@charset "UTF-8";
#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; }
picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
@media (min-width: 768px)	{
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0; }
}
.bannerSwitch	{ width: 100%; margin: 0 auto; max-width: 1000px; padding: 0; }
.bannerSwitch img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.product_list	{ background-color: #fff; }
.pi_description	{ background-color: transparent!important; margin: 0 auto; min-width: 980px; max-width: 100%; padding: 0; }
.pi_lgzformat	{ display: block; width:100%; max-width: 1030px; padding: 0; margin: 0 auto; position: relative;  }
.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 { transition: all .3s; color:#000000; }
.pi_lgzformat a img { opacity: 1; transition: all .4s;  }
.pi_lgzformat .small { font-size:80%; }
.pi_lgzformat .center-text	{ text-align: center; }
@media (min-width: 768px) {
	.pi_lgzformat a:hover img { opacity: .6;  }
}
@media (max-width: 767.9px) {
	#pi { padding: 0 ; }
	.pi_description	{ padding: 0; min-width: auto; }
	.bannerSwitch	{ padding: 0; }
}
.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all 1s; }
.fadein.scrollin	{ opacity : 1; transform : translate(0, 0); }



.ftd__column	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin: 0 0 70px; padding: 0 20px;}
.ftd__column *	{ font-family: "Untitled Sans","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","hiragino-kaku-gothic-pron","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Noto Sans JP",Meiryo,sans-serif!important; }
.ftd__column.maxwidth	{ padding: 0;}
.ftd__column.midwidth	{ padding: 0;}
.ftd__column > h5	{ font-size: 24px; font-weight: 300; text-align: center; padding: 0; margin: 0 0 20px; }
.ftd__column.maxwidth > h5	{ width: 100%; font-size: 24px; line-height: 1.5; text-align: left; font-weight: 400; padding: 0; margin: 0 0 1rem; }
.ftd__column > ul	{ width: 100%; list-style: none; display: -webkit-flex; display: flex; }
.ftd__column > ul li	{ line-height: 1; }
ul.ftd__cate	{ gap: 0 12px; max-width: 820px; }
ul.ftd__cate li a	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; overflow: hidden; }
ul.ftd__cate li a b	{ font-size: 14px; font-weight: 600; text-align: center; }
ul.ftd__cate li a span	{ font-size: 12px; text-align: left; line-height: 1.5; text-align: justify; }
ul.ftd__price	{ gap: 0 8px; max-width: 900px; }
ul.ftd__price li	{ display: -webkit-flex; display: flex; width: calc(25% - 6px); }
ul.ftd__price li a	{ padding: 20px 0; width: 100%; font-size: 14px; font-weight: 600!important; text-align: center; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #d9d9d9; }
@media (max-width: 767.9px) {
	.ftd__column	{ margin: 0 0 50px; padding: 0; }
	.ftd__column > h5	{ width: 100%; text-align: left; }
	.ftd__column > ul	{ flex-wrap: wrap; }
	ul.ftd__cate	{ gap: 14px 6px; }
	ul.ftd__cate li	{ width: calc(100% / 3 - 4px); }
	ul.ftd__cate li a	{ gap: 8px; }
	ul.ftd__cate li a b	{ font-size: 12px; }
	ul.ftd__price	{ gap: 6px; }
	ul.ftd__price li	{ width: calc(50% - 3px); }
	ul.ftd__price li a	{ font-size: 12px; }
}
@media (min-width: 768px) {
	ul.ftd__cate li a:hover b, 
	ul.ftd__price li a:hover	{ color:#7292a9!important; }
	ul.ftd__cate li a:hover img	{
		-webkit-transform: scale(1.04);
		-moz-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1!important;
	}
}

.maxwidth ul.ftd__cate	{ gap: 0 1rem; max-width: 100%; }
@media (max-width: 767.9px) {
	.maxwidth ul.ftd__cate	{ gap: 1rem 8px; }
	.maxwidth ul.ftd__cate li	{ width: calc(50% - 4px); }
}
.midwidth ul.ftd__cate	{ gap: 0 1rem; max-width: 90%; }
@media (max-width: 767.9px) {
	.midwidth ul.ftd__cate	{ gap: 1rem 8px; max-width: 100%; }
	.midwidth ul.ftd__cate li	{ width: calc(50% - 4px); }
}


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