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

/* AWSMORI-CSS-START */
/* 見出し */
.entry-content h2{color:#232F3E;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,#146EB4 0%,#2E9BE0 100%);border-radius:2px;box-shadow:0 0 10px rgba(20,110,180,.5);}
.entry-content h3{color:#1b3a5b;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:#146EB4;border-radius:2px;}
/* バナー（コールアウト） */
.entry-content .aws-banner{position:relative;margin:1.8em 0;padding:1em 1.2em;background:linear-gradient(180deg,#f3f8fd,#EEF4FB);border:1px solid #cfe0f0;border-left:5px solid #146EB4;border-radius:8px;font-size:.95em;line-height:1.85;color:#23303a;box-shadow:0 2px 6px rgba(20,110,180,.12);}
.entry-content .aws-banner .aws-badge{display:inline-block;background:#146EB4;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 .aws-banner strong{color:#0d4f86;}

/* ヘッダーロゴ表示サイズ（1600pxロゴをレティナ縮小表示） */
.header-site-logo-image{max-width:330px;height:auto}
@media screen and (max-width:834px){.header-site-logo-image{max-width:230px}}

/* グローバルナビ（PC） */
#navi{background:#fff;border-top:1px solid #eef2f7;border-bottom:1px solid #e3ebf3}
@media screen and (min-width:1024px){#navi .navi-in>ul.menu-pc{display:flex;justify-content:center;gap:4px}}
#navi .navi-in>ul>li{height:52px;line-height:52px}
#navi .navi-in>ul>li>a{position:relative;color:#232F3E;font-weight:700;font-size:14.5px;padding:0 18px;border-radius:8px;transition:color .2s,background .2s}
#navi .navi-in>ul>li>a:hover{background:#EEF4FB;color:#146EB4}
#navi .navi-in>ul>li>a::after{content:"";position:absolute;left:18px;right:18px;bottom:6px;height:3px;border-radius:2px;background:linear-gradient(90deg,#146EB4,#2E9E5B);transform:scaleX(0);transform-origin:left;transition:transform .25s}
#navi .navi-in>ul>li>a:hover::after,#navi .navi-in>ul>li.current-menu-item>a::after,#navi .navi-in>ul>li.current-menu-ancestor>a::after{transform:scaleX(1)}
#navi .navi-in>ul>li.current-menu-item>a,#navi .navi-in>ul>li.current-menu-ancestor>a{color:#146EB4}
/* ドロップダウン */
#navi .sub-menu{background:#fff;border:1px solid #e3ebf3;border-radius:12px;box-shadow:0 10px 30px rgba(35,47,62,.14);padding:8px;min-width:232px;margin-top:4px;overflow:hidden}
#navi .sub-menu li{border:none}
#navi .sub-menu li a{color:#232F3E;font-size:13.5px;font-weight:600;padding:10px 14px;border-radius:8px;height:auto;line-height:1.6;transition:background .15s,color .15s}
#navi .sub-menu li a:hover{background:#EEF4FB;color:#146EB4}
#navi li:hover>.sub-menu{animation:awsmori-drop .18s ease}
@keyframes awsmori-drop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
/* AWSMORI-CSS-END */