@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Zen+Old+Mincho&display=swap');
:root	{
	--primary: #5B83CC;
}
@media (max-width: 1000px) {
 .result_suggest_title .result_suggest_list { margin: 0 -1.5rem!important; }
}
.search_feature.active, 
.search_styling.active, 
.result_suggest	{ background-color: #fff; position: relative; z-index: 2; }
search_box	{ z-index: 3; }
.header_caution { height: 48px; }
#contents { width: 100%!important; max-width: 100%!important; padding: 0; margin: 0; }
#pisss { width: 100%!important; max-width: 100%!important; }
#pi { width: 100%!important; max-width: 100%!important; margin: 0; background-color: transparent!important; padding: 0; }
#pi > img { display: none!important; }
@media (min-width: 768px)	{
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0; }
}
.section_main, 
.seach_sort_wrapper,
.search_contents,
.bread	{ background-color: #fff; }
.seach_sort_wrapper,
.search_contents,
.bread,
.store_footer	{ position: relative; z-index: 2; }
.result_suggest	{ margin: 0; }
.pi_description	{ padding: 0!important; background-color: #fff; }
.pi_lgzformat	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:0; position: relative; container-type: inline-size; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:0; font-family: "Instrument Serif", "Zen Old Mincho", serif; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; color:#000000; -webkit-font-smoothing: antialiased; font-feature-settings: normal; }
.pi_lgzformat .en	{ font-family: "Instrument Serif", serif; font-weight: 400; font-style: normal; }
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.pi_lgzformat ul:before,
.pi_lgzformat ol:before,
.pi_lgzformat dl:before, 
.pi_lgzformat ul:after, 
.pi_lgzformat ol:after, 
.pi_lgzformat dl:after	{ display: none!important; }
.pi_lgzformat img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.pi_lgzformat .small {font-size:80%;}
.pi_lgzformat .center-text	{ text-align: center; }
.pi_lgzformat_inner	{ width: 100%; container-type: inline-size; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-48px); }
.pi_lgzformat_bg	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:0; position: relative; }
@media (max-width: 767.9px)	{ 
.pi_lgzformat_bg	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:0; position: relative; }
}

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.showin	{ opacity: 1; transition: opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: .3s; transition-delay: .3s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}

/* ------------ MAIN AREA ------------- */
.mainimg_wrapper	{ width: 100%; position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 1; }
.mainimg	{ width: 100%; height: 100%; aspect-ratio: 3 / 2; overflow: hidden; container-type: inline-size; }
.mainTitle	{ width: 76%; position: absolute; top: 80%; left: 12%; z-index: 2; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; }
.mainTitle > strong, 
.mainTitle > h1, 
.mainTitle > h3	{ font-size: 2.7027cqw; line-height: 1.368; color:#fff; font-family: "Instrument Serif", serif; font-weight: 400; font-style: normal; letter-spacing:.06em; }
.mainTitle > h3 span	{ all: revert; font-size: 1.756cqw; }
@media (max-width: 767.9px)	{ 
	.mainTitle	{ width: 100%; top: 0; left: 0; right: 0; bottom: 0; height: 100%; }
	.mainimg	{ width: 100%; height: 100%; aspect-ratio: 3 / 4; }
	.mainTitle > strong, 
	.mainTitle > h1, 
	.mainTitle > h3	{ font-size: 4.53333cqw; line-height: 1.368; position: absolute; }
	.mainTitle > h3 span	{ font-size: 3.4666cqw; }
	.mainTitle > strong	{ left: 6.5%; top: 40%; }
	.mainTitle > h1	{ right: 6.5%; top: 52%; }
	.mainTitle > h3	{ bottom: 6.3%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}

/* ------------ INTRODUCTION ------------- */
.introduction	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; padding: 5cqw 8.7cqw 5.8cqw; }
.introduction > p	{ font-size: 1.216cqw; line-height: 1.8; letter-spacing:.1em; }
@media (max-width: 767.9px)	{ 
	.introduction	{ padding: 12cqw 0 15.6cqw; justify-content: center; }
	.introduction > p	{ font-size: 3.2cqw; letter-spacing:.14em; text-align: center; }
}

/* ------------ LOOK LIST ------------- */
.splooklist	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; }
.looklist_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; gap: .6756cqw; }
.lookDetail_wrap	{ width: 100%; flex-grow:1; display: -webkit-flex; display: flex; align-items: flex-start; position: relative; opacity: 1; }
.lookDetail_wrap.half	{ width: calc(50% - .3378cqw); height: 100%; aspect-ratio: 65 / 84; }
.lookDetail_wrap.sma	{ width: calc(39.3244cqw - .3378cqw); }
.lookDetail_wrap.big	{ width: calc(60cqw - .3378cqw); }
.lookDetail_inner	{ width: 100%; display: -webkit-flex; display: flex; position: relative; }
.looknmb	{ list-style: none; position: absolute; left: 9%; top: 5.2%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5cqw; z-index: 2; }
.looknmb > li	{ min-width: 2.6cqw; padding: 0 .3cqw; color:#fff; font-size: 2.027cqw; line-height: 1; font-style: italic; letter-spacing:.1em; font-weight: 400; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.looknmb > li b, 
.looknmb > li i	{ all: revert; font-weight: 400; }
.looknmb > li:first-child	{ padding: 0 0 .5cqw .3cqw; margin: 0 0 .1cqw; position: relative; }
.looknmb > li:first-child::after	{ content:""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0; transform: translateX(.1cqw); }
.looknmb > li:last-child	{ padding: 0 .3cqw 0 0; }
.lookDetail	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.lookmore	{ position: absolute; inset: 0; z-index: 5; }
.lookmoreDetail	{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; z-index: 7; pointer-events: none; }
.lookmoreDetail > ul	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; gap: .72cqw; padding: 2.5cqw 3.7837cqw; transition: opacity .5s ease; opacity: 0; }
.lookmoreDetail > ul > li	{ width: 100%; display: -webkit-flex; display: flex; transition: all .5s; transform: translateY(10px); opacity: 0; }
.lookmoreDetail > ul > li > a	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
.lookmoreDetail > ul > li > a.soon	{ pointer-events: none; }
.lookmoreDetail > ul > li > a > strong	{ color:#fff; font-size: 1.1486cqw; font-weight: 400; line-height: 1; letter-spacing:.08em; }
.lookmoreDetail > ul > li > a > b	{ color:#fff; font-size: 1.1486cqw; font-weight: 400; line-height: 1; letter-spacing:.1em; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; padding: .5cqw 2cqw; border-radius: 3cqw; transition: all .5s; }
.lookmoreDetail > ul > li > a.soon > b	{ color:#fff; font-size: 1cqw; font-weight: 400; line-height: 1; letter-spacing:.1em; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; padding: .5cqw 2cqw; border-radius: 3cqw; transition: all .5s; }

.lookmoreDetail.active > ul	{ opacity: 1; pointer-events: auto; }
.lookmoreDetail.active > ul > li	{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.lookmoreDetail.active > ul > li:nth-child(2)	{ -webkit-transition-delay: .2s; transition-delay: .2s; }
.lookmoreDetail.active > ul > li:nth-child(3)	{ -webkit-transition-delay: .3s; transition-delay: .3s; }
.lookmoreDetail.active > ul > li:nth-child(4)	{ -webkit-transition-delay: .4s; transition-delay: .4s; }

.defSlider	{ width: 100%; display: -webkit-flex; display: flex;  }
.lookimgbase	{ width: 100%; display: -webkit-flex; display: flex;  }
.lookmore	{ transition: opacity .8s ease; opacity: 0; pointer-events: none; overflow: hidden; }
.lookmore.active	{ opacity: 1; }

@media (min-width: 768px)	{ 
	.defSlider.look	{ display: none; opacity: 0; }
	.lookmoreDetail > ul > li > a:hover > b	{ color:#000; background-color: #fff; }
	.lookmoreDetail > ul > li > a.soon:hover > b	{ color:#fff; background-color: #000; }
	.lookmore picture,
	.lookmore img	{ transition: all 2s; }
	.lookmore.active picture,
	.lookmore.active img	{ transform: scale(1.03); }
	.lookDetailBtn	{ display: none; }
	.looknmb > li i	{ display: none; visibility: hidden; }
	.order01	{ order: 1; }
	.order02	{ order: 2; }
	.order03	{ order: 3; }
	.order04	{ order: 4; }
	.order05	{ order: 5; }
	.order06	{ order: 6; }
	.order07	{ order: 7; }
	.order08	{ order: 8; }
	.order09	{ order: 9; }
	.order10	{ order: 10; }
	.order11	{ order: 11; }
	.order12	{ order: 12; }
	.order13	{ order: 13; }
	.order14	{ order: 14; }
	.order15	{ order: 15; }
	.order16	{ order: 16; }
	.order17	{ order: 17; }
}
@media (max-width: 767.9px)	{ 
	.looklist_wrapper	{ gap: 0; }
	.lookDetail_wrap	{ opacity: 1; scroll-snap-align: start; scroll-margin-top: 48px; }
	.lookDetail_wrap.sma, 
	.lookDetail_wrap.big, 
	.lookDetail_wrap.half	{ width: 100%; aspect-ratio: auto; }
	.lookDetail_wrap.pcwap	{ display: none; visibility: hidden; height: 1px; overflow: hidden; opacity: 0; }
	.lookDetail_wrap	{ margin: 0 0 17.4cqw; }
	.lookDetail_wrap:nth-child(16)	{ margin: 0; }
	.lookDetail_wrap.sma	{ margin: 0; }
	.lookDetail_wrap.sma .lookDetail_inner	{ transform: translateX(-100cqw); transition: all .8s; }
	.lookDetail_wrap.big .lookDetail_inner	{ transform: translateX(100cqw); transition: all .8s; }
	.lookDetail_wrap.sma.showin .lookDetail_inner	{ transform: translateX(0);  -webkit-transition-delay: .3s; transition-delay: .3s; }
	.lookDetail_wrap.big.showin .lookDetail_inner	{ transform: translateX(0);  -webkit-transition-delay: .3s; transition-delay: .3s; }
	.lookDetail_wrap.big	{ transform: translateY(-1px); }
	.looknmb	{ left: 8%; top: 5.2%; gap: 1.5cqw; }
	.looknmb > li	{ min-width: 8cqw; padding: 0 1.4cqw; font-size: 5.6cqw; }
	.looknmb > li:first-child	{ padding: 0 0 1.2cqw 1cqw; }
	.looknmb > li b	{ display: none; visibility: hidden; }
	.looknmb > li:last-child	{ padding: 0 1cqw 0 0; }
	.lookmoreDetail	{ bottom: 0; }
	.lookmoreDetail.top	{ bottom: auto; top: 0; }
	.lookmoreDetail > ul	{ gap: 4cqw; padding: 6.6cqw 5cqw; border-top: 1px solid #fff; }
	.lookmoreDetail.top > ul	{ border-top: 0; border-bottom: 1px solid #fff; }
	.lookmoreDetail > ul > li > a > strong	{ font-size: 3cqw; }
	.lookmoreDetail > ul > li > a > b	{ font-size: 3.7333cqw; padding: 1.4cqw 5.4cqw; border-radius: 8cqw; }
	.lookmoreDetail > ul > li > a.soon > b	{ font-size: 3.7333cqw; padding: 1.4cqw 5.4cqw; border-radius: 8cqw; }
	.lookimgbase	{ display: none; opacity: 0; }
	.lookDetailBtn	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; width: 13.8666cqw; height: 13.8666cqw; background-color: #ededed; z-index: 2; }
}

/* ------------ MORE CONTENT ------------- */
.morecontent	{ padding: 8.1cqw 0 9.86cqw; width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.information_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; }
.information_wrapper > h4	{ width: 100%; display: -webkit-flex; display: flex; line-height: 1; }
.information_wrapper > h4 > span	{ line-height: 1; font-weight: 400; letter-spacing:.14em; }
.information_wrapper > strong	{ width: 100%; line-height: 1.8; font-weight: 400; letter-spacing:.14em; }
.information_wrapper > p	{ width: 100%; font-weight: 400; letter-spacing:.1em; }
.information_wrapper > ul	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; list-style: none; }
.information_wrapper > ul > li	{ width: 100%; display: -webkit-flex; display: flex; font-weight: 400; letter-spacing:.1em; }
.information_wrapper > ul > li b,
.information_wrapper > ul > li span	{ all: revert; font-weight: 400; position: relative; }
.moreBtn	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.moreBtn > a	{ width: 21.756cqw; height: 100%; aspect-ratio: 46 / 11; display: -webkit-flex; display: flex; align-items: center; justify-content: center; line-height: 1; border: 1px solid #000; transition: all .5s; }
.moreBtn > a > span	{ font-size: 2.027cqw; line-height: 1; font-weight: 400; letter-spacing:.14em; transition: all .5s; }
@media (min-width: 768px)	{ 
	.information_wrapper	{ width: 84.189%; margin: 0 0 8.1cqw; border: 1px solid #000; }
	.information_wrapper > h4	{ border-bottom: 1px solid #000; }
	.information_wrapper > h4 > span	{ padding: 2cqw 4cqw 1.4cqw; font-size: 2.027cqw; border-right: 1px solid #000; }
	.information_wrapper > strong	{ padding: 3cqw 6.283cqw 0; margin: 0 0 1.6cqw; font-size: 1.351cqw; line-height: 1.8; font-weight: 400; letter-spacing:.14em; }
	.information_wrapper > p	{ padding: 0 6.283cqw; margin: 0 0 2.3cqw; font-size: 1.081cqw; line-height: 2.2; }
	.information_wrapper > ul	{ padding: 0 6.283cqw; margin: 0 0 3.8cqw; }
	.information_wrapper > ul > li	{ font-size: 1.081cqw; line-height: 2.2; }
	.information_wrapper > ul > li b::after	{ content:"：";  }
	.moreBtn > a:hover	{ background-color: #000; }
	.moreBtn > a:hover > span	{ color:#fff; }
}
@media (max-width: 767.9px)	{ 
	.morecontent	{ padding: 23.466cqw 0 50vh; }
	.information_wrapper	{ width: 84%; margin: 0 0 17.86cqw; }
	.information_wrapper > h4	{ border-top: 1px solid #000; border-bottom: 1px solid #000; }
	.information_wrapper > h4 > span	{ padding: 6cqw 1.6cqw 5.8cqw; font-size: 4.2666cqw; }
	.information_wrapper > strong	{ padding: 5.3cqw 1.6cqw 0; margin: 0 0 5cqw; font-size: 4.2666cqw; }
	.information_wrapper > p	{ padding: 0 0 0 1.6cqw; margin: 0 0 6cqw; font-size: 3.2cqw; line-height: 1.82; }
	.information_wrapper > ul	{ margin: 0; border-top: 1px solid #000; }
	.information_wrapper > ul > li	{ padding: 5cqw 1.6cqw; font-size: 3.2cqw; line-height: 1.8; flex-direction: column; gap: 0; border-bottom: 1px solid #000; }
	.information_wrapper > ul > li b,
	.information_wrapper > ul > li span	{ width: 100%; }
	.moreBtn > a	{ width: 58.933cqw; background-color: #000; }
	.moreBtn > a > span	{ font-size: 4.8cqw; color:#fff; }
}

/* ------------ SLIDER OPTION ------------- */
.mainSlider img	{ opacity: 1; }
.swiper-slide	{ display: -webkit-flex; display: flex; }

/* ------------ BLOCK ------------- */
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
@media (max-width: 767px)	{ .pconly { display: none!important; } }

.no-transition * {
  transition: none !important;
}
@media screen and (max-width: 767px) {
	#site_body	{ overflow: visible; min-width: auto; }
	html	{ scroll-snap-type: y mandatory; scroll-behavior: smooth; overflow-y: scroll; }
	.brand_menu_area,
	.mainimg_wrapper,
	.morecontent,
	.pi_lgzformat, 
	.introduction,
	.lookDetail_wrap	{ scroll-snap-align: start; scroll-margin-top: 48px; }
	.lookDetail_wrap { overflow: hidden; }
	.store_footer	{ scroll-snap-align: start; scroll-margin-top: 93px; }
}