@charset "utf-8";
/* ============================
refresh__nav
=============================== */
.refresh__nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(100px, 5.8vw);
  padding: max(99px, 6.88vw) 0 max(68px, 4.72vw);
}
.refresh__nav-item {
}
.refresh__nav-item a {
  position: relative;
}
.refresh__nav-item a::after {
  content: "";
  width: 1.15em;
  height: 0.7em;
  background: url(../imgs/common/down_arow.svg) no-repeat center / contain;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  transition: 0.2s;
}
.refresh__nav-item a:hover > * {
  opacity: 0.5;
}
.refresh__nav-item_icon {
  max-width: 99px;
  margin: 0 auto;
}
.refresh__nav-item-txt {
  color: #00675b;
  font-size: max(20px, 1.39vw);
  line-height: 1.45;
  letter-spacing: 0.05em;
  text-align: center;
  /*height: 3.5em;*/
  padding-top: 0.8em;
}
.refresh__nav-item-txt span {
  display: inline-block;
}

.refresh__nav-item a:hover::after {
  transform: translate(-50%, 50%);
  transition: 0.2s;
}

/*施設詳細リスト共通*/
.ditail_list {
  color: #00675b;
  line-height: 1.47;
  /*display:flex;
	gap:2em;*/
  width: 100%;
}
.ditail_list tr {
  border-top: 1px dashed #00675b;
}
.ditail_list th {
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  width: 6em;
  padding: 9px 0;
}
.ditail_list td {
  width: calc(100% - 6em);
  padding: 10px 0 10px 1em;
}
.ditail_list td a {
  color: #00675b;
}

/* ============================
bbq
=============================== */
#bbq {
  padding: 5.86vw 0 6.94vw;
}
.bbq__head {
  display: flex;
  /*flex-direction:row-reverse;*/
  gap: 3.2%;
  margin-bottom: 31px;
}
.bbq__head .txtbk {
  color: #fff;
  width: 45%;
  padding-top: 9vw;
  position: relative;
}
.ttl_icon {
  width: 61%;
  max-width: 346px;
  position: absolute;
  right: 0;
  top: 10%;
  transform: translateY(-50%);
}
.bbq_ttl {
  line-height: 1.2;
  margin-bottom: 15px;
}
.bbq_ttl span {
  display: inline-block;
}
.bbq_ttl_txt {
  font-size: 30px;
}
.bbq_ttl_en {
  color: #efd465;
  font-size: 70px;
}
.bbq_ttl_txt-m {
  font-size: 40px;
}
.bbq_catch_txt {
  font-size: 20px;
  line-height: 2;
}
.bbq__head .imgbk {
  width: 51.8%;
}

.bbq_gallery {
  display: flex;
  justify-content: center;
  gap: 22px;
  width: 88vw;
  margin: 0 auto max(100px, 6.94vw);
}
.bbq_gallery > *:nth-child(even) {
  padding-top: 30px;
}

.bbq__ditail {
  display: flex;
  justify-content: space-between;
}
.bbq__ditail .txtbk {
  color: #fff;
  width: 51.8%;
}
.bbq__ditail .ditail_sttl {
  font-size: 30px;
  font-weight: 700;
}
.ditail_list.list_col-wh {
  color: #fff;
  margin-bottom: 46px;
}
.ditail_list.list_col-wh tr {
  border-bottom: 1px dashed #fff;
}
.bbq__ditail .imgbk {
  width: 45%;
}

/* ============================
nature akan shopping 共通
=============================== */
.refreshItem {
  color: #00675b;
  padding: 6.94vw 0 0;
}
.refresh__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.refresh_ttl {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #efd465;
  border-radius: 9999px;
  padding: 7px 60px;
  min-width: 360px;
  position: relative;
}
.refresh_ttl::after {
  content: "";
  background-color: #efd465;
  height: 15px;
  width: 20px;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  position: absolute;
  top: calc(100% - 1px);
  left: 70px;
}
.refresh_ttl .ttl_ic {
  width: 40px;
}
.refresh__head p {
  font-size: 20px;
  line-height: 1.25;
}

.refresh__ditail {
}
.refresh__ditail .ditail_item:not(:last-child) {
  border-bottom: 1px solid #bababa;
}
.ditail_item {
  display: flex;
  justify-content: space-between;
  padding: 70px 0;
}
.ditail_item-txtbk {
  width: 50%;
}
.ditail_item-head {
  margin-bottom: 15px;
}
.ditail_item-ttl {
  font-size: 30px;
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 14px;
}
.ditail_item-ttl .balloon {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  background-color: #00675b;
  border-radius: 9999px;
  padding: 5px 19px;
  position: relative;
}
.ditail_item-ttl .balloon::after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #00675b;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  transform: translateY(-50%);
}
.ditail_item-head p {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.5;
}
.ditail_item .ditail_list {
  margin-bottom: 30px;
}
.ditail_item-note {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 1em;
}
.ditail_item-note > * {
  font-size: 20px;
  line-height: 1;
  width: 14.5em;
  border: 2px solid #00675b;
  border-radius: 30px;
  padding: 0.65em 1.25em;
  transition: 0.2s;
}
.ditail_item-from {
  flex-shrink: 0;
}
.towebsite {
  color: #00675b;
}
.towebsite span {
  display: block;
  padding-right: 15px;
  position: relative;
}
.towebsite > span::after {
  content: "";
  width: 6.5px;
  height: 13px;
  background-image: url(../imgs/refresh/btn_arrow_gn.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s;
}
.towebsite:hover {
  color: #fff;
  background-color: #00675b;
}
.towebsite:hover > span::after {
  background-image: url(../imgs/refresh/btn_arrow_wh.svg) !important;
  right: -10px;
}

.ditail_item-imgbk {
  width: 45.83%;
}
.slider_nav {
  width: 90%;
}
.slider_nav .slick-track {
  width: 100% !important;
  transform: unset !important;
}
.slider_item li {
  aspect-ratio: 55 / 35;
  margin: 0 0 15px 0;
  overflow: hidden;
}

.slider_nav li {
  width: calc((100% - 40px) / 4) !important;
  margin: 0 5px;
  aspect-ratio: 114 / 73;
  overflow: hidden;
  cursor: pointer;
}
.slider_nav .slick-current {
  display: none;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1260px) {
  /* ============================
nature akan shopping 共通
=============================== */
  .ditail_item-ttl .balloon {
    font-size: clamp(18px, 1.58vw, 20px);
  }
  .ditail_item-note > * {
    font-size: clamp(18px, 1.58vw, 20px);
  }
}

@media screen and (max-width: 980px) {
  /* ============================
refresh__nav
=============================== */
  /*.refresh__nav {
    gap: clamp(45px, 5.86vw, 70px) 2%;
  }*/
  .refresh__nav-item_icon {
    width: min(99px, 10vw);
  }
  .refresh__nav-item-txt {
    font-size: clamp(18px, 2.04vw, 20px);
  }

  /* ============================
bbq
=============================== */
  .ttl_icon {
    right: -2vw;
    top: 7%;
  }

  /* ============================
nature akan shopping 共通
=============================== */
  .refresh_ttl {
    font-size: clamp(24px, 3vw, 30px);
    padding: 7px 20px;
  }
  .refresh__head p {
    font-size: clamp(17px, 2vw, 20px);
  }
  .refresh__head p br {
    display: none;
  }
  .ditail_item-ttl {
    font-size: clamp(24px, 3vw, 30px);
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .ditail_item-ttl .balloon::after {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    top: calc(100% - 1px);
    left: 40px;
    transform: none;
  }
  .ditail_item-head p {
    font-size: clamp(17px, 2vw, 20px);
  }
}

@media screen and (max-width: 768px) {
  /* ============================
refresh__nav
=============================== */
  .refresh__nav {
    gap: clamp(55px, 5.86vw, 70px) 2%;
  }
  .refresh__nav-item {
    width: calc((100% - 6%) / 4);
  }

  /* ============================
bbq__head
=============================== */
  .bbq__head {
    flex-direction: column;
    align-items: center;
  }
  .bbq__head .txtbk {
    width: 100%;
  }
  .ttl_icon {
    width: 40vw;
  }
  .bbq__head .imgbk {
    width: 100%;
    max-width: 500px;
  }

  .bbq_gallery {
    gap: 20px 20px;
    flex-wrap: wrap;
    width: 92%;
  }
  .bbq_gallery > * {
    width: calc((100% - 30px) / 2);
  }
  .bbq_gallery > *:nth-child(even) {
    padding-top: 20px;
  }

  .bbq__ditail {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .bbq__ditail .txtbk {
    width: 100%;
  }
  .bbq__ditail .imgbk {
    width: 100%;
    max-width: 500px;
  }

  /* ============================
nature akan shopping 共通
=============================== */
  .refresh__head {
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }

  .ditail_item {
    align-items: center;
    flex-direction: column-reverse;
    gap: 30px;
    padding: min(70px, 9.1vw) 0;
  }
  .ditail_item-txtbk {
    width: 100%;
  }
  .ditail_item-imgbk {
    width: 100%;
    max-width: 500px;
  }
  .ditail_item-note {
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 640px) {
  /* ============================
refresh__nav
=============================== */
  .refresh__nav {
    max-width: 400px;
    margin: 0 auto;
  }
  .refresh__nav-item {
    width: calc((100% - 2%) / 2);
    max-width: 136px;
  }
  .refresh__nav-item_icon {
    width: max(50px, 10vw);
  }

  .bbq_ttl_txt {
    font-size: clamp(24px, 4.68vw, 30px);
  }
  .bbq_ttl_en {
    font-size: clamp(56px, 10.9vw, 70px);
  }
  .bbq_ttl_txt-m {
    font-size: clamp(36px, 6.25vw, 40px);
  }
}

@media screen and (max-width: 400px) {
  /* ============================
nature akan shopping 共通
=============================== */
  .refresh_ttl {
    width: 100%;
    min-width: 100%;
  }
}