@CHARSET "UTF-8";



/**********************************************************************
* [mainvisual]
**********************************************************************/
.mainvisual {
 position: relative;
}

.main-image img {
 width: 100%;
 height: auto;
 margin: 0 auto;
}

.food-text {
 position: absolute;
 bottom: 10%;
 left: 5%;
}

.food-text h1 {
 padding: 0;
 color: #eee;
 font-weight: normal;
}

.food-text h1 .title {
 font-size: 36px;
 margin-bottom: -0.3em;
}

.food-text h1 .index {
 display: block;
 font-size: 14px;
 line-height: 1.2;
}

@media (min-width: 768px) {
 .food-text {
  bottom: 20%;
  left: 8%;
 }
 
 .food-text h1 .title {
  font-size: 42px;
 }

 .food-text h1 .index {
  font-size: 16px
 }
}

@media (min-width: 992px) {
 .food-text {
  left: 10%;
 }

 .food-text h1 .title {
  font-size: 63px;
 }

 .food-text h1 .index {
  font-size: 22px;
 }
}

/**********************************************************************
* [Cherish menu]
**********************************************************************/
.cherish-menu {
 margin: 4% 0;
}

.h2-title {
 color: #f19dc1;
 font-size: 1.5em;
 font-weight: normal;
}


.cherish-menu .food {
 display: table;
 table-layout: fixed;
 width: 100%;
 margin: 1em 0;
 font-size: 2em;
}

.cherish-menu .list {
 padding: 0 8%;
}

.cherish-menu .list p {
line-height: 1.3;
color: #f19dc1; /* 2026/1/7 ’ljÁ */
}

.cherish-menu .sub-title {
 font-size: 1.2em;
 font-weight: bold;
}

 .cherish-menu .food {
  font-size: 1em;
 }
 
.cherish-menu .food .menu {
 display: table-cell;
}

.cherish-menu .food .price {
 display: table-cell;
 text-align: right;
 width: 33%;
}

.cherish-menu .tax_excluded {
 margin-bottom: 0;
}

.cherish-menu .tax_included {
 font-size: 0.5em;
}

.comments {
 font-size: 1.2em;
 
}

@media (min-width: 768px) {
 .row-eq-height {
  display: flex;
  flex-wrap: wrap;
 }
 
 .comments {
  font-size: 1.2em; 
 }
 
 .cherish-menu .center {
  margin-top: 3.6em;
 }
}

@media (min-width: 1140px) {
 .cherish-menu .center {
  margin-top: 2.3em;
 }
}

/* food image */
.food-image img {
 width: 100%;
 height: auto;
 padding: 5%;
}



/**********************************************************************
* [footer]
**********************************************************************/
footer {
 margin-top: 7%;
}