@charset "utf-8";
/* reset
 * ************************************************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.0em;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  -webkit-text-size-adjust: none;
}
nav, section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: 0;
}
em, strong, th {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
a:focus {
  outline: none;
}
/* 共通スタイル
 * ************************************************** */
.pageContents {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0 auto;
  max-width: 100%;
  background: url("../img/bg.png");
  background-size: 4px;
  color: #000;
  overflow: hidden;
}
.pageContents * {
  box-sizing: border-box;
}
.pageContents a, .pageContents a:focus {
  outline: none;
}
.pageContents a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  color: #000
}
.pageContents a:hover {
  opacity: 0.8;
}
.pageContents img {
  vertical-align: bottom;
  max-width: 100%!important;
}
.pageContents .bold {
  font-weight: bold;
}
.pageContents .d_pc {
  display: none !important;
}
.-noBg .topicPathWrap+* {
  margin-top: 0 !important;
}
/* cont common */
.pageContents section {
  position: relative;
  width: 100%;
}
.pageContents .sec_bg {
  padding: 0 4vw 6vw;
  background: #fff;
  position: relative;
}
.pageContents .sec_box_A {
  padding: 14vw 4vw 8vw;
  background: #fff;
  position: relative;
}
/* margin */
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb1em {
  margin-bottom: 1em;
}
/* sec_ttl */
.pageContents .sec_ttl_A {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
}
.pageContents .sec_ttl_A .en {
  display: inline-block;
  padding: 0.5em 0.6em;
  line-height: 1;
  color: #fff;
  font-size: 4vw;
  background: #f29faf;
  font-family: "Encode Sans Expanded", sans-serif;
  font-weight: bold;
}
.pageContents .sec_ttl_A .jp {
  display: inline-block;
  padding: 0.5em 0.8em;
  line-height: 1;
  color: #fff;
  font-size: 2.8vw;
  background: #9c9556;
}
.pageContents .sec_ttl_A_bottom {
  position: absolute;
  top: 10.5vw;
  left: 3vw;
  font-size: 3.3vw;
  color: #4d4d4d;
}
.pageContents .sec_ttl_B {
  margin-bottom: 15px;
  font-size: 4.2vw;
  text-align: center;
  font-weight: 500;
  color: #0068B6;
}
.pageContents .sec_ttl_B .sec_ttl_B_inner {
  display: inline-block;
  position: relative;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.pageContents .sec_ttl_B .sec_ttl_B_inner::before {
  display: block;
  content: '';
  width: 1.6em;
  height: 2px;
  background: #0068B6;
  transform: rotate(50deg);
  position: absolute;
  top: 0.8em;
  left: -1.5em;
}
.pageContents .sec_ttl_B .sec_ttl_B_inner::after {
  display: block;
  content: '';
  width: 1.6em;
  height: 2px;
  background: #0068B6;
  transform: rotate(-50deg);
  position: absolute;
  top: 0.8em;
  right: -1.5em;
}
/* button */
.pageContents .btn_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageContents .btn_A a, .pageContents .btn_B a, .pageContents .btn_C a  {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  border-radius: 30px;
  line-height: 1;
  position: relative;
  z-index: 1;
  transition: .4s;
}
.pageContents .btn_A a::before, .pageContents .btn_B a::before, .pageContents .btn_C a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .4s;
}
.pageContents .btn_A_pink a::before, .pageContents .btn_B_pink a::before, .pageContents .btn_C_pink a::before {
  background: #9c9556;
}
.pageContents .btn_A_brown a::before, .pageContents .btn_B_brown a::before, .pageContents .btn_C_brown a::before {
  background: #F29FAF;
}
.pageContents .btn_A a:hover, .pageContents .btn_B a:hover, .pageContents .btn_C a:hover {
  opacity: 1;
}
.pageContents .btn_A a:hover::before, .pageContents .btn_B a:hover::before, .pageContents .btn_C a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.pageContents .btn_A a {
  padding: 2.5vw;
  width: 80vw;
  font-size: 3.4vw;
  color: #fff;
  font-weight: 500;
}
.pageContents .btn_B a {
  padding: 2.5vw;
  width: 40vw;
  font-size: 3vw;
  color: #fff;
}
.pageContents .btn_C a {
  padding: 2.5vw;
  width: 35vw;
  color: #fff;
  font-size: 3vw;
}
.pageContents .btn_A.btn_A_pink a, .pageContents .btn_B.btn_B_pink a, .pageContents .btn_C.btn_C_pink a {
  background: #F29FAF;
}
.pageContents .btn_A.btn_A_brown a, .pageContents .btn_B.btn_B_brown a, .pageContents .btn_C.btn_C_brown a {
  background: #9c9556;
}
.pageContents .btn_newwindow a {
  padding-right: calc(0.8em + 2.2vw);
}
.pageContents .btn_newwindow .btn_txt {
  position: relative;
}
.pageContents .btn_newwindow .btn_txt::after {
  display: block;
  content: '';
  width: 2.6vw;
  height: 2.6vw;
  background: url("../img/icon_newwindow_w.png") no-repeat 0 0 / contain;
  position: absolute;
  right: -3.3vw;
  top: 1vw;
}
/* font */
.pageContents .rounded {
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.pageContents .encode {
  font-family: "Encode Sans Expanded", sans-serif;
}
/* スクロールCSS
 * ************************************************** */
.pageContents .fade-in {
  opacity: 0;
}
.pageContents .fade-in-up {
  transform: translate(0, 80px);
}
.pageContents .fade-in-down {
  transform: translate(0, -80px);
}
.pageContents .fade-in-left {
  transform: translate(-80px, 0);
}
.pageContents .fade-in-right {
  transform: translate(80px, 0);
}
.pageContents .scroll-in {
  animation: fadeIn 1.2s ease;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
/*
  slider
 * ************************************************** */
.prev-arrow,
.next-arrow {
  display: block;
  width: 2.667vw;
  height: 8vw;
  transition: all .3s ease;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 4vw);
}
.prev-arrow {
  background: url("../img/btn_arro_l.png") no-repeat 0 0 / contain;
  left: -4.8vw;
}
.next-arrow {
  background: url("../img/btn_arro_r.png") no-repeat 0 0 / contain;
  right: -4.8vw;
}
/*
  global_menu
 * ************************************************** */
nav.global_menu {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 4vw;
  background: rgba(255, 255, 255, 0.8);
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 48vw;
  padding: 16vw 3.333vw 5.333vw;
}
nav.global_menu .menu_ttl {
  font-size: 3.4vw;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 10px;
  color: #f29faf;
  border-bottom: 1px solid #f29faf;
  font-family: "Encode Sans Expanded", sans-serif;
}
nav.global_menu ul li a {
  display: block;
  margin-top: 0.8em;
  font-size: 3.6vw;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "Encode Sans Expanded", sans-serif;
}
nav.global_menu .menu_sns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.5vw;
}
nav.global_menu .menu_sns li a {
  display: block;
  width: 5.333vw;
  margin-right: 2vw;
}
nav.global_menu .menu_sns li.menu_sns_x a {
  width: 4.933vw;
}
nav.global_menu .menu_sns li.menu_sns_yt a {
  width: 6.133vw;
}
/*中身を非表示にしておく*/
.toggle-wrap .toggle-content {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.6s;
}
/* このクラスを、jQueryで付与・削除する */
nav.global_menu.active {
  transform: translateY(0%);
  top: 26vw;
}
/* ハンバーガー用 */
.navToggle {
  display: block;
  width: 6.1333vw;
  height: 6.1333vw;
  cursor: pointer;
  z-index: 9999;
  text-align: center;
  transition: .3s ease-in-out;
  position: fixed;
  top: 33vw;
  right: 6.1333vw;
}
.navToggle span {
  display: block;
  position: absolute;
  left: 0;
  width: 6.1333vw;
  border-bottom: solid 0.6667vw #9c9556;
  border-radius: 10px;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  right: 0;
}
.navToggle span:nth-child(1) {
  top: 0;
}
.navToggle span:nth-child(2) {
  top: 1.6vw;
  border-color: #f29faf;
}
.navToggle span:nth-child(3) {
  top: 3.2vw;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
  top: 12px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navToggle.active span:nth-child(2) {
  display: none;
}
.navToggle.active span:nth-child(3) {
  top: 12px;
  left: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #f29faf;
}
/* HeightMinというクラス名がついたら */
.global_menu_wrap.HeightMin .navToggle {
  top: 14vw;
  right: 6.1333vw;
  animation: DownAnime 1.5s forwards;
}
.global_menu_wrap.HeightMin nav.global_menu.active {
  transform: translateY(0%);
  top: 9.6vw;
}
/* lp_header
 * ************************************************** */
.pageContents #lp_header {
  padding: 3.333vw;
  width: 100%;
  background: #fff;
}
.pageContents #lp_header .lp_header_logo {
  width: 17.733vw;
}
/* lp_content
 * ************************************************** */
.pageContents #lp_content {
  padding: 2.667vw 3.333vw 0;
}
/* **************************************************
  lp_top
 * ************************************************** */
/* lp_mv
 * ************************************************** */
#forest_top.pageContents #lp_mv_lead {
  margin-bottom: 8vw;
  padding: 2.667vw 2.667vw 9.333vw;
  background: #fff;
}
#forest_top.pageContents #lp_mv {
  width: 100%;
  margin-bottom: 7.333vw;
}
#forest_top.pageContents #lp_mv .lp_mv_slider li a {
  width: 100%;
  aspect-ratio: 960 / 768;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#forest_top.pageContents #lp_mv .lp_mv_slider li a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#forest_top.pageContents #lp_mv .lp_mv_slider li .lp_mv_slider_txt {
  margin-top: 10px;
  text-align: right;
  font-size: 2.2vw;
}
/* sec_lead
 * ************************************************** */
#forest_top.pageContents #sec_lead {
  padding-top: 12.667vw;
}
#forest_top.pageContents #sec_lead .lead_ttl {
  margin-bottom: 3.8vw;
}
#forest_top.pageContents #sec_lead .lead_ttl img {
  display: block;
  width: 37.6vw;
  margin: 0 auto 4vw;
}
#forest_top.pageContents #sec_lead .lead_ttl .lead_ttl_txt {
  font-size: 3.8vw;
  font-weight: 600;
  color: #f29faf;
  text-align: center;
}
#forest_top.pageContents #sec_lead .lead_txt {
  font-size: 2.8vw;
  line-height: 2;
  text-align: center;
  margin-bottom: 8.000vw;
}
#forest_top.pageContents #sec_lead .btn_wrap .btn_B {
  margin: 0 1vw;
}
#forest_top.pageContents #sec_lead .btn_wrap .btn_B a {
  width: 42vw;
}
/* sec_news
 * ************************************************** */
#forest_top.pageContents #sec_news {
  margin: 0 auto 16vw;
}
#forest_top.pageContents #sec_news .sec_bg {
  padding-top: 12.667vw;
  padding-bottom: 8vw;
}
#forest_top.pageContents #sec_news .news_list {
  margin-bottom: 6vw;
}
#forest_top.pageContents #sec_news .news_list li {
  padding-bottom: 2.8vw;
  border-bottom: 1px solid #e1dfcc;
  margin-bottom: 3.333vw;
  line-height: 1.2;
}
#forest_top.pageContents #sec_news .news_list li .news_list_date {
  color: #4d4d4d;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
#forest_top.pageContents #sec_news .news_list li .news_list_ttl a {
  color: #4d4d4d;
  font-size: 1.3rem;
}
#forest_top.pageContents #sec_news .news_list li.news_list_new .news_list_date::after {
  display: inline-block;
  content: '';
  width: 50px;
  height: 20px;
  margin: 0 0 -3px 10px;
  background: url("../img/icon_news_new.png") no-repeat 0 0 / contain;
}
/* sec_area
 * ************************************************** */
#forest_top.pageContents #sec_area {
  margin: 0 calc(50% - 50vw) 6vw;
  width: 100vw;
  background: #fff;
}
#forest_top.pageContents #sec_area .sec_bg {
  padding-bottom: 8vw;
}
#forest_top.pageContents #sec_area .sec_wd {
  padding-top: 21vw;
  padding-bottom: 10vw;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
#forest_top.pageContents #sec_area .btn_wrap {
  margin-bottom: 6vw;
}
#forest_top.pageContents #sec_area .btn_wrap .btn_C {
  margin: 0 2vw;
}
#forest_top.pageContents #sec_area .btn_wrap .btn_C:first-child a {
  width: 46vw;
}
#forest_top.pageContents #sec_area .area_map {
  margin-bottom: 6vw;
  width: 100%;
  overflow-x: scroll;
}
#forest_top.pageContents #sec_area .area_map .area_map_inner {
  width: 150vw;
  padding: 0 4vw 4vw;
}
/* sec_highlights
 * ************************************************** */
#forest_top.pageContents #sec_highlights {
  margin: 0 auto 6vw;
}
#forest_top.pageContents #sec_highlights .sec_bg {
  padding-top: 21vw;
  padding-bottom: 6vw;
}
#forest_top.pageContents #sec_highlights .highlights_slider {
  margin-bottom: 6.667vw;
}
#forest_top.pageContents #sec_highlights .highlights_slider .slick-slide {
  padding: 0 1.3vw; 
}
#forest_top.pageContents #sec_highlights .highlights_slider .slick-slide a {
  display: block;
  border: 1px solid #9c9556;
}
#forest_top.pageContents #sec_highlights .highlights_slider .slick-slide a .highlights_slider_txt {
  padding: 2.133vw;
  font-size: 2.8vw;
  position: relative;
}
#forest_top.pageContents #sec_highlights .highlights_slider .slick-slide a .highlights_slider_txt::after {
  content: "";
  position: absolute;
  bottom: 3vw;
  right: 1vw;
  display: inline-block;
  width: 7.2vw;
  height: 1px;
  margin-top: 31.1px;
  border-radius: 9999px;
  background-color: #f29faf;
}
#forest_top.pageContents #sec_highlights .highlights_slider .slick-slide a .highlights_slider_txt::before {
  content: "";
  position: absolute;
  bottom: 3vw;
  right: 1vw;
  width: 2.4vw;
  height: 1px;
  border-radius: 9999px;
  background-color: #f29faf;
  transform: rotate(45deg);
  transform-origin: calc(100% - 0.5px) 50%;
}
#forest_top.pageContents #sec_highlights .highlights_slider .prev-arrow {
  left: -2.8vw;
}
#forest_top.pageContents #sec_highlights .highlights_slider .next-arrow {
  right: -2.8vw;
}
#forest_top.pageContents #sec_highlights .btn_wrap .btn_C {
  margin: 0 2vw;
}
#forest_top.pageContents #sec_highlights .btn_wrap .btn_C a {
  width: 40vw;
}
/* sec_buy
 * ************************************************** */
#forest_top.pageContents #sec_buy {
    margin: 0 auto 6vw;
}
#forest_top.pageContents #sec_buy .sec_bg {
  padding-top: 21vw;
  padding-bottom: 6vw;
}
#forest_top.pageContents #sec_buy .buy_img {
  width: 60vw;
  margin: 0 auto 4.533vw;
}
#forest_top.pageContents #sec_buy .btn_C a {
  width: 61.333vw;
}
/* foot_link
 * ************************************************** */
.pageContents #foot_link {
  margin: 0 auto 8vw;
  padding: 8vw 6vw;
  width: 100%;
  background: #fff;
}
.pageContents #foot_link .foot_link_ttl {
  margin-bottom: 15px;
  text-align: center;
  font-size: 3.6vw;
  font-weight: bold;
  color: #4d4d4d;
  letter-spacing: 0.2em;
}
.pageContents #foot_link .foot_link_list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageContents #foot_link .foot_link_list a {
  display: block;
  margin: 0 3vw;
}
.pageContents #foot_link .foot_link_list .foot_link_forestartfest {
  width: 23vw;
}
.pageContents #foot_link .foot_link_list .foot_link_ig, 
.pageContents #foot_link .foot_link_list .foot_link_x, 
.pageContents #foot_link .foot_link_list .foot_link_fb {
  width: 8vw;
}
.pageContents #foot_link .foot_link_list .foot_link_yt {
  width: 10.267vw;
}
/* sec_notes
 * ************************************************** */
.pageContents #sec_notes {
  padding: 0 3.333vw;
}
.pageContents #sec_notes .sec_notes01 {
  margin-bottom: 35px;
}
.pageContents #sec_notes .sec_notes01 li {
  margin-bottom: 1em;
  font-size: 2.6vw;
  text-align: center;
}
.pageContents #sec_notes .sec_notes02 {
  padding: 15px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  font-size: 2.4vw;
  text-align: center;
  margin-bottom: 40px;
}
.pageContents #sec_notes .sec_notes02 li {
  margin-bottom: 0.5em;
}
.pageContents #sec_notes .sec_notes02 .notes02_ttl {
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
/* foot_share
 * ************************************************** */
.pageContents #foot_share {
  margin: 0 auto 10vw;
}
.pageContents #foot_share ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageContents #foot_share ul li a {
  display: block;
  margin: 0 1.2vw;
  width: 24vw;
}
/* foot_credit
 * ************************************************** */
.pageContents #foot_credit {
  padding: 4vw 0 6vw;
  text-align: center;
  font-size: 2.4vw;
  border-top: 1px solid #666;
}
.pageContents.low_page #foot_credit {
  border-top: none;
}
/* page-top */
.pageContents #page-top a {
  display: block;
  position: fixed;
  bottom: 3vw;
  right: 3vw;
  width: 12vw;
}

/* ********************************************************
  forest_news
 * ******************************************************** */
#forest_news.pageContents .news_list {
  margin-bottom: 6vw;
}
#forest_news.pageContents .news_list li {
  padding-bottom: 2.8vw;
  border-bottom: 1px solid #e1dfcc;
  margin-bottom: 3.333vw;
  line-height: 1.2;
}
#forest_news.pageContents .news_list li .news_list_date {
  color: #4d4d4d;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
#forest_news.pageContents .news_list li .news_list_ttl a {
  color: #4d4d4d;
  font-size: 1.3rem;
}
#forest_news.pageContents .news_list li.news_list_new .news_list_date::after {
  display: inline-block;
  content: '';
  width: 50px;
  height: 20px;
  margin: 0 0 -3px 10px;
  background: url("../img/icon_news_new.png") no-repeat 0 0 / contain;
}
/* article */
#forest_news.pageContents .article_ttl {
  margin-bottom: 6vw;
  color: #4d4d4d;
}
#forest_news.pageContents .article_ttl .article_ttl_date {
  margin-bottom: 5px;
  font-size: 1.3rem;
}
#forest_news.pageContents .article_ttl .article_ttl_txt {
  font-size: 1.8rem;
}
#forest_news.pageContents .article_cont {
  margin-bottom: 10vw;
}
#forest_news.pageContents .article_cont .article_cont_img {
  margin-bottom: 6vw;
}
#forest_news.pageContents .article_cont .article_cont_img.article_cont_img_center {
  text-align: center;
}
#forest_news.pageContents .article_cont p {
  line-height: 1.9;
  font-size: 1.4rem;
  margin-bottom: 1em;
}
#forest_news.pageContents .article_cont .article_cont_link_A a {
  margin-bottom: 20px;
  display: block;
  border: 2px solid #9c9556;
  line-height: 1.4;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 3vw;
  background: #fff;
  color: #9c9556
}
#forest_news.pageContents .article_cont .article_cont_link_A.article_cont_link_A_newwindow a span {
  position: relative;
}
#forest_news.pageContents .article_cont .article_cont_link_A.article_cont_link_A_newwindow a span::after {
  display: block;
  content: '';
  width: 2.533vw;
  height: 2.533vw;
  background: url(../img/icon_newwindow_g.png) no-repeat 0 0 / contain;
  position: absolute;
  right: -3.3vw;
  bottom: 0.7vw;
}
#forest_news.pageContents .article_bottom_btn .btn_B {
  margin: 0 2vw;
}
/* ********************************************************
  forest_highlights
 * ******************************************************** */
#forest_highlights.pageContents .sec_box_A {
  padding-top: 24vw;
}
#forest_highlights.pageContents .highlights_sort-buttons {
  margin-bottom: 4vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2vw 1.2vw;
}
#forest_highlights.pageContents .highlights_item_category {
  display: flex;;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1vw 1vw;
}
#forest_highlights.pageContents .highlights_js-sort {
  padding: 1.6vw;
  width: 16vw;
  font-size: 2.8vw;
  text-align: center;
  line-height: 1;
  border-radius: 30px;
  background: #fff;
  cursor: pointer;
  color: #f29faf;
  border: 1px solid #f29faf;
  transition: all 0.3s ease;
}
#forest_highlights.pageContents .highlights_js-sort:hover,
#forest_highlights.pageContents .highlights_js-sort.active {
  background: #f29faf;
  color: #fff;
}
#forest_highlights.pageContents .highlights_js-sort.highlights_category_all {
  border-color: #666666;
  color: #666666;
}
#forest_highlights.pageContents .highlights_js-sort.highlights_category_all:hover,
#forest_highlights.pageContents .highlights_js-sort.highlights_category_all.active {
  color: #fff;
  background: #666666;
}
#forest_highlights.pageContents .highlights_item_category span {
  display: block;
  padding: 0.7vw;
  width: 12vw;
  font-size: 2vw;
  text-align: center;
  line-height: 1;
  border-radius: 30px;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  transition: all 0.3s ease;
}
#forest_highlights.pageContents .highlights_category_play {
  background: #9686ae;
}
#forest_highlights.pageContents .highlights_category_eat {
  background: #da9ca7;
}
#forest_highlights.pageContents .highlights_category_buy {
  background: #86a27c;
}
#forest_highlights.pageContents .highlights_category_experience {
  background: #8aa0ac;
}
#forest_highlights.pageContents .highlights_category_event {
  background: #b4a279;
}
#forest_highlights.pageContents .highlights_list {
  display: flex;
  flex-wrap: wrap;
  gap: 6vw 4.667vw;
  margin-bottom: 10vw;
}
#forest_highlights.pageContents .highlights_list .highlights_item {
  width: calc((100% - 4.667vw * 2) / 3);
}
#forest_highlights.pageContents .highlights_list .highlights_item .highlights_item_area {
  margin-bottom: 1.5vw;
  color: #fff;
  text-align: center;
  line-height: 1;
  background: #f29faf;
  padding: 6px;
  font-size: 2.7vw;
}
#forest_highlights.pageContents .highlights_list .highlights_item .highlights_item_img {
  margin-bottom: 1.5vw;
}
#forest_highlights.pageContents .highlights_list .highlights_item .highlights_item_name {
  margin-bottom: 1.5vw;
  font-size: 2.7vw;
  font-weight: 500;
}
#forest_highlights.pageContents .highlights_list .highlights_item .highlights_item_copy {
  margin-top: 10px;
  font-size: 2vw;
}