﻿@charset "utf-8";
/* CSS Document */


	
	
/*■■■■■■■■■■under_page■■■■■■■■■■*/	
html {height:auto;letter-spacing:2px;}
#content {background-image:url("../images/bg_logo.png");background-repeat:no-repeat;background-position:30% 155px;}
#wrap {float:left;width:70%;margin:0 0 0 2em;/*clear:both;*/}

#under_nav {width:90%;margin-bottom:8em;}
#under_nav ul {}
#under_nav ul li {font-family:"HG行書体","ヒラギノ明朝 ProN","Hiragino Mincho ProN";float:left;width:23%;text-align:center;border-bottom:1px solid #ccc;margin-right:.8em;margin-top:1em;letter-spacing:.5px;}
#under_nav ul li div {height:30px;}
#under_nav .float_lnav {display:none;}


#local_nav {float:right;margin:8em 2em 2em 1em;width:20%;}
#local_nav>ul {border-top:10px solid #000;border-left:4px solid #444;}
#local_nav>ul li{padding:10px;border-top:1px solid #ccc;letter-spacing:2px;}
#local_nav ul li:hover {background:#eee}
#local_nav ul li nav {display:inline;}
#local_nav ul ul {text-indent:1em;}
#local_nav ul ul li {padding-top:0;border:none;}

.cont_btn {margin:3.5em 0;}
.cont_btn div {text-align:center;background:#666;padding:20px 0;font-size:1.3em;}
.cont_btn div:hover {opacity:.7;}
.cont_btn a {color:#fff;}

h1 {clear:both;font-size:2.1em;border-left:13px solid #37320A;border-bottom:1px solid #ccc;padding-left:.6em;margin-bottom:1em;}
h2 {clear:both;font-size:1.8em;margin-bottom:.6em;}
h3 {clear:both;font-size:1.5em;color:#37320A;margin-bottom:.6em;}

p {margin-bottom:2.5em;line-height:1.6em;}

.left_box,.right_box {clear:both;}
.left_box div {float:left;width:60%;}
.left_box img {float:left;margin-right:1.5em;margin-bottom:1em;}
.left_box div p {text-align:center;margin-bottom:1.2em;}	
.left_box>p {margin-bottom:2.5em;float:right;width:35%;}
.right_box div {float:right;width:60%;margin-left:10px;margin-bottom: 1em;}
.right_box img {float:right;margin-bottom:1em;}	
.right_box div p {text-align:center;margin-bottom:1.2em;}	
.right_box>p {margin-bottom:2.5em;/*float:left;width:35%;*/}

.twocolumn_box div {width:40%;float:right;margin-bottom:2.5em;margin-right:1.5em;}
.twocolumn_box div:first-child {float:left;margin-right:0;margin-left:1.5em;}
.twocolumn_box div p {text-align:center;}

.about p {text-align:center;line-height:1.8em;font-size:1.25em;}
.sitemap ul {line-height:2.3em;font-size:1.25em;}

/*■■■■■■■■■■google map■■■■■■■■■■*/	
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media screen and (max-width:1085px){
#local_nav {margin:8em 0 8em 1em;}


}

@media screen and (max-width:900px){
#content {background-position:50% 20%;}
#wrap {width:100%;margin:0;padding:1em;}

#under_nav {display:none;}
#local_nav {display:none;}
.cont_btn {display:none;}


h1 {font-size:1.8em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}

}


@media screen and (max-width:700px){
#content {background-position:50% 20%;}
.left_box img,.right_box img {width:100%;}

.left_box div,.right_box div {width:100%;}
.left_box>p,.right_box>p {width:100%;}

.twocolumn_box div,.twocolumn_box div:first-child {width:100%;margin:0;}
.twocolumn_box img {width:100%;}

.rbImg {height:450px;overflow:hidden;}


}

#openMenu img {top:-40px;}
