@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){
  /*必要ならばここにコードを書く*/
}
/* ===== 全体背景 ===== */
body {
  background-color: #0f0f0f;
  color: #eaeaea;
}

/* メインコンテンツ */
#main {
  background-color: #161616;
}

/* ===== ヘッダー ===== */
#header {
  background-color: #0b0b0b;
  border-bottom: 1px solid #222;
}

/* ヘッダーメニュー */
#navi a {
  color: #ffffff;
}
#navi a:hover {
  color: #ff7a00;
}

/* ===== 記事タイトル ===== */
.entry-title {
  color: #ffffff;
}

/* 【】だけオレンジにする */
.entry-title span,
.entry-title strong {
  color: #ff7a00;
}

/* ===== 見出し（H2） ===== */
.entry-content h2 {
  position: relative;
  padding-left: 14px;
  border-left: 4px solid #ff7a00;
  color: #ffffff;
  margin-top: 40px;
}

/* H3 */
.entry-content h3 {
  color: #ff9a3c;
}

/* ===== リンク ===== */
.entry-content a {
  color: #ff7a00;
}
.entry-content a:hover {
  color: #ff9a3c;
}

/* ===== CTAボタン ===== */
.btn,
.btn-wrap a {
  background-color: #ff7a00;
  color: #111111;
  border-radius: 20px;
  font-weight: bold;
  padding: 14px 24px;
  box-shadow: none;
}

.btn:hover,
.btn-wrap a:hover {
  background-color: #ff9a3c;
  color: #000000;
}

/* ===== 画像 ===== */
.entry-content img {
  border-radius: 8px;
}

/* ===== ボックス（Cocoonの囲み） ===== */
.box-menu,
.box {
  background-color: #1c1c1c;
  border: 1px solid #222;
  color: #eaeaea;
}

/* ===== ランキング数字強調 ===== */
.rankno,
.rank {
  color: #ff7a00;
  font-weight: bold;
}

/* ===== フッター ===== */
#footer {
  background-color: #0b0b0b;
  color: #b5b5b5;
}