@media screen and (max-width: 980px) {
  div#id_plansearch_top {
    display: none;
  }
  section {
    width: 94%;
    margin: 0 auto;
  }
  .kaisekiSlider {
    width: 100%;
  }
  .vegetableTextWrap {
    width: 100%;
  }
  .barInfoBox {
    width: 100%;
  }
  .barImgBox,
  .barTextBox1,
  .barTextBox2 {
    float: unset;
    width: 90%;
    height: auto;
    margin: 0 auto 30px;
  }
  .barBtn {
    margin: 30px 0 0 0;
    padding-bottom: 30px;
  }
  .barTextBox2 p.planeText {
    margin: 60px 0 0 0;
  }
  .bfBox {
    width: 100%;
  }
  .bfTextBox {
    float: unset;
    width: 100%;
    margin-bottom: 30px;
  }
  .subPhoto1,
  .subPhoto2 {
    width: 50%;
  }
  .bfSlideArea {
    float: unset;
    width: 100%;
  }
  .materialBox {
    width: 100%;
  }
  .materialTextBox,
  .vegetableImgBox {
    float: unset;
    width: 100%;
    margin-bottom: 50px;
  }
  .materialBox2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .materialTextBox2,
  .materialImg {
    float: unset;
    width: 100%;
    margin-bottom: 30px;
  }
  .akaushiTextBox,
  .akaushiImg {
    float: unset;
    width: 100%;
    margin-bottom: 30px;
  }
  .akaushiBox {
    width: 100%;
  }
  .barInfoWrap {
    height: auto;
  }
  .placeInfo {
    width: 100%;
  }
  .placeBox,
  .placeBox2 {
    float: unset;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
  }
  .placeImg {
    width: 40%;
  }
  .placeTextBox {
    width: 50%;
  }
  #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: 767px) {
    .pageTitle h2 {
      width: auto;
      text-align: center;
      display: inline-block;
      position: unset;
      margin: 135px 0;
    }
    .akaushiImg {
      float: unset;
      margin-bottom: 30px;
    }
    .akaushiTextBox {
      float: unset;
      width: 100%;
    }
    .sectionTitle {
      font-size: 26px;
    }
    .subHead2 {
      font-size: 20px;
    }
    .vegetableTextBox {
      float: unset;
      width: 90%;
      margin: 50px auto;
      height: auto;
    }
    .vegetableTextBox h3 {
      font-size: 20px;
    }
    .vegetableTextBox p.vegetableInfoText {
      width: 94%;
      margin-bottom: 20px;
    }
    .akaushiImg img {
      max-width: 100%;
    }
    .akaushiTextBox h4 {
      font-size: 20px;
    }
    .subHead2 {
      font-size: 18px;
    }
    .barTextBox1 p {
      margin: 40px 0 0 0;
    }
    .barImgBox,
    .barTextBox1,
    .barTextBox2 {
      width: 94%;
    }
    .barTextBox2 {
      padding: 30px 0 0;
    }
    .barTextBox2 p.planeText {
      margin-top: 0;
    }
    .bfTextBox h4 {
      font-size: 20px;
    }
    .subPhoto1,
    .subPhoto2 {
      width: 100%;
      margin-bottom: 20px;
    }
    .bathSubImg {
      margin-bottom: 10px;
    }
    .materialIcon {
      width: 22%;
    }
    .materialIcon img {
      max-width: 100%;
    }
    .mTitleBox,
    .mTitleBox2 {
      width: 73%;
    }
    .mTitleBox p,
    .mTitleBox2 p {
      font-size: 16px;
    }
    .mTitleBox h4,
    .mTitleBox2 h4 {
      font-size: 35px;
      line-height: 40px;
    }
    .farmerImg {
      width: 100%;
      margin-bottom: 20px;
      float: unset;
    }
    .farmerText {
      width: 100%;
      float: unset;
      margin: 0 auto;
    }
    .siteLinkBtn {
      text-align: center;
    }
    .materialTextBox,
    .vegetableImgBox {
      margin-bottom: 80px;
    }
    .vegetableImgs li.edge {
      margin: 10px 20px 0 0;
    }
    .vegetableImgs li:nth-of-type(2n) {
      margin-right: 0;
    }
    .placeImg {
      width: 100%;
      float: unset;
    }
    .placeTitle {
      font-size: 26px;
    }
    .placeTitle span {
      font-size: 16px;
      line-height: 30px;
    }
    .barImg img {
      max-width: 100%;
    }
    .mTitleBox2 h4 {
      font-size: 28px;
      margin: 5px 0 0;
    }
    .vegetableImgs {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
    }
    .vegetableImgs li {
      float: unset;
      margin: 10px 0 0;
    }
    .vegetableImgs li p {
      font-size: 14px;
    }
    .vegetableImgs li.edge {
      margin: 10px 0 0;
    }
    .siteLinkBtn {
      margin: 50px 0 0 0;
    }
    .placeTextBox {
      width: 100%;
      margin: 0;
    }
  }
}