@charset "utf-8";

/*
Template:tri.h-studio
Theme Name:Tri.H studio-child
Theme URI:https://ss15.aiosl.jp/
Description:Tri.H studio
Author:TEAMWORKS
Author URI:https://tmwks.jp/
Version:1.5.1
*/



/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea{
  vertical-align:middle;
  width:100%;
  line-height:35px;
  height:35px;
  padding:5px;
  margin-bottom: 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
  box-sizing: border-box;
  }
  textarea{
  height:auto;
  line-height:1.5;
  }
  select {
  padding: 8px 5px;
  }
  input[type=checkbox] {
          transform: scale(1.5);
          margin: 0 6px 0 0;
  }
  .wpcf7 input.wpcf7-back,
  .wpcf7 input.wpcf7-confirm { 
          position:relative;
          width:225px;
  }
  .wpcf7 form,.wpcf7 {
          margin: 0 !important;
          background: none !important;
          border: 0 !important;
  }
  .wpcf7 p {
          font-size: inherit !important;
  }
  *:first-child+html input[type="submit"]{padding:3px;}
  
  span.yubin,
  form input[type="submit"], input[type="reset"], input[type="button"] {
    margin: 0 auto;
    padding: 10px 20px;
    background: #5A76B9;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1.5;
    font-size: 120% !important;
    color: #fff;
    cursor: pointer;
          height:48px;
          outline:none;
          -webkit-transition: all .3s;
          transition: all .3s;
  }
  span.yubin,
  span.yubin:hover { font-size: 80% !important; padding: 7px 10px; }
  form input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, span.yubin:hover {
    background: #666;
  }
  #searchform input[type="submit"] {
      line-height: 1;
      padding: 6px;
      vertical-align: top;
  }
  .submit-button{
    text-align:center;
        padding:0 50px;
  }
  /* 確認画面用CSS */
  /*枠線消す*/
  form .wpcf7c-conf {
    background-color: transparent !important;
    border: none !important;
  }
  .wpcf7-form table p {
    padding-bottom: 5px;
  }
  textarea.wpcf7-form-control {
    max-height: 100px;
  }
  .wpcf7 .wpcf7-submit {
          background-color: #5A76B9 !important;
  }
  .wpcf7 .wpcf7-submit:hover {
          background-color: #5A76B9 !important;        
  }
  .wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
          border: 0 !important;
  }
  /*確認画面でradioが見え難い*/
  input[type="hidden"] + span {
    font-weight: bold;
  }
  /*確認画面セレクトボックスヤジルシ消す*/
  select.wpcf7c-conf {
     -webkit-appearance: none;
     -moz-appearance:    none;
     -ms-appearance:    none;
     appearance:         none;
     /*Firefox用*/
      text-indent: .01px; 
      text-overflow: "";
  }
  select.wpcf7c-conf::-ms-expand {
    display: none;
  }
  .wpcf7-form table p {
      padding-bottom: 0;
  }
  [data-name="zip"] input[type="text"],
  .zip input[type="text"],
  .s_size input[type="text"] {
    width: 20%;
  }
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"]{
    width: 40%;
  }
        @media only screen and (max-width:767px){
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"]{
    width: 100%;
  }
        }
  span.required {
      display: inline-block;
      padding: 4px 6px;
      border-radius: 6px;
      background: red;
      color: #fff;
      font-size: 90%;
      line-height: 1.2;
      text-align: center;
      margin: 0 4px;
  }
  form table .txt_s {
      font-size: 80%;
      color: #666;
  }

 /*TABLE*/
.post_content table {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    font-size: 100%;
    line-height: 141.7%;
    margin: 10px -1px 24px 0;
    width: 100%;
    text-align:left;
}
.post_content table th {
    box-shadow: 1px 1px 0 #FFFFFF inset;
    border: 0;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: top;
    font-weight: bold;
    background-color: #F7F9FF;
    padding: 10px;
    white-space: nowrap;
    text-align:left;
}
.post_content table td {
    border: 0;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    vertical-align: middle;
    text-align:left;
}
.post_content table th.txt_c, .post_content table thead th {
    text-align:center;
}
.post_content table.flat,
.post_content table.flat th,
.post_content table.flat td {
  border: 0;
  background: none;
  box-shadow: none;
  font-weight: normal;
}
.post_content table.border,
.post_content table.border th,
.post_content table.border td {
  border: 0;
  background: none;
  box-shadow: none;
}
.post_content table.border th {
  border-bottom: 1px solid #000;
}
.post_content table.border td {
  border-bottom: 1px solid #ccc;
}
.post_content table.border tr:first-child th {
  border-top: 1px solid #000;
}
.post_content table.border tr:first-child td {
  border-top: 1px solid #ccc;
}



  
  /* TCD*/
  /* Column layout - カラムレイアウト*/
  .post_col.post_col-4 { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:1px; margin-bottom:2em; padding-right:25px; padding-left:25px; float:left; } 
   @media screen and (min-width: 768px) {
      .post_col.post_col-4 { width:66.66666%; }
  }
  @media screen and (min-width: 1024px) {
      .post_col.post_col-4 { width:66.66666%; }
  } 
  .post_content [class^="well"] *:first-child:not(a) {
          margin-top: 0 !important;
          padding-top: 0 !important;
  }
  .post_content [class^="well"] *:last-child {
          margin-bottom: 0 !important;
  }
  .post_content [class^="well"] { 
          padding: 1.2em;
  }
  .post_content .style4a,
  .post_content .style5a {
          margin-top: 30px !important;
  }
  
  @media only screen and (max-width: 767px) {
          .post_content form table th, .post_content form table td,
          .post_content table.resp th, .post_content table.resp td {
            display: block;
          }
          .post_content form table th, .post_content table.resp th {
            border-top: 0;
            border-bottom: 0;
          }
          [data-name="zip"] input[type="text"],
          .zip input[type="text"],
          .s_size input[type="text"] {
            width: 30%;
          }
          span.yubin, span.yubin:hover { 
                  font-size: 80% !important;
                  padding: 7px 10px; 
          }
  }
  .anchor{
          display: block;
          padding-top: 120px;
          margin-top: -120px;
  }
  /*アンカー除外*/
  .post_content .pb-widget-editor *:first-child:not(.anchor):not(.gallery-item) {
          margin-top: 0 !important;
  }
  @media only screen and (max-width:767px) {
          .scroll table{
          width:100%;
          }
          .scroll{
          overflow: auto;
          white-space: nowrap;
          }
          .scroll::-webkit-scrollbar{
           height: 5px;
          }
          .scroll::-webkit-scrollbar-track{
           background: #F1F1F1;
          }
          .scroll::-webkit-scrollbar-thumb {
           background: #BCBCBC;
          }
  }
  

/*改行*/
br.pc-br{
        display:block;
}
br.sp-br{
        display:none;
}
@media only screen and (max-width:767px){
        br.pc-br{
                display:none;
        }
        br.sp-br{
                display:block;
        }
}

/* ーーーーーーーーーーーーーーー　トップページ　ーーーーーーーーーーーーーーー*/

/* グローバルメニュー　ヘッダーバー */
#global_menu > ul{
	background:#000;
}
#global_menu > ul > li > a{
	color:#fff;
}

/* SNSアイコンボタン */
.sns_button_list li.insta a:before{
	font-size:17px!important;
}
.sns_button_list li.facebook a:before{
	font-size:22px!important;
}
.sns_button_list li.contact a:before {
	font-size:22px;
}


/*トップページ　ボタンfixed*/
#header_slider_notice > .content > .inner{
        background: #D12962!important;
}
#header_slider_notice .content .inner {
        background: #D12962!important;
}
/*トップページ　news ticker*/
#news_ticker .date,
#news_ticker .title{
        color: #000000;
}

#news_ticker a{
        background: #ffffff;
}

/* トップリードコピー */
.top_lead{
text-align: center;
}
.top_lead_text{
	font-size:30px;
	font-weight:700;

}

/*インタビュー　背景*/
.cb_interview_list{
        background: #EEF1F8;
}

/*フッターエリア　背景色*/
#footer .item,
#copyright {
        background:#231915;
}

/*トップ　コンテンツ白背景→水色*/
.cb_white_bg{
        background: #FEFEFF;
}

/*トップ　p-bottom*/
.post_content.clearfix.inview.animate > p{
        margin: 0 0 1.4em 0;
        font-size: 16px;
}

/*レスポンシブ*/
.scroll_content_section .content .desc .mobile,
.scroll_content_section .content .desc,
.cb_banner .content .desc .mobile{
        text-align: center;
}

/*flex解除*/
.cb_banner .content .desc{
	flex:0 0 auto;
}

@media only screen and (max-width:767px){
.cb_banner .content .desc{
        display: block;
}
}

/* ーーーーーーーーーーーーーーー　ABOUTページ　ーーーーーーーーーーーーーーー*/

/* ハンバーガーオープン＞SNSアイコン */
#drawer_menu_wrap .side_menu_button{
	display:none;
}


/* aboutイメージ画像 */

img.about-image-pc,
img.about-image-sp{
	border-radius:20px;
}

img.about-image-pc{
	display:block;
}
img.about-image-sp{
	display:none;
}
@media only screen and (max-width:767px){
	img.about-image-pc{
		display:none;
	}
	img.about-image-sp{
		display:block;
	}
}

.hamamura-image{
        border-radius: 20px;
}

.about-wrapper{
        padding: 50px 0!important;
}

.about-wrapper > .q_button_wrap{
padding-top:50px !important;
}
.about-top-text{
text-align: center;
}
@media only screen and (max-width:767px){
.about-wrapper{
padding-bottom: 20px!important;
}	
	
.about-top-text{
text-align: left;
}
	
.about-wrapper > .q_button_wrap{
padding-top:50px !important;
}
}

/* point-container ３つ並び*/
.point-container{
        display: flex;
        flex-direction: row;
	justify-content:center;
}
.point1.point,
.point2.point,
.point3.point{
	margin:0 10px;
	padding:20px;
	width: calc(100% / 3);
	background:#F7F9FF;
    border-radius: 20px;
}

.lesson-container .lesson1.point,
.lesson-container .lesson2.point,
.lesson-container .lesson3.point,
.lesson-wrapper.center-wrapper{
	padding:50px 0;
}

@media only screen and (max-width:767px){
.lesson-container .lesson1.point,
.lesson-container .lesson2.point,
.lesson-container .lesson3.point,
.lesson-wrapper.center-wrapper{
	padding:30px 0;
}
}


.point-container{
	padding-bottom:50px;
}

.q_button_wrap{
/* 	padding: 40px 0 0 0; */
	padding:0 !important;
}

.styled_h3.center-wrapper{
	margin:0 !important;
}

/* h2とh3の色変更*/
.styled_h2,
.styled_h3{
        color: #5A76B9;
        border-bottom: 1px solid #5A76B9;
}

.styled_h2{
	border-bottom: 1px solid #5A76B9;
	padding-bottom:20px!important;
}

.styled_h3{
	border-left: none;
	padding:13px 0!important;
	margin-bottom:15px !important;
}
.styled_h4{
	border-bottom:1px solid #5A76B9;
}
.about-lead{
        font-size: 20px;
        font-weight: 700;
        color: #5A76B9;
}
@media only screen and (max-width:767px){
.about-lead{
font-size: 18px;
letter-spacing: -1.8px;
}
}
.name-h3{
        margin:0 0 20px 0!important;
        position: relative;
}
h3.styled_h3.name-h3::after{
        position: absolute;
        content: attr(date-sub);
        top:20px;
        left: 20px;
        font-size: 12px;
        transform: translateX(-50%);
        width: 100%;
        height: auto;
        color: red;
}

@media only screen and (max-width:767px){
.q_button_wrap.about-btn{
padding:0 !important;
}	
}

/*トップインストラクター　2カラム*/

.styled_h2.intro-h2{
        text-align: center;
}

.intro-container{
        display: flex;
        flex-direction: row;
	justify-content:space-around;
}

.about-container.intro-text{
flex: 0 0 60%;
margin-right:20px;
}
@media only screen and (max-width:767px){
.about-container.intro-text{
margin-right:0;
}
}
.about-container.intro-image{
flex:0 0 40%;
}

.intro-image{
	margin:0 !important;
        width: 100%;
        height: auto;
}

/*設備　flex*/
.setsubi-container{
     display: flex;
     flex-direction: row;
	justify-content:space-between;  
    flex-wrap: wrap;
	margin-bottom: 50px;
}
.setsubi1,
.setsubi2,
.setsubi3,
.setsubi4,
.setsubi5,
.setsubi6{
padding:20px;
width:calc(98% / 2);
background:#F7F9FF;
border-radius: 20px;
height:auto;
margin: 10px 2px;
}

.setsubi-container > .setsubi2,
.setsubi-container > .setsubi6{
margin: 10px 2px;
}


/*マップ　flex*/
.access-wrapper{
        display: flex;
        flex-direction: row;
	justify-content:space-between;  
        flex-wrap: wrap;        
}

.map-container{
        width:50%;
}

.about-wrapper.cta-wrapper{
        text-align: center;
}

.access-lead{
        color: #5A76B9;
}

img.studio{
	border-radius:20px;
}

@media only screen and (max-width:767px){
.map{
        width: 100%;
        height: auto;
}
}



/* ABOUT　レスポンシブ*/
@media only screen and (max-width:767px){

.point-sp{
        text-align: center!important;
}

.point-container{
        display: block;
}
.point1.point,
.point2.point,
.point3.point{
	margin:10px 0;
	width: 100%;
}

.styled_h3{
        text-align: center!important;
}

.intro-container{
        display: block;
}

/* .intro-image{
        margin: 10px 15px 0!important;重複
} */

.setsubi-container{
        display: block;
}
.setsubi1,
.setsubi2,
.setsubi3,
.setsubi4,
.setsubi5,
.setsubi6{
	width: 100%;
}

.access-wrapper{
        display: block;     
}

.map-container{
        width:100%;
}

}

/* ーーーーーーーーーーーーーーー　LESSONページ　ーーーーーーーーーーーーーーー*/

/* 画像　角丸*/
.lesson-image-pc,
.lesson-image-sp{
        border-radius: 20px;
}

img.lesson-image-pc{
        display: block;
}
img.lesson-image-sp{
        display: none;
}

.center-wrapper{
        text-align: center!important;
}

/*　LESSON レスポンシブ　*/

@media only screen and (max-width:767px){

img.lesson-image-pc{
        display: none;
}

img.lesson-image-sp{
        display: block;
}
}

/*　KIDS LESSON　*/
/*　BASIC LESSON　*/
/*　PERSONAL LESSON　*/



.kids_lesson-container,
.basic_lesson-container,
.personal_lesson-container{
        display: flex;
        flex-direction: row;
	justify-content:space-between;  
        flex-wrap: wrap;        
}

.kids-container,
.basic-container,
.personal-container{
        width:50%;
}

.kids,
.basic,
.personal,
.personal-price{
        border-radius: 20px;
}
.personal-price{
        border-radius: 20px!important;
}

@media only screen and (max-width:767px){
.kids_lesson-container,
.basic_lesson-container,
.personal_lesson-container{
        display: block;      
}

.kids-container,
.basic-container,
.personal-container{
        width:100%;
}   

.basic-container,
.kids-container{
        text-align: center;
}
}


/* KIDS */
.kids_lesson .inner> h2.styled_h2{
padding-top:30px !important;
}

.kids_lesson .q_button_wrap{
	padding-top:50px !important;
}

@media only screen and (max-width:767px){
	.kids-container p{
		text-align:left;
	}
}

/* パーソナルレッスン画像 */
.personal_lesson-wrapper{
        padding: 50px 0;
}
@media only screen and (max-width:767px){
.personal_lesson-wrapper{
        padding: 20px 0;
}  
}

h3.personal_space{
        letter-spacing: -5px;
}

p.personal_space_p{
	margin-bottom:110px!important;
}
@media only screen and (max-width:767px){
	.styled_h3.personal_space{
		font-size:18px !important;
		letter-spacing: -4px;
	}
	
	p.personal_space_p{
	margin-bottom:10px!important;
}
}
/* インタビュー４のテキスト */
.right_content .interview4{
	margin-bottom:0;
}

/* インストラクター 非表示 */
.staff_prev_post_link {
        display: none;
}



.btn_link{
        text-align: center;
        padding:20px 0 0 0;    
}
.link_button{
        display: none;
}

/* プライバシーポリシー */
h2.styled_h2.policy-title{
        text-align: left!important;
}

/* 特商法 */
h2.styled_h2.specific-title{
        font-size: 18px!important;
}

.specific-wrapper{
        text-align: center;
}

.specific-container{
        text-align: left!important;
}

/* FAQ */
h2.styled_h2.faq-title{
        font-size: 18px!important;
}

.faq-wrapper{
        text-align: center;
}

/* 0221_basic_追加レッスン */
.basic_lesson-box{
padding:50px 0;
}
.basic-container{
padding-right:20px;
}
.basic-container p{
text-align:left;
}

/* 20250905 */
/* フッターメニュー削除 */
.footer_nav h3{
	display:none;
}