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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* xj-footer-start: フッターのデザイン */
#footer.footer { background:#1f2f4d !important; background-image:none !important; color:#dfe6f0 !important; padding:40px 0 24px !important; margin-top:40px; }
#footer .footer-widgets { display:block !important; }
#footer .footer-center, #footer .footer-right { display:none !important; }
#footer .footer-left { display:flex !important; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:16px 28px; width:100% !important; float:none !important; margin:0 !important; }
#footer .footer-left .widget { margin:0 !important; padding:0 !important; text-align:center; }
#footer .widget_tag_cloud { display:none !important; }
#footer .widget_pages { order:-1; flex:0 0 100%; margin-bottom:6px !important; }
#footer .widget_pages .widget-title { display:none !important; }
#footer .widget_pages ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 0; margin:0 !important; padding:0 !important; }
#footer .widget_pages li { list-style:none; border:0 !important; padding:0 !important; margin:0 !important; }
#footer .widget_pages li + li::before { content:"|"; color:rgba(255,255,255,.35); margin:0 16px; }
#footer .widget_pages li a { display:inline !important; color:#fff !important; font-size:14px; padding:0 !important; background:none !important; }
#footer .widget_pages li a:hover { text-decoration:underline !important; }
#footer .widget_pages .page-item-3306 { display:none !important; }
#footer .widget_custom_html a { color:#9fb3d1 !important; font-size:11px; }
#footer .widget_custom_html img { display:inline-block; border-radius:4px; }
#footer .footer-bottom { display:flex !important; flex-direction:column; align-items:center; gap:10px; margin-top:28px !important; padding-top:24px !important; border-top:1px solid rgba(255,255,255,.15); height:auto !important; float:none !important; }
#footer .footer-bottom-logo, #footer .footer-bottom-content { position:static !important; float:none !important; width:auto !important; margin:0 !important; text-align:center; transform:none !important; }
#footer .footer-bottom-logo img { max-height:60px !important; width:auto !important; border-radius:6px; }
#footer .source-org, #footer .copyright { color:#9fb3d1 !important; font-size:12px; text-align:center; }
/* xj-footer-end */

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

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

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