@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
*/

/* ===================================================
   1. スマホメニュー（ドロワー）全体のリセット・共通調整
=================================================== */
.p-spMenu__body, 
.p-spMenu__nav, 
.p-spMenu__bottom { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.p-spMenu__body { padding-top: 12px !important; padding-bottom: 24px !important; }
.p-spMenu .menu { margin: 0 !important; }
.p-spMenu .menu-item a { padding-top: 14px !important; padding-bottom: 14px !important; }

/* 特定の要素を非表示 */
.tag-cloud-link[href*="osaka-metro"],
.p-termList__item a[href*="osaka-metro"],
.c-subTermList__link[href*="osaka-metro"] { display: none !important; }
.is-hidden { display: none !important; }

/* ===================================================
   2. ハンバーガー内（ドロワー）専用：青バーデザイン＆余白
=================================================== */
#sp_menu .c-widget { margin-top: 0 !important; margin-bottom: 12px !important; padding: 0 !important; }
#sp_menu .c-widget:has(form) { margin-bottom: 1.5rem !important; }
#sp_menu form { margin-bottom: 0 !important; }
.p-spMenu .c-widget__title { margin-bottom: 1rem !important; }
#sp_menu .widget_search { padding-left: 0 !important; padding-right: 0 !important; }
#sp_menu .widget_search .c-widget__title { display: none !important; }

/* 青ベタ塗りバー（アコーディオン見出し） */
#sp_menu .js-acc-title {
    background-color: #22509a !important; color: #ffffff !important;
    font-size: 14px !important; font-weight: bold !important;
    padding: 10px 12px !important; border-radius: 4px !important;
    margin-top: 0 !important; margin-bottom: 0 !important; box-sizing: border-box !important;
}
#sp_menu .tagcloud:not(.is-hidden),
#sp_menu .c-widget__body:not(.is-hidden),
#sp_menu .widget_nav_menu ul:not(.is-hidden) { margin-top: 8px !important; margin-bottom: 16px !important; }
#sp_menu .js-station-wrapper > div + .js-acc-title { margin-top: 16px !important; }

/* ===================================================
   3. ページ下部（ドロワー外）：PC標準デザイン＆余白
=================================================== */
.js-acc-title-page {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    cursor: pointer !important; margin-top: 14px !important; margin-bottom: 6px !important;
}
.js-acc-title-page + .js-acc-title-page { margin-top: 12px !important; }
.js-station-wrapper { display: flex !important; flex-direction: column !important; }
.js-station-wrapper > div + .c-widget__title { margin-top: 24px !important; }

/* ===================================================
   4. 検索バーの修正（虫眼鏡アイコン・青枠消去・サイズ最適化）
=================================================== */
.c-searchForm, .wp-block-search, .wp-block-search__inside-wrapper { display: flex !important; width: 100% !important; box-sizing: border-box !important; }

/* PCベース：入力欄 */
.c-searchForm__input, .c-searchForm__s, .wp-block-search__input, input[type="search"], input[type="text"].search-field {
    flex: 1 !important; height: 40px !important; border: 1px solid #e5e5e5 !important; border-right: none !important;
    border-radius: 4px 0 0 4px !important; background: #fff !important; padding: 0 10px !important;
    font-size: 14px !important; box-sizing: border-box !important; -webkit-appearance: none !important; margin: 0 !important; outline: none !important; box-shadow: none !important;
}
.c-searchForm__input:focus, .c-searchForm__s:focus, .wp-block-search__input:focus, input[type="search"]:focus, input[type="text"].search-field:focus { border-color: #999 !important; }

/* PCベース：検索ボタン */
.c-searchForm__submit, .c-searchForm__submit.u-bg-main, .wp-block-search__button, button[type="submit"] {
    position: static !important; background-color: #f7f7f7 !important; border: 1px solid #e5e5e5 !important;
    border-radius: 0 4px 4px 0 !important; flex: 0 0 50px !important; height: 40px !important; box-sizing: border-box !important;
    transition: background-color 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; font-size: 0 !important; color: transparent !important;
}
.c-searchForm__submit:hover, .wp-block-search__button:hover, button[type="submit"]:hover { background-color: #eeeeee !important; }
.c-searchForm__submit::before, .wp-block-search__button::before, button[type="submit"]::before { content: "\e92e" !important; font-family: "icomoon" !important; color: #444 !important; font-size: 18px !important; position: static !important; display: block !important; }

/* ハンバーガー内（#sp_menu）専用の調整 */
#sp_menu .c-searchForm__input, #sp_menu .c-searchForm__s, #sp_menu .wp-block-search__input, #sp_menu input[type="search"] { height: 48px !important; border-color: hsla(0,0%,78%,.5) !important; }
#sp_menu .c-searchForm__submit, #sp_menu .c-searchForm__submit.u-bg-main, #sp_menu .wp-block-search__button, #sp_menu button[type="submit"] { height: 48px !important; flex: 0 0 56px !important; border-color: hsla(0,0%,78%,.5) !important; }
#sp_menu .c-searchForm__submit::before, #sp_menu .wp-block-search__button::before, #sp_menu button[type="submit"]::before { font-size: 22px !important; }


/* ===================================================
   5. 【設備・駅など】URLに/area/が含まれないものは2列の四角ボタン
=================================================== */
.widget_tag_cloud:not(:has(a[href*="/area/"])) .tagcloud,
.c-widget .widget_nav_menu:not(:has(a[href*="/category/"])) ul,
.c-widget .wp-block-navigation:not(:has(a[href*="/category/"])) ul {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; align-items: stretch !important;
}
#sp_menu .tagcloud, 
#sp_menu .widget_nav_menu:not(:has(a[href*="/category/"])) ul, 
#sp_menu .wp-block-navigation:not(:has(a[href*="/category/"])) ul { 
    padding: 10px 0 0 !important; margin-bottom: 12px !important; 
}

.widget_tag_cloud:not(:has(a[href*="/area/"])) .tagcloud a,
.c-widget .widget_nav_menu:not(:has(a[href*="/category/"])) ul li a,
.c-widget .wp-block-navigation:not(:has(a[href*="/category/"])) ul li a {
    display: flex !important; flex-grow: 1 !important; width: 100% !important; align-items: center !important; justify-content: center !important; padding: 8px 4px !important; background-color: #f7f7f7 !important; color: #444 !important; font-size: 13px !important; font-weight: normal !important; border-radius: 4px !important; border: 1px solid #e5e5e5 !important; text-decoration: none !important; text-align: center !important; box-sizing: border-box !important; white-space: normal !important; line-height: 1.4 !important; transition: background-color 0.3s ease, color 0.3s ease !important;
}
@media screen and (min-width: 769px) {
    .widget_tag_cloud:not(:has(a[href*="/area/"])) .tagcloud a:hover,
    .c-widget .widget_nav_menu:not(:has(a[href*="/category/"])) ul li a:hover,
    .c-widget .wp-block-navigation:not(:has(a[href*="/category/"])) ul li a:hover { 
        background-color: #eeeeee !important; color: #000 !important; 
    }
}


/* ===================================================
   5-2. ★【エリア専用】URLに/area/が含まれるものを1行のリストにする
=================================================== */
.widget_tag_cloud:has(a[href*="/area/"]) .tagcloud {
    display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; list-style: none !important;
}
#sp_menu .widget_tag_cloud:has(a[href*="/area/"]) .tagcloud { 
    padding: 0 !important; margin-bottom: 12px !important; 
}

.widget_tag_cloud:has(a[href*="/area/"]) .tagcloud a {
    display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important;
    padding: 14px 0 !important; 
    background-color: transparent !important; color: #333 !important; font-size: 14px !important;
    border: none !important; border-bottom: 1px solid #eaeaea !important; border-radius: 0 !important; text-align: left !important;
    text-decoration: none !important; box-sizing: border-box !important; margin: 0 !important;
    transition: all 0.3s ease !important; 
}

.widget_tag_cloud:has(a[href*="/area/"]) .tagcloud a::before {
    content: "" !important; display: inline-block !important; width: 6px !important; height: 6px !important;
    border-top: 1.5px solid #333 !important; border-right: 1.5px solid #333 !important; transform: rotate(45deg) !important;
    margin-right: 12px !important; margin-left: 2px !important; position: static !important; background: transparent !important;
}
.widget_tag_cloud:has(a[href*="/area/"]) .tagcloud a:last-child { border-bottom: none !important; }

@media screen and (min-width: 769px) {
    .widget_tag_cloud:has(a[href*="/area/"]) .tagcloud a:hover { 
        background-color: #f4f4f4 !important; padding-left: 8px !important; color: #333 !important; 
    }
}


/* ===================================================
   6. 路線別カラー ＆ 並び順設定
=================================================== */
.widget_tag_cloud .tagcloud a { order: 99 !important; }

.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="御堂筋"] { border-left: 4px solid #D64545 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="谷町"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="谷町"] { border-left: 4px solid #7E57C2 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="四つ橋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="四つ橋"] { border-left: 4px solid #0288D1 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="千日前"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="千日前"] { border-left: 4px solid #E91E63 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="堺筋線"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="堺筋線"] { border-left: 4px solid #8D5B4C !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="中央線"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="中央線"] { border-left: 4px solid #2E7D32 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="JR"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="JR"] { border-left: 4px solid #0072BC !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="阪急"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="阪急"] { border-left: 4px solid #7B241C !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="阪神"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="阪神"] { border-left: 4px solid #E67E22 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="京阪"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="京阪"] { border-left: 4px solid #008040 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="南海"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="南海"] { border-left: 4px solid #003B73 !important; }

/* ---------------------------------------------------
   【駅】の並び順
--------------------------------------------------- */
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="新大阪"][aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="新大阪"][title*="御堂筋"] { order: 1 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="梅田"][aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="梅田"][title*="御堂筋"] { order: 2 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="淀屋橋"][aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="淀屋橋"][title*="御堂筋"] { order: 3 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="本町"][aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="本町"][title*="御堂筋"] { order: 4 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="心斎橋"][aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="心斎橋"][title*="御堂筋"] { order: 5 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="なんば"][aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="なんば"][title*="御堂筋"] { order: 6 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="天王寺"][aria-label*="御堂筋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="天王寺"][title*="御堂筋"] { order: 7 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="東梅田"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="東梅田"] { order: 11 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="谷町四丁目"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="谷町四丁目"] { order: 12 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="西梅田"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="西梅田"] { order: 21 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="肥後橋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="肥後橋"] { order: 22 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="本町"][aria-label*="四つ橋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="本町"][title*="四つ橋"] { order: 23 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="本町"][aria-label*="中央線"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="本町"][title*="中央線"] { order: 31 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="堺筋本町"][aria-label*="中央線"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="堺筋本町"][title*="中央線"] { order: 32 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="なんば"][aria-label*="千日前"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="なんば"][title*="千日前"] { order: 41 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="北浜"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="北浜"] { order: 51 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="堺筋本町"][aria-label*="堺筋線"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="堺筋本町"][title*="堺筋線"] { order: 52 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="恵美須町"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="恵美須町"] { order: 53 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="新大阪"][aria-label*="JR"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="新大阪"][title*="JR"] { order: 1 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="大阪"][aria-label*="JR"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="大阪"][title*="JR"] { order: 2 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="北新地"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="北新地"] { order: 3 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="渡辺橋"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="渡辺橋"] { order: 1 !important; }
.js-station-wrapper.js-station-wrapper .tagcloud a[aria-label*="淀屋橋"][aria-label*="京阪"], .js-station-wrapper.js-station-wrapper .tagcloud a[title*="淀屋橋"][title*="京阪"] { order: 2 !important; }

/* ---------------------------------------------------
   【エリア】の並び順（北から南へ）
--------------------------------------------------- */
.widget_tag_cloud:has(a[href*="/area/"]) a[aria-label^="新大阪"], 
.widget_tag_cloud:has(a[href*="/area/"]) a[title^="新大阪"] { order: 10 !important; }

.widget_tag_cloud:has(a[href*="/area/"]) a[aria-label^="大阪"], 
.widget_tag_cloud:has(a[href*="/area/"]) a[title^="大阪"] { display: none !important; }

.widget_tag_cloud:has(a[href*="/area/"]) a[aria-label^="大阪・梅田"], 
.widget_tag_cloud:has(a[href*="/area/"]) a[title^="大阪・梅田"] { display: flex !important; order: 11 !important; }

.widget_tag_cloud:has(a[href*="/area/"]) a[aria-label^="中之島"], 
.widget_tag_cloud:has(a[href*="/area/"]) a[title^="中之島"] { order: 13 !important; }

.widget_tag_cloud:has(a[href*="/area/"]) a[aria-label^="淀屋橋"], 
.widget_tag_cloud:has(a[href*="/area/"]) a[title^="淀屋橋"] { order: 14 !important; }

.widget_tag_cloud:has(a[href*="/area/"]) a[aria-label^="本町"], 
.widget_tag_cloud:has(a[href*="/area/"]) a[title^="本町"] { order: 15 !important; }

.widget_tag_cloud:has(a[href*="/area/"]) a[aria-label^="なんば"], 
.widget_tag_cloud:has(a[href*="/area/"]) a[title^="なんば"] { order: 16 !important; }


/* ===================================================
   7. 確実な非表示ルール
=================================================== */
.is-hidden, .widget_tag_cloud .tagcloud.is-hidden, .c-widget .widget_nav_menu ul.is-hidden, .c-widget .wp-block-navigation ul.is-hidden, .c-widget__body.is-hidden, #sp_menu .tagcloud.is-hidden, #sp_menu .widget_nav_menu ul.is-hidden, #sp_menu .wp-block-navigation ul.is-hidden, #sp_menu .c-widget__body.is-hidden { display: none !important; }


/* ===================================================
   8. 「もっと見る」ボタンのデザイン
=================================================== */
.js-brand-more-btn {
    cursor: pointer !important; text-align: center !important; padding: 10px !important; margin-top: 12px !important; background-color: #f8f9fa !important; border: 1px solid #e5e5e5 !important; border-radius: 4px !important; font-size: 13px !important; color: #22509a !important; font-weight: bold !important; transition: background-color 0.3s ease !important;
}


/* ===================================================
   9. ピカッ・影・浮き上がり（変なアニメーション）のみを完全無効化
=================================================== */
.c-widget a, .widget_tag_cloud a, .wp-block-navigation a, .widget_nav_menu a, .js-brand-more-btn {
    box-shadow: none !important; transform: none !important;
}

.c-widget a:hover, .widget_tag_cloud a:hover, .wp-block-navigation a:hover, .widget_nav_menu a:hover, .js-brand-more-btn:hover {
    opacity: 1 !important; box-shadow: none !important; transform: none !important;
}

@media screen and (min-width: 769px) { .js-brand-more-btn:hover { background-color: #eeeeee !important; } }

/* ===================================================
   10. アコーディオンのトグル（H2）
=================================================== */
.post_content h2.js-auto-route-toggle,
.entry-content h2.js-auto-route-toggle {
  position: relative !important;
  padding-right: 40px !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease, margin 0.2s ease !important;
  margin-top: 24px !important; 
}
.post_content h2.js-auto-route-toggle:hover,
.entry-content h2.js-auto-route-toggle:hover {
  opacity: 0.7 !important;
}

/* ★ 閉じている時の下余白
   （キャンペーンボックス等との距離をしっかり確保するため、12px → 32px に広げました） */
.post_content h2.js-auto-route-toggle:not(.is-open),
.entry-content h2.js-auto-route-toggle:not(.is-open) {
  margin-bottom: 32px !important; 
}

/* ★ 開いている時のH2と中身の間の余白（緑アイコン激突防止） */
.post_content h2.js-auto-route-toggle.is-open,
.entry-content h2.js-auto-route-toggle.is-open {
  margin-bottom: 40px !important; 
}

/* ＋ / － アイコン */
.js-auto-route-toggle::after {
  content: "＋";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: normal;
  font-size: 24px !important; 
  color: inherit;
}
.js-auto-route-toggle.is-open::after {
  content: "－";
}

/* --- アコーディオンの中身 --- */
.js-route-content {
  padding-bottom: 10px !important;
  /* ★ アコーディオン展開時、すぐ下にあるキャンペーンボックス等との距離を確保 */
  margin-bottom: 32px !important;
}

/* ★ アコーディオンの中身の要素（pタグ等）同士の余白を復活 */
.js-route-content > * + * {
  margin-top: 1.5em !important;
}
.js-route-content p {
  margin-bottom: 1.5em !important;
}

/* 目次リセット（過去のボタン化CSSの無効化） */
.custom-toc-item {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  color: inherit !important;
}

/* ===================================================
   Regus PRカード全体のスタイル
=================================================== */
/* ① 大枠のカード */
.regus-click-card {
    display: block;
    background-color: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px 16px !important; /* ここで箱の余白を強制確保 */
    margin: 24px 0 !important;
    text-decoration: none !important;
    color: #333 !important;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.regus-click-card:hover {
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* ② PRタグ部分 */
.regus-pr-tag-wrap {
    font-size: 11px;
    color: #888;
    margin-bottom: 12px !important;
}
.regus-pr-tag {
    background: #e0e0e0;
    padding: 2px 4px;
    border-radius: 4px;
    margin-right: 4px;
}

/* ③ タイトル部分 */
.regus-title {
    font-weight: bold;
    font-size: 16px;
    color: #22509A;
    text-align: center;
    margin-bottom: 12px !important;
    line-height: 1.4;
}

/* ④ オファー（50%OFF）部分 */
.regus-offer {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 12px !important; /* ★ボタンにスッと近づける！ */
}
.regus-offer-highlight {
    color: #d9534f;
    background-color: #f6e4e8;
    padding: 2px 6px;
    border-radius: 2px;
}

/* ⑤ ボタンを囲む枠 */
.regus-btn-wrap {
    text-align: center;
    margin-bottom: 12px;
}

/* ⑥ ボタン本体 */
.regus-card-btn {
    position: relative;
    background-color: #22509A;
    color: #ffffff !important;
    padding: 16px 40px 16px 20px !important; /* ボタンの厚み */
    border-radius: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.2;
    margin: 0 auto 24px !important; /* 下の注意書きとの余白 */
    max-width: 100%;
    display: inline-block;
    width: 90%;
    box-sizing: border-box;
    box-shadow: 0 3px 6px rgba(34, 80, 154, 0.25);
    white-space: nowrap;
}

/* 矢印の実装 */
.regus-card-btn::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: translateY(-50%) rotate(45deg);
    transition: right 0.2s ease;
}
.regus-click-card:hover .regus-card-btn::after {
    right: 16px;
}

/* ⑦ 注意書き部分 */
.regus-note {
    font-size: 10px;
    color: #888;
    text-align: center;
    line-height: 1.8;
    margin: 0 !important; /* ここは余計な余白を出さない */
}