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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.article h1:first-letter {
  font-size: 1.5em;
}
.article h1 {
  padding: 0.5em;
  border-top: 2px solid #9B1C38;
  border-bottom: 2px solid #9B1C38;
  font-weight:10;
}
.article h2, .article h3, .article h4, .article h5, .article h6{
padding: 0;
border: none;
position: none;
background-color:transparent;
}
.article h3:after, .article h4:before, .article h4:after{
padding: 0;
border: none;
position: none;
background-color:transparent;
content: none;
width: 0
height: 0
}
.article h2{
padding: 0.5em;
background-color: #f7f7f7;
border-left: solid 10px #9B1C38;
border-bottom: 2px solid #9B1C38;
border-top: none;
}
.article h3 {
border: none;
position: relative;
padding: 0 0 2px 32px;
border-bottom: 3px solid #9B1C38;
}
.article h3:before, .article h3:after {
content: "";
position: absolute;
bottom: 0;
width: 12px;
height: 12px;
margin: auto;
}
.article h3:before {
border: 3px solid #696969;
top: -20px;
left: 0px;
}
.article h3:after {
border: 3px solid #9B1C38;
top: -8px;
left: 6px;
}
.article h4 {
margin-top: 30px;
padding: 6px 10px;
border-bottom: solid 2px #9B1C38;
position: relative;
}
.article h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #696969;
bottom: -25px;
left: 0px;
width: 30%;
}
.article h5 {
position: relative;
padding: 0 0 2px 32px;
border-bottom: 1px solid #9B1C38;
width: 80%;
}
.article h5:after {
position: absolute;
top: 6px;
left: 3px;
z-index: 2;
content: '';
width: 7px;
height: 7px;
background-color: #9B1C38;
transform: rotate(45deg);
}
.article h6 {
position: relative;
padding: 0 0 2px 32px;
border-bottom: 1px solid #696969;
width: 60%;
}
.sidebar h2,
.sidebar h3 {
border-bottom: solid 3px #9B1C38;
}
.sidebar h2::after,
.sidebar h3:after {
border-bottom: solid 3px #696969;
bottom: 45px;
width: 25%;
}
.blogcard{
border: 1px solid #9B1C38 !important;
background: #FFFFFF
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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