@charset "utf-8";


header{
    position: relative;
    width: 100vw;
    height: 100vh;
    min-width: 100vw;
    min-height: 100vh;
}

.hBox{
	width: auto;
	height: auto;
	min-width: 100vw;
	min-height: 100vh;
	background:url(../menu/img/menuTop.jpg) center top;
	background-size: cover;
	overflow: hidden;
}


section{
	margin-top: 70px;
}


h2{
	color: #2B5FA8;
}

h4{
	color:  #2B5FA8;
	font-weight: bold;
	margin-top: 50px;
}


/*トップイメージの文字*/

.titleBox-h1{
	position: absolute;
	top: 50%;
	left: 10%;

}

.pageTitle{
	color: #fff;
	font-size: 5.0em;
}

.subTitle{
	margin-top: 10px; 
	color: #fff;
	line-height: 1.6em;
}


.subNav{
	margin: 40px auto;
	width: 230px;
}

.sb1{
	float: left;
	width: 95px;
	height: 95px;
	margin-left: 40px;
	color: #fff;
	padding: 30px 0;
	text-align: center;
	line-height: 1.3em;
}

.sb1:nth-of-type(1){
	background: url("../menu/img/sn1_1.gif") no-repeat;
	margin-left: 0;
}
.sb1:nth-of-type(2){
	background: url("../menu/img/sn1_2.gif") no-repeat;
}



.h2-1{
	background: url("../img/h2_1.gif") no-repeat center;
}
.h2-2{
	background: url("../img/h2_2.gif") no-repeat center;
}
.h2-3{
	background: url("../img/h2_3.gif") no-repeat center;
}
.h2-4{
	background: url("../img/h2_4.gif") no-repeat center;
}
.h2-5{
	background: url("../img/h2_5.gif") no-repeat center;
}

/*
.menuBox{
 	width: 272px;
 	margin: 0 auto;
}
*/

.dMenu-box{
	margin-top: 40px;
}

.mb1{
	background: url("../menu/img/menu1.jpg")no-repeat top center;
}

.mb2{
	background: url("../menu/img/menu2.jpg")no-repeat top center;
}

.mb3{
	background: url("../menu/img/menu3.jpg")no-repeat top center;
}

 .dMenu{
 	width: 272px;
 	margin: 0 auto;
 	height: 84px;
 	padding-top: 30px;
 	text-align: center;
 	font-size: 1.2em;
 	line-height: 1.5em;
 	color: #fff;
 }

.dMenu-box{
 	text-decoration:none;
 }

 .dMenu-box:hover{
 	opacity: 0.7;
 }

.menu-sb{
	font-size: 0.8em;
}



.fun,.exp,.training{
	width: 80%;
	margin: 0 auto;
}


.h3-menu{
	margin-top: 100px;
	height: 92px;
	background: url(../menu/img/h3.png) no-repeat top center;
	line-height: 92px;
	font-size: 1.4em;
}

.h4-menu{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	margin: 60px 0 10px;
	color: #2B599B;
}

.fun-price{
	width: 210px;
	margin:20px auto;
	line-height: 1.9em;
}

.fun-price dt{
	float: left;
}

.fun-price dd{
	margin-left: 120px; 
	text-align: right;
}

.rental{
	width: 100%;
	margin:0 auto;
	line-height: 2.0em;
}

.dl-rental{
	width: 320px;
	border-bottom: 1px #999 solid;
	margin: 30px auto 20px;
}

.dl-rental dt{
	width: 180px;
	float: left;
	padding-left: 10px;
	border-top: 1px #999 solid;
}

.dl-rental dd{
	width: 110px;
	float: left;
	border-top: 1px #999 solid;
	padding-left: 20px;
}

.flow{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.h5-exp-price{
	font-weight: bold;
}

.ul-exp{
	width: 70vw;
	max-width: 600px;
	margin:40px auto 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.ul-exp li{
	margin: 20px;
	line-height: 1.4em;
}

.tMenu{
	margin-top: 20px;
	text-align: center;
}

.tMenu li{
	display: inline-block;
	width: 100%;
	max-width: 600px;
    padding: 1em 0;
    text-decoration: none;
    background: #FFF;/*ボタン色*/
    color: #2B599B;
    border: solid 1px #2B599B;
    margin-top: 10px;
}

.tMenu li:hover{
	background: #2B599B;
	color: #fff;
}


.fun img,
.exp img,
.training img{
	width: 100%;
	max-width:500px;
}

.notes{
	font-size: 0.8em
}