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

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

/* ===== リカバリーマスター サイト共通デザイン ===== */
.header-container,.header,#header{background:#fff!important;background-image:none!important}
#header{border-bottom:1px solid #dfe5ec}
.site-name-text-link{display:inline-flex!important;align-items:center;gap:10px}
.site-name-text-link::before{content:"";width:34px;height:34px;border-radius:8px;flex-shrink:0;background:#1d3150 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-5 4 10 2-5h6'/%3E%3C/svg%3E") center/20px no-repeat}
.site-name-text{color:#1d3150!important;font-weight:800!important;letter-spacing:.04em}
.tagline{color:#6a7787!important}
#navi,.navi{background:#fff!important;border-bottom:1px solid #dfe5ec}
#navi .navi-in a{color:#2c4469!important;font-weight:600}
#navi .navi-in a:hover{color:#1f8a8a!important;background:#f5f7f9!important}

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

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

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