@charset "utf-8";

/*--------------------------------------------
 
      header
 
---------------------------------------------*/

header{	z-index:200;}

.head {
    width: 94%;
	margin: 0px auto 0px;
	padding:0px 0 20px;
}

.flap{
	float:left;
	width:80%;
}

.flap img{
	width:100%;
	height:auto;
}

.head h1 {
	display:none;
}

.head h2 {	margin-top: 20px;
}

.topinfo {
	display:none;
}

.sp-map{	display:none;}

/*--------------------------------------------
 
      Global navi
 
---------------------------------------------*/

#pcgnavi {    display: none }

#smpgnavi {    display: block }

#navre {    display: block }

.drawer-container{	display:block;}

/*--------------------------------------------
 
      コンテンツフレーム
 
---------------------------------------------*/

#cont{
	width:94%;
	margin:0px auto 50px;
}

#un-cont{
	width:94%;
	margin:20px auto 50px;
}


#cont:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #cont { zoom:1; }
*:first-child+html #cont { zoom:1; }

#maincont{
	width:100%;
	float:none;
	margin-bottom:50px;
}

#side{
	width:100%;
	float:none;
}

#side .info{
	background:#f4f4f4;
	padding:20px;
	margin-bottom:20px;
	text-align:center;
}

.accessmap{
	width:100%;
	text-align:center;
	background:#67A5A7;
	color:#fff;
	padding:10px 0;
	position: relative;
}

.accessmap:before{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 46%;
	border: 12px solid transparent;
	border-top: 12px solid #67A5A7;
}

.maparea{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:18px;
}

.maparea iframe{
	width:100%;
	height:auto;
}

.maparea img{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

/*--------------------------------------------
 
      footer
 
---------------------------------------------*/

#foot-info{
	width:100%;
	background:#F2F2F2;
	padding:20px 0;
}

.fp-area{
	width:94%;
	margin:0px auto;
}

.fp-area:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .fp-area:after { zoom:1; }
*:first-child+html .fp-area:after { zoom:1; }

.fp-area li{
	float:none;
	text-align:center;
}

.fp-area li.mrb{
	margin-right:0;
}

.fptel img{
	width:90%;
	height:auto;
}

.f-link{
	text-align:center;
	padding:30px 5%;
	width:90%;
}

.copyright{
	text-align:center;
	padding:30px 10%;
	background:#242423;
	color:#fff;
	width:80%;
}