@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.4
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** 子カテゴリーの写真タイル（きぬた型・2026-08-10）
** ※カスタマイザーの追加CSSは本人が編集中に上書きされるため、
**   構造的なCSSはこのファイルに置く
************************************/
.cat-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 16px 0 6px; }
@media screen and (max-width: 834px){ .cat-tiles { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
.cat-tile {
  position: relative; display: block; height: 150px; border-radius: 6px; overflow: hidden;
  background-size: cover; background-position: center; background-color: #C9CFD4;
  text-decoration: none; filter: saturate(.62); transition: filter .3s ease;
}
@media screen and (max-width: 834px){ .cat-tile { height: 120px; } }
.cat-tile::before { content: ''; position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(20,28,34,.36); }
.cat-tile:hover { filter: saturate(.95); }
.cat-tile-in {
  position: absolute; top:0; left:0; right:0; bottom:0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  color: #FFFFFF; text-align: center; font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.cat-tile-en { font-size: 17px; font-weight: 500; letter-spacing: .16em; }
.cat-tile-ja { font-size: 12px; letter-spacing: .12em; margin-top: 5px; opacity: .92; }

/************************************
** NEW POST / POPULAR のタブは文字＋下線
************************************/
.tabbox-nav { justify-content: center; gap: 34px; }
.tabbox-nav .tabbox-btn, .tabbox-btn {
  background: transparent !important; color: #9AA0A6 !important;
  font-weight: 500 !important; border: none !important;
  border-bottom: 1px solid #E2E6EA !important;
  flex: 0 0 auto !important; width: auto !important; position: relative;
}
.tabbox-nav .tabbox-btn.is-active, .tabbox-btn.is-active { color: #333333 !important; background: transparent !important; }
.tabbox-nav .tabbox-btn.is-active::after, .tabbox-btn.is-active::after {
  content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important;
  bottom: -1px !important; top: auto !important; width: auto !important; height: 2px !important;
  background: #333333 !important; border: none !important; transform: none !important; margin: 0 !important;
}

/************************************
** カードのカテゴリーは日付の後ろ（JSでメタ行へ移動）
************************************/
.widget-entry-cards .card-thumb .cat-label { display: none !important; }
.widget-entry-card-date .card-cat { color: #9AA0A6; }
.widget-entry-card-date .card-cat .fa { margin-right: 4px; }

/************************************
** フッターの文字をさらに小さく
************************************/
#footer, #footer a, #footer .footer-bottom, #footer .navi-footer-in a { font-size: 11px !important; }
#footer .copyright { font-size: 10px !important; }
#footer .footer-bottom { padding: 11px 8px !important; }
#footer .navi-footer-in a { padding: 4px 12px !important; }

/************************************
** スマホのCATEGORY（MENU）ドロワー：透過を強めて閉じるボタンを細い×に
************************************/
#navi-menu-content, .navi-menu-content.menu-content {
  background: rgba(31,78,121,.70) !important;
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);
}
.menu-close-button, .navi-menu-close-button {
  background: transparent !important; border: none !important;
  width: 48px !important; height: 48px !important; line-height: 48px !important;
  text-align: center; opacity: .9;
}
.menu-close-button .fa, .navi-menu-close-button .fa {
  font-size: 22px !important; font-weight: 300; color: #FFFFFF;
}
.menu-close-button:hover, .navi-menu-close-button:hover { opacity: .6; }
.menu-drawer a { letter-spacing: .08em; }

/************************************
** サイドバー見出し：トップと同じ「英字＋和文」に
************************************/
#sidebar .widget-sidebar-title::after {
  display: block; margin-top: 3px;
  font-size: 11px; font-weight: 400; letter-spacing: .14em; color: #9AA0A6;
}
#sidebar #block-55 .widget-sidebar-title::after { content: 'ピックアップ'; }
#sidebar .widget_popular_entries .widget-sidebar-title::after { content: 'よく読まれている記事'; }
#sidebar .widget_nav_menu .widget-sidebar-title::after { content: 'カテゴリー'; }
#sidebar .widget_author_box .widget-sidebar-title::after { content: '書いている人'; }
/* SEARCHは見出しなし */
#sidebar #block-2 .widget-sidebar-title { display: none !important; }

/************************************
** カテゴリーページ：記事カードにカテゴリー名を出さない
************************************/
body.category .entry-card .cat-label, body.archive .entry-card .cat-label { display: none !important; }

/************************************
** ページ送り
************************************/
.pagination, .pagination-next { margin: 36px 0 10px; }
.pagination .page-numbers, .pagination-next-link {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; height: 38px; padding: 0 12px; margin: 0 4px;
  border: 1px solid #E2E6EA !important; border-radius: 0 !important; background: #FFFFFF !important;
  color: #3A4A55 !important; font-size: 13px; letter-spacing: .08em; text-decoration: none;
  transition: border-color .2s ease, color .2s ease;
}
.pagination .page-numbers.current {
  background: #333333 !important; border-color: #333333 !important; color: #FFFFFF !important;
}
.pagination .page-numbers:hover, .pagination-next-link:hover { border-color: #333333 !important; color: #333333 !important; }
.pagination .page-numbers.dots { border-color: transparent !important; }
.pagination-next-link { width: 100%; max-width: 320px; height: 46px; margin: 0 auto; }

/************************************
** ヘッダーの透過は少し戻す／フッターはさらに小さく・狭く
************************************/
#header-container { background: rgba(31,78,121,.87) !important; }
#footer, #footer a, #footer .footer-bottom, #footer .navi-footer-in a { font-size: 10px !important; }
#footer .copyright { font-size: 9px !important; }
#footer .footer-bottom { padding: 8px 8px !important; margin-top: 0 !important; }
#footer .navi-footer-in a { padding: 3px 10px !important; }
#footer .footer-in { max-width: 900px; margin-left: auto !important; margin-right: auto !important; }
#footer .footer-widgets { display: none !important; }

/************************************
** こまかい調整（2026-08-10）
************************************/
/* グローバルナビのサブメニュー矢印を文字から離す */
#navi .menu-header .caption-wrap, #navi .item-label { margin-right: 2px; }
#navi .menu-header .has-sub > a .fa, #navi .menu-header .sub-menu-icon, #navi .menu-header > li.menu-item-has-children > a::after { margin-left: 8px !important; }
#navi .menu-header > li.menu-item-has-children > a .fa-angle-down { margin-left: 8px !important; }

/* 検索ボックス：フォーカス枠の青をやめる */
.search-edit:focus, .search-box input[type=text]:focus, #sidebar .search-edit:focus, .hdr-search-panel .search-edit:focus {
  outline: none !important; box-shadow: none !important; border-color: #333333 !important;
}

/* 国タイル：英字と和文を近づける */
.cat-tile-en { line-height: 1.2; }
.cat-tile-ja { margin-top: 1px; line-height: 1.3; }

/* カテゴリーページの「次のページ」テキストリンクは出さない */
.pagination-next { display: none !important; }

/************************************
** 2026-08-10 仕上げ
************************************/
/* ページ送りの数字をボタンと同じ黒枠に */
.pagination .page-numbers { border-color: #333333 !important; }
.pagination .page-numbers.dots { border-color: transparent !important; }

/* スマホのフッターをコンパクトに */
@media screen and (max-width: 834px){
  #footer .footer-bottom { padding: 6px 6px !important; }
  #footer .navi-footer-in { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 0; }
  #footer .navi-footer-in a { padding: 2px 8px !important; font-size: 9.5px !important; }
  #footer .copyright { font-size: 9px !important; margin-top: 4px !important; }
  #footer .footer-bottom-logo, #footer .logo-footer { display: none !important; }
}

/* カテゴリーページの記事タイトルは左寄せ＋日付 */
body.archive .ect-vertical-card-2 .entry-card-title,
body.archive .entry-card-title { text-align: left !important; }
body.archive .entry-card-meta, body.archive .entry-card-info {
  display: flex; gap: 10px; font-size: 11px; color: #9AA0A6; letter-spacing: .04em; margin-top: 6px;
}
body.archive .entry-card-info .fa { margin-right: 4px; }

/* トップに戻るボタンを差し色に */
#go-to-top .go-to-top-button, .go-to-top-button, #go-to-top a {
  background: #E2C173 !important; color: #FFFFFF !important; border: none !important;
}

/* ピックアップのカルーセル（矢印とドット） */
.pickup-wrap { position: relative; }
.pickup-arrow {
  position: absolute; top: 42%; transform: translateY(-50%); z-index: 3;
  width: 42px; height: 42px; border-radius: 50%; border: none; cursor: pointer;
  background: rgba(255,255,255,.92); box-shadow: 0 1px 6px rgba(0,0,0,.18);
  color: #333333; font-size: 16px; line-height: 42px; text-align: center; padding: 0;
}
.pickup-arrow:hover { background: #FFFFFF; }
.pickup-prev { left: 6px; }
.pickup-next { right: 6px; }
.pickup-dots { display: flex; justify-content: center; gap: 8px; margin: 6px 0 2px; }
.pickup-dot { width: 7px; height: 7px; border-radius: 50%; border: none; padding: 0; cursor: pointer; background: #D6DCE1; }
.pickup-dot.is-active { background: #333333; }
.pickup-cards { scrollbar-width: none; }
.pickup-cards::-webkit-scrollbar { display: none; }
@media screen and (min-width: 1024px){ .pickup-card { flex: 0 0 460px; } .pickup-card-title { font-size: 16px; } }

/* PCのピックアップはさらに大きく */
@media screen and (min-width: 1024px){
  .pickup-card { flex: 0 0 460px !important; }
  .pickup-card-title { font-size: 16px !important; }
}

/************************************
** 記事見出しの字体をKOKONTABIと同じ Noto Sans JP 500 に
************************************/
.entry-content h2, .article h2,
.entry-content h3, .article h3,
.entry-content h4, .article h4,
.entry-title, .article-title, h1.entry-title {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-weight: 500 !important;
}

/* 記事のアイキャッチにカテゴリー名を出さない */
body.single .eye-catch .cat-label, .eye-catch-wrap .cat-label { display: none !important; }

/* POPULARのランキング番号は元の金・銀・銅に戻す */
.widget-entry-cards.ranking-visible .card-thumb::before {
  top: 0 !important; bottom: auto !important; left: 0 !important;
  width: 26px !important; height: 26px !important; line-height: 18px !important; padding: 4px !important;
  font-size: 12px !important; background: #7a7a7a !important;
}
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before { background: #cca11f !important; }
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before { background: #b1b1b3 !important; }
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before { background: #b37036 !important; }

/* 記事下のカテゴリー表示をサイドバーのCATEGORYと同じ形に */
.entry-categories-tags { border-top: 1px solid #ECEFF1; padding-top: 4px; }
.entry-categories-tags .cat-link, .entry-categories-tags .tag-link {
  display: flex; align-items: center; justify-content: space-between;
  background: transparent !important; border: none !important; border-bottom: 1px solid #ECEFF1 !important;
  border-radius: 0 !important; padding: 11px 2px !important; margin: 0 !important;
  font-size: 14px !important; color: #3A4A55 !important; text-decoration: none;
}
.entry-categories-tags .cat-link::after, .entry-categories-tags .tag-link::after {
  content: '\f105'; font-family: FontAwesome; color: #C8CDD2; font-size: 14px; margin-left: 8px;
}
.entry-categories-tags .cat-link:hover, .entry-categories-tags .tag-link:hover { color: #358CBC !important; }

/* 関連記事：サイドバーと同じ見出し・2列・小さめ */
.related-entry-heading, .related-entry-main-heading {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 17px !important; font-weight: 500 !important;
  letter-spacing: .1em; color: #3A4A55 !important;
  background: transparent !important; border: none !important;
  border-bottom: 1px solid #E2E6EA !important; padding: 0 0 8px !important; text-align: center;
}
.related-entry-heading::after, .related-entry-main-heading::after {
  content: '関連記事'; display: block; margin-top: 3px;
  font-size: 11px; font-weight: 400; letter-spacing: .14em; color: #9AA0A6;
}
.related-list, .related-entry-cards { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
.related-entry-card-title { font-size: 13px !important; line-height: 1.6; -webkit-line-clamp: 3; }
.related-entry-card-snippet { display: none !important; }
.related-entry-card .post-date { display: none !important; }
.related-entry-card-date, .related-entry-card .widget-entry-card-date { font-size: 10px; color: #9AA0A6; }

/************************************
** 2026-08-10 仕上げ2
************************************/
/* カルーセルの矢印＝ことりっぷ型（背景なし・端・矢印だけ） */
.pickup-arrow {
  background: transparent !important; box-shadow: none !important; border: none !important;
  width: 56px !important; height: 56px !important; border-radius: 0 !important;
  display: flex; align-items: center; justify-content: center;
  filter: drop-shadow(0 1px 3px rgba(255,255,255,.85));
  top: 40% !important;
}
.pickup-prev { left: 2px !important; }
.pickup-next { right: 2px !important; }
.pickup-arrow .fa { font-size: 34px !important; color: #FFFFFF; line-height: 1; }
.pickup-arrow:hover { background: transparent !important; }
.pickup-arrow:hover .fa { opacity: .7; }

/* 国タイルの文字を少し大きく */
.cat-tile-en { font-size: 19px; }
.cat-tile-ja { font-size: 13px; }

/* 目次の字体も見出しと同じに */
.toc .toc-title, .toc-title, .toc a, .toc-list a, #sidebar-scroll .toc a {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
.toc .toc-title, .toc-title { font-weight: 500 !important; }

/* リンクのホバーが赤（Cocoon既定）→ サイトの青に */
a:hover, .entry-content a:hover { color: #358CBC !important; }
.cat-tile:hover, .pickup-card:hover, .a-wrap:hover { color: inherit !important; }

/* 関連記事の更新日はカードの日付と同じグレー */
.related-entry-card .post-update, .related-entry-card .post-date,
.related-entry-card .entry-date, .related-entry-card .fa {
  color: #9AA0A6 !important; font-size: 10px !important;
}

/************************************
** 2026-08-10 仕上げ3
************************************/
/* 記事下のカテゴリー：ベージュのチップをやめてサイドバーと同じ行に（詳細度を上げて上書き） */
body .entry-categories-tags .entry-categories .cat-link,
body .entry-categories-tags .entry-tags .tag-link {
  background: transparent !important; background-color: transparent !important;
  border: none !important; border-bottom: 1px solid #ECEFF1 !important; border-radius: 0 !important;
  display: flex !important; align-items: center; justify-content: space-between;
  width: 100%; margin: 0 !important; padding: 11px 2px !important;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important; font-size: 14px !important; color: #3A4A55 !important;
}
body .entry-categories-tags .entry-categories { display: block !important; }
body .entry-categories-tags .cat-link .cat-icon, body .entry-categories-tags .cat-link .tax-icon { display: none !important; }
body .entry-categories-tags .entry-categories .cat-link::after {
  content: '\f105'; font-family: FontAwesome; color: #C8CDD2; font-size: 14px; margin-left: 8px;
}

/* サイドバーのCATEGORY一覧も見出しと同じ書体に */
#sidebar .widget_nav_menu ul.menu a, #sidebar .widget_nav_menu .sub-menu a {
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

/************************************
** 関連記事はトップの新着カードと同じ見た目に（2026-08-10 仕上げ4）
************************************/
.related-list { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
.related-entry-card-link { display: block !important; background: #FFFFFF; }
.related-entry-card { display: block !important; position: relative; }
.related-entry-card-thumb {
  float: none !important; width: 100% !important; margin: 0 0 8px !important;
}
.related-entry-card-thumb img { width: 100% !important; height: auto !important; aspect-ratio: 16/10; object-fit: cover; }
.related-entry-card-content { margin-left: 0 !important; }
.related-entry-card-title {
  font-size: 13.5px !important; line-height: 1.6 !important; font-weight: 500 !important;
  -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
}
.related-entry-card-meta, .related-entry-card-info { position: static !important; margin-top: 6px !important; }

/************************************
** スマホの横はみ出し・各所の修正（2026-08-11）
************************************/
.cky-modal:not(.cky-modal-open) { display: none !important; }
body { overflow-x: hidden; }
.mobile-footer-menu-buttons.mobile-menu-buttons { min-height: 54px !important; }
.mobile-footer-menu-buttons .menu-icon { font-size: 20px !important; }
.mobile-footer-menu-buttons .menu-caption { font-size: 10px !important; margin-top: 2px; }
.toc .toc-list, .toc-list { color: #3A4A55 !important; }
.toc .toc-list > li, .toc-list > li { margin-bottom: 8px; font-size: 13px; }
.toc .toc-list > li::marker, .toc-list > li::marker { color: #9AA0A6; font-size: 12px; }
.toc .toc-list a { font-size: 14px; }
.card-cat .fa + .fa { display: none !important; }
.entry-categories-tags .cat-link .fa, .entry-categories-tags .tag-link .fa { display: none !important; }
.related-entry-card-title {
  -webkit-line-clamp: initial !important; display: block !important; overflow: visible !important;
  height: auto !important; max-height: none !important;
}
.related-entry-card, .related-entry-card-link { height: auto !important; }
.entry-categories-tags { position: relative; margin-top: 26px; border-top: none !important; }
.entry-categories-tags::before {
  content: 'CATEGORY'; display: block; text-align: center;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 15px; font-weight: 500; letter-spacing: .14em; color: #3A4A55;
  border-bottom: 1px solid #E2E6EA; padding-bottom: 8px; margin-bottom: 6px;
}

/* スマホで横に433pxはみ出す原因＝PC用に1段化した#naviがモバイルでも残っていた */
@media screen and (max-width: 1023px){
  #navi { display: none !important; }
  #header-container-in, #header, #header-in, #header-in.wrap {
    width: auto !important; min-width: 0 !important; max-width: 100% !important;
  }
  #header-in .logo-header { min-width: 0; max-width: 100%; }
}

/* ヘッダー本体も画面幅に固定（スマホ） */
@media screen and (max-width: 1023px){
  #header-container { width: 100% !important; max-width: 100vw !important; right: 0 !important; left: 0 !important; }
}
/* 固定フッターの高さ（本人の指定を上書き） */
body .mobile-footer-menu-buttons.mobile-menu-buttons { min-height: 54px !important; }
body .mobile-footer-menu-buttons .menu-button { padding: 4px 0 !important; }

/* 固定フッターの高さ（ul付きの指定に勝てるよう詳細度を上げる） */
body ul.mobile-footer-menu-buttons.mobile-menu-buttons { min-height: 54px !important; }

/* スマホの横はみ出し：サイドバーの日付＋カテゴリーは折り返す */
#sidebar .widget-entry-card-date, .related-entry-card-date {
  white-space: normal !important; flex-wrap: wrap !important; row-gap: 2px;
}
#sidebar .widget-entry-card-date .card-cat, .related-entry-card .card-cat { max-width: 100%; }
.widget-entry-card-date { max-width: 100%; overflow: hidden; }
.card-cat { overflow: hidden; text-overflow: ellipsis; }

/************************************
** 2026-08-11 目次・関連記事・検索パネル
************************************/
/* 目次：大見出しの数字は黄色、小見出しは数字をやめて黄色の短い線 */
.toc .toc-list > li::marker, .toc-list > li::marker { color: #E2C173 !important; font-weight: 500; }
.toc .toc-list ol, .toc-list ol { list-style: none !important; margin-top: 6px; }
.toc .toc-list ol > li, .toc-list ol > li {
  position: relative; padding-left: 16px; margin-bottom: 6px;
}
.toc .toc-list ol > li::marker, .toc-list ol > li::marker { content: none; }
.toc .toc-list ol > li::before, .toc-list ol > li::before {
  content: ''; position: absolute; left: 0; top: .8em; width: 9px; height: 2px; background: #E2C173;
}

/* スマホの関連記事は横長1列（左サムネ・右タイトル） */
@media screen and (max-width: 834px){
  .related-list { grid-template-columns: 1fr !important; gap: 12px !important; }
  .related-entry-card { display: flex !important; align-items: flex-start; gap: 12px; }
  .related-entry-card-thumb { flex: 0 0 108px !important; width: 108px !important; margin: 0 !important; }
  .related-entry-card-thumb img { aspect-ratio: 4/3; }
  .related-entry-card-content { flex: 1 1 auto; min-width: 0; }
  .related-entry-card-title { font-size: 13px !important; }
}

/* ヘッダーの検索パネルも透過に */
.hdr-panel, .hdr-search-panel, .hdr-menu-panel {
  background: rgba(31,78,121,.80) !important;
  -webkit-backdrop-filter: saturate(140%) blur(14px) !important;
  backdrop-filter: saturate(140%) blur(14px) !important;
}
.hdr-search-panel .search-edit { background: rgba(255,255,255,.92); border: none; }

/* スマホはヘッダーの透過をもう少し強く（PCは.87のまま） */
@media screen and (max-width: 834px){
  #header-container { background: rgba(31,78,121,.72) !important; }
}

/************************************
** 2026-08-11 タブのカードと矢印
************************************/
/* POPULARのカードをNEW POSTと同じ大きさに */
.tabbox-panel .widget-entry-card-title,
.tabbox-panel .popular-entry-card-title,
.tabbox-panel .new-entry-card-title { font-size: 15px !important; line-height: 1.6 !important; }
@media screen and (max-width: 480px){
  .tabbox-panel .widget-entry-card-title,
  .tabbox-panel .popular-entry-card-title,
  .tabbox-panel .new-entry-card-title { font-size: 14px !important; }
}
.tabbox-panel .popular-entry-cards, .tabbox-panel .new-entry-cards { gap: 14px; }

/* タブ内カードの日付＋カテゴリーは見切れないよう折り返す */
.tabbox-panel .widget-entry-card-date {
  white-space: normal !important; flex-wrap: wrap !important; row-gap: 2px; gap: 8px;
  font-size: 10px !important;
}

/* カルーセルの矢印をさらに端へ */
.pickup-prev { left: 0 !important; }
.pickup-next { right: 0 !important; }
.pickup-arrow { width: 44px !important; }
@media screen and (max-width: 834px){
  .pickup-prev { left: -2px !important; }
  .pickup-next { right: -2px !important; }
  .pickup-arrow .fa { font-size: 30px !important; }
}

/* タブ内カードのタイトル（本人の16px指定に勝つ） */
.entry-content .tabbox-panel .new-entry-card-title,
.entry-content .tabbox-panel .popular-entry-card-title,
.entry-content .tabbox-panel .widget-entry-card-title { font-size: 14px !important; }
@media screen and (min-width: 835px){
  .entry-content .tabbox-panel .new-entry-card-title,
  .entry-content .tabbox-panel .popular-entry-card-title,
  .entry-content .tabbox-panel .widget-entry-card-title { font-size: 15px !important; }
}
/* 矢印の記号を本当に端へ寄せる */
.pickup-arrow { padding: 0 !important; }
.pickup-prev { justify-content: flex-start !important; }
.pickup-next { justify-content: flex-end !important; }

/* 矢印を画面の端（本文の外）まで出す */
.pickup-prev { left: calc(-1 * (50vw - 50%)) !important; }
.pickup-next { right: calc(-1 * (50vw - 50%)) !important; }

/************************************
** 2026-08-11 el BLANCO型の見出し・カード修正
************************************/
/* フォルダアイコンの二重（CSSの::beforeとJSの<span>）→ JS側を隠す */
.card-cat > .fa { display: none !important; }

/* カードのメタ行：日付→更新日→カテゴリーの順で1〜2行に収める */
.widget-entry-card-date {
  display: flex !important; flex-wrap: wrap !important; align-items: center;
  justify-content: flex-start; gap: 3px 10px !important; white-space: nowrap;
}
.widget-entry-card-date .post-date { order: 1; }
.widget-entry-card-date .post-update { order: 2; }
.widget-entry-card-date .card-cat { order: 3; display: inline-flex !important; align-items: center; }

/* ブログカードのサイト名（Tommylife〜）を出さない */
.blogcard-site, .internal-blogcard-site, .blogcard-domain, .internal-blogcard-domain,
.blogcard-footer .blogcard-site-name, .internal-blogcard-footer { display: none !important; }

/* 見出し＝el BLANCO型（h2はベタ塗り＋白文字、h3は細い下線） */
body.single .entry-content > h2 {
  background: #1F4E79 !important; color: #FFFFFF !important;
  border: none !important; border-radius: 0 !important;
  padding: 16px 22px !important; text-align: left !important;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important; font-size: 22px !important; font-weight: 500 !important;
  letter-spacing: .06em !important; line-height: 1.4 !important; margin-top: 48px !important;
}
body.single .entry-content > h3 {
  background: transparent !important; color: #3A4A55 !important;
  border: none !important; border-bottom: 1px solid #DDDDDD !important;
  padding: 0 4px 10px !important; text-align: left !important;
  font-size: 20px !important; font-weight: 500 !important; margin-top: 36px !important;
}
@media screen and (max-width: 480px){
  body.single .entry-content > h2 { font-size: 19px !important; padding: 13px 16px !important; }
  body.single .entry-content > h3 { font-size: 17px !important; }
}

/* 記事タイトル周り＝el BLANCO型（左に日付、右にタイトル） */
@media screen and (min-width: 835px){
  .article-header:not(.category-header) {
    display: grid;
    grid-template-columns: 86px 1fr;
    grid-template-areas: 'date title' 'eye eye' 'w w';
    column-gap: 20px; align-items: start;
  }
  .article-header .entry-title { grid-area: title; margin: 0 0 6px; text-align: left; }
  .article-header .date-tags {
    grid-area: date; display: flex !important; flex-direction: column; align-items: flex-start;
    gap: 2px; border-right: 1px solid #E2E6EA; padding-right: 14px; margin: 6px 0 0 !important;
    text-align: left; line-height: 1.35;
  }
  .article-header .eye-catch-wrap { grid-area: eye; margin-top: 18px; }
  .article-header > .widget { grid-area: w; }
}
.article-header .date-tags .post-date, .article-header .date-tags .post-update { white-space: nowrap; }

/* トップページに出る空の広告枠を消す */
body.home .ad-area, body.home .ad-wrap, body.home .ad-label,
body.home .ad-content-middle, body.home .ad-content-top, body.home .ad-content-bottom { display: none !important; }

/* POPULARのカードもNEW POSTと同じ見た目に（白地＋薄い影） */
.tabbox-panel .popular-entry-card-link, .tabbox-panel .widget-entry-card-link {
  background: #FFFFFF !important; box-shadow: 0 1px 6px rgba(0,0,0,.06) !important;
  padding: 5px !important; border-radius: 2px;
}
.tabbox-panel .popular-entry-card-thumb img, .tabbox-panel .new-entry-card-thumb img {
  width: 100% !important; height: auto !important; aspect-ratio: 16/9; object-fit: cover;
}
.tabbox-panel .popular-entry-card, .tabbox-panel .new-entry-card { display: block !important; }

/************************************
** 2026-08-11 仕上げ5
************************************/
/* トップの写真の角を丸く */
.pickup-card-thumb img, .tabbox-panel .card-thumb img, .widget-entry-cards .card-thumb img { border-radius: 4px; }
.pickup-card { border-radius: 6px; }

/* POPULAR・PICK UPはスマホで横長1列 */
@media screen and (max-width: 834px){
  .tabbox-panel .widget-entry-cards, .pickup-section { display: block !important; }
  .tabbox-panel .widget-entry-card-link, .pickup-section .widget-entry-card-link {
    display: block !important; width: 100% !important; margin: 0 0 12px !important;
  }
  .tabbox-panel .widget-entry-card, .pickup-section .widget-entry-card {
    display: flex !important; gap: 12px; align-items: flex-start;
  }
  .tabbox-panel .card-thumb, .pickup-section .card-thumb {
    flex: 0 0 116px !important; width: 116px !important; margin: 0 !important;
  }
  .tabbox-panel .card-thumb img, .pickup-section .card-thumb img { aspect-ratio: 4/3; object-fit: cover; }
  .tabbox-panel .card-content, .pickup-section .card-content { flex: 1 1 auto; min-width: 0; }
  .tabbox-panel .card-title, .pickup-section .card-title { text-align: left !important; }
}

/* 関連記事をコンパクトに */
.related-list { gap: 12px !important; }
.related-entry-card-title { margin: 6px 0 2px !important; }
.related-entry-card-thumb { margin-bottom: 6px !important; }
.related-entry-card-meta, .related-entry-card-info { margin-top: 2px !important; }
@media screen and (max-width: 834px){
  .related-entry-card-thumb { flex: 0 0 96px !important; width: 96px !important; }
  .related-entry-card-title { font-size: 12.5px !important; line-height: 1.55 !important; }
  .related-list { gap: 10px !important; }
}

/* 記事内の縦長画像はスマホで画面いっぱいにしない */
@media screen and (max-width: 834px){
  .entry-content img, .article img {
    max-height: 62vh; width: auto; height: auto; margin-left: auto; margin-right: auto; display: block;
  }
  .entry-content .cat-label, .entry-content .card-thumb img { max-height: none; }
}

/* 記事下のカテゴリーをもう少し整える */
body .entry-categories-tags .entry-categories { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 18px; }
@media screen and (max-width: 480px){ body .entry-categories-tags .entry-categories { grid-template-columns: 1fr; } }
body .entry-categories-tags .entry-categories .cat-link::before {
  content: '\f114'; font-family: FontAwesome; color: #E2C173; margin-right: 8px; font-size: 13px;
}

/* スマホ1列（mobile-2クラスの2列指定に勝つ） */
@media screen and (max-width: 834px){
  .tabbox-panel .widget-entry-cards.mobile-2, .tabbox-panel .widget-entry-cards,
  .widget-entry-cards.pickup-section {
    display: block !important; grid-template-columns: none !important;
  }
  .tabbox-panel .widget-entry-cards > .a-wrap,
  .widget-entry-cards.pickup-section > .a-wrap {
    width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 0 12px !important;
  }
}

@media screen and (max-width: 834px){
  .tabbox-panel .widget-entry-card-link, .widget-entry-cards.pickup-section .widget-entry-card-link {
    width: 100% !important; max-width: 100% !important; float: none !important; display: block !important;
  }
}

/************************************
** 2026-08-11 吹き出し・差し色・背景の波
************************************/
/* 吹き出し：塗りつぶし・枠なし、アイコンの輪郭は細く */
.speech-balloon {
  background: #EFF3F6 !important; border: none !important; color: #3A4A55 !important;
  border-radius: 8px !important;
}
.speech-balloon::before, .speech-balloon::after { border-right-color: #EFF3F6 !important; border-left-color: #EFF3F6 !important; }
.speech-icon-image, .speech-icon img {
  border: 1px solid #E2E6EA !important; box-shadow: none !important; padding: 0 !important;
}
.speech-name { color: #1F4E79 !important; font-size: 11px; }

/* 差し色の黄色は文字に使わない（線・アイコンのみ） */
.breadcrumb, .breadcrumb a, .breadcrumb span,
.entry-date, .post-date, .post-update, .date-tags a,
.article-header .date-tags, .article-header .date-tags a { color: #5A6B78 !important; }
.breadcrumb .fa, .date-tags .fa, .entry-date .fa, .post-date .fa, .post-update .fa { color: #9AA0A6 !important; }

/* 国タイルの左上・右下を斜めにカット */
.cat-tile {
  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
  border-radius: 0 !important;
}

/* トップページの背景にうっすら色と、見出しごとの波線 */
body.home { background: #FBFCFB; }
body.home .entry-content > h2 { position: relative; }
body.home .entry-content > h2::before {
  content: ''; display: block; height: 34px; margin: 34px calc(50% - 50vw) 26px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C 150 4 300 4 450 20 C 600 36 750 36 900 22 C 1020 10 1120 12 1200 20 L1200 40 L0 40 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center bottom / auto 34px;
}
body.home .entry-content > h2:nth-of-type(even)::before { transform: scaleX(-1); }

/* Cookieの同意バーを小さく（右下のコンパクトなカードに） */
.cky-consent-container {
  max-width: 460px !important; left: auto !important; right: 16px !important; bottom: 16px !important;
  border-radius: 8px !important; box-shadow: 0 4px 18px rgba(0,0,0,.16) !important;
}
.cky-consent-container .cky-notice-des p, .cky-consent-container .cky-title { font-size: 12px !important; line-height: 1.7 !important; }
.cky-consent-container .cky-notice-btn-wrapper .cky-btn { font-size: 12px !important; padding: 7px 10px !important; }
@media screen and (max-width: 834px){
  .cky-consent-container { max-width: none !important; right: 8px !important; left: 8px !important; bottom: 62px !important; }
}

/************************************
** 2026-08-11 見出しと目次の色をテーマの紺に統一
************************************/
/* h2＝紺のベタ塗り（ヘッダー・フッターと同じ #1F4E79） */
body.single .entry-content > h2 {
  background: #1F4E79 !important; color: #FFFFFF !important; font-weight: 500 !important;
}
/* h3＝見出しの前に紺の縦棒、太字 */
body.single .entry-content > h3 {
  border: none !important; border-left: 4px solid #1F4E79 !important;
  padding: 2px 0 2px 12px !important; font-weight: 700 !important; color: #2B3A46 !important;
}
/* h4も同系でそろえる */
body.single .entry-content > h4 {
  color: #2B3A46 !important; font-weight: 700 !important;
}

/* 目次の番号・小見出しの線も紺に */
.toc .toc-list > li::marker, .toc-list > li::marker { color: #1F4E79 !important; }
.toc .toc-list ol > li::before, .toc-list ol > li::before { background: #1F4E79 !important; }

/* カテゴリーページのタイルは角を切らない（斜めはトップだけ） */
body.category .cat-tile, body.archive .cat-tile { clip-path: none !important; border-radius: 6px !important; }
/* トップページのタイルは左上・右下を斜めに */
body.home .cat-tile {
  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px) !important;
  border-radius: 0 !important;
}

/************************************
** 関連記事・カード側に記事見出しのデザインを持ち込まない（2026-08-11）
************************************/
.related-entries h2, .related-entry-heading, .related-entry-main-heading,
.related-list h2, .related-list h3, .related-entry-card-title,
.widget-entry-card-title, .card-title, .entry-card-title, .pickup-card-title {
  background: transparent !important; color: #3A4A55 !important;
  border: none !important; border-left: none !important; border-bottom: none !important;
  padding: 0 !important; margin-top: 0 !important;
}
.related-entry-heading, .related-entry-main-heading {
  border-bottom: 1px solid #E2E6EA !important; padding: 0 0 8px !important;
  font-size: 17px !important; font-weight: 500 !important; text-align: center !important;
  letter-spacing: .14em !important; margin-bottom: 16px !important;
}
.related-entry-card-title { font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.6 !important; margin: 6px 0 2px !important; }
@media screen and (max-width: 834px){ .related-entry-card-title { font-size: 12.5px !important; } }

/************************************
** スマホのNEW POST/POPULAR横長カードの作り直し（2026-08-11）
************************************/
@media screen and (max-width: 834px){
  .tabbox-panel .widget-entry-cards .widget-entry-card,
  .widget-entry-cards.pickup-section .widget-entry-card {
    display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 12px !important;
  }
  .tabbox-panel .widget-entry-cards .card-thumb,
  .widget-entry-cards.pickup-section .card-thumb {
    flex: 0 0 116px !important; width: 116px !important; max-width: 116px !important;
    margin: 0 !important; float: none !important;
  }
  .tabbox-panel .widget-entry-cards .card-thumb img,
  .widget-entry-cards.pickup-section .card-thumb img {
    width: 116px !important; max-width: 116px !important; height: 87px !important;
    object-fit: cover; border-radius: 4px;
  }
  .tabbox-panel .widget-entry-cards .card-content,
  .widget-entry-cards.pickup-section .card-content {
    flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important;
  }
  .tabbox-panel .widget-entry-cards .card-title,
  .widget-entry-cards.pickup-section .card-title {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
    word-break: normal; overflow-wrap: anywhere;
  }
  .tabbox-panel .widget-entry-card-link { padding: 8px !important; }
}

/* スマホは1列（追加CSSの calc(50% - 6px) より詳細度を上げる） */
@media screen and (max-width: 834px){
  body.home .entry-content .new-entry-cards > a,
  body.home .entry-content .popular-entry-cards > a,
  body.home .entry-content .widget-entry-cards > a {
    width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important;
  }
}


/************************************
** 2026-08-11 記事トップのアイキャッチ／マーカー
************************************/
/* 記事トップのアイキャッチはカードと同じ16:9で表示（縦長写真が画面いっぱいになるのを防ぐ） */
.article-header:not(.category-header) .eye-catch { margin: 0; }
.article-header:not(.category-header) .eye-catch-image {
  width: 100% !important; height: auto !important;
  aspect-ratio: 16 / 9; object-fit: cover; object-position: center; display: block;
}

/* マーカーはすべて太字に */
.entry-content .marker,
.entry-content .marker-under,
.entry-content .marker2 { font-weight: 700; }

/************************************
** 2026-08-11 色と形の調整
************************************/
/* 記事のh2の青を弱める */
body.single .entry-content > h2 { background: #4A6A88 !important; }

/* 目次：番号は紺のまま、小見出しの線は黄色に戻す */
.toc .toc-list ol > li::before, .toc-list ol > li::before { background: #E2C173 !important; }

/* カテゴリーラベルは角丸＋やわらかい青 */
.cat-label, .cat-label a, .entry-category {
  border-radius: 12px !important; background: rgba(53,140,188,.86) !important;
  padding: 3px 10px !important; font-size: 11px !important; letter-spacing: .04em;
}

/* トップの見出しの文字を少し大きく */
@media screen and (max-width: 480px){
}

/* 国タイル：切り取りを大きく、右上と左下は丸みを残す */
body.home .cat-tile, .cat-tiles .cat-tile {
  border-radius: 0 10px 0 10px !important;
  clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px) !important;
}
body.category .cat-tile, body.archive .cat-tile {
  clip-path: none !important; border-radius: 6px !important;
}

/* 目次ボタンは記事ページだけ／4等分に */
body:not(.single) .mobile-footer-menu-buttons .mfb-toc { display: none !important; }
body.single .mobile-footer-menu-buttons .menu-button { width: 25% !important; }
body:not(.single) .mobile-footer-menu-buttons .menu-button { width: 33.333% !important; }

/************************************
** 2026-08-11 仕上げ7
************************************/
/* カードのメタは 投稿日→更新日→カテゴリ の順で左寄せに統一 */
.widget-entry-card-date, .entry-content .widget-entry-card-date {
  justify-content: flex-start !important; text-align: left !important;
}
.pickup-card-meta { justify-content: flex-start !important; }
.pickup-card-meta .pickup-cat { order: 3 !important; }
.pickup-card-meta .pickup-date { order: 1 !important; }
.pickup-card-meta .pickup-update { order: 2 !important; }

/* 見出し下の線・タブの下線を黄色に */
.tabbox-nav .tabbox-btn.is-active::after, .tabbox-btn.is-active::after { background: #E2C173 !important; }
body.home .entry-content h2 { border-bottom-color: #E2C173 !important; }
body.home .entry-content h2::after { background: #E2C173 !important; }

/* オランダ観光・オランダ生活もスマホは横長1列 */
@media screen and (max-width: 834px){
  body.home .entry-content .widget-entry-cards .widget-entry-card {
    display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 12px !important;
  }
  body.home .entry-content .widget-entry-cards .card-thumb {
    flex: 0 0 116px !important; width: 116px !important; max-width: 116px !important; margin: 0 !important;
  }
  body.home .entry-content .widget-entry-cards .card-thumb img {
    width: 116px !important; max-width: 116px !important; height: 87px !important; object-fit: cover; border-radius: 4px;
  }
  body.home .entry-content .widget-entry-cards .card-content {
    flex: 1 1 auto !important; width: auto !important; min-width: 0 !important;
  }
}

/* 記事下のカテゴリー＝チップ型に作り直し */
body .entry-categories-tags { border: none !important; margin: 30px 0 10px !important; }
body .entry-categories-tags::before {
  content: 'CATEGORY'; display: block; text-align: center;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 15px; font-weight: 500; letter-spacing: .14em; color: #3A4A55;
  border-bottom: 1px solid #E2E6EA; padding-bottom: 8px; margin-bottom: 14px;
}
body .entry-categories-tags .entry-categories {
  display: flex !important; flex-wrap: wrap; gap: 8px; justify-content: center;
}
body .entry-categories-tags .entry-categories .cat-link {
  display: inline-flex !important; align-items: center; width: auto !important;
  background: rgba(53,140,188,.86) !important; color: #FFFFFF !important;
  border: none !important; border-radius: 14px !important; padding: 5px 14px !important;
  font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important; font-size: 12px !important; letter-spacing: .06em;
}
body .entry-categories-tags .entry-categories .cat-link::before,
body .entry-categories-tags .entry-categories .cat-link::after { content: none !important; }
body .entry-categories-tags .entry-categories .cat-link:hover { background: #1F4E79 !important; color: #fff !important; }

/************************************
** トップページのセクションを白とベタ塗りで交互に（2026-08-11）
************************************/
body.home .home-sec { position: relative; margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); }
body.home .home-sec-in { padding: 10px 0 36px; }
body.home .home-sec-alt { background: #F1F4F2; }
/* 色つきセクションの上下に波線 */
body.home .home-sec-alt::before, body.home .home-sec-alt::after {
  content: ''; position: absolute; left: 0; right: 0; height: 34px; pointer-events: none;
}
body.home .home-sec-alt::before { top: -33px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C 150 4 300 4 450 20 C 600 36 750 36 900 22 C 1020 10 1120 12 1200 20 L1200 40 L0 40 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center bottom / auto 34px; }
body.home .home-sec-alt::after { bottom: -33px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 16 C 150 36 300 36 450 20 C 600 4 750 4 900 18 C 1020 30 1120 28 1200 20 L1200 0 L0 0 Z' fill='%23F1F4F2'/%3E%3C/svg%3E") repeat-x center top / auto 34px; }
/* 見出しの上に付けていた波線はセクション側に任せる */
body.home .entry-content > h2::before, body.home .home-sec h2::before { content: none !important; }
body.home .home-sec-alt + .home-sec .home-sec-in, body.home .home-sec-in { padding-top: 26px; }

/************************************
** 2026-08-11 仕上げ8
************************************/
/* 記事タイトル部分＝KOKONTABI型（タイトル → メタ1行 → 写真） */
@media screen and (min-width: 835px){
  .article-header { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; }
}
.article-header { display: flex; flex-direction: column; }
.article-header .entry-title { order: 1; text-align: left !important; margin: 0 0 10px !important; font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 26px !important; font-weight: 500 !important; line-height: 1.45 !important; }
.article-header .date-tags {
  order: 2; display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 14px;
  border: none !important; padding: 0 !important; margin: 0 0 16px !important;
  font-size: 12px !important; color: #8A949B !important; text-align: left !important; justify-content: flex-start !important;
}
.article-header .date-tags .post-date, .article-header .date-tags .post-update { color: #8A949B !important; }
.article-header .eye-catch-wrap { order: 3; margin: 0 0 22px !important; }
.article-header > .widget { order: 4; }
@media screen and (max-width: 480px){ .article-header .entry-title { font-size: 21px !important; } }

/* ピックアップの背景に色帯（ことりっぷ風・カードに少し重なる） */
.pickup-wrap::after {
  content: ''; position: absolute; left: calc(50% - 50vw); width: 100vw;
  bottom: 0; height: 58%; background: #EFF3EE; z-index: 0; border-radius: 0;
}
.pickup-wrap > * { position: relative; z-index: 1; }
.pickup-cards { position: relative; z-index: 1; }

/* ピックアップのドットを黄色ベースに */
.pickup-dot { background: #E6DCC0 !important; }
.pickup-dot.is-active { background: #E2C173 !important; }

/* NEW POST / POPULAR のタブ文字を大きく */
.tabbox-nav .tabbox-btn, .tabbox-btn { font-size: 15px !important; letter-spacing: .18em !important; padding: 14px 8px !important; }
@media screen and (max-width: 480px){ .tabbox-nav .tabbox-btn, .tabbox-btn { font-size: 14px !important; } }

/* カードのカテゴリーは必ず日付の後ろ（スマホでも） */
.widget-entry-card-date { display: flex !important; flex-direction: row !important; }
.widget-entry-card-date .post-date { order: 1 !important; }
.widget-entry-card-date .post-update { order: 2 !important; }
.widget-entry-card-date .card-cat { order: 3 !important; margin-left: 0 !important; }

/************************************
** 2026-08-11 仕上げ9
************************************/
/* 記事下のカテゴリーは表示しない */
.entry-categories-tags { display: none !important; }

/* サイドバー見出しの下線は黄色の短い線に */
#sidebar .widget-sidebar-title, #sidebar .widget-title {
  border-bottom: none !important; position: relative; padding-bottom: 12px !important;
}
#sidebar .widget-sidebar-title::after, #sidebar .widget-title::after {
  content: ''; position: absolute; left: 50%; transform: translateX(-50%);
  bottom: 0; width: 38px; height: 2px; background: #E2C173;
}
/* 英語＋和文の2段はそのまま（和文は別の要素で出しているので::afterと競合しないよう調整） */
#sidebar .widget-sidebar-title { text-align: center; }

/* スマホ：横から出てくる目次パネル */
.sp-toc-panel {
  position: fixed; top: 0; bottom: 0; left: 0; width: 84%; max-width: 340px; z-index: 1000;
  background: rgba(31,78,121,.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  transform: translateX(-100%); transition: transform .28s ease; overflow-y: auto;
  padding: 56px 20px 40px; color: #FFFFFF; font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
body.sp-toc-open .sp-toc-panel { transform: translateX(0); }
.sp-toc-panel a { color: #FFFFFF !important; text-decoration: none; display: block; padding: 9px 0; font-size: 14px; line-height: 1.6; }
.sp-toc-panel ol { list-style: none; margin: 0; padding: 0; }
.sp-toc-panel ol ol { padding-left: 14px; }
.sp-toc-panel ol ol a { font-size: 13px; opacity: .9; }
.sp-toc-panel li { border-bottom: 1px solid rgba(255,255,255,.16); }
.sp-toc-title { font-size: 13px; letter-spacing: .16em; opacity: .8; margin-bottom: 10px; }
.sp-toc-close {
  position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; background: transparent;
  border: none; color: #fff; font-size: 22px; cursor: pointer;
}
.sp-toc-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 999; opacity: 0; pointer-events: none;
  transition: opacity .28s ease;
}
body.sp-toc-open .sp-toc-overlay { opacity: 1; pointer-events: auto; }
body.sp-toc-open { overflow: hidden; }

/************************************
** 2026-08-11 仕上げ10
************************************/
/* カルーセルの矢印はやめる */
.pickup-arrow { display: none !important; }

/* ドットの色は元に戻す（グレー／現在位置は黒） */
.pickup-dot { background: #D6DCE1 !important; }
.pickup-dot.is-active { background: #333333 !important; }

/* NEW POST / POPULAR の字体を変える */
.tabbox-nav .tabbox-btn, .tabbox-btn { font-family: 'Zen Kaku Gothic New', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important; font-weight: 500 !important; }