@charset "euc-jp";

.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}



/*main-contents*/

.main-contents{

	width:100%;

	padding-bottom:120px;

}

.topSec,

.topSec *{box-sizing:border-box;}

.topSec{

	position:relative;

	margin:0 auto;

}

.topSec img{

	width:100%;

	vertical-align:top;

}

.topSec *[data-font="eb"]{font-family:'EB Garamond',serif;}

.topSec *[data-font="lato"]{font-family:'Lato',sans-serif;}

.topSec *[data-font="enserif"]{font-family:"Times New Roman","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;}

.topSec *[data-font="nserif"]{font-family:'Noto Serif JP',serif;}

.topSec *[data-animedirection]{

	opacity:0;

	transition:all 0.8s;

}

.topSec *[data-animedirection="toup"]{transform:translateY(200px);}

.topSec *[data-animedirection="todown"]{transform:translateY(-200px);}

.topSec *[data-animedirection="toright"]{transform:translateX(30vw);}

.topSec *[data-animedirection="toleft"]{transform:translateX(-30vw);}

.topSec *[data-animedirection].show{opacity:1;}

.topSec *[data-animedirection="toup"].show,

.topSec *[data-animedirection="todown"].show{transform:translateY(0px);}

.topSec *[data-animedirection="toright"].show,

.topSec *[data-animedirection="toleft"].show{transform:translateX(0vw);}

.topSec .itemFg{position:relative;}

.topSec .itemFg img:first-child{

	position:absolute;

	height:100%;

	width:auto;

}



/*topMV*/

#topMV{

	position:relative;

	display:block;

	width:100%;

	margin-bottom:192px;

	background-color:#910003;

	overflow:visible;

}

#topMV .slider{margin:0 auto;}

#topMV li{

	display:block;

	list-style:none;

}

#topMV img{width:100%;}

#topMV .slick-dots{

	position:absolute;

	top:calc(100% + 44px);

	left:0;

	width:100%;

	display:flex;

	justify-content:center;

}

#topMV .slick-dots > li{

	display:block;

	width:54px;

	height:4px;

	margin:0 3px;

}

#topMV .slick-dots button{

	display:block;

	width:100%;

	height:100%;

	background-color:#dcdcdc;

	border:none;

	font-size:0;

	transition:all 0.4s;

}

#topMV .slick-dots > li.slick-active button{background-color:#7b000b;}



/*topConcept*/

#topConcept{

	width:1080px;

	margin-top:140px;

	display:flex;

	justify-content:space-between;

}

#topConcept .itemFg{

	width:540px;

	height:750px;

}

#topConcept .itemFg img{

	right:0;

	top:0;

}

#topConcept .txtBox{

	width:436px;

	padding-top:24px;

	text-align:left;

}

#topConcept .itemTtl{

	font-size:5.8rem;

	line-height:1.3;

	color:#7b000b;

	text-align:left;

}

#topConcept .itemSttl{

	margin:32px auto 20px;

	font-size:2.5rem;

	line-height:1.4;

}

#topConcept .itemTxt{

	font-size:1.6rem;

	line-height:1.625;

}

#topConcept .itemTxt+.itemTxt{margin-top:24px;}



/*topPickup*/

#topPickup{

	width:1080px;

	margin-top:120px;

	display:flex;

	flex-wrap:wrap;

	justify-content:space-between;

	flex-direction:row-reverse;

}

#topPickup .pickupTtl{

	width:100%;

	font-size:3.0rem;

	line-height:1.0;

	margin-bottom:4px;

}

#topPickup .itemFg{

	width:400px;

	height:770px;

}

#topPickup .itemFg img:first-child{

	top:20px;

	left:0;

}

#topPickup .itemFg img.pumpFg{

	position:absolute;

	width:231px;

	top:156px;

	left:-102px;

}

#topPickup .txtBox{

	width:542px;

	padding-top:75px;

	text-align:left;

}

#topPickup h3 > *{

	display:block;

	line-height:1.0;

	text-align:left;

}

#topPickup h3 .pickUpSttl{

	color:#7b000b;

	font-size:9.2rem;

	letter-spacing:0.2rem;

}

#topPickup h3 .pickUpSttlSm{

	margin-top:6px;

	font-size:2.3rem;

}

#topPickup  .pickUpItemName{

	margin:20px auto;

	font-size:5.0rem;

	letter-spacing:-0.5rem;

}

#topPickup .pickUpItemData > *{

	display:inline-block;

	vertical-align:middle;

}

#topPickup .productName{

	font-size:2.4rem;

	line-height:1.0;

}

#topPickup  .productPrice{

	margin-left:12px;

	color:#7b000b;

	font-size:3.0rem;

}

#topPickup  .productPriceSm{

	color:#7b000b;

	font-size:1.4rem;

}

#topPickup .shampooElement{

	width:100%;

	margin:36px auto 30px;

	display:flex;

	justify-content:space-between;

}

#topPickup .shampooElement li{

	width:168px;

	height:168px;

	display:table;

	background-color:#7b000b;

	color:#fff;

	border-radius:50%;

}

#topPickup .shampooElement li span{

	display:table-cell;

	vertical-align:middle;

	text-align:center;

	font-size:1.8rem;

	line-height:1.444;

}

#topPickup .shampooTxt{

	font-size:1.6rem;

	line-height:1.75;

}

#topPickup .shampooLink{

	display:block;

	text-align:center;

	margin-top:40px;

}

#topPickup .shampooLink a{

	display:block;

	padding:24px;

	border:4px solid #7b000b;

	border-radius:44px;

	font-size:3.0rem;

	color:#7b000b;

	line-height:1.0;

	font-weight:bold;

	vertical-align:middle;

	text-decoration:none;

	transition:all 0.4s;

}

#topPickup .shampooLink a:hover{

	background-color:#7b000b;

	color:#fff;

}



/*topStyling*/

#topStyling{

	width:800px;

	margin-top:168px;

	border:14px solid #7b000b;

}

#topStyling .pumpFg{

	width:235px;

	position:absolute;

	left:75px;

	top:calc(50% - 254px);

}

#topStyling .txtBox{

	padding:52px 0 36px;

	margin:0 20px 0 338px;

	text-align:left;

}

#topStyling .txtBox > *{display:block;}

#topStyling .txtBox > *:not(.stylingTxt01){line-height:1.0;}

#topStyling .stylingTtl,

#topStyling .stylingTxt02{color:#652727;}

#topStyling .stylingTtl{

	margin-bottom:10px;

	font-size:8.4rem;

	letter-spacing:0.4rem;

	text-align:left;

}

#topStyling .stylingTxt01{

	font-size:1.8rem;

	line-height:1.5;

}

#topStyling .stylingSttl{

	margin-bottom:12px;

	font-size:3.2rem;

}

#topStyling .stylingTxt02{

	margin-bottom:20px;

	font-size:6.4rem;

}



/*topBetween*/

#topBetween{

	width:100%;

	margin-top:172px;

	padding:100px 0;

	background-color:#840711;

}

#topBetween #betweenVideo{object-fit:cover;}



/*topSeries*/

#topSeries{

	width:100%;

	padding:120px 0 100px;

	padding-right:calc(50% - 540px);

	padding-left:calc(50% - 540px);

	background-color:#f2f2f2;

}

#topSeries h2 > *{

	display:block;

	line-height:1.0;

}

#topSeries .seriesTtlEn{

	font-size:4.0rem;

	color:#6e2a2b;

	letter-spacing:0.2rem;

}

#topSeries .seriesTtl{

	margin-top:24px;

	font-size:5.0rem;

}

#topSeries .seriesList{

	display:flex;

	justify-content:space-between;

	margin-top:70px;

}

#topSeries .seriesList li{

	display:block;

	width:320px;

	text-align:left;

}

#topSeries .seriesTypeFg{

	display:block;

	margin:0 auto;

}

#topSeries h3{margin-top:28px;}

#topSeries h3 > *{

	display:block;

	line-height:1.0;

	font-size:2.2rem;

}

#topSeries h3 .seriesTypeSm{margin-top:22px;}

#topSeries .seriesTypeTxt{

	margin-top:12px;

	font-size:1.6rem;

	line-height:1.625;

}



/*topNews*/

#topNews{

	display:flex;

	justify-content:space-between;

	align-items:center;

	margin-top:120px;

	padding-right:calc(50% - 440px);

	padding-left:calc(50% - 440px);

}

/*#topNews *{display:block;}*/

#topNews .topNewsTtl,

#topNews .topNewsTtl *{display:block;}

#topNews .topNewsTtl{

	margin:0;

	font-size:4.0rem;

	line-height:1.0;

	letter-spacing:0.1rem;

}

#topNews .topNewsList,

#topNews .newsTable{

	width:680px;

	text-align:left;

	line-height:1.4;

}

#topNews .newsTable table,

#topNews .newsTable table *{

	width:100%;

	height:auto!important;

	border-collapse:collapse;

}

#topNews .newsTable table tr:not(:last-child) .line{height:36px!important;}

#topNews .newsTable table tr:last-child .line{display:none!important;}

#topNews .newsTable table table .woong[width="80"]{

	width:118px;

	font-size:1.6rem;

	font-family:'EB Garamond',serif;

}

#topNews .newsTable table table .woong[width="80"]+td{

		width:562px;

	font-size:1.5rem;

}

#topNews .newsTable table table .woong[width="80"]+td a{

	text-decoration:none;

	pointer-events:none;

}

/*#topNews .topNewsList:after{

	content:"";

	display:block;

	clear:both;

}

#topNews .topNewsList dt{

	width:118px;

	float: left;

	clear:both;

	font-size:1.6rem;

}

#topNews .topNewsList dd{

	width:562px;

	font-size:1.5rem;

}

#topNews .topNewsList dt+dd+dt,

#topNews .topNewsList dd+dt+dd{margin-top:36px;}*/



@media (max-width:1096px){

	#topMV{padding:0;}

	#topMV .slider{width:100vw;}

}

@media (min-width:1096px){

	#topMV{

		padding-right:calc(50% - 545px);

		padding-left:calc(50% - 545px);

	}

	#topMV .slider{width:1090px;}

}

@media (min-width:1096px) and (max-width:1416px){

}

@media (min-width:1416px){

}