@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@font-face {
  font-family: 'Helvetica-Lt';
  src: url('fonts/Helvetica-Lt.woff') format('woff'),
       url('fonts/Helvetica-Lt.woff2') format('woff2'),
       url('fonts/Helvetica-Lt.otf') format("opentype");
}
@font-face {
  font-family: 'Helvetica-Md';
  src: url('fonts/Helvetica-Md.woff') format('woff'),
       url('fonts/Helvetica-Md.woff2') format('woff2'),
       url('fonts/Helvetica-Md.otf') format("opentype");
}

@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; }

.bannerSwitch	{ width: 100%; aspect-ratio: 7 / 4; margin: -88px 0 0; padding: 0; display: -webkit-flex; display: flex; position: relative; }
.bannerSwitch.fadeIn	{ opacity: 0; animation: fadein 1.6s ease-in-out .1s 1 normal forwards; }
@media (max-width: 767.999px) {
	.bannerSwitch	{ aspect-ratio: 15 / 26; margin: 0; }
}

.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; background-color: #fff; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:0; font-family: 'Helvetica-Md', 'Noto Sans JP', sans-serif;!important; font-weight: 500; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; color:#1A1A1A; -webkit-font-smoothing: antialiased; font-feature-settings: normal!important; }
.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 a, 
.pi_lgzformat a:hover { text-decoration:none; }
.pi_lgzformat .small {font-size:80%;}
.pi_lgzformat .center-text	{ text-align: center; }

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; }
.scrollIn.active	{ transition: opacity 2.4s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .3s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}
@keyframes blur	{ 
	from	{ opacity: 0; filter: blur(20px); }
	to	{ opacity: 1; filter: blur(0px); }
}

/* ------------ MAIN IMG ------------- */
.mainimg_wrapper	{ position: relative; display: -webkit-flex; display: flex; }
.mainimg_wrapper > h2	{ width: 100%; color:#00FF00; font-family:'Helvetica-Md', sans-serif; font-size: clamp(22px, 120px, 3.3vw); line-height: 1.2; letter-spacing:.03em; text-align: center; position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); transition:.8s cubic-bezier(.12,.51,.55,.94); opacity: 0; z-index: 2; }
.mainimg_wrapper.active > h2	{ top: 50%; left: 50%; opacity: 1; transition-delay: 1.8s; }

.mainimgpc, 
.mainimgsp	{ width: 100%; list-style: none; position: relative; display: -webkit-flex; display: flex; flex-wrap: wrap; z-index: 1; }
.mainimgpc > li, 
.mainimgsp > li	{ width: 25%; position: relative; overflow: hidden; }
.mainimgpc > li img, 
.mainimgsp > li img	{
	opacity: 0;
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	will-change: opacity,transform
}
.mainimgpc > li.active img, 
.mainimgsp > li.active img	{
	opacity: 1;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.mainimgsp	{ display: none; }
@media (max-width: 767.999px) {
	.mainimg_wrapper > h2	{ font-size: 7vw; line-height: 1.6; }
	.mainimgpc > li, 
	.mainimgsp > li	{ width: 50%; }
	.mainimgpc	{ display: none; }
	.mainimgsp	{ display: -webkit-flex; display: flex; }
}

/* ------------ INTRODUCTION ------------- */
.introduction	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 160px 28px 150px; }
.introwrapper	{ width: 100%; max-width: 680px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.introwrapper > p	{ opacity: 0; color:#1A1A1A; font-size: 18px; line-height: 38px; text-align: left; transition:.8s cubic-bezier(.12,.51,.55,.94); opacity: 0; transform: translateY(10px); }
.introwrapper.active > p	{ opacity: 1; transform: translateY(0); }
@media (max-width: 767.999px) {
	.introduction	{ padding: 66px 28px 55px; }
	.introwrapper > p	{  font-size: 14px; line-height: 28px; }
}

/* ------------ ITEM AREA ------------- */
.itemsetwrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; position: relative; background-color: #fff; padding: 40px 0 0; }
.itemsetheader	{ width: 100%; height: 180px; background-color: #00FF00; display: -webkit-flex; display: flex; align-items: center; position: relative; opacity: 0; transform: translateY(10px); transition: all .9s; }
.itemsetheader.active	{ opacity: 1; transform: translateY(0px); }
.itemsetheader > p	{ width: calc(100% / 3); display: -webkit-flex; display: flex; align-items: center; padding: 0 0 0 3.47%; }
.itemsetheader > p, 
.itemsetheader > p span	{ color:#1A1A1A; font-family:'Helvetica-Md', sans-serif; font-size: clamp(50px, 80px, 5vw); line-height: 1; letter-spacing:.1em; }
.itemsetheader > ul	{ list-style: none; display: -webkit-flex; display: flex; flex-direction: column; }
.itemsetheader > ul.creatname	{ flex-grow: 1; }
.itemsetheader > ul.creatdetail	{ width: 46.527%; }
.itemsetheader > ul li	{ font-size: clamp(12px, 22px, 1.5vw); line-height: 1; padding: .5em 0; }
.itemsetheader > ul li a	{ color:#1A1A1A; font-size: clamp(12px, 22px, 1.5vw); line-height: 1; }
.itemsetheader > ul.creatdetail li	{ padding: .4em 0; }
.itemsetheader > ul.creatname li:last-child	{ font-size: clamp(11px, 18px, 1.3vw); line-height: 1; }
.itemsetimages	{ width: 100%; display: -webkit-flex; display: flex; position: relative; }
.itemsetimages > h4	{ width: 100%; color:#00FF00; font-family:'Helvetica-Md', sans-serif; font-size: clamp(22px, 46px, 2.7vw); line-height: 1; letter-spacing:.03em; text-align: center; position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); transition:.8s cubic-bezier(.12,.51,.55,.94); opacity: 0; }
.itemsetimages.active > h4	{ top: 50%; left: 50%; opacity: 1; transition-delay: 0.4s; }
.item-slider	{ width: 100%; }
@media (min-width: 1001px) {
	.item-slider	{ display: -webkit-flex; display: flex; }
	.item-slider > div	{ flex-grow: 1; overflow: hidden; }
	.item-slider > div > picture, 
	.item-slider > div > img	{
		opacity: 0;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform .7s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		will-change: opacity,transform
	}
	.active .item-slider > div > picture, 
	.active .item-slider > div > img	{
		opacity: 1;
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
		-webkit-transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1),transform .7s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	.active .item-slider > div:nth-child(2) > picture, 
	.active .item-slider > div:nth-child(2) > img	{ -webkit-transition-delay: .1s; transition-delay: .1s }
	.active .item-slider > div:nth-child(3) > picture, 
	.active .item-slider > div:nth-child(3) > img	{ -webkit-transition-delay: .3s; transition-delay: .3s }
}
@media (max-width: 1000.99px) {
	.itemsetwrapper	{ padding: 20px 0 0; }
	.itemsetheader	{ height: auto; flex-direction: column; padding: 34px 28px; }
	.itemsetheader > p	{ width: 100%; padding: 0; margin: 0 0 40px; }
	.itemsetheader > ul.creatname	{ width: 100%; margin: 0 0 12px; }
	.itemsetheader > ul.creatdetail	{ width: 100%; }
	.itemsetheader > ul li	{ font-size: 22px; line-height: 1.2; padding: 0; }
	.itemsetheader > ul li a	{ font-size: 16px; line-height: 1.2; }
	.itemsetheader > ul.creatdetail li	{ font-size: 16px; line-height: 1.6; padding: 0; }
	.itemsetheader > ul.creatname li:last-child	{ font-size: 18px; line-height: 1.8; }

	.itemsetimages > h4	{ top: 17%; }
	.itemsetimages.active > h4	{ top: 10%; left: 50%; opacity: 1; transition-delay: 0.4s; }
}
#numChange {
    transition: all 0.2s ease-in-out;
}


.slick-dots	{ bottom: 20px; display: -webkit-flex; display: flex!important; width: 45%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.slick-dots li	{ padding: 0; margin: 0; position: relative; flex-grow: 1; height: 100%; height: 3px; z-index: 2; }
.slick-dots li::after	{ content:""; position: absolute; top: 40%; left: 0; right: 0; width: 100%; height: 1px; background-color: rgba(255,255,255,1); z-index: 1; }
.slick-dots li.slick-active::after	{ top: 0; height: 3px; background-color: #00FF00; }
.slick-dots li > button	{ display: none; }
.slick-dotted.slick-slider	{ margin-bottom: 0!important; }


.iteminfo	{ display: -webkit-flex; display: flex; align-items: flex-start; background-color: #fff; padding: 37px 2% 83px 3.47%; }
.iteminfotxt	{ width: 22%; display: -webkit-flex; display: flex; flex-direction: column; }
.iteminfotxt > b	{ color:#1A1A1A; font-family:'Helvetica-Md', sans-serif; font-size: clamp(12px, 14px, 1vw); line-height: 1; letter-spacing:.01rem; margin: 0 0 8px; }
.iteminfotxt > strong	{ color:#1A1A1A; font-family:'Helvetica-Md', sans-serif; font-size: clamp(18px, 20px, 1.6vw); line-height: 1.3; letter-spacing:.03rem; margin: 0 0 8px; }
.iteminfotxt > p	{ color:#1A1A1A; font-family:'Helvetica-Md', sans-serif; font-size: clamp(16px, 18px, 1vw); line-height: 1.4; letter-spacing:.01rem; }
.iteminfotxt > p span	{ color:#1A1A1A; font-family:'Helvetica-Md', sans-serif; font-size: 12px; line-height: 1.4; letter-spacing:.05rem; }
.iteminfotxt > p b	{ font-size: 12px; line-height: 1.4; font-weight: 400; letter-spacing:.01rem; }
.iteminfobtn	{ width: 17%; padding: 5px 0; display: -webkit-flex; display: flex; gap: 0 10px; }
.iteminfobtn > p	{ width: 97px; height: 58px; line-height: 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #999; border-radius: 29px; background-color: #fff; transition:.8s cubic-bezier(.24,.155,.275,.945); position: relative; }
.iteminfobtn > a	{ width: 97px; height: 58px; line-height: 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #1A1A1A; border-radius: 29px; background-color: #fff; transition:.8s cubic-bezier(.24,.155,.275,.945); position: relative; }
.iteminfobtn > a	{ background: url(btnbuy.png) center center / 64px 38px no-repeat; overflow: hidden; }
.iteminfobtn > a.women	{ background: url(btnbuy-w.png) center center / 64px 38px no-repeat; overflow: hidden; }
.iteminfobtn > a.men	{ background: url(btnbuy-m.png) center center / 64px 38px no-repeat; overflow: hidden; }
.iteminfobtn > p span	{ color:#999; font-family:'Helvetica-Md', sans-serif; font-size: 13px; line-height: 1.2; letter-spacing:0; text-align: center; }
.iteminfobtn > a span	{ text-indent: -99em; color:#1A1A1A; font-family:'Helvetica-Md', sans-serif; font-size: 16px; line-height: 1; letter-spacing:.05rem; }
.iteminfo > ul	{ list-style: none; display: -webkit-flex; display: flex; flex-direction: column; width: 32%; min-width: 380px; }
.iteminfo > ul li	{ font-size: clamp(12px, 13px, 1vw); line-height: 1; letter-spacing:.03rem; margin: 0 0 10px; }
.iteminfo > ul li:last-child	{ line-height: 1.83; text-indent: -1em; }
@media (min-width: 1001px) {
	.iteminfotxt > p b br	{ display: none; }
	.iteminfobtn > a:hover	{ background-color: #00FF00; }
}
@media (max-width: 1000.99px) {
	.iteminfo	{ flex-wrap: wrap; justify-content: space-between; padding: 36px 27px 42px; }
	.iteminfotxt	{ width: calc(100% - 70px); display: -webkit-flex; display: flex; flex-direction: column; }
	.iteminfobtn	{ width: 66px; padding: 22px 0 0; flex-direction: column; gap: 10px 0; }
	.iteminfobtn > p, 
	.iteminfobtn > a	{ width: 66px; height: 40px; border-radius: 20px; }
	.iteminfobtn > a	{ background-size: contain!important;  }
	.iteminfobtn > p span	{ font-size: 11px; line-height: 1.1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
	.iteminfotxt > p b	{ font-size: 11px; line-height: 1.2; }
	.iteminfo > ul	{ width: 100%; min-width: auto; padding: 30px 0 0; }
	.iteminfo > ul li:last-child	{ font-size: 13px; }
}



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