@charset "UTF-8";
html, body, #wrap {
  height: 100dvh !important; }

.bg::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000f3c url(./images/bg_star.jpg) scroll top center;
  height: 100dvh;
  width: 100%; }

body {
  font-size: 1.6rem;
  background: transparent none; }

img {
  max-width: 100%;
  width: 100%;
  height: auto; }

/*----------------------------------------------

  header

----------------------------------------------*/
/*----------------------------------------------

  footer

----------------------------------------------*/
.footer_wrap {
  flex-direction: column;
  gap: 0; }
  .footer_wrap .footer_contact {
    flex-direction: column;
    text-align: center;
    gap: 1em; }
    .footer_wrap .footer_contact dt {
      justify-content: center; }

/*----------------------------------------------

  layout

----------------------------------------------*/
.sp_none {
  display: none; }

/*----------------------------------------------

  section

----------------------------------------------*/
section {
  padding: 2em 0; }

/*----------------------------------------------

  container

----------------------------------------------*/
.container {
  padding: 0 1em; }

/*----------------------------------------------

  article

----------------------------------------------*/
/*----------------------------------------------

  asset

----------------------------------------------*/
.more_btn a {
  font-size: 1.4rem; }

/*----------------------------------------------

  index

----------------------------------------------*/
.info_table tbody {
  display: block; }
  .info_table tbody tr {
    display: block; }
    .info_table tbody tr th {
      display: block;
      padding-right: 0;
      text-align-last: left; }
    .info_table tbody tr td {
      display: block; }

/*----------------------------------------------

  Intro

----------------------------------------------*/
.intro_doc_wrap {
  flex-direction: column; }
  .intro_doc_wrap .intro_doc h2 img {
    width: auto;
    max-width: 100%; }

.intro_main_nav ul {
  flex-wrap: wrap; }
  .intro_main_nav ul li {
    width: calc(100% / 3); }

/*----------------------------------------------

  ライトアップスポット

----------------------------------------------*/
.lightup_item_doc .lightup_item_no {
  font-size: 14rem; }
.lightup_item_doc .lightup_item_title {
  font-size: clamp(1.5rem, 10vw, 2rem); }
.lightup_item_doc .lightup_item_sub_title {
  font-size: 1.4rem; }
.lightup_item_doc .lightup_item_time {
  font-size: 1.4rem;
  text-align: left; }

/*----------------------------------------------

  トワイライト茶室BAR

----------------------------------------------*/
@media screen and (max-width: 767px) {
  .bar_gallery {
    flex-direction: column; }
    .bar_gallery figure:nth-child(1) {
      width: 100%; }
    .bar_gallery figure:nth-child(2) {
      margin-top: 1.8rem;
      width: 100%; } }

@media screen and (max-width: 767px) {
  .bar_msg_wrap {
    flex-direction: column; }
    .bar_msg_wrap .bar_msg_photo {
      max-width: 260px;
      margin: 0 auto 2rem; }
    .bar_msg_wrap .bar_msg_doc {
      line-height: 2; } }

.bar_info time {
  display: block;
  text-align: left; }

.bar_detail .bar_access {
  top: 0; }

/*----------------------------------------------

  長瀞秋夜めぐりツアー

----------------------------------------------*/
.tour_title {
  flex-direction: column;
  align-items: center;
  gap: 1rem; }
  .tour_title img {
    width: auto;
    max-width: 100%; }
  .tour_title::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 30%;
    width: 40%;
    border-bottom: solid 1px; }

.tour_copy {
  text-align: left; }

.tour_info {
  flex-direction: column; }
  .tour_info .tour_photo {
    width: auto; }
  .tour_info #tour_mankitsu {
    background-position: top center; }
  .tour_info #tour_manpuku {
    background-position: top center; }
  .tour_info #tour_shuyu {
    background-position: top center; }

.tour_price {
  text-align: center; }
  .tour_price img {
    width: auto;
    max-width: 100%; }

/*----------------------------------------------

  長瀞観光モデルコース

----------------------------------------------*/
.model_container {
  flex-direction: column;
  gap: 3em; }

.model_doc {
  width: 96%;
  margin: 0 auto;
  padding: 0; }
  .model_doc .model_doc_innner {
    margin: 0 auto;
    max-width: 100%; }
    .model_doc .model_doc_innner h4 {
      max-width: 400px;
      margin: 0 auto 1em; }

.model_gallery {
  width: 100%; }

.model_root {
  font-size: 1.4rem;
  margin: 0 4%; }

.model_day {
  height: min(1500px, calc(100vw* 1.8));
  min-height: 1100px;
  background: url(./images/model_day_bg_sp.png) center center no-repeat;
  background-size: auto 100%; }
  .model_day h4 {
    font-size: 2rem; }

.model_night {
  height: min(1500px, calc(100vw* 1.8));
  min-height: 1100px;
  margin-top: -25%;
  background: url(./images/model_night_bg_sp.png) center center no-repeat;
  background-size: auto 100%; }
  .model_night h4 {
    font-size: 2rem; }

/*----------------------------------------------

  スタンプラリー

----------------------------------------------*/
.stamp_wrap {
  flex-direction: column; }
  .stamp_wrap .stamp_intro {
    width: 100%; }
    .stamp_wrap .stamp_intro .stamp_present {
      padding: 2em; }
  .stamp_wrap .stamp_detail p img {
    display: block;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto; }

/*----------------------------------------------

  モミジの設定

----------------------------------------------*/
.lightup_sec::after,
.sns_aside::after {
  display: none; }

.tour_sec::before,
.access_sec::before {
  display: none; }

.model_sec::before {
  display: none; }