@charset "UTF-8";
/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
/*************************************/
/*theme*/
/*このLPでのみ使用しているものをここにまとめています
色や背景の設定も全てここで変更してください*/
/*************************************/
.summerLP {
  background: url(../image/bg_header_summer.png) top center no-repeat;
  background-size: contain;
  color: #383838; }
  .summerLP h1, .summerLP h2, .summerLP h3, .summerLP h4, .summerLP h5, .summerLP h6 {
    color: #383838; }

figure * img {
  vertical-align: top;
  height: auto; }

.l_page-wrapper {
  position: relative; }

#page-top {
  height: 120px;
  z-index: 999; }

#move-page-top {
  display: block;
  width: 80px;
  height: 120px;
  padding: 0; }

.uk-grid {
  margin-left: 0; }

.uk-navbar-nav > li > a {
  height: 3em; }

.l_area-subContent {
  display: none; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.5em; }

.txtLong {
  font-size: 88%; }

.lines {
  background: -webkit-linear-gradient(transparent 60%, #a0e2ff 60%);
  background: linear-gradient(transparent 60%, #a0e2ff 60%); }

/* header内設置要素 ///////////////////////*/
.l_page-header {
  width: 1120px; }
  .l_page-header .l_inner .header-mainBlock {
    display: table;
    padding-top: 1.5em; }
    .l_page-header .l_inner .header-mainBlock .m_area-title, .l_page-header .l_inner .header-mainBlock .body-mainImage {
      display: table-cell; }
    .l_page-header .l_inner .header-mainBlock .m_area-title {
      vertical-align: top; }
      .l_page-header .l_inner .header-mainBlock .m_area-title .m_title-heading {
        margin-bottom: 0.1em; }
        .l_page-header .l_inner .header-mainBlock .m_area-title .m_title-heading .m_title-sub {
          background-color: #fff;
          display: inline-block;
          padding: 0.1em 0.5em;
          margin-top: 0.25em;
          -webkit-transform: rotate(-3deg);
          -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
          box-shadow: 5px 5px; }
        .l_page-header .l_inner .header-mainBlock .m_area-title .m_title-heading > a {
          margin: 0.2em 0 0 1em;
          display: block; }
      .l_page-header .l_inner .header-mainBlock .m_area-title > .m_summary {
        margin-left: 4em;
        font-weight: bold; }
  .l_page-header .l_inner .m_sns {
    left: 4em;
    bottom: 4.5em; }

/* page-content///////////////////////*/
.l_page-content {
  background-color: #efe6ce; }
  .l_page-content .m-area-nav {
    background-color: #1f50a2; }
    .l_page-content .m-area-nav .mainNav {
      background-color: #1f50a2;
      width: 1120px;
      margin: 0 auto; }
      .l_page-content .m-area-nav .mainNav ul {
        width: 96%; }
        .l_page-content .m-area-nav .mainNav ul li {
          text-align: center;
          min-width: 16.5%; }
          .l_page-content .m-area-nav .mainNav ul li a {
            font-weight: bold;
            font-size: 1.25em;
            color: #fff; }
            .l_page-content .m-area-nav .mainNav ul li a:hover {
              background-color: #85d0f3;
              color: #383838; }
        .l_page-content .m-area-nav .mainNav ul li.uk-active > a {
          border-right: 1px #1f50a2 solid;
          border-left: 1px #1f50a2 solid;
          color: #383838;
          background-color: #fff; }
          .l_page-content .m-area-nav .mainNav ul li.uk-active > a span {
            background: -webkit-linear-gradient(transparent 60%, #a0e2ff 60%);
            background: linear-gradient(transparent 60%, #a0e2ff 60%); }
          .l_page-content .m-area-nav .mainNav ul li.uk-active > a:hover {
            background-color: #fff; }

/* mainContent///////////////////////*/
.l_area-mainContent {
  margin-top: 1em; }

.body-contents {
  padding: 1em 0.5em 0.5em; }

.mainContent {
  width: 100%; }
  .mainContent .area-contents {
    height: 100%; }
    .mainContent .area-contents .m_area-title {
      margin-bottom: 1.5em; }

/* トップページのみ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.topPage .mainContent {
  margin-top: -2em; }
  .topPage .mainContent .body-contents {
    padding: 1em; }
  .topPage .mainContent .m_area-title {
    margin-bottom: 1.5em;
    line-height: 1.8;
    background: -webkit-linear-gradient(transparent 60%, #a0e2ff 60%);
    background: linear-gradient(transparent 60%, #a0e2ff 60%); }
  .topPage .mainContent .area-contents .m_area-title {
    position: relative;
    background: #1f50a2;
    width: 50%;
    margin: 3em auto;
    text-align: center; }
    .topPage .mainContent .area-contents .m_area-title:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(31, 80, 162, 0);
      border-top-color: #1f50a2;
      border-width: 25px;
      margin-left: -25px; }
    .topPage .mainContent .area-contents .m_area-title h2 {
      line-height: 2em;
      padding: 0 0.5em;
      display: inline-block;
      letter-spacing: 0.1em;
      color: #fff; }
  .topPage .mainContent .topMenu ul li {
    padding: 0 1em 1em; }
    .topPage .mainContent .topMenu ul li > a {
      display: block;
      width: 100%; }

/* 方面ページのみ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.uk-button {
  border-radius: 5px;
  background-color: #ffe94c;
  margin-bottom: 1em;
  padding: 0.25em 0; }
  .uk-button:hover {
    background-color: #f6dc22; }
  .uk-button:visited {
    color: #383838; }

/* 方面から探す・都道府県から探す*/
.box-homengroup ul li {
  padding: 0.5em; }

.box-homengroup ul .uk-button {
  width: 90%; }

.box-homen > ul > li {
  padding: 0.5em; }

.contents-homen > .area-contents > .m_area-title {
  position: relative;
  background: #fff;
  border: 5px solid #1f50a2;
  width: 102.5%;
  margin: -1em 0 1.5em -1em; }
  .contents-homen > .area-contents > .m_area-title:after, .contents-homen > .area-contents > .m_area-title:before {
    top: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .contents-homen > .area-contents > .m_area-title:after {
    border-color: rgba(31, 80, 162, 0);
    border-top-color: #fff;
    border-width: 20px;
    margin-left: -20px; }
  .contents-homen > .area-contents > .m_area-title:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #1f50a2;
    border-width: 27px;
    margin-left: -27px; }
  .contents-homen > .area-contents > .m_area-title h2 {
    line-height: 2em;
    padding: 0 0.5em;
    display: inline-block;
    margin-right: 2em;
    vertical-align: top;
    letter-spacing: 0.1em; }
  .contents-homen > .area-contents > .m_area-title .subNav {
    display: inline-block; }
    .contents-homen > .area-contents > .m_area-title .subNav ul {
      padding-top: 0.5em; }
      .contents-homen > .area-contents > .m_area-title .subNav ul li {
        display: inline-block;
        padding: 0 0.25em; }
        .contents-homen > .area-contents > .m_area-title .subNav ul li .uk-button {
          margin-bottom: 0;
          background-color: #d7f3ff;
          border: #a0e2ff 1px solid;
          padding: 0.1em 1em;
          color: #383838; }
          .contents-homen > .area-contents > .m_area-title .subNav ul li .uk-button:hover {
            background-color: #fff;
            color: #383838; }

.contents-homen > .area-contents .body-homenDetail {
  background-color: #fff;
  height: 100%; }
  .contents-homen > .area-contents .body-homenDetail > .m_area-title {
    width: 100%;
    background: none;
    background-color: #1f50a2;
    margin-bottom: 1em;
    padding: 0.5em 1em; }
    .contents-homen > .area-contents .body-homenDetail > .m_area-title > .m_title-heading {
      color: #fff;
      padding-top: 0.25em;
      letter-spacing: 0.1em; }
    .contents-homen > .area-contents .body-homenDetail > .m_area-title .m_summary {
      text-align: right;
      float: right;
      font-size: 0.85em; }
  .contents-homen > .area-contents .body-homenDetail ul.body-detail {
    /*別コンテンツ追加*/ }
    .contents-homen > .area-contents .body-homenDetail ul.body-detail > li {
      display: table;
      width: 100%;
      border-bottom: 2px #e9e5e5 dashed;
      padding: 0 1em 1em;
      margin-bottom: 0.75em; }
      .contents-homen > .area-contents .body-homenDetail ul.body-detail > li figure {
        display: table-cell;
        width: 44%;
        vertical-align: top; }
        .contents-homen > .area-contents .body-homenDetail ul.body-detail > li figure .box-image {
          vertical-align: top;
          position: relative; }
          .contents-homen > .area-contents .body-homenDetail ul.body-detail > li figure .box-image figcaption {
            position: absolute;
            bottom: 0;
            color: #fff;
            text-shadow: 0px 0px 10px black, 0px 0px 10px black, 0px 0px 10px black;
            padding: 0.25em 0.5em;
            font-size: 0.8em; }
      .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail {
        display: table-cell;
        padding-left: 0.75em; }
        .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .m_area-title {
          margin-bottom: 1em; }
          .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .m_area-title .m_title-heading {
            background: none;
            background: -webkit-linear-gradient(transparent 60%, #a0e2ff 60%);
            background: linear-gradient(transparent 60%, #a0e2ff 60%);
            padding-left: 0.25em;
            margin-bottom: 0.5em; }
        .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li {
          padding: 0 0 1em; }
          .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li a {
            font-size: 1.2em;
            font-weight: bold;
            padding: 0.25em;
            width: 100%;
            border: 1px solid #1f50a2;
            box-shadow: 2px 2px 0px 0px #a6a6a6;
            margin: 2px; }
            .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li a:hover {
              text-decoration: none;
              box-shadow: none;
              margin: 4px 0 0 4px; }
          .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li:last-child {
            padding-bottom: 0; }
          .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li .btn_train {
            color: #125a20;
            border: 1px solid #125a20; }
          .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li .btn_plane {
            color: #0d5382;
            border: 1px solid #0d5382; }
          .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li .btn_soon {
            background-color: #d2d2d2;
            border: 1px solid #b1b1b1;
            box-shadow: 0px 0px 0px 0px #a6a6a6;
            pointer-events: none; }
            .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail .box-tourBtn li .btn_soon:hover {
              margin: 2px; }
    .contents-homen > .area-contents .body-homenDetail ul.body-detail > li.last {
      border: none;
      margin-bottom: 0;
      padding-bottom: 1em; }
    .contents-homen > .area-contents .body-homenDetail ul.body-detail > .specialContents {
      background-color: #fffbdd;
      padding-top: 1em; }
      .contents-homen > .area-contents .body-homenDetail ul.body-detail > .specialContents .blok-detail .m_area-title .m_title-heading {
        background: -webkit-linear-gradient(transparent 60%, #f7b0b0 60%);
        background: linear-gradient(transparent 60%, #f7b0b0 60%); }
      .contents-homen > .area-contents .body-homenDetail ul.body-detail > .specialContents .blok-detail .uk-button {
        background-color: #f7b0b0; }

/*アイコン設定*/
.train, .plane {
  width: 1.75em;
  height: 1.75em;
  display: inline-block;
  border-radius: 100%;
  font-size: 0.75em;
  color: #fff;
  margin-right: 0.25em;
  line-height: 2; }
  .train > .fa, .plane > .fa {
    padding: 0.5em 0.3em;
    vertical-align: top; }

.train {
  background-color: #1b882f; }

.plane {
  background-color: #1588d3; }

/* footer内設置要素 ///////////////////////*/
.l_page-footer {
  margin-top: 0;
  background-color: #fff; }

/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
/******************************************************************************************/
/******************************************************************************************/
/*Media Queries****************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/* < 1024　スマホ横画面・タブレット用 */
@media screen and (max-width: 64em) {
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  .l_page-header {
    width: 100%;
    background-position-y: -34px; }
    .l_page-header .l_inner .header-mainBlock .m_area-title .m_title-heading {
      font-size: 2.5em; }
    .l_page-header .l_inner .header-mainBlock .m_area-title .m_summary {
      margin-left: 2.5em;
      background-color: rgba(255, 255, 255, 0.7);
      display: inline-block;
      padding: 0 0.5em; }
    .l_page-header .l_inner .header-mainBlock .body-mainImage {
      padding-top: 1em; }
    .l_page-header .l_inner .m_sns {
      width: 285px;
      left: 63%;
      bottom: 85%; }
  .l_page-content {
    width: 100%;
    padding: 0;
    margin-top: -34px; }
    .l_page-content .m-area-nav .mainNav {
      width: 100%; }
  .l_area-mainContent {
    margin-top: 0; }
  .l_page-footer {
    margin-top: 0; }
  /* トップページのみ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  .topPage .mainContent .contents-homengroup .area-contents .m_area-title {
    width: 60%; }
    .topPage .mainContent .contents-homengroup .area-contents .m_area-title > .m_title-heading {
      display: block;
      line-height: 1.8; }
  .topPage .mainContent .contents-about {
    width: 92%; }
  /* 方面ページのみ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  .contents-homen .area-contents .m_area-title {
    width: 103.5%; }
    .contents-homen .area-contents .m_area-title h2 {
      margin-right: 0.5em; }
    .contents-homen .area-contents .m_area-title .subNav ul li .uk-button {
      padding: 0.1em 0.5em; }
  .contents-homen .area-contents .body-homenDetail .body-detail .blok-detail .m_area-title {
    width: 100%; }
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/ }

/* < 568px　スマホ用 */
@media screen and (max-width: 35.5em) {
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  .summerLP {
    background-size: 200% auto; }
  .l_page-header {
    padding-top: 0;
    height: auto;
    min-height: 340px;
    background-position-y: 0; }
    .l_page-header .l_inner .header-mainBlock {
      display: block; }
      .l_page-header .l_inner .header-mainBlock .m_area-title {
        display: block;
        width: 100%;
        padding-top: 2em; }
        .l_page-header .l_inner .header-mainBlock .m_area-title .m_title-heading {
          width: 100%;
          position: absolute;
          z-index: 99; }
          .l_page-header .l_inner .header-mainBlock .m_area-title .m_title-heading > a {
            margin-left: 0; }
        .l_page-header .l_inner .header-mainBlock .m_area-title .m_summary {
          margin-left: 0;
          margin-top: 19em;
          font-weight: normal; }
      .l_page-header .l_inner .header-mainBlock .body-mainImage {
        display: block;
        width: 100%;
        margin: -25em auto 0; }
    .l_page-header .l_inner .m_sns {
      width: 100%;
      left: 0;
      height: 2.5em;
      padding-bottom: 0.5em; }
  .l_page-content {
    margin-top: 5.5em; }
    .l_page-content .mainContent .body-contents {
      width: 100%;
      margin: 0.5em auto;
      padding: 0.75em; }
      .l_page-content .mainContent .body-contents .m_area-title {
        margin-bottom: 1em; }
  /* トップページのみ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  .topPage .mainContent .contents-homengroup .area-contents .m_area-title {
    width: 100%; }
    .topPage .mainContent .contents-homengroup .area-contents .m_area-title > .m_title-heading {
      display: block;
      line-height: 1.8;
      font-size: 1.5em; }
  .topPage .mainContent .contents-homengroup .area-contents .topMenu ul {
    width: 100%; }
  .topPage .mainContent .contents-about {
    width: 100%; }
    .topPage .mainContent .contents-about .area-contents .m_area-title .m_title-heading {
      font-size: 1.25em; }
  /* 方面ページのみ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  .contents-homen > .area-contents > .m_area-title {
    width: 109%; }
    .contents-homen > .area-contents > .m_area-title:after, .contents-homen > .area-contents > .m_area-title:before {
      left: 12%; }
    .contents-homen > .area-contents > .m_area-title h2, .contents-homen > .area-contents > .m_area-title .subNav {
      display: block; }
    .contents-homen > .area-contents > .m_area-title h2 {
      padding-top: 0.25em;
      line-height: 1; }
    .contents-homen > .area-contents > .m_area-title .subNav ul {
      padding: 0 0.75em 0.5em; }
      .contents-homen > .area-contents > .m_area-title .subNav ul li {
        padding-top: 0.5em; }
        .contents-homen > .area-contents > .m_area-title .subNav ul li .uk-button {
          padding: 0 0.5em; }
  .contents-homen > .area-contents .box-homen > ul > li {
    padding: 0.5em 0; }
  .contents-homen > .area-contents .body-homenDetail ul.body-detail > li {
    display: block;
    width: 100%; }
    .contents-homen > .area-contents .body-homenDetail ul.body-detail > li figure {
      display: block;
      width: 100%; }
      .contents-homen > .area-contents .body-homenDetail ul.body-detail > li figure .box-image {
        margin: 0 auto;
        text-align: center; }
        .contents-homen > .area-contents .body-homenDetail ul.body-detail > li figure .box-image img {
          width: 100%;
          height: auto; }
        .contents-homen > .area-contents .body-homenDetail ul.body-detail > li figure .box-image figcaption {
          right: 0;
          text-align: right; }
    .contents-homen > .area-contents .body-homenDetail ul.body-detail > li .blok-detail {
      display: block;
      width: 100%;
      padding: 0;
      margin-top: 0.5em; }
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/ }

/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/******************************************************************************************/