@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

@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: 6; }
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: 6; }
.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: "Noto Sans JP", sans-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: "Inter", sans-serif; 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%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.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; }
.scrollIn.active	{ opacity: 1; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: .3s; }
.inVewImg	{ overflow: hidden; width: 100%; }
.inVewImg > img, 
.inVewImg > picture, 
.inVewImg > picture > img	{ opacity: 0; transform: scale(1.1); }
.inVewImg.active > img, 
.inVewImg.active > picture, 
.inVewImg.active > picture > img	{ opacity: 1; transform: scale(1) translateZ(0); transition: opacity 1s ease-out,transform 1.6s ease; transition-property: opacity,transform; transition-delay: .4s; }
.swiper-slide > img,
.swiper-slide > picture, 
.swiper-slide > picture > img	{ opacity: 0; transform: scale(1.1); }
.active .swiper-slide > img, 
.active .swiper-slide > picture, 
.active .swiper-slide > picture > img	{ opacity: 1; transform: scale(1) translateZ(0); transition: opacity 1s ease-out,transform 1.6s ease; transition-property: opacity,transform; transition-delay: .2s; }

/* ------------ MAIN AREA ------------- */
.mainimg_wrapper	{ width: 100%; height: 100%; aspect-ratio: 2600 / 1517; line-height: 1; position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0; }
.mainimg_wrapper.active > img,
.mainimg_wrapper.active > picture	{ opacity: 1; }
.mainimg_wrapper > strong	{ width: 17%; position: absolute; top: 41%; left: 50%; transform: translate(-50%,-50%); transition: opacity .8s ease 1s; opacity: 0; }
.mainimg_wrapper > h1	{ width: 50%; max-width: 780px; position: absolute; top: 49.4%; left: 50%; transform: translate(-50%,-50%); transition: opacity .8s ease 1.2s; opacity: 0; }
.mainimg_wrapper.active > strong, 
.mainimg_wrapper.active > h1	{ opacity: 1; }
@media (max-width: 767px) {
	.mainimg_wrapper	{ aspect-ratio: 8 / 11; }
	.mainimg_wrapper > strong	{ width: 40.5%; top: 36%; }
	.mainimg_wrapper > h1	{ width: 60%; top: 49%; }
}

/* ------------ INTRODUCTION ------------- */
.introduction	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 13cqw 10% 12cqw; margin: 0; }
.introinner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.introinner > h2	{ font-size: 2.1cqw; font-weight: 400; line-height: 1.2em; letter-spacing:.1em; text-align: center; margin: 0 0 4cqw; }
.introinner > p	{ font-size: 1.4cqw; line-height: 2.2; font-weight: 400; text-align: center;  }
@media (min-width: 1200px) {
	.introinner > h2	{ font-size: 25px; }
	.introinner > p	{ font-size: 17px; }
}
@media (min-width: 768px) {
	.introinner > h2 br	{ display: none; }
}
@media (max-width: 767px) {
	.introduction	{ padding: 28cqw 6%; margin: 0 0 1cqw; }
	.introinner	{ flex-wrap: wrap; }
	.introinner > h2	{ font-size: 4.4cqw; line-height: 1.8; margin: 0 0 15.95cqw; }
	.introinner > p	{ font-size: 3.42cqw; line-height: 2.6; text-align: justify; }
	.introinner > p br	{ display: none; }
}

/* ------------ TITLE ------------- */
.sectionttle	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: 0 0 13cqw; }
.sectionttle > h3	{ font-size: 1.7cqw; font-weight: 600; line-height: 1.2; letter-spacing:0; letter-spacing:.05em; text-align: center; }
.sectionttle > h3 a	{ font-size: 1.7cqw; font-weight: 600; line-height: 1.2; letter-spacing:0; letter-spacing:.05em; text-align: center; }
.sectionttle > h3 a:hover	{ color:#000; }
@media (min-width: 1200px) {
	.sectionttle > h3	{ font-size: 21px; }
	.sectionttle > h3 a	{ font-size: 21px; }
}
@media (min-width: 768px) {
	.sectionttle > h3 a	{ position: relative; display: -webkit-flex; display: flex; padding: 0 0 1px; }
	.sectionttle > h3 a::before	{ content:""; position: absolute; left: 0; right: 100%; bottom: 0; width: 0; height: 1px; background-color: #000; transition: all .5s; }
	.sectionttle > h3 a:hover::before	{ width: 100%; right: 0; }
}
@media (max-width: 767.9px) {
	.sectionttle	{ margin: 0 0 30cqw; }
	.sectionttle > h3	{ font-size: 3.7cqw; line-height: 1.4; }
	.sectionttle > h3 a	{ font-size: 3.7cqw; line-height: 1.4; }
}

/* ------------ MIDDLE ------------- */
.midduction	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 9.5cqw 10%; margin: 0 0 3cqw; }
.midinner	{ width: 64%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.midinner > h2	{ font-size: 2.1cqw; font-weight: 700; line-height: 1.2em; letter-spacing:.1em; text-align: center; margin: 0 0 3.6cqw; }
.midinner > p	{ font-size: 1.4cqw; line-height: 2.2; font-weight: 400; text-align: justify; }
.midinner > p span	{ display: block; font-size: 1cqw; line-height: 1.6; font-weight: 400; text-align: right; padding: 1cqw 0 0; }
.midinner > h3	{ font-size: 1.6cqw; font-weight: 600; line-height: 1.2em; letter-spacing:0; letter-spacing:.05em; text-align: center; padding: 1.6cqw 0 0; }
@media (min-width: 1200px) {
	.midinner > h2	{ font-size: 21px; }
	.midinner > p	{ font-size: 17px; }
	.midinner > p span	{ font-size: 10px; }
	.midinner > h3	{ font-size: 17px; }
}
@media (min-width: 768px) {
	.midinner > p.tume	{ letter-spacing:-.02em; }
	.midinner > h2 br	{ display: none; }
}
@media (max-width: 767.9px) {
	.midduction		{ padding: 10cqw 6% 30cqw; margin: 0; }
	.midinner	{ width: 100%; }
	.midinner > h2	{ font-size: 4.6cqw; line-height: 1.4; margin: 0 0 4cqw; }
	.midinner > p	{ font-size: 3.49cqw; line-height: 2.55; letter-spacing:-.03em; }
	.midinner > p br	{ display: none; }
	.midinner > p span	{ display: block; width: 100%; font-size: 2.6cqw; }
	.midinner > h3	{ font-size: 3.25cqw; padding: 12cqw 0 0; }
}

/* ------------ ITEM NAME ------------- */
.itemallwrapper	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.tsetwap01	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-start; padding: 0; margin: 0 0 3cqw; }
.tsetwap01 .itemallwrapper	{ width: 100%; flex-direction: row; }
.tsetwap02	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; gap: 30.1666cqw 0; padding: 0; margin: 0 0 13.5833cqw; position: relative; }
.tsetwap02 .itemallwrapper	{ width: 63%; align-self: flex-start; }
.tsetwap02 .inmsubimg	{ position: absolute; top: 66.25cqw; left: auto; right: 8.3333cqw; width: 35%; z-index: 2; }
.tsetwap02 .inmsubimg2	{ width: 35.8333cqw; z-index: 2; margin: 0 0 0 8.3333cqw; }
.tsetwap03	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; gap: 13.3333cqw 0; padding: 0; margin: 0 0 13.5833cqw; position: relative; }
.tsetwap03 .itemallwrapper	{ width: 76.6666%; align-self: flex-end; }
.tsetwap03 .inmsubimg	{ width: 50cqw; z-index: 2; margin: 0 0 0 8.3333cqw; }
.tsetwap04	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-end; padding: 0; margin: 0 0 2.4cqw; position: relative; }
.tsetwap04 .itemallwrapper	{ width: 75.8333cqw; }
.tsetwap05	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; gap: 13.3333cqw 0; padding: 0 8.3333cqw; margin: 0 0 13.5833cqw; position: relative; }
.tsetwap05 .itemallwrapper	{ width: 54.1666cqw; }
.tsetwap05 .inmsubimg	{ width: 51.666cqw; z-index: 2; align-self: flex-end; }
.tsetwap06	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5cqw 0; padding: 0; margin: 0 0 3cqw; position: relative; }
.tsetwap06 .inmsubimg	{ width: 40cqw; z-index: 2; }
.tsetwap07	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0 0 13cqw; position: relative; }
.tsetwap07 .itemallwrapper	{ width: 61%; }
.tsetwap08	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-start; padding: 0; margin: 0 0 13cqw; }
.tsetwap08 .itemallwrapper	{ width: 100%; flex-direction: row; }
.tsetwap09	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0 0 3cqw; position: relative; }
.tsetwap09 .itemallwrapper	{ width: 50%; }
.tsetwap10	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-end; padding: 0; margin: 0 0 10cqw; position: relative; }
.tsetwap10 .itemallwrapper	{ width: 60%; }
.tsetwap11	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-start; padding: 0; margin: 0 0 3cqw; position: relative; }
.tsetwap11 .itemallwrapper	{ width: 37%; }
.tsetwap12	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0 0 13.5cqw; position: relative; }
.tsetwap12 .itemallwrapper	{ width: 71%; flex-direction: row; gap: 0 3%; }
.tsetwap13	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; padding: 0 8.3333cqw; margin: 0 0 13cqw; position: relative; }
.tsetwap13 .itemallwrapper	{ width: 100%; }
.tsetwap14	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-start; padding: 0; margin: 0 0 2.5cqw; }
.tsetwap14 .itemallwrapper	{ width: 100%; flex-direction: row; }
.btmstaff	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0 0 10cqw; }
.btmstaffinner	{ width: 82%; border-top: 1px solid #000; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 6cqw 0 0; }
.btmstaffinner > ul	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.btmstaffinner > ul > li	{ font-size: 1.25cqw; line-height: 1.98; font-weight: 400; text-align: center; }
@media (min-width: 1200px) {
	.btmstaffinner > ul > li	{ font-size: 14px; }
}
@media (min-width: 768px) {
	.tsetwap06 .swiper-wrapper, 
	.tsetwap12 .swiper-wrapper	{ gap: 0 2%; }
}
@media (max-width: 767.9px) {
	.tsetwap01	{ margin: 0; }
	.tsetwap01 .itemallwrapper	{ width: 100%; flex-direction: column; gap: 3cqw 0; margin: 0 0 16cqw; }
	.tsetwap02	{ margin: 0 0 30cqw; flex-direction: column; padding: 0; gap: 15cqw 0; margin: 0 0 28cqw; }
	.tsetwap02 .itemallwrapper	{ width: 100%; }
	.tsetwap02 .inmsubimg	{ position: static; top: auto; left: auto; right: auto; width: 62.5cqw; margin: 0 6cqw 15cqw 0; align-self: flex-end; }
	.tsetwap02 .inmsubimg2	{ width: 86.25cqw; margin: 0; }
	.tsetwap03	{ padding: 0; gap: 30cqw 0; margin: 0 0 30cqw; }
	.tsetwap03 .itemallwrapper	{ width: 94cqw; align-self: flex-end; }
	.tsetwap03 .inmsubimg	{ width: 62.5cqw; margin: 0; align-self: flex-start; }
	.tsetwap04 .itemallwrapper	{ width: 100%; margin: 0 0 14cqw; }
	.tsetwap05	{ padding: 0; gap: 40cqw 0; margin: 0 0 30cqw; }
	.tsetwap05 .itemallwrapper	{ width: 86.25cqw; padding: 0; margin: 0; }
	.tsetwap05 .inmsubimg	{ width: 94cqw; padding: 0; z-index: 2; }
	.tsetwap06	{ gap: 7.5cqw 0; margin: 0 0 20cqw; }
	.tsetwap06 .inmsubimg	{ width: 62.5cqw; }
	.tsetwap08 .itemallwrapper	{ width: 63%; flex-direction: column; gap: 8cqw 0; margin: 0 0 15cqw; }
	.tsetwap09 .itemallwrapper	{ width: 100%; margin: 0 0 15cqw; }
	.tsetwap10 .itemallwrapper	{ width: 100%; margin: 0 0 20cqw; }
	.tsetwap11	{ justify-content: center; }
	.tsetwap11 .itemallwrapper	{ width: 87%; margin: 0 0 16cqw; }
	.tsetwap12	{ justify-content: flex-end; }
	.tsetwap12 .itemallwrapper	{ width: 63%; flex-direction: column; gap: 6cqw 0; margin: 0 0 15cqw; }
	.tsetwap13	{ padding: 0; margin: 0 0 13cqw; }
	.tsetwap13 .itemallwrapper	{ width: 100%; padding: 0; margin: 0 0 17cqw; }
	.tsetwap14 .itemallwrapper	{ width: 100%; flex-direction: column; gap: 2cqw 0; margin: 0 0 14cqw; }
	.btmstaff	{ margin: 0 0 20cqw; }
	.btmstaffinner	{ width: 90%; padding: 18cqw 0 0; }
	.btmstaffinner > ul > li	{ font-size: 2.8cqw; line-height: 2.4; font-weight: 500; text-align: center; }
}

.allitembtn	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 6%; margin: 0 0 13cqw; }
.allitembtn.end	{ margin: 0 0 13cqw; }
.allitembtn > a	{ color:#000; font-size: 1.4cqw; line-height: 1; font-weight: 700; letter-spacing:.1em; width: 45%; max-width: 480px; height: 100%; aspect-ratio: 6 / 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #000; transition: color .8s ease, background-color .8s ease; border-radius: 20cqw; }
@media (min-width: 1200px) {
	.allitembtn > a	{ font-size: 16px; }
}
@media (min-width: 768px) {
	.allitembtn > a:hover	{ background-color: #000; color:#fff; }
}
@media (max-width: 767.9px) {
	.allitembtn	{ margin: 0 0 32cqw; }
	.allitembtn.end	{ margin: 0 0 20cqw; }
	.allitembtn > a	{ font-size: 3cqw; width: 85%; aspect-ratio: 60 / 11; }
}

.slunedtxlis	{ width: 100%; padding: 0; margin: 0; display: -webkit-flex; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 30px 0; }
.itemdit	{ display: -webkit-flex; display: flex; flex-direction: column; }
.itemdit > p,
.itemdit > a	{ display: -webkit-flex; display: flex; width: 100%; margin: 0 0 .6em; gap: .8em; transition: opacity .4s; opacity: 1; }
.itemdit > p strong,
.itemdit > a strong	{ color:#333; white-space: nowrap; font-size: 15px; line-height: 1; font-weight: 500; letter-spacing:.06em; }
.itemdit > p strong	{ text-decoration: none; }
.itemdit > p span.prc, 
.itemdit > a span.prc	{ color:#333; white-space: nowrap; font-size: 14px; line-height: 1; font-weight: 400; letter-spacing:0; padding: 0 0 .3em .8em; margin: 0; font-family: "Noto Sans JP", sans-serif!important; border-left: 1px solid #999; }
.itemdit > p strong,
.itemdit > p span.prc	{ color:#999; }
.itemdit > p span.son	{ color:#000; white-space: nowrap; font-size: 14px; line-height: 1; font-weight: 400; letter-spacing:.02em; }
@media (min-width: 1000.1px) {
	.itemdit > a:hover	{ opacity: .5; }
}
@media (max-width: 1300px) {
	.itemdit > p strong,
	.itemdit > a strong	{ font-size: 14px; letter-spacing:.03em; }
	.itemdit > p span.prc, 
	.itemdit > a span.prc, 
	.itemdit > p span.son	{ font-size: 13px; }
}
@media (max-width: 1100px) {
	.itemdit > p strong,
	.itemdit > a strong	{ font-size: 13px; letter-spacing:.03em; }
	.itemdit > p span.prc, 
	.itemdit > a span.prc, 
	.itemdit > p span.son	{ font-size: 12px; }
}
@media (max-width: 1000px) {
	.slunedtxlis	{ width: 100%; max-width: 100%; padding: 0 6%; margin: 0 0 40px; gap: 20px 0; }
	.set03 .slunedtxlis	{ padding: 0; }
	.itemdit > p,
	.itemdit > a	{ flex-wrap: wrap; margin: 0 0 1.2em; gap: .4em; transition: opacity .4s; opacity: 1; }
	.itemdit > p strong,
	.itemdit > a strong	{ width: 100%; }
	.itemdit > p span.prc, 
	.itemdit > a span.prc	{ width: 100%; padding: 0; border-left: 0; }
	.itemdit > p span.son	{ width: 100%; }
}

.content-section	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; position: relative;  }
.itemswap	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6cqh 0 0; margin: 0 0 12cqh; }
.itemswap > h2	{ font-size: clamp(26px, 42px, 2vw); line-height: 1; font-weight: 500; letter-spacing:.2rem; margin: 0 0 3em;  }
.itemswap > ul	{ width: 70%; display: -webkit-flex; display: flex; gap: 5px;  }
.itemswap > ul > li	{ height: 100%; aspect-ratio: 3 / 4; line-height: 1; background-color: #fff; flex-grow: 1; display: -webkit-flex; display: flex; }
.itemswap > ul > li > a	{ width: 100%; height: 100%; aspect-ratio: 3 / 4; position: relative; line-height: 1; overflow: hidden; background-color: #000; }
.itemswap > ul > li > a > strong	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-size: 1.4vw; font-weight: 500; letter-spacing:.2rem; color:#fff;  }
.itemswap > ul > li > a > img	{ opacity: 1; transform: scale(1) translateZ(0); transition: opacity 1s ease-out,transform 1s ease; transition-property: opacity,transform; }
@media (min-width: 768px) {
	.itemswap > ul > li > a:hover > img	{ opacity: .6; transform: scale(1.1) translateZ(0); transition: opacity 1s ease-out,transform 1s ease; transition-property: opacity,transform; }
}
@media (max-width: 1100px) {
	.itemswap > ul	{ width: 90%;  }
}
@media (max-width: 767px) {
	.itemswap	{ padding: 4cqh 0 0; }
	.itemswap > h2	{ margin: 0 0 2em; }
	.itemswap > ul	{ width: 70%; gap: 10px; flex-wrap: wrap; }
	.itemswap > ul > li	{ width: 100%; }
	.itemswap > ul > li > a > strong	{ font-size: 5vw; }
}

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