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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* インラインコードの装飾を強調 */
:not(.shiki.nord.hljs, .shiki.nord.hljs ~ p) code {
    color: #9f1b14; /* 濃い赤文字 */
    font-weight: bold;
    border-radius: 3px;
    font-size: 1.1em;
}

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

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

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

/* =========================================================
   暗記カードモード（応用情報技術者試験の章ページ用）
   ========================================================= */

/* 操作ボタンの帯 */
.fc-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 1.5em;
  padding: 10px 12px;
  border: 1px solid rgba(128, 128, 128, 0.4);
  border-radius: 8px;
  font-size: 14px;
}
.fc-toolbar-title {
  font-weight: bold;
  margin-right: 4px;
}
.fc-toolbar button {
  padding: 6px 12px;
  border: 1px solid rgba(128, 128, 128, 0.6);
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font-size: 13px;
  cursor: pointer;
}
.fc-toolbar button:hover {
  background: rgba(128, 128, 128, 0.12);
}

/* 開閉アイコン（▶ → 開くと下向き） */
.fc-icon {
  display: inline-block;
  width: 1em;
  margin-right: 0.35em;
  font-size: 0.75em;
  transition: transform 0.15s ease;
  vertical-align: middle;
}
.fc-open > .fc-head > .fc-icon,
.fc-open > .fc-term > .fc-icon {
  transform: rotate(90deg);
}

/* 見出しセクション */
.fc-head {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.fc-sec:not(.fc-open) > .fc-sec-body {
  display: none;
}

/* 用語リスト */
.fc-term {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.fc-item:not(.fc-open) > .fc-term {
  border-bottom: 1px dashed rgba(128, 128, 128, 0.7);
}
.fc-item:not(.fc-open) > .fc-item-body {
  display: none;
}
.fc-item-body > ul,
.fc-item-body > ol {
  margin-top: 0.3em;
}

/* キーボード操作時の枠 */
.fc-head:focus-visible,
.fc-term:focus-visible {
  outline: 2px solid #4a90d9;
  outline-offset: 2px;
}