@charset "UTF-8";




table.item_list{
	width: 100%;
}

table.item_list td{
	vertical-align: middle;
	padding: 10px 10px;
	border-top: 1px solid #ccc;
}
table.item_list tr:first-child td{
	/*border-top: 1px solid #ccc;*/
	/*border: 0;*/
}
table.item_list tr.teiki_sum td{
	text-align: right;
	padding-top: 0;
	border-top: 0;
	border-bottom: 1px solid #ccc;
}
table.item_list tr.teiki_sum td span{
	display: block;
	overflow: hidden;
}

table.item_list td.image img{
	max-width: 70px;
}

table.item_list td.number{
	text-align: center;
}


form#mailformpro table.contact table.item_list input[name="通常サイズ"],
form#mailformpro table.contact table.item_list input[name="定期コース 配達回数"],
form#mailformpro table.contact table.item_list input[name="定期コース 数量"]{
	text-align: right;
	width: 50px;
	margin-right: 10px;
}

form#mailformpro table.contact table.item_list input[name="定期コース 配達回数"],
form#mailformpro table.contact table.item_list input[name="定期コース 数量"]{
	padding: 5px;
}

form#mailformpro table.contact table.item_list select[name="定期コース"]{
	display: block;
	margin: 0 auto 10px;
}

.sum{
	text-align: center;
	margin: 50px 0;
}

table.sum{
	margin: 0 auto;
	border-collapse: collapse;
	/*border-spacing: 0 8px;*/
}

table.sum th,
table.sum td{
	/*vertical-align: middle;*/
	text-align: right;
	line-height: 1.3;
	padding: 5px;
}
table.sum th{
	padding-right: 10px;
	border-right: 1px solid #999;
	white-space: nowrap;
}
table.sum tr:first-child th{
}
table.sum td{
	vertical-align: middle;
	padding-left: 10px;
}

table.sum tr.total th,
table.sum tr.total td{
	padding-top: 10px;
	/*border-right: 0;*/
	border-top: 1px solid #999;
}

.osiharaihouhou p,
.osiharaihouhou strong{
	font-size: 17px;
}

.teiki_only,
.teiki_2_ikou p{
	margin: 40px 0 15px;
}




/* PC向け ******************************************************************************************* */

@media (min-width: 741px) {

}



/* スマホ向け **************************************************************************************** */

@media (max-width: 740px) {

	table.item_list td{
		display: table-cell;
		font-size: 14px;
	}

	table.item_list td .price.sp{
		display: block;
		margin-bottom: 10px;
	}

	table.item_list td.number{
		text-align: center;
	}

	table.sum{
		/*width: 100%;*/
	}

	table.sum th,
	table.sum td{
		display: table-cell;
		font-size: 16px;
		padding: 10px;
	}

	table.sum td small{
		display: inline-block;
		color: #777;
		margin-top: 8px;
	}

	table.sum td small:first-child,
	table.sum td small + small{
		margin-top: 1px;
	}

	.osiharaihouhou h3{
		font-size: 20px;
	}

	.osiharaihouhou p{
		margin: 10px 0;
	}

	.osiharaihouhou p,
	.osiharaihouhou strong{
		font-size: 14px;
	}

	.teiki_only,
	.teiki_2_ikou p{
		text-align: center;
	}
}

@media (max-width: 420px) and (orientation: portrait) {
}

@media (max-width: 740px) and (orientation: landscape) {
}