/* PCサイドバーの箱（present-sidebar.php・2026-10-27）。案＝_drafts/design/20261026_sidebar-present/候補/22_mendan-desc/ の見た目そのまま。 */
/* 箱が出る記事はウィジェットの題名「公式LINEで無料特典配布中」を隠す（箱の見出しと二重になる）。 */
.widget:has(#spi-psb)>.widgettitle{display:none!important}

.sidebar-present{
  --r-primary:#26A69A;
  --r-primary-dark:#1f8a80;
  --r-mint:#e4f8f6;
  --r-mint-border:#b6e9e4;
  --r-surface:#ffffff;
  --r-gate-surface:#fbfffe;
  --r-line-green:#06c755;
  --r-line-green-edge:#04a647;
  --r-cta-orange:#ff9900;
  --r-text:#333333;
  --r-text-muted:#333333;
  --r-rule:#dddddd;
  --r-font-tool:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --r-font-pop:"M PLUS Rounded 1c",sans-serif;
  --r-radius-btn:8px;
  --r-radius-card:12px;
  --r-radius-pill:999px;
  --r-shadow-btn-primary:0 4px 0 #1f8a80;
  --r-shadow-btn-line:0 4px 0 #04a647;
  --r-shadow-card:0 2px 6px rgba(0,0,0,.06);
}

.sidebar-present,.sidebar-present *{box-sizing:border-box}
.sidebar-present{width:100%;min-width:0;margin:0;color:var(--r-text);font-family:var(--r-font-tool);text-align:left}
.sidebar-present .present-heading{margin:0;padding:13px 12px;font-size:16px;font-weight:800;line-height:1.5;letter-spacing:.02em;color:var(--r-text);border:0;background:none}
.sidebar-present .present-list{display:grid;gap:0;list-style:none;margin:0;padding:0}
.sidebar-present .present-list>li{list-style:none;margin:0;padding:0;border:0}
.sidebar-present a.present-link{display:flex;align-items:center;gap:10px;width:100%;min-width:0;margin:0;text-decoration:none;color:var(--r-text);line-height:1.5;border:0}
.sidebar-present .present-copy{display:block;flex:1;min-width:0}
.sidebar-present .present-name{display:block;font-size:15px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.sidebar-present .present-desc{display:block;margin-top:4px;font-size:12px;font-weight:400;line-height:1.65;overflow-wrap:anywhere}
.sidebar-present .present-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;font-size:22px;font-weight:700;line-height:1}
.sidebar-present a.present-link:focus-visible{outline:3px solid var(--r-cta-orange);outline-offset:3px}
.sidebar-present img.present-icon{display:block;flex:none;width:42px;height:42px;margin:0;object-fit:contain;border:0;border-radius:0}

.present-feature{background:var(--r-surface);border:1px solid var(--r-mint-border);border-radius:var(--r-radius-card);box-shadow:var(--r-shadow-card)}
.present-feature .present-heading{background:var(--r-mint);border-radius:var(--r-radius-card) var(--r-radius-card) 0 0;color:var(--r-primary-dark)}
.present-feature a.present-main{display:block;padding:12px 12px 14px}
.present-feature .present-banner{display:block;width:100%;height:auto;margin:0 0 10px;object-fit:contain;border:0;border-radius:0}
.present-feature .present-main-footer{display:flex;align-items:center;gap:8px}
.present-feature .present-main .present-name{font-size:17px}
.present-feature .present-main .present-arrow{background:var(--r-primary-dark);color:var(--r-surface);border-radius:var(--r-radius-pill);width:28px;height:28px}
.present-feature .present-list{margin:0 12px}
.present-feature .present-list>li{border-top:1px solid var(--r-rule)}
.present-feature .present-list a.present-link{padding:9px 0;gap:8px;min-height:60px}
.present-feature .present-list img.present-icon{width:30px;height:30px}
.present-feature .present-list .present-name{font-size:14px}
.present-feature .present-list .present-desc{margin-top:2px;color:var(--r-text-muted)}
.present-feature .present-list .present-arrow{width:14px;color:var(--r-primary-dark)}
.present-feature a.present-link:hover{background:var(--r-gate-surface)}

.present-feature .present-subhead{margin:6px 0 0;padding:9px 12px;font-size:15px;font-weight:800;line-height:1.5;color:var(--r-primary-dark);background:var(--r-mint);border-top:1px solid var(--r-mint-border)}
.present-feature .shindan-list{margin-bottom:6px}
.present-feature .shindan-list>li:first-child{border-top:0}
.sidebar-present .shindan-icon{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:var(--r-radius-pill);background:var(--r-primary);color:var(--r-surface)}
.sidebar-present .shindan-icon svg{width:16px;height:16px}

@media (max-height:960px){
.present-feature .present-list .present-desc{display:none}
.present-feature .mendan-list .present-desc{display:block}
.present-feature .present-list a.present-link{min-height:44px;padding:7px 0}
.present-feature a.present-main{padding:10px 12px 10px}
}
/* 画面の高さ820px以下（1280×800など）＝行が12本ある記事でも面談の行まで画面に収まるよう、もう一段詰める */
@media (max-height:820px){
.present-feature .present-heading{padding:8px 12px;font-size:15px}
.present-feature .present-subhead{margin-top:0;padding:5px 12px;font-size:13px}
.present-feature .present-list a.present-link{min-height:38px;padding:5px 0}
.present-feature .present-list>li.is-reco>a.present-link{padding-top:12px}
.present-feature .shindan-list{margin-bottom:0}
}

.present-feature .present-subhead.is-mendan{color:#b86400;background:#fff1dc;border-top-color:#ffd59a}
.sidebar-present .mendan-list .shindan-icon{background:var(--r-cta-orange)}
.present-feature .mendan-list .present-arrow{color:#b86400}
.present-feature .mendan-list a.present-link:hover{background:#fff8ee}

.present-feature>.present-heading{background:var(--r-primary);color:var(--r-surface)}
.present-feature a.present-main{padding:0 0 14px}
.present-feature .present-banner{border-radius:0}
.present-feature .present-main-footer{padding:0 12px}
.present-feature .present-list{margin:0}
.present-feature .present-list a.present-link{padding-left:12px;padding-right:12px}
.present-feature>.present-list>li:first-child{border-top:0}
.sidebar-present .present-icon-wrap{position:relative;display:block;flex:none}
.sidebar-present .present-chip{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:2px 4px;font-size:9.5px;font-weight:700;line-height:1;letter-spacing:.02em;white-space:nowrap;color:#fff;background:#ff7043;border-radius:4px;box-shadow:0 0 0 1px #fff}
.present-feature .present-list>li.is-reco>a.present-link{padding-top:16px}
.sidebar-present .present-rank{margin-right:6px;color:#26A69A;font-weight:800}

/* 4.882.2：ウィジェットの中で箱の前後にできる空の段落（career-match の目印と改行を wpautop が <p><br> にする）を出さない＝箱の上の余白（オーナー「上の余白なんだ？」） */
.widget:has(#spi-psb) .textwidget>p{display:none!important}
/* 4.882.2：見出しは記事のkonowakaの見出しそのまま（長い）・順位は「1位：」 */
.present-feature>.present-heading{font-size:15px;line-height:1.55}
.sidebar-present .present-rank{margin-right:2px}