@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=Zen+Kaku+Gothic+New:wght@400;500;700&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: 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; }
.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; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:0; font-family: "Inter", "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; color:#000000; -webkit-font-smoothing: antialiased; }
.pi_lgzformat .en	{ font-family: "Inter", sans-serif; }
.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; background-color: #ffffff; z-index: 2; }

.contanc	{ width: 100%; height: 0px; transform: translateY(-48px); }

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

/* ------------ MAIN AREA ------------- */
.mainimg_wrapper	{ width: 100%; line-height: 1; position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.netd_fullwap	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; line-height: 1; margin: 0 0 100px; }
.netd_inner	{ padding: 130px 8% 0; margin: 0 0 80px; width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.netd_inf	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 0 100px; }
.netd_inf > h3	{ font-size: clamp(12px, 38px, 2.2vw); font-weight: 500; line-height: 1; letter-spacing:.2em; margin: 0 0 50px; }
.netd_inf > h3.ttimg	{ width: 33%; }
.netd_inf > p	{ font-size: clamp(12px, 28px, 1.4vw); font-weight: 500; line-height: 2; letter-spacing:.02em; text-align: center; }
.netd_inf > p.illust01	{ padding: 2em 0; }
.netd_itemwap	{ padding: 0 8%; margin: 0; width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.netd_iteminner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 0 60px; margin: 0 0 160px; border-bottom: 2px solid #000; }
.netd_iteminner > strong	{ margin: 0 0 40px; font-size: clamp(12px, 28px, 1.2vw); font-weight: 600; line-height: 2; letter-spacing:.2em; text-align: center; }
.netd_iteminner > h4	{ margin: 0 0 55px; font-size: clamp(12px, 38px, 1.7vw); font-weight: 500; line-height: 1; letter-spacing:.2em; }
.netd_iteminner > p	{ margin: 0 0 60px; font-size: clamp(12px, 28px, 1.34vw); font-weight: 500; line-height: 1.8; letter-spacing:.02em; text-align: left; width: 70.69%; }
.netd_iteminner > p.itemlink	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 120px; }
.netd_iteminner > p.itemlink a	{ text-align: center; color:#000; text-decoration: underline; font-size: clamp(12px, 28px, 1.1vw); font-weight: 400; line-height: 1.8; letter-spacing:.02em; }
.netd_itemimg	{ width: 59.62%; line-height: 1; margin: 0 0 80px; }
@media (min-width: 767.1px) {
	.netd_iteminner > p.itemlink a:hover	{ opacity: .5; text-decoration: none; }
}
.netd_strywap	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 0 120px; margin: 0 0 160px; border-bottom: 2px solid #000; }
.netd_strywap.nobord	{ border: 0!important; margin: 0; }
.netd_strywap > h4	{ width: 18.7%; line-height: 1; margin: 0 0 60px; }
.netd_strywap > b	{ font-size: clamp(12px, 28px, 1.2vw); font-weight: 500; line-height: 1; letter-spacing:.2em; margin: 0 0 50px; }
.netd_strywap > strong	{ margin: 0 0 60px; font-size: clamp(12px, 38px, 1.7vw); font-weight: 500; line-height: 1; letter-spacing:.2em; }
.netd_strywap > p	{ margin: 0 0 100px; font-size: clamp(12px, 28px, 1.34vw); font-weight: 500; line-height: 1.8; letter-spacing:.02em; text-align: left; width: 70%; }
.netd_strywap > p.leed	{ width: 51%; }
.itemdubimg	{ width: 100%; list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; margin: 0 0 80px; }
.itemdubimg > li	{ width: calc(50% - 6px); line-height: 1; }
.st_imgfull	{ width: 100%; line-height: 1; margin: 0 0 100px; padding: 3em 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.st_imgmidl	{ width: 58%; line-height: 1; margin: 0 0 100px; padding: 3em 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.img90 img	{ width: 90%; }
@media (max-width: 999.9px) {
	.netd_fullwap	{ margin: 0 0 40px; }
	.netd_inner	{ padding: 60px 8% 0; margin: 0 0 60px; }
	.netd_inf	{ margin: 0 0 40px; }
	.netd_inf > h3	{ font-size: 20px; margin: 0 0 20px; }
	.netd_inf > h3.ttimg	{ width: 80%; }
	.netd_inf > p	{ font-size: 13px; text-align: left; }
	.netd_inf > p br	{ display: none; }
	.netd_inf > p.illust01	{ padding: 1em 0; }
	.netd_iteminner	{ padding: 0; margin: 0 0 60px; border-bottom: 1px solid #000; }
	.netd_iteminner > strong	{ margin: 0 0 20px; font-size: 12px; }
	.netd_iteminner > h4	{ margin: 0 0 30px; font-size: 14px; line-height: 1.3; letter-spacing:.1em; }
	.netd_iteminner > p	{ margin: 0 0 40px; font-size: 12px; width: 100%; }
	.netd_iteminner > p.itemlink	{ margin: 0 0 50px; }
	.netd_iteminner > p.itemlink a	{ font-size: 13px; }
	.netd_itemimg	{ width: 70%; line-height: 1; margin: 0 0 40px; }
	.netd_strywap	{ padding: 0 0 30px; margin: 0 0 80px; border-bottom: 1px solid #000; }
	.netd_strywap > h4	{ width: 50%; line-height: 1; margin: 0 0 30px; }
	.netd_strywap > b	{ margin: 0 0 30px; }
	.netd_strywap > strong	{ margin: 0 0 30px; font-size: 16px; }
	.netd_strywap > p	{ margin: 0 0 40px; font-size: 13px; width: 90%; }
	.netd_strywap > p.leed	{ width: 80%; }
	.itemdubimg	{ flex-direction: column; margin: 0 0 40px; gap: 10px; padding: 0 12.82%; }
	.itemdubimg > li	{ width: 100%; }
	.st_imgfull	{ width: 100%; margin: 0 0 40px; padding: 1em 0; }
	.st_imgmidl	{ width: 80%; margin: 0 0 40px; padding: 1em 0; }
}
p.htbord	{ width: 2px; height: 240px; line-height: 1; background-color: #000; position: relative; margin: 0 0 60pxc; }
p.htbord::after	{ content:""; width: 2px; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 1.5s; }
p.htbord.active::after	{ height: 0; top: 100%; bottom: 0; -webkit-transition-delay: .2s; transition-delay: .2s; }
@media (max-width: 999.9px) {
	p.htbord	{ width: 1px; height: 120px; margin: 0 0 30pxc; }
	p.htbord::after	{ content:""; width: 1px; }
}
.wapedfor	{ list-style: none; width: 100%; padding: 0 4.6%; display: -webkit-flex; display: flex; justify-content: center; gap: 0 4.6%; margin: 0 0 40px; }
.wapedfor > li	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 21.55%; opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
.wapedfor > li > b	{ width: 100%; aspect-ratio: 1 / 1; background-color: #c3bec5; border-radius: 50%; margin: 0 0 30px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; white-space: nowrap; color:#fff; line-height: 1; font-size: clamp(12px, 32px, 1.4vw); font-weight: 600; letter-spacing:.1em; }
.wapedfor.active > li	{ opacity: 1; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: .2s; transition-delay: .2s; }
.wapedfor.active > li:nth-child(2)	{ -webkit-transition-delay: .4s; transition-delay: .4s; }
.wapedfor.active > li:nth-child(3)	{ -webkit-transition-delay: .6s; transition-delay: .6s; }
.wapedfor.active > li:nth-child(4)	{ -webkit-transition-delay: .8s; transition-delay: .8s; }
.wapedfor > li > p	{ font-size: clamp(12px, 28px, 1.26vw); font-weight: 500; line-height: 1.8; letter-spacing:.02em; text-align: left; width: 98%; }
@media (max-width: 1200px) {
	.wapedfor > li	{ width: 30%; }
}
@media (max-width: 630px) {
	.wapedfor	{ flex-wrap: wrap; gap: 30px; justify-content: space-between; padding: 0; margin: 0 0 40px; }
	.wapedfor > li	{ width: calc(50% - 15px); }
	.wapedfor > li > b	{ margin: 0 0 10px; }
	.wapedfor > li > p	{ width: 100%; letter-spacing:-.02em; }
}
.wsimg	{ width: 56.38%; line-height: 1; margin: 0 0 80px; }
.netd_wokswap	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 0 40px; margin: 0 0 60px; border-bottom: 2px solid #000; }
.netd_wokswap > h4	{ width: 26%; line-height: 1; margin: 0 0 40px; }
.netd_wokswap > b	{ font-size: clamp(12px, 28px, 1.2vw); font-weight: 500; line-height: 1; letter-spacing:.2em; margin: 0 0 30px; }
.netd_wokswap > strong	{ margin: 0 0 60px; font-size: clamp(12px, 38px, 1.7vw); font-weight: 700; line-height: 1; letter-spacing:.2em; }
.netd_wokswap > p	{ margin: 0 0 100px; font-size: clamp(12px, 28px, 1.34vw); font-weight: 500; line-height: 1.8; letter-spacing:.02em; text-align: center; }
@media (max-width: 999.9px) {
	.wsimg	{ width: 90%; line-height: 1; margin: 0 0 40px; }
	.netd_wokswap	{ padding: 0 0 40px; margin: 0 0 60px; border-bottom: 1px solid #000; }
	.netd_wokswap > h4	{ width: 60%; margin: 0 0 20px; }
	.netd_wokswap > b	{ margin: 0 0 20px; }
	.netd_wokswap > strong	{ margin: 0 0 30px; font-size: 14px; }
	.netd_wokswap > p	{ width: 90%; margin: 0 0 40px; font-size: 12px; text-align: left; }
	.netd_wokswap > p br.sp	{ display: none; }
}
.schedule	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.schedule > h5	{ margin: 0 0 60px; font-size: clamp(12px, 38px, 1.5vw); font-weight: 700; line-height: 1; letter-spacing:.2em; }
.schedule_detail_wrapper	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.schedule_detail	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 100px; }
.schedule_detail > h5	{ padding: 0 0 15px; text-align: center; border-bottom: 1px solid #000; width: 100%; font-size: clamp(12px, 28px, 1.8vw); font-weight: 600; line-height: 1; letter-spacing:.1em; }
.schedule_detail > h5 > b	{ font-size: clamp(12px, 48px, 3vw); font-weight: 600; line-height: 1; letter-spacing:.05em; }
.schedule_detail > p	{ font-size: clamp(12px, 28px, 1.3vw); font-weight: 500; line-height: 1; letter-spacing:.02em; white-space: nowrap; padding: 10px; text-align: center; border-bottom: 1px solid #000; width: 100%; }
.schedule_detail > p.kakukai	{ letter-spacing:.2em; }
.schedule_detail > a	{ font-size: 16px; letter-spacing:.1em; margin: 20px 0 0; width: 150px; height: 32px; line-height: 30px; text-align: center; color:#fff; background-color: #000; border: 1px solid #000; border-radius: 32px; }
@media (min-width: 767.1px) {
	.schedule_detail > a:hover	{ opacity: .5; text-decoration: none; }
}
@media (max-width: 999.9px) {
	.schedule > h5	{ margin: 0 0 30px; font-size: 16px; }
	.schedule_detail	{ margin: 0 0 50px; }
	.schedule_detail > h5	{ padding: 0 0 10px; font-size: 16px; }
	.schedule_detail > h5 > b	{ font-size: 38px; }
	.schedule_detail > p	{ font-size: 14px; padding: 10px 5px; }
	.schedule_detail > p.kakukai	{ letter-spacing:.2em; }
	.schedule_detail > a	{ margin: 14px 0 0; }
}
.schedule_more	{ margin: 0 0 60px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 0 0; }
.schedule_more > b	{ font-size: clamp(12px, 28px, 1.2vw); font-weight: 500; line-height: 1; letter-spacing:.02em; margin: 0 0 10px; }
.schedule_more > p	{ font-size: clamp(12px, 28px, 1.2vw); font-weight: 500; line-height: 1.8; letter-spacing:.02em; margin: 0 0 20px; text-align: center; }
p.credit	{ font-size: 12px; font-weight: 500; line-height: 2; letter-spacing:.02em; margin: 0 0 100px; text-align: center; }
@media (min-width: 767.1px) {
	.schedule_more > p br	{ display: none; }
}
@media (max-width: 999.9px) {
	.schedule_more	{ margin: 0 0 30px; padding: 30px 0 0; }
	.schedule_more > b	{ font-size: 14px; margin: 0 0 10px; }
	.schedule_more > p	{ font-size: 14px; margin: 0 0 20px; }
	p.credit	{ font-size: 11px; margin: 0 0 60px; }
}

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