@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Template: cocoon-master
*/

/************************************
** ダークテーマ（Stream Gear）
************************************/

/* ===== 全体背景 ===== */
body {
  background-color: #111111;
  color: #ffffff;
}

/* ===== ヘッダー ===== */
.header {
  background-color: #111111;
  border-bottom: 1px solid #333333;
}

/* ===== メイン・サイドバー共通 ===== */
.main,
.sidebar,
.widget {
  background-color: #1a1a1a;
  color: #ffffff;
  border: 1px solid #333333;
  border-radius: 8px;
}

/* ===== 記事カード ===== */
.entry-card-wrap,
.entry-card {
  background-color: #222222;
  color: #ffffff;
}

/* ===== リンク ===== */
a {
  color: #00ccff;
}
a:hover {
  opacity: 0.8;
}

/* ===== サイドバー ===== */
#sidebar .widget-title {
  background: transparent;
  color: #ffffff;
  border-bottom: 2px solid #ff3366;
  padding-left: 0;
}

/* サイドバー内リンク */
#sidebar a {
  color: #dddddd;
}
#sidebar a:hover {
  color: #00ccff;
}

/* リスト背景 */
.widget ul li,
.widget ol li {
  background-color: #222222;
  border-color: #333333;
}

/* ===== 検索フォーム ===== */
.search-edit {
  background-color: #222222;
  color: #ffffff;
  border: 1px solid #333333;
}

.search-submit {
  background-color: #333333;
  color: #ffffff;
  border: 1px solid #555555;
}

/* ===== フッター ===== */
.footer,
.footer-bottom {
  background-color: #111111;
  color: #ffffff;
  border-top: 1px solid #333333;
}

/* ===== 不要ならコメントアウト ===== */
/*
.notice-area {
  display: none;
}
*/

/************************************
** レスポンシブ
************************************/

/* 1023px以下 */
@media screen and (max-width: 1023px) {

}

/* 834px以下 */
@media screen and (max-width: 834px) {

}

/* 480px以下 */
@media screen and (max-width: 480px) {

}