@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: #fff8e1 !important;
  font-family: 'Noto Sans JP', sans-serif;
}

/* コンテンツエリアの背景も統一 */
.main,
.content,
#content,
.article,
.entry-content,
.sidebar,
#sidebar {
  background-color: #fff8e1 !important;
  font-family: 'Noto Sans JP', sans-serif;
}

/* Cocoon特有のラッパー */
.site,
.site-content,
.wrap,
#body-wrap {
  background-color: #fff8e1 !important;
}

/* カスタムフッター */
.custom-footer-area {
  background-color: #FFFFFF !important; /* 白色背景 */
  text-align: center;
  padding: 30px 20px;
  border-top: 1px solid #E8E8E8;
  font-family: 'Noto Sans JP', sans-serif;
}

/* Cocoonのフッター要素も白背景に */
footer,
.footer,
#footer {
  background-color: #FFFFFF !important;
}

.custom-footer-links {
  margin-bottom: 15px;
}

.custom-footer-links a {
  color: #333;
  text-decoration: none;
  margin: 0 15px;
  font-size: 14px;
}

.custom-footer-links a:hover {
  text-decoration: underline;
}

.custom-footer-copyright {
  color: #666;
  font-size: 12px;
}

/* ページタイトル */
.entry-title,
.page-title,
h1.entry-title {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 4px solid #ff6b6b;
    display: table;
    margin-left: auto;
    margin-right: auto;
}