@media screen and (max-width: 980px) {
  section {
    width: 94%;
    margin: 0 auto;
  }
  .roomTypeArea {
    width: 100%;
  }
  .roomTypes > li {
    float: unset;
    margin: 30px auto 0;
    max-width: 100%;
    max-height: 100%;
  }
  .layerTransparent {
    width: 100%;
  }
  #sougen,
  #kori,
  #sobou,
  #momiji,
  #washitsu1,
  #washitsu2,
  #washitsu3,
  #suginoma {
    width: 94%;
    margin: 0 auto;
    margin-bottom: 100px;
  }
  .equipmentBox,
  .typeBox,
  .roomTypeInfo > .planArea {
    width: 100%;
  }
  .equipment {
    background: none;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
    float: unset;
  }
  .equipment h5 {
    font-weight: bold;
  }
  .amenity {
    float: unset;
    width: 100%;
    margin: 0 auto 20px;
  }
  .typeBox p {
    line-height: 35px;
  }
  .sliderArea {
    float: unset;
    margin: 0 auto 35px;
    width: 100%;
  }
  .yosanoText {
    width: 325px;
  }
  .detailBtn,
  .detailBtn2,
  .detailBtn3,
  .detailBtn4,
  .detailBtn5,
  .detailBtn6,
  .detailBtn7,
  .detailBtn8 {
    bottom: 25px;
  }
  .roomName {
    font-size: 28px;
    margin: 40px 0 0 0;
  }
  .roomName span {
    font-size: 15px;
  }
  .pageTitle h2 {
    width: auto;
    text-align: center;
    display: inline-block;
    position: unset;
    margin: 135px 0;
  }
  .btnArea {
    width: 100%;
  }
  #id_tel_link {
    margin: 0 0px 10px;
  }
  #id_tel_link > .text {
    padding: 12px 0px 0px;
  }
  #id_plansearch_top {
    display: none;
  }
  .amenity h5,
  .typeBox h5 {
    font-weight: bold;
  }
  .retrunBtn {
    top: 0px;
  }
  #id_plansearch_title_box {
    float: unset;
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
  #id_plansearch .plansearchitem {
    margin: 5px 0;
    float: left;
    height: 90px;
    line-height: 2em;
    width: 100%;
  }
  #id_plansearch_date_box,
  #id_plansearch_staynum_box,
  #id_plansearch_dispoption_box {
    padding-left: 0;
  }
  #id_plansearch #id_plansearch_button_box {
    height: 50px;
  }
  #id_plansearch #id_plansearch_dispoption_box {
    height: 118px;
    width: 100%;
  }
  #id_plansearch div#id_plansearch_staynum_box,
  #id_plansearch div#id_plansearch_roomnum_box {
    width: 115px;
  }
  .en.plansearch {
    display: none;
  }
  @media screen and (max-width: 480px) {
    .sectionTitle {
      font-size: 23px;
    }
    .subHead {
      font-size: 16px;
    }
    .roomName {
      font-size: 25px;
    }
    .roomName2 {
      font-size: 26px;
    }
    .roomName2 span {
      font-size: 18px;
    }
    .yosanoInfo .photo {
      float: unset;
      margin-bottom: 10px;
    }
    .yosanoText {
      width: 100%;
      float: unset;
      margin: 0 auto 30px;
    }
    .yosanoInfo .ka {
      float: unset;
      width: 100%;
    }
    .yosanoInfo .ka img {
      max-width: 100%;
    }
    .textArea {
      float: unset;
      width: 100%;
    }
    .textArea h5 {
      font-size: 22px;
    }
    .typeBox p { line-height: 25px; display: flex; flex-wrap: wrap; gap: 15px; }
    .en .tag2 { width: 180px;}
  }
}