@charset "utf-8";

body {font-weight:400;}

/**** header ****/

header .fixed_nav {
  width:75px;
  height:250px;
}

/**** footer ****/

/**** kv ****/

/*
.kv {
  width:100%;
  padding:52.08% 0 0;
  height:0;
  background:url("../img/kv_pc.jpg") no-repeat bottom center / cover;
}*/
.kv h1 {
  /*position:absolute;
  width:100%;
  top:0;
  left:0;
  right:0;*/
}
.kv h1 img {
  width:100%;
}

/**** lead ****/

.lead .area01 {background:url("../img/bg_area01.jpg") no-repeat center / cover;}
.lead .area02 {background:url("../img/bg_area02.jpg") no-repeat center / cover;padding: 80px 0;}
.lead .area03 {background:url("../img/bg_area03.jpg") no-repeat center / cover;padding: 80px 0;}
.lead .area04 {background:url("../img/bg_area04.jpg") no-repeat center / cover;}
.lead .area05 {background:#FFFFFF;padding:50px 0 0;}
.lead .area01 h2 {max-width:1540px;margin:0 auto;}
.lead .area02 p {width: 100%;max-width:1200px;margin: 0 auto;}
.lead .area02 p img {width:100%;display:block;}
.lead .area03 p {width: 100%;max-width:1200px;margin: 0 auto;}
.lead .area03 p img {width:100%;display:block;}
.lead .btn_reserve {margin:0 auto;padding:0 40px 100px;}

/**** spot ****/
.spot01 {background:none;}
.spot01 h2 {margin:0 auto 50px;}
.spot02 .spot_list {margin:0 auto 100px;}
.spot01 .spot_list li dl dt {color:#1D2080;}
.spot02 .spot_list li dl dt {color:#006633;}

/**** map ****/

/**** campaign ****/

.campaign {padding:50px 0;background:#7DC4EB;}
.campaign_list li img {margin:0 auto 0.5em;}
.campaign_list li dl dt {
  font-size:1.5em;
  color:#1D2080;
  text-align:left;
}

/**** cruise ****/

.cruise {padding:50px 0;background:#FFFFFF;}
.cruise_list li dl dt {
  font-size:1.5em;
  color:#1D2080;
  text-align:left;
}

/**** safety ****/

.safety {padding:50px 0;background:#D5DEED;}
.safety h2 + p {
  text-align:center;
  margin:0 auto 80px;
  font-size:1.375em;
}
.safety h3 {color:#00317F;}
.safety_list li img {background:#00317F;}
.safety + .btn_reserve {margin:100px auto;}

/**** sns ****/

/**** footer ****/

footer {background:#D9E2F4;}
footer .copyright {background:#1D2089;}

/**** reserve ****/

.btn_reserve {max-width:450px;}

/**** other ****/



@media screen and (max-width: 767px){ 
  
  /**** header ****/

  header .fixed_nav {
    width:38px;
    height:125px;
  }
  
  /** kv **/
  
  .kv {
    background:none;
    padding:0;
    height:auto;
  }
  .kv h1 {
    position:static;
  }    

  /**** lead ****/

  .lead .area01 {background:url("../img/bg_area01_sp.jpg") no-repeat center / cover;}
  .lead .area02 {background:url("../img/bg_area02_sp.jpg") no-repeat center / cover;padding:0 0 40vw;}
  .lead .area03 {background:url("../img/bg_area03_sp.jpg") no-repeat center / cover;padding:40vw 0 0;}
  .lead .area04 {background:url("../img/bg_area04_sp.jpg") no-repeat center / cover;}
  .lead .area01 h2 {max-width:1540px;margin:0 auto;}
  .lead .area02 p {padding:0;}
  .lead .area03 p {padding:0;}
  .lead .btn_reserve {max-width:72%;margin:0 auto;padding:0 0 50px;}

  /**** spot ****/
  .spot01 h2 {margin:0 auto 10%;}
  .spot02 .spot_list {margin:0 auto 10%;}

  /**** campaign ****/

  .campaign {padding:10% 0}
  .campaign_list li dl dt {font-size:1.3em;}

  /**** cruise ****/

  .cruise {padding:10% 0}
  .cruise_list li dl dt {font-size:1.3em;}

  /**** safety ****/

  .safety {padding:10% 0;}
  .safety h2 + p {margin:0 auto 8%;}
  .safety + .btn_reserve {margin:15% auto;}


  /**** reserve ****/
  
  .btn_reserve {max-width:85%;}

  /**** other ****/

}