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

/* AZUREMORI-CSS-START */
/* 見出し（Azureブルー） */
.entry-content h2{color:#103A5C;position:relative;display:table;padding-bottom:.45em;font-size:1.8em;margin:1.5em 0 1em;border:none;background:none;line-height:1.4;}
.entry-content h2::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0078D4 0%,#50B0F0 100%);border-radius:2px;box-shadow:0 0 10px rgba(0,120,212,.5);}
.entry-content h3{color:#16466e;position:relative;display:table;padding-bottom:.35em;font-size:1.3em;margin:1.6em 0 .8em;border:none;line-height:1.4;}
.entry-content h3::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0078D4;border-radius:2px;}
/* バナー（コールアウト） */
.entry-content .azure-banner{position:relative;margin:1.8em 0;padding:1em 1.2em;background:linear-gradient(180deg,#f3f9fe,#EFF6FC);border:1px solid #cfe4f7;border-left:5px solid #0078D4;border-radius:8px;font-size:.95em;line-height:1.85;color:#23303a;box-shadow:0 2px 6px rgba(0,120,212,.12);}
.entry-content .azure-banner .azure-badge{display:inline-block;background:#0078D4;color:#fff;font-weight:700;font-size:.78em;letter-spacing:.05em;line-height:1;padding:.4em .6em;border-radius:4px;margin-right:.5em;vertical-align:.08em;}
.entry-content .azure-banner strong{color:#005A9E;}

/* === Header / Global nav (Azure blue) === */
#header{background:linear-gradient(135deg,#0a2a4a 0%,#0e3a63 42%,#0d6ec4 100%);box-shadow:0 2px 16px rgba(10,42,74,.35);}
#header .header-in,#header #header-in{padding-top:18px;padding-bottom:18px;}
#header .tagline{color:#c2def7;font-weight:600;letter-spacing:.02em;margin-bottom:.2em;}
#header .logo-header .site-name-text-link,#header .site-name-text-link,#header .logo-header a{color:#ffffff !important;text-shadow:0 1px 4px rgba(0,0,0,.3);}
#header .site-name-text-link{font-weight:800;letter-spacing:.03em;}
/* nav bar */
#navi{background:#04305a;box-shadow:0 4px 12px rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.12);}
#navi .menu-top a,#navi ul li a{color:#e6f1fc;font-weight:600;transition:background .2s,color .2s;}
#navi .menu-top>li>a{position:relative;}
#navi .menu-top>li>a:hover{background:rgba(255,255,255,.12);color:#fff;}
#navi .menu-top>li>a::after{content:"";position:absolute;left:20%;right:20%;bottom:9px;height:2px;background:#50B0F0;border-radius:2px;transform:scaleX(0);transition:transform .22s ease;}
#navi .menu-top>li>a:hover::after,#navi .current-menu-item>a::after,#navi .current_page_item>a::after{transform:scaleX(1);}
#navi .current-menu-item>a,#navi .current_page_item>a{color:#fff;}
@media screen and (max-width:834px){#header .header-in,#header #header-in{padding-top:12px;padding-bottom:12px;}}

/* AZUREMORI-CSS-END */