@charset "UTF-8";

#mid_area {
	padding:0px 50px;
	background-color:#fff;
}

#area_a {
	width: 100%;
	margin:50px auto;
	color:#000;
/* border:1px solid #aaa; */
}

.shop_box {
/* border:1px solid #555; */
	padding:0px ;
	width:45%;
	margin:5px;
}

h2 {
	color:#000;
	font-weight:100;
	font-size:18px;
	padding:2px 0px;
	margin:0px;
	text-align:center;
	background-color:#222;
	border-radius:5px;
	margin-bottom:5px;
	background-color:#420;

}

h3 {
	font-size:14px;
	font-weight:100;
	text-align:center;
	height:80px;
}

.shop_img {
	display:block;
	margin:auto;
	width:98%;

}

.msg1 {
	text-align:center;
	font-size:16px;
	line-height:2em;
	background-color:#333;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	height:180px;
}

#area_a li {
	font-size:16px;
	line-height:2em;
}

.official_hp {
	padding:2px;
	background-color:#fff;
	color:#000;
	padding:5px 10px;
	text-align:center;
	display:block;
	margin-left:5px;
	margin-right:5px;
	margin-top:15px;
	margin-bottom:5px;
	border-radius:10px;
}

.other_links {
	display:inline-block;
	padding:2px;
	background-color:#fff;
	color:#000;
	line-height:1em;
	padding:8px 10px;
	width:20%;
	text-align:center;
	border-radius:10px;
}

.other_links2 {
	display:inline-block;
	padding:2px;
	background-color:#fff;
	color:#000;
	line-height:1em;
	padding:8px 10px;
	width:20%;
	text-align:center;
	border-radius:10px;
}

.official_hp:hover , .other_links:hover {
	background-color:#500;
}
.official_hp:hover , .other_links2:hover {
	background-color:#500;
}

.pic {
	background-color:#fff;
}

.sp1, .sp2, .sp3, .sp4 {
	display: none; /* 初期状態で非表示 */
	border-radius:10px;
	margin:auto;
	margin-bottom:10px;
	margin-top:5px;
	margin-left:5px;
}


.kumiko {
	display:none;;
}

.kumiko2 {
	display:none;
}

.left {
	margin-top:0px;
	margin-left:0px;
	float:left;
}

.right {
	margin-top:0px;
	margin-right:0px;
	float:left;
}

.other_links ,.other_links2 {
	float: left;
	width: calc(25% - 10px); /* 4分割するために25%から各エリアの左右の間隔5pxずつ（合計10px）を引く */
	margin: 5px;
	box-sizing: border-box;
}


	.other_links,.other_links2 {
		width: calc(45% - 10px); /* 画面が狭い場合は2分割に変更 */
		float:left;
		display:block;
	}

.yoyaku {
	display:block;
	margin:20px auto;
}

.cont , .yoyaku {
	display:none;
}