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


/* 全ページ共通 SNS フッター */
#navi-footer{margin-top:18px;padding:18px 14px;background:#f4f8fb;border-radius:12px}
#navi-footer::before{content:"公式SNS・お問い合わせ";display:block;margin-bottom:12px;color:#30465a;font-weight:700;font-size:15px;letter-spacing:.04em}
#navi-footer .menu-footer{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
#navi-footer .menu-footer li{border:0}
#navi-footer .menu-footer a{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:11px 16px;border-radius:999px;background:#506273;color:#fff!important;font-weight:700;font-size:14px;line-height:1;text-decoration:none;box-shadow:0 3px 8px rgba(0,0,0,.16);transition:transform .15s ease,opacity .15s ease}
#navi-footer .menu-footer a:hover{transform:translateY(-2px);opacity:.88}
#navi-footer a[href*="facebook.com"]{background:#1877f2}
#navi-footer a[href*="x.com"]{background:#111}
#navi-footer a[href*="instagram.com"]{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
#navi-footer a[href*="note.com"]{background:#41c9b0}
#navi-footer a[href*="youtube.com"]{background:#ff0000}
#navi-footer a[href^="mailto:"]{background:#526b7a}
@media(max-width:600px){#navi-footer .menu-footer{gap:8px}#navi-footer .menu-footer a{min-width:92px;padding:10px 12px;font-size:13px}}