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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* gc-footer-start: フッターのデザイン */
#footer.footer { background:#24585b !important; background-image:none !important; color:#fff !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; }
#footer .footer-bottom-logo, #footer .footer-bottom-content { float:none !important; width:auto !important; margin:0 !important; }
#footer .footer-bottom-logo img { width:240px !important; max-width:70vw !important; height:auto !important; max-height:none !important; border-radius:12px; background:#fff; padding:6px; }
#footer .footer-bottom-logo .logo, #footer .footer-bottom-logo a, #footer .footer-bottom-logo .site-name-text { display:block; width:auto !important; max-width:none !important; }
#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:#fff !important; background:transparent !important; border:1px solid rgba(255,255,255,.55); border-radius:999px; padding:6px 18px !important; font-size:14px; line-height:1.6; transition:background .2s, color .2s; }
#footer .menu-footer li a:hover { background:#fff !important; color:#24585b !important; }
#footer .source-org, #footer .copyright { color:rgba(255,255,255,.75) !important; font-size:12px; margin-top:4px; }
#footer .footer-bottom-logo, #footer .footer-bottom-content { position:static !important; top:auto !important; left:auto !important; right:auto !important; transform:none !important; }
#footer .footer-bottom { height:auto !important; min-height:0 !important; }
/* gc-footer-end */

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

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

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