@charset "utf-8";


/*スマホ*/
@media screen and (max-width:750px){
 h2  {font-size:1.2rem;}
.map{width:90%;height:auto;margin:90px auto 0px auto;padding: 0px 0px 30px 0px;text-align:center;}
.map2 {width:97%;height:auto;margin:0px auto 0px auto;padding: 0px 1.5% 30px 1.5%;text-align:center;background:#f3f4f4}
.map2-left {width:90%;height:auto;margin:0px auto 0px auto;padding: 40px 0% 10px 0%;text-align:center;color: #fff;font-size:120%;line-height: 160%}
.map2-right {width:90%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 0px 0px;text-align:center;color: #fff}
.map2-right img{width:100%;}
.map3{width:100%;border: 1px solid #fff;padding: 20px 0% 20px 0%;margin:0px auto 40px auto; }
    
.topcontent1{
	clear: both;
    width: 100%;
	height: auto;
	margin:75px auto 40px auto;
	text-align:center;
	padding: 0px 0px 0px 0px;
}

 /*googlemap*/
.gmap{margin: 0px auto 0px auto; width:100%; text-align:center; padding: 15px 0px 15px 0px; }
.gmap:after {content: "";clear: both;display: block;}
.gmap a {display: block;text-decoration: none;color: #fff;}
.gmap ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.gmap li {float: left;list-style: none;width: 100%;text-align: center;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 0px 0px 0px 0px;}

.hvr-shutter3 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
   background: #c1ba00;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   
	background: #0092b7;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter3:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}
.hvr-shutter3:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
}


/*PC*/
@media screen and (min-width:751px){

 h2  {font-size:1.8rem;}
	
.map {width:80%;height:auto;margin:0px auto 0px auto;padding: 100px 10% 70px 10%;text-align:center;background:#f3f4f4}

.map2 {max-width:920px;width:90%;height:auto;margin:0px auto 0px auto;padding: 30px 1.5% 30px 1.5%;text-align:center;background:#4b563f}
.map2-left {float:left;width:42%;height:auto;margin:0px auto 0px auto;padding: 0px 2% 0px 2%;text-align:center;color: #fff;font-size:120%;line-height: 160%}
.map2-right {float:right;width:50%;height:auto;margin:0px auto 0px auto;padding: 0px 0px 0px 0px;text-align:center;color: #fff}
.map2-right img{width:100%;}
    
.map3{width:100%;border: 1px solid #fff;padding: 20px 0% 20px 0%;margin:0px auto 40px auto; }
    
#topcontent1{
	clear: both;
    width: 100%;
	height: 430px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 200px 0px 0px 0px;
	background-image:url("../map/img/bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
#topcontent2{
    width: 980px;
	height: auto;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 230px 0px 0px 0px;
	background-image:url(../img/common/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.topcontent2-1{
	z-index: 2;
	position: absolute;
	width: 310px;
	height: auto;
	margin: 200px auto 0px 0px;
	left: 1px;
	top: 1px;

 }

.topcontent2-2{
    z-index: 2;
    position: absolute;
    width: 253px;
    height: 53px;
    margin: 70px auto 0px 0px;
    left: 361px;
    top: 50px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
 }

    
/*googlemap*/
.gmap{margin: 0px auto 0px auto; max-width:900px;width:100%; text-align:center; padding: 15px 0px 15px 0px; }
.gmap:after {content: "";clear: both;display: block;}
.gmap a {display: block;text-decoration: none;color: #fff;}
.gmap ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.gmap li {float: left;list-style: none;width: 100%;text-align: center;line-height: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:110%;  margin: 0px 0px 0px 0px;}

.hvr-shutter3 {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
   background: #c1ba00;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-shutter3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   
	background: #0092b7;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter3:hover, .hvr-shutter0:focus, .hvr-shutter0:active {
  color: white;
}
.hvr-shutter3:hover:before, .hvr-shutter0:focus:before, .hvr-shutter0:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


/* 地図＆マップ　印刷・閉じる */
.subnavi1 {width:70%;margin: 40px auto 0px auto;font-weight:400;}
.subnavi1:after {content: "";clear: both;display: block;}
.subnavi1 li {float: left;list-style: none;width: 48%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 35px;font-size:90%;background-color:#000210 ;color: #30A9E2;margin: 10px auto 10px 1%;}
.subnavi1 a {display: block;text-decoration: none;color: #fff !important;background-color: #1a5f68;}
.subnavi1 a:visited {color:#fff;}

.hvr-fade {display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  text-align:center;
}



 .hvr-fade:hover{
  opacity:0.7;
   transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
 
}


@media print {
.hidden-print { display: none;}
.content-print{top:0 !IMPORTANT;left:0 !IMPORTANT;width:172mm !IMPORTANT; height:251mm !IMPORTANT;}
}
@media only screen and (min-width:751px) and (max-width:980px) {

.map{width:80%;height:auto;margin: 0px auto 30px auto;text-align:center;padding: 100px 0px 70px 0px;}
#topcontent1{
	clear: both;
    width: 100%;
	height: 300px;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 200px 0px 0px 0px;
	background-image:url("../map/img/bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
#topcontent2{
    width: 980px;
	height: auto;
	margin:0px auto 0px auto;
	text-align:center;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/common/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.topcontent2-1{
	z-index: 2;
	position: absolute;
	width: 310px;
	height: auto;
	margin: 0px auto 0px 0px;
	left: 1px;
	top: 1px;

 }

.topcontent2-2{
    z-index: 2;
    position: absolute;
    width: 253px;
    height: 53px;
    margin: 0px auto 0px 0px;
    left: 361px;
    top: 50px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
 }



}