@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url('/css/yoga/fonts/NotoSerifJP-ExtraLight.woff') format('woff');
  src: url('/css/yoga/fonts/NotoSerifJP-ExtraLight.otf') format('opentype')
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('/css/yoga/fonts/NotoSerifJP-Medium.woff') format('woff');
  src: url('/css/yoga/fonts/NotoSerifJP-Medium.otf') format('opentype')
}
body {
  font: 13px "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
/*公開時に変更*/
/*body {
  background: url(/img/yoga-img/top/leaf.png) center 588px no-repeat
}
*//*公開時に変更*/
body.yoga-kasou {
  background: none;
}
img {
  margin: 0;
  padding: 0;
}
#___gcse_0 {
  float: left !important;
  /*border: 1px solid #ddd;*/
}
.yoga-facebook {
  float: right;
}
.cse .gsc-control-cse, .gsc-control-cse {
  background-color: transparent !important;
}
.gsc-control-wrapper-cse {
  width: 127px !important; /*2020-03-22 kato*/
}
/*.gsc-search-button:first-child {
  position: absolute;
  top: 5px;
  right: 4px;
  border: none;
  background-color: #ddd;
}*/
.gsc-search-button:first-child {
  position: absolute;
  top: 4px;
    right: -15px;
  border: none;
  background-color: #ddd;
  padding: 4px 10px 3px;
}
.gsc-search-button:hover {
  opacity: 1;
}
form.gsc-search-box {
  margin-bottom: 0 !important;
}
.gsc-input-box {
  border: none !important;
  background: transparent !important;
}
.gsc-input-box-focus {
  box-shadow:none !important;
  }
.gsib_a {
  padding: 0 !important;
}
.gsc-input-box {
  border: none !important;
  background: transparent !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0 !important;
  position: relative !important;
  top: 0px !important;
}
table.gsc-search-box {
  margin-bottom: 0 !important;
}
td.gsc-input {
  width: 120px;
  float: left;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important;
  padding-top: 2px;
}
input.gsc-input {
  border: none;
  height: 18px !important;
  margin: 0 !important;
  background: inherit !important;
  text-indent: .2em !important
}
/* IE 10+ */
input.gsc-input:-ms-input-placeholder {
    font-size:11px; }


a {
  text-decoration: none;
  color: #000;
}
.yoga-section a.yoga-fade {
  display:inline-block;
    background: #fff;
  }
.yoga-section a.yoga-fade img{
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity: 1.0;
  }
.yoga-section a.yoga-fade:hover img {
  opacity:0.6;
  }
p.yoga-lang {
  color: #fff;
}
.introductionUnderBlock {
  width: 100%;
  height: 145px;
  position: relative;
  padding-bottom: 45px;
  border-top: solid 1px #bdbdbd;
}
.introductionUnderBlockInner {
  position: absolute;
  top: -1px;
  width: 100%;
}
.introductionUnderBlockInnerTop {
  text-align: center;
}
.introductionUnderBlockInner2 {
  padding-top: 40px;
  width: 950px;
  margin: 0 auto;
}
.introductionUnderBlockInner2 p {
  color: #880000;
  font-size: 16px;
}
.introductionUnderBlockInner2 p span {
  color: #880000;
  font-size: 24px;
}
.introductionUnderBlockInner2BtnArea {
  margin-top: 10px;
}
.introductionUnderBlockInner2BtnArea .mr13 {
  margin-right: 13px;
}

.introduction_sublead { text-align: left; }

.introduction_sublead span { display: block; margin-top: 1em; }

.introduction_left {float:left;width:480px;text-align:left;  border-right: 1px dotted #049098;padding-right: 30px;}

.introduction_left span { display: block; margin-top: 1em; }

.introduction_right {float:right;width:480px;text-align:left;}

.introduction_right span { display: block; margin-top: 1em; }

.introduction_left2 {float:left;text-align:left;}

.introduction_right2 {float:right;width:490px;text-align:left;}

.clearfix:after {
  content: " ";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.clearfix {
  display: inline-block;
  min-height: 1%;
}
/*\*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
a:hover {
  opacity: .6;/*-webkit-transition: .25s ease; transition: .25s ease; */
}
a img:hover {
  background-color: inherit;
  opacity: 1;
}
.yoga-inner {
  width: 1020px;
  margin: 0 auto;
  position: relative;
}
/*
#    # ######   ##   #####  ###### #####
#    # #       #  #  #    # #      #    #
###### #####  #    # #    # #####  #    #
#    # #      ###### #    # #      #####
#    # #      #    # #    # #      #   #
#    # ###### #    # #####  ###### #    #
*/
#yoga-header {
  position: relative;
      z-index: 9999;
}
#yoga-header .yoga-grobal_nav {
  height: 72px;
  background: #4ea4a8;
  width: 100%;
}
#yoga-header .yoga-grobal_nav .yoga-logo, #yoga-header .yoga-grobal_nav .yoga-tag {
  float: left;
}
#yoga-header .yoga-grobal_nav .yoga-logo {
  padding-top: 26px;
  margin-right: 15px;
}
#yoga-header .yoga-grobal_nav .yoga-tag {
  padding-top: 28px;
}
#yoga-header .yoga-grobal_nav .yoga-menu {
  width: 232px;
  float: right;
}
#yoga-header .yoga-grobal_nav .yoga-menu .yoga-menu-box {
  width: 232px;
  overflow: hidden;
  float: right;
  border-left: 1px solid #d55e72;
}
#yoga-header .yoga-grobal_nav .yoga-menu .yoga-menu-box .yoga-lang {
  width: 75px;
  height: 34px;
  float: left;
  line-height: 34px;
  border-right: 1px solid #707070;
  color: #fff;
  background: #888888;
  font-size: 12px;
}
#yoga-header .yoga-grobal_nav .yoga-menu .yoga-menu-box .yoga-lang:hover {
  color: #888888;
  background: #fff;
}
#yoga-header .yoga-grobal_nav .yoga-menu .yoga-menu-box .yoga-lang:last-child {
  border-left: none;
}
#yoga-header .yoga-grobal_megamenu {
  text-align: left;
  width: 1020px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-kasou #yoga-header .yoga-grobal_megamenu {
  text-align: left;
  width: 1020px;
  margin: 0 auto;
  position: static;
  top: auto;
}
#yoga-header .yoga-grobal_megamenu .yoga-inner {
}
#yoga-header .yoga-grobal_megamenu .yoga-logo {
  margin-top: 31px;
  float: left;
  margin-right: 35px;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu {
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_top {
  padding-top: 25px;
  overflow: hidden;
  border-bottom: 1px solid #4ea4a8;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_top p {
  float: left;
  margin-right: 20px;
  padding-bottom: 20px;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_top p:nth-child(4) {
  margin-right: 40px;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_top p:last-child {
  margin-right: 10px;
  float: right;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_top p a {
  color: #000;
  text-decoration: none;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm {
  margin-top: 33px;
}
.yoga-kasou #yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm {
  margin-top: 10px;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul {
  overflow: hidden;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li {
  padding: 8px 0;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li:last-child {
  margin-right: 0;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li:hover p.yoga-under_bar {
/*  border-bottom: 1px solid #007880;
  margin-bottom: -1px;
*/}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li a {
  text-decoration: none;
  position:relative;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li a:hover {
  opacity:1.0;
  }
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li > a {
  text-decoration: none;
  position:relative;
  display:inline-block;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li:hover > a:after {
  content:'';
  width:100%;
  height:2px;
  position:absolute;
  bottom:-8px;
  background:#007f86;
  z-index: 999;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li a p {
  color: #007f86;
  font-size: 14px;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul li a p:last-child {
  margin-right: 0;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box {
  width: 1020px;
  height: 447px;
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 99;
  display: none;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box:first-child {
  display: block;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left {
  width: 350px;
  float: left;
  height: 100%;
  background: rgba(238, 238, 238, 0.9);
}
.yoga-kasou #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left {
  background: rgba(238, 238, 238, 1.0);
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_left_title {
  height: 140px;
  border-bottom: 1px #fff solid;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_left_title p {
  padding-top: 35px;
  padding-left: 29px;
  color: #b7b7b7;
  border-bottom: none;
  -webkit-transition: .5s;
  transition: .5s;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_left_title h2 {
  padding-top: 35px;
  font-size: 30px;
  padding-left: 29px;
  color: #b7b7b7;
  -webkit-transition: .5s;
  transition: .5s;
  line-height: 1.25;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_left_title:hover p {
  color: #4ea4a8;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_left_title:hover h2 {
  color: #4ea4a8;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left p {
  padding-left: 29px;
  line-height: 30px;
  border-bottom: 1px solid #fff;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select p {
  line-height: 20px;
  padding: 8px 0 8px 29px;
  position: relative;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select:hover {
  background-color: rgba(188, 187, 186, 0.9);
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select:hover p.yoga-first_select {
  border-left: 10px solid #4ea4a8;
  padding-left: 19px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select:hover p.yoga-first_select:after {
  right: 9px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select:hover .yoga-megamenu_select_right {
  display: block;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single {
  position: absolute;
  width: 670px;
  height: 500px;
  top: 0;
  left: 350px;
  display: none;
  padding-top: 80px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right.pt50, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single.pt50 {
  padding-top: 50px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right p, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single p {
  padding-left: 19px;
  line-height: 30px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right .yoga-megamenu_select_right_inner p, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single .yoga-megamenu_select_right_inner p {
  border: none;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right .yoga-megamenu_select_right_inner p:before, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single .yoga-megamenu_select_right_inner p:before {
  content: "・";
  color: #fff;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right .yoga-megamenu_select_right_inner:hover, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single .yoga-megamenu_select_right_inner:hover {
  background-color: rgba(188, 187, 186, 0.9);
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right .yoga-megamenu_select_right_inner:hover p.yoga-second_select, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single .yoga-megamenu_select_right_inner:hover p.yoga-second_select {
  border-left: 10px solid #4ea4a8;
  padding-left: 9px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select .yoga-megamenu_select_right_single {
  display: block;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select_arrow p:after {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-top: #fff solid 1px;
  border-right: #fff solid 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 23px;
  right: 12px;
  -webkit-transition: .5s;
  transition: .5s;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_left .yoga-megamenu_select_arrow_one p:after {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-top: #fff solid 1px;
  border-right: #fff solid 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  right: 12px;
  -webkit-transition: .5s;
  transition: .5s;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_right {
  background-color: rgba(188, 187, 186, 0.9);
  float: right;
  width: 670px;
  height: 100%;
}
.yoga-kasou #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_right {
  background-color: rgba(188, 187, 186, 1.0);
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special {
  background-color: rgba(226, 226, 226, 0.9);
  float: right;
  width: 100%;
  height: 100%;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner {
  padding: 20px 64px 0;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner h2 {
  font-size: 30px;
  color: #FFF;
  -webkit-transition: .5s;
  transition: .5s;
  line-height: 1em;
  margin-bottom: 20px;
  padding-top: 0;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner p.yoga-title01 {
  width: 221px;
  float: left;
  border-bottom: #fff solid 1px;
  color: #fff;
  margin-bottom: 15px;
  line-height: 1;
  padding-bottom: 10px;
  font-size: 16px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner p.yoga-title02 {
  width: 463px;
  float: left;
  margin-left: 22px;
  border-bottom: #fff solid 1px;
  color: #fff;
  margin-bottom: 15px;
  line-height: 1;
  padding-bottom: 10px;
  font-size: 16px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner ul {
  overflow: hidden;
  clear: both;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner li {
  float: left;
  width: 221px;
  height: auto;
  position: relative;
  margin-right: 22px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner li:last-child {
  margin-right: 0;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner a {
  display: block;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner img {
  width: 100%;
  height: auto;
  margin-bottom: 13px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_box .yoga-megamenu_special_inner h4 {
  font-size: 14px;
  border-left: #4ea4a8 10px solid;
  line-height: 1;
  padding: 10px 0 10px 8px;
  margin-bottom: 10px;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_right {
  display: none;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_right .yoga-grobal_megamenu_box {
  top: -73px;
  left: -802px;
  z-index: 100;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_right p, #yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_right img {
  z-index: 1001;
}
#yoga-header .yoga-grobal_megamenu .yoga-grobal_megamenu_right img:hover {
  background: inherit;
}


.yoga-relative {
  position:relative;
  }

.yoga-top_cover01 {
   background: #fff;
    width: 715px;
    height: 200px;
    position: absolute;
    top: 558px;
    left: 164px;
    z-index: 4;
  }
.yoga-top_cover02 {
    background: #fff;
    width: 100%;
    height: 890px;
    position: absolute;
    top: 133px;
    right: 0;
    z-index: 4;
}
.yoga-top_cover03 {
    background: #fff;
    width: 100%;
    height: 854px;
    position: absolute;
    top: 695px;
    left: 0;
    z-index: 4;
}
.yoga-top_cover04 {
    background: #fff;
    width: 100%;
    height: 402px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 4;
}
.yoga-top_cover05 {
   background: #fff;
    width: 100%;
    height: 1056px;
    position: absolute;
    top: -443px;
    right: 0;
    z-index: 4;
}
.yoga-top_cover06 {
        background: #fff;
    width: 100%;
    height: 1062px;
    position: absolute;
    top: 1751px;
    right: 0;
    z-index: 4;
}
.yoga-top_cover07 {
    background: #fff;
    width: 100%;
    height: 580px;
    position: absolute;
    top: 822px;
    right: 0;
    z-index: 4;
}
.yoga-top_cover08 {
        background: #fff;
    width: 1020px;
    height: 862px;
    position: absolute;
    top: 107px;
    left: 50%;
    margin-left: -510px;
    z-index: 4;
}


#yoga-leaf_icon_cover {
    position: absolute;
    width: 100%;
  background:#fff;
  z-index:2;
}
svg#yoga-top_line {
    width: 1200px;
    height: 11926px;
  display:block;
  z-index:1;
}
#yoga-leaf_icon {
    position: absolute;
    width: 50px;
    height: 50px;
  z-index:3;
}
.leaf_front {
   background: url(/img/yoga-img/top/leaf01.svg) 50% 50% no-repeat !important;
  }
.leaf_revers {
   background: url(/img/yoga-img/top/leaf02.svg) 50% 50% no-repeat !important;
       margin-left: 41px;
  }





/*hero*/
#yoga-hero {
  width: 100%;
  height: 560px;
  overflow: hidden;
  position: relative;
      z-index: 8888;
}
#yoga-hero .yoga-inner {
  height: 584px;
}
#yoga-hero table {
  width: 100%;
  max-width: 1020px;
  position: absolute;
  bottom: 64px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
#yoga-hero td {
  border: #fff solid 1px;
}
#yoga-hero td:nth-child(2) {
  width: 95px;
}
#yoga-hero td:nth-child(4) {
  width: 95px;
}
#yoga-hero td:nth-child(5) {
  width: 95px;
}
#yoga-hero td:nth-child(6) {
  width: 95px;
}
#yoga-hero td a {
  background: url(/img/yoga-img/top/hero_nav_bg.png);
  color: #fff;
  font-size: 16px;
  display: block;
  padding: 10px 0;
}
#yoga-hero td a:hover {
  color: #c21632;
  opacity: 1;
}
#yoga-hero {
  width: 1020px;
      height: 560px;
    margin: 0 auto;
      overflow: hidden;
        position: relative;
  }
#yoga-hero iframe {
  display: block;
    /* background: #fff; */
    /* border: none; */
    position: absolute;
    top: -4px;
    left: 50%;
    margin-top: -2px;
      margin-left: -515px;
    width: 1030px;
      height: 576px;
    /* margin: 0 auto; */
}
#yoga-hero_bg_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 584px;
}
#yoga-hero_scoll_area {
  width: 128px;
  height: 92px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -64px;
  bottom: 120px;
}
#yoga-hero_scoll_area:hover {
  opacity: .6;
}
#yoga-hero_scoll_area img:hover {
  background-color: inherit;
  opacity: 1;
}
#yoga-hero_scoll_area .hero_scroll_icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
#yoga-hero_scoll_area .hero_scroll_arrow {
  display: block;
  margin: 0 auto;
}
#yoga-hero_slide {
  /*position: absolute;*/
  display: none;
}
#yoga-hero_slide ul {
  position: relative;
}
#yoga-hero_slide li {
  /*position: absolute;*/
  text-align:center;
}
#yoga-hero_slide a {
  display: block;
}
#yoga-hero_slide img {
  /*position: absolute;*/
}
/*modal_movie*/
#yoga-modal_movie {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
}
#yoga-modal_movie_inner {
  width: 90%;
  height: 90%;
  position: relative;
  top: 5%;
  left: 5%;
}
#yoga-modal_movie_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
#yoga-modal_btn_cls {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  background: #FFF;
}
#yoga-modal_btn_cls span {
  width: 30px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 20px;
  left: 5px;
}
#yoga-modal_btn_cls_line01 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#yoga-modal_btn_cls_line02 {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#yoga-btn_sound {
  width: 58px;
  height: 20px;
  position: absolute;
  bottom: 60px;
  right: 50%;
    margin-right: -500px;
  background: url(/img/yoga-img/top/hero_btn_sound_off.png) 0 50% no-repeat;
}
#yoga-btn_sound:hover {
  opacity: 1;
}
#yoga-btn_sound.on {
  background: url(/img/yoga-img/top/hero_btn_sound_on.png) 0 50% no-repeat;
}
/*global*/
ul.yoga-grobal_megamenu_right {
  position: absolute;
  z-index: 100;
  top: 166px;
  right: 0;
}
ul.yoga-grobal_megamenu_right h2 {
  padding-top: 35px;
}
ul.yoga-grobal_megamenu_right li {
  position: relative;
  width: 218px;
  height: 55px;
}
ul.yoga-grobal_megamenu_right li .yoga-grobal_megamenu_right_li_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 218px;
  height: 54px;
  background-color: #4ea4a8;
  border-bottom: 1px dotted #a50721;
  z-index: 999;
}
ul.yoga-grobal_megamenu_right li .yoga-grobal_megamenu_right_li_inner img {
  padding-top: 9px;
  padding-left: 12px;
}
ul.yoga-grobal_megamenu_right li .yoga-grobal_megamenu_right_li_inner p {
  position: absolute;
  top: 0;
  left: 65px;
  color: #fff;
  line-height: 56px;
}
ul.yoga-grobal_megamenu_right li .yoga-grobal_megamenu_right_li_inner.yoga-special {
  text-align: center;
  background-color: #4ea4a8;
  height: 70px;
}
ul.yoga-grobal_megamenu_right li .yoga-grobal_megamenu_right_li_inner.yoga-special img {
  padding-left: 0px;
  padding-top: 12px;
}
.yoga-megamenu_admission {
  top: -26px !important;
}
.yoga-megamenu_serch_shop {
  top: -81px !important;
}
.yoga-megamenu_use_shop {
  top: -136px !important;
}
.yoga-megamenu_for_company {
  top: -191px !important;
}
.yoga-megamenu_special {
  top: -246px !important;
}
#yoga-grobal_megamenu_bnr_sougo {
  position: absolute;
  top: 462px;
  right: 0;
  z-index: 100;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.42);
  display: none;
}
#yoga-grobal_megamenu_bnr_sougo a {
  display: block;
  height: 60px;
}
#yoga-grobal_megamenu_bnr {
  position: absolute;
  top: 528px;
  right: 0;
  z-index: 100;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.42);
  display: none;
}
#yoga-grobal_megamenu_bnr a {
  display: block;
  height: 80px;
}
/* ぱんくず
---------------------------------------------*/
#panBox {
  width: 1020px;
  margin: 10px auto;
  text-align: left;
  overflow: hidden;
}
#panBox li {
  float: left;
  padding: 0 0 0 20px;
  margin: 0 0 0 10px;
  font-size: 11px;
  background: url(https://joyfit.mom/img/aojoy/about/pan_icon.gif) 0 40% no-repeat;
}
#panBox li:first-child {
  background: none;
  margin: 0;
  padding: 0;
}
#panBox li a {
  color: #323232;
  text-decoration: none;
}
#panBox li a:hover {
  text-decoration: underline;
}
/*カスタム検索結果*/
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  text-align: left;
}
/*2017*/

.cse input.gsc-search-button, input.gsc-search-button {
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding: 0 8px;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  padding: 3px 3px !important;
  position: relative !important;
  top: -1px !important;
}
.gsc-input-box {
  height: 20px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  margin-top: 0px !important;
  top: 2px !important;
}
table.gsc-search-box td {
  vertical-align: middle;
  text-align: left;
}
#gsc-i-id1:-ms-input-placeholder {
  font-size:12px;
}
#gsc-i-id1:-webkit-input-placeholder {
  font-size:12px;
}
.yoga-flex {
  display: flex;
  display: -ms-flexbox; /* IE10 */
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  flex-shrink:0;
  -webkit-flex-shrink:0;
}
#yoga-header {
}
.yoga-top-inner {
  padding-top: 30px;
  margin-bottom: 14px;
  font-family: "Noto Sans Japanese";
}
.yoga-top-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 182px;
}
.yoga-lang-block {
  background: #007f86;
  color: #fff;
  padding: 3px 16px;
  font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 90%;
  margin-bottom: 6px;
}
.yoga-lang-block ul li a {
  color: #fff;
}
.yoga-lang-block ul li.current a {
  text-decoration: underline;
}
.yoga-fstnav {
}
.yoga-fstnav .yoga-logo {
  float: left;
}
.yoga-fstnav .yoga-nav {
  float: right;
  padding-top: 65px;
      font-weight: 300;
    font-size: 12px;
}
.yoga-fstnav .yoga-nav ul li {
  padding: 0 10px;
  border-right: 1px #ddd solid;
  line-height: 1;
}
.yoga-fstnav .yoga-nav ul li:last-child {
  border-right: none;
  padding-right: 0;
}
.yoga-btn-area {
  z-index: 101;
}
.yoga-btn-area ul {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-right:8px;
}
.yoga-btn-area ul li {
  margin-left: 5px;
}
.yoga-grobal_megamenu .yoga-menu {
  background: rgba(245,245,245,0.8);
  color: #007f86;
}


.yoga-catch {
  /*height: 558px;*/
  background: url(/img/yoga-img/top/main_image.jpg) 0 0 no-repeat;
  margin-top: -20px;
  z-index: 100;
  font-family: "Noto Serif Japanese", serif;
}
#yoga-header .yoga-grobal_megamenu .yoga-menu .yoga-menu_btm ul {
}
#yoga-hero_scoll_area {
  width: 141px;
  height: 92px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  bottom: 55px;
}
#yoga-hero_scoll_area .hero_scroll_icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
#yoga-hero_scoll_area .hero_scroll_arrow {
  display: block;
  margin: 0 auto;
}
.yoga-bottom-nav {
  width: 1020px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -510px;
  font-family: "Noto Serif Japanese", serif;
  font-weight:normal;
      z-index: 9999;
}
.yoga-bottom-nav ul {
  border-top: 1px solid #fff;
      font-size: 15px;
}
.yoga-bottom-nav ul li a {
  color: #fff;
  display: block;
  padding: 10px 0;
  background: rgba(0,0,0,0.4) url(/img/yoga-img/bg_nav01.png) repeat;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.yoga-bottom-nav ul li a:hover {
  background: rgba(0,0,0,1.0) url(/img/yoga-img/bg_nav01.png) repeat;
}
.yoga-bottom-nav ul li {
  border-left: 1px solid #fff;
  text-align: center;
}
.yoga-bottom-nav ul li:first-child {
  border-left: none;
}
.yoga-table {
  display: table;
  width: 100%;
}
.yoga-table li, .yoga-table div {
  display: table-cell;
}
#yoga-news {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position:relative;
  z-index:9999;
  }
.yoga-attention-news {
  width:48%;
  }
.yoga-attention-news >div {
  width: 100%;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  -ms-border-radius: 1em;
  border-radius: 1em;
  display:table;
  height: 60px;
  }
.yoga-attention-news div div {
  display:table-cell;
  }
.yoga-attention-news div div:first-child {
  width:30%;
  background: #007f86;
  vertical-align:middle;
  padding: 10px 2% 10px 4%;
  text-align: center;
      border-radius: 1em 0em 0em 1em;
    color:#FFF;
  }
.yoga-attention-news div div:last-child {
  background: #f3f3f3;
  vertical-align:middle;
  padding: 10px 2%;
      border-radius: 0em 1em 1em 0em;
    font-family: "Noto Sans Japanese";
  }
.yoga-attention-news div div:last-child a {
  color: #4a4a4a;
  text-decoration: underline;
}
.yoga-attention-news div div:last-child a span {
  display: block;
  }

.yoga-slide {
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
/******contents********/

.yoga-content {
  padding-top: 10px;
  position:relative;
  z-index:100;
}
.yoga-section {
  position: relative;
  text-align: left;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "Noto Serif Japanese", serif;
  font-weight: 300;
}
.yoga-section p {
  font-size: 17px;
}
.yoga-section a:hover {
  opacity: 1.0;
}

.yoga-title01 img {
  width: 100%;
}
.yoga-title02 {
}
.yoga-title02 h3 {
  line-height: 1.3;
  margin-bottom:20px;
}
.yoga-title03 h3 {
  line-height: 1.3;
  margin-bottom:20px;
}
.yoga-title02 p {
  font-size: 17px;
  margin-bottom:14px;
  font-weight: 300;
  line-height: 1.8;
}
.yoga-title03 p {
  font-size: 17px;
  margin-bottom:14px;
  font-weight: 300;
  line-height: 1.8;
}
.yoga-title02 p.yoga-title_sub {
  font-size:25px;
  font-weight:normal;
  }
.yoga-title03 p.yoga-title_sub {
  font-size:25px !important;
  font-weight:normal;
  }
.yoga-button a {
  background: url(/img/yoga-img/top/circle_off.png) 0 0 no-repeat;
  width: 152px;
  height: 152px;
  color: #007880;
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 16px;
  margin: 0 14px;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  font-family: "Noto Serif Japanese", serif;
  background-size:152px 152px;
}
.yoga-button a:first-child {
  margin-left: 0;
}
.yoga-button a:hover {
  background: url(/img/yoga-img/top/circle_on.png) 0 0 no-repeat;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  color: #fff;
  opacity: 1.0;
  background-size:152px 152px;
}
.yoga-button a:after {
  content: '';
  width: 76px;
  height: 14px;
  background: url(/img/yoga-img/top/arrow_off.png) 0 0 no-repeat;
  position: absolute;
  bottom: 31px;
  right: -17px;
  transition: .5s ease;
  color: #fff;
  background-size:76px 14px;
}
.yoga-button a:hover:after {
  background: url(/img/yoga-img/top/arrow_on.png) 0 0 no-repeat;
  transition: .5s ease;
  color: #fff;
  background-size:76px 14px;
}
.yoga-button a span {
  position: absolute;
  top: 50%;
  left: 50%;
  webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 152px;
}
.yoga-btns ul {
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
    z-index: 101;
}
.yoga-btns ul li {
  text-align: center;
  padding: 0 20px;
  position: relative;
  border-left: 1px dotted #ddd;
}
.yoga-btns ul li:first-child {
  border-left:none;
  }
.yoga-btns ul li a {
    display: block;
    width: 140px;
    margin: 5px auto;
    border: 1px solid #007880;
    box-sizing: border-box;
    font-family: "Noto Sans Japanese";
    color: #007880;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    padding: 4px 0;
    letter-spacing: 2px;
}
.yoga-btns ul li a:hover {
  background: #007880;
  color: #fff;
}
.yoga-btns ul li a:after {
      content: '';
    margin-left: 3px;
    margin-top: 4px;
    border: 6px solid transparent;
    border-left: 9px solid #007880;
    position: absolute;
}
.yoga-btns ul li a:hover:after {
  border-left: 9px solid #fff;
  }



.yoga-slide {
    margin: 0 auto;
  }

.yoga-slide .bx-wrapper {
}
.yoga-slide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: -19px;
  }
.yoga-slide .bx-wrapper .bx-pager {
  display: inline-block;
  }
.yoga-slide .bx-wrapper .bx-pager.bx-default-pager a {
  background:#ddd;
  }
.yoga-slide .bx-wrapper .bx-pager.bx-default-pager a:hover, .yoga-slide .bx-wrapper .bx-pager.bx-default-pager a.active {
  background:#007f86;
  }

.yoga-bnr {width: 100%; max-width: 900px; margin: 0 auto; }
.yoga-bnr ul { display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.yoga-bnr li { max-width: 218px; margin: 0 5px; }
.yoga-bnr a { display: block; }
.yoga-bnr img { width: 100%; }
.yoga-bnr.half { width: 510px; margin: 0 0 0 10px; }
.yoga-bnr.half li { width: 165px; }

/*about*/
#yoga-about {
  height: 1210px;
  margin-top: 70px;
}
#yoga-about .yoga-title01 {
  position: absolute;
  left: 50%;
    margin-left: -54%;
}
#yoga-about .yoga-title02 {
  width: 522px;
  position: absolute;
  top: 150px;
      z-index: 200;
}
.yoga-about-img01 {
  width: 50%;
  height: 687px;
  position: absolute;
  right: 0;
  top: 60px;
  opacity: 0;
  background: url(/img/yoga-img/top/about_bg01.png) 0 0 no-repeat;
  -webkit-transition: .9s ease;
  transition: .9s ease;
      z-index: 100;
}
.yoga-about-img01.anime {
  top: 0;
  -webkit-transition: .9s ease;
  transition: .9s ease;
  opacity: 1.0;
}
#yoga-about .yoga-button {
  position: absolute;
  top: 504px; /* ここ加藤追加 */
  left: 45px; /* ここ加藤追加 */
  z-index: 100;
}
#yoga-about .yoga-button a:first-child { /* ここ加藤追加 */
  margin-left: 0; /* ここ加藤追加 */
  background: url(/img/yoga-img/top/circle_wh_off.png) 0 0 no-repeat; /* ここ加藤追加 */
  background-size:152px 152px; /* ここ加藤追加 */
}
#yoga-about .yoga-button a:first-child:hover { /* ここ加藤追加 */
  background: url(/img/yoga-img/top/circle_wh_on.png) 0 0 no-repeat; /* ここ加藤追加 */
  background-size:152px 152px; /* ここ加藤追加 */
} /* ここ加藤追加 */
#yoga-about .yoga-btns {
  position: absolute;
  top: 778px;
  width: 100%;
}
.yoga-open {
  background: rgba(241,241,241,0.4);
  position: absolute;
  bottom: 0;
  padding: 38px 0 28px;
  width: 100%;
  z-index: 101;
}
.yoga-open .yoga-midashi {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: normal;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.yoga-open .open_information {
  width: 1020px;
  margin: 0 auto;
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}
.yoga-open .open_information a {
  opacity: 1.0;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.yoga-open .open_information a:hover {
  opacity: 0.6;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
/*yogalife*/
#yoga-yogalife {
  height: 1042px;
}
#yoga-yogalife .yoga-title01 {
  position: absolute;
  top: 49px;
  right: 0;
  z-index: 102;
  overflow: hidden;
}
#yoga-yogalife .yoga-title02 {
  width: 530px;
  position: absolute;
  top: 230px;
  right: 0;
  z-index: 105;
  color: #fff;
}
.yoga-yogalife-img01 {
  width: 100%;
  height: 1260px;
  position: absolute;
  left: 0;
  top: -200px;
  z-index: 100;
  background: url(/img/yoga-img/top/yogalife_bg01.png) center 0 no-repeat;
  background-size: cover;
}
.yoga-yogalife-img02 {
  background: rgba(0,120,128,0.8);
  width: 1%;
  position: absolute;
  height: 300px;
  top: 133px;
  right: 0;
  z-index: 103;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-yogalife-img02.anime {
  width: 60%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
#yoga-yogalife .yoga-button {
  position: absolute;
  bottom: -190px;
  right: 6px;
}
#yoga-yogalife .yoga-btns {
  position: absolute;
  bottom: -491px;
  right: 10px;
  z-index: 104;
}
#yoga-yogalife .yoga-btns ul li {
  padding-bottom: 0;
}
#yoga-yogalife .yoga-btns .text02 {
  color: #000;
}
/*program*/

#yoga-program {
  height: 1550px;
}
#yoga-program .yoga-title01 {
  position: absolute;
      top: 70px;
    left: -110px;
  z-index: 102;
  overflow: hidden;
}
#yoga-program .yoga-title02 {
  width: 511px;
  position: absolute;
  top: 216px;
  z-index: 104;
}
#yoga-program .yoga-title02 .yoga-program_shin {
  background:#007880;
  color:#fff;
  border-radius:10px;
  display: inline-block;
    padding: 0 15px;
  font-size:14px;
  }

#yoga-program .yoga-title03 {
  width: 426px;
  position: absolute;
  top: 342px;
  right: 0;
  z-index: 104;
}
#yoga-program .yoga-title03 a {
  display: block;
    width: 140px;
    margin: 5px auto;
    border: 1px solid #007880;
    box-sizing: border-box;
    font-family: "Noto Sans Japanese";
    color: #007880;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    padding: 4px 0;
    letter-spacing: 2px;
  text-align:center;
      float: right;
  }
#yoga-program .yoga-title03 a:after {
  content: '';
    margin-left: 3px;
    margin-top: 4px;
    border: 6px solid transparent;
    border-left: 9px solid #007880;
    position: absolute;
  }

#yoga-program .yoga-title03 a:hover:after {
  border-left: 9px solid #fff;
  }

#yoga-program .yoga-title03 a:hover {
    background: #007880;
  -webkit-transition: .5s ease;
    transition: .5s ease;
    color: #fff;
}

#yoga-program .yoga-title03 h4 {
  font-size: 25px;
  margin-bottom: 8px;
  font-weight: normal;
}

#yoga-program .yoga-title04 {
  text-align:center;
  position: absolute;
  top: 763px;
  z-index: 104;
}
#yoga-program .yoga-title04 p {
  border-bottom:1px dotted #c1c384;
  display: inline-block;
    margin: 0 15% 8px;
  }

.yoga-program-img01 {
  background: url(/img/yoga-img/top/program_bg01.png) 0 0 no-repeat;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 100;
  width: 549px;
  height: 569px;
  opacity: 0;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-program-img01.anime {
  top: 0;
  -webkit-transition: .9s ease;
  transition: .9s ease;
  opacity: 1.0;
}
.yoga-program-img02 {
  background: url(/img/yoga-img/top/program_bg02.png) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 704px;
  z-index: 100;
  width: 566px;
  height: 332px;
  opacity: 0;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-program-img02.anime {
  top: 644px;
  -webkit-transition: .9s ease;
  transition: .9s ease;
  opacity: 1.0;
}
#yoga-program .yoga-list01 {
  position: absolute;
  top: 966px;
  width: 100%;
  z-index: 104;
}
#yoga-program .yoga-list01 ul {
  justify-content: space-between;
  flex-wrap: wrap;
}
#yoga-program .yoga-list01 li {
  width: 290px;
}
#yoga-program .yoga-list01 div {
  position: relative;
  margin-bottom: 6px;
}
#yoga-program .yoga-list01 .ttl {
  position: absolute;
  top: -20px;
  left: -7px;
}
#yoga-program .yoga-list01 p.fst {
  text-align: center;
  margin-bottom: 4px;
  font-weight: normal;
}
#yoga-program .yoga-button {
  top: 1312px;
  position: absolute;
  width: 100%;
  text-align: center;
      z-index: 100;
}
#yoga-program .yoga-button p {
  margin-bottom: 20px;
}
/*lineup*/
#yoga-lineup {
  height: 1473px;
  margin-top: -40px;
  background: url(/img/yoga-img/top/lineup_bg01.png) center 0 no-repeat;
  z-index: 99;
}
#yoga-lineup .yoga-title01 {
  z-index: 105;
      position: absolute;
    top: 90px;
  left: -170px;
}
#yoga-lineup .yoga-title02 {
  width: 395px;
  background: #fff;
  padding-right: 33px;
  position: absolute;
  top: 239px;
  padding-top: 58px;
  z-index: 104;
}
#yoga-lineup .yoga-title02 .note {
  font-size: 12px;
  font-family: "Noto Sans Japanese";
}
#yoga-lineup .yoga-title02 h3 {
  margin-bottom: 22px;
}
#yoga-lineup .yoga-title02 p {
  margin-bottom: 20px;
  line-height: 1.8;
  padding-left: 6px;
}
#yoga-lineup .lineup_btn01 {
  width: 296px;
  height: 296px;
  background: url(/img/yoga-img/top/lineup_btn01.png) 0 0 no-repeat;
  position: relative;
  margin-bottom: 23px;
}
#yoga-lineup .note {
  text-indent: 0 !important;
}
#yoga-lineup .lineup_btn01 a {
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 41px;
  margin-left: -75px;
  display: block;
  width: 150px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-family: "Noto Sans Japanese";
  color: #fff;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  padding: 5px 0;
  letter-spacing: 2px;
  font-size: 12px;
}
#yoga-lineup .lineup_btn01 a:hover {
  background: #fff;
  color: #000;
}
#yoga-lineup .lineup_btn01 a:after {
  content: '';
    margin-left: 3px;
    margin-top: 4px;
    border: 6px solid transparent;
    border-left: 9px solid #007880;
    position: absolute;
}
#yoga-lineup .lineup_btn01 a:hover:after {
  border-left: 9px solid #fff;
  }

.yoga-lineup-photo01 {
  position: absolute;
  right: 47px;
  top: 103px;
  z-index: 100;
}
.yoga-lineup-photo01:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #edecd3;
}
.yoga-lineup-photo01.anime:after {
  width: 0%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-lineup-photo02 {
  position: absolute;
  right: 0;
  top: 432px;
  z-index: 102;
}
.yoga-lineup-photo02:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #edecd3;
}
.yoga-lineup-photo02.anime:after {
  width: 0%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-lineup-photo03 {
  position: absolute;
  right: 47px;
  top: 540px;
  z-index: 100;
}
.yoga-lineup-photo03:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #edecd3;
}
.yoga-lineup-photo03.anime:after {
  width: 0%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-lineup-photo04 {
  position: absolute;
  right: 418px;
  top: 540px;
  z-index: 100;
}
.yoga-lineup-photo04:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #edecd3;
}
.yoga-lineup-photo04.anime:after {
  width: 0%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-lineup-img01 {
  background: url(/img/yoga-img/top/lineup_bg01.png) 0 0 no-repeat;
  position: absolute;
  right: 0;
  top: -50px;
  z-index: 100;
  width: 866px;
  height: 809px;
}
#yoga-lineup .yoga-button {
  top: 712px;
    right: 0;
  position: absolute;
  width: 100%;
  text-align: right;
  z-index: 103;
}
.yoga-lineup-img02 {
  background: rgba(0,120,128,0.8);
  width: 1%;
  position: absolute;
  height: 380px;
  top: 1029px;
  right: 0;
  z-index: 103;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-lineup-img02.anime {
  width: 54%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
.yoga-lineup-img03 {
  background: url(/img/yoga-img/top/lineup_bg02.png) center center no-repeat;
  position: absolute;
  top: 954px;
  width: 1020px;
  height: 519px;
  background-size: cover;
}
#yoga-lineup .yoga-title03 {
  width: 50%;
  position: absolute;
  top: 1070px;
  right: 0;
  z-index: 105;
  color: #fff;
  padding-top: 48px;
}

#yoga-lineup .yoga-title03 h3 {
  font-size: 55px;
  margin-bottom: 10px;
  line-height: 1.3;
}
#yoga-lineup .yoga-title03 p {
  margin-bottom: 20px;
  line-height: 1.8;
}
/*flow*/
#yoga-flow {
  height: 2768px;
  background: url(/img/yoga-img/top/flow_bg01.png) right 136px no-repeat;
      z-index: 100;
}
#yoga-flow .yoga-title01 {
  position: absolute;
  top: 70px;
    left: -137px;
  z-index: 102;
}
#yoga-flow .yoga-title02 {
  position: absolute;
  top: 214px;
  z-index: 104;
}
#yoga-flow .yoga-flow_block p {
}
#yoga-flow .yoga-flow_block p.yoga-fst {
  font-weight: normal;
  font-size: 25px;
}
#yoga-flow .yoga-flow_block .icon_text {
  margin-bottom: 27px;
}
#yoga-flow .yoga-flow_block {
  position: absolute;
}
#yoga-flow .yoga-flow_block .yoga-button {
  position: absolute;
}
#yoga-flow .yoga-flow_block p {
  margin-bottom:8px;
  line-height: 1.7;
  }
#yoga-flow .yoga-flow_block p:first-child {
  margin-bottom:27px;
  }
#yoga-flow .yoga-flow_block .yoga-note {
  font-size: 12px;
  margin-bottom: 50px;
  font-family: 'Noto Sans Japanese';
      text-indent: -1em;
    margin-left: 1em;
}
#yoga-flow .yoga-flow_block01 {
  top: 334px;
  width: 700px;
}
#yoga-flow .yoga-flow_block01 .yoga-button {
  left: 500px;
  bottom: 0;
  width: 360px;
}
#yoga-flow .yoga-flow_block02 {
  top: 879px;
  left: 108px;
  width: 530px;
}
#yoga-flow .yoga-flow_block02 .yoga-button {
  left: 568px;
  bottom: 0;
  width: 360px;
}
#yoga-flow .yoga-flow_block03 {
  top: 1283px;
  width: 530px;
}
#yoga-flow .yoga-flow_block03 .yoga-button {
  left: 568px;
  bottom: 0;
  width: 360px;
}
#yoga-flow .yoga-sougo {
  position: absolute;
  top: 1750px;
  width: 100%;
}

#yoga-flow .yoga-sougo_subtxt {
  font-size: 45px;
  margin-bottom: 8px;
  font-weight: normal;
  line-height: 1.9em;
}

#yoga-flow span.supText {
  vertical-align: top !important;
  position: relative;
  top: -0.1em;
font-size: 14px;
}
#yoga-flow .yoga-sougo .yoga-inner {
  z-index: 106;
}
#yoga-flow .yoga-sougo .yoga-sougo01 {
  height: 150px;
  position: absolute;
  top: -44px;
  width: 0.1%;
  background: #1f2a5d;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
#yoga-flow .yoga-sougo .yoga-sougo01.anime {
  width: 60%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
#yoga-flow .yoga-sougo .yoga-sougo02 {
  height: 150px;
  position: absolute;
  top: 44px;
  right: 0;
  width: 0.1%;
  background: #c5112d;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
#yoga-flow .yoga-sougo .yoga-sougo02.anime {
  width: 60%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
#yoga-flow .yoga-sougo .yoga-sougo03 {
  height: 150px;
  position: absolute;
  top: 162px;
  width: 0.1%;
  background: #007880;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
#yoga-flow .yoga-sougo .yoga-sougo03.anime {
  width: 60%;
  -webkit-transition: .9s ease;
  transition: .9s ease;
}
#yoga-flow .yoga-sougo_b {
  text-align: center;
  position: absolute;
  top: 2100px;
  width: 100%;
}
#yoga-flow .yoga-sougo_b p {
  margin: 70px 0 30px;
}
#yoga-flow .yoga-sougo_b p.note {
  font-size: 16px;
  font-family: 'Noto Sans Japanese';
  text-indent: 0;
  width: 70%;
  margin: 0 auto 45px;
}
/*ishiki*/

.ishiki01 {
    height: 496px;
    background: url(/img/yoga-img/top/ishiki_bg01.jpg) center 0 no-repeat;
    background-size: cover;
    width: 100%;
    z-index: 200;
    display: table;
    background-attachment: fixed;
}
.ishiki01 h3 {
  margin-bottom: 0;
  }
.ishiki01 .yoga-inner {
  text-align: center;
  display: table-cell;
    vertical-align: middle;
}



.ishiki-wrap .yoga-inner h4 {
  margin-bottom:12px;
  }
.ishiki-wrap .yoga-inner p {
  line-height:1.8;
  }

#yoga-top_ouchi {
  height:1728px;
  background:url(/img/yoga-img/top/ouchi_bg.png) left 50% top 200px no-repeat;
      z-index: 100;
  }
#yoga-top_ouchi .yoga-inner {
  z-index:202;
  padding-top: 128px;
  }
#yoga-top_ouchi .yoga-inner h3 {
  margin-bottom:22px;
  }
#yoga-top_ouchi .yoga-inner h4 {
  margin-bottom:20px;
  }
.yoga-top_ouchi01 {
  text-align: center;
  z-index: 200;
}
.yoga-top_ouchi02 {
  position: absolute;
  top: 545px;
  width: 490px;
  z-index: 200;
}
.yoga-top_ouchi03 {
  position: absolute;
  top: 1260px;
  right:0;
      width: 383px;
  z-index: 200;
}
.yoga-top_ouchi03 .yoga-button {
      margin-top: 30px;
  }
.yoga-top_ouchi02 .yoga-button {
  position: absolute;
  right: 0;
  bottom: -170px;
}
.yoga-top_ouchi02_img {
  position: absolute;
  top: 352px;
  right: 0;
  width: 484px;
  line-height: 0;
  z-index: 200;
}
.yoga-top_ouchi02_img a {
  margin-bottom: 26px;
  }
.yoga-top_ouchi02_img img {
}
.yoga-top_ouchi03_img {
  position: absolute;
  top: 1055px;
  left: 0;
  width: 484px;
  line-height: 0;
  z-index: 200;
}
.yoga-top_ouchi03_img a {
  margin-bottom: 26px;
  }
.yoga-top_ouchi03_img img {
}


#yoga-top_recipe {
  height:1120px;
      padding-top: 120px;
    background:url(/img/yoga-img/top/shoku_bg.png) left 50% top 0 no-repeat;
    z-index:100;
  }
#yoga-top_recipe h3 {
  margin-bottom: 23px;
  }
#yoga-top_recipe h4 {
  text-align: center;
  margin-bottom: 20px;
}

#yoga-top_recipe .shoku01 {
  text-align: center;
  margin-bottom:60px;
}
#yoga-top_recipe .shoku02 {
  width: 100%;
}

#yoga-top_recipe .shoku02 p.subtext {
  margin-bottom: 50px;
  text-align:center;
  }

#yoga-top_recipe .shoku02 ul {
  margin-bottom: 50px;
}
#yoga-top_recipe .shoku02 ul li {
  width: 230px;
}
#yoga-top_recipe .shoku02 ul li a {
  display: block;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 10px 10px 46px;
  }
#yoga-top_recipe .shoku02 ul li a:hover {
  background: rgba(200,200,200,0.2);
  -webkit-transition: .5s;
  transition: .5s;
  }
#yoga-top_recipe .shoku02 a {
  text-align: center;
}
#yoga-top_recipe .shoku02 a .shoku_icon {
  height:48px;
  margin-bottom: 10px;
}
#yoga-top_recipe .shoku02 a .title {
  margin-bottom: 8px;
  font-size: 19px;
      font-weight: normal;
}
#yoga-top_recipe .shoku02 a .image {
  margin-bottom: 12px;
}
#yoga-top_recipe .shoku02 a .image img {
  /*width:100%;*/
  }
#yoga-top_recipe .shoku02 a .yoga-date {
  text-align: left;
  margin-bottom: 6px;
}
#yoga-top_recipe .shoku02 a .yoga-date span {
  background: red;
  padding: 4px 8px 2px;
  color: #fff;
  border-radius: 0.5em;
  margin-right: 8px;
}
#yoga-top_recipe .shoku02 .article_title {
  margin-bottom: 6px;
}
#yoga-top_recipe .shoku02 .article_title, #yoga-top_recipe .shoku02 .article_desc {
  text-align: left;
  text-align: justify;
  text-justify: inter-ideograph;
  min-height:108px;
}
#yoga-top_recipe .shoku02 .article_desc {
  color:#676666;
  }
#yoga-top_recipe .shoku02 .article_more {
    bottom: 10px;
    right: 10px;
  color:#007880;
}

#yoga-top_column {
  height:970px;
  background:url(/img/yoga-img/top/ishiki_bg06.png) center 0 no-repeat;
  padding-top: 78px
  }

#yoga-top_recipe .shoku02 .yoga-button {
  text-align: center;
}
#yoga-top_column .column01 {
  width: 100%;
  z-index: 200;
}
#yoga-top_column .column01_title {
  text-align: center;
  margin-bottom: 60px;
}
#yoga-top_column .column01 h4 {
  margin-bottom: 23px;
}
#yoga-top_column .column01 ul {
  margin-bottom:50px;
}
#yoga-top_column .column01 ul li {
  width: 331px;
}
#yoga-top_column .column01 ul li:hover {
}
#yoga-top_column .column01 ul li a {
  padding: 10px 10px 20px;
  -webkit-transition: .5s;
  transition: .5s;
  position:relative;
  display:block;
  }
#yoga-top_column .column01 ul li a:hover {
  background: rgba(200,200,200,0.2);
  -webkit-transition: .5s;
  transition: .5s;
}
#yoga-top_column .column01 a {
  text-align: center;
}
#yoga-top_column .column01 a .shoku_icon {
  height: 42px;
  margin-bottom: 10px;
}
#yoga-top_column .column01 a .title {
  margin-bottom: 8px;
  font-size: 20px;
}
#yoga-top_column .column01 a .image {
  margin-bottom: 12px;
}
#yoga-top_column .column01 a .image img {
  width:100%;
  }
#yoga-top_column .column01 a .yoga-date {
  text-align: left;
  margin-bottom: 6px;
}
#yoga-top_column .column01 a .yoga-date span {
  background: red;
  padding: 4px 8px 2px;
  color: #fff;
  border-radius: 0.5em;
  margin-right: 8px;
}
.yoga-height {
  min-height:160px;
  }
#yoga-top_column .column01 .article_title {
  margin-bottom: 6px;
  font-weight:normal;
}
#yoga-top_column .column01 .article_title, #yoga-top_column .column01 .article_desc {
  text-align: left;
  text-align: justify;
  text-justify: inter-ideograph;

}
.column01 .article_desc {
  color:#676666;
  }
#yoga-top_column .column01 .article_more {
    bottom: 10px;
    right: 10px;
  color:#007880;
}
#yoga-top_column .column01 a:hover .article_more {
  color:#fff;
  background:#007880;
  }
#yoga-top_column .column01 .yoga-button {
  text-align: center;
}


.article_more {
  display: block;
    width: 140px;
    margin: 5px auto;
    border: 1px solid #007880;
    box-sizing: border-box;
    font-family: "Noto Sans Japanese";
    color: #007880;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    padding: 4px 0;
    letter-spacing: 2px;
  text-align:center;
      float: right;
  }
.article_more:after {
  content: '';
    margin-left: 3px;
    margin-top: 4px;
    border: 6px solid transparent;
    border-left: 9px solid #007880;
    position: absolute;
  -webkit-transition: .5s ease;
    transition: .5s ease;
  }
ul li a:hover .article_more:after {
  border: 6px solid transparent;
  border-left: 9px solid #fff;
-webkit-transition: .5s ease;
    transition: .5s ease;
}
#yoga-top_recipe .shoku02 ul li a:hover .article_more {
    background: #007880;
  -webkit-transition: .5s ease;
    transition: .5s ease;
    color: #fff;
}
#yoga-top_recipe .shoku02 ul li a:hover .article_more:after {
  border-left: 9px solid #fff;

}


#aka-joyad {
  position: relative;
  overflow: hidden;
  height: 596px;
  background: url(/img/aka-img/top/joyad_bg.png) 50% 50% no-repeat;
  background-size: cover;
}
#aka-joyad h2 {
  margin-top: 30px;
}
#aka-joyad .logo {
  display: block;
  margin: -10px auto 25px;
}
#aka-joyad .btn {
  -webkit-transition: .25s ease;
  transition: .25s ease;
  width: 329px;
  display: block;
  margin: 0 auto;
  border: #fff solid 1px;
  padding: 15px 15px 15px 0;
  font-size: 20px;
  color: #fff;
  position: relative;
  letter-spacing: 0.2em;
  background: rgba(0, 0, 0, 0.35);
}
#aka-joyad .btn:after {
  content: "";
  width: 16px;
  height: 16px;
  border-top: #fff solid 1px;
  border-right: #fff solid 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*下層ページ*/
.yoga-beauty_column_hero {
  margin-bottom: 50px;
  width:1020px;
}
.yoga-beauty_column_top_left {
  width: 262px;
  float: left;
}
.yoga-beauty_column_top_left .yoga-left_content_inner {
  margin-bottom: 30px;
}
.yoga-beauty_column_top_left h2 {
  font-size: 20px;
  color: #c0bfbf;
  text-align: left;
  margin-bottom: 13px;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-beauty_column_top_left p {
  text-align: left;
}
.yoga-beauty_column_top_right {
  width: 1020px;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content {
  margin-left: 26px;
  margin-right: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #f3f3f3 solid 1px;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content h2 {
  font-size: 20px;
  text-align: left;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 20px;
  color: #007f86;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content a:hover h2 {
  text-decoration: underline;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content .yoga-beauty_column_top_content_img_thm {
  position: absolute;
  left: 0;
  top: 0;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content .yoga-beauty_column_top_content_menu_img {
  position: relative;
  width: 174px;
  height: 120px;
  float: left;
  margin-right: 20px;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content a:hover .yoga-beauty_column_top_content_menu_img {
  opacity: .6;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content .yoga-beauty_column_top_content_info:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content .yoga-beauty_column_top_content_info p {
  float: left;
  margin-right: 20px;
  line-height: 26px;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content .yoga-beauty_column_top_content_info p span.new {
    margin-left: 10px;
    color: #007f86;
    font-family: "Noto Serif Japanese", serif;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content .yoga-beauty_column_top_content_info img {
  float: left;
  margin-right: 13px;
  width: 100%;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content p.yoga-beauty_column_top_content_menu_des {
  width:765px;
  float: left;
  text-align: left;
  font-size: 15px;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content p.yoga-beauty_column_top_content_menu_next {
  width: 765px;
  float: left;
  text-align: left;
    color: #007f86;
    margin: 10px 0 0 0;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content {
  margin-left: 26px;
  margin-right: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #f3f3f3 solid 1px;
}
.yoga-beauty_column_top_right .yoga-beauty_column_top_content:last-child {
  border-bottom: none;
  margin-bottom: 120px;
}
.yoga-beauty-column-kiji-list li {
  margin-bottom: 75px;
}
.yoga-beauty-column-kiji-list li div {
  width: 484px;
  text-align: left;
  text-align: justify;
  text-justify: inter-ideograph;
}
.yoga-beauty-column-kiji-list li div h2 {
  font-size: 24px;
  color: #007f86;
  padding-bottom: 8px;
  border-bottom: 1px dotted #007f86;
  margin-bottom: 24px;
  font-family: "Noto Serif Japanese", serif;
  font-weight:normal;
}
.yoga-beauty-column-kiji-list li div p {
  font-size: 15px;
  margin-bottom: 0.7em;
  line-height: 1.8;
}
.yoga-beauty-column-kiji-list li:nth-child(odd) div {
  float: left;
}
.yoga-beauty-column-kiji-list li:nth-child(odd) img {
  float: right;
}
.yoga-beauty-column-kiji-list li:nth-child(even) div {
  float: right;
}
.yoga-beauty-column-kiji-list li:nth-child(even) img {
  float: left;
}
.yoga-ouchi_yoga_hero {
  margin-bottom: 30px;
  width:1020px;
}
.yoga-ouchi-block {
  width: 486px;
  text-align: left;
  margin-bottom: 40px;
}
.yoga-ouchi-block-left {
  float: left;
}
.yoga-ouchi-block-right {
  float: right;
}
.yoga-ouchi-block .yoga-ouchi-block-midashi {
  padding: 80px 0px 20px;
}
.yoga-ouchi-block-left .yoga-ouchi-block-midashi {
  background: url(/img/yoga-img/ouchi_yoga/illust01.png) right 0 bottom 6px no-repeat
}
.yoga-ouchi-block-right .yoga-ouchi-block-midashi {
  background: url(/img/yoga-img/ouchi_yoga/illust02.png) right bottom no-repeat;
}
.yoga-ouchi-block .yoga-ouchi-block-midashi div {
  border-bottom: 1px dotted #007f86;
  padding-bottom: 20px;
}
.yoga-ouchi-block .yoga-ouchi-block-midashi h2 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
  color: #007f86;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-ouchi-block .yoga-ouchi-block-midashi p {
  font-size: 15px;
}
.yoga-ouchi-block .yoga-ouchi-block-list li {
  border-bottom: 1px dotted #ddd;
}
.yoga-ouchi-block .yoga-ouchi-block-list li:last-child {
  border-bottom: none;
}
.yoga-ouchi-block .yoga-ouchi-block-list li a {
  display: table;
  width: 100%;
  padding: 20px 0;
}
.yoga-ouchi-block .yoga-ouchi-block-list li div {
  display: table-cell;
  vertical-align: middle;
}
.yoga-ouchi-block .yoga-ouchi-block-list li div.new:before {
  content:'NEW';
  color:#007880;
  font-size:15px;
  display: block;
  padding-left: 1px;
}
.yoga-ouchi-block .yoga-ouchi-block-list li div:first-child {
  font-size: 20px;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-ouchi-block .yoga-ouchi-block-list li div:first-child:after {
  content: '';
    border: 6px solid transparent;
    border-left: 9px solid #007880;
    position: absolute;
  line-height: 2.3;
  vertical-align: top;
  font-size: 13px;
  margin: 10px 0px 0px 5px;
}
.yoga-ouchi-block .yoga-ouchi-block-list li div:last-child {
  text-align: right;
}
.yoga-ouchi-kiji {
  margin-bottom: 40px;
}
.yoga-ouchi-kiji-midashi {
  border-bottom: 1px dotted #007f86;
  text-align: left;
  margin-bottom: 48px;
}
.yoga-ouchi-kiji-midashi h2 {
  font-size: 24px;
  font-family: "Noto Serif Japanese", serif;
  padding-bottom: 12px;
}
.yoga-ouchi-kiji-midashi h2 span {
  background: #007f86;
  color: #fff;
  font-size: 14px;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 5px;
  font-family: "Noto Sans Japanese";
  vertical-align: top;
  line-height: 1.8;
  margin-top: 3px;
  margin-right: 13px;
}
.yoga-ouchi-kiji-list li {
  width: 484px;
  text-align: left;
  text-align: justify;
  text-justify: inter-ideograph;
}
.yoga-ouchi-kiji-list li.yoga-ouchi-kiji-list-left {
  float: left;
}
.yoga-ouchi-kiji-list li.yoga-ouchi-kiji-list-right {
  float: right;
}
.yoga-ouchi-kiji-list li img {
  margin-bottom: 37px;
}
.yoga-recipe_hero {
  margin-bottom: 50px;
  width:1020px;
}
.yoga-recipe_top_left {
  width: 262px;
  float: left;
  border-right: 1px solid #f3f3f3;
}
.yoga-recipe_top_left p {
  text-align: left;
}
.yoga-recipe_top_left h2 {
  font-size: 20px;
  color: #c0bfbf;
  text-align: left;
  margin-bottom: 13px;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-recipe_top_left .yoga-left_content_inner {
  margin-bottom: 30px;
}
.yoga-recipe_top_left .yoga-recipe_category {
  width: 180px;
  padding: 16px 10px 16px 56px;
  margin-bottom: 3px;
}
.yoga-recipe_top_left .yoga-recipe_category p {
  color: #333333;
  position: relative;
}
.yoga-recipe_top_left .yoga-recipe_category p:after {
  content: "";
  font-size: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #007bff;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -3px;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-jitan {
  background: #faf6e2 url(/img/yoga-img/recipe/icon01.svg) 10px center no-repeat;
  background-size: 38px 38px;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-jitan p:after {
  border-color: transparent transparent transparent #edaa3f;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-20kara {
      background: #e6f0f6 url(/img/yoga-img/recipe/icon02.svg) 9px center no-repeat;
    background-size: 38px 38px;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-20kara p:after {
  border-color: transparent transparent transparent #5999bf;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-bihada {
      background: #faedf4 url(/img/yoga-img/recipe/icon03.svg) 13px center no-repeat;
    background-size: 29px 35px;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-bihada p:after {
  border-color: transparent transparent transparent #d97ead;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-karadano {
      background: #e7f7dd url(/img/yoga-img/recipe/icon04.svg) 11px center no-repeat;
    background-size: 33px 32px;
}
.yoga-recipe_top_left .yoga-recipe_category.yoga-karadano p:after {
  border-color: transparent transparent transparent #93b858;
}
.yoga-recipe_top_right {
  width: 757px;
  float: right;
}
.yoga-recipe_top_right .yoga-recipe_top_content_wrap {
  margin-left: 26px;
  margin-right: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #f3f3f3 solid 1px;
}
.yoga-recipe_top_right .yoga-recipe_top_content_wrap:last-child {
  border-bottom: none;
  margin-bottom: 120px;
}
.yoga-recipe_top_right .yoga-recipe_top_content a:hover {
  opacity: 1;
      text-decoration: none;
}
.yoga-recipe_top_right .yoga-recipe_top_content a:hover .yoga-recipe_top_content_menu_img {
  opacity: 0.6;
}
.yoga-recipe_top_right .yoga-recipe_top_content a:hover p.yoga-recipe_top_content_menu_next {
  text-decoration: underline;
}
.yoga-recipe_top_right h2 {
  font-size: 20px;
  color: #c0bfbf;
  text-align: left;
  margin-bottom: 13px;
  margin-left: 26px;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-recipe_top_right .yoga-recipe_top_content h3 {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 20px;
  font-family: "Noto Serif Japanese", serif;
  border-bottom: 1px dotted #007f86;
  padding-bottom: 12px;
}
.yoga-recipe_top_right .yoga-recipe_top_content h3 img {
  vertical-align: middle;
  margin-right: 14px;
}
.yoga-recipe_top_right .yoga-recipe_top_content h4 {
  font-size: 20px;
  text-align: left;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 20px;
  color: #007f86;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-recipe_top_right .yoga-recipe_top_content a:hover h4 {
  text-decoration: underline;
}
.yoga-recipe_top_right .yoga-recipe_top_content .yoga-recipe_top_content_menu_img {
  position: relative;
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 20px;
}
.yoga-recipe_top_right .yoga-recipe_top_content .yoga-recipe_top_content_img_thm {
  width: 100%;
}
.yoga-recipe_top_right .yoga-recipe_top_content p.yoga-recipe_top_content_menu_des {
  width: 550px;
  float: left;
  text-align: left;
  font-size: 15px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.yoga-recipe_top_right .yoga-recipe_top_content p.yoga-recipe_top_content_menu_next {
  width: 550px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  color: #007f86;
}
.yoga-recipe_top_content_info {
  margin-bottom: 0.5em;
  overflow: hidden;
  position: relative;
}
.yoga-recipe_top_content_info span.new {
  margin-left: 10px;
color: #007f86;
font-family: "Noto Serif Japanese", serif;
}
.yoga-recipe_top_content_info:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.yoga-recipe_top_content_info img {
  float: left;
  margin-right: 13px;
}
.yoga-recipe_top_content_info p {
  float: left;
  margin-right: 20px;
  line-height: 26px;
}
.yoga-recipe_category_thm {
  float: left;
  width: 111px;
  height: 26px;
  border-radius: 5px;
}
.yoga-recipe_category_thm p {
  color: #fff;
  margin-right: 0 !important;
  float: none !important;
  line-height: 26px;
}
.yoga-recipe_page_left {
  float: left;
  width: 398px;
}
.yoga-recipe_movie_area {
  width: 398px;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.yoga-recipe_movie_area iframe {
  position: absolute;
  left: -156px;
  top: 0;
}
.yoga-recipe_page_right {
  float: right;
  width: 515px;
}
.yoga-recipe_page_right h2 {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  margin: 0.5em 0;
}
.yoga-recipe_page_right p.yoga-recipe_top_content_menu_des {
  text-align: left;
  margin-bottom: 30px;
}
.yoga-recipe_page_right .yoga-recipe_category_thm {
  float: none;
}
.yoga-recipe_page_right ul li {
  text-align: left;
  line-height: 38px;
  border-bottom: 1px solid #e0e0e0;
}
.yoga-recipe_page_right ul li span {
  float: right;
}
.yoga-recipe_page_content_box {
  margin-bottom: 70px;
}
.yoga-recipe_page_play_box {
  position: relative;
}
.yoga-recipe_page_play_box .yoga-recipe_page_play_img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.yoga-recipe_sns {
  margin-top: 30px;
}
.yoga-recipe_sns ul {
  text-align: left;
  font-size: 0;
  overflow: hidden;
}
.yoga-recipe_sns li {
  display: inline-block;
  margin-right: 14px;
  overflow: hidden;
}
.yoga-recipe_sns a {
  display: block;
}
.yoga-bulk {
  background: #ff9711;
}
.yoga-diet {
  background: #d573c1;
}
.yoga-recovery {
  background: #86b731;
}
.yoga-b_skin {
  background: #f578b9;
}
.yoga-enteral {
  background: #967345;
}
.yoga-cut_solt {
  background: #57adae;
}
.yoga-recipe_page_content h3 {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 3px solid #c21632;
  margin-bottom: 25px;
  line-height: 1;
}
.yoga-recipe_page_content:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.yoga-recipe_page_content ul li.yoga-recipe_page_step {
  float: left;
  width: 309px;
  margin-right: 33px;
}
.yoga-recipe_page_content ul li.yoga-recipe_page_step:nth-child(3n) {
  margin-right: 0;
}
.yoga-recipe_page_content ul li.yoga-recipe_page_step p {
  text-align: left;
}
.yoga-recipe_kiji {
  padding-left: 26px;
  width: 730px;
  text-align: left;
  margin-bottom: 40px;
}
.yoga-recipe_kiji div.h2_wrap {
  display: table;
  min-height: 60px;
  margin-bottom: 20px;
}
.yoga-recipe_kiji_jitan div.h2_wrap {
  background: url(/img/yoga-img/recipe/icon01.svg) 0 center no-repeat;
  padding-left: 8%;
  width: 92%;
      background-size: 50px 50px;
}
.yoga-recipe_kiji_20kara div.h2_wrap {
  background: url(/img/yoga-img/recipe/icon02.svg) 10px center no-repeat;
  padding-left: 8%;
  width: 92%;
      background-size: 37px 51px;
}
.yoga-recipe_kiji_bihada div.h2_wrap {
  background: url(/img/yoga-img/recipe/icon03.svg) 10px center no-repeat;
  padding-left: 8%;
  width: 92%;
      background-size: 39px 48px;
}
.yoga-recipe_kiji_karadano div.h2_wrap {
  background: url(/img/yoga-img/recipe/icon04.svg) 0 center no-repeat;
  padding-left: 8%;
  width: 92%;
      background-size: 47px 46px;
}
.yoga-recipe_kiji div.h2_wrap h2 {
  color: #007f86;
  font-family: "Noto Serif Japanese", serif;
  margin-left: 0;
  display: table-cell;
  vertical-align: middle;
  width: 75%;
}
.yoga-recipe_kiji div.h2_wrap a {
  display: table-cell;
  vertical-align: bottom;
  width: 25%;
  text-align: right;
  color: #007f86;
  text-decoration: underline;
}
.yoga-recipe_kiji div.h2_wrap a:after {
  content: '▼';
}
.yoga-recipe_kiji p {
  font-size: 15px;
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
}
.yoga-recipe_second_block {
  font-size: 15pt;
}
.yoga-recipe_second_block_bar {
  float: right;
}
.yoga-recipe_second_block img {
  float: right;
  clear: both;
}
.yoga-img_left {
}
.yoga-img_left img {
  float: left;
  margin-right: 40px;
}
.yoga-img_right {
}
.yoga-img_right a {
  color:#007f86;
}
.yoga-inline_link {
  color: #007f86;
  }
.yoga-img_right img {
  float: right;
}
.mb40 {
  margin-bottom: 40px;
}
.yoga-recipe_hukidashi {
  /*padding: 66px 0 0;
  background: url(/img/yoga-img/recipe/hukidashi01.svg) 0 top no-repeat;
  margin-bottom: 46px;*/
}

.yoga-recipe_hukidashi_top {
      width: 100%;
    height: 66px;
    background: url(/img/yoga-img/recipe/hukidashi01.svg) 0 top no-repeat;
      background-size: 100% 66px;
  }
.yoga-recipe_hukidashi_bottom {
      background: url(/img/yoga-img/recipe/hukidashi02.svg) 0 bottom no-repeat;
     width: 100%;
    height: 34px;
    background-size: 100% 34px;
  margin-bottom:46px;
  }

.yoga-recipe_hukidashi p:first-child {
}
.yoga-recipe_hukidashi p:last-child {
  /*background: url(/img/yoga-img/recipe/hukidashi02.svg) 0 bottom no-repeat;*/
  padding: 0 20px 0;
}
.yoga-recipe_recipe_section {
  display: table;
  margin-bottom: 40px;
}
.yoga-recipe_recipe_section p {
  margin-bottom: 10px;
}
.yoga-recipe_recipe_section_left, .yoga-recipe_recipe_section_right {
  display: table-cell;
  vertical-align: top;
}
.yoga-recipe_recipe_section_right {
  padding-left: 40px;
}
.yoga-recipe_kiji p.yoga-recipe_recipe_section_futoji {
  font-family: "Noto Serif Japanese", serif;
  font-size: 20px;
}
.yoga-recipe_recipe_section ul {
  font-size: 15px;
}
.yoga-recipe_recipe_section_left ul {
  list-style: disc;
  padding-left: 2em;
      margin-bottom: 1.5em;
}
.yoga-recipe_recipe_section_left li {
  margin-bottom: 10px;
}
.yoga-recipe_recipe_section_right li {
  margin-bottom: 10px;
}
.yoga-recipe_recipe_section_right dl dt {
  font-family: "Noto Serif Japanese", serif;
  font-size: 20px;
  font-style: italic;
}
.yoga-recipe_right_kouan {
  background: #f3f3f3;
  border-radius: 3px;
  display: table;
  padding: 16px;
}
.yoga-recipe_right_kouan img {
  display: table-cell;
  vertical-align: top;
}
.yoga-recipe_right_kouan > div {
  display: table-cell;
  vertical-align: top;
  padding-left: 14px;
}
.yoga-recipe_right_kouan p {
  font-size: 14px;
}
.yoga-recipe_right_kouan p:first-child {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
}
.yoga-recipe_right_kouan p:first-child span {
  font-size: 18px;
  font-family: "Noto Serif Japanese", serif;
}
.yoga-recipe_right_other {
  background: #fafaf4;
  border-radius: 3px;
  display: table;
  padding: 16px;
  color: #007f86;
  margin-bottom: 20px;
}
.yoga-recipe_right_other .table {
  display: table;
}
.yoga-recipe_right_other .table > * {
  display: table-cell;
  vertical-align: top;
}
.yoga-recipe_right_other p {
  margin-bottom: 8px;
}
.yoga-recipe_right_other ul {
  list-style:disc;
  padding-left: 1em;
  font-size: 15px;
}
.yoga-recipe_right_other ul li {
  margin-bottom: 7px;
}
.yoga-recipe_right_other ul li span {
  color: #000;
}
#yoga-bnr_area {
  background: #f4f4f4;
  padding: 30px 0;
  min-width: 1020px;
}
#yoga-bnr_area ul {
  text-align: center;
  font-size: 0;
}
#yoga-bnr_area li {
  display: inline-block;
  margin: 0 7px;
}
#yoga-bnr_area a {
  display: block;
}
#yoga-bnr_area li img {
  width:312px;
  }
.yoga-button-prev a:after {
  content: '';
  background: url(/img/yoga-img/common/arrow_prev_off.png) 0 0 no-repeat;
  position: absolute;
  bottom: 31px;
  left: -17px;
}
.yoga-button-prev a:hover:after {
  background: url(/img/yoga-img/common/arrow_prev_on.png) 0 0 no-repeat;
}
/*上書き*/
.kengakutaiken_btnarea {
  padding-bottom: 45px;
}

.yoga-ichiran_top {
      font-size: 20px;
    color: #c0bfbf;
    text-align: left;
    margin-bottom: 13px;
    margin-left: 26px;
    font-family: "Noto Serif Japanese", serif;
}

.yoga-news_ttl {
  font-size: 27px;
    text-align: left;
    border-bottom: 1px dotted #007f86;
    color: #007f86;
    padding-bottom: 3px;
  font-family: "Noto Serif Japanese", serif;
  font-weight:normal;
  }
.important_news_page {
      display: table;
      width: 100%;
      padding: 40px 0;
      text-align: left;
  }
.important_news_page_archive {
  display: table-cell;
    text-align: left;
      width: 15%;
      display: none;
  }
.important_news_page_archive h3 {
  margin-bottom:6px;
  }
.important_news_page_archive ul li {
  margin-bottom:4px;
  }
.important_news_page_box {
  width: 100%;
      display: table-cell;
    text-align: left;
    /*padding-left: 50px;*/
    font-size: 17px;
      /*border-left: 1px solid #ededed;*/
  }
.important_news_page_box ul li {
      margin-bottom: 36px;
  }
.important_news_page_box ul li a {
  text-decoration:underline;
  }
.important_news_date {
  font-size:13px;
  color:#aaa;
  }
.important_news_page_box ul li p {
  font-size:15px;
  margin-top: 3px;
  }

.html5-video-player:not(.ytp-transparent), .html5-video-player.ad-interrupting, .html5-video-player.ended-mode {
    background-color:transparent;
}

#tenpo_joyfit .bx-wrapper .bx-next:hover {
    background-position: 0 0;
}

}

/*.search-pc { width: inherit; }*/ /*2020-03-22kato*/
/*.header .header-util .util-sub .util-sub-right { width: inherit; }*/

/*店舗下層ページ用*/
/*body.body-yoga input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { height: 1.6em !important; }
body.body-yoga input.gsc-input { padding-top: 0 !important; }
body.body-yoga .gsc-search-button:first-child { top: 0; }
body.body-yoga #gsc-i-id1 { font-size: 1em; }
body.body-yoga .gscb_a { line-height: 1; }
body.body-yoga .gsst_b { margin-top: -2px; }*/

}

/*2023/09/01 コラム下部ページボタン*/
.yoga-recipe_right_kouan img{width: 630px;}
.yoga-contents .pt20 img{ width: 100%; }
.yogaUnder_kengakutaiken{ max-width: 1180px; width: 90%; margin: 2em auto 100px;}
.yoga-button , .yoga-button-prev {width: 1020px; margin: 0px auto 40px;  position: relative;}
@media screen and (max-width: 640px){
  .yogaUnder_kengakutaiken { margin-top: 0;}
}