body {
  background-color: #fff;
}

/*
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
@media only screen and (max-width: 767px) {
*/

/* -------------------------------------------------------------------------- */

#product2dListPage{
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.sectionWrap{
	width: 90%;
	max-width: 1125px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sectionWrap{
		padding-top: 7vw;
		padding-bottom: 7vw;
	}
}
@media only screen and (max-width: 767px) {
	.sectionWrap{
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
}

.section{
	width: 100%;
	box-sizing: border-box;
}
.section + .section{
	margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.section + .section{
		margin-top: 10vw;
	}
}
@media only screen and (max-width: 767px) {
	.section + .section{
		margin-top: 14vw;
	}
}

.section > *{
	margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.section > *{
		margin-top: 4vw;
	}	
}
@media only screen and (max-width: 767px) {
	.section > *{
		margin-top: 6vw;
	}	
}
.section > *:first-child{
	margin-top: 0;
}

.sectionTitleArea{
	width: 100%;
	box-sizing: border-box;
}
.sectionTitle{
	width: 100%;
	line-height: 1.2;
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sectionTitle{
		font-size: 2.8vw;
	}
}
@media only screen and (max-width: 767px) {
	.sectionTitle{
		font-size: 4.2vw;
	}
}
.sectionTitle .redTextLink{
	display: inline-block;
	margin-left: 2em;
}
@media only screen and (max-width: 767px) {
	.sectionTitle .redTextLink{
		margin-left: 0;
	}
}

.redTextLink{
	font-size: 16px;
	font-weight: normal;
	text-decoration: underline;
	color: #E50012;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.redTextLink{
		font-size: 2.3vw;
	}
}
@media only screen and (max-width: 767px) {
	.redTextLink{
		font-size: 3.7vw;
	}
}
.redTextLink:active, .redTextLink:visited, .redTextLink:focus{
	color: #E50012;
}
.redTextLink:after {
	width: 0.8em;
	height: 0.8em;
	content: "";
	margin-left: 0.2em;
	display: inline-block;
	vertical-align: middle;
	background-color: currentColor;
	mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 11"><path d="M7,11H1c-.55,0-1-.45-1-1V3c0-.55.45-1,1-1h6c.55,0,1,.45,1,1v7c0,.55-.45,1-1,1ZM1,3v7h6V3H1ZM1,2.5v.5s0,0,0,0v-.5Z"/><path d="M9,0H3c-.55,0-1,.45-1,1v1.5h1v-1.5h0v-.5s0,.5,0,.5h6v7h-1.5v1h1.5c.55,0,1-.45,1-1V1c0-.55-.45-1-1-1Z"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}

/* -------------------------------------------------------------------------- */

#listDetailSection .detailArea{
	width: 100%;
	border: 2px solid #d9d9d9;
	border-radius: 10px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea{
		border-radius: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea{
		border-radius: 2.5vw;
	}
}

#listDetailSection .detailArea.column{
	padding: 15px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea.column{
		padding: 2vw;
		grid-template-columns: 1fr;
		gap: 3vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea.column{
		padding: 4vw;
		grid-template-columns: 1fr;
		gap: 4vw;
	}
}
#listDetailSection .detailArea.column .columnBox{
	width: 100%;
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;
	display: grid;
	align-items: center;
	grid-template-columns: 150px 1fr;
	gap: 10px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea.column .columnBox{
		padding-top: 3vw;
		padding-left: 0;
		grid-template-columns: 18vw 1fr;
		gap: 3vw;
		border-top: 1px solid #d9d9d9;
		border-left: none;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea.column .columnBox{
		padding-top: 4vw;
		padding-left: 0;
		grid-template-columns: 26vw 1fr;
		gap: 4vw;
		border-top: 1px solid #d9d9d9;
		border-left: none;
	}
}
#listDetailSection .detailArea.column .columnBox:first-child{
	padding-left: 0;
	border-left: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea.column .columnBox:first-child{
		padding-top: 0;
		border-top: none;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea.column .columnBox:first-child{
		padding-top: 0;
		border-top: none;
	}
}
#listDetailSection .detailArea .photo{
	width: 100%;
	box-sizing: border-box;
}
#listDetailSection .detailArea .photo img{
	width: 100%;
	max-width: none;
	display: block;
}
#listDetailSection .detailArea .detail{
	width: 100%;
	box-sizing: border-box;
}
#listDetailSection .detailArea .detail > *{
	margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea .detail > *{
		margin-top: 0.8vw;
	}	
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea .detail > *{
		margin-top: 0.8vw;
	}	
}
#listDetailSection .detailArea .detail > *:first-child{
	margin-top: 0;
}

#listDetailSection .detailArea .detail .title{
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea .detail .title{
		font-size: 2.4vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea .detail .title{
		font-size: 3.8vw;
	}
}
#listDetailSection .detailArea .detail .text{
	line-height: 1.6;
	font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea .detail .text{
		font-size: 1.8vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea .detail .text{
		font-size: 3.2vw;
	}
}

#listDetailSection .detailArea.oneColumn{
	padding: 0 30px;
	display: grid;
	grid-template-columns: 530px 1fr;
	align-items: center;
	gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea.oneColumn{
		padding: 5vw;
		grid-template-columns: 1fr;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea.oneColumn{
		padding: 6vw;
		grid-template-columns: 1fr;
	}
}
#listDetailSection .detailArea.oneColumn .photo img{
	/* max-width: 186px; */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailArea.oneColumn .photo img{
		max-width: none;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailArea.oneColumn .photo img{
		max-width: none;
	}
}




#listDetailSection .detailNoticeArea{
	width: 100%;
	padding: 10px 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border-radius: 10px;
	background-color: #FFF2F2;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailNoticeArea{
		padding: 1.5vw 0;
		border-radius: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailNoticeArea{
		padding: 0 3vw;
		grid-template-columns: repeat(1, 1fr);
		border-radius: 2.5vw;
	}
}
#listDetailSection .detailNoticeArea .noticeColumn{
	padding: 18px 20px;
	border-left: 2px solid #fff;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailNoticeArea .noticeColumn{
		padding: 2vw 3vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailNoticeArea .noticeColumn{
		padding: 5vw 2vw;
		border-left: none;
		border-top: 2px solid #fff;
	}
}
#listDetailSection .detailNoticeArea .noticeColumn:first-child{
	border-left: none;
	border-top: none;
}

#listDetailSection .detailNoticeArea .noticeColumn .noticeTextArea > *{
	margin-top: 0.4em;
}
#listDetailSection .detailNoticeArea .noticeColumn .noticeTextArea > *:first-child{
	margin-top: 0;
}

#listDetailSection .detailNoticeArea .noticeColumn .noticeTextArea + .noticeTextArea{
	margin-top: 1.5em;
}



#listDetailSection .detailNoticeArea .title{
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
	color: #E50012;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailNoticeArea .title{
		font-size: 1.8vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailNoticeArea .title{
		font-size: 3.2vw;
	}
}
#listDetailSection .detailNoticeArea .text{
	line-height: 1.6;
	font-size: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#listDetailSection .detailNoticeArea .text{
		font-size: 1.7vw;
	}
}
@media only screen and (max-width: 767px) {
	#listDetailSection .detailNoticeArea .text{
		font-size: 3.0vw;
	}
}
#listDetailSection .detailNoticeArea .text .color_maru{
	color: #0034CF;
}
#listDetailSection .detailNoticeArea .text .color_batsu{
	color: #E50012;
}




.categoryArea{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 6px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.categoryArea{
		gap: 1vw;
	}
}
@media only screen and (max-width: 767px) {
	.categoryArea{
		gap: 1.6vw;
	}
}
.categoryArea .categoryBtn{
	appearance: none;
	line-height: 1.2;
	padding: 0.2em 0.8em;
	font-size: 15px;
	border-radius: 5px;
	color: #000;
	background-color: #fff;
	border: 1px solid #838383;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	cursor: pointer;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.categoryArea .categoryBtn{
		font-size: 1.8vw;
		border-radius: 0.8vw;
		gap: 1vw;
	}
}
@media only screen and (max-width: 767px) {
	.categoryArea .categoryBtn{
		font-size: 3.2vw;
		border-radius: 1.4vw;
		gap: 1.6vw;
	}
}
.categoryArea .categoryBtn.active{
	border-width: 2px;
	border-color: #e50012;
}
.categoryArea .categoryBtn input[type="checkbox"], .categoryArea .categoryBtn input[type="radio"]{
	display: none;
}
.categoryArea .categoryBtn .photo{
	width: 34px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.categoryArea .categoryBtn .photo{
		width: 3vw;
	}
}
@media only screen and (max-width: 767px) {
	.categoryArea .categoryBtn .photo{
		width: 7vw;
	}
}
.categoryArea .categoryBtn .photo img{
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.categoryArea .categoryBtn .name{
	font-size: inherit;
	white-space: nowrap;
}


/* -------------------------------------------------------------------------- */

* + .productLists{
	margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	* + .productLists{
		margin-top: 6vw;
	}
}
@media only screen and (max-width: 767px) {
	* + .productLists{
		margin-top: 12vw;
	}
}

.productLists{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: auto;
	align-items: stretch;
	gap: 30px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productLists{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 767px) {
	.productLists{
		grid-template-columns: 1fr;
		gap: 6vw;
	}
}
.productBox{
	line-height: 1.4;
	font-size: 14px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: subgrid;
	grid-row: span 6;
	gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox{
		font-size: 1.8vw;
		gap: 1.8vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox{
		display: grid;
		grid-template-columns: 28vw 1fr;
		grid-template-rows: auto auto auto auto auto auto;
		grid-row: auto;
		align-items: start;
		font-size: 3.2vw;
		gap: 2vw 5vw;
	}
}

.productBox .img{ grid-row: 1; }
.productBox .name{ grid-row: 2; }
.productBox .tags{ grid-row: 3; }
.productBox .detail{ grid-row: 4; }
.productBox .link{ grid-row: 5; }
.productBox .controller{ grid-row: 6; }
@media only screen and (max-width: 767px) {
	.productBox .img{
		grid-column: 1;
		grid-row: 1 / -1;
		align-self: start;
	}
	.productBox .name{ grid-column: 2; grid-row: 1; }
	.productBox .tags{ grid-column: 2; grid-row: 2; }
	.productBox .detail{ grid-column: 2; grid-row: 3; }
	.productBox .link{ grid-column: 2; grid-row: 4; }
	.productBox .controller{ grid-column: 2; grid-row: 5; }
}

.productBox .img{
	width: 100%;
	aspect-ratio: 1 / 1;
}
.productBox .img img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	object-position: center;
}
.productBox .name{
	line-height: 1.4;
	font-size: 15px;
	font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .name{
		font-size: 2vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .name{
		font-size: 3.6vw;
	}
}
.productBox .tags{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 5px;
	box-sizing: border-box;
}
.productBox .tags >span{
	line-height: 1.4;
	padding: 0.2em 0.4em;
	font-size: 13px;
	border-radius: 0.2em;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .tags >span{
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .tags >span{
		font-size: 2.8vw;
	}
}
.productBox .tags .tag_color{
	background-color: #E1E1D0;
}
.productBox .tags .tag_custom{
	background-color: #D2DFE4;
}
.productBox .tags .tag_logo{
	background-color: #D9D9D9;
}

.productBox .detail{
	width: 100%;
	line-height: 1.4;
	font-size: 13px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .detail{
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .detail{
		font-size: 3.0vw;
	}
}
.productBox .detail > dl{
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	box-sizing: border-box;
}

.productBox .link{
	width: 100%;
	box-sizing: border-box;
}
.productBox .link > a{
	font-size: 13px;
	color: #0034CF;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .link > a{
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .link > a{
		font-size: 3.0vw;
	}
}
.productBox .link > a:active, .productBox .link > a:visited, .productBox .link > a:focus{
	color: #0034CF;
}
.productBox .link > a:after {
	width: 0.8em;
	height: 0.8em;
	content: "";
	margin-left: 0.2em;
	display: inline-block;
	vertical-align: middle;
	background-color: currentColor;
	mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 11"><path d="M7,11H1c-.55,0-1-.45-1-1V3c0-.55.45-1,1-1h6c.55,0,1,.45,1,1v7c0,.55-.45,1-1,1ZM1,3v7h6V3H1ZM1,2.5v.5s0,0,0,0v-.5Z"/><path d="M9,0H3c-.55,0-1,.45-1,1v1.5h1v-1.5h0v-.5s0,.5,0,.5h6v7h-1.5v1h1.5c.55,0,1-.45,1-1V1c0-.55-.45-1-1-1Z"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}

.productBox .controller{
	width: 100%;
	align-self: end;
	box-sizing: border-box;
}
.productBox .controller > *{
	margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .controller > *{
		margin-top: 1vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .controller > *{
		margin-top: 1.4vw;
	}
}
.productBox .controller > *:first-child{
	margin-top: 0;
}
.productBox .controller .num{
	width: 100%;
	padding: 0.4em;
	font-size: 14px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .controller .num{
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .controller .num{
		font-size: 3.0vw;
	}
}
.productBox .controller .num:disabled{
	background-color: #D9D9D9;
	cursor: default;
}
.productBox .controller .selectBtn{
	appearance: none;
	width: 100%;
	line-height: 1;
	padding: 0.6em 0.4em 0.8em;
	font-size: 14px;
	cursor: pointer;
	border: none;
	text-align: center;
	color: #000;
	background-color: #FFD801;
	display: block;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .controller .selectBtn{
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .controller .selectBtn{
		font-size: 3.0vw;
	}
}
.productBox .controller .selectBtn:disabled{
	background-color: #D9D9D9;
	cursor: default;
}

.productBox .controller .removeBtn{
	appearance: none;
	width: 100%;
	line-height: 1;
	padding: 0.6em 0.4em 0.8em;
	font-size: 14px;
	cursor: pointer;
	border: none;
	text-align: center;
	background-color: #D9D9D9;
	display: block;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productBox .controller .removeBtn{
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 767px) {
	.productBox .controller .removeBtn{
		font-size: 3.0vw;
	}
}

/* -------------------------------------------------------------------------- */

.productListFooter{
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0, 0.25);
	box-sizing: border-box;
	position: sticky;
	bottom: 0;
	left: 0;
	z-index: 5;
}
.productListFooterInner{
	width: 90%;
	max-width: 1125px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 230px 290px;
	grid-template-areas: "selected price btn";
	align-items: center;
	gap: 20px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooterInner{
		padding-top: 3vw;
		padding-bottom: 3vw;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: 
			"selected selected"
			"price btn";
	}
}
@media only screen and (max-width: 767px) {
	.productListFooterInner{
		padding-top: 4.2vw;
		padding-bottom: 4.2vw;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: 
			"selected selected"
			"price btn";
	}
}

.productListFooter .selectedProducts{
	grid-area: selected;
}
.productListFooter .productPrices{
	grid-area: price;
}
.productListFooter .customBtnArea{
	grid-area: btn;
}


.productListFooter .selectedProducts > dl{
	line-height: 1.4;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooter .selectedProducts > dl{
		font-size: 1.8vw;
		gap: 1vw;
	}
}
@media only screen and (max-width: 767px) {
	.productListFooter .selectedProducts > dl{
		font-size: 3.0vw;
		gap: 1.4vw;
	}
}
.productListFooter .selectedProducts > dl > dt, .productListFooter .selectedProducts > dl > dd{
	font-size: inherit;
}
.productListFooter .selectedProducts > dl > dt{
	white-space: nowrap;
}
.productListFooter .selectedProducts .lists{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooter .selectedProducts .lists{
		gap: 1vw;
	}
}
@media only screen and (max-width: 767px) {
	.productListFooter .selectedProducts .lists{
		gap: 1.4vw;
	}
}
.productListFooter .selectedProducts .lists .img{
	width: 50px;
	aspect-ratio: 1 / 1;
	border-radius: 5px;
	border: 2px solid #d9d9d9;
	overflow: hidden;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooter .selectedProducts .lists .img{
		width: 8vw;
		border-radius: 0.4vw;
	}
}
@media only screen and (max-width: 767px) {
	.productListFooter .selectedProducts .lists .img{
		width: 10vw;
		border-radius: 0.8vw;
	}
}
.productListFooter .selectedProducts .lists .img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.productListFooter .selectedProducts .lists .num{
	line-height: 1;
	margin-top: 0.2em;
	font-size: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooter .selectedProducts .lists .num{
		font-size: 1.4vw;
	}
}
@media only screen and (max-width: 767px) {
	.productListFooter .selectedProducts .lists .num{
		font-size: 2.8vw;
	}
}

.productListFooter .productPrices > dl{
	line-height: 1.4;
	font-size: 15px;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 10px;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooter .productPrices > dl{
		font-size: 1.8vw;
	}
}
@media only screen and (max-width: 767px) {
	.productListFooter .productPrices > dl{
		font-size: 3.0vw;
	}
}
.productListFooter .productPrices > dl > dt, .productListFooter .productPrices > dl > dd{
	font-size: inherit;
	white-space: nowrap;
}
.productListFooter .productPrices .price{
	font-size: 24px;
	font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooter .productPrices .price{
		font-size: 3.4vw;
	}
}
@media only screen and (max-width: 767px) {
	.productListFooter .productPrices .price{
		font-size: 5.6vw;
	}
}

.productListFooter .customBtnArea .notice{
	line-height: 1.4;
	margin-top: 0.2em;
	font-size: 12px;
}
.productListFooter .customBtn{
	appearance: none;
	width: 100%;
	line-height: 1.4;
	padding: 0.8em 1em;
	font-size: 15px;
	font-weight: bold;
	border: none;
	background-color: #FFD502;
	color: #000;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.productListFooter .customBtn{
		font-size: 1.8vw;
	}
}
@media only screen and (max-width: 767px) {
	.productListFooter .customBtn{
		font-size: 3.0vw;
	}
}
.productListFooter .customBtn:disabled{
	color: #5D5D5D;
	background-color: #d9d9d9;
	cursor: default;
}

.notFoundProductLists{
	line-height: 1.6;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.notFoundProductLists{
		font-size: 1.8vw;
	}
}
@media only screen and (max-width: 767px) {
	.notFoundProductLists{
		font-size: 3.0vw;
	}
}
.notFoundProductLists p{
	font-size: inherit;
}


/* -------------------------------------------------------------------------- */
.pagination{
	margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.pagination{
		margin-top: 8vw;
	}
}
@media only screen and (max-width: 767px) {
	.pagination{
		margin-top: 12vw;
	}
}

.lw-pagination {
	display: flex;
	align-items: stretch;
	justify-content: center;
	box-sizing: border-box;
}

.lw-pagination__list {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 10px;
	box-sizing: border-box;
}

.lw-pagination__link {
	min-width: 2em;
	height: 100%;
	padding: 0.2em;
	font-size: 16px;
	border: 1px solid #D9D9D9;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color 0.2s ease;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.lw-pagination__link {
		font-size: 1.8vw;
	}
}
@media only screen and (max-width: 767px) {
	.lw-pagination__link {
		font-size: 3.0vw;
	}
}
.lw-pagination__link:hover {
	background-color: #D9D9D9;
}

.lw-pagination__link.is-active {
	background-color: #D9D9D9;
	border-color: #838383;
	font-weight: bold;
	cursor: default;
}

/* .lw-pagination__item.is-disabled .lw-pagination__link {
	opacity: 0.4;
	cursor: default;
} */

.modal__content .agreeArea .agreeBtn{
	display: flex;
	gap: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.modal__content .agreeArea .agreeBtn{
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.modal__content .agreeArea .agreeBtn{
		width: 100%;
		flex-wrap: wrap;
	}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.modal__content .agreeArea .agreeBtn .submitBtn{
		width: 45%;
	}
}
@media only screen and (max-width: 767px) {
	.modal__content .agreeArea .agreeBtn .submitBtn{
		width: 100%;
	}
}