@charset "utf-8";
/*
Theme Name: 4色bold無し 201905-4color-nobold★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags: 
Version: 0.1.0
*/
/*Red-c41648/Pink-c04077/Orange-d8701f/Beige-f5f5dc*/
/* 問い合わせボタン変更
/* ロゴ、スライド画像変更
/* Calmlyキーカーラー設定
/* 壁紙変更*/




/*-----------------------------------------*/
/* body PCだけ太字
/*----------------------------------------- */

@media screen and (min-width: 481px){
body     { 
    font-size:16px!important; 
    line-height:130%; 
   -webkit-text-size-adjust : 100%; 
}
}

@media screen and (max-width: 480px){
body     { 
    font-size:16px!important; 
    line-height:130%; 
    
    -webkit-text-size-adjust : 100%; 

}
}

/*デフォルト文字サイズ*/
/*-------------------------------------------*/
/*  768以下でgmenuを消す。スマホ対策
/*-------------------------------------------*/

@media screen and (min-width: 768px) {
.page #gMenu{display:none;}
.single #gMenu{display:none;}
.category #gMenu{display:none;}
}

/*-------------------------------------------*/
/*  背景の色に白の透過を乗せる
/*-------------------------------------------*/
/*ヘッダー
.header{
  background-color: rgba(255,255,255,0.5);
 }*/
 /*メイン部分
 .main{
  background-color: rgba(255,255,255,0.3);
 }*/


/*-------------------------------------------*/
/*  本文の枠整形
/*-------------------------------------------*/

.innerbox{padding:0;}
.entry-content{padding:0!important;margin:0!important;}
.wpb_wrapper{padding:6px;}

/*------------------------------------------
/*お気軽にお問い合わせください文字大きさ
/*----------------------------------------- */

#headContactTxt {
    font-size:14px!important;
    font-weight:bold;
    line-height: 20px;
}


/* ヘッダー右画像高さ
-------------------------------------------------------------- */
#headContact{padding-top: 24px;}


/* フッター上段の幅をいっぱいに広げた
-------------------------------------------------------------- */
#footer dl#footerOutline { float:none;width:100%; }
#footer #footerSiteMap { display:none; }



/*------------------------------------------*/
/* h2 2018/05/12更新
/*----------------------------------------- */
/*-------基本設定-------------- */
h2.piano{
  text-shadow: 1px 1px 3px #AAA9A9 !important;
  background-size:contain !important;
  background-repeat: no-repeat !important;
  background-position:  5px center !important;
  padding-left: 54px !important;
  background-color:#fff !important;
}

/*-------original-------------- */
h2.piano.original{
  color:#c04077 !important;
  border-bottom:3px #c04077 solid!important;
}
h2.piano.original.gclf01{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g-pink.png) !important;
}
h2.piano.original.gclf02{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g2-pink.png) !important;
}


/*-------h-rose-------------- */
h2.piano.h-rose{
  color:#ef0758!important;
  border-bottom:3px #f93076 solid!important;
}
h2.piano.h-rose.gclf01{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/07/h2-t1-F93076.png) !important;
}
h2.piano.h-rose.gclf02{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h2-t2-F93076.png) !important;
}


/*-------ピンク-------------- */
h2.piano.pink{
  color:#c04077 !important;
  border-bottom:3px #c04077 solid!important;
}
h2.piano.pink.gclf01{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g-pink.png) !important;
}
h2.piano.pink.gclf02{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g2-pink.png) !important;
}
h2.piano.pink.rose01{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-rose1.png) !important;
}
h2.piano.pink.rose02{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-rose2.png) !important;
}
h2.piano.pink.himawari{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-himawari.png) !important;
}
h2.piano.pink.gabera{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-gabera.png) !important;
}

/*-------赤-------------- */
h2.piano.red{
  color:#c41648 !important;
  border-bottom:3px #c41648 solid!important;
}
h2.piano.red.gclf01{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g-red.png) !important;
}
h2.piano.red.gclf02{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g2-red.png) !important;
}
/*-------オレンジ-------------- */
h2.piano.orange{
  color:#d8701f !important;
  border-bottom:3px #d8701f solid!important;
}
h2.piano.orange.gclf01{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g-beige.png) !important;
}
h2.piano.orange.gclf02{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g2-orange.png) !important;
}
/*-------ベージュ -------------- */
h2.piano.beidge{
  color:#8F8F28!important;
  border-bottom:3px #8F8F28 solid!important;
}
h2.piano.beidge.gclf01{
  background-image: url(/piano/wp-content/uploads/2018/05/h-g-orage.png) !important;
}
h2.piano.beidge.gclf02{
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2018/05/h-g2-beige.png) !important;
}


#content h3 {  
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); 
  position: relative; 
  clear:both; 
  font-size:18px;
  margin:-24px 0px 24px!important; 
  padding:10px 10px 7px; 
  color:#900F42;
  text-shadow:
      -3px -3px #fff,
      3px -3px #fff,
      -3px 3px #fff,
      3px 3px #fff;
  background-image: url(https://ongakuyorozuya.com/piano/wp-content/uploads/2014/11/kenban11.png);
  background-size:contain;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 40px;
}


/*-------------------------------------------*/
/*  メディアで非表示
/*-------------------------------------------*/

@media screen and (min-width: 481px){
.kesu-pc { display: none;}
}

@media screen and (max-width: 480px){
.kesu-sumaho { display: none;}
}

/*-------------------------------------------*/
/*  メイン画像背景色透過
/*-------------------------------------------*/

#topMainBnr { background-color:rgba(255,255,255,0.5);}

/*-------------------------------------------*/
/*  ウィジェットブログ透過および幅調整
/*-------------------------------------------*/

.sideWidget{
   background-color:rgba(255,255,255,0.5);
}
.ttBoxSection{
  margin-left: 12px;
  margin-right: 12px;
}

/*-------------------------------------------*/
/*  ページ内の枠
/*-------------------------------------------*/
@media screen and (min-width: 481px){
.wakuwaku{margin:0;
  padding:0;
  background-color:#fff;}
 }
@media screen and (max-width: 480px){
.wakuwaku{
  margin:0;
  padding:36px 10px;
  background-color:#fff;
}
}

/*-------------------------------------------*/
/*  ヘッダー申し込みボタン
/*-------------------------------------------*/
/*Red-c41648/Pink-c04077/Orange-d8701f/Beige-8F8F28*/
/*-----------------------------------------*/
/*ステッチ*/
a.hedertoiawasebutton {
  letter-spacing:-2px!important;
  position: relative;
  display: inline-block;
  padding: 16px 20px;
  border: 1px solid #fe3276;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  }
a.pink.hedertoiawasebutton{background-color: #c04077;/*色を変更する*/}
a.f93076.hedertoiawasebutton{background-color: #f93076;/*色を変更する*/}
a.red.hedertoiawasebutton{background-color: #c41648;/*色を変更する*/}
a.orange.hedertoiawasebutton{background-color: #d8701f;/*色を変更する*/}
a.beige.hedertoiawasebutton{background-color: #8F8F28;/*色を変更する*/}
a.hedertoiawasebutton::after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 2px dashed #fff;
  border-radius: 4px;}
a.hedertoiawasebutton:hover {
 color:#c41648;
 background: #fff;}
a.hedertoiawasebutton:hover:after {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border-radius: 4px;}
a.pink.hedertoiawasebutton:hover:after {border: 2px dashed #c04077;/*色を変更する*/}
a.red.hedertoiawasebutton:hover:after {border: 2px dashed #c41648;/*色を変更する*/}
a.orange.hedertoiawasebutton:hover:after {border: 2px dashed #d8701f;/*色を変更する*/}
a.beige.hedertoiawasebutton:hover:after {border: 2px dashed #8F8F28;/*色を変更する*/}

/*-----------------------------------------*/
/*くるくるボタン*/

a.kurubutton {
  display: inline-block;
  padding: 1em 3em;
  border: 1px solid #fe3276;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
a.pink.kurubutton{background-color: #c04077;}
a.red.kurubutton{background-color: #c41648;}
a.orange.kurubutton{background-color: #d8701f;}
a.beige.kurubutton{background-color: #8F8F28;}

a.kurubutton span {
  position: relative;
  display: inline-block;
}
a.kurubutton span::before {
  position: absolute;
  top: -3px;/*アイコン縦位置*/
  left: -30px;/*アイコン左位置*/
  font-family: FontAwesome;
  content: "\f0e0";
  color: #fff;
  line-height: 1;
  -webkit-animation: icon 1.5s ease-in-out infinite;
  animation: icon 1.5s ease-in-out infinite;
}

@media screen and (min-width: 481px){
  a.kurubutton { text-align: center;}
  a.kurubutton span {padding-left: .6em;/*文字の左位置*/}
  a.kurubutton span::before{font-size: 20px;/*アイコンサイズ*/}
}


@media screen and (max-width: 480px){
  a.kurubutton { text-align: left;font-size:14px;padding-right: 20px;}
  a.kurubutton span {padding-left: 0.2em;/*文字の左位置*/}
  a.kurubutton span::before{font-size: 20px;/*アイコンサイズ*/}
}

@-webkit-keyframes icon {50% { -webkit-transform: rotateY(360deg); }}
@keyframes icon {50% { transform: rotateY(360deg); }}



/
/* -------------------------------------------*/
/*  蛍光アンダーライン
/*-------------------------------------------*/
.keikou-under {
  background: linear-gradient(transparent 70%, yellow 50%);
  }

/* -------------------------------------------*/
/*  白文字
/*-------------------------------------------*/
.whitetxt{
  color:#fff;
  font-weight:bold;
}


/* -------------------------------------------*/
/*  問い合わせフォーム
/*-------------------------------------------*/

.mobile-block td{background-color: #fff;}


/*「必須」部分のスタイリング*/
.mobile-block .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}
.thtxt{
  font-weight: bold;
  vertical-align: middle;
}

/*　PC表示　*/
@media screen and (min-width: 641px) and (max-width: 2560px) {

.mobile-block{
  margin-left: 44px!important;
  width:86%!important;
  }

/*thとtd内の余白指定*/
.mobile-block th, .mobile-block td {
    padding: 1em;
    }
.mobile-block th{
    width:30%;
    }
/*th（項目欄）は30%幅、テキストを右寄せ*/
.mobile-block th {
    text-align: right;
    }
}
/*送信ボタン*/
#souinbotan{
  width:88%;
  background-color: #F4524D;
  border-radius:5px;
}

/* -------------------------------------------*/
/*  ※箇条書き　<p class="komed"></p>
/*-------------------------------------------*/

.komed {
    text-indent: -1em;
    margin-left: 1em;
}
.komed:before {
    content: '※';
    display: inline-block;
    width: 1em;
    text-indent: 0;
}

/* -------------------------------------------*/
/*  ※箇条書き　<p class="onpuu"></p>
/*-------------------------------------------*/

.onpuu {
    text-indent: -1em;
    margin-left: 1em;
}
.onpuu:before {
    content: '♪';
    display: inline-block;
    width: 1em;
    text-indent: 0;
}


/* -------------------------------------------*/
/*  ブログ整形
/*-------------------------------------------
.type-post{background-color:#fff!important;}
.entry-content{margin-left:30px;margin-right:20px;}
.infoList{background-color:#fff!important;}
.container{background-color:#fff!important;}
.infoListBox{margin-left:30px;margin-right:20px;}
*/