@charset "UTF-8";
/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
/*************************************/
/*theme*/
/*このLPでのみ使用しているものをここにまとめています
色や背景の設定も全てここで変更してください*/
/*************************************/
#page-top {
  z-index: 99;
}
#page-top p {
  background-color: #FFF;
}

#move-page-top {
  color: #0096df;
  border: #0096df 1px solid;
}
#move-page-top:hover {
  background-color: #0096df;
  color: #FFF;
  border: #0096df 1px solid;
}

a:hover img {
  opacity: 1;
}

.font_08{
  font-size: 0.8em;
}
.font_07{
  font-size: 0.7em;
}
.align_center{
  text-align: center;
}
.red{
  color: #C00;
  font-weight: bold;
}
/* 右上固定メニュー ///////////////////////*/
.nav_menu{
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.nav_menu .menu_button{
  background-color: #FFF;
  border: 1px solid #CCC;
  padding: 10px;
  height: 50px;
  z-index: 2000;
}
.uk-offcanvas-bar {
  background: #FFF;
  line-height: 2;
}
.uk-offcanvas-bar a{
    color: #333;
}
.uk-offcanvas-bar a h3{
    color: #333;
    margin: 1em 0;
}
.uk-offcanvas-bar ul{
  margin-left: 1em;
}

/* header内設置要素 ///////////////////////*/
.l_page-header{
	z-index:-9999;
  margin: 0 auto 10px auto !important;
  max-width: 1600px;
	/*background:url(../img/top01.jpg) no-repeat 50% 100%;
  background-size:200%;*/
	}

.l_page-header .l_inner .m_topicPath ul li{
	color:#FFF;
	}
.l_page-header .l_inner .m_topicPath ul li a{
	color:#FFF;
	}
.l_page-header .l_inner .m_topicPath ul li a:hover{
	text-decoration:underline;
	}

.l_page-header .viewer{
  background-size:cover;
  background-position:center;
  overflow: hidden;
  margin: -1em 0 0 0;
}
.l_page-header .smt_top{
  background: #0097e0;
  z-index:-9999;
}
.l_page-header h1{
  background: #FFF;
  padding: 0.2em;
  width: 75%;
  margin: 1.5em auto 7em;
  z-index: 100;
}
.l_page-header .tour_map{
  margin: -4em auto 20px;
}
/* tour_box ///////////////////////*/
.tour_map{
  margin: 0 auto 20px;
  max-width: 250px;
}
h2{
  font-size: 1.3em;
  border-bottom: 2px solid #333;
  padding: 10px;
  margin: 0 0 20px;
}
.tour_box ul{
  padding: 0 10px;
}
.tour_box ul.uk-grid-small {
    margin-left: -10px;
}
.tour_box ul li{
  margin-bottom: 10px !important;
  padding-left: 10px;
}
.tour_box ul li{
  margin-bottom: 10px !important;
  padding-left: 10px;
}
.tour_box ul li a{
  display: block;
  text-align: center;
  padding: 1em;
  font-weight: bold;
  overflow: hidden;
}
.tour_box ul li a i{
  float: right;
}
.tour_box ul.tour_kansai li.tour_shinai a{
  color: #ec79a0;
  border: 3px solid #ec79a0;
}
.tour_box ul.tour_kansai li.tour_aso a{
  color: #e99f0b;
  border: 3px solid #e99f0b;
}
.tour_box ul.tour_kansai li.tour_amakusa a{
  color: #66c5d6;
  border: 3px solid #66c5d6;
}
.tour_box ul.tour_kansai li.tour_other a{
  color: #88c997;
  border: 3px solid #88c997;
}
/* middle_area ///////////////////////*/
#middle-area section{
  padding-bottom: 30px;
  margin: 0;
}
#middle-area .l_page-content{
	width:100%;
	margin:0 auto 3% auto;
	overflow:hidden;
	}
/* Map ///////////////////////*/

/* Gokan ///////////////////////*/
#middle-area #Gokan h3{
  max-width: 260px;
  margin: auto;
}
#middle-area #Gokan h4 span{
  font-size: 0.9em;
  font-weight: normal;
}
/*背景 縦長長方形*/
#middle-area #Gokan .gokan_area{
  position: relative;
}
#middle-area #Gokan .gokan_bg{
  position: absolute;
  width: 80%;
  height: 80%;
  z-index: -1000;
  top:10em;
}
/*gokan_spot*/
#middle-area #Gokan ul.gokan_spot{
  overflow: hidden;
}
#middle-area #Gokan ul.gokan_spot li{
  width: 88%;
  margin-bottom: 1em;
}
#middle-area #Gokan ul.gokan_spot li:nth-child(odd){
  float: left;
}
#middle-area #Gokan ul.gokan_spot li:nth-child(even){
  float: right;
}
#middle-area #Gokan ul.gokan_spot li dd{
  line-height: 1.8;
  font-size: 0.8em;
  padding: 0 5px;
}
#middle-area #Gokan ul.gokan_spot li dd h4{
  padding: 0.5em 0;
}
#middle-area #Gokan ul.gokan_spot li dd h4{
  padding: 0.5em 0;
}
#middle-area #Gokan ul.gokan_spot li dd .Insite_page_link{
  text-align: right;
}
#middle-area #Gokan ul.gokan_spot li dd .Insite_page_link a{
  text-decoration: underline;
}
/*gokan_btn*/
#middle-area #Gokan ul.gokan_spot li dd .gokan_btn{
  text-align: center;
  margin: 1em 0;
}
#middle-area #Gokan ul.gokan_spot li dd .gokan_btn a{
  padding: 10px 20px;
  color: #FFF;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}
/*色設定*/
#middle-area #Gokan .onsen .gokan_btn a{
  background-color: #e84388;
}
#middle-area #Gokan .onsen .gokan_bg{
  background-color: #ffe3ef;
  right: 0;
}
#middle-area #Gokan .gourmet .gokan_btn a{
  background-color: #e60012;
}
#middle-area #Gokan .gourmet .gokan_bg{
  background-color: #fcd3ca;
  left: 0;
}
#middle-area #Gokan .zekkei .gokan_btn a{
  background-color: #009d3b;
}
#middle-area #Gokan .zekkei .gokan_bg{
  background-color: #dcffe9;
  right: 0;
}
#middle-area #Gokan .iseki .gokan_btn a{
  background-color: #636363;
}
#middle-area #Gokan .iseki .gokan_bg{
  background-color: #ececec;
  left: 0;
}
#middle-area #Gokan .fureai .gokan_btn a{
  background-color: #fabe00;
}
#middle-area #Gokan .fureai .gokan_bg{
  background-color: #fff5d6;
  right: 0;
}

/* Option ///////////////////////*/
#middle-area #Option .option_area{
  font-size: 0.85em;
  padding: 10px;
}
#middle-area #Option .option_h3{
  text-align: center;
}
#middle-area #Option h3{
  width: 80%;
  text-align: center;
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
#middle-area #Option h3:before, #middle-area #Option h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #999;
}
#middle-area #Option h3:before {  left:0; }
#middle-area #Option h3:after { right: 0; }
#middle-area #Option .option_box{
  margin-bottom: 2em;
}
#middle-area #Option .option_img, #middle-area #Option .option_ul{
  padding: 10px 0;
}
#middle-area #Option .option_ul li{
  padding-left: 10px;
}
#middle-area #Option .option_ul li h4{
  font-size: 1em;
  padding-left: 10px;
  margin-left: -10px;
  border-left: 3px solid #111;
}
/*option_btn*/
#middle-area #Option .option_btn{
  text-align: center;
  margin: 0.5em 0;
}
#middle-area #Option .option_btn a{
  padding: 10px 20px;
  color: #FFF;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  background-color: #0096df;
}
#middle-area #Option .option_btn2{
  text-align: center;
  margin: 2em 0;
}
#middle-area #Option .option_btn2 a{
  padding: 10px 20px;
  color: #FFF;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  background-color: #0057b9;
}

/* Train ///////////////////////*/
#middle-area #Train .uk-grid-large{
  margin-left: 0px;
}
#middle-area #Train .train_area{
  font-size: 0.85em;
  padding: 10px;
}
#middle-area #Train .train_h3{
  text-align: center;
}
#middle-area #Train h3{
  width: 70%;
  text-align: center;
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
#middle-area #Train h3:before, #middle-area #Train h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #999;
}
#middle-area #Train h3:before {  left:0; }
#middle-area #Train h3:after { right: 0; }
/*.train_photo*/
#middle-area #Train .train_area .train_photo{
  margin: 10px 0;
  height: 16em;
  position: relative;
}
#middle-area #Train .train_area .train_photo li{
  position: absolute;
}
#middle-area #Train .train_area .train_photo li:first-child{
  left: 0;
  top:0;
  z-index: -15;
  width: 65%;
}
#middle-area #Train .train_area .train_photo li:nth-child(2){
  right: 0;
  bottom:0;
  z-index: -10;
  width: 45%;
}
/*train_btn*/
#middle-area #Train .train_area dl dd .train_btn{
  text-align: center;
  margin: 1.5em 0;
}
#middle-area #Train .train_area dl dd .train_btn a{
  padding: 10px 20px;
  color: #FFF;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  background-color: #0096df;
}
/*btn_kankouressha*/
#middle-area #Train .train_area dl dd .btn_kankouressha a{
  display: block;
  text-decoration: none;
  width: 80%;
  border: 3px solid #d6bd78;
  text-align: center;
  color: #333;
  font-size: 1.2em;
  margin: 1.5em auto;
}
#middle-area #Train .train_area dl dd .btn_kankouressha a img{
  max-width: 60%;
}
/* footer内設置要素 ///////////////////////*/
.cation{
  clear: both;
  margin: 2% 10px 0;
  color: #000;
}
.l_page-footer {
  background-color: #fff;
}
.global_form_find01{
  height: 14em;
}
.global_dl_call01 dd{
  height: 14em;
}
.m-relationLink ul.uk-flex{
  margin: 0;
}
*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
    margin-top: 0 !important;
}
/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
/******************************************************************************************/
/******************************************************************************************/
/*Media Queries****************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/* < iPad  */
@media screen and (min-width: 35.5em) {
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
    /* header内設置要素 ///////////////////////*/
    .l_page-header .viewer{
    background-size:cover;
    background-position:center;
    overflow: hidden;
    margin: -1em 0 0 0;
    }
    .l_page-header .smt_top{
    background: #FFF;
    z-index:-9999;
    }
    .l_page-header h1{
    background: #FFF;
    padding: 0.2em;
    width: 65%;
    margin: 1.2em auto 7em;
    z-index: 100;
    }
    .l_page-header .pagetop_navi{
      margin: 2em 0 3em;
    }
    .l_page-header .pagetop_navi li{
      font-size: 0.9em;
      text-align: center;
      padding-bottom: 1em;
    }
    .l_page-header .pagetop_navi li a{
      color: #333;
    }
    .l_page-header .tour_map{
      margin: 0 auto;
    }
    /* Gokan ///////////////////////*/
    #middle-area #Gokan h3{
      max-width: 280px;
      margin: auto;
    }
    /*背景 縦長長方形*/
    #middle-area #Gokan .gokan_bg{
      width: 70%;
      height: 60%;
      top:10em;
      margin: 0 30px;
    }
    /*gokan_spot*/
    #middle-area #Gokan ul.gokan_spot li{
      width: 48%;
    }
    #middle-area #Gokan ul.gokan_spot li:nth-child(even){
      margin-top: 100px;
    }
    #middle-area #Gokan ul.gokan_spot li dd{
      font-size: 1em;
    }

    /* Option ///////////////////////*/
    #middle-area #Option .option_area{
      font-size: 1em;
    }
    #middle-area #Option .option_box{
      margin-bottom: 3em;
    }
    #middle-area #Option h3{
      max-width: 350px;
    }
    #middle-area #Option #option_shuyu{
      margin-bottom: 0;
    }
    #middle-area #Option .option_shuyu{
      font-size: 0.85em;
    }
    #middle-area #Option .uk-width-1-1 .option_btn2 {
    margin: 1em 0 3em;
}
    /* Train ///////////////////////*/
    #middle-area #Train h3{
      max-width: 300px;
    }
#middle-area #Train .train_area .train_photo {
    margin: 10px auto;
    width: 75%;
    height: 23em;
    position: relative;
}
#middle-area #Train .train_area dl dd .btn_kankouressha a {
  max-width: 300px;
    margin: 2em auto 1.5em;
}
*+.l_page-footer .uk-grid-margin, .l_page-footer .uk-grid+.uk-grid, .l_page-footer .uk-grid>.uk-grid-margin {
    margin-top: 10px !important;
}
  /* ///////////////////////*/
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
}
/* < 　PC用 */
@media screen and (min-width: 62em) {
  .l_page-header .viewer{
    height: 100%;
    background-position: bottom;
  }
  .l_page-header h1{
  max-width: 550px;
  margin: 0 auto;
  }

.l_page-header .pagetop_navi{
    margin: 3em 0 0;
  }
  .l_page-header .pagetop_navi li{
    font-size: 1.1em;
  }
  .l_page-header .pagetop_navi li i{
    width: 100%;
  }


.l_page-header .PageTop_area{
      position: relative;
    }
  .l_page-header .tour_map{
    position: absolute;
    top: 30%;
    left: 25%;
  }

.uk-offcanvas-bar a:hover{
    color: #999;
    text-decoration: none;
}


  /* tour_box ///////////////////////*/
.tour_map{
  max-width: 300px;
}
.tour_box ul li a {
  font-size: 1.2em;
  text-decoration: none;
}
.tour_box ul.tour_kansai li.tour_shinai a:hover{
  background-color: #ec79a0;
  color: #FFF;
}
.tour_box ul.tour_kansai li.tour_aso a:hover{
  background-color: #e99f0b;
  color: #FFF;
}
.tour_box ul.tour_kansai li.tour_amakusa a:hover{
  background-color: #66c5d6;
  color: #FFF;
}
.tour_box ul.tour_kansai li.tour_other a:hover{
  background-color: #88c997;
  color: #FFF;
}

#middle-area .l_page-content{
  max-width: 1200px;
  margin: auto;
}
h2 {
    font-size: 1.5em;
}

/* Gokan ///////////////////////*/
#middle-area #Gokan h3{
  max-width: 400px;
}
/*gokan_spot*/
#middle-area #Gokan ul.gokan_spot li{
  width: 47%;
}
#middle-area #Gokan ul.gokan_spot li:nth-child(even){
  margin-top: 10em;
}
#middle-area #Gokan ul.gokan_spot li:nth-child(3),
#middle-area #Gokan ul.gokan_spot li:nth-child(4){
  margin-top: 2em;
}
#middle-area #Gokan .gokan_bg{
  left: 0 !important;
  width: 70%;
  height: 75%;
  top:12em;
  margin: 0 0 0 15%;
}
#middle-area #Gokan ul.gokan_spot li dd{
  padding: 0 15px;
}
/*gokan_btn*/
#middle-area #Gokan ul.gokan_spot li dd .gokan_btn{
  margin: 1.5em 0;
}
#middle-area #Gokan ul.gokan_spot li dd .gokan_btn a{
  padding: 1em 2em;
  font-size: 1.1em;
}
/*色設定*/
#middle-area #Gokan .onsen .gokan_btn a:hover{
  color: #e84388;
  border: 1px solid #e84388;
  background-color: #FFF;
}
#middle-area #Gokan .gourmet .gokan_btn a:hover{
  color: #e60012;
  border: 1px solid #e60012;
  background-color: #FFF;
}
#middle-area #Gokan .zekkei .gokan_btn a:hover{
  color: #009d3b;
  border: 1px solid #009d3b;
  background-color: #FFF;
}
#middle-area #Gokan .iseki .gokan_btn a:hover{
  color: #636363;
  border: 1px solid #636363;
  background-color: #FFF;
}
#middle-area #Gokan .fureai .gokan_btn a:hover{
  color: #fabe00;
  border: 1px solid #fabe00;
  background-color: #FFF;
}

/* Option ///////////////////////*/
#middle-area #Option .option_box{
  border: 5px solid #ddd;
  height: 95%;
  margin-bottom: 0;
  padding: 20px;
  /*box-shadow: 0 0 8px #CCC;*/
}
#middle-area #Option .option_btn {
    text-align: center;
    margin: 0.5em 0 2.5em;
}
#middle-area #Option .option_shuyu {
    font-size: 1em;
}
#middle-area #Option .option_btn a:hover{
  border: 1px solid #0096df;
  background-color: #FFF;
  color: #0096df;
}
#middle-area #Option #option_shuyu .uk-width-1-1 {
  padding-bottom: 5em;
}
#middle-area #Option #option_shuyu .option_btn2 {
  margin: 1.5em 0 0;
}
#middle-area #Option .option_btn2 a{
  padding: 1em 2em;
  font-size: 1.1em;
}
#middle-area #Option .option_btn2 a:hover{
  color: #0057b9;
  border: 1px solid #0057b9;
  background-color: #FFF;
}

/* Train ///////////////////////*/
#middle-area #Train .uk-grid-large{
  margin-left: -40px;
}
  #middle-area #Train .train_area{
      font-size: 1em;
      padding: 20px;
    }
    #middle-area #Train h3{
      max-width: 270px;
    }
    #middle-area #Train .train_area .train_photo {
    width: 100%;
    height: 23em;
}
/*train_btn*/
#middle-area #Train .train_area dl dd .train_btn{
  text-align: center;
  margin: 1.5em 0;
}
#middle-area #Train .train_area dl dd .train_btn a{
  padding: 1em 2em;
  font-size: 1.1em;
}
#middle-area #Train .train_area dl dd .train_btn a:hover{
  color: #0096df;
  border: 1px solid #0096df;
  background-color: #FFF;
}
#middle-area #Train .train_area dl dd .btn_kankouressha a:hover {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
}
@media screen and (min-width: 66em) {
.l_page-header .tour_map{
  left: 30%;
}}
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/