/* <system section="background" selected="default"> */
/* default */
/* </system> */
#blog-title {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/t/tokodori/20250424/20250424013245.png") no-repeat center center !important;
  background-size: cover !important;
  padding: 15px 20px;
  text-align: center;
  border-bottom: 2px solid #f2cbd0;
  min-height: 250px;
  position: relative;
  z-index: 0;
}

/* タイトル文字（aタグ込み） */
#blog-title h1,
#blog-title h1 a {
  color: #ffffff
 !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 2.5rem;
  display: inline-block;
 text-shadow:
  -1px -1px 0 #000000,
   1px -1px 0 #000000,
  -1px  1px 0 #000000,
   1px  1px 0 #000000,
   0   -1.5px 0 #000000,
   0    1.5px 0 #000000,
  -1.5px  0   0 #000000,
   1.5px  0   0 #000000;
  background: transparent !important;
  position: relative;
  z-index: 1;
}

/* 説明文 */
#blog-description {
  background: rgba(255, 255, 255, 0.75);
  padding: 10px 18px;
  border-radius: 12px;
  color: #cc3366;
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 12px;
  display: inline-block;
  text-shadow:
  -0.1px -0.1px 0 #ffffff,
   0.1px -0.1px 0 #ffffff,
  -0.1px  0.1px 0 #ffffff,
   0.1px  0.1px 0 #ffffff,
   0   -0.15px 0 #ffffff,
   0    0.15px 0 #ffffff,
  -0.15px  0   0 #ffffff,
   0.15px  0   0 #ffffff;
}

/* トコドリ用ナビデザイン */
.tokodori-nav {
  background-color: #fff0f5; /* 淡いピンク */
  padding: 12px 0;
  text-align: center;
  border-bottom: 2px solid #f2cbd0;
  margin-bottom: 30px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); /* うっすら影で浮かせる */
  position: relative;
  z-index: 2;
}

.tokodori-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tokodori-nav ul li {
  display: inline-block;
  margin: 0 10px;
}

.tokodori-nav ul li a {
  text-decoration: none;
  color: #cc6699;
  font-weight: bold;
  font-size: 1rem;
  transition: 0.2s ease;
}

.tokodori-nav ul li a:hover {
  color: #e85c9d;
  border-bottom: 2px solid #e85c9d;
}
.tokodori-nav ul li a {
  text-decoration: none;
  color: #cc3366;
  font-weight: bold;
  font-size: 1rem;
  transition: 0.2s ease;

  /* ← ここからがボタン風の追加スタイル！ */
  padding: 8px 14px;
  background-color: #ffffff;
  border: 2px solid #f2cbd0;
  border-radius: 12px;
  display: inline-block;
}

.tokodori-nav ul li a:hover {
  color: #ffffff;
  background-color: #e85c9d;
  border-color: #e85c9d;
}
#globalheader-container {
  display: none;
}
#container {
  padding-top: 0px;
}

#blog-title h1,
#blog-title h1 a {
  font-family: 'Zen Maru Gothic', sans-serif !important;
  font-weight: 900 !important;
}

.archive-entry .entry-content {
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
/* 背景設定（トップページ専用） */
body.page-index {
  background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/t/tokodori/20250425/20250425232043.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: top center;
}

/* 背景設定（記事ページ専用） */
body.page-entry {
  background-image: url(記事用の背景画像URL);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: top center;
}
/* コンテンツ全体（横並び） */
#content-inner {
  display: flex;
  flex-wrap: nowrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

/* メインエリア（記事一覧） */
.archive-entries {
  flex: 0 0 95%;
  max-width: 95%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  box-sizing: border-box;
  
}

/* サイドバー（idがbox2） */
#box2 {
  flex: 0 0 25%;
  max-width: 30%;
  margin-left: auto;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
  border: 2px solid #f2cbd0;
  box-sizing: border-box;
}

/* 各記事カード */
.archive-entry {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 20px;
  width: calc(50% - 10px); /* gap考慮して2列 */
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* サムネイル */
.archive-entries div.entry-thumb {
  width: 120px;
  height: 170px;
}
/* トップページの見出し（トップページだけに表示） */
body.page-index .archive-heading {
  font-size: 4rem;
  font-weight: bold;
  color: #ff7fbf;
  text-align: center;
  margin: 40px 0 20px;
  text-shadow: 
    -3px -3px 0 #ffffff,  
     3px -3px 0 #ffffff,  
    -3px  3px 0 #ffffff,  
     3px  3px 0 #ffffff;
}

/* 記事ページでは非表示にする */
body.page-entry .archive-heading {
  display: none;
}

/* 共通スタイル（前・次どちらも） */
a[rel="prev"],
a[rel="next"] {
  display: block;
  width: fit-content;
  padding: 12px 24px;
  background-color: #ff7fbf;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}

/* ホバー時共通 */
a[rel="prev"]:hover,
a[rel="next"]:hover {
  background-color: #e85c9d;
}

/* 位置調整 */
/* 前のページリンク（左寄りにする） */
a[rel="prev"] {
  margin: 40px 60% 60px auto; /* 上右下左 */
}

/* 次のページリンク（右寄りにする） */
a[rel="next"] {
  margin: 40px auto 60px 60%; /* 上右下左 */
}
time {
  font-family: "Georgia", "游明朝", "Yu Mincho", serif; /* 優雅な印象を与えるフォント */
  color: #3b6ea5; /* 落ち着いた青 */
  font-size: 1.7rem;
  letter-spacing: 1px;
  background: linear-gradient(to right, #3b6ea5, #6ca0dc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

time .hyphen {
  margin: 0 3px;
}
/* 記事タイトルのリンクの下線を削除 */
.entry-title a,
h1.entry-title a,
h2.entry-title a {
  text-decoration: none;
}

/* 日付部分のリンク下線を削除（aタグが使われていれば） */
.time a,
.date a,
.archive-date a,
.post-date a {
  text-decoration: none;
}
.archive-category-link {
  text-decoration: none;
}

/* hover時にも下線を表示しない */
.archive-category-link:hover {
  text-decoration: none;
}
/* Google Fonts を読み込む（デザインCSS上部に貼ってね） */
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');

/* 記事タイトルのリンク（h1 > a）にスタイル適用 */
.entry-title .entry-title-link {
  font-family: "Yomogi", cursive;
  font-size: 1.8rem;
  color: #3b6ea5;
  text-shadow:
    0.03em 0 #3b6ea5,
    -0.03em 0 #3b6ea5,
    0 0.03em #3b6ea5,
    0 -0.03em #3b6ea5; /* これで線を厚くする */
  text-decoration: none;
  font-weight: normal;
  line-height: 1.5;
  display: inline-block;
  transition: all 0.3s ease;
}

/* hoverでふわっと色が変わる */
.entry-title .entry-title-link:hover {
  color: #2a4d78; /* 少し濃いブルーに */
  transform: translateY(-2px); /* ふわっと上に */
}
/* Google Fonts 読み込み（まだなら追加） */
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');

/* タグリンクスタイル */
.archive-category-link {
  font-family: "Yomogi", cursive;
  font-size: 1rem;
  color: #d94f4f; /* やわらかい赤系カラー */
  background-color: #ffe5e5; /* ほんのりピンクでふんわり */
  padding: 4px 10px;
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  margin: 4px 6px;
}

/* hoverでちょい濃く */
.archive-category-link:hover {
  background-color: #f8c8c8;
  color: #b03030;
  transform: translateY(-2px);
}

.pager-prev,
.pager-next {
  display: inline-block;
  width: 45%;
}
/* =============================
  /* =============================
   /* =============================
/* =============================
   スマホ用CSS（PCと似たデザインで整える）
   ============================= */

@media screen and (max-width: 768px) {

  /* 全体の余白調整 */
  body {
    padding: 0 10px;
    font-size: 16px;
  }

  /* メインコンテンツの幅調整 */
  #content-inner {
    display: block;
    width: 100%;
    padding: 0;
  }
  
  /* 記事カード（一覧）1カラムに */
  .archive-entry {
    width: 100% !important;
    margin-bottom: 20px;
  }

  /* 記事カードの内部余白調整 */
  .archive-entry .entry-content {
    padding: 16px;
  }

  /* タイトル調整 */
  .entry-title .entry-title-link {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  /* タグリンク */
  .archive-category-link {
    font-size: 0.9rem;
    padding: 3px 8px;
    margin: 2px 4px;
  }

  /* 日付の文字サイズ */
  time {
    font-size: 1.1rem;
  }

  /* 見出し調整 */
  .archive-heading {
    font-size: 2.5rem;
  }

  /* 前・次ページボタン（上下に） */
  .pager-prev,
  .pager-next {
    width: 45%;
    margin: 16px 0;
  }
  a[rel="prev"] {
  margin: 40px 10% 60px auto;
  }
  
  a[rel="next"] {
  margin: 40px auto 60px 10%;
  }

  /* ナビゲーション調整 */
  .tokodori-nav ul li {
    display: block;
    margin: 8px 0;
  }

  .tokodori-nav ul li a {
    display: block;
    padding: 10px;
    text-align: center;
  }
} 
/* 本文中のリンク下線をすべて消す */
.entry-content a,
.entry-content a:link,
.entry-content a:visited,
.entry-content a:hover,
.entry-content a:active,
a.keyword,
a.hatena-link,
a.tag-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: inherit; /* 文字色も整えるなら */
}
/* 吹き出しのCSS　*/
/* 吹き出し本体（左・右共通） */
.entry-content .l-fuki,
.entry-content .r-fuki {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 600px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 2px solid #ddd;
  background-color: #fffff4;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  line-height: 1.6;
}

/* 吹き出しを右寄せ */
.entry-content .r-fuki {
  margin: 20px auto 36px 100px;  /* ← 左に40px空けて全体を右寄せ */
}

/* 吹き出しを左寄せ（調整） */
.entry-content .l-fuki {
  margin: 20px 100px 36px auto;  /* ← 右に40px空けて全体を左寄せ */
}

/* 三角のちょん */
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
  position: absolute;
  content: "";
  top: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  background-color: #fffff4;
  z-index: 2;
}
.entry-content .l-fuki::before {
  right: -7px;
  transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
  left: -7px;
  transform: rotate(135deg);
}

/* 吹き出しのアイコン */
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: -30px;
  border-radius: 50%;
  border: 3px solid #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 5px #aaa;
  box-sizing: border-box;
}

/* 各アイコンの位置調整（画像見切れ防止） */
.entry-content .l-fuki::after {
  right: -100px;
}
.entry-content .r-fuki::after {
  left: -100px;
}

/* メディアクエリで画像サイズ変更（スマホ対応） */
@media screen and (min-width: 478px) {
  .entry-content .l-fuki::after,
  .entry-content .r-fuki::after {
    width: 80px;
    height: 80px;
  }
}

/* アイコン画像の背景設定（トコドリの顔） */
.tokodori::after {
  background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/t/tokodori/20250514/20250514173649.jpg);
}

/* 吹き出しがはみ出ても切られないように */
.entry-content {
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .entry-content .l-fuki::after,
  .entry-content .r-fuki::after {
    top: -4px; /* ← スマホだけで少し下げたいなら +の数値に */
    left: -80px; /* ← .r-fuki用の例、左右も調整可 */
    right: -28px; /* ← .l-fuki用の例 */
  }
}
@media screen and (max-width: 767px) {
  .entry-content .r-fuki,
  .entry-content .l-fuki {
    display: block;
    margin: 20px 0 36px 0;
  }

  

@media screen and (max-width: 767px) {
  .entry-content .r-fuki,
  .entry-content .l-fuki {
    display: block;
    margin: 20px 0 36px 0;
  }

  .entry-content .r-fuki {
    transform: translateX(80px);
  }

  .entry-content .l-fuki {
    transform: translateX(-10px);
  }

  .entry-content .r-fuki::after {
    transform: translateX(10px);
  }

  .entry-content .l-fuki::after {
    transform: translateX(-10px);
  }
}
@media screen and (max-width: 767px) {
  .entry-content .r-fuki,
  .entry-content .l-fuki {
    max-width: calc(100% - 90px); /* ← 画面幅からアイコンの分を引いた幅に */
    width: auto;
    display: block;
    box-sizing: border-box;
    margin: 20px 0 36px 0;
  }
}
/*目次*/
.entry-content .table-of-contents {
position:relative;
margin-left: 0;
padding: 15px 10px 15px 35px; /*枠内の余白(上右下左) */
font-family:sans-serif,cursive;
font-size: 80%; /* 文字の大きさ */
font-weight:normal;/*文字の太さ*/
list-style-type:decimal;
background:#f0f8ff;/*枠内の色*//*1*/

/*外枠　太さ　デザイン*/
border-top:40px solid #191970;/*2*/
border-bottom:3px solid #191970;/*枠線下*//*2*/
border-left:3px solid #191970;/*枠線左*//*2*/
border-right:3px solid #191970;/*枠線右*//*2*/
line-height: 250%; /*行間*/
border-radius: 3px; /*外枠の角を丸くする*/
color:#1e90ff; /*数字の色*//*3*/
}

/*大見出しの見え方*/
.entry-content .table-of-contents li {
list-style-type:decimal;
font-weight: bold;
}

/*中見出しの見え方*/
.entry-content .table-of-contents li ul li {
font-weight: normal;
}
/*「目次」の周囲変更*/
.entry-content .table-of-contents::before {
content:"目次";
display: block;
font-size: 150%;/*文字サイズ*/
font-weight: normal;/*文字太さ*/
position: absolute;
top: -35px;/*上からの位置*/
left: 30px; /*左からの位置*/
color: #fff!important;/*文字色*//*4*/
}
/*リンクの色変更と下線を消す*/
.entry-content .table-of-contents li a{
color:#3333ff; /* 目次リスト部分のテキスト色 *//*5*/
}
.fuchi-text {
  color: white; /* 文字色 */
  font-weight: bold; /* 太字で見やすく */
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000; /* 四方向に影をつけて縁取り */
  font-size: 1.8em; /* 文字サイズは調整OK */
}
/* 記事ページ（PC）でもサイドバー非表示 */
body.entry #box2 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
}