@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.3
*/

/************************************
** 1. フォント設定 (セルフホスティング)
************************************/

/* M PLUS Rounded 1c - Regular */
@font-face {
  font-display: swap;
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 400;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-regular.woff2') format('woff2'),
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-regular.ttf') format('truetype');
}

/* M PLUS Rounded 1c - Bold */
@font-face {
  font-display: swap;
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 700;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-700.woff2') format('woff2'),
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-700.ttf') format('truetype');
}

/* ぼくたちのゴシック */
@font-face {
  font-display: swap;
  font-family: "bokutachi";
  font-style: normal;
  font-weight: 400;
  src: url('https://guuterublog.com/fonts/bokutachi.woff2') format('woff2'),
       url('https://guuterublog.com/fonts/bokutachi.otf') format('opentype');
}

/* うずらフォント */
@font-face {
  font-display: swap;
  font-family: "uzura";
  font-style: normal;
  font-weight: 400;
  src: url('https://guuterublog.com/fonts/uzura.woff2') format('woff2'),
       url('https://guuterublog.com/fonts/uzura.woff') format('woff'); 
}

/* フォントクラス */
.bokutachi-font { font-family: 'bokutachi', sans-serif; }
.uzura-font { font-family: 'uzura', sans-serif; }

/************************************
** 2. カスタムマーカー・テキスト装飾
************************************/

/* オレンジマーカー */
.marker-orange, .cocoon-custom-text-1 {
  background: linear-gradient(transparent 75%, #F5DDC5 25%);
  color: #800000;
}

/* グレーマーカー */
.marker-gray, .cocoon-custom-text-2 {
  background: linear-gradient(transparent 75%, #DDDDDD 25%);
  color: #555555;
}

/* 青マーカー */
.cocoon-custom-text-6 {
  background: linear-gradient(transparent 75%, rgba(69, 135, 242, 0.33) 25%);
  color: #3771a4;
}

/* 各種下線設定 */
.cocoon-custom-text-3 { border-bottom: 0.3em dotted #888; }
.cocoon-custom-text-4 { border-bottom: 0.2em solid #888; }
.cocoon-custom-text-5 { border-bottom: 0.2em double #888; }

/************************************
** 3. UI・デザイン調整
************************************/

/* 目次（サイドバー）のスクロールバー表示 */
.sidebar .toc-content::-webkit-scrollbar {
  width: 8px;
}
.sidebar .toc-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .4);
  border-radius: 4px;
}

/* 括弧デザイン [.big-parentheses] */
.big-parentheses {
  position: relative;
  padding: 0 1em; /* 括弧と文字が重ならないよう余白追加 */
  border-left: solid 2px #888;
  border-right: solid 2px #888;
}

.big-parentheses::before,
.big-parentheses::after {
  position: absolute;
  content: '';
  top: 0;
  height: 100%;
  width: 10px; /* 固定幅の方が安定します */
  border-top: 2px solid #888;
  border-bottom: 2px solid #888;
  box-sizing: border-box;
}

.big-parentheses::before { left: 0; }
.big-parentheses::after { right: 0; }

/************************************
** 4. レスポンシブ
************************************/
@media screen and (max-width: 1023px) { }
@media screen and (max-width: 834px) { }
@media screen and (max-width: 480px) { }