/* ラジくるJOB 部品のスタイル（スタイルガイド 2026-08-19） */

/* ── 求人カード（一覧・WorkScout標準） ── */
ul.job_listings li.job-listing,ul.job_listings li.job_listing,.job-listing.grid{
border:1px solid var(--rk-line)!important;border-radius:var(--rk-r-lg)!important;
box-shadow:var(--rk-sh-1)!important;background:#fff!important;transition:box-shadow .15s,border-color .15s;}
/* 白地は固定：テーマの「偶数番目は灰色」「ホバーで灰色」を打ち消す（2026-10-16：2列にした求人通知の結果で右のカードだけ灰色だった） */
ul.job_listings li.job-listing:hover,.job-listing.grid:hover{
box-shadow:var(--rk-sh-2)!important;border-color:var(--rk-mint-300)!important;background:#fff!important;}
/* 職種名：一覧で最初に読む要素 */
.job-listing-title,.item-listing-title h3,.item-listing-title{
color:var(--rk-ink-900)!important;font-weight:700!important;line-height:1.5;}
/* 施設名：グレーが薄く読みづらいため基準を満たす濃さに */
.job-listing-company,.job-listing-footer li,.item-listing-footer li{color:var(--rk-ink-500)!important;}
/* 給与は補色のオレンジで最も目立たせる */
.job-listing .salary,.single_job_listing .salary,.rj-salary,.job-listing-salary,
.job-listing-footer li.job-listing-footer-salary{color:var(--rk-orange-700)!important;font-weight:700;}

/* ── 注目求人 ── */
ul.job_listings li.job_position_featured,.job-listing.job_position_featured,
.job-list li.job-listing.grid.job_position_featured,
ul.job_listings li.job-listing.grid.job_position_featured{
border:1px solid var(--rk-orange-500)!important;box-shadow:var(--rk-sh-2)!important;}
.listing-badge{
background:var(--rk-orange-500)!important;color:#fff!important;
font-size:12px!important;font-weight:700;}
.listing-badge i,.listing-badge .fa{color:#fff!important;}

/* 注目枠の余白も一覧と揃える（PC 24px / スマホ 16px） */
.rk-featured-grid{gap:var(--rk-s4)!important;}
@media(max-width:640px){.rk-featured-grid{gap:var(--rk-s3)!important;}}

/* ── 一覧を3列に並べる ── */
ul.job_listings.job-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:var(--rk-s4)!important;align-items:stretch;}
ul.job_listings.job-list > li.job-listing{width:auto!important;margin:0!important;display:flex!important;flex-direction:column;}
ul.job_listings.job-list > li.job-listing .job-listing-details{flex:1 1 auto;}
/* 見出しや「該当なし」など、カード以外は横幅いっぱいに */
ul.job_listings.job-list > li:not(.job-listing){grid-column:1/-1;}
/* 3列だと文字が詰まるため、カード内の余白と文字を調整する */
ul.job_listings.job-list > li.job-listing .job-listing-title{font-size:17px!important;line-height:1.5;}
ul.job_listings.job-list > li.job-listing .job-listing-company{font-size:13px!important;}
@media(max-width:1024px){ul.job_listings.job-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.rk-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){ul.job_listings.job-list{grid-template-columns:1fr!important;gap:var(--rk-s3)!important;}
.rk-featured-grid{grid-template-columns:1fr!important;}}

/* ── 施設画像（カード上部の帯） ── */
.rk-facility-photo{margin:calc(var(--rk-s3) * -1) calc(var(--rk-s3) * -1) var(--rk-s3);overflow:hidden;
border-radius:var(--rk-r-lg) var(--rk-r-lg) 0 0;background:var(--rk-bg);line-height:0;}
.rk-facility-photo img{width:100%;height:150px;object-fit:cover;display:block;}
ul.job_listings li.job-listing{position:relative;overflow:hidden;}
ul.job_listings li.job-listing .rk-facility-photo{margin:0 0 var(--rk-s3);border-radius:0;}
@media(max-width:640px){.rk-facility-photo img{height:120px;}}

/* ── 両カードで情報の並びを揃える ── */
/* 通常カード：写真 → 見出し → 補足情報 → 施設・勤務地 */
ul.job_listings.job-list > li.job-listing > .rk-facility-photo{order:0;}
ul.job_listings.job-list > li.job-listing > .job-listing-details{order:1;}
ul.job_listings.job-list > li.job-listing > .rk-card-extra{order:2;}
ul.job_listings.job-list > li.job-listing > .job-listing-footer{order:3;margin-top:auto;}
.rk-card-extra{padding:0 var(--rk-s3);}
.rk-card-copy{font-size:13px;line-height:1.7;color:var(--rk-ink-500);margin:0 0 var(--rk-s2);}
.rk-card-salary{font-size:15px;font-weight:700;color:var(--rk-orange-700);margin:0 0 var(--rk-s1);}
.rk-card-date{font-size:12px;color:var(--rk-ink-300);margin:0;}

/* 注目カード：写真を先頭に置き、通常カードと同じ見え方にする */
.rk-fcard{display:flex;flex-direction:column;overflow:hidden;}
.rk-fcard > .rk-facility-photo{order:-1;display:block;margin:calc(var(--rk-s3) * -1) calc(var(--rk-s3) * -1) var(--rk-s3);
border-radius:0;line-height:0;background:var(--rk-bg);}
.rk-fcard > .rk-facility-photo img{width:100%;height:140px;object-fit:cover;display:block;}
.rk-fcard-date{margin-top:auto;}
@media(max-width:640px){.rk-fcard > .rk-facility-photo img{height:120px;}}

/* ── 会員登録・ログインのフォーム ── */
/* 入力欄は16px固定。これ未満だとiPhoneで入力時に画面が拡大される */
.rk-register-form input[type=text],.rk-register-form input[type=email],
.rk-register-form input[type=tel],.rk-register-form input[type=password],
.rk-register-form select,.workscout_form input[type=text],
.workscout_form input[type=email],.workscout_form input[type=password]{
font-size:16px!important;border-radius:var(--rk-r-md)!important;
border:1px solid var(--rk-line)!important;color:var(--rk-ink-700)!important;}
.rk-register-form input:focus,.rk-register-form select:focus,.workscout_form input:focus{
border-color:var(--rk-mint-700)!important;box-shadow:0 0 0 3px rgba(7,134,106,.22)!important;outline:none;}
/* 役割の切替：明るいミントに白文字は読めないため濃色文字にする */
.rk-register-form input[type=radio]:checked + label,
.rk-register-form label.rk-role-active,.rk-role-tab.is-active{
background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;
font-weight:700!important;border-radius:var(--rk-r-md)!important;}
.rk-register-form input[type=radio] + label,.rk-role-tab{
border-radius:var(--rk-r-md)!important;font-weight:600!important;font-size:14px!important;
color:var(--rk-ink-500)!important;background:var(--rk-bg)!important;}
/* 選択中の指定を後に置いて優先させる */
.rk-register-form input[type=radio]:checked + label{
background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;font-weight:700!important;}
/* 必須バッジ：ガイドの赤に合わせ、読める大きさにする */
.rk-register-form .rk-req,.rk-register-form label span.required,
.rk-req,span.rk-required{
background:var(--rk-red-700)!important;color:#fff!important;
font-size:12px!important;font-weight:700!important;
border-radius:var(--rk-r-sm)!important;padding:2px 7px!important;line-height:1.5!important;}
/* 項目名 */
.rk-register-form label{color:var(--rk-ink-900);font-weight:600;}
/* 登録・ログインのボタン */
.rk-register-form input[type=submit],.rk-register-form button[type=submit],
.workscout_form input[type=submit],.workscout_form button[type=submit]{
font-size:16px!important;font-weight:700!important;min-height:52px!important;
background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;
border-radius:var(--rk-r-md)!important;}
.rk-register-form input[type=submit]:hover,.workscout_form input[type=submit]:hover{
background:var(--rk-mint-600,#0A9E7C)!important;color:#FFFFFF !important;}
/* 補足文 */
.rk-register-form .rk-hint,.rk-register-form small{
font-size:13px!important;color:var(--rk-ink-500)!important;}

/* ── 求人詳細 ── */
/* 見出し：ガイドの太字・濃色に合わせる */
.single-page-header h1,.titlebar-boxed-company-info h1,.single_job_listing h1{
font-size:26px!important;font-weight:700!important;color:var(--rk-ink-900)!important;line-height:1.5!important;}
.rk-detail-section > h2,.rk-detail-section > h3,.rk-sec-title,.widget-boxed-header h3{
font-size:20px!important;font-weight:700!important;color:var(--rk-ink-900)!important;}
/* 本文：長文を読む画面のため16pxに上げる */
.single_job_listing .job_description,.rk-detail-table td,.rk-note{
font-size:16px!important;line-height:1.9!important;color:var(--rk-ink-700);}
.rk-detail-table th{font-size:15px!important;font-weight:600;color:var(--rk-ink-900);}
/* 枠：角丸と影をガイドに統一 */
.radikuru-job-summary,.job-overview{
border-radius:var(--rk-r-lg)!important;box-shadow:var(--rk-sh-1)!important;
border:1px solid var(--rk-line)!important;}
/* 表：区切り線をガイドの色に */
.rk-detail-table th,.rk-detail-table td{border-color:var(--rk-line)!important;}
.rk-detail-table th{background:var(--rk-mint-050)!important;}
/* 給与はオレンジで統一 */
.rk-sum-salary,.rk-detail-table .rk-salary,.job-overview .salary{
color:var(--rk-orange-700)!important;font-weight:700;}
/* サイドバーの応募ボタンも主要ボタンとして揃える */
.job-overview .button,.company-info-apply-btn .button,a.small-dialog{
background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;
font-weight:700!important;border-radius:var(--rk-r-md)!important;min-height:44px;}
.job-overview .button:hover,.company-info-apply-btn .button:hover,a.small-dialog:hover{
background:var(--rk-mint-600,#0A9E7C)!important;color:#FFFFFF !important;}
/* お気に入りは副次ボタンにして、応募を目立たせる */
.single .titlebar-boxed-company-info a.button:not(.rk-apply-btn){
background:#fff!important;color:var(--rk-mint-700)!important;
border:1px solid var(--rk-mint-700)!important;font-weight:600!important;}
/* タグ */
.rk-tags span,.rk-tag{border-radius:var(--rk-r-full)!important;font-size:12px!important;
font-weight:600!important;padding:4px 10px!important;background:var(--rk-bg)!important;
color:var(--rk-ink-500)!important;}
@media(max-width:640px){.single-page-header h1,.titlebar-boxed-company-info h1{font-size:22px!important;}
.single_job_listing .job_description,.rk-detail-table td{font-size:15px!important;}}

/* 事業所バー：外側の枠をなくし、内側の白い面に影を付ける */
.company-info-boxed{border:none!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;}
.company-info.left-company-logo{
border-radius:var(--rk-r-lg)!important;box-shadow:var(--rk-sh-1)!important;
border:1px solid var(--rk-line)!important;background:#fff!important;}

/* お気に入り・シェアのウィジェットは枠なしにする */
aside.widget.workscout_core.widget_buttons,#widget_bookmarks_share-5{
border:none!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;}

/* 表そのものを面として見せる（角を丸めるため角のセルも丸める） */
.rk-detail-table,.rk-detail-table.rk-co-table{
border-radius:var(--rk-r-lg)!important;box-shadow:var(--rk-sh-1)!important;
border:1px solid var(--rk-line)!important;border-collapse:separate!important;
border-spacing:0!important;overflow:hidden;background:#fff;width:100%;}
.rk-detail-table th,.rk-detail-table td{border:none!important;
border-bottom:1px solid var(--rk-line)!important;}
.rk-detail-table tr:last-child th,.rk-detail-table tr:last-child td{border-bottom:none!important;}

/* 募集内容・事業所情報：枠は使わず、見出しと表で区切る */
.rk-detail-section,.rk-detail-section.rk-company-section{
border:none!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;}

/* ── 求人詳細の応募ボタン ── */
.rk-apply-block{margin:var(--rk-s5) 0 var(--rk-s4);padding:var(--rk-s4);text-align:center;
background:var(--rk-mint-050);border:1px solid var(--rk-mint-100);border-radius:var(--rk-r-lg);}
.rk-apply-lead{margin:0 0 var(--rk-s3);font-size:15px;font-weight:600;color:var(--rk-mint-900);}
.rk-apply-btn.button{display:inline-flex;align-items:center;justify-content:center;
min-width:280px;min-height:52px;padding:16px 32px;font-size:17px;font-weight:700;
background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;
border-radius:var(--rk-r-md)!important;text-decoration:none;}
html:not(.rk-nohover) .rk-apply-btn.button:hover{background:var(--rk-mint-600,#0A9E7C)!important;color:#FFFFFF !important;}
.rk-apply-note{margin:var(--rk-s2) 0 0;font-size:13px;color:var(--rk-ink-500);}
@media(max-width:640px){.rk-apply-block{padding:var(--rk-s3);}
.rk-apply-btn.button{min-width:0;width:100%;}}

/* ── アイコン ── */
.rk-icon{display:inline-block;vertical-align:-.18em;flex:none;fill:currentColor;}
.rk-card-salary,.rk-card-date{display:flex;align-items:center;gap:6px;}
.rk-card-salary .rk-icon{color:var(--rk-orange-700);}
.rk-card-date .rk-icon{color:var(--rk-ink-300);}
/* 求人カード下部の施設名・勤務地 */
.job-listing-footer li{display:inline-flex;align-items:center;gap:6px;}
.job-listing-footer .rk-icon{color:var(--rk-ink-500);}
/* 注目カードの勤務地・給与 */
.rk-fcard-region,.rk-fcard-salary{display:inline-flex;align-items:center;gap:5px;}
.rk-fcard-salary .rk-icon{color:var(--rk-orange-700);}
.rk-fcard-region .rk-icon{color:var(--rk-ink-500);}
/* 気になる・応募者数 */
.rk-fav .rk-icon{color:var(--rk-ink-300);transition:color .15s;}
.rk-fav.is-on .rk-icon,.rk-fav:hover .rk-icon{color:var(--rk-orange-700);}

/* ── 施設ロゴ ── */
/* ロゴは切り取らず全体を見せる（注目カードと同じ扱い） */
ul.job_listings.job-list > li.job-listing .job-listing-company-logo{
width:84px!important;min-width:84px!important;max-width:84px!important;
height:72px!important;min-height:72px!important;
flex:0 0 84px!important;box-sizing:border-box!important;
display:flex!important;align-items:center;justify-content:center;
border:1px solid var(--rk-line)!important;border-radius:var(--rk-r-md)!important;background:#fff!important;
padding:8px!important;overflow:hidden!important;}
ul.job_listings.job-list > li.job-listing img.company_logo{
width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
object-fit:contain!important;object-position:center;}
/* ロゴ未登録のときは枠を出さない */
ul.job_listings.job-list > li.job-listing img.company_logo[src*="placeholder"]{opacity:.25;}
.rk-fcard-logo img{object-fit:contain!important;}
@media(max-width:640px){ul.job_listings.job-list > li.job-listing .job-listing-company-logo{width:56px!important;height:56px!important;flex:0 0 56px;}}

/* ── バッジ・タグ ── */
span.job-type,.job-type,.listing-types-list span{
border-radius:var(--rk-r-full)!important;font-size:12px!important;font-weight:600!important;
padding:4px 10px!important;line-height:1.5!important;}
/* 常勤はミント */
span.job-type.full-time,.job-type.full-time{background:var(--rk-mint-100)!important;color:var(--rk-mint-900)!important;}
/* 常勤以外は青。非常勤の区分は日本語のスラッグ（part-time などではない）なので、区分の名前で決め打ちせず「常勤以外」で指定する（2026-10-13） */
span.job-type:not(.full-time),.job-type:not(.full-time){
background:var(--rk-blue-100)!important;color:var(--rk-blue-700)!important;-webkit-text-fill-color:var(--rk-blue-700);border-color:transparent!important;text-shadow:none!important;}
/* モダリティ・こだわり条件はグレー */
.job-modality-tag,.job-feature-tag{
background:var(--rk-bg)!important;color:var(--rk-ink-500)!important;
border-radius:var(--rk-r-full)!important;font-size:12px!important;font-weight:600!important;padding:4px 10px!important;}
/* 応募できない状態は赤 */
.job-type.filled,span.job-type.filled,.job_listing.job_position_filled .job-type,.job_listing.job_position_filled span.job-type,.rj-status.rejected{
background:var(--rk-red-100)!important;color:var(--rk-red-700)!important;-webkit-text-fill-color:var(--rk-red-700);}

/* ── 表（スタイルガイド「表」2026-10-13）：固定ページの表（特定商取引法に基づく表記・個人情報の取扱い など） ── */
figure.wp-block-table{overflow-x:auto;margin:0 0 var(--rk-s4)!important;max-width:880px;}
.wp-block-table table{width:100%!important;border-collapse:collapse!important;border:1px solid var(--rk-line)!important;background:#fff!important;font-size:16px!important;line-height:1.8!important;margin:0!important;}
.wp-block-table th,.wp-block-table td{padding:14px 16px!important;border:1px solid var(--rk-line)!important;text-align:left!important;vertical-align:top!important;color:var(--rk-ink-700)!important;font-size:16px!important;line-height:1.8!important;word-break:break-word;}
.wp-block-table th{background:var(--rk-mint-050)!important;color:var(--rk-ink-900)!important;font-weight:600!important;}
.wp-block-table td{background:#fff!important;}
/* 項目名と内容の表：項目名の列は幅を固定する */
.wp-block-table tbody th{width:220px!important;min-width:0!important;}
/* 列見出しのある表（rk-table-cols：個人情報の取得タイミングと内容 など）：幅いっぱいに使い、1列目（行の見出しにあたる列）を太字にする */
figure.wp-block-table.rk-table-cols{max-width:none;}
.rk-table-cols table{table-layout:fixed;}
.rk-table-cols thead th:first-child{width:20%;}
.rk-table-cols tbody td:first-child{font-weight:600!important;color:var(--rk-ink-900)!important;}
@media(max-width:640px){
/* スマホ：項目名と内容を縦に積む（項目名の下に内容）。列の多い表は横スクロール */
.wp-block-table tbody th,.wp-block-table tbody th ~ td{display:block!important;width:100%!important;box-sizing:border-box!important;border-width:0 0 1px 0!important;}
.wp-block-table tbody th{font-size:14px!important;padding:10px 14px!important;}
.wp-block-table tbody th ~ td{padding:12px 14px 16px!important;}
.wp-block-table tbody tr:last-child th ~ td{border-bottom:0!important;}
/* 列見出しのある表：列見出しを隠し、1行を1枚のカードにする。カードの見出しは1列目、残りのセルには列名（data-label）を添える */
.rk-table-cols table{border:0!important;background:transparent!important;table-layout:auto;}
.rk-table-cols thead{display:none!important;}
.rk-table-cols tbody{display:block!important;}
.rk-table-cols tbody tr{display:block!important;margin:0 0 var(--rk-s3);border:1px solid var(--rk-line);border-radius:var(--rk-r-md);overflow:hidden;background:#fff;}
.rk-table-cols tbody td{display:block!important;width:100%!important;box-sizing:border-box!important;border-width:1px 0 0 0!important;padding:12px 14px!important;}
.rk-table-cols tbody td:first-child{border-top:0!important;background:var(--rk-mint-050)!important;}
.rk-table-cols tbody td:not(:first-child)::before{content:attr(data-label);display:block!important;float:none!important;position:static!important;width:auto!important;margin:0 0 2px!important;padding:0!important;font-size:12px!important;font-weight:600!important;line-height:1.6!important;color:var(--rk-ink-500)!important;text-align:left!important;}
/* 親テーマも data-label を使って列名を出すので、カードの見出し（1列目）には出さない */
.rk-table-cols tbody td:first-child::before{content:none!important;display:none!important;}
}

/* ── 応募者一覧の「詳細」（inc/application-details.php）：スタイルガイド「表」の配色。見出しごとに項目名と内容の表を並べる ── */
.rk-appd{margin:0;}
.rk-appd-head{margin:var(--rk-s4) 0 var(--rk-s2)!important;padding:0!important;font-size:16px!important;font-weight:700!important;line-height:1.6!important;color:var(--rk-ink-900)!important;border:0!important;}
.rk-appd-head:first-child{margin-top:0!important;}
.rk-appd-table{width:100%!important;border-collapse:collapse!important;border:1px solid var(--rk-line)!important;background:#fff!important;margin:0!important;table-layout:fixed;}
.rk-appd-table th,.rk-appd-table td{padding:12px 16px!important;border:1px solid var(--rk-line)!important;text-align:left!important;vertical-align:top!important;font-size:16px!important;line-height:1.8!important;color:var(--rk-ink-700)!important;word-break:break-word;}
.rk-appd-table th{width:220px!important;background:var(--rk-mint-050)!important;color:var(--rk-ink-900)!important;font-weight:600!important;}
.rk-appd-table td{background:#fff!important;}
.rk-appd-table a{color:var(--rk-mint-700)!important;text-decoration:underline;}
.rk-appd-table a:hover{color:var(--rk-mint-800)!important;}
.rk-appd-sub{display:block;font-size:14px;line-height:1.7;color:var(--rk-ink-500);}
.rk-appd-cancel th{background:var(--rk-bg)!important;}
@media(max-width:640px){
.rk-appd-table,.rk-appd-table tbody,.rk-appd-table tr{display:block!important;}
.rk-appd-table th,.rk-appd-table td{display:block!important;width:100%!important;box-sizing:border-box!important;border-width:0 0 1px 0!important;}
.rk-appd-table th{font-size:14px!important;padding:10px 14px!important;}
.rk-appd-table td{padding:12px 14px 16px!important;}
.rk-appd-table tr:last-child td{border-bottom:0!important;}
}

/* ── 案内の枠（スタイルガイド「案内」：背景 Mint050・枠線 1px Mint100・文字 Ink700） ── */
.rk-guide-box{margin:0 0 var(--rk-s3);padding:16px 20px;border:1px solid var(--rk-mint-100);border-radius:var(--rk-r-md);background:var(--rk-mint-050);color:var(--rk-ink-700);font-size:15px;line-height:1.8;}
.rk-guide-box strong{color:var(--rk-ink-900);}
.rk-guide-box .rk-guide-actions{margin:12px 0 0;}
/* 内定中の応募者の一覧と、その場で押せるボタン */
.rk-offer-list{list-style:none;margin:12px 0 0!important;padding:0!important;}
.rk-offer-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0!important;padding:10px 0;border-top:1px solid var(--rk-mint-100);}
.rk-offer-name{font-weight:700;color:var(--rk-ink-900);}
.rk-offer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;}
.rk-offer-form{margin:0!important;}
.rk-offer-form .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:10px 16px!important;border-radius:var(--rk-r-md)!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;white-space:normal;}
.rk-offer-form .button.rk-offer-hire{background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;border:1px solid var(--rk-mint-500,#0CC399)!important;}
html:not(.rk-nohover) .rk-offer-form .button.rk-offer-hire:hover{background:var(--rk-mint-600,#0A9E7C)!important;border-color:var(--rk-mint-600,#0A9E7C)!important;}
.rk-offer-form .button.rk-offer-end{background:#fff!important;color:var(--rk-mint-700)!important;-webkit-text-fill-color:var(--rk-mint-700)!important;border:1px solid var(--rk-mint-700)!important;}
html:not(.rk-nohover) .rk-offer-form .button.rk-offer-end:hover{background:var(--rk-mint-100)!important;}
.rk-status-hint{margin:8px 0 0!important;font-size:14px!important;line-height:1.7!important;color:var(--rk-ink-500)!important;}
@media(max-width:640px){.rk-offer-actions{margin-left:0;width:100%;}.rk-offer-form{flex:1 1 100%;}.rk-offer-form .button{width:100%;}}
.rk-guide-box a.button.rk-fill-now{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:10px 20px!important;border-radius:var(--rk-r-md)!important;background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-size:15px!important;font-weight:700!important;}
html:not(.rk-nohover) .rk-guide-box a.button.rk-fill-now:hover{background:var(--rk-mint-600,#0A9E7C)!important;}

/* ── 応募者一覧（スマホ・iPad）：詳細の表を広く使い、カード下部（評価・選考状況・日付）を読みやすく並べる（2026-10-14） ── */
.job-applications .app-footer .modern-footer-rating,.job-applications .app-footer .modern-footer-rating-text{white-space:nowrap;}
.job-applications .app-footer ul.meta{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0!important;padding:0!important;}
.job-applications .app-footer ul.meta li{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;white-space:nowrap;}
.job-applications .app-footer .status-badge{white-space:nowrap;}
@media(max-width:640px){
.job-applications{margin-left:-18px;margin-right:-18px;}
.job-applications .application .app-content{padding:20px 16px!important;}
.job-applications .application .app-tabs{margin-left:16px!important;margin-right:16px!important;}
.job-applications .application .app-footer{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px 16px!important;}
}

/* ── 修正のお願い（差し戻し）の枠：スタイルガイド「注意」（背景 Orange100・見出し Orange700・枠線 1px Orange500） ── */
.rk-fix-holder{flex:0 0 100%;width:100%;clear:both;margin:12px 0 0;}
.rk-fix-box{margin:0 0 var(--rk-s3);padding:16px 20px;border:1px solid var(--rk-orange-500);border-radius:var(--rk-r-md);background:var(--rk-orange-100);color:var(--rk-ink-700);font-size:15px;line-height:1.8;text-align:left;}
.rk-fix-title{color:var(--rk-orange-700);font-size:16px;font-weight:700;margin-right:10px;}
.rk-fix-date{font-size:13px;color:var(--rk-ink-500);}
.rk-fix-lead{margin:6px 0 10px!important;font-size:14px!important;color:var(--rk-ink-700)!important;}
.rk-fix-reason{padding:12px 14px;border-radius:var(--rk-r-md);background:#fff;color:var(--rk-ink-900);}
.rk-fix-actions{margin:12px 0 0!important;}
.rk-fix-box a.button.rk-fix-edit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:10px 20px!important;border-radius:var(--rk-r-md)!important;background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-size:15px!important;font-weight:700!important;}
html:not(.rk-nohover) .rk-fix-box a.button.rk-fix-edit:hover{background:var(--rk-mint-600,#0A9E7C)!important;}
.rk-fix-box.rk-fix-done{border-color:var(--rk-mint-100);background:var(--rk-mint-050);}
/* 再申請のときに添える、運営へのメッセージ */
.rk-fix-reply{margin:14px 0 0!important;}
.rk-fix-reply label{display:block;margin:0 0 6px;font-size:14px;font-weight:700;color:var(--rk-ink-900);}
.rk-fix-reply textarea{display:block;width:100%!important;max-width:100%;box-sizing:border-box;margin:0!important;padding:10px 12px!important;border:1px solid var(--rk-line)!important;border-radius:var(--rk-r-md)!important;background:#fff!important;font-size:16px!important;line-height:1.7!important;color:var(--rk-ink-900)!important;}
.rk-fix-reply-note{display:block;margin-top:6px;font-size:13px;line-height:1.7;color:var(--rk-ink-500);}
.rk-fix-sent{margin-top:10px;padding:10px 14px;border-radius:var(--rk-r-md);background:#fff;color:var(--rk-ink-900);}
.rk-fix-sent-label{display:block;font-size:12px;font-weight:600;color:var(--rk-ink-500);}

/* ── 応募状況バッジ（企業ダッシュボード） ── */
.rj-status{border-radius:var(--rk-r-full)!important;font-size:12px!important;font-weight:600!important;padding:4px 10px!important;}
.rj-status.new{background:var(--rk-mint-100)!important;color:var(--rk-mint-900)!important;}
.rj-status.progress{background:var(--rk-blue-100)!important;color:var(--rk-blue-700)!important;}
.rj-status.hired{background:var(--rk-orange-100)!important;color:var(--rk-orange-700)!important;}
.rj-status.rejected{background:var(--rk-red-100)!important;color:var(--rk-red-700)!important;}
/* 応募者一覧（テーマの画面）の選考状況バッジも同じ配色にする。進行中＝選考中・面接済み・内定、終了＝対応終了・応募取り消し（2026-10-14） */
.status-badge{border-radius:var(--rk-r-full)!important;font-size:12px!important;font-weight:600!important;padding:4px 10px!important;line-height:1.5!important;border:0!important;}
.status-badge.status-new{background:var(--rk-mint-100)!important;color:var(--rk-mint-900)!important;}
.status-badge.status-screening,.status-badge.status-interviewed,.status-badge.status-offer{background:var(--rk-blue-100)!important;color:var(--rk-blue-700)!important;}
.status-badge.status-hired{background:var(--rk-orange-100)!important;color:var(--rk-orange-700)!important;}
.status-badge.status-rejected{background:var(--rk-red-100)!important;color:var(--rk-red-700)!important;}
.status-badge.status-archived,.status-badge.status-cancelled{background:var(--rk-bg)!important;color:var(--rk-ink-500)!important;}

/* ── マイページ・ダッシュボード ── */
.dashboard-box,.dashboard-box-list,.item-listing,.jm-dashboard-job,.company-block{
border:1px solid var(--rk-line)!important;border-radius:var(--rk-r-lg)!important;
box-shadow:var(--rk-sh-1)!important;background:#fff;}
.dashboard-box .headline,.dashboard-box h4{
background:var(--rk-mint-050)!important;color:var(--rk-mint-900)!important;
border-bottom:1px solid var(--rk-line)!important;font-weight:700;}
/* 見出し帯は外枠の丸みに合わせる（上だけ丸く、下は角のまま） */
.dashboard-box > .headline:first-child{border-radius:var(--rk-r-lg) var(--rk-r-lg) 0 0!important;}
/* 枠の内側に入る一覧は丸みも枠線も付けず、外枠の丸みで切り取る */
.dashboard-box{overflow:hidden!important;}
.dashboard-box .dashboard-box-list{border-radius:0!important;border:0!important;box-shadow:none!important;}
/* 行そのものや行内のかたまりにも丸みを付けない（マイページ・施設/法人一覧・履歴書一覧・求人通知・お気に入り共通） */
.dashboard-box .item-listing,.dashboard-box .item-listing-footer,
.dashboard-box .jm-dashboard-job,.dashboard-box .company-block{border-radius:0!important;}
.dashboard-nav ul li a{color:var(--rk-ink-700);border-radius:var(--rk-r-md);}
.dashboard-nav ul li.active a{font-weight:700;}
.dashboard-status-button,.job-dashboard-action-edit a,.job-dashboard-action-stats a{border-radius:var(--rk-r-md)!important;}

/* ── 掲載状態のバッジ（求人管理） ── */
.dashboard-status-button{border-radius:var(--rk-r-full)!important;font-size:12px!important;font-weight:600!important;border:none!important;}
.dashboard-status-button.green{background:var(--rk-mint-100)!important;color:var(--rk-mint-900)!important;}
.dashboard-status-button.red{background:var(--rk-red-100)!important;color:var(--rk-red-700)!important;}
.dashboard-status-button.yellow,.dashboard-status-button.orange{background:var(--rk-orange-100)!important;color:var(--rk-orange-700)!important;}
.dashboard-status-button.gray,.dashboard-status-button.grey{background:var(--rk-bg)!important;color:var(--rk-ink-500)!important;}

/* ── フォーム ── */
.job-manager-form label,.wp-job-manager-resume-form label,form label,.field label{
font-weight:600;color:var(--rk-ink-900);}
.job-manager-form .required,.required,span.req{color:var(--rk-red-700)!important;}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],
input[type=search],input[type=url],input[type=date],select,textarea{
border:1px solid var(--rk-line)!important;border-radius:var(--rk-r-md)!important;
color:var(--rk-ink-700);background:#fff;}
::placeholder{color:var(--rk-ink-300);}
.field-error,.woocommerce-error,.job-manager-error{
color:var(--rk-red-700)!important;background:var(--rk-red-100)!important;
border:0!important;border-radius:var(--rk-r-md)!important;}
/* テーマの「notification error」（設定のメールアドレス変更・パスワード変更などのエラー）もガイドのエラーの色に。テーマは面 #FFE9E9・文字 #DE5959（2026-10-29 山口さん 見本 OK）。角の丸みはテーマのまま */
.notification.error{background:var(--rk-red-100)!important;border:0!important;}
.notification.error,.notification.error p,.notification.error a,.notification.error strong{color:var(--rk-red-700)!important;-webkit-text-fill-color:var(--rk-red-700)!important;}
.notification.error a.close,.notification.error a.close:before{color:var(--rk-red-700)!important;-webkit-text-fill-color:var(--rk-red-700)!important;}
.job-manager-message,.woocommerce-message,.woocommerce-info{
background:var(--rk-mint-100)!important;color:var(--rk-mint-900)!important;
border:0!important;border-radius:var(--rk-r-md)!important;}
/* 求人通知の操作のあとの知らせ（WP Job Manager の部品 jm-notice）も「お知らせ」の枠に。白地・灰色の枠線・黒い印だった（2026-10-30 山口さん 見本 OK）。エラーなど色付きの枠は対象外 */
.jm-notice:not([class*="color-"]){background:var(--rk-mint-100)!important;border:0!important;box-shadow:none!important;border-radius:var(--rk-r-md)!important;padding:22px 26px!important;color:var(--rk-mint-900)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;} /* 部品の CSS の min-width:400px でスマホ（390px）では右にはみ出していた（10/30） */
.jm-notice:not([class*="color-"]) .jm-notice__message,.jm-notice:not([class*="color-"]) .jm-notice__title,.jm-notice:not([class*="color-"]) .jm-ui-icon{color:var(--rk-mint-900)!important;}

/* ── 検索・絞り込み ── */
.job_filters,.search_jobs,.intro-banner{border-radius:var(--rk-r-lg);}
.job_filters .showing_jobs a,.tags-list .tag{
background:var(--rk-mint-100)!important;color:var(--rk-mint-900)!important;border-radius:var(--rk-r-full)!important;}

/* ── ページ送り ── */
.pagination ul li a,.page-numbers{border-radius:var(--rk-r-md)!important;}
.pagination ul li a.current-page,.page-numbers.current{
background:var(--rk-mint-500,#0CC399)!important;color:#FFFFFF !important;font-weight:700;}