@charset "UTF-8";
/*--------------------------------------------------------------------------
main
--------------------------------------------------------------------------*/
/* swiper */
main #visual .swiper-wrapper {
  max-height: 58vh;
}
main #visual .swiper-slide img {
  width: 100%;
  max-height: 58vh;
  vertical-align: bottom;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  height: 100%;
  width: 10.9%;
  max-height: 58vh;
  top: 22px;
  right: auto;
  left: auto;
  background-color: rgba(0,0,0,.3);
  background-size: 8%;
}
@media screen and (max-width:768px) {
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next {
    background-color: transparent;
    background-size: 25%;
  }
}
.swiper-container .swiper-button-prev {
  left: 0;
  background-position-x: right 26px;
  background-image: url(/assets/images/home/arrow-slider-left.png);
}
.swiper-container .swiper-button-next {
  right: 0;
  background-position-x: left 26px;
  background-image: url(/assets/images/home/arrow-slider-right.png);
}
.swiper-pagination {
  width: 100%;
  padding: 5px;
}
.swiper-pagination > .swiper-pagination-bullet {
  margin: 5px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #212681;
}

main #visual {
  text-align: center; }

  /* main #visual .inner {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    min-width:1028px;
    justify-content: space-between; }
  main #visual .image {
    margin: 0 auto;
     width: 100%;}
    main #visual .image img {
      height: auto;
      width: 29.7%;}
  main #visual h2 {
    color: #fff;
    font-size: 52px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left; }
    main #visual h2 span {
      background: rgba(32, 174, 229, 0.6);
      padding: 5px 10px; }
    main #visual h2 span:nth-child(1) {
      font-size: 38px; }
  main #visual p {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 0;
    text-align: left; } */

main #visual .pc {
  display: block;
}
main #visual .sp {
  display: none;
}
@media screen and (max-width:768px) {
  main #visual .pc {
    display: none;
  }
  main #visual .sp {
    display: block;
  }
}

main #gelandeinform .inner {
  width: 1028px;
  max-width: 1366px;
  padding: 8px 0 8px 42px;
  background-image: url(/assets/images/home/icon-info-baloon.png);
  background-position: left 13px top 11px;
  background-repeat: no-repeat;
  text-align: left;
  font-size: .75rem;
  text-overflow: ellipsis;
}
main #gelandeinform .inner a {
  text-decoration: underline;
}
@media screen and (max-width:768px) {
  main #gelandeinform .inner {
    width: auto;
    padding: 10px 25px 10px 40px;
  }
}

main #liveinfo {
  /*background-image: url(../images/home/liveinfo_bg.png);*/
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  color: #02111d;
  font-family: "Miriam Libre", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
  justify-content: center;
  /*max-width: 1310px;*/
  padding: 25px 0;
  width: 100%;
  /*LIVEINFO OFF
  display:none;*/

  }
  main #liveinfo .inner {
    display: flex;
    flex-wrap: nowrap;
    max-width: 1310px;
    min-width: 1024px;
    width: 100%; }
  main #liveinfo #liveinfo_condition {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 70%;
    margin: 0 auto;}/* live camera none*/
    main #liveinfo #liveinfo_condition h3 {
      border-right: solid 1px #7c8d9a;
      padding-right: 10%;
      }
  main #liveinfo #liveinfo_camera {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 0 auto 0 0;
    width: 30%; }
    main #liveinfo #liveinfo_camera h3 {
      border-left: solid 1px #7c8d9a;
        min-width: 100px;
        padding-left: 10%;
        padding-right: 7%; }
  main #liveinfo h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 10px;
    text-align: left;
    color:#BA0021;
    font-family: 'Maven Pro', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
    }
    main #liveinfo h3 span {
      display: block;
      font-size: 14px;
      font-weight: 500;
      margin: 5px 0 0;
      color:#02111d;}
  main #liveinfo dl {
    font-size: 11px; }
  main #liveinfo .liveinfo_weather1 {
    margin: 0 0 0 2%;
    text-align: center;
    width: 20%; }
    main #liveinfo .liveinfo_weather1 dt {
      padding: 0 0 5px; }
    main #liveinfo .liveinfo_weather1 dd {
      font-size: 20px; }
    main #liveinfo .liveinfo_weather1 span {
      display: block;
      font-weight: bold; }
  main #liveinfo .liveinfo_weather2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 24px;
    width: 15%; }
    main #liveinfo .liveinfo_weather2 dt {
      width: 30%; }
    main #liveinfo .liveinfo_weather2 dd {
      font-size: 17px;
      width: 70%; }
      main #liveinfo .liveinfo_weather2 dd span {
        font-size: 12px; }
      main #liveinfo .liveinfo_weather2 dd:nth-last-child(1) {
        font-size: 14px;
        font-size: 17px; }
  main #liveinfo .liveinfo_lift,
  main #liveinfo .liveinfo_course {
    text-align: center;
    width: 15%; }
    main #liveinfo .liveinfo_lift dd,
    main #liveinfo .liveinfo_course dd {
      font-size: 28px;
      letter-spacing: 0.2em; }
      main #liveinfo .liveinfo_lift dd span,
      main #liveinfo .liveinfo_course dd span {
        font-size: 20px; }
  main #liveinfo .liveinfo_link {
    background-image: url(../images/home/liveinfo_arrow.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: auto 61px;
    padding: 10px 5% 10px 0;
    text-align: right;
    width: 10%; }
main .thumb, main .thumb03 {
  margin: 0 0 2.5%;
  width: 31.7%; }

main .thumb02 {
margin: 0 0 3%;
width: 48.5%;}

  main .thumb img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: auto;
    width: 100%; }
  main .thumb .image {
    font-size: 0; }
  main .thumb .text {
    background: #fff;
    border: solid 1px #ddd;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #5f5f5f;
    font-size: 14px;
    padding: 15px;
    text-align: left; }
main #recommend {
  background-color: #f2f6f7;
  padding: 30px 0; }
  main #recommend .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  main #recommend .title h3 {
    background-color: #f2f6f7;
    border: solid 20px #f2f6f7; }
main #follow {
  margin: 50px 0 0; }
  main #follow .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  main #follow .text {
    font-size: 16px;
    font-weight: bold;
    width: 100%; }
  main #follow #follow_insta {
    margin: 30px 0 0;
    width: 63%; }
    main #follow #follow_insta h4 {
      font-family: 'Maven Pro', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
      font-weight: bold;
      font-size: 20px;
      padding: 0 0 10px;
      position: relative;
      text-align: left;
      color: #212681;}
      main #follow #follow_insta h4 span {
        font-size: 14px;
        padding: 0 0 0 5px; }
      main #follow #follow_insta h4 a {
        font-size: 12px;
        position: absolute;
        right: 0;
        bottom: 16px; }
    main #follow #follow_insta .button_insta {
      border: solid 1px #5f5f5f;
      border-radius: 3px;
      color: #5f5f5f;
      padding: 3px 15px; }
      main #follow #follow_insta .button_insta span {
        background-image: url(../images/home/icon_instagram.png);
        background-position: 0 50%;
        background-repeat: no-repeat;
        background-size: 20px auto;
        display: block;
        font-size: 12px;
        line-height: 20px;
        padding: 0 0 0 25px; }
    main #follow #follow_insta #follow_insta_list ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      main #follow #follow_insta #follow_insta_list ul li {
        margin: 0 0 2%;
        width: 31.3%; }
        main #follow #follow_insta #follow_insta_list ul li img {
          height: auto;
          width: 100%; }
  main #follow #follow_news {
    margin: 30px 0 0 auto;
    width: 32%; }
    main #follow #follow_news h4 {
      font-family: 'Maven Pro', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
      font-size: 20px;
      font-weight: bold;
      padding: 0 0 10px;
      position: relative;
      text-align: left;
      color: #212681;}
      main #follow #follow_news h4 a, main #follow #follow_news h4 span {
        font-size: 12px;
        position: absolute;
        right: 0;
        bottom: 15px;
        color: #5f5f5f;
        width:5em;
        }
        main #follow #follow_news h4 a{bottom: 0px;}
    main #follow #follow_news #follow_news_list {
      border-top: solid 1px #ddd;
      border-bottom: solid 1px #ddd;
      height: 460px;
      margin: 0 0 30px;
      padding: 0 0 15px; }
    main #follow #follow_news .news {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin: 15px 0 0;
      /*NEWS OFF*/
      /*opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0);*/

      }
    main #follow #follow_news .image {
      border: solid 1px #ddd;
      font-size: 0; }
    main #follow #follow_news .text {
      padding: 0 0 0 15px;
      text-align: left; }
      main #follow #follow_news .text p {
        color: #5f5f5f;
        font-size: 13px;
        font-weight: bold;
        height: 70px; }
      main #follow #follow_news .text .date {
        color: #9b9b9b;
        font-family: "Miriam Libre", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
        font-size: 12px;
        font-weight: normal; }
    main #follow #follow_news .button {
      background-position: 15px 50%;
      background-repeat: no-repeat;
      background-size: 18px auto;
      border: solid 1px #02111d;
      border-radius: 5px;
      display: block;
      font-family: 'Maven Pro', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
      font-size: 20px;
      margin: 15px 0 0;
      padding: 10px 20px 10px 45px;
      text-align: left; }
    main #follow #follow_news .button_facebook {
      background-image: url(../images/home/icon_facebook.png); }
    main #follow #follow_news .button_twitter {
      background-image: url(../images/home/icon_twitter.png); }
main #access {
  margin: 50px 0 0; }
  main #access .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  main #access .map {
    width: 56%;
    height: 400px;
    line-height: 1;}
    main #access .map img {
      border-radius: 5px;
      height: auto;
      width: 100%; }
    main #access .map iframe {
      height: 400px;
      width: 100%;
      border:none;
      background: #F8F8F8;
      border-radius: 5px 0 0 5px;
      }
  main #access .text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 0 0 50px;
    width: 44%;
    background: #F8F8F8;
    border-radius: 0 5px 5px 0;}
    main #access .text dl {
      margin: 20px 0 0;
      text-align: left; }
    main #access .text dl:first-of-type {
        margin: 0 0 0; }
    main #access .text dt {
      font-size: 20px;
      font-weight: bold;}
      main #access .text dt.ttl {
      font-size: 22px;
      font-weight: bold;
      color:#212681;
      line-height: 1.5}

    main #access .text dd {
      font-size: 15px;
      margin: 10px 0 0; }
  main #access .banner {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    color: #fff;
    font-family: 'Maven Pro', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
    height: 104px;
    line-height: 1.5;
    margin: 20px 0 0;
    padding: 40px 3%;
    text-align: left;
    width: 43%; }
    main #access .banner h4 {
      font-size: 28px;
      font-weight: bold; }
      main #access .banner h4 span {
        display: block;
        font-size: 14px; }
    main #access .banner p {
      font-size: 14px;
      margin: 10px 0 0; }
  main #access #banner_facilityinfo {
    background-image: url(../images/home/banner_facilityinfo.jpg); }
  main #access #banner_stayguide {
    background-image: url(../images/home/banner_stayguide.jpg); }
main #bannerlink {
  margin-top: 60px;
}
main #bannerlink h3 {
  margin: 15px 0;
  font-size: .9375rem;
  font-weight: bold;
}
main #bannerlink h3 span {
  padding: 0 20px;
  background-color: #FFFFFF;
}
main #bannerlink ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
main #bannerlink ul li {

}
@media screen and (max-width:768px) {
  main #bannerlink ul {
    width: 100%;
  }
  main #bannerlink ul li {
    width: 48%;
    margin: 0 0 15px;
  }
    main #bannerlink ul li img {
      width: 100%;
      vertical-align: bottom;
    }
}

/*========================================================================*/
/*========================================================================*/
@media screen and (max-width: 768px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main #visual {
    height: 80vw;
    min-height: 100%;
    min-width: 100%;
    width: 100%; }
    main #visual .inner {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      max-width: none;
      min-width: 100%;
      padding: 0;
      width: 100%; }
    main #visual .image {
      display: flex;
      flex-wrap: wrap;
      justify-content: left;
      height: auto;
      margin: 0 auto 0;
      width: 100%; }
      main #visual .image img {
        height: 100%;
        margin: 5.5% auto 0 auto;
        width: auto;
        width: 53%;}
    main #visual .text {
      width: 100%; }
    main #visual h2 {
      font-size: 20px;
      line-height: 1.8;
      padding: 15px 0 0; }
      main #visual h2 span:nth-child(1) {
        font-size: 20px; }
    main #visual p {
      font-size: 15px;
      margin: 0;
      text-align: center; }
    main #visual .open {
      background: rgba(32, 174, 229, 0.6);
      color: #fff;
      display: block;
      font-size: 14px;
      font-weight: bold;
      padding: 3px 0;
      width: 100%; }
  main #liveinfo {
    background: #fff;
    justify-content: center;
    /*max-width: 1310px;*/
    padding: 10px 0 25px 0;
    width: 100%; }
    main #liveinfo .inner {
      display: flex;
      flex-wrap: wrap;
      /*min-width: 1024px;*/
      padding: 0 25px;
      max-width: none;
      min-width: 100%;
      width: 100%; }
    main #liveinfo #liveinfo_condition {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 100%; }
      main #liveinfo #liveinfo_condition h3 {
        border-right: none;
        border-bottom: solid 1px #7c8d9a;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: center; }
      main #liveinfo #liveinfo_condition h3 span {
          display: block;}

    main #liveinfo #liveinfo_camera {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      margin: 0 auto 0 0;
      padding: 15px 0;
      width: 100%; }
      main #liveinfo #liveinfo_camera h3 {
        border-left: none;
        padding-left: 0; }
      main #liveinfo #liveinfo_camera h3 span {
      font-size: 11px!important;
      padding-left: 2em;
      font-family: "Miriam Libre", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
      }



    main #liveinfo h3 {
      font-size: 18px;
      padding-top: 10px;
      text-align: left;
      width: 100%; }
      main #liveinfo h3 span {
        display: inline-block;
        font-size: 14px;
        margin: 5px 0 0;
        text-align: center; }
    main #liveinfo dl {
      font-size: 11px; }
    main #liveinfo .liveinfo_weather1 {
      border-bottom: solid 1px #7c8d9a;
      margin: 0;
      padding: 15px 0;
      width: 50%; }
      main #liveinfo .liveinfo_weather1 dt {
        padding: 0 0 5px; }
      main #liveinfo .liveinfo_weather1 span {
        display: block;
        font-weight: bold; }
    main #liveinfo .liveinfo_weather2 {
      border-bottom: solid 1px #7c8d9a;
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      line-height: 24px;
      padding: 15px 0;
      width: 48%; }
      main #liveinfo .liveinfo_weather2 dt {
        width: 30%; }
      main #liveinfo .liveinfo_weather2 dd {
        font-size: 20px;
        width: 70%; }
        main #liveinfo .liveinfo_weather2 dd span {
          font-size: 12px; }
        main #liveinfo .liveinfo_weather2 dd:nth-last-child(1) {
          font-size: 14px; }
    main #liveinfo .liveinfo_lift,
    main #liveinfo .liveinfo_course {
      border-bottom: solid 1px #7c8d9a;
      padding: 15px 0;
      text-align: center;
      width: 50%; }
      main #liveinfo .liveinfo_lift dd,
      main #liveinfo .liveinfo_course dd {
        font-size: 28px;
        letter-spacing: 0.2em; }
        main #liveinfo .liveinfo_lift dd span,
        main #liveinfo .liveinfo_course dd span {
          font-size: 20px; }
    main #liveinfo .liveinfo_link {
      background-image: url(../images/home/liveinfo_arrow_sp.png);
      background-position: 96% 50%;
      background-repeat: no-repeat;
      background-size: auto 21px;
      border-bottom: solid 1px #7c8d9a;
      font-size: 12px;
      padding: 20px 5% 20px 1.5em;
      text-align: left;
      width: 100%; }
  main .thum{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 3%;
    width: 48.5%; }
  main .thumb02, main .thumb03{
    display: flex;
    flex-wrap: wrap;
    margin: 5% 0 0 0;
    width: 100%; }
  main .thumb02:first-of-type, main .thumb03:first-of-type {
      margin: 0 0 0 0;
  }

    main .thumb img {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      height: auto;
      width: 100%; }
    main .thumb .image {
      font-size: 0;
      width: 100%; }
    main .thumb .text {
      font-size: 12px;
      font-size: 14px;
      padding: 10px;
      height: 5em;
      width: 100%;
      font-feature-settings: 'palt';}
      main .thumb .text .sp {
        display: inline !important; }
  main #recommend {
    background-color: #f2f6f7;
    padding: 20px 0; }
    main #recommend .inner {
      align-items: stretch;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; }
  main #follow {
    margin: 20px 0 0; }
    main #follow .inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; }
    main #follow .text {
      font-size: 16px;
      font-weight: bold;
      width: 100%; }
    main #follow #follow_insta {
      margin: 30px 0 0;
      width: 100%; }
      main #follow #follow_insta h4 {
        font-family: "Miriam Libre", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
        font-size: 20px;
        padding: 0 0 10px;
        position: relative;
        text-align: left; }
        main #follow #follow_insta h4 span {
          font-size: 12px;
          padding: 0 0 0 5px; }
      main #follow #follow_insta .button_insta.sp {
        display: block;
        padding: 10px 0; }
        main #follow #follow_insta .button_insta.sp span {
          display: inline-block;
          font-size: 12px;
          line-height: 20px;
          padding: 0 0 0 25px; }
    main #follow #follow_news {
      margin: 50px 0 0 auto;
      width: 100%; }
      main #follow #follow_news h4 {
        font-size: 20px;
        padding: 0 0 10px; }
      main #follow #follow_news #follow_news_list {
        border-top: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        height: auto;
        margin: 0 0 30px;
        padding: 0 0 15px; }
      main #follow #follow_news .news {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 15px 0 0; }
      main #follow #follow_news .news.pc {
        display: none; }
      main #follow #follow_news .image {
        border: solid 1px #ddd;
        font-size: 0; }
      main #follow #follow_news .text {
        padding: 0 0 0 15px;
        text-align: left; }
        main #follow #follow_news .text p {
          color: #5f5f5f;
          font-size: 13px;
          font-weight: bold;
          height: 70px; }
        main #follow #follow_news .text .date {
          color: #9b9b9b;
          font-family: "Miriam Libre", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
          font-size: 12px;
          font-weight: normal; }
      main #follow #follow_news .button_news {
        border: solid 1px #5f5f5f;
        border-radius: 3px;
        display: block;
        font-size: 12px;
        margin: 0 0 30px;
        padding: 10px 0; }
      main #follow #follow_news .button.sp {
        border: solid 1px #02111d;
        border-radius: 5px;
        display: block;
        font-family: "Miriam Libre", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
        font-size: 20px;
        margin: 15px 0 0;
        padding: 10px 20px 10px 45px;
        text-align: left; }
  main #access {
    margin: 50px 0 0; }
    main #access .inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0;
      width: 100%; }
    main #access .title {
      margin: 0 25px; }
    main #access .map {
      width: 100%;
      height: 270px;
      }
      main #access .map img {
        border-radius: 0;}
      main #access .map iframe {
        border-radius: 0 0 0 0;
        height: 270px;
        }
    main #access .text {
      padding: 0 25px 1em 25px;
      width: 100%;
      border-radius: 0 0 0 0;
      }

      main #access .text d,main #access .text dl:first-of-type {
        margin: 20px 0 0; }


      main #access .text dt {
        font-size: 20px; }
      main #access .text dd {
        margin: 5px 0 0; }
    main #access .banner {
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px;
      color: #fff;
      font-family: "Miriam Libre", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
      height: 104px;
      line-height: 1.5;
      margin: 20px 25px 0;
      padding: 40px 30px;
      text-align: left;
      width: 100%; }
      main #access .banner h4 {
        font-size: 28px;
        font-weight: bold; }
        main #access .banner h4 span {
          display: block;
          font-size: 14px; }
      main #access .banner p {
        font-size: 14px;
        margin: 10px 0 0; }
    main #access #banner_facilityinfo {
      background-image: url(../images/home/banner_facilityinfo_sp.jpg); }
    main #access #banner_stayguide {
      background-image: url(../images/home/banner_stayguide_sp.jpg); } }
/*========================================================================*/

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


main #visual {
  height: auto;
  min-height: 0;
  background: none;
  padding-bottom: 20px;
}

/*main #visual .sp {
  display: none;
}*/
main #visual .bx-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}
main #visual .bx-wrapper img.sp {
  display: none;
}
  main #visual .visual- {
    display: block;
    height: auto;
  }
#visual img {
  vertical-align: top;
  width: 100%;
}
#visual {
  position: relative;
  overflow: hidden;
}
main #visual .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.bx-wrapper {
  margin-bottom: 0 !important;
}
.bx-wrapper .bx-controls-direction a {
  width: 40px !important;
  height: 80px !important;
  margin-top: -40px !important;
}
.bx-wrapper .bx-prev {
  left: -8px !important;
  background: url(../images/slide_prev.png) no-repeat center rgba(0,0,0, .7) !important;
}
.bx-wrapper .bx-next {
  right: -8px !important;
  background: url(../images/slide_next.png) no-repeat center rgba(0,0,0, .7) !important;

}

#recommend .l-low {
  margin: 0 -15px;
  overflow: hidden;
}
#recommend .l-grid{
  padding: 0 15px;
  margin-bottom: 2.5%;
  float: left;
  box-sizing: border-box;
}
#recommend [class*=n-] {
  width: 33.3%;
}
#recommend .n-2,
#recommend .n-4 {
  width: 50%;
}
#recommend .image {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
#recommend .image p {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  font-family: "Miriam Libre", "YuGothic", sans-serif;
  width: 100%;
  transform: translate(-50%, -50%);
}
#recommend .sub-title {
  display: block;
    font-size: 13px;
    line-height: 1;
}
#recommend .l-low a {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #recommend .l-low {
    margin: 0 -7px;
  }
  #recommend .l-grid {
    padding: 0 7px;
  }
  #recommend .n-6,
  #recommend .n-5,
  #recommend .n-4,
  #recommend .n-3 {
    width: 50%;
  }
  #recommend .image p {
    font-size: 16px;
  }
  #recommend .sub-title {
    font-size: 12px;
  }
  main .thumb .text {
    box-sizing: border-box;
  }
  nav.is-open {
    z-index: 10000;
  }
}

/* スライダー */
.bx-wrapper .bx-pager {
    font-size: 0 !important;
    color: #ad995e !important;
    padding: 12px 0 0 !important;
    position: static !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 20px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #AAAAAA !important;
    text-indent: -9999px !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 6px !important;
    outline: 0 !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #212681 !important;
}

.head-notice p {
  display: inline;
}
main #liveinfo #liveinfo_condition h3 {
  min-width: 110px;
}
main #follow #follow_news .image {
  max-width: 260px;
}

main #bannerlink ul {
  display: block;
  overflow: hidden;
}
main #bannerlink ul li {
  width: 192px;
  padding-left: 17px;
  float: left;
}
main #bannerlink ul li:first-child {
  padding: 0;
}

main #gelandeinform .inner a {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
main #bannerlink ul {
  margin-left: -12px;
}
main #bannerlink ul li,
main #bannerlink ul li:first-child {
  width: 50%;
  padding-left: 12px;
  box-sizing: border-box;
}
main .thumb .text {
  height: auto;
}
}


main #access #banner_facilityinfo,
main #access #banner_stayguide {
  -webkit-background-size: cover !important;
  background-size: cover !important;
}





main #gelandeinform .inner {
  font-size: 14px;
  max-width: 917px;
  padding-left: 30px;
  background-position: left 0px top 11px;
  min-width: auto;
}
@media screen and (max-width: 768px) {
  main #gelandeinform {
    padding: 0 25px;
  }
}
main #follow #follow_news .image {
  width: 260px;
  height: 98px;
  overflow: hidden;
  position: relative;
}
main #follow #follow_news .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}