@charset "utf-8";
h2.accses{background-image:url(../images/mtitlebg.png),url(../../images/h2title011.jpg);}

.tabs{width:90%;margin:0 auto;overflow:hidden;table-layout:auto;display:table;border-collapse:separate;border-spacing:0 0;}
.tabs li{display:table-cell;width:20%;text-align:center;font-size:small; font-weight: bold;vertical-align: bottom;}
.tabs li span{display:inline;}
.tabs li a{display:block;overflow:hidden;color:#FFF;box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4) inset;
line-height:1.3;padding:1em 0 1em 0;}
.tabs li.active a{box-shadow:none;pointer-events: none;padding:1.2em 0 1.2em 0;}
.tabs li.page1 a{background:#3AB483;}
.tabs li.page2 a{background:#3ab496;}
.tabs li.page3 a{background:#3ab4ad;}
.tabs li.page4 a{background:#3aa7b4;}
.tabs li.page5 a{background:#3a96b4;}
.tabs a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

.linebara{border-top-color:#3AB483;}
.linebarb{border-top-color:#3ab496;}
.linebarc{border-top-color:#3ab4ad;}
.linebard{border-top-color:#3aa7b4;}
.linebare{border-top-color:#3a96b4;}

.tabcontents{margin:0 auto;padding: 2em 0 0 0;border-top-style:solid;border-width: 5px;}

.secondtitle {margin:0 0 2em 0;}
.secondtitle h2{font-size:large;color:#3AB483;line-height:1.3;margin:0 0 0.2em 0;}
.secondtitle p{font-size:small;line-height:1.5;}

.info{padding:0 3em 0 3em;}
.info h3{font-weight:bold;font-size:x-large;color:#3AB483;border-bottom:2px solid;line-height: 1.2;margin: 0 0 0.5em 0;}
.info ul{width:98%; font-size:small;line-height: 1.4;margin:1em auto;}
.info ul li{margin: 0 0 1em 0;}

/*料金案内*/
.info table.priceinformation{border-collapse:collapse;line-height: 1.5;font-size:small;border-top:1px solid #999;border-left:1px solid #999;text-align:center;width: 100%;}
.info table.priceinformation th,
.info table.priceinformation td{border-bottom:1px solid #999;border-right:1px solid #999;padding:0.7em;}
.info table.priceinformation th{font-weight:bold;width:auto;background: rgba(236,236,236,1.00);}
.info table.priceinformation td{}



.googlemap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 auto 2em auto;
}
 
.googlemap iframe,
.googlemap object,
.googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*北正面ゲートまでのご案内*/
.white-popup {
	position: relative;
	background: #FFF;
	padding: 2vw;
	width: auto;
	max-width: 960px;
	margin: 60px auto;
	}
.white-popup p { font-size: 1.5vw; line-height: 1.4em; margin: 1em 0;}   
.white-popup img {max-width: 100%;}
@media screen and (max-width:375px){
.white-popup {padding: 8vw 2vw 2vw 2vw;}
.white-popup p { font-size: 4vw; line-height: 1.4em; margin: 1em 0;}       
}
.access_map{ margin: 0 auto 4em auto; padding: 0 0 0 0;}
.mapLink {
	position: relative;
	width: 100vw;
	height:62vw;
	background: url("../../images/access_ic_north.jpg") no-repeat;
	background-size: contain;
	}
.mapLink li{
	position: absolute;
	list-style-type: none;
    line-height: 1.2;
	}
.mapLink li a{
	font-size: 3.125vw;
	font-weight: bold;
	background-color: #FF0000;
	border: 3px solid #FFFFFF;
	border-radius: 3.5vw;
	display: inline-block;
	padding: 0.5vw 0.8vw;
	text-decoration: none;
	color: #FFFFFF;
	position: relative;
	}
.mapLink li a:hover{background-color: #7F0000; color: #fff;}
.mapLink li.A-1{top: 48vw;left: 35vw;}
.mapLink li.B-1{top: 48vw;left: 21vw;}
.mapLink li.C-1{top: 34vw;left: 19vw;}
.mapLink li.D-1{top: 26vw;left: 18vw;}
.mapLink li.E-1{top: 27vw;left: 50vw;}
.mapLink li.F-1{top: 33vw;left: 80vw;}
.mapLink li.G-1{top: 41vw;left: 80vw;}
@media screen and (min-width:1000px){
.access_map { margin: 0 auto; padding: 0 3.5em 0 3.5em;}
.mapLink {width: 100%; height: 66vh;}
.mapLink li {
    position: absolute;
    list-style-type: none;
    line-height: 1;
    }
.mapLink li a{
	font-size: 14px;
	border-radius: 25px;
	padding: 10px;
	}
.mapLink li.A-1{top: 440px;left: 310px;}
.mapLink li.B-1{top: 440px;left: 200px;}
.mapLink li.C-1{top: 280px;left: 180px;}
.mapLink li.D-1{top: 235px;left: 180px;}
.mapLink li.E-1{top: 240px;left: 430px;}
.mapLink li.F-1{top: 295px;left: 710px;}
.mapLink li.G-1{top: 345px;left: 710px;}
}

@media only screen and (max-width: 1024px) {
.tabs{width:100%;}
.tabs li {font-size:x-small;}
}

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





}

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

@media only screen and (max-width: 667px) {
.lists li h3.long{top:70%;}
.sheets2 img{height:8em;}
.sheets3 img{height:6em;}
.tabs li.active a{padding:1.6em 0 1.31em 0;}
}

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

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

#mainall{width:96%; margin:0 2%;} 

.tabs li span{display:block;}
.tabs li a{padding:0.7em 0 0.65em 0;}
.tabs li.active a{padding:0.9em 0 0.7em 0;}



.tabcontents{margin:0 auto;padding: 1em 0 0 0;}

.info{padding:0 0 0 0;}


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


}