/*adobeフォントロード
------------------------------*/
html {
    visibility: hidden;
}
html.wf-active,
html.loading-delay {
    visibility: visible;
}

/*ページトップ画像
------------------------*/
.page_top_wrap {
  padding-top: 65px;
}
.page_top {
  position: relative;
  background-image: url(../../img/room/img_1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.page_top::before {
  content: '';
  display: block;
  padding-top: 36.9%;
}

/*コンテンツ
------------------------*/
body{
  line-height: 1.9285;
}
h2{
  font-size: 18px;
  letter-spacing: 3.6px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 18px;
}
.line{
  width: 100%;
  height: 1px;
  display: inline-block;
  background-color: #707070;
}
.inline-block {
  display: inline-block;
}

.room {
  padding-top: 120px;
}
.intro {
  padding-bottom: 120px;
}
.instraction h1{
  font-size: 28px;
  letter-spacing: 5.6px;
}
.divider {
  height: 1px;
  background-color: #333;
}
.room_container {
  margin-top: 120px;
}
.image_wrap {
  position: relative;
  width: 100%;
} 
.image_wrap::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.image_wrap .room_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.br_1150,
.br_1030,
.br_959,
.br_768,
.br_450,
.br_430,
.br_360,
.br_350 {
  display: none;
}
@media screen and (min-width: 769px) and (max-width: 1030px) {
  .br_1030 {
    display: block;
  }
}
@media screen and (min-width: 769px) and (max-width: 1150px) {
  .br_1150 {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .br_959 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .br_768 {
    display: block;
  }
  .nobr_768 {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .nobr_500 {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .br_450 {
    display: block;
  }
}
@media screen and (max-width: 430px) {
  .br_430 {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .nobr_400 {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  .br_360 {
    display: block;
  }
}
@media screen and (max-width: 350px) {
  .br_350 {
    display: block;
  }
  .nobr_350 {
    display: none;
  }
}


/* .room_intro_wrap（前半パート）
--------------------------------------------- */
.all_room_wrap {
  text-align: center;
}
.room_intro_text {
  margin-bottom: 90px;
}
.room_intro_text h2 {
  margin-bottom: 30px;
  margin-bottom: 20px;
}
.room_intro_img {
  width: 90%;
  margin: 0 auto 40px;
}
.room_intro_img.image_wrap::before {
  padding-top: 56.3%;
}
.room_intro_text p:nth-of-type(2) {
  margin-top: 30px;
}

.bedroom_wrap {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  margin-bottom: 150px;
}
.bedroom_img {
  width: calc(100% / 3);
}
.bedroom_img.image_wrap::before {
  padding-top: 60.9%;
}
.bedroom_slider_container._mobile {
  display: none;
}

.entrance_img {
  width: 72.5%;
  margin: 0 auto 90px;
}
.entrance_img.image_wrap::before {
  padding-top: 56.2%;
}

.dining_wrap {
  display: flex;
  gap: 7.5%;
  margin-bottom: 90px;
}
.dining_img_wrap {
  width: 100%;
  margin-left: calc(50% - 50vw);
}
.dining_img.image_wrap::before {
  padding-top: 62.1%;
}
.dining_wrap .room_intro_text {
  max-width: 50%;
  align-self: flex-end;
  text-align: left;
  margin-bottom: 0;
}

.living_img {
  width: 100%;
  margin-bottom: 210px;
}
.living_img.image_wrap::before {
  padding-top: 48.3%;
}

.activity_wrap {
  display: flex;
  gap: 7.5%;
  margin-right: calc(50% - 50vw);
  margin-bottom: 200px;
}
.activity_img {
  width: 50%;
  width: 55.8%;
}
.activity_img .image_wrap::before {
  padding-top: 62.1%;
}
.activity_wrap .room_intro_text {
  width: calc(44.2% - 7.5%);
  align-self: flex-end;
  text-align: left;
  margin-bottom: 0;
}
.room_slider_container {
  overflow: hidden;
}
.room_slider_pagination {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  gap: 5%;
  gap: 20px;
}
.room_slider_pagination .swiper-pagination-bullet {
  width: 12.5%;
  max-width: 50px;
  height: 1px;
  background-color: #1C1C1C;
  border-radius: unset;
}
.room_slider_pagination .swiper-pagination-bullet-active {
  height: 2px;
}

/* .howto_wrap （後半パート）
-------------------------------------------*/
.howto_wrap {
  background-color: #EFEFEF;
  padding-top: 150px;
  padding-bottom: 200px;
}

/*コンテンツ幅と両サイドのpadding（コンテナ幅 1520px）*/
.howto_container {
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 960px) {
    .howto_container {
        max-width: 1640px;
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media screen and (max-width: 959px) {
    .howto_container {
        max-width: 1580px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*時計ロゴと見出し*/
.time_header {
  margin-bottom: 60px;
}
.time {
  display: flex;
  align-items: center;
  gap: 10px;
}
.time_left {
  width: 30px;
  min-width: 30px;
  height: 30px;
  background-image: url('../../img/room/schedule_1.svg');
  background-position: center;
  background-size: cover;
}
.before .time_left {
  background-image: url('../../img/room/schedule_2.svg');
}
.dinner .time_left {
  background-image: url('../../img/room/schedule_3.svg');
}
.downtime .time_left {
  background-image: url('../../img/room/schedule_4.svg');
}
.morning .time_left {
  background-image: url('../../img/room/schedule_5.svg');
}
.checkout .time_left {
  background-image: url('../../img/room/schedule_6.svg');
}
.time_right {
  width: 100%;
  max-width: 470px;
}
.time_right h3 {
  font-size: 14px;
}
.time_right .line {
  display: block;
  max-width: 470px;
  height: 1px;
  background-color: #000;
  position: relative;
}
.time_right .title_text {
  display: block;
  margin-bottom: 7.5px;
}
.time_right .time_text {
  display: block;
  font-size: 16px;
  text-align: right;
  margin-top: 7.5px;
  height: 27px;
}

/*違うページへの下線リンク*/
.read_more {
  text-align: right;
}
.read_more .underline {
    display: inline-block;
    letter-spacing: .2em;
    padding-right: 15px;
    padding-bottom: 2px;
    position: relative;
    margin-top: 60px;
}
.read_more .underline::after {
    content: "";
    width: 7px;
    height: 13px;
    background-image: url(../../img/common/arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    margin: auto;
}
.howto_schedule .read_more .underline {
  font-size: 16px;
}

/*howto_intro（KITOWで過ごす１泊２日の最初）*/
.howto_intro {
  text-align: center;
  margin-bottom: 150px;
}
.howto_title {
  margin-bottom: 40px;
}
.howto_title span {
  font-size: 16px;
}
.howto_title h2 {
  font-size: 28px;
  letter-spacing: .2em;
  line-height: 1.78;
  margin-top: 20px;
}
.howto_intro_img {
  width: 57.2%;
  margin: 0 auto 60px;
}
.howto_intro_img.image_wrap::before {
  padding-top: 62.1%;
}
.howto_intro_text .subject {
  font-size: 18px;
  letter-spacing: .2em;
  line-height: 1.66;
  margin-bottom: 30px;
}
.howto_intro_text .content {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 2.5;
}

.howto_schedule {
  margin-bottom: 190px;
}

/*checkin（チェックイン）*/
.checkin {
  margin-bottom: 130px;
}

.checkin .time_header .time {
  padding-left: 10.6%;
}
@media screen and (max-width: 1320px) {
  .checkin .time_header .time {
    padding-left: 0;
  }
}
.checkin_content {
  display: flex;
}
.checkin_content.early {
  margin-bottom: 130px;
}
.early .checkin_img_wrap {
  width: 50%;
}
.early .checkin_img.image_wrap::before {
  padding-top: 63.2%;
}
.early .checkin_text {
  width: calc(50% - 90px);
  width: calc(50% - 5.9%);
  margin-left: 5.9%;
}
.early .checkin_text h4 div {
  text-align: center;
}

.coffee .checkin_img_wrap {
  display: flex;
}
.coffee .checkin_content {
  padding-left: 10.6%;
  margin-right: calc(50% - 50vw);
}
.coffee .checkin_img_wrap {
  width: 77.2%;
  margin-right: 30px;
}
.coffee .checkin_img.image_wrap::before {
  padding-top: 74.5%;
}
.coffee .checkin_text {
  width: calc(38% - 70px);
  margin-right: 70px;
  align-self: flex-end;
}
@media screen and (max-width: 1620px) {
  .coffee .checkin_img_wrap {
    width: 75%;
  }
  .coffee .checkin_text {
    width: calc(45% - 70px);
  }
}
@media screen and (max-width: 1320px) {
  .coffee .checkin_content {
     padding-left: 0;
  }
}
@media screen and (max-width: 1060px) {
  .coffee .checkin_content {
    margin-right: auto;
  }
  .coffee .checkin_text {
    width: calc(100% - 70px);
    margin-bottom: 5%;
  }
  .coffee .checkin_img_wrap {
    width: 100%;
    margin-right: 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 960px) {
  .coffee .checkin_content {
    justify-content: space-between;
  }
  .coffee .checkin_text {
    width: calc(60% - 70px);
  }
  .coffee .checkin_img_wrap {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .coffee .checkin_content {
    flex-direction: column-reverse;
  }
  .coffee .checkin_text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
  .coffee .checkin_img_wrap {
    flex-direction: row;    
    width: auto;
    margin-right: calc(50% - 50vw);
    margin-bottom: 30px;

  }
}
@media screen and (max-width: 450px) {
  .coffee .checkin_img_wrap {
    width: auto;
    margin-right: 0;
    flex-direction: column;
  }
}

.howto_text h4 {
  letter-spacing: .2em;
  line-height: 2.16;
  position: relative;
}
.checkin_text h4 {
  display: inline-block;
}
.checkin_text h4 div {
  padding: 10px 80px;
  margin-bottom: 40px;
  position: relative;
}
.early .howto_text h4::before {
  content: '';
  width: 1px;
  height: 18px;
  background-color: #1C1C1C;
  position: absolute;
  top: 0;
  left: 0;
}
.early .howto_text h4::after {
  content: '';
  width: 7.5px;
  height: 1px;
  background-color: #1C1C1C;
  position: absolute;
  top: 0;
  left: 0;
}
.early .checkin_text h4 div::before {
  content: '';
  width: 1px;
  height: 18px;
  background-color: #1C1C1C;
  position: absolute;
  bottom: 0;
  right: 0;
}
.early .checkin_text h4 div::after {
  content: '';
  width: 7.5px;
  height: 1px;
  background-color: #1C1C1C;
  position: absolute;
  bottom: 0;
  right: 0;
}
.howto_text p {
  letter-spacing: .19em;
  line-height: 2.16;
  line-height: 2.5;
  margin-bottom: 40px;
}
.howto_text p.large {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 2.18;
  line-height: 1.9;
  margin-bottom: 30px;
}
.howto_text p:last-of-type {
  margin-bottom: 0;
}

/*before（夕食までの時間）*/
.before {
  margin-bottom: 150px;

}
.before .time_header {
  margin-bottom: 20px;
}
.before .time_header .time {
  padding-left: 10.6%;
}
@media screen and (max-width: 1320px) {
  .before .time_header .time {
    padding-left: 0;
  }
}
.before_content {
  display: flex;
}

.freetime {
  margin-bottom: -40px;
}
.freetime .before_content {
  padding-left: 10.6%;
}
.freetime .before_text .inner {
  display: flex; 
  gap: 70px;
}
@media screen and (min-width: 1451px) {
  .freetime .before_text .inner {
    align-items: center;
  }
}
.freetime .before_text .inner h4 {
  font-size: 24px;
  line-height: 1.62;
}
@media screen and (min-width: 769px) {
  .freetime .before_text .inner {
    min-width: 690px;
  }
  .freetime .before_text .inner h4 {
    min-width: 346px;
  }
}
.freetime .before_text .inner .right {
  width: 100%;
}
.freetime .before_img_wrap {
  width: 37.5%;
}
.freetime .before_img.image_wrap::before {
  padding-top: 74.5%;
}
.freetime .before_text {
  width: calc(62.5% - 10.5%);
  margin-right: 10.5%;
}
@media screen and (max-width: 1320px) {
  .freetime .before_content {
    padding-left: 0;
  }
  .freetime .before_img_wrap {
    width: 36.1%;
  }
  .freetime .before_text {
    width: calc(64.9% - 10.5%);
  }
}

.art {
  margin-bottom: 130px;
}
.art .before_img_wrap {
  width: 55.9%;
}
.art .before_img.image_wrap::before {
  padding-top: 58.8%;
}
.art .before_text {
  width: calc(44.1% - 5.9%);
  margin-left: 5.9%;
  align-self: flex-end;
}

.nature .before_content {
  padding-left: 10.6%;
}
.nature .before_img_wrap {
  width: 50.7%;
}
.nature .before_img.image_wrap::before {
  padding-top: 62.3%;
}
.nature .before_text {
  width: calc(37.5% - 125px);
  width: calc(37.5% - 8.2%);
  margin-right: 125px;
  margin-right: 8.2%;
  align-self: flex-end;
}
@media screen and (max-width: 1320px) {
  .nature .before_content {
    padding-left: 0;
    justify-content: center;
  }
  .nature .before_img_wrap {
    width: 45.4%;
    width: 50.4%;
  }
  .nature .before_text {
    width: calc(33.6% - 160px);
    width: calc(38.6% - 10.5%);
    min-width: 290px;
  }
}

/*dinner（夕食）*/
.dinner {
  margin-bottom: 160px;
}
.dinner_content {
  display: flex;
}
.dinner_img_wrap {
  width: 50%;
}
.dinner_img_wrap .dinner_img.image_wrap::before {
  padding-top: 65.8%;
}
.dinner_text {
  width: calc(50% - 10.5%);
  margin-left: 10.5%;
  position: relative;
}

.dinner .image_wrap::before {
  padding-top: 63.3%;
}
.dinner_img_wrap .howto_text {
  margin-top: 80px;
  padding-left: 21.1%;
}
.dinner_img_wrap .howto_text p {
  line-height: 2.5;
}

.dinner .time_header {
  margin-left: -55px;
}
.dinner_text h4 {
  font-size: 24px;
  letter-spacing: .2em;
  line-height: 1.6;
  margin-bottom: 105px;
  margin-top: 75px;
  padding-left: 15px;
}
.dinner_text .image_wrap {
  margin-bottom: 30px;
}
.dinner_text .rain {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .2em;
  margin-bottom: 10px;
  line-height: 1.5;
}
.dinner_text .read_more .underline{
  margin-top: 45px;
}
@media screen and (max-width: 1320px) {
  .dinner_img_wrap .howto_text {
    padding-left: 0;
  }
}
.dinner_img_wrap._mobile {
    display: none;
}
/*downtime（夕食から就寝まで）*/
.downtime {
  margin-bottom: 150px;
}

.downtime_content {
  display: flex;
}

.evening {
  margin-bottom: -120px;
}
.evening .time_header {
  margin-bottom: 15px;
}
.evening .downtime_content {
  padding-left: 10.6%;
}
.evening .downtime_img_wrap {
  width: 25%;
}
.evening .downtime_img.image_wrap::before {
  padding-top: 123.5%;
}
.evening .downtime_text {
  width: calc(63.2% - 100px);
  margin-right: 100px;
  /*max-width: 890px;*/
}
.evening .downtime_text h4 {
  font-size: 24px;
  letter-spacing: .2em;
  line-height: 1.6;
}
.evening .downtime_text p {
  margin-top: 30px;
}
@media screen and (max-width: 1320px) {
  .evening .downtime_content {
    padding-left: 0;
  }
  .evening .downtime_img_wrap {
    width: 22.4%;
    min-width: 280px;
  }
  .evening .downtime_text {
    width: calc(56.6% - 100px);
  }
}

.twilight {
  margin-bottom: 60px;
}
.twilight .downtime_content {
  padding-left: 10.6%;
}
.twilight .downtime_img_wrap {
  width: 55.9%;
}
.twilight .downtime_img.image_wrap::before {
  padding-top: 63.2%;
}
.twilight .downtime_text {
  width: calc(44.1% - 100px);
  margin-left: 100px;
  align-self: flex-end;
}
.twilight .downtime_text .inner {
  display: flex;
  gap: 40px;
}
.twilight .large {
  min-width: 58px;
}
@media screen and (max-width: 1320px) {
  .twilight .downtime_content {
    padding-left: 0;
  }
  .twilight .downtime_img_wrap {
    width: 50%;
  }
  .twilight .downtime_text {
    width: calc(50% - 100px);
  }
}

.night .downtime_content {
  padding-left: 10.6%;
}
.night .downtime_img_wrap {
  width: 55.9%;
}
.night .downtime_img.image_wrap::before {
  padding-top: 63.2%;
}
.night .downtime_text {
  width: calc(44.1% - 100px);
  margin-right: 100px;
  align-self: flex-end;
}
.night .downtime_text .inner {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1320px) {
  .night .downtime_content {
    padding-left: 0;
  }
  .night .downtime_img_wrap {
    width: 50%;
  }
  .night .downtime_text {
    width: calc(50% - 100px);
  }
}

/*morning（起床から朝食まで）*/
.morning {
  margin-bottom: 150px;
}

.morning_content {
  display: flex;
}

.wakeup {
  margin-bottom: -50px;
}
.wakeup .time_header {
  margin-bottom: 20px;
}
.wakeup .morning_text h4 {
  /*margin-bottom: 30px;*/
  margin-bottom: 20px;
  padding-left: 35px;
}
.wakeup .morning_text p {
  padding-left: 35px;
}
.wakeup .morning_img_wrap {
  width: 33.6%;
}
.wakeup .morning_img.image_wrap::before {
  padding-top: 74.5%;
}
.wakeup .morning_text {
  width: calc(66.4% - 22.4%);
  margin-left: 22.4%;
}

@media screen and (max-width: 1320px) {
  /*.wakeup .morning_content {
    padding-left: 0;
  }
  .wakeup .morning_img_wrap {
    width: 50%;
  }
  .wakeup .morning_text {
    width: calc(50% - 100px);
  }*/
}

.breakfast .morning_content {
  padding-left: 10.6%;
}
.breakfast .morning_img_wrap {
  width: 55.9%;
}
.breakfast .morning_img.image_wrap::before {
  padding-top: 63.2%;
}
.breakfast .morning_text {
  width: calc(44.1% - 100px);
  margin-right: 100px;
  padding-top: 120px;
}
.breakfast .morning_text .inner {
  display: flex;
  gap: 40px;
}
.breakfast .large {
  min-width: 39px;
}
@media screen and (max-width: 1320px) {
  .breakfast .morning_content {
    padding-left: 0;
  }
  .breakfast .morning_img_wrap {
    width: 50%;
  }
  .breakfast .morning_text {
    width: calc(50% - 100px);
  }
}

/*チェックアウト（チェックアウト）*/
.checkout .time_header {
  margin-bottom: 15px;
}
.checkout .time_header .time {
  padding-left: 10.6%;
}
.checkout .checkout_text {
  padding-left: 10.6%;
}
.checkout .checkout_text p {
  padding-left: 35px;
}
@media screen and (max-width: 1320px) {
  .checkout .time_header .time {
    padding-left: 0;
  }
  .checkout .checkout_text {
    padding-left: 0;
  }
}

/*施設概要*/
.note_title {
    line-height: 1;
    margin-bottom: 70px;
}
.note_title span {
    display: block;
}
.note_title .jp {
    text-align: center;
    padding-bottom: 20px;
}
.note_title .note_title_line{
  width: 40px;
  border-bottom: 1px solid #666;
  margin-left: auto;
  margin-right: auto;
}
.note_title .en {
  text-align: center;
    font-size: 16px;
    margin-top: 20px;
}
.outline_wrap{
  background-color: #fff;
  padding: 80px 15px;
}
.outline_list{
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
}
.outline_check._mobile{
  display: none;
}
.outline_check{
  display: flex;
  justify-content: space-between;
}
.outline_people p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 37px;
}
.outline_people p::before{
  content:"";
  width: 27px;  
  height: 21px;
  background-image: url(../../img/pool/SVG/icon_1.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
}
.outline_breadth p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 33px;
}
.outline_breadth p::before{
  content:"";
  width: 23px;  
  height: 18px;
  background-image: url(../../img/pool/SVG/icon_2.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
}
.outline_breadth p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 33px;
}
.outline_breadth p::before{
  content:"";
  width: 23px;  
  height: 18px;
  background-image: url(../../img/pool/SVG/icon_2.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
}
.outline_time p{
  position:relative;
  font-size: 12px;
  letter-spacing: 1.44px;
  padding-left: 30px;
}
.outline_time p::before{
  content:"";
  width: 20px;  
  height: 20px;
  background-image: url(../../img/pool/SVG/icon_3.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}

.outline_installation{
  margin-top: 38px;
}
.outline_subtitle{
  display: flex;
  align-items: center;
}
.outline_subtitle .subtitle_span{
  position: relative;
  padding-left: 38px;
  margin-right: 20px;
  flex-shrink: 0;
}
.outline_subtitle._faci .subtitle_span::before{
  content:"";
  width: 30px;  
  height: 23px;
  background-image: url(../../img/pool/SVG/icon_4.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 15px);
}
.outline_subtitle._ame .subtitle_span::before{
  content:"";
  width: 30px;  
  height: 23px;
  background-image: url(../../img/pool/SVG/icon_5.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: calc(50% - 15px);
}
.outline_subtitle._baby .subtitle_span::before{
  content:"";
  width: 30px;  
  height: 23px;
  background-image: url(../../img/pool/SVG/icon_6.svg); 
  background-repeat:  no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 7px;
  top: calc(50% - 15px);
}

.faci_list,.ame_list,.baby_list{
  font-size: 12px;
  letter-spacing: 1.44px;
  line-height: 1.67;
  margin-top: 13px;
}
.ame_list{
  margin-bottom: 25px;
}
.ame_list span {
  font-size: 10px;
  letter-spacing: 1.2px;
  line-height: 2.1;
}
.faci_note{
  font-size: 10px;
  letter-spacing: 1.2px;
  line-height: 2;
  margin-top: 10px;
}
.outline_facility .faci_note:last-child{
  margin-top: 0;
  margin-bottom: 25px;
}
.outline_line{
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #1C1C1C;
}
.read_more._pool {
    font-size: 16px;
    letter-spacing: 3.2px;
    font-weight: 500;
    align-self: flex-end;
    text-align: left;
}
.read_more._pool{
  width: 243px;
  margin-top: 70px;
  margin-right: 0;
  margin-left: auto;
}
.read_more._pool .underline {
    display: block;
    padding-right: 15px;
    padding-bottom: 6px;
    position: relative;
    font-family: "ryo-gothic-plusn", sans-serif;
}
.read_more._pool .underline::after {
    content: "";
    width: 7px;
    height: 13px;
    background-image: url(../../img/common/arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 8px;
    margin: auto;
}

/*レスポンシブ
-----------------------------------------------*/
@media screen and (max-width: 1600px) {
  .evening {
    margin-bottom: -60px;
  }
}
@media screen and (max-width: 1520px) {
  /*.early .checkin_img_wrap {
    margin-left: calc(50% - 50vw);
    width: 100%;
  }
  .early .checkin_text {
    min-width: calc(50% - 90px);
  }
  .freetime .before_img_wrap {
    margin-right: calc(50% - 50vw);
    width: 100%;
  }
  .freetime .before_text {
    min-width: calc(62.5% - 160px);
  }
  .art .before_img_wrap {
    margin-left: calc(50% - 50vw);
    width: 100%;
  }
  .art .before_text {
    min-width: calc(44.1% - 90px);
  }*/
}
@media screen and (max-width: 1500px) {
  .wakeup {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1450px){
  .evening {
    margin-bottom: 0;
  }
  .freetime {
     margin-bottom: 30px; 
  }
  .freetime .before_img_wrap {
    min-width: 450px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1450px){
  .freetime .before_text .inner {
    gap: 30px;
    flex-direction: column;
    min-width: auto;
  }
  .freetime .before_text {
    
  }
}
@media screen and (max-width: 1250px){
  .twilight .downtime_text .inner {
    gap: 0;
    flex-direction: column; 
     margin-top: 50px; 
  }
  .twilight .downtime_text {
    width: calc(50% - 50px);
    margin-left: 50px;
  }
  .night .downtime_text .inner {
    flex-direction: column;
  }
  .night .downtime_text {
    width: calc(50% - 50px);
    margin-right: 50px;
  }
  .wakeup .morning_text {
    min-width: 360px;
  }
}
@media screen and (max-width: 1150px){
  .living_img {
    margin-bottom: 150px;
  }
  .activity_wrap {
    gap: 50px;
    margin-right: auto;
    flex-direction: column;
  }
  .activity_wrap .room_intro_text {
    width: 100%;
  }
  .activity_img {
    width: 100%;
  }

  .checkin_text h4 div {
    padding: 10px 30px;
  }

  .dinner .time_header {
    margin-bottom: 0;
  }
  .dinner_text h4 {
    margin-top: 30px;
    margin-bottom: 65px;
  }

}

@media screen and (max-width: 959px) {
  .entrance_img {
    width: 90%;
  }
  .dining_wrap {
    flex-direction: column-reverse;
  }
  .dining_wrap .room_intro_text {
    max-width: 100%;
    margin-bottom: 50px;
  }
  .dining_img_wrap {
    margin-left: unset; 
  }
  .howto_intro_img {
    width: 85%;
  }

  .freetime .before_img_wrap {
    min-width: 330px;
  }
  .dinner_text {
    width: calc(50% - 7.5%);
    margin-left: 7.5%;
  }
  .dinner .time_header {
    margin-left: -25px;
  }
  .nature .before_img_wrap {
    width: 60%;
  }
  .nature .before_text {
    width: 40%;
  }
  .night .downtime_text .inner {
    gap: 20px;
  }
  .wakeup .morning_img_wrap {
    width: 40%;
  }
  .wakeup .morning_text {
    width: calc(60% - 10%);
    margin-left: 10%;
  }
  .breakfast .morning_text {
    width: calc(50% - 50px);
    margin-right: 50px;
    padding-top: 30px;
  }
  .breakfast .morning_text .inner {
    gap: 20px;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px){
  .room {
    padding-top: 80px;
  }
  .instraction h1{
    font-size: 22px;
    letter-spacing: .2em;
  }
  .page_top::before {
    padding-top: 70%;
  }
  .intro {
    padding-bottom: 40px;
  }
  .room_container {
    margin-top: 80px;
  }

  .all_room_wrap {
    text-align: left;
  }
  .room_intro_text {
    margin-bottom: 50px;
  }
  .room_intro_img {
    width: 100%;
    margin: 0 auto 30px;
  }
  .bedroom_wrap {
    margin-bottom: 50px;
  }
  .bedroom_wrap._pc {
    display: none;
  }
  .bedroom_slider_container._mobile{
    overflow: hidden;
    margin-bottom: 50px;
    display: block;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  /*.bedroom_wrap._mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .bedroom_wrap._mobile .bedroom_img {
    width: auto;
  }*/
  .bedroom_slider_img {
    width: 100%;
    position: relative;
  }
  .bedroom_slider_img::before {
    content: '';
    display: block;
    padding-top: 101.6%;;
  }
  /* スライダーのwrapper */
  .bedroom_slider .swiper-wrapper {
    transition-timing-function: linear;
  }

  .entrance_img {
    width: 100%;
    margin: 0 auto 70px;
  }
  .room_intro_text h2 {
    font-size: 16px;
  }
  .dining_wrap {
    margin-bottom: 50px;
  }
  .dining_wrap .room_intro_text {
    margin-bottom: 30px;
  }
  .living_img {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    margin-bottom: 60px;
  }
  .activity_wrap {
    gap: 30px;
    /*margin-right: auto;*/
    margin-bottom: 30px;
    /*flex-direction: column;*/
  }
  /*.activity_wrap .room_intro_text {
    width: 100%;
  }
  .activity_img {
    width: 100%;
  }*/


  /*howto_intro（KITOWで過ごす１泊２日の最初）*/
  .howto_wrap {
    padding-top: 100px;
    padding-bottom: 140px;
  }
  .howto_title {
    margin-bottom: 50px;
  }
  .howto_title h2 {
    font-size: 22px;
    margin-top: 20px;
  }
  .howto_text p {
    margin-bottom: 30px;
    line-height: 2.14;
  }
  .howto_text p.large {
    margin-bottom: 10px;
  }
  .read_more .underline {
    margin-top: 45px;
  }
  .howto_schedule {
    margin-bottom: 120px;
  }
  .howto_intro {
    margin-bottom: 90px;
  }
  .howto_intro_img {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 50px;
    width: auto;
  }
  .howto_intro_text .subject {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
    text-align: left;
  }
  .howto_intro_text .content {
    font-size: 14px;
    text-align: left;
    line-height: 2.14;
  }
  .checkin {
    margin-bottom: 120px;
  }
  .checkin .time_header {
    margin-bottom: 30px;
  }
  .checkin_content.early {
    margin-bottom: 70px;
    flex-direction: column;
  }
  .early .checkin_img_wrap {
    width: auto;
    margin-left: calc(50% - 50vw);
    margin-bottom: 30px;
  }
  .early .checkin_text {
    margin-left: 0;
    width: 100%;
  }

  .before {
    margin-bottom: 120px;
  }
  .before .time_header {
    margin-bottom: 0px;
  }
  .freetime .before_img_wrap {
    min-width: auto;
  }
  .freetime {
    margin-bottom: 70px;
  }
  .freetime .before_content {
    flex-direction: column-reverse;
  }
  .freetime .before_img_wrap {
    width: 100%;
    margin-bottom: 30px;
  }
  .freetime .before_text {
    width: 100%;
    margin-right: 0;
  }
  .freetime .before_text .inner {
    flex-direction: column;
    gap: 20px;
  }
  .freetime .before_text .inner h4 {
    font-size: 20px;
    line-height: 1.75;
  }
  .art {
    margin-bottom: 70px;
  }
  .art .before_content {
    flex-direction: column;
  }
  .art .before_img_wrap {
    margin-bottom: 25px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
  }
  .art .before_text {
    width: 100%;
    margin-right: 0;
  }
  .nature {
    margin-bottom: 70px;
  }
  .nature .before_content {
    flex-direction: column-reverse;
  }
  .nature .before_img_wrap {
    width: 100%;
    margin-bottom: 25px;
  }
  .nature .before_text {
    width: 100%;
    margin-right: 0;
    min-width: auto;
  }

  .dinner {
    margin-bottom: 120px;
  }
  .dinner_content {
    flex-direction: column;
  }
  .dinner_img_wrap._pc {
    display: none;
  }
  .dinner .time_header {
     margin-left: 0;
     margin-bottom: 0;
  }
  .dinner_text h4 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 0;
    line-height: 1.75
  }
  .dinner_text {
    width: 100%;
    margin-left: 0; 
  }
  .dinner_text .image_right .image_wrap {
    width: auto;
    margin-right: calc(50% - 50vw);
  }
  .dinner_text .rain {
    margin-bottom: 5px;
  }

  .dinner_img_wrap._mobile {
    display: block;
    width: 100%;
  }
  .dinner_img_wrap._mobile .howto_text {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .dinner_img_wrap._mobile .image_wrap {
    width: auto;
    margin-left: calc(50% - 50vw);
  }

  .downtime {
    margin-bottom: 120px;
  }
  .evening {
    /*margin-bottom: 70px;*/
  }
  .evening .downtime_content {
    flex-direction: column;
  }
  .evening .downtime_img_wrap {
    margin-left: calc(50% - 50vw);
    width: auto;
    margin-bottom: 30px;
    padding-right: 15%;
  }
  .evening .downtime_text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .evening .downtime_text h4 {
    font-size: 20px;
    line-height: 1.75;
  }
  .evening .downtime_text p {
    margin-top: 20px;
  }
  .twilight {
    margin-bottom: 70px;
  }
  .twilight .downtime_content {
    flex-direction: column;
  }
  .twilight .downtime_img_wrap {
    margin-right: calc(50% - 50vw);
    width: auto;
    margin-bottom: 30px;
  }
  .twilight .downtime_text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .twilight .downtime_text .inner {
    gap: 0; 
    flex-direction: column;
    margin-top: 0;
  }
  .night .downtime_content {
    flex-direction: column-reverse;
  }
  .night .downtime_img_wrap {
    width: 100%;
    margin-bottom: 30px;
  }
  .night .downtime_text {
    width: 100%;
    margin-right: 0;
    /*margin-bottom: 50px;*/
  }
  .night .downtime_text .inner {
    gap: 0; 
    flex-direction: column;
  }

  .morning {
    margin-bottom: 80px;
  }
  .morning .time_header {
    margin-bottom: 10px;
  }
  .wakeup .morning_text h4 {
    margin-bottom: 20px;
    padding-left: 0;
  }
  .wakeup .morning_text p {
    padding-left: 0;
  }
  .wakeup {
    margin-bottom: 50px;
  }
  .wakeup .morning_content {
    flex-direction: column-reverse;
  }
  .wakeup .morning_img_wrap {
    width: 100%;
  }
  .wakeup .morning_text {
    width: 100%;
    margin-left: 0;
    margin-bottom: 50px;
    min-width: auto;
  }
  .breakfast .morning_content {
    flex-direction: column;
  }
  .breakfast .morning_img_wrap {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
  }
  .breakfast .morning_text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    padding-top: 0;
  }
  .breakfast .morning_text .inner {
    gap: 0; 
    flex-direction: column;
  }

  .checkout .checkout_text p {
    padding-left: 0;
  }

  /*施設概要*/
  .container.outline {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container.outline_wrap{
    margin: 0 15px;
  }
  .outline_wrap {
    padding: 70px 15px;
    padding-bottom: 50px;
  }
  .note_title {
    margin-bottom: 50px;
}
  .outline_check._mobile{
    display: block;
  }
  .outline_check._pc{
    display: none;
  }
  .outline_check_sub{
    display: flex;
  }
  .outline_check_sub .outline_people,
  .outline_check_sub .outline_breadth{
    width: 50%;
  }
  .outline_check .outline_time{
    margin-top: 20px;
  }
  .outline_facility .faci_note:last-child {
    margin-bottom: 40px;
  }
  .ame_list {
    margin-bottom: 40px;
  }
  .read_more._pool {
    width: 223px;
    margin-top: 70px;
    font-size: 15px;
  }
}

@media screen and (max-width: 450px){
  .early .howto_text h4 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 380px) {
  .checkin_text h4 div {
    padding: 10px 20px;
  }
}