@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0;padding:0;background: #f2f2f2;}
#wrap{ width:950px; margin:0 auto; }
#wrap #totp{position: fixed;bottom: 5px;right: 10px;z-index:999;}
/*----------------------------------------------------------------------------
 ***                                                           フォームボタン固定
----------------------------------------------------------------------------*/	
.form_fixed	.btnTotp{pointer-events: auto; opacity: 1;bottom: 100px; height: 50px; position: fixed; right: 20px;transition: opacity .4s ease-in; width: 50px; z-index: 99;}
.form_fixed	.buttonBox a{border: 1px solid #1a1a1a; background-color: #1a1a1a; border-radius: 100vw; display: block; height: 100%; width: 100%; position: relative;}
.form_fixed	.buttonBox a::before{border-left: 1px solid #fff; border-top: 1px solid #fff; content: ""; display: inline-block; height: 10px; left: 50%; margin-top: 3px; top: 50%; transform: translate(-50%, -50%) rotate(45deg); position: absolute; width: 10px;}
#sincloBanner{position: fixed; right: 0px; bottom: 0px; height: 37.36842105263158px; box-shadow: 0px 0px 12.456140350877194px 12.456140350877194px rgba(0, 0, 0, 0.1); border-radius: 18.68421052631579px 18.68421052631579px 18.68421052631579px 18.68421052631579px; z-index: 1; width: fit-content !important; background-color: #19c919; color: #FFFFFF; margin: auto; opacity: 0.9; cursor: pointer;}
#sincloBannerText{display: flex; justify-content: center; align-items: center; height: 100%; width: auto !important; margin: 0 5px;}
#bannerIcon{width: 27px; height: 27px; opacity: 1; margin: 0px 6.228070175438597px; position: static;}
.bannertext{color: #FFFFFF; font-size: 14px; vertical-align: middle; margin-right: 6.228070175438597px; cursor: pointer; font-weight: bold;}
/*----------------------------------------------------------------------------
 ***                                                                   Header
----------------------------------------------------------------------------*/
#headerArea{ position:relative; height:115px; }
#headerAreaInner{background: #fff; padding: 10px 0 6px;}
#headerAreaInBox{width:960px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;position: relative;}
#headerLink{ width:742px; padding-top:8px; }
#headerLink ul{ text-align:right; padding-top:8px; }
#headerLink li{ display:inline; }
#headerArea h1{}
#headerArea h1 .ttlImg{position:relative; z-index:1;}
#headerAreaLogo .ttlTxt {font-size: 12px;color: #333333;font-weight: normal;position: absolute;top: -32px;line-height: 1.6;margin: 0;padding: 0;}
#headerAreaLogo .ttlSub {position: absolute;top: -32px;right: 0;color: #01b8cc;font-size: 12px;text-align: right;width: 400px;line-height: 1.6;margin: 0;padding: 0;}
#headerTxt{ width: 230px; height: 51px; position: absolute; left: 444px; top: 11px; }
#sapriBar{ position:absolute; left:542px; top:44px; }
#headerTxt p{ margin:0; padding:0;}
#hNavi{ width:205px; position: fixed; z-index: 999; top:0; margin-left:750px;}
#hNavi li{float:left; vertical-align:middle; line-height:5px;}
#headerTop{ position: fixed; z-index: 999; top:28px; margin-left:700px;}

#headerLinkInner{
    padding: 0 0 4px;
}
#headerLinkInner ul{text-align:right;padding-top: 0px;}
#headerLinkInner li{display: block;}
#headerLinkInner .listBox{display: flex;justify-content: space-between;align-items: center;}
#headerLinkInner .listBox li{padding: 0 0 0;margin-left: 0.5em;}
#headerLinkInner .listBox li a{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*----------------------------------------------------------------------------
 ***                                                           Header - gNavi
----------------------------------------------------------------------------*/
/*----- ★新TOP -----*/
#navAreaInner{
    width: 960px;
    margin: 10px auto 10px;
    position: relative;
}
#navAreaInner .listBox{display:flex;justify-content:space-between;align-items: center;background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
#navAreaInner .listBox li{width: calc(100% / 5);}
#navAreaInner .listBox a{display:block;color: #4d4d4d;font-weight: bold;font-size: 14px;padding: 0.9em 0.5em 0.9em;text-align:center;width:100%;position:relative;box-sizing: border-box;text-decoration: none;}
#navAreaInner .listBox a:before{content:"";display:block;width: 1px;height: 2em;background: #c8c8c8;position:absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
#navAreaInner .listBox .listItem05 a{padding-left: calc(0.5em + 17px);background: url("../img/common/gnav_contents01.png") no-repeat center left 45px / 17px auto, #0CBAB9; color: #fff;}
#navAreaInner .listBox .listItem05 a:before{display:none;}

/*----------------------------------------------------------------------------
 ***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{width: 960px;margin: 10px auto 10px;}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
#leftBox{float:left;}

#a8sales img{width:0; height:0;}

/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection{float:right;width: 190px;}
#rightFd{ margin:-9px 0 10px 0; padding:0;}
#rightFd2{ margin:-7px 0 10px 0;}

/*----------------------------------------------------------------------------
 ***                                                                   footer
----------------------------------------------------------------------------*/
#footerAreaLogo{ float:left;}
#footerAreaLogo li{ display:inline; padding-left:20px; font-size:12px;}
#footerCopyright{ float:right;}

/*----------------------------------------------------------------------------
 ***                                                                  PageTop
----------------------------------------------------------------------------*/
.pagetop{ text-align: right; margin-top: 5px; margin-bottom: 10px; clear: both; }

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ width:950px; }
#breadcrumbArea li{ float:left; font-size:12px; }
#breadcrumbArea li a{ display:block; background:url(../common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}
.attenC{font-size:10px; padding:10px 0 0 0; clear:both; color:#777;}

/*----------------------------------------------------------------------------
 ***                                                                  section
----------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0; padding:0;}
#wrap{width:100%; margin:0 auto;}

.wt90{width:90%; margin:0 auto;}

/*----------------------------------------------------------------------------
 ***                                                           フォームボタン固定
----------------------------------------------------------------------------*/	
.form_fixed{border-radius: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) 0 0; background-color: #fff; box-shadow: 0 calc(-8 / 750 * 100vw) calc(10 / 750 * 100vw) 0 rgba(0, 0, 0, .1); bottom: 0; left: 0; padding: calc(20 / 750 * 100vw); transition: opacity .1s linear 0s; position: fixed; width: 100%; z-index: 9;}
.form_fixed	.btnTotp{bottom: calc(150 / 750 * 100vw); height: calc(50 / 750 * 100vw); right: calc(30 / 750 * 100vw); width: calc(50 / 750 * 100vw); pointer-events: auto; z-index: 99; opacity: 1; transition: opacity .4s ease-in; position: fixed;}
.form_fixed	.buttonBox a{border: 1px solid #1a1a1a; background-color: #1a1a1a; border-radius: 100vw; display: block; height: 100%; width: 100%; position: relative;}
.form_fixed	.buttonBox a::before{height: calc(12 / 750 * 100vw); margin-top: calc(2 / 750 * 100vw); width: calc(12 / 750 * 100vw);transform: translate(-50%, -50%) rotate(45deg); position: absolute; top: 50%; left: 50%; border-left: 1px solid #fff; border-top: 1px solid #fff; content: ""; display: inline-block;}
.form_fixed	.linkBtnArea{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;}
.form_fixed	.linkBtnArea .pink a{display: block; font-size: 3.12907vw; padding: calc(22 / 750 * 100vw) calc(50 / 750 * 100vw); width: calc(310 / 750 * 100vw); box-shadow: 0 calc(3 / 750 * 100vw) calc(6 / 750 * 100vw) rgba(0, 0, 0, .1); border-radius: 0; -webkit-box-align: center; align-items: center; background-color: #e56e9f; border: 1px solid #e56e9f; color: #fff; font-weight: 700; -webkit-box-pack: center; line-height: 1; white-space: nowrap;}
#sincloBanner{position: fixed; border-radius: 0; box-shadow: 0 calc(3 / 750 * 100vw) calc(6 / 750 * 100vw) rgba(0, 0, 0, .1) !important; bottom: calc(20 / 750 * 100vw) !important; height: calc(70 / 750 * 100vw) !important; right: calc(20 / 750 * 100vw) !important; width: calc(390 / 750 * 100vw) !important; z-index: 10;}
.bannertext{font-size: calc(24 / 750 * 100vw) !important; font-weight: 700;}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
header{background:#fff;margin:0;padding:0;position:sticky;top:-40px;border-bottom:#CCC 1px solid;z-index:9999;margin-bottom:0;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
#headerArea{height: auto; /*box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 40%); */position: fixed; top: 0;}
#headerAreaLogo{float:left; width: 55%; margin: 0% 0 0% 3% !important;}
#headerAreaLogo h1 img{display:block;}
#headerAreaLogo .ttlTxt {font-size: 12px;color: #333333;font-weight: bold;position: absolute;top: 3px;width: 100%;text-align: center;left:0;line-height: 1.6;}
#headerAreaLogo .ttlSub {position: absolute;top: 18px;color: #01b8cc;font-size: 12px;text-align: center;width: 100%;font-weight: bold;left:0;line-height: 1.6;margin: 0;}
#headerLink{float:left; width:20%; margin:2% 1% 2% 2%;}
#headerLink li{display:inline-block; width:100%;}
#headerArea .menu{float:right;margin-top: 0%;margin-bottom: 0;width: 13%;}
#headerArea #menuBtn.menu{padding-top:0;margin-top: 0%!important;width:15%;}
#headerShadowBox{margin:0; padding:0; width:100%; height:1px; position:fixed; top:56.25px; z-index:2; -webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4); box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4);}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
/*----- ★新TOP -----*/
#headerAreaInner{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}

#navAreaInner{background:#fff;position:relative;z-index:3; width: 100%; margin: 0; padding-top: calc(100 / 750 * 100vw);}
#navAreaInner .listBox{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border-radius: 0; box-shadow: none;}
#navAreaInner .listBox li{width:calc(100% / 3);}
#navAreaInner .listBox li:not(:last-child){border-right:1px solid #ccc;}
#navAreaInner .listBox a{display: block;color: #4d4d4d;font-weight: bold;font-size: 16px;padding: 0.7em 0.5em 0.7em;text-align: center;width: 100%;position: relative;box-sizing: border-box;text-decoration: none;}
#navAreaInner .listBox a:before{content:""; display:none; width:8px; height:8px; position:absolute; bottom:0.3em; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); background:url(/images/top_202102/nav_arrow01.png) no-repeat center/cover;}
#navAreaInner .listBox .listItem_store{padding-left: 1em;background: url("../img/common/gnav_contents01.png") no-repeat top 48% left 0.7em / 1em auto, #0CBAB9;}
	#navAreaInner .listBox .listItem_store a{color: #fff;}
	
.landscape #navAreaInner{width: 65%;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{ width: 100%; margin: 0; }
#contentsAreaInner{;}
.landscape #contentsArea{width: 65%;float: left;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width:100%;}
.mainSectionInner{position:relative;}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{;}
#footerArea{padding: 0 0%;/* margin-top:7%; */border-top:1px solid #ccc;background:#FFF;}
#footerAreaLink{;}
#footerAreaInner{padding: 1em 5%;}
#footerAreaLogo li{display:inline-block; font-size:100%; text-align:center;}
.topPage #footerCopyright{margin-top:10px;}


#footerArea .tAlignL{text-align:left;}
#footerArea .tAlignC{text-align:center;}
#footerArea .tAlignR{text-align:right;}


/*----------------------------------------------------------------------------
***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0;padding:0;background: #f2f2f2;}
#wrap #headerArea #totp{position:fixed; bottom:0; right:0; z-index:999; width:55px; display:none!important;}


/*----------------------------------------------------------------------------
***                                                                   Header
----------------------------------------------------------------------------*/
#headerTxt{width:230px; height:51px; position:absolute; left:444px; top:11px;}
#sapriBar{position:absolute; left:542px; top:44px;}
#headerTxt p{margin:0; padding:0;}
#hNavi{width:205px; position:fixed; z-index:999; top:0; margin-left:750px;}
#hNavi li{float:left; vertical-align:middle; line-height:5px;}
#headerTop{position:fixed; z-index:999; top:28px; margin-left:700px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ヘッダー */
.l-header.js-header{left: 0; position: fixed; top: 0; width: 100%; z-index: 1000000;}
.l-header .l-header__inner{background: #fff; padding: 10px 40px;}
.l-header .blackBox{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; position: relative;}
.l-header .l-header-logo{position: relative; z-index: 3;}
.l-header .l-header-logo__img-img{width: 200px;}
.l-header .l-header-logo__txt{font-size: 0.9rem; line-height: 1.25; display: block; color: #c9a67f;}
.l-header .l-header__btnBox{display: flex; justify-content: space-between; align-items: center; width: 450px;}
.l-header .l-header__btnBox .btn{text-align: center; line-height: 1.1; width: 49%;}
.l-header .l-header__btnBox .btn a{color: #fff; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; width: 100%;  padding: 0.5em 0; gap: 0.3em; font-size: 100%; height: 50px;}
.l-header .l-header__btnBox .btn a.blue{background: #129fd6;}
.l-header .l-header__btnBox .btn a.pink{background: #ec365b;}
.l-header .l-header__btnBox .btn a.pink span{text-align: left;}
.l-header .l-header__btnBox .btn a.pink span .small{display: block; font-size: 80%;}
.l-header .l-header__btnBox .btn a.blue::before{content: ""; display: inline-block; width: 26px; height: 30px; background-image: url(/assets/img/top/icon_map02.png); background-size: contain; background-repeat: no-repeat;}
.l-header .l-header__btnBox .btn a.pink::before{content: ""; display: inline-block; width: 38px; height: 38px; background-image: url(/assets/img/top/icon_taiken01.png);  background-size: contain; background-repeat: no-repeat;}
.l-header .l-header__nav{background: #fff;}
.l-header .l-header__nav .l-nav{display: flex; justify-content: space-between; align-items: center; border-radius: 10px; width: 1000px; margin: 0 auto; flex-wrap: nowrap;}
.l-header .l-header__nav .l-nav .l-nav__item{width: calc(100% / 4);}
.l-header .l-header__nav .l-nav .l-nav__item a{display: block;color: #333;font-weight: bold;font-size: 16px;padding: 0.9em 0.5em 0.9em;text-align: center;width: 100%;position: relative;box-sizing: border-box;text-decoration: none;height: auto;}
.l-header .l-header__nav .l-nav .l-nav__item a::before{content: ""; display: block; width: 1px; height: 1.3em; background: #d3d3d3; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%);}
.l-header .l-header__nav .l-nav .l-nav__item.bordernone a::before{display: none;}
.l-header .l-main{margin: 105px auto 0;}
.l-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000
}

@media screen and (max-width:767px) {
    .l-header {
        border-radius: 6px;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
        box-shadow: none;
        left: calc(20/750*100vw);
        padding-left: calc(30/750*100vw);
        padding-right: calc(20/750*100vw);
        top: calc(20/750*100vw);
        width: calc(710/750*100vw)
    }
}

@media print,
screen and (min-width:768px) {
    .l-header.is-scroll {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
    }
}

@media screen and (max-width:767px) {
    .p-index .l-header {
		border-radius: 0;
    }
}



.l-header__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (min-width:768px) {
    .l-header__inner {
        /*height: 65px;*/
        margin-left: auto;
        margin-right: auto;
        min-width: 1200px;
        padding-left: 40px;
        padding-right: 40px;
        position: relative
    }
}

@media screen and (max-width:767px) {
	.l-header .l-header__inner{padding: 10px 0px;}
    .l-header__inner {
        height: calc(100/750*100vw);
    }
}

.l-header__menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-header-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3
}

.l-header-logo__img {
    margin-right: 12px
}


@media print,
screen and (min-width:768px) {
    .l-header-logo__img-img {
        width: 78px;
    }
}

@media screen and (max-width:767px) {
    .l-header-logo__img-img {
        width: calc(132/750*100vw);
    }
}

.l-header-logo__txt {
    font-size: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25
}

@media screen and (max-width:767px) {
    .l-header-logo__txt {
        font-size: 8.5px;
        font-size: 3.37vw;
    }
}

@media print,
screen and (min-width:768px) {
    .l-header-logo__txt-img {
        width: 82px
    }
}

@media screen and (max-width:767px) {
    .l-header-logo__txt-img {
        width: calc(116/750*100vw)
    }
}

@media screen and (max-width:767px) {
    .l-header-tel {
        line-height: 1
    }
}

.l-header-tel__num {
    display: block;
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    line-height: 1
}

.l-header-tel__num:before {
    background-image: url(/workout/assets/img/common/icn_tel.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 11px;
    margin-right: 3px;
    vertical-align: middle;
    width: 18px
}

.l-header-tel__txt {
    display: block;
    font-size: 10px;
    font-size: .66667rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    margin-top: 6px
}

.l-header-tel__txt-num {
    font-size: 11px;
    font-size: .73333rem;
    font-family: Roboto, sans-serif
}

@media screen and (max-width:767px) {
    .l-header-tel__btn {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #c9a67f;
        border-radius: 100vh;
        color: #fff;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 13px;
        font-size: 3.38983vw;
        height: calc(46/750*100vw);
        padding: calc(4/750*100vw) calc(24/750*100vw)
    }
}

.l-main {
    background-color: #fff
}

@media print,
screen and (min-width:768px) {
    .l-main {
        margin-left: auto;
        margin-right: auto;
        padding-top: 115px
    }
}

@media screen and (max-width:767px) {
    .l-main {
        padding-top: calc(100/750*100vw);
    }
}

@media screen and (max-width:767px) {
    .p-index .l-main {
        padding-top: 0
    }
}

@media print,
screen and (min-width:768px) {
    .l-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.l-menu:after {
    background-color: #fff;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
    transition: all .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    visibility: hidden;
    z-index: 2
}

@media screen and (max-width:767px) {
    .l-menu:after {
        left: calc(20/750*100vw);
        top: calc(20/750*100vw);
        width: calc(710/750*100vw);
        height: calc(80/750*100vw)
    }
}

.l-menu.is-open:after {
    opacity: 1;
    visibility: visible
}

.l-menu:before {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
    transition: all .3s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    visibility: hidden;
    z-index: 1
}

.l-menu.is-open:before {
    opacity: 1;
    visibility: visible
}

.l-menu__contents {
    background-color: #fff;
    width: 100%;
    left: 0;
    overflow: auto;
    opacity: 0;
    position: fixed;
    pointer-events: none;
    top: 0;
    -webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1), visibility .4s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .4s cubic-bezier(.23, 1, .32, 1), visibility .4s cubic-bezier(.23, 1, .32, 1);
    visibility: hidden;
    z-index: 2
}

@media screen and (max-width:767px) {
    .l-menu__contents {
        height: 100vh
    }
	.l-menu__contents div{color: #000;}
	.l-menu__contents a{color: #000;}
}

.is-open .l-menu__contents {
    opacity: 1;
    pointer-events: visible;
    -webkit-transition: opacity .5s cubic-bezier(.23, 1, .32, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    visibility: visible;
}

.l-menu__inner {
    position: relative
}

@media print,
screen and (min-width:768px) {
    .l-menu__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 60px;
        padding: 60px 54px
    }
}

@media screen and (max-width:767px) {
    .l-menu__inner {
        margin-top: calc(100/750*100vw);
        padding: calc(80/750*100vw) 0 calc(230/750*100vw) 0
    }
}

@media screen and (max-width:767px) {
    .l-menu__box {
        display: none
    }
}

@media print,
screen and (min-width:768px) {
    .l-menu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:767px) {
    .l-menu__link {
        padding: 0 calc(30/750*100vw)
    }
}

@media print,
screen and (min-width:768px) {
    .l-menu__link-item:not(:first-child) {
        margin-left: 60px
    }
}

@media screen and (max-width:767px) {
    .l-menu__link-item:not(:first-child) {
        margin-top: calc(50/750*100vw)
    }
}

.l-menu-btn {
    background: #fff;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    display: block;
    height: 40px;
    overflow: visible;
    padding: 11px;
    position: relative;
    width: 40px;
    z-index: 3
}

@media print,
screen and (min-width:768px) {
    .l-menu-btn {
        margin-left: 20px
    }
}

@media screen and (max-width:767px) {
    .l-menu-btn {
        height: calc(66/750*100vw);
        margin-left: calc(20/750*100vw);
        padding: calc(12/750*100vw);
        width: calc(66/750*100vw)
    }
}

.is-open .l-menu-btn {
    border: 1px solid #fff
}

@media screen and (max-width:767px) {
    .is-open .l-menu-btn {
        border: none
    }
}

.is-open .l-menu-btn:before {
    content: "CLOSE";
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-size: .8rem;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    left: -48px;
    line-height: 1;
    position: absolute;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    .is-open .l-menu-btn:before {
        font-size: 11px;
        font-size: 2.86832vw;
        left: calc(-88/750*100vw)
    }
}

.l-menu-btn__inner {
    position: relative;
    display: block;
    width: 100%;
    height: 12px
}

@media screen and (max-width:767px) {
    .l-menu-btn__inner {
        height: calc(17/750*100vw);
        top: calc(-2/750*100vw)
    }
}

@media screen and (max-width:767px) {
    .is-open .l-menu-btn__inner {
        top: 0
    }
}

.l-menu-btn__item {
    background-color: #000;
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    left: 0
}

@media screen and (max-width:767px) {
    .l-menu-btn__item {
        height: calc(3/750*100vw);
        width: calc(40/750*100vw)
    }
}

.is-open .l-menu-btn__item:nth-child(1) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.l-menu-btn__item:nth-child(2) {
    top: 50%
}

.is-open .l-menu-btn__item:nth-child(2) {
    display: none
}

.l-menu-btn__item:nth-child(3) {
    top: 100%
}

.is-open .l-menu-btn__item:nth-child(3) {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

@media print,
screen and (min-width:768px) {
    .l-header-btn-link {
        margin-bottom: 50px
    }
}

@media screen and (max-width:767px) {
    .l-header-btn-link {
        margin-left: auto;
        margin-right: auto;
        width: calc(580/750*100vw)
    }
}

@media screen and (max-width:767px) {
    .l-header-btn-link__num {
        font-size: 16px;
        font-size: 4.1721vw;
        font-family: Roboto, sans-serif
    }
}

@media screen and (max-width:767px) {
    .l-header-btn-link__txt {
        font-size: 12px;
        font-size: 3.12907vw;
        font-weight: 400
    }
}

.l-header-btn-link .m-btn {
    font-size: 12px;
    font-size: .8rem;
    width: 100%;
    padding: 7px
}

@media screen and (max-width:767px) {
    .l-header-btn-link .m-btn {
        font-size: 14px;
        font-size: 3.65059vw;
        padding: calc(22/750*100vw)
    }
}

.l-header-btn-link__item:not(:first-child) {
    margin-top: 12px
}

@media screen and (max-width:767px) {
    .l-header-btn-link__item:not(:first-child) {
        margin-top: calc(30/750*100vw)
    }
}

@media print,
screen and (min-width:768px) {
    .l-menu-tel {
        margin-bottom: 50px
    }
}

@media screen and (max-width:767px) {
    .l-menu-tel {
        display: none
    }
}

.l-menu-tel__ttl {
    font-size: 12px;
    font-size: .8rem;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .l-menu-tel__ttl {
        font-size: 12px;
        font-size: 3.12907vw
    }
}

.l-menu-tel__txt {
    font-size: 13px;
    font-size: .86667rem
}

@media screen and (max-width:767px) {
    .l-menu-tel__txt {
        font-size: 12px;
        font-size: 3.12907vw
    }
}

.l-menu-tel__num {
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: Roboto, sans-serif
}

@media screen and (max-width:767px) {
    .l-menu-tel__num {
        font-size: 12px;
        font-size: 3.12907vw
    }
}

.l-menu-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767px) {
    .l-menu-sns {
        border-top: 1px solid #e5e5e5;
        bottom: 0;
        position: absolute;
        padding: calc(70/750*100vw) calc(30/750*100vw) 0 calc(30/750*100vw);
        width: 100%;
        z-index: 1
    }
}

.l-menu-sns__item:not(:first-child) {
    margin-left: 40px
}

@media screen and (max-width:767px) {
    .l-menu-sns__item:not(:first-child) {
        margin-left: calc(110/750*100vw)
    }
}

.l-menu-sns__ttl {
    font-size: 12px;
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .l-menu-sns__ttl {
        font-size: 13px;
        font-size: 3.38983vw;
        margin-bottom: calc(20/750*100vw)
    }
}

.l-menu-sns-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-menu-sns-list__item:not(:first-child) {

    margin-left: 18px
}

@media screen and (max-width:767px) {
    .l-menu-sns-list__item:not(:first-child) {
        margin-left: calc(50/750*100vw)
    }
}

.l-menu-sns-list__img {
    width: 22px
}

@media screen and (max-width:767px) {
    .l-menu-sns-list__img {
        width: calc(44/750*100vw)
    }
}

.l-menu-sns-list__link {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    width: 22px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    .l-menu-sns-list__link {
        height: calc(44/750*100vw);
        width: calc(44/750*100vw)
    }
}

.l-menu-sns-list__link--facebook {
    background-image: url(/workout/assets/img/common/icn_facebook.svg)
}

.l-menu-sns-list__link--facebook:hover {
    background-image: url(/workout/assets/img/common/icn_facebook--on.svg)
}

.l-menu-sns-list__link--instagram {
    background-image: url(/workout/assets/img/common/icn_instagram.svg)
}

.l-menu-sns-list__link--instagram:hover {
    background-image: url(/workout/assets/img/common/icn_instagram--on.svg)
}

.l-menu-sns-list__link--youtube {
    background-image: url(/workout/assets/img/common/icn_youtube.svg)
}

.l-menu-sns-list__link--youtube:hover {
    background-image: url(/workout/assets/img/common/icn_youtube--on.svg)
}

.l-menu-link__item {
    font-size: 15px;
    font-size: 1rem;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .l-menu-link__item {
        font-size: 13px;
        font-size: 3.38983vw
    }
}

@media print,
screen and (min-width:768px) {
    .l-menu-link__item:not(:first-child) {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    .l-menu-link__item:not(:first-child) {
        margin-top: calc(50/750*100vw)
    }
}

@media screen and (max-width:767px) {
    .l-menu-link__link {
        display: block;
        position: relative
    }
}

@media screen and (max-width:767px) {
    .l-menu-link__link:before {
        content: "";
        display: block;
        border-top: 1px solid #000;
        position: absolute;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        width: calc(14/750*100vw);
        z-index: 2
    }
}

@media screen and (max-width:767px) {
    .l-menu-link__link:after {
        content: "";
        display: block;
        border-top: 1px solid #000;
        right: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        -webkit-transition: -webkit-transform .2s ease-in;
        transition: -webkit-transform .2s ease-in;
        transition: transform .2s ease-in;
        transition: transform .2s ease-in, -webkit-transform .2s ease-in;
        width: calc(14/750*100vw);
        z-index: 2
    }
}

@media screen and (max-width:767px) {
    .l-menu-link__link.is-open:after {
        -webkit-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0)
    }
}

@media screen and (max-width:767px) {
    a.l-menu-link__link:before {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        height: calc(10/750*100vw);
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        width: calc(10/750*100vw)
    }
}

@media screen and (max-width:767px) {
    a.l-menu-link__link:after {
        content: none
    }
}

@media print,
screen and (min-width:768px) {
    a.l-menu-link__link--external {
        position: relative;
        margin-right: 20px
    }
}

a.l-menu-link__link--external:before {
    background-image: url(/workout/assets/img/common/icn_external.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    border: none;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    width: 10px;
    z-index: 1
}

@media screen and (max-width:767px) {
    a.l-menu-link__link--external:before {
        background-size: calc(16/750*100vw) calc(16/750*100vw);
        height: calc(16/750*100vw);
        right: 0;
        width: calc(16/750*100vw)
    }
}

.l-menu-link-lv2 {
    display: none;
    margin-top: 20px
}

@media print,
screen and (min-width:768px) {
    .l-menu-link-lv2 {
        display: block !important
    }
}

@media screen and (max-width:767px) {
    .l-menu-link-lv2 {
        margin-top: calc(40/750*100vw)
    }
}

.l-menu-link-lv2__item {
    font-size: 12px;
    font-size: .8rem;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .l-menu-link-lv2__item {
        font-size: 12px;
        font-size: 3.12907vw
    }
}

@media print,
screen and (min-width:768px) {
    .l-menu-link-lv2__item:not(:first-child) {
        margin-top: 8px
    }
}

@media screen and (max-width:767px) {
    .l-menu-link-lv2__item:not(:first-child) {
        margin-top: calc(30/750*100vw)
    }
}

@media screen and (max-width:767px) {
    .l-menu-link-lv2__link {
        display: block
    }
}

.l-menu-link-lv3 {
    margin-top: 10px
}

@media screen and (max-width:767px) {
    .l-menu-link-lv3 {
        margin-top: calc(30/750*100vw)
    }
}

.l-menu-link-lv3__item {
    font-size: 12px;
    font-size: .8rem;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .l-menu-link-lv3__item {
        font-size: 12px;
        font-size: 3.12907vw
    }
}

@media print,
screen and (min-width:768px) {
    .l-menu-link-lv3__item:not(:first-child) {
        margin-top: 5px
    }
}

@media screen and (max-width:767px) {
    .l-menu-link-lv3__item:not(:first-child) {
        margin-top: calc(20/750*100vw)
    }
}

.l-menu-link-lv3__link {
    margin-left: 12px;
    position: relative
}

@media screen and (max-width:767px) {
    .l-menu-link-lv3__link {
        display: block;
        margin-left: calc(24/750*100vw)
    }
}

.l-menu-link-lv3__link:before {
    border-top: 1px solid #c9a67f;
    content: "";
    display: inline-block;
    left: -12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    z-index: 1
}

@media screen and (max-width:767px) {
    .l-menu-link-lv3__link:before {
        left: calc(-24/750*100vw);
        width: calc(8/750*100vw)
    }
}

.l-menu-link-store {
    overflow: hidden;
    display: none
}

@media print,
screen and (min-width:768px) {
    .l-menu-link-store {
        display: block !important
    }
}

.l-menu-link-store__link {
    font-weight: 400
}

@media print,
screen and (min-width:768px) {
    .l-menu-link-store__link {
        display: none
    }
}

@media screen and (max-width:767px) {
    .l-menu-link-store__link {
        display: block;
        font-size: 12px;
        font-size: 3.12907vw;
        margin-top: calc(40/750*100vw)
    }
}

.l-menu-link-store-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: 10px
}

@media print,
screen and (min-width:768px) {
    .l-menu-link-store-list {
        width: 210px
    }
}

@media screen and (max-width:767px) {
    .l-menu-link-store-list {
        /*margin-left: calc(-60/750*100vw);*/
        margin-top: calc(10/750*100vw)
    }
}

.l-menu-link-store-list__item {
    font-size: 12px;
    font-size: .8rem;
    font-weight: 400;
    position: relative;
    margin-left: 10px;
    margin-top: 10px
}

@media screen and (max-width:767px) {
    .l-menu-link-store-list__item {
        font-size: 12px;
        font-size: 3.12907vw;
        margin-left: calc(60/750*100vw);
        margin-top: calc(30/750*100vw)
    }
}
.l-menu-link-store-list__item:before {
    border-left: 1px solid #fff;
    content: "";
    display: block;
    left: -6px;
    height: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:767px) {
    .l-menu-link-store-list__item:before {
        font-size: 12px;
        font-size: 3.12907vw;
        left: calc(-30/750*100vw);
        height: calc(22/750*100vw)
    }
}

@media print,
screen and (min-width:768px) {
    .l-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 900px
    }
}

@media screen and (max-width:767px) {
    .l-nav {
        display: none
    }
}

@media print,
screen and (min-width:768px) {
    .l-nav__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }
}

@media screen and (max-width:767px) {
    .l-nav__item {
        border-bottom: 1px solid #fff;
        position: relative
    }
}

@media print,
screen and (min-width:768px) {
    .l-nav__item:not(:first-child) {
        /* margin-left: 24px; */
    }
}

.l-nav__link {
    font-weight: 700
}

@media print,
screen and (min-width:768px) {
    .l-nav__link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 60px;
        line-height: 1;
        position: relative;
        font-size: 14px;
        font-size: .93333rem;
        overflow: hidden
    }
}

@media screen and (max-width:767px) {
    .l-nav__link {
        color: #fff;
        background-color: #c9a67f;
        display: block;
        font-size: 13px;
        font-size: 3.38983vw;
        padding: calc(38/750*100vw) calc(100/750*100vw) calc(38/750*100vw) calc(34/750*100vw)
    }
}

@media print,
screen and (min-width:768px) {
    .l-nav__link:after {
        position: absolute;
        bottom: 0;
        left: 0;
        border-top: solid 4px #c9a67f;
        content: "";
        display: inline-block;
        width: 100%;
        -webkit-transform: translateX(-101%);
        -ms-transform: translateX(-101%);
        transform: translateX(-101%);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out
    }
}

@media print,
screen and (min-width:768px) {
    .l-nav__link:hover:after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media print,
screen and (min-width:768px) {
    .l-nav__link.is-current:after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.u-pci {
    display: inline-block
}

@media screen and (max-width:767px) {
    .u-pci {
        display: none
    }
}

.u-spi {
    display: none
}

@media screen and (max-width:767px) {
    .u-spi {
        display: inline-block
    }
}

.u-pc {
    display: block
}

@media screen and (max-width:767px) {
    .u-pc {
        display: none
    }
}

.u-sp {
    display: none
}

@media screen and (max-width:767px) {
    .u-sp {
        display: block
    }
}

.u-none {
    display: none
}
.l-header-btn-link .m-btn {
    font-size: 12px;
    font-size: .8rem;
    width: 100%;
    padding: 7px
}

@media screen and (max-width:767px) {
    .l-header-btn-link .m-btn {
        font-size: 14px;
        font-size: 3.65059vw;
        padding: calc(22/750*100vw)
    }
}	
.m-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #1a1a1a;
    border-radius: 100vw;
    color: #1a1a1a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 15px;
    font-size: 1rem;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding: 14px 50px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.m-btn__txt {
	top: calc(2/750*100vw);
    position: relative;
    text-align: center;
}
	
	
}