sanitarias-1
ダウンロード
×
Login Required
Please log in to add tours to your wishlist.
Log In
上部へスクロール
/* ========================================================== 7. ボタンの一番下への固定と完全な上書き(最強版) ========================================================== */ .filter_item_footer, .tourmaster-tour-content-bottom { display: flex !important; justify-content: flex-end !important; padding-top: 16px !important; border-top: 1px solid #f0f0f0 !important; width: 100% !important; margin-top: auto !important; /* テキストの長さに関係なく一番下へ */ } /* ボタンの骨格を強制的に設定(aタグでもbuttonタグでも効くように指定) */ .ttbm_explore_button, .tourmaster-tour-view-more { display: flex !important; align-items: center !important; justify-content: center !important; background: #003399 !important; /* 背景を青に */ border: none !important; /* 邪魔な青枠を消去 */ border-radius: 5px !important; height: 48px !important; width: 100% !important; box-sizing: border-box !important; position: relative !important; /* 文字を重ねるための基準 */ overflow: hidden !important; text-decoration: none !important; padding: 0 !important; } /* PC版の横並び時のみ幅を240pxにする */ @media (min-width: 1025px) { .mainSection .ttbm_explore_button, .mainSection .tourmaster-tour-view-more { width: 240px !important; min-width: 240px !important; } } /* 元の文字(Viewなど)やアイコンを透明にして見えなくする */ .ttbm_explore_button, .tourmaster-tour-view-more, .ttbm_explore_button *, .tourmaster-tour-view-more * { color: transparent !important; } /* その上に「青い背景+白い日本語テキスト」の層を被せて完全上書き */ .ttbm_explore_button::after, .tourmaster-tour-view-more::after { content: "ツアー詳細を見る ➔" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; /* 文字は白 */ font-size: 15px !important; font-weight: bold !important; background-color: #003399 !important; /* 背景も青で塗りつぶす */ z-index: 10 !important; }