@charset "utf-8";
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}
/*@font-face {
  font-family: 'SFText-Light';
  src: url('../inc/SFText-Light.ttf') format('truetype');
}*/

html, body{
	background: #fff none;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.6;
	color: #333;
	letter-spacing: 0;
	font-family: "游ゴシック体", YuGothic, "YuGothic M","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a{
	text-decoration: underline;
	transition: all 0.15s ease;
}
.ff-sfl{
	font-family: SFText-Light, Helvetica, Arial, Meiryo, sans-serif;
}

.sprite{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.bg--black{background: #333;}

.defs{
	display: none;
}

.w960{
	width: 960px;
}

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

.block-flex--center{-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}

.block-flex--ais{-webkit-align-items: flex-start;-ms-align-items: flex-start;align-items: flex-start;}

.block-flex--column{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}


/* ---------------------------------------------------------------- タイトル ---- */
.h01{
	text-align: center;
	font-size: 40px;
	line-height: 40px;
}
.h01__sub{
	font-size: 18px;
	line-height: 18px;
	display: block;
	margin-bottom: 25px;
}
.h01__sub2{
	line-height: 14px;
	font-size: 14px;
	display: block;
	margin-top: 10px;
}
.h01--middle{
	font-size: 36px;
}
.h01--small{
	font-size: 30px;
}
.h01--border{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
}

.color-orange{
	color: #ff8705;
}

/* ---------------------------------------------------------------- buttons ---- */
.btn-border{
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #333;
	text-decoration: none;
	transition: all 0.5s ease;
	padding: 0 10px;
	text-align: center;
}
.btn-border::before,
.btn-border::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	transition: width .3s, height .3s .3s;
}
.btn-border::before{
	left: -1px;
	top: -1px;
	border-top: 1px solid #ff8705;
	border-left: 1px solid #ff8705;
}
.btn-border::after{
	right: -1px;
	bottom: -1px;
	border-bottom: 1px solid #ff8705;
	border-right: 1px solid #ff8705;
}
.btn-border:not(.is-tab):hover{
	color: #ff8705;
}
.btn-border:not(.is-tab):hover::before,
.btn-border:not(.is-tab):hover::after{
	width: 100%;
	height: 100%;
	padding: 0.5px;
}
.btn-border--white{
	color: #fff;
	border: 1px solid #fff;
}

.btn{
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 10px;
	color: #fff;
	background: #ff8705;
	transition: all 0.15s ease;
	text-decoration: none;
}
.btn:not(.is-tab):hover{
	color: #fff;
	background: #333;
}
.btn--black{
	background: #333;
}
.btn--black:not(.is-tab):hover{
	background: #ff8705;
}
.btn--cart::before{
	content: url(/wellness/sixpad/common/img/cart.svg);
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-right: 10px;
	vertical-align: top;
	margin-top: 2px;
}
.btn--cart.sold_out{
	background: #333!important;
}
.btn--cart.sold_out::before{
	display: none!important;
	content: none;
}
.btn--l{
	width: 460px;
}
.btn--m{
	width: 300px;
}

/* ---------------------------------------------------------------- 各種リンク ---- */
.link{
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	border-bottom: 1px solid #ff8705;
	color: #ff8705;
	text-decoration: none;
}
.link:not(.is-tab):hover{
	border-bottom: 1px solid #333;
	color: #333;
}

/* ---------------------------------------------------------------- wrapper ---- */

#wrapper{
	min-width: 960px;
	padding-top: 145px;
}

/* ---------------------------------------------------------------- header ---- */
#header{
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 0;
	left: 0;
}
.header-top-wrapper{
	background: #f5f5f5;
	height: 25px;
}
.header-top{
	width: 960px;
	margin: 0 auto;
	text-align: right;
	font-size: 0;
}
.header-top__item{
	display: inline-block;
	margin: 0 0 0 20px;
	vertical-align: top;
}
.header-top__item a{
	display: block;
	color: #8d8d8d;
	text-decoration: none;
	line-height: 25px;
	font-size: 11px;
	transition: all 0.15s ease;
}
.header-top__item .header-top__icon{
	display: inline-block;
	margin-right: 5px;
	fill: #8d8d8d;
	vertical-align: top;
	transition: all 0.15s ease;
}
.header-top__item a:not(.is-tab):hover{
	color: #ff8705;
}
.header-top__item a:not(.is-tab):hover .header-top__icon{
	fill: #ff8705;
}
.header-top__item .header-top__icon--delivery{width: 17px;height: 10px;margin-top: 8px;}
.header-top__item .header-top__icon--mypage{width: 7px;height: 13px;margin-top: 6px;}
.header-top__item .header-top__icon--support{width: 14px;height: 13px;margin-top: 6px;}
.header-main{
	height: 50px;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
}
.header-main__inner{
	width: 960px;
	margin: 0 auto;
}
.header-logo{
	width: 134px;
	padding-top: 13px;
	float: left;
}
.header-logo__icon{
	width: 134px;
	height: 25px;
}
.header-main-nav{
	width: 436px;
	padding-left: 20px;
	float: left;
	font-size: 11px;
	line-height: 50px;
}
.header-main-nav__item a{
	text-decoration: none;
}
.header-main__right{
	float: right;
}
.header-search{
	float: left;
	width: 221px;
	font-size: 0;
	position: relative;
	z-index: 10;
}
.header-search__area{
	display: inline-block;
	width: 50%;
}
.header-search__item{
	border-right: 1px solid #fff;
	background: #333;
	height: 50px;
	width: 100%;
	line-height: 50px;
	text-indent: -6px;
	vertical-align: top;
	color: #fff;
	font-size: 12px;
	text-align: center;
	position: relative;
	cursor: pointer;
	transition: all 0.15s ease;
}
.header-search__area:nth-child(2) .header-search__item{
	border-right: none;
}
.header-search__item::after{
	content: "";
	display: block;
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -4px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: all 0.15s ease;
}
.header-search__area:not(.is-tab):hover .header-search__item{
	color: #ff8705;
	background: #4a4a4a;
}
.header-search__area:not(.is-tab):hover .header-search__item::after{
	border-bottom: 1px solid #ff8705;
	border-right: 1px solid #ff8705;
}
.header-search-content{
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	background: #4a4a4a;
	padding: 10px 24px;
	display: none;
}
.header-search-content a{
	display: block;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
}
.header-search-content a:not(.is-tab):hover{
	color: #ff8705;
}
.header-cart{
	float: left;
	width: 58px;
	height: 50px;
	border-right: 1px solid #e6e6e6;
}
.header-cart a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.header-cart__icon{
	display: block;
	vertical-align: middle;
	fill: #333;
	width: 17px;
	height: 18px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.15s ease;
}
.header-cart a:not(.is-tab):hover .header-cart__icon{
	fill: #ff8705;
}
.header-language{
	float: left;
	width: 90px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: relative;
	z-index: 10;
}
.header-language__item{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	position: relative;
	cursor: pointer;
	transition: all 0.15s ease;
}
.header-language__item::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
	transition: all 0.15s ease;
}

.header-language:not(.is-tab):hover .header-language__item{
	color: #ff8705;
}
.header-language:not(.is-tab):hover .header-language__item::after{
	border-bottom: 1px solid #ff8705;
	border-right: 1px solid #ff8705;
}
.header-language-content{
	display: none;
	width: 100%;
	text-align: left;
	padding: 7px;
	font-size: 11px;
	line-height: 22px;
	background: #4a4a4a;
	position: absolute;
	left: 0;
	top: 50px;
}
.header-language-content__item a{
	display: block;
	color: #fff;
	transition: all 0.15s ease;
	text-decoration: none;
}
.header-language-content__item a:not(.is-tab):hover{
	color: #ff8705;
}
.header-product__wrapper{
	width: 100%;
	/*background: #f5f5f5;*/
	background: rgba(242,242,242,0.8);
}
.header-product{
	width: 960px;
	height: 70px;
	margin: 0 auto;
}
.header-product__item{
	height: 70px;
}
.header-product__img{
	display: block;
	width: 100%;
}
.header-product__img--absfit2{width: 84px;}
.header-product__img--bodyfit2{width: 84px;}
.header-product__img--armbelt{width: 84px;}
.header-product__img--legbelt{width: 84px;}
.header-product__img--absbelt{width: 84px;}
.header-product__img--tights{width: 84px;}
.header-product__img--hwtights{width: 84px;}
.header-product__img--arm{width: 84px;}
.header-product__img--waist{width: 84px;}
.header-product__img--gelsheet{width: 84px;}
/* 201809 updata*/
.header-product__img--footfit{width: 84px;}
/* 201811 updata*/
.header-product__img--bottombelt{ width: 110px; }

.header-product__img--trainingsuit{width: 110px;}
/*.header-product__img--burningshot{width: 100px;}*/
.header-product__img--burningshot{width: 42px;}
.header-product__img--hmbsupplement{width: 120px;}

.header-product__item.it-small {
	position: relative;
	overflow-x: hidden;
	width: 50px;
}
.header-product__item.it-small > a > img {
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	margin: auto;
    transform: scale(2.8);
    transform-origin: top center;
}


/* 201809 updata*/
.header-product__item a{
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
}
.header-product__icon{
	vertical-align: top;
	display: inline-block;
	width: auto;
	height: 9px;
	fill: #333;
	transition: all 0.15s ease;
	width: 84px;
}
.header-product__icon--hmbsupplement{
	width: 120px;
}
/* 201809 updata*/
.header-product__icon--burningshot{
	height: 10px;
	vertical-align: top;
}
/* 201809 updata*/
.header-product__item a:not(.is-tab):hover .header-product__icon{
	fill: #ff8705;
}/*
.header-product__icon--absfit2{height: 7px;width: 57px;}
.header-product__icon--bodyfit2{height: 9px;width: 66px;}
.header-product__icon--armbelt{height: 7px;width: 54px;}
.header-product__icon--legbelt{height: 9px;width: 54px;}
.header-product__icon--absbelt{height: 7px;width: 55px;}
.header-product__icon--tights{height: 8px;width: 41px;}
.header-product__icon--hwtights{height: 8px;width: 58px;}
.header-product__icon--arm{height: 6px;width: 24px;}
.header-product__icon--waist{height: 6px;width: 35px;}
.header-product__icon--hmbsupplement{height: 9px;width: 105px;}
.header-product__icon--gelsheet{height: 7px;width: 65px;}*/

.header-attention{
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	background: #333;
	padding: 11px 0;
	color: #fff;
}
.header-attention__text02{
	color: #ff8705;
}
.header-attention__link{
	color: #fff;
	font-size: 14px;
}

/* ---------------------------------------------------------------- main ---- */
.breadcrumb{
	width: 960px;
	margin: 20px auto;
	font-size: 0;
}
.breadcrumb__item{
	color: #ff8705;
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	vertical-align: top;
}
.breadcrumb__item a{
	text-decoration: none;
	color: #333;
}
.breadcrumb__item a:not(.is-tab):hover{
	color: #ff8705;
}
.breadcrumb__item::after{
	content: ">";
	display: inline-block;
	margin: 0 5px;
	color: #333;
	vertical-align: top;
}
.breadcrumb__item:last-child::after{
	display: none;
}

/* ---------------------------------------------------------------- main ---- */

#main{

}

/* ---------------------------------------------------------------- footer ---- */

#footer{
	margin-top: 120px;
}
.footer-special{
	width: 960px;
	margin: 0 auto 20px;
}
.footer-special__title{
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
	margin-bottom: 40px;
}
.footer-special__title .ff-sfl{
	font-size: 24px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.footer-special-list{
	width: 880px;
	margin: 0 auto;
}
.footer-special-list__item{
	width: 425px;
	height: 100px;
	margin-bottom: 20px;
	font-size: 20px;
}
.footer-special-list__item a{
	display: block;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 32px;
	padding-left: 127px;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
}
.footer-special-list__item:nth-child(even) a{
	padding-left: 107px;
}
.footer-special__icon{
	display: block;
	position: absolute;
	fill: #333;
	transition: all 0.15s ease;
}
.footer-special-list__item a:not(.is-tab):hover .footer-special__icon{
	fill: #ff8705;
}
.footer-special__icon--gift{top:35px;left:50px;width:28px;height:28px;}
.footer-special__icon--day-delivery{top:36px;left:56px;width:38px;height:28px;}
.footer-special__icon--free{top:38px;left:50px;width:50px;height:25px;}
.footer-special__icon--point{top:36px;left:53px;width:28px;height:28px;}

.footer-about{
	background: #545454;
}
.footer-about__inner{
	/* width: 960px; */
	width: 880px;
	margin: 0 auto;
	padding: 70px 0 25px;
	overflow: hidden;
}
.footer-about__title{
	color: #fff;
	font-size: 14px;
	vertical-align: bottom;
	height: 24px;
	line-height: 14px;
	margin-bottom: 15px;
}
.footer-about__title svg{
	width: 210px;
	height: 25px;
	fill: #fff;
	margin-right: 15px;
}
.footer-about__title img{
	vertical-align: bottom;
	margin-right: 15px;
}

.footer-tel{
	/* width: 658px; */
	width: 320px;
	float: left;
}
.footer-tel__item{
	width: 320px;
}
.footer-tel__title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	background: #fff;
}
.footer-attention{
	float: right;
	/* width: 284px; */
	width: 540px;
}
.footer-association__title{
	width: 284px;
	margin-bottom: 10px;
}
.footer-association__text{
	/* width: 280px; */
	width: 540px;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
}
.footer-bnr{
	position: absolute;
	/* bottom: 0; */
	bottom: 30%;
	right: 0;
	width: 280px;
}
.footer-text01{
	font-size: 12px;
	color: #fff;
	line-height: 12px;
	margin: 10px 0;
}
.footer-nav{
	margin: 50px 0 0 0;
	text-align: center;
	font-size: 0;
}
.footer-nav__item{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 13px;
	border-right: 1px solid #fff;
	padding: 0 6px;
}
.footer-nav__item:last-child{
	border-right: none;
}
.footer-nav__item a{
	color: #fff;
	text-decoration: none;
}
.footer-nav__item a:not(.is-tab):hover{
	color: #ff8705;
}
.footer-bottom{
	background: #333;
}
.footer-bottom__inner{
	width: 960px;
	margin: 0 auto;
	padding: 33px 0 15px;
	overflow: hidden;
}
.footer-logo{
	width: 188px;
	float: left;
}
.footer-logo__icon{
	width: 188px;
	height: 35px;
}
.footer-logo__icon{
	fill: #fff;
}

.footer-sns{
	float: right;
	font-size: 0;
}
.footer-sns__item{
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}
.footer-sns__item a{
	display: block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	position: relative;
}
.footer-sns__icon{
	fill: #333;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	transition: all 0.15s ease;
}
.footer-sns__item a:not(.is-tab):hover{
	background: #ff8705;
}
.footer-sns__icon--facebook{
	width: 8px;
	height: 16px;
}
.footer-sns__icon--line{
	width: 22px;
	height: 8px;
}
.footer-sns__icon--mail{
	width: 16px;
	height: 10px;
}
.footer-copy{
	clear: both;
	padding: 23px 0 0 0;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
}


.product-buy-button{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 100px;
	height: 100px;
	background: #333;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	padding: 15px 0 0 0;
	color: #fff;
	transition: all 0.15s ease;
	text-decoration: none;
	z-index: 9999;
}
.product-buy-button:not(.is-tab):hover{
	color: #fff;
	background: #ff8705;
}
.product-buy-button.on{
	opacity: 1;
	visibility: visible;
}
.product-buy-button__icon{
	display: block;
	width: 22px;
	height: 23px;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -11px;
	fill: #fff
}
@media screen and (max-width: 767px){
	/* ---------------------------------------------------------------- SP Style ---- */
	html, body{
		font-size: 14px;
	}
}

/* ---------------------------------------------------------------- Retina ---- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
}

/* ---------------------------------------------------------------- SP Retina ---- */
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5),only screen (min-resolution: 144dpi) {
}

/* ---------------------------------------------------------------- PC Retina ---- */
@media only print,screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),only screen (min-resolution: 144dpi) {
}