@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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

          General Setting

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

html, body {
	margin: 0;
	padding: 0;
	}

img {
	border-style:none;
	padding: 0;
	margin: 0;
	vertical-align:bottom;
	 }

body {
    color: #333;
	font-size: 14px;
    font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
    line-height: 140%;
	}

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

          Link

*****************************************/
a {
	transition: 0.3s ;
}
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

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

          Typography

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

h2, h3, h4, h5, h6{
	font-weight: normal;
	}
h1 {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: bold;
	}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}


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

          List

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

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

.w_border_l{
	border-left: 1px solid #fff;
}
.w_border_r{
	border-right: 1px solid #fff;
}

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

          Link

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

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

a:hover {
	color: #000;
	text-decoration: none;
	border: 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}


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

          ヘッダー

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

#head_wrap{
	width: 100%;
	}
.head_top{
	width: 1000px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	color: #754C24;
	font-size: 80%;
}
.head_top a{
	color: #754C24;
}
.head_top a:hover{
	opacity: 0.6;
}
.head_top li{
	display: block;
	margin-left:auto; 
}
.head_mid_base{
	background: #D0E8CF;
}
.head_mid{
	width: 1000px;
	height: 70px;
	margin: 0 auto;
	padding-top:30px;
	padding-bottom:20px;
	color: #15A144;
}
.head_logo{
	height: 60px;
	width: 370px;
	margin-right: 130px;
}
.head_logo img{
	margin-top: 5px;
	width: 370px;
}
.head_tel{
	display: block;
	width: 500px;
	height: 70px;
}
.head_tel a{
	color: #15A144;
}
.head_tel a:hover{
	color: #2ECC71;
}
.head_tel .phone_icon{
	width: 20px;
}
.head_tel .phone img{
	width: 100%;
}
.head_tel dt{
	float: left;
	display: block;
	width: 240px;
	height: 70px;
	margin-right: 10px;
	border-right: 1px #15A144 dotted;
}
.head_tel dt .yoyaku{
	display: inline;
	background: #fff;
	color: #15A144;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.head_tel dt .tel{
	display: block;
	font-size: 220%;
	line-height: 100%;
	margin-top: 7px;
}
.head_tel dd{
	font-size: 90%;
	float: left;
	display: block;
	width: 240px;
	height: 70px;
}

.navigation{
	width: 100%;
	height: 68px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 110%;
	box-shadow: 0px 4px 10px gray;
	position: relative;
	z-index: 9;
	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 */
}
.navigation ul{
	width: 1000px;
	margin: 0 auto;
	padding-top: 4px;
	padding-bottom: 4px;
}
.navigation li{
	width: 20%;
	height: 60px;
	line-height: 60px;
	display: block;
	text-align: center;
}
.navigation li a{
	display: block;
	width: 100%;
}
.navigation li a:hover{
	background: #239B56;
}

.navigation a{
	color: #fff;
}
.navigation a:hover{
	color: #fff;
}

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

          コンテンツ

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

#contents_wrapper{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	}

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

          ページトップ

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

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

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

          フッター

*****************************************/
#footer_base {
	width: 100%;
	height: 457px;
	padding-top: 20px;
	background: #27ae60;
	}
.footer_wrap{
	width: 835px;
	height: 286px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
	background: #fff;
}
.footer_left{
float: left;
width: 350px;
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 a:hover{
	color: #2ECC71;
}
.footer_left .toiawase dt{
	display: inline-block;
	font-size: 250%;
	color: #15A144;
	margin-right: 10px;
}
.footer_left .toiawase dd{
	display: inline-block;
	background: #EAFAF1;
	color: #15A144;
	padding-left:5px;
	padding-right: 5px;
}
.footer_left .mail{
	border: 1px solid #999;
	display: block;
	width: 54%;
	font-size: 80%;
	margin-bottom: 10px;
	border-radius: 10px;
	margin-left: auto;
}
.footer_left .mail a{
	display: block;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
}
.footer_left .mail a:hover{
	background: #D5F5E3;
	border-radius: 10px;
}
.footer_left .mail img{
	height: 13px;
	margin-right: 5px;
	padding-bottom: 3px;
}
.week{
	width: 339px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: center;
	line-height: 30px;
}
.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: 101px;
}
.week .tableright{
	border-right:none;
}
.week dt{
	width: 33px;	
	height: 30px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
.week dd{
	width: 33px;
	height: 30px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.foot_logo{
	width: 350px;
	height: 53px;
}
.footer_right{
	float: left;
	width: 405px;
	height: auto;
}
.footer_right .annai{
}
.footer_right .annai ol{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
	font-size: 130%;
	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;
	margin-left: auto;
	text-align: right;
}
.footer_right .access .map a{
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}
.footer_right .access .map a:hover{
	color: #666;
}
.footer_bottom{
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	font-size: 75%;
	color: #fff;
}

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

         contents_cmn

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


#pan{
	width: 940px;
	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: 940px;
	height: 100px;
	background: #D9F3C2;
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 40px;
	text-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 115%;
}
#navi_btn .navi_item{
	flex-grow:1;
	-webkit-box-flex:1.0;
	-ms-flex:1 0 auto;
    flex:1 0 auto;
	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 .navi_item img{
	width: 40px;
	margin-top: 8px;
}
#navi_btn .navi_item a{
	display:block;
	color: #fff;
	width: 100%;
	height: 75px;
	padding-top: 25px;
}

h1,h2{
	width: 940px;
	line-height: 140%;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 10px 0 ;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
	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;
}

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

          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;
	}


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

          Invisible

*****************************************/
#sp_head_top,
#sp_headder,
.sp_banner,
.spbr{
	display:none;
	}