@import url('sale-ui.css?v=1.2.35');
/* Sale board selected-color patch version: 1.2.35 */
@import url('single-ui.css?v=1.2.22');

/* Single-page UI patch version: 1.2.22 */
body.single-post .entry-title::before {
  display: none;
}

/* Header interaction patch version: 1.2.27 */
/*
 * セール選択時も通常時と同じアクセント色を維持する。
 * クリック後のブラウザ標準フォーカス枠は消し、キーボード操作時は既存の
 * ピンク下線をフォーカス表示として使う。
 */
#menu-item-669 a,
.menu-item-669 a,
body.tn-search-sale-on #menu-item-669 a,
body.tn-search-sale-on .menu-item-669 a {
  color: #e4007f !important;
}

@media screen and (min-width: 1024px) {
  #header-container:not(.fixed-header) #navi .navi-in > ul.menu-header > li > a:focus,
  #header-container:not(.fixed-header) #navi .navi-in > ul.menu-header > li > a:focus-visible,
  #header-container:not(.fixed-header) #navi .navi-in > ul.menu-header > li > a:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }

  #header-container:not(.fixed-header) #navi .navi-in > ul.menu-header > li > a:focus-visible .caption-wrap::after {
    transform: scaleX(1);
  }
}

/* Mobile logo reflection patch version: 1.2.37 */
/*
 * PC版 v1.2.26 の床面ブルーム＋logo.png鏡面反射をスマホにも展開する。
 * PC側の反射ロジックは変更せず、Cocoonのスマホヘッダー（834px以下）だけ
 * サイズと余白を縮小して再表示する。fixed-header は従来どおり対象外。
 */
@media screen and (max-width: 834px) {
  #header-container:not(.fixed-header) .logo-header {
    padding-bottom: 32px;
  }

  #header-container:not(.fixed-header) .site-name-text-link::before,
  #header-container:not(.fixed-header) .site-name-text-link::after {
    display: block;
  }

  #header-container:not(.fixed-header) .site-name-text-link::before {
    left: -4px;
    top: 55px;
    width: 90px;
    height: 28px;
    filter: blur(6px);
  }

  #header-container:not(.fixed-header) .site-name-text-link::after {
    left: 0;
    top: 60px;
    width: 64px;
    height: 32px;
    background-size: 64px 64px;
    opacity: 0.24;
    filter: blur(1.2px) saturate(1.2) brightness(1.03);
  }
}

@media screen and (max-width: 360px) {
  #header-container:not(.fixed-header) .logo-header {
    padding-bottom: 28px;
  }

  #header-container:not(.fixed-header) .site-name-text-link::before {
    left: -3px;
    top: 42px;
    width: 70px;
    height: 22px;
    filter: blur(5px);
  }

  #header-container:not(.fixed-header) .site-name-text-link::after {
    left: 0;
    top: 46px;
    width: 48px;
    height: 24px;
    background-size: 48px 48px;
    opacity: 0.24;
    filter: blur(1px) saturate(1.2) brightness(1.03);
  }
}

/* Ranking placement patch version: 1.2.38 */
/*
 * JSが使えるトップでは、home-tools 内の初期ランキングを先に隠し、
 * pagination.php が作品一覧末尾へ移動した同じDOMだけを表示する。
 * 移動に失敗した場合は JS 側で html class を外すため元位置へ安全に戻る。
 */
html.tn-ranking-bottom-js body.front-top-page .tn-home-tools:not(.tn-home-ranking-wrap) > .rank-band {
  display: none;
}

body.front-top-page .tn-home-ranking-wrap {
  padding-top: 0;
}

html.tn-ranking-bottom-js body.front-top-page .tn-home-ranking-wrap > .rank-band {
  display: block;
}

/* Legacy sidebar removal patch version: 1.2.30 */
/*
 * PHP側でCocoonの sidebar / sidebar-scroll を無効化するのが本線。
 * ここはLiteSpeed等に旧HTMLが残った場合でも旧サイドバーを見せないための防波堤。
 */
#sidebar,
.sidebar-menu-button,
#sidebar-menu-content {
  display: none !important;
}

/* トップと個別記事は専用1カラムCSSがある。それ以外の旧2カラム経路を1カラムへ戻す。 */
body:not(.front-top-page):not(.single-post) #content-in {
  display: block !important;
}

body:not(.front-top-page):not(.single-post) #main {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Legacy archive search/result removal patch version: 1.2.32 */
/*
 * 旧 list-title.php の検索フォーム・検索条件サマリ・件数見出しが
 * LiteSpeed 等のキャッシュに残っていても表示させないための防波堤。
 * トップ2026の専用検索結果UI（#tn-index-head / #tn-result-head）には影響しない。
 */
#filter_search,
#archive-title.archive-title {
  display: none !important;
}

/*アニメーションの@keyframes用のCSSコードを書く（ここに書くとAMP用で約500KBまで記入できます）*/