@charset "UTF-8";
/* ---------------------------------
 page common - page_mainVisual
--------------------------------- */
#page_mainVisual{
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
  height: 360px;
  background-color: #ccc;
}
#page_mainVisual img {
   object-fit: cover; /* IE: not support */
   width: 100%;
   height: 100%;
}
@media screen and (max-width: 896px) {
  #page_mainVisual{
    height:180px;
    margin-top: 80px;
  }
}

/* ---------------------------------
 page common - page_title
--------------------------------- */
.page_title{
  width: 100%;
  background-image: url("../img/common/bg_pattern_check.svg");
  background-repeat: repeat;
}
.page_title .page_title_inner{
  width: 94%;
  max-width: 1400px;
  padding: 70px 0;
  margin: 0 auto;
}
.page_title h1.page_title_h1{
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 2.0;
}
.page_title h1.page_title_h1 .page_title_en{
  font-size: 3.0rem;
}
.page_title p.page_title_note{
  text-align: center;
  margin-top: 30px;
  font-weight: bold;
}
@media screen and (max-width: 896px) {
  .page_title .page_title_inner{
    padding: 35px 0;
  }
  .page_title h1.page_title_h1{
    font-size: 18px;
  }
  .page_title h1.page_title_h1 .page_title_en{
    font-size: 2.0rem;
  }
  .page_title p.page_title_note{
    margin-top: 30px;
  }
}

/* ---------------------------------
 page_contents
--------------------------------- */
.page_contents{
  width: 100%;
}
.page_contents .page_contents_inner{
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
}

/* ---------------------------------
 meal -- お食事ページ
--------------------------------- */
#meal{
  width: 100%;
}
/* meal_box */
.meal_box{
  width: 100%;
  margin: 100px auto;
}
.meal_box .meal_item_box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 50px;
}
.meal_box .meal_item_box .meal_item_img{
  width: 50%;
}
.meal_box .meal_item_box .meal_item_menu{
  width: 47%;
  margin-left: 3%;
  background-color: #fff;
  padding: 30px;
  border-radius: 15px;
}
.meal_box .meal_item_box .meal_item_menu h3.meal_item_h3{
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 5px solid #e69468;
}
.meal_box .meal_item_box .meal_item_menu .meal_notice{
  margin-top: 20px;
  font-size: 14px;
}
@media screen and (max-width: 896px) {
  .meal_box{
    width: 100%;
    margin: 50px auto;
  }
  .meal_box .meal_item_box{
    padding: 30px 20px;
  }
  .meal_box .meal_item_box .meal_item_img{
    width: 100%;
  }
  .meal_box .meal_item_box .meal_item_img img{
    border-radius: 15px 15px 0 0;
  }
  .meal_box .meal_item_box .meal_item_menu{
    width: 100%;
    margin-left: 0;
    padding: 25px;
    border-radius: 0 0 15px 15px;
  }
  .meal_box .meal_item_box .meal_item_menu h3.meal_item_h3{
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 5px solid #e69468;
  }
  .meal_box .meal_item_box .meal_item_menu .meal_notice{
    margin-top: 20px;
    font-size: 14px;
  }




}