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

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


/************************************
** KIREI DESIGN：きれいの根拠 デザイン（配色・書体）
** 配色：墨 #1B1A1A／本文 #3F3A39／アクセント #7A2E45／補助 #B5646F／罫線 #E8DEDB／地 #F6F1EF
************************************/
:root{--kk-ink:#1B1A1A;--kk-text:#3F3A39;--kk-accent:#7A2E45;--kk-rose:#B5646F;--kk-line:#E8DEDB;--kk-bg:#F6F1EF;--kk-serif:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif}
body{color:var(--kk-text);background:#fff;line-height:1.9}
a{color:var(--kk-ink)}
a:hover{color:var(--kk-accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--kk-accent);outline-offset:3px}
.header-container,.header-container-in,#header-container{background:#fff;border-bottom:1px solid var(--kk-line)}
.logo-text .site-name-text,.site-name-text{font-family:var(--kk-serif);letter-spacing:.2em;color:var(--kk-ink)}
.tagline{font-family:var(--kk-serif);letter-spacing:.12em;color:var(--kk-text)}
#navi .navi-in a{color:var(--kk-ink);letter-spacing:.08em}
#navi .navi-in a:hover{color:var(--kk-accent);background:transparent}
.entry-title,.archive-title{font-family:var(--kk-serif);font-weight:500;color:var(--kk-ink);letter-spacing:.06em}
.article h2{font-family:var(--kk-serif);font-weight:500;color:var(--kk-ink);background:none;border:0;border-bottom:1px solid var(--kk-line);padding:0 0 .5em;letter-spacing:.06em}
.article h3{font-family:var(--kk-serif);font-weight:500;color:var(--kk-accent);background:none;border:0;padding:0;letter-spacing:.05em}
.article table th{background:var(--kk-bg);color:var(--kk-ink)}
.article table th,.article table td{border-color:var(--kk-line)}
.footer{background:var(--kk-ink);color:#EDE7E5}
.footer a{color:#EDE7E5}
.footer a:hover{color:#D9BDB8}
/* トップページ用ブロック */
.kk-hero{padding:72px 24px;text-align:center;background:var(--kk-bg)}
.kk-hero .kk-en{font-family:var(--kk-serif);letter-spacing:.3em;font-size:13px;color:var(--kk-accent)}
.kk-hero h1{font-family:var(--kk-serif);font-weight:400;font-size:clamp(26px,4.4vw,44px);letter-spacing:.08em;color:var(--kk-ink);margin:.6em 0}
.kk-hero p{max-width:640px;margin:0 auto;color:var(--kk-text)}
.kk-sec{margin:72px 0 0}
.kk-sec>.kk-en{font-family:var(--kk-serif);letter-spacing:.3em;font-size:13px;color:var(--kk-accent)}
.kk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px}
.kk-card{display:block;border:1px solid var(--kk-line);background:#fff;padding:24px;text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease}
.kk-card:hover{border-color:var(--kk-rose);box-shadow:0 12px 32px rgba(27,26,26,.08)}
.kk-card b{display:block;font-family:var(--kk-serif);font-weight:500;color:var(--kk-ink);font-size:18px;margin-bottom:6px}
.kk-card span{font-size:14px;color:var(--kk-text)}
.kk-note{border:1px solid var(--kk-line);background:var(--kk-bg);padding:20px 24px;font-size:14px}
@media (prefers-reduced-motion:reduce){.kk-card{transition:none}}
@media screen and (max-width: 834px){.kk-hero{padding:48px 16px}.kk-sec{margin-top:48px}}

/* トップページ：タイトル・SNS・目次・サイドバーを非表示にして全幅表示 */
.home .entry-title,.page-id-15 .entry-title,.home .sns-share,.page-id-15 .sns-share,.home .sns-follow,.page-id-15 .sns-follow,.home #toc,.page-id-15 #toc,.home .toc,.page-id-15 .toc,.home .article-header .post-date,.page-id-15 .article-header .post-date,.home #sidebar,.page-id-15 #sidebar{display:none!important}
.home #main,.page-id-15 #main{width:100%!important;float:none}
.home .article,.page-id-15 .article{padding-top:0}

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

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

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