@charset "utf-8";

@font-face {
  font-family: 'Wide Latin Regular'; font-style: normal; font-weight: 100;
  src: url('../font/Wide Latin Regular.eot'),
  url('../font/Wide Latin Regular.woff') format('woff'),
  url('../font/Wide Latin Regular.ttf')  format('truetype');
  font-display: swap;
}

/* Common
------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, figcaption, figure, footer, header, main, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ul, li { list-style:none; }
button, a{
  outline: none;
  text-decoration: none;
}
a{
  cursor: pointer;
  display: block;
}
figure {
  line-height: 0;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

body {
  font-size: 14px;
  background: rgba(000,000,000,.0);
  line-height: 1.5;
  color: #000;
  font-family: 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
}
main {
  background: rgba(000,000,000,.0);
}
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
.sp{display: none !important;}
.flex_box {
  display: flex;
  flex-wrap: wrap;
}
.flex_box-Ycenter {
  align-items: center;
}
.flex_box-Xcenter {
  justify-content: center;
}
.flex_box-Xbothends {
  justify-content: space-between;
}
.white {
  color: #fff !important;
}
@media screen and (max-width:768px){
  .pc{display: none !important;}
  .sp{display: block !important;}
}

/* Header
------------------------------------------------------------*/
#headerWrap {
  width: 100%;
  height: 80px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 9999;
}
#menuWrap {
  width: 71px;
  height: 40px;
  padding: 20px 0;
  display: block;
  position: relative;
  top:12px;
  z-index: 1;
  cursor: pointer;
  border-radius: 50%;
  border: 4px solid transparent;
  transition: all .75s;
}
#menuWrap #menu::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  content: '';
  width: 70px;
  height: 70px;
  margin: -43px 0 0 -45px;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all .75s;
}

/*ハンバーガーボタン*/
#menuWrap span {
  width: 35px;
  height: 2px;
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  background: #000;
  position: absolute;
  top: 0;
  right: 30px;
}
#menuWrap span:nth-of-type(1){
  top: 0;
}
#menuWrap span:nth-of-type(2){
  width: 40px;
  top: 12px;
}
#menuWrap span:nth-of-type(3) {
  top: 25px;
}
/*ハンバーガ　「MENU」テキスト*/
#menuWrap .menuBtntext {
  font-weight: bold;
  position: absolute;
  right: -5px;
  top: 3px;
  transform: rotate(90deg);
}

/*jsクラス*/
.menuBtn_on01 span:nth-of-type(1) {
  background: #fff !important;
  -webkit-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.menuBtn_on01 span:nth-of-type(2) {
  left: 60%;
  opacity: 0;
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.menuBtn_on01 span:nth-of-type(3) {
  background: #fff !important;
  -webkit-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) rotate(45deg);
}
.menuBtn_on01 #menu::after {
  -webkit-animation: circle .4s .25s forwards;
  animation: circle .4s .25s forwards;
}
@-webkit-keyframes circle {
  0% {
    border-color: transparent;
    -webkit-transform: rotate(0);
  }
  25% {
    border-color: transparent #fff transparent transparent;
  }
  50% {
    border-color: transparent #fff #fff transparent;
  }
  75% {
    border-color: transparent #fff #fff #fff;
  }
  100% {
    border-color: #fff;
    -webkit-transform: rotate(-680deg);
  }
}
@keyframes circle {
  0% {
    border-color: transparent;
    transform: rotate(0);
  }
  25% {
    border-color: transparent #fff transparent transparent;
  }
  50% {
    border-color: transparent #fff #fff transparent;
  }
  75% {
    border-color: transparent #fff #fff #fff;
  }
  100% {
    border-color: #fff;
    transform: rotate(-680deg);
  }
}
.menuBtn_on01 .menuBtntext {
  right: 0px !important;
  top: 1px !important;
  color: #ffff;
}

/*メニュー*/
.panel {
  width: 100%;
  height: 100vh;
  background: rgba(000,000,000,.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all .75s;
  transform: translateX(0%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.panel ul {
  font-size: 30px;
  text-align: center;
  z-index: 2;
}
.panel ul li {
  margin: 10px 0;
}
.panel ul li:last-child {
  display: flex;
  justify-content: center;
}
.panel ul li:last-child a {
  margin: 5px;
}
.panel ul li a {
  color: #fff;
}
.panel.menu_off {
  transform: translateX(100%);
}
.panel ul li:hover .panel_ON{
  opacity: 1;
  transform: scale(1.1);
  transition: all .75s;
}
.panel_ON{
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all .75s;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.panel_ON:before{
  content: "";
  width: 100%;
  height: 100vh;
  background: #000 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
  opacity: 0.6 !important;
}

.panel ul li:hover .panel_ON01{
  background-image: url(../img/h_trainer.jpg);
}
.panel ul li:hover .panel_ON02{
  background-image: url(../img/h_schedule.jpg);
}
.panel ul li:hover .panel_ON03{
  background-image: url(../img/h_membership.jpg);
}
.panel ul li:hover .panel_ON04{
  background-image: url(../img/h_partnership.jpg);
}
.panel ul li:hover .panel_ON05{
  background-image: url(../img/h_faq.jpg);
}
/* Instagram */
.media-grid,ol,ul{list-style:none}
.media-grid{height:100%;width:100%;}
.media-grid:after,.media-grid:before{display:table;content:"";zoom:1}
.media-grid .media-list-item{float:left;position:relative}
.media-grid .media-list-item .media-image-wrapper{position:relative}
.media-grid .media-list-item .thumbnail{display:block;margin-bottom:0}
.media-grid .media-list-item .thumbnail.hover-fadeIn,.media-grid .media-list-item .thumbnail.hover-fadein{filter:alpha(Opacity=80);opacity:.8;transition:opacity .1s ease-in-out}
.media-grid .media-list-item .thumbnail.hover-fadeIn:hover,.media-grid .media-list-item .thumbnail.hover-fadein:hover{filter:alpha(enabled=false);opacity:1}
.media-grid .media-list-item .thumbnail.hover-fadeOut,.media-grid .media-list-item .thumbnail.hover-fadeout{filter:alpha(enabled=false);opacity:1;transition:opacity .1s ease-in-out}
.media-grid .media-list-item .thumbnail.hover-fadeOut:hover,.media-grid .media-list-item .thumbnail.hover-fadeout:hover{filter:alpha(Opacity=80);opacity:.8}
.media-grid .media-list-item .thumbnail.hover-zoomin{overflow:hidden}
.media-grid .media-list-item .thumbnail.hover-zoomin img{transition:transform 2s}
.media-grid .media-list-item .thumbnail.hover-zoomin:hover img{-ms-transform:scale(1.1);transform:scale(1.1)}
.media-grid .media-list-item .play-icon-small{color:#fff;position:absolute;right:7px;top:7px;text-shadow:rgba(0,0,0,.1) 1px 1px 1px;z-index:1;opacity:.95;font-size:22px}
@media(min-width:768px){
  .media-grid .media-list-item .play-icon-small{font-size:36px}
}
.media-grid .media-list-item.no-border .thumbnail{border:none;padding:0;border-radius:0}
.img-thumbnail,.thumbnail,body{background:0 0}
.thumbnail-wrapper{position:relative}
.thumbnail-wrapper .thumbnail{display:block;line-height:0;position:relative;width:100%;height:0;padding-bottom:100%!important;border-radius:0}
.thumbnail-wrapper .thumbnail .thumbnail-image{position:absolute;width:100%;height:100%}
.thumbnail-wrapper .thumbnail .thumbnail-image .object-fit{max-height:100%;width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover;"}
.media-image-wrapper:hover .caption-overlay,.media-image-wrapper:hover .share-overlay,.media-image-wrapper:hover .shoppable-overlay,.media-image-wrapper:hover .stats-overlay,.scrollarea .thumbnail-wrapper:hover .caption-overlay,.scrollarea .thumbnail-wrapper:hover .share-overlay,.scrollarea .thumbnail-wrapper:hover .shoppable-overlay,.scrollarea .thumbnail-wrapper:hover .stats-overlay,.share-overlay .icon:hover{opacity:1}
.widget-container.youtube-board-widget .thumbnail-wrapper .thumbnail,.widget-container.youtube-grid-widget .thumbnail-wrapper .thumbnail{padding-bottom:56.25%!important}
.widget-container.youtube-board-widget .thumbnail-wrapper .thumbnail .thumbnail-image .object-fit,.widget-container.youtube-grid-widget .thumbnail-wrapper .thumbnail .thumbnail-image .object-fit{height:auto}

/*jsクラス*/
.header_bg {
  background: rgba(999,999,999,.4);
}

@media only screen and (min-width: 769px){
  #menuWrap {
    margin: -10px -10px 0 0;
    right: -16px;
  }
}
@media only screen and (max-width: 768px){
  #menuWrap {
    top: 2px;
    right: -16px;
  }
}

/* Footer
------------------------------------------------------------*/

footer {
  width: 100%;
  padding: 50px 0 20px;
  background: transparent;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
footer:after {
  content: '';
  position: absolute;
  top: 34px;
  left: 0;
  width: 120%;
  height: 100%;
  margin: 3% -10% 0;
  background: #fff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}
footer ul {
  text-align: center;
}
footer ul a {
  color: #000;
  font-size: 20px;
  line-height: 2;
  display: block;
}

.footer_logo {
  width: 300px;
  margin: 0 auto;
}
.sns li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}
footer ul.footer_menu {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
footer ul.footer_menu li{
  width: 215px;
}
footer ul.footer_menu a {
  max-width: 215px;
  border-radius: 8px;
  margin: 10px auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
footer ul.footer_menu a img {
  width: 20px;
  margin-right: 10px;
}
footer ul.footer_menu a p{
  border-radius: 10px;
  overflow: hidden;
}
footer ul.sns a:hover {
  color: #333;
}
.sns a i:hover {
  color: #333;
  transform: scale(1.1);
  transition-duration: 0.3s;
}
.copyright {
  text-align: center;
  margin-top: 20px;
}

.btn_top {
  position: fixed;
  z-index: 500;
  bottom: 20px;
  right: 20px;
  display: none;
  text-align: center;
  cursor: pointer;
  color: #e60011;
  font-weight: bold;
}
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
      padding-right: 10px;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e60011;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
  padding-left: 7px;
  padding-right: 7px;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.kiyaku a{
  color: #000;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  -webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;       
transition: opacity 0.2s linear;
}
.kiyaku a:hover{
  opacity: 0.5;
}
@media only screen and (max-width: 768px){
  footer {
    padding: 30px 0;
  }
  footer:after {
    top: 20px;
  }
  .copyright {
    font-size: 3vw;
  }
}