@charset "UTF-8";
/*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
/*************************************/
/*theme*/
/*このLPでのみ使用しているものをここにまとめています
色や背景の設定も全てここで変更してください*/
/*************************************/
.newyearLP {
  background: #CA0E11 url(../image/bg_newyear.png) top center repeat-x; }

.uk-grid-margin {
  margin-top: 0 !important; }

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

.l_page-wrapper {
  position: relative; }

#page-top {
  height: 120px; }

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

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

.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%, #ffe383 60%);
  background: linear-gradient(transparent 60%, #ffe383 60%); }

/* header内設置要素 ///////////////////////*/
.l_page-header {
  background: url(../image/bg_header.png) center top no-repeat;
  width: 1120px;
  height: 360px; }
  .l_page-header .l_inner .m_area-title {
    padding-top: 1.5em; }
    .l_page-header .l_inner .m_area-title .m_title-heading {
      width: 42%;
      margin-bottom: 0.1em; }
      .l_page-header .l_inner .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 .m_area-title .m_title-heading > a {
        margin: 0.2em 0 0 2em;
        display: block;
        width: 100%; }
    .l_page-header .l_inner .m_area-title > .m_summary {
      margin-left: 7.5em;
      font-weight: bold; }
  .l_page-header .l_inner .m_sns {
    left: 8.5em;
    bottom: -2em; }

/* page-content///////////////////////*/
.l_page-content {
  width: 1120px; }
  .l_page-content .mainNav {
    background-color: #F1CA42; }
    .l_page-content .mainNav ul {
      width: 96%; }
      .l_page-content .mainNav ul li {
        text-align: center;
        min-width: 20%; }
        .l_page-content .mainNav ul li a {
          font-weight: bold;
          font-size: 1.25em;
          height: 3em;
          color: #444; }
          .l_page-content .mainNav ul li a:hover {
            background-color: #ffe380; }
      .l_page-content .mainNav ul li.uk-active > a {
        border-right: 1px #f1ca42 solid;
        border-left: 1px #f1ca42 solid;
        background-color: #fff; }
        .l_page-content .mainNav ul li.uk-active > a span {
          background: -webkit-linear-gradient(transparent 60%, #ffe383 60%);
          background: linear-gradient(transparent 60%, #ffe383 60%); }
        .l_page-content .mainNav ul li.uk-active > a:hover {
          background-color: #f5f5f5; }

/* 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; }

.purpose-contents .inner > ul > li {
  padding: 0 0.5em; }

.purpose-contents .inner .purpose-block .m_area-title {
  position: relative;
  background: #fff;
  border: 1px solid #444;
  padding: 0.25em 0.5em; }
  .purpose-contents .inner .purpose-block .m_area-title:before, .purpose-contents .inner .purpose-block .m_area-title:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 99; }
  .purpose-contents .inner .purpose-block .m_area-title:before {
    border-color: rgba(68, 68, 68, 0);
    border-top-color: #444;
    border-width: 16px 8px;
    margin-left: -16px; }
  .purpose-contents .inner .purpose-block .m_area-title:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 15px 7px;
    margin-left: -15px; }

.purpose-contents .inner .purpose-block figure {
  margin-top: -1em; }
  .purpose-contents .inner .purpose-block figure .box-image {
    vertical-align: top;
    position: relative; }
    .purpose-contents .inner .purpose-block 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; }

.purpose-contents .inner .purpose-block .blok-detail .m_summary {
  margin: 0.5em 0; }

.box-tourBtn li {
  padding: 0 0 4.25em;
  height: 3em; }
  .box-tourBtn li a {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.25em;
    width: 100%;
    border: 1px solid #a6a6a6;
    box-shadow: 2px 2px 0px 0px #a6a6a6; }
    .box-tourBtn li a:hover {
      text-decoration: none;
      box-shadow: none;
      margin: 2px 0 0 2px; }
  .box-tourBtn li:last-child {
    padding-bottom: 0; }
  .box-tourBtn li .btn_train {
    color: #125a20; }
  .box-tourBtn li .btn_plane {
    color: #0d5382; }
  .box-tourBtn li .btn_normal {
    color: #60574A; }

/* トップページのみ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.topPage .mainContent .body-contents {
  background-color: #fff;
  padding: 1em; }

.topPage .mainContent .m_area-title {
  margin-bottom: 1.5em;
  line-height: 1.8;
  background: -webkit-linear-gradient(transparent 60%, #ffe383 60%);
  background: linear-gradient(transparent 60%, #ffe383 60%); }

.topPage .mainContent .topMenu ul li {
  padding: 0 0.25em 0.5em; }
  .topPage .mainContent .topMenu ul li > a {
    display: block;
    width: 100%;
    border: 1px black solid;
    border-top: 5px black solid; }
    .topPage .mainContent .topMenu ul li > a img {
      margin-bottom: -1px; }

.topPage .mainContent .purpose-block .box-tourBtn > li:nth-child(even) {
  padding-left: 0.75em; }

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

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

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

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

.contents-homen {
  background-color: #f5f2f2; }
  .contents-homen > .area-contents > .m_area-title {
    position: relative;
    background: #fff;
    border: 5px solid #ca0e11;
    border-bottom: 15px solid #ca0e11;
    width: 102.5%;
    margin: -1em 0 0.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(255, 255, 255, 0);
      border-top-color: #fff;
      border-width: 20px;
      margin-left: -20px; }
    .contents-homen > .area-contents > .m_area-title:before {
      border-color: rgba(202, 14, 17, 0);
      border-top-color: #CA0E11;
      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: #f7e4a4;
            border: #F1CA42 1px solid;
            padding: 0.1em 1em; }
            .contents-homen > .area-contents > .m_area-title .subNav ul li .uk-button:hover {
              background-color: #fff;
              color: #666; }
  .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: #000;
      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 > 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%, #ffe383 60%);
            background: linear-gradient(transparent 60%, #ffe383 60%);
            padding-left: 0.25em;
            margin-bottom: 0.5em; }
    .contents-homen > .area-contents .body-homenDetail ul.body-detail > li.last {
      border: none;
      margin-bottom: 0;
      padding-bottom: 1em; }

/*アイコン設定*/
.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 {
  background-color: #fff; }

/*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/
/******************************************************************************************/
/******************************************************************************************/
/*Media Queries****************************************************************************/
/******************************************************************************************/
/******************************************************************************************/
/* < 1024　スマホ横画面・タブレット用 */
@media screen and (max-width: 64em) {
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  .newyearLP {
    background-position: 0px -100px; }
  .l_page-header {
    width: 100%;
    background-size: 100% auto;
    height: 245px; }
    .l_page-header .l_inner .m_area-title .m_title-heading {
      font-size: 2.5em; }
    .l_page-header .l_inner .m_area-title .m_summary {
      margin-left: 5.5em;
      background-color: rgba(255, 255, 255, 0.7);
      display: inline-block;
      padding: 0 0.5em; }
    .l_page-header .l_inner .m_sns {
      left: 65%;
      bottom: 85%; }
  .l_page-content {
    width: 100%;
    padding: 0; }
  .l_area-mainContent {
    margin-top: 0; }
  .purpose-contents > .inner .purpose-block figure {
    margin-top: -0.5em; }
  .purpose-contents > .inner ul > li {
    margin-bottom: 2em; }
  .purpose-contents > .inner ul .last {
    margin-bottom: 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) {
  /*▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽*/
  .l_page-header {
    background: url(../image/bg_header-smt.png) center 66% no-repeat;
    padding-top: 0;
    background-size: auto 53%;
    height: auto; }
    .l_page-header .l_inner .m_area-title {
      display: block;
      width: 100%;
      padding-top: 3.5em; }
      .l_page-header .l_inner .m_area-title .m_title-heading {
        width: 100%; }
        .l_page-header .l_inner .m_area-title .m_title-heading > a {
          margin-left: 0; }
      .l_page-header .l_inner .m_area-title .m_summary {
        margin-left: 0;
        margin-top: 8em;
        font-weight: normal; }
    .l_page-header .l_inner .m_sns {
      left: 0;
      height: 2.5em;
      padding-bottom: 0.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; }
  /*△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△△*/ }

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