/* ===== 共通 ===== */
.jb-wrap{font-size:14px;line-height:1.6}
.jb-badge{font-size:11px;padding:2px 8px;border:1px solid #ddd;border-radius:999px;background:#fafafa}
.jb-provider{font-size:12px;color:#555;margin:10px 0}
.jb-note{font-size:12px;opacity:.75;margin:6px 0 0}

/* ===== ① 求人リスト ===== */
.jb-grid{display:grid;gap:12px}
.jb-job{border:1px solid #e6e6e6;padding:12px;border-radius:12px;background:#fff;height:100%}
.jb-job-title{font-size:15px;font-weight:700;margin-bottom:6px}
.jb-meta{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:12px}
.jb-snippet{margin-top:8px;font-size:12.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jb-btn{display:inline-block;margin-top:10px;padding:8px 12px;border:1px solid #ccc;border-radius:999px;font-weight:700;font-size:12.5px;text-decoration:none}
.jb-btn:hover{opacity:.85}

/* スマホは2列 */
@media (max-width: 640px){
  .jb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jb-job{padding:10px}
  .jb-job-title{font-size:14px}
  .jb-snippet{-webkit-line-clamp:2}
}
/* タブレット以上は1列 */
@media (min-width: 641px){
  .jb-grid{grid-template-columns:1fr}
}

/* ===== ③ 検索フォーム ===== */
.jb-form{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px}
.jb-form .jb-row{display:grid;grid-template-columns:1fr;gap:10px}
.jb-form input{width:100%;padding:12px 12px;border:1px solid #ddd;border-radius:12px}
.jb-form button{padding:12px 12px;border:0;border-radius:12px;cursor:pointer;background:#111827;color:#fff;font-weight:800}

/* ===== ② 広告枠 ===== */
.jb-adbox{
  border:1px solid #e6e6e6;
  border-radius:12px;
  padding:12px;
  background:#fff;
}

.jb-adbox-main{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

@media (min-width: 641px){
  .jb-adbox-main{
    grid-template-columns:1fr 140px;
    align-items:center;
  }
  .jb-adbox-logo{ text-align:right; }
}

/* ===== タイトル（クリックできると一瞬で分かる濃い青） ===== */
.jb-adbox-title{
  font-weight:900;
  font-size:16px;
  margin:0 0 4px;
}

.jb-adbox-title a{
  color:#0b3d91;          /* 濃いリンク青 */
  text-decoration:none;
}

.jb-adbox-title a:hover{
  color:#082f6b;
  text-decoration:underline;
}

.jb-adbox-title a:active{
  opacity:.7;
}

.jb-adbox-desc{
  font-size:13px;
  line-height:1.6;
  margin:0 0 10px;
}

/* =================================================
   サイトリンク：常に「2行×2列」固定（PC/スマホ共通）
   ================================================= */
.jb-adbox-sitelinks{
  column-count:2;
  column-gap:14px;
  margin-top:8px;
}

.jb-adbox-link{
  display:block;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  text-decoration:underline;
  font-size:13px;
  line-height:1.6;
  padding:2px 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#0b3c8c;          /* サイトリンクも濃い青 */
}

.jb-adbox-link:hover{
  color:#062a63;
}

/* ロゴ共通 */
.jb-adbox-logo img{
  max-width:120px;
  height:auto;
  display:block;
}

/* スマホ：左テキスト／右ロゴ */
@media (max-width: 768px){
  .jb-adbox-main{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  .jb-adbox-text{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .jb-adbox-logo{
    flex:0 0 56px !important;
    display:flex !important;
    justify-content:flex-end !important;
  }

  .jb-adbox-logo-img{
    width:52px !important;
    height:52px !important;
    object-fit:contain !important;
    display:block !important;
  }
}

/* ① 見出し */
.jb-head{margin:0 0 10px}
.jb-heading{font-size:16px;font-weight:800;margin:0}

/* ③ ボタン行 */
.jb-actions{display:flex;gap:10px;align-items:center;margin-top:10px}
.jb-sponsored{font-size:12px;color:#555}
.jb-sponsored a{color:#0b4fa3;text-decoration:underline}

/* ④ タイトルリンクを濃い青＆クリックしやすく */
.jb-job-title a{
  color:#0b4fa3;
  text-decoration:underline;
  display:inline-block;
  padding:4px 0;            /* クリック領域UP */
}
.jb-job-title a:hover{opacity:.85}

.jb-form .jb-provider{
  margin:6px 0 0;     /* 上6px / 下0 */
  font-size:11px;
}