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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.new-entry-card-link.a-wrap,
.popular-entry-card-link.a-wrap{
    display: inline-block;
    width: 30%;
}
.ect-vertical-card .entry-card-wrap {
    width: 30%;
    display: inline-block;
}

.entry-title, #editor .entry-title, .archive-title {
    background-color: #234777;
    background-color: #F4F5F7;
    color: #333 !important;
    font-weight: bold;
    border-left: none;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    font-weight: 900;
	background-color: transparent;
}
.article h2 {
	text-align: left !important;
    font-weight: bold;
    background-color: #fafbff;
	color: #061448;
    padding: 20px 10px 20px;
    border-top: 2px solid #3382BC;
    border-bottom: 5px solid #3382BC;
}
.article h3 {
    border: none;
    background: #061448;
    color: #fff;
}

.sidebar h2, .sidebar h3 {
    background-color: #061448;
    color: #fff;
    padding: 14px 20px;
	text-align: left;
}
.comment-title {
    background-color: #061448;
    color: #fff;
}

.article h5 {
    border-bottom: solid 2px #3382BC;
}
.article h6 {
    border-bottom: dotted 2px #3382BC;
}

.wp-block-button__link {
    color: #333;
    background-color: #F3FBBB;
	font-weight: bold;
}
.sns-follow-buttons.sns-buttons {
    margin-bottom: 0;
	position: absolute;
    left: 90%;
}
.sns-buttons{
	margin-top: 60px;
}
.follow-button.website-button{
	display: none;
}
.sidebar .widget .wp-block-latest-posts__post-title {
border-bottom: 1px solid #d5d5d5;
}
.page .read-time{
	display: none;
	
}
#menu-kubetsu-menu{
	display: flex;
	flex-wrap: wrap;
}

#menu-kubetsu-menu li{
    border: 1px solid #333;
    padding: 0 .5em;
    border-radius: 4px;
    margin: .3em .4em;
    font-size: 0.8em;
    line-height: 0.5;
}

/*カスタムcategory-page*/
.costome-category-page .archive-title p{
	background-color: transparent;
	padding-top: 1rem;
}
.costome-category-page h2 {
	text-align: left !important;
    font-weight: bold;
    background-color: #fafbff;
	color: #061448;
    padding: 20px 10px 20px;
    border-top: 2px solid #3382BC;
    border-bottom: 5px solid #3382BC;
}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.new-entry-card-link.a-wrap,
.popular-entry-card-link.a-wrap{
    width: 100%;
}
.ect-vertical-card .entry-card-wrap {
    width: 100%;
}
	.sns-buttons {
		display: none;
	}
.header-container{
	display: none;
}

}