@charset "UTF-8";
/* CSS Document */

.product_container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: var(--max-size1);
	margin: 0 auto;
}

.product_innner {
	padding-right: 2em;
	min-width: 60%;
}

.product_innner h2 {
/*	color: var(--left-border);*/
    color: #f7a1c6;
    font-size: var(--title);
/*    white-space: nowrap;*/
	padding-left: 0;
	border-left: 0;
	background-color: inherit;
}

h2.nanhou {
	color: #afe391;
}

h2.label {
	color: #e6d675;
}

h2.dx {
	color: #3793D1;
}

.product_innner p {
    font-size: var(--bigBunsyo);
}

.product_img {
	max-width: 600px;
	min-width: 40%;
	margin: 0 auto;
}

.product_img img {
    width: 100%;
}

.product_btn {
	text-align: center;
	margin: 5em auto;
}

.product_btn span{
    font-size: var(--bigBunsyo);
    color: #015AA0;
    border: 0.1vw solid #999;
    display: inline-block;
    padding: 0.5vw 3vw;
}

.seihingrid1,
.seihingrid2 {
	display: flex;
	justify-content: center;
	width: 90vw;
	max-width: var(--max-size1);
	margin: 0 auto 8em;
}

.item {
	text-align: center;
	width: 30%;
	padding: 1em;
}

.item_2 {
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
}

.item_suisei {
	width: 100%;
}

.item:not(:last-child){
	margin-right: 5%;
}


.seihinimg {
	height: 25vw;
	max-height: 100%;
}

.seihingrid1 img,
.seihingrid2 img,
.seihingrid3 img {
	width: 100%;
}

.seihinmei {
	color: #015AA0;
    font-weight: bold;
    font-size: var(--bigBunsyo);
	border-bottom: solid 1px #ccc;
}

.seihinmei_2 {
	margin: 0 auto;
	padding: 0.2em;
	border: solid 1px;
}

.caption {
	display: inline-block;
    text-align: justify;
    font-size: var(--bunsyo);
    margin-top: 1em;
    line-height: 1.7;
}


/**********************
レスポンシブ対応
***********************/
@media screen and (max-width:786px)  {
	.product_container {
		display: block;
		width: 90vw;
	}
	
	.product_innner {
		padding-right: 0;
	}
	
	.product_innner h2 {
		font-size: 22px;
		white-space: wrap;
		text-align: justify;
	}
	
	.product_img {
		margin-bottom: 20vw;
		min-width: 240px;
	}
	.product_img img {
		padding-left: 0;
	}
	
	.product_innner p {
		font-size: 15px;
		white-space: inherit;
	}
	
	.product_btn span{
    	font-size: 18px;
	}
	
/*
	.item {
		margin-bottom: 1.5em;
	}
*/
	
	.seihingrid1,
	.seihingrid2{
/*		grid-template-columns: repeat(auto-fit,minmax(240px,1fr));*/
		display: block;
		margin: 0 auto;
	}
	
	.item {
		text-align: center;
		width: 100%;
	}

	.seihinimg {
		width: 100%;
		height: auto;
	}
	
	.seihingrid1 img,
	.seihingrid2 img{
		width: 100%;
		height: auto;
	}
	
	.seihingrid3 {
		gap:1em;
		grid-row-gap: 1.5em;
	}
	
	.seihinmei {
		font-size:17px;
	}
	
	.caption {
		font-size: 15px;
		text-align: justify;
		line-height: 1.75;
	}
}