@charset "utf-8";

/* =============================================================

　　TOP

============================================================= */
.premium_top .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 600px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}

.premium_top .main_visual .box_title .box_img {
  width: 372px;
  margin: 0 auto;
}

.premium_top .main_visual .box_title .box_img img {
  width: 372px;
}

@media screen and (max-width:640px){
  .premium_top .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 70%;
    top: 54%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    /* IE9以下用ハック */
    vertical-align: middle\9;
  }

  .premium_top .main_visual .box_title .box_img {
    width: 70%;
  }

  .premium_top .main_visual .box_title .box_img img {
    width: 100%;
  }
}


/*　pkg slide
--------------------------------------------------------------*/
.box_pkg_slide {
  position: relative;
  z-index: 40;
  top: 0;
  margin: -7% auto 0;
}

.box_pkg_slide a {
  display: inline;
}

.box_pkg_slide a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  cursor: pointer;
}

/* ------------------------------
   loopSlider
------------------------------ */
.box_pkg_slide .loopSliderWrap {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  height: 290px;
  overflow: hidden;
}

.box_pkg_slide > .loopSlider {
  margin: 0 auto;
  width: 100%;
  height: 290px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.box_pkg_slide .loopSlider ul {
  height: 290px;
  display: inline-block;
  font-size: 0;
  overflow: hidden;
  text-align: center;
}

.box_pkg_slide .loopSlider ul li {
  width: 192px;
  height: 290px;
  display: inline-block;
  overflow: hidden;
  text-align: center;
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.box_pkg_slide .loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}


@media screen and (max-width:768px){
  .box_pkg_slide {
    position: relative;
    z-index: 40;
    top: 0;
    margin: -15% auto 0;
  }

  .box_pkg_slide a {
    display: inline;
  }

  .box_pkg_slide a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    cursor: pointer;
  }

  /* ------------------------------
     loopSlider
  ------------------------------ */
  .box_pkg_slide .loopSliderWrap {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    height: 290px;
    overflow: hidden;
  }

  .box_pkg_slide > .loopSlider {
    margin: 0 auto;
    width: auto;
    height: 290px;
    text-align: left;
    position: relative;
    overflow: hidden;
  }

  .box_pkg_slide .loopSlider ul {
    height: 290px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    text-align: center;
  }

  .box_pkg_slide .loopSlider ul li {
    width: 192px;
    height: 290px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
  }

  /* ------------------------------
     CLEARFIX ELEMENTS
  ------------------------------ */
  .box_pkg_slide .loopSliderWrap:after {
      content: "";
      display: none;
      clear: none;
  }
}

@media screen and (max-width:640px){
  .box_pkg_slide {
    position: relative;
    z-index: 40;
    top: 0;
    margin: -17% auto 0;
  }

  .box_pkg_slide a {
    display: inline;
  }

  .box_pkg_slide a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    cursor: pointer;
  }

  /* ------------------------------
     loopSlider
  ------------------------------ */
  .box_pkg_slide .loopSliderWrap {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    height: 175px;
    overflow: hidden;
  }

  .box_pkg_slide > .loopSlider {
    margin: 0 auto;
    width: auto;
    height: 175px;
    text-align: left;
    position: relative;
    overflow: hidden;
  }

  .box_pkg_slide .loopSlider ul {
    height: 175px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    text-align: center;
  }

  .box_pkg_slide .loopSlider ul li {
    width: 115px;
    height: 175px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
  }

  /* ------------------------------
     CLEARFIX ELEMENTS
  ------------------------------ */
  .box_pkg_slide .loopSliderWrap:after {
      content: "";
      display: none;
      clear: none;
  }
}

/*　section01
--------------------------------------------------------------*/
.box_about {
  position: relative;
  z-index: 99;
  margin: -8% auto;
}

.box_about .box_bg img {
  width: 100%;
}

.box_about .section_inner {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 80%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* IE9以下用ハック */
  vertical-align: middle\9;
}

.box_about .section_inner .box_inner {
  position: relative;
  min-height: 540px;
}

.box_about .section_inner .box_inner .box_ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 62%;
  max-width: 628px;
}

.box_about .section_inner .box_inner .box_ttl img {
  width: 100%;
}

.box_about .section_inner .box_inner .box_txt {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 65%;
  padding: 20px 0;
  border-radius: 120px;
  background: #ffe9a8;
  color: #333;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5;
  text-align: left;
  overflow: hidden;
}

.box_about .section_inner .box_inner .box_txt .txt {
  margin-bottom: 20px;
  padding:0 10% 0 20%;
}

.box_about .section_inner .box_slide {
  position: relative;
}

.box_about .section_inner .box_slide img {
  width: 122px;
}

@media screen and (max-width:768px){
  .box_about {
    position: relative;
    z-index: 99;
    margin: -15% auto;
  }

  .box_about .box_bg img {
    width: 100%;
  }

  .box_about .section_inner {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* IE9以下用ハック */
    vertical-align: middle\9;
  }

  .box_about .section_inner .box_inner {
    position: relative;
    min-height: 660px;
  }

  .box_about .section_inner .box_inner .box_ttl {
    position: absolute;
    top: 5%;
    left: 10%;
    width: 80%;
    margin: 0 auto;
    max-width: auto;
  }

  .box_about .section_inner .box_inner .box_ttl img {
    width: 100%;
  }

  .box_about .section_inner .box_inner .box_txt {
    position: absolute;
    bottom: 0px;
    left: 10%;
    width: 80%;
    padding: 20px 0;
    border-radius: 180px;
    background: #ffe9a8;
    color: #333;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    text-align: left;
    overflow: hidden;
  }

  .box_about .section_inner .box_inner .box_txt .txt {
    margin-bottom: 20px;
    padding:0 10% 0 20%;
  }

  .box_about .section_inner .box_slide {
    position: relative;
  }

  .box_about .section_inner .box_slide img {
    width: 122px;
  }
}

@media screen and (max-width:640px){
  .box_about {
    position: relative;
    z-index: 99;
    margin: -15% auto -22%;
  }

  .box_about .box_bg img {
    width: 100%;
  }

  .box_about .section_inner {
    position: absolute;
    top: 42%;
    left: 50%;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* IE9以下用ハック */
    vertical-align: middle\9;
  }

  .box_about .section_inner .box_inner {
    position: relative;
    min-height: 540px;
  }

  .box_about .section_inner .box_inner .box_ttl {
    position: relative;
    top: 0;
    left: 0;
    width: 90%;
    margin: 0 auto;
    max-width: auto;
  }

  .box_about .section_inner .box_inner .box_ttl img {
    width: 100%;
  }

  .box_about .section_inner .box_inner .box_txt {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 30px 0 60px;
    margin: -20px auto;
    border-radius: 180px / 80px;
    background: #ffe9a8;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
    overflow: hidden !important;
  }

  .box_about .section_inner .box_inner .box_txt .inner {
   border-radius: 180px / 80px;
  }

  .box_about .section_inner .box_inner .box_txt .txt {
    margin-bottom: 20px;
    padding:0 22%;
  }

  .box_about .section_inner .box_inner .box_txt .txt br {
    display: none;
  }

  .box_about .section_inner .box_slide {

  }

  .box_about .section_inner .slide_loop {
    padding: 0 1%;
  }

  .box_about .section_inner .box_slide img {
    width: 90px;
    padding: 0 5px;
  }
}



/* =============================================================

　　Okinawa Area

============================================================= */

.okinawa_area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 390px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}

.okinawa_area .main_visual .box_title .box_img img {
  width: 390px;
}

.okinawa_area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -12% auto -14%;
}

.okinawa_area .box_area_itemlist .box01 {
  position: absolute;
  top: 6%;
}

.okinawa_area .box_area_itemlist .box02 {
  position: absolute;
  top: 28%;
}

.okinawa_area .box_area_itemlist .box03 {
  position: absolute;
  top: 50%;
}

.okinawa_area .box_area_itemlist .box04 {
  position: absolute;
  top: 72%;
}

.okinawa_area .box_area {
   margin: 6% auto -5%;
}

@media screen and (max-width:768px){
  .okinawa_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 395px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .okinawa_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 395px;
  }

  .okinawa_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -14% auto -22%;
  }

  .okinawa_area .box_area_itemlist .section_inner {
    position: absolute;
    width: 91.5%;
    max-width: 993px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
  }

  .okinawa_area .box_area_itemlist .box01 {
    position: absolute;
    top: 4%;
  }

  .okinawa_area .box_area_itemlist .box02 {
    position: absolute;
    top: 25.5%;
  }

  .okinawa_area .box_area_itemlist .box03 {
    position: absolute;
    top: 46.5%;
  }

  .okinawa_area .box_area_itemlist .box04 {
    position: absolute;
    top: 68%;
  }

  .okinawa_area .box_area {
     margin: 2% auto -5%;
  }
}

@media screen and (max-width:640px){
  .okinawa_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 279px;
    min-width: 250px;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }

  .okinawa_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 250px;
  }

 .okinawa_area .box_area_itemlist .section_inner {
    position: absolute;
    width: 100%;
    max-width: auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
  }

  .okinawa_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -33% auto -12%;
  }

  .okinawa_area .box_area_itemlist .box01 {
    position: absolute;
    top: 3%;
  }

  .okinawa_area .box_area_itemlist .box02 {
    position: absolute;
    top: 25.5%;
  }

  .okinawa_area .box_area_itemlist .box03 {
    position: absolute;
    top: 48.5%;
  }

  .okinawa_area .box_area_itemlist .box04 {
    position: absolute;
    top: 71%;
  }

  .okinawa_area .box_area {
     margin: -38% auto -5%;
  }
}

/* =============================================================

　　Hawaii Area

============================================================= */
.hawaii_area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 565px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}

.hawaii_area .main_visual .box_title .box_img img {
  width: 565px;
}

.hawaii_area .box_area_itemlist .box01 {
  position: absolute;
  top: 10%;
}

.hawaii_area .box_area_itemlist .box02 {
  position: absolute;
  top: 45%;
}

.hawaii_area .box_area {
   margin: -15% auto -5%;
}

@media screen and (max-width:768px){
  .hawaii_area .main_visual .box_title {
    position: absolute;
    z-index: 99;;
    width: 480px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }

  .hawaii_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 480px;
  }

  .hawaii_area .box_area_itemlist .section_inner {
    position: absolute;
    max-width: 993px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
  }

  .hawaii_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -18% auto -16%;
  }

  .hawaii_area .box_area_itemlist .box01 {
    position: absolute;
    top: 10%;
  }

  .hawaii_area .box_area_itemlist .box02 {
    position: absolute;
    top: 49%;
  }

  .hawaii_area .box_area {
     margin: 2% auto -5%;
  }
}

@media screen and (max-width:640px){
 .hawaii_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 326px;
    max-width: 326px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .hawaii_area .main_visual .box_title .box_img img {
    width: 326px;
    max-width: 100%;
    min-width: 326px;
  }

  .hawaii_area .box_area_itemlist .section_inner {
    position: absolute;
    width: 100%;
    max-width: auto;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
  }

  .hawaii_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -24% auto -18%;
  }

  .hawaii_area .box_area_itemlist .box01 {
    position: absolute;
    top: 6%;
  }

  .hawaii_area .box_area_itemlist .box02 {
    position: absolute;
    top: 50%;
  }

  .hawaii_area .box_area {
     margin: -12% auto -5%;
  }
}

/* =============================================================

　　Hokkaido Area

============================================================= */

.hokkaido_area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 399px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
}

.hokkaido_area .main_visual .box_title .box_img img {
  width: 399px;
}

.hokkaido_area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -12% auto -13%;
}

.hokkaido_area .box_area_itemlist .box01 {
  position: absolute;
  top: 7%;
}

.hokkaido_area .box_area_itemlist .box02 {
  position: absolute;
  top: 28.5%;
}

.hokkaido_area .box_area_itemlist .box03 {
  position: absolute;
  top: 50%;
}

.hokkaido_area .box_area_itemlist .box04 {
  position: absolute;
  top: 72%;
}

.hokkaido_area .box_area {
   margin: 6% auto -5%;
}

@media screen and (max-width:768px){
  .hokkaido_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 399px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .hokkaido_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 399px;
  }


  .hokkaido_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -14% auto -23%;
  }

  .hokkaido_area .box_area_itemlist .box01 {
    position: absolute;
    top: 5%;
  }

  .hokkaido_area .box_area_itemlist .box02 {
    position: absolute;
    top: 26%;
  }

  .hokkaido_area .box_area_itemlist .box03 {
    position: absolute;
    top: 47%;
  }

  .hokkaido_area .box_area_itemlist .box04 {
    position: absolute;
    top: 68%;
  }

  .hokkaido_area .box_area {
     margin: 0% auto -5%;
  }
}

@media screen and (max-width:640px){
  .hokkaido_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 280px;
    top: 37%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .hokkaido_area .main_visual .box_title .box_img img {
    width: 280;
    min-width: 100%;
  }

  .hokkaido_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -58% auto -14%;
  }

  .hokkaido_area .box_area_itemlist .box01 {
    position: absolute;
    top: 3%;
  }

  .hokkaido_area .box_area_itemlist .box02 {
    position: absolute;
    top: 25.5%;
  }

  .hokkaido_area .box_area_itemlist .box03 {
    position: absolute;
    top: 48%;
  }

  .hokkaido_area .box_area_itemlist .box04 {
    position: absolute;
    top: 71%;
  }

  .hokkaido_area .box_area {
     margin: -37% auto -5%;
  }
}


@media screen and (max-width:320px){
  .hokkaido_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 88%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }

  .hokkaido_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 0;
  }
}

/* =============================================================

　　Tochigi Area

============================================================= */

.tochigi_area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 405px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tochigi_area .main_visual .box_title .box_img img {
  width: 405px;
}

.tochigi_area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -10% auto -9%;
}

.tochigi_area .box_area_itemlist .box01 {
  position: absolute;
  top: 7%;
}

.tochigi_area .box_area_itemlist .box02 {
  position: absolute;
  top: 30%;
}

.tochigi_area .box_area {
   margin: -68% auto -2%;
}

@media screen and (max-width:768px){
  .tochigi_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 390px;
    top: 47%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .tochigi_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 390px;
  }

  .tochigi_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -20% auto -12%;
  }

  .tochigi_area .box_area_itemlist .box01 {
    position: absolute;
    top: 9%;
  }

  .tochigi_area .box_area_itemlist .box02 {
    position: absolute;
    top: 45%;
  }


  .tochigi_area .box_area {
     margin: -22% auto -5%;
  }
}

@media screen and (max-width:640px){
  .tochigi_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 80%;
    max-width: 279px;
    min-width: 279px;
    top: 46%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .tochigi_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 280px;
  }

  .tochigi_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -32% auto -12%;
  }

  .tochigi_area .box_area_itemlist .box01 {
    position: absolute;
    top: 4%;
  }

  .tochigi_area .box_area_itemlist .box02 {
    position: absolute;
    top: 45%;
  }

  .tochigi_area .box_area {
     margin: -39% auto -5%;
  }
}

/* =============================================================

　　Kyoto Area

============================================================= */

.kyoto_area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 412px;
  top: 42%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.kyoto_area .main_visual .box_title .box_img img {
  width: 412px;
}

.kyoto_area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -16% auto -11%;
}

.kyoto_area .box_area_itemlist .box01 {
  position: absolute;
  top: 12%;
}

.kyoto_area .box_area_itemlist .box02 {
  position: absolute;
  top: 51%;
}

.kyoto_area .box_area {
   margin: -8% auto -5%;
}

@media screen and (max-width:768px){
  .kyoto_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 413px;
    top: 46%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .kyoto_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 380px;
  }

  .kyoto_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -22% auto -22%;
  }

  .kyoto_area .box_area_itemlist .box01 {
    position: absolute;
    top: 12%;
  }

  .kyoto_area .box_area_itemlist .box02 {
    position: absolute;
    top: 50%;
  }

  .kyoto_area .box_area {
     margin: 2% auto -5%;
  }
}

@media screen and (max-width:640px){
  .kyoto_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 270px;
    min-width: 270px;
    top: 46%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .kyoto_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 270px;
  }

  .kyoto_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -30% auto -14%;
  }

  .kyoto_area .box_area_itemlist .box01 {
    position: absolute;
    top: 6%;
  }

  .kyoto_area .box_area_itemlist .box02 {
    position: absolute;
    top: 49%;
  }

  .kyoto_area .box_area {
     margin: -26% auto -5%;
  }
}

/* =============================================================

　　Setouchi Area

============================================================= */

.setouchi_area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 606px;
  top: 38%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.setouchi_area .main_visual .box_title .box_img img {
  width: 606px;
}

.setouchi_area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -21% auto -10%;
}

.setouchi_area .box_area_itemlist .box01 {
  position: absolute;
  top: 8%;
}

.setouchi_area .box_area_itemlist .box02 {
  position: absolute;
  top: 48%;
}

.setouchi_area .box_area {
   margin: -8% auto -5%;
}

@media screen and (max-width:768px){
  .setouchi_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 600px;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }

  .setouchi_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 580px;
  }

  .setouchi_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -30% auto -15%;
  }

  .setouchi_area .box_area_itemlist .box01 {
    position: absolute;
    top: 8%;
  }

  .setouchi_area .box_area_itemlist .box02 {
    position: absolute;
    top: 47%;
  }



  .setouchi_area .box_area {
     margin: 2% auto -5%;
  }
}

@media screen and (max-width:640px){
  .setouchi_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 100%;
    min-width: 280px;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }

  .setouchi_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 280px;
  }

  .setouchi_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -37% auto -12%;
  }

  .setouchi_area .box_area_itemlist .box01 {
    position: absolute;
    top: 6%;
  }

  .setouchi_area .box_area_itemlist .box02 {
    position: absolute;
    top: 52%;
  }


  .setouchi_area .box_area {
     margin: 0% auto -5%;
  }
}

/* =============================================================

　　Kyushu Area

============================================================= */

.kyushu_area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 606px;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.kyushu_area .main_visual .box_title .box_img img {
  width: 606px;
}

.kyushu_area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -14% auto -6%;
}

.kyushu_area .box_area_itemlist .box01 {
  position: absolute;
  top: 6%;
}

.kyushu_area .box_area_itemlist .box02 {
  position: absolute;
  top: 33%;
}

.kyushu_area .box_area_itemlist .box03 {
  position: absolute;
  top: 60%;
}


.kyushu_area .box_area {
   margin: -14% auto -2%;
}

@media screen and (max-width:768px){
  .kyushu_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 600px;
    top: 48%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }

  .kyushu_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 580px;
  }

  .kyushu_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -20% auto -19%;
  }

  .kyushu_area .box_area_itemlist .box01 {
    position: absolute;
    top: 8%;
  }

  .kyushu_area .box_area_itemlist .box02 {
    position: absolute;
    top: 35%;
  }

  .kyushu_area .box_area_itemlist .box03 {
    position: absolute;
    top: 62%;
  }

  .kyushu_area .box_area {
     margin: 2% auto -5%;
  }
}

@media screen and (max-width:640px){
  .kyushu_area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 100%;
    min-width: 280px;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }

  .kyushu_area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 280px;
  }

  .kyushu_area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -44% auto -12%;
  }

  .kyushu_area .box_area_itemlist .box01 {
    position: absolute;
    top: 3%;
  }

  .kyushu_area .box_area_itemlist .box02 {
    position: absolute;
    top: 33%;
  }

  .kyushu_area .box_area_itemlist .box03 {
    position: absolute;
    top: 63%;
  }

  .kyushu_area .box_area {
     margin: -25% auto -5%;
  }
}


/* =============================================================

　　Yamanashi Nagano Area

============================================================= */

.yamanashi-nagano-area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 600px;
  top: 44%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.yamanashi-nagano-area .main_visual .box_title .box_img img {
  width: 600px;
}

.yamanashi-nagano-area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -11% auto -11%;
}

.yamanashi-nagano-area .box_area_itemlist .box01 {
  position: absolute;
  top: 12%;
}

.yamanashi-nagano-area .box_area_itemlist .box02 {
  position: absolute;
  top: 51%;
}

.yamanashi-nagano-area .box_area {
   margin: -8% auto -5%;
}

@media screen and (max-width:768px){
  .yamanashi-nagano-area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 413px;
    top: 58%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .yamanashi-nagano-area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 380px;
  }

  .yamanashi-nagano-area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -8% auto -22%;
  }

  .yamanashi-nagano-area .box_area_itemlist .box01 {
    position: absolute;
    top: 12%;
  }

  .yamanashi-nagano-area .box_area_itemlist .box02 {
    position: absolute;
    top: 50%;
  }

  .yamanashi-nagano-area .box_area {
     margin: 2% auto -5%;
  }
}

@media screen and (max-width:640px){
  .yamanashi-nagano-area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 270px;
    min-width: 270px;
    top: 48%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .yamanashi-nagano-area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 270px;
  }

  .yamanashi-nagano-area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -26% auto -14%;
  }

  .yamanashi-nagano-area .box_area_itemlist .box01 {
    position: absolute;
    top: 6%;
  }

  .yamanashi-nagano-area .box_area_itemlist .box02 {
    position: absolute;
    top: 49%;
  }

  .yamanashi-nagano-area .box_area {
     margin: -26% auto -5%;
  }
}


/* =============================================================

　　Hakone Area

============================================================= */

.hakone-area .main_visual .box_title {
  position: absolute;
  z-index: 99;
  width: 600px;
  top: 44%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hakone-area .main_visual .box_title .box_img img {
  width: 520px;
}

.hakone-area .box_area_itemlist {
  position: relative;
  z-index: 99;
  margin: -11% auto -11%;
}

.hakone-area .box_area_itemlist .box01 {
  position: absolute;
  top: 12%;
}

.hakone-area .box_area_itemlist .box02 {
  position: absolute;
  top: 51%;
}

.hakone-area .box_area {
   margin: -8% auto -5%;
}

@media screen and (max-width:768px){
  .hakone-area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 413px;
    top: 58%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .hakone-area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 304px;
  }

  .hakone-area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -8% auto -22%;
  }

  .hakone-area .box_area_itemlist .box01 {
    position: absolute;
    top: 12%;
  }

  .hakone-area .box_area_itemlist .box02 {
    position: absolute;
    top: 50%;
  }

  .hakone-area .box_area {
     margin: 2% auto -5%;
  }
}

@media screen and (max-width:640px){
  .hakone-area .main_visual .box_title {
    position: absolute;
    z-index: 99;
    width: 270px;
    min-width: 270px;
    top: 48%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .hakone-area .main_visual .box_title .box_img img {
    width: 100%;
    min-width: 270px;
  }

  .hakone-area .box_area_itemlist {
    position: relative;
    z-index: 99;
    margin: -26% auto -14%;
  }

  .hakone-area .box_area_itemlist .box01 {
    position: absolute;
    top: 6%;
  }

  .hakone-area .box_area_itemlist .box02 {
    position: absolute;
    top: 49%;
  }

  .hakone-area .box_area {
     margin: -26% auto -5%;
  }
}