@charset "utf-8";

/*===============================================
●共通
===============================================*/
#contents .title01 h2 {
	width:10em;
}
#contents .title01 span {
	width:7em;
}

/* priceTable
---------------------------------------- */
#priceTable table th h3 {
	width:100%;
	line-height:2.5em;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 400;
	background-color:#116532;
	border-radius:15px 15px 0 0;
}
#priceTable table th,
#priceTable table td,
.table01 th,
.table01 td {
	line-height:1.5em;
	padding:0.5em;
	vertical-align:middle;
	border:#116532 1px solid;
}
#priceTable table th,
.table01 th {
	background-color:#e7efea;
}
#priceTable table td {
	text-align:right;
}
.table01 td .include,
#priceTable table td .include {
	display: block;
	font-size: 10px;
	color: #A5A5A5;
}
#priceTable .noborder th {
	border:none;
	padding:0;
	background-color:#fff;
}
#priceTable table .noBborder {
	border-bottom:none;
	text-align:right;
	padding-bottom:0;
}
#priceTable table .noTborder {
	border-top:none;
	padding-top:0;
}

/* sheet
---------------------------------------- */
#sheet article header h3 {
	font-size:1.33em;
	font-family: "Kosugi", sans-serif;
	font-weight: 400;
	line-height:1.5em;
	color:#fb7c37;
	margin-bottom:0.3em;
}
#sheet article header ul li {
	width:7em;
	font-size:0.8em;
	text-align:center;
	color:#fff;
	float:left;
	margin-right:0.5em;
	background-color:#116532;
	border-radius:1em;
}
#sheet article header ul li:last-child {
	margin-right:0;
}
#sheet article {
	padding-bottom:1.5em;
	margin-bottom:1.5em;
	border-bottom:#ccc 1px solid;
}
#sheet article header {
	margin-bottom:0.5em;
}
#sheet .table01 th,
#sheet .table01 td {
	padding:0.5em;
	font-size:0.85em;
}

/*===============================================
●画面の横幅が740px以下
===============================================*/
@media screen and (max-width: 739px){
	
	/* priceTable
	---------------------------------------- */
	#priceTable {
		margin-bottom:0.5em;
	}
	#priceTable table {
		width:100%;
		margin-bottom:1em;
	}
	#priceTable table th h3 img {
		width:40px;
	}
	#priceTable table th,
	#priceTable table td,
	.table01 th,
	.table01 td {
		font-size:0.9em;
		padding:0.7em 0.3em;
	}
	#priceTable table th {
		font-size:0.8em;
	}
	#priceTable table th .pcNone img {
		width:11px;
		display:inline-block;
		margin-left:0.5em;
		vertical-align:baseline;
	}
	#priceTable table td {
	}
	
	.table01 {
		margin-bottom:0.5em;
	}
	.table01 th {
		white-space:nowrap;
	}
	
	#sheet article .photo {
		margin-bottom:0.5em;
	}
	#sheet article .table01 th {
		display:none;
	}	
}

/*===============================================
●画面の横幅が740px以上
===============================================*/
@media screen and (min-width: 740px){
	
	/* priceTable
	---------------------------------------- */
	#priceTable {
		margin-bottom:1em;
	}
	#priceTable table {
		width:auto;
		display:table-cell;
	}
	#priceTable table:nth-child(2) {
		padding-left:0.5em;
	}
	#priceTable table th h3 img {
		width:50px;
	}
	#priceTable table th {
		font-size:0.85em;
	}
	#priceTable table .theader th {
		font-size:0.9em;
	}
	
	.table01 {
		margin-bottom:1em;
	}
	.table01 th,
	.table01 td {
		padding:0.5em 1em;
	}
	
	/* sheet
	---------------------------------------- */
	#sheet article .photo {
		max-width:580px;
		float:left;
		width:49.2%;
	}
	#sheet article .textBox {
		float:right;
		width:49.2%;
	}
	#sheet .table01 th {
		white-space:nowrap;
	}
	#sheet .textBox p {
		line-height:1.5em;
	}
}



