@charset "utf-8";
/*
Theme Name: NANO child
Theme URI:https://tcd-theme.com/tcd065
Description:WordPressテーマ「NANO」の子テーマ
Template:nano_tcd065
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/



/*全体共通ルール*/

.sp{
display:none;
}
.pc{
display:block;
}
@media screen and (max-width: 425px) {
.sp{
display:block;
}
.pc{
display:none;
}
}

.mb-1em{
margin-bottom:1em!important;
}
.mb-1-5em{
margin-bottom:1.5em!important;
}
.mb-2em{
margin-bottom:2em!important;
}

.required{
font-size:1.5em!important;
color:#ff0000!important;
padding:0 10px!important;
}

p.midashi{
	padding:0.5em;
	margin-bottom:0.5em!important;
	border:1px solid #cccccc;
}

.flexbox {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0;
	margin-left: auto;
	box-sizing: border-box;
}

/** 固定ページ用 **/

h2.wp-block-heading{
	border-left:5px solid #4B1D78;
	color:#4B1D78;
	padding:0.5em 0 0.5em 20px;
	margin-bottom:0;
}

h3.wp-block-heading{
	border-bottom:1px solid #cccccc;
	padding:1em 0 0.5em 0;
	margin-bottom:0.5em;
}

.p-entry__body p {
	font-size: inherit;
	line-height: 2.2;
	margin-bottom: 0px;
	word-wrap: break-word;
}

.wp-element-button{
background-color:#FF8DB6;
color:#ffffff!important;
}

.wp-element-button:hover{
background-color:#E36D98!important;
}

/** 共通ボタン用 **/
.btn-common{
	margin-bottom:50px;
	text-align:center;
}
.btn-common a{
	font-size:1.5em;
	border-radius:10px;
	padding:1em;
}

@media screen and (max-width: 767px){
.btn-common a{
	font-size:1.1em!important;
}
}

/** 全体共通コンテンツCSS **/



/*ヘッダー追加メニュー*/



.header-btn .flexbox {
	align-items:center;
	justify-content: flex-end;
}
@media screen and (max-width: 1200px) {
.header-btn  {
	position:absolute;
	right:50px;
}
.header-btn div.tel span:first-child{
display:none;
}
}

.header-btn p.txt{
	margin:1em 0;
}

.header-btn a{
	padding:0 1em;
}

.header-btn a.btn{
	background:#FF8DB6;
	color:#ffffff;
	border-radius:0.5em;
	padding:1em;
	margin-left:20px;
}

.header-btn a.btn:hover{
	background:#E36D98;
}

.header-btn div.tel{
display:flex;
align-items:center;
text-align:right;
padding-top:0.2em;
}
.header-btn div.tel span.number{
font-size:2.2em;
font-weight:700;
margin-left:0.5em;
}

@media screen and (max-width: 768px) {
.header-btn p.txt{
	display:none;
}

.header-btn a.btn{
	font-size:0.8em;
	padding:1em 0.5em;
}

}

@media screen and (max-width: 600px) {
.header-btn div.tel span.number{
	display:none;
}
}

@media only screen and (max-width: 1199px) {
.header-btn{
display:flex;

}

}




/*フッターヴィジェット　共通メニュー100％幅に調整*/

.widget_nav_menu {
width:75%!important;
}

.widget_calendar{
width:25%!important;
}

.p-footer-widgets__item ul.menu{
display:flex!important;
justify-content: space-around;
}

.p-footer-widgets__item ul.menu li{
font-size:1.2em!important;
font-weight:bold!important;
}

.p-footer-widgets__item ul.sub-menu li{
font-size:0.8em!important;
font-weight:normal!important;
}

@media screen and (max-width: 768px) {
.p-footer-widgets__inner{
flex-direction: column;
width:100%!important;
}
.widget_nav_menu {
display:none;
}
.widget_nav_menu {
width:100%!important;
}

.widget_calendar{
width:100%!important;
}
}


/* フッターSNS */
.sns{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0;
	margin:0 auto 20px auto;
	box-sizing: border-box;
	width:300px;
	height:30px;
}
.sns p{
	height:30px;
}

.sns img{
	height:100%;
	width:auto;
}



.wp-block-image figure{
 margin:0 auto!important;
}


/** トップページ用 css **/
/*トップページ　コンテンツ間隔*/
.p-index-content02,.p-index-content03,.p-index-content04,.p-index-content05,.p-index-content06,.p-index-content07 {
	margin-bottom: 60px!important;
}

.p-index-content02__list,
.p-news-tab-list{
	margin-bottom: 30px!important;
}

.l-contents {
	margin-bottom: 30px;
}


/* トップバナー*/

ul.bnr-list{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style-type: none!important;
	margin: 0px auto;
}

@media screen and (max-width: 767px){
ul.bnr-list{
	flex-direction:column;
}
ul.bnr-list li{
	width:100%!important;
}
ul.bnr-list li img{
	min-width:100%!important;
}
}

ul.bnr-list li{
	width:25%;
	padding:0.5em;
	overflow: hidden;
}

ul.bnr-list li img{
	height:100%;
	width:auto!important;
}

/* FVのサイズを天地100％で横は固定にする場合 */
/*画像用*/
@media screen and (max-width: 767px){
  .p-header-slider{
    height: auto;
  }
  .p-header-slider__item-img{
    width: 100%;
    height: auto;
    aspect-ratio: 1740/840;
  }
}
 
/*動画用*/
@media screen and (max-width: 767px){
  .p-header-video{
    width: 100%;
    height: auto;
    aspect-ratio: 640/360;
  }
}



/**各コンテンツ調整用css**/
/*よくある質問(blog用）調整*/

.p-blog__list{
flex-direction:column;
}
.p-blog__title {
border-top: 0px solid #4b1d78!important;
}

.faq{
display:flex;
width:100%;
height:450px!important;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-size: 100%!important;
background-position: center;
font-size:2.5em!important;
color:#ffffff;
text-align:center;
margin:0!important;
}

@media screen and (max-width: 768px) {
.faq{
height:200px!important;
font-size:1.4em!important;
}
}

/* よくある質問コンテンツ（アコーディオン）調整 */

.p-blog__list{
max-width:1000px;
width:100%;
margin:0 auto;
}

.p-blog__category-block{
	margin-bottom: 40px;
}

.p-blog__category-block h3{
	border-left:5px solid #4B1D78;
	font-size:1.8em;
	font-weight: 500;
	color:#4B1D78;
	padding:0.5em 0 0.5em 20px;
	margin-bottom:1.5em;
}

.js-accordion {
	margin-bottom: 30px;
}

.js-accordion-title {
	position: relative;
	padding: 1em 2em 1em 4em;
	cursor: pointer;
	font-size:1.5em;
	font-weight: 500;
	background-color:#eeeeee;
	margin-bottom: 10px;
}




/* Q を左に */
.js-accordion-title::before {
	content: "Q";
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
	font-size:1.5em;
	font-weight: bold;
	color:#4B1D78;
}

/* ＞ を右に */
.js-accordion-title::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
  right: 2em;
  top: 50%;
  transform: translateY(-50%) rotate(135deg); /* 初期：下向き */
  transition: transform 0.3s;
}

/* 開いた時（上向き） */
.js-accordion-title.is-open::after {
  transform: translateY(-50%) rotate(-45deg);
}

.js-accordion-content {
	position: relative;
	padding-left: 2em;
	display: none;
	margin-left:3em;
	line-height:2em!important;
}

.js-accordion-content a{
color:#E36D98;
}

/* A を左に */
.js-accordion-content::before {
	content: "A";
	position: absolute;
	left: 0;
	top: 0;
	font-size:1.5em;
	font-weight: bold;
	color:#FF8DB6;
}





/**ニュースタイトル　調整**/
.news{
display:flex;
width:100%;
height:450px!important;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-size: 100%!important;
background-position: center;
font-size:2.5em!important;
color:#ffffff;
text-align:center;
margin:0 0 30px 0!important;
}
@media screen and (max-width: 768px) {
.news{
height:200px!important;
font-size:1.4em!important;
}
}





/*商品紹介トップ_新品楽器エリア　調整*/
.p-article09 .conts {
	display: flex;
	align-items: center;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

@media screen and (max-width: 768px) {
.p-article09 .conts {
	flex-direction:column;
}
}


@media screen and (max-width: 1049px) {
.p-article09 .conts .p-article09__content {
	padding-top:2em!important;
	padding-bottom:2em!important;
}
}

.p-article09 .conts img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-duration: 0.5s;
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.p-article09 .conts h4{
	margin:0;
    line-height:1.5em;
}

.p-article09 .conts .p-article09__link {
    line-height:2.5em;
}

.p-entry__body .p-article09__title {
    font-size: 32px;
	color:#303030;
    margin-bottom: 12px;
}

.p-entry__body a:hover {
	text-decoration:none;
}

.p-cat-list{
padding-top:1em;
}

/**商品紹介　リストタイトル箇所**/
.p-cat-list__subtitle{
margin:1em!important;
}

/**商品紹介　詳細ページ　カテゴリ箇所**/
.p-works-entry__cat:hover{
background-color:#000000!important;
}


/**店舗・教室（テキストエリア）調整**/
.p-article05__content{
	 min-width:500px;
	width:auto;
	background-color: rgba(255,255,255,0.9);
}

/**店舗・教室（下層ページメイン画像）調整**/
.p-company-header__img {
	height:450px;
	overflow:hidden;
	display: flex;
	align-items: center;/* 縦中央 */
	justify-content: center;/* 横中央 */
}
.p-company-header__img img {
	width: 100%!important;
	height: 100%;
	object-fit: cover; /* トリミング */
}

/**店舗・教室（下層ページ　詳細情報）調整**/
.wp-block-column-is-layout-flow p {
    font-size: inherit;
    line-height: 2.2;
    margin-bottom: 0px;
    word-wrap: break-word;
    padding: 20px;
}
.wp-block-columns_bottom{
	align-items: normal !important;
	margin:0 auto !important;
	border-bottom: 1px solid #000 !important;
}

/**店舗・教室（下層ページ　体験バナー画像サイズ）調整**/
.p-entry__body img[class*="align"], .p-entry__body img[class*="wp-image-"], .p-entry__body img[class*="attachment-"], .p-entry__body .size-full, .p-entry__body .size-large, .p-entry__body .wp-post-image, .p-entry__body img {max-width: 100%!important;height: auto;margin: 0;}


/** お問い合わせフォーム用 **/

button, input, optgroup, select, textarea {
    font-size: 1.2em!important; 
    line-height: 2;
}

.form-template{
	max-width:1000px;
	width:100%;
	margin: 0 auto;
}

.form-template .flexbox{
	justify-content:flex-start!important; 
	padding:20px 0;
	margin-left:0;
	border-top:1px solid #ccc;
	align-items: center;
}
.form-template .flexbox .inner{
	display:flex;
	justify-content:flex-start!important; 
}
.form-template .flexbox:first-child{
	border-top:0px solid #ccc;
}

.form-template div.flexbox p:first-child{
	width:30%;
}

.form-template span{
	font-size:0.8em;
	padding:0 1em;
}
.form-template span.wpcf7-not-valid-tip {
	font-size:1.2em;
	padding-left: 2em;
}

.form-template .wpcf7-form-control-wrap{
	margin:0 10px;
}

.form-template .wpcf7-checkbox{
display:flex;
}

.form-template .wpcf7-submit{
background-color:#FF8DB6;
color:#ffffff!important;
font-size:1.5em;
}


/**？**/
.p-article05__desc,
.p-article09__desc {
	font-weight:normal;
	color:#303030;
}


/**サービスカテゴリ2階層トップ　画像上部のスペース調整 **/
.p-service-cat-header__img{
        margin: 0 -20px 0!important;
}