/* ヘッダー色調整 */
.l-cafe-header .c-cafe-logo__img,
.l-cafe-header .c-cafe-icon-link__img {
  /* ターゲットカラー #9d9d9e を再現する精密なフィルター設定 */
  filter: brightness(0) saturate(100%) invert(65%) sepia(2%) saturate(100%) hue-rotate(202deg) brightness(88%) contrast(95%) !important;
  transition:
    filter 0.3s ease,
    opacity 0.3s ease;
}

.l-cafe-header .p-cafe-nav__link {
  color: var(--cafe-gray-main);
}

.l-cafe-header .c-cafe-hamburger__line::before,
.l-cafe-header .c-cafe-hamburger__line::after {
  background-color: var(--cafe-gray-main);
}

.l-cafe-header .c-cafe-btn-reserve {
  background-color: var(--cafe-green);
}
/* /ヘッダー色調整 */

/* メッセージ */
.p-cafe-message__message {
  background: linear-gradient(to bottom, #fff 0%, #fff 83%, transparent 83%, transparent 100%);
  background-color: #f7f7f7;
  padding-top: 5vw;
}
@media (max-width: 767px) {
  .p-cafe-message__message .p-cafe-message__catch {
    margin-left: 5vw;
  }

  /* メニュ－ */
  .p-cafe-message-menu .c-cafe-section-head__sub {
    font-size: 3vw;
  }
}
.p-cafe-message__fv {
  width: 60%;
  margin: 0 auto;
}
.p-cafe-message__image {
  margin-top: 1.5em;
}

/* タイム */
.p-cafe-message__message-time {
  padding: 20vw 0;
  background-color: #f7f7f7;
}
.p-cafe-message__message-time-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 10vw;
  margin-left: auto;
}
.p-cafe-message__message-time-content {
  display: flex;
  justify-content: space-between;
  margin-top: 5vw;
}
.c-cafe-time-block__label {
  margin-right: 5vw;
}
.p-cafe-message__message-time-box:nth-child(2) .c-cafe-time-block__label {
  margin-left: 5vw;
}

.p-cafe-message__message-time-img {
  width: 70%;
}
.p-cafe-message__message-time-text {
  flex-shrink: 0;
  width: 30%;
  display: flex;
  justify-content: center;
}
.p-cafe-message__lead {
  writing-mode: vertical-rl;
  font-size: 4vw;
  line-height: 1.8;
  letter-spacing: 0.15em;
  color: #141414;
  font-family: 'Shippori Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
  white-space: nowrap;
}
.p-cafe-message__text-block-logo {
  margin: 0 auto;
  width: 40%;
  margin-top: 10vw;
}

/* テキストの改行調整 */
.p-cafe-message__lead span {
  display: block;
}
.Lunch-line-2 {
  padding-top: 4em; /* 2行目の開始位置を調整 */
}
.cafe-line-2 {
  padding-top: 2em; /* 2行目の開始位置を調整 */
}
.cafe-line-3 {
  padding-top: 3em; /* 3行目の開始位置を調整 */
}
.dinner-line-2 {
  padding-top: 4em; /* 2行目の開始位置を調整 */
}
.p-cafe-message__message-time::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateY(-50%);
  width: 1.5px;
  height: 3%;
  background-color: #9d9d9e;
}
.p-cafe-message__text-box-text {
  font-size: 3.2vw;
  line-height: 2.5;
  letter-spacing: 0.15em;
  color: #141414;
  font-family: 'Shippori Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
}

/* 情報 */
.p-cafe-message__message-information {
  padding-bottom: 10vw;
}
.p-cafe-message__message-information-detail {
  padding-top: 15vw;
}
.p-cafe-message__message-information-mian {
  border-radius: 10px;
  box-shadow:
    0 0 8px rgba(0, 0, 0, 0.1),
    5px 5px 15px rgba(0, 0, 0, 0.15);
  margin-bottom: 10vw;
}
.p-cafe-message__message-information-sab {
  display: block;
  text-align: right;
}
.amazine-img {
  display: block;
  text-align: left;
  width: 60%;
}
.c-cafe-time-block__lead {
  text-align: left;
  margin: 4vw 0;
}
.c-cafe-message__btm {
  background-color: #6aa7aa;
  display: inline-flex;
  align-items: center;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
  color: #fff;
  padding: 4px 0 4px 18px;
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  letter-spacing: 0.15em;
}
.c-cafe-message__btm a {
  color: #fff;
}
/* テキスト横のライン */
.btn-line {
  display: inline-block;
  width: 40px; /* ラインの長さ */
  height: 1px; /* ラインの太さ */
  background-color: #ffffff;
  margin-left: 15px; /* テキストとの間隔 */
  vertical-align: middle;
}
/* ヘッダー */
.l-cafe-footer {
  background-color: #fff !important;
}
@media (min-width: 768px) {
  /* メッセージ */
  .p-cafe-message__box {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 3vw;
    margin-bottom: 4vw;
  }
  .p-cafe-message__message {
    background-color: #fff;
    padding-bottom: 5vw;
    padding-top: 0;
  }
  .p-cafe-message__message .p-cafe-message__content {
    margin-top: 6vw;
  }
  .p-cafe-message__message .p-cafe-message__catch {
    font-size: 4.1vw;
    padding-top: 0.4em;
  }
  .p-cafe-message__message .p-cafe-message__image {
    width: 39%;
  }
  .p-cafe-message__fv {
    width: 100%;
  }
  .p-cafe-message .c-cafe-heading {
    text-align: left;
  }
  /* タイム */
  .c-cafe-time-block__label {
    font-size: 3vw !important;
  }
  .p-cafe-message__lead {
    writing-mode: horizontal-tb;
    font-size: 2vw;
    text-align: center;
    margin-top: 4vw;
    line-height: 2.5;
  }
  .p-cafe-message__message-time {
    padding: 0;
    padding-bottom: 15vw;
  }
  .p-cafe-message__message-time-box:nth-of-type(even) {
    margin: 0;
  }
  .p-cafe-message__message-time-box {
    margin: 0;
  }
  .p-cafe-message__message-time-content {
    align-items: center;
    margin-top: 0;
    gap: 0;
  }
  .p-cafe-message__text-block-logo {
    width: 25%;
    margin-top: 7vw;
  }
  .p-cafe-message__message-time-text {
    flex-shrink: 0;
    width: 50%;
    display: block;
  }
  .Lunch-line-2 {
    padding-top: 0;
  }
  .cafe-line-2 {
    padding-top: 0; /* 2行目の開始位置を調整 */
  }
  .cafe-line-3 {
    padding-top: 0; /* 3行目の開始位置を調整 */
  }
  .dinner-line-2 {
    padding-top: 0; /* 2行目の開始位置を調整 */
  }
  .p-cafe-message__text-box {
    margin-top: 10vw;
  }
  .p-cafe-message__text-box-text {
    font-size: 2vw;
  }

  /* 情報 */
  .p-cafe-message__message-information-text {
    font-size: 1.37vw;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 2;
    margin: 0 auto;
    margin-top: 8vw;
    margin-bottom: 8vw;
    letter-spacing: 0.2em;
  }
  .p-cafe-message__message-information-detail {
    padding-top: 0;
  }
  .p-cafe-message__message-information-content {
    display: flex;
    gap: 60px;
    align-items: center;
    margin-bottom: 5vw;
  }
  .p-cafe-message__message-information-mian {
    margin-bottom: 0;
  }
  .p-cafe-message__message-information-sab {
    width: 70%;
  }
  .c-cafe-time-block__lead {
    margin: 2vw 0;
  }
}