/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit {
  background: url(../img/stay/pagetit_bg.jpg) center;
  background-size: cover;
}

.day_main_tit {
  color: #bc9f77;
  letter-spacing: 0.15em;
  line-height: 1.75;
  text-align: center;
}
.day_main_tit .icon {
  margin: 0 8px;
}
.day_main_tit .en {
  letter-spacing: 0.1em;
}

.day_sec {
  padding: 128px 0;
  letter-spacing: 0.025em;
}
.day_sec .day_time {
  margin-bottom: 56px;
  font-size: 2rem;
  letter-spacing: 0.3em;
  line-height: 1.5;
  text-align: center;
}
.day_sec .day_tit {
  margin-bottom: 48px;
  font-size: 1.4rem;
  letter-spacing: 0.3em;
  line-height: 1.5;
}
.day_sec .day_tit .tit {
  display: block;
  margin-bottom: 24px;
}
.day_sec .day_tit .bg {
  display: inline-block;
  padding: 2px 4px 3px 8px;
  background: linear-gradient(to right, rgba(19, 27, 36, 0.8) 0%, rgba(28, 28, 28, 0.8) 47%, rgba(67, 67, 67, 0.8) 100%);
  color: #fcfaf2;
  font-size: 2rem;
  letter-spacing: 0.3em;
}
.day_sec .day_tit br + .bg {
  margin-top: 4px;
}
.day_sec .day_col01 .col_item {
  width: 44.5%;
  max-width: 480px;
}
.day_sec .day_col01 .col_item .item_img {
  margin-bottom: 40px;
}
.day_sec .day_col02 .col_img {
  width: 51.9%;
  max-width: 560px;
}
.day_sec .day_col02 .col_img .img01,
.day_sec .day_col02 .col_img .img02 {
  width: 46%;
  max-width: 256px;
}
.day_sec .day_col02 .col_img .img02 {
  margin-top: 44px;
}
.day_sec .day_col02 .col_txt {
  width: 45%;
}
.day_sec .day_col02 .col_txt .day_tit {
  margin-bottom: 40px;
}
.day_sec .day_col02.reverse .col_img .img01 {
  margin-top: 44px;
}
.day_sec .day_col02.reverse .col_img .img02 {
  margin-top: 0;
}
.day_sec .day_col02 + .day_col02 {
  margin-top: 64px;
}
.day_sec .day_col03 .col_txt {
  width: 48.8%;
}
.day_sec .day_col03 .col_txt .txt_btn {
  margin-top: 72px;
}
.day_sec .day_col03 .col_img {
  width: 48.2%;
  max-width: 520px;
}
.day_sec .day_col03 .col_img .img01,
.day_sec .day_col03 .col_img .img02 {
  width: 46.2%;
  max-width: 240px;
}
.day_sec .day_col03.reverse .txt_btn {
  text-align: right;
}
.day_sec .day_col04 {
  position: relative;
  max-width: 1440px;
  margin: 0 auto 64px;
}
.day_sec .day_col04 .col_img01,
.day_sec .day_col04 .col_img02 {
  width: calc(50% - 110px);
}
.day_sec .day_col04 .col_img01 img,
.day_sec .day_col04 .col_img02 img {
  width: 100%;
  min-height: 490px;
  object-fit: cover;
}
.day_sec .day_col04 .col_img01 {
  order: -10;
}
.day_sec .day_col04 .col_img02 {
  margin-left: 220px;
}
.day_sec .day_col04 .col_txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 480px;
  margin: 0 auto;
  z-index: 5;
}
.day_sec .day_col04 .col_txt .day_tit {
  text-align: center;
}
.day_sec .day_col05 .col_img {
  width: 50.16%;
  max-width: 642px;
}
.day_sec .day_col05 .col_txt {
  width: 49.8%;
  padding: 0 56px;
}
.day_sec .day_col05 .col_txt .txt_container {
  max-width: 480px;
}
.day_sec .day_col05 .col_txt .day_tit {
  margin-bottom: 40px;
}
.day_sec .day_col05.reverse .col_txt .txt_container {
  margin-left: auto;
}
.day_sec .day_img {
  margin-bottom: 48px;
}

@media screen and (max-width: 810px) {
  #pagetit {
    background: url(../img/stay/pagetit_bg_sp.jpg) center;
    background-size: cover;
  }
  .day_sec {
    padding: 64px 0;
    letter-spacing: 0.025em;
  }
  .day_sec .day_time {
    margin-bottom: 32px;
    font-size: 2rem;
    letter-spacing: 0.3em;
  }
  .day_sec .day_tit {
    margin-bottom: 32px;
    font-size: 1.4rem;
    letter-spacing: 0.3em;
    line-height: 1.5;
  }
  .day_sec .day_tit .tit {
    display: block;
    margin-bottom: 16px;
  }
  .day_sec .day_tit .bg {
    padding: 2px 4px 3px 8px;
    font-size: 1.9rem;
    letter-spacing: 0.2em;
  }
  .day_sec .day_tit br + .bg {
    margin-top: 4px;
  }
  .day_sec .day_col01 {
    gap: 56px 0;
  }
  .day_sec .day_col01 .col_item {
    width: 100%;
    max-width: 100%;
  }
  .day_sec .day_col01 .col_item .item_img {
    margin-bottom: 24px;
  }
  .day_sec .day_col02 .col_img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
  }
  .day_sec .day_col02 .col_img .img01,
  .day_sec .day_col02 .col_img .img02 {
    max-width: 100%;
  }
  .day_sec .day_col02 .col_img .img02 {
    margin-top: 12%;
  }
  .day_sec .day_col02 .col_txt {
    width: 100%;
  }
  .day_sec .day_col02 .col_txt .day_tit {
    margin-bottom: 24px;
  }
  .day_sec .day_col02.reverse .col_img .img01 {
    margin-top: 12%;
  }
  .day_sec .day_col02.reverse .col_img .img02 {
    margin-top: 0;
  }
  .day_sec .day_col02 + .day_col02 {
    margin-top: 64px;
  }
  .day_sec .day_col03 .col_txt {
    width: 100%;
  }
  .day_sec .day_col03 .col_txt .txt_btn {
    margin-top: 24px;
    text-align: center;
  }
  .day_sec .day_col03 .col_img {
    width: 100%;
    max-width: 100%;
    margin-top: 64px;
  }
  .day_sec .day_col03 .col_img .img01,
  .day_sec .day_col03 .col_img .img02 {
    width: 46.2%;
    max-width: 100%;
  }
  .day_sec .day_col03.reverse .txt_btn {
    text-align: center;
  }
  .day_sec .day_col04 {
    margin: 0 auto 64px;
  }
  .day_sec .day_col04 .col_img01,
  .day_sec .day_col04 .col_img02 {
    width: 100%;
  }
  .day_sec .day_col04 .col_img01 img,
  .day_sec .day_col04 .col_img02 img {
    aspect-ratio: 16/9;
    min-height: 0;
    object-fit: cover;
  }
  .day_sec .day_col04 .col_img01 {
    order: 0;
  }
  .day_sec .day_col04 .col_img02 {
    margin-left: 0;
  }
  .day_sec .day_col04 .col_txt {
    position: static;
    display: block;
    width: calc(100% - 48px);
    margin: 32px auto 0;
    z-index: 5;
  }
  .day_sec .day_col04 .col_txt .day_tit {
    text-align: center;
  }
  .day_sec .day_col05 .col_img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
  }
  .day_sec .day_col05 .col_txt {
    width: 100%;
    padding: 0;
  }
  .day_sec .day_col05 .col_txt .txt_container {
    max-width: 100%;
  }
  .day_sec .day_col05 .col_txt .day_tit {
    margin-bottom: 24px;
  }
  .day_sec .day_col05.reverse .col_txt .txt_container {
    margin-left: auto;
  }
  .day_sec .day_img {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 640px) {
  .day_sec .day_tit .bg {
    display: inline;
    padding: 0;
    background: none;
    letter-spacing: 0.2em;
  }
  .day_sec .day_tit .sp_bg {
    display: inline-block;
    padding: 2px 4px 3px 8px;
    background: linear-gradient(to right, rgba(19, 27, 36, 0.8) 0%, rgba(28, 28, 28, 0.8) 47%, rgba(67, 67, 67, 0.8) 100%);
  }
  .day_sec .day_tit .pr00 {
    padding-right: 0;
  }
  .day_sec .day_tit .sp_inline + .sp_bg {
    margin-top: 4px;
  }
}
/* ---------------------------------------------------
	lead
------------------------------------------------------ */
#lead {
  padding: 128px 0;
  background: url(../img/stay/lead_bg_01.png) no-repeat left calc(50vw - 80px) top -200px, linear-gradient(to bottom, rgba(19, 27, 36, 0.87) 0%, rgba(19, 27, 36, 0) 600px);
}
#lead .lead_tit {
  margin-bottom: 48px;
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.3em;
  text-align: center;
}
#lead .lead_txt {
  text-align: center;
}
#lead .lead_img {
  margin-top: 60px;
}
#lead .lead_img .img {
  max-width: 22.3%;
}

@media screen and (max-width: 810px) {
  #lead {
    padding: 64px 0 64px;
    background: url(../img/stay/lead_bg_01.png) no-repeat left calc(50vw - 80px) top -200px, linear-gradient(to bottom, rgba(19, 27, 36, 0.87) 0%, rgba(19, 27, 36, 0) 600px);
  }
  #lead .lead_tit {
    margin-bottom: 32px;
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.2em;
  }
  #lead .lead_txt {
    text-align: left;
  }
  #lead .lead_img {
    margin-top: 48px;
    gap: 8px;
  }
  #lead .lead_img .img {
    width: calc(50% - 4px);
    max-width: 100%;
  }
}
/* ---------------------------------------------------
	day1
------------------------------------------------------ */
#day1 {
  padding: 128px 0 0;
}

#day1_01 {
  padding-top: 48px;
}

#day1_05 {
  min-height: 980px;
  background: url(../img/stay/day1_bg_01.jpg) no-repeat center;
  background-size: cover;
}
#day1_05 .day_tit {
  text-align: center;
}
#day1_05 .day_txt {
  max-width: 480px;
  margin: 0 auto;
}

#day1_06 {
  margin-top: -320px;
  padding-top: 0;
}
#day1_06 .day_img {
  width: 96%;
  max-width: 1280px;
  margin: 0 auto 48px;
}
#day1_06 .day_tit {
  position: absolute;
  left: 68%;
  top: 17%;
}

#day1_07 {
  background: url(../img/stay/day1_bg_02.jpg) no-repeat center;
  background-size: cover;
}
#day1_07 .day_col03 .col_img .img01,
#day1_07 .day_col03 .col_img .img02 {
  margin-top: 0;
}
#day1_07 .day_col03 .col_txt {
  width: 44%;
}
#day1_07 .day_col03 .col_txt .txt_btn {
  margin-top: 60px;
  text-align: right;
}

#day1_08 .day_tit {
  position: absolute;
  left: 8%;
  top: 18%;
  color: #1c1c1c;
}
#day1_08 .day_img {
  max-width: 1280px;
  margin: 0 auto 48px;
}
#day1_08 .day_img .img01 {
  width: 62.5%;
}
#day1_08 .day_img .img02 {
  width: 36.875%;
}
#day1_08 .day_col03 .col_txt {
  width: 45%;
}

#day1_10 {
  background: url(../img/stay/day1_bg_03.jpg) no-repeat center;
  background-size: cover;
}
#day1_10 .day_tit {
  margin-bottom: 0;
  text-align: center;
}
#day1_10 .day_tit .tit {
  display: inline-block;
  margin-right: 32px;
  margin-bottom: 0;
}

@media screen and (max-width: 810px) {
  #day1 {
    padding: 48px 0 0;
  }
  #day1_01 {
    padding-top: 32px;
  }
  #day1_05 {
    position: relative;
    min-height: 0;
    padding-bottom: 60vw;
    background: url(../img/stay/day1_bg_01.jpg) no-repeat center;
    background-size: cover;
    text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;
  }
  #day1_05::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
  }
  #day1_05 > * {
    position: relative;
  }
  #day1_05 .day_tit {
    text-align: center;
  }
  #day1_05 .day_tit .bg {
    text-shadow: none;
  }
  #day1_05 .day_txt {
    max-width: 480px;
    margin: 0 auto;
  }
  #day1_06 {
    position: relative;
    margin-top: -30vw;
    padding-top: 0;
  }
  #day1_06 .day_img {
    width: calc(100% - 48px);
    margin-bottom: 24px;
  }
  #day1_06 .day_img img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
  #day1_06 .day_tit {
    left: 6%;
    top: 6%;
    text-shadow: 0 0 8px #000;
  }
  #day1_06 .day_tit .bg {
    text-shadow: none;
  }
  #day1_07 .day_col03 .col_img {
    margin-top: 0;
    margin-bottom: 32px;
  }
  #day1_07 .day_col03 .col_txt {
    width: 100%;
  }
  #day1_07 .day_col03 .col_txt .txt_btn {
    margin-top: 24px;
    text-align: center;
  }
  #day1_08 .day_tit {
    left: 6%;
    top: 5%;
    text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  }
  #day1_08 .day_tit .bg {
    text-shadow: none;
  }
  #day1_08 .day_img {
    max-width: 1280px;
    margin-bottom: 32px;
  }
  #day1_08 .day_img .img01 {
    width: 100%;
  }
  #day1_08 .day_img .img02 {
    width: 100%;
    margin-top: 2%;
  }
  #day1_08 .day_col03 .col_txt {
    width: 100%;
  }
  #day1_10 {
    background: url(../img/stay/day1_bg_03_sp.jpg) no-repeat center;
    background-size: cover;
  }
  #day1_10 .day_tit {
    margin-bottom: 0;
  }
  #day1_10 .day_tit .tit {
    display: block;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
/* ---------------------------------------------------
	day2
------------------------------------------------------ */
#day2 {
  padding: 128px 0 0;
}

#day2_01 {
  padding-top: 48px;
}

#day2_03 {
  min-height: 795px;
  background: url(../img/stay/day2_bg_01.jpg) no-repeat center;
  background-size: cover;
}
#day2_03 .day_tit {
  margin-bottom: 40px;
  text-align: center;
}
#day2_03 .day_tit .tit {
  display: inline-block;
  margin-right: 32px;
  margin-bottom: 0;
}
#day2_03 .day_txt {
  text-align: center;
}

#day2_04 {
  margin-top: -350px;
  padding-top: 0;
}
#day2_04 .day_img {
  width: 96%;
  max-width: 1280px;
  margin: 0 auto 48px;
}
#day2_04 .day_img .img {
  width: 25%;
}
#day2_04 .day_tit {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

#day2_05 .day_tit {
  text-align: center;
}
#day2_05 .day_col01 .col_item .item_img {
  margin-bottom: 24px;
}
#day2_05 .day_col01 .col_item .item_tit {
  margin-bottom: 16px;
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 1.75;
}

#day2_07 {
  padding-top: 0;
}
#day2_07 .border_box {
  padding: 16px;
  background: url(../img/stay/day2_bg_02.jpg) no-repeat center;
  background-size: cover;
}
#day2_07 .border_box .box_col .col_img {
  width: 57.3%;
  max-width: 600px;
}
#day2_07 .border_box .box_col .col_txt {
  width: 42.7%;
  padding: 0 32px;
}
#day2_07 .border_box .box_col .col_txt .txt_tit {
  margin-bottom: 24px;
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.3em;
}
#day2_07 .day_txt {
  margin-top: 60px;
  text-align: center;
}

@media screen and (max-width: 810px) {
  #day2 {
    padding: 96px 0 0;
  }
  #day2_01 {
    padding-top: 32px;
  }
  #day2_03 {
    min-height: 0;
    padding-bottom: 60vw;
  }
  #day2_03 .day_tit {
    margin-bottom: 32px;
  }
  #day2_03 .day_tit .tit {
    display: block;
    margin-right: 0;
    margin-bottom: 16px;
  }
  #day2_03 .day_txt {
    text-align: center;
  }
  #day2_04 {
    margin-top: -30vw;
    padding-top: 0;
  }
  #day2_04 .day_img {
    width: calc(100% - 48px);
    margin-bottom: 32px;
  }
  #day2_04 .day_img .img {
    width: 50%;
  }
  #day2_04 .day_tit {
    text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;
  }
  #day2_04 .day_tit .bg {
    text-shadow: none;
  }
  #day2_05 .day_tit {
    text-align: center;
  }
  #day2_05 .day_col01 .col_item .item_img {
    margin-bottom: 24px;
  }
  #day2_07 {
    padding-top: 0;
    padding-bottom: 96px;
  }
  #day2_07 .border_box {
    padding: 16px;
  }
  #day2_07 .border_box .box_col .col_img {
    width: 100%;
    max-width: 100%;
  }
  #day2_07 .border_box .box_col .col_txt {
    width: 100%;
    padding: 24px 8px 16px;
  }
  #day2_07 .border_box .box_col .col_txt .txt_tit {
    margin-bottom: 16px;
    font-size: 1.8rem;
    line-height: 2;
    letter-spacing: 0.3em;
  }
  #day2_07 .day_txt {
    margin-top: 48px;
  }
}
/* ---------------------------------------------------
	sightseeing
------------------------------------------------------ */
#sightseeing {
  padding: 128px 0 192px;
}
#sightseeing .sightseeing_bg {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 400px;
  padding: 32px 64px;
  background: url(../img/stay/sightseeing_bg_01.jpg) no-repeat center bottom;
  background-size: cover;
  color: #fff;
}
#sightseeing .sightseeing_bg .bg_container {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
#sightseeing .sightseeing_bg .bg_btn {
  margin-top: 20px;
  line-height: 1;
  text-align: right;
}

@media screen and (max-width: 810px) {
  #sightseeing {
    padding: 48px 0 96px;
  }
  #sightseeing .sightseeing_bg {
    min-height: 400px;
    padding: 50vw 24px 32px;
    background: url(../img/stay/sightseeing_bg_01_sp.jpg) no-repeat center bottom;
    background-size: cover;
  }
  #sightseeing .sightseeing_bg::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(19, 27, 36, 0.6) 0%, rgba(19, 27, 36, 0) 50%);
  }
  #sightseeing .sightseeing_bg > * {
    position: relative;
  }
  #sightseeing .sightseeing_bg .bg_container {
    text-align: left;
  }
  #sightseeing .sightseeing_bg .bg_btn {
    margin-top: 20px;
    line-height: 1;
    text-align: right;
  }
}