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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

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


/* サイト全体の背景を強制的に白にする */
html, body, #container {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* コンテンツ外側の余白部分を白にする */
#content {
    background-color: #ffffff !important;
}



/* 1. 固定ページのタイトルを消す */
.type-page .entry-title {
    display: none !important;
}

/* 2. 投稿者名（編集者）・更新日などのメタ情報を消す */
.entry-meta, 
.post-update, 
.post-date, 
.author-info {
    display: none !important;
}

/* 3. フッター内のサイトタイトル（ロゴ）を消す */
.footer-logo,
.footer-logo-link {
    display: none !important;
}

/* 4. フッター全体の余計な余白やウィジェットも消したい場合 */
#footer-in {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

/* 5. サイト全体のヘッダー（一番上のサイト名）も消す */
.header {
    display: none !important;
}

/* 6. パンくずリストも邪魔なら消す */
.breadcrumb {
    display: none !important;
}

/* フッターエリア全体を完全に消す */
footer,
.footer,
#footer,
#footer-bottom,
.footer-bottom-logo,
.site-footer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
}

/* ページ下の「前後の記事」などのリンクも消す */
.pager-post-navi,
.article-footer,
.sns-share,
.sns-follow {
    display: none !important;
}

/* スマホ用フッターメニューを消す */
.footer-mobile-buttons {
    display: none !important;
}

/* --- モバイルフッターメニューのカスタマイズ --- */

/* 「TOP」ボタン以外の項目（ホーム、検索、サイドバーなど）をすべて非表示にする */
.footer-mobile-buttons a:not(.go-to-top-button) {
    display: none !important;
}

/* フッター全体の背景や枠線を消して、ボタンだけを浮かせる */
.footer-mobile-buttons {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    justify-content: flex-end !important; /* ボタンを右端に寄せる */
}

/* TOPボタン自体のデザイン調整（丸くして邪魔にならないようにする） */
.go-to-top-button {
    width: 55px !important;
    height: 55px !important;
    line-height: 55px !important;
    background: rgba(0, 0, 0, 0.5) !important; /* 透けた黒色 */
    color: #fff !important;
    border-radius: 50% !important; /* 正円にする */
    margin: 0 10px 10px 0 !important; /* 画面端からの距離 */
}


/* モバイルフッターのリスト項目を一旦すべて消す */
.footer-mobile-buttons li {
    display: none !important;
}

/* 「TOPボタン」が入っているリスト項目だけを復活させる */
.footer-mobile-buttons li:has(.go-to-top-button),
.footer-mobile-buttons .go-to-top-button {
    display: flex !important;
}

/* フッターの背景と枠線を透明にする（ボタンを浮かせる） */
#footer-mobile-buttons, 
.footer-mobile-buttons {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* TOPボタンのデザイン（丸く右下に配置） */
.go-to-top-button {
    background-color: rgba(0, 0, 0, 0.5) !important; /* 透けた黒 */
    color: #fff !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
}