@charset "UTF-8";
/* ****************************************************************** 

	--shop.css--

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/
#contents .contentBox {
	margin-bottom:94px;
}
.shopInfo {
	border:2px solid #EEE;
	padding:27px 28px 31px 30px;
	display:table;
	width:100%;
	font-size:14px;
}
.shopInfo .textInfo {
	display:table-cell;
	vertical-align:top;
	width:46%;
}
.shopInfo .textInfo p {
	padding-bottom:7px;
	line-height:1.7;
}
.shopInfo .textInfo p:last-child {
	padding:0;
}
.shopInfo .accessInfo {
	display:table-cell;
	vertical-align:top;
	background:#FAFAFA;
	max-width:423px;
	width:39.2%;
	padding:27px 31px;
	line-height:1.7;
}
.shopInfo .accessInfo .title {
	padding-bottom:4px;
}
.shopName {
	padding-bottom:13px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.1em;
}
.textApplication {
	padding:20px 0 37px 0;
}
.boxApplication {
	margin-bottom:40px;
}
.boxApplication li {
	float:left;
	width:48.47%;
}
.boxApplication .boxWeb {
	margin-left:3%;
}
.boxApplication .textInfo {
	padding:20px 0 40px 0;
}
.boxApplication li .title {
	background:#1E0E07;
	color:#FFF;
	font-weight:bold;
}
.boxApplication li.boxPhone .title span,
.boxApplication li.boxWeb .title span {
	display:block;
	letter-spacing:4px;
	font-size:15px;
}
.boxApplication li.boxPhone .title span,
.boxApplication li.boxWeb .title span {
	padding:15px 20px 15px 60px;
}
.boxApplication li .text {
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:26px 29px 21px;
	line-height:1.8em;
	letter-spacing:2.8px;
}
.boxApplication li.boxPhone .title span {
	background:url(/recruit/img/common/icon_phone.png) no-repeat 20px 50%;
	background-size:24px 26px;
}
.boxApplication li.boxWeb .title span {
	background:url(/recruit/img/common/icon_web.png) no-repeat 20px 50%;
	background-size:24px 26px;
}
@media screen and (max-width:736px) {
	#pageShop .headlineDetail {
		padding-bottom:20px;
		font-size:10px;
		font-weight:bold;
		line-height:25px;
	}
	#contents .contentBox {
		margin-bottom:55px;
		padding-top:12px;
	}
	.shopInfo {
		margin-bottom:40px;
		padding:17px 17px 25px;
		font-size:10px;
	}
	.shopInfo .textInfo {
		display:block;
		padding-bottom:15px;
		width:100%;
	}
	.shopInfo .textInfo p {
		padding-bottom:3px;
	}
	.shopInfo .accessInfo {
		display:block;
		max-width:100%;
		width:100%;
		padding:15px 16px 17px;
	}
	.shopInfo .accessInfo .title {
		padding-bottom:2px;
	}
	.shopName {
		padding-bottom:8px;
		font-size:11px;
	}
	.boxApplication li {
		float:none;
		width:100%;
	}
	.boxApplication .boxWeb {
		margin-left:0;
		margin-top:20px;
	}
	.boxApplication li.boxPhone .title span,
	.boxApplication li.boxWeb .title span {
		font-size:13px;
		background-size:20px 20px;
		padding:15px 20px 15px 50px;
	}
	.boxApplication li .text {
		padding:15px;
	}
}