@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Zen+Old+Mincho&display=swap');
:root	{
	--color-primary: #5B83CC;
	--color-secondary: #295EFF;
	--color-grey: #676666;
	--color-link: #676666;
	--color-hover: #295EFF;
	--color-background: #B9CBDF;
	--font-jp: "Zen Old Mincho", serif;
	--font-en: "Instrument Serif", serif;
	--font-mix: "Instrument Serif", "Zen Old Mincho", serif;
}
@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; }
#site_body	{ overflow: visible; }
#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: 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	{ letter-spacing:0; font-family: var(--font-jp); font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; font-feature-settings: normal; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat .en	{ font-family: "Instrument Serif", serif; font-weight: 400; font-style: normal; }
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; height: auto; vertical-align: bottom; line-height: 1; opacity: 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: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-48px); }

#loading-mask	{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 148; transition: opacity 0.8s ease; pointer-events: none; }

/* ------------ 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%; height: calc(100vh - 184px); height: calc(100svh - 184px); min-height: 700px; position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 1; }
.mainSliderNml,
.mainSliderNml .swiper-wrapper,
.mainSliderNml .swiper-slide	{ width: 100%; height: 100%; inset: 0; }
.mainSliderNml .swiper-slide	{ overflow: hidden; }
.mainSliderNml .swiper-slide img,
.mainSliderNml .swiper-slide picture	{ width: 100%; height: 100%; object-fit: cover; }

.mainimg_wrapper > strong, 
.mainimg_wrapper > h1, 
.mainimg_wrapper > h3	{ display: flex; position: absolute; z-index: 2; }
.mainimg	{ inset: 0; width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 1; }
@media (min-width: 768px)	{ 
	.mainimg_wrapper > strong	{ bottom: 4.2cqw; left: 3.3cqw; width: 10.4cqw; }
	.mainimg_wrapper > h1	{ top: 3.4cqw; left: 3.6cqw; width: 22.2cqw; }
	.mainimg_wrapper > h3	{ top: 3.3cqw; right: 3.4cqw; width: 2.6cqw; }
}
@media (max-width: 767.9px)	{ 
	.mainimg_wrapper { height: calc(100vh - 120px); height: calc(100svh - 120px); min-height: auto; }
	.mainimg_wrapper > h1	{ bottom: 5cqw; right: 5cqw; width: 30cqw; }
	.mainimg_wrapper > strong	{ top: 2.8cqw; right: 12.6cqw; width: 17.8cqw; }
	.mainimg_wrapper > h3	{ top: 3cqw; right: 3.8cqw; width: 4.28cqw; }
}

/* ------------ INTRODUCTION ------------- */
.introduction	{ width: 100%; display: flex; align-items: center; justify-content: flex-end; padding: 6cqw 8.7cqw 7cqw; }
.introduction > p	{ font-family: var(--font-mix); font-size: 1.216cqw; line-height: 1.8; letter-spacing:.1em; }
@media (min-width: 768px)	{ 
	.introduction > p	{ white-space: nowrap; }
}
@media (max-width: 767.9px)	{ 
	.introduction	{ padding: 12cqw 0 13.5cqw; justify-content: center; }
	.introduction > p	{ font-size: 3.2cqw; letter-spacing:.14em; text-align: center; }
}

/* ------------ OVERLAP ------------- */
.js-scroll-overlap { position: relative; }
.js-scroll-overlap:not(.is-disabled)	{ --sticky-offset: -1px; --overlay-opacity: 1; position: sticky; top: var(--sticky-offset); }
.js-scroll-overlap[data-is-overlay="true"]:not(.is-disabled)::after	{ content: ""; opacity: var(--overlay-opacity); position: absolute; inset: 0; background: rgba(0,0,0,0); pointer-events: none; }
.js-scroll-overlap[data-is-overlay="true"]:not(.is-disabled).is-active::after { will-change: opacity; }
.relative {  position: relative; }
.zin4	{ z-index: 4; }
.zin5	{ z-index: 5; }
.zin6	{ z-index: 6; }
.zin7	{ z-index: 7; }
.zin8	{ z-index: 8; }
.zin9	{ z-index: 9; }

/* ------------ LOOK LIST ------------- */
.splooklist	{ width: 100%; position: relative; overflow: visible; }
.looklist_wrapper	{ width: 100%; display: flex; flex-wrap: wrap; gap: .6756cqw; z-index: 1; overflow: visible; background-color: #fff; }
@media (min-width: 768px)	{ 
	.looklist_wrapper	{ margin-bottom: 20cqw;  }
}

.lookDetail_wrap	{ width: 100%; flex-grow:1; display: flex; align-items: flex-start; position: relative; opacity: 1; }

.lookDetail_wrap.half	{ width: calc(50% - .3378cqw); height: 100%; }
.lookDetail_wrap.sma	{ width: calc(39.3244cqw - .3378cqw); }
.lookDetail_wrap.big	{ width: calc(60cqw - .3378cqw); }
.lookDetail_inner	{ width: 100%; display: flex; position: relative; }
.looknmb	{ width: 75%; list-style: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: space-between; z-index: 2; }
.looknmb > li	{ font-family: var(--font-en); color: var(--color-secondary); font-size: 2.16cqw; line-height: 1; font-weight: 400; display: flex; align-items: center; justify-content: center; }
.looknmb > li:last-child	{ color: var(--color-grey); }

.lookDetail	{ width: 100%; 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: flex; flex-direction: column; gap: .72cqw; padding: 2.5cqw 3.7837cqw; transition: opacity .5s ease; opacity: 0; }
.lookmoreDetail > ul > li	{ width: 100%; display: flex; transition: all .5s; transform: translateY(10px); opacity: 0; }
.lookmoreDetail > ul > li > a	{ width: 100%; display: flex; align-items: center; justify-content: space-between; }
.lookmoreDetail > ul > li > a.soon	{ pointer-events: none; }
.lookmoreDetail > ul > li > a > strong	{ font-family: var(--font-en); color:#fff; font-size: 1.1486cqw; font-weight: 400; line-height: 1; letter-spacing:.08em; }
.lookmoreDetail > ul > li > a > b	{ font-family: var(--font-en); color:#fff; font-size: 1.1486cqw; font-weight: 400; line-height: 1; letter-spacing:.1em; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; padding: .5cqw 2cqw; border-radius: 3cqw; transition: color .5s, background-color .5s; }
.lookmoreDetail > ul > li > a.soon > b	{ font-size: 1cqw; border: 0; padding: .5cqw .4cqw; }

.lookmoreDetail.detcol-b > ul > li > a > strong	{ color:#000; }
.lookmoreDetail.detcol-b > ul > li > a > b	{ color:#000; border: 1px solid #000; }
.lookmoreDetail.detcol-b > ul > li > a.soon > b	{ color:#000; border: 0; }

.lookmoreDetail.detcol-g > ul > li > a > strong	{ color: var(--color-grey); }
.lookmoreDetail.detcol-g > ul > li > a > b	{ color: var(--color-grey); border: 1px solid var(--color-grey); }
.lookmoreDetail.detcol-g > ul > li > a.soon > b	{ color: var(--color-grey); border: 0; }

.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: flex;  }
.lookimgbase	{ width: 100%; display: flex; }
.lookmore	{ transition: opacity .8s ease; opacity: 0; pointer-events: none; overflow: hidden; }
.lookmore picture,
.lookmore img	{ transform: scale(1); transition: transform 3s ease-out; }
.lookmore.active	{ opacity: 1; }
.lookmore.active picture,
.lookmore.active img	{ transform: scale(1.04); }
@media (max-width: 767.9px)	{ 
	.lookmore.active picture,
	.lookmore.active img	{ transform: scale(1.08); }
}

.lookDetailBtn	{ display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; width: 13.8666cqw; height: 7cqw; z-index: 2; }
.lookDetailBtn > span	{ font-family: var(--font-en); color: var(--color-hover); font-size: 2cqw; line-height: 1; font-weight: 400; letter-spacing:.1em; transition: color .4s ease; }

@media (min-width: 768px)	{ 
	.lookmoreDetail > ul > li > a:hover > b	{ color:#000; background-color: #fff; }
	.lookmoreDetail > ul > li > a.soon:hover > b	{ color:#fff; background-color: #000; }
	.lookmoreDetail.detcol-b > ul > li > a:hover > b	{ color:#fff; background-color: #000; }
	.lookmoreDetail.detcol-b > ul > li > a.soon:hover > b	{ color:#000; background-color: #fff; }
	.lookmoreDetail.detcol-g > ul > li > a:hover > b	{ color:#fff; background-color: var(--color-grey); }
	.lookmoreDetail.detcol-g > ul > li > a.soon:hover > b	{ color:var(--color-grey); background-color: #fff; }
	.lookDetailBtn	{ cursor: pointer; display: none; }
	.lookDetailBtn:hover > span	{ color: var(--color-hover); }
}
@media (max-width: 767.9px)	{ 
	.looklist_wrapper	{ gap: 0; margin-bottom: 30cqw; }
	.lookDetail_wrap	{ opacity: 1; scroll-snap-align: start; scroll-margin-top: 48px; }
	.lookDetail_wrap.half	{ width: 100%; }
	.looknmb	{ width: 76%; }
	.looknmb > li	{ font-size: 5.6cqw; }
	.lookmoreDetail	{ bottom: 0; }
	.lookmoreDetail.top	{ bottom: auto; top: 0; }
	.lookmoreDetail > ul	{ gap: 4cqw; padding: 6.6cqw 5cqw; border-top: 1px solid #fff; }
	.lookmoreDetail.detcol-b > ul	{ border-top: 1px solid #000; }
	.lookmoreDetail.detcol-b.top > ul	{ border-top: 0; border-bottom: 1px solid #000; }

	.lookmoreDetail.detcol-b.spw > ul	{ gap: 4cqw; padding: 6.6cqw 5cqw; border-top: 1px solid #fff; }
	.lookmoreDetail.detcol-b.spw > ul > li > a > strong	{ color:#fff; }
	.lookmoreDetail.detcol-b.spw > ul > li > a > b	{ color:#fff; border: 1px solid #fff; }
	.lookmoreDetail.detcol-b.spw > ul > li > a.soon > b	{ color:#fff; border: 0; }

	.lookmoreDetail.detcol-g > ul	{ border-top: 1px solid var(--color-grey); }

	.lookmoreDetail.detcol-b.spg > ul	{ gap: 4cqw; padding: 6.6cqw 5cqw; border-top: 1px solid var(--color-grey); }
	.lookmoreDetail.detcol-b.spg > ul > li > a > strong	{ color: var(--color-grey); }
	.lookmoreDetail.detcol-b.spg > ul > li > a > b	{ color: var(--color-grey); border: 1px solid var(--color-grey); }
	.lookmoreDetail.detcol-b.spg > ul > li > a.soon > b	{ color: var(--color-grey); border: 0; }
	.lookmoreDetail.detcol-b.top.spg > ul	{ border-top: 0; border-bottom: 1px solid var(--color-grey); }

	.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.3333cqw; padding: 1.4cqw 0; border: 0; }
	.lookDetailBtn	{ width: 26cqw; height: 14cqw; }
	.lookDetailBtn > span	{ font-size: 4cqw; position: relative; padding: 0 6cqw 0 0; }
	.lookDetailBtn > span::before,
	.lookDetailBtn > span::after	{ content: ""; position: absolute; top: calc(50% - 0.5px); right: 3cqw; width: 1.9cqw; height: 1px; border-radius: 10px; background-color: var(--color-hover); transform-origin: calc(100% - 0.5px) 50%; }
	.lookDetailBtn > span::before	{ transform: rotate(45deg); }
	.lookDetailBtn > span::after	{ transform: rotate(-45deg); }
}

/* ------------ MIDROLL ------------- */
.looklist_secwap	{ width: 100%; position: relative; display: flex; flex-direction: column; margin: .6756cqw 0 0; background-color: var(--color-background); z-index: 3; }
.looklist_secwap > h4	{ width: 100%; height: 8.4cqw; display: flex; align-items: center; justify-content: center; position: -webkit-sticky; position: sticky; top: 48px; left: 0; margin: 0 0 41.29cqw; }
.looklist_secwap > h4 > span	{ text-align: center; font-family: var(--font-en); color: #fff; font-size: 2.3cqw; line-height: 1; font-weight: 400; letter-spacing:.08em; }
.looklist_midlol	{ width: 100%; display: flex; background-color: #fff; z-index: 2; }
.looklist_midunder	{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 14.266cqw; }
.looklist_midunder > p	{ width: 69.3333cqw; display: flex; line-height: 1; }
@media (min-width: 768px)	{ 
	.looklist_midlol	{ padding: 0 0 .6756cqw; }
	.looklist_midunder	{ display: none; }
	/* .looklist_secwap > h4	{ margin: 0; } */
}
@media (max-width: 767.9px)	{ 
	.looklist_secwap	{ margin: 0; }
	.looklist_secwap > h4	{ height: 13.375cqw; margin: 0 0 60vh; }
	.looklist_secwap > h4 > span	{ font-size: 4.8cqw; }
}

/* ------------ MORE CONTENT ------------- */
.morecontent	{ padding: 10cqw 0 12cqw; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #fff; }
.moreBtn	{ width: 100%; display: flex; align-items: center; justify-content: center; }
.moreBtn > a	{ width: 39.5cqw; height: 100%; aspect-ratio: 79 / 14; display: flex; align-items: center; justify-content: center; line-height: 1; border: 1px solid #000; transition: all .5s; }
.moreBtn > a > span	{ color:#000; font-family: var(--font-en); font-size: 2.3cqw; line-height: 1; font-weight: 400; letter-spacing:.08em; transition: all .5s; }
@media (min-width: 768px)	{ 
	.moreBtn > a:hover	{ background-color: #000; }
	.moreBtn > a:hover > span	{ color:#fff; }
}
@media (max-width: 767.9px)	{ 
	.morecontent	{ padding: 23.333cqw 0; }
	.moreBtn > a	{ width: 74.26cqw; }
	.moreBtn > a > span	{ font-size: 5.3333cqw; }
}

/* ------------ SLIDER OPTION ------------- */

/* ------------ 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;
}