/*!
 * JAM'S FANDOM — サイト全体の見た目を TOP（POP）に合わせる（018）。
 * 設定 jf_site_skin=pop の時だけ読む。値は pop-tokens.css の変数だけを使う。
 *
 * - SWELL のクラスに対して、色・枠・角丸・影・見出しの書体だけを変える（構造・大きさ・並びは変えない）
 * - 本文の文字は SWELL のまま。Dela Gothic One は見出しと札だけ
 * - すべて .jf-skin-pop（SWELL では #body_wrap に付く）の中だけに効く
 * - 022: 茶番と共犯（/chaban/ 系）は .jf-skin-chrome。SWELL のヘッダー・グローバルナビ・パンくず・サイドバーのウィジェット・フッター・
 *   スマホの固定フッターメニューの規則だけを :is(.jf-skin-pop,.jf-skin-chrome) で当てる（本文 .jfk の中には当てない。地の水玉も当てない）
 * - 強い上書きの指定は、SWELL 側が同じ指定や style 属性（インライン）で色を固定している所だけに使い、すぐ前の行に理由を書く
 */

/* ---------------- 地（白＋薄い水玉） ---------------- */
.jf-skin-pop{background-color:var(--pop-bg);background-image:radial-gradient(var(--pop-dot) 2.5px,transparent 3px);background-size:var(--pop-dot-size) var(--pop-dot-size)}
.jf-skin-pop .l-content,.jf-skin-pop #content{background:transparent}
.jf-skin-pop :focus-visible{outline:3px solid var(--pop-ink);outline-offset:2px}

/* ---------------- ヘッダー・グローバルナビ ---------------- */
:is(.jf-skin-pop,.jf-skin-chrome) .l-header{border-bottom:var(--pop-line) solid var(--pop-ink);box-shadow:none}
:is(.jf-skin-pop,.jf-skin-chrome) .l-fixHeader{border-bottom:var(--pop-line) solid var(--pop-ink);box-shadow:none}
:is(.jf-skin-pop,.jf-skin-chrome) .l-header .c-gnav > .menu-item > a,
:is(.jf-skin-pop,.jf-skin-chrome) .l-fixHeader .c-gnav > .menu-item > a{color:var(--pop-ink);font-weight:700}
:is(.jf-skin-pop,.jf-skin-chrome) .c-gnav > .menu-item > a::after{background:var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .c-gnav .sub-menu{border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-xs);box-shadow:var(--pop-shadow-s);background:var(--pop-white);color:var(--pop-ink);overflow:hidden}
:is(.jf-skin-pop,.jf-skin-chrome) .l-header .c-iconBtn,:is(.jf-skin-pop,.jf-skin-chrome) .l-fixHeader .c-iconBtn{color:var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .l-header .c-catchphrase{color:var(--pop-ink-2)}

/* ---------------- ロゴ（濃い緑の札にのせる） ----------------
   ロゴの画像は黄緑＋白の縁取りで、濃い緑の上で読む前提の色。白いヘッダーの上では細く・薄く見えるので、
   画像は変えずに、ほかの見出しと同じ「札」（濃い緑の面・少し傾ける・黄緑の影）にのせる。 */
:is(.jf-skin-pop,.jf-skin-chrome) :is(.l-header,.l-fixHeader) .c-headLogo{overflow:visible;height:auto}
:is(.jf-skin-pop,.jf-skin-chrome) :is(.l-header,.l-fixHeader) .c-headLogo__link{display:block;box-sizing:border-box;background:var(--pop-ink);border-radius:12px;padding:5px 12px 4px 10px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--pop-lime),3px 3px 0 2px var(--pop-ink)}
/* SWELL がロゴの高さを height:100%（ヘッダーの高さ）で決めているので、札の中の高さを固定する */
:is(.jf-skin-pop,.jf-skin-chrome) :is(.l-header,.l-fixHeader) .c-headLogo__img{height:38px!important;width:auto!important;max-width:none}
@media (min-width:960px){
  :is(.jf-skin-pop,.jf-skin-chrome) .l-header .c-headLogo__link{padding:7px 16px 5px 14px;border-radius:14px;box-shadow:4px 4px 0 var(--pop-lime),4px 4px 0 2px var(--pop-ink)}
  :is(.jf-skin-pop,.jf-skin-chrome) .l-header .c-headLogo__img{height:50px!important}
  :is(.jf-skin-pop,.jf-skin-chrome) .l-header .c-headLogo{margin-right:22px}
}

/* スマホのメニュー（ひらいた時）と検索の窓 */
:is(.jf-skin-pop,.jf-skin-chrome) .p-spMenu__inner{border-left:var(--pop-line) solid var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .p-spMenu__inner::before{background:var(--pop-white)}
:is(.jf-skin-pop,.jf-skin-chrome) .p-spMenu__body{color:var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .c-widget__title.-spmenu{background:var(--pop-ink);color:var(--pop-on-ink);border-radius:var(--pop-pill);font-family:var(--pop-display);font-weight:400}
:is(.jf-skin-pop,.jf-skin-chrome) .p-spMenu .c-listMenu a,:is(.jf-skin-pop,.jf-skin-chrome) .p-spMenu .c-spnav a{border-bottom-color:var(--pop-ink);color:var(--pop-ink);font-weight:700}

/* スマホの固定フッターメニュー */
:is(.jf-skin-pop,.jf-skin-chrome) #fix_bottom_menu{border-top:var(--pop-line) solid var(--pop-ink);box-shadow:none;color:var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) #fix_bottom_menu::before{background:var(--pop-white);opacity:1}
:is(.jf-skin-pop,.jf-skin-chrome) #fix_bottom_menu .menu-item,:is(.jf-skin-pop,.jf-skin-chrome) #fix_bottom_menu .menu-item a{color:var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) #fix_bottom_menu .menu-item span{font-weight:700}
:is(.jf-skin-pop,.jf-skin-chrome) #fix_bottom_menu .current-menu-item,:is(.jf-skin-pop,.jf-skin-chrome) #fix_bottom_menu .current-menu-parent{background:var(--pop-lime)}

/* ページの上へ戻るボタン */
.jf-skin-pop .c-fixBtn{background:var(--pop-white);color:var(--pop-ink);border:var(--pop-line) solid var(--pop-ink);box-shadow:var(--pop-shadow-s)}

/* ---------------- ピックアップバナー（楽曲一覧・出演情報…） ---------------- */
.jf-skin-pop .p-pickupBanners .c-bannerLink{border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-m);box-shadow:var(--pop-shadow-s)}
.jf-skin-pop .p-pickupBanners .c-bannerLink::after{content:none}
.jf-skin-pop .p-pickupBanners .c-bannerLink__label{background:var(--pop-white);color:var(--pop-ink);border:var(--pop-line-s) solid var(--pop-ink);border-radius:var(--pop-pill);font-family:var(--pop-display);font-weight:400;text-shadow:none}

/* ---------------- パンくず ---------------- */
:is(.jf-skin-pop,.jf-skin-chrome) .p-breadcrumb.-bg-on{background:var(--pop-lime);border-top:var(--pop-line) solid var(--pop-ink);box-shadow:none}
:is(.jf-skin-pop,.jf-skin-chrome) .p-breadcrumb{color:var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .p-breadcrumb__text{color:var(--pop-ink);font-weight:700}
:is(.jf-skin-pop,.jf-skin-chrome) .p-breadcrumb__item::after{opacity:1}

/* ---------------- ページの見出し（一覧・固定ページ・検索結果・404） ---------------- */
.jf-skin-pop .c-pageTitle[data-style]{border-bottom:0}
.jf-skin-pop .c-pageTitle .c-pageTitle__inner{
  display:inline-block;float:none;margin:0 0 4px;padding:3px 12px 6px;
  background:var(--pop-white);color:var(--pop-ink);border:var(--pop-line) solid var(--pop-ink);box-shadow:var(--pop-shadow-s);
  font-family:var(--pop-display);font-weight:400;line-height:1.3;transform:rotate(-2deg);
}
.jf-skin-pop .c-pageTitle__subTitle{font-family:var(--swl-font_family,inherit);font-style:normal;opacity:1;color:var(--pop-ink-2)}
.jf-skin-pop .c-ttl404{font-family:var(--pop-display);font-weight:400;color:var(--pop-ink)}
.jf-skin-pop .p-termHead__desc,.jf-skin-pop .p-termContent{color:var(--pop-ink)}

/* ---------------- 記事一覧のカード ---------------- */
.jf-skin-pop .p-postList .c-postThumb{border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-s);box-shadow:var(--pop-shadow-s);overflow:hidden;background:var(--pop-white)}
.jf-skin-pop .p-postList .c-postThumb__figure{border-radius:0}
.jf-skin-pop .p-postList__title{color:var(--pop-ink)}
.jf-skin-pop .p-postList__excerpt{color:var(--pop-ink-2);opacity:1}
.jf-skin-pop .p-postList .c-postTimes{color:var(--pop-ink-2);opacity:1}
/* カテゴリの札 */
.jf-skin-pop .c-postThumb__cat{background:var(--pop-yellow);color:var(--pop-ink);border:var(--pop-line-s) solid var(--pop-ink);border-radius:var(--pop-pill);font-weight:700;top:6px;right:6px}
.jf-skin-pop .-type-list .c-postThumb__cat,.jf-skin-pop .-type-list2 .c-postThumb__cat{top:4px;left:4px;right:auto}
.jf-skin-pop .c-categoryList__link,.jf-skin-pop .c-tagList__link{background:var(--pop-yellow);color:var(--pop-ink);border:var(--pop-line-s) solid var(--pop-ink);border-radius:var(--pop-pill);font-weight:700}
.jf-skin-pop .l-mainContent .c-categoryList__link.-current{background:var(--pop-ink);color:var(--pop-on-ink-2);box-shadow:none}
/* 人気記事の順位 */
.jf-skin-pop .-w-ranking .p-postList__item::before{background:var(--pop-ink);background-image:none;color:var(--pop-on-ink);font-family:var(--pop-display);border-radius:var(--pop-radius-xs) 0 var(--pop-radius-xs) 0}
.jf-skin-pop .-w-ranking .p-postList__item:nth-child(-n+3)::before{background:var(--pop-yellow);background-image:none;color:var(--pop-ink);box-shadow:inset 0 0 0 var(--pop-line-s) var(--pop-ink)}
/* 新着 / 人気のタブ */
.jf-skin-pop .p-postListTab .c-tabList__button{color:var(--pop-ink);font-weight:700;background:var(--pop-white);border:var(--pop-line-s) solid var(--pop-ink);border-radius:var(--pop-pill)}
.jf-skin-pop .p-postListTab .c-tabList__button[aria-selected=true]{background:var(--pop-ink);color:var(--pop-on-ink-2)}
.jf-skin-pop .p-postListTab .c-tabList__button::before,.jf-skin-pop .p-postListTab .c-tabList__button::after{content:none}
/* タブは SWELL が幅 50% ずつ（左右 4px の余白つき）で並べる。gap を足すと 2 つ目が下の段に落ちるので足さない */
.jf-skin-pop .p-postListTab .c-tabList{gap:0;flex-wrap:nowrap}
.jf-skin-pop .p-postListTab .c-tabList__item{margin-bottom:0}
/* 記事一覧のページ（/news-all/ など）: 見出し・タブ・一覧の間の空きを詰める */
/* SWELL の u-mt-40 が強い指定で 4em 空けているので、同じ強さで詰める */
.jf-skin-pop .c-pageTitle + .p-homeContent.u-mt-40{margin-top:20px!important}
.jf-skin-pop .p-homeContent .p-postListTab{margin-bottom:20px}
/* 022: 茶番と共犯（.jf-skin-chrome）は、フッター・サイドバー・スマホのメニューのウィジェットの記事一覧だけ、上と同じにする（本文 .jfk には当てない） */
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) .p-postList .c-postThumb{border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-s);box-shadow:var(--pop-shadow-s);overflow:hidden;background:var(--pop-white)}
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) .p-postList .c-postThumb__figure{border-radius:0}
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) .p-postList__title{color:var(--pop-ink)}
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) .p-postList .c-postTimes{color:var(--pop-ink-2);opacity:1}
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) .c-postThumb__cat{background:var(--pop-yellow);color:var(--pop-ink);border:var(--pop-line-s) solid var(--pop-ink);border-radius:var(--pop-pill);font-weight:700;top:6px;right:6px}
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) :is(.-type-list,.-type-list2) .c-postThumb__cat{top:4px;left:4px;right:auto}
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) .-w-ranking .p-postList__item::before{background:var(--pop-ink);background-image:none;color:var(--pop-on-ink);font-family:var(--pop-display);border-radius:var(--pop-radius-xs) 0 var(--pop-radius-xs) 0}
.jf-skin-chrome :is(.l-footer,.l-sidebar,.p-spMenu) .-w-ranking .p-postList__item:nth-child(-n+3)::before{background:var(--pop-yellow);background-image:none;color:var(--pop-ink);box-shadow:inset 0 0 0 var(--pop-line-s) var(--pop-ink)}

/* ---------------- ページャ ---------------- */
.jf-skin-pop [class*=page-numbers]{background:var(--pop-white);color:var(--pop-ink);border:var(--pop-line-s) solid var(--pop-ink);border-radius:var(--pop-radius-xs);font-weight:700}
.jf-skin-pop [class*=page-numbers].current,.jf-skin-pop [class*=page-numbers]:hover{background:var(--pop-ink);color:var(--pop-on-ink-2)}
.jf-skin-pop .c-pagination__dot{color:var(--pop-ink-2)}
.jf-skin-pop .p-pnLinks .c-pnNav__link,.jf-skin-pop .p-pnLinks__item a{color:var(--pop-ink)}

/* ---------------- 記事の頭（タイトル・日付・アイキャッチ） ---------------- */
.jf-skin-pop .c-postTitle__ttl{color:var(--pop-ink)}
.jf-skin-pop .c-postTitle__date{border-right:var(--pop-line) solid var(--pop-ink);color:var(--pop-ink)}
.jf-skin-pop .c-postTitle__date .__md{font-family:var(--pop-display)}
.jf-skin-pop .p-articleMetas .c-postTimes{color:var(--pop-ink-2);opacity:1}
.jf-skin-pop .p-articleThumb__img{border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow)}

/* ---------------- 記事本文（文字は SWELL のまま） ---------------- */
/* h2: 黄の面＋枠＋影。SWELL の点線の飾りは外す。エディターで背景色・文字色を選んだ見出し（.has-background / .has-text-color）は SWELL のまま */
.jf-skin-pop .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title):not(.has-background):not(.has-text-color)){
  background:var(--pop-yellow);color:var(--pop-ink);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-s);box-shadow:var(--pop-shadow-s);
  font-family:var(--pop-display);font-weight:400;
}
.jf-skin-pop .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title):not(.has-background):not(.has-text-color))::before{content:none}
/* h3: 下に太い線 */
.jf-skin-pop .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title):not(.has-background):not(.has-text-color)){color:var(--pop-ink);font-family:var(--pop-display);font-weight:400}
.jf-skin-pop .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title):not(.has-background):not(.has-text-color))::before{background:var(--pop-ink);height:var(--pop-line)}
/* h4: 左に太い線 */
.jf-skin-pop .post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title):not(.has-background):not(.has-text-color)){border-left:6px solid var(--pop-ink);color:var(--pop-ink)}

/* 目次 */
.jf-skin-pop #main_content .p-toc,.jf-skin-pop .p-toc{background:var(--pop-white);background-image:none;border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);color:var(--pop-ink)}
.jf-skin-pop .p-toc.is-omitted{overflow:hidden}
.jf-skin-pop .p-toc::before,.jf-skin-pop .p-toc.-double::before{border:0}
.jf-skin-pop .p-toc__ttl{font-family:var(--pop-display);font-weight:400}
.jf-skin-pop .p-toc.is-omitted:not([data-omit=nest])::before{background:linear-gradient(rgba(255,255,255,0),var(--pop-white))}
.jf-skin-pop .p-toc.is-omitted:not([data-omit=nest])::after{background:var(--pop-white)}
.jf-skin-pop .p-toc .p-toc__expandBtn{background:var(--pop-ink);color:var(--pop-on-ink-2);border:0;box-shadow:none;font-weight:700}
.jf-skin-pop #sidebar .p-toc{border:0;box-shadow:none;border-radius:0;background:transparent}

/* ボタン。SWELL はエディターで選んだ色を style 属性の --the-btn-color に入れるので、面の色は変数ではなく background を直接決める */
.jf-skin-pop .post_content [class*=is-style-btn_] a,
.jf-skin-pop .is-style-more_btn a{
  background:var(--pop-ink);color:var(--pop-on-ink-2);border:0;border-radius:var(--pop-pill);box-shadow:none;font-weight:700;
}
.jf-skin-pop .post_content [class*=is-style-btn_] a::before,.jf-skin-pop .post_content [class*=is-style-btn_] a::after{content:none}
.jf-skin-pop .post_content .is-style-btn_line a{background:var(--pop-white);color:var(--pop-ink);border:var(--pop-line) solid var(--pop-ink);box-shadow:var(--pop-shadow-s)}
.jf-skin-pop .is-style-more_btn a::after{color:inherit}
.jf-skin-pop .post_content .wp-block-button__link{background:var(--pop-ink);color:var(--pop-on-ink-2);border-radius:var(--pop-pill);font-weight:700}

/* 引用 */
.jf-skin-pop .post_content blockquote{background:var(--pop-white);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-m);color:var(--pop-ink)}
.jf-skin-pop .post_content blockquote::before{border-left-color:var(--pop-ink);border-right-color:var(--pop-ink)}
.jf-skin-pop .post_content blockquote cite{opacity:1;color:var(--pop-ink-2)}

/* 表（マスの中の文字サイズ・行間は SWELL のまま） */
.jf-skin-pop .post_content table{color:var(--pop-ink);background:var(--pop-white)}
.jf-skin-pop .post_content td,.jf-skin-pop .post_content th{border:var(--pop-line-s) solid var(--pop-ink)}
.jf-skin-pop .post_content th{background:var(--pop-lime);color:var(--pop-ink)}
.jf-skin-pop .post_content thead td,.jf-skin-pop .post_content thead th{background:var(--pop-yellow);color:var(--pop-ink)}

/* キャプション付きブロック。SWELL の色の変数（--capbox-color）を差し替える（枠の形は SWELL の各スタイルのまま） */
.jf-skin-pop .post_content .cap_box{--capbox-color:var(--pop-ink);--capbox-color--bg:var(--pop-white);color:var(--pop-ink)}
.jf-skin-pop .post_content .cap_box_content{border-radius:0 0 var(--pop-radius-xs) var(--pop-radius-xs)}
.jf-skin-pop .post_content .cap_box.is-style-default .cap_box_ttl,.jf-skin-pop .post_content .cap_box:not([class*=is-style-]) .cap_box_ttl{border-radius:var(--pop-radius-xs) var(--pop-radius-xs) 0 0}

/* ブログカード（関連記事・外部リンク） */
.jf-skin-pop .p-blogCard__inner{background:var(--pop-white);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-m);box-shadow:var(--pop-shadow-s);color:var(--pop-ink)}
.jf-skin-pop .p-blogCard:hover{box-shadow:none}
.jf-skin-pop .p-blogCard__caption{background:var(--pop-yellow);color:var(--pop-ink);border:var(--pop-line-s) solid var(--pop-ink);border-radius:var(--pop-pill);font-weight:700}
.jf-skin-pop .p-blogCard__title{color:var(--pop-ink)}
.jf-skin-pop .p-blogCard__excerpt{color:var(--pop-ink-2);opacity:1}

/* この記事を書いた人 */
.jf-skin-pop .p-authorBox{background:var(--pop-white);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius);color:var(--pop-ink)}

/* 記事の下（シェア・関連記事・前後の記事・コメント）の見出し */
.jf-skin-pop .c-secTitle,.jf-skin-pop .l-articleBottom__title{border-left:0;padding:0;color:var(--pop-ink);font-family:var(--pop-display);font-weight:400}
.jf-skin-pop .c-shareBtns__message .__text{color:var(--pop-ink)}

/* ---------------- サイドバー・フッターのウィジェット ---------------- */
:is(.jf-skin-pop,.jf-skin-chrome) .c-widget__title.-side,:is(.jf-skin-pop,.jf-skin-chrome) .c-widget__title.-footer{
  display:inline-block;overflow:visible;padding:3px 12px 6px;
  background:var(--pop-white);color:var(--pop-ink);border:var(--pop-line) solid var(--pop-ink);box-shadow:var(--pop-shadow-s);
  font-family:var(--pop-display);font-weight:400;line-height:1.3;transform:rotate(-2deg);
}
:is(.jf-skin-pop,.jf-skin-chrome) .c-widget__title.-side::before,:is(.jf-skin-pop,.jf-skin-chrome) .c-widget__title.-side::after,
:is(.jf-skin-pop,.jf-skin-chrome) .c-widget__title.-footer::before,:is(.jf-skin-pop,.jf-skin-chrome) .c-widget__title.-footer::after{content:none}
:is(.jf-skin-pop,.jf-skin-chrome) .l-sidebar .c-widget,:is(.jf-skin-pop,.jf-skin-chrome) .w-footer .c-widget{color:var(--pop-ink)}
/* フッターの画像のウィジェット（JASRAC の許諾マーク 240px）は、スマホで画面の半分以上になるので小さくする */
:is(.jf-skin-pop,.jf-skin-chrome) .w-footer .widget_media_image img{width:96px;height:auto}
@media (min-width:960px){:is(.jf-skin-pop,.jf-skin-chrome) .w-footer .widget_media_image img{width:120px}}

/* 検索の入力欄 */
:is(.jf-skin-pop,.jf-skin-chrome) .c-searchForm__s{background:var(--pop-white);color:var(--pop-ink);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-pill);padding-left:16px}
:is(.jf-skin-pop,.jf-skin-chrome) .c-searchForm__s::placeholder{color:var(--pop-ink-2);opacity:1}
/* SWELL は検索ボタンに .u-bg-main（background-color:var(--color_main)!important）を付けるので、色を上書きするには !important が要る */
:is(.jf-skin-pop,.jf-skin-chrome) .c-searchForm__submit{background-color:var(--pop-ink)!important;border-radius:0 var(--pop-pill) var(--pop-pill) 0}
:is(.jf-skin-pop,.jf-skin-chrome) .c-searchForm__submit::before{color:var(--pop-on-ink-2)}

/* 予定カレンダー（ウィジェット .jfw）。マスの中の文字サイズ・行間は変えない。薄い文字（当月でない日・場所）は 4.5:1 以上の色にする */
:is(.jf-skin-pop,.jf-skin-chrome) .jfw{--ink-3:var(--pop-ink-2)}
:is(.jf-skin-pop,.jf-skin-chrome) .jfw .mc.other .n{color:var(--pop-ink-3)}
:is(.jf-skin-pop,.jf-skin-chrome) .jfw .none{color:var(--pop-ink-2)}
:is(.jf-skin-pop,.jf-skin-chrome) .jfw .mini{background:var(--pop-white);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-m);box-shadow:var(--pop-shadow-s)}
:is(.jf-skin-pop,.jf-skin-chrome) .jfw .mlist{background:var(--pop-white);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius-s)}
:is(.jf-skin-pop,.jf-skin-chrome) .jfw .jfw-all a{color:var(--pop-ink);font-weight:700}

/* ---------------- フッター ---------------- */
:is(.jf-skin-pop,.jf-skin-chrome) .l-footer{background-color:var(--pop-lime);color:var(--pop-ink);border-top:var(--pop-line) solid var(--pop-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .l-footer__foot{background:var(--pop-ink);color:var(--pop-on-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .l-footer__nav a{font-weight:700}
:is(.jf-skin-pop,.jf-skin-chrome) .l-footer__nav li{border-color:currentColor}
:is(.jf-skin-pop,.jf-skin-chrome) .l-footer .copyright{color:var(--pop-on-ink)}
:is(.jf-skin-pop,.jf-skin-chrome) .l-footer .copyright a{color:var(--pop-on-ink-2)}

/* ---------------- /schedule/（.jfs）。カードの枠・影・見出し・「あと N 日」の札を TOP と同じに ---------------- */
.jf-skin-pop .jfs .hero{background:var(--pop-lime);color:var(--pop-ink);border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow)}
.jf-skin-pop .jfs .hero .blur{display:none}
.jf-skin-pop .jfs .hero .ttl{font-family:var(--pop-display);font-weight:400;letter-spacing:0;line-height:1.15;color:var(--pop-ink)}
/* 薄い文字（件数・英字のラベル・場所）は 4.5:1 以上の色に（暗い配色を明示した時は変えない） */
.jf-skin-pop .jfs:not([data-theme="dark"]),.jf-skin-pop .jf-sheet:not(.jfs-dark){--ink-2:var(--pop-ink-2);--ink-3:var(--pop-ink-2);--sat:var(--pop-sat);--sun:var(--pop-sun)}
.jf-skin-pop .jfs .tab .e,.jf-skin-pop .jfs .og-chip small{opacity:1}
.jf-skin-pop .jfs .tab[aria-selected="true"]{background:var(--pop-ink);color:var(--pop-on-ink-2)}
.jf-skin-pop .jfs .tabs{border:var(--pop-line) solid var(--pop-ink)}
.jf-skin-pop .jfs .month,.jf-skin-pop .jfs .week,.jf-skin-pop .jfs .ongo,.jf-skin-pop .jfs .mday,.jf-skin-pop .jfs .list .group{
  border:var(--pop-line) solid var(--pop-ink);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);
}
.jf-skin-pop .jfs .nav .arrow{border:var(--pop-line-s) solid var(--pop-ink)}
/* 024: 絞り込みのボタン・すべて表示に戻すボタン（タブと同じ太い枠） */
.jf-skin-pop .jfs .filterbtn{border:var(--pop-line) solid var(--pop-ink);background:var(--pop-white);color:var(--pop-ink)}
.jf-skin-pop .jfs .filterbtn[aria-expanded="true"]{background:var(--pop-lime)}
.jf-skin-pop .jfs .filterbtn.is-on{background:var(--pop-ink);color:var(--pop-on-ink-2);border-color:var(--pop-ink)}
.jf-skin-pop .jfs .filterreset{border:var(--pop-line-s) dashed var(--pop-ink);background:var(--pop-white);color:var(--pop-ink)}
/* 「あと N 日」の札 */
.jf-skin-pop .jfs .due,.jf-skin-pop .jfw .due,.jf-skin-pop .jf-sheet .due{border:var(--pop-line-s) solid var(--pop-ink);background:var(--pop-white);color:var(--pop-ink);font-family:var(--pop-display);font-weight:400}
.jf-skin-pop .jfs .due.hot,.jf-skin-pop .jfw .due.hot,.jf-skin-pop .jf-sheet .due.hot{background:var(--pop-hot);color:var(--pop-ink)}
.jf-skin-pop .jfs .due.tbd,.jf-skin-pop .jfw .due.tbd,.jf-skin-pop .jf-sheet .due.tbd{border-style:dashed;background:transparent;font-family:inherit;font-weight:700}

/* ---------------- 動きを減らす ---------------- */
@media (prefers-reduced-motion:reduce){
  .jf-skin-chrome .c-gnav > .menu-item > a::after{transition:none!important;animation:none!important}
  .jf-skin-pop .c-bannerLink__img,.jf-skin-pop .c-postThumb__img,.jf-skin-pop .p-blogCard,.jf-skin-pop [class*=page-numbers],.jf-skin-pop .c-gnav > .menu-item > a::after,.jf-skin-pop [class*=is-style-btn_] a{transition:none!important;animation:none!important}
  .jf-skin-pop .p-postList__link:hover .c-postThumb__img,.jf-skin-pop a.c-bannerLink:hover .c-bannerLink__img{transform:none}
}