@charset "UTF-8";
/* =======================================
TOPページ追加20220621
======================================= */
.bg-og{
  background-color: #f9f5f2;
}
@media (min-width: 769px) {
  #header {
    height: 25rem;
    background-color: #f9f5f2;
    background-image: none;
  }

  .header_logo {
    width: 26.647vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
    text-align: center;
  }

  .headerh1 {
    font-size: 12px;
  }

  .header_logo img {
    max-width: 180px;
    margin: 0 auto;
  }
}
#g_nav.table_block {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
#g_nav.table_block > .cell_block {
  display: block;
  width: auto;
  padding: 0;
  line-height: 1.4;
  width: 16.666%;
}
#g_nav.table_block > .cell_block.navi a{
  font-weight: 500;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 50px;
  border-left: 1px solid #4d4d4d;
}
.navi.navi01 a::before {
  content: "";
  width:100%;
  height: 20px;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/header/icon-navi-01.png) center center no-repeat;
  background-size: 20px;
}
.navi.navi02 a::before {
  content: "";
  width:100%;
  height: 20px;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/header/icon-navi-02.png) center center no-repeat;
  background-size: 10px;
}
.navi.navi03 a::before {
  content: "";
  width:100%;
  height: 20px;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/header/icon-navi-03.png) center center no-repeat;
  background-size: 15px;
}
.navi.navi04 a::before {
  content: "";
  width:100%;
  height: 20px;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/header/icon-navi-04.png) center center no-repeat;
  background-size: 11px;
}
.navi.navi05 a::before {
  content: "";
  width:100%;
  height: 20px;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/header/icon-navi-05.png) center center no-repeat;
  background-size: 18px;
}
.navi.navi06 a::before {
  content: "";
  width:100%;
  height: 20px;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/header/icon-navi-06.png) center center no-repeat;
  background-size: 13px;

}
.navi.navi06 a{
  border-right: 1px solid #4d4d4d;
}
.cell_block.header-right {
  font-size: 1.2rem;
  padding: 0 15px;
  position: relative;
}

.cell_block.header-right + .cell_block.header-right::before {
  content: "|";
  position: absolute;
  left: 0;
}
@media (max-width: 768px) {
  #g_nav {
    padding: 0 2vw;
    background-color: #f9f5f2;
    width: 100%;
    height: initial;
    overflow-y: scroll;
  }
  #g_nav.table_block {
    flex-wrap: wrap;
    background-color: #f9f5f2;
  }
  #g_nav.table_block > .cell_block {
    width: 49%;
    margin: 0.5%;
    border-bottom: none;
  }
  #g_nav.table_block > .cell_block.navi a {
    border: none;
    background-color: #FFF;
    padding: 8vw 1.333vw;
    height: initial;
    line-height: initial;
  }
  .header-sp-navi {
    width: 99%;
    margin: 0 auto 30px;
  }

  .header-sp-navi .hn-inner {
    background-color: #FFF;
    margin-bottom: 1%;
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
  }

  .header-sp-navi .hn-inner a {padding: 8vw 1.333vw;display: block;}
}
/*slider*/
.mainpanel_wrap {
  padding: 8rem 0 7rem!important;
  background-image: none;
  background-color: #FFF;
}
.mainpanel_text .mainpanel_ttl {
  margin-bottom: 10px;
}

/*記事スライダ*/
.m-8 {
  margin: 8px;
}

/*タグ部分*/
.tag-wrap .btn_oval {
  height: auto;
  padding: 0.8rem 3rem 0.8rem;
  color: #585858;
  font-weight: 400;
}
.fx_post_list_01.tag-wrap > .flex_block_child.width_auto {
  padding: 0.4rem 0.4rem;
}
.flex_block.fx_post_list_01.tag-wrap {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#slider_post_list_01 .post_block_01, #slider_post_list_02 .post_block_01, #slider_post_list_03 .post_block_01 {
  /*max-width: 350px;*/
  width: 100%;
}
#slider_post_list_01 .slick-arrow, #slider_post_list_02 .slick-arrow, #slider_post_list_03 .slick-arrow {
  top: 45%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 50px;
  height: 50px;
  font-size: 0;
  z-index: 9999;
}

#slider_post_list_01 .slick-prev,
#slider_post_list_02 .slick-prev,
#slider_post_list_03 .slick-prev{
  left: 18%;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/parts/slider-btn-prev02.png) center/contain no-repeat;
  border: none;
  z-index: 999;
}

#slider_post_list_01 .slick-prev::before,
#slider_post_list_02 .slick-prev::before,
#slider_post_list_03 .slick-prev::before{
  content: none;
}

#slider_post_list_01 .slick-next,
#slider_post_list_02 .slick-next,
#slider_post_list_03 .slick-next{
  right: 18%;
  background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/parts/slider-btn-next02.png) center/contain no-repeat;
  border: none;
  z-index: 999;
}


#slider_post_list_01 .slick-next::before,
#slider_post_list_02 .slick-next::before,
#slider_post_list_03 .slick-next::before{
  content: none;
}
#slider_post_list_01 ul.slick-dots,
#slider_post_list_02 ul.slick-dots,
#slider_post_list_03 ul.slick-dots{
  position: initial;
  padding-right: 0;
}
#slider_post_list_01 ul.slick-dots li button,
#slider_post_list_02 ul.slick-dots li button,
#slider_post_list_03 ul.slick-dots li button{
  background-color: #ccc;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  line-height: 10px;
  border: none;
}
#slider_post_list_01 ul.slick-dots li.slick-active button,
#slider_post_list_02 ul.slick-dots li.slick-active button,
#slider_post_list_03 ul.slick-dots li.slick-active button{
  background-color: #333;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  line-height: 10px;
  border: none;
}
#slider_post_list_01 .post_block_01 .post_block_text,
#slider_post_list_02 .post_block_01 .post_block_text,
#slider_post_list_03 .post_block_01 .post_block_text{
  padding: .5rem 1rem;
}
.slick-slider .slick-list{
  padding: 0!important;
}
.post_block_text .post_block_text_ttl{
  height: 5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 769px){
  #slider_post_list_01, #slider_post_list_02, #slider_post_list_03{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    flex-direction: column;
    max-height: 700px;
    align-items: center;
    align-content: center;
    padding: 20px;
    max-width: 120rem;
    margin: auto;
  }
  .child-slide-01, .child-slide-02, .child-slide-03{
    width: calc(20% - 8px)!important;
  }

  .child-slide-01:nth-child(11),.child-slide-01:nth-child(12),.child-slide-02:nth-child(11),.child-slide-02:nth-child(12),.child-slide-03:nth-child(11),.child-slide-03:nth-child(12){
    display: none;
  }
}
@media screen and (min-width: 1000px){
  #slider_post_list_01, #slider_post_list_02, #slider_post_list_03{
    max-height: 850px;
  }
}
@media screen and (min-width: 1400px){
  #slider_post_list_01, #slider_post_list_02, #slider_post_list_03{
    max-height: 1000px;
  }
}
@media (max-width: 768px) {
  .fx_post_list_01.top-topics .post_block_01 {
    display: flex;
    align-items: center;
    background-color: transparent;
  }

  .fx_post_list_01.top-topics .post_block_01 .post_block_img {
    width: 30%;
    height: auto;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
  }

  .fx_post_list_01.top-topics .post_block_01 .fit_img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
  .fx_post_list_01.top-topics .post_block_01 .post_block_text {
    padding: 0.5rem 2rem;
  }
  /*タグ部分*/
  .tag-wrap .btn_oval {
    height: auto;
    padding: 0.8rem 2rem 0.8rem;
    color: #585858;
    font-weight: 400;
    width: auto;
    margin: 0;
  }
  #slider_post_list_01 .post_block_01,
  #slider_post_list_02 .post_block_01,
  #slider_post_list_03 .post_block_01{
    /*width: 72vw;*/
  }
  #slider_post_list_01, #slider_post_list_02, #slider_post_list_03 {
    max-width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
  }
  #slider_post_list_01 .slick-prev,
  #slider_post_list_02 .slick-prev,
  #slider_post_list_03 .slick-prev{
    left: 5%;

  }


  #slider_post_list_01 .slick-next,
  #slider_post_list_02 .slick-next,
  #slider_post_list_03 .slick-next{
    right: 5%;

  }
  #slider_post_list_01 ul.slick-dots li.slick-active button,
  #slider_post_list_02 ul.slick-dots li.slick-active button,
  #slider_post_list_03 ul.slick-dots li.slick-active button{
    border: none;
  }
  #slider_post_list_01 .slick-dots li,
  #slider_post_list_02 .slick-dots li,
  #slider_post_list_03 .slick-dots li{
    display: inline-block;
    margin: 0 1.6vw;
  }
  #slider_post_list_01 ul.slick-dots li button, #slider_post_list_02 ul.slick-dots li button, #slider_post_list_03 ul.slick-dots li button {
    width: 8px;
    height: 8px;
  }
  #slider_post_list_01 .post_block_01 .post_block_text .post_block_text_ttl,
  #slider_post_list_02 .post_block_01 .post_block_text .post_block_text_ttl,
  #slider_post_list_03 .post_block_01 .post_block_text .post_block_text_ttl{
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6;
    height: 6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  #slider_post_list_01 .slick-arrow, #slider_post_list_02 .slick-arrow, #slider_post_list_03 .slick-arrow {
    top: 46%;
    width: 30px;
    height: 30px;
  }
}
/*Instagram*/
.top-instagram {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0 20px;
}
#sb_instagram {
  background-color: #f9f5f2;
}
.sns_widget {
  width: 100%;
  height: initial;
  background-color: #fff;
}
.top-instagram #sb_instagram .sb_instagram_header {
  display: none;
}

.top-instagram #sbi_load {
  display: none;
}
/*特集*/
@media (min-width: 769px) {
  .slider_sp {
    display: flex;
    flex-wrap: wrap;
    width: -webkit-calc(100% + 2rem);
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .slider_sp > .flex_block_child {
    width: 25%;
    padding: 1rem;
  }
  }

@media (max-width: 768px) {
  .top-topics .flex_block_child:nth-child(n + 7){
    display: none;
  }
  .slider_sp .slick-arrow {
    top: -70px;
    width: 50px;
    height: 30px;
    font-size: 0;
    z-index: 9999;
  }

  .slider_sp .slick-prev {
    left: 0;
    background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/parts/slider-btn-prev.png) center/contain no-repeat;
    border: none;
    z-index: 999;
  }

  .slider_sp .slick-prev::before {
    content: none;
  }

  .slider_sp .slick-next {
    right: 0;
    background: url(https://oasis-adultschool.com/yoga-pilates/wp/wp-content/themes/TokyuYogaPilates/common/img/parts/slider-btn-next.png) center/contain no-repeat;
    border: none;
    z-index: 999;
  }

  .slider_sp .slick-next::before {
    content: none;
  }

  .slider_sp .flex_block_child {
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
  }


}
/*ブランド*/
.brand-sns {
  display: flex;
  width: 85%;
  margin: 10px auto;
  justify-content: flex-start;
  flex-shrink: 0;
  max-width: 230px;
}

ul.list-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px 0 0;
}

ul.list-sns li img {
  height: 20px!important;
  width: auto!important;
}

.brand-sns h4 {
  background-color: #0d4091;
  color: #FFF;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 20px;
}

ul.list-sns li {
  padding: 0 10px;
}
/*フッター*/
#footer02 {
  background-color: #f9f5f2;
  /* height: 26rem; */
}
.footer_wrap02 {
  padding: 4rem 0 4rem;
}
.footer-navi {
  display: flex;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.footer-navi a {}

.footer-navi .cell_block{
  display: block;
  width: auto;
  padding: 0;
  line-height: 1.4;
  width: 16.666%;
}

.footer-navi .cell_block a {
  font-weight: 500;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 50px;
  border-left: 1px solid #4d4d4d;
}
.footer-contact {
  max-width: 300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.footer-contact .cell_block a {
  padding: 0 15px;
  position: relative;
  color: #000;
}

.footer-contact .cell_block + .cell_block a::before {
  content: "|";
  position: absolute;
  left: 0;
}
@media (max-width: 768px) {
  .footer-navi {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .footer-navi .cell_block {
    width: 49%;
    margin: 0.5%;
  }
  .footer-navi .cell_block a {
    border: none;
    background-color: #FFF;
    padding: 8vw 1.333vw;
    height: initial;
  }
  .navi.navi01 a::before {
    height: 5.333vw;
    background-size: 5.333vw;
  }
  .navi.navi02 a::before {
    height: 5.333vw;
    background-size: 2.667vw;
  }
  .navi.navi03 a::before {
    height: 5.333vw;
    background-size: 4vw;
  }
  .navi.navi04 a::before {
    height: 5.333vw;
    background-size: 2.667vw;
  }
  .navi.navi05 a::before {
    height: 5.333vw;
    background-size: 4.8vw;
  }
  .navi.navi06 a::before {
    height: 5.333vw;
    background-size: 3.467vw;
  }
  .footer-contact {
    max-width: initial;
    margin: 0 auto;
    display: block;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .footer-contact .cell_block + .cell_block a::before {
    display: none;
  }
  .footer-contact .cell_block {
    background-color: #FFF;
    margin-bottom: 1%;
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
  }

  .footer-contact .cell_block a {padding: 8vw 1.333vw;display: block;}

}
@media (max-width: 768px) {
  .container .wrap_out {
    padding-top: 8vw;
    /* padding-top: 0; */
    padding-bottom: 10vw;
  }
  .top-topics.fx_post_list_01 > .flex_block_child{
    width: 100%!important;
  }
}
.fx_post_list_01.top-topics > .flex_block_child, .fx_post_list_02.top-topics > .flex_block_child, .fx_post_list_03.top-topics > .flex_block_child {
  width: 20%;
  padding: 1rem;
}