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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@media screen and (min-width: 834px) {
  #footer{
    background-image: url('https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg');
    background-size: cover;
    background-position: center;
  }
} 
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
    .footer {
        background-image: url(https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg); /* 背景画像を設定 */
    }
}

/*480px以下*/

@media screen and (max-width: 480px) {
    .footer {
        margin-top: 40px; /* フッターとコンテンツの間に余白追加 */
        background-image: url(https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg); /* 背景画像を設定 */
    }
}




#footer {
margin-top: 40px; /* フッター上の余白 */
background-image: url( https://osusume-all.com/wp-content/uploads/2022/05/1293770_m.jpg );
}
.footer-bottom {
margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
float: none;
bottom: auto;
position: static;
 margin-bottom: 30px;
}
.footer-bottom-logo .logo-image {
padding: 0;
max-width: 160px; /*ロゴ画像を少し大きく*/
margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
float: none;
text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
justify-content: center;
margin-bottom: 1em;
}
.navi-footer-in a {
color: #000000; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
color: #000000; /*文字色を通常時と同じに*/
background: none; /*背景色をなしに*/
text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
color: #000000; /*クレジットの文字色*/
}


@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
}
#toc-2 li.current {
	background-color: #ffbc0099; /* ハイライト色 */
}

.pochipp-box__logo { display: none !important;}/*ポチップロゴ消す*/

/* === Global Font Awesome fix (FA5/FA6両対応) === */
/* Solid */
.fa, .fas {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
}
/* Regular */
.far, .fa-regular {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
/* Brands */
.fab, .fa-brands {
  font-family: "Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Cocoonのメタ周り（アイキャッチ下）を確実に拾う */
.entry-meta .fa, .entry-meta .fas, .entry-meta .far, .entry-meta .fab,
.category-tags .fa, .category-tags .fas, .category-tags .far, .category-tags .fab,
.pagination .fa, .pagination .fas, .pagination .far, .pagination .fab,
.breadcrumb .fa, .breadcrumb .fas, .breadcrumb .far, .breadcrumb .fab {
  font-family: inherit; /* 上の強制指定を引き継がせるだけ */
}

/* 余計な上書きがある場合の保険：疑似要素にも適用 */
[class*="fa-"]::before {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
}

/* サイドバーの固定サイズ枠を確実に表示させる保険 */
#sidebar .adsbygoogle[style*="width:336px"]{
  display:inline-block !important;
  width:336px !important;
  height:280px !important;
}