@charset "euc-jp";
/*base*/
.main-contents#detail{
	width:100%;
	font-feature-settings:"palt";
	overflow-x:hidden;
}
#detail h2{margin-top:0;}
.detailSec img.yenIcon{
	width:auto;
	display:inline-block;
}


/*detailSec*/
.detailSec,
.detailSec *{box-sizing:border-box;}
.detailSec{
	position:relative;
	margin:0 auto;
}
.detailSec+.detailSec{margin-top:120px;}
.detailSec img{
	width:100%;
	vertical-align:top;
}
.detailSec *[data-font="eb"]{font-family:'EB Garamond',serif;font-weight:700;}
.detailSec *[data-font="lato"]{font-family:'Lato',sans-serif;}
.detailSec *[data-font="enserif"]{font-family:"Times New Roman","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;}
.detailSec *[data-font="nserif"]{font-family:'Noto Serif JP',serif;}
.detailSec *[data-animedirection]{
	opacity:0;
	transition:all 0.8s;
}
.detailSec *[data-animedirection="toup"]{transform:translateY(66px);}
.detailSec *[data-animedirection="todown"]{transform:translateY(-66px);}
.detailSec *[data-animedirection="toright"]{transform:translateX(10vw);}
.detailSec *[data-animedirection="toleft"]{transform:translateX(-10vw);}
.detailSec *[data-animedirection].show,
#mainFV .fvTitleBlock.show *[data-animedirection]{opacity:1;}
.detailSec *[data-animedirection="toup"].show,
.detailSec *[data-animedirection="todown"].show,
#mainFV .fvTitleBlock.show *[data-animedirection="toup"],
#mainFV .fvTitleBlock.show *[data-animedirection="todown"]{transform:translateY(0px);}
.detailSec *[data-animedirection="toright"].show,
.detailSec *[data-animedirection="toleft"].show,
#mainFV .fvTitleBlock.show *[data-animedirection="toright"],
#mainFV .fvTitleBlock.show *[data-animedirection="toleft"]{transform:translateX(0vw);}

/*mainFV*/
#mainFV{
	width:77.142857142vw;
	display:flex;
	justify-content:space-between;
}
#mainFV .fvAnime{
	width:55.55556%;
	position:relative;
}
#mainFV .fvAnime:before{
	content:"";
	display:block;
	width:100%;
	padding-top:131.1667%;
}
#mainFV .fvAnime > *{
	position:absolute;
	top:0;
}
#mainFV .fvAnime .fvSttl{
	width:26%;
	left:7.5%;
	margin-top:11%;
	z-index:1;
}
#mainFV .fvAnime .sendFreeTxt{
	width:24%;
	right:0;
	margin-top:26.17%;
	z-index:2;
}
#mainFV .fvAnime .fvLogo{
	width:84%;
	left:0;
	z-index:0;
}
#mainFV .fvAnime .fvItemFg{
	width:47.83%;
	left:42.17%;
	margin-top:9.67%;
	z-index:3;
}
#mainFV .fvTitleBlock{/*font-size:px/1125px=vw*/
	width:42.037%;
	padding-top:5.3704%;
	margin-right:-2px;
	text-align:center;
}
#mainFV .fvTitleBlock > *{width:100%;}
#mainFV .fvTitleBlock .fvLead01{
	line-height:1;
	font-size:1.9vw;
	letter-spacing:-0.02vw;
	text-align:justify;
	text-align-last:justify;
}
#mainFV .fvTitleBlock .fvLead02{
	margin-top:3.3%;
	transition-delay:0.4s;
}
#mainFV .fvTitleBlock .fvTtl{
	margin-top:2.64%;
	transition-delay:0.8s;
}
#mainFV .fvTitleBlock .fvRedList{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:4.10285714%;
	transition-delay:1.2s;
}
#mainFV .fvTitleBlock .fvRedList li{
	display:block;
	padding:2.8% 2.42%;
	background-color:#840711;
	line-height:1.0;
	color:#fff;
	font-size:1.14285714vw;
	font-weight:bold;
}
#mainFV .fvTitleBlock .fvRedList li:not(:last-child){width:49.12%;}
#mainFV .fvTitleBlock .fvRedList li:last-child{
	width:100%;
	margin-top:1.1%;
}
#mainFV .fvTitleBlock .fvRedList li:last-child sup{margin:0 0.02vw;}
#mainFV .fvTitleBlock .fvRedList li span.sm{
	font-size:1vw;
	font-weight:normal;
}
#mainFV .fvTitleBlock .fvCircleList{
	display:flex;
	justify-content:space-between;
	margin-top:3.96%;
	transition-delay:1.6s;
}
#mainFV .fvTitleBlock .fvCircleList li{width:31.5%;}
#mainFV .fvTitleBlock .fvCircleListCaution{
	margin-top:3.52%;
	text-align:left;
	line-height:1.6;
	font-size:0.9285714vw;
	transition-delay:1.6s;
}

/*productsBox*/
.productsBox{
	width:1080px;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
.productsBox .itemFg{
	position:relative;
	width:440px;
	height:762px;
}
.productsBox .itemFg > *{position:absolute;}
.productsBox .manFg{
	width:900px;
	top:0;
	left:0;
	z-index:0;
}
.productsBox .itemPump{
	width:219px;
	top:126px;
	left:-97px;
	z-index:2;
}
.productsBox .sendFree{
	width:144px;
	top:185px;
	left:61px;
	z-index:1;
}
.productsBox .txtBox{width:498px;}
.productsBox .itemTtl{
	margin-bottom:25px;
	font-size:4.1rem;
	line-height:1.285;
}
.productsBox .itemInLogo{
	width:190px;
	float:left;
}
.productsBox .itemNames{
	width:262px;
	float:right;
	line-height:1.0;
	text-align:left;
}
.productsBox .itemNames > *{display:block;}
.productsBox .itemNames .itemType{font-size:1.8rem;}
.productsBox .itemNames .itemName{
	margin-top:12px;
	font-size:2.2rem;
	font-weight:bold;
}
.productsBox .itemLead{
	clear:both;
	display:block;
	width:100%;
	padding-top:26px;
	font-size:2.1rem;
}
.productsBox .itemFeatures{
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:22px;
}
.productsBox .itemFeatures li{
	width:156px;
	display:table;
	background-color:#f4f4f4;
}
.productsBox .itemFeatures li span{
	display:table-cell;
	padding:14px 8px;
	vertical-align:middle;
	text-align:center;
	font-size:1.8rem;
	line-height:1.444;
	font-weight:bold;
}
.productsBox .itemPriceFrame{
	position:relative;
	width:100%;
	display:table;
	padding:24px 20px;
	margin-top:28px;
	border:4px solid #840711;
	border-radius: 48px;
	line-height:1.0;
	color:#840711;
	box-shadow:0px 10px 16px -6px rgba(0,0,0,0.15),0px 10px 16px -6px rgba(0,0,0,0.15) inset;
}
.productsBox .itemPriceFrame > *{
	display:table-cell;
	vertical-align:middle;
}
.productsBox .itemPriceFrame dt{
	text-align:right;
	font-size:3.0rem;
}
.productsBox .itemPriceFrame dd{
	padding-left:18px;
	text-align:left;
}
.productsBox .itemPriceFrame dd strong{font-size:4.0rem;}
.productsBox .itemPriceFrame dd strong .yenIcon{
	height: 36px;
	vertical-align:-5px;
}
.productsBox .itemPriceFrame dd small{
	margin-left:6px;
	font-size:2.0rem;
}
.productsBox .itemPriceFrame a.cartLink{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.productsBox .itemSubscription,
#basketBtn2 .itemSubscription{
	width:100%;
	padding:30px 28px 34px;
	margin-top:20px;
	position:relative;
	box-shadow:0px 10px 16px -6px rgba(0,0,0,0.15);
	background:linear-gradient(90deg,rgba(58,185,88,1) 0%,rgba(45,145,69,1) 100%);
	border-radius:24px;
	color:#fff;
	text-align:center;
	line-height:1.0;
}
#basketBtn2 .itemSubscription{width:498px;}
.productsBox .itemSubscription h3,
#basketBtn2 .itemSubscription h3{
	font-weight:bold;
	font-size:3.0rem;
}
.productsBox .subscriptionList,
#basketBtn2 .subscriptionList{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:flex-end;
	margin-top:22px;
}
.productsBox .subscriptionList dt,
#basketBtn2 .subscriptionList dt{
	width:198px;
	border:1px solid #fff;
}
.productsBox .subscriptionList dt.firstSubsc,
#basketBtn2 .subscriptionList dt.firstSubsc{
	background-color:#fff;
	font-size:2.8rem;
	color:#7c0710;
	font-weight:bold;
}
.productsBox .subscriptionList dt.secondSubsc,
.productsBox .subscriptionList dt.secondSubsc+dd,
#basketBtn2 .subscriptionList dt.secondSubsc,
#basketBtn2 .subscriptionList dt.secondSubsc+dd{margin-top:20px;}
.productsBox .subscriptionList dt.secondSubsc,
#basketBtn2 .subscriptionList dt.secondSubsc{
	padding:3px;
	font-size:2.3rem;
}
.productsBox .subscriptionList dd strong,
.productsBox .subscriptionList dd strong span,
#basketBtn2 .subscriptionList dd strong,
#basketBtn2 .subscriptionList dd strong span{font-size:4.3rem;}
.productsBox .subscriptionList dd strong .yenIcon,
#basketBtn2 .subscriptionList dd strong .yenIcon{
	height:36px;
	vertical-align:-4px;
}
.productsBox .subscriptionList dd small,
#basketBtn2 .subscriptionList dd small{
	margin:0 3px;
	font-size:2.1rem;
}
.productsBox .subscriptionList dd span,
#basketBtn2 .subscriptionList dd span{font-size:3.2rem;}
.productsBox .subscriptionList.firstApp dt.firstSubsc,
.productsBox .subscriptionList.firstApp dt.firstSubsc+dd,
#basketBtn2 .subscriptionList.firstApp dt.firstSubsc,
#basketBtn2 .subscriptionList.firstApp dt.firstSubsc+dd{width:100%;}
.productsBox .subscriptionList.firstApp dt.firstSubsc,
#basketBtn2 .subscriptionList.firstApp dt.firstSubsc{padding:5px;}
.productsBox .subscriptionList.firstApp dt.firstSubsc+dd,
#basketBtn2 .subscriptionList.firstApp dt.firstSubsc+dd{margin-top:16px;}
.productsBox .subscriptionList.firstApp dt.firstSubsc+dd .sendFreeTax,
#basketBtn2 .subscriptionList.firstApp dt.firstSubsc+dd .sendFreeTax{
	display:inline-block;
	padding:3px;
	margin-left:10px;
	border:2px solid #fff;
	line-height:1.0;
	font-size:2.4rem;
}
.productsBox .subscriptionListNote,
.item-detail .subscriptionListNote{
	margin-top:30px;
	padding-left:20px;
	text-align:left;
	font-size:1.3rem;
	line-height:1.6;
}
.productsBox .subscriptionListNote li,
.item-detail .subscriptionListNote li{list-style:disc;}
.productsBox .itemSubscription .cartLink,
#basketBtn2 .itemSubscription .cartLink{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.productsBox .itemAmazonLink,
.item-detail .itemAmazonLink{margin-top:34px;}
.item-detail .itemAmazonLink{
	width:498px;
	text-align:center;
}
.productsBox .itemAmazonLink a,
.item-detail .itemAmazonLink a{
	display:block;
	text-decoration:none;
	font-size:2.1rem;
	line-height:1.0;
}
.productsBox .itemAmazonLink a:after,
.item-detail .itemAmazonLink a:after{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:6px;
	vertical-align:0;
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/target-link.svg") no-repeat center center/contain;
}
.productsBox .itemAmazonLink img,
.item-detail .itemAmazonLink img{
	width:113px;
	margin-right:6px;
	vertical-align:middle;
}
.productsBox .itemsubscriptionNote{
	margin-top:36px;
	font-size:1.2rem;
	line-height:1.0;
	text-align:left;
	white-space:nowrap;
}

/*chart*/
#chart{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:90px;
	padding:85px 0;
	padding-right:calc(50% - 450px);
	padding-left:calc(50% - 450px);
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/chart-bg.jpg") no-repeat center bottom;
}
#chart li:not([class="chartListNote"]){
	width:437px;
	box-shadow:0px 0px 16px 0px rgba(0,0,0,0.2);
}
#chart li:not([class="chartListNote"]):nth-child(n+3){margin-top:34px;}
#chart li.chartListNote{
	display:block;
	position:absolute;
	bottom:58px;
	right:calc(50% - 450px);
	color:#fff;
	text-align:right;
	line-height:1.0;
	font-size:1.3rem;
}

/*concept*/
#concept{
	width:1080px;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
#concept .conceptFg{
	position:relative;
	width:330px;
	height:760px;
	margin-top:136px;
}
#concept .conceptFg img{
	width:790px;
	position:absolute;
	top:0;
	left:0;
}
#concept .conceptFg .conceptNoteTxt{
	display:block;
	position:absolute;
	top:780px;
	left:0;
	font-size:1.3rem;
	line-height:1.0;
}
#concept .txtBox{
	width:686px;
	text-align:left;
}
#concept .txtBox > *{
	display:block;
	width:100%;
	line-height:1.0;
}
#concept .ttlEn{
	font-size:3.8rem;
}
#concept .conceptTtl{margin-top:48px;}
#concept .conceptTtl strong{
	font-size:8.4rem;
	line-height:1.2;
	color:#840711;
	letter-spacing: -0.8rem;
}
#concept .conceptTtl strong:first-child{display:block;}
#concept .conceptTtl strong:nth-child(2){
	display:inline-block;
	vertical-align:middle;
}
#concept .conceptTtl span{
	display:inline-block;
	font-size:2.5rem;
	line-height:1.7;
	vertical-align:middle;
}
#concept .conceptSttl{
	margin-top:16px;
	font-size:4.8rem;
	font-weight:bold;
}
#concept .conceptLeadSerif{
	margin-top:18px;
	font-size:2.4rem;
}
#concept .conceptTxt{
	margin-top:14px;
	line-height:1.6;
	font-size:1.6rem;
}
#concept .conceptSttlBtm{margin-top:14px;}
#concept .conceptSttlBtm > *{
	display:block;
	width:100%;
	background-color:#840711;
	line-height:1.0;
	color:#fff;
}
#concept .conceptSttlBtm span{font-size:3.6rem;}
#concept .conceptSttlBtm strong{
	margin-top:14px;
	padding:3px 4px 5px;
	text-align:justify;
	text-align-last:justify;
}
#concept .conceptSttlBtm strong:before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	margin-top:-1px;
}
#concept .conceptSttlBtm strong span{
	display:block;
	margin-right:-36px;
	font-size:6.3rem;
	letter-spacing:-0.2rem;
}
#concept .conceptFg02{
	width:586px;
	margin:104px 527px 0 -159px;
}


/*trouble*/
#trouble{
	width:100%;
	padding-right:calc(50% - 400px);
	padding-left:calc(50% - 400px);
	display:flex;
	justify-content:space-between;
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/trouble-bg.png") no-repeat center top;
	background-color:transparent;
	color:#fff;
	z-index:2;
}
#trouble .troubleTtl{
	width:316px;
	font-size:7.0rem;
	line-height:1.2;
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl;
}
#trouble .txtBox{
	width:446px;
	text-align:left;
}
#trouble .troubleTxt{
	font-size:2.2rem;
	line-height:1.8;
	font-weight:bold;
}
#trouble .troubleCheckList{
	margin-top:18px;
	font-size:1.9rem;
	line-height:2.2;
}
#trouble .troubleCheckList li{
	display:block;
	position:relative;
	padding-left:30px;
}
#trouble .troubleCheckList li:before{
	content:"";
	display:block;
	width:23px;
	height:16px;
	position:absolute;
	top:14px;
	left:0;
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/checkmark.svg") no-repeat left center/contain;
}
@media (max-width:2000px){
	#trouble{
		padding-top:300px;
		padding-bottom:285px;
		background-size:2000px auto;
	}
}
@media (min-width:2001px){
	#trouble{
		padding-top:15vw;
		padding-bottom:14.25vw;
		background-size:cover;
	}
}

/*careSec*/
#careSec{
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/care-bg.jpg") no-repeat center bottom;
	background-color:transparent;
	background-attachment:fixed;
	color:#fff;
	z-index:1;
}
#careSec .careTtl{
	width:100%;
	padding:216px 0 290px;
	font-size:6.0rem;
	line-height:1.0;
	text-align:center;
}
#careSec .flexBox{
	display:flex;
	justify-content:space-between;
	width:1080px;
	margin:0 auto;
}
#careSec .flexFg{position:relative;}
#careSec .flexFg img{
	position:absolute;
	top:0;
}
#careSec .careSttl{
	font-size:4.1rem;
	line-height:1.2;
}
#careSec .careTxt{
	margin-top:34px;
	font-size:1.6rem;
	line-height:1.6;
}
#careSec .careTxt+.careTxt{margin-top:28px;}
#careSec #care01{align-items:center;}
#careSec #care01 .flexFg{
	width:490px;
	height:510px;
}
#careSec #care01 .flexFg img{
	width:650px;
	right:0;
}
#careSec #care01 .txtBox{
	width:496px;
	text-align:left;
}
#careSec #care02{
	margin-top:116px;
	flex-direction:row-reverse;
}
#careSec #care02 .flexFg{
	width:540px;
	height:740px;
}
#careSec #care02 .flexFg img{
	width:700px;
	left:0;
}
#careSec #care02 .txtBox{
	position:relative;
	width:680px;
	padding-top:70px;
	margin-right:-140px;
}
#careSec #care02 .hairCycle{
	width:100%;
	position:relative;
	margin-top:34px;
	padding-top:5px;
}
#careSec #care02 .hairCycleFg{
	position:absolute;
	top:0;
	left:calc(50% - 170px);
	width:340px;
}
#careSec .hairCycleList{
	width:100%;
	height:586px;
	position:relative;
}
#careSec .hairCycleList li{
	position:absolute;
	display:flex;
	justify-content:center;
	align-content:center;
	flex-direction:column;
	width:192px;
	height:192px;
	border-radius:50%;
	background-color:#fff;
	text-align:center;
}
#careSec .hairCycleList li.cycle01{
	top:0;
	left:81px;
}
#careSec .hairCycleList li.cycle02{
	top:236px;
	left:0;
}
.hairCycleList li.cycle03{
	bottom:0;
	left:calc(50% - 96px);
}
#careSec .hairCycleList li.cycle04{
	top:236px;
	right:0;
}
#careSec .hairCycleList li.cycle05{
	top:5px;
	right:81px;
}
#careSec .hairCycleList li h4{
	color:#840711;
	line-height:1.4;
	font-size:2.1rem;
}
#careSec .hairCycleList li p{
	margin-top:6px;
	font-size:1.6rem;
	line-height:1.5;
	color:#000;
}
@media (max-width:2000px){
	#careSec{
		margin-top:-285px;
		padding-top:285px;
		padding-bottom:590px;/*270px+320px*/
		background-size:2000px auto;
		clip-path:polygon(0 0, 100% 0, 100% calc(100% - 270px), 0% 100%);
	}
}
@media (min-width:2001px){
	#careSec{
		margin-top:-14.25vw;
		padding-top:14.25vw;
		padding-bottom:calc(14.5vw + 320px);
		background-size:cover;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14.5vw), 0% 100%);
	}
}

/*dayTry*/
#dayTry{
	margin:0;
	width:100%;
	text-align:center;
	color:#000;
	z-index:3;
}
#dayTry .dayTryBox{
	position:absolute;
	top:-548px;
	left:calc(50% - 300px);
	width:600px;
	padding:45px 16px 46px;
	background-color:#fff;
	z-index:1;
}
#dayTry .tryIcon{
	width:92px;
	margin:0 auto;
}
#dayTry .tryTtl{
	display:block;
	margin-top:28px;
	line-height:1.0;
	font-size:5.6rem;
	color:#840711;
}
#dayTry .trySttl{
	display:block;
	margin-top:16px;
	line-height:1.0;
	font-size:2.2rem;
}
#dayTry .tryTxt,
#dayTry .tryCaution{
	font-size:1.6rem;
	line-height:1.5;
}
#dayTry .tryTxt{margin-top:24px;}

/*startSec*/
#startSec{
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	align-items:center;
	width:100%;
	padding-right:calc(50% - 540px);
	padding-left:calc(50% - 540px);
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/start-bg.jpg") no-repeat center top;
	background-color:transparent;
	background-attachment:fixed;
	color:#fff;
	z-index:0;
}
#startSec .startFg{
	width:428px;
	text-align:left;
}
#startSec .startFg img{width:297px;}
#startSec .txtBox{
	width:616px;
	padding-left:98px;
	text-align:left;
}
#startSec .startTtl > *{display:block;}
#startSec .startTtl span{
	font-size:2.7rem;
	line-height:1.0;
}
#startSec .startTtl strong{
	margin-top:8px;
	font-size:6.2rem;
	line-height:1.28;
	letter-spacing:-0.5rem;
}
#startSec .startTxt{
	margin-top:26px;
	line-height:1.57;
	font-size:1.4rem;
}
@media (max-width:2000px){
	#startSec{
		margin-top:-270px;
		padding-top:270px;
		background-size:2000px auto;
	}
}
@media (min-width:2001px){
	#startSec{
		margin-top:-13.5vw;
		padding-top:13.5vw;
		background-size:cover;
	}
}

/*pointSec*/
.pointSec .pointTtl{
	position:relative;
	display:table;
	margin:0 auto;
	text-align:center;
}
.pointSec .pointTtl .pointIcon{
	position:relative;
	display:table;
	padding-left:66px;
	color:#840711;
	font-size:26.7rem;
	line-height:1.0;
}
.pointSec .pointTtl .pointIcon:before{
	position:absolute;
	top:0;
	left:0;
	content:"POINT";
	font-size:6.0rem;
	line-height:1.0;
	transform-origin:left bottom;
	transform:rotate(90deg);
}
.pointSec .pointTtl .pointTtlTxt{
	display:block;
	font-size:5.0rem;
	line-height:1.2;
}
.pointSec .pointTtl .pointTtlSm{
	display:block;
	margin-top:15px;
	font-size:2.6rem;
	line-height:1.0;
}
.pointSec .pointTxt{
	font-size:1.6rem;
	line-height:1.625;
}

/*point01*/
#point01 .pointTtl{
	padding:18px 0 0 324px;
	margin-bottom:80px;
}
#point01 .pointTtl .pointIcon{
	position:absolute;
	top:-53px;
	left:0;
}
#point01 .pointFlex{
	width:1080px;
	display:flex;
	justify-content:space-between;
}
#point01 .pointFlex+.pointFlex{margin-top:70px;}
#point01 .pointFlex[data-direction="right"]{flex-direction:row-reverse;}
#point01 .pointFlex .pointFlexFg{width:650px;}
#point01 .pointFlex .txtBox{
	width:380px;
	text-align:left;
}
#point01 .pointFlexTtl{
	margin-bottom:14px;
	font-size:3.1rem;
	line-height:1.28;
	letter-spacing:-0.2rem;
}
#point01 .pointTag{
	display:inline-block;
	padding:7px 10px;
	background-color:#840711;
	font-size:1.8rem;
	line-height:1.0;
	letter-spacing:-0.2rem;
	color:#fff;
	vertical-align:middle;
}
#point01 .pointTagNote{
	display:inline-block;
	font-size:1.6rem;
	line-height:1.0;
	vertical-align:middle;
}
#point01 .pointTag + *{margin-left:8px;}
#point01 .pointFlexTxt{
	margin-top:25px;
	font-size:1.6rem;
	line-height:1.625;
}
#point01 .pointFlexTxt .pointBoxTxtNote{
	display:block;
	margin-top:20px;
	font-size:1.3rem;
	line-height:1.0;
}

/*ingredients*/
#ingredients{
	width:100%;
	padding:90px 0 70px;
	color:#fff;
	text-align:center;
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/ingredients-bg.jpg") no-repeat center top #222;
}
#ingredients .ingredientsTtl{
	text-align:center;
	font-size:3.2rem;
	line-height:1.0;
}
#ingredients .ingredientsList{
	width:878px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:48px auto 0;
}
#ingredients .ingredientsList li{
	width:200px;
	display:block;
}
#ingredients .ingredientsList li:nth-child(n+5){margin-top:54px;}
#ingredients .ingredTxt{
	margin-top:24px;
	font-size:1.8rem;
	line-height:1.3;
}
#ingredients .ingredTxt small{display:block;}
#ingredients .ingredNoteBox{
	display:block;
	width:688px;
	margin:64px auto 0;
	column-count:3;
}
#ingredients .ingredNoteBox li{
	display:block;
	margin-bottom:6px;
	font-size:1.1rem;
	line-height:1.0;
	text-align:left;
	white-space: nowrap;
}

/*point02*/
#point02{
	width:1080px;
	display:flex;
	justify-content:space-between;
}
#point02 .itemFg{
	position:relative;
	margin-top:146px;
	width:540px;
	height:319px;
}
#point02 .itemFg img{
	position:absolute;
	top:0;
	right:0;
	width:1000px;
}
#point02 .txtBox{
	width:484px;
	text-align: left;
}
#point02 .pointTtl{margin:-54px 0 28px;}
#point02 .pointRedBox{
	width:590px;
	margin:52px 0 0 -106px;
	padding:58px 58px 48px;
	border:4px solid #840711;
	background-color:#fff;
}
#point02 .pointRedBox .pointRedBoxTtl{
	display:block;
	line-height:1.0;
	font-size:3.2rem;
	color:#840711;
}
#point02 .pointRedBox .pointRedBoxList{
	margin-top:38px;
	font-size:1.8rem;
	line-height:1.666;
}
#point02 .pointRedBox .pointRedBoxList li{display:inline-block;}
#point02 .pointRedBox .pointRedBoxList li+li:before{
	content:"/";
	display:inline-block;
	margin:0 3px;
}
#point02 .pointRedBoxNote{
	display:block;
	margin-top:16px;
	line-height:1.0;
	font-size:1.3rem;
	text-align:right;
}

/*point03*/
#point03{
	width:100%;
	padding-bottom:110px;
	background:url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/point03-bg.jpg") no-repeat center top #7f0007;
	background-size:auto 100%;
}
.detailSec+#point03{margin-top:328px;}
#point03 .pointTtl{
	color:#fff;
	text-align:center;
}
#point03 .pointTtl .pointIcon{margin:-236px auto 0;}
#point03 .pointTtl .pointTtlTxt{margin-top:82px;}
#point03 .pointAdditiveFree{
	width:1080px;
	margin:68px auto 0;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
#point03 .pointAdditiveFree li{
	display:table;
	width:180px;
	height:180px;
	margin:0 22px;
	border-radius:50%;
	background:#fff url("https://mogans.sakura.ne.jp/drastica.tokyo/img/product-detail/point03-listbg.svg") no-repeat center center/contain;
}
#point03 .pointAdditiveFree li:nth-child(1){margin-left:0;}
#point03 .pointAdditiveFree li:nth-child(5){margin-right:0;}
#point03 .pointAdditiveFree li:nth-child(n+6){margin-top:12px;}
#point03 .pointAdditiveFree li span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

/*point04*/
#point04{
	width:1080px;
	display:flex;
	justify-content: space-between;
	flex-direction:row-reverse;
}
#point04 .itemFg{
	width:598px;
	height:605px;
	position:relative;
}
#point04 .itemFg img{
	position:absolute;
	left:0;
	width:1058px;
}
#point04 .itemFg img:nth-child(1){top:0;}
#point04 .itemFg img:nth-child(2){top:202px;}
#point04 .itemFg img:nth-child(3){bottom:0;}
#point04 .txtBox{
	width:420px;
	text-align:left;
}
#point04 .pointTtl .pointTtlTxt{letter-spacing: -0.4rem;}
#point04 .pointTxt{margin-top:14px;}

/*howUse*/
#howUse{
	width:100%;
	padding-left:calc(50% - 540px);
	padding-right:calc(50% - 540px);
	padding-bottom:200px;
	margin-top:390px;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	background-color:#eeeeee;
}
#howUse .howUseFg,
#howUse .howUseTtl{margin-top:-178px;}
#howUse .howUseFg{
	position:relative;
	width:723px;
	height:530px;
}
#howUse .howUseFg img{
	position:absolute;
	top:0;
	right:0;
	width:882px;
}
#howUse .howUseTtl{width:246px;}
#howUse .howUseTtl > *{display:block;}
#howUse .howUseTtl .howUseStrong{
	color:#840711;
	line-height:1.04;
	font-size:10.0rem;
}
#howUse .howUseTtl .howUseTxt{
	margin-top:16px;
	font-size:3.2rem;
	line-height:1.0;
}
#howUse .howUseList{
	width:calc(100% - 20px);
	margin:-60px auto 0;
	display:flex;
	justify-content:space-between;
}
#howUse .howUseList li{
	display:block;
	width:250px;
	padding:36px 30px 25px;
	background-color:#fff;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.14);
}
#howUse .howUseList li > *,
#howUse .howUseList .howUseListTtl > *{display:block;}
#howUse .howUseList .howUseListTtl{
	margin-bottom:30px;
	text-align:center;
	color:#840711;
	line-height:1.0;
	font-weight:bold;
}
#howUse .howUseList .howUseListTtl span{font-size:3.0rem;}
#howUse .howUseList .howUseListTtl strong{
	margin-top:12px;
	font-size:5.0rem;
}
#howUse .howUseList .howUseListTxt{
	font-size:1.5rem;
	line-height:1.625;
	text-align:left;
}

/*usersVoice*/
#usersVoice{
	width:100%;
	padding-left:calc(50% - 540px);
	padding-right:calc(50% - 540px);
	padding-bottom:162px;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	flex-wrap:wrap;
	background-color:#eeeeee;
}
.detailSec+#usersVoice{margin-top:0;}
#usersVoice .usersVoiceFg{
	position:relative;
	width:650px;
	height:275px;
}
#usersVoice .usersVoiceFg img{
	position:absolute;
	top:0;
	left:0;
	width:1110px;
}
#usersVoice .usersVoiceTtl{
	width:400px;
	text-align:left;
}
#usersVoice .usersVoiceTtl > *{display:block;}
#usersVoice .usersVoiceTtl .usersVoiceStrong{
	color:#840711;
	line-height:1.04;
	font-size:10.0rem;
}
#usersVoice .usersVoiceTtl .usersVoiceSm{
	margin-top:16px;
	font-size:2.4rem;
	line-height:1.0;
}
#usersVoice .usersVoiceTtl .usersVoiceTxt{
	margin-top:12px;
	font-size:3.2rem;
	line-height:1.0;
}
#usersVoice .usersVoiceList{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:74px auto 0;
}
#usersVoice .usersVoiceList li{
	width:520px;
	padding:40px 37px 35px;
	border:1px solid #000;
}
#usersVoice .usersVoiceList li:nth-child(even){margin-left:40px;}
#usersVoice .usersVoiceList li:nth-child(n+3){margin-top:40px;}
#usersVoice .usersVoiceList .voiceListFg{
	width:140px;
	float:left;
}
#usersVoice .usersVoiceList .voiceUserData{
	width:278px;
	float:right;
	text-align:left;
}
#usersVoice .usersVoiceList .voiceListTtl{
	font-size:2.2rem;
	line-height:1.5;
	letter-spacing:-0.1rem;
}
#usersVoice .usersVoiceList .voiceListPosition{
	margin-top:14px;
	font-size:1.5rem;
	line-height:1.0;
}
#usersVoice .usersVoiceList .voiceListName{
	margin-top:8px;
	font-size:1.5rem;
	line-height:1.0;
}
#usersVoice .usersVoiceList .voiceListTxt{
	clear:both;
	width:100%;
	padding-top:26px;
	text-align:left;
	line-height:1.625;
}
#usersVoice .instagramLink{
	width:70px;
	margin:70px auto 0;
}
#usersVoice .instagramLink a{display:block;}

/*subscription*/
#subscription{
	width:880px;
	margin-top:-54px;
}
#subscription .subscTtl{
	color:#840711;
	line-height:1.0;
	font-size:10.0rem;
	text-align:center;
}
#subscription .subscSttl{
	margin:58px auto 40px;
	line-height:1.0;
	font-size:3.4rem;
}
#subscription .subscriptionList{
	display:inline-table;
	min-width:266px;
	margin:0 20px 56px;
	text-align:center;
	vertical-align:top;
}
#subscription .subscriptionList > *{
	display:block;
	text-align:center;
}
#subscription .subscriptionList dt{
	min-height:72px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px solid #7c0710;
	line-height:1.0;
}
#subscription .subscriptionList dt.firstSubsc{
	padding:5px;
	font-size:2.9rem;
	background-color:#7c0710;
	color:#fff;
	font-weight:bold;
}
#subscription .subscriptionList dt.secondSubsc{
	padding:7px 5px 8px;
	font-size:2.4rem;
	line-height:1.1;
	color:#7c0710;
}
#subscription .subscriptionList dd{
	margin-top:22px;
	color:#7c0710;
}
#subscription .subscriptionList.secondBox dd{color:#000;}
#subscription .subscriptionList dd > *{display:inline-block;}
#subscription .subscriptionList dd strong,
#subscription .subscriptionList dd strong > span{font-size:4.0rem;}
#subscription .subscriptionList dd strong .yenIcon{
	height:33px;
	vertical-align:-4px;
}
#subscription .subscriptionList dd small{
	margin:0 3px;
	font-size:2.4rem;
}
#subscription .subscriptionList dd span{font-size:3.0rem;}
#subscription .subscriptionNote{
	font-size:3.2rem;
	line-height:1.5;
}
#subscription .subscriptionNote strong{color:#7c0710;}
#subscription .subscriptionNoteSub{
	margin-top:8px;
	font-size:1.8rem;
	line-height:1.55;
}
#subscription .subscriptionNoteSub{
	display:block;
	margin-top:6px;
	font-size:1.8rem;
	line-height:1.5;
}
#subscription .subscriptionChart{
	width:100%;
	padding:48px 80px;
	border-radius:22px;
	background-color:#7c0710;
	color:#fff;
}
#subscription #subscriptionChart01{margin-top:52px;}
#subscription #subscriptionChart02{margin-top:28px;}
#subscription .subscriptionChartTxt,
#subscription .subscriptionChartNote{
	font-size:2.6rem;
	line-height:1.32;
}
#subscription .subscriptionChartNoteSmall{
	margin:-20px 0 0 460px;
	font-size:1.6rem;
	line-height:1.277;
	text-align:left;
}
#subscription .subscriptionChartNoteList{
	width:100%;
	margin-top:30px;
	padding-left:16px;
	text-align:left;
	font-size:1.3rem;
	line-height:1.6;
}
#subscription .subscriptionChartNoteList li{list-style:disc;}
#subscription .subscriptionChartTxt strong{
	background-color:#fff;
	color:#7c0710;
}
#subscription .subscriptionChartFg{margin-top:38px;}
#subscription #subscriptionChart02 .subscriptionChartFg{
	width:388px;
	margin-right:60px;
	display:inline-block;
	vertical-align:middle;
}
#subscription #subscriptionChart02 .subscriptionChartNote{
	display:inline-block;
	margin-top:38px;
	vertical-align:middle;
	text-align:left;
}


/*faqSec*/
#faqSec{
	width:100%;
	padding-right:calc(50% - 439px);
	padding-left:calc(50% - 439px);
	padding-bottom:120px;
	background-color:#eee;
	text-align:center;
}
#faqSec:before{
	content:"";
	display:block;
	width:100%;
	height:1px;
}
.detailSec+#faqSec{margin-top:190px;}
#faqSec .faqTtl{
	margin-top:-54px;
	font-size:10.0rem;
	line-height:1.0;
	text-align:center;
	color:#7c0710;
}
#faqSec .faqSttl{
	margin-top:38px;
	font-size:3.4rem;
	line-height:1.0;
}
#faqSec .faqList{
	width:100%;
	margin-top:60px;
	border-bottom:1px solid #000;
	line-height:1.625;
	text-align:left;
}
#faqSec .faqList > *{
	display:block;
	position:relative;
}
#faqSec .faqList dt{
	padding:52px 110px 25px 150px;
	border-top:1px solid #000;
	font-size:2.0rem;
}
#faqSec .faqList dt:before,
#faqSec .faqList dd:before{
	position:absolute;
	left:98px;
	font-size:3.0rem;
	font-family:'EB Garamond',serif;
	font-weight:800;
}
#faqSec .faqList dt:before{
	top:43px;
	content:"Q.";
	color:#7c0710;
}
#faqSec .faqList dd{
	padding:0 110px 45px 150px;
	font-size:1.6rem;
}
#faqSec .faqList dd:before{
	top:-14px;
	content:"A.";
}
#faqSec .allIngredients{
	width:100%;
	margin-top:142px;
	padding:55px 76px 64px;
	background-color:#fff;
}
#faqSec .allIngredientsTtl{
	font-size:3.0rem;
	line-height:1.0;
}
#faqSec .allIngredientsTxt{
	margin-top:44px;
	font-size:1.6rem;
	line-height:2.0;
	text-align:left;
}

/*itemDataCartSet*/
#itemDataCartSet{margin-top:180px;}
#itemDataCartSet .item-img{
	min-width:418px;
	margin:0;
	padding:0;
}
#itemDataCartSet .item-img a{display:block;}
#itemDataCartSet .item-img img{width:100%;}
#itemDataCartSet .item-detail{text-align:left;}
#itemDataCartSet .item-detail-text{margin-top:58px;}
#itemDataCartSet .item-basket-btn a{
	display:table;
	width:498px;
	padding:25px;
	border-radius:46px;
	background-color:transparent;
	border:4px solid #840711;
	line-height:1.0;
	font-size:2.8rem;
	text-align:center;
	color:#840711;
	box-shadow:0px 10px 16px -6px rgba(0,0,0,0.15),0px 10px 16px -6px rgba(0,0,0,0.15) inset;
	transition:all 0.4s;
}
#itemDataCartSet .item-basket-btn a:hover{
	background-color:#840711;
	color:#fff;
}
#itemDataCartSet #M_repeatPriceTable{
	width:360px;
	border-collapse:collapse;
	margin-right:auto;
	border-top:0;
	border-left:0;
}
#itemDataCartSet #M_repeatPriceTable th,
#itemDataCartSet #M_repeatPriceTable td{
	background-color:transparent;
	padding:16px 10px;
	font-size:16px;
}
#itemDataCartSet #M_repeatPriceTable tr.M_priceHead th,
#itemDataCartSet #M_repeatPriceTable tr.M_priceHead td,
#itemDataCartSet #M_repeatPriceTable tr.M_priceHead+tr th,
#itemDataCartSet #M_repeatPriceTable tr.M_priceHead+tr td,
#itemDataCartSet #M_repeatPriceTable tr.M_priceHead+tr+tr th,
#itemDataCartSet #M_repeatPriceTable tr.M_priceHead+tr+tr td{border-left:1px solid #999;}
#itemDataCartSet #M_repeatPriceTableTtl,
#itemDataCartSet #M_repeatPriceTable tr:first-child th[colspan="2"]{
	margin-top:36px;
	border:0;
	border-bottom:1px solid #999;
	text-align:left;
	font-size:20px;
	font-weight:bold;
}
#itemDataCartSet .stockY{
	display:inline-block;
	font-size:20px;
}
#itemDataCartSet .repeatMgn{
	display:inline-block;
	font-size:16px;
}
#itemDataCartSet #saleInputBox{display:block;}
#itemDataCartSet #saleInputBox table{white-space: nowrap;}
#itemDataCartSet #saleInputBox table td{padding-right:20px;}
#itemDataCartSet #saleInputBox input[name="repeat_sale_amount"]{
	padding:6px 10px;
	font-size:20px;
}
#itemDataCartSet #basketBtn2{
	padding:0;
	margin-top:38px;
	text-align:left;
}
#itemDataCartSet a.repeat_basket_btn{
	display:table;
	width:498px;
	margin:0;
	padding:25px;
	border-radius:50px;
	background:linear-gradient(90deg,rgba(58,185,88,1) 0%,rgba(40,129,61,1) 100%);
	line-height:1.0;
	font-size:2.8rem;
	text-align:center;
	color:#fff;
	transition:all 0.4s;
}
#itemDataCartSet a.repeat_basket_btn:hover{background:linear-gradient(90deg,rgba(40,129,61,1) 0%, rgba(58,185,88,1) 100%);}
.section.detail-recent.item-list{margin-bottom:60px;}


@media screen and (max-width:1319px){
	#itemDataCartSet,
	.section.detail-recent.item-list{width:1080px;}
	#itemDataCartSet .item-img{width:418px;}
	#itemDataCartSet .item-detail{width:610px;}
}
@media screen and (min-width:1320px){
	#itemDataCartSet,
	.section.detail-recent.item-list{width:1240px;}
	#itemDataCartSet .item-img{width:480px;}
	#itemDataCartSet .item-detail{width:700px;}
}