@charset "utf-8";
@import "reset.css";


body{
	line-height: 1.5em;
	position: relative;
	-webkit-text-size-adjust: none;
	background:url(../img/body_bg.png)
}
body *
{
	text-shadow: none;
}

nav:not(.mm-menu)
{
	display: none;
}

.boxlink{
text-decoration:none;
cursor:pointer;
}




#content_wrap{background: #fff}

@media  (min-width: 0px) and (max-width: 414px) {
	#content_wrap{
		padding-top: 64px;
	}
}	
@media  (min-width: 415px) {
	.spbr{display: none}
	
	.cen{text-align: center;}

}



body#home #contents{}

#container{
	position: relative;
	overflow: hidden
}
	
#contents{
}

.subpage{padding-bottom: 50px;}
	
h1{}
	
	
	
.wrap{
	width: 92%;
	margin: 0 auto
}


.line_ban{
	margin:0 auto 20px;
	text-align: center;
}

/* ************************************************ 
*	Header
* ************************************************ */


#header .menu-btn{
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 0;
	left: 0;
	background: #009345;
	text-decoration: none;
	text-align: center;
}


#header .menu-btn:before{
	text-align: center;
	font-family: icomoon;
	content: "\e901";
	font-size: 40px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	line-height: 64px
}


#header .menu-btn i{
	font-size:116%}

@media (max-width: 768px) {
#header{
	background: #fff;
	font-weight: bold;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height:64px;
	padding: 8px 10px 10px 82px;
	-webkit-box-shadow:0px 0px 3px #999;
	-moz-box-shadow:0px 0px 3px #999;
	box-shadow: 0px 0px 3px #999;
	position: fixed;
	top: 0;
	left: 0;
}
#nav_logo_s{}
#nav_logo_s img{}
}

	
@media only screen and (min-width: 769px) {
#header{top:0;}
#header .menu-btn{display:none}
#nav_logo_s{display:none}
}

/* ************************************************ 
*	mmenu
* ************************************************ */
/* background: #009344 */
.mm-menu {background: #009344}

.mm-menu .mm-listview>li a{color: #fff}	

.mm-listview>li:not(.mm-divider):after {
	
}
	
#nav_logo{
	background:#009344;}
#nav_logo a{
	display:block;
	padding: 20px 0}	
	

	
#menu{}
	
#menu li{
	font-size: 1.1em;
}	
	
#menu li a:before{
	padding-right: .7em;
	font-size: .9em
}	
#menu ul > li#i_home a:before{
	font-family: icomoon;
	content: "\e908";
}

#menu ul > li#i_about > a:before{
	font-family: icomoon;
	content: "\e917";
}


	
	
#menu ul > li#i_guide a:before{
	font-family: icomoon;
	content: "\ea0c";
}

#menu ul > li#i_guide a:first-child:before{
	content: none
}


#menu ul > li#i_news a:before{
	font-family: icomoon;
	content: "\e920";
}

#menu ul > li#i_map a:before{
	font-family: icomoon;
	content: "\e947";
}

#menu ul > li#i_staff a:before{
	font-family: icomoon;
	content: "\e971";
}


/* ------------------------------
 #guidelist
------------------------------ */


ul#guidelist{
	max-width: 1100px;
	margin: 0 auto
}


ul#guidelist li a{
	text-decoration: none;
	color: #fff
}

ul#guidelist li h3{
	color: #fff;
	font-size: clamp(1.2rem, 1.08rem + 0.23vw, 1.25rem);
}

ul#guidelist li h3 a:before{
	font-family: icomoon;
	content: "\ea32";
	padding-right: .8em;
	color:  rgba(255, 255, 255, 0.6);
	font-size: .8em;
}

ul#guidelist li .thumb img{
	border-radius: .6em;
	position: relative;
	
}


@media screen and (max-width: 667px) {
	ul#guidelist li{
		display: flex;
		flex-wrap:wrap;
		align-items: center;
		background:  #009344;
		border-radius: .9em;
		padding: .6em;
		margin: 0 0 .6em;
		box-shadow: 0 0 5px rgba(40, 40, 40, 0.3);
		position: relative;
		border: solid 1px #fff
	}
	
	ul#guidelist figure{
		width: 30%;
	}
	
	ul#guidelist h3{
		width: 70%;
		padding: 0 0 0 1.5em
	}
}	

@media print, screen and (min-width: 668px) {
	ul#guidelist{
	  display: grid;
	  grid-template-columns: repeat(3,1fr);
	  gap: 20px;
	  row-gap:30px
	}
	
	ul#guidelist li h3 a {
		display: block;
		text-align: center;
		color: #fff;
		padding: .4em 1em;
		background:  #009344;
		border-radius: 1.5em;
		position: relative;
		margin: .6em 0 0;
	}
}	


.ryokin_pdf{
	margin: 2em auto;
	text-align: center;
}

.ryokin_pdf a{
	display: block;
	border-radius: 7px;
	position: relative;
	padding: .6em 1em;
	border: solid 2px #da4200;
	color: #da4200;
	font-size: 1.1em;
	text-decoration: none
}

.ryokin_pdf a:hover{
	background: #da4200;
	color: #fff;
	text-decoration: none
}

.ryokin_pdf a:before{
	font-family: icomoon;
	content: "\e903";
	padding-right: .5em
}



@media  (min-width: 415px) {
	.ryokin_pdf a {display: inline-block}
}







/* ************************************************ 
*	page
* ************************************************ */
#breadwrap{
	background: #000;
	padding: .5em 1.5em;
	color: #fff
}

#breadwrap a{
	color: #fff;
	text-decoration: none;
}


#contents{
}

#page_title h1{
		color: #009344;
		font-size: clamp(1.375rem, 1.239rem + 0.68vw, 1.75rem)
	}

@media  (min-width: 0px) and (max-width: 414px) {
	#page_title{
	padding: 1.5em;
	background: url(../img/stripe.png);
	text-align: center;
	margin-bottom: 30px;
	}	
	
}	

@media  (min-width: 415px) {
	#page_title{
	padding: 3em;
	background: url(../img/stripe.png);
	text-align: center;
	margin-bottom: 50px;
	}	
	
	#page_title h1{
		letter-spacing: .1em;
		color: #009344
	}

}


#archive_title{
	text-align: center;
	color: #009345;
	font-size: 1.5em
}



/* ************************************************ 
*	Footer
* ************************************************ */


#footer a{
	color: #444
}



@media (min-width: 0px) and (max-width:  414px) {
	#footer{
	padding: 1.5em 0 2em;
	background: #FFA400}
	
	div#btn_top{
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size:2rem;
	}
	
	div#btn_top img{
		width: 40px;
		height: auto
	}

}

@media  (min-width: 415px) {
	#footer{
	padding: 2.5em 0;
	background: #FFA400}
	
	div#btn_top{
	position: fixed;
	bottom: 45px;
	right: 20px;
	}
	

	div#btn_top img{
		width: 50px;
		height: auto
	}
}



@media  (min-width: 0px) and (max-width: 414px) {
		#contact_add dl{
		background: url(../img/footer_i.png) no-repeat left top;
		background-size:auto 50%;
		padding-left: 100px;
	}
	
}	
@media  (min-width: 415px) {
	#contact_add dl{
		background: url(../img/footer_i.png) no-repeat left top;
		-moz-background-size:auto 100%;background-size:auto 100%;
		padding-left: 150px;
	}
}



#contact_add dt{
	
}

#contact_add dt span{
	font-size: 1.7em;
	display: block;
	margin-bottom: .2em
}
#contact_add dd.add{
	font-size: .9em;
	margin-bottom: .2em
}

#contact_add dd.add:before{
	font-family: icomoon;
	content: "\e947";
	padding-right: .3em
}


#contact_add dd.tel span{
	font-size: 1.2em;
}


@media  (min-width: 0px) and (max-width: 414px) {
	.cr{
		text-align: center;
		padding-top: 1em;
		font-size: .8em;
		color: rgba(255, 255, 255, 0.8)
	}

}	
@media  (min-width: 415px) {
	.cr{
		position: fixed;
		right: 20px;
		bottom: 20px;
		font-size: .8em;
		color: rgba(255, 255, 255, 0.8)
	}
}

/* ------------------------------
 .bread_crumb
------------------------------ */


#bread{
	margin: 0 auto;
	padding: 1em;
}

#bread a{text-decoration: none;color: #444}

ul.bread_crumb{}
	
ul.bread_crumb li{
	display: inline-block;
	font-size: .8em
}


ul.bread_crumb li + li:before {
	margin: 0 .6em;
	color: #999;
	font-family: icomoon;
	content: "\e928";	
}


ul.bread_crumb li a{
color:#D81354;
}

@media screen and (max-width: 767px) {
	
}	

@media print, screen and (min-width: 768px) {
	#bread{padding: 1em 2em}
	
}	

@media print, screen and (min-width: 1240px) {
	#bread{padding: 1.5em 2em}
}	


/*

#bread{
	padding: 1em .5em;
	margin-bottom: 2em
}

ul.bread_crumb{
}
	
.bread_crumb li{
float:left;
line-height: 1.5em;
font-size:.9em;
list-style:none;
}

.bread_crumb li br{display: none}

.bread_crumb li + li:before {
	margin: 0 1em;
	font-size: .6em;
	color: #999;
	font-family: icomoon;
	content: "\e928";
}
.bread_crumb a{
color:#D81354;
}
*/