CSS Document */

html { font-size: 14px; line-height: 16px; }
@font-face {
font-family: "minamoto";
  src: url("../font/minamoto.woff") format("woff");
}
@font-face {
font-family: "minamoto_l";
  src: url("../font/minamoto_l.woff") format("woff");
}

/*
@media screen and (min-width : 340px){ html{ font-size : 10px;} }
@media screen and (min-width : 370px){ html{ font-size : 12px;} }
@media screen and (min-width : 400px){ html{ font-size : 14px;} }
*/
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
@media (min-width:641px){
	.mb20 { margin-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; }
	.mb40 { margin-bottom: 40px !important; }
	.mb50 { margin-bottom: 50px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb100 { margin-bottom: 100px !important; }
	.mb120 { margin-bottom: 120px !important; }
	.pt50 { padding-top: 50px !important; }
}
@media (max-width:640px){
	.mb20,.mb25,.mb30 { margin-bottom: 2vw !important; }
	.mb40 { margin-bottom: 5vw !important; }
	.mb50,.mb60,.mb70{ margin-bottom: 6vw !important; }
	.mb80,.mb100,.mb120{ margin-bottom: 10vw !important; }
	.mb150{ margin-bottom: 20vw !important; }
	.mb170{ margin-bottom: 22vw !important; }
	.pt50 { padding-top: 4vw !important; }
}
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.p15 { padding: 0 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.mr0 { margin-right: 0 !important; }

li { list-style: none; }
a {
	color: #FEFEFE;
	text-decoration: none;
}
@media (min-width:641px){
	a ,a img{
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	a:active, a:hover { opacity: 0.7; }
}
@media (max-width:640px){
	img { max-width: 100%; }
}

p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

	body {
		color: #000000;
		background: url("../images/bg.gif") left top repeat #fcfaf5;
		margin: 0 auto;
		/*font-family: "minamoto_l";*/
		font-family:  "minamoto_l";
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;		
	}

@media (min-width:641px){
	body { min-width: 1200px; }
	.for_sp{display: none !important;}

/*header*/
	header { 
		height: 130px;
		background-color:#5A8329;
		width: 100%;
		padding: 0;
		position: fixed;
		z-index: 11000;
		box-shadow: 0 10px 10px rgba(0,0,0,0.7);
	}
	header #header { width: 1000px; margin: 0 auto; height: 130px; position: relative;
	 	background: url("../images/header_bg.svg") center center no-repeat; }
	header #header .logo{ position: absolute; top:12px; left:40px;}
	#gnav { 
		position: absolute;
		top:55px;
		left: 320px;
		height: 60px;
	}
	#gnav li { display: inline-block; margin-right: 23px; width: 70px; height: 62px; }
	#gnav li:last-child { margin-right: 0; }
	#gnav li a {
		display: block;
		width: 70px;
		height: 62px;
		font-size: 17px;
		line-height: 15px;
		padding-top: 15px;
		color: #ffffff;
		text-align: center;
		background: url("../images/nav_bg.svg") center center no-repeat;		
	}
	#gnav li a span { font-size: 10px; }
	#gnav li a:hover { color: #f9da3b; 
		background: url("../images/nav_bg_on.svg") center center no-repeat; }
	#gnav_sub { position: absolute; top:20px; left: 340px; font-family:"Sawarabi Gothic"; }
	#gnav_sub li { display: inline-block; margin-right: 10px; }
	#gnav_sub li a { color: #ffffff; font-size: 11px; }
	#gnav_sub li a:before { content: ">"; }
	#header_tel { position: absolute; top:15px; right: 130px; }
	#showplans { display: block; position: absolute; top:15px; right: 0; width: 100px; height: 100px; 
		background: url("../images/btn_plan_on.svg") center center no-repeat; }
	#showplans:hover { opacity: 1; }
	#showplans:hover img { opacity: 0; }

/*footer*/
	footer { position: relative; color: #ffffff; background-color: #5A8329; height: 216px; 
		font-family:"Sawarabi Gothic"; }
	footer a { color: #ffffff; }
	footer a:hover{color: #f9da3b;}
	footer .inner { width: 1000px; margin: 0 auto; position: relative; }
	footer .inner .logo { position: absolute; top:40px; left: 40px; }
	footer .inner .logo img { width: 190px; }
	footer .inner address { position: absolute; top:50px; left: 300px; font-size: 13px;
		line-height: 26px; text-align: left; font-style: normal; }
	footer .inner address span.telfax_pc { display: inline-block; width: 42px; }
	footer .inner address strong { font-weight: normal; }
	footer #fnavwrap{ position: absolute; top:50px; right: 65px; width: 385px; }
	footer .fnav { float: left; margin-right: 25px; list-style: disc; padding-left: 20px; }
	footer .fnav:last-child { margin-right: 0; }
	footer .fnav li { font-size: 13px; line-height: 25px; list-style: disc; }
	footer #copy { font-size: 13px; background: #23370C; position: absolute; bottom: 0; width: 100%;
		height: 37px; line-height: 37px; text-align: center; }

/*pagetop*/
	#page-top { 
		position: fixed; bottom: 100px; right: 20px; 
	}
	#page-top a {
		display: block;
		width: 66px;
		height: 66px;
		overflow: hidden;
		background: url("../images/pagetop_on.svg") center center no-repeat;
		position: relative;
	}
	#page-top a:hover img{ opacity: 0;}

/*rsv*/
	#rsv {
		display: block; font-family:"Sawarabi Gothic"; color: #ffffff;
		width: 1000px;
		height: 140px;
		margin: 30px auto 35px auto;
		position: relative;
		font-size: 11px;
		background: url(../images/rsv_bg.jpg) left top no-repeat;
	}
	#rsv1 { position: absolute; top:35px; left: 160px; width: 300px; }
	#rsv2 { position: absolute; top:75px; left: 160px; width: 300px; }
	#rsv input { padding: 3px; }
	#rsv input, #rsv select { border-radius: 3px; border: none; }
	#rsv #rsv_btns { position: absolute; top:35px; right: 15%; }
	#rsv #rsv_btns li { /*display: inline-block;*/ float: left; margin-left: 90px; 
		width: 300px; height: 70px;
		background: #284F0D; font-family: "minamoto_l";
		line-height: 70px; text-align: left; 
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	#rsv #rsv_btns li a { display: block; width: 300px; height: 70px; padding-left: 80px; 
		font-size: 18px; }
	#rsv #rsv_btns li#btn_search a { 
		background: url("../images/rsv_icon_search.png") 10px 15px no-repeat;
		background-size: 38px auto; color: #ffa85d; }
	#rsv #rsv_btns li#btn_search button { display: block; width: 170px; height: 70px; padding-left: 60px; 
		font-size: 18px; border: none; cursor: pointer; font-family: "minamoto_l";
		background: url("../images/rsv_icon_search.png") 10px 15px no-repeat;
		background-size: 38px auto; color: #FFAF5D;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	#rsv #rsv_btns li#btn_plan a { background: url("../images/rsv_icon_plan.png") 10px 18px no-repeat;
		background-size: 34px auto; color: #cc87ce; }
	#rsv #rsv_btns li#btn_confirm a { 
		background: url("../images/rsv_icon_confirm.png") 10px 12px no-repeat; font-size: 16px;
		background-size: 42px auto; color: #FFF89B; line-height: 20px; padding-top: 25px; }
	#rsv #rsv_btns li:hover { background: #386812; }
	#rsv #rsv_btns li#btn_search:hover a, #rsv #rsv_btns li#btn_search:hover button,
	#rsv #rsv_btns li#btn_plan:hover a,
	#rsv #rsv_btns li#btn_confirm:hover a { color: #ffffff; opacity: 1; }

	/*common_css*/
	#main { padding-top: 130px; }
	.c1000 { width: 1000px; margin: 0 auto; }
	#pan { background-color: #dfd3c5;line-height: 2;font-size: 90%}
	#pan p { width:1000px;margin: auto;}
	#pan p a { color:#000000;}
}
@media (max-width:640px){
	body { width:100%; }
	.animsition{width: 100%; overflow: hidden;}	
	.for_pc { display: none; }
/*header*/
	header { height: 15vw; background-color:#5A8329; width: 100%; padding: 0; position: fixed; 
		z-index: 110; box-shadow: 0 1.8vw 1.8vw rgba(0,0,0,0.7); }
	header #header { width: 100%; margin: 0 auto; height: 15vw; position: relative;
	 	background: url("../images/header_bg_sp.svg") center center no-repeat;
	 	background-size: 100% auto }
	header #header .logo { position: absolute; top:1vw; left:6vw;}
	header #header .logo img { width: 26vw; }
	#gnavwrap_sp { position: absolute; top:15vw; left: 0; width: 100%; background: #23370C/*#5A8329*/; 
		display: none; padding: 5vw 3vw; font-family:"Sawarabi Gothic"; }
	#gnavwrap_sp li { border-bottom: #ffffff 1px dashed; width: 100%; padding: 1.4vw 0; }
	#gnavwrap_sp li a { display: block; width: 100%; height: 5.3vw; font-size: 3.5vw; line-height: 5.3vw; 
		padding-left: 6vw; color: #ffffff; text-align: left; 
		background: url("../images/nav_bg_sp.svg") 2.3vw center no-repeat ; background-size: 1vw auto; }
	#gnavwrap_sp li a span { display: none; }
	#gnav_sub .for_sp a span { background: #5A8329; display: inline-block; border-radius: 1vw; color: #FFFFFF; }
	
	#header_tel { position: absolute; top:1vw; right: 14vw; }
	#header_tel img { width: 11.8vw; }
	#showplans { display: block; position: absolute; top:1vw; right: 28vw; width: 11.8vw; height: 11.8vw; 
		 }
	#showplans img { width: 11.8vw; }
	header #menu_sp{ width: 7vw; height: 6vw; position: absolute; top:4vw; right: 3.5vw;  }
	header #menu_sp a{ display: block; width: 7vw; height: 6vw;  }
	header #menu_sp a span{ position: absolute;  display: block;  width: 7vw;  height: 1vw;  background: #ffffff;  border: #ffffff 1px solid; left:0; transform:rotate(0); }
	header #menu_sp a span:first-child{ top:0; }
	header #menu_sp a span:nth-child(2){ top:2.5vw; }
	header #menu_sp a span:last-child{ top:5vw; }

/*footer*/
	footer { position: relative; color: #ffffff; background: url("../images/footer_bg_sp.svg") center top no-repeat #5A8329;  background-size: 100% auto; width: 100%;
		font-family:"Sawarabi Gothic"; padding-top: 3vw; }
	footer a { color: #ffffff; }
	footer .inner { width: 100%; margin: 0 auto; position: relative; text-align: center; }
	footer .inner .logo { padding-top: 1.5vw; }
	footer .inner .logo img { width: 35vw; }
	footer .inner address { font-size: 3.7vw; line-height: 5vw; text-align: center; font-style: normal; padding-top: 2.3vw; }
	footer .inner address p { text-align: center; }
	footer .inner address span.tel_foot_sp { font-size: 3.7vw; }
	footer .inner address span.fax_foot_sp { display: inline-block; padding-left: 4vw; }
	footer .inner address strong { font-family:"Sawarabi Gothic"; }
	footer #fnavwrap{ display: none; }
	footer #tel_foot { margin: 3vw auto 6vw auto; width: 63vw; }
	footer #tel_foot img { width: 100%; }
	footer #copy { font-size: 2.3vw; background: #23370C; width: 100%;
		height: 5.7vw; line-height: 5.7vw; text-align: center; }

/*pagetop*/
	#page-top { position: fixed; bottom: 8.9vw; right: 3.1vw; }
	#page-top a { display: block; width: 7.8vw; height: 7.8vw; overflow: hidden; position: relative; }
	#page-top a img { width: 100%; }

/*rsv*/
	#rsv { display: block; font-family:"Sawarabi Gothic"; color: #ffffff; width: 93vw; height: 32vw; 
	margin: 4vw auto 3.7vw auto; position: relative; font-size: 2.3vw; 
	background: url(../images/rsv_bg_sp.jpg) left top no-repeat; background-size: 93vw auto; }
	#rsv1 { position: absolute; top:2vw; left: 24vw; }
	#rsv2 { position: absolute; top:9vw; left: 24vw; }
	/*#rsv input { padding: 0.4vw; }*/
	#rsv input, #rsv select { border-radius: 0.4vw; border: none; }
	#rsv #rsv_btns { position: absolute; top:8vw; left: 3.7vw; width: 93vw; text-align: center; }
	#rsv #rsv_btns li { /*display: inline-block;*/ float: left; margin-right: 4.5vw; 
		width: 40vw; height: 15vw; border-radius: 1vw;
		background: #33600e; font-family: "minamoto_l";
		line-height: 15vw; text-align: left; 
	}
	#rsv #rsv_btns li a { display: block; width: 35vw; height: 10vw; padding-left: 14vw; 
		font-size: 2.8vw; }
	#rsv #rsv_btns li#btn_search a { background: url("../images/rsv_icon_search.png") 1.5vw 2.3vw no-repeat;
		background-size: 5.9vw auto; color: #ffa85d; }
	#rsv #rsv_btns li#btn_search button { display: block; width: 26vw; height: 10vw; padding-left: 9.3vw; 
		font-size: 2.8vw; border: none; font-family: "minamoto_l";
		background: url("../images/rsv_icon_search.png") 1.5vw 2.3vw no-repeat;
		background-size: 5.9vw auto; color: #ffa85d; }
	#rsv #rsv_btns li#btn_plan a { background: url("../images/rsv_icon_plan.png") 4vw 4vw no-repeat;
		background-size: 5.3vw auto; color: #cc87ce; }
	#rsv #rsv_btns li#btn_confirm a { 
		background: url("../images/rsv_icon_confirm.png") 4vw 4vw no-repeat; font-size: 2.5vw;
		background-size: 6.5vw auto; color: #FFF89B; line-height: 6vw; padding-top: 2vw; }

	/*common_css*/
	#main { padding-top: 15vw; }

	/*pan*/
	#main section#pan { background-color: #dfd3c5;line-height: 2;font-size: 60%;margin-bottom:0; }
	/*#pan p { width:1000px;margin: auto;}*/
	#pan p a { color:#000000;}
	}




}