@charset "UTF-8";

/* ==========================================================
   ANA Crowne Plaza Hamamatsu: facility-specific overrides

   Add only Hamamatsu-specific differences to this file.
   Common presentation belongs in the shared CSS files.
   This stylesheet is loaded only by the Hamamatsu site, so no
   facility-name prefix is required.
   ========================================================== */

/*共通*/

/*ボタン下ボーダー対応*/
.borderbottom {
  border-bottom: 1px solid rgba(var(--color-midnight-rgb), .18);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/*レストランのオンライン予約ボタン*/
.btn_online {
  display: inline-block;
  margin: 10px 0 0;
  line-height: 1.5;
  text-align: center;
}


/*レストランバー*/
.restaurant-menu-label-lg {
  --restaurant-menu-dt-width: 7em;
}
.restaurant-detail-page .menu_item_box .menu_img {
  font-size: var(--font-size-xs);
}
.tab-content .menu_item .menu_img img, .tab-out-content .menu_item .menu_img img {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: auto;
}
.taxservice {
  padding: 40px 5px 0 0;
}

/* レストラン詳細：メニュー・共通タブ　スマホ追加 */
.restaurant-detail-page .menu-pdf-links {
  flex-wrap: wrap; /* スマホ版では折り返しを許可 */
}
.restaurant-detail-page .menu-pdf-links .btn {
  flex: 1 1 150px; /* スマホ版では潰れないようにベース幅を指定 */
  white-space: normal; /* nowrap（折り返し禁止）から normal（自動折り返し）に変更 */
}

/* 宴会 */
.outline-section a {
  text-decoration: underline;
  text-decoration-color: var(--color-midnight);
  text-underline-offset: 5px;
}

/*観光*/
.sightseeing_list article .information_area .btn {
  margin: 0 0 10px;
}



/* 601px以上：タブレット向け拡張 */
@media screen and (min-width: 601px) {

/*ボタン下ボーダー対応*/
.borderbottom {
  border-bottom: 1px solid rgba(var(--color-midnight-rgb), .18);
  margin-bottom: 50px;
  padding-bottom: 50px;
}

/* レストラン詳細：メニュー・共通タブ　PC追加 */
.restaurant-detail-page .menu-pdf-links {
  flex-wrap: nowrap; /* PC版では折り返しを禁止（1行に並べる） */
}
.restaurant-detail-page .menu-pdf-links .btn {
  flex: 1 1 0; /* PC版では元の均等幅に戻す */
  white-space: nowrap; /* PC版ではボタン内テキストの改行を禁止 */
}

/* レストラン詳細：メニューの左幅 アフタヌーンティー　PC用 */
  .tab-content > .menu_item_box > .menu_item > .menu_info dl.menu_large {
    grid-template-columns: var(--restaurant-menu-dt-width, 60px) minmax(0, 1fr);
    column-gap: 0;
    margin: 1em 0;
  }

/*ウエディング*/
.event-detail-body .event-detail-info div {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
}
.wedding-footer > .container > .link > a {
  margin-bottom: 12px;
}


}

/* 1025px以上：PC向けレイアウト */
@media screen and (min-width: 1025px) {

/* レストラン詳細：メニュー・共通タブ　同じ再設定 */
  .restaurant-detail-page .menu-pdf-links {
    gap: 20px;
    width: auto;
    max-width: none;
    margin: 0 0 50px;
  }
  .restaurant-detail-page .menu-pdf-links .btn {
    display: inline-block;
    flex: 0 1 auto;
    width: auto;
    min-width: 150px;
    height: auto;
    margin: 30px 0 0;
    padding: .625rem 1rem;
    font-size: var(--font-size-sm);
    line-height: 1.5;
    white-space: normal;
  }


}