@charset "UTF-8";

/*520px以下の記述。（モバイル）*/
@media screen and (min-width: 600px){
  .sp-con{
    display: none;
  }
}
/*521px〜960pxの記述。（タブレット）*/
@media screen and (max-width: 900px) {
.flex{
  flex-wrap: nowrap;
}
}
@media screen and (max-width: 800px) {
.flex {
    flex-wrap: wrap;
  }
  .topread {
    text-align: left;
  }

  .list {
    max-width: inherit;
  }

  .google-map {
    margin: 40px auto 0;
  }

  .slide-wp {
    margin: auto;
  }

  /*===============================================
予約
===============================================*/
  .reserve .imgbox,
  .reserve .txbox {
    max-width: inherit;
  }

  .reserve .imgbox {
    order: 1;
  }

  .reserve .txbox {
    order: 2;
  }

  .imgbox {
    margin-bottom: 30px;
  }
}