@charset "UTF-8";
.top_list li.toplist01 .txt .icon{
  width: 26px;
}
.top_list li.toplist02 .txt .icon{
  width: auto;
  height: 26px;
}
.top_list li.toplist03 .txt .icon{
  width: auto;
  height: 23px;
}

.section{
  padding: 40px 0 60px;
}
.sectitle + .title_line{
  margin: 20px auto;
}

/* breakfast */
.breakfast .img{
  margin: 40px auto;
}
.breakfast .img_big{
  width: 67.75%;
}
.breakfast .img_small{
  width: 32.25%;
}
.breakfast .img_big img{
  height: 500px;
}
.breakfast .img_small img{
  height: 250px;
}

.breakfast .txt .sec{
  line-height: 1.9;
  margin: 10px 0 45px;
}
.table_maru{
  width: 100%;
  border-collapse: collapse;
}
.table_maru th{
  width: 18%;
  padding: 25px 2px;
  background: #d3c8bd;
  border-radius: 30px 0 0 30px;
}
.table_maru td{
  width: 82%;
  padding: 25px 2px 25px 4%;
  background: #fff;
  border-radius: 0 30px 30px 0;
}

/* restaurant */
.restaurant{
  padding: 60px 0;
}
.restaurant .flex{
  align-items: flex-end;
}
.restaurant .img{
  width: 50%;
}
.restaurant .img img{
  height: 514px;
}
.restaurant .txt{
  width: 50%;
  text-align: left;
  padding: 0 9% 0 3%;
}
.restaurant .txt .title_line {
  margin: 20px 0 25px;
}
.restaurant .txt .sec{
  line-height: 1.9;
  margin: 10px 0 40px;
  max-width: 500px;
}
.restaurant .txt .img_box{
  display: flex;
  justify-content: space-between;
}
.restaurant .txt .img_box > div{
  width: 32%;
  max-width: 182px;
}

/* information */
.information{
  padding: 75px 0 0;
}
.information table{
  margin-top: 35px;
}

@media screen and (max-width: 768px){
  .section {
    padding: 30px 3% 30px;
  }
  .breakfast .img{
    margin: 0 0 20px;
  }
  .breakfast .img_big{
    width: 100%;
    margin-bottom: 5px;
  }
  .breakfast .img_big img{
    height: auto;
  }
  .breakfast .img_small{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .breakfast .img_small > div{
    width: calc(50% - 2.5px);
  }
  .breakfast .img_small img{
    height: auto;
  }
  .breakfast .txt .sec {
    margin: 10px 0 20px;
  }
  .table_maru th{
    display: block;
    width: 100%;
    border-radius: 30px 30px 0 0;
    padding: 15px 2px;
  }
  .table_maru td{
    display: block;
    width: 100%;
    border-radius: 0 0 30px 30px;
    padding: 15px 15px 15px 4%;
  }

  /* restaurant */
  .restaurant .txt{
    width: 100%;
    padding: 0;
  }
  .restaurant .txt .title_line {
    margin: 20px 0 20px;
  }
  .restaurant .txt .sec {
    margin: 10px 0 20px;
    max-width: none;
  }
  .restaurant .img{
    width: 100%;
  }
  .restaurant .txt .img_box {
    margin-top: 2%;
  }


}