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

/* -------------------------------------------------

#contents

------------------------------------------------- */
 /*  PC */
@media print, screen and (min-width:769px) {
#contents{
	padding: 60px 0 0;
}
}
/* Tablet */
@media screen and (max-width:768px) {
#contents{
	padding:30px 0 0;
}
}

/* -------------------------------------------------

shopDetailArea

------------------------------------------------- */
.shopDetailArea{
	height: auto;
}
.shopDetailArea > section{
	float: left;
	padding-bottom: 40px;
}
.shopDetailArea > section:nth-child(3n+1){
	clear: both;
}
.shopDetailArea > section > h3{
	font-weight: 700;
	margin: 0 0 10px;
}
.shopDetailArea > section > table{
	margin-bottom: 30px;
}
.shopDetailArea > section > table th,
.shopDetailArea > section > table td{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding-top: 10px;
}
.shopDetailArea > section > span.detailBtn a{
	text-align: center;
	color:#fff;
	margin: 0 auto;
	padding: 15px 0;
	display: block;
	letter-spacing: 3px;
	background-color: #ff7625;
}
.shopDetailArea > section > span.detailBtn a:hover {
	transform: translate(0,-5px);
}
 /*  PC */
@media print, screen and (min-width:769px) {
.shopDetailArea{
	width: 1200px;
	margin: 0 auto 30px;
}
.shopDetailArea > section{
	width: calc(33.33% - 20px);
}
.shopDetailArea > section:nth-child(3n+2){
	margin: 0 30px;
}
.shopDetailArea > section > h3{
	font-size:1.3em;
}
.shopDetailArea > section > table th{
	padding-right: 20px;
	white-space: nowrap;
}
.shopDetailArea > section > span.detailBtn a{
	width: 200px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.shopDetailArea{
	padding: 0 20px;
}
.shopDetailArea > section{
	width: calc(33.33% - 10px);
}
.shopDetailArea > section:nth-child(3n+2){
	margin: 0 15px;
}
.shopDetailArea > section > h3{
	font-size:1.3em;
}
.shopDetailArea > section > table th,
.shopDetailArea > section > table td{
	display: block;
}
.shopDetailArea > section > table th:before{
	content: "\f107";
	font-family: FontAwesome;
	padding-right: 5px;
}
.shopDetailArea > section > table td{
	padding-top: 0;
}
.shopDetailArea > section > span.detailBtn a{
	width: 130px;
}
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.shopDetailArea > section{
	width: 100%;
	float: none;
}
.shopDetailArea > section:nth-child(3n+2){
	margin:0;
}
.shopDetailArea > section > table th,
.shopDetailArea > section > table td{
	display: table-cell;
}
.shopDetailArea > section > table th{
	padding-right: 20px;
	white-space: nowrap;
}
.shopDetailArea > section > table td{
	padding-top: 10px;
}
.shopDetailArea > section > table th:before{
	content: none;
}
.shopDetailArea > section > span.detailBtn a{
	width: 200px;
}
}



