@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.3.0
Author: opencage
Author URI: https://open-cage.com/
*/
/* ═══ キャッシュバック攻略note（trsp.jp）の上書き。色の基本はカスタマイザー(theme_mod)側 ═══ */

/* ヘッダー右のボタン（メニュー項目にCSSクラス hcta） */
#g_nav .hcta > a, .gnav .hcta > a, .ul__g_nav .hcta > a { background:#ED1112; color:#fff !important; padding:8px 16px !important; font-weight:700; border-radius:2px }
#g_nav .hcta > a:hover, .gnav .hcta > a:hover, .ul__g_nav .hcta > a:hover { filter:brightness(1.12); text-decoration:none }

/* 画面下のCTAバー（記事ごとの飛び先は投稿メタ trsp_sticky） */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;background:rgba(12,10,20,.96);color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:14px;z-index:99;transform:translateY(100%);transition:transform .3s;backdrop-filter:blur(8px)}
.sticky-cta.show{transform:translateY(0)}
.sticky-cta p{font-size:13px;margin:0;color:#fff}
.sticky-cta a{background:#ED1112;color:#fff!important;padding:8px 18px;border-radius:0;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none!important}
.sticky-cta a:hover{filter:brightness(1.14)}
.sticky-cta .close{background:none;border:none;color:#888;font-size:18px;cursor:pointer}
@media(max-width:600px){
  .sticky-cta{gap:10px;padding:9px 12px}
  .sticky-cta p{font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
  .sticky-cta a{padding:9px 13px;font-size:12.5px;flex:0 0 auto}
  .sticky-cta .close{font-size:16px;padding:0 2px;flex:0 0 auto}
}

/* ホーム上部：業者バナーのスライダー（ショートコード [trsp_slider]） */
.slider{position:relative;margin:0 0 28px}
.sl-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sl-track::-webkit-scrollbar{display:none}
.sl-item{flex:0 0 calc((100% - 28px)/3);scroll-snap-align:start;display:block;box-shadow:0 1px 3px rgba(26,36,47,.15)}
.sl-item img{display:block;width:100%;height:auto;aspect-ratio:300/169;margin:0}
.sl-prev,.sl-next{position:absolute;top:calc(50% - 22px);transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:rgba(26,36,47,.75);color:#fff;font-size:22px;line-height:32px;cursor:pointer;z-index:2;padding:0}
.sl-prev{left:-10px}.sl-next{right:-10px}
.sl-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.sl-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#C9CED5;cursor:pointer}
.sl-dots button.on{background:#ED1112}
@media(max-width:600px){.sl-item{flex-basis:82%}.sl-prev{left:2px}.sl-next{right:2px}}

/* 自作EAの一文紹介（枠もボタンも付けない） */
.pr-note{font-size:14px;color:#6B7480;margin:28px 0 0;padding-top:12px;border-top:1px solid #E3E6EA}
.pr-note a{color:inherit;text-decoration:underline}

/* サイドバーのGold X（控えめ版） */
.w-lp-quiet h3{font-size:15px;color:#1A242F;border-bottom:1px solid #E3E6EA;padding-bottom:6px;margin:0 0 8px}
.w-lp-quiet p{font-size:13px;color:#6B7480;margin:0 0 6px}
.w-lp-quiet a{font-size:13px;color:#6B7480;text-decoration:underline}

/* 本文中の枠（静的版の <cta> と同じ見た目） */
.cta{background:#1A242F;padding:22px 24px;margin:36px 0;border:1px solid #ED1112}
.cta .ttl{color:#F6B3B3;font-size:17px;font-weight:700;margin-bottom:6px}
.cta>p:not(.ttl){color:#D5DAE0}
.cta-btn{display:block;text-align:center;margin-top:12px;background:#ED1112;color:#fff!important;padding:14px 28px;font-weight:700;font-size:16px;box-shadow:0 3px 0 #B80D0E;text-decoration:none!important}

/* ロゴの高さ（静的版と同じくらいに。STORKのインライン指定より優先） */
.site__logo__title img.custom-logo{height:28px !important;width:auto !important;max-width:100% !important}
@media(max-width:600px){.site__logo__title img.custom-logo{height:20px !important}}

/* ═══ サイドバー（静的版の囲み・罫線に合わせる） ═══ */
#sidebar1 .widget{background:transparent;border:0;padding:0;margin-bottom:2.2em;box-shadow:none}
#sidebar1{font-size:92%}
#sidebar1 .wp-block-heading{font-size:15px;font-weight:700;color:#ED1112;border-bottom:2px solid #ED1112;padding:0 0 8px;margin:0 0 12px;letter-spacing:.3px;background:none}
#sidebar1 .wp-block-heading::before,#sidebar1 .wp-block-heading::after{display:none}
/* プロフィール：濃紺の角丸カード */
.trsp-prof{background:#1A242F;border-radius:12px;padding:24px 20px 22px;color:#D5DAE0;text-align:center}
.trsp-prof img{width:88px;height:88px;border-radius:50%;border:2px solid #ED1112;object-fit:cover;margin:0 auto 14px;display:block}
.trsp-prof .w-name{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px;line-height:1.3}
.trsp-prof .w-role{font-size:12.5px;font-weight:700;color:#ED1112;letter-spacing:.06em;margin:0 0 14px;line-height:1.5}
.trsp-prof .w-bio{font-size:13px;color:#D5DAE0;line-height:1.85;text-align:left;margin:0}
.trsp-prof .prof-btn{display:block;margin-top:14px;color:#fff!important;border:1px solid rgba(255,255,255,.45);padding:11px 14px;border-radius:2px;font-weight:700;font-size:13.5px;text-decoration:none!important}
.trsp-prof .prof-btn:hover{background:#ED1112;border-color:#ED1112}
/* Gold X：白の角丸カード */
.w-lp-quiet{background:#fff;border:1px solid #E3E6EA;border-radius:12px;padding:18px 20px}
/* こちらも読まれています */
#sidebar1 .wp-block-latest-posts{margin:0;padding:0}
#sidebar1 .wp-block-latest-posts li{display:flex;gap:.7em;align-items:flex-start;padding:1em 0;margin:0;border-bottom:1px dotted rgba(125,125,125,.3)}
#sidebar1 .wp-block-latest-posts li:last-child{border-bottom:0}
#sidebar1 .wp-block-latest-posts__featured-image{flex-shrink:0;width:30%;max-width:110px;margin:0!important}
#sidebar1 .wp-block-latest-posts__featured-image img{width:100%;height:auto;aspect-ratio:40/21;object-fit:cover}
#sidebar1 .wp-block-latest-posts li a{color:#333;font-size:13px;line-height:1.45;text-decoration:none}
/* カテゴリ：点線の区切り＋赤い矢印 */
#sidebar1 .wp-block-categories{list-style:none;margin:0;padding:0}
#sidebar1 .wp-block-categories li{margin:0;padding:0;border-bottom:1px dotted rgba(125,125,125,.3)}
#sidebar1 .wp-block-categories li:last-child{border-bottom:0}
#sidebar1 .wp-block-categories li a{display:block;position:relative;padding:1em 1.3em 1em .3em;color:#333;text-decoration:none}
#sidebar1 .wp-block-categories li a::after{content:"";position:absolute;right:7px;top:50%;width:7px;height:7px;border-top:2px solid #ED1112;border-right:2px solid #ED1112;transform:translateY(-50%) rotate(45deg);transition:right .15s}
#sidebar1 .wp-block-categories li a:hover::after{right:3px}

/* お問い合わせフォームの送信ボタン（赤） */
.wpcf7 input[type="submit"]{background:#ED1112!important;color:#fff!important;border:0!important;border-radius:2px!important;padding:14px 40px!important;font-weight:700;font-size:16px;box-shadow:0 3px 0 #B80D0E;cursor:pointer}
.wpcf7 input[type="submit"]:hover{filter:brightness(1.12)}

/* Gold X のリンクを静的版と同じく「灰色＋下線」に（STORKのサイドバーのリンク指定より優先） */
#sidebar1 .w-lp-quiet a{color:#6B7480!important;text-decoration:underline!important;text-underline-offset:3px}
#sidebar1 .w-lp-quiet a:hover{color:#D10F10!important}

/* サムネの比率を画像（1200×630）に合わせる。テーマ既定の16:10だと左右が切れて文字が端に寄る（2026-11-12） */
:root{--stk-post-thumb-ratio:1200/630}
#np-post .eyecatch{width:110px;height:auto;flex-shrink:0}
#np-post .eyecatch img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}