body{
width: 100%;
max-width: 102rem;
margin: 0 auto;
}

.pc{
display: block !important;
width: 100%;
height :auto;
padding: 0 1rem;
box-sizing: border-box;
}

.mobile{
display: none !important;
}

address{
font-size: 2.2rem;
}

#rogo{
position: relative;
}

#rogo address{
position: absolute;
top: 50%;
left: 75%;
transform: translate(-75%,-50%);
margin: 0;
padding: 0;
}

nav ul{
font-size: 0;
margin: 0;
padding: 0;
}

nav ul li{
display: inline-block;
width: 25%;
}

#nav-drawer{
position: initial;
}

/*チェックボックス等は非表示に*/
.nav-unshown{
display: none;
}

/*アイコンのスペース*/
#nav-open{
display: initial;
width: initial;
height: initial;
vertical-align: initial;
float: initial;
padding: initial;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after{
position: initial;
height: initial;
width: initial;
border-radius: initial;
background: initial;
display: initial;
content: '';
cursor: initial;
}

#nav-open span:before{
bottom: initial;
}

#nav-open span:after{
bottom: initial;
}

/*閉じる用の薄黒カバー*/
#nav-close{
display: initial;
position: initial;
z-index: initial;
top: initial;
left: initial;
width: initial;
height: initial;
background: initial;
opacity: initial;
transition: initial;
}

/*中身*/
#nav-content{
overflow: initial;;
position: initial;
top: initial;
left: initial;
z-index: initial;
width: initial;
max-width: initial;
height: initial;
background: initial;
transition: initial;
-webkit-transform: initial;
transform: initial;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close{
display: initial;
opacity: initial;
}

#nav-input:checked ~ #nav-content{
-webkit-transform: initial;
transform: initial;
box-shadow: initial;
}

h1{
font-size: 2.6rem;
}

main{
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
}

p{
font-size: 2rem;
margin: 2rem;
}

.first{
font-size: 2rem;
margin: 2rem;
padding: 0;
}

h2{
font-size: 2.4rem;
margin: 5rem 2rem;
padding: 0.5rem 1.5rem;
}

.menu{
margin: 6rem 2rem;
overflow: hidden;
}

.menu img{
width: 50%;
float: left;
margin: 0;
padding: 0 1rem 0 0;
}

.divemenu{
width: 50%;
font-size: 2.2rem;
float: right;
margin: 0;
padding-left: 1rem;
box-sizing: border-box;
}

.menu ul{
width: 50%;
float: right;
margin: 0;
padding-left: 1rem;
box-sizing: border-box;
}

.menu ul li{
font-size: 2rem;
padding-top: 1rem;
}

.explanation{
font-size: 2rem;
clear: both;
padding-top: 1.5rem;
margin: 0;
}

.sns{
font-size: 0;
font-size: 0;
padding: 0;
}

.sns li{
display: inline-block;
width: 50%;
margin: 0;
padding: 0 2rem;
box-sizing: border-box;
}

footer{
clear: both;
}

.breadcrumb{
margin: 1rem 2rem;
padding: 0;
}

.breadcrumb li{
font-size: 2rem;
}

.check{
margin: 3rem 2rem;
padding: 0.5rem 1.5rem;
}

.check .box{
font-size: 2.2rem;
}

.check p{
font-size: 2rem;
}

table{
margin: 0 2rem;
}

th,td{
font-size: 2rem;
padding-top: 2rem;
}

.check dl{
margin: 4rem 0;
}

.check dt,.check dd{
font-size: 2rem;
}

.index{
margin: 4rem 2rem;
}

.index dt,.index dd{
font-size: 2rem;
}

.index dd{
margin: 2rem 0;
}

.gmap iframe{
margin: 0;
padding: 0 2rem;
}

.item{
margin: 3rem 2rem;
overflow: hidden;
}

.label{
width: 45%;
font-size: 2rem;
border-left: solid 0.5rem #6495ed;
float: left;
}

.inputs{
width: 50%;
font-size: 2.2rem;
margin: 0;
float: right;
}

.submit{
font-size: 2rem;
margin: 2rem;
}

h3{
font-size: 2.2rem;
margin: 5rem 2rem 0;
}

.detail{
margin: 4rem 2rem;
}

.detail dt,.detail dd{
font-size: 2rem;
}

.image{
margin-bottom: 2rem;
padding: 0 2rem;
}

.list{
margin: 0 2rem;
}

.list li{
font-size: 2rem;
padding-top: 3rem;
}

.read{
margin: 2rem 15rem;
text-align: center;
font-size: 2rem;
}

.season{
margin: 4rem 2rem;
}

.season dt,.season dd{
font-size: 2rem;
padding: 1rem 2rem;
}

.skill,.step{
margin: 4rem 2rem;
}

.skill dt,.step dt{
font-size: 2rem;
}

.skill dd,.step dd{
font-size: 2rem;
}

.step dd{
margin: 1rem 0;
}

@media all and (-ms-high-contrast: none){

#nav-open{
padding: 1.5rem 2rem;
}

nav ul li{
width: 100%;
}

}