@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;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; overflow-x: clip; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:0; font-family: 'Inter', 'Noto Sans JP', sans-serif;!important; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; color:#000000; -webkit-font-smoothing: antialiased; }
.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; }

/* ------------ 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 ------------- */
.maini	{ width: 100%; margin: 0 0 100px; }
@media (max-width: 1050px) {
	.maini	{ width: 100%; margin: 0 0 60px; }
}

/* ------------ INTRODUCTION ------------- */
.introduction	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 25px; margin: 0 0 100px; background-color: #fff; }
.introinner	{ width: 100%; max-width: 1100px; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; }
.introinner > h2	{ width: 40%; color:#000; font-size: clamp(21px, 30px, 2.8vw); font-weight: 500; line-height: 1.8em; letter-spacing:.1em; }
.introinner > h2 span	{  color:#000; font-size: clamp(18px, 26px, 1.8vw); }
.introcp	{ width: 58%; display: -webkit-flex; display: flex; flex-direction: column; }
.introcp p	{ color:#999; font-size: clamp(14px, 16px, 1.3vw); line-height: 2; font-weight: 400; letter-spacing:.1em; margin: 0 0 .6em; }
.introcp ul	{ display: -webkit-flex; display: flex; flex-direction: column; list-style: none; padding: 0 0 0 1.5em; margin: 0 0 .6em; }
.introcp ul li	{ list-style-type: disc; color:#000; font-size: clamp(14px, 18px, 1.5vw); line-height: 2; font-weight: 400; letter-spacing:.1em; margin: 0 0 .1em; }

.introinner > p	{ width: 58%; color:#999; font-size: clamp(14px, 16px, 1.3vw); line-height: 2; font-weight: 400; letter-spacing:.1em; }
@media screen and (max-width: 639px) {
	.introduction	{ margin: 0 0 60px; }
	.introinner	{ flex-wrap: wrap; }
	.introinner > h2	{ width: 100%; margin: 0 0 10px; }
	.introcp	{ width: 100%; }
	.introinner > p	{ width: 100%; }
}

/* ------------ IMG ------------- */
.nsnbimgset	{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 0 100px; }
.nsnbimg	{ width: 100%; line-height: 1; display: -webkit-flex; display: flex; }
.nsnbimg2com	{ width: 50%; }
.nsnbtxt	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; list-style: none; padding: 20px 0 0; gap: 10px; }
.nsnbtxt li	{ width: 100%; }
.nsnbtxt li p, 
.nsnbtxt li a	{ color:#999; color:#999; font-size: clamp(11px, 13px, 1vw); line-height: 1.2; letter-spacing:.03em; display: -webkit-flex; display: flex; flex-wrap: wrap; gap: 10px; transition: all .3s; }
.nsnbtxt li p span, 
.nsnbtxt li a span	{ color:#999; color:#999; font-size: clamp(11px, 13px, 1vw); line-height: 1.2; letter-spacing:.03em; transition: all .3s; }
@media (min-width: 769px) {
	.nsnbtxt li a:hover, 
	.nsnbtxt li a:hover span	{ color:#000; }
}
@media (max-width: 980.9px) {
	.nsnbimgset	{ margin: 0 0 50px; }
	.nsnbtxt	{ padding: 10px 1em 0 0; gap: 6px; }
	.nsnbtxt li	{ margin: 0 0 3px; }
	.nsnbtxt li p, 
	.nsnbtxt li a	{ gap: 3px; }
	.nsnbtxt li p span, 
	.nsnbtxt li a span	{ width: 100%; }
}

.nsnbimgset.img02	{ width: 36.09%; min-width: 493px; }
.nsnbimgset.img034	{ width: 62%; min-width: 847px; }
.nsnbimgset.img05	{ width: 43.33%; min-width: 592px; }
.nsnbimgset.img067	{ width: 62%; min-width: 847px; }
.nsnbimgset.img08	{ width: 36.89%; min-width: 504px; }
.nsnbimgset.img09	{ width: 61.11%; min-width: 835px; }
.nsnbimgset.img10	{ width: 43.33%; min-width: 592px; }
.nsnbimgset.img111213	{ width: 62.07%; min-width: 848px; }
.nsnbimgset.img111213 .nsnbimg	{ flex-wrap: wrap; }
.nsnbimgset.img111213 .nsnbimg img	{ width: 50%; }
.nsnbimgset.img14	{ width: 43.33%; min-width: 592px; }
.nsnbimgset.img15	{ width: 36.89%; min-width: 504px; }
.nsnbimgset.img1617	{ width: 62%; min-width: 847px; }
.nsnbimgset.img18	{ width: 43.33%; min-width: 592px; }
.nsnbimgset.img1920	{ width: 86.67%; min-width: 1184px; }
.nsnbimgset.img1920 .nsnbimg2com	{ transform: translateX(-25%); }
.nsnbimgset.img21	{ width: 61.11%; min-width: 835px; }
.nsnbimgset.img22	{ width: 36.89%; min-width: 504px; }
.nsnbimgset.img2324	{ width: 62%; min-width: 847px; }
.nsnbimgset.img25	{ width: 43.33%; min-width: 592px; }
.nsnbimgset.img2627	{ width: 62%; min-width: 847px; }
.nsnbimgset.img28	{ width: 62%; min-width: 847px; }


@media (max-width: 980.9px) {
	.nsnbimgset.img02	{ width: 100%; min-width: 100%; padding: 0 16%; }
	.nsnbimgset.img034	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img05	{ width: 100%; min-width: 100%; padding: 0 6.36%; }
	.nsnbimgset.img067	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img067 .nsnbtxt	{ padding-left: 1em; }
	.nsnbimgset.img08	{ width: 100%; min-width: 100%; padding: 0 6.36%; }
	.nsnbimgset.img09	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img09 .nsnbtxt	{ padding-left: 1em; }
	.nsnbimgset.img10	{ width: 100%; min-width: 100%; padding: 0 14.24%; }
	.nsnbimgset.img111213	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img111213 .nsnbtxt	{ padding-left: 1em; }
	.nsnbimgset.img14	{ width: 100%; min-width: 100%; padding: 0 6.36%; }
	.nsnbimgset.img15	{ width: 100%; min-width: 100%; padding: 0 14.24%; }
	.nsnbimgset.img1617	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img18	{ width: 100%; min-width: 100%; padding: 0 6.36%; }
	.nsnbimgset.img1920	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img1920 .nsnbimg2com	{ width: 100%; min-width: 100%; transform: translateX(0); }
	.nsnbimgset.img1920 .nsnbtxt	{ padding-left: 42%; }
	.nsnbimgset.img21	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img22	{ width: 100%; min-width: 100%; padding: 0 14.24%; }
	.nsnbimgset.img2324	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img2324 .nsnbtxt	{ padding-left: 1em; }
	.nsnbimgset.img25	{ width: 100%; min-width: 100%; padding: 0 6.36%; }
	.nsnbimgset.img2627	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img2627 .nsnbtxt	{ padding-left: 1em; }
	.nsnbimgset.img28	{ width: 100%; min-width: 100%; }
	.nsnbimgset.img28 .nsnbtxt	{ padding-left: 1em; }
}


.lastcredit	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0 0 80px; }
.lastcredit > p	{ text-align: center; font-size: clamp(11px, 13px, .8vw); line-height: 1.8!important; letter-spacing:.05em; padding: 0; margin: 0; }
@media (max-width: 768.9px) { 
	.lastcredit	{ padding: 0; margin: 0 0 40px; }
	.lastcredit > p	{ font-size: 11px; }
}

/* ------------ DELAY ------------- */
.nsnbimgset .nsnbimg2com:nth-child(2)	{ animation-delay: .8s; transition-delay: .8s; }
.nsnbimgset.img111213 img:nth-child(2)	{ animation-delay: .8s; transition-delay: .8s; }

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