@charset "UTF-8";
.under_page .c_ttl_ico {
  font-size: 36rem;
}

.u-sp-show {
  display: none;
}

@media screen and (max-width: 680px) {
  .u-sp-show {
    display: block;
  }
}
#page_access .under_mv {
  background-image: url(/assets/img/main_access.webp);
}
#page_access .lead {
  font-size: 18rem;
  font-weight: bold;
  text-align: center;
  margin: 4em 0;
}
#page_access .anc_box {
  margin-top: 80rem;
}
#page_access .template_content {
  /*margin-top: 40rem;*/
  margin-top: 160rem;
}
#page_access .template_content + .template_content {
  margin-top: 200rem;
}
#page_access .template_content .content_wrap {
  display: flex;
  justify-content: center;
}
#page_access .template_content .content_wrap .swiper_outer {
  /*overflow: hidden;*/
  /*width: 1281rem;*/
  width: 960rem;
}
#page_access .template_content .content_wrap .swiper_outer .photo-cont img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 500rem;
  /* max-width: none; */
}
#page_access .template_content .content_wrap .swiper_outer .thumbs-cont {
  margin-top: 20rem;
}
#page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-wrapper {
  justify-content: flex-end;
  transform: translate3d(0px, 0px, 0px) !important;
}
#page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide {
  cursor: pointer;
  /*width: calc((100% - 60rem) / 4 ) !important;*/
  width: 12.5% !important;
}
#page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide img {
  height: 100%;
}
#page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide + .swiper-slide {
  margin-left: 15rem;
}
#page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide-thumb-active {
  position: relative;
}
#page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide-thumb-active::before {
  border: 4px solid #e57e24;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
}
#page_access .template_content .content_wrap .swiper_outer .swiper-pagination {
  justify-content: flex-end;
}
#page_access .template_content .content_wrap .text_wrap {
  margin-left: 95rem;
  /*margin-right: 170rem;*/
  margin-right: 95rem;
}
#page_access .template_content .content_wrap .text_wrap .text {
  /*background-color: #fff;*/
  width: 412rem;
  position: relative;
  height: 100%;
}
#page_access .template_content .content_wrap .text_wrap .text h2 {
  margin: 0 auto;
  font-size: 32rem;
  /*font-weight: bold;*/
}
#page_access .template_content .content_wrap .text_wrap .text dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30rem;
  border-top: 1px solid var(--color-brown);
}
#page_access .template_content .content_wrap .text_wrap .text dl dt,
#page_access .template_content .content_wrap .text_wrap .text dl dd {
  padding: 1em 0;
}
#page_access .template_content .content_wrap .text_wrap .text dl dt {
  background-color: #fff;
  border-bottom: 1px solid var(--color-brown);
  text-align: center;
  width: 110rem;
}
#page_access .template_content .content_wrap .text_wrap .text dl dd {
  padding-left: 1em;
  width: calc(100% - 110rem);
  border-bottom: 1px solid var(--color-brown);
}
#page_access .template_content .content_wrap .text_wrap .text p.t_description {
  font-size: 16rem;
  margin-top: 1.5em;
  line-height: 2.5;
}
#page_access .template_content .content_wrap .text_wrap .text p {
  /*&.amenity {
    a {
      color: #333;
      display: block;
      font-size: 16rem;
      margin-top: 2.5em;
    }
  }*/
  /*&.btn_more {
    margin-top: 1.7em;

    a {
      margin-left: auto;
      margin-right: auto;
      width: auto;
    }
  }*/
}
#page_access .info_wrap {
  /*margin-top: 230rem;*/
  padding-top: 80rem;
  /* Google Mapエリア */
}
#page_access .info_wrap .gmap_area {
  width: 960rem;
  margin-top: 42rem;
  margin-left: auto;
  margin-right: auto;
}
#page_access .info_wrap .gmap_area iframe {
  width: 100%;
  height: 400rem;
}
#page_access .info_wrap {
  /* 大きい地図で見るリンク */
}
#page_access .info_wrap .link_large_map {
  text-align: center;
  font-size: 14rem;
  margin-top: 10rem;
  margin-bottom: 30rem;
}
#page_access .info_wrap .link_large_map a {
  color: #333;
  text-decoration: underline;
}
#page_access .info_wrap .link_large_map a:hover {
  text-decoration: underline;
}
#page_access .info_wrap {
  /* 施設名・住所 */
}
#page_access .info_wrap .facility_info {
  width: 960rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70rem;
  font-size: 16rem;
  line-height: 2.5;
}
#page_access .info_wrap .facility_info .address_row {
  display: flex;
  align-items: flex-start;
}
#page_access .info_wrap .facility_info .address_row .label {
  flex-shrink: 0;
}
#page_access .info_wrap .parking_map_area {
  position: relative;
  width: 100%;
  max-width: 960rem;
  margin: 0 auto;
}
#page_access .info_wrap .parking_map_area .map_img {
  width: 720rem;
  margin: 0;
  position: relative;
  z-index: 2;
}
#page_access .info_wrap .parking_map_area .map_img img {
  width: 100%;
  height: auto;
  display: block;
}
#page_access .info_wrap .parking_map_area .parking_info_circle {
  position: absolute;
  top: 50%;
  right: -5.5%;
  transform: translateY(-60%);
  width: 314rem;
  height: 314rem;
  background-color: var(--color-brown);
  color: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  padding: 20rem;
  z-index: 1;
}
#page_access .info_wrap .parking_map_area .parking_info_circle .circle_title {
  font-size: 28rem;
  margin-bottom: 12rem;
  letter-spacing: 0.05em;
}
#page_access .info_wrap .parking_map_area .parking_info_circle .circle_text {
  font-size: 16rem;
  line-height: 1.8;
}
#page_access .info_wrap {
  /* ▼ ルートのご案内 ▼ */
}
#page_access .info_wrap#route .route_inner {
  width: 960rem;
  max-width: 100%;
  margin: 0 auto;
}
#page_access .info_wrap#route .route_block {
  margin-bottom: 150rem;
}
#page_access .info_wrap#route .route_block:last-child {
  margin-bottom: 0;
}
#page_access .info_wrap#route .route_block .route_tit {
  display: flex;
  align-items: center;
  font-size: 36rem;
  margin-bottom: 34rem;
  letter-spacing: 0.05em;
}
#page_access .info_wrap#route .route_block .route_tit img {
  width: 84rem;
  height: auto;
  margin-right: 13rem;
}
#page_access .info_wrap#route .route_block .route_img img {
  width: 100%;
  height: auto;
  display: block;
}
#page_access .info_wrap .info {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--color-brown);
}
#page_access .info_wrap .info dt,
#page_access .info_wrap .info dd {
  padding: 1.5em 0;
}
#page_access .info_wrap .info dt {
  background-color: #fff;
  border-bottom: 1px solid var(--color-brown);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 300rem;
}
#page_access .info_wrap .info dd {
  padding-left: 1em;
  width: calc(100% - 300rem);
  border-bottom: 1px solid var(--color-brown);
}
#page_access {
  /* ▼ 周辺観光 ▼ */
}
#page_access .sightseeing_wrap {
  padding-top: 100rem;
  padding-bottom: 130rem;
}
#page_access .sightseeing_wrap .sightseeing_inner {
  width: 960rem;
  max-width: 100%;
  margin-top: 50rem;
  margin-left: auto;
  margin-right: auto;
}
#page_access .sightseeing_wrap {
  /* タブのデザイン */
}
#page_access .sightseeing_wrap .tab_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60rem;
}
#page_access .sightseeing_wrap .tab_list li {
  width: calc((100% - 30rem) / 4);
  background-color: #B1A49B;
  color: #fff;
  text-align: center;
  padding: 15rem 0;
  font-size: 16rem;
  cursor: pointer;
  transition: background-color 0.3s;
  letter-spacing: 0.05em;
}
#page_access .sightseeing_wrap .tab_list li.is-active, #page_access .sightseeing_wrap .tab_list li:hover {
  background-color: var(--color-brown);
}
#page_access .sightseeing_wrap {
  /* コンテンツエリアの切り替え */
}
#page_access .sightseeing_wrap .tab_content {
  display: none;
}
#page_access .sightseeing_wrap .tab_content.is-active {
  display: block;
  animation: fadeIn 0.5s ease;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 50rem;
  padding-bottom: 50rem;
}
#page_access .sightseeing_wrap .tab_content .content_tit {
  text-align: center;
  font-size: 22rem;
  margin-bottom: 40rem;
  letter-spacing: 0.1em;
}
#page_access .sightseeing_wrap .tab_content .card_list {
  display: flex;
  flex-wrap: wrap;
  gap: 50rem 65rem;
  margin: 0 auto;
  max-width: 835rem;
  align-items: stretch;
}
#page_access .sightseeing_wrap .tab_content .card {
  width: 235rem;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 60rem;
}
#page_access .sightseeing_wrap .tab_content .card .img_box {
  width: 220rem;
  height: 152rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15rem;
}
#page_access .sightseeing_wrap .tab_content .card .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#page_access .sightseeing_wrap .tab_content .card .card_tit {
  color: #672525;
  text-align: center;
  font-size: 18rem;
  margin-bottom: 10rem;
}
#page_access .sightseeing_wrap .tab_content .card .card_desc {
  font-size: 15rem;
  line-height: 1.8;
  margin-bottom: 20rem;
}
#page_access .sightseeing_wrap .tab_content .card .card_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
#page_access .sightseeing_wrap .tab_content .card .card_time {
  text-align: center;
  font-size: 16rem;
  margin-bottom: 5rem;
  position: relative;
  width: 100%;
  background-color: #fff;
  border: 1px solid #EEEEEE;
  padding: 1rem;
}
#page_access .sightseeing_wrap .tab_content .card .card_time span {
  font-size: 13rem;
}
#page_access .sightseeing_wrap .tab_content .card {
  /* HP / MAP ボタン */
}
#page_access .sightseeing_wrap .tab_content .card .card_links {
  display: flex;
  justify-content: space-between;
}
#page_access .sightseeing_wrap .tab_content .card .card_links a {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #672525;
  color: #672525;
  -webkit-text-decoration: text-decoration;
          text-decoration: text-decoration;
  padding: 4rem 0;
  font-size: 13rem;
  transition: 0.3s;
  background-color: #fff;
}
#page_access .sightseeing_wrap .tab_content .card .card_links a img {
  width: 12rem;
  height: auto;
  position: absolute;
  right: 10rem;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 8rem;
}
#page_access .sightseeing_wrap .tab_content .card .card_links a {
  /* HPボタンの配色 */
}
#page_access .sightseeing_wrap .tab_content .card .card_links a:first-child {
  border: 1px solid var(--color-brown);
  color: var(--color-brown);
}
#page_access .sightseeing_wrap .tab_content .card .card_links a:first-child:hover {
  opacity: 1;
  background-color: #e9e1d9;
}
#page_access .sightseeing_wrap .tab_content .card .card_links a {
  /* MAPボタンの配色 */
}
#page_access .sightseeing_wrap .tab_content .card .card_links a:last-child {
  border: 1px solid #672525;
  color: #672525;
}
#page_access .sightseeing_wrap .tab_content .card .card_links a:last-child:hover {
  opacity: 1;
  background-color: #e9e1d9;
}

/*@media screen and (max-width: 1279px) {}*/
@media screen and (max-width: 680px) {
  .under_page .c_ttl_ico {
    font-size: 21rem;
  }
  #page_access .under_mv {
    background-image: url(/assets/img/main_access_sp.webp);
  }
  #page_access .lead {
    font-size: 14rem;
    margin: 2em 0;
  }
  #page_access .anc_box {
    margin-top: 0;
  }
  #page_access .template_content {
    /*margin-top: 20rem;*/
    margin-top: 80rem;
  }
  #page_access .template_content + .template_content {
    margin-top: 95rem;
  }
  #page_access .template_content .content_wrap {
    /* padding-top: 320rem; */
    /* padding-top: 250rem; */
    flex-direction: column;
  }
  #page_access .template_content .content_wrap .swiper_outer {
    width: auto;
  }
  #page_access .template_content .content_wrap .swiper_outer .photo-cont img {
    width: auto;
    height: 250rem;
  }
  #page_access .template_content .content_wrap .swiper_outer .thumbs-cont {
    margin-top: 10rem;
  }
  #page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-wrapper {
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
    width: 94%;
  }
  #page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide {
    /*width: calc((100% - 30rem) / 4 ) !important;*/
    width: 16.6666666667% !important;
  }
  #page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide + .swiper-slide {
    margin-left: 10rem;
  }
  #page_access .template_content .content_wrap .swiper_outer .thumbs-cont .swiper-slide-thumb-active::before {
    border: 3px solid #e57e24;
  }
  #page_access .template_content .content_wrap .swiper_outer .swiper-pagination {
    justify-content: center;
  }
  #page_access .template_content .content_wrap .text_wrap {
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    width: 335rem;
  }
  #page_access .template_content .content_wrap .text_wrap .text {
    width: auto;
  }
  #page_access .template_content .content_wrap .text_wrap .text h2 {
    font-size: 22rem;
    text-align: center;
  }
  #page_access .template_content .content_wrap .text_wrap .text p.t_description {
    font-size: 14rem;
  }
  #page_access .template_content .content_wrap .text_wrap .text p {
    /*&.amenity {
      a {
        font-size: 14rem;
      }
    }*/
    /*&.btn_more {}*/
  }
  #page_access .info_wrap {
    /*margin-top: 70rem;*/
    padding-top: 40rem;
    padding-left: 20rem;
    padding-right: 20rem;
  }
  #page_access .info_wrap .gmap_area {
    margin-top: 21rem;
    width: 100% !important;
  }
  #page_access .info_wrap .gmap_area iframe {
    height: 260rem;
  }
  #page_access .info_wrap .facility_info,
  #page_access .info_wrap .parking_map_area,
  #page_access .info_wrap .parking_map_area .map_img {
    width: 100% !important;
  }
  #page_access .info_wrap .facility_info {
    font-size: 14rem;
    margin-bottom: 40rem;
  }
  #page_access .info_wrap .parking_map_area {
    display: flex;
    flex-direction: column;
    gap: 20rem;
  }
  #page_access .info_wrap .parking_map_area .map_img {
    width: 100%;
  }
  #page_access .info_wrap .parking_map_area .parking_info_circle {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 15rem;
    text-align: left;
  }
  #page_access .info_wrap .parking_map_area .parking_info_circle .circle_title {
    width: 120rem;
    height: 120rem;
    background-color: var(--color-brown);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16rem;
    line-height: 1.4;
    margin-bottom: 0;
    flex-shrink: 0;
    padding: 10rem;
    box-sizing: border-box;
    text-align: center;
  }
  #page_access .info_wrap .parking_map_area .parking_info_circle .circle_text {
    color: var(--color-text);
    font-size: 13rem;
    line-height: 1.8;
  }
  #page_access .info_wrap .parking_map_area .parking_info_circle .circle_text br {
    display: none;
  }
  #page_access .info_wrap .info {
    margin-top: 20rem;
  }
  #page_access .info_wrap .info dt {
    width: 30%;
  }
  #page_access .info_wrap .info dd {
    width: 70%;
  }
  #page_access .info_wrap#route .route_block {
    margin-bottom: 50rem;
  }
  #page_access .info_wrap#route .route_block .route_tit {
    font-size: 18rem;
  }
  #page_access .info_wrap#route .route_block .route_tit img {
    width: 50rem;
  }
  #page_access .sightseeing_wrap {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
  #page_access .sightseeing_wrap .sightseeing_inner {
    margin-top: 30rem;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
  #page_access .sightseeing_wrap .tab_list {
    flex-wrap: wrap;
    gap: 10rem 2%;
    margin-bottom: 40rem;
    padding: 0 20rem;
  }
  #page_access .sightseeing_wrap .tab_list li {
    width: 49%;
    font-size: 13rem;
    padding: 10rem 0;
  }
  #page_access .sightseeing_wrap .tab_content {
    padding: 40rem 20rem;
  }
  #page_access .sightseeing_wrap .tab_content .content_tit {
    font-size: 18rem;
    margin-bottom: 20rem;
  }
  #page_access .sightseeing_wrap .tab_content .card_list {
    gap: 40rem 15rem;
  }
  #page_access .sightseeing_wrap .tab_content .card {
    width: 159rem;
    padding: 0rem 0rem 25rem;
  }
  #page_access .sightseeing_wrap .tab_content .card .img_box {
    width: 100%;
    height: 110rem;
    margin-bottom: 10rem;
  }
  #page_access .sightseeing_wrap .tab_content .card .card_tit {
    font-size: 16rem;
    margin-bottom: 8rem;
  }
  #page_access .sightseeing_wrap .tab_content .card .card_desc {
    font-size: 12rem;
    margin-bottom: 50rem;
  }
  #page_access .sightseeing_wrap .tab_content .card .card_btn {
    padding: 0;
  }
  #page_access .sightseeing_wrap .tab_content .card .card_time {
    font-size: 12rem;
    padding: 0;
  }
  #page_access .sightseeing_wrap .tab_content .card .card_links a {
    font-size: 12rem;
  }
  #page_access .sightseeing_wrap .tab_content .card .card_links a img {
    width: 9rem;
    right: 7rem;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=access.css.map */