/*
Theme Name : gitayoga
*/
@charset "UTF-8";
/* CSS Document */

body{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color:#685943;
  font-size:16px;
  line-height: 2;
  letter-spacing: .1em;
  background: #fff;
  margin: 0;
  width: 100vw;
}
p{margin: 0 0 15px 0;}
a{text-decoration: none; color:#8fb456; cursor: pointer;}
a:hover{opacity: 0.8;}
#navigation a:hover .ja{opacity: 1;}
h1,h2,h3,h4,h5{margin: 0 0 10px;font-weight: 400;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:18px;}
ul{padding: 0; margin: 0;}
ul li{list-style: none;}
dl dt, dl dd{
  margin: 0;
  padding: 0;}
button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}
input[type="date"]{
  background: #eee;
  color: #666;}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}
input[type="checkbox"]:checked + label {
    background: #ff0000;
}
*{box-sizing: border-box;}
table{border-collapse: collapse;}
table th{font-weight: 400;}
.bold, strong, b{font-weight: 700;}
.pc{display: none;}
.org{color:#f1813e;}
.grn{color:#8fb456;}
.ta_c{text-align: center;}
.ta_r{text-align: right;}
.flex{display: flex;}
.sa{justify-content: space-around;}
.sb{justify-content: space-between;}
.fs{justify-content:flex-start;}
.fw{flex-wrap: wrap;}
.mb10{margin-bottom: 10px;}
.mb30{margin-bottom: 30px;}
.mb60{margin-bottom: 60px;}
.mt20{margin-top: 20px;}
.ico-wing,
ul.blog-category>li{
  padding-left: 30px; position: relative; margin-bottom: 15px;}
.ico-wing::before,
ul.blog-category>li::before{
  position: absolute;
  left: 0;
  content: '';
  width: 30px;
  height: 30px;
  background: url("./images/ico-wing.png") no-repeat;
  background-size: contain;}
ul.blog-category>li{
  line-height: 40px;}
ul.blog-category>li>ul{
  line-height: 1.5;
  font-size:14px;
}
ul.blog-category, .reserve-memo{
  padding: 15px 30px;
  border: solid 1px #ccc;
}
.blog-thum .day{font-size:12px; margin-bottom: 0;}
.pagenation{margin-bottom: 30px;}
.underline{
   background: linear-gradient(transparent 60%, rgba(143,180,86,0.25) 60%);
    border-radius:6px;}
.link_simple{
  padding: .5em 1em;
  background: #f5f4f3;
  /*background: #685943;
  color:#fff;*/
  box-shadow: 5px 5px #eae2e2;
  border-radius: 10px 50px/50px 10px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.link_simple.blank::after{
  font-family: 'Font Awesome 5 Free';
  content: '\f35d';
  font-weight: 900;
  margin-left: 4px;
  color:#9e9a9a;
}
.link_simple::after{
  font-family: 'Font Awesome 5 Free';
  content: '\f061';
  font-weight: 900;
  margin-left: 4px;
}
.egg,.egg2{
  background-image: linear-gradient(45deg, #eeb787, #f5d4b8);
  border-radius: 80% 30% 50% 50%/50%;
  padding: 30px 15px;
  text-align: center;
  height: 200px;
  width: 300px;
  position: relative;}
.egg2{
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.egg *, .egg2 *{margin-bottom: 0;}
.egg .inner, .egg2 .inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 96%;
  font-size:14px;}

.memo {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 20px;
  border: 2px solid #333;
  color: #333;
  text-decoration: none;
  text-align: center;
  transition: .3s ease-in-out;
  width: 360px;
  max-width: 98%;
}
.memo.large{
  width: 100%;  
}
.memo .inner {
  position: relative;
  z-index: 2;
}
.memo::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  border: 2px solid #333;
}
.memo::after {
  position: absolute;
  top: 5px;
  left: 5px;
  content: '';
  width: 101%;
  height: 105%;
  background-color: #ffccaa;
  transition: .3s ease-in-out;
}
.h_square {
  position:relative;
  padding:5px 0 5px 46px;
  border-bottom:3px solid #8fb456;
  margin-bottom: 15px;
}
.h_square:before,
.h_square:after{
  content:"";
  display:block;
  width:20px;
  height:20px;
  border:2px solid #8fb456;
  position:absolute;
  top:11px;
  left:3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.h_square:after{
  top:12px;
  left:10px;
  height:24px;
  width:24px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  border:none;
  background:rgba(116,177,68,0.3);
}
.h_square_org {
  position:relative;
  padding:5px 0 5px 46px;
  border-bottom:3px solid #ff7923;
  margin-bottom: 15px;
}
.h_square_org:before,
.h_square_org:after{
  content:"";
  display:block;
  width:20px;
  height:20px;
  border:2px solid #ff7923;
  position:absolute;
  top:11px;
  left:3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.h_square_org:after{
  top:12px;
  left:10px;
  height:24px;
  width:24px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  border:none;
  background:rgba(255,121,35,0.3);
}

.page-img{padding-bottom: 60px;}
.page-img img{max-width: 100%;}
.top_ttl{
  width: 76%;
  margin: 60px auto 60px; }
.top_ttl img{width: 100%;}
.top_ttl img{width: 100%;}
.top_ttl .kri{width: 13%; height: auto;}
.top_ttl .chisa{width: 20%; height: auto; }
.top_ttl .title{width: 54%; margin: 0 5%;}
.top_ttl .title h2{font-size:16px; letter-spacing: 0;}
/* page-title */
.page_ttl{
  background: #f5f4f3;
  padding: 30px 0;
  margin-bottom: 60px;}
.page_ttl h2::before{
  content: '';
  display: block;
  height: 60px;
  width: 80px;
  margin: 0 auto 8px;
  background: no-repeat;
  background-size: contain;}
.page_ttl h2{
      font-size:24px;
    letter-spacing: 10px;}
.yoga .page_ttl h2::before{background-image:url("images/yoga.png"); }
.access .page_ttl h2::before{background-image:url("images/access.png"); }
.private .page_ttl h2::before{background-image:url("images/privatelesson.png"); }
.about .page_ttl h2::before{background-image:url("images/about.png"); }
.reservation .page_ttl h2::before{background-image:url("images/reservation.png"); }
.study .page_ttl h2::before{background-image:url("images/study.png"); }
.contact .page_ttl h2::before{background-image:url("images/contact.png"); }
.blog .page_ttl h2::before{background-image: url("images/blog.png");}

/* link-color reset*/
header a, .top_menu a,.top_news ul li a,footer a,.blog a, .archive a, .search-results a{
  color: #685943;}


.top_menu .ja, .page_menu .ja{
  display: none;
  line-height: 1;
}
.top_menu ul li, .page_menu ul li{
  text-align: center;
  margin-bottom: 30px;
  font-weight: 400;
  letter-spacing: 0;}
.top_news h3{margin-bottom: 30px;color:#8fb456;}
.top_news ul li{
  line-height: 2;}

.top_news ul li span{
  display: inline-block;
  margin-right: 40px;}
.top_news ul li a span{
  color:#8fb456;}

.top_news a{display: inline-block;}
footer{
  background: #f5f4f3;
  padding: 60px 0 30px;}
footer .sitemap h3 span, footer .info h3 span{ background: #f5f4f3; display: inline-block; padding-right: 15px;}
footer .foot_logo_area{
  display: block;}
footer .foot_logo_area>span{
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;}
footer .foot_logo_wing{
  display: inline-block;
  background: url("./images/ico-wing.png");
  width: 12%;
  height: 100%;
  margin-right: 4%;}
footer .foot_logo{
  display: inline-block;
  background: url("./images/logo.png");
  width: 84%;
  height: 100%;}
footer .sns{font-size:30px;}
footer .sns a {display: inline-block; margin-right: 15px; line-height: 40px;}
.yoga-class .item ul li{
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;}
.yoga-class .item ul li::before{
  position: absolute;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  content: '';
  background: url("./images/ico-wing.png") no-repeat;
  background-size: contain;
}
.access-case{
  padding-bottom: 60px;
}
.access-case h3 i{margin-right: 16px;}
.access-case h3::after{
  display: block;
  width: 100%; height: 20px;
  content: '';
  background: url("./images/line2.png") repeat-x;}
.perimeter{
  padding: .5em 1em;
  border-radius: 10px 50px/50px 10px;
  background:#fbf9f8;;
}

.paper {
  position: relative;
  padding: 45px 30px 60px;
  background-color: #f6f6f6;
}
.paper::before,
.paper::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 20%;
  height: 15%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.paper::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}
.paper::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}
.paper h3{
  font-size:24px;
  margin-bottom: 30px;}

.paper h3 span{
  position: relative;
  display: inline-block;}

.paper h3 span::after{
  position: absolute;
  left: 0;
  bottom: -4px;
  display: block;
  content: '';
  height: 1px;
  width: 100%;
  background:#000;
}

.private-list li h3{
  margin-bottom: 10px;
  font-weight: 400;
}
.private-list li{
  padding-left: 40px;
  margin-bottom: 30px;
  position: relative;}
.private-list li::before{
  position: absolute;
  left:0;
  content: '';
  display: block;
  background: url(./images/ico-wing.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: contain;}
.com_price th, .com_price td{
  /*border: solid 1px #aaa;*/
  padding: 2px 10px;
  border: solid 1px #f5f4f3;
}
@media print, screen and (min-width:768px){
.study_table th,.study_table td{
  padding: 2px 10px;
  background: #f9f6f4;}
.study_table tr:first-of-type th{
  background: #e8a165;
  color: #fff;}
.study_table tr:first-of-type th:first-of-type{
  border-radius: 15px 0 0 0;}
.study_table tr:first-of-type th:last-of-type{
  border-radius: 0 15px 0 0;}
.study_table tr:last-of-type th:first-of-type{
  border-radius: 0 0  0 15px;}
.study_table tr:last-of-type td{
  border-radius: 0 0 15px 0;}
.study_table tr:not(:first-of-type) th, td{
  border: solid 1px #fff;}}


.com_price th.green{
  background: #98ba5d;
    color: #fff;
    font-weight: bold;
}
.com_price .btm-l{
  border-radius: 0 0 0 12px;}
.com_price .btm-r{
  border-radius: 0 0 12px 0;}
.com_price tr:first-of-type th.green{
  border-radius: 12px 12px 0 0;
}
.study_table a{
  color: #685943;}
.study_table a::after{
  margin-left: 4px;
  font-family: 'Font Awesome 5 Free';
  content: '\f0da';
  font-weight: 600;
}
.study-kri{ margin-right: 30px;}
.about.paper ul li span{
  margin-right: 15px;
  display: inline-block;
}
.single article.mainwrap{
  margin-top: 60px;
  margin-bottom: 60px;
}
.single img{
  max-width: 100%;
  height: auto;
}
.single_ttl{
  background:#f5f4f3;
  margin-bottom: 30px;}
.single_ttl .mainwrap{
  padding-top: 15px;
  padding-bottom: 15px;
}
.single_ttl h2{margin-bottom: 0;}
.archive-title{
  margin: 30px 0;}
.archive-item .sharedaddy{display: none;}
.archive-item{margin-bottom: 45px;}
#faq dd{
  margin: 2px 0px 15px 20px;
  padding: 4px 10px;}
#faq dt{
  position: relative;
  padding-left: 20px;}
#faq dt::before{
  position: absolute;
  left: 0;
  font-family: 'Font Awesome 5 Free';
  content: '\f059';
  font-weight: 700;
  color:#8fb456;}
#faq dt.hover{
    background: #f1f7ed;}
@media print, screen and (min-width: 768px){
  #transfer {
    background-image: url("images/contact.png");
    background-repeat: no-repeat;
    background-position: 90% 90%;  }}
#transfer ul li{
  min-width: 300px;}
.pl30 {padding-left: 30px;}
.transfer-memo{
  padding: 15px 8px 30px;
  border: solid 2px #f5ddc9;
  background: #fbfbfb;
  margin-top: 30px;}
.com_price .transfer-memo p::before{
  width: 0;}
input[type="submit"]{
  color:#fff;
  background: #685943;
  border-radius: 4px;
  border:none;
  padding: 4px 10px;}
input[type="submit"]:disabled{
  background: #eee;
}
input[type="text"], input[type="checkbox"],input[type="email"],input[type="tel"],input[type="date"],select,textarea,input[type="checkbox"]{
  border: solid 1px #685943;
  padding: 2px 6px;
}
input[type="text"], input[type="checkbox"],input[type="email"],input[type="tel"],input[type="date"],input[type="submit"],textarea{
  font-size:16px;
  max-width: 94%;}
/*料金共通*/
.com_price{
  background-color: #f5f4f3;
  border-radius: 20px;
  padding: 20px;}
.com_price h3{
  text-align: center;}
.com_price h3 span{
  display: inline-block;
  margin-right: 15px;  
}
.com_price table{
  width: 100%;}
.com_price tr:nth-of-type(n+3) th {
  width: 22%;}
.com_price tr:nth-of-type(n+3) td {
  width: 33%;}
.com_price tr:nth-of-type(n+3) td:last-of-type {
  width: 35%;}
.com_price td{background: #fff;}
.com_price th{
  /*background: #ccc;*/
  background: #fff;
  color:#685943;
}
.com_price p{
  line-height: 1.5;
  padding-left: 14px;
  position: relative;
  margin-bottom: 0;}
.com_price p::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  background: #8fb456;
  position: absolute;
  left: 0;
  top:8px;}
#yoga_price.com_price table tr:nth-last-of-type(n+2) th,
#yoga_price.com_price table tr:nth-last-of-type(n+2) td{
    width: 50%;}
/*予約する*/
.reserve{
  border-top: solid 1px #cecbc8;
  border-bottom: solid 1px #cecbc8;
  padding: 30px 0 30px 300px;
  position: relative;}
.reserve::before{
  content:'';
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 150px;
  background: url("./images/reserve100.png") no-repeat;
  background-size: contain;
}
.reserve *{margin-bottom: 0;}
.reservation .reserve{border-bottom: none;}

.aboutme p{
    background-image: linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #646464 100%);
    background-size: 100% 2em;
    margin-bottom: 0;
}
.aboutme{
  border: solid 1px #e6e6e6;
  padding: 2em 2em 6em;
  box-shadow: 2px 2px 0 rgb(0 0 0 / 10%);
  margin-bottom: 30px;}
.aboutme .img{
  margin-top: 20px;}
@media print, screen and (min-width:768px){
  #yoga_price.com_price table{
    width: 50%;
  }}
#study_price{
  background-image:url("images/study.png");
  background-repeat: no-repeat;
  background-position: 90% 90%;}
@media print, screen and (max-width:767px){
  #study_price{ 
    padding-bottom: 60px;
    background-position: 90% 95%;}}
#study_price.com_price p{
  margin-bottom: 10px;
  line-height: 1.5;}
#study_price.com_price p::before{
  top:8px;}
#about-gita img{ width: 100%; }
.archive-item::after,
.clearfix::after{
  content: '';
  display: block;
  clear: both;
  }
.archive-item .blog-thum{width: 100px; margin-right: 30px; float: left;}
.archive-item .blog-thum img{width: 100%; height: auto;}

@media print, screen and (max-width:767px){
  body{font-size:14px;}
  h3{font-size:20px;}
  .mainwrap{
    max-width: 90%;
    margin: 0 5%; }
  .flex_pc .memo:not(:last-of-type){
    margin-bottom: 15px;}
  .com_price th, .com_price td, .study_table th,.study_table td{
    padding-left: 12px;
    padding-right: 12px;}
  .egg,.egg2{
    margin: 0 auto 15px;}
  .study_table{width: 100%; line-height: 1.5;}
  .com_price th, .com_price td, .study_table th, .study_table td {
    border: none;}
  .study_table th{text-align: left; background: #f5f4f3;}
  .study_table td{text-align: right;padding: 5px 12px; margin-bottom: 8px;}
  .study_table th,.study_table td{
    display: block;
    width: 100%;  }
  .com_price table{
    width: 100%;}
  .reserve{
    padding: 120px 15px 30px;}
  .reserve h3{
    text-align: center;
    margin-bottom: 15px;}
  .reserve h4{
    font-size:16px;}
  .reserve::before{
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
  .study_table tr:first-of-type{
    display: none;}
  .paper h3{
    font-size:18px;
    font-weight: 700;  }
  .paper::before,
  .paper::after {
    height: 5%;}
  .top_ttl{margin-bottom: 30px;}
  .home h1{width: 90%; margin: 0 auto 60px;}
  .home h2{ letter-spacing: 0; font-size: 10px; margin-bottom: 0;}
  .top_ttl .chara{width: 80%;margin: 120px auto 0;}
  .top_ttl .chara img{display: inline-block;}
  .top_ttl .chara img:first-of-type{width: 35%; margin-right: 5%;}
  .top_ttl .chara img:last-of-type{width: 60%;}
  .top_menu ul{justify-content: space-around;}
  .top_menu ul li{width: 40%; }
  
  .top_menu{margin: 0 auto;}
  .top_menu ul li a{display: block; width: 100%;}
  .top_menu ul li{position: relative; padding-bottom: 40px;}
  .top_menu ul li a p{position: absolute; bottom: 0; width: 100%; text-align: center;}

  .top_menu ul li:nth-of-type(4n){margin-right: 0;}
  .top_menu ul li:hover .en, .page_menu ul li:hover .en{display: none;}
  .top_menu ul li:hover .ja, .page_menu ul li:hover .ja{display: block; }

  
  
  
  .top_news ul li span{display: block;}
  .top_news ul li {margin-bottom: 15px; font-size:14px;}
  footer .foot_logo_area{width: 200px;height: 40px; margin: 0 auto 30px;}
  footer h3{font-size:16px;}
  footer{font-size:14px;}
  footer .sitemap{margin-bottom: 30px;}
  footer .sns{font-size:24px;}
  footer .sns a{margin-right: 8px;}
  .page_title.sp /*.sp-menu-hum*/{ position: fixed; top:0; left:0; z-index: 100;background: #fff;}
  .page_title.sp.on h1{display: none;}
  #sp-menu{
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    padding: 65px 10px 0;
  background: #fff;}
  #sp-menu.on{
    display: block;
  }
  #sp-menu a{
    width:48%;
    display: block; }
  #sp-menu a img{width: 100%;}
  .sp-menu-logo a{width: 60%; margin: 20px auto; display:block;}
  #sp-menu-btn{height: 40px;width: 40px;background-size: contain; position: fixed; left:5%; top:14px;z-index: 110;}
  #sp-menu-btn.on{ background: url("./images/ico-close.png") no-repeat; background-size: contain;}
  #sp-menu-btn{ background: url("./images/ico-ham.png") no-repeat; background-size: contain;}
  .page_title h1{width: 40%;margin: 0 auto;}
  .page_title h2{font-size:20px; letter-spacing: 5px;}
  :not(.home) main{margin-top: 64px;}
  .yoga-class .item{margin-bottom: 60px;}
  .yoga-class .item h4{font-size:22px;}
  .access-case h3{ font-size:20px;
  letter-spacing: 0;}
  .access-case .link_simple{
    letter-spacing: 0;
    font-size: 14px;}
  .about.paper .img{
    text-align: center;
    margin-top: 30px;}
  .study-kri{ text-align: center; margin-right: 50px; margin-bottom: 30px;}
  .blog-category>li{margin-bottom: 15px;}
  #study-about img{ width: 100%; }
}

@media print, screen and (min-width: 768px){
  .mainwrap{max-width:  1080px;margin: 0 auto; }
  .home .mainwrap{max-width: 920px;}
  .pc{display: block;}
  .sp{display: none;}
  .flex_pc{display: flex;}
  .left{width: 70%;float: left;}
  .right{width: 70%;float: right;}
  .top_ttl>div{display: inline-block; vertical-align: middle;}

  header,#navigation{background: #fff; }
  #navigation{
    width: 100%;  margin: 0 auto;
    z-index: 10; padding-bottom: 10px; }
  .page header #navigation.fixed h1,
  .archive header #navigation.fixed h1{width:180px;}
  .page header h2{margin-bottom: 0;}
  .page_menu{padding-top: 6px;}
  .page_menu .flex{align-items: flex-end; margin: 0 10%;}
  
  .com_price{padding: 30px 40px 60px;}
  .com_price h3{
    font-size:24px;}
  .com_price h3{
    margin-bottom: 40px;}
  
  .top_menu{width: 90%; margin: 0 auto;}
  .top_menu ul li a{display: block; width: 100%;}
  .top_menu ul li{width: 23.5%; margin-right: 2%; position: relative; padding-bottom: 40px;}
  .top_menu ul li a p{position: absolute; bottom: 0; width: 100%; text-align: center;}

  .top_menu ul li:nth-of-type(4n){margin-right: 0;}
  .top_menu ul li:hover .en, .page_menu ul li:hover .en{display: none;}
  .top_menu ul li:hover .ja, .page_menu ul li:hover .ja{display: block; }
  
  
  
/*  .top_menu ul li .ja{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}*/

    .page_menu ul li{width: 12.5%; font-size:14px; line-height: 30px;}
  .page_menu ul li img{ max-width: 60px; max-height: 44px; margin: 0 10%;}

  
  .page_menu .txtwrap{position: relative;}
  .page_menu .txtwrap .en,.page_menu .txtwrap .ja{
    position: absolute; top:0;left: 50%; transform: translateX(-50%); width: 100%; line-height: 1.2;}
  .page_menu .txtwrap .ja{font-size:12px;}  
  .top_news{max-width: 680px; margin: 0 auto;}
  footer .info{width: 40%; }
  footer .sitemap{width: 50%; margin-bottom: 30px;}
  footer .sitemap ul:first-of-type{margin-right: 30px;}
  footer .foot_logo_area{width: 330px;height: 54px;}
  footer .info h3{margin-right: 30px;}
  header .ttl .img{width:132px; margin: 30px auto 4px; height: auto;}
  header .ttl h1{width:268px; height: auto; margin: 0 auto;}
  header .ttl h2{font-size:14px; letter-spacing: 0;}
  .page header .ttl h2{font-size:12px;}
  .home header{border-bottom:none;}
  .yoga-link{display: flex;}
  .yoga-link>a{margin-right: 20px;}
  .yoga-class .item{width: 48%; margin-bottom: 30px;}
  .yoga-class .item:last-of-type{margin-top: auto;}
  .yoga-class .item .img{height: 136px; position: relative;}
  .yoga-class .item .img img{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
  .yoga-class .item h4{font-size: 20px; margin: 15px 0;}
  .yoga-class .item .txt,.yoga-class .item ul li{letter-spacing: 2px;}
  .access-case .item{width: 45%;}
  #study-about .item{width: 48%;}
  #about-gita .item:first-of-type{width: 60%;}
  #about-gita .item:last-of-type{width: 38%;}
  .blog-category>li:not(:last-of-type){
    margin-right: 40px;}
  #transfer ul li:first-of-type{
    margin-right: 30px;}
  .com_price .flex_pc>div{
    width: 32%;}
  .paper.about{padding-bottom:  120px;}
  .aboutme .txt{
    width:  calc(100% - 300px);}
  .aboutme .img{
    width: 300px;
    display: inline-block; }
  .aboutme .img.r{
    text-align: right;}
  .transfer-memo{
    margin-left: 15px;
  }
}


.single h4 {
    font-size: 18px;
    line-height: 130%;
    font-weight: 700;
    /*color: #555;*/
    padding: 0 0 5px 0;
    margin: 30px 0 10px 0;
    border-bottom: 1px dotted #ccc;
}
.single h4>span>span:first-of-type{
  background: #8fb456!important;}


.com_pad{  padding: 15px 0;}
.com_pad_w{  padding: 30px 0;}


.line_dot,
footer .info h3,
footer .sitemap h3{
  background:  url("./images/dot-line.png") repeat-x;
  display: block;
  width: 100%;
}
.line_dot{
  height: 10px;
}
footer .info h3,footer .sitemap h3{
  background-position:center;
}

.prev-next,.single-list{
  margin-bottom: 30px;}
ul.prev-next li,.single-list ul li{
  list-style: none;}
@media print, screen and (min-width: 768px){  
  .prev-next li{
    display: inline-block; }
  .prev-next li:first-of-type{
    margin-right: 30px;}

}
.search-results ul{
  margin: 30px 0;
}
.search-wrap input{
  border: solid 1px #ccc;
  color: #685943;
  font-family: 'Noto Sans JP', sans-serif;
  width:calc(100% - 30px);
  margin-right: 4px;
  max-width: 400px;
}
.search-wrap button[type="submit"]{
  color: #685943;
}