@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){
  /*必要ならばここにコードを書く*/
}

@media screen and (max-width: 600px) {
  .quick-index {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .quick-index a {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    margin: 0 2px 4px 0 !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
  }
  .disposal-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .benefit-grid {
    grid-template-columns: 1fr !important;
  }
  .top-grid-3 {
    grid-template-columns: 1fr !important;
  }
}

.notice-band {
  background: #fff8e1 !important;
  border: 1px solid #cbd5e0 !important;
  border-left: 6px solid #e53935 !important;
  border-radius: 4px !important;
  padding: 14px 16px !important;
}

.top-section-title,
.disposal-title,
.benefit-title {
  margin: 0 0 15px 0 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  background-color: #edf2f7 !important;
  color: #333333 !important;
  border-left: 4px solid #3182ce !important;
  padding: 6px 12px !important;
}

.quick-access h3 {
  font-size: 16px !important;
  font-weight: bold !important;
  background-color: #f0f0f0 !important;
  color: #333333 !important;
  border: none !important;
  padding: 4px 12px !important;
  margin: 0 0 8px 0 !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

.top-card a {
  display: block !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top-card a div,
.top-card a p {
  line-height: normal !important;
}

.top-card img {
  display: block !important;
  width: 100% !important;
  vertical-align: bottom !important;
}

.quick-index a:hover,
.quick-cards a:hover,
.disposal-card:hover,
.benefit-card:hover,
.top-card:hover,
.notice-links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* TOPページだけサイドバーを非表示 */
.home .sidebar {
    display: none;
}

/* TOPページの本文を全幅にする */
.home .main {
    width: 100%;
}

/* TOPページのタイトルを視覚的に非表示（Googleには見せる） */
.home .entry-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

/* TOPページの日付・メタ情報を非表示 */
.home .entry-date,
.home .entry-meta,
.home .post-date,
.home .post-update,
.home time {
  display: none !important;
}

/* フッター全体 */
#footer {
  background-color: #edf2f7 !important;
  color: #333333 !important;
}
#footer a {
  color: #333333 !important;
  text-decoration: none !important;
}

/* フッターロゴ */
.footer-bottom-logo {
  display: flex !important;
  align-items: center !important;
}
.footer-bottom-logo .logo-footer img,
.logo-footer img {
  width: 200px !important;
  height: auto !important;
  max-width: 200px !important;
}

/* フッターリンク・コピーライト */
.navi-footer-in ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
}
.navi-footer-in ul li a {
  font-size: 14px !important;
}
.source-org.copyright {
  font-size: 12px !important;
  color: #718096 !important;
}

/* フッタースマホ */
@media (max-width: 600px) {
  .footer-bottom {
    flex-direction: column !important;
  }
  .footer-bottom-logo {
    margin-bottom: 16px !important;
  }
}

/* ヘッダー背景 */
#header,
#header-in,
.header-container,
.header-container-in {
  background-color: #ffffff !important;
}

/* グローバルメニュー背景 */
#navi,
#navi-in,
.navi-in,
.menu-wrap {
  background-color: #ffffff !important;
}

/* グローバルメニュー文字色 */
#navi .menu-item a {
  color: #333333 !important;
}

/* 投稿者表示を非表示 */
.home .author-info,
.home .post-author,
.home .author-name,
.home .author {
  display: none !important;
}

/* ヘッダーロゴサイズ調整 PC */
.logo-header img,
.site-name-text img {
  height: 100px !important;
  width: auto !important;
}

/* ヘッダーロゴサイズ調整 スマホ */
@media (max-width: 600px) {
  .logo-header img,
  .site-name-text img {
    height: auto !important;
    width: 75% !important;
  }
  #navi {
    display: none !important;
  }
}

/* グローバルメニューホバー */
#navi .menu-item a:hover {
  background-color: #f0f4f8 !important;
  color: #3182ce !important;
}

/* 現在のページのメニューを強調 */
#navi .current-menu-item a {
  background-color: #f0f4f8 !important;
  color: #3182ce !important;
}

.about-stats {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .about-stats {
    flex-direction: column;
    gap: 6px;
  }
}

html { scroll-behavior: smooth; }

.postid-544 .related-entries, .postid-544 .pager-post-navi, .postid-544 .eye-catch-wrap { display: none; }
.postid-240 .related-entries, .postid-240 .pager-post-navi, .postid-240 .eye-catch-wrap { display: none; }
.postid-240 .entry-title { text-align: center; }