@charset "UTF-8";
/* =================================================================== use toppage =================================================================== */
/* CSS Document */
/* 画像サイズ調整 ---------------------------------------------------------------------------*/
/* フォントサイズ調整 ---------------------------------------------------------------------------*/
/* ブレークポイント ---------------------------------------------------------------------------*/
/*_____ font weight _______________*/
:root { --col_main: #35453f; }
/*---------------------------------------------------------------------------*/
@media screen and (min-width: 769px), print { /* =================================================================== Meal page =================================================================== */
  /* CSS Document */
  /* 画像サイズ調整 ---------------------------------------------------------------------------*/
  /* フォントサイズ調整 ---------------------------------------------------------------------------*/
  /* ブレークポイント ---------------------------------------------------------------------------*/
  /*_____ font weight _______________*/
  .link-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 10px; margin: 0 0 100px; }
  .link-list li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 80px; }
  .link-list li a { background-color: #f6f5f1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "Shippori Mincho", serif; font-size: 1.6rem; text-align: center; height: 100%; line-height: 1.4; font-weight: 500; }
  .link-list li a.active { background-color: #35453f; color: #fff; pointer-events: none; }
  .b-article .c-ttl { margin-bottom: 28px; }
  .b-article__lead { font-size: 18px; font-weight: 500; line-height: 1.8; margin-bottom: 54px; }
  .b-article__list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; font-family: var(--font_mincho); }
  .b-article__list li a { position: relative; display: block; }
  .b-article__list li .icon-arrow:before { content: ''; position: absolute; bottom: 18px; right: 18px; width: 26px; height: 21px; background: url("../images/ic_arrow.webp") no-repeat; -moz-background-size: cover; background-size: cover; }
  .b-article__photo { display: block; height: 230px; width: 100%; }
  .b-article__photo img { height: 100%; object-fit: cover; width: 100%; }
  .b-article__ttl { font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: 0.1em; word-break: break-word; }
  .b-article__detail { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; left: 0; bottom: 0; width: 100%; height: 100%; padding: 15px 45px; background: rgba(0, 0, 0, 0.3); text-align: center; color: #fff; }
  html[lang='en'] .b-anchor ul li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  html[lang='en'] .b-anchor ul li a br { display: none; } }
@media screen and (max-width: 768px) { /* =================================================================== Meal page sp =================================================================== */
  /* CSS Document */
  /* 画像サイズ調整 ---------------------------------------------------------------------------*/
  /* フォントサイズ調整 ---------------------------------------------------------------------------*/
  /* ブレークポイント ---------------------------------------------------------------------------*/
  /*_____ font weight _______________*/
  .link-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 1.95312vw; margin-inline: 0; margin: 13.02083vw 0; }
  .link-list li { height: 15.625vw; min-width: 0; width: 28.51562vw !important; }
  .link-list li:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
  .link-list li:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
  .link-list li:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
  .link-list li:nth-child(4) { grid-area: 2 / 2 / 3 / 4; }
  .link-list li:nth-child(5) { grid-area: 2 / 4 / 3 / 5; }
  .link-list li:nth-child(6) { grid-area: 3 / 1 / 4 / 2; }
  .link-list li:nth-child(7) { grid-area: 3 / 2 / 4 / 4; }
  .link-list li:nth-child(8) { grid-area: 3 / 4 / 4 / 5; }
  .link-list li a { background-color: #f6f5f1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Shippori Mincho", serif; font-size: 3.38542vw; text-align: center; height: 100%; line-height: 1.4; font-weight: 500; }
  .link-list li a.active { background-color: #35453f; color: #fff; pointer-events: none; }
  .b-article .c-ttl { margin-bottom: 5.46875vw; }
  .b-article__lead { font-size: 3.64583vw; font-weight: 500; line-height: 1.75; margin-bottom: 6.25vw; }
  .b-article__list { font-family: var(--font_mincho); }
  .b-article__list li { margin-left: -3.90625vw; margin-right: -3.90625vw; }
  .b-article__list li:not(:last-of-type) { margin-bottom: 0.52083vw; }
  .b-article__list li a { position: relative; display: block; }
  .b-article__list li .icon-arrow:before { content: ''; position: absolute; bottom: 5.07812vw; right: 5.20833vw; width: 7.16146vw; height: 5.85938vw; background: url("../images/ic_arrow.webp") no-repeat; -moz-background-size: cover; background-size: cover; }
  .b-article__photo { display: block; height: 65.10417vw; }
  .b-article__photo img { height: 100%; object-fit: cover; width: 100%; }
  .b-article__ttl { font-size: 5.20833vw; font-weight: 600; line-height: 1.4; letter-spacing: 0.1em; word-break: break-word; }
  .b-article__detail { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; left: 0; bottom: 0; width: 100%; height: 100%; padding: 4.6875vw 15.625vw; background: rgba(0, 0, 0, 0.3); text-align: center; color: #fff; }
  html[lang='en'] .b-anchor ul li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  html[lang='en'] .b-anchor ul li a br { display: none; } }