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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h1{ /*見出し１（タイトル）カスタマイズ*/
  background: #e6e6e6; /*背景カラー*/
  font-size: 22px; /*フォントサイズ*/
  letter-spacing: 1px; /*文字間隔*/
  margin: -8px -8px 20px -8px;
  padding: 9px 10px 9px 10px;
  border-left: 10px solid #191970; /*左ラインの太さとカラー*/
  line-height: 35px; /*高さ*/
  border-radius: 3px; /*角丸コーナー*/
  }

.article h2{ /*見出し２カスタマイズ*/
  background: 77A4C6; /*背景カラー*/
  font-size: 20px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 10px 7px 10px 10px;
  border-left: 7px solid #0075BF; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #0075BF; /*アンダーラインの太さとカラー*/
  line-height: 35px; /*高さ*/
}

.article h3{ /*見出し３カスタマイズ*/
  background: #e6f8ff; /*背景カラー*/
  font-size: 18px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
  border-left: 5px solid #0075BF; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #0075BF; /*アンダーラインの太さとカラー*/
  line-height: 30px; /*高さ*/
}




.article h4{ /*見出し４カスタマイズ*/
  background: #FFFFFF; /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 8px 7px 8px 10px;
  border-left: 2px solid #0075BF; /*左ラインの太さとカラー*/
  line-height: 23px; /*高さ*/
  border-top: 1px solid #0075BF; /*アンダーラインの太さとカラー*/
  border-bottom: 1px solid #0075BF; /*アンダーラインの太さとカラー*/
}

.article h5{ /*見出し５カスタマイズ*/
  background: F3F4F5; /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
  line-height: 20px; /*高さ*/
  border-bottom: 1px solid #0075BF; /*アンダーラインの太さとカラー*/
}

.article h6{ /*見出し６カスタマイズ*/
  background: F4F5F7; /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 20px 20px 5px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #dcdcdc; /*周囲ラインの太さとカラー*/
  line-height: 27px; /*高さ*/
  text-align: left; /*文字位置*/
  border-radius: 6px; /*角丸コーナー*/
  box-shadow: 3px 3px 2px rgba(0,0,0,0.3); /*シャドー*/
}

add_filter('wpdm_download_count', '__return_empty_string');

/* 講師用カレンダーを前面に出す */
#ea-weekly-calendar-admin { position: relative !important; z-index: 100000 !important; }
#ea-weekly-calendar-admin .fc-header-toolbar { position: relative !important; z-index: 100001 !important; }
#ea-weekly-calendar-admin .fc, 
#ea-weekly-calendar-admin .fc-view-harness { position: relative !important; z-index: 100000 !important; }

/* ボタン類は必ずクリック有効 */
#ea-weekly-calendar-admin .fc-button,
#ea-weekly-calendar-admin .fc-toolbar-chunk * {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* よく被る周辺要素を一段後ろへ（必要十分に弱めの指定） */
#ea-form, .sidebar, #secondary, .widget-area, .site-header, .sticky-header, .top-bar, .announcement-bar {
  position: relative; 
  z-index: 1 !important;
}

/* ===== 講師用ページだけ（page-id-22458）に適用 ===== */
body.page-id-22458 #ea-weekly-calendar-admin,
body.page-id-22458 #ea-weekly-calendar-admin .fc,
body.page-id-22458 #ea-weekly-calendar-admin .fc-header-toolbar {
  position: relative !important;
  z-index: 100000 !important;
}

/* ← この2つが“犯人”。講師用ページではクリック無効化して前にあるカレンダーに通す */
body.page-id-22458 .aioseo-seo-preview-shadow-wrapper {
  pointer-events: none !important;
  /* 影自体も不要なら次の1行も： display:none !important; */
}
body.page-id-22458 #ui-datepicker-div {
  pointer-events: none !important;   /* カレンダーツールバー上での誤被りを防ぐ */
  z-index: 1 !important;             /* 奥へ */
}

/* 念のため：サイドバー等が被るテーマでもカレンダーが前に来るように */
body.page-id-22458 .sidebar,
body.page-id-22458 #secondary,
body.page-id-22458 .widget-area,
body.page-id-22458 .site-header,
body.page-id-22458 .sticky-header,
body.page-id-22458 .top-bar,
body.page-id-22458 .announcement-bar {
  position: relative;
  z-index: 2 !important;
}
/* ── 講師用カレンダーを最前面に ── */
#ea-weekly-calendar-admin,
#ea-weekly-calendar-admin .fc,
#ea-weekly-calendar-admin .fc-header-toolbar {
  position: relative !important;
  z-index: 100000 !important;
}

/* ボタンは必ずクリック可能に */
#ea-weekly-calendar-admin .fc-button,
#ea-weekly-calendar-admin .fc-toolbar-chunk * {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* 代表的な“犯人”を弱める（AIOSEOのプレビュー影 / 非表示のdatepicker） */
.aioseo-seo-preview-shadow-wrapper { pointer-events: none !important; }
#ui-datepicker-div[style*="display: none"] { pointer-events: none !important; }

/* 念のため：サイドバーやヘッダーを一段後ろへ */
.sidebar, #secondary, .widget-area, .site-header, .sticky-header {
  position: relative; z-index: 1 !important;
}

/* プログレスレポートのアコーディオン */
.accordion-header {
  cursor: pointer;
  background: #f3f4f5;
  padding: 10px 15px;
  margin: 5px 0;
  border: 1px solid #ddd;
  font-weight: bold;
  position: relative;
}

.accordion-content {
  display: none;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-top: none;
}

.accordion-content.open {
  display: block;
}

.accordion-header::after {
  content: "▼"; /* 閉じたときの矢印 */
  position: absolute;
  right: 15px;
  font-size: 0.9em;
  transition: transform 0.3s;
}

.accordion-header.active::after {
  transform: rotate(180deg); /* 開いたとき上向きに */
}

/* staff_user_progress_summary 用の簡易スタイル（講師用/生徒用どちらでも効く） */
.user-summary .progress-title{
  background:#f6f8fa; border:1px solid #ddd; border-radius:8px;
  padding:8px 12px; margin:14px 0 6px; font-weight:600;
}
.user-summary .progress-bar{
  height:12px; background:#e9ecef; border-radius:8px; overflow:hidden;
  margin:4px 0 18px;
}
.user-summary .progress-bar .progress-fill{
  height:100%; background:#4caf50; transition:width .3s ease;
}

/* ===== アコーディオン見出しの色分け ===== */

/* 中学英語（中1〜中3をまとめてピンク） */
.accordion-header.eng-junior {
  background-color: #ffe4ec; /* 薄いピンク */
  color: #333;
}

/* 基礎英語（薄い緑） */
.accordion-header.eng-basic {
  background-color: #e6f5e6; /* 薄いグリーン */
  color: #333;
}

/* 標準英語（基礎より濃い緑） */
.accordion-header.eng-standard {
  background-color: #c2e0c2; /* 少し濃いグリーン */
  color: #333;
}

/* 基礎数学（薄い水色） */
.accordion-header.math-basic {
  background-color: #e6f5ff; /* 薄い水色 */
  color: #333;
}

/* 標準数学（基礎より濃い水色） */
.accordion-header.math-standard {
  background-color: #cce7f9; /* 濃いめの水色 */
  color: #333;
}