@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
/*!
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
*/

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

/* 見出しカスタマイズ*/	
	
/* 見出しリセット */

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

.article h3 { 
  background-color: transparent;
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}
.article h3::before { /*h2の先頭*/
 font-family:"FontAwesome"; /*フォント指定*/
 content:"\f040"; /*記号*/
 margin-right:9px; /*記号右側の余白*/
}



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

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

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

/* グローバルメニューのアイコン + テキストを横並びに */
.header .global-nav .menu-item a {
  display: flex; !important;
  align-items: center; !important;
  white-space: nowrap; !important;
}

.header .global-nav .menu-item a .icon,  /* FontAwesome などのアイコン部分の class 名は適宜調整 */
.header .global-nav .menu-item a .fa {
  margin-right: 0.5em;  !important; /* アイコンと文字の間隔 */
}

/* 必要に応じてアイコンサイズ、文字サイズを調整 */
.header .global-nav .menu-item a i {
  font-size: 1.2em; !important;
}


/* ===== 全体フォントをNoto Sans JPに統一 + 埋め込みiframe調整(2026-06-20 伸学アルファ) =====
   元に戻す場合: 先頭の@importとこのブロックを削除 */
body{ font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif !important; }
.entry-content iframe, .entry-content p > iframe { display:block; margin-left:auto; margin-right:auto; max-width:100%; }

/* ===================================================================
   2026-06-20 伸学アルファ デザイン洗練（信頼感・清潔）藍 #27378d
   元に戻す場合：このブロックを削除（先頭の@import/body Notoは別途）
=================================================================== */
:root{ --sg-indigo:#27378d; --sg-indigo-d:#1d2a6e; --sg-line:#e3e6f0; }

/* 本文の可読性 */
.article, .entry-content{ color:#42475a; line-height:1.95; letter-spacing:.02em; }
.article p{ margin:0 0 1.45em; }

/* === 見出しフラット化（Cocoonの装飾箱をやめ、藍の細線で上品に） === */
.article h2{
  background:#fff !important; color:#1f2647 !important;
  border:none !important; border-left:5px solid var(--sg-indigo) !important;
  border-bottom:1px solid var(--sg-line) !important;
  border-radius:0 !important; box-shadow:none !important;
  padding:.4em .7em !important; margin:2.4em 0 1em !important; font-weight:700;
}
.article h2::before, .article h2::after{ display:none !important; }
.article h3{
  background:none !important; color:#1f2647 !important;
  border:none !important; border-left:4px solid var(--sg-indigo) !important;
  border-radius:0 !important; box-shadow:none !important;
  padding:.15em .65em !important; margin:2.0em 0 .8em !important; font-weight:700;
}
.article h3::before, .article h3::after{ display:none !important; }
.article h2:first-child, .article h3:first-child{ margin-top:.4em !important; }

/* ウィジェット見出し（お知らせ / instagram 等の黒バーをフラット藍に） */
.widget .widget_header, .widget h3, .sidebar h3, .widget-title{
  background:none !important; color:var(--sg-indigo) !important;
  border:none !important; border-bottom:2px solid var(--sg-indigo) !important;
  border-radius:0 !important; padding:.2em .1em .45em !important; font-weight:700;
}
.widget .widget_header::before, .widget h3::after, .sidebar h3::after{ background:none !important; }

/* リンク（ボタン除く） */
.article a:not(.btn):not(.wp-block-button__link){ color:var(--sg-indigo-d); text-underline-offset:2px; }
.article a:not(.btn):not(.wp-block-button__link):hover{ color:var(--sg-indigo); }

/* ボタン：角丸・余白・控えめ影・ホバーで浮く */
.article .btn, .wp-block-button__link, a.btn{
  border-radius:9px !important; padding:.85em 1.8em !important;
  box-shadow:0 4px 12px rgba(39,55,141,.16) !important;
  transition:transform .15s ease, box-shadow .15s ease; letter-spacing:.03em;
}
.article .btn:hover, .wp-block-button__link:hover, a.btn:hover{
  transform:translateY(-2px); box-shadow:0 8px 18px rgba(39,55,141,.24) !important;
}

/* 表：清潔・藍ヘッダ・ゼブラ */
.article table{ border-collapse:separate; border-spacing:0; border:1px solid var(--sg-line); border-radius:10px; overflow:hidden; width:100%; }
.article table th, .article table td{ padding:.8em 1em !important; border-color:#eef0f7 !important; }
.article table th{ background:var(--sg-indigo) !important; color:#fff !important; font-weight:700; }
.article table tbody tr:nth-child(even) td{ background:#f5f6fb !important; }

/* ボックス・区切り線 */
.article .blank-box, .article .information-box, .article .info-box, .article .ok-box, .article .question-box, .article .simple-box{
  border-radius:10px !important; border:1px solid var(--sg-line) !important; box-shadow:0 2px 10px rgba(39,55,141,.05);
}
.article hr{ border:none; height:1px; background:var(--sg-line); margin:2.4em 0; }

/* ===== ふわっと現れる（fade-up） ===== */
.fade-up{ opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .75s cubic-bezier(.22,.61,.36,1); will-change:opacity,transform; }
.fade-up.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .fade-up{ opacity:1 !important; transform:none !important; transition:none !important; } }

/* === コンテンツ幅を適度に制限して中央寄せ(広すぎ解消・本部と同方針) 2026-06-20 === */
.entry-content{ max-width:860px; margin-left:auto; margin-right:auto; }
/* 表ページ等で広く使いたい場合は table は枠内で横スクロール可 */
.entry-content .wp-block-table{ overflow-x:auto; }

/* === トップ限定: 動画と紹介写真セクションを画面いっぱい(フルブリード) 2026-06-20 === */
body.home .entry-content figure.wp-block-video,
body.home .entry-content .wp-block-cover.alignfull{
  width:100vw !important; max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
}
body.home .entry-content figure.wp-block-video{ margin-top:0 !important; }
body.home .entry-content figure.wp-block-video video{ width:100% !important; height:auto !important; display:block; }

/* fade-up後はwill-changeを解除(パララックス等のfixed背景を妨げないため) */
.fade-up.in{ will-change:auto; }
/* パララックスcoverにはfade-upのtransformを当てない(保険) */
.wp-block-cover.fade-up{ transform:none !important; will-change:auto !important; }