@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Poppins');

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}
body {
	line-height: 1; color: #000; min-width: 320px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS P Gothic","Osaka","Hiragino Kaku Gothic Pro", Verdana,Arial, Helvetica, sans-serif; 
	-webkit-text-size-adjust: none;
}

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

ol, ul { list-style: none; }

:focus { outline: 0; }
img { max-width: 100%; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*----- 共通内容 -----*/

.line0 { line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; line-height: 0; }
.cen { text-align: center; }
a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: tranparent; }
.opa a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: tranparent; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; line-height: 0; clear: both; }
.none { display: none; }
.tr { text-align: right; }
.border { border: 1px solid #ccc; }

.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb50 { padding-bottom: 50px; }

.red { color: #e00; }
.orange { color: #f50; }
.skyblue { color: #0088bc; }
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }
.bold { font-weight: bold; }

.p01 { font-size: 14px; line-height: 1.8; padding: 0 0 10px; }
.p02 { font-size: 13px; line-height: 1.4; padding: 0 0 10px; }
.p03 { font-size: 14px; line-height: 1.8; padding: 0 0 20px; }
.p04 { font-size: 14px; line-height: 1.8; padding: 0 0 50px; }
.p05 { font-size: 15px; line-height: 1.8; padding: 0 0 100px; }
.p06 { font-size: 15px; line-height: 1.8; padding: 0 0 100px; }

#loader {width:32px;height:32px;display:none;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;z-index:100;}
#fade {width:100%;height:100%;display:none;background-color:#fff;position:absolute;top:0px;left:0px;z-index: 50;}

#wrapper { width: 100%; min-width: 1050px; overflow: hidden; }
.wrap { width: 1050px; margin: 0 auto; }
.lower { width: 1000px; margin: 0 auto; }
.sp { display: none; }
.sp1 { display: none; }

#header { background: #fff; border-bottom: 4px solid #90c31f; height: 80px; width:100%; z-index: 999; animation: fadeIn 3s ease 0s 1 normal; -webkit-animation: fadeIn 3s ease 0s 1 normal; }
#header h1 { display: block; float: left; padding: 25px 0 0; }
#header h1 img	{
	max-width: 237px;
	height:auto;
	display: block;
	margin: 0;
}
#header .right { float: right; width: 70%; }
#header .right h2 { font-weight: normal; font-size: 11px; line-height: 1.25; padding: 6px 0 10px; text-align: right; }
#header .right ul.menu { float: left; text-align: right; padding: 25px 0 0; }
#header .right ul.menu li { float: left; font-size: 13px; letter-spacing: 1px; text-align: center; border-left: 1px solid #486a00; }
#header .right ul.menu li a { display: block; color: #486a00; text-decoration: none; width: 100%; margin: 0 auto; padding: 0 20px; }
#header .right ul.menu li a:hover { text-decoration: underline; }
#header .right .tel { float: right; }

.img01 { border-radius: 5px; }

#contents .pankuzu { padding: 20px 0 40px; }
#contents .pankuzu span { margin: 0 10px; }
#contents .pankuzu a { color: #333; }
#contents .pankuzu a:hover { color: #a40035; }

section a { color: #0088bc; }
section a:hover { text-decoration: none; }
section .frame { max-width: 750px; margin: 0 auto;max-width: 1050px; }

.totop { display: none; font-size: 13px; padding: 20px 10px; text-align: right; }
.totop a { color: #555; }

/* banner */
.banner { padding: 40px 0 74px; background: url(../img/common/map_bg.png) no-repeat center bottom; background-size: contain; }
.banner ul	{ width:100%; margin:0 auto;}
.banner ul li { float: left; width:20%;padding:10px 20px; background: url(../img/common/bnr_left.png) no-repeat left;}
.banner ul li img {vertical-align: bottom;width:100%;}
.banner ul li:nth-child(1){ background: none; }

/* access */
.access { margin: -10px 0 0; padding: 0; }
.access .gmap { width: 100%; height: 360px; margin: 0; padding: 0; vertical-align: bottom; }
.map { width: 100%; }

#footer { padding: 0; color: #fff; }
#footer .f_menu { background: #486a00; padding-bottom: 30px; }
#footer .menu { font-size: 13px; padding: 12px 0; }
#footer .menu a { color: #fff; text-decoration: none; }
#footer .menu a:hover { color: #fff; text-decoration: underline; }
#footer .menu li { display: inline-block; padding: 0 15px; border-left: solid 1px #fff; letter-spacing: 1px; }
#footer .menu li:nth-of-type(1) { padding: 0 15px 0 0; border-left: none; }

#footer .f_address { background: #486a00; }
#footer h1 { padding: 0 0 5px; }
#footer .copyright { clear: both; font-family: 'Poppins', sans-serif; font-size: 11px; color: #fff; background: #000; letter-spacing: 1px; padding: 10px 0; }
#footer a { color: #fff; text-decoration: none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; }
#footer a:hover { text-decoration: underline; }
#footer .col3 { margin-bottom: 20px; width: 280px; float: left; margin-left: 52px; }
#footer .col3 ul li { margin-bottom: 3px; }
#footer .col3 ul { margin-bottom: 10px; }
#footer address { font-size: 12px; font-style: normal; line-height: 1.5; }
#footer dl { font-size: 12px; line-height: 1.5; }
#footer dd { line-height: 1.5; margin-bottom: 10px; }

.widgetArea { background: #2e364e; padding: 30px 0 15px; line-height: 0; }
.widgetArea .map iframe { width: 64%; height: 300px; float: left; margin-right: 5px; }
.widgetArea .fb { width: 33.32%; float: right; }
.widgetArea .googlemap,.facebook { width: 100%; height: 264px; border:0px solid red;}

/* キーフレーム */
@keyframes fadeIn {
	 0% { opacity: 0; }
	 100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
	 0% { opacity: 0; }
	 100% { opacity: 1; }
}

/* 問い合わせボタン */
.fixed1,.fixed2 {display:none;}
.fixed1,.fixed2 {display:block;}
	.fixed1 {
		display:block;
		position:fixed;
		z-index:999;
		right:0;
		top:100px;
		animation: fadeIn 3s ease 0s 1 normal;
		-webkit-animation: fadeIn 3s ease 0s 1 normal;
	}
	.fixed2 {
		display:block;
		position:fixed;
		z-index:999;
		right:0;
		top:280px;
		animation: fadeIn 3s ease 0s 1 normal;
		-webkit-animation: fadeIn 3s ease 0s 1 normal;
	}	

.fixed1 img,
.fixed2 img	{
	max-width:40px;
	height:auto;
	display:block;
}

/* fixedTop */
#fixedTop {
	right: 10px;
	bottom: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: rgba(0,0,0,0.8);
	position: fixed;
	z-index: 9999;
	border-radius: 5px;
	-webkit-transform: translateZ(0);
}
#fixedTop:hover	{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
								
.col2 { width: 505px; float: left; margin-left: 40px; box-sizing: border-box; }
.col2:nth-of-type(2n+1) { clear: both; margin-left: 0; }
.col3 { width: 340px; float: left; margin-left: 30px; box-sizing: border-box; }
.col4 { width: 249px; float: left; margin-left: 18px; box-sizing: border-box; }
.col4:nth-of-type(4n+1) { clear: both; margin-left: 0; }

.table01 { width: 100%; border-top: solid 1px #ccc; border-left: solid 1px #ccc; }
.table01 th { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 10px; font-weight: normal; text-align: left; }
.table01 td { border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 10px; }
.table01 .b_none { border-bottom: none !important; }

.table02 { width: 100%; border-top: solid 1px #ccc; }
.table02 th { border-bottom: solid 1px #ccc; padding: 12px; font-weight: normal; text-align: left; }
.table02 td { border-bottom: solid 1px #ccc; padding: 12px; }

.ul li { list-style: outside disc; margin-left: 1.5em; line-height: 1.8; }
.ol li { list-style: outside decimal; margin-left: 1.5em; line-height: 1.8; }
.ol01 li { list-style: outside decimal; margin-left: 1.5em; line-height: 2; }
.ul { margin: 20px 0 40px; color: #555; font-size: 14px; }
.ol { margin: 0 0 30px; color: #555; font-size: 14px; }
.ol01 { margin: 0 0 30px; color: #555; font-size: 13px; }

/*slidemenu*/
.sb-slide {
	position:fixed;
	right:10px;
	top:10px;
	z-index:10000;
	font-size:30px;
	line-height:1.2;
	display: none;
}
.sb-slide .sb-close ,
.sb-active .sb-slide .sb-toggle-right {
	display:none;
}
.sb-active .sb-slide .sb-close {
	display:block;
}
.sb-slide p {
	display: inline-block;
	padding:2px 7px;

	color:#90c31f;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url("/css/PIE.htc");
}
.sb-slidebar section {
	padding:1% 5% 0 2%;
}
.sb-slidebar section ul {
	margin:0 0 5%;
	font-size: 12px;
}
.sb-slidebar section:last-child ul {
	margin:0;
	padding:0 0 10%;
}
.sb-slidebar section ul li ul {
	margin:0 0 0 7%;
}
.sb-slidebar section ul li a {
	display:table;
	width:100%;
	border-bottom: solid 1px #90c31f;
	text-decoration:none;
}
.sb-slidebar section ul li a span ,
.sb-slidebar section ul li a em {
	display:table-cell;
	vertical-align:middle;
	padding:6% 0% 6% 2%;
	color:#000;
}
.sb-slidebar section ul li a em {
	text-align:right;
}
.sb-slidebar section ul li strong {
	display:block;
	padding:5% 2% 0;
}
.sb-slidebar section p {
	margin:0 0 3%;
}
.sb-slidebar section p a {
	display: block;
	background: #90c31f;
	padding: 10px 20px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

.sb-slidebar section p a:hover {
	opacity: 0.8;
}
.sb-slidebar section p a i {
	display:inline-block;
	margin:0 10px 0 0;
	font-size:20px;
	vertical-align: middle;
}
.sb-slidebar section iframe {
	margin:0 0 10%;
}

.side_add {
	margin:0 0 20px;
	width: 100%;
}
.side_add p {
	line-height: 1.8;
}

.side_add p a {
	width: 100%;
}

.side_add .add { padding-bottom: 20px; }


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

	.fixed { display: none; }
	#wrapper { width: 100%; min-width: 100%; }
	.wrap { width: 100%; }
	.lower { width: 100%; }
	.pc { display: none; }
	.sp { display: block; }
	
/* 問い合わせボタン */
	.fixed1 {
		display:block;
		position:fixed;
		z-index:999;
		right:0;
		top:80px;
		animation: fadeIn 3s ease 0s 1 normal;
		-webkit-animation: fadeIn 3s ease 0s 1 normal;
	}
	.fixed2 {
		display:block;
		position:fixed;
		z-index:999;
		right:0;
		top:202px;
		animation: fadeIn 3s ease 0s 1 normal;
		-webkit-animation: fadeIn 3s ease 0s 1 normal;
	}	

.fixed1 img,
.fixed2 img	{
	max-width:30px;
	height:auto;
	display:block;
}
	
	#contents .pankuzu { padding: 10px 10px; }
	section .frame { width: 100%; }
	
	#header { height: auto; position: relative;}
	#header h1 { float: left; margin: 0; width: 224px; padding: 10px; }
	#header h2 { display: none; }
	#header .right ul.menu {display:none;}
	#header .right li.tel { width: 28px; position: absolute; top: 14px; right: 55px; z-index: 10000; }

	.totop { display: block; }
	
	/* banner */
	.banner { padding: 15px 5px; background: none; }
	.banner ul li { width: 50%; margin: 1px 0; }
	.banner ul li:nth-child(3n+1) {clear: none;}
	.banner ul li:nth-child(odd) { background: none; }
	.banner ul li img	{width:100%;}
	
	/* access */
	/*
	.access { padding: 20px 10px 50px; }
	.access .gmap { width: 100%; height: 280px; }
	.map { width: 100%; float: none; border: 2px solid #b0a793; }	
	*/
	
	#footer { padding: 0; }
	#footer .wrap { padding: 0 10px; }
	#footer .menu { width: 100%; text-align: left; }
	#footer .logo { width: 100%; }
	#footer h1 { padding: 20px 0 10px; }
	#footer .menu { padding: 6px 0; }
	#footer .menu li { margin: 10px 0; font-size: 12px; }
	#footer .menu li:nth-of-type(1) { padding-left: 10px; border-left: 1px solid #fff; }
	#footer .copyright { padding: 10px 0 20px; letter-spacing: 0; text-align: left; }
	#footer address { width: auto; padding: 20px 0; font-size: 13px; }
	#footer address span { font-size: 13px; }
	
	.widgetArea .map iframe { width: 48%; float: left; margin: 0; }
	.widgetArea .fb { width: 48%; float: right; }		
	
	.p01,.p03,.p04,.p05,.p06 { font-size: 13px; }
	.p02 { font-size: 11px; }	
	
	/*.col2 { width: 48.5%; margin-left: 3%; }*/
	.col2 { width: 100%; float: none; margin-left: 0; }
	.col3 { width: 32%; margin-left: 2%; }
	#footer .col3 { width: 30%; margin-left: 2%; }
	.col4 { width: 23.5%; margin-left: 2%; }
	
	.table01 th { padding: 5px; }
	.table01 td { padding: 5px; }
	.table02 th { padding: 5px; }
	.table02 td { padding: 5px; }	
	
	
	.sb-slide {
		display: block;
	}
	
	.side_add {
		margin:0 0 5%;
	}
	.side_add p {
		font-size: 13px;
	}
	
}


@media screen and (max-width: 479px){
	
	.col3 { width: 100%; float: none; margin-left: 0; }	
	#footer .col3 { width: 100%; float: none; margin-left: 0; }	
	.col4 { width: 48%; margin-left: 0; }
	.col4:nth-of-type(2n) { margin-left: 4%; }
	.col4:nth-of-type(2n+1) { clear: both; }

	.ul li { font-size: 13px; }
	.ol li { font-size: 13px; }

	.widgetArea .map iframe { width: 100%; float: none; margin: 10px 0 20px; }
	.widgetArea .fb { width: 96%; float: none; margin: 0 auto; }
	#footer .copyright { padding: 20px 0 10px; }

}

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

	.pc1 { display: none; }
	.sp1 { display: block; }
	
}




/* topBanner */
.BottomBanner { text-align:center; padding: 20px 0 50px;}