/* CSS Document */
/*
$red:rgb(229,0,68);


$orange:rgb(255,69,0);
$l_green:rgb(215,233,148);
$catch_color:rgb(122,106,86);
$text_color:rgb(87,77,79);
$table_color:rgb(176,224,230);
$closing_color:rgb(246,197,189);
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif; }

img {
  border-width: 0; }

html {
  font-size: 62.5%;
  height: 100%; }

body {
  margin: 0 auto;
  color: #000;
  font: 1.0rem/1.5 'Noto Sans JP', sans-serif;
  background: #eee;
  font-weight: 300;
  height: 100%; }

header {
  width: 100%;
  height: 80px;
  background: #000; }
  header .inner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    max-width: calc(100% - 20px); }
    header .inner .logo {
      height: 80px; }
      header .inner .logo a img {
        height: 100%; }

footer {
  width: 100%;
  background: #000;
  color: #fff;
  text-align: center; }
  footer .inner {
    margin: 0 auto;
    padding: 10px 0;
    width: 1200px;
    max-width: calc(100% - 20px); }

#container {
  width: 1200px;
  max-width: calc(100% - 20px);
  background: #fff;
  margin: 0 auto; }

.search_flex {
  display: flex;
  flex-direction: column-reverse; }
  @media (min-width: 768px) {
    .search_flex {
      flex-direction: row; } }
  .search_flex #search_box {
    width: 100%;
    height: 300px; }
    @media (min-width: 768px) {
      .search_flex #search_box {
        width: 350px; } }
    .search_flex #search_box #reserve-box {
      height: 100%;
      font-size: 1.4rem; }
      .search_flex #search_box #reserve-box h2 {
        font-size: 2rem; }
  .search_flex #slider {
    width: 100%; }
    @media (min-width: 768px) {
      .search_flex #slider {
        width: calc(100% - 350px); } }
    .search_flex #slider .bx-wrapper {
      border: 0;
      margin-bottom: 0; }
      .search_flex #slider .bx-wrapper img {
        width: 100%;
        display: block;
        object-fit: cover;
        height: 300px; }
    .search_flex #slider .single img {
      width: 100%;
      display: block;
      object-fit: cover;
      height: 300px; }