@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;
}

/* 末尾のマージン崩れ対策（余白の保険） */
.entry-content > *:last-child { margin-bottom: 0 !important; }

/* 記事末～フッター直前の無駄な余白を詰める（テーマの余白が大きい場合） */
.site-main > article:last-child,
#main .container:last-child { padding-bottom: 0 !important; }

/* ブロックの最終要素でよく残る余白も消す */
.wp-block-group:last-child,
.wp-block-image:last-child,
.wp-block-paragraph:last-child { margin-bottom: 0 !important; }

/* === [star] フォールバック（Font Awesomeなしでも★/☆を出す）=== */
/* 対象を星アイコン系に限定して他のアイコンへは影響させない */
.fas.fa-star, .fa.fa-star, .far.fa-star, .fa-star,
.fa-star-o, .fa-regular.fa-star, .fa-star-half-alt, .fa-star-half-stroke {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif !important;
  font-weight: 700 !important;  /* くっきり表示 */
  line-height: 1 !important;
}

/* 塗りつぶし（★） */
.fas.fa-star:before, .fa.fa-star:before, .fa-star:before {
  content: "★" !important;
}

/* アウトライン（☆） FA4/5/6のクラスに対応 */
.far.fa-star:before, .fa-star-o:before, .fa-regular.fa-star:before {
  content: "☆" !important;
}

/* ハーフ（必要な場合のみ。環境により半分マスクが効かない時はコメントアウトでOK） */
.fa-star-half-alt:before, .fa-star-half-stroke:before {
  content: "★" !important;
  display: inline-block;
  /* 右半分を透明化して半分だけ塗り */
  -webkit-mask-image: linear-gradient(90deg, #000 50%, transparent 50%);
  mask-image: linear-gradient(90deg, #000 50%, transparent 50%);
}
/* === Micro Text アイコンの潰れ補正（サイト全体）=== */
/* FAを確実に使い、行間＆位置を正規化。周囲のテキストとの間隔も確保 */
.micro-text .fa,
.micro-text .fas,
.micro-text .far {
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
  line-height: 1 !important;
  vertical-align: -0.05em;      /* わずかに下がる潰れを補正 */
  -webkit-font-smoothing: antialiased;
  margin-right: .3em;
}

/* ウェイトの取り違えを是正（regular=400 / solid=900） */
.micro-text .far { font-weight: 400 !important; }
.micro-text .fas,
.micro-text .fa  { font-weight: 900 !important; }

/* 極小サイズでのにじみ・つぶれ防止（幅を確保してセンタリング） */
.micro-text i[class^="fa-"],
.micro-text i[class*=" fa-"]{
  display: inline-block;
  width: 1.05em;               /* 文字幅ぶんの箱を確保 */
  text-align: center;
}

/* OA: Micro Textの連結クラス(fab-apple)用フォールバック */
.micro-text .micro-text-icon.fab-apple::before{
  content: "\f179"; /* AppleのUnicode */
  font-family: "Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}
/* 見た目は既定に合わせる（余白やサイズは変えない） */
.micro-text .micro-text-icon.fab-apple{
  display: inline-block;
  line-height: 1;
}

/* === oa-fa-microtext-fix: Cocoonの micro-text で fab-apple が表示されない対策 === */
/* Font Awesome Brands を明示して、glyph を指定（全ページ共通で有効） */
.micro-text .micro-text-icon.fab-apple::before,
.micro-text .micro-icon.fab-apple::before,
.fab-apple::before{
  font-family: "Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
  content: "\f179"; /* Apple ロゴ */
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  line-height: 1;
}

/* 修復：本文中の通常リンクはインライン表示に戻す（ブログカード等は除外） */
.entry-content p > a:not([class*="blogcard"]):not(.btn):not(.button):not(.wp-block-button__link),
.entry-content li > a:not([class*="blogcard"]):not(.btn):not(.button):not(.wp-block-button__link),
.entry-content dt > a:not([class*="blogcard"]):not(.btn):not(.button):not(.wp-block-button__link),
.entry-content dd > a:not([class*="blogcard"]):not(.btn):not(.button):not(.wp-block-button__link) {
  display: inline !important;
  white-space: normal !important;
}