@charset "UTF-8";


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

          General Setting

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

html, body {
	margin: 0;
	padding: 0;
	font-size : 12px;
	line-height:120%;
	font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}

img {
	border-style:none;
	padding: 0;
	margin: 0;
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
	width:auto;　
	}

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

          Typography

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

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}


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

          List

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

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}


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

          Link

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

a {
	color: #000;
	text-decoration: none;
}

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

          Layout

*****************************************/
.flex{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
}

dd{ margin-left: 0}


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

          spヘッダー

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

/* ヘッダー */
#sp_head_top{
	width: 97%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: #27ae60;
	position:relative;
	padding-left: 3%;
}
#sp_headder{
	width:94%;
	height:auto;
	padding:3%;
	background:#FFF;
	box-shadow: 0px 4px 8px gray;
	position:relative;
	z-index: 9;
	}
#sp_headder dt{
	text-align: center;
}
#sp_headder img{
	width: 90%;
	margin-bottom: 10px;
}
#sp_headder dd{
	width: 90%;
	margin: 0 auto;
}
	
/****************************************

          contents

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

#contents_wrapper{
	width: 100%;
	margin-bottom: 20px;
	}

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

          ページトップ

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

#pagetop {
	position: fixed;
	bottom: 0px;
	right: 10px;
	width:180px;
}
#pagetop img{
	width: 100%;
}

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

          Clearfix

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

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}


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

          フッター

*****************************************/
#footer_base {
	width: 100%;
	padding-top: 20px;
	background: #27ae60;
	}
.footer_wrap{
	width:88%;
	height:auto;
	margin:3%;
	padding: 3%;
	background:#FFF;
	border-radius: 5px;
}
.footer_left{
	float: left;
	width: 100%;
	margin-right: 70px;
	height: auto;
}
.footer_left .toiawase p{
	display: block;
	background: #27ae60; /* Old browsers */
	background: -moz-linear-gradient(left, #27ae60 50%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #27ae60 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #27ae60 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27ae60', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	color: #fff;
	padding: 2px;
	padding-left: 10px;
}
.footer_left .toiawase a{
	color: #15A144;
}
.footer_left .toiawase dt{
	display: inline-flex;
	font-size: 220%;
	color: #15A144;
	margin-right: 5px;
w}
.footer_left .toiawase dd{
	display: inline-flex;
	background: #EAFAF1;
	color: #15A144;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.footer_left .mail{
	border: 1px solid #999;
	display: block;
	text-align: center;
	width: 75%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
	margin-left: auto;
}
.footer_left .mail a{
	display: block;
	width: 75%;
	padding-left: 10%;
	padding-right: 10%;
}
.footer_left .mail img{
	height: 12px;
	margin-right: 5px;
	padding-bottom: 3px;
}
.week{
	width: 99%;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: center;
	line-height: 30px;
	margin-bottom: 10px;
}
.week dl{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	margin: 0;
	padding: 0;
}
.week .tablehed{
	background: #EAFAF1;
}
.week .tableleft{
	width: 30%;
}
.week .tableright{
	border-right:none;
}
.week dt{
	width: 10%;	
	height: 30px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.week dd{
	width: 10%;
	height: 30px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.foot_logo{
	width: 95%;
}
.footer_right{
	width: 100%;
	height: auto;
}
.footer_right .annai{
}
.footer_right .annai ol{
	font-weight: bold;
	font-size: 120%;
	color: #15A144;
	border-bottom: 1px solid #15A144;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.footer_right .annai li{
	margin-bottom: 20px;
}
.footer_right .access {
	line-height: 180%;
}
.footer_right .access .parking{
	font-size: 110%;
	font-weight: bold;
	color: #DF2142;
}
.footer_right .access .map{
	font-weight: bold;
	text-align: right;
	margin-left: auto;
}

.footer_right .access .map a{
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.footer_bottom{
	width: 94%;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	font-size: 75%;
	color: #fff;
}
/****************************************

          コンテンツ

*****************************************/
#contents_title{
	width: 100%;
	margin: 0 auto;
}
#contents_title .bg{
	width: 100%;
}
#title_text{
	position: relative;
	width: 100%;
	height: 1px;
	margin: 0 auto;
}
.moji{
	position: absolute;
	height: 2000%;
	top: -39px;
	left: 20px;
}

#pan{
	width: 94%;
	height: 35px;
	line-height: 35px;
	font-size: 90%;
	color: #999;
	margin: 0 auto;
}
#pan li{
	margin-left: 5px;
}
#pan a{
	color: #999;
}
#pan a:hover{
	border-bottom: 1px solid #999;
	transition: 0s;
}

#navi_btn{
	width: 94%;
	background: #D9F3C2;
	margin: 0 auto;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 15px;
	margin-bottom: 40px;
	text-align: center;
	flex-wrap: wrap; 
	justify-content: center;
	font-size: 120%;
}
#navi_btn .navi_item{
	flex-grow:1;
	margin: 0px 10px 0px 10px;
	background: #27ae60; /* Old browsers */
	background: -moz-linear-gradient(top, #52be80 0%, #27ae60 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #52be80 0%, #27ae60 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #52be80 0%, #27ae60 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52be80', endColorstr='#27ae60',GradientType=0 ); /* IE6-9 */
	border-radius: 10px;
	box-shadow: 0 0 8px gray;
}
#navi_btn .four{
	width: 40%;
	margin-bottom: 15px;
}
#navi_btn .three{
	width: 26%;
	margin-bottom: 15px;
}

#navi_btn .navi_item img{
	width: 30px;
	margin-top: 8px;
}
#navi_btn .navi_item a{
	display:block;
	color: #fff;
	width: 100%;
	height: 60px;
	padding-top: 25px;
}
h1,h2{
	width: 100%;
	line-height: 140%;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 10px 0 ;
	font-weight: bold;
	font-size: 180%;
	margin-bottom: 40px;
	color: #42210B;
}
h1{
	background-image: linear-gradient(
	-45deg,
	#F9E9BF 25%,
	#fff 25%, #fff 50%,
	#F9E9BF 50%, #F9E9BF 75%,
	#fff 75%, #fff
	);
	background-size: 11px 11px;
}
h2{
	background-image: linear-gradient(
	-45deg,
	#fcf3cf 25%,
	#fff 25%, #fff 50%,
	#fcf3cf 50%, #fcf3cf 75%,
	#fff 75%, #fff
	);
	background-size: 11px 11px;
}
h3{
	color: #fff;
	background: #86B723;
	font-size: 110%;
	padding: 5px 0px 5px 10px;
	margin-bottom: 30px;
}
.later{
	text-align: center;
	height: 70px;
	line-height: 70px;
	font-size: 120%;
	background: #FFEEBF;
	color: #BA5B36;
	border-radius: 999px;
}

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

          Invisible

*****************************************/
#header_wrap,
.pcbr{
	display:none;
	}