@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 2.0.0
Author: opencage
Author URI: https://open-cage.com/
*/

/* ============================================================
   今日どこいく？ 2026年リニューアル
   my-best.com のつくりに合わせた見た目
   決まり: 細い線を使わない / 面と余白で区切る / ほぼモノクロ＋1色
   ============================================================ */

:root{
  --k-ink:#313131;
  --k-strong:#111111;
  --k-muted:#666666;
  --k-weak:#8A8A8A;
  --k-surf:#F7F7F7;
  --k-surf2:#FCFCFC;
  --k-ground:#FFFFFF;
  --k-ac:#0B63CE;
  --k-ac-soft:#DEEAFA;
  --k-ac-deep:#08479A;
  --k-sys:-apple-system,system-ui,Roboto,"Segoe UI","BIZ UDPGothic",arial,helvetica,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
  --k-pad:16px;
}

/* ---------- 土台 ---------- */
html{ font-size:100%; }
body,
body.stork19,
body #container{
  font-family:var(--k-sys);
  color:var(--k-ink);
  background:var(--k-ground);
  font-size:15px;
  line-height:1.85;
  letter-spacing:.005em;
}
body a{ color:var(--k-ink); }
body a:hover{ color:var(--k-ac); }
#content, #inner-content{ background:var(--k-ground); }
#inner-content{ padding-left:0; padding-right:0; padding-top:0; }

/* 親テーマの飾りを止める */
.fadeIn, .fadeInDown{ animation:none !important; opacity:1 !important; }

/* ---------- 細い線と囲みを全部やめる ---------- */
#container .entry-content .supplement,
#container .entry-content .boader,
#container .entry-content blockquote,
#container .entry-content table,
#container .entry-content th,
#container .entry-content td,
#container .widget,
#container .np-post-list,
#container #related-box,
#container .sharewrap,
#container .breadcrumb,
#container .post-list,
#container .archives-list,
#container .byline{
  border:0 !important;
  box-shadow:none !important;
}
#container .entry-content hr{ display:none; }

/* ---------- ヘッダー ---------- */
#header.stk_header{
  background:var(--k-ground) !important;
  color:var(--k-ink);
  background-image:none !important;
}
#header .inner-header.wrap{
  padding:10px var(--k-pad);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  max-width:1180px;
  margin:0 auto;
}
#header .site__logo{ margin:0; }
#header .site__logo,
#header .site__logo a,
#header .site__logo .site-name,
#header .site__logo h1,
#header .site__logo p{
  color:var(--k-strong) !important;
  font-family:var(--k-sys) !important;
  font-size:19px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.01em;
  text-shadow:none;
}
#header .site__logo img{ max-height:34px; width:auto; }
#header .site_description{ display:none; }
#header .site__logo__title{ margin:0; font-size:19px; line-height:1.25; }
#header .site__logo__title a{ text-decoration:none; }

/* 収益記事へのお知らせ帯。グラデーションをやめて面1色にする */
.header-info{ padding:0; margin:0; }
.header-info__link{
  display:block;
  background:var(--k-ac) !important;
  background-image:none !important;
  color:#fff !important;
  text-align:center;
  padding:11px 16px;
  font-size:13.5px;
  font-weight:700;
  line-height:1.5;
  text-decoration:none;
}
.header-info__link:hover{ background:var(--k-ac-deep) !important; color:#fff !important; }

/* トップのスライダーはヒーローに置き換えたので出さない */
#top_carousel{ display:none !important; }
#header .stk_g_nav a{
  color:var(--k-ink) !important;
  font-size:14px;
  font-weight:700;
}
#header .stk_g_nav a:hover{ color:var(--k-ac) !important; }
/* スマホの開閉ボタン */
#header .nav_btn, #header .menu_btn, #header .stk_header .btn__menu{ color:var(--k-ink) !important; }

/* パンくず */
#breadcrumb.breadcrumb{
  background:var(--k-ground);
  padding:10px var(--k-pad) 6px;
  font-size:12px;
  color:var(--k-muted);
}
#breadcrumb.breadcrumb .wrap{ padding:0; max-width:1180px; }
#breadcrumb a{ color:var(--k-muted); }
#breadcrumb li{ font-size:12px; }

/* ---------- 一覧を横長の行にする ---------- */
#main .archives-list.card-list{
  display:block !important;
  margin:0 !important;
}
#main .archives-list.card-list.card-column2-sp{ display:block !important; }
#main article.post-list{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:var(--k-ground);
}
#main article.post-list:nth-child(even){ background:var(--k-surf2); }
#main .post-list__link{
  display:flex !important;
  gap:12px;
  align-items:center;
  padding:13px var(--k-pad);
  text-decoration:none;
}
#main article.post-list .eyecatch{
  width:110px;
  flex:0 0 110px;
  height:82px;
  margin:0 !important;
  overflow:hidden;
  position:relative;
}
#main article.post-list .eyecatch img{
  width:100%; height:100%; object-fit:cover; display:block; margin:0;
}
#main .archives-list-entry-content{
  flex:1 1 auto;
  min-width:0;
  padding:0 !important;
  margin:0 !important;
}
#main .archives-list-entry-content h1.entry-title,
#main .archives-list-entry-content h2.entry-title{
  font-size:15.5px !important;
  font-weight:700;
  line-height:1.5;
  color:var(--k-strong);
  margin:0 0 5px;
  letter-spacing:0;
}
#main .archives-list-entry-content .byline{
  font-size:12.5px !important;
  color:var(--k-muted);
  margin:0;
}
#main .archives-list-entry-content .byline time{ font-size:12.5px !important; color:var(--k-muted); }
/* サムネに重なるカテゴリの札はタグに作り替える */
#main article.post-list .osusume-label{
  position:static !important;
  display:inline-block;
  background:var(--k-ac-soft) !important;
  color:var(--k-ac-deep) !important;
  font-size:11.5px !important;
  font-weight:700;
  padding:3px 8px !important;
  border-radius:0 !important;
  line-height:1.5;
}
#main article.post-list .eyecatch .osusume-label{
  position:absolute !important;
  left:0; top:0;
  background:rgba(17,17,17,.72) !important;
  color:#fff !important;
}

/* ページ送り */
#main .pagination{ padding:22px var(--k-pad); }
#main .pagination a, #main .pagination span{
  background:var(--k-surf); color:var(--k-ink); border:0; border-radius:0;
  font-size:14px; font-weight:700; padding:10px 15px;
}
#main .pagination .current{ background:var(--k-ac); color:#fff; }

/* ---------- 記事ページ ---------- */
#main article.post .article-header{ padding:0 var(--k-pad); }
#main h1.entry-title.post-title{
  font-size:26px !important;
  font-weight:700;
  line-height:1.44;
  color:var(--k-strong);
  letter-spacing:.005em;
  margin:14px 0 0;
}
#main .article-header .byline{
  font-size:12.5px !important;
  color:var(--k-muted);
  margin-top:10px;
}
#main .article-header .byline time{ font-size:12.5px !important; color:var(--k-muted); }
#main figure.eyecatch.stk_post_main_thum{ margin:16px 0 0; }
#main figure.eyecatch.stk_post_main_thum img{ width:100%; height:auto; display:block; }

#main .entry-content{ padding:0 var(--k-pad); font-size:15px; line-height:1.9; }
#main .entry-content p{ font-size:15px !important; line-height:1.9 !important; margin:0 0 1.35em; }
#main .entry-content strong{ font-weight:700; color:var(--k-strong); }

/* 見出しは飾りをやめて太字だけにする（my-bestと同じ） */
#main .entry-content h2,
#main .entry-content h2.wp-block-heading{
  background:none !important;
  background-image:none !important;
  color:var(--k-strong) !important;
  font-size:22px !important;
  font-weight:700;
  line-height:1.45;
  padding:0 !important;
  margin:38px 0 2px !important;
  border:0 !important;
  border-radius:0 !important;
}
#main .entry-content h2::before, #main .entry-content h2::after{ display:none !important; }
#main .entry-content h3,
#main .entry-content h3.wp-block-heading{
  background:none !important;
  color:var(--k-strong) !important;
  font-size:18.5px !important;
  font-weight:700;
  line-height:1.5;
  padding:0 !important;
  margin:28px 0 2px !important;
  border:0 !important;
  border-radius:0 !important;
}
#main .entry-content h3::before, #main .entry-content h3::after{ display:none !important; }
#main .entry-content h4{
  background:none !important; border:0 !important; padding:0 !important;
  font-size:16.5px !important; font-weight:700; color:var(--k-strong);
  margin:22px 0 2px !important;
}

/* 箱物は面だけで出す */
#main .entry-content .supplement,
#main .entry-content .boader,
#main .entry-content blockquote{
  background:var(--k-surf) !important;
  padding:15px 16px !important;
  margin:20px 0 !important;
  border-radius:0 !important;
  font-size:14.5px;
  line-height:1.8;
}
#main .entry-content .voice{ margin:22px 0; }
#main .entry-content .voicecomment{
  background:var(--k-surf) !important;
  border:0 !important;
  border-radius:0 !important;
  padding:14px 16px !important;
  font-size:14.5px;
}
#main .entry-content .voicecomment::before,
#main .entry-content .voicecomment::after{ display:none !important; }

/* 表 */
#main .entry-content table{ width:100%; border-collapse:collapse; font-size:14px; margin:20px 0; }
#main .entry-content table th{ background:var(--k-strong); color:#fff; font-weight:700; padding:11px 13px; text-align:left; }
#main .entry-content table td{ padding:11px 13px; }
#main .entry-content table tbody tr:nth-child(even){ background:var(--k-surf2); }
#main .entry-content table tbody tr:nth-child(odd){ background:var(--k-ground); }
#main .entry-content .tablepress-wrap{ overflow-x:auto; }

/* リンクとマーカー */
#main .entry-content a{ color:var(--k-ac); text-decoration:underline; text-underline-offset:2px; }
#main .entry-content .marker, #main .entry-content .k-mk{
  background:var(--k-ac-soft); font-weight:700; padding:0 2px;
}
#main .entry-content ul li, #main .entry-content ol li{ margin-bottom:.5em; }
#main .entry-content ul{ list-style:disc; padding-left:1.4em; }
#main .entry-content ol{ list-style:decimal; padding-left:1.5em; }
#main .entry-content img{ max-width:100%; height:auto; }

/* ---------- 目次 ---------- */
#rtoc-mokuji-wrapper.rtoc-mokuji-content{
  background:var(--k-surf) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin:24px 0 !important;
  padding:18px 16px 10px !important;
  max-width:none !important;
  width:auto !important;
}
#rtoc-mokuji-wrapper::before, #rtoc-mokuji-wrapper::after{ display:none !important; }
#rtoc-mokuji-title{
  font-family:var(--k-sys) !important;
  font-size:19px !important;
  font-weight:700 !important;
  color:var(--k-strong) !important;
  padding:0 0 8px !important;
  margin:0 !important;
  text-align:left !important;
  background:none !important;
  border:0 !important;
}
#rtoc-mokuji-wrapper ol, #rtoc-mokuji-wrapper ul{
  padding:0 !important; margin:0 !important; list-style:none !important;
}
#rtoc-mokuji-wrapper li{
  border:0 !important;
  padding:10px 16px !important;
  margin:0 -16px !important;
  font-size:14.5px !important;
  line-height:1.6 !important;
  background:none;
}
#rtoc-mokuji-wrapper li:nth-child(odd){ background:var(--k-ground); }
#rtoc-mokuji-wrapper li::before, #rtoc-mokuji-wrapper li::after{ display:none !important; }
#rtoc-mokuji-wrapper a{
  color:var(--k-ink) !important;
  text-decoration:none !important;
  font-weight:400;
}
#rtoc-mokuji-wrapper .rtoc_open_close, #rtoc-mokuji-wrapper .rtoc-open-close{
  background:none !important; border:0 !important; color:var(--k-muted) !important; font-weight:700;
}

/* ---------- 記事下 ---------- */
#single_foot{ padding:0 var(--k-pad); }
#single_foot .sharewrap{ margin:26px 0; }
#np-post{ margin:26px 0; }
#np-post .np-post-list{ background:var(--k-surf2); padding:12px; margin:0 0 2px; }
#np-post .np-post-list:nth-child(even){ background:var(--k-ground); }
#related-box.original-related{ margin:30px 0; }
#related-box .related-h{
  background:none !important; color:var(--k-strong) !important;
  font-size:21px !important; font-weight:700; padding:0 !important; border:0 !important;
  font-family:var(--k-sys) !important; margin-bottom:10px !important;
}
#related-box .related-list li, #related-box article{ background:var(--k-ground); }
#related-box .related-list li:nth-child(even), #related-box article:nth-child(even){ background:var(--k-surf2); }

/* ---------- サイドバー ---------- */
#sidebar1.sidebar .widget{
  background:var(--k-ground);
  margin:0 0 22px;
  padding:0 var(--k-pad);
}
#sidebar1.sidebar .widget .widgettitle,
#sidebar1.sidebar .widget h4{
  background:none !important; color:var(--k-strong) !important;
  font-size:18px !important; font-weight:700; padding:0 0 8px !important;
  border:0 !important; border-radius:0 !important; font-family:var(--k-sys) !important;
}
#sidebar1.sidebar .widget li{ padding:9px 0; }

/* ---------- フッター ---------- */
#footer{ background:var(--k-strong) !important; color:#B9B9B9 !important; }
#footer a{ color:#E4E4E4 !important; }
#footer .widgettitle, #footer h4{ background:none !important; color:#fff !important; border:0 !important; }

/* ---------- 追加する部品（functions.phpが出す） ---------- */
.k-hero{ position:relative; }
.k-hero__img{ display:block; width:100%; height:260px; object-fit:cover; }
.k-hero__tx{
  position:absolute; left:0; right:0; bottom:0; padding:24px var(--k-pad) 26px; color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.28) 62%,rgba(0,0,0,0));
}
.k-hero__tx h2{ font-size:24px; font-weight:700; line-height:1.42; margin:0; color:#fff; text-wrap:balance; }
.k-hero__tx p{ font-size:13.5px; margin:8px 0 0; line-height:1.7; color:#EDEDED; }

.k-search{ margin:-24px var(--k-pad) 0; position:relative; z-index:2; }
.k-search form{
  background:var(--k-ground); border-radius:26px; padding:12px 16px;
  display:flex; align-items:center; gap:10px;
}
.k-search input[type="search"], .k-search input[type="text"]{
  border:0; background:none; font-size:16px; font-family:var(--k-sys);
  color:var(--k-ink); width:100%; padding:2px 0; outline:none;
}
.k-search input::placeholder{ color:var(--k-weak); }
.k-search button{ border:0; background:none; padding:0; cursor:pointer; color:var(--k-ac); font-weight:700; font-size:14px; }
.k-search svg{ flex:0 0 19px; color:var(--k-weak); }

.k-cats{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; padding:22px 12px 6px; }
.k-cats a{ text-align:center; padding:14px 6px 15px; background:var(--k-ground); text-decoration:none; }
.k-cats svg{ display:block; margin:0 auto 8px; color:var(--k-ac); }
.k-cats b{ display:block; font-size:13px; font-weight:700; line-height:1.4; color:var(--k-strong); }
.k-cats span{ display:block; font-size:11.5px; color:var(--k-muted); margin-top:3px; }
.k-catall{ display:block; margin:8px var(--k-pad) 0; background:var(--k-surf); text-align:center; padding:13px; font-size:14px; font-weight:700; text-decoration:none; }

.k-sec{ padding:30px var(--k-pad) 4px; font-size:21px; font-weight:700; line-height:1.4; color:var(--k-strong); margin:0; }
.k-secsub{ padding:0 var(--k-pad) 12px; font-size:13px; color:var(--k-muted); line-height:1.7; margin:0; }

.k-tbl{ margin-top:4px; }
.k-tbl__hd{ display:flex; background:var(--k-surf); padding:9px var(--k-pad); font-size:11.5px; font-weight:700; color:var(--k-muted); }
.k-tbl__hd span:first-child{ flex:1; text-align:left; }
.k-tbl__hd span{ width:76px; flex:0 0 76px; text-align:center; }
.k-tbl__r{ display:flex; padding:12px var(--k-pad); align-items:center; font-size:15px; text-decoration:none; }
.k-tbl__r:nth-child(even){ background:var(--k-surf2); }
.k-tbl__r > span:first-child{ flex:1; font-weight:700; color:var(--k-strong); }
.k-tbl__r b{ width:76px; flex:0 0 76px; text-align:center; font-size:12.5px; font-weight:700; }
.k-yes{ background:var(--k-ac); color:#fff; padding:5px 0; display:block; }
.k-no{ background:#8A8A8A; color:#fff; padding:5px 0; display:block; }
.k-cond{ background:var(--k-surf); color:var(--k-ink); padding:5px 0; display:block; }
.k-more{ display:block; margin:14px var(--k-pad) 0; background:var(--k-surf); text-align:center; padding:13px; font-size:14px; font-weight:700; text-decoration:none; }

/* ---------- PC ---------- */
@media only screen and (min-width:960px){
  :root{ --k-pad:0px; }
  body{ font-size:16px; }
  #header .inner-header.wrap{ padding:14px 24px; }
  #header .site__logo, #header .site__logo a{ font-size:23px; }
  #inner-content.wrap{ max-width:1180px; margin:0 auto; padding:0 24px; display:flex; gap:36px; align-items:flex-start; }
  #main{ flex:1 1 auto; min-width:0; max-width:780px; }
  #sidebar1.sidebar{ width:300px; flex:0 0 300px; }
  #main .post-list__link{ padding:16px 0; }
  #main article.post-list .eyecatch{ width:150px; flex:0 0 150px; height:112px; }
  #main .archives-list-entry-content h1.entry-title,
  #main .archives-list-entry-content h2.entry-title{ font-size:19px !important; }
  #main h1.entry-title.post-title{ font-size:34px !important; }
  #main .entry-content{ font-size:16px; }
  #main .entry-content p{ font-size:16px !important; }
  #main .entry-content h2{ font-size:27px !important; }
  #main .entry-content h3{ font-size:21px !important; }
  #main article.post{ padding:0; }
  #main article.post .article-header{ padding:0; }
  #single_foot{ padding:0; }
  .k-hero__img{ height:400px; }
  .k-hero__tx{ padding:60px 40px 44px; }
  .k-hero__tx h2{ font-size:40px; }
  .k-cats{ grid-template-columns:repeat(6,1fr); padding:28px 0 10px; }
  .k-sec{ padding:36px 0 4px; font-size:26px; }
  .k-secsub{ padding:0 0 14px; font-size:15px; }
  .k-search{ margin:-26px 0 0; }
  .k-tbl__hd, .k-tbl__r{ padding-left:0; padding-right:0; }
  .k-catall, .k-more{ margin-left:0; margin-right:0; }
  #breadcrumb.breadcrumb .wrap{ padding:0 24px; }
}
@media only screen and (max-width:959px){
  #inner-content.wrap{ padding:0; }
  #sidebar1.sidebar{ padding:24px 0 0; }
}

/* ============================================================
   追記：Font Awesome を外したあとの後始末と細かい直し
   ============================================================ */

/* アイコン用の文字が豆腐にならないよう、意味の無いものは消す */
.bc_homelink .breadcrumb__link::before,
.time__date::before,
#main .entry-content a[target="_blank"]::after,
#main .entry-content ul li::before,
.article-footer .post-categories a::before,
#comments-title::before,
.comment-reply-link::before,
.sharewrap__title::before,
#main .entry-content .supplement::before,
#main .entry-content [class*="is-style-supplement-"]::before,
.tag-cloud-link::before,
.wp-block-tag-cloud a::before,
#main .entry-content blockquote:not([class*="-embed"]):not(.is-style-large)::before,
#main .entry-content blockquote:not([class*="-embed"]):not(.is-style-large)::after,
.np-post-list.prev a::before,
.np-post-list.next a::after{
	content:none !important;
	display:none !important;
}

/* 意味のある矢印だけ、ふつうの文字で出す */
.menu-item a::after,
.widget_pages .page_item a::after,
.widget_archive li a::after,
.widget_mycategoryorder li a::after,
.widget_nav_menu .sub-menu a::before,
.widget_pages .children a::before,
.widget_categories .children a::before,
.cat_postlist .wp-block-button.arrow a::before,
.footer-links a::before{
	font-family:var(--k-sys) !important;
	content:"\203A" !important;
	color:var(--k-weak) !important;
	font-weight:400;
}
.accordion label::after, .oc-faq label::after{
	font-family:var(--k-sys) !important;
	content:"\2228" !important;
	color:var(--k-muted) !important;
}
#page-top .pt-button::before{
	font-family:var(--k-sys) !important;
	content:"\2191" !important;
}
#page-top .pt-button{
	background:var(--k-strong) !important;
	color:#fff !important;
	border-radius:0 !important;
	box-shadow:none !important;
}

/* 箇条書きの印は黒丸 */
#main .entry-content ul{ list-style:disc !important; padding-left:1.45em !important; }
#main .entry-content ul li{ list-style:disc !important; padding-left:0 !important; }
#main .entry-content ol{ list-style:decimal !important; padding-left:1.55em !important; }

/* ヘッダーはロゴを左に置く */
#header .inner-header.wrap{ justify-content:flex-start; position:relative; }
#header .site__logo{
	order:1;
	margin-right:auto;
	justify-content:flex-start !important;
	align-items:flex-start !important;
	padding:0 !important;
	position:static !important;
	transform:none !important;
	left:auto !important;
	text-align:left;
	width:auto;
	max-width:none;
}
#header .stk_g_nav{ order:2; }
#header .nav_btn.search_btn{ order:3; position:static !important; }
#header .nav_btn.menu_btn{ order:4; position:static !important; }
#header .nav_btn{
	color:var(--k-ink) !important;
	width:auto;
	padding:0 4px;
	height:auto;
}
#header .nav_btn .text{ font-size:9.5px; color:var(--k-muted) !important; }
#header .nav_btn svg{ fill:var(--k-ink) !important; }

/* 記事のカテゴリ札。黄色をやめて差し色の薄い面にする */
#main .cat-name,
#main .article-header .cat-name,
#main .post-categories a,
#main .catname{
	background:var(--k-ac-soft) !important;
	color:var(--k-ac-deep) !important;
	font-size:11.5px !important;
	font-weight:700;
	padding:3px 9px !important;
	border-radius:0 !important;
	border:0 !important;
}

/* シェアボタンは色を使わない。記事の上と下の2か所にある */
.sns_btn__li,
.sns_btn__li.twitter,
.sns_btn__li.facebook,
.sns_btn__li.hatebu,
.sns_btn__li.line,
.sns_btn__li.pocket,
.sns_btn__li.pinterest,
.sns_btn__li.feedly,
.sns_btn__li.copy{
	background:var(--k-surf) !important;
	background-image:none !important;
}
.sns_btn__li .sns_btn__link,
.sns_btn__li.twitter .sns_btn__link,
.sns_btn__li.facebook .sns_btn__link,
.sns_btn__li.hatebu .sns_btn__link,
.sns_btn__li.line .sns_btn__link,
.sns_btn__li.pocket .sns_btn__link,
.sns_btn__li.pinterest .sns_btn__link,
.sns_btn__li.feedly .sns_btn__link,
.sns_btn__li.copy .sns_btn__link{
	background:var(--k-surf) !important;
	background-image:none !important;
	color:var(--k-muted) !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	text-shadow:none !important;
}
.sns_btn__li .sns_btn__link:hover{ background:#EDEDED !important; }
.sns_btn__link .stk_sns__svgicon,
.stk_sns__svgicon{ fill:var(--k-muted) !important; color:var(--k-muted) !important; }
.sns_btn__text{ color:var(--k-muted) !important; }
.sns_btn__ul{ display:flex; gap:2px; padding:0; margin:20px 0; list-style:none; }
.sns_btn__li{ flex:1 1 0; margin:0 !important; }

/* ヒーローの文字が検索窓に隠れないようにする */
.k-hero__tx{ padding-bottom:46px; }
.k-search button{ white-space:nowrap; }
.k-search form{ box-shadow:0 0 0 1px rgba(0,0,0,.04); }

/* 記事タイトルの行間 */
#main h1.entry-title.post-title{ line-height:1.4; }

/* webp を先に出すための picture 要素 */
.k-hero picture{ display:block; }
.k-hero picture img{ display:block; width:100%; height:260px; object-fit:cover; }
#main .entry-content picture{ display:block; }
#main .entry-content picture img{ max-width:100%; height:auto; }
#main article.post-list .eyecatch picture{ display:block; width:100%; height:100%; }
#main article.post-list .eyecatch picture img{ width:100%; height:100%; object-fit:cover; }
#main figure.eyecatch.stk_post_main_thum picture img{ width:100%; height:auto; }
@media only screen and (min-width:960px){
  .k-hero picture img{ height:400px; }
}

/* 一覧ページの見出し。英字の小ラベルと青い下線をやめる */
#main .archive-title,
#main .archive-title.ttl-category,
#main .archive-title.ttl-tags{
	border:0 !important;
	background:none !important;
	font-size:26px !important;
	font-weight:700;
	color:var(--k-strong);
	line-height:1.4;
	margin:16px 0 14px !important;
	padding:0 var(--k-pad) !important;
}
#main .archive-title::before,
#main .archive-title::after,
#main .archive-title span{
	content:none !important;
	display:none !important;
}
/* 一覧はどの型でも1列の横長にする */
#main .archives-list,
#main .archives-list.simple-list,
#main .archives-list.card-list{ display:block !important; margin:0 !important; }

/* ============================================================
   記事上部の日付に「公開」「更新」の見出しを付ける（2026-09-09 追加）
   前は数字が2つ並ぶだけで、どちらが公開でどちらが更新か分からなかった。
   AIは「いつの情報か」が読み取れないと引用しない。
   ============================================================ */
#main .article-header .byline .k-date-label{
  font-weight:700;
  color:var(--k-weak);
  margin-right:2px;
}

/* ============================================================
   第2弾 2026-09-09：my-best.com へさらに寄せる
   実測して合わせた値（my-best.com/175 を1440pxと390pxで計測）
     本文 14px / 行間22.68px(1.62)   文字色 #313131
     h1 PC30px SP20px / 行間1.25 / 字間1.2px
     h2 PC24px SP20px / 行間1.25    h3 PC20px SP17px
     本文カラム幅 700px            角丸 4px        影 なし
     マーカー linear-gradient(transparent 60%, rgba(255,218,176,.6) 60%)
   決まりは変えない：細い線は使わず面と余白で区切る／ダークモードのCSSは入れない
   ============================================================ */

:root{
  --k-ink:#313131;
  --k-muted:#666666;
  --k-weak:#999999;
  --k-line:#EFEFEF;
  --k-r:4px;
  --k-mkbg:rgba(255,218,176,.6);
}

/* ---------- 文字の大きさと行間をmy-bestに合わせる ---------- */
body, body.stork19, body #container{ font-size:14px; line-height:1.62; letter-spacing:0; }

#main .entry-content{ font-size:14px; line-height:1.62; }
#main .entry-content p{ font-size:14px !important; line-height:1.62 !important; margin:0 0 1.15em; }
#main .entry-content li{ font-size:14px; line-height:1.62; }
#main .entry-content ul li, #main .entry-content ol li{ margin-bottom:.35em; }

#main h1.entry-title.post-title{
  font-size:20px !important; line-height:1.25 !important;
  letter-spacing:.04em; margin:12px 0 0;
}
#main .entry-content h2, #main .entry-content h2.wp-block-heading{
  font-size:20px !important; line-height:1.25; margin:34px 0 10px !important;
  color:var(--k-ink) !important;
}
#main .entry-content h3, #main .entry-content h3.wp-block-heading{
  font-size:17px !important; line-height:1.3; margin:26px 0 8px !important;
  color:var(--k-ink) !important;
}
#main .entry-content h4{ font-size:15px !important; margin:20px 0 6px !important; color:var(--k-ink); }
#main .entry-content strong{ color:var(--k-ink); }

/* 一覧・部品の文字も同じ密度にそろえる */
#main .archives-list-entry-content h1.entry-title,
#main .archives-list-entry-content h2.entry-title{ font-size:14px !important; line-height:1.45; }
#main .archives-list-entry-content .byline,
#main .archives-list-entry-content .byline time{ font-size:11.5px !important; color:var(--k-weak); }
#main .article-header .byline, #main .article-header .byline time{ font-size:11.5px !important; color:var(--k-weak); }
#breadcrumb.breadcrumb, #breadcrumb li, #breadcrumb a{ font-size:11.5px; color:var(--k-weak); }

/* ---------- 角丸4pxにそろえ、影は全部消す ---------- */
#container .k-cats a, #container .k-catall, #container .k-more,
#container .k-tbl, #container .pagination a, #container .pagination span,
#container .sns_btn__li, #container .sns_btn__li .sns_btn__link,
#container #np-post .np-post-list, #container .k-search form{
  border-radius:var(--k-r) !important;
}
#container *, #container *::before, #container *::after{ box-shadow:none !important; }
#container .k-search form{ box-shadow:0 0 0 1px rgba(0,0,0,.05) !important; }

/* ---------- 本文の強調はマーカーと太字だけ（my-bestと同じ） ---------- */
#main .entry-content .k-mk,
#main .entry-content .marker,
#main .entry-content .marker-under,
#main .entry-content mark{
  background:none !important;
  background-image:linear-gradient(transparent 60%, var(--k-mkbg) 60%) !important;
  color:var(--k-ink) !important;
  font-weight:700;
  padding:0 2px 2px !important;
  border-radius:0 !important;
}

/* ---------- ヒーローを画面いっぱいにする ----------
   置き場所は #content の直下（本文カラムの外）。functions.php の k_ob_filter が入れる。
   前は #main の中にあって、右のサイドバーと上端がぶつかっていた */
.k-hero{ position:relative; width:100%; margin:0; }
.k-hero picture{ display:block; width:100%; height:400px; }
.k-hero picture img, .k-hero__img{ width:100%; height:400px; object-fit:cover; display:block; }
.k-hero__tx{
  position:absolute; left:0; right:0; top:0; bottom:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:0 20px 56px;
  background:linear-gradient(to bottom,rgba(0,0,0,.44),rgba(0,0,0,.30) 42%,rgba(0,0,0,.52));
}
.k-hero__tx h2{ font-size:30px; line-height:1.3; letter-spacing:.03em; text-wrap:balance; }
.k-hero__tx p{ font-size:13px; margin:10px 0 0; color:#FFFFFF; font-weight:700; }

/* 検索窓はヒーローの下端に重ねる */
.k-search{ margin:-28px var(--k-pad) 0; position:relative; z-index:3; }
.k-search form{ border-radius:9999px !important; padding:13px 20px; }
/* ヒーローの下は一覧の手前まで余白を空ける */
#inner-content.wrap{ padding-top:14px; }

/* ---------- 見出しの右に置くページ内リンクの印 ---------- */
#main .entry-content h2 .k-anchor, #main .entry-content h3 .k-anchor{
  display:inline-block; margin-left:7px; font-size:13px; font-weight:400;
  color:var(--k-weak); text-decoration:none; vertical-align:middle;
}
#main .entry-content h2 .k-anchor:hover, #main .entry-content h3 .k-anchor:hover{ color:var(--k-ac); }

/* ---------- 番号つきの小見出し ---------- */
#main .entry-content h3.k-step{
  display:flex; align-items:center; gap:9px; margin-top:30px !important;
}
#main .entry-content h3.k-step::before{
  content:attr(data-n);
  flex:0 0 26px; width:26px; height:26px; border-radius:var(--k-r);
  background:var(--k-ac-soft); color:var(--k-ac-deep);
  font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center;
}

/* ---------- この記事で確かめたこと（my-bestの「検証のポイント」にあたる） ---------- */
.k-verify{ background:var(--k-surf); padding:18px 16px 16px; margin:22px 0; border-radius:var(--k-r); }
.k-verify__h{ font-size:17px; font-weight:700; color:var(--k-ink); margin:0 0 4px; line-height:1.3; }
.k-verify__lead{ font-size:13px; color:var(--k-ink); margin:0 0 14px; line-height:1.6; }
.k-verify ol{ list-style:none !important; padding:0 !important; margin:0 !important; }
.k-verify li{ display:flex; gap:11px; padding:9px 0; align-items:flex-start; font-size:13px; line-height:1.6; }
.k-verify li b{
  flex:0 0 22px; width:22px; height:22px; border-radius:var(--k-r); margin-top:1px;
  background:var(--k-ground); color:var(--k-ac-deep);
  font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center;
}
.k-verify li span{ flex:1 1 auto; min-width:0; }
.k-verify li em{ display:block; font-style:normal; font-weight:700; color:var(--k-ink); margin-bottom:2px; }
.k-verify li i{ display:block; font-style:normal; color:var(--k-muted); font-size:12.5px; }
.k-verify__foot{ font-size:12px; color:var(--k-muted); margin:12px 0 0; text-align:center; }

/* ---------- 編集部のひとこと ---------- */
.k-say{ margin:22px 0; }
.k-say__who{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.k-say__who img{ width:38px; height:38px; border-radius:50%; object-fit:cover; flex:0 0 38px; }
.k-say__who b{ display:block; font-size:14px; font-weight:700; color:var(--k-ink); line-height:1.35; }
.k-say__who span{ display:block; font-size:11.5px; color:var(--k-muted); line-height:1.35; }
.k-say__body{ background:var(--k-surf); padding:15px 16px; border-radius:var(--k-r); font-size:13.5px; line-height:1.75; }
.k-say__body p:last-child{ margin-bottom:0 !important; }

/* ---------- 記事の中に置く内部リンクのカード ---------- */
#main .entry-content a.k-link{
  display:flex; align-items:center; gap:12px; padding:10px 12px; margin:16px 0;
  background:var(--k-surf); border-radius:var(--k-r); text-decoration:none !important;
}
#main .entry-content a.k-link img{ width:58px; height:44px; object-fit:cover; flex:0 0 58px; border-radius:2px; }
#main .entry-content a.k-link span{ flex:1 1 auto; min-width:0; font-size:13.5px; font-weight:700; color:var(--k-ink); line-height:1.5; }
#main .entry-content a.k-link::after{ content:"\203A"; color:var(--k-weak); font-size:17px; flex:0 0 auto; }

/* ---------- 記事の上に出す章のジャンプ ---------- */
.k-jump{ display:flex; gap:6px; overflow-x:auto; padding:10px var(--k-pad); margin:0; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.k-jump::-webkit-scrollbar{ display:none; }
.k-jump a{
  flex:0 0 auto; background:var(--k-surf); color:var(--k-ink); text-decoration:none;
  font-size:12.5px; font-weight:700; padding:8px 14px; border-radius:9999px; white-space:nowrap;
}
.k-jump a:hover{ background:var(--k-ac-soft); color:var(--k-ac-deep); }

/* ---------- 出典と注記 ---------- */
#main .entry-content .k-src{ font-size:12px; color:var(--k-muted); line-height:1.6; margin:-.6em 0 1.15em; }
#main .entry-content .k-src a{ color:var(--k-muted); }

/* ---------- 内容の誤りを知らせる ---------- */
.k-report{ text-align:right; padding:16px var(--k-pad) 0; }
.k-report a{ font-size:12px; color:var(--k-weak); text-decoration:none; }
.k-report a:hover{ color:var(--k-ac); }

/* ---------- パンくずは1行で横に流す ---------- */
#breadcrumb.breadcrumb .wrap{ overflow-x:auto; white-space:nowrap; scrollbar-width:none; }
#breadcrumb.breadcrumb .wrap::-webkit-scrollbar{ display:none; }
#breadcrumb.breadcrumb ol, #breadcrumb.breadcrumb ul{ display:inline-flex; gap:0; margin:0; padding:0; }

/* ---------- 表もmy-bestの密度に ---------- */
#main .entry-content table{ font-size:13px; }
#main .entry-content table th{ padding:9px 11px; }
#main .entry-content table td{ padding:9px 11px; }

/* ---------- 目次 ---------- */
#rtoc-mokuji-wrapper.rtoc-mokuji-content{ border-radius:var(--k-r) !important; padding:16px 14px 8px !important; }
#rtoc-mokuji-title{ font-size:16px !important; }
#rtoc-mokuji-wrapper li{ font-size:13px !important; padding:8px 14px !important; margin:0 -14px !important; }

/* ---------- 箱物 ---------- */
#main .entry-content .supplement,
#main .entry-content .boader,
#main .entry-content blockquote,
#main .entry-content .voicecomment{
  border-radius:var(--k-r) !important; font-size:13.5px; line-height:1.75;
}

/* ---------- PC ---------- */
@media only screen and (min-width:960px){
  body{ font-size:14px; }
  #main{ max-width:700px; }
  #inner-content.wrap{ max-width:1064px; gap:36px; }
  #main .entry-content{ font-size:14px; }
  #main .entry-content p{ font-size:14px !important; }
  #main h1.entry-title.post-title{ font-size:30px !important; line-height:1.25 !important; }
  #main .entry-content h2{ font-size:24px !important; margin:40px 0 12px !important; }
  #main .entry-content h3{ font-size:20px !important; margin:30px 0 10px !important; }
  #main .entry-content h4{ font-size:16px !important; }
  #main .archives-list-entry-content h1.entry-title,
  #main .archives-list-entry-content h2.entry-title{ font-size:16px !important; }
  .k-hero picture{ height:620px; }
  .k-hero picture img, .k-hero__img{ height:620px; }
  .k-hero__tx{ padding:0 40px 70px; }
  .k-hero__tx h2{ font-size:48px; }
  .k-hero__tx p{ font-size:15px; margin-top:14px; }
  .k-search{ margin:-30px auto 0; max-width:680px; }
  .k-sec{ font-size:24px; }
  .k-secsub{ font-size:13px; }
  .k-verify{ padding:22px 22px 20px; }
  .k-verify__h{ font-size:20px; }
  .k-jump{ padding:12px 0; }
  .k-report{ padding:18px 0 0; }
}

/* 記事の頭に出す、作り方と広告のことわり（my-bestの制作ポリシー表示にあたる） */
#main .entry-content .k-disc{
  background:var(--k-surf); color:var(--k-muted);
  font-size:12px !important; line-height:1.65 !important;
  padding:11px 13px; margin:0 0 18px !important; border-radius:var(--k-r);
}
#main .entry-content .k-disc a{ color:var(--k-muted); text-decoration:underline; }
#main .entry-content .k-disc a::before{ content:"\203A"; margin-right:4px; }

/* 根拠ブロックの番号が二重に出るのを直す
   #main .entry-content ol の list-style:decimal が詳細度で勝っていて、
   olの数字と自前の番号が両方出ていた */
#main .entry-content .k-verify ol,
#main .entry-content .k-verify ol li{
  list-style:none !important;
  padding-left:0 !important;
  margin-left:0 !important;
}
#main .entry-content .k-verify li{ margin-bottom:0 !important; }
#main .entry-content .k-verify li i a{ color:var(--k-ac); }
#main .entry-content .k-verify p{ font-size:13px !important; line-height:1.6 !important; }
#main .entry-content .k-verify .k-verify__h{ font-size:17px !important; line-height:1.3 !important; margin:0 0 4px !important; }
#main .entry-content .k-verify .k-verify__foot{ font-size:12px !important; margin:12px 0 0 !important; }
@media only screen and (min-width:960px){
  #main .entry-content .k-verify .k-verify__h{ font-size:20px !important; }
}

/* カテゴリ一覧の見出しの下に出す説明 */
#main .k-catlead{
  font-size:13px; line-height:1.7; color:var(--k-muted);
  margin:0 0 16px; padding:0 var(--k-pad);
}
#main .k-catlead .k-catnum{
  display:inline-block; margin-left:8px; background:var(--k-surf);
  color:var(--k-ink); font-weight:700; font-size:12px;
  padding:2px 9px; border-radius:9999px;
}
/* 一覧の1行おきの塗り分けを見えるようにする（#FCFCFCでは白と見分けが付かなかった） */
#main article.post-list:nth-child(even){ background:#FAFAFA; }
#np-post .np-post-list{ background:#FAFAFA; }
#related-box .related-list li:nth-child(even), #related-box article:nth-child(even){ background:#FAFAFA; }
@media only screen and (min-width:960px){
  #main .k-catlead{ padding:0; font-size:14px; max-width:640px; }
}

/* 1行おきの塗り分けを見える濃さにする（#FAFAFAでも白と見分けが付かなかった）
   線を引かずに区切るので、面がはっきり分かれる濃さが要る */
#main article.post-list:nth-child(even){ background:var(--k-surf); }
#np-post .np-post-list{ background:var(--k-surf); }
#related-box .related-list li:nth-child(even),
#related-box article:nth-child(even){ background:var(--k-surf); }

/* カテゴリ一覧では、全部同じカテゴリ名の札が並ぶので出さない */
body.category #main article.post-list .eyecatch .osusume-label{ display:none !important; }

/* 本文カラムをmy-bestと同じ700pxにする。
   1064pxだとサイドバー300pxとすき間36pxを引いて660pxしか残らなかった */
@media only screen and (min-width:960px){
  #inner-content.wrap{ max-width:1084px; }
  #main{ max-width:700px; flex:1 1 700px; }
}

/* ============================================================
   第3弾 2026-09-09：トップを全面的に作り直す
   藤井さんの指摘「デザインが全体的にしょぼすぎる。もっとアニメーションを入れて
   クオリティを高く」「今日どこいく？というテキストもAIツールナビのように作って」
   AIツールナビ（ainformation.jp/ai-tools）の型に合わせた。
   決まりは守る：ダークモードのCSSは入れない／細い線でなく面と余白で区切る
   ============================================================ */

:root{
  --k-ink2:#12212E;
  --k-grad:linear-gradient(100deg,#0B63CE 0%,#22B0F0 22%,#0B63CE 44%,#5AD1FF 66%,#0B63CE 88%,#22B0F0 100%);
}

/* ---------- 上を流れる帯 ---------- */
.k-mq{ background:#EAF3FE; overflow:hidden; }
.k-mq__in{ overflow:hidden; }
.k-mq__tr{ display:flex; width:max-content; animation:k-mq-run 26s linear infinite; }
.k-mq__set{ display:flex; flex:0 0 auto; }
.k-mq__i{
  display:inline-flex; align-items:center; gap:6px;
  height:30px; line-height:30px; padding:0 150px 0 0;
  font-size:12px; white-space:nowrap; color:#0E3A6B; text-decoration:none;
}
.k-mq__i i{ font-style:normal; font-weight:700; color:var(--k-ac); }
.k-mq__i em{ font-style:normal; color:#7BA6D8; }
.k-mq__i:hover{ color:var(--k-ac); }
@keyframes k-mq-run{ from{ transform:translateX(0); } to{ transform:translateX(-25%); } }
.k-mq__in:hover .k-mq__tr, .k-mq__tr:focus-within{ animation-play-state:paused; }

/* ---------- 黒いカテゴリバー ---------- */
.k-cb{ background:var(--k-ink2); }
.k-cb__in{
  display:flex; max-width:1084px; margin:0 auto;
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.k-cb__in::-webkit-scrollbar{ display:none; }
.k-cb a{
  flex:1 0 auto; min-width:88px; text-align:center; text-decoration:none;
  padding:11px 14px 9px; color:#fff; position:relative;
  transition:background .18s;
}
.k-cb a b{ display:block; font-size:14px; font-weight:700; line-height:1.3; }
.k-cb a span{ display:block; font-size:9.5px; letter-spacing:.08em; color:#7E93A5; margin-top:2px; }
.k-cb a::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:var(--k-grad); transform:scaleX(0); transform-origin:center;
  transition:transform .22s ease;
}
.k-cb a:hover{ background:#1B3245; color:#fff; }
.k-cb a:hover::after{ transform:scaleX(1); }

/* ---------- NEWSの1行 ---------- */
.k-nb{ background:#0E1A24; }
.k-nb__in{
  display:flex; align-items:center; gap:12px;
  max-width:1084px; margin:0 auto; padding:11px 18px;
  text-decoration:none; color:#fff;
}
.k-nb__lb{
  flex:0 0 auto; background:#E0243A; color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.06em;
  padding:4px 11px; border-radius:var(--k-r);
}
.k-nb__d{ flex:0 0 auto; font-size:12px; color:#5AD1FF; font-weight:700; }
.k-nb__t{
  flex:1 1 auto; min-width:0; font-size:13px; color:#E8EEF3;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.k-nb__in:hover .k-nb__t{ color:#fff; text-decoration:underline; }

/* ---------- ヒーロー ---------- */
.k-hero{
  position:relative; width:100%; margin:0;
  height:430px; overflow:hidden; background:#DCE9F6;
}
.k-hero__bg{ position:absolute; inset:0; }
.k-hero__bg picture, .k-hero__bg img, .k-hero__img{
  width:100%; height:100%; object-fit:cover; display:block;
  animation:k-kb 26s ease-out forwards;
}
@keyframes k-kb{ from{ transform:scale(1.02); } to{ transform:scale(1.14); } }
/* 写真の上に白いベールをかけて、グラデーションの文字を読めるようにする */
.k-hero__veil{
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.78) 46%,rgba(255,255,255,.94) 100%);
}
.k-hero__in{
  position:relative; z-index:2; height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:0 18px; text-align:center;
}

/* ---------- ワードマーク（AIツールナビと同じ作り） ---------- */
.k-wm{ margin:0; line-height:1; }
.k-wm__t{
  display:inline-block;
  font-family:"Zen Kaku Gothic New",var(--k-sys);
  font-size:44px; font-weight:900; letter-spacing:-.01em; line-height:1.12;
  transform:skewX(-9deg);
  background-image:var(--k-grad);
  background-size:280% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:k-flow 14s linear infinite, k-wm-in .8s cubic-bezier(.2,.8,.25,1) both;
}
@keyframes k-flow{ from{ background-position:0% 50%; } to{ background-position:280% 50%; } }
@keyframes k-wm-in{ from{ opacity:0; transform:skewX(-9deg) translateY(16px); } to{ opacity:1; transform:skewX(-9deg) translateY(0); } }
.k-wm__meta{
  margin:12px 0 0; font-size:12px; color:#4A6076; font-weight:700;
  animation:k-fade .9s .25s both;
}
@keyframes k-fade{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } }

/* ---------- 大きい検索窓 ---------- */
.k-hero .k-search{ width:100%; max-width:620px; margin:22px auto 0; animation:k-fade .9s .38s both; }
.k-hero .k-search form{
  background:#fff; border-radius:9999px !important;
  padding:15px 22px; display:flex; align-items:center; gap:11px;
  box-shadow:0 6px 22px rgba(11,60,110,.14) !important;
  transition:box-shadow .22s, transform .22s;
}
.k-hero .k-search form:focus-within{
  box-shadow:0 0 0 3px rgba(11,99,206,.22), 0 10px 30px rgba(11,60,110,.20) !important;
  transform:translateY(-2px);
}
.k-hero .k-search input[type="search"], .k-hero .k-search input[type="text"]{
  font-size:16px; border:0; background:none; width:100%; outline:none; color:var(--k-ink);
}
.k-hero .k-search svg{ flex:0 0 20px; color:var(--k-ac); }
.k-hero .k-search button{
  flex:0 0 auto; border:0; background:var(--k-ac); color:#fff;
  font-size:14px; font-weight:700; padding:9px 20px; border-radius:9999px; cursor:pointer;
  transition:background .18s, transform .18s;
}
.k-hero .k-search button:hover{ background:var(--k-ac-deep); transform:translateY(-1px); }

/* ---------- よく調べられているもの ---------- */
.k-hw{ background:#fff; }
.k-hw__in{
  display:flex; align-items:center; gap:12px;
  max-width:1084px; margin:0 auto; padding:14px 18px;
}
.k-hw__lb{ flex:0 0 auto; font-size:12px; color:var(--k-muted); font-weight:700; }
.k-hw__list{
  display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.k-hw__list::-webkit-scrollbar{ display:none; }
.k-hw__i{
  flex:0 0 auto; background:var(--k-surf); color:var(--k-ink);
  font-size:13px; font-weight:700; padding:8px 16px; border-radius:9999px;
  text-decoration:none; white-space:nowrap;
  transition:background .18s, color .18s, transform .18s;
}
.k-hw__i:hover{ background:var(--k-ac-soft); color:var(--k-ac-deep); transform:translateY(-2px); }

/* ---------- 数字の帯 ---------- */
.k-stats{ display:flex; gap:2px; margin:20px var(--k-pad) 4px; }
.k-stats__i{ flex:1 1 0; background:var(--k-surf); padding:16px 10px 14px; text-align:center; border-radius:var(--k-r); }
.k-stats__i b{ display:block; font-weight:900; color:var(--k-ac); line-height:1; }
.k-stats__i b .k-count{ font-size:30px; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.k-stats__i b i{ font-style:normal; font-size:14px; margin-left:2px; }
.k-stats__i span{ display:block; font-size:11.5px; color:var(--k-muted); margin-top:7px; line-height:1.4; }

/* ---------- カテゴリの6つ ---------- */
.k-cats a{
  border-radius:var(--k-r);
  transition:background .2s, transform .2s;
}
.k-cats a:hover{ background:var(--k-ac-soft); transform:translateY(-3px); }
.k-cats svg{ transition:transform .25s ease; }
.k-cats a:hover svg{ transform:translateY(-2px) scale(1.08); }

/* ---------- 早見表と一覧の動き ---------- */
.k-tbl__r{ transition:background .18s; }
.k-tbl__r:hover{ background:var(--k-ac-soft) !important; }
#main article.post-list{ transition:background .18s; }
#main article.post-list:hover{ background:var(--k-ac-soft) !important; }
#main article.post-list .eyecatch img{ transition:transform .35s ease; }
#main article.post-list:hover .eyecatch img{ transform:scale(1.06); }
.k-catall, .k-more{ transition:background .18s, transform .18s; }
.k-catall:hover, .k-more:hover{ background:var(--k-ac-soft); transform:translateY(-2px); }

/* ---------- スクロールで立ち上がる ---------- */
.k-up{ opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s cubic-bezier(.2,.8,.25,1); }
.k-up.is-in{ opacity:1; transform:none; }

/* 動きを減らす設定の人には出さない */
@media (prefers-reduced-motion: reduce){
  .k-mq__tr, .k-hero__bg img, .k-wm__t, .k-wm__meta, .k-hero .k-search{ animation:none !important; }
  .k-up{ opacity:1 !important; transform:none !important; transition:none !important; }
  .k-hero__bg img{ transform:scale(1.06); }
}

/* ---------- PC ---------- */
@media only screen and (min-width:960px){
  .k-hero{ height:560px; }
  .k-wm__t{ font-size:76px; }
  .k-wm__meta{ font-size:13px; margin-top:16px; }
  .k-hero .k-search{ margin-top:28px; }
  .k-hero .k-search form{ padding:17px 26px; }
  .k-stats{ margin:26px 0 6px; gap:12px; }
  .k-stats__i{ padding:22px 14px 20px; }
  .k-stats__i b .k-count{ font-size:44px; }
  .k-stats__i b i{ font-size:17px; }
  .k-stats__i span{ font-size:13px; }
  .k-cb a{ min-width:104px; padding:13px 18px 11px; }
  .k-nb__t{ font-size:14px; }
  .k-hw__in{ padding:16px 0; }
}
@media only screen and (max-width:959px){
  .k-mq__i{ height:27px; line-height:27px; font-size:11px; padding-right:120px; }
  .k-mq__tr{ animation-duration:21s; }
  .k-hw__in{ padding-left:16px; padding-right:16px; }
  .k-cb__in{ padding-left:8px; }
}

/* 第2弾で入れたヒーロー画像の高さ指定を打ち消す。
   高さは .k-hero が持ち、中の写真は親いっぱいに広がる */
.k-hero picture,
.k-hero picture img,
.k-hero__img,
.k-hero__bg,
.k-hero__bg picture,
.k-hero__bg picture img{ height:100% !important; width:100% !important; }
.k-hero__bg picture img, .k-hero__bg .k-hero__img{ object-fit:cover; }
/* 使わなくなった旧ヒーローの文字ブロック */
.k-hero__tx{ display:none !important; }

/* ---------- ヒーローの見え方を調整（2026-09-09） ----------
   白いベールが濃すぎて写真がほとんど見えていなかった。
   文字はグラデーションの濃い青なので、ベールを薄くしても読める */
.k-hero{ height:410px; }
.k-hero__veil{
  background:
    radial-gradient(120% 80% at 50% 46%,rgba(255,255,255,.86) 0%,rgba(255,255,255,.62) 46%,rgba(255,255,255,.34) 100%),
    linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.10) 40%,rgba(255,255,255,.62) 100%);
}
.k-wm__t{ font-size:46px; }
.k-wm__meta{ color:#2E4A63; }

/* タグの右端は切れて見えるので、うっすら消して続きがあると分かるようにする */
.k-hw__in{ position:relative; }
.k-hw__list{ -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent 100%);
             mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent 100%); }
.k-cb__in{ -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent 100%);
           mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent 100%); }

@media only screen and (min-width:960px){
  .k-hero{ height:520px; }
  .k-wm__t{ font-size:88px; }
  .k-cb__in{ -webkit-mask-image:none; mask-image:none; }
  .k-hw__list{ -webkit-mask-image:none; mask-image:none; }
}

/* ヒーローの上下の空きを詰める。写真を大きく見せつつ、下の内容が早く出るように */
.k-hero{ height:376px; }
.k-wm__t{ font-size:52px; }
.k-hero .k-search{ margin-top:20px; }
@media only screen and (min-width:960px){
  .k-hero{ height:462px; }
  .k-wm__t{ font-size:92px; }
  .k-wm__meta{ margin-top:14px; }
  .k-hero .k-search{ margin-top:24px; }
}

/* サイドバーのカテゴリー一覧に豆腐（☒）が残っていた。
   Font Awesome を外したとき、.widget_categories のトップ階層だけ拾えていなかった */
#sidebar1 .widget_categories li a::after,
.widget_categories li a::after{
  font-family:var(--k-sys) !important;
  content:"\203A" !important;
  color:var(--k-weak) !important;
  font-weight:400;
}
#sidebar1 .widget_categories li a::before,
.widget_categories li a::before{ content:none !important; display:none !important; }
/* ★ここを display:flex にしてはいけない。
   AdSenseの自動広告は <div class="google-auto-placed"> をリストの中へ差し込む。
   親が flex だとそれが flex アイテムになり、中の ins の幅が0のまま iframe だけが
   実サイズで描画されて画面の外へはみ出す（/profile/ のスマホで461px対390px）。
   広告のコードは触らないので、こちら側で flex をやめて矢印は絶対配置で置く */
#sidebar1 .widget li{ display:list-item; }
#sidebar1 .widget li a{ display:block; position:relative; padding-right:18px; text-decoration:none; }
#sidebar1 .widget li a::after{ position:absolute; right:0; top:50%; transform:translateY(-50%); line-height:1; }

/* ---------- カテゴリの6つをカードにする（2026-09-09） ----------
   アイコンと文字だけで地味だったので、面で区切って押せると分かるようにする */
.k-cats{ grid-template-columns:repeat(3,1fr); gap:8px; padding:20px var(--k-pad) 6px; }
.k-cats a{
  background:var(--k-surf); padding:18px 6px 16px; border-radius:var(--k-r);
  position:relative; overflow:hidden;
}
.k-cats a::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:var(--k-grad); transform:scaleX(0); transform-origin:left;
  transition:transform .28s ease;
}
.k-cats a:hover::before{ transform:scaleX(1); }
.k-cats svg{
  width:26px; height:26px; margin:0 auto 9px; padding:9px;
  box-sizing:content-box; background:#fff; border-radius:50%; color:var(--k-ac);
}
.k-cats a:hover{ background:var(--k-ac-soft); }
.k-cats b{ font-size:13.5px; }
.k-cats span{
  display:inline-block; margin-top:6px; background:#fff; color:var(--k-muted);
  font-size:11px; font-weight:700; padding:2px 9px; border-radius:9999px;
}
.k-cats a:hover span{ background:#fff; color:var(--k-ac-deep); }
.k-catall{
  background:var(--k-ink2); color:#fff !important; font-weight:700;
  padding:15px; border-radius:var(--k-r); letter-spacing:.02em;
}
.k-catall:hover{ background:#1B3245; color:#fff !important; transform:translateY(-2px); }

/* 数字の帯。文字を詰めて折り返さないようにする */
.k-stats__i span{ font-size:11px; white-space:nowrap; }

/* ---------- よく読まれているに順位を付ける ---------- */
.k-poplist{ counter-reset:kpop; }
.k-poplist article.post-list{ counter-increment:kpop; position:relative; }
.k-poplist article.post-list .eyecatch::after{
  content:counter(kpop);
  position:absolute; left:0; top:0; z-index:2;
  min-width:24px; height:24px; padding:0 6px;
  display:flex; align-items:center; justify-content:center;
  background:var(--k-ink2); color:#fff;
  font-size:12px; font-weight:900; font-style:normal;
}
.k-poplist article.post-list:nth-child(1) .eyecatch::after,
.k-poplist article.post-list:nth-child(2) .eyecatch::after,
.k-poplist article.post-list:nth-child(3) .eyecatch::after{ background:var(--k-ac); }
.k-poplist article.post-list .osusume-label{ display:none !important; }

/* ---------- 早見表の判定を読みやすく ---------- */
.k-tbl__hd{ background:var(--k-ink2); color:#fff; font-size:11.5px; }
.k-yes{ background:var(--k-ac); border-radius:var(--k-r); }
.k-no{ background:#8A8A8A; border-radius:var(--k-r); }
.k-cond{ background:#fff; color:var(--k-ink); border-radius:var(--k-r); font-weight:700; }
.k-tbl__r{ font-size:14px; }

@media only screen and (min-width:960px){
  .k-cats{ grid-template-columns:repeat(6,1fr); gap:10px; padding:26px 0 8px; }
  .k-cats a{ padding:22px 8px 20px; }
  .k-cats svg{ width:28px; height:28px; padding:11px; }
  .k-cats b{ font-size:14.5px; }
  .k-stats__i span{ font-size:12.5px; }
}

/* ---------- 早見表とボタンの仕上げ ---------- */
.k-cond{ background:var(--k-ac-soft); color:var(--k-ac-deep); }
.k-tbl__r > span:first-child{ font-size:14.5px; }
.k-more{
  background:var(--k-ac); color:#fff !important; font-weight:700;
  padding:15px; border-radius:var(--k-r); letter-spacing:.02em;
}
.k-more:hover{ background:var(--k-ac-deep); color:#fff !important; transform:translateY(-2px); }
/* 早見表の行は k-up が付いたので、animation の遅れで見えないことがないよう保険 */
.k-tbl__r.k-up{ transition-duration:.45s; }

/* カテゴリのカードをもう少し大きく */
.k-cats svg{ width:28px; height:28px; padding:11px; }
.k-cats a{ padding:20px 6px 18px; }

/* 数字の帯とカテゴリの間 */
.k-stats{ margin-bottom:10px; }

@media only screen and (min-width:960px){
  .k-cats svg{ width:30px; height:30px; padding:13px; }
  .k-cats a{ padding:24px 8px 22px; }
}

/* サイドバーの人気記事に豆腐（☒）が残っていた。
   .cat_postlist__link の ::after が Font Awesome の U+F105（右向きの矢印）だった。
   意味は「次へ」なので、ふつうの文字の矢印に置き換える */
#sidebar1 .cat_postlist__link::after,
.cat_postlist__link::after{
  font-family:var(--k-sys) !important;
  content:"\203A" !important;
  color:var(--k-weak) !important;
  font-weight:400;
}

/* ============================================================
   第4弾 2026-09-09：トップの上半分を全幅に／ロゴ／矢印／記事の見出しと目次
   藤井さんの指摘「ここが見にくいし、使いづらい」「左上のロゴもAIツールナビのように」
   「>は削除」「記事の目次や見出しなども全体的にしっかりデザインを入れて」
   決まりは守る：ダークモードのCSSは入れない／細い線でなく面と余白で区切る
   ============================================================ */

/* ---------- 全幅の器。下の本文カラムと左右の端をそろえる ---------- */
.k-wide{ max-width:1180px; margin:0 auto; padding:0 16px; }
@media only screen and (min-width:960px){
  .k-wide{ padding:0 24px; }
  /* 黒帯とNEWSの1行も同じ幅にそろえる */
  .k-cb__in{ max-width:1132px; }
  .k-nb__in{ max-width:1132px; padding-left:0; padding-right:0; }
  .k-hw__in{ max-width:1132px; padding-left:0; padding-right:0; }
}

/* ---------- 数字の帯は箱を3つ並べず、1本の面にまとめる ---------- */
.k-stats{
  display:flex; gap:0; background:var(--k-surf); border-radius:var(--k-r);
  margin:22px 0 0; padding:18px 0;
}
.k-stats__i{ background:none !important; padding:0 10px; }
@media only screen and (min-width:960px){
  .k-stats{ margin:30px 0 0; padding:26px 0; }
  .k-stats__i{ padding:0 20px; }
  .k-stats__i b .k-count{ font-size:52px; }
  .k-stats__i b i{ font-size:19px; }
  .k-stats__i span{ font-size:13.5px; }
}

/* ---------- カテゴリの6つ ---------- */
.k-cats{ padding-left:0 !important; padding-right:0 !important; }
.k-catall{ margin-left:0; margin-right:0; }
@media only screen and (min-width:960px){
  .k-cats{ gap:12px; padding:22px 0 6px !important; }
  .k-cats a{ padding:26px 8px 24px; }
  .k-cats b{ font-size:15.5px; }
}

/* ---------- 早見表。品物と判定を近づけ、PCは2列にする ---------- */
.k-tbl{ margin-top:6px; }
.k-tbl__hd{ display:none !important; }
.k-tbl__r{
  display:flex; align-items:center; gap:10px;
  padding:13px 14px !important; border-radius:var(--k-r);
  background:var(--k-surf2);
}
.k-tbl__r:nth-child(even){ background:var(--k-surf); }
.k-tbl__r .k-tbl__n{ flex:1 1 auto; min-width:0; font-size:15px !important; font-weight:700; color:var(--k-strong); }
.k-tbl__r b{ width:auto !important; flex:0 0 auto !important; text-align:left !important; }
.k-tbl__r b i{
  display:block; font-style:normal; font-size:10px; font-weight:700;
  color:var(--k-weak); line-height:1.2; margin:0 0 3px 1px; letter-spacing:.02em;
}
.k-tbl__r b span{ min-width:98px; text-align:center; padding:6px 10px !important; font-size:12.5px; }
@media only screen and (min-width:960px){
  .k-tbl{ display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; }
  .k-tbl__r{ padding:15px 18px !important; }
  .k-tbl__r:nth-child(even){ background:var(--k-surf2); }
  .k-tbl__r .k-tbl__n{ font-size:16px !important; }
  .k-tbl__r b span{ min-width:104px; font-size:13px; }
}

/* 早見表の下のボタンは2つ横に並べる */
.k-btns{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:16px; }
.k-btns .k-more{ margin:0 !important; }
.k-more--sub{ background:var(--k-surf) !important; color:var(--k-strong) !important; }
.k-more--sub:hover{ background:var(--k-ac-soft) !important; color:var(--k-ac-deep) !important; }
@media only screen and (min-width:960px){
  .k-btns{ grid-template-columns:1.4fr 1fr; gap:12px; }
  .k-btns .k-more{ padding:17px; font-size:15px; }
}

/* ---------- よく読まれている。1位を大きく出して、2位から下は2列 ---------- */
.k-poplist article.post-list{ background:var(--k-surf2); border-radius:var(--k-r); }
.k-poplist article.post-list:nth-child(even){ background:var(--k-surf); }
@media only screen and (min-width:960px){
  .k-poplist{ display:grid !important; grid-template-columns:1fr 1fr; gap:10px 16px; }
  .k-poplist article.post-list:first-child{ grid-column:1 / -1; background:var(--k-surf); }
  .k-poplist .post-list__link{ padding:14px 16px !important; gap:16px; }
  .k-poplist article.post-list:first-child .post-list__link{ padding:20px !important; gap:24px; }
  .k-poplist article.post-list:first-child .eyecatch{ width:360px !important; flex:0 0 360px !important; height:203px !important; }
  .k-poplist article.post-list:first-child .entry-title{ font-size:25px !important; line-height:1.4 !important; }
  .k-poplist article.post-list:first-child .eyecatch::after{ min-width:34px; height:34px; font-size:16px; }
  .k-poplist article.post-list .eyecatch{ width:120px !important; flex:0 0 120px !important; height:80px !important; }
  .k-poplist article.post-list .entry-title{ font-size:15px !important; line-height:1.5 !important; }
}

/* ---------- 「新しく書いた記事」から下は今までどおり本文カラムの中 ---------- */
#main > .k-sec{ padding-top:34px; }

/* ============================================================
   左上のロゴ。AIツールナビと同じ作りにする（藤井さんの指示）
   ============================================================ */
#header .site__logo__title a.text-logo-link,
#header .site__logo__title.text a{
  display:inline-block;
  font-family:"Zen Kaku Gothic New",var(--k-sys);
  font-weight:900 !important;
  letter-spacing:-.01em;
  transform:skewX(-9deg);
  background-image:var(--k-grad);
  background-size:280% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent !important; -webkit-text-fill-color:transparent;
  animation:k-flow 14s linear infinite;
  padding:0 .14em 0 .06em;
}
#header .site__logo__title{ margin:0 !important; line-height:1.2 !important; }
#header .site__logo .site_description{ display:none !important; }
@media only screen and (min-width:960px){
  #header .site__logo, #header .site__logo a{ font-size:27px; }
}
@media only screen and (max-width:959px){
  #header .site__logo, #header .site__logo a{ font-size:21px; }
}
@media (prefers-reduced-motion: reduce){
  #header .site__logo__title a.text-logo-link{ animation:none !important; }
}

/* ============================================================
   「›」は全部消す（藤井さんの指示 2026-09-09）
   ============================================================ */
.menu-item a::after,
.widget_pages .page_item a::after,
.widget_archive li a::after,
.widget_mycategoryorder li a::after,
.widget_nav_menu .sub-menu a::before,
.widget_pages .children a::before,
.widget_categories .children a::before,
.cat_postlist .wp-block-button.arrow a::before,
.footer-links a::before,
#sidebar1 .cat_postlist__link::after,
.cat_postlist__link::after,
.widget_categories li a::after,
#sidebar1 .widget li a::after{
  content:none !important;
  display:none !important;
}

/* サイドバーのカテゴリー一覧は細い線をやめて、1行おきの塗り分けにする */
#sidebar1 .widget_categories li,
#sidebar1 .widget_mycategoryorder li{
  border:0 !important; padding:11px 12px !important; margin:0 !important;
}
#sidebar1 .widget_categories li:nth-child(odd),
#sidebar1 .widget_mycategoryorder li:nth-child(odd){ background:var(--k-surf); }

/* ============================================================
   記事の見出しと目次（藤井さんの指示 2026-09-09）
   ============================================================ */

/* ---------- 目次 ---------- */
#rtoc-mokuji-wrapper.rtoc-mokuji-content{
  background:var(--k-surf) !important;
  padding:20px 22px 18px !important;
  margin:26px 0 !important;
  border-radius:var(--k-r) !important;
  counter-reset:ktoc;
  position:relative;
}
#rtoc-mokuji-title{
  font-size:17px !important; font-weight:700 !important;
  padding:0 0 12px !important; letter-spacing:.02em;
}
#rtoc-mokuji-wrapper li{
  background:none !important; margin:0 !important; font-size:14px !important;
}
#rtoc-mokuji-wrapper li:nth-child(odd){ background:none !important; }
/* 大見出し。番号を面で出す */
#rtoc-mokuji-wrapper .level-1 > li.rtoc-item{
  counter-increment:ktoc;
  position:relative;
  padding:9px 0 9px 42px !important;
}
#rtoc-mokuji-wrapper .level-1 > li.rtoc-item::before{
  content:counter(ktoc,decimal-leading-zero) !important;
  display:flex !important; align-items:center; justify-content:center;
  position:absolute !important; left:0; top:8px;
  width:30px; height:22px;
  background:var(--k-ac); color:#fff;
  font-size:11.5px; font-weight:900; font-style:normal;
  border-radius:var(--k-r);
}
#rtoc-mokuji-wrapper .level-1 > li.rtoc-item > a{
  font-weight:700 !important; color:var(--k-strong) !important; font-size:14.5px !important;
}
#rtoc-mokuji-wrapper .level-1 > li.rtoc-item > a:hover{ color:var(--k-ac) !important; }
/* 小見出しは一段下げて小さく */
#rtoc-mokuji-wrapper .level-2{ margin:2px 0 6px !important; }
#rtoc-mokuji-wrapper .level-2 > li.rtoc-item{
  padding:5px 0 5px 14px !important; position:relative;
}
#rtoc-mokuji-wrapper .level-2 > li.rtoc-item::before{
  content:"" !important; display:block !important;
  position:absolute; left:0; top:12px; width:6px; height:6px;
  background:#C3CDD8; border-radius:50%;
}
#rtoc-mokuji-wrapper .level-2 > li.rtoc-item > a{ font-size:13.5px !important; color:var(--k-ink) !important; }
#rtoc-mokuji-wrapper .rtoc_open_close{ font-size:11px !important; }
@media only screen and (min-width:960px){
  #rtoc-mokuji-wrapper.rtoc-mokuji-content{ padding:26px 28px 24px !important; }
  #rtoc-mokuji-title{ font-size:19px !important; }
  #rtoc-mokuji-wrapper .level-1 > li.rtoc-item > a{ font-size:16px !important; }
  #rtoc-mokuji-wrapper .level-2 > li.rtoc-item > a{ font-size:14.5px !important; }
  #rtoc-mokuji-wrapper .level-1 > li.rtoc-item{ padding-left:48px !important; }
  #rtoc-mokuji-wrapper .level-1 > li.rtoc-item::before{ width:34px; height:24px; font-size:12.5px; }
}

/* ---------- 大見出し。番号を面で出して章の切れ目を分かるようにする ---------- */
#main .entry-content{ counter-reset:kh2; }
#main .entry-content h2,
#main .entry-content h2.wp-block-heading{
  counter-increment:kh2;
  position:relative;
  background:var(--k-surf) !important;
  border-radius:var(--k-r) !important;
  padding:15px 18px 15px 62px !important;
  margin:46px 0 18px !important;
  font-size:21px !important;
  line-height:1.4 !important;
}
#main .entry-content h2::before{
  content:counter(kh2,decimal-leading-zero) !important;
  display:flex !important; align-items:center; justify-content:center;
  position:absolute !important; left:0; top:0; bottom:0; width:46px;
  background:var(--k-ac); color:#fff;
  font-size:15px; font-weight:900; font-style:normal;
  border-radius:var(--k-r) 0 0 var(--k-r);
}
/* ---------- 小見出しは面を使わず、大きさと余白で分ける ---------- */
#main .entry-content h3,
#main .entry-content h3.wp-block-heading{
  font-size:18px !important;
  color:var(--k-strong) !important;
  margin:34px 0 10px !important;
  line-height:1.45 !important;
}
#main .entry-content h4{ margin:26px 0 8px !important; color:var(--k-strong); }
@media only screen and (min-width:960px){
  #main .entry-content h2, #main .entry-content h2.wp-block-heading{
    font-size:25px !important; padding:19px 22px 19px 74px !important; margin:52px 0 22px !important;
  }
  #main .entry-content h2::before{ width:56px; font-size:17px; }
  #main .entry-content h3, #main .entry-content h3.wp-block-heading{ font-size:20.5px !important; margin:38px 0 12px !important; }
}
/* 一覧や関連記事の見出しには番号を出さない */
#main .archives-list-entry-content h2::before,
#related-box h2::before, #np-post h2::before,
.k-poplist h2::before, #main .entry-content .k-verify h2::before{ content:none !important; display:none !important; }

/* ---------- 全幅へ出した一覧は #main の外に居るので、同じ見た目をここでも当てる ---------- */
.k-wide .archives-list.card-list{ display:block !important; margin:0 !important; }
.k-wide article.post-list{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
.k-wide .post-list__link{
  display:flex !important; gap:12px; align-items:center;
  padding:13px 14px !important; text-decoration:none;
}
.k-wide article.post-list .eyecatch{
  width:110px; flex:0 0 110px; height:82px; margin:0 !important;
  overflow:hidden; position:relative;
}
.k-wide article.post-list .eyecatch img,
.k-wide article.post-list .eyecatch picture,
.k-wide article.post-list .eyecatch picture img{
  width:100%; height:100%; object-fit:cover; display:block; margin:0;
}
.k-wide .archives-list-entry-content{ flex:1 1 auto; min-width:0; padding:0 !important; margin:0 !important; }
.k-wide .archives-list-entry-content h2.entry-title{
  font-size:14px !important; line-height:1.45 !important; font-weight:700;
  color:var(--k-strong); margin:0 0 4px !important; padding:0 !important;
  background:none !important; border-radius:0 !important;
}
.k-wide .archives-list-entry-content h2.entry-title::before{ content:none !important; display:none !important; }
.k-wide .archives-list-entry-content .byline,
.k-wide .archives-list-entry-content .byline time{ font-size:11.5px !important; color:var(--k-weak); }
.k-wide article.post-list .osusume-label{ display:none !important; }
.k-wide article.post-list{ transition:background .18s; }
.k-wide article.post-list:hover{ background:var(--k-ac-soft) !important; }
.k-wide article.post-list .eyecatch img{ transition:transform .35s ease; }
.k-wide article.post-list:hover .eyecatch img{ transform:scale(1.06); }

/* スマホは1位だけ大きく出す */
@media only screen and (max-width:959px){
  .k-poplist article.post-list:first-child .post-list__link{ display:block !important; padding:0 0 14px !important; }
  .k-poplist article.post-list:first-child .eyecatch{ width:100% !important; flex:none !important; height:186px !important; }
  .k-poplist article.post-list:first-child .archives-list-entry-content{ padding:12px 14px 0 !important; }
  .k-poplist article.post-list:first-child .entry-title{ font-size:17px !important; line-height:1.5 !important; }
  .k-poplist article.post-list:first-child .eyecatch::after{ min-width:30px; height:30px; font-size:14px; }
}

/* ---------- 目次の黒丸を消す（本文のリスト指定が当たっていた） ---------- */
#rtoc-mokuji-wrapper ul, #rtoc-mokuji-wrapper ol,
#main .entry-content #rtoc-mokuji-wrapper ul,
#main .entry-content #rtoc-mokuji-wrapper ol{
  list-style:none !important; padding-left:0 !important;
}
#rtoc-mokuji-wrapper li{ list-style:none !important; }

/* よく読まれているの2列は、上の一覧の指定より後ろに置いて勝たせる */
@media only screen and (min-width:960px){
  .k-wide .k-poplist.archives-list.card-list{
    display:grid !important; grid-template-columns:1fr 1fr; gap:10px 16px;
  }
  .k-wide .k-poplist article.post-list:first-child{ grid-column:1 / -1; }
}

/* 目次の黒丸。#main .entry-content ul li の list-style:disc が詳細度で勝っていたので、
   id を2つ重ねて上書きする（第2弾の .k-verify と同じ罠） */
#main .entry-content #rtoc-mokuji-wrapper ul li,
#main .entry-content #rtoc-mokuji-wrapper ol li,
#main .entry-content #rtoc-mokuji-wrapper li{
  list-style:none !important; padding-left:0 !important;
}
#main .entry-content #rtoc-mokuji-wrapper .level-1 > li.rtoc-item{ padding:9px 0 9px 42px !important; }
#main .entry-content #rtoc-mokuji-wrapper .level-2 > li.rtoc-item{ padding:5px 0 5px 14px !important; }
@media only screen and (min-width:960px){
  #main .entry-content #rtoc-mokuji-wrapper .level-1 > li.rtoc-item{ padding-left:48px !important; }
}

/* サイドバーの人気記事も細い線をやめて、1行おきの塗り分けにする */
#sidebar1 .cat_postlist__li,
#sidebar1 .cat_postlist__ul{ border:0 !important; }
#sidebar1 .cat_postlist__li{ margin:0 !important; padding:0 !important; }
#sidebar1 .cat_postlist__link{ padding:10px 12px !important; border:0 !important; }
#sidebar1 .cat_postlist__li:nth-child(odd){ background:var(--k-surf); }

/* よく調べられているものは、PCでは折り返して全部見せる */
@media only screen and (min-width:960px){
  .k-hw__in{ align-items:flex-start; padding-top:15px; padding-bottom:15px; }
  .k-hw__lb{ padding-top:8px; }
  .k-hw__list{ flex-wrap:wrap; overflow:visible; row-gap:8px; }
}

/* サイドバーに入るAdSenseの自動広告が、入れ物（ins）の幅0のまま中のiframeだけ390pxで
   描かれて、スマホで右へ195pxはみ出していた（藤井さんの判断で2026-09-09に対応）。
   広告は消さず隠さず、入れ物の幅をサイドバーに合わせるだけ */
#sidebar1 .google-auto-placed,
#sidebar1 ins.adsbygoogle,
#sidebar1 ins.adsbygoogle > div{
  width:100% !important;
  max-width:100% !important;
}

/* ============================================================
   記事本文の作り直し（2026-09-09）
   本文HTMLは1文字も触らず、見た目だけをここで作り直す。
   決まり: 細い線を使わない / 面と余白で区切る / ほぼモノクロ＋青1色 / 影なし
   ============================================================ */

:root{
  --k-note:#FBEFEF;      /* 気をつけること */
  --k-note-ink:#B3241F;
  --k-tip:#F0F5FC;       /* おさえておくこと */
  --k-quiet:#F7F7F7;     /* 補足 */
}

/* ---------- 本文に直書きされた飾りを止める ----------
   border 1,490か所・color 2,168か所・font-size 551か所が本文に直書きされている。
   線と色とサイズを本文の決まりへ引き戻す。中央寄せと幅の指定は残す。 */
#main .entry-content [style*="border"]{ border:0 !important; }
#main .entry-content [style*="box-shadow"]{ box-shadow:none !important; }
#main .entry-content p[style*="color"],
#main .entry-content span[style*="color"],
#main .entry-content strong[style*="color"],
#main .entry-content li[style*="color"],
#main .entry-content div[style*="color"],
#main .entry-content td[style*="color"],
#main .entry-content h2[style*="color"],
#main .entry-content h3[style*="color"],
#main .entry-content h4[style*="color"]{ color:var(--k-ink) !important; }
#main .entry-content a[style*="color"]{ color:var(--k-ac) !important; }
#main .entry-content strong[style*="color"],
#main .entry-content strong span[style*="color"]{ color:var(--k-strong) !important; }
#main .entry-content p[style*="font-size"],
#main .entry-content span[style*="font-size"],
#main .entry-content li[style*="font-size"],
#main .entry-content div[style*="font-size"]:not(.cboxcomment):not(.voicecomment){
  font-size:15px !important;
}
#main .entry-content [style*="font-family"]{ font-family:var(--k-sys) !important; }
#main .entry-content [style*="background"]:not(.cbox):not([class*="_box"]){ background:none !important; }
#main .entry-content [style*="text-decoration"]:not(a){ text-decoration:none !important; }

/* ---------- 囲みの箱 746か所 ----------
   ピンク・黄・青の枠つきタブが交互に並んでいた。枠と札をやめ、薄い面と余白で出す。
   札の文字は箱の1行目に太字で置く。 */
#main .entry-content .cbox{
  background:var(--k-quiet) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin:24px 0 !important;
  padding:16px !important;
  position:static !important;
  font-size:15px;
}
#main .entry-content .cbox::before,
#main .entry-content .cbox::after{ display:none !important; }
#main .entry-content .cbox .box_title{
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 8px !important;
  position:static !important;
  top:auto !important; left:auto !important;
  width:auto !important; height:auto !important;
  line-height:1.5 !important;
  text-align:left !important;
}
#main .entry-content .cbox .box_title::before,
#main .entry-content .cbox .box_title::after{ display:none !important; }
#main .entry-content .cbox .span__box_title{
  background:none !important;
  border:0 !important;
  color:var(--k-strong) !important;
  font-size:15.5px !important;
  font-weight:700 !important;
  padding:0 !important;
  margin:0 !important;
  display:inline !important;
  letter-spacing:.01em;
}
#main .entry-content .cbox .cboxcomment{
  background:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1.85 !important;
}
#main .entry-content .cbox p{ margin:0 0 .8em !important; }
#main .entry-content .cbox p:last-child{ margin-bottom:0 !important; }
#main .entry-content .cbox ul,
#main .entry-content .cbox ol{ margin:.2em 0 .8em !important; }
#main .entry-content .cbox ul:last-child,
#main .entry-content .cbox ol:last-child{ margin-bottom:0 !important; }

/* ピンク・黄・青の3つは、札の文言を全部数えたら意味の違いが無かった
   （ピンクが「国内線の場合」、黄が「座席の特徴」など）。同じ面にそろえる。 */
#main .entry-content .cbox.is-style-pink_box,
#main .entry-content .cbox.is-style-yellow_box,
#main .entry-content .cbox.is-style-blue_box,
#main .entry-content .cbox.is-style-Blue_box{ background:var(--k-quiet) !important; }
/* 赤の箱だけは気をつけることの意味で使われているので残す */
#main .entry-content .cbox.is-style-red_box{ background:var(--k-note) !important; }
#main .entry-content .cbox.is-style-red_box .span__box_title{ color:var(--k-note-ink) !important; }

/* 親テーマの箱ものも同じ扱いにする */
#main .entry-content .is-style-yellow_box,
#main .entry-content .is-style-blue_box,
#main .entry-content .is-style-pink_box,
#main .entry-content .is-style-red_box,
#main .entry-content .is-style-black_box{
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
}

/* ---------- 吹き出し 1,030か所 ----------
   丸い顔写真が150pxで並び、吹き出しの角が飛び出していた。
   顔を44pxにして、話の中身を面で出す。しっぽは消す。 */
#main .entry-content .voice{
  margin:22px 0 !important;
  display:flex !important;
  align-items:flex-start;
  gap:12px;
  background:none !important;
  border:0 !important;
  padding:0 !important;
}
#main .entry-content .voice.r{ flex-direction:row-reverse !important; }
#main .entry-content .voice .icon,
#main .entry-content .voice figure.icon{
  width:44px !important;
  min-width:44px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  text-align:center;
}
#main .entry-content .voice .icon img,
#main .entry-content .voice .voice_icon__img{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  border:0 !important;
  box-shadow:none !important;
  display:block;
  object-fit:cover;
}
#main .entry-content .voice .icon .name,
#main .entry-content .voice figcaption.name{
  font-size:10px !important;
  color:var(--k-weak) !important;
  line-height:1.3 !important;
  margin-top:4px !important;
  background:none !important;
  border:0 !important;
  padding:0 !important;
  letter-spacing:0;
}
#main .entry-content .voicecomment{
  flex:1 1 auto;
  background:var(--k-quiet) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:14px 16px !important;
  margin:0 !important;
  font-size:14.5px !important;
  line-height:1.8 !important;
  color:var(--k-ink);
  width:auto !important;
  max-width:none !important;
}
#main .entry-content .voicecomment::before,
#main .entry-content .voicecomment::after,
#main .entry-content .voice::before,
#main .entry-content .voice::after{ display:none !important; content:none !important; }
#main .entry-content .voicecomment p{ font-size:14.5px !important; line-height:1.8 !important; margin:0 0 .7em !important; }
#main .entry-content .voicecomment p:last-child{ margin-bottom:0 !important; }
/* 2つ目からの吹き出しは地の文にする（テーマ側で目印を付けている） */
#main .entry-content .voice.k-plain{ display:block !important; }
#main .entry-content .voice.k-plain .icon,
#main .entry-content .voice.k-plain figure.icon{ display:none !important; }
#main .entry-content .voice.k-plain .voicecomment{
  background:none !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.9 !important;
}
#main .entry-content .voice.k-plain .voicecomment p{ font-size:15px !important; line-height:1.9 !important; margin:0 0 1.35em !important; }

/* ---------- マーカー 1,761か所 ----------
   蛍光の黄色が段落ごとに入っていた。文字の下だけを薄く敷く形にする。 */
#main .entry-content .yellow,
#main .entry-content .marker,
#main .entry-content .k-mk,
#main .entry-content .marker-under{
  background:linear-gradient(transparent 62%, var(--k-ac-soft) 62%) !important;
  color:var(--k-ink) !important;
  font-weight:700;
  padding:0 !important;
  border:0 !important;
}
/* 二重に掛かっているところは1枚ぶんに見せる */
#main .entry-content .yellow .yellow,
#main .entry-content .marker .marker{ background:none !important; }
#main .entry-content .red_line, #main .entry-content .keiko_red{
  background:linear-gradient(transparent 62%, #FBE3E2 62%) !important;
  color:var(--k-ink) !important; font-weight:700;
}

/* ---------- 商品リンク（カエレバ）2,185か所 ----------
   赤・オレンジ・ピンクのボタンが縦に3つ並んでいた。
   写真を左に寄せ、押す先は同じ形のボタンで横に並べる。 */
#main .entry-content .cstmreba{
  background:var(--k-quiet);
  padding:16px;
  margin:24px 0;
  font-size:14px;
  line-height:1.7;
}
#main .entry-content .cstmreba .kaerebalink-box{
  display:flex;
  gap:14px;
  align-items:flex-start;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
}
#main .entry-content .cstmreba .kaerebalink-image{
  width:96px; min-width:96px;
  margin:0 !important; padding:0 !important;
  float:none !important; background:none !important;
}
#main .entry-content .cstmreba .kaerebalink-image a img{
  width:96px !important; height:auto !important; border:0 !important; display:block;
}
/* 1x1の計測用画像。広げると商品の下に大きな空きができる */
#main .entry-content .cstmreba img[width="1"],
#main .entry-content .cstmreba img[height="1"]{
  width:1px !important; height:1px !important; position:absolute !important; opacity:0;
}
#main .entry-content .cstmreba .kaerebalink-image{ position:relative; }
#main .entry-content .cstmreba .kaerebalink-info{
  flex:1 1 auto; margin:0 !important; padding:0 !important;
  border:0 !important; background:none !important; overflow:visible !important;
}
#main .entry-content .cstmreba .kaerebalink-name{ margin:0 0 4px !important; }
#main .entry-content .cstmreba .kaerebalink-name p{ margin:0 !important; font-size:14.5px !important; line-height:1.6 !important; }
#main .entry-content .cstmreba .kaerebalink-name a{
  color:var(--k-strong) !important; font-weight:700; text-decoration:none !important;
}
#main .entry-content .cstmreba .kaerebalink-powered-date{
  font-size:11px !important; color:var(--k-weak) !important; margin:0 0 10px !important;
}
#main .entry-content .cstmreba .kaerebalink-powered-date a{ color:var(--k-weak) !important; text-decoration:none !important; }
#main .entry-content .cstmreba .kaerebalink-link1{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:0 !important; padding:0 !important; border:0 !important;
}
#main .entry-content .cstmreba .kaerebalink-link1 > div{
  margin:0 !important; padding:0 !important; float:none !important;
  background:none !important; border:0 !important; width:auto !important;
}
#main .entry-content .cstmreba .kaerebalink-link1 a{
  display:inline-block;
  background:var(--k-ground) !important;
  color:var(--k-ac) !important;
  font-size:13px !important;
  font-weight:700;
  line-height:1.2;
  padding:9px 14px !important;
  margin:0 !important;
  text-decoration:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  white-space:nowrap;
}
#main .entry-content .cstmreba .kaerebalink-link1 a:hover{ background:var(--k-ac) !important; color:#fff !important; }
#main .entry-content .cstmreba .booklink-footer,
#main .entry-content .cstmreba .kaerebalink-footer{ clear:both; }

/* ---------- 表 ----------
   格子の線をやめ、見出しの行だけ塗る。狭い画面では横に送る。 */
#main .entry-content table,
#main .entry-content table.tablepress{
  width:100% !important; border-collapse:collapse !important;
  font-size:14px !important; margin:22px 0 !important; border:0 !important;
}
#main .entry-content table th,
#main .entry-content table.tablepress th{
  background:var(--k-strong) !important; color:#fff !important;
  font-weight:700 !important; padding:11px 13px !important;
  text-align:left !important; border:0 !important; font-size:13.5px !important;
}
#main .entry-content table td,
#main .entry-content table.tablepress td{
  padding:11px 13px !important; border:0 !important;
  vertical-align:top !important; line-height:1.7 !important;
}
#main .entry-content table.tablepress tbody tr:nth-child(even) td{ background:var(--k-surf2) !important; }
#main .entry-content table.tablepress tbody tr:nth-child(odd) td{ background:var(--k-quiet) !important; }
#main .entry-content table.tablepress .column-1{ font-weight:700; color:var(--k-strong); }
#main .entry-content .tablepress-scroll-wrapper,
#main .entry-content .k-tablewrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:22px 0; }
#main .entry-content .k-tablewrap table{ margin:0 !important; min-width:520px; }
#main .entry-content .tablepress-table-description{ font-size:12.5px; color:var(--k-muted); }

/* ---------- 記事の中に置く関連記事 532か所 ---------- */
#main .entry-content .related_article{
  background:var(--k-quiet) !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  margin:22px 0 !important; padding:0 !important;
}
#main .entry-content .related_article .related_article__link{
  display:flex !important; align-items:center; gap:12px;
  padding:12px !important; text-decoration:none !important;
}
#main .entry-content .related_article .eyecatch{
  width:88px !important; min-width:88px !important; height:60px !important;
  margin:0 !important; overflow:hidden;
}
#main .entry-content .related_article .eyecatch img{ width:100% !important; height:100% !important; object-fit:cover; }
#main .entry-content .related_article .related_article__ttl{
  font-size:14px !important; font-weight:700 !important; line-height:1.5 !important;
  color:var(--k-strong) !important; margin:0 !important;
}
#main .entry-content .related_article .related_article__meta,
#main .entry-content .related_article .time__date{ font-size:11.5px !important; color:var(--k-weak) !important; }
#main .entry-content .related_article::before,
#main .entry-content .related_article::after{ display:none !important; }

/* ---------- 補足と引用 ---------- */
#main .entry-content .supplement,
#main .entry-content .boader,
#main .entry-content blockquote{
  background:var(--k-quiet) !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; padding:15px 16px !important; margin:22px 0 !important;
  font-size:14.5px !important; line-height:1.8 !important;
}
#main .entry-content blockquote::before,
#main .entry-content blockquote::after{ display:none !important; }

/* ---------- 画像と間の空き ---------- */
#main .entry-content img{ max-width:100% !important; height:auto !important; }
#main .entry-content .aligncenter{ display:block; margin-left:auto; margin-right:auto; }
#main .entry-content figure{ margin:20px 0 !important; }
#main .entry-content figcaption{ font-size:12.5px !important; color:var(--k-muted) !important; margin-top:6px; }
/* 空の段落と改行だけの行で間が開きすぎないようにする */
#main .entry-content p:empty{ display:none !important; }
#main .entry-content p.k-empty{ display:none !important; }
#main .entry-content br + br{ display:none; }

/* ---------- 押せるところ ---------- */
#main .entry-content .btn-wrap a,
#main .entry-content .stk-btn,
#main .entry-content .wp-block-button__link{
  background:var(--k-ac) !important; color:#fff !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  text-shadow:none !important; font-weight:700; padding:13px 20px !important;
  text-decoration:none !important; display:inline-block;
}

/* ---------- 見出しの間 ---------- */
#main .entry-content h2{ margin-top:44px !important; }
#main .entry-content h2 + p,
#main .entry-content h3 + p{ margin-top:10px !important; }

/* ---------- PC ---------- */
@media only screen and (min-width:768px){
  #main .entry-content .cstmreba .kaerebalink-image{ width:120px !important; min-width:120px; }
  #main .entry-content .cstmreba .kaerebalink-image a img{ width:120px !important; }
  #main .entry-content .voice .icon,
  #main .entry-content .voice figure.icon{ width:52px !important; min-width:52px !important; }
  #main .entry-content .voice .icon img,
  #main .entry-content .voice .voice_icon__img{ width:52px !important; height:52px !important; }
  #main .entry-content .related_article .eyecatch{ width:120px !important; min-width:120px !important; height:78px !important; }
}

/* ============================================================
   本文に残っていた飾りの続き（全177記事を数えて拾った分）
   ============================================================ */

/* ---------- メモの箱 320か所 ----------
   札の前にFont Awesomeの印が入っていて、外したあと豆腐（☒）で出ていた。 */
#main .entry-content .memo,
#main .entry-content .wp-block-stk-plugin-memo{
  background:var(--k-quiet) !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  padding:16px !important; margin:24px 0 !important;
}
#main .entry-content .memo_ttl,
#main .entry-content .memo .memo_ttl.dfont{
  color:var(--k-strong) !important;
  font-size:15.5px !important; font-weight:700 !important;
  background:none !important; border:0 !important;
  padding:0 !important; margin:0 0 8px !important;
  letter-spacing:.01em; font-family:var(--k-sys) !important;
}
#main .entry-content .memo_ttl::before,
#main .entry-content .memo_ttl::after,
#main .entry-content .memo::before,
#main .entry-content .memo::after{ display:none !important; content:none !important; }
#main .entry-content .memo p{ margin:0 0 .8em !important; font-size:15px !important; }
#main .entry-content .memo p:last-child{ margin-bottom:0 !important; }

/* ---------- もう1種類のマーカー 240か所 ---------- */
#main .entry-content .span-stk-maker-yellow,
#main .entry-content .span-stk-maker-pink,
#main .entry-content .span-stk-maker-blue,
#main .entry-content [class*="stk-maker"]{
  background:linear-gradient(transparent 62%, var(--k-ac-soft) 62%) !important;
  color:var(--k-ink) !important; font-weight:700; padding:0 !important; border:0 !important;
}

/* ---------- 気をつけることの箱 ---------- */
#main .entry-content .alert,
#main .entry-content .is-style-supplement-warning,
#main .entry-content .wp-block-stk-plugin-supplement2.is-style-supplement-warning{
  background:var(--k-note) !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  padding:16px !important; margin:24px 0 !important;
  color:var(--k-ink) !important;
}
#main .entry-content .alert::before,
#main .entry-content .alert::after{ display:none !important; content:none !important; }
#main .entry-content .alert .alert_ttl,
#main .entry-content .is-style-supplement-warning .memo_ttl{ color:var(--k-note-ink) !important; }

/* ---------- 補足2・アイコン付きの一覧・自前の箱 ---------- */
#main .entry-content .wp-block-stk-plugin-supplement2,
#main .entry-content .wp-block-stk-plugin-cbox,
#main .entry-content .list-icon-box_color,
#main .entry-content .custom-box10{
  background:var(--k-quiet) !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  padding:16px !important; margin:24px 0 !important;
}
#main .entry-content .custom-box10-title,
#main .entry-content .custom-box10-label{
  background:none !important; border:0 !important; color:var(--k-strong) !important;
  font-size:15.5px !important; font-weight:700 !important;
  padding:0 !important; margin:0 0 8px !important; position:static !important;
  display:block !important; width:auto !important;
}
#main .entry-content .custom-box10-title::before,
#main .entry-content .custom-box10-label::before,
#main .entry-content .list-icon-box_color li::before{ display:none !important; content:none !important; }
#main .entry-content .list-icon-box_color ul,
#main .entry-content .list-icon-box_color ol{ margin:0 !important; padding-left:1.4em !important; }
#main .entry-content .list-icon-box_color li{ list-style:disc !important; }

/* ---------- 色の指定を使っている文字 ---------- */
#main .entry-content .is-style-site_color,
#main .entry-content .is-style-editor_color1,
#main .entry-content .has-inline-color,
#main .entry-content .has-black-color{ color:var(--k-ink) !important; }
#main .entry-content strong.is-style-site_color,
#main .entry-content strong.is-style-editor_color1{ color:var(--k-strong) !important; }
#main .entry-content .labeltext{
  background:none !important; border:0 !important; color:var(--k-strong) !important;
  font-weight:700 !important; padding:0 !important; border-radius:0 !important;
}

/* ---------- 表（ブロックで作った分） ---------- */
#main .entry-content .wp-block-table{ margin:22px 0 !important; overflow-x:auto; }
#main .entry-content .wp-block-table table{ margin:0 !important; }
#main .entry-content .stk-table-thdesign th{ background:var(--k-strong) !important; color:#fff !important; }
#main .entry-content .stk-table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
#main .entry-content .stk-table-scroll table{ min-width:520px; }

/* ---------- 貼り付けのときに混ざった空の箱 ---------- */
#main .entry-content .aem-Grid,
#main .entry-content .aem-GridColumn,
#main .entry-content [class*="react-scroll-to-bottom"]{
  display:contents !important;
}

/* ---------- 埋め込み ---------- */
#main .entry-content .twitter-tweet,
#main .entry-content .wp-block-embed{ margin:22px auto !important; }
#main .entry-content .wp-block-embed__wrapper{ position:relative; }
#main .entry-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper{ padding-top:56.25%; }
#main .entry-content .wp-embed-aspect-16-9 iframe{
  position:absolute; top:0; left:0; width:100% !important; height:100% !important;
}

/* ---------- 画像ブロック ---------- */
#main .entry-content .wp-block-image{ margin:20px 0 !important; }
#main .entry-content .wp-block-image img{ border:0 !important; border-radius:0 !important; box-shadow:none !important; }
#main .entry-content .wp-block-image figcaption{ font-size:12.5px !important; color:var(--k-muted) !important; text-align:center; }

/* ---------- 箱の中の文字の色 ----------
   親テーマが箱の型ごとに文字の色を決めていて、黄色の箱の中が黄土色（#636546）、
   青の箱が青みがかった灰色になっていた。面をそろえたので文字も本文と同じ色に戻す。 */
#main .entry-content .cbox,
#main .entry-content .cbox p,
#main .entry-content .cbox li,
#main .entry-content .cbox td,
#main .entry-content .cbox .cboxcomment,
#main .entry-content .memo,
#main .entry-content .memo p,
#main .entry-content .memo li,
#main .entry-content .wp-block-stk-plugin-cbox,
#main .entry-content .wp-block-stk-plugin-cbox p,
#main .entry-content .wp-block-stk-plugin-supplement2,
#main .entry-content .wp-block-stk-plugin-supplement2 p,
#main .entry-content .custom-box10,
#main .entry-content .custom-box10 p,
#main .entry-content .custom-box10 li,
#main .entry-content .list-icon-box_color,
#main .entry-content .list-icon-box_color li{
  color:var(--k-ink) !important;
}
#main .entry-content .cbox strong,
#main .entry-content .memo strong,
#main .entry-content .wp-block-stk-plugin-cbox strong{ color:var(--k-strong) !important; }
#main .entry-content .cbox a,
#main .entry-content .memo a{ color:var(--k-ac) !important; }
/* 気をつけることの箱だけは札を赤にしてある */
#main .entry-content .cbox.is-style-red_box .span__box_title,
#main .entry-content .alert .alert_ttl{ color:var(--k-note-ink) !important; }

/* ---------- 表が画面からはみ出さないようにする ----------
   2列しかないのに幅406pxになる表があった。長い英数字が折り返せていない。 */
#main .entry-content table{ max-width:100% !important; }
#main .entry-content table td,
#main .entry-content table th{ overflow-wrap:anywhere; }
#main .entry-content table img{ max-width:100% !important; height:auto !important; }

/* ---------- 列の少ない表は横スクロールさせず画面に収める ----------
   2列しかない表が843〜1,104pxまで広がり、横に振らないと読めなかった。
   3列までは画面の幅で割り付ける。4列からは今までどおり横に送る。 */
#main .entry-content table:not(:has(tr > *:nth-child(4))){
  table-layout:fixed !important;
  width:100% !important;
  min-width:0 !important;
}
#main .entry-content .wp-block-table:has(table:not(:has(tr > *:nth-child(4)))),
#main .entry-content .stk-table-scroll:has(table:not(:has(tr > *:nth-child(4)))){
  overflow-x:visible;
}

/* ---------- 新しい型の記事で使っている箱 ----------
   p タグに直接クラスが付く型が9種類あった（supplement-warning / -normal / -succes /
   -hint / -memo、glay_box、memo、warning、hint）。中の文字も薄いグレーのままだった。 */
#main .entry-content [class*="is-style-supplement"],
#main .entry-content .is-style-glay_box,
#main .entry-content .is-style-memo,
#main .entry-content .is-style-hint,
#main .entry-content .is-style-warning{
  background:var(--k-quiet) !important;
  color:var(--k-ink) !important;
  border:0 !important; border-left:0 !important; border-radius:0 !important;
  box-shadow:none !important;
  padding:15px 16px !important;
  margin:22px 0 !important;
  font-size:15px !important;
  line-height:1.85 !important;
}
#main .entry-content [class*="is-style-supplement"]::before,
#main .entry-content [class*="is-style-supplement"]::after,
#main .entry-content .is-style-warning::before,
#main .entry-content .is-style-hint::before{ display:none !important; content:none !important; }
/* 気をつけることだけ面を変える */
#main .entry-content .is-style-supplement-warning,
#main .entry-content .is-style-warning{ background:var(--k-note) !important; }
#main .entry-content [class*="is-style-supplement"] strong,
#main .entry-content .is-style-glay_box strong{ color:var(--k-strong) !important; }
#main .entry-content [class*="is-style-supplement"] a{ color:var(--k-ac) !important; }
/* 文字の色を変えるだけのもの */
#main .entry-content .is-style-editor_color2{ color:var(--k-ink) !important; }
#main .entry-content strong.is-style-editor_color2{ color:var(--k-strong) !important; }

/* ============================================================
   2026-09-10 の直し
   ・小見出し（h3）が太字だけで章の切れ目が出ていなかった
   ・箱がグレーの面に文字を置いただけで、余白も間延びしていた
   ・SNSのシェアボタンは要らないと言われたので出さない
   ============================================================ */

/* ---------- 小見出し ----------
   大見出しは青い四角の番号＋グレーの帯。小見出しはそれより軽く、
   青の帯とうすい面で切れ目を出す。 */
#main .entry-content h3,
#main .entry-content h3.wp-block-heading{
  position:relative !important;
  background:var(--k-surf2) !important;
  padding:9px 14px 9px 18px !important;
  margin:36px 0 12px !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  color:var(--k-strong) !important;
  border:0 !important;
  border-radius:var(--k-r) !important;
}
#main .entry-content h3::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0; top:0; bottom:0; width:5px;
  background:var(--k-ac) !important;
  border-radius:var(--k-r) 0 0 var(--k-r);
}
#main .entry-content h3::after{ display:none !important; content:none !important; }
/* 一覧や関連記事の見出しには付けない */
#main .archives-list-entry-content h3::before,
#related-box h3::before, #np-post h3::before,
.k-poplist h3::before, #main .entry-content .k-verify h3::before,
#main .entry-content .cbox h3::before, #main .entry-content .memo h3::before{
  content:none !important; display:none !important;
}
#main .archives-list-entry-content h3,
#related-box h3, #np-post h3, .k-poplist h3{
  background:none !important; padding:0 !important;
}

/* 小見出しの下の段落は詰める */
#main .entry-content h3 + p,
#main .entry-content h3 + ul,
#main .entry-content h3 + ol,
#main .entry-content h3 + div,
#main .entry-content h3 + figure,
#main .entry-content h3 + picture{ margin-top:0 !important; }

/* ---------- 箱の中の余白 ----------
   面に文字を置いただけで間が空きすぎていた。札に青の印を付け、行の間を詰める。 */
#main .entry-content .cbox,
#main .entry-content .memo,
#main .entry-content .wp-block-stk-plugin-cbox,
#main .entry-content .custom-box10,
#main .entry-content .list-icon-box_color{
  padding:14px 16px 15px !important;
  margin:22px 0 !important;
  border-radius:var(--k-r) !important;
}
#main .entry-content .cbox .box_title,
#main .entry-content .memo .memo_ttl,
#main .entry-content .custom-box10-title{
  position:relative !important;
  padding-left:11px !important;
  margin:0 0 9px !important;
}
#main .entry-content .cbox .box_title::before,
#main .entry-content .memo .memo_ttl::before,
#main .entry-content .custom-box10-title::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0; top:.2em; bottom:.2em; width:4px;
  background:var(--k-ac) !important;
}
/* 気をつけることの箱は印も赤 */
#main .entry-content .cbox.is-style-red_box .box_title::before{ background:var(--k-note-ink) !important; }

/* 箱の中の行を詰める */
#main .entry-content .cbox ul,
#main .entry-content .cbox ol,
#main .entry-content .memo ul,
#main .entry-content .memo ol,
#main .entry-content .custom-box10 ul,
#main .entry-content .list-icon-box_color ul{
  margin:0 0 .5em !important;
  padding-left:1.25em !important;
}
#main .entry-content .cbox ul:last-child,
#main .entry-content .cbox ol:last-child,
#main .entry-content .memo ul:last-child,
#main .entry-content .memo ol:last-child{ margin-bottom:0 !important; }
#main .entry-content .cbox li,
#main .entry-content .memo li,
#main .entry-content .custom-box10 li,
#main .entry-content .list-icon-box_color li{
  margin-bottom:.28em !important;
  line-height:1.75 !important;
}
#main .entry-content .cbox li:last-child,
#main .entry-content .memo li:last-child{ margin-bottom:0 !important; }
#main .entry-content .cbox li::marker,
#main .entry-content .memo li::marker{ color:var(--k-ac); }
#main .entry-content .cbox p,
#main .entry-content .memo p{ margin:0 0 .6em !important; line-height:1.8 !important; }
#main .entry-content .cbox p:last-child,
#main .entry-content .memo p:last-child{ margin-bottom:0 !important; }
#main .entry-content .cbox .cboxcomment > *:first-child,
#main .entry-content .memo > *:nth-child(2){ margin-top:0 !important; }

/* ---------- SNSのシェアボタンは出さない（2026-09-10） ---------- */
#container .sharewrap,
#main .sharewrap,
#single_foot .sharewrap,
.sharewrap,
.sns_btn__ul,
ul.sns_btn__ul,
#main article .sns_btn__ul,
.sns_btn,
ul.sns_btn{ display:none !important; }
/* 記事下は囲みごと消えるので、残る前後の記事の余白をつめる */
#single_foot{ padding-top:0 !important; }

/* 箱の札の文字が14px上へ浮いていた（元のタブ状ラベルが箱の外へ飛び出す作りの名残）。
   位置の指定を打ち消して、青い印と同じ行にそろえる。 */
#main .entry-content .cbox .span__box_title,
#main .entry-content .cbox .box_title span{
  position:static !important;
  top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
  transform:none !important;
  vertical-align:baseline !important;
}

/* ---------- カテゴリを11個ぜんぶ出す（2026-09-10） ----------
   数字の帯と「すべてのカテゴリを見る」を消したので、カテゴリの一覧だけで完結させる。
   6個ちょうどではなくなり最後の行が半端になるため、grid をやめて中央にそろえる */
.k-cats{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:8px; padding:20px var(--k-pad) 10px;
}
.k-cats a{
  box-sizing:border-box;
  flex:0 0 calc((100% - 16px) / 3);
  padding:16px 4px 14px;
}
.k-cats b{ font-size:12.5px; }
.k-cats svg{ width:24px; height:24px; padding:8px; margin-bottom:7px; }
.k-cats span{ font-size:10.5px; padding:2px 8px; margin-top:5px; }

@media only screen and (min-width:960px){
  .k-cats{ gap:10px; padding:26px 0 12px; }
  .k-cats a{ flex:0 0 calc((100% - 50px) / 6); padding:20px 6px 18px; }
  .k-cats b{ font-size:14px; }
  .k-cats svg{ width:27px; height:27px; padding:10px; margin-bottom:9px; }
  .k-cats span{ font-size:11px; }
}

/* ============================================================
 * 持ち込みの早見表（2026-09-10 デザイン改修）
 * 前は 2カラム×10行。面を敷いた箱が10個、判定の塗り箱が20個、
 * 「機内持ち込み／預け入れ」の小ラベルが20個ならんでいた。
 * 四角が多いうえ、品名と判定の間が150px以上あいて視線が飛んでいた。
 * 1枚の表に組み直す。見出しは上に1本だけ。判定は塗り箱をやめて
 * 印（○△×）と文字にした。区切りは細い線を使わず1行おきの塗り分けにする。
 * 旧クラス .k-tbl のCSSは残してあるが、どこからも出力していない。
 * ========================================================== */

.k-qt{ margin-top:2px; border-radius:var(--k-r); overflow:hidden; }

/* 見出しは1本だけ。表はヘッダーだけ塗る */
.k-qt__hd{
  display:grid; grid-template-columns:42px minmax(0,1fr) 232px 232px;
  gap:0 14px;
  background:var(--k-ink2); color:#fff;
  padding:10px 18px;
  font-size:12px; font-weight:700; letter-spacing:.03em; line-height:1.4;
}
.k-qt__hd span:first-child{ grid-column:2 / 3; }
.k-qt__hd span:nth-child(n+2){ text-align:center; }

.k-qt__r{
  display:grid; grid-template-columns:42px minmax(0,1fr) 232px 232px;
  gap:0 14px; align-items:center;
  padding:11px 18px;
  text-decoration:none; color:var(--k-ink);
  transition:background .18s;
}
.k-qt__r:nth-of-type(even){ background:#F4F7FA; }
.k-qt__r:hover{ background:var(--k-ac-soft); }

/* 品名と、その下の条件のひとこと */
.k-qt__n{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 14px;
  font-size:15.5px; font-weight:700; color:var(--k-strong);
  line-height:1.45; padding-right:16px;
  transition:color .18s;
}
.k-qt__note{
  font-size:12.5px; font-weight:400; font-style:normal;
  color:var(--k-muted); line-height:1.5;
}

/* 判定。印で3つを見分ける。色はサイトの青とグレーだけ */
.k-qt__j{
  display:flex; align-items:center; justify-content:center; gap:9px;
  font-size:13.5px; font-weight:700; line-height:1.35;
}
.k-qt__j b{ font-weight:700; }
.k-j-yes{  color:var(--k-ac); }
.k-j-cond{ color:var(--k-ink2); }
.k-j-no{   color:#6E7B85; }

/* 何の判定かの文字はDOMに残す。画面では見出し行があるので隠す */
.k-qt__k{
  position:absolute; width:1px; height:1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}

/* 表そのものが k-up で浮き上がる。行の出方が遅れないように短くする */
.k-qt.k-up{ transition-duration:.45s; }

@media (max-width:767px){
  .k-qt{ margin-top:4px; }
  .k-qt__hd{ display:none; }
  .k-qt__r{
    grid-template-columns:38px 1fr 1fr;
    grid-template-areas:
      "ic nm nm"
      ".  j1 j2";
    gap:9px 10px;
    padding:11px 13px;
  }
  .k-qt__ic{ grid-area:ic; width:38px; height:38px; align-self:start; }
  .k-qt__ic svg{ width:26px; height:26px; }
  .k-qt__n{ grid-area:nm; display:block; font-size:15px; padding-right:0; }
  .k-qt__n .k-qt__note{ display:block; margin-top:2px; }
  .k-qt__j:nth-of-type(3){ grid-area:j1; }
  .k-qt__j:nth-of-type(4){ grid-area:j2; }
  .k-qt__hot{ font-size:10px; padding:2px 7px; }
  .k-qt__src{ gap:3px 14px; padding:10px 13px; font-size:11.5px; }
  .k-qt__src b{ font-size:15px; }
  .k-qt__src span:last-child{ margin-left:0; }
  .k-qt__j{ justify-content:flex-start; gap:8px; font-size:13px; }
  .k-mk{ flex:0 0 22px; width:22px; height:22px; }
  .k-qt__k{
    position:static; width:auto; height:auto;
    overflow:visible; clip:auto;
    display:block; margin-bottom:1px;
    font-size:10.5px; font-weight:700; letter-spacing:.02em;
    color:var(--k-muted);
  }
}

/* ============================================================
 * 早見表の作り込み（2026-09-10 第2弾）
 * 「しょぼい」と言われたので、手本の my-best と同じ要素をそろえた。
 * my-best は実物写真・色の付いた印・バッジ・数字が全カードに入っている。
 * こちらは線画アイコン・色の丸印・根拠の帯・よく調べられる印・順に立ち上がる動きで作る。
 * ========================================================== */

/* 根拠の帯。表の上に置いて、どこから持ってきた判定かを先に見せる */
.k-qt__src{
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 22px;
  background:var(--k-ac-soft); padding:11px 18px;
  font-size:12px; color:var(--k-ac-deep); line-height:1.5;
}
.k-qt__src span{ display:inline-flex; align-items:baseline; gap:3px; }
.k-qt__src b{ font-size:16px; font-weight:700; letter-spacing:.01em; }
.k-qt__src span:last-child{ margin-left:auto; color:#5C7EA8; }

/* 品目のアイコン */
.k-qt__ic{
  display:flex; align-items:center; justify-content:center;
  width:42px; height:42px;
  color:var(--k-ac);
  transition:color .18s, transform .18s;
}
.k-qt__ic svg{ width:30px; height:30px; stroke-width:1.75; }

/* 品名と、そこに付く「よく調べられる」の印 */
.k-qt__nm{ display:inline-flex; align-items:center; flex-wrap:wrap; gap:8px; }
.k-qt__hot{
  font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.02em;
  color:var(--k-ac-deep); background:var(--k-ac-soft);
  padding:3px 9px; border-radius:999px; white-space:nowrap;
}

/* 判定の丸印 */
.k-mk{ flex:0 0 24px; width:24px; height:24px; display:block; }

/* 行が下から順に立ち上がる */
.k-qt.is-in .k-qt__r{ animation:k-qt-in .5s cubic-bezier(.2,.8,.25,1) both; animation-delay:var(--d,0ms); }
@keyframes k-qt-in{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }

/* カーソルを乗せたら左に青い面が出て、アイコンが少し大きくなる */
.k-qt__r{ position:relative; }
.k-qt__r::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--k-ac); transform:scaleY(0); transform-origin:center;
  transition:transform .2s ease;
}
.k-qt__r:hover::before{ transform:scaleY(1); }
.k-qt__r:hover .k-qt__ic{ color:var(--k-ac-deep); transform:scale(1.12); }
.k-qt__r:hover .k-qt__nm{ color:var(--k-ac-deep); }

@media (prefers-reduced-motion:reduce){
  .k-qt.is-in .k-qt__r{ animation:none !important; }
}

/* 印の見方 */
.k-qt__lg{
  display:flex; flex-wrap:wrap; gap:8px 26px;
  padding:13px 18px 2px;
  font-size:12.5px; color:var(--k-muted);
}
.k-qt__lg span{ display:inline-flex; align-items:center; gap:7px; }
.k-qt__lg .k-mk{ flex:0 0 19px; width:19px; height:19px; }
@media (max-width:767px){
  .k-qt__lg{ gap:7px 18px; padding:11px 13px 0; font-size:11.5px; }
  .k-qt__lg .k-mk{ flex:0 0 17px; width:17px; height:17px; }
}

/* ---------- 新着ニュース（2026-09-10 追加） ----------
   1日4〜7本のニュースをトップの真ん中に出す。並びは「よく読まれている」と同じ。
   いちばん新しい1本にだけ札を付ける。線は引かない。 */
.k-newslist .archives-list-entry-content h2.entry-title{
  display:flex; align-items:center; gap:9px; flex-wrap:wrap;
}
.k-nl__new{
  flex:0 0 auto; background:#E0243A; color:#fff;
  font-size:10.5px; font-weight:700; letter-spacing:.06em;
  padding:3px 9px; border-radius:var(--k-r); line-height:1.5;
}
.k-nl__more{
  display:block; margin:16px var(--k-pad) 4px;
  padding:14px 18px; background:var(--k-ac-soft); color:var(--k-ac-deep);
  font-size:13.5px; font-weight:700; text-align:center; text-decoration:none;
  border-radius:var(--k-r); transition:background .18s;
}
.k-nl__more:hover{ background:#CFE1F7; color:var(--k-ac-deep); text-decoration:none; }

/* ============================================================
 * 12章 記事の下の関連記事（2026-09-10）
 * 本文のすぐ下に6本。前半3本が近い話、後半3本が次に読む記事。
 * 区切りは薄い面と余白だけ。線も影も使わない。
 * ========================================================= */
#main #single_foot .k-rel{
  margin:34px 0 6px; padding:20px 14px 22px;
  background:var(--k-surf); border-radius:var(--k-r);
}
#main #single_foot .k-rel__g + .k-rel__g{ margin-top:24px; }
#main #single_foot .k-rel__h{
  margin:0 0 12px !important; padding:0 !important;
  background:none !important; border:0 !important; border-radius:0 !important;
  font-family:var(--k-sys) !important; font-size:17px !important; font-weight:700 !important;
  line-height:1.4 !important; color:var(--k-strong) !important; letter-spacing:.2px;
}
#main #single_foot .k-rel__h::before,
#main #single_foot .k-rel__h::after{ display:none !important; }
#main #single_foot .k-rel__list{
  display:grid; grid-template-columns:repeat(2,1fr); gap:12px;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
#main #single_foot .k-rel__list > li{
  margin:0 !important; padding:0 !important; list-style:none !important;
  font-size:inherit;
}
#main #single_foot .k-rel__list > li::before,
#main #single_foot .k-rel__list > li::marker{ content:none !important; display:none !important; }
/* AdSenseの自動広告がグリッドの中へ入ってきても崩れないよう横いっぱいにする */
#main #single_foot .k-rel__list > .google-auto-placed,
#main #single_foot .k-rel__list > ins{ grid-column:1 / -1; }

/* .k-rel__a を display:flex にしてはいけない。
   flex アイテムになった .k-rel__t の display:-webkit-box が flow-root へ変換され、
   -webkit-line-clamp が効かなくなって4行目が途中まで見えてしまう。
   高さは画像の aspect-ratio とタイトルの固定高さで揃える。 */
#main #single_foot .k-rel__a{
  display:block; width:100%;
  background:var(--k-ground); border-radius:var(--k-r);
  overflow:hidden; text-decoration:none !important; color:var(--k-ink) !important;
  transition:transform .18s ease;
}
#main #single_foot .k-rel__a:hover{ transform:translateY(-2px); }
#main #single_foot .k-rel__th{
  display:block; aspect-ratio:485 / 300;
  background:var(--k-surf2); overflow:hidden;
}
#main #single_foot .k-rel__th img{
  width:100% !important; height:100% !important; object-fit:cover;
  margin:0 !important; border-radius:0 !important; display:block;
  transition:transform .3s ease;
}
#main #single_foot .k-rel__a:hover .k-rel__th img{ transform:scale(1.05); }
#main #single_foot .k-rel__noimg{ display:block; width:100%; height:100%; background:var(--k-surf2); }
#main #single_foot .k-rel__t{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
  overflow:hidden; height:calc(1.5em * 3 + 4px);  /* 3行ぶん＋余裕。文字の下が切れないように */
  margin:9px 10px 12px; padding:0;
  font-size:13px; font-weight:700; line-height:1.5;
  color:var(--k-strong);
}
#main #single_foot .k-rel__a:hover .k-rel__t{ color:var(--k-ac) !important; }

@media only screen and (min-width:768px){
  #main #single_foot .k-rel{ padding:24px 20px 26px; margin-top:40px; }
  #main #single_foot .k-rel__h{ font-size:19px !important; margin-bottom:14px !important; }
  #main #single_foot .k-rel__list{ gap:14px; }
  #main #single_foot .k-rel__t{ font-size:13.5px; margin:10px 12px 14px; }
  #main #single_foot .k-rel__g + .k-rel__g{ margin-top:28px; }
}
@media (prefers-reduced-motion: reduce){
  #main #single_foot .k-rel__a,
  #main #single_foot .k-rel__th img{ transition:none !important; }
  #main #single_foot .k-rel__a:hover{ transform:none !important; }
  #main #single_foot .k-rel__a:hover .k-rel__th img{ transform:none !important; }
}

/* ============================================================
 * 16章 関連記事のグリッドに広告が割り込んでも崩れないようにする（2026-09-10）
 *
 * AdSense の自動広告は <div class="google-auto-placed"> をグリッドの中へ差し込む。
 * そのままだとカードとカードの間に入って6本がバラバラに散る（実際に散った）。
 * 広告は消さず、数も減らさず、並びの最後へ回して横いっぱいに出す。
 * ★kami-ain.css の方が後に読まれるので !important が要る。
 * ========================================================= */
.k-ain .ai-grid > .google-auto-placed,
.k-ain .ai-grid > ins.adsbygoogle{
  grid-column:1 / -1 !important;
  order:99 !important;
}
.k-ain .ai-grid > .ai-card{ order:1 !important; }

/* 旧デザインの関連記事にも同じ手当てをしておく */
#main #single_foot .k-rel__list > .google-auto-placed,
#main #single_foot .k-rel__list > ins.adsbygoogle{ grid-column:1 / -1; order:99; }
#main #single_foot .k-rel__list > li{ order:1; }

/* 関連記事はスマホでも2列にする（2026-09-10）
 * kami-ain.css は 680px 以下で ai-grid--4 を1列にしている。
 * 1列だとカードが大きくなり、自動広告がカードの中まで入り込んで背が伸びた。
 * ここは記事下の関連記事（.ai-rel）だけに効かせる。ほかの一覧は向こうの指定のまま。 */
@media (max-width:680px){
  .k-ain .ai-rel .ai-grid--4,
  .k-ain .ai-rel .ai-grid--3,
  .k-ain .ai-rel .ai-grid--2{ grid-template-columns:repeat(2,1fr) !important; }
  .k-ain .ai-rel .ai-grid{ gap:16px 12px !important; }
  .k-ain .ai-rel .ai-card__title{ font-size:13px !important; line-height:1.55 !important; }
}

/* 関連記事のところでは「目次へ」を引っ込める（2026-09-10・17章と対）
 * 目次プラグインが style="display:block" を書き直し続けるので、
 * JS から style をいじっても消される。クラスと !important で消す。 */
#rtoc_return.k-toc-away{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* ============================================================
 * 18章 豆腐（☒）を消して箇条書きの黒丸を戻す（2026-09-10）
 *
 * このサイトは速度対策で Font Awesome を読み込んでいない。
 * それなのにテーマのCSSが li の list-style を none にしたうえで
 * ::before に U+F111（丸）、a::after に U+F35D（外部リンク）を出そうとするので、
 * 記事本文の箇条書きの先頭と /chien/ のリンクの後ろに豆腐が出ていた。
 * 印は黒丸に戻す（藤井さんの恒久ルール）。
 * ========================================================= */
.k-ain .ai-body ul li::before,
.k-ain .ai-body ol li::before{ content:none !important; display:none !important; }
.k-ain .ai-body ul{ list-style:disc !important; padding-left:1.45em !important; }
.k-ain .ai-body ul li{ list-style:disc !important; padding-left:0 !important; }
.k-ain .ai-body ol{ list-style:decimal !important; padding-left:1.6em !important; }
.k-ain .ai-body ol li{ list-style:decimal !important; padding-left:0 !important; }
.k-ain .ai-body a::after{ content:none !important; display:none !important; }

/* 記事の頭の「答えの一言」（2026-09-10・19章）
 * スクロールしなくても答えが見えるようにする。線では囲まず、薄い面と余白で区切る。 */
.k-ain .k-ans,
#main .entry-content .k-ans{
  margin:0 0 20px !important;
  padding:15px 16px !important;
  background:#F0F5FC !important;
  border-radius:8px !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.72 !important;
  color:#12212e !important;
}
@media (min-width:768px){
  .k-ain .k-ans,
  #main .entry-content .k-ans{ font-size:16px !important; padding:17px 19px !important; }
}

/* 答えの一言がタイトルのすぐ下に来たときの余白（2026-09-10・19章） */
.k-ain .ai-single__head + .k-ans{ margin:14px 0 18px !important; }