@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){
  /*必要ならばここにコードを書く*/
}

:root {
  --cj-indigo: #1D3557;
  --cj-red: #E63946;
  --cj-red-button: #C8323C;
  --cj-bg: #FAF8F5;
  --cj-text: #22242A;
  --cj-sub: #3A6B8A;
  --cj-muted: #5A5E66;
  --cj-line: #E4E0D8;
  --cj-tip-bg: #FDF2F2;
  --cj-facts-bg: #EEF3F7;
  --cj-radius: 6px;
}
body { background-color: var(--cj-bg); color: var(--cj-text); }
.entry-content { line-height: 1.8; }
.entry-content a { color: var(--cj-indigo); text-decoration: underline; text-underline-offset: 2px; }
.entry-content a:hover { color: var(--cj-sub); }
a:focus-visible, button:focus-visible, .wp-block-button__link:focus-visible { outline: 3px solid var(--cj-sub); outline-offset: 2px; }
#header-container, .header-container { background-color: var(--cj-indigo); }
#header-container .site-name-text, #header-container .tagline { color: #fff; }
#navi, #navi .navi-in > ul { background-color: var(--cj-indigo); }
#navi .navi-in a { color: #fff; font-weight: 600; }
#navi .navi-in a:hover { background-color: rgba(255,255,255,.12); }
.article h1.entry-title { color: var(--cj-indigo); font-weight: 800; line-height: 1.35; }
.article h2 { background: none; color: var(--cj-indigo); font-weight: 800; border: none; border-left: 6px solid var(--cj-red); padding: .3em 0 .3em .7em; margin-top: 2.4em; }
.article h3 { background: none; color: var(--cj-indigo); font-weight: 700; border: none; border-bottom: 2px solid var(--cj-line); padding: 0 0 .3em; }
.article h4 { background: none; border: none; color: var(--cj-text); padding: 0; }
.cat-label { background-color: var(--cj-indigo); color: #fff; border: none; }
.entry-categories a, .entry-tags a, .tag-link { color: var(--cj-sub); border-color: var(--cj-sub); background: transparent; }
.wp-block-button__link, .btn, .search-submit { background-color: var(--cj-red-button); color: #fff; border-radius: var(--cj-radius); font-weight: 700; }
.wp-block-button__link:hover, .btn:hover { background-color: #A92A33; color: #fff; }
.is-style-outline .wp-block-button__link { background: transparent; color: var(--cj-indigo); border: 2px solid var(--cj-indigo); }
.cj-local-tip { background-color: var(--cj-tip-bg); border-left: 5px solid var(--cj-red); border-radius: 0 var(--cj-radius) var(--cj-radius) 0; padding: 1em 1.2em; margin: 2em 0; }
.cj-box-label { margin: 0 0 .4em; font-size: .85em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--cj-indigo); }
.cj-local-tip > :last-child, .cj-facts > :last-child, .cj-disclosure > :last-child { margin-bottom: 0; }
.cj-facts { background-color: var(--cj-facts-bg); border: 1px solid #D3DEE7; border-radius: var(--cj-radius); padding: .8em 1.1em; margin: 0 0 1.8em; font-size: .9em; color: var(--cj-text); }
.cj-facts p { margin: 0 0 .25em; }
.cj-facts strong { color: var(--cj-indigo); }
.cj-disclosure { border-top: 1px solid var(--cj-line); border-bottom: 1px solid var(--cj-line); padding: .6em 0; margin: 0 0 1.5em; font-size: .85em; color: var(--cj-muted); }
.cj-disclosure a { color: var(--cj-sub); }
.entry-content .wp-block-table { overflow-x: auto; margin: 1.8em 0; }
.entry-content table { width: 100%; border-collapse: collapse; background: #fff; font-size: .95em; line-height: 1.6; }
.entry-content th, .entry-content td { border: 1px solid var(--cj-line); padding: .6em .8em; text-align: left; vertical-align: top; }
.entry-content thead th { background-color: var(--cj-indigo); color: #fff; font-weight: 700; }
.entry-content tbody tr:nth-child(even) { background-color: #F6F4F0; }
.entry-content .wp-block-table figcaption { font-size: .85em; color: var(--cj-muted); }
.rank-math-list-item { border-bottom: 1px solid var(--cj-line); padding: .8em 0; }
.rank-math-question { color: var(--cj-indigo); font-size: 1.05em; }
@media screen and (max-width: 834px) { .article h2 { font-size: 1.3em; } .entry-content table { font-size: .88em; } .entry-content th, .entry-content td { padding: .5em .6em; } }