/* * /audition-info/ color & type skin. * * This page's HTML (tags, classes, DOM structure) must stay exactly as-is: * the AdLink Manager plugin (adlm_render_audition_items()) injects

* items that reuse the theme's own .pickup-audition-list-* classes, so any * markup change here can break that integration. This stylesheet only * recolors the existing selectors inside .pickup-audition-container to * match the new design tokens (navy #1A1A2E / accent #E94560). It never * adds, removes, or renames a class, and never touches .adlm-* selectors * owned by the plugin. * * Several of these elements render white text on a dark fill * (.pickup-audition-list-organizer, .pickup-audition-list-organizer-title, * .pickup-audition-taglist-child p), so only the *fill* is recolored and * the white text is left alone - swapping the text to a dark color instead * would make it unreadable against its own background. */ .pickup-audition-container { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif; } /* 事務所名タグ（白文字はそのまま、背景だけネイビーへ） */ .pickup-audition-container .pickup-audition-list-organizer { background-color: #1A1A2E; color: #FFFFFF; } /* ジャンル別セクション見出し（白文字はそのまま、背景だけネイビー＋左にアクセント帯） */ .pickup-audition-container .pickup-audition-list-organizer-title { background-color: #1A1A2E; color: #FFFFFF; border-left: 4px solid #E94560; } /* 「知りたいジャンル」見出し */ .pickup-audition-container .pickup-audition__selecteria-title { color: #1A1A2E; border-left: 4px solid #E94560; padding-left: 12px; } /* ジャンルアイコン下のラベル帯（白文字はそのまま、オーバーレイの色味だけネイビーへ） */ .pickup-audition-container .pickup-audition-taglist-child p { background-color: rgba(26, 26, 46, .72); } /* 「注目の最新情報」見出し */ .pickup-audition-container .pickup-audition__recommend .title-h2 { color: #1A1A2E; border-bottom: solid 3px #E94560; } /* タグ説明文 */ .pickup-audition-container .tag__description { color: #888888; } /* CTAボタン */ .pickup-audition-container .btn__link-primary { background-color: #E94560; border-color: #E94560; } /* * home.css (loaded for the injected shared header/footer below) resets * h1,h2,h3,h4,h5,h6,strong,b to font-weight:400 for its own component-level * typography. Every heading inside the new header/footer sets its own * explicit font-weight per component, so it does not need this reset - but * the old theme has no generic h1-h6 font-weight rule of its own (only * per-class ones like .footer-column h2, which still win here regardless), * so left alone it would flatten any plain heading in the untouched legacy * content (hero title, breadcrumb, article body headings). Restored here. * (home.css's body{font-size:12px} reset needs no such restore: the old * theme's own body{font-size:1.4rem} rule loads after it and wins.) */ h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; } /* home.css relies on a global a{text-decoration:none} reset that we do not load; restore it narrowly for the injected header/footer/drawer/tabs so their links render without the browser default underline. */ .site-header a, .mobile-drawer a, .category-tabs a, .site-footer a, .bottom-nav a { text-decoration: none; } /* * The original .l-header/.l-footer markup from header.php/footer.php is * left in the DOM untouched (so its SEO/tracking/analytics side effects * keep running) but hidden here in favor of the new header/footer injected * right after and right before . */ .l-header, .l-headerBottom, .l-footerTop, .l-footer, .controllerFooter { display: none !important; }