/* UI/UX 改善（PC）。各ルールは <html class="ux-…"> でスコープし、wp-config の FAT_UX_ENABLED / FAT_UX_DISABLE で戻せる。
   include/ux_improvements.php 参照 */

/* hero: 中央以外のスライドの見出しを出さない（左右で見切れる文字をなくす） */
html.ux-hero .wideslider ul li .txt { opacity: 0; transition: opacity .3s; }
html.ux-hero .wideslider ul.mainList li.mainActive .txt { opacity: 1; }

/* h1: PC トップのキャッチコピーを h1 にしたときに p と同じ見た目にする */
html.ux-h1 .hd_copy h1 { font: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: 0; color: inherit; }

/* links: テキストリンクをコントラスト 4.5:1 以上の色に（#3cc0d3 / #258e9f / #9f9f9f → #1a7a88）。
   ボタン（td.ota_link a, .linkbtn, .category-link, .ec_aff_box_comparison_btn_*）は対象外。テーマが ID 付きで色指定している箇所は同じ詳細度で上書き */
html.ux-links #low #cont .box .main .entry-cont .cont p a,
html.ux-links #low #cont .box .main .entry-cont .cont li a,
html.ux-links #low #cont .box .main .entry-cont .cont td.ota_desc a,
html.ux-links #low #cont .box .main .entry-cont .cont td.ota_price a,
html.ux-links #low #cont .latest_price_static a,
html.ux-links #low #cont .photo_caption_image_link a,
html.ux-links #low #cont .hotel_related_box .text a,
html.ux-links #low #cont .entry-cont-hd p.editer a,
html.ux-links #low #cont ul#mokuji_list li a,
html.ux-links #low #cont ul.columnlist li .txtbox h3 a,
html.ux-links #low #cont ul.columnlist li .txtbox p.editer a,
html.ux-links #idx #cont ul.columnlist li .txtbox p.editer a,
html.ux-links #low #cont .sidepostlist .obi a,
html.ux-links #low #cont .categorylist li.button a,
html.ux-links #low .breadcrumbs a,
html.ux-links #ft a#pagetop,
html.ux-links .link_section_links a { color: #1a7a88; }
html.ux-links #low #cont .box .main .entry-cont .cont p a:hover,
html.ux-links #low #cont .photo_caption_image_link a:hover,
html.ux-links #low #cont .hotel_related_box .text a:hover { color: #0f5560; }
html.ux-links .fat-guide .cont p.fat-ota a { background: #1b7f8d; }

/* 404 ページ */
.fat-404 { padding: 20px 0 60px; }
.fat-404 p { font-size: 16px; line-height: 1.8; margin: 0 0 20px; }
.fat-404 .search_form { display: flex; gap: 8px; max-width: 520px; margin: 0 0 24px; }
.fat-404 .search_input { flex: 1; font-size: 16px; padding: 10px 12px; border: 1px solid #ccc; border-radius: 4px; }
.fat-404 #searchBtn { font-size: 15px; padding: 10px 18px; border: 0; border-radius: 4px; background: #1b7f8d; color: #fff; cursor: pointer; }
.fat-404__links { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; }
.fat-404__links li { list-style: none; }
.fat-404__links a { display: inline-block; padding: 10px 16px; border: 1px solid #1b7f8d; border-radius: 20px; color: #1a7a88; text-decoration: none; }