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

/************************************
** 子テーマ用のスタイルを書く
************************************/

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

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

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

/* ①アピールエリア */
#appeal {
	height: calc(100vw * calc(300 / 1260));
}

/* ②アピールエリアのアニメーション設定 */
.home #appeal {
	animation : appeal-fadein 0.8s ease-in;
}

/* ③アピールエリアのアニメーション詳細 */
@keyframes appeal-fadein{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/************************************
** 固定ページだけタイトルを非表示にする
************************************/
.page .entry-title {
display: none;
}
/*カラム背景色*/
.header-container,
.main,
.sidebar,
.footer {
background-color:#F8F8FF;
}

/************************************
** MVA 大学別攻略ページ（.mva-u）2026-11-11
************************************/
.mva-u{--u-navy:#151130;--u-cyan:#5BB8D4;--u-line:#06C755;--u-bd:#E4E4E4;--u-muted:#888;--u-head:#41403E;--u-warn:#B5452F;--u-good:#2E7D5B}
.mva-u .u-upd{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--u-muted);margin:0 0 14px}
.mva-u .u-upd span{border:1px solid var(--u-bd);padding:1px 8px;line-height:1.8}
.mva-u .u-upd .u-yr{background:var(--u-cyan);border-color:var(--u-cyan);color:#fff;font-weight:700}
.mva-u .u-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
@media(min-width:700px){.mva-u .u-tiles{grid-template-columns:repeat(4,1fr)}}
.mva-u .u-tile{border:1px solid var(--u-bd);border-top:3px solid var(--u-cyan);padding:8px 10px;background:#fff}
.mva-u .u-tile .k{font-size:12px;color:var(--u-muted);line-height:1.4}
.mva-u .u-tile .v{font-size:26px;font-weight:700;color:var(--u-navy);line-height:1.25}
.mva-u .u-tile .v small{font-size:13px;font-weight:400}
.mva-u .u-tile .s{font-size:11px;color:var(--u-muted);line-height:1.4}
.mva-u .u-src{font-size:11px;color:var(--u-muted);margin:6px 0 18px;line-height:1.6}
.mva-u .u-box{border:1px solid var(--u-bd);background:#fff;padding:14px;margin:0 0 16px}
.mva-u .u-box-title{font-size:16px;font-weight:700;color:var(--u-head);border-bottom:2px solid var(--u-cyan);padding-bottom:4px;margin:0 0 10px}
.mva-u .u-feat{border-left:3px solid var(--u-navy);padding:4px 0 4px 10px;margin:0 0 12px}
.mva-u .u-tag{display:inline-block;background:var(--u-navy);color:#fff;font-size:13px;font-weight:700;padding:2px 10px;margin:0 0 4px}
.mva-u .u-feat p{margin:0;font-size:15px;line-height:1.7}
.mva-u .u-feat .u-cmp{font-size:13px;color:var(--u-muted)}
.mva-u .u-fit{border:1px solid var(--u-bd);padding:10px 12px;margin:0 0 8px}
.mva-u .u-fit .ax{font-size:12px;font-weight:700;color:var(--u-cyan);letter-spacing:.05em}
.mva-u .u-fit ul{margin:4px 0 0;padding-left:1.2em}
.mva-u .u-fit li{font-size:15px;line-height:1.7;margin:2px 0}
.mva-u .u-fit .to{color:var(--u-good);font-weight:700;font-size:13px}
.mva-u .u-fit.caution{border-color:#F0D2CB;background:#FDF6F4}
.mva-u .u-fit.caution .ax{color:var(--u-warn)}
.mva-u .u-note{font-size:13px;color:var(--u-muted)}
.mva-u .u-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
.mva-u .u-scroll table{min-width:100%;font-size:14px}
.mva-u .u-bars{margin:0 0 16px}
.mva-u .u-bar{display:grid;grid-template-columns:7.5em 1fr 3.5em;align-items:center;gap:6px;font-size:13px;margin:3px 0}
.mva-u .u-bar .t{height:14px;background:#EEF7FA}
.mva-u .u-bar .t i{display:block;height:100%;background:var(--u-cyan)}
.mva-u .u-bar .t i.y25{background:#BFE3EE}
.mva-u .u-bar .n{text-align:right;font-weight:700;color:var(--u-navy)}
.mva-u .u-legend{font-size:12px;color:var(--u-muted)}
.mva-u .u-legend i{display:inline-block;width:10px;height:10px;margin:0 4px 0 8px;vertical-align:middle}
.mva-u .u-split{display:flex;height:26px;margin:4px 0 4px;font-size:12px;color:#fff;font-weight:700}
.mva-u .u-split span{display:flex;align-items:center;justify-content:center}
.mva-u .u-timeline{list-style:none;margin:0 0 16px;padding:0;border-left:2px solid var(--u-cyan)}
.mva-u .u-timeline li{position:relative;padding:2px 0 8px 14px;font-size:14px;line-height:1.6}
.mva-u .u-timeline li::before{content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;background:var(--u-cyan)}
.mva-u .u-timeline b{color:var(--u-navy)}
.mva-u details.u-acc{border:1px solid var(--u-bd);margin:0 0 8px;background:#fff}
.mva-u details.u-acc summary{cursor:pointer;padding:10px 12px;font-weight:700;color:var(--u-head)}
.mva-u details.u-acc[open] summary{border-bottom:1px solid var(--u-bd)}
.mva-u details.u-acc .in{padding:4px 12px 10px}
.mva-u .u-faq dt{font-weight:700;margin-top:12px}
.mva-u .u-faq dt::before{content:"Q. ";color:var(--u-cyan)}
.mva-u .u-faq dd{margin:4px 0 0}
.mva-u .u-faq dd::before{content:"A. ";font-weight:700;color:var(--u-navy)}
.mva-u .u-line{background:var(--u-line);color:#fff;padding:14px;margin:20px 0;text-align:center}
.mva-u .u-line p{margin:0 0 8px;font-weight:700}
.mva-u .u-line a{display:inline-block;background:#fff;color:var(--u-line);font-weight:700;padding:8px 20px;text-decoration:none}
.mva-u .u-quote{border:1px solid var(--u-bd);background:#F7FBFD;padding:10px 12px;margin:0 0 16px;font-size:15px;line-height:1.7}
.mva-u .u-quote .who{display:block;font-size:12px;color:var(--u-muted);margin-top:4px}
.mva-u .u-quote::before{content:"合格者のひとこと";display:block;font-size:12px;font-weight:700;color:var(--u-cyan)}
.mva-u .u-hit{font-weight:700;color:var(--u-navy);margin:-4px 0 16px}
.mva-u .u-hit::before{content:"→ ";color:var(--u-cyan)}
.mva-u .u-feat .one{font-size:15px;line-height:1.6;margin:0}
.mva-u a.u-ask{display:block;border:1px dashed var(--u-cyan);background:#F7FBFD;padding:10px 12px;margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--u-head);text-decoration:none}
.mva-u a.u-ask b{display:block;color:var(--u-navy)}
.mva-u a.u-ask::after{content:"AXIS LOGに書く →";display:block;margin-top:4px;font-size:13px;font-weight:700;color:var(--u-cyan)}
.mva-u .u-kicker{display:inline-block;background:var(--u-navy);color:#fff;font-size:13px;font-weight:700;letter-spacing:.05em;padding:3px 10px;margin:0 0 8px}
.mva-u .u-kicker::before{content:"⏱ "}
.mva-u p.u-hit{border-left:3px solid var(--u-cyan);padding:2px 0 2px 8px;background:#F7FBFD}
.mva-u tr.u-me td{background:#EEF7FA;font-weight:700}
.mva-u .u-quote-more{display:block;margin-top:6px;font-size:13px;font-weight:700;color:var(--u-cyan);text-decoration:none}
.mva-u .u-more{border:2px solid var(--u-navy);background:#fff;padding:14px;margin:20px 0}
.mva-u .u-more-title{font-size:16px;font-weight:700;color:var(--u-navy);margin:0 0 6px}
.mva-u .u-more-title::before{content:"AXIS LOG";display:inline-block;background:var(--u-navy);color:#fff;font-size:11px;letter-spacing:.08em;padding:1px 6px;margin-right:8px;vertical-align:2px}
.mva-u .u-more p{margin:0 0 10px;font-size:15px}
.mva-u .u-more-btn{display:block;text-align:center;background:var(--u-navy);color:#fff;font-weight:700;padding:12px;text-decoration:none}

/* mva-legacy.css の記事内リンク色（!important）より優先させる */
body .entry-content .mva-u a.u-more-btn,body .entry-content .mva-u a.u-more-btn:hover,body .entry-content .mva-u a.u-more-btn:visited{color:#fff!important;text-decoration:none!important}
body .entry-content .mva-u .u-line a,body .entry-content .mva-u .u-line a:hover,body .entry-content .mva-u .u-line a:visited{color:#06C755!important;text-decoration:none!important}
body .entry-content .mva-u a.u-ask,body .entry-content .mva-u a.u-ask:hover,body .entry-content .mva-u a.u-ask:visited{color:#41403E!important;text-decoration:none!important}
body .entry-content .mva-u a.u-quote-more,body .entry-content .mva-u a.u-quote-more:visited{color:#5BB8D4!important;text-decoration:none!important}


/* ---- ハブページ（獣医大学比較）用 2026-11-11 ---- */
.mva-u .u-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.mva-u .u-filter input{position:absolute;opacity:0;pointer-events:none}
.mva-u .u-filter label{display:inline-block;border:1px solid var(--u-bd);background:#fff;color:var(--u-head);font-size:13px;font-weight:700;padding:5px 10px;cursor:pointer;line-height:1.4}
.mva-u .u-filter input:checked+label{background:var(--u-navy);border-color:var(--u-navy);color:#fff}
.mva-u .u-filter input:focus-visible+label{outline:2px solid var(--u-cyan)}
.mva-u .u-hubtable{width:100%;border-collapse:collapse;font-size:14px}
.mva-u .u-hubtable th{background:var(--u-navy);color:#fff;font-size:12px;padding:6px;text-align:left;white-space:nowrap}
.mva-u .u-hubtable td{border-bottom:1px solid var(--u-bd);padding:8px 6px;vertical-align:top}
.mva-u .u-hubtable td.n{font-weight:700;color:var(--u-navy);white-space:nowrap;text-align:right}
.mva-u .u-hubtable .un{font-weight:700;font-size:15px;color:var(--u-head)}
.mva-u .u-hubtable .sub{display:block;font-size:11px;color:var(--u-muted);font-weight:400}
.mva-u .u-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.mva-u .u-chips span{font-size:11px;line-height:1.5;padding:0 5px;border:1px solid var(--u-bd);color:var(--u-head);background:#F7FBFD}
.mva-u .u-chips span.k{border-color:var(--u-navy);background:var(--u-navy);color:#fff}
.mva-u .u-hubtable tr.u-sep td{background:#F4F5F7;font-size:12px;font-weight:700;color:var(--u-muted);padding:4px 6px}
.mva-u th .th-sub{display:block;font-size:10px;font-weight:400;opacity:.85;letter-spacing:0}
/* 絞り込み（CSSだけで動く。:has 非対応のブラウザでは全件表示） */
.mva-u.u-hub:has(#hf-kok:checked) tr.u-row:not(.f-kok),
.mva-u.u-hub:has(#hf-shi:checked) tr.u-row:not(.f-shi),
.mva-u.u-hub:has(#hf-m3n:checked) tr.u-row:not(.f-m3n),
.mva-u.u-hub:has(#hf-r1:checked) tr.u-row:not(.f-r1),
.mva-u.u-hub:has(#hf-ct:checked) tr.u-row:not(.f-ct),
.mva-u.u-hub:has(#hf-nd:checked) tr.u-row:not(.f-nd),
.mva-u.u-hub:has(#hf-late:checked) tr.u-row:not(.f-late),
.mva-u.u-hub:has(#hf-noct:checked) tr.u-row:not(.f-noct){display:none}
.mva-u.u-hub:has(#hf-kok:checked,#hf-shi:checked,#hf-m3n:checked,#hf-r1:checked,#hf-ct:checked,#hf-nd:checked,#hf-late:checked,#hf-noct:checked) tr.u-sep{display:none}
.mva-u .u-cmp2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.mva-u .u-cmp2 .c{border:1px solid var(--u-bd);background:#fff;padding:10px}
.mva-u .u-cmp2 .c b{display:block;color:var(--u-navy);font-size:15px;border-bottom:2px solid var(--u-cyan);margin-bottom:6px}
.mva-u .u-cmp2 .c ul{margin:0;padding-left:1.1em;font-size:14px}
.mva-u .u-band{margin:0 0 14px}
.mva-u .u-band .r{display:grid;grid-template-columns:5.5em 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--u-bd);font-size:14px}
.mva-u .u-band .r b{color:var(--u-navy)}

/* 2026-11-11 表と目次を記事の中央に（mva-legacy.css の左寄せを上書き） */
body.mva-unified .entry-content .toc,body.mva-unified .article .toc{margin-left:auto!important;margin-right:auto!important}
body.mva-unified .entry-content table{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
body.mva-unified .entry-content .mva-u table{display:table;width:100%;max-width:none}