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

/*コンテンツ内の背景を黒に*/
.main{
    background-color: #000;
}

.a-wrap {
    color: #fff;
}

/*サイドバーの背景色変更*/
.sidebar {
    background-color: #000;
}

.widget_recent_entries ul li a, 
.widget_categories ul li a, 
.widget_archive ul li a, 
.widget_pages ul li a, 
.widget_meta ul li a, 
.widget_rss ul li a, 
.widget_nav_menu ul li a {
 
    color: #fff;
}

/*段落の色設定*/
.is-style-dark-box, .dark-box {
	border: none;
	color: #ffffff;
	background-color: #000;
	
}

/* メニュー文字を黒にする */
nav a,
.menu a,
.main-navigation a {
  background-color: #000 !important;
  color: #fff !important;   /* 文字は白に */
  padding: 8px 14px;        /* ブロック感を少し整える */
}

/* ホバー時も黒（好みで変更可） */
nav a:hover,
.menu a:hover,
.main-navigation a:hover {
  color: #000 !important;
}

/*見出し h1の調整*/
.article h1 {
  font-size: 3rem;  
}

/*見出し h2 の調整*/
.article h2 {
  padding-left: 0em;
  border-left: 2px solid #000;
}

.video-embed{
  position: relative;
  width: 100%;
  max-width: 960px;   /* 好みで。落合さん風に大きめ */
  margin: 2rem auto;  /* 中央寄せ */
  aspect-ratio: 16 / 9;
  background: #000;   /* 読み込み中に黒 */
}

.video-embed iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

  nav li::marker,
  .menu li::marker,
  .main-navigation li::marker,
  [class*="menu"] li::marker{
    content: "" !important;
  }
}