/*======================================

	株式会社 丸実屋
	商品のご紹介CSS

=======================================*/

.product_info{
	text-align: center;
	padding: 20px 0 20px;
}

/* ページ内メニュー */
.inpage_menu{
	text-align: center;
	font-size: 87.5%;
	margin-bottom: 50px;
}
.inpage_menu li{
	display: inline-block;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.inpage_menu li::after{
	display: inline-block;
	content: "";
	height: 16px;
	margin-left: 20px;
	border-left: solid 1px #000;
	vertical-align: -0.2em;
}
.inpage_menu li:first-child{
	margin-left: 0;
}
.inpage_menu li:last-child::after{
	display: none;
}



/* 商品一覧 */
.product_list{
	margin-bottom: 80px;
}
.product_list.last_list{
	margin-bottom: 60px;
}
.product_list h3{
	position: relative;
	font-size: 125%;
	font-weight: bold;
	color: #231815;
	padding-left: 20px;
	border-bottom: solid 1px #c30d23;
}
.product_list h3::before{
	position: absolute;
	content: url("../img/common/mk01.png");
	left: 0;
	top: -1px;
}

.product_list ul{
	border-bottom: solid 1px #c30d23;
}
.product_list li{
	float: left;
	max-width: 440px;
	width: 48.3%;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: solid 1px #c30d23;
}
.product_list li:nth-child(odd){
	max-width: 468px;
	width: 51.5%;
	padding-right: 3.1%;
}
.product_list .txt{
	float: right;
	max-width: 260px;
	width: 59%;
}
.product_list .img{
	float: left;
	max-width: 160px;
	width: 36%;
	margin-right: 5%;
	padding-top: 5px;
}

.product_list .txt > h4{
	font-family: "丸フォーク M","Maru Folk Medium";
	color: #c30d23;
	font-size: 106%;
	margin-bottom: 10px;
}
.product_list .txt > p{
	font-size: 85%;
}

.product_list .txt > table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	/* border: solid 1px #898989; */
	font-size: 80%;
	margin-top: 20px;
}
.product_list .txt > table th{
	width: 75px;
}
.product_list .txt > table td{
	width: 155px;
}
.product_list .txt > table th,
.product_list .txt > table td{
	font-weight: normal;
	padding: 5px;
	text-align: left;
	border: solid 1px #898989;
}



/* 新商品 */
.new_product{
	color: #c30d23;
	font-size: 106%;
}

.new_product > h4{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-family: "丸フォーク M","Maru Folk Medium";
}
.new_product > h4 > span{
	flex: 1;
	font-family: "丸フォーク M","Maru Folk Medium";
	
}

h4 img{
	vertical-align: middle;
	margin: 0;
	margin-left: 10px;
}

.new_txt{
	margin-top: 10px;
}




/* レスポンシブ */
@media screen and (max-width:750px) {
	.inpage_menu{
		/* max-width: 500px;	メニューが4つの場合 */
		max-width: 410px; /* メニューが3つの場合 */
		width: 100%;
		margin: 0 auto 50px auto;
	}
	.inpage_menu li:nth-child(2)::after{ display: none; }
	.inpage_menu li:nth-child(3){ margin-left: 0; }
	.product_list .txt,
	.product_list .img{
		float: none;
	}
	.product_list .txt{
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px;
	}
	.product_list .img{
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width:500px) {
	.product_list{ margin-bottom: 30px; }
	.product_list ul{ border-bottom: none; }
	.product_list li,
	.product_list li:nth-child(odd){
		float: none;
		width: 100%;
		padding-right: 0;
		padding-top: 15px;
		padding-bottom: 0;
		margin-bottom: 30px;
		border-bottom: none;
	}
}

@media screen and (max-width:400px) {
	.inpage_menu li{
		display: block;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.inpage_menu li::after{
		display: none;
	}
}