@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 背景画像の繰り返し */
.header{
    background-repeat: repeat;
    background-size: auto;
}
/* ロゴ左寄せ
.logo {
  text-align: left;
} */
/* H2の背景色などを変更 */
.article h2 {
	padding: 5px;
	background-color: #fff;
	color: #000;
	text-align: center;
	position: relative;
}
.article h2::after {
  content: ''; /* 擬似要素に必須 */
  display: block; /* ブロック要素にして幅とマージンを適用可能にする */
  width: 70%; /* ボーダーの幅を短くする */
  height: 1.5px; /* ボーダーの太さ */
  background-color: #8bc34a; /* ボーダーの色 */
  margin: 10px auto 0; /* 中央揃えと上の余白を設定 */
}
.sidebar h3 {
    color: #151414;
    background-color: #fff;
    padding: 0 10px;
    margin: 5px 0;
    display: inline-block;
    border-bottom: solid 1px #8bc34a;
    width: 70%;
}

.page .date-tags {
  display: none;
}

aside .top_info {
    margin: 10px;
    padding: 10px;
    border: solid 1px;
    background: #f9e4e4;
}
.main, .sidebar {
	background: rgba(255,255,255,0);
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
	background: rgba(255,255,255,0);
}
.sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
	background: rgba(255,255,255,0);
}
.primary-box {
	background-color: #ffc107;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
		.m-footer-bt {
	border: solid 1px #FFF;
    border-radius: 10px;
    padding: 10px;
    text-decoration-line: none;
    background: #f0cf6e;
    color: #bd7509;
    display: block;
    width: 200px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}