@charset "utf-8";

/* for Common & Smartphone*/

#price{}

.priceList{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.priceList{
	text-align:left;
	border-bottom:1px solid #ccc;
	margin:0 auto 20px;
	background:#faf5f0;/*dtの背景色*/
	}
.priceList dt,
.priceList dd{
	font-size:108%;
	line-height:2;
	padding:8px 10px;
	}
.priceList dt{
	border-top:1px solid #ccc;
	color:#603813;
	font-weight:bold;
	}
.priceList dd{
	border-top:1px solid #ccc;
	background:#fff;
	}




/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}
	
/* for PC*/
@media print, screen and (min-width:768px) {

#price{}

.priceList{
	width:100%;
	overflow:hidden;
	background:#faf5f0;/*dtの背景色*/
	}
.priceList dt,
.priceList dd{
	line-height:2;
	padding:10px 20px;
	}
.priceList dt{
	width:30%;
	float:left;
	}
.priceList dd{
	width:70%;
	float:left;
	border-left:1px solid #ccc; /*長くなる要素にあわせて*/
	border-top:1px solid #ccc;
	background:#fff;
	}
.priceList dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
	}








}


/*for Retina common and SP*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	}

/*for Retina PC*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:768px) { 

}