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

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

/************************************
****　FAQ　アコーディオン
************************************/
.is-style-accordion div.faq-question-label.faq-item-label{
color: #D55656;
font-size: 18px;
padding: 3px 8px;
margin-right: 0.4em;
border-radius: 10%;
font-weight: bold;
}
.is-style-accordion div.faq-answer-label.faq-item-label{
color: #6599B7;
font-size: 18px;
padding: 3px 8px;
border-radius: 10%;
font-weight: bold;
}
.is-style-accordion .faq-question {
background-color: #f0f0f0;
padding: 1em 2em 1em 1em;
margin: -25px 0px;
}
.is-style-accordion .faq-answer {
padding: 1em;
margin-top: 30px;
}
.is-style-accordion .faq-question-content.faq-item-content {
color: #337AB7;
}
.is-style-accordion .faq-question::before {
font-weight: 700;
}
@media screen and (max-width: 390px){
.is-style-accordion div.faq-question-label.faq-item-label{
margin-right: 0.3em;
}
.is-style-accordion .faq-question {
padding-left: .5em;
}
}
.faq p,.faq .wp-block-image{
margin-bottom:0;
}


/************************************
****　FAQ　角型ラベル
************************************/
.is-style-square {
    background-color: #f7f7f7;/*背景色の変更はこちら*/
}
.is-style-square div.faq-question-label.faq-item-label{
    background-color: #D55656;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;
}
.is-style-square div.faq-answer-label.faq-item-label{
    background-color: #6599B7;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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;}
}


/* ===================================================================
   2026-06-20 伏見ゼミナール デザイン洗練 ティール #026593 (桂/伸学αと同方式)
=================================================================== */
:root{ --fz-teal:#026593; --fz-teal-d:#014d70; --fz-line:#dfe8ec; }
body{ font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif !important; }
.article, .entry-content{ color:#3f4b50; line-height:1.95; letter-spacing:.02em; }
.article p{ margin:0 0 1.45em; }
/* 見出しフラット化 */
.article h2{ background:#fff !important; color:#16323d !important; border:none !important; border-left:5px solid var(--fz-teal) !important; border-bottom:1px solid var(--fz-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:#16323d !important; border:none !important; border-left:4px solid var(--fz-teal) !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; }
.widget .widget_header, .widget h3, .sidebar h3, .widget-title{ background:none !important; color:var(--fz-teal) !important; border:none !important; border-bottom:2px solid var(--fz-teal) !important; border-radius:0 !important; padding:.2em .1em .45em !important; font-weight:700; }
/* リンク・ボタン */
.article a:not(.btn):not(.wp-block-button__link){ color:var(--fz-teal-d); text-underline-offset:2px; }
.article a:not(.btn):not(.wp-block-button__link):hover{ color:var(--fz-teal); }
.article .btn, .wp-block-button__link, a.btn{ border-radius:9px !important; padding:.85em 1.8em !important; box-shadow:0 4px 12px rgba(2,101,147,.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(2,101,147,.24) !important; }
/* 表 */
.article table{ border-collapse:separate; border-spacing:0; border:1px solid var(--fz-line); border-radius:10px; overflow:hidden; width:100%; }
.article table th, .article table td{ padding:.8em 1em !important; border-color:#e8eef1 !important; }
.article table th{ background:var(--fz-teal) !important; color:#fff !important; font-weight:700; }
.article table tbody tr:nth-child(even) td{ background:#f3f8fa !important; }
.article hr{ border:none; height:1px; background:var(--fz-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; will-change:auto; }
.wp-block-cover.fade-up{ transform:none !important; will-change:auto !important; }
@media (prefers-reduced-motion: reduce){ .fade-up{ opacity:1 !important; transform:none !important; transition:none !important; } }
/* コンテンツ幅を中央寄せで制限 */
.entry-content{ max-width:860px; margin-left:auto; margin-right:auto; }
.entry-content .wp-block-table{ overflow-x:auto; }
/* トップ限定: 動画と alignfull cover を画面いっぱい */
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 video{ width:100% !important; height:auto !important; display:block; }