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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* mw-footer-start: フッターのデザイン */
#footer.footer { background:#3b2a20 !important; background-image:none !important; color:#f6e9dc !important; padding:44px 0 28px !important; margin-top:40px; }
#footer.footer::before, #footer.footer::after { display:none !important; }
#footer .footer-bottom { display:flex !important; flex-direction:column; align-items:center; gap:20px; text-align:center; float:none !important; height:auto !important; min-height:0 !important; }
#footer .footer-bottom-logo, #footer .footer-bottom-content { position:static !important; float:none !important; width:auto !important; margin:0 !important; top:auto !important; left:auto !important; right:auto !important; transform:none !important; }
#footer .footer-bottom-logo .logo, #footer .footer-bottom-logo a, #footer .footer-bottom-logo .site-name-text { display:block; }
#footer .footer-bottom-logo img { width:220px !important; max-width:70vw !important; height:auto !important; max-height:none !important; background:#fff; border-radius:12px; padding:8px 12px; }
#footer .navi-footer-in > .menu-footer { display:flex !important; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 !important; padding:0 !important; }
#footer .menu-footer li { list-style:none; border:0 !important; margin:0 !important; padding:0 !important; width:auto !important; }
#footer .menu-footer li a { display:inline-block; color:#f6e9dc !important; background:transparent !important; border:1px solid rgba(246,233,220,.5); border-radius:999px; padding:6px 18px !important; font-size:14px; line-height:1.6; transition:background .2s, color .2s, border-color .2s; }
#footer .menu-footer li a:hover { background:#f0823a !important; border-color:#f0823a; color:#fff !important; }
#footer .source-org, #footer .copyright { color:rgba(246,233,220,.7) !important; font-size:12px; margin-top:6px; }
/* mw-footer-end */

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

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

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