@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){}

/* NMG サイドバー FF5チャプター一覧 */
.nmg-sidebar-ff5{margin:0;padding:0}
.nmg-sidebar-game{border:1px solid rgba(240,192,64,0.4);border-radius:6px;overflow:hidden;background:rgba(26,26,46,0.6)}
summary.nmg-sidebar-game-title{display:block;list-style:none;cursor:pointer;padding:10px 14px;font-weight:bold;font-size:0.95em;color:#f0c040;background:rgba(26,26,46,0.9);border-bottom:1px solid rgba(240,192,64,0.3);user-select:none}
summary.nmg-sidebar-game-title::-webkit-details-marker{display:none}
.nmg-sidebar-game[open]>summary.nmg-sidebar-game-title::before{content:""}
.nmg-sidebar-game:not([open])>summary.nmg-sidebar-game-title::before{content:""}
.nmg-sidebar-list{list-style:none;margin:0;padding:6px 0}
.nmg-sidebar-list li{margin:0;border-bottom:1px solid rgba(255,255,255,0.06)}
.nmg-sidebar-list li:last-child{border-bottom:none}
.nmg-sidebar-list li a{display:block;padding:8px 14px;color:#cce0ff;font-size:0.88em;text-decoration:none;transition:background 0.2s,color 0.2s}
.nmg-sidebar-list li a:hover{background:rgba(240,192,64,0.15);color:#f0c040}

/* NMG トップページ */
.home .article-title,.home .entry-title,.home .page-header{display:none}
.home .byline,.home .posted-on,.home .entry-meta,.home .article-info-area{display:none !important}
.nmg-top-hero{text-align:center;padding:20px 20px 14px;border-bottom:2px solid rgba(240,192,64,0.3);margin-bottom:24px}
.nmg-top-hero h2{font-size:1.1em;color:#aaa;margin-bottom:6px;letter-spacing:0.1em}
.nmg-top-hero p{font-size:0.9em;color:#bbb}
.nmg-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:0 0 30px}
.nmg-game-card{border:1px solid rgba(240,192,64,0.35);border-radius:10px;overflow:hidden;background:rgba(26,26,46,0.75);transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column}
.nmg-game-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(240,192,64,0.25)}
.nmg-game-card-thumb-placeholder{width:100%;padding:20px 0;background:linear-gradient(135deg,#1a1a2e 0%,#2a2a4e 100%);display:flex;align-items:center;justify-content:center;font-size:2.5em}
.nmg-game-card-body{padding:14px;flex:1}
.nmg-game-card-title{font-size:1em;font-weight:bold;color:#f0c040;margin-bottom:8px}
.nmg-game-card-desc{font-size:0.82em;color:#aaa;margin-bottom:10px}
.nmg-chapter-list-inline{margin:8px 0 0;padding:0;list-style:none}
.nmg-chapter-list-inline li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.07)}
.nmg-chapter-list-inline li:last-child{border-bottom:none}
.nmg-chapter-list-inline li a{font-size:0.84em;color:#cce0ff;text-decoration:none}
.nmg-chapter-list-inline li a:hover{color:#f0c040}

/* サイドバー背景色をホームページカラーと統一 */
.sidebar{background-color:#243560 !important;}


/* nmg-item内の空pタグによる余白を除去 */
.nmg-item p:empty {
  display: none;
  margin: 0;
}
/* nmg-detail内のpタグ下余白を除去 */
.nmg-detail p {
  margin-bottom: 0;
}
/* 章間ナビゲーションボタン */
.nmg-nav {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 2px solid #2a5a8a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.nmg-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
  text-align: center;
  line-height: 1.4;
}
.nmg-nav-prev {
  flex: 1;
  background: #1a3a6a;
  color: #f0c840 !important;
  border: 1px solid rgba(240,200,80,0.3);
  justify-content: flex-start !important;
}
.nmg-nav-list {
  flex: 0 0 auto;
  width: 70px;
  background: #243560;
  color: #f0c840 !important;
  border: 1px solid rgba(240,200,80,0.3);
}
.nmg-nav-next {
  flex: 1;
  background: #1a3a6a;
  color: #f0c840 !important;
  border: 1px solid rgba(240,200,80,0.3);
  justify-content: flex-end !important;
}
.nmg-nav-prev:hover, .nmg-nav-list:hover, .nmg-nav-next:hover {
  opacity: 0.85;
}
/* nmg-navのwpautop自動brを非表示 */
.nmg-nav br {
  display: none;
}
/* nmg-navのwpautop自動brを非表示 */
.nmg-nav br {
  display: none;
}
/* モバイルフッターバーの重複導線を非表示（ヘッダーメニューと重複するメニューボタン・サイドバーボタン） */
/* ホーム・検索・トップの3ボタンは機能的なので残す */
.navi-menu-button,
.sidebar-menu-button {
  display: none !important;
}
/* モバイルフッターバーをサイトカラー（濃紺）に変更 */
.mobile-menu-buttons {
  background: #1a2a4a !important;
  box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 8px !important;
  border-top: 1px solid rgba(240, 200, 80, 0.3) !important;
}
.mobile-menu-buttons .menu-button > a,
.mobile-menu-buttons .menu-button > label {
  color: #f0c840 !important;
}
.mobile-menu-buttons .menu-caption {
  color: rgba(240, 200, 80, 0.8) !important;
}
.mobile-menu-buttons .menu-icon span {
  color: #f0c840 !important;
}