@charset "utf-8";


.reserveBtn{ width: 300px; 
    display: block;
    position: fixed;
    top: 29px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 10;
}

#gHeader{}

#gHeader >.inner{ position: relative;}
#gHeader h1{ position: absolute; width: 100px; left: 20px; top: 20px;}

@media(max-width:750px){
#gHeader h1{ position: absolute; width: 180px; left: 20px; top: 30px;}

    .reserveBtn{ display: none;}
    
}


.hdSubText{ position: absolute; top: 30px; left: 140px; font-size: 70%; color: #fff;}


#mainVisual{ background: url(../images/mainVisual.jpg) no-repeat center top; background-size: cover; display: table; width: 100%}
#mainVisual >.inner{ display: table-cell; vertical-align: middle;}
#mainVisual p{ color:#fff;  text-align: center; line-height: 2em; font-size: 22px;}

#mainVisual dl{ position: absolute; color: #fff; bottom: 0; padding: 30px;}


@media(max-width:750px){
.hdSubText{ position: absolute; top:35px; left: 240px; font-size: 70%; color: #999;}
#mainVisual p{ color:#fff;  text-align: center; line-height: 2em; font-size: 28px;}

    
}


.mvTable {
    width: 100%; 
    display: flex; 
    flex-wrap: wrap; 
    margin:0 auto ;
    color: #000;
    box-sizing: border-box;
}

.mvTable dt,
.mvTable dd {
    box-sizing: border-box; 
    padding-bottom: 0.4em;
font-weight: 500;
font-style: normal;
}
.mvTable dt {
    font-size: 12px; 
    width: 10%;
    font-weight: normal;
    text-align: left;
    padding-right: 5px; box-sizing: border-box;
    line-height: 1.5em;
}
.mvTable dd {
    width: calc(100% - 10%); 
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
}



@media(max-width:750px){
.mvTable dt {
    font-size: 24px; 
    width: 20%;
    font-weight: normal;
    text-align: left;
    padding-right: 5px; box-sizing: border-box;
    line-height: 1.5em;
}
.mvTable dd {
    width: calc(100% - 20%); 
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5em;
}
}




.fixed {
  position: fixed !important;
  top: 75px !important;
}


#scrHeader{ width:100%; position:fixed; z-index:51; height:40px; 
background:#111; top:-75px; box-sizing:border-box;
    background: -moz-linear-gradient(top, #000000, rgba(255,255,255,0));
background: -webkit-linear-gradient(top, #000000, rgba(255,255,255,0));
background: linear-gradient(to bottom, #000000, rgba(255,255,255,0));
}
#scrHeader > .inner{ width:1000px; margin:0 auto; position:relative;}

#scrHeader nav{ width: 700px; position:absolute;  top:7px; left: 150px;}

#scrHeader nav ul{ width: 100%;}

#scrHeader nav ul{ text-align: center; margin-bottom: 30px;}
#scrHeader nav ul li{ display: inline-block; margin-right: 40px; font-size: 14px;}
#scrHeader nav ul li:last-child{margin-right: 0;}

#scrHeader nav ul li a{color: #fff;transition: all  0.2s ease;
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
    letter-spacing: 0.3em
}

#scrHeader nav ul a:hover{ color: #888;}

.scrLogo{ position: absolute; width: 95px; left:0;top: 5px;}
.scrCart{ position: absolute; width: 30px; right:0;top: 5px;}



@media(max-width:750px){

#scrHeader{ display: none;}
#scrHeader > .inner{ width:auto;}

}






/* ---------------------------------------------------------------------------------
pagetop　未使用 */

#pagetop{ position:absolute;}

#gotop {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 137px;
  height: 77px;
  z-index: 5;
}

#btnscrollArea{ position:relative;}




/* ---------------------------------------------------------------------------------
footer */

footer{ padding:0; clear: both; background: #fff;}