@charset "UTF-8";
:root	{
	--color-black: #000;
	--color-white: #fff;
	--color-prm: #FF3A00;
	--color-sec: #dcc87d;
	--color-grey: #D1D1D1;
	--color-border: #717070;
	--font-mix: "helvetica-neue-lt-pro", "yu-gothic-pr6n", sans-serif;
	--font-jp: "yu-gothic-pr6n", sans-serif;
	--font-en: "helvetica-neue-lt-pro", sans-serif;
	--delay-base: .3s;
}
/* ------------ FONT
font-family: helvetica-neue-lt-pro, sans-serif;
font-weight: 700;
font-style: normal;

font-family: helvetica-neue-lt-pro, sans-serif;
font-weight: 500;
font-style: normal;

font-family: helvetica-neue-lt-pro, sans-serif;
font-weight: 400;
font-style: normal;

font-family: helvetica-neue-lt-pro, sans-serif;
font-weight: 300;
font-style: normal;

font-family: dnp-shuei-gothic-gin-std, sans-serif;
font-weight: 500;
font-style: normal;

font-family: yu-gothic-pr6n, sans-serif;
font-weight: 400;
font-style: normal;
 ------------- */

@media (max-width: 1000px) {
 .result_suggest_title .result_suggest_list { margin: 0 -1.5rem!important; }
}
.header_caution	{ opacity: 0; position: relative; z-index: 2; display: none; }
.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: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; color: var(--color-black); font-family: var(--font-jp); letter-spacing:0; position: relative; background-color: var(--color-grey); container-type: inline-size; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:.02em; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; font-feature-settings: normal!important; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; }
.pi_lgzformat .en	{ font-family: var(--font-entxt); 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(-200px); }

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.active	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; }

/* ------------ MASK ANIMATION TXT ------------- */
.maskani	{ 
	-webkit-mask-image: linear-gradient(to right, #000 0%, #000 45%, rgba(0,0,0,0.6) 50%, transparent 55%);
	mask-image: linear-gradient(to right, #000 0%, #000 45%, rgba(0,0,0,0.6) 50%, transparent 55%);
	-webkit-mask-size: 200% 100%;
	mask-size: 200% 100%;
	-webkit-mask-position: 100% 0;
	mask-position: 100% 0;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transition: -webkit-mask-position 1s ease;
	transition: mask-position 1.6s ease;
}
.maskani.active 	{
	-webkit-mask-image: linear-gradient(to right, #000 0%, #000 50%, transparent 50%);
	mask-image: linear-gradient(to right, #000 0%, #000 50%, transparent 50%); 
	-webkit-mask-position: 0 0; 
	mask-position: 0 0; 
	transition-delay: .2s; 
}
.maskani	{ transform: translateX(-1cqw); opacity: 0; transition: mask-position 1s ease, transform 1s ease, opacity 1s ease; }
.maskani.active 	{ transform: translateX(0); opacity: 1; }
.imgmask	{ position: relative; overflow: hidden; clip-path: inset(0 0 100% 0); transition: clip-path 1.2s cubic-bezier(0.25, 1, 0.5, 1);  }

/* ------------ MASK ANIMATION IMG ------------- */
.imgmask	{ position: relative; overflow: hidden; transition: clip-path 1.2s cubic-bezier(0.25, 1, 0.5, 1); }
.imgmask	{ clip-path: inset(0 0 100% 0); }
.imgmask.active	{ clip-path: inset(0 0 0 0); -webkit-transition-delay: .3s; transition-delay: .3s; }
.imgmask.is-bottom	{ clip-path: inset(100% 0 0 0); }
.imgmask.is-bottom.active	{ clip-path: inset(0 0 0 0); -webkit-transition-delay: .3s; transition-delay: .3s; }
.bgline	{ width: 36.5cqw; height: 100vh; position: fixed; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--color-prm); }
@media (max-width: 767.9px)	{ 
	.bgline	{ width: 40cqw; }
}

/* ------------ HEADER ------------- */
.header_wrapper	{ width: 100%; height: 14.2cqw; padding: 3cqw 3.8cqw 0; display: -webkit-flex; display: flex; align-items: flex-start; position: relative; z-index: 2; }
.header_wrapper > strong	{ width: 17.7cqw; display: -webkit-flex; display: flex; }
@media (max-width: 767.9px)	{ 
	.header_wrapper	{ height: 27cqw; padding: 6cqw 6.5cqw 0; }
	.header_wrapper > strong	{ width: 42cqw; }
}

/* ------------ MAIN AREA ------------- */
.mainimg_wrapper	{ width: 100%; height: calc(100vh - 112px); height: calc(100svh - 112px); display: -webkit-flex; display: flex; position: relative; z-index: 1; background-color: var(--color-grey); }
.mainchange-wrapper	{ position: relative; width: 100%; height: 100%;  overflow: hidden; }
.mainchange-item	{ position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .5s ease;}
.mainchange-item.is-active	{ opacity: 1; }
.mainchange-item picture, 
.mainchange-item img	{ display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.0) translate(0%, 0%); transition: transform 16s linear; will-change: transform; }
.mainchange-item.is-pan picture, 
.mainchange-item.is-pan img	{ transform: scale(1.1) translate(0%, 0%); }
.mtitle_wrapper	{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: calc(100vh - 112px); height: calc(100svh - 112px); display: -webkit-flex; display: flex; z-index: 2; background-color: transparent; }
.mtitle_inner	{ width: 100%; height: 100%; inset: 0; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.mtitle_inner::before	{ content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: var(--color-grey); transition: transform 1s cubic-bezier(.76, 0, .24, 1); }
.active .mtitle_inner::before	{ transform: translateX(100%); -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.mtitle_inner > h1	{ font-family: var(--font-en); color:#fff; font-size: 1.8cqw; font-weight: 300; letter-spacing:.2em; text-align: center;  }
.mtitle_inner > strong	{ position: absolute; top: 2.8cqw; right: 16cqw; font-family: var(--font-en); color:#fff; font-size: 1.1cqw; font-weight: 300; letter-spacing:.2em; line-height: 1.3; }
@media (min-width: 768px)	{ 
	.mainimg_wrapper	{ min-height: 700px; }
}
@media (max-width: 767.9px)	{ 
	.mainimg_wrapper	{ height: calc(100vh - 48px); height: calc(100svh - 48px); }
	.mtitle_wrapper	{ height: calc(100vh - 48px); height: calc(100svh - 48px); }
	.mtitle_inner > h1	{ font-size: 4.4cqw; }
	.mtitle_inner > strong	{ top: 8cqw; right: auto; left: 6cqw; font-size: 2cqw; }
}

/* ------------ FIX LOGO ------------- */
.fixlogo	{ display: block; width: 18vw; position: fixed; right: 0; top: calc(112px + 2.8cqw); z-index: 22;
	transform-origin: top right;
	transform: scale(1) translateY(0);
	transition: transform 0.8s cubic-bezier(.25,.8,.25,1), opacity .5s ease;
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.fixlogo.down	{ transform: scale(0.7) translateY(-6cqw); -webkit-transition-delay: .3s; transition-delay: .3s; mix-blend-mode: difference; }
.fixlogo.erase	{ opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }
.rightlogo	{ display: -webkit-flex; display: flex; flex-direction: column; gap: 2.6cqw; align-items: center; justify-content: center; list-style-type: none; }
.rightlogo > li	{ line-height: 1; display: -webkit-flex; display: flex; opacity: 0; transition: opacity 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);  }
.rightlogo.active > li	{ opacity: 1; }
.rightlogo > li:first-child	{ width: 50%; -webkit-transition-delay: .6s; transition-delay: .6s; }
.rightlogo > li:last-child	{ width: 38%; -webkit-transition-delay: .8s; transition-delay: .8s; }
.rightlogo.down	{ transform: scale(0.7) translateY(-3cqw); -webkit-transition-delay: .3s; transition-delay: .3s; }
.rightlogo.erase	{ opacity: 0; pointer-events: none; }
@media (max-width: 1000px)	{ 
	.fixlogo	{ top: calc(48px + 2.5cqw); }
}
@media (max-width: 767.9px)	{ 
	.fixlogo	{ width: 30vw; top: calc(48px + 8cqw); }
	.rightlogo	{  }
	.rightlogo.down	{ transform: scale(0.7); -webkit-transition-delay: .3s; transition-delay: .3s; }
}

/* ------------ INTRODUCTION ------------- */
.introduction	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 22cqw; position: relative; z-index: 1; }
.intro_inner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 12cqw 0 0; margin: 0 0 12cqw; gap: 1.6cqw; }
.intro_inner > h2	{ width: 30cqw; display: -webkit-flex; display: flex; line-height: 1; margin: 0 0 1cqw; }
.intro_inner > p	{ color: var(--color-black); font-weight: 500; }
.intro_inner > p.en	{ font-family: var(--font-en); color: var(--color-white); font-size: .94cqw; font-weight: 300; line-height: 1.5; letter-spacing: .2em; }
.intro_inner > p.jp	{ font-family: var(--font-jp); color: var(--color-white); font-size: .82cqw; font-weight: 400; line-height: 1.75; letter-spacing: -.05em; }
@media (min-width: 768px)	{ 
	.intro_inner > p br.sp	{ display: none; }
}
@media (max-width: 767.9px)	{ 
	.introduction	{ padding: 0 6cqw; }
	.intro_inner	{ padding: 36cqw 0 0; margin: 0 0 36cqw; gap: 5cqw; }
	.intro_inner > h2	{ width: 60cqw; margin: 0 0 2cqw; }
	.intro_inner > p.en	{ font-size: 2.8cqw; }
	.intro_inner > p.jp	{ font-size: 2.3cqw; }
}

/* ------------ MID SLIDER ------------- */
.mid_wrapper	{ width: 100%; padding: 0 16.5cqw 0 0; }
.mid_list	{ list-style-type: none; width: 100%; display: flex; flex-wrap: wrap; }
.mid_list > li	{ display: flex; position: relative; background-color: var(--color-prm); overflow: hidden; }
.mid_list > li.itfull	{ width: 50%; aspect-ratio: 3 / 2; }
.mid_list > li.ithalf	{ width: 25%; aspect-ratio: 3 / 4; }
.mid_list > li 	{ display: flex; position: relative; }
.mid_list > li picture, 
.mid_list > li img	{ display: block; width: 100%; height: 100%; object-fit: cover; opacity: .5; transform: scale(1.04); mix-blend-mode: luminosity; transition: opacity .5s ease, transform 1s ease; }
.mid_list > li.active picture, 
.mid_list > li.active img	{ opacity: 1; mix-blend-mode: normal; transform: scale(1.0); }

/* 
.mid_list.active > li picture, 
.mid_list.active > li img	{ opacity: 1; mix-blend-mode: normal; }
.mid_list.active > li:nth-child(1) picture, 
.mid_list.active > li:nth-child(1) img	{ transition-delay: calc(var(--delay-base) + 0.08s); }
.mid_list.active > li:nth-child(2) picture, 
.mid_list.active > li:nth-child(2) img	{ transition-delay: calc(var(--delay-base) + 0.16s); }
.mid_list.active > li:nth-child(3) picture, 
.mid_list.active > li:nth-child(3) img	{ transition-delay: calc(var(--delay-base) + 0.24s); }
.mid_list.active > li:nth-child(4) picture, 
.mid_list.active > li:nth-child(4) img	{ transition-delay: calc(var(--delay-base) + 0.32s); }
.mid_list.active > li:nth-child(5) picture, 
.mid_list.active > li:nth-child(5) img	{ transition-delay: calc(var(--delay-base) + 0.40s); }
.mid_list.active > li:nth-child(6) picture, 
.mid_list.active > li:nth-child(6) img	{ transition-delay: calc(var(--delay-base) + 0.48s); }
.mid_list.active > li:nth-child(7) picture, 
.mid_list.active > li:nth-child(7) img	{ transition-delay: calc(var(--delay-base) + 0.56s); }
.mid_list.active > li:nth-child(8) picture, 
.mid_list.active > li:nth-child(8) img	{ transition-delay: calc(var(--delay-base) + 0.64s); }
.mid_list.active > li:nth-child(9) picture, 
.mid_list.active > li:nth-child(9) img	{ transition-delay: calc(var(--delay-base) + 0.72s); }
.mid_list.active > li:nth-child(10) picture, 
.mid_list.active > li:nth-child(10) img	{ transition-delay: calc(var(--delay-base) + 0.80s); }
.mid_list.active > li:nth-child(11) picture, 
.mid_list.active > li:nth-child(11) img	{ transition-delay: calc(var(--delay-base) + 0.88s); }
.mid_list.active > li:nth-child(12) picture, 
.mid_list.active > li:nth-child(12) img	{ transition-delay: calc(var(--delay-base) + 0.96s); }
.mid_list.active > li:nth-child(13) picture, 
.mid_list.active > li:nth-child(13) img	{ transition-delay: calc(var(--delay-base) + 1.04s); }
.mid_list.active > li:nth-child(14) picture, 
.mid_list.active > li:nth-child(14) img	{ transition-delay: calc(var(--delay-base) + 1.12s); }
 */
@media (max-width: 767.9px)	{ 
	.mid_wrapper	{ padding: 0 20cqw 0 0; }
}

/* ------------ ITEM AREA ------------- */
.item_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20cqw 0 10cqw; }
.item_inner	{ width: 88%; position: relative; margin: 0 0 20cqw; }
.item_slider_wrapper	{ display: flex; align-items: flex-start; justify-content: space-between; position: relative; }
.item_slider_navarea	{ width: 30%; }
.item_slider_stage	{ width: 65%; }
.product-container	{ display: flex; flex-direction: column; }
@media (min-width: 768px)	{ 
	.item_slider_navarea	{ position: -webkit-sticky; position: sticky; top: 60px; left: 0; padding: 3cqw 0 0; }

}
@media (max-width: 767.9px)	{ 
	.item_wrapper	{ padding: 34cqw 0 10cqw; }
	.item_inner	{ width: 100%; position: relative; margin: 0 0 30cqw; }
	.item_slider_wrapper	{ flex-wrap: wrap; }
	.item_slider_navarea	{ width: 100%; order:1; padding: 1.2em 0; background-color: #fff; }
	.item_slider_stage	{ width: 100%; order:2; }
}

/* ------------ SPLIDE CUSTOM ------------- */
.child-slider > .splide__track > .splide__list > .splide__slide	{ width: 100%; height: 100%; aspect-ratio: 3 / 2; background-color: #fff; }
.child-slider > .splide__track > .splide__list > .splide__slide picture,
.child-slider > .splide__track > .splide__list > .splide__slide img	{ width: 100%; height: 100%; object-fit: cover; }
#nav-slider .splide__slide	{ border: 0; transition: color .4s ease; font-family: var(--font-en); color: var(--color-white); font-size: 1.05cqw; font-weight: 300; line-height: 1.5; letter-spacing: .2em; white-space: nowrap; }
#nav-slider .splide__slide.is-active	{ border: 0; color: var(--color-prm); }
@media (max-width: 767.9px)	{ 
	#nav-slider .splide__slide	{ font-size: 3cqw; color:#000; padding: 0 2cqw; }
}
button.splide__arrow	{ background-color: transparent; border-radius: 0; width: 8cqw; height: 12cqw; transform: translateY(0); top: auto; bottom: 0; }
button.splide__arrow.item-arrow	{ background-color: rgba(255,255,255,1); border-radius: 0; }
button.splide__arrow.item-arrow svg	{ display: none; }
button.splide__arrow > span	{ display: block; position: relative; width: 100%; height: 100%; inset: 0; }
button.splide__arrow > span::before, 
button.splide__arrow > span::after	{ content: ""; position: absolute; top: 50%; right: 20%; width: 2.8cqw; height: 2px; border-radius: 9999px; background-color: #fff; transform-origin: 100% 50%; }
button.splide__arrow > span::before	{ transform: rotate(55deg); }
button.splide__arrow > span::after	{ transform: rotate(-55deg); }
.splide__arrow--prev { left: 0; }
.splide__arrow--next { right: 0; }
button.splide__arrow.splide__arrow--prev > span	{ transform: rotate(180deg); }
.splide__pagination { gap: .4cqw; bottom: -2cqw; justify-content: flex-end; }
.splide__pagination__page.is-active { background: var(--color-prm); transform: scale(1); opacity: 1; }
.splide__pagination__page	{ background: #fff; opacity: 1; }
@media (max-width: 767.9px)	{ 
	button.splide__arrow	{ width: 12cqw; height: 16cqw; }
	button.splide__arrow > span::before, 
	button.splide__arrow > span::after	{ width: 4cqw; height: 1px; }
	.splide__pagination { gap: 1cqw; bottom: -5cqw; }
	.splide__pagination__page { height: 9px; width: 9px; border: 1px solid #fff; }
}


/* ------------ PRODUCT INFO ------------- */
.product-info	{ width: 100%; display: flex; flex-direction: column; position: relative; gap: 1cqw; padding: 1cqw 0 0; }
.product-info > h3	{ font-family: var(--font-en); color: var(--color-white); font-size: 1.25cqw; font-weight: 400; line-height: 1.5; letter-spacing: .2em; white-space: nowrap; }
.product-info > p	{ font-family: var(--font-jp); color: var(--color-white); font-size: .9cqw; font-weight: 400; line-height: 1.75; letter-spacing: .05em; }
.itmlinks	{ width: 100%; display: flex; justify-content: flex-start; gap: 2cqw; }
.itmlinks > a	{ display: inline-block; position: relative; }
.itmlinks > a span	{ display: inline-block; position: relative; font-family: var(--font-en); color: var(--color-white); font-size: 1.3cqw; font-weight: 400; line-height: 1.1; letter-spacing: .1em; white-space: nowrap; }
.itmlinks > a span::after	{ content:""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: var(--color-white); transition: all .5s; }
@media (min-width: 768px)	{ 
	.itmlinks > a:hover span::after	{ animation: likline 1s ease 0s 1 normal none; }
}
@keyframes likline {
	0%,
	100%	{ width: 100%; right: 0; opacity: 1; }
	50% { width: 0; left: 100%; right: 0; opacity: 1; }
	50.1%	{ width: 0; left: 0; right: 100%; opacity: 0; }
}
@media (max-width: 767.9px)	{ 
	.product-info	{ padding: 3cqw 5cqw 0; gap: 2.4cqw; }
	.product-info > h3	{ font-size: 3.5cqw; }
	.product-info > p	{ font-size: 2.6cqw; }
	.itmlinks	{ gap: 4cqw; }
	.itmlinks > a span	{ font-size: 3.3cqw; }
}

.continuous_images	{ width: 100%; position: relative; z-index: 2; margin: 0 0 10cqw;  }
.continuous_btms	{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 2; }
.continuous_btms_inner	{ width: calc(100cqw / 7 * 4); }
@media (min-width: 768px)	{ 
	.continuous_btms_img	{ width: 40cqw; position: -webkit-sticky; position: sticky; top: 60px; right: 0;  }
}
@media (max-width: 767.9px)	{ 
	.continuous_btms	{ flex-direction: column; align-items: flex-end; }
	.continuous_btms_inner	{ width: 100%; order: 2; }
	.continuous_btms_img	{ width: 60%; order: 1; margin: 0 0 10cqw;  }
}
ul.parentB	{ display: flex; flex-wrap: wrap; }
ul.parentB > li	{ width: 25%; }
ul.parentB > li:last-child	{ width: 100%; }

ul.parentA > li, 
ul.parentB > li	{ aspect-ratio: 4 / 3; }
ul.parentA > li picture, 
ul.parentA > li img, 
ul.parentB > li picture, 
ul.parentB > li img	{ display: block; width: 100%; height: 100%; object-fit: cover; }

/* ------------ 
.continuous_inner	{ width: 100%; display: flex; flex-direction: column; }
.continuous_inner > ul	{ display: flex; width: 100%; }
.continuous_inner > ul li	{ display: flex; width: 100%; width: 100%; aspect-ratio: 4 / 3; }
.continuous_inner_cols	{ width: 100%; }
.continuous_inner_cols .continuous_inner	{ display: flex; width: calc(100% / 7 * 4); }
.continuous_inner_cols .continuous_inner > ul	{ display: flex; width: 100%; }
 ------------- */

@media (min-width: 768px)	{ 
	ul.parentA	{
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: repeat(5, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.div1 { grid-area: 1 / 1 / 2 / 2; }
	.div2 { grid-area: 1 / 2 / 2 / 3; }
	.div3 { grid-area: 1 / 3 / 2 / 4; }
	.div4 { grid-area: 1 / 4 / 2 / 5; }
	.div5 { grid-area: 1 / 5 / 2 / 6; }
	.div6 { grid-area: 1 / 6 / 2 / 7; }
	.div7 { grid-area: 1 / 7 / 2 / 8; }
	.div8 { grid-area: 2 / 1 / 3 / 2; }
	.div9 { grid-area: 2 / 2 / 3 / 3; }
	.div10 { grid-area: 2 / 3 / 3 / 4; }
	.div11 { grid-area: 2 / 4 / 3 / 5; }
	.div12 { grid-area: 2 / 5 / 3 / 6; }
	.div13 { grid-area: 2 / 6 / 3 / 7; }
	.div14 { grid-area: 2 / 7 / 3 / 8; }
	.div15 { grid-area: 3 / 1 / 4 / 2; }
	.div16 { grid-area: 3 / 2 / 4 / 3; }
	.div17 { grid-area: 3 / 3 / 4 / 4; }
	.div18 { grid-area: 3 / 4 / 4 / 5; }
	.div19 { grid-area: 4 / 1 / 5 / 2; }
	.div20 { grid-area: 4 / 2 / 5 / 3; }
	.div21 { grid-area: 4 / 3 / 5 / 4; }
	.div22 { grid-area: 4 / 4 / 5 / 5; }
	.div23 { grid-area: 5 / 1 / 6 / 2; }
	.div24 { grid-area: 5 / 2 / 6 / 3; }
	.div25 { grid-area: 5 / 3 / 6 / 4; }
	.div26 { grid-area: 5 / 4 / 6 / 5; }
	.div27 { grid-area: 3 / 5 / 6 / 8; }
}
@media (max-width: 767.9px)	{ 
	.parentA	{ display: flex; flex-wrap: wrap; }
	.parentA > li	{ width: 25%; }
	.parentA > li.div25, 
	.parentA > li.div26 { display: none; }
	.parentA > li.div27 { width: 100%; }
}

.delayimg > ul li picture, 
.delayimg > ul li img	{ width: 100%; width: 100%; object-fit: cover; opacity: 0; transition: opacity .5s ease; }
.delayimg > ul.active li picture, 
.delayimg > ul.active li img	{ opacity: 1; }

.delayimg > ul.active li:nth-child(1) picture, 
.delayimg > ul.active li:nth-child(1) img	{ transition-delay: calc(var(--delay-base) + 0.04s); }
.delayimg > ul.active li:nth-child(2) picture, 
.delayimg > ul.active li:nth-child(2) img	{ transition-delay: calc(var(--delay-base) + 0.08s); }
.delayimg > ul.active li:nth-child(3) picture, 
.delayimg > ul.active li:nth-child(3) img	{ transition-delay: calc(var(--delay-base) + 0.12s); }
.delayimg > ul.active li:nth-child(4) picture, 
.delayimg > ul.active li:nth-child(4) img	{ transition-delay: calc(var(--delay-base) + 0.16s); }
.delayimg > ul.active li:nth-child(5) picture, 
.delayimg > ul.active li:nth-child(5) img	{ transition-delay: calc(var(--delay-base) + 0.20s); }
.delayimg > ul.active li:nth-child(6) picture, 
.delayimg > ul.active li:nth-child(6) img	{ transition-delay: calc(var(--delay-base) + 0.24s); }
.delayimg > ul.active li:nth-child(7) picture, 
.delayimg > ul.active li:nth-child(7) img	{ transition-delay: calc(var(--delay-base) + 0.28s); }
.delayimg > ul.active li:nth-child(8) picture, 
.delayimg > ul.active li:nth-child(8) img	{ transition-delay: calc(var(--delay-base) + 0.32s); }
.delayimg > ul.active li:nth-child(9) picture, 
.delayimg > ul.active li:nth-child(9) img	{ transition-delay: calc(var(--delay-base) + 0.36s); }
.delayimg > ul.active li:nth-child(10) picture, 
.delayimg > ul.active li:nth-child(10) img	{ transition-delay: calc(var(--delay-base) + 0.40s); }
.delayimg > ul.active li:nth-child(11) picture, 
.delayimg > ul.active li:nth-child(11) img	{ transition-delay: calc(var(--delay-base) + 0.44s); }
.delayimg > ul.active li:nth-child(12) picture, 
.delayimg > ul.active li:nth-child(12) img	{ transition-delay: calc(var(--delay-base) + 0.48s); }
.delayimg > ul.active li:nth-child(13) picture, 
.delayimg > ul.active li:nth-child(13) img	{ transition-delay: calc(var(--delay-base) + 0.52s); }
.delayimg > ul.active li:nth-child(14) picture, 
.delayimg > ul.active li:nth-child(14) img	{ transition-delay: calc(var(--delay-base) + 0.56s); }
.delayimg > ul.active li:nth-child(15) picture, 
.delayimg > ul.active li:nth-child(15) img	{ transition-delay: calc(var(--delay-base) + 0.60s); }
.delayimg > ul.active li:nth-child(16) picture, 
.delayimg > ul.active li:nth-child(16) img	{ transition-delay: calc(var(--delay-base) + 0.64s); }
.delayimg > ul.active li:nth-child(17) picture, 
.delayimg > ul.active li:nth-child(17) img	{ transition-delay: calc(var(--delay-base) + 0.68s); }
.delayimg > ul.active li:nth-child(18) picture, 
.delayimg > ul.active li:nth-child(18) img	{ transition-delay: calc(var(--delay-base) + 0.72s); }
.delayimg > ul.active li:nth-child(19) picture, 
.delayimg > ul.active li:nth-child(19) img	{ transition-delay: calc(var(--delay-base) + 0.76s); }
.delayimg > ul.active li:nth-child(20) picture, 
.delayimg > ul.active li:nth-child(20) img	{ transition-delay: calc(var(--delay-base) + 0.80s); }
.delayimg > ul.active li:nth-child(21) picture, 
.delayimg > ul.active li:nth-child(21) img	{ transition-delay: calc(var(--delay-base) + 0.84s); }
.delayimg > ul.active li:nth-child(22) picture, 
.delayimg > ul.active li:nth-child(22) img	{ transition-delay: calc(var(--delay-base) + 0.88s); }
.delayimg > ul.active li:nth-child(23) picture, 
.delayimg > ul.active li:nth-child(23) img	{ transition-delay: calc(var(--delay-base) + 0.92s); }
.delayimg > ul.active li:nth-child(24) picture, 
.delayimg > ul.active li:nth-child(24) img	{ transition-delay: calc(var(--delay-base) + 0.96s); }
.delayimg > ul.active li:nth-child(25) picture, 
.delayimg > ul.active li:nth-child(25) img	{ transition-delay: calc(var(--delay-base) + 1.00s); }
.delayimg > ul.active li:nth-child(26) picture, 
.delayimg > ul.active li:nth-child(26) img	{ transition-delay: calc(var(--delay-base) + 1.04s); }
.delayimg > ul.active li:nth-child(27) picture, 
.delayimg > ul.active li:nth-child(27) img	{ transition-delay: calc(var(--delay-base) + 1.08s); }
.delayimg > ul.active li:nth-child(28) picture, 
.delayimg > ul.active li:nth-child(28) img	{ transition-delay: calc(var(--delay-base) + 1.12s); }
.delayimg > ul.active li:nth-child(29) picture, 
.delayimg > ul.active li:nth-child(29) img	{ transition-delay: calc(var(--delay-base) + 1.16s); }


@media (max-width: 767.9px)	{ 
.delayimg > ul.active li:nth-child(1) picture, 
.delayimg > ul.active li:nth-child(1) img	{ transition-delay: calc(var(--delay-base) + 0.08s); }
.delayimg > ul.active li:nth-child(2) picture, 
.delayimg > ul.active li:nth-child(2) img	{ transition-delay: calc(var(--delay-base) + 0.16s); }
.delayimg > ul.active li:nth-child(3) picture, 
.delayimg > ul.active li:nth-child(3) img	{ transition-delay: calc(var(--delay-base) + 0.24s); }
.delayimg > ul.active li:nth-child(4) picture, 
.delayimg > ul.active li:nth-child(4) img	{ transition-delay: calc(var(--delay-base) + 0.32s); }
.delayimg > ul.active li:nth-child(5) picture, 
.delayimg > ul.active li:nth-child(5) img	{ transition-delay: calc(var(--delay-base) + 0.40s); }
.delayimg > ul.active li:nth-child(6) picture, 
.delayimg > ul.active li:nth-child(6) img	{ transition-delay: calc(var(--delay-base) + 0.48s); }
.delayimg > ul.active li:nth-child(7) picture, 
.delayimg > ul.active li:nth-child(7) img	{ transition-delay: calc(var(--delay-base) + 0.56s); }
.delayimg > ul.active li:nth-child(8) picture, 
.delayimg > ul.active li:nth-child(8) img	{ transition-delay: calc(var(--delay-base) + 0.64s); }
.delayimg > ul.active li:nth-child(9) picture, 
.delayimg > ul.active li:nth-child(9) img	{ transition-delay: calc(var(--delay-base) + 0.72s); }
.delayimg > ul.active li:nth-child(10) picture, 
.delayimg > ul.active li:nth-child(10) img	{ transition-delay: calc(var(--delay-base) + 0.80s); }
.delayimg > ul.active li:nth-child(11) picture, 
.delayimg > ul.active li:nth-child(11) img	{ transition-delay: calc(var(--delay-base) + 0.88s); }
.delayimg > ul.active li:nth-child(12) picture, 
.delayimg > ul.active li:nth-child(12) img	{ transition-delay: calc(var(--delay-base) + 0.96s); }
.delayimg > ul.active li:nth-child(13) picture, 
.delayimg > ul.active li:nth-child(13) img	{ transition-delay: calc(var(--delay-base) + 1.04s); }
.delayimg > ul.active li:nth-child(14) picture, 
.delayimg > ul.active li:nth-child(14) img	{ transition-delay: calc(var(--delay-base) + 1.12s); }
.delayimg > ul.active li:nth-child(15) picture, 
.delayimg > ul.active li:nth-child(15) img	{ transition-delay: calc(var(--delay-base) + 1.20s); }
.delayimg > ul.active li:nth-child(16) picture, 
.delayimg > ul.active li:nth-child(16) img	{ transition-delay: calc(var(--delay-base) + 1.28s); }
.delayimg > ul.active li:nth-child(17) picture, 
.delayimg > ul.active li:nth-child(17) img	{ transition-delay: calc(var(--delay-base) + 1.36s); }
.delayimg > ul.active li:nth-child(18) picture, 
.delayimg > ul.active li:nth-child(18) img	{ transition-delay: calc(var(--delay-base) + 1.44s); }
.delayimg > ul.active li:nth-child(19) picture, 
.delayimg > ul.active li:nth-child(19) img	{ transition-delay: calc(var(--delay-base) + 1.52s); }
.delayimg > ul.active li:nth-child(20) picture, 
.delayimg > ul.active li:nth-child(20) img	{ transition-delay: calc(var(--delay-base) + 1.60s); }
.delayimg > ul.active li:nth-child(21) picture, 
.delayimg > ul.active li:nth-child(21) img	{ transition-delay: calc(var(--delay-base) + 1.68s); }
.delayimg > ul.active li:nth-child(22) picture, 
.delayimg > ul.active li:nth-child(22) img	{ transition-delay: calc(var(--delay-base) + 1.76s); }
.delayimg > ul.active li:nth-child(23) picture, 
.delayimg > ul.active li:nth-child(23) img	{ transition-delay: calc(var(--delay-base) + 1.84s); }
.delayimg > ul.active li:nth-child(24) picture, 
.delayimg > ul.active li:nth-child(24) img	{ transition-delay: calc(var(--delay-base) + 1.92s); }
.delayimg > ul.active li:nth-child(25) picture, 
.delayimg > ul.active li:nth-child(25) img	{ transition-delay: calc(var(--delay-base) + 2.00s); }
.delayimg > ul.active li:nth-child(26) picture, 
.delayimg > ul.active li:nth-child(26) img	{ transition-delay: calc(var(--delay-base) + 2.08s); }
.delayimg > ul.active li:nth-child(27) picture, 
.delayimg > ul.active li:nth-child(27) img	{ transition-delay: calc(var(--delay-base) + 2.16s); }
.delayimg > ul.active li:nth-child(28) picture, 
.delayimg > ul.active li:nth-child(28) img	{ transition-delay: calc(var(--delay-base) + 2.24s); }
.delayimg > ul.active li:nth-child(29) picture, 
.delayimg > ul.active li:nth-child(29) img	{ transition-delay: calc(var(--delay-base) + 2.32s); }
}

/* ------------ LAST CHILD ------------- */
.pageunder	{ width: 100%; padding: 8.5cqw 0; display: -webkit-flex; display: flex; flex-wrap: wrap; position: relative; align-items: center; justify-content: center; z-index: 20; gap: 3cqw; z-index: 1; }
.pageunder > b	{ display: -webkit-flex; display: flex; width: 6.9cqw; }
.pageunder > strong	{ display: -webkit-flex; display: flex; width: 19.8cqw; }
@media (max-width: 767.9px)	{ 
	.pageunder	{ padding: 20cqw 0; gap: 6cqw; }
	.pageunder > b	{ width: 16cqw; }
	.pageunder > strong	{ width: 48cqw; }
}

.singleimages	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; padding: 24cqw 0 0; }
.singleimages > p	{ width: 60%; }
.singleimages > span	{ padding: 2cqw 0 0; font-family: var(--font-en); color: var(--color-white); font-size: 0.86cqw; font-weight: 300; line-height: 1.5; letter-spacing: .2em; white-space: nowrap; }
@media (max-width: 767.9px)	{ 
	.singleimages	{ padding: 48cqw 0 0; }
	.singleimages > p	{ width: 90%; }
	.singleimages > span	{ padding: 2cqw 0 0;font-size: 2cqw; }
}


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

.no-transition * {
  transition: none !important; -webkit-transition-delay: 0; transition-delay: 0;
}