@charset "utf-8";
.about_main {
	position:relative;
	height:170px;
	background:url(../images/about/bg_main_about.jpg) center center no-repeat;
	background-size: cover;
}
#main_img h1 {
	width:100%;
	height:2em;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color:#fff;
	font-size:34px;
	text-align:center;
    margin: auto;
}
#about_map {text-align: center;}
#about_map img {margin: 0 auto;}
#about_wrapper {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-flow:row wrap;	
	flex-flow: row wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.about_box {
	-ms-flex:0 0 48%;
	flex:0 0 48%;
	-webkit-flex:0 0 48%;
	margin-bottom: 20px;
}
.area_namebox {margin-bottom: 10px;}
.area_namebox img {border: 1px solid #D66C6F;}
.area_thumbbox {
	width:100%;
	max-width: 306px;
	margin: 0 auto;	
}
.area_capt {
	font-size: 8px;
	text-align: right;
	margin-bottom: 5px;
}
.area_osusume {
	color:#DE898C;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.osusume_spot {
	color:#fff;
	font-size:10px;
	text-align: center;
	padding:5px 0;
	background-color:#DE898C;
	margin-bottom:5px;
}
#page_wrapper .about_box p.area_osusume_info {
	font-size:10px;
	padding-bottom: 10px;
}
#page_wrapper .about_list {padding:0;}
#page_wrapper .about_list li {
	list-style:none;
	font-size:10px;
	line-height:1;
	padding:5px;
	border-bottom:1px dotted #999;
	margin-bottom:5px;
}
#page_wrapper .about_list li:last-child {border-bottom:none;}
#page_wrapper .about_list li a {display:block;	text-decoration:none;}
#page_wrapper .about_list li a:hover {color:#CF5B5E;}
#main_catch {padding-bottom: 1em;}
.btn_hayawakari {
	display: table;
	color:#666;
	text-decoration: none;
	padding: 0.5em 1em;
	background-color: #fbb;
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
    border-radius: 6px;        /* CSS3草案 */  
	margin: 0 auto;
}
.btn_hayawakari:hover {opacity: 0.5;}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 481px) {
#main_catch {padding-top: 33px;}
.btn_hayawakari {
	padding: 0.5em 2em;
	margin-bottom: 2em;
}
#about_map {margin-bottom: 45px;}
.about_main {
	height:270px;
	margin-bottom: 45px;
	}
.about_box {
	-ms-flex:0 0 32%;
	-webkit-flex:0 0 32%;
	flex:0 0 32%;
	border:1px soli #ddd;
}
.area_osusume {font-size:16px;}
.area_capt {font-size: 12px;}
.osusume_spot {
	font-size:12px;
	padding:5px;
}
#page_wrapper .about_box p.area_osusume_info {font-size:12px;}
#page_wrapper .about_list li {
	font-size:12px;
	padding:5px 10px;
}
}
/* デスクトップレイアウト : 769 px ～最大 1100 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 769px) {
.about_main {height:370px;}
}