/* ▼ GLUEの本文サイズ変数にフック（PC/SP 両方）。!important でカスタマイザーCSSに勝つ */
:root{
  --content_font_size: 16px !important;
  --content_font_size_sp: 16px !important;
}

/* 小 */
html.fs-s, body.fs-s{
  --content_font_size: 15px !important;
  --content_font_size_sp: 15px !important;
}

/* 中 */
html.fs-m, body.fs-m{
  --content_font_size: 16px !important;
  --content_font_size_sp: 16px !important;
}

/* 大 */
html.fs-l, body.fs-l{
  --content_font_size: 18.5px !important;
  --content_font_size_sp: 18.5px !important;
}

/* （任意）スイッチUI */

/* 20px 固定を 1.25rem (= 本文1rem基準で連動) に置き換え */

/* 記事リスト・ニュースリストのタイトル */
.news_list .title,
.blog_list .title,
#index_tab_post_list .post_list.type2 .title,
.bottom_related_post .item .title_contents .title,
.p-slider-contents__title,               /* トップのスライダー見出し(24pxのテーマも有) → 下で調整注記 */
.glue_headline                             /* GLUE専用見出し(22px) → 1.25remに揃える場合 */
{ font-size: 1.25rem !important; }

/* 必要に応じて：説明文18px → 1.125rem（任意） */
.design_header .desc p,
#index_tab_post_list .excerpt,
.news_list .excerpt,
.widget_tab_post_list .title
{ font-size: 1.125rem !important; }

/* 例：もし 24px 指定（= 1.5rem）も連動させたいなら */
.p-slider-contents__title { font-size: 1.5rem !important; }  /* 24px系の箇所に適用したい時のみ有効化 */





@media screen and (min-width: 767px) {
.button-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1% 5%;
    border: none;
    border-radius: 5px;
    background-color: #f46109;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.button-55::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.button-55:hover {
    background-color: #a97432;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}



}


@media screen and (max-width: 767px) {
.button-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-width: 30%; */
    margin: 0 auto;
    padding: 1% 5%;
    border: none;
    border-radius: 5px;
    background-color: #f46109;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.button-55::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.button-55:hover {
    background-color: #a97432;
}
}





/* 選択中 */
#index_tab li.active a{
  background:var(--main_color);
  color:#fff !important;
  border-color:var(--main_color);
}

/* 非選択をホバーしたとき */
#index_tab li:not(.active) a:hover{
  background:var(--main_color);
  color:#fff !important;
  border-color:var(--main_color);
}

/* ★非選択をホバーしている間だけ、activeを“白黒”に戻す */
#index_tab:has(li:not(.active):hover) li.active a{
  background:#fff;
  color:#000 !important;
  border-color:#ddd;
}