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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.sns-follow-buttons {
	display: none!important;
}
.header-bn-box{
	background: url("img/header-bg.jpg")no-repeat;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	     padding: 2% 2% 2% 34%;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6{
	line-height: 1.6!important;
}
.sidebar h2, .sidebar h3{
	background-color: #111638;
}

.sidebar h2, .sidebar h3{
	padding: 9px 20px;
	border-left: 4px solid #FFF229;

}
.footer{
	background-color: #3c3c46;
}
.entry-title, #editor .entry-title, .archive-title{
	background-color: #111638;
	border-left: solid 4px #FFF229;
	font-size: 20px;
}
.navi-in a{
	font-size: 13px;
}
.eye-catch{
	margin-left: auto;
	margin-right: auto;
}
.article h3{
	border-left: 7px solid #888;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f9;
}
.single .header-bn-box{
	display: none;
}
.widget-entry-card{
	font-size: 14px;
	letter-spacing: 0.4px;
    line-height: 1.6;
}
.card-arrow .card-content{
	margin-right: 26px;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .logo-header img{
  	max-width: 200px;
  }
  .header-bn-box{
	background: url("img/header-bg.jpg")no-repeat;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	     padding: 2% 2% 2% 2%;
}
#navi .navi-in > .menu-mobile li a{
	font-size: 12px;
}
.entry-title, #editor .entry-title, .archive-title{
	font-size: 16px;
	line-height: 1.6;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6{
	line-height: 1.6;
	letter-spacing: 1px;
}
}

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