@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; container-type: inline-size; }
.pi_lgzformat div	{ 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 *	{ letter-spacing:0;}
.pi_lgzformat .en	{ font-family: "Inter", sans-serif; }
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; height: auto; 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 picture,
.pi_lgzformat img	{ width: 100%; height: auto; 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 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.active	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; }

/* ------------ MAIN AREA ------------- */
.mainimg_wrapper	{ width: 100%; aspect-ratio: 12 / 7; line-height: 1; position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0; }
.mainimg_wrapper > h1	{ width: 34cqw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 1; }
.mainimg_wrapper.active > h1	{ opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }
.netd_fullwap	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; line-height: 1; margin: 0 0 100px; }
.netd_inner	{ padding: 9cqw 8cqw 0; margin: 0 0 6cqw; 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; }
.netd_inf > h3	{ font-size: clamp(12px, 25px, 2.3vw); font-weight: 500; line-height: 1; margin: 0 0 3.6cqw; }
.netd_inf > p	{ font-size: clamp(12px, 17px, 1.4vw); font-weight: 500; line-height: 2.11; text-align: center; }
@media (min-width: 768px)	{ 
	.netd_inf > p br.sp	{ display: none; }
}
@media (max-width: 767.9px)	{ 
	.mainimg_wrapper	{ aspect-ratio: 80 / 123; }
	.mainimg_wrapper > h1	{ width: 67.5cqw; }
	.netd_inner	{ padding: 20cqw 4cqw 0; margin: 0 0 16cqw; }
	.netd_inf > h3	{ font-size: 5cqw; letter-spacing:.2em; margin: 0 0 17cqw; }
	.netd_inf > p	{ font-size: 3.5cqw; line-height: 2.55; }
}

.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; }
.netd_iteminner > strong	{ margin: 0 0 2cqw; font-size: clamp(12px, 17px, 1.4vw); font-weight: 600; line-height: 2; letter-spacing:.05em; text-align: center; }
.netd_iteminner > h4	{ margin: 0 0 3.4cqw; font-size: clamp(12px, 20px, 1.7vw); font-weight: 700; line-height: 1; }
.netd_iteminner > p	{ margin: 0 0 3cqw; font-size: clamp(12px, 17px, 1.4vw); font-weight: 500; line-height: 2.11; letter-spacing:-.01em; text-align: left; width: 700px; }
.netd_iteminner > p a	{ text-decoration: underline; }
.netd_iteminner > p.itemlink	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 6cqw; }
.netd_iteminner > p.itemlink a	{ text-align: center; text-decoration: underline; font-size: clamp(12px, 17px, 1.4vw); font-weight: 400; line-height: 1.6; }
.netd_itemimg	{ width: 59.62%; line-height: 1; margin: 0 0 80px; }
/* ------------ 
@media (min-width: 768px)	{ 
	.netd_iteminner > p.itemlink a:hover	{ opacity: 1; text-decoration: none; }
}

 ------------- */
.netd_strywap	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 0 5cqw; margin: 0 0 13cqw; border-bottom: 2px solid #000; }
.netd_strywap.nobord	{ border: 0!important; margin: 0; }
.netd_strywap > h4	{ width: auto; height: 3cqw; display: flex; line-height: 1; margin: 0 0 4.8cqw; }
.netd_strywap > h4 img, 
.netd_strywap > h4 picture		{ width: auto; height: 100%; }
.netd_strywap > b	{ font-size: clamp(12px, 17px, 1.4vw); font-weight: 600; line-height: 1; letter-spacing:.05em; margin: 0 0 3cqw; }
.netd_strywap > strong	{ margin: 0 0 3.5cqw; font-size: clamp(12px, 20px, 1.666vw); font-weight: 500; line-height: 1; letter-spacing:.2em; }
.netd_strywap > p	{ margin: 0 0 7cqw; font-size: clamp(12px, 17px, 1.4vw); font-weight: 500; line-height: 2.11; text-align: left; letter-spacing:.02em; }
.netd_strywap > p a	{ text-decoration: underline; }
.netd_strywap > p.leed	{ width: 700px; }
.itemdubimg	{ width: 100%; list-style: none; display: -webkit-flex; display: flex; justify-content: space-between; margin: 0 0 4cqw; }
.itemdubimg > li	{ width: calc(50% - 6px); line-height: 1; }
.st_imgfull	{ width: 100%; line-height: 1; margin: 0 0 8cqw; padding: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.st_imgmidl	{ width: 43%; line-height: 1; margin: 0 0 8cqw; padding: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.img90 img	{ width: 90%; }
@media (max-width: 767.9px)	{ 
	.netd_fullwap	{ margin: 0 0 8cqw; }
	.netd_itemwap	{ padding: 0 6cqw; }
	.netd_inf > p.illust01	{ padding: 1em 0; }
	.netd_iteminner	{ padding: 0; margin: 0 0 10cqw; }
	.netd_iteminner > strong	{ margin: 0 0 12cqw; font-size: 4cqw; }
	.netd_iteminner > h4	{ margin: 0 0 12cqw; font-size: 4.3cqw; line-height: 1.3; letter-spacing:.1em; }
	.netd_iteminner > p	{ margin: 0 0 10cqw; font-size: 3.5cqw; width: 100%; line-height: 2.5; }
	.netd_iteminner > p.itemlink a	{ font-size: 3.6cqw; line-height: 2; }
	.netd_itemimg	{ width: 70%; line-height: 1; margin: 0 0 40px; }
	.netd_strywap	{ padding: 0 0 12cqw; margin: 0 0 24cqw; border-bottom: 2px solid #000; }
	.netd_strywap > h4	{ height: 8cqw; margin: 0 0 20cqw; }
	.netd_strywap > b	{ font-size: 4cqw; margin: 0 0 8cqw; }
	.netd_strywap > strong	{ margin: 0 0 18cqw; font-size: 5.2cqw; letter-spacing:.1em; }
	.netd_strywap > p	{ margin: 0 0 18cqw; font-size: 3.5cqw; line-height: 2.5; width: 100%; }
	.netd_strywap > p.leed	{ width: 100%; }
	.itemdubimg	{ flex-direction: column; margin: 0 0 18cqw; gap: 3cqw; padding: 0 12.82%; }
	.itemdubimg > li	{ width: 100%; }
	.st_imgfull	{ width: 100%; margin: 0 0 19cqw; }
	.st_imgmidl	{ width: 90%; margin: 0 0 19cqw; }
}
p.htbord	{ width: 2px; height: 15cqw; line-height: 1; background-color: #000; position: relative; margin: 0 0 7cqw; }
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: 767.9px)	{ 
	p.htbord	{ width: 2px; height: 39cqw; margin: 0 0 20cqw; }
	p.htbord::after	{ content:""; width: 2px; }
}
.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: transparent; border-radius: 50%; border: 1px solid #000; margin: 0 0 30px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; white-space: nowrap; color:#000; line-height: 1; font-size: 1.2cqw; 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, 15px, 1.25vw); font-weight: 500; line-height: 1.8; letter-spacing:.02em; text-align: left; width: 98%; }
@media (min-width: 768px)	{ 
	.wapedfor > li > p br	{ display: none; }
}
@media (max-width: 1200px) {
	.wapedfor > li	{ width: 30%; }
}
@media (max-width: 767.9px)	{ 
	.wapedfor	{ flex-direction: column; gap: 14cqw; justify-content: center; align-items: center; padding: 0; margin: 0 0 18cqw; }
	.wapedfor > li	{ width: 90%; }
	.wapedfor > li > b	{ width: 47.5cqw; font-size: 3.25cqw; margin: 0 0 5cqw; }
	.wapedfor > li > p	{ width: 100%; font-size: 3.5cqw; line-height: 2; text-align: center; }
}
.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: 767.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: 768px)	{ 
	.schedule_detail > a:hover	{ opacity: .5; text-decoration: none; }
}
@media (max-width: 767.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: clamp(12px, 15px, 1vw); font-weight: 500; line-height: 2; letter-spacing:.02em; margin: 0 0 10cqw; text-align: center; }
@media (min-width: 768px)	{ 
	.schedule_more > p br	{ display: none; }
}
@media (max-width: 767.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: 3cqw; line-height: 2.5; margin: 0 0 20cqw; }
}

.netdim_wrapper	{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 11.6cqw; }
.netdim_wrapper h4	{ display: flex; width: 32cqw; }
.netdim	{ display: flex; width: 33.333cqw; margin: 0 0 1cqw; }
@media (max-width: 767.9px)	{ 
	.netdim_wrapper	{ margin: 0 0 38cqw; }
	.netdim	{ display: flex; width: 80cqw; }
	.netdim_wrapper h4	{ width: 80cqw; }
}

.netdmain_wrapper	{ width: 100%; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 7.4cqw; }
.netdmain_wrapper > ul	{ display: flex; gap: 1cqw; }
.netdmain_wrapper > h2	{ width: auto; height: 6cqw; display: flex; position: relative; z-index: 2; }
.netdmain_wrapper > h2 img, 
.netdmain_wrapper > h2 picture	{ width: auto; height: 100%; }
@media (min-width: 768px)	{ 
	.netdmain_wrapper > h2	{ position: absolute; top: 1.4cqw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.netdmain_wrapper.netim03 > h2	{ top: auto; bottom: 1.4cqw;  }
}
@media (max-width: 767.9px)	{ 
	.netdmain_wrapper	{ flex-direction: column; margin: 0 0 27cqw; }
	.netdmain_wrapper > h2	{ height: 12cqw; display: flex; margin: 0 0 3cqw; }
	.netdmain_wrapper > ul	{ flex-wrap: wrap; gap: 2cqw; }
	.netdmain_wrapper > ul li	{ width: 100%; }
}

.tx-justify	{ text-align:justify!important; word-break:break-all; text-justify:inter-ideograph; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; }


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