@charset "utf-8";
/*
Theme Name: REHUB child
Theme URI:https://tcd-theme.com/tcd099
Description:WordPressテーマ「REHUB」の子テーマ
Template:rehub_tcd099
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/

/* スマホのハンバーガーメニューだけ非表示 */
@media screen and (max-width: 767px) {
  #js-menu-button,
  .p-menu-button {
    display: none !important;
  }
}

/* スポット詳細テーブル専用：スマホで折り返し */
@media screen and (max-width: 767px) {

  .p-single--review-table {
    overflow: hidden;
  }

  .p-single--review-table__wrapper {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  .p-single--review-table__cell-left,
  .p-single--review-table__cell-right {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box;
    vertical-align: top !important;
    padding: 12px 10px !important;
    line-height: 1.6 !important;
  }

  .p-single--review-table__cell-left {
    width: 30% !important;
  }

  .p-single--review-table__cell-right {
    width: 70% !important;
  }

  .p-single--review-table__cell-left span,
  .p-single--review-table__cell-right span {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .p-single--review-tag {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .p-single--review-tag__item {
    max-width: 100%;
  }

  .p-single--review-tag__link {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-align: center;
    height: auto !important;
    min-height: 36px;
    padding: 8px 12px !important;
  }
}