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


/* ================================================
   My beloved--- リブランディング CSS
   ================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Noto+Sans+JP:wght@300;400&display=swap');

:root {
  --clr-bg: #FDFAF7; --clr-mauve: #B8848E; --clr-mauve-light: #EDD8DC;
  --clr-mauve-dark: #8A5D65; --clr-text: #3D3535; --clr-text-light: #7A6A6A; --clr-border: #E5D8D0;
}
body, .body-container { background-color: var(--clr-bg) !important; font-family: 'Noto Sans JP', sans-serif !important; font-weight: 300 !important; color: var(--clr-text) !important; letter-spacing: 0.04em; }
#header, .header-container, .header-container-in { background-color: var(--clr-bg) !important; border-bottom: 1px solid var(--clr-border) !important; box-shadow: none !important; }
.header-logo-text a, #header .site-name-text a { font-family: 'Cormorant Garamond', serif !important; font-weight: 300 !important; font-size: 1.7em !important; letter-spacing: 0.15em !important; color: var(--clr-mauve-dark) !important; }
.site-description, .header-container .tagline { font-size: 0.72em !important; letter-spacing: 0.12em !important; color: var(--clr-text-light) !important; font-weight: 300 !important; }
.navi-in > ul > li > a, #navi .menu > li > a { font-weight: 300 !important; font-size: 0.82em !important; letter-spacing: 0.12em !important; color: var(--clr-text) !important; transition: color 0.3s ease !important; }
.navi-in > ul > li > a:hover, #navi .menu > li > a:hover { color: var(--clr-mauve) !important; background: transparent !important; }
.entry-card, .a-card { border: 1px solid var(--clr-border) !important; border-radius: 8px !important; box-shadow: 0 2px 12px rgba(180,130,130,0.06) !important; background: #fff !important; transition: box-shadow 0.3s, transform 0.3s !important; overflow: hidden !important; }
.entry-card:hover, .a-card:hover { box-shadow: 0 6px 24px rgba(180,130,130,0.14) !important; transform: translateY(-3px) !important; }
.entry-card-title, .card-title { font-weight: 400 !important; font-size: 0.95em !important; letter-spacing: 0.06em !important; color: var(--clr-text) !important; line-height: 1.65 !important; }
.entry-card-snippet { font-size: 0.8em !important; color: var(--clr-text-light) !important; line-height: 1.7 !important; font-weight: 300 !important; }
.cat-label, .entry-card-label, .a-card-label { background-color: rgba(184,132,142,0.82) !important; color: #fff !important; font-size: 0.68em !important; letter-spacing: 0.1em !important; font-weight: 300 !important; border-radius: 0 4px 0 0 !important; padding: 3px 10px !important; border: none !important; }
.entry-title, h1.entry-title { font-weight: 400 !important; letter-spacing: 0.08em !important; color: var(--clr-text) !important; }
.entry-content h2 { border-left: 3px solid var(--clr-mauve) !important; border-bottom: 1px solid var(--clr-mauve-light) !important; padding: 8px 0 8px 14px !important; font-weight: 400 !important; background: transparent !important; color: var(--clr-text) !important; }
.entry-content h3 { border-bottom: 1px solid var(--clr-border) !important; padding-bottom: 6px !important; font-weight: 400 !important; color: var(--clr-mauve-dark) !important; }
.entry-content a { color: var(--clr-mauve) !important; text-decoration: none !important; border-bottom: 1px solid var(--clr-mauve-light) !important; }
.btn, .more-link { background-color: var(--clr-mauve) !important; border: none !important; border-radius: 20px !important; padding: 8px 24px !important; font-weight: 300 !important; color: #fff !important; transition: background 0.3s !important; }
.btn:hover, .more-link:hover { background-color: var(--clr-mauve-dark) !important; }
.widget-title, .sidebar .widget h2 { letter-spacing: 0.14em !important; font-weight: 400 !important; color: var(--clr-mauve-dark) !important; border-bottom: 1px solid var(--clr-border) !important; padding-bottom: 8px !important; background: transparent !important; }
#footer, .footer { background-color: #3D3535 !important; color: rgba(255,255,255,0.65) !important; font-size: 0.78em !important; letter-spacing: 0.1em !important; font-weight: 300 !important; }
.site-content, .content-in, .wrap { background-color: var(--clr-bg) !important; }

/* ================================================
   My beloved--- リブランディング CSS
   ================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Noto+Sans+JP:wght@300;400&display=swap');
:root{--clr-bg:#FDFAF7;--clr-mauve:#B8848E;--clr-mauve-light:#EDD8DC;--clr-mauve-dark:#8A5D65;--clr-text:#3D3535;--clr-text-light:#7A6A6A;--clr-border:#E5D8D0;}
body,.body-container{background-color:var(--clr-bg)!important;font-family:'Noto Sans JP',sans-serif!important;font-weight:300!important;color:var(--clr-text)!important;letter-spacing:0.04em;}
#header,.header-container,.header-container-in{background-color:var(--clr-bg)!important;border-bottom:1px solid var(--clr-border)!important;box-shadow:none!important;}
.header-logo-text a,#header .site-name-text a{font-family:'Cormorant Garamond',serif!important;font-weight:300!important;font-size:1.7em!important;letter-spacing:0.15em!important;color:var(--clr-mauve-dark)!important;}
.site-description,.header-container .tagline{font-size:0.72em!important;letter-spacing:0.12em!important;color:var(--clr-text-light)!important;font-weight:300!important;}
.navi-in>ul>li>a,#navi .menu>li>a{font-weight:300!important;font-size:0.82em!important;letter-spacing:0.12em!important;color:var(--clr-text)!important;transition:color 0.3s ease!important;}
.navi-in>ul>li>a:hover,#navi .menu>li>a:hover{color:var(--clr-mauve)!important;background:transparent!important;}
.entry-card,.a-card{border:1px solid var(--clr-border)!important;border-radius:8px!important;box-shadow:0 2px 12px rgba(180,130,130,0.06)!important;background:#fff!important;transition:box-shadow 0.3s,transform 0.3s!important;overflow:hidden!important;}
.entry-card:hover,.a-card:hover{box-shadow:0 6px 24px rgba(180,130,130,0.14)!important;transform:translateY(-3px)!important;}
.entry-card-title,.card-title{font-weight:400!important;font-size:0.95em!important;letter-spacing:0.06em!important;color:var(--clr-text)!important;line-height:1.65!important;}
.entry-card-snippet{font-size:0.8em!important;color:var(--clr-text-light)!important;line-height:1.7!important;font-weight:300!important;}
.cat-label,.entry-card-label,.a-card-label{background-color:rgba(184,132,142,0.82)!important;color:#fff!important;font-size:0.68em!important;letter-spacing:0.1em!important;font-weight:300!important;border-radius:0 4px 0 0!important;padding:3px 10px!important;border:none!important;}
.entry-title,h1.entry-title{font-weight:400!important;letter-spacing:0.08em!important;color:var(--clr-text)!important;}
.entry-content h2{border-left:3px solid var(--clr-mauve)!important;border-bottom:1px solid var(--clr-mauve-light)!important;padding:8px 0 8px 14px!important;font-weight:400!important;background:transparent!important;color:var(--clr-text)!important;}
.entry-content h3{border-bottom:1px solid var(--clr-border)!important;padding-bottom:6px!important;font-weight:400!important;color:var(--clr-mauve-dark)!important;}
.entry-content a{color:var(--clr-mauve)!important;text-decoration:none!important;border-bottom:1px solid var(--clr-mauve-light)!important;}
.btn,.more-link{background-color:var(--clr-mauve)!important;border:none!important;border-radius:20px!important;padding:8px 24px!important;font-weight:300!important;color:#fff!important;}
.btn:hover,.more-link:hover{background-color:var(--clr-mauve-dark)!important;}
.widget-title,.sidebar .widget h2{letter-spacing:0.14em!important;font-weight:400!important;color:var(--clr-mauve-dark)!important;border-bottom:1px solid var(--clr-border)!important;padding-bottom:8px!important;background:transparent!important;}
#footer,.footer{background-color:#3D3535!important;color:rgba(255,255,255,0.65)!important;font-size:0.78em!important;letter-spacing:0.1em!important;font-weight:300!important;}
.site-content,.content-in,.wrap{background-color:var(--clr-bg)!important;}