@charset "UTF-8";
/* CSS Document */
#tblLayout{
	margin: auto;
	max-width: 710px;
}
#Contents{
	background-color: #F7FAFA;
}
#Contents > span:first-of-type {
    display: none;
}
img{
	width: 100%;
	margin: 5% auto;
}
h1,h2{
	font-family: "Shippori Mincho", serif;
    font-weight: 400;
    font-style: normal;
}
h1{
	font-size: 32px;
	width: 100%;
    max-width: 710px;
    padding: 10% 0 5% 0;
    margin: auto;
	text-align: center;
	line-height: 1.1;
}
h2{
	font-size: 28px;
	text-decoration: underline 12px #C6D2D5;
    text-underline-offset: -6px;
	margin-bottom: 2%;
}
h3{
	font-size: 24px;
}
.product-box-flex-row h3{
	color: #FF6060;
    font-size: 18px;
	font-weight: 500;
    text-decoration: underline 12px #FFF0E4;
    text-underline-offset: -6px;
}
#upper-contents-area,#lower-contents-area{
	width: 100%;
	max-width: 710px;
	margin: auto;
	padding: 10% 0;
}
#lower-contents-area p{
	line-height: 1.8;
}
#header-banner img{
	width: 100%;
	margin: 0 auto;
}
#upper-contents-area p,#lower-contents-area p,
#upper-contents-area a,#lower-contents-area a{
	font-size: 18px;
	font-weight: 300;
	color: #222222;
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.page_nav{
	width: 80%;
	border: 10px solid #C6D2D5;
	margin: 10% auto;
	padding: 5%;
	background-color: #ffffff;
}
.page_nav ul li a{
	line-height: 2;
	font-weight: 500;
}
.kiji{
	margin-top: 5%;
}
/*特集ページ機能のプロダクト紹介*/
[id^="product-list-"] {
	background-color: #C6D2D5 !important;
    padding: 0 !important;
}
[id^="product-list-"] p{
	color: #667A82 !important;
	font-size: 20px;
}
.product-list-inner{
	padding: 20px !important;
	background-color: #ffffff !important;
}
.feature-item-product-id, .favoriteRegistration, .feature-item-favorite-registration,
.feature-item-add-favorite, .feature-item-setpromotion{
	display: none !important;
}
.feature-item-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 10px;
}
#list-title{
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
	font-weight: 500;
    font-style: normal;
	background-color: #667A82 !important;
	color: #ffffff !important;
	text-align: center;
	text-decoration: unset !important;
	padding: 1% 0;
}
.feature-item-list .feature-item{
	width: 48%;
    padding: 24px;
	background-color: #f8f8f8;
	border-radius: 8px;
}
.feature-item-name{
	font-weight: 600;/*
	font-feature-settings: "palt";*/
	margin: 5% 0;
}
.feature-vari-price{
	margin: 8px auto;
}
.feature-vari-price, .feature-vari-fixed-purchase-price, .feature-item-setpromotion{
	font-size: 16px;
	font-weight: 300;
}
.feature-vari-price .productPrice, .feature-vari-fixed-purchase-price .productPrice{
	font-weight: 500;
	font-size: 110%;
}
select{
	width: 100%;
	margin: 5px auto 10px auto;
	padding: 8px;
	color: #999999;
	border: 1px solid #999999;
	border-radius: 4px;
}
.var-text{
	color: #222222;
}
.feature-vari-cart-add a{
	width: 100%;
    height: 60px;
	margin: 5% 0 2% 0;
	background: #FF6060;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature-vari-cart-add a,
.feature-vari-cart-add-fixed-purchase a{
	color: #ffffff !important;
	font-weight: 600;
	font-size: 15px;
}
.feature-vari-cart-add-fixed-purchase a{
	width: 100%;
    height: 60px;
	background: #5e4f48;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 5% 0 2% 0;
}
.tax-included{
	font-size: 12px !important;
}



/*手動で入れるカート*/
.product-box-flex{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.product-box-flex-row{
	width: 48%;
	box-shadow: 4px 4px 12px #c6d2d580;
	border-radius: 10px;
	padding: 30px 20px 40px 20px;
	background-color: #ffffff;
}
.product-name{
	font-weight: 600;
	font-feature-settings: "palt";
}
.product-link{
	text-decoration: underline;
    text-underline-offset: 5px;
    font-weight: 500;
}
.product-price{
	font-weight: 500;
	font-size: 16px;
}
.off-tag{
	background-color: #d90418;
    color: #ffffff;
    padding: 2px 14px;
}
.product-btn:hover,.product-link:hover{
	opacity: 0.8;
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1140px) {
	p{
		font-size: 16px;
	}
	.product-box-flex-row h3{
		font-size: 16px;
	}
	.product-price{
		font-weight: 500;
		font-size: 14px;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	
	h1{
		font-size: 24px;
	}
	h2{
		font-size: 20px;
	}
	h3{
		font-size: 16px;
	}
	p{
		font-size: 14px;
	}
	.page_nav{
		width: 100%;
		margin: 5% auto;
		border: 6px solid #C6D2D5;
	}
	.product-price{
		font-weight: 500;
		font-size: 12px;
	}
	.product-box-flex-row h3{
		font-size: 14px;
	}
	#upper-contents-area,#lower-contents-area{
		width: 90%;
	}
	.product-box-flex{
		flex-direction: column;
		width: 90%;
		margin: auto;
	}
	.product-box-flex-row{
		width: 100%;
	}
	.feature-item-list{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap:20px;
	}
	.feature-item-list .feature-item{
		width: 100%;
	}
	.feature-item .feature-item-img #productImage{
		width: 60%;
		margin: 0 20%;
	}
	[id^="product-list-"] p{
		font-size: 16px;
	}
	.var-text{
		font-size: 12px;
	}
	.feature-vari-cart-add a{
		height: 44px;
	}
}
/* super big device */
@media screen and (min-width: 768px) {}