@charset "UTF-8";

/*!
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
*/

/************************************
** 秘密の美髪大事典（kami-tuya.com）用のデザイン
** 色はステップメール「秘密の美髪レター」と公式サイト（approdo.jp）にそろえています
**   こげ茶 #5A3A22 ／ 濃い文字 #3B2A1E ／ クリーム #FBF7EF ／ ベージュ #EFE7DA ／ 枠線 #D9CBB2
************************************/

/* ===== 全体：ベージュの背景・文字色・明朝体の見出し ===== */
body {
  background: #EFE7DA !important;
  color: #3B2A1E;
}
a {
  color: #5A3A22;
}
a:hover {
  color: #A0472A;
}
.entry-title,
.archive-title,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.widget-sidebar-title,
.widget-sidebar-scroll-title,
.related-entry-heading,
.comment-title,
.kt-mincho {
  font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.06em;
}

/* ===== ヘッダー：公式サイトと同じ木目の板（厚みのある立体） ===== */
#header-container {
  position: relative;
  background: #8B5E3C;
  box-shadow: inset 0 1px rgba(255,240,220,0.25), 0 1px #a87c58, 0 2px #a47955, 0 3px #a07553, 0 4px #9d7250, 0 5px #996f4d, 0 6px #956c4a, 0 7px #916848, 0 8px #8d6545, 0 9px #896242, 0 10px #865f3f, 0 11px #825b3d, 0 12px #7e583a, 0 18px 20px rgba(59,42,30,0.20);
  width: calc(100% - 24px);
  max-width: 1220px;
  margin: 12px auto 26px;
  border-radius: 10px;
  overflow: hidden;
}
#header-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://kami-tuya.com/wp-content/uploads/2026/10/kt_wood_tile.jpg") center / 380px auto repeat;
  filter: blur(0.3px) saturate(0.85);
}
#header-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(110,72,44,0.30);
}
#header-container > * {
  position: relative;
  z-index: 1;
}
#header-container-in,
#header,
#navi,
#navi-in {
  background: transparent !important;
}
#header-in,
#navi-in {
  width: auto !important;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
#navi-in > ul {
  width: 100% !important;
}

/* サイト名は表示だけ「秘密の美髪大事典」に（検索エンジン向けのサイト名は今のまま） */
#header .site-name-text {
  font-size: 0 !important;
  line-height: 1;
}
#header .site-name-text::before {
  content: "秘密の美髪大事典";
  display: block;
  font-size: clamp(24px, 6.4vw, 36px);
  line-height: 1.4;
  color: #FBF7EF;
  font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-shadow: 0 1px 2px rgba(40,25,15,0.45);
}
#header .site-name-text::after {
  content: "学芸大学 美容室ａ：アップロードの美髪・ツヤ髪コラム";
  display: block;
  margin-top: 8px;
  font-size: clamp(12px, 3.2vw, 14px);
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: rgba(251,247,239,0.88);
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(40,25,15,0.45);
}
#header .site-name-text-link,
#header .site-name-text-link:hover {
  color: #FBF7EF !important;
  text-decoration: none;
}
#header .tagline {
  display: none;
}
#header .logo-header {
  padding: 26px 12px 30px;
}

/* ヘッダーのメニュー（使う場合） */
#navi .navi-in a {
  color: #FBF7EF;
}
#navi .navi-in a:hover {
  background: rgba(251,247,239,0.12);
  color: #FBF7EF;
}

/* ===== 本文・サイドバー：クリーム色のカード ===== */
.main,
.sidebar {
  background: #FBF7EF;
  border: 1px solid #D9CBB2;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(59,42,30,0.06);
}
.content-in {
  gap: 0;
}

/* 記事タイトル */
.entry-title,
.archive-title {
  color: #3B2A1E;
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-break: strict;
  line-height: 1.5;
  font-size: clamp(20px, 5.6vw, 28px);
}

/* 本文 */
.entry-content {
  color: #3B2A1E;
}
.single .entry-content p,
.page .entry-content p {
  line-height: 1.95;
}

/* 見出し2：こげ茶の帯（薄い厚み付き） */
.entry-content h2 {
  background: #5A3A22 !important;
  color: #FBF7EF !important;
  border: 0 !important;
  border-radius: 8px;
  padding: 14px 20px !important;
  margin: 2.4em 0 1.4em;
  font-size: 20px;
  line-height: 1.6;
  box-shadow: inset 0 1px rgba(255,240,220,0.18), 0 1px #a87e5c, 0 2px #a47a59, 0 3px #9f7656, 0 4px #9b7252, 0 5px #966e4f, 0 6px #926a4c, 0 9px 10px rgba(59,42,30,0.18);
}
.entry-content h2::before,
.entry-content h2::after {
  display: none !important;
}

/* 見出し3：左にこげ茶の線（ステップメールの小見出しと同じ） */
.entry-content h3 {
  background: none !important;
  border: 0 !important;
  border-left: 4px solid #5A3A22 !important;
  border-radius: 0;
  padding: 2px 0 2px 12px !important;
  margin: 2em 0 1em;
  color: #3B2A1E;
  font-size: 18px;
  line-height: 1.6;
}
.entry-content h3::before,
.entry-content h3::after {
  display: none !important;
}

/* 見出し4：下に細い線 */
.entry-content h4 {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #D9CBB2 !important;
  padding: 0 0 6px !important;
  color: #5A3A22;
}
.entry-content h4::before,
.entry-content h4::after {
  display: none !important;
}

/* 記事の写真：角丸・やわらかい影 */
.entry-content img:not([src^="data:"]) {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(59,42,30,0.14);
}
.eye-catch img {
  border-radius: 12px;
}

/* 本文の赤・ピンク・青の文字を、デザインの色に */
.entry-content [style*="ff0000"],
.entry-content [style*="FF0000"],
.entry-content font[color="#ff0000"],
.entry-content font[color="red"] {
  color: #A0472A !important;
}
.entry-content [style*="ff00ff"],
.entry-content [style*="FF00FF"] {
  color: #B0603A !important;
}
.entry-content [style*="color: #0000ff"],
.entry-content [style*="color: #0000FF"],
.entry-content [style*="color: #000080"],
.entry-content [style*="color: #003366"] {
  color: #5A3A22 !important;
}
/* 水色・ピンク・黄色の文字背景を、ベージュのマーカー風に */
.entry-content [style*="00ffff"],
.entry-content [style*="00FFFF"],
.entry-content [style*="ff99cc"],
.entry-content [style*="FF99CC"],
.entry-content [style*="ffff00"],
.entry-content [style*="FFFF00"],
.entry-content [style*="ffff99"],
.entry-content [style*="FFFF99"] {
  background: linear-gradient(transparent 55%, #EAD9BC 55%) !important;
}

/* 引用・ボックス */
.entry-content blockquote {
  background: #F3E9D8;
  border: 0;
  border-left: 4px solid #5A3A22;
  border-radius: 8px;
  color: #3B2A1E;
}
.entry-content blockquote::before,
.entry-content blockquote::after {
  color: #C9B594;
}

/* ===== 記事一覧（トップ・カテゴリ）：カード風 ===== */
.entry-card-wrap,
.related-entry-card-wrap {
  background: #FFFFFF;
  border: 1px solid #E6DAC6;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 14px;
  transition: box-shadow 0.2s;
}
.entry-card-wrap:hover,
.related-entry-card-wrap:hover {
  background: #FFFFFF;
  box-shadow: 0 4px 14px rgba(59,42,30,0.12);
}
.entry-card-thumb img,
.related-entry-card-thumb img {
  border-radius: 8px;
}
.entry-card-title,
.related-entry-card-title {
  color: #3B2A1E;
  font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 600;
  line-height: 1.6;
}
.entry-card-snippet {
  color: #6B5646;
}
.cat-label {
  background: #5A3A22;
  color: #FBF7EF;
  border: 0;
  border-radius: 999px;
  padding: 2px 10px;
}
.entry-card-meta,
.post-date,
.post-update {
  color: #9A7B60;
}

/* ページ送り */
.pagination .page-numbers {
  background: #FBF7EF;
  border: 1px solid #D9CBB2;
  color: #5A3A22;
  border-radius: 999px;
}
.pagination .current,
.pagination .page-numbers:hover {
  background: #5A3A22 !important;
  border-color: #5A3A22;
  color: #FBF7EF !important;
}
.pagination-next-link {
  background: #FBF7EF;
  border: 1px solid #5A3A22;
  color: #5A3A22;
  border-radius: 999px;
}
.pagination-next-link:hover {
  background: #5A3A22;
  color: #FBF7EF;
}

/* ===== サイドバー：見出しをこげ茶の帯に ===== */
.widget-sidebar-title,
.widget-sidebar-scroll-title {
  background: #5A3A22 !important;
  color: #FBF7EF !important;
  border: 0 !important;
  border-radius: 8px;
  padding: 10px 14px !important;
  font-size: 17px;
}
.widget-sidebar-title::before,
.widget-sidebar-title::after,
.widget-sidebar-scroll-title::before,
.widget-sidebar-scroll-title::after {
  display: none !important;
}
.sidebar .widget_nav_menu ul li a,
.sidebar .widget_categories ul li a,
.sidebar .widget_archive ul li a,
.sidebar .widget_recent_entries ul li a {
  color: #3B2A1E;
  border-bottom: 1px dashed #E6DAC6;
}
.sidebar .widget_nav_menu ul li a:hover,
.sidebar .widget_categories ul li a:hover,
.sidebar .widget_archive ul li a:hover,
.sidebar .widget_recent_entries ul li a:hover {
  background: #F3E9D8;
  color: #5A3A22;
}

/* 検索ボックス */
.search-edit {
  background: #FFFFFF;
  border: 1px solid #D9CBB2;
  border-radius: 999px;
}
.search-submit {
  color: #5A3A22;
}

/* ===== 秘密の美髪レター（メルマガ登録ボックス）：ステップメールと同じデザイン ===== */
.kt-letter {
  margin: 0 0 1.6em;
  background: #FBF7EF;
  border: 1px solid #D9CBB2;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(59,42,30,0.08);
  text-align: center;
}
.kt-letter-head {
  background: #5A3A22;
  padding: 18px 16px 16px;
}
.kt-letter-sub {
  margin: 0 0 4px !important;
  font-size: 12px;
  letter-spacing: 2px;
  color: #E6D3B3;
  line-height: 1.6;
}
.kt-letter-title {
  margin: 0 !important;
  font-size: 22px;
  line-height: 1.5;
  color: #FBF7EF;
  font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.kt-letter-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.kt-letter-body {
  padding: 18px 18px 20px;
}
.kt-letter-lead {
  margin: 0 0 6px !important;
  font-size: 15px;
  line-height: 1.8;
  color: #3B2A1E;
}
.kt-letter-lead strong {
  background: linear-gradient(transparent 55%, #EAD9BC 55%);
}
.kt-letter-note {
  margin: 0 0 14px !important;
  font-size: 12px;
  color: #7A6250;
  line-height: 1.7;
}
.kt-letter form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 360px;
  margin: 0 auto;
}
.kt-letter input[type="text"],
.kt-letter input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  font-size: 16px;
  background: #FFFFFF;
  border: 1px solid #D9CBB2;
  border-radius: 8px;
  color: #3B2A1E;
}
.kt-letter input[type="text"]:focus,
.kt-letter input[type="email"]:focus {
  outline: 2px solid #C9A97F;
  outline-offset: 1px;
  border-color: #5A3A22;
}
.kt-letter button,
.kt-letter input[type="submit"] {
  display: block;
  width: 100%;
  padding: 13px 20px;
  border: 0;
  border-radius: 999px;
  background: #5A3A22;
  color: #FBF7EF;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  cursor: pointer;
  box-shadow: 0 2px #a17757;
}
.kt-letter button:hover,
.kt-letter input[type="submit"]:hover {
  opacity: 0.88;
}

/* ===== サロン情報ボックス（サイドバー） ===== */
.kt-shop {
  font-size: 14px;
  line-height: 1.8;
  color: #3B2A1E;
}
.kt-shop-name {
  margin: 0 0 10px !important;
  font-size: 17px;
  text-align: center;
  font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.kt-shop-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 14px;
}
.kt-shop-btns a {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.4;
}
.kt-shop-btns a span {
  display: block;
  font-size: 11px;
  font-weight: 400;
}
.kt-shop-btns .kt-btn-web {
  background: #5A3A22;
  color: #FBF7EF !important;
  box-shadow: 0 2px #a17757;
}
.kt-shop-btns .kt-btn-tel {
  background: #FBF7EF;
  color: #5A3A22 !important;
  border: 1.5px solid #5A3A22;
}
.kt-shop-map iframe {
  display: block;
  width: 100%;
  height: 220px;
  border: 0;
  border-radius: 10px;
}
.kt-shop dl {
  margin: 12px 0 0;
}
.kt-shop dt {
  margin-top: 10px;
  font-weight: 700;
  color: #5A3A22;
}
.kt-shop dd {
  margin: 2px 0 0;
}
.kt-shop table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.kt-shop table th,
.kt-shop table td {
  padding: 4px 6px;
  border-bottom: 1px dashed #E6DAC6;
  background: none;
  text-align: left;
  font-weight: 400;
}
.kt-shop table th {
  white-space: nowrap;
  color: #6B5646;
}

/* ===== フッター：ヘッダーと同じ形のベージュの板 ===== */
#footer {
  background: #EFE2CB !important;
  color: #5A3A22;
  width: calc(100% - 24px);
  max-width: 1220px;
  margin: 30px auto 30px;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(255,255,255,0.6), 0 1px #cfbc9c, 0 2px #ccb998, 0 3px #c9b594, 0 4px #c7b291, 0 5px #c4af8d, 0 6px #c1ac89, 0 7px #bea885, 0 8px #bba581, 0 9px #b8a27d, 0 10px #b69f7a, 0 11px #b39b76, 0 12px #b09872, 0 18px 20px rgba(59,42,30,0.18);
}
#footer a {
  color: #5A3A22;
}
#footer-in {
  width: auto !important;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
#footer .footer-bottom {
  width: auto;
  box-sizing: border-box;
}
#footer .copyright {
  font-size: 0;
  white-space: nowrap;
}
#footer .copyright::before {
  content: "© 2016 秘密の美髪大事典｜学芸大学 美容室ａ：アップロード";
  font-size: 12px;
  letter-spacing: 0.02em;
}

/* ===== スマホのいちばん下のメニュー ===== */
.mobile-menu-buttons {
  background: #FBF7EF;
  border-top: 1px solid #D9CBB2;
}
.mobile-menu-buttons .menu-button > a,
.mobile-menu-buttons .menu-button .menu-icon,
.mobile-menu-buttons .menu-button .menu-caption {
  color: #5A3A22;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  #header-in,
  #footer-in {
    padding-left: 0;
    padding-right: 0;
  }
  .main,
  .sidebar {
    border-radius: 10px;
  }
  .sidebar {
    margin-top: 16px;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  .entry-content h2 {
    font-size: 18px;
    padding: 12px 14px !important;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  #header .logo-header {
    padding: 18px 8px 24px;
  }
  .main {
    padding: 16px 14px;
  }
  .kt-letter-title {
    font-size: 20px;
  }
}

/* ===== ヘッダーを「木の本棚」に（10/21 追加。上のヘッダー設定より後ろにあるので、こちらが優先されます） ===== */
/* 外わくは木目の板、内側は本が並んだ2段の棚、まん中に看板 */
#header-container {
  padding: 12px;
  box-sizing: border-box;
}
#header {
  --kt-shelf: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22520%22 height=%22130%22 viewBox=%220 0 520 130%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2324170F%22/%3E%3Cstop offset=%221%22 stop-color=%22%233A2717%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23000%22 stop-opacity=%22.28%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%23fff%22 stop-opacity=%22.10%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%23000%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22 stop-opacity=%22.30%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%22520%22 height=%22130%22 fill=%22%232E1F15%22/%3E%3Crect width=%22520%22 height=%22116%22 fill=%22url(%23g)%22/%3E%3Crect x=%224%22 y=%2238%22 width=%2223%22 height=%2278%22 rx=%221.5%22 fill=%22%232E3A4A%22/%3E%3Crect x=%224%22 y=%2238%22 width=%2223%22 height=%2278%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%225%22 y=%2248%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%225%22 y=%2296%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%2228%22 y=%2221%22 width=%2219%22 height=%2295%22 rx=%221.5%22 fill=%22%238A5A2B%22/%3E%3Crect x=%2228%22 y=%2221%22 width=%2219%22 height=%2295%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%2229%22 y=%2237%22 width=%2217%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%2229%22 y=%2231%22 width=%2217%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%2248%22 y=%2243%22 width=%2222%22 height=%2273%22 rx=%221.5%22 fill=%22%234A2E1F%22/%3E%3Crect x=%2248%22 y=%2243%22 width=%2222%22 height=%2273%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%2249%22 y=%2253%22 width=%2220%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%2249%22 y=%2259%22 width=%2220%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%2272%22 y=%2221%22 width=%2215%22 height=%2295%22 rx=%221.5%22 fill=%22%23A0472A%22/%3E%3Crect x=%2272%22 y=%2221%22 width=%2215%22 height=%2295%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%2273%22 y=%22102%22 width=%2213%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%2273%22 y=%2296%22 width=%2213%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%2275.8%22 y=%2254.3%22 width=%227.5%22 height=%2223%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Cpath d=%22M99 116 q-4 -14 2 -22 h8 q6 8 2 22 z%22 fill=%22%23C9A97F%22/%3E%3Crect x=%22101%22 y=%2288%22 width=%226%22 height=%227%22 rx=%222%22 fill=%22%23B98A55%22/%3E%3Crect x=%22119%22 y=%2231%22 width=%2218%22 height=%2285%22 rx=%221.5%22 fill=%22%235A3A22%22/%3E%3Crect x=%22119%22 y=%2231%22 width=%2218%22 height=%2285%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22120%22 y=%2296%22 width=%2216%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22120%22 y=%2247%22 width=%2216%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22123.5%22 y=%2260.8%22 width=%229.0%22 height=%2222%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22139%22 y=%2234%22 width=%2213%22 height=%2282%22 rx=%221.5%22 fill=%22%238A5A2B%22/%3E%3Crect x=%22139%22 y=%2234%22 width=%2213%22 height=%2282%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22140%22 y=%22102%22 width=%2211%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22140%22 y=%2250%22 width=%2211%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22142.3%22 y=%2262.7%22 width=%226.5%22 height=%2225%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22153%22 y=%2227%22 width=%2219%22 height=%2289%22 rx=%221.5%22 fill=%22%234A2E1F%22/%3E%3Crect x=%22153%22 y=%2227%22 width=%2219%22 height=%2289%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22154%22 y=%2237%22 width=%2217%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22154%22 y=%2243%22 width=%2217%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22172%22 y=%2236%22 width=%2215%22 height=%2280%22 rx=%221.5%22 fill=%22%235A3A22%22/%3E%3Crect x=%22172%22 y=%2236%22 width=%2215%22 height=%2280%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22173%22 y=%2246%22 width=%2213%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22173%22 y=%2296%22 width=%2213%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22175.8%22 y=%2264.0%22 width=%227.5%22 height=%2219%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22187%22 y=%2240%22 width=%2224%22 height=%2276%22 rx=%221.5%22 fill=%22%236E5A3C%22/%3E%3Crect x=%22187%22 y=%2240%22 width=%2224%22 height=%2276%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22188%22 y=%2256%22 width=%2222%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22188%22 y=%2296%22 width=%2222%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22213%22 y=%2223%22 width=%2223%22 height=%2293%22 rx=%221.5%22 fill=%22%238A5A2B%22/%3E%3Crect x=%22213%22 y=%2223%22 width=%2223%22 height=%2293%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22214%22 y=%22102%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22214%22 y=%2296%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22218.8%22 y=%2255.5%22 width=%2211.5%22 height=%2223%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22237%22 y=%2219%22 width=%2214%22 height=%2297%22 rx=%221.5%22 fill=%22%235A3A22%22/%3E%3Crect x=%22237%22 y=%2219%22 width=%2214%22 height=%2297%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22238%22 y=%22102%22 width=%2212%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22238%22 y=%2296%22 width=%2212%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22253%22 y=%2241%22 width=%2223%22 height=%2275%22 rx=%221.5%22 fill=%22%23C9A97F%22/%3E%3Crect x=%22253%22 y=%2241%22 width=%2223%22 height=%2275%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22254%22 y=%2296%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22254%22 y=%2251%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22258.8%22 y=%2267.3%22 width=%2211.5%22 height=%2221%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22276%22 y=%2224%22 width=%2220%22 height=%2292%22 rx=%221.5%22 fill=%22%23B98A55%22/%3E%3Crect x=%22276%22 y=%2224%22 width=%2220%22 height=%2292%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22277%22 y=%2240%22 width=%2218%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22277%22 y=%2296%22 width=%2218%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22296%22 y=%2216%22 width=%2223%22 height=%22100%22 rx=%221.5%22 fill=%22%23C9A97F%22/%3E%3Crect x=%22296%22 y=%2216%22 width=%2223%22 height=%22100%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22297%22 y=%22102%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22297%22 y=%2226%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22301.8%22 y=%2251.0%22 width=%2211.5%22 height=%2217%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22320%22 y=%2236%22 width=%2218%22 height=%2280%22 rx=%221.5%22 fill=%22%236E5A3C%22/%3E%3Crect x=%22320%22 y=%2236%22 width=%2218%22 height=%2280%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22321%22 y=%2296%22 width=%2216%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22321%22 y=%2246%22 width=%2216%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22324.5%22 y=%2264.0%22 width=%229.0%22 height=%2226%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22340%22 y=%2218%22 width=%2223%22 height=%2298%22 rx=%221.5%22 fill=%22%232E3A4A%22/%3E%3Crect x=%22340%22 y=%2218%22 width=%2223%22 height=%2298%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22341%22 y=%22102%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22341%22 y=%2228%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22364%22 y=%2241%22 width=%2217%22 height=%2275%22 rx=%221.5%22 fill=%22%237A3B3B%22/%3E%3Crect x=%22364%22 y=%2241%22 width=%2217%22 height=%2275%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22365%22 y=%2251%22 width=%2215%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22365%22 y=%2257%22 width=%2215%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22368.3%22 y=%2267.3%22 width=%228.5%22 height=%2223%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22381%22 y=%2240%22 width=%2218%22 height=%2276%22 rx=%221.5%22 fill=%22%2335503F%22/%3E%3Crect x=%22381%22 y=%2240%22 width=%2218%22 height=%2276%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22382%22 y=%2296%22 width=%2216%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22382%22 y=%2256%22 width=%2216%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22401%22 y=%2225%22 width=%2223%22 height=%2291%22 rx=%221.5%22 fill=%22%23C9A97F%22/%3E%3Crect x=%22401%22 y=%2225%22 width=%2223%22 height=%2291%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22402%22 y=%2241%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22402%22 y=%2235%22 width=%2221%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22424%22 y=%2243%22 width=%2212%22 height=%2273%22 rx=%221.5%22 fill=%22%233E4A36%22/%3E%3Crect x=%22424%22 y=%2243%22 width=%2212%22 height=%2273%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22425%22 y=%2259%22 width=%2210%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22425%22 y=%2253%22 width=%2210%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22427.0%22 y=%2268.5%22 width=%226.0%22 height=%2216%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22437%22 y=%2216%22 width=%2217%22 height=%22100%22 rx=%221.5%22 fill=%22%235A3A22%22/%3E%3Crect x=%22437%22 y=%2216%22 width=%2217%22 height=%22100%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22438%22 y=%2296%22 width=%2215%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22438%22 y=%2226%22 width=%2215%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22441.3%22 y=%2251.0%22 width=%228.5%22 height=%2216%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22456%22 y=%2218%22 width=%2213%22 height=%2298%22 rx=%221.5%22 fill=%22%234A2E1F%22/%3E%3Crect x=%22456%22 y=%2218%22 width=%2213%22 height=%2298%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22457%22 y=%2296%22 width=%2211%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22457%22 y=%2234%22 width=%2211%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22459.3%22 y=%2252.3%22 width=%226.5%22 height=%2222%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22470%22 y=%2244%22 width=%2224%22 height=%2272%22 rx=%221.5%22 fill=%22%235A3A22%22/%3E%3Crect x=%22470%22 y=%2244%22 width=%2224%22 height=%2272%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22471%22 y=%2296%22 width=%2222%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22471%22 y=%22102%22 width=%2222%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22476.0%22 y=%2269.2%22 width=%2212.0%22 height=%2226%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect x=%22495%22 y=%2220%22 width=%2217%22 height=%2296%22 rx=%221.5%22 fill=%22%23C9A97F%22/%3E%3Crect x=%22495%22 y=%2220%22 width=%2217%22 height=%2296%22 rx=%221.5%22 fill=%22url(%23b)%22/%3E%3Crect x=%22496%22 y=%2230%22 width=%2215%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22496%22 y=%2236%22 width=%2215%22 height=%221.6%22 fill=%22%23D8B878%22 opacity=%22.75%22/%3E%3Crect x=%22499.3%22 y=%2253.6%22 width=%228.5%22 height=%2220%22 rx=%221%22 fill=%22%23F3E9D8%22 opacity=%22.55%22/%3E%3Crect y=%22116%22 width=%22520%22 height=%2214%22 fill=%22%237E583A%22/%3E%3Crect y=%22116%22 width=%22520%22 height=%222%22 fill=%22%23A87C58%22/%3E%3Crect y=%22127%22 width=%22520%22 height=%223%22 fill=%22%235C3D26%22/%3E%3C/svg%3E");
  position: relative;
  height: 260px;
  border-radius: 4px;
  background-color: #2E1F15 !important;
  background-image: var(--kt-shelf), var(--kt-shelf) !important;
  background-repeat: repeat-x, repeat-x !important;
  background-size: 520px 130px, 520px 130px !important;
  background-position: 0 0, -260px 130px !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.35), inset 0 10px 18px rgba(0,0,0,0.45), inset 0 -4px 10px rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#header-in {
  width: 100% !important;
}
#header .logo-header {
  padding: 0 12px !important;
}
#header .site-name-text-link {
  display: inline-block;
  max-width: 92%;
  padding: 14px 26px 12px;
  background: #FBF7EF;
  border: 2px solid #B98A55;
  border-radius: 6px;
  box-shadow: 0 0 0 4px #5A3A22, 0 8px 18px rgba(0,0,0,0.5);
  box-sizing: border-box;
}
#header .site-name-text::before {
  color: #3B2A1E;
  text-shadow: none;
  font-size: clamp(22px, 6vw, 34px);
}
#header .site-name-text::after {
  color: #6B5646;
  text-shadow: none;
  margin-top: 6px;
  font-size: clamp(11px, 3vw, 13px);
}
@media screen and (max-width: 480px) {
  #header-container {
    padding: 8px;
  }
  #header .site-name-text-link {
    padding: 12px 16px 10px;
  }
}
/* 看板をコンパクトに */
#header .site-name-text-link {
  line-height: 1;
  padding: 12px 22px 11px;
}
#header .site-name-text {
  display: block;
  line-height: 1;
}
#header .site-name-text::after {
  content: "学芸大学 美容室ａ：アップロード";
  white-space: nowrap;
  letter-spacing: 0.1em;
}
/* 木の外わくはなし（本棚だけを見せる） */
#header-container {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
}
#header-container::before,
#header-container::after {
  display: none !important;
}
#header {
  border-radius: 10px;
  box-shadow: inset 0 10px 18px rgba(0,0,0,0.45), inset 0 -4px 10px rgba(0,0,0,0.25), 0 6px 16px rgba(59,42,30,0.22) !important;
}
/* ===== /木の本棚 ここまで ===== */


/* ===== 切り替え後の調整（10/21） ===== */
/* 「秘密の美髪レター」の記事には本文にも登録欄があるので、記事下の登録ボックスは出さない */
.postid-1635 .widget-single-content-bottom {
  display: none;
}
/* 記事下のカテゴリー・タグのラベルをこげ茶に */
.entry-categories a,
.entry-tags a {
  background: #5A3A22 !important;
  color: #FBF7EF !important;
  border: 0 !important;
  border-radius: 999px;
}
.entry-tags a {
  background: #FBF7EF !important;
  color: #5A3A22 !important;
  border: 1px solid #D9CBB2 !important;
}


/* ===== フッターの文字を整える（10/21） ===== */
/* フッターの店名も「秘密の美髪大事典」に（ヘッダーと同じ） */
#footer .site-name-text {
  font-size: 0 !important;
  line-height: 1;
  display: block;
}
#footer .site-name-text::before {
  content: "秘密の美髪大事典";
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: #3B2A1E;
  font-family: "Shippori Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.12em;
}
#footer .site-name-text-link,
#footer .site-name-text-link:hover {
  text-decoration: none;
}
/* フッターのメニュー：1項目を1行に（言葉の途中で折り返さない） */
#navi-footer .menu-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 18px;
}
#navi-footer .menu-footer li {
  width: auto;
  border: 0;
}
#navi-footer .menu-footer li a {
  white-space: nowrap;
  font-size: 13px;
  padding: 4px 0;
  color: #5A3A22;
}
@media screen and (max-width: 834px) {
  #navi-footer .menu-footer {
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  #navi-footer .menu-footer li a {
    font-size: 14px;
    padding: 6px 0;
  }
  #footer .footer-bottom-logo {
    margin-bottom: 8px;
  }
}

/* 小さいスマホでもコピーライトが1行に収まるように */
#footer .copyright::before {
  font-size: min(12px, calc((100vw - 64px) / 26));
}


/* ===== SNSリンク（Instagram・X・Facebook）10/21 ===== */
.kt-sns {
  text-align: center;
  color: #5A3A22;
}
.kt-sns-title {
  margin: 0 0 10px !important;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: #6B5646;
}
.kt-sns-links {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}
.kt-sns-links a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 72px;
  color: #5A3A22 !important;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0.04em;
}
.kt-sns-links a svg {
  box-sizing: content-box;
  padding: 11px;
  border-radius: 50%;
  background: #FBF7EF;
  border: 1.5px solid #5A3A22;
  transition: background 0.2s, color 0.2s;
}
.kt-sns-links a:hover svg {
  background: #5A3A22;
  color: #FBF7EF;
}
.kt-sns-site {
  margin: 12px 0 0 !important;
  font-size: 13px;
}
.kt-sns-site a {
  color: #5A3A22 !important;
}
.kt-sns-side {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed #D9CBB2;
}
#footer .widget-footer-center-title,
#footer .widget-footer-mobile-title {
  display: none;
}


/* ===== 記事の最後の「公式サイトで詳しく見る」リンク枠（.kt-related）10/21 ===== */
.entry-content .kt-related {
  margin: 2.4em 0 1em;
  padding: 16px 18px 14px;
  background: #FBF7EF;
  border: 1px solid #D9CBB2;
  border-radius: 12px;
}
.entry-content .kt-related-title {
  margin: 0 0 8px !important;
  padding: 0 0 8px;
  border-bottom: 1px dashed #D9CBB2;
  font-size: 15px;
  font-weight: 700;
  color: #5A3A22;
  line-height: 1.6;
}
.entry-content .kt-related ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.entry-content .kt-related li {
  margin: 0;
  padding: 6px 0;
  line-height: 1.6;
}
.entry-content .kt-related li::before {
  content: none;
}
.entry-content .kt-related a {
  color: #5A3A22;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A97F;
  text-underline-offset: 3px;
}
.entry-content .kt-related a:hover {
  color: #A0472A;
}


/* ===== ヘッダーを本物の古書の写真に（10/21。上の「木の本棚」の絵より後ろにあるので、こちらが優先されます） ===== */
/* 写真：Unsplash（Unsplash License・商用利用可・表記不要）https://unsplash.com/photos/jZIDfIWh0SU を使用（ぼかしなし）。メディアの kt_header_oldbooks_sharp.jpg */
#header {
  background-color: #2E1F15 !important;
  background-image: url("https://kami-tuya.com/wp-content/uploads/2026/10/kt_header_oldbooks_sharp.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(40,25,15,0.05) 0%, rgba(40,25,15,0.20) 55%, rgba(30,18,10,0.45) 100%);
  pointer-events: none;
}
#header-in {
  position: relative;
  z-index: 1;
}
/* ===== /古書の写真 ここまで ===== */

/* ===== スマホの「メニュー」（スライドイン）をサイトの配色に 10/22 ===== */
.navi-menu-content {
  background: #FBF7EF;
  color: #5A3A22;
  padding: 8px 0 24px;
  box-shadow: 4px 0 16px rgba(59, 42, 30, 0.18);
}
.navi-menu-content .menu-close-button {
  color: #5A3A22;
}
.navi-menu-content .menu-drawer {
  margin: 0;
  padding: 0;
}
.navi-menu-content .menu-drawer > li > a {
  display: block;
  background: #5A3A22;
  color: #FBF7EF;
  font-family: 'Hiragino Mincho ProN', 'Yu Mincho', 'YuMincho', 'Noto Serif JP', serif;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.5;
  padding: 12px 16px;
  margin-top: 10px;
  text-decoration: none;
}
.navi-menu-content .menu-drawer .sub-menu {
  margin: 0;
  padding: 0;
}
.navi-menu-content .menu-drawer .sub-menu a {
  display: block;
  position: relative;
  color: #5A3A22;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 16px 10px 30px;
  border-bottom: 1px solid #E6DAC6;
  text-decoration: none;
}
.navi-menu-content .menu-drawer .sub-menu a::before {
  content: "›";
  position: absolute;
  left: 16px;
  color: #A0472A;
}
/* ===== /スマホの「メニュー」ここまで ===== */

/* ===== スマホではコピーライトを2行に 10/22 ===== */
@media screen and (max-width: 480px) {
  #footer .copyright {
    white-space: normal;
    line-height: 0;
  }
  #footer .copyright::before {
    content: "© 2016 秘密の美髪大事典\A学芸大学 美容室ａ：アップロード";
    white-space: pre;
    display: block;
    font-size: 12px;
    line-height: 1.8;
  }
}
/* ===== /コピーライト2行 ここまで ===== */

/* ===== スマホの記事カードのラベルを省略せず全部表示 10/22 ===== */
@media screen and (max-width: 834px) {
  .entry-card-thumb .cat-label {
    font-size: 9.5px;
    padding: 2px 6px;
    max-width: calc(100% - 5px);
  }
}
/* ===== /ラベル ここまで ===== */