@charset "utf-8";

/* -----------------------------------------------------------------
 section_map
----------------------------------------------------------------- */
.section_map {
  padding-bottom: var(--margin_size_M);
}
.section_map .map_wrap {
  width: 100%;
  margin-top: var(--margin_size_XXS);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth; 
}

.section_map .map_wrap::-webkit-scrollbar {
  height: 3px;
  background: var(--color_bg_light_bl);
}
.section_map .map_wrap::-webkit-scrollbar-thumb {
  background: var(--color_main);
}
.section_map .map_wrap::-webkit-scrollbar-thumb:hover {
  background: var(--color_main);
  cursor: grab;
}
.section_map .map_wrap img {
  display: block;
  width: 1000px;/*この地図画像の大きさによってメディアクエリ幅を変更*/
  height: auto;
  max-inline-size: none;
}
@media screen and (max-width: 999px) {/*地図画像の大きさによってメディアクエリ幅を変更*/
  .section_map .map_wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media print, screen and (min-width: 1001px) {/*地図画像の大きさによってメディアクエリ幅を変更*/
 .section_map .map_wrap img {
    width: 100%;
    height: auto;
  }
}


/* -----------------------------------------------------------------
 map_icons
----------------------------------------------------------------- */
.map_icons {
  margin-top: var(--margin_size_XXS);
}
.map_icons ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.8rem;
}
.map_icons li {
  display: flex;
  gap:0.4rem;
  align-items: center;
}
.map_icons .ico {
  width: 1.6rem;
}
.map_icons .txt {
  font-weight: 700;
  font-size: .78rem;
}
@media print, screen and (min-width: 768px) {
  .map_icons ul {
    justify-content: center;
  }
  .map_icons .ico {
    width: 2rem;
  }
}

/* -----------------------------------------------------------------
 scene_list
----------------------------------------------------------------- */
.scene_list {
  padding: 0 0 var(--margin_size_M);
  background: var(--color_main);
  color: #fff;
}
.scene_list a {
  color: #fff;
}
/*---------- bg_paleのとき ----------*/
.scene_list.bg_pale {
  background: var(--color_bg_pale_bl);
  color: var(--color_txt_base);
}
.scene_list.bg_pale a {
  color: var(--color_txt_base);
}
.scene_list.bg_pale .scene_list_img.cmn_anim_mask_left.has_bg.is-show::before {
  background: var(--color_bg_pale_bl);
}
/*---------- /bg_paleのとき ----------*/


/* -----------------------------------------------------------------
 scene_list_header
----------------------------------------------------------------- */
.scene_list_header {
  padding-bottom: var(--margin_size_XS);
}

/* -----------------------------------------------------------------
 scene_list_img
----------------------------------------------------------------- */
.scene_list_img {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* -----------------------------------------------------------------
 scene_list_title
----------------------------------------------------------------- */
.scene_list_title .title_sub {
  margin-top: var(--margin_size_XS);
  margin-left: calc(-22 / 767 * 100vw);
}
.scene_list_title.welcome .title_sub {
  width: calc(187 / 767 * 100vw);
}
.scene_list_title.forest .title_sub {
  width: calc(183.4 / 767 * 100vw);
}
.scene_list_title.white .title_sub {
  width: calc(117.2 / 767 * 100vw);
}
.scene_list_title.marinenote .title_sub {
  width: calc(271 / 767 * 100vw);
}
.scene_list_title.coral .title_sub {
  width: calc(126.5 / 767 * 100vw);
}
.scene_list_title.ryugu .title_sub {
  width: calc(250.6 / 767 * 100vw);
}
.scene_list_title.zipang .title_sub {
  width: calc(166.2 / 767 * 100vw);
}
.scene_list_title.message .title_sub {
  width: calc(167.4 / 767 * 100vw);
}
.scene_list_title .title {
  margin-top: .8rem;
  font-weight: 500;
  font-size: .92rem;
}

@media print, screen and (min-width: 768px) {
  .scene_list_title .title_sub {
    margin-left: -22px;
  }
  .scene_list_title.welcome .title_sub {
    width: 187px;
  }
  .scene_list_title.forest .title_sub {
    width: 183.4px;
  }
  .scene_list_title.white .title_sub {
    width: 117.2px;
  }
  .scene_list_title.marinenote .title_sub {
    width: 271px;
  }
  .scene_list_title.coral .title_sub {
    width: 126.5px;
  }
  .scene_list_title.ryugu .title_sub {
    width: 250.6px;
  }
  .scene_list_title.zipang .title_sub {
    width: 166.2px;
  }
  .scene_list_title.message .title_sub {
    width: 167.4px;
  }
  .scene_list_title .title {
    font-size: 1rem;
  }
}
  
/* -----------------------------------------------------------------
 scene_list_text
----------------------------------------------------------------- */
.scene_list_text {
  margin-top: var(--margin_size_XXS);
}
.scene_list_text p {
  line-height: 1.8;
}

/* -----------------------------------------------------------------
 scene_list_topic
----------------------------------------------------------------- */
.scene_list_topic {
  display: flex;
  gap:var(--margin_size_XS);
  margin-top: var(--margin_size_XXS);
}
.scene_list_topic .item {
  
}
.scene_list_topic .item .img {
  
}
.scene_list_topic .item .text {
  margin-top: 1em;
  line-height: 1.6;
  font-size: .85rem;
}

/* -----------------------------------------------------------------
 scene_highlight
----------------------------------------------------------------- */
.scene_highlight {
  display: flex;
  flex-direction: column;
  gap:var(--margin_size_XS);
  margin-top: var(--margin_size_XS);
  padding: 1.5rem;
  background: #fff;
}
.scene_highlight .item {
}
.scene_highlight .item.img img {
  margin: auto;
}
.scene_highlight .item.img .memo {
  margin-top: .8em;
  text-align: center;
  font-size: .875rem;
}
.scene_highlight .item.text {
}
.scene_highlight .item.text .title {
  font-weight: 700;
  font-size: 1.625rem;
}
.scene_highlight .item.text .text {
  margin-top: 1.5em;
}
.scene_highlight .item.text .memo {
  margin-top: 1.5em;
  font-size: .875rem;
}
@media print, screen and (min-width: 768px) {
  .scene_highlight {
    flex-direction: row;
    align-items: center;
    gap: 3vw;
    padding: 2rem 2rem;
  }
  .scene_highlight .item {
    flex: 1;
  }
  .scene_highlight .item.img {
    width: 55%;
  }
  .scene_highlight .item.img .memo {
    text-align: left;
  }
}


/* -----------------------------------------------------------------
 scene_list_exhibit
----------------------------------------------------------------- */
.scene_list_exhibit {
  margin-top: var(--margin_size_XS);
}
.scene_list_exhibit .title {
  text-align: center;
  font-weight: 500;
  font-size: 1.08rem;
}
.scene_list_exhibit .splide {
  margin-top: var(--margin_size_XXS);
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.scene_list_exhibit .splide .name {
  margin-top: .8em;
  font-size: .77rem;
}

@media print, screen and (min-width: 768px) {
  .scene_list_exhibit .title {
    font-size: 1.25rem;
  }
  .scene_list_exhibit .splide .name {
    font-size: .88rem;
  }

}

/*---------- splide.min .css上書き ----------*/
@media screen and (max-width: 767px) {
  .js_slides_center_sp .splide__list {
    justify-content: center;
  }
}
@media print, screen and (min-width: 768px) {
  .js_slides_center_pc .splide__list {
    justify-content: center;
  }
}
  /*---------- /splide.min .css上書き ----------*/