@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Schibsted+Grotesk&family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');
:root	{
	--POML_primary: #333333;
	--POML_secondary: #555555;
	--POML_button: #333333;
	--POML_link: #aaaaaa;
	--POML_hover: #000000;
	--font-en: "Courier Prime", monospace;
	--font-btn: "Schibsted Grotesk", sans-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; position: relative; }
#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: 58; }
.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; background-color: #fff; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:0; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; color:#555555; -webkit-font-smoothing: antialiased; font-feature-settings: normal; }
.pi_lgzformat .en	{ font-family: "Courier Prime", monospace; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.pi_lgzformat .btn	{ font-family: "Schibsted Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.pi_lgzformat a:active, 
.pi_lgzformat a:hover, 
.pi_lgzformat a:hover *	{ 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: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-47px); }
.contanctop	{ width: 100%; height: 0px; transform: translateY(-177px); }
.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) {
}

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.active	{ 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; }
}

/* ------------ SPLASH ------------- */
body.is-splash-active	{ overflow: hidden; }
#pageSplash	{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: #fff; z-index: 66666; display: flex; align-items: center; justify-content: center; opacity: 1; transition: opacity .6s ease-in-out; }
#pageSplash.is-hidden	{ opacity: 0; pointer-events: none; }
.pageSplash_inner	{ width: 30cqw; aspect-ratio: 4 / 5; overflow: hidden; container-type: inline-size; }
.pageSplash_inner > ul	{ width: 100%; height: 100%; list-style: none; position: relative; margin: 0; padding: 0; opacity: 0; transition: opacity .3s ease; }
.pageSplash_inner > ul.is-active	{ opacity: 1; }
.pageSplash_inner > ul > li	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 1; opacity: 0; }
.pageSplash_inner > ul > li:first-child	{ opacity: 1; }
.pageSplash_inner > ul > li img	{ width: 500%; height: 100%; max-width: none; display: block; transform: translateX(0%); }
@media (max-width: 767.9px) {
	.pageSplash_inner	{ width: 56cqw; }
}

/* ------------ NAVIGATION ------------- */
.pomlnavi_wrapper	{ display: -webkit-flex; display: flex; width: 100%; height: 4.537cqw; line-height: 1; }
.pomlnavi_wrapper > h1	{ font-family: var(--font-en); font-size: clamp(13px, 17px, .97222cqw); color:#fff; mix-blend-mode: difference; z-index: 19; text-transform:uppercase; }
.pomlnavi_list	{ width: 100%; position: relative; }
.pomlnavi_list > ul	{ position: fixed; display: -webkit-flex; display: flex; opacity: 0; transition: opacity .5s ease; pointer-events: none; z-index: 55; padding: 0 0 4cqw;; }
.pomlnavi_list > ul.active	{ opacity: 1; pointer-events: auto; }
.pomlnavi_list > ul li	{ width: 100%; line-height: 1; display: -webkit-flex; display: flex; }
.pomlnavi_list > ul li a	{ width: 100%; color: var(--POML_link); font-family: var(--font-en); font-size: clamp(10px, 17px, .9cqw); line-height: 1; white-space: nowrap; padding: .2cqw 0; }
.pomlnavi_list > ul li.current a	{ color: var(--POML_hover); }
@media (min-width: 768px) {
	.pomlnavi_list	{ width: 100%; position: absolute; top: auto; bottom: 0; }
	.pomlnavi_list > ul li a	{ letter-spacing:0!important; }
	.pomlnavi_list > ul li a:hover, 
	.pomlnavi_list > ul li.active a	{ color: var(--POML_hover); }
	.pomlnavi_wrapper > h1	{ position: fixed; top: calc(177px + 2.4537cqw); left: 40px; }
	.pomlnavi_list > ul	{ position: fixed; top: calc(177px + 4.9537cqw); left: 40px; flex-direction: column; }
}
@media (max-width: 1440px) {
	.pomlnavi_wrapper	{ height: 70px; }
	.pomlnavi_wrapper > h1	{ position: fixed; top: 219px; font-size: 14px; }
	.pomlnavi_list > ul	{ top: 253px; }
}
@media (max-width: 1000px) {
	.pomlnavi_wrapper > h1	{ position: fixed; top: 158px; }
	.pomlnavi_list > ul	{ top: 193px; }
	.pomlnavi_list > ul li a	{ padding: 3px 0; }
}
@media (max-width: 767.9px) {
	.pomlnavi_wrapper	{ align-items: flex-end; padding: 0 0 0 6cqw; }
	.pomlnavi_wrapper > h1	{ position: relative; top: auto; left: auto; margin: 0 0 3cqw; font-size: 4cqw; }
	.pomlnavi_list > ul	{ padding: 0; display: -webkit-flex; display: flex; align-items: center; gap: 0; position: fixed; top: auto; bottom: 0; padding-bottom: env(safe-area-insets-bottom); left: 0; right: 0; width: 100%; height: 15cqw; overflow-x: scroll; -webkit-overflow-scrolling: touch; background-color: #f8f8f8; scrollbar-width: none; }
	.pomlnavi_list > ul::-webkit-scrollbar { display: none; }
	.pomlnavi_list > ul li	{ width: auto; flex-shrink: 0; margin: 0; }
	.pomlnavi_list > ul li:first-child	{ margin-left: 33cqw; }
	.pomlnavi_list > ul li:last-child	{ margin-right: 23cqw; }
	.pomlnavi_list > ul li a	{ width: auto; display: block; font-size: 2.93333cqw; letter-spacing:-.02em; padding: 3cqw 5cqw; }
	.pomlnavi_list > ul li a:active	{ color: var(--POML_link); }
}
.pomlnavi_list > ul.stop	{ position: absolute; top: auto; bottom: 0; }
.pomlnavi_wrapper > h1.stop	{ position: absolute; top: auto; bottom: calc(100px + 12cqw); }



/* ------------ MAIN AREA ------------- */
.mainimg_wrapper	{ width: 100%; position: relative; display: -webkit-flex; display: flex; flex-direction: column; }
.keyvisual	{ width: 100%; height: 100%; aspect-ratio: 2 / 1; line-height: 1; display: -webkit-flex; display: flex; margin: 0 0 11.55555cqw; }
.maincopy	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-end; gap: 1.38888cqw; padding: 0 2.77777cqw 0 0; margin: 0 0 11cqw; }
.maincopy > p	{ color: var(--POML_secondary); width: 48cqw; font-size: clamp(9px, 17px, .69444cqw); line-height: 1.8; letter-spacing: .03em; font-weight: 500; line-break: strict; overflow-wrap: break-word; word-wrap: break-word; }
.maincopy > p.en	{ color: var(--POML_secondary); line-height: 1.6; font-weight: 400; letter-spacing: .03em; }
@media (max-width: 1440px) {
	.maincopy > p	{ width: 670px; font-size: 10px; }
}
@media (max-width: 1000px) {
	.maincopy > p	{ width: 67%; }
}
@media (max-width: 767.9px) {
	.keyvisual	{ aspect-ratio: 75 / 94; margin: 0 0 36cqw; }
	.maincopy	{ align-items: center; gap: 3cqw; padding: 0; margin: 0 0 36cqw; }
	.maincopy > p	{ width: 87.2cqw; font-size: 2.66666cqw; line-height: 1.8; }
}

/* ------------ PORTRAIT ------------- */
.portrait_wrapper	{ width: 100%; min-height: 300vh; margin: 0 0 7.4074cqw; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-end; }
.portrait_set	{ width: 77.22222cqw; min-height: 600px; display: -webkit-flex; display: flex; flex-direction: column; }
.portrait_info	{ display: -webkit-flex; display: flex; align-items: flex-start; margin: 0 0 10.36cqw; }
.portrait_info > a	{ color: var(--POML_primary); width: 14.72222cqw; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; gap: .6cqw; transform: translateY(-.8cqw); }
.portrait_info > a > b,
.portrait_info > a > strong,
.portrait_info > a > p	{ color: var(--POML_primary); font-family: var(--font-en); font-size: clamp(13px, 17px, .902777cqw); line-height: 1; white-space: nowrap; }
.portrait_info > a > span	{ font-family: var(--font-btn); font-size: clamp(13px, 17px, .763888cqw;); line-height: 1; white-space: nowrap; text-transform:uppercase; padding: .8cqw 0 2px; position: relative; transition: all .5s; }
.portrait_info > a > span::after	{ content:""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: var(--POML_primary); transition: all .5s; }
.portrait_info > p	{ width: 36.8cqw; display: -webkit-flex; display: flex; flex-direction: column; padding: .45cqw 0 0; }
.portrait_info > p, 
.portrait_info > p b	{ color: var(--POML_secondary); font-size: clamp(10px, 14px, .69444cqw); line-height: 1.8; letter-spacing: .03em; font-weight: 500; line-break: strict; text-align:justify; word-break:break-all; text-justify:inter-ideograph; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; }
.portrait_info > p b	{ margin: 0 0 .2cqw; }
@media (max-width: 1440px) {
	.portrait_info	{ padding-right: 10px; }
	.portrait_info > a	{ width: 213px; transform: translateY(-12px); }
	.portrait_info > a, 
	.portrait_info > a > b,
	.portrait_info > a > strong,
	.portrait_info > a > p	{ font-size: 13px; }
	.portrait_info > a > span	{ font-size: 11px; }
	.portrait_info > a > span	{ padding: 10px 0 2px; }
	.portrait_info > p	{ width: calc(100% - 213px); max-width: 525px; padding: .4cqw 0 0; }
	.portrait_info > p, 
	.portrait_info > p b	{ font-size: 10px; }
}
@media (min-width: 768px) {
	.portrait_info > a:hover, 
	.portrait_info > a:hover > b,
	.portrait_info > a:hover > strong,
	.portrait_info > a:hover > p	{ color: var(--POML_primary); }
	.portrait_info > a:hover > span	{ color: var(--POML_link); }
	.portrait_info > a:hover > span::after	{ width: 0; left: 100%; }
}
@media (max-width: 767.9px) {
	.portrait_wrapper	{ margin: 0 0 20cqw; }
	.portrait_set	{ width: 100cqw; }
	.portrait_info	{ flex-direction: column; padding: 0 6.6cqw; margin: 0 0 24cqw; transform: translateY(-2cqw); }
	.portrait_info > a	{ gap: 2.3cqw; transform: translateY(0); margin: 0 0 3cqw; }
	.portrait_info > a, 
	.portrait_info > a > p, 
	.portrait_info > p	{ width: 100%; max-width: 100%; }
	.portrait_info > a, 
	.portrait_info > a > b,
	.portrait_info > a > strong,
	.portrait_info > a > p	{ font-size: 3.46666cqw; }
	.portrait_info > a > span	{ position: absolute; bottom: 7cqw; right: 0; font-size: 2.93333cqw; padding: 0 0 1px; }
	.portrait_info > p, 
	.portrait_info > p b	{ font-size: 2.66666cqw; }
	.portrait_info > p b	{ margin: 0 0 1.6cqw; }
}

/* ------------ SWIPER ------------- */
.pi_lgzformat .swiper-outside	{ width: 100%; overflow: hidden; position: relative; padding: 0 0 2.2cqw; margin: 0; }
.pi_lgzformat .swiper-container	{ width: 100%; height: auto; position: relative; padding: 0; }
.pi_lgzformat .swiper-wrapper	{ display: flex; }
.pi_lgzformat .swiper-wrapper:hover	{ cursor: -webkit-grab; cursor: grab; }
.pi_lgzformat .swiper-wrapper:active	{ cursor: -webkit-grabbing; cursor: grabbing; }
.pi_lgzformat .swiper-slide	{ flex: 0 0 auto; width: 37.2222cqw; /* width: 536px; */ height: auto; }
.pi_lgzformat .swiper-slide > span	{ display: block; width: 100%; height: 100%; aspect-ratio: 4 / 5; background-color: #F8F8F8; overflow: hidden; }
.pi_lgzformat .swiper-slide > span img	{ width: 100%; max-width: 100%; height: auto; line-height: 1; object-fit: cover; vertical-align: bottom; opacity: 0; transform: scale(1.2); transition: all 1s; transition-timing-function: cubic-bezier(.24,.155,.275,.945); }
.pi_lgzformat .active .swiper-slide > span img	{ opacity: 1; transform: scale(1); }
.pi_lgzformat .swiper-slide img	{ display: block; width: 100%; object-fit: cover; }
.pi_lgzformat .swiper-horizontal > .swiper-scrollbar	{ left: auto; right: 0; height: var(--swiper-scrollbar-size,10px); width: 12.5cqw; margin: 0; bottom: -2.2cqw; background-color: transparent; cursor: pointer; }
.pi_lgzformat .swiper-scrollbar::before	{ content: ""; background-color: #f0f0f0; width: 100%; height: 1px; position: absolute; top: 0; left: 0; margin: auto; border-radius: 3px; }
.pi_lgzformat .swiper-scrollbar-drag	{ position: relative; background-color: transparent; }
.pi_lgzformat .swiper-scrollbar-drag::before	{ content: ""; display: block; width: 100%; height: 1px; background-color: #000000; border-radius: 3px; position: absolute; top: 0; margin: auto; }
@media (max-width: 1440px) {
	.pi_lgzformat .swiper-outside	{ padding: 0 0 30px; }
}
@media (max-width: 767.9px) {
	.pi_lgzformat .swiper-outside	{ padding: 0 0 8cqw; }
	.pi_lgzformat .swiper-slide	{ width: 93cqw; }
	.pi_lgzformat .swiper-horizontal > .swiper-scrollbar	{ right:  6.6cqw; width: 18cqw; margin: 0; bottom: -9.4cqw; background-color: transparent; cursor: pointer; }
	.pi_lgzformat .swiper-scrollbar::before	{ height: 1px; }
	.pi_lgzformat .swiper-scrollbar-drag::before	{ height: 1px; }
}
.pi_lgzformat .swiper-slide	{ opacity: 0; transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1); }
.pi_lgzformat .active .swiper-slide	{ opacity: 1; transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media (min-width: 767.99px) {
	.pi_lgzformat .active .swiper-slide:nth-child(2) img	{ opacity: 1; transform: scale(1.001); -webkit-transition-delay: .1s; transition-delay: .2s; }
	.pi_lgzformat .active .swiper-slide:nth-child(3) img	{ -webkit-transition-delay: .3s; transition-delay: .4s; }
	.pi_lgzformat .active .swiper-slide:nth-child(4) img	{ -webkit-transition-delay: .6s; transition-delay: .6s; }
	.pi_lgzformat .active .swiper-slide:nth-child(5) img	{ -webkit-transition-delay: .8s; transition-delay: .8s; }
	.pi_lgzformat .active .swiper-slide:nth-child(6) img	{ -webkit-transition-delay: 1s; transition-delay: 1s; }
}

/* ------------ PRODUCTS ------------- */
.products_wrapper	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-end; margin: 0 0 12cqw; }
.products_inner	{ width: 77.22222cqw; display: -webkit-flex; display: flex; flex-direction: column; padding: 0 4% 0 0; }
.products_inner > h3	{ color: var(--POML_primary); font-family: var(--font-en); font-size: .902777cqw; line-height: 1; }
.products_items	{ min-width: 784px; width: 54.44444cqw; gap: 4.52703cqw 1px; padding: 4.52703cqw 0 0; list-style: none; display: -webkit-flex; display: flex; flex-wrap: wrap; counter-reset: pdt-cont; }
.products_items > li	{ width: calc(20% - 1px); display: -webkit-flex; display: flex; position: relative; line-height: 1; }
.products_items > li::before	{ font-family: var(--font-en); color:#000; font-size: .7638cqw; counter-increment: pdt-cont; content: counter(pdt-cont, decimal-leading-zero) "."; position: absolute; top: -1.2962cqw; left: 0; line-height: 1; }
.products_items > li > a	{ position: relative; width: 100%; height: 100%; aspect-ratio: 4 / 5; line-height: 1; display: -webkit-flex; display: flex; }
.products_items > li > a b,
.products_items > li > a p	{ width: 100%; height: 100%; aspect-ratio: 4 / 5; line-height: 1; display: -webkit-flex; display: flex; line-height: 1; padding: 0; margin: 0; }
.products_items > li > a b	{ position: absolute; top: 0; left: 0; z-index: 2; transition: opacity .5s ease; opacity: 1; }
.products_items > li > a p	{ position: relative; z-index: 1; }
.products_items > li > a picture,
.products_items > li > a img	{ width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: contain; }
@media (min-width: 767.99px) {
	.products_items > li > a:hover b	{ opacity: 0!important; }
}
@media (max-width: 1440px) {
	.products_items	{ gap: 65px 1px; }
	.products_inner > h3	{ font-size: 13px; }
	.products_items > li::before	{ font-size: 13px; position: absolute; top: -20px; }
}
@media (max-width: 1200px) {
	.products_items	{ min-width: 100%; max-width: 784px!important; gap: 65px 1px; }
}
@media (max-width: 767.9px) {
	.products_wrapper	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-end; margin: 0 0 26cqw; }
	.products_inner	{ width: 100%; padding: 0 6.3943cqw; }
	.products_inner > h3	{ font-size: 3.46666cqw; }
	.products_items	{ width: 100%; gap: 10.13333cqw 1px; padding: 10.13333cqw 0 0; }
	.products_items > li::before	{ font-size: 3.46666cqw; top: -4.26666cqw; }
}

.products_items > li > a.active b { opacity: 0 !important; }

/* ------------ PAGE TOP ------------- */
.pagetoplink	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 8cqw; }
.pagetoplink > a	{ padding: 2.77777cqw 10cqw; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.pagetoplink > a > span	{ font-family: var(--font-btn); font-size: .763888cqw; line-height: 1; white-space: nowrap; text-transform:uppercase; padding: .8cqw 0 2px; position: relative; transition: all .5s; }
.pagetoplink > a > span::after	{ content:""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: var(--POML_primary); transition: all .5s; }
@media (max-width: 1440px) {
	.pagetoplink > a > span	{ font-size: 11px; }
}
@media (min-width: 768px) {
	.pagetoplink > a:hover > span	{ color: var(--POML_link); }
	.pagetoplink > a:hover > span::after	{ width: 0; left: 100%; }
}
@media (max-width: 767.9px) {
	.pagetoplink	{ margin: 0 0 30cqw; }
	.pagetoplink > a	{ padding: 6cqw 21cqw; }
	.pagetoplink > a > span	{ font-size: 2.93333cqw; padding: 0 0 1px; }
}

/* ------------ LOCATION ------------- */
.location	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0 0 4cqw; }
.location > p { color: var(--POML_link); font-family: var(--font-en); font-size: .763888cqw; }
@media (max-width: 767.9px) {
	.location	{ width: 100%; display: -webkit-flex; display: flex; padding: 0 6.3943cqw; margin: 0 0 24cqw; }
	.location > p { font-size: 2.3333cqw; }
}
a.nolink	{ pointer-events: none!important; }
a.nolink > span	{ opacity: .3;  }
a.nolink > span::after	{ display: none; }

.no-transition * {
  transition: none !important;
}
/* ------------ 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; } }