@charset "UTF-8";

/*
 Template:     liquid
 Theme Name:   LIQUID-child-kojima
 Theme URI:    https://lqd.jp/wp/liquid.html
 Description:  LIQUID child theme for kojima-piano.com.
 Author:       TAE Harada LIQUID DESIGN
 Author URI:   
 License: GPLv2
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-header, custom-menu, featured-images, threaded-comments, translation-ready
 Text Domain: liquid-child-kojima
 Version: 0.9.8
*/


/* ------------------------------------
// common
------------------------------------ */

body {
    color: #333333;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Sans-Serif;
    line-height: 1.5;
background-color: #FAFBF6;
}

footer {
    background: #9FA098;
    padding: 2em 0 0.5em 0;
}
.copy {
    padding: 2em 0 0.5em 0;
    text-align: center;
    font-size: small;
}


.post_body h1,
.post_body h2 {
    font-size: 1.3rem;
    font-weight: bold;
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 1.3rem;
    margin-top: 2rem; 
}

.post_body h1 span,
.post_body h2 span {
    border-bottom: 2px solid #00aeef;
    display: inline-block;
    padding: 1rem 0;
    margin-bottom: -2px;
}

.post_body h3 {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: large;
}


tr:nth-child(even) th,
tr:nth-child(even) td {
    background: none;
}
.table {
     width: auto;
	  max-width:  100%;
}

th,
tr:nth-child(even) th{
    background: #f5f5f5;
}
td ,
tr:nth-child(even) td{
    background: #ffffff;
}

.table td, .table th {
    padding: .75rem;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}


/* ------------------------------------
// 20171112変更
------------------------------------ */


/*bootstrap4 text-centerやcenter-blockでも頑として動かないnavbar-navをセンタリングする方法*/
.navbar-nav{
    margin: 0 auto;
    /*display: table;*/
    table-layout: fixed;
    float:none;
}



/*.navbar .containerのメディア4パターン*/
@media (min-width: 75em) {
	.navbar .container {
      padding: 1rem 0;
	}

	.navbar-divider, .navbar-nav .nav-item+.nav-item, .navbar-nav .nav-link+.nav-link {
      margin-left: 0rem; 
   }
   .navbar-nav a {
      font-size: small;
      display: block;
		padding: 2.5rem 1rem 0.4rem 1rem;
	}
   #menu-main-navi .menu-item{
    background-image: url(images/navi00.png) ;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 50%;	
	}		
   #menu-main-navi .menu-item.menu-item-page-about{ background-image: url(images/navi00-title.png) ;	} 
   #menu-main-navi .menu-item.menu-item-page-about{ background-image: url(images/navi01-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-kids{ background-image: url(images/navi02-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-adult{ background-image: url(images/navi03-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-trial{ background-image: url(images/navi04-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-contact{ background-image: url(images/navi05-title.png) ;	}
	
   .header_image{ display: inherit;}
   .header_image-mini{ display: none;}


}

@media (max-width: 74.9em) {
	.navbar .container {
	    padding: 1rem 0;
	}
   .navbar-divider, .navbar-nav .nav-item+.nav-item, .navbar-nav .nav-link+.nav-link {
      margin-left: 0rem; 
   }
   .navbar-nav a {
      font-size: small;
      display: block;
		padding: 2.5rem 1rem 0.4rem 1rem;
	}
   #menu-main-navi .menu-item{
    background-image: url(images/navi00.png) ;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 50%;	
	}		
   #menu-main-navi .menu-item.menu-item-page-about{ background-image: url(images/navi00-title.png) ;	} 
   #menu-main-navi .menu-item.menu-item-page-about{ background-image: url(images/navi01-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-kids{ background-image: url(images/navi02-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-adult{ background-image: url(images/navi03-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-trial{ background-image: url(images/navi04-title.png) ;	}
   #menu-main-navi .menu-item.menu-item-page-contact{ background-image: url(images/navi05-title.png) ;	}

   .header_image{ display: inherit;}
   .header_image-mini{ display: none;}

}
@media (max-width: 61.9em) {
}



/* Small devices (landscape phones, less than 48em=768px) */
/* このサイズからメニューが折りたたまれます */
@media (max-width: 47.9em) {
    .navbar .container {
	    padding: 0 0;
        padding-left: .9375rem;
    }
   .navbar-divider, .navbar-nav .nav-item+.nav-item, .navbar-nav .nav-link+.nav-link {
      margin-left: 1rem; 
   }	
	#menu-main-navi .menu-item{
    background-image: none ;
	}		
   #menu-main-navi .menu-item.menu-item-page-about{ background-image: none ; } 
   #menu-main-navi .menu-item.menu-item-page-about{ background-image: none;	}
   #menu-main-navi .menu-item.menu-item-page-kids{ background-image: none; }
   #menu-main-navi .menu-item.menu-item-page-adult{ background-image: none;	}
   #menu-main-navi .menu-item.menu-item-page-trial{ background-image: none ; }
   #menu-main-navi .menu-item.menu-item-page-contact{ background-image: none ;	}
	
	.header_image{
		display: none;
	}
	.header_image-mini{
		display: inherit;
	}	
	
}
/* Extra small devices (portrait phones=iPhone6,less than 34em=544px) */
@media (max-width: 33.9em) {
    .navbar .container {
	    padding: 0 0;
        padding-left: .9375rem;
    }
}


/*navbarのデザイン変更*/
.navbar {
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 0px solid rgba(0, 0, 0, 0);
    box-shadow: none;
}

/*headlineのデザイン変更*/
.headline {
    padding: 1rem 0;
    text-align: center;
}

#logo img {
    transform: scale(.8);
}
@media (max-width: 33.9em) {
	#logo img{
		max-height: 45px;
		width: auto !important;
		transform: scale(1);
	}
}

/*コンテンツエリアのタイトルを中央寄席に変更し、背景に該当画像をはめる*/
.ttl_h1 {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.8rem;
    padding-top: 3rem;
    /*background-image: url(images/navi00-title.png) ;*/
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 60%;
}

body.page_about H1.ttl_h1{ background-image: url(images/navi01-title.png) ;	}
body.page_kids H1.ttl_h1{ background-image: url(images/navi02-title.png) ;	}
body.page_adult H1.ttl_h1{ background-image: url(images/navi03-title.png) ;	}
body.page_trial H1.ttl_h1{ background-image: url(images/navi04-title.png) ;	}
body.page_contact H1.ttl_h1{ background-image: url(images/navi05-title.png) ; }





/*トップページ メインテキストエリアの諸設定*/
div.top-maintext {
    /*margin: 1rem;*/
    margin-top: 1rem;
    margin-bottom: 3rem;
}


/*トップページ固定ページへのリンクエリアの諸設定*/
.top-page-row{
    margin: 0 2rem;
}
div.top-page {
    /*margin: 1rem;*/
    margin-bottom: 2rem;
}
div.top-page img {
    display:block; 
    margin: 0 auto;
    margin-bottom: 1rem;
}
div.top-page h3 {
    font-weight: bold;
    /*margin-bottom: 1rem;*/
    font-size: large;
}

/*フッターの諸設定*/
footer {
    background: #e1e2df;
    padding: 2em 0 0.5em 0;
}
.widget .ttl {
    font-size: medium;
    font-weight: bold;
    background: none;
    border-radius: 0;
    margin-bottom: 1rem;
}
.ttl span {
    display: inline-block;
    padding: .5em 1em;
    border-bottom: none;
}



/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; /*font-size:11px;*/ }

div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px;  /*font-size:14px;*/ }
div.wpcf7 input.wpcf7-text { width:80%; }
div.wpcf7 textarea { width:97.5%; height:150px; }
.wpcf7 input[name="your-age"] { 
	width:50px !important;
}
div.wpcf7 p.check {
	margin:0 auto; 
}
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; /*font-size:14px;*/ width:200px; height:45px; 
	margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; 
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; 
	border:1px solid #666; 
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}
/* --- お問い合わせフォーム 　ここまで--- */


/* トップへのスクロールの上部に余白追加*/
.pagetop {
    text-align: center;
    padding-top: 3em;
    padding-bottom: 1em;
    font-size: x-large;
}




/* 名前用 h2 */


.post_body h2.inst {
    font-size: 1.3rem;
    font-weight: bold;
    border-bottom: 0px solid #f5f5f5;
    margin-bottom: 0rem;
    margin-top: 1rem;
}

.post_body h2.inst span {
	border-bottom: 0px solid #00aeef;
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
}

.post_body h2.inst span span.inst-rub {
    font-size: 1rem;

}