@charset "utf-8";

/*===================================================================
	main_visual
===================================================================*/
#main_visual { padding:100px 20px 60px; }
#main_visual .image { position:relative; width:100%; height:75vh; border-radius:10px; overflow:hidden; }
#main_visual .image > * { height:100%; }
#main_visual .image .mainvisual_scroll_button { position:absolute; width:64px; height:52px; bottom:40px; left:50%; transform:translateX(-50%); background:url(../image/contents/top/scroll.png) no-repeat center center / contain; display:block; filter:drop-shadow(0 0 6px rgba(0,0,0,.32));  }
#main_visual .image .pc_video_wrap { position:relative; width:100%; height:100%; overflow:hidden; }
#main_visual .image .pc_video_wrap video { position:absolute; object-fit:cover; max-width:none; width:100%; height:100%; top:0; left:0; }
#main_visual .image .main_text_wrap { position:absolute; top:0; left:0; width:100%; height:100%; display:block; filter:drop-shadow(0 0 6px rgba(0,0,0,.32)); }
#main_visual .image .main_text_wrap .main_text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
#main_visual .image .main_text_wrap .main_text .main { margin-bottom:0; text-align:center; }
#main_visual .image .main_text_wrap .main_text .main img { width:300px; }
#main_visual .image .main_text_wrap .main_text .sub { white-space:nowrap; font-size:2em; text-align:center; }
#main_visual .main_text_wrap .sp_play { width:60px; display:inline-block; }
#main_visual .image .main_text_wrap .main_text .sub { margin-bottom:60px; filter:drop-shadow(rgba(0,0,0,.6) 1px 1px 0px); width:422px; }
#top_slide,
#top_slide > .slick-list,
#top_slide > .slick-list .slick-track,
#main_visual .image .img_back { height:100%; }
@media (max-width:767px) {
	#main_visual { padding:0; }
	#main_visual .image { height:calc(100vh - 150px); border-radius:0; }
	#main_visual .image .mainvisual_scroll_button { bottom:40px; }
	#main_visual .image .main_text_wrap { pointer-events:none; }
	#main_visual .main_text_wrap .sp_play { pointer-events:auto; }
	#main_visual .image .main_text_wrap .main_text .main img { width:240px; }
	#main_visual .image .main_text_wrap .main_text .sub p { font-size:1.25em; letter-spacing:2px; text-indent:2px; }
	#main_visual .image .main_text_wrap .main_text .sub { margin-bottom:20px; }
	#main_visual .image .main_text_wrap .main_text._type2 { top:50%; bottom:auto; padding-bottom:60px; text-align:center; }
}
@media (max-width:575px) {
	#main_visual .image .main_text_wrap .main_text._type2 .sub { font-size:1.1em; margin-bottom:30px; }
	#main_visual .image .main_text_wrap .main_text._type2 .main { width:160px; display:inline-block; }
}

#main_visual #video { height:auto; padding:0; background:none; }
#main_visual #video .close { top:-20px; }
#main_visual #video .modal_wrap { height:auto; line-height:0; }
#main_visual #video .modal_wrap .youtube_wrap { position:relative; width:100%; height:0; padding-bottom:56.25%; }
#main_visual #video .modal_wrap .youtube_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
@media (min-width:768px) {
	#main_visual #video { display:none; }
}


/*===================================================================
	concept
===================================================================*/
#concept { position:relative; }
#concept .brand_concept { position:relative; }
#concept .brand_concept::after { position:relative; display:block; content:""; width:100%; height:0; padding-bottom:48.072%; background:url(../image/contents/top/concept_image.jpg?v=2) no-repeat center center / cover; }
#concept .bg_text { font-size:10em; position:absolute; top:0; left:50%; transform:translateX(-50%); font-weight:bold; color:rgba(214, 214, 214, 0.19); white-space:nowrap; line-height:1.2; letter-spacing:.05em; text-indent:.05em; }
#concept .concept_text { text-align:center; line-height:2; font-size:1.1em; position:relative; }
#concept .concept_text .copy { display:inline-block; font-size:1.5em; font-weight:bold; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:0 15px; }
#concept .concept_text p { position:relative; z-index:1; }
@media (max-width:767px) {
	#concept .bg_text { font-size:10vw; }
	#concept .concept_text { font-size:1em; }
}

#concept .obsession .obsession_wrap { display:flex; }
#concept .obsession .obsession_wrap > * { width:50%; }
#concept .obsession .obsession_wrap ._left .image_wrap { padding-right:10%; }
#concept .obsession .obsession_wrap ._left .image { position:relative; z-index:1; }
#concept .obsession .obsession_wrap ._left .image::after { content:""; background:rgba(234, 238, 242, 0.47); width:calc(100% + 40px); height:100%; position:absolute; bottom:-40px; right:-40px; z-index:-1; border-radius:0 10px 10px 0; }
#concept .obsession .obsession_wrap ._left .image .img_back { width:100%; height:0; padding-bottom:90.433%; border-radius:0 10px 10px 0; overflow:visible; }
#concept .obsession .obsession_wrap ._right { display:flex; flex-direction:column; justify-content:center; }
#concept .obsession .obsession_wrap ._right .text_wrap { position:relative; }
#concept .obsession .obsession_wrap ._right .text_wrap::after { content:""; width:80%; height:95%; position:absolute; bottom:-60px; right:0; background:rgba(234, 238, 242, 0.47); z-index:0; }
#concept .obsession .obsession_wrap ._right .text_wrap .text { max-width:calc(1100px * .5); margin-left:0; margin-right:auto; padding-left:20px; position:relative; z-index:1; }
#concept .obsession .obsession_wrap ._right .text .hl_obsession { font-size:2em; font-weight:bold; margin-bottom:30px; }
#concept .obsession .obsession_wrap ._right .text p { line-height:2; }
@media (max-width:1140px) {
	#concept .obsession .obsession_wrap ._right .text_wrap .text { max-width:100%; margin-right:20px; }
}
@media (max-width:991px) {
	#concept .obsession .obsession_wrap { flex-direction:column-reverse; }
	#concept .obsession .obsession_wrap > * { width:100%!important; }
	#concept .obsession .obsession_wrap ._left .image_wrap { padding-right:40px; }
	#concept .obsession .obsession_wrap ._left .image::after { bottom:-20px; right:-20px; }
	#concept .obsession .obsession_wrap ._right .text_wrap::after { bottom:30px; height:85%; }
	#concept .obsession .obsession_wrap ._right .text p { margin-bottom:30px; }
}
@media (max-width:767px) {
	#concept .obsession .obsession_wrap ._right .text .hl_obsession  { font-size:1.25em; }
}

/*===================================================================
	feature
===================================================================*/
#feature { position:relative; }
#feature .bg_text { font-size:10em; position:absolute; top:0; left:50%; transform:translateX(-50%); font-weight:bold; color:rgba(214, 214, 214, 0.19); white-space:nowrap; line-height:1; letter-spacing:.05em; text-indent:.05em; }
#feature .hl_feature { font-weight:bold; margin-bottom:30px; }
#feature .hl_feature .main { display:inline-block; font-size:1.5em; padding-right:10px; }
#feature .hl_feature .sub { display:inline-block; font-size:1em; }


#feature .feature_wrap { display:flex; }
#feature .feature_wrap > ._left { position:relative; width:55%; padding-bottom:60px; display:flex; flex-direction:column; justify-content:center; }

#feature .feature_wrap > ._left .text_wrap { position:relative; margin-top:120px; }
#feature .feature_wrap > ._left .text_wrap::after { content:""; width:80%; height:100%; position:absolute; bottom:-60px; left:0; background:rgba(234, 238, 242, 0.47); z-index:0; }
#feature .feature_wrap > ._left .text_wrap .text { max-width:calc(1100px * .55); margin-right:0; margin-left:auto; padding-right:20px; position:relative; z-index:1; }
#feature .feature_wrap > ._left .text_wrap .text .text_inner { line-height:2; }
#feature .feature_wrap > ._right { width:45%; }
#feature .feature_wrap > ._right .image_wrap { padding-left:10%; display:flex; flex-direction:column; justify-content:center; height:100%; }
#feature .feature_wrap > ._right .image { position:relative; }
#feature .feature_wrap > ._right .image .img_back { width:100%; height:0; padding-bottom:124.275%; border-radius:10px 0 0 10px; overflow:visible; }
@media (max-width:1140px) {
	#feature .feature_wrap > ._left .text_wrap .text { max-width:100%; margin-left:20px; }
}
@media (max-width:991px) {
	#feature .feature_wrap > ._left .text_wrap::after { bottom:-20px; height:90%; }
	#feature .feature_wrap { flex-direction:column; }
	#feature .feature_wrap > * { width:100%!important; }
}
@media (max-width:767px) {
	#feature .feature_wrap > ._left  .bg_text { font-size:20vw; }
	#feature .feature_wrap > ._left .text_wrap { margin-top:20vw; }
}

#feature .callout { position:relative; }
#feature .callout::before { content:""; background:#000; mix-blend-mode:overlay; top:0; left:0; width:100%; height:100%; display:block; position:absolute; opacity:.5; }
#feature .callout > * { position:relative; z-index:2; }
#feature .callout .callout_wrap { display:flex; }
#feature .callout .callout_wrap > ._left { width:55%; display:flex; flex-direction:column; justify-content:center; }
#feature .callout .callout_wrap > ._left .image { position:relative; margin-right:8%; }
#feature .callout .callout_wrap > ._left .image .img_back { width:100%; height:0; padding-bottom:96.684%; border-radius:10px; }
#feature .callout .callout_wrap > ._left .image::after { content:""; position:absolute; width:calc(100% + 9.250% - 1px); height:100%; display:block; background:#fff; top:0; left:0; mask:url(../image/contents/top/callout_line.png?v=2) no-repeat center center / contain; -webkit-mask:url(../image/contents/top/callout_line.png?v=2) no-repeat center center / contain; }
#feature .callout .callout_wrap > ._right { width:45%; display:flex; flex-direction:column; justify-content:space-between; }
#feature .callout .callout_wrap > ._right > .unit { min-height:45%; z-index:2; padding:30px; border-radius:10px; position:relative; border:2px solid #fff; }
#feature .callout .callout_wrap > ._right > .unit > * { position:relative; z-index:2; }
#feature .callout .callout_wrap > ._right > .unit:not(:last-child) { margin-bottom:10px; }
#feature .callout .callout_wrap > ._right > .unit dl { height:100%; display:flex; flex-direction:column; }
#feature .callout .callout_wrap > ._right > .unit dl dt { width:100%; text-align:center; padding:5px; border-radius:40px; background:#545c78; font-size:1.2em; font-weight:bold; margin-bottom:10px; }
#feature .callout .callout_wrap > ._right > .unit dl dd { flex-grow:1; }
#feature .callout .callout_wrap > ._right > .unit dl dd ul { height:100%; display:flex; flex-direction:column; justify-content:center; }
#feature .callout .callout_wrap > ._right > .unit dl dd ul li { position:relative; line-height:28px; padding-left:20px; }
#feature .callout .callout_wrap > ._right > .unit dl dd ul li::before { position:absolute; display:block; content:""; width:10px; height:10px; top:14px; left:0; transform:translateY(-50%); background:#fff; border-radius:14px; }
#feature .callout .text { color:#717171; padding-top:5px; }
@media (max-width:767px) {
	#feature .callout .callout_wrap { flex-wrap:wrap; }
	#feature .callout .callout_wrap > ._left { width:calc(100% - 140px); }
	#feature .callout .callout_wrap > ._right_sp { width:140px; display:flex; flex-direction:column; justify-content:space-around; }
	#feature .callout .callout_wrap > ._right_sp > .unit { text-align:center; background:#545c78; border-radius:20px; padding:5px; font-weight:bold; }
	#feature .callout .callout_wrap > ._right_sp > .unit._top { transform:translateY(-11%); }
	#feature .callout .callout_wrap > ._right { width:100%; margin-top:20px; }
	#feature .callout .callout_wrap > ._right > .unit { padding:20px; }
	#feature .callout .callout_wrap > ._right > .unit:not(:last-child) { margin-bottom:20px; }
	#feature .callout .callout_wrap > ._right > .unit dl { justify-content:center; }
}

#feature .movies { margin-bottom:-20px; }
#feature .movies .video_wrap { margin-bottom:20px; }
#feature .movies .video_wrap .text { text-align:center; margin-top:5px; }
#feature .movies .video_wrap .video { position:relative; width:100%; height:0; padding-bottom:56.25%; }
#feature .movies .video_wrap .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/*===================================================================
	evidence
===================================================================*/
#evidence { position:relative; overflow:hidden; }
#evidence .bg_text { font-size:10em; position:absolute; top:-10px; left:-1%; font-weight:bold; color:rgba(214, 214, 214, 0.19); white-space:nowrap; line-height:1; letter-spacing:.05em; }
#evidence .hl_evidence { font-size:1.5em; margin-bottom:30px; }
#evidence .text_wrap .text { margin-bottom:30px; line-height:2; }
@media (max-width:767px) {
	#evidence .bg_text { font-size:17.6vw; top:-2.5vw; }
}

/*===================================================================
	fragrance
===================================================================*/
#fragrance { position:relative; overflow:hidden; }
#fragrance .bg_text { font-size:10em; position:absolute; top:-10px; left:-1%; font-weight:bold; color:rgba(214, 214, 214, 0.19); white-space:nowrap; line-height:1; letter-spacing:.05em; }
#fragrance .main_text { font-size:1.25em; font-weight:500; padding-bottom:40px; }
#fragrance .main_text ul li { padding-left:1.5em; text-indent:-1.5em; line-height:2; }
#fragrance .main_text ul li::before { content:"●"; margin-right:0.5em; }

#fragrance .fragrance_wrap .row { display:flex; flex-wrap:wrap; justify-content:center; }
#fragrance .fragrance_wrap .row > * { float:none; }
#fragrance .fragrance_wrap .row::before,
#fragrance .fragrance_wrap .row::after { display:none; }
#fragrance .unit { border:5px solid var(--fragrance-color); padding:20px 15px; height:100%; box-shadow:rgba(0,0,0,.16) 0 3px 6px; border-radius:15px; background:#fff; color:#1C1C1C; }
#fragrance .unit._1 { --fragrance-color:#CBB8D3; }
#fragrance .unit._2 { --fragrance-color:#AEDAC7; }
#fragrance .unit._3 { --fragrance-color:#FEE9C4; }
#fragrance .unit._4 { --fragrance-color:#F5A864; }
#fragrance .unit._5 { --fragrance-color:#DEA390; }
#fragrance .unit._6 { --fragrance-color:#C2E1F6; }
#fragrance .unit._7 { --fragrance-color:#F8C6BD; }
#fragrance .unit .image { margin-bottom:20px; text-align:center; }
#fragrance .unit .title { font-weight:500; text-align:center; font-size:1.2em; margin-bottom:20px; border-radius:24px; padding:5px 15px; background:var(--fragrance-color); display:flex; align-items:center; justify-content:center; }
#fragrance .unit .title._natural::before { content:""; width:28px; height:26px; background:url(../image/contents/top/natural_icon.png) no-repeat center center / contain; margin-right:7px; }
#fragrance .unit .title._natural .main { width:calc(100% - 35px); }
#fragrance .unit .title .main { text-align:center; }
#fragrance .unit .text { text-align:center; }
@media (max-width:991px) {
	#fragrance .fragrance_wrap { margin-bottom:-40px; }
	#fragrance .unit .title { font-size:1.25em; }
}
@media (max-width:767px) {
	#fragrance .bg_text { font-size:14.5vw; top:-2vw; }

}

/*===================================================================
	items
===================================================================*/
#items { position:relative; }
#items .bg_text { font-size:10em; position:absolute; top:-10px; left:-1%; font-weight:bold; color:rgba(214, 214, 214, 0.19); white-space:nowrap; line-height:1; letter-spacing:.05em; }
#items .main_text { line-height:2; }
#items .items_list .items_unit_wrap { position:relative; background:url(../image/layout/back2.jpg) no-repeat center center / cover; padding:80px 0 20px; }
#items .items_list .items_unit_wrap > .unit { display:flex; align-items:center; padding:30px 0; }
#items .items_list .items_unit_wrap:nth-child(2n+1)::before { content:""; width:100%; height:100%; position:absolute; left:0; top:0; display:block; background:#000; opacity:.25; z-index:1; }
#items .items_list .items_unit_wrap > * { position:relative; z-index:2; }
#items .items_list .items_unit_wrap:nth-child(2n+1) .unit { flex-direction:row; }
#items .items_list .items_unit_wrap:nth-child(2n) .unit { flex-direction:row-reverse; }
#items .items_list .unit > .image { width:55%; overflow:hidden; transform:translateY(-60px); }
#items .items_list .items_unit_wrap:nth-child(2n+1) .unit > .image .img_back { border-radius:0 10px 10px 0; }
#items .items_list .items_unit_wrap:nth-child(2n) .unit > .image .img_back { border-radius:10px 0 0 10px; }
#items .items_list .unit > .image .img_back { width:100%; height:0; padding-bottom:85.235%; }
#items .items_list .unit > .text { width:45%; }
#items .items_list .unit > .text .text_wrap { max-width:calc(1300px * .45); }
#items .items_list .unit > .text:nth-child(2n+1) .text_wrap { padding-right:60px; margin-left:auto; margin-right:0; }
#items .items_list .unit > .text:nth-child(2n) .text_wrap { padding-left:60px; margin-left:0; margin-right:auto; }
#items .items_list .unit > .text .title { display:flex; flex-direction:column; font-weight:bold; font-size:1.5em; margin-bottom:20px; }
#items .items_list .unit > .text .types_icons { margin-bottom:20px; }
#items .items_list .unit > .text .types_icons ul { display:flex; }
#items .items_list .unit > .text .types_icons ul li { padding-right:10px; }
#items .items_list .unit > .text .types_icons ul li .icon_unit { width:24px; height:24px; border-radius:12px; }
#items .items_list .unit > .text .sub_info { margin-bottom:40px; }
#items .items_list .unit > .text .sub_info th { width:90px; }
#items .items_list .unit > .text p.set_detail { padding-top:20px; }
#items .items_list .unit > .text p.comment { line-height:2; margin-bottom:40px; }
@media (max-width:1340px) {
	#items .items_list .unit > .text .text_wrap { max-width:100%; padding-left:20px!important; padding-right:20px!important; }
}
@media (max-width:991px) {
	#items .items_list .unit { flex-direction:column!important; padding:0; }
	#items .items_list .items_unit_wrap:not(:last-child) .unit { margin-bottom:40px; }
	#items .items_list .unit > * { width:100%!important; }
	#items .items_list .items_unit_wrap:nth-child(2n+1) .unit > .image { padding-right:20px; }
	#items .items_list .items_unit_wrap:nth-child(2n) .unit > .image { padding-left:20px; }
	#items .items_list .unit > .image { transform:translateY(0); margin-bottom:20px; }
	#items .items_list .unit > .text .button_wrap { text-align:center; }
}
@media (max-width:767px) {
	#items .bg_text { font-size:30vw; top:-3.5vw; }
	#items .items_list .unit > .text .sub_info { margin-bottom:20px; }
	#items .items_list .unit > .text p.comment { margin-bottom:20px; }
	#items .items_list .unit > .text .title { font-size:1.25em; }
}
/*===================================================================
	other
===================================================================*/
#other { background:rgba(244, 244, 244, 0.4); overflow:hidden; }
#other .other_slide.slick-slider { width:calc(100% + 12px); margin:0 -6px; }
#other .other_slide.slick-slider .slick-prev,
#other .other_slide.slick-slider .slick-next { width:46px; height:96px; background-repeat:no-repeat; background-size:46px auto; top:50%; transform:translateY(-50%); transition:opacity .2s; }
#other .other_slide.slick-slider .slick-prev { background-image:url(../image/layout/icon/other-l.png); background-position:left center; left:6px; }
#other .other_slide.slick-slider .slick-next { background-image:url(../image/layout/icon/other-r.png); background-position:right center; right:6px; }
#other .other_slide.slick-slider .slick-prev:hover,
#other .other_slide.slick-slider .slick-next:hover { opacity:.6; }
#other .other_slide.slick-slider .slick-prev::before,
#other .other_slide.slick-slider .slick-next::before { display:none; }
#other .other_slide.slick-slider .slick-list { overflow:visible; }
#other .other_slide.slick-slider .slick-list .unit { padding:0 6px; }
#other .other_slide.slick-slider .slick-list .unit a { position:relative; padding:0!important; border:0!important; max-width:100%!important; }
#other .other_slide.slick-slider .slick-list .unit a .text { padding-top:10px; position:absolute; bottom:0; transform:translateY(100%); width:100%; }
#other .image {  }
#other .text .title { text-align:center; font-size:1.1em; margin-bottom:5px; }
#other .text .price { text-align:center; }
@media (max-width:1140px) {
	#other .other_slide_wrap { overflow:hidden; }
}
@media (max-width:767px) {
	#other .other_slide.slick-slider .slick-prev,
	#other .other_slide.slick-slider .slick-next { background-size:32px auto; width:68px; height:; }
}

/*===================================================================
	items
===================================================================*/

.slick-dots li button:before{color: #D5D5D5; display: block; font-size:40px!important; width: 30px;}
.slick-dots li.slick-active button:before {color: linear-gradient(180deg, rgba(223,0,134,1) 0%, rgba(55,0,96,1) 100%);}
.items .number{font-weight:bold; padding-left: 15px;}
.items .text_unit{height:100%; /*display: flex;*/ flex-direction: column; justify-content: center; margin: 0 0 auto 0; padding-top: 80px;}
.items .comingsoon{border: 1px solid #332C2C; max-width: 311px; text-align:center; font-weight:bold; padding: 15px 0; font-size: 1.5em;}
@media(min-width:576px){
	.items .number{font-size: 3.75em;}
}
@media(max-width:575px){
	.items .number{font-size: 2em;}
}
@media(min-width:992px){
	.items .pad_le{padding-left: 45px;}
	.items .text_unit{padding-right: 15px;}
}
@media(max-width:991px){
	.items .slide_img{margin-bottom:30px; }
	.items .text_unit{padding: 50px 15px 0 15px;}
}
/*===================================================================
	other
===================================================================*/
.other .text{display: flex; flex-direction: column; justify-content: space-between; padding-top: 50px;}
.other .title{font-size:1.5em; font-weight: bold;}
.other .lanthanum  .row > [class*=col-]{padding-right: 5px; padding-left:5px;}
.other .lanthanum .btn_1{max-width:233px;}
.other .candle .unit{padding-bottom: 50px;}
@media (max-width: 767px){
	.other .lanthanum .unit{padding-bottom: 50px;}
}

@media (max-width: 991px){
	.other .pad_t{padding-top: 0px;}
}
@media (min-width: 992px){
	.other .pad_t{padding-top: 20px;}
}



/*===================================================================
	voice
===================================================================*/
.voice .unit{border: 2px solid #929292; padding: 30px; box-shadow:5px  5px 0 #929292;  margin-bottom: 30px;}
.voice .unit._left{margin-right: 60px;}
.voice .unit._right{margin-left: 60px;}

@media (max-width:767px) {
	.voice .unit._left{margin-right: 30px;}
	.voice .unit._right{margin-left: 30px;}
}

/*===================================================================
	effect
===================================================================*/
.effect .unit .pad_t{padding-top: 15px;}
.effect .hl_1{padding-left: 15px;}
/*#effect_slide .image{max-height:455px;}*/
.effect .effect_text{height: 100%; display: flex; flex-direction: column; justify-content: center; padding:0 15px 15px 15px; line-height: 2; margin: 0 auto;}
.effect .slick-dots {bottom: auto;}


/*===================================================================
	cooperation
===================================================================*/
.cooperation {background:#F5F5F5; padding:25px 0;}
.cooperation .flex{display: flex; align-items: center;}
.cooperation .flex img{margin-left: 25px; width: 200px;}

/*===================================================================
	cart_contain
===================================================================*/
#cart_contain{position: fixed; bottom: 0; right: 0; z-index: 9999; background: #fff; 	width: 100%; max-width: 400px;   box-shadow: 0 1px 3px rgb(0 0 0 / 25%);     max-height: 70vh;}

#cart_contain .js-summary {
	   text-align: center;
	background: #2C2E33;
    padding-right: 25px;
	position:relative;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

#cart_contain .js-container {
	font-size: 0.9em;
	padding: 30px;
	display: block;
    max-height: calc(70vh - 60px);
    overflow-x: hidden;
    overflow-y: scroll;
}
.item_box{padding: 10px 0; display: flex; border-bottom: 1px solid #E0E0E0; align-items: center;}
.item_box .img{width: 40px;}
.item_box .text{width: calc(100% - 130px);  padding:0 10px;}
.item_box .text .name { color: #5C5C5C;}
.item_box .num{width: 90px; color: #797979;}
.item_box .num select{width: 70px;}
.item_box .num .delete a{text-decoration: underline;}

#cart_contain .js-container .btn_wrap  .btn{    background-color: #D6002D;}

#cart_contain .js-container .yen .unit{font-size: 0.5em; margin-left: 5px; color: #797979;}
#cart_contain .js-container .total{display: flex; align-items:center; justify-content: space-between; padding: 10px 0;}
#cart_contain .js-container .js-close{text-decoration: underline; color: #797979;}
#cart_contain  .js-summary {cursor: pointer;}
#cart_contain .js-container {display: none;}
#cart_contain  .js-summary:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/layout/icon/up.png) no-repeat center/ 20px auto;
	margin-right: 8px;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#cart_contain.open  .js-summary:after {
	background: url(../image/layout/icon/down.png) no-repeat center/ 20px auto;
}



/*===================================================================
	shoplist
===================================================================*/
#shoplist { position:relative; overflow:hidden; }
#shoplist .bg_text { font-size:10em; position:absolute; top:-10px; left:-1%; font-weight:bold; color:rgba(214, 214, 214, 0.19); white-space:nowrap; line-height:1; letter-spacing:.05em; }
#shoplist .hl_1{margin-bottom: 80px;}
@media (max-width:767px) {
	#shoplist{padding-top: 120px;}
	#shoplist .bg_text { font-size: 17vw; top: -2.5vw; }
}


#shoplist .unit { margin-bottom:20px; }
#shoplist .unit > * { width:100%;  }
#shoplist .unit > dt { position:relative; margin-bottom: 20px; font-weight:bold; cursor:pointer; padding-bottom: 10px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:rgba(0,0,0,.5) url(../image/layout/icon/plus-w.png) no-repeat center right 15px / 25px auto; image-rendering:-webkit-optimize-contrast; transition:background-color .2s; z-index:10; padding:5px 10px; }
#shoplist .unit > dt.active { background-image:url(../image/layout/icon/minus-w.png); }
#shoplist .unit > dd { transform:translateY(0); border-top:0; overflow:hidden; transition:.2s; }
#shoplist .unit > dd a{font-weight:bold;}

#shoplist .unit > dd a.shop span{ background: url(../image/layout/icon/link-w.png) no-repeat right center / auto 100%; padding: 0 2em 0 0; line-height: 130%; margin-right: 20px;}
#shoplist .unit > dt:not(.active) + dd { transform:translateY(-1px); height:0; padding:0 40px; }
#shoplist .unit > dd.info a { color:#fff; }
#shoplist .unit > dd.info .wrap{ border-bottom:1px solid #CECECE; padding-bottom: 20px;}
#shoplist .unit > dd.info .wrap:last-child{border-bottom: none;}

#shoplist .unit > dd.info .pre{background-color:#545c78; color: #FFF; display: inline-block; padding: 5px 10px; margin: 20px 0;}
#shoplist .unit > dd.info .pre + .wrap{margin-bottom:20px;}
#shoplist .unit > dd.info .wrap + .wrap{margin-bottom: 20px;}

#shoplist .unit > dd.info .map{background: url(../image/layout/icon/map.png) no-repeat left center / auto 100%; padding: 0.5em 0em 0.5em 2.8em; line-height: 260%;}
#shoplist .unit > dd.info .map a{display: inline-block;}
@media (min-width:768px) {
	#shoplist .unit > dt{font-size: 1.5em;}
	#shoplist .unit > dd.info .wrap{display:flex; align-items: center;}
	#shoplist .unit > dd.info .wrap > *{width: calc(100% / 3);}
/*	#shoplist .unit > dd.info .wrap ._left{width: 35%;}
	#shoplist .unit > dd.info .wrap ._center{width: 40%;}
	#shoplist .unit > dd.info .wrap ._right{width: 25%;}*/
	#shoplist .unit > dd ._right{text-align:right;}
	#shoplist .unit > dd a.shop{padding-right: 30px;}
}
@media (max-width:767px) {
	#shoplist .unit > dt{font-size: 1.25em;}
	#shoplist .unit > dd.info .wrap{display:block;}
	#shoplist .unit > dd.info .wrap > *{width:100%;}
	#shoplist .unit > dd ._right{text-align:left;}
	#shoplist .unit > dd ._center{margin-bottom: 10px;}
	#shoplist .unit > dd a{display:inline-block; margin-bottom:10px;}
}