@charset "UTF-8";
/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
/*************************************/
/*theme*/
/*このLPでのみ使用しているものをここにまとめています
色や背景の設定も全てここで変更してください*/
/*************************************/
body {
/*font-family: 'Yu Gothic', YuGothic, sans-serif;*/ }

#page-top {
  z-index: 99; }

#page-top p {
  background-color: #FFF;
  border-radius: 80px; }
  #page-top p a {
    width: 80px;
    height: 80px;
    border-radius: 80px; }

#move-page-top {
  color: #f8b500;
  border: #f8b500 1px solid;
  transition: all 0.3s; }

#move-page-top:hover {
  color: #FFF;
  background-color: #f8b500; }

.font_08 {
  font-size: 0.8em; }

.font_07 {
  font-size: 0.7em; }

/**フェードインアニメーション**/
.fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.8s; }

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

/* 右上固定メニュー ///////////////////////*/
.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-close {
  background-color: #CCC; }

.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 !important; }

.l_page-header .l_inner {
  padding: 0; }

.m_topicPath {
  z-index: 1; }

.l_page-header .l_inner .m_topicPath ul li {
  color: #FFF; }

.l_page-header .l_inner .m_topicPath ul li a {
  color: #FFF;
  text-decoration: underline; }
  .l_page-header .viewer {
    font-family: 'Yu Gothic', YuGothic, sans-serif; }

.l_page-header .viewer .m_title-heading{
  padding: 0 1em;
  line-height: 1.8;
}
.l_page-header .viewer h1 {
  margin: auto;
  padding: 0.5em 0 ;
  max-width: 400px;
  width: 74%; }
  .l_page-header .viewer .thankyou {
    background-color: #e94709;
    color: #FFF;
    padding: 5px 10px;
    margin: 1em 0;
    font-size: 0.9em;
  }
  .l_page-header .viewer h2 {
    font-family: 'Yu Gothic', YuGothic, sans-serif;
    line-height: 1.6;
    margin-top: 1em;
    font-size: 1.3em;
  }
  .l_page-header .viewer p {
    font-size: 1.05em;
    margin: 1em 0 2em;
  }
.l_page-header .header_menu li {
  text-align: center;
  font-size: 1.15em; }
  .l_page-header .header_menu li a {
    display: block;
    padding: 5px 0;
    background-color: #f8b500;
    color: #FFF;
    border-bottom: 1px solid #FFF; }

/* mainContent///////////////////////*/
/* middle_area ///////////////////////*/
/***Tour***/
#middle-area .l_page-content {
  width: 100%;
  overflow: hidden; }
  #middle-area .l_page-content section {
    margin: 1.5em 0; }
  #middle-area .l_page-content h2 {
    font-size: 1.3em;
    text-align: center;
    padding: 1em 0 1.5em; }

#middle-area .l_page-content #Tour .uk-grid-small > * {
  padding: 25px 15px 0; }

#middle-area .l_page-content #Tour h2 {
  padding: 0 0 1.5em; }
#middle-area .l_page-content #Tour ul {
  margin: 0;
  padding: 0; }

#middle-area .l_page-content #Tour ul li {
  position: relative; }
  #middle-area .l_page-content #Tour ul li a {
    color: #111; }


#middle-area .l_page-content #Tour ul li .icon {
  position: absolute;
  bottom: 10px;
  right: 30px; }

#middle-area .l_page-content #Tour dl {
  background-color: #FFF;
  padding: 10px;
  overflow: hidden;
  border: 1px solid #ddd;
  box-shadow: 0 3px 3px #ddd; }
  #middle-area .l_page-content #Tour dl dt img, #middle-area .l_page-content #Tour dl dt h3{
    float: left; }
  #middle-area .l_page-content #Tour dl dt img {
    width: 38%; }
    #middle-area .l_page-content #Tour dl dt h3 {
      margin-left: 4%;
      width: 57%;
      color: #f8b500;
      font-size: 1.2em;
      margin-bottom: 5px; }
    #middle-area .l_page-content #Tour dl dd{
      clear: both;
      padding-top: 5px;
    }
  #middle-area .l_page-content #Tour dl dd .price_box{
    text-align: center;
  }
  #middle-area .l_page-content #Tour dl dd .price{
    display: inline-block;
    font-weight: bold;
    color: #e94709;
    font-size: 1.1em;
  }
  #middle-area .l_page-content #Tour dl dd .price_room{
  display: inline-block;
  margin-left: 5px;
  font-size: 0.8em;
}


/* 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 {
    overflow: hidden;
    margin: 0;
    font-family: 'Yu Gothic', YuGothic, sans-serif;
    background: url(../img/top_img01.jpg) no-repeat bottom center;
    background-size: cover;
    z-index: -2;
    position: relative; }

  .l_page-header .viewer h1 {
    margin: auto;
    padding: 0.5em 0;
    max-width: 250px; }
    .l_page-header .viewer .ttl_box{
      background: rgba(255, 255, 255, 0.78);
        width: 70%;
      margin: 2em auto 2em;
      padding-top: 0.05em;
      padding-bottom: 0.2em;
      border-radius: 10px;
      box-shadow: 0.5em 0.3em 1em #333;
    }
    .l_page-header .viewer h2 {
      font-size: 1.5em;
    }
    .l_page-header .viewer p {
      font-size: 1.15em;
      width: 490px;
      margin: 1em auto 3em;
    }
  .l_page-header .header_menu li a {
    padding: 10px 0; }

  /***Tour***/
  #middle-area .l_page-content #Tour .uk-grid-small > * {
    padding: 40px 15px 0; }


  #middle-area .l_page-content #Tour dl {
    background-color: #FFF;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 2px 3px #CCC;
    height: 100%; }
    #middle-area .l_page-content #Tour dl dt img, #middle-area .l_page-content #Tour dl dt h3 {
      float: none; }
    #middle-area .l_page-content #Tour dl dt img{
      width: 100%; }
    #middle-area .l_page-content #Tour dl dt h3{
      margin: 10px 0 0;
      width: 100%; }
    #middle-area .l_page-content #Tour dl dd {
      margin-top: 0;
      margin-left: 0;
      width: 100%; }
      #middle-area .l_page-content #Tour dl dd h3 {
        font-size: 1.15em; }

  /***Sightseeing***/
  #Sightseeing ul li:first-child {
    margin-top: 1em;
    margin-top: 20px;
  }
  #Sightseeing ul li .uk-accordion-content {
    display: block !important;
  }
  #Sightseeing ul li span.plus_icon{
    display: none;
  }

  /***Train***/
  #middle-area .l_page-content #Train .train_box {
    margin-bottom: 15px; }

  /* ///////////////////////*/
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/ }
/* < 　PC用 */
@media screen and (min-width: 64em) {
  /* header内設置要素 ///////////////////////*/
  .l_page-header .l_inner {
    width: 100% !important;
   }
    .l_page-header .l_inner .m_topicPath_inner {
      position: relative;
      width: 1120px;
      margin: auto;
      font-size: 1.3em; }

      .l_page-header .viewer {
      background-attachment: fixed;
    }
  .l_page-header .viewer h1 {
    margin-top: 2em;
    max-width: 350px; }
    .l_page-header .viewer h2 {
      font-size: 1.7em;
    }
    .l_page-header .viewer p {
      padding-bottom: 2em;
    }

    .l_page-header .viewer .ttl_box{
      width: 50%;
      max-width: 700px;
      margin: 5em auto 5em;
      padding-top: 0;
      padding-bottom: 0;
    }

  .l_page-header .header_menu {
    background-color: #f8b500;
    margin-bottom: 40px; }
    .l_page-header .header_menu ul {
      width: 1120px;
      margin: auto; }
      .l_page-header .header_menu ul li:first-child {
        margin-left: -15px; }
      .l_page-header .header_menu ul a {
        font-size: 1.2em;
        padding: 20px;
        transition: all 0.3s ease; }
      .l_page-header .header_menu ul a:hover {
        background-color: #c68d00; }

        .l_page-header .viewer p {
          width: 550px;
        }
  #middle-area .l_page-content section {
    margin: 2em 0; }
  #middle-area .l_page-content h2 {
    font-size: 1.7em; }

  /***Tour***/
  #middle-area .l_page-content #Tour a {
    text-decoration: none; }

  #middle-area .l_page-content #Tour a dl {
    transition: all 0.3s ease; }

  #middle-area .l_page-content #Tour a:hover dl {
    background-color: #effaff; }

  #middle-area .l_page-content #Tour dl {
    padding: 15px; }
    #middle-area .l_page-content #Tour dl dt {
    text-align: center;}
    #middle-area .l_page-content #Tour dl dt {
      overflow: hidden; }
      #middle-area .l_page-content #Tour dl dt img {
        width: 60%;
        margin: auto;
        margin-bottom: 10px;
        transition: all 0.3s ease; }
    #middle-area .l_page-content #Tour dl dd {
      font-size: 1.1em; }
  #middle-area .l_page-content #Tour dl dd .tour_box_info {
    font-size: 0.9em;
    margin-bottom: 5px;
  }

  #middle-area .l_page-content #Tour a:hover dl dt img {
    transform: scale(1.1); }

  /***Sightseeing***/
  #middle-area .l_page-content #Sightseeing h3 {
    font-size: 1.6em; }
  #Sightseeing ul li a:hover img{
    opacity: 1;
  }

  /***Train***/
  #middle-area .l_page-content #Train .Train_bnr_area {
    width: 90%;
    margin: auto; }

  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/ }
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/

/*# sourceMappingURL=theme.css.map */