@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.article h2 {
    border-left: 10px solid #182740;
    padding: 15px;
  background-color: #fff;
  border-radius: none;
}
.article h3 {
    border-left: 4px solid #182740;
    border-right: none;
    border-top: none;
    border-bottom: none;
}
.sidebar h3 {
	border-left: 10px solid #182740;
	background-color: #fff;
	border-radius: 0px;
}

.eye-catch .cat-label {
    border: none;
}
.cat-label {
    border: none;
		top: 0em;
    left: 0em;
    color: #fff;
    background-color: #182740;
    padding: 2px 5px;
}

.footer {
	color: #fff;
	background: #182740;
}
.footer a {
	color: #fff;
}

.pagination-next-link {
	background-color: #ffffff;
	border: 3px solid #182740;
	color: #182740;
}
.pagination-next-link:hover {
	background-color: #182740;
	color: #fff;
}

.page-numbers {
	color: #182740;
	border: 1px solid #182740;
}
.page-numbers.dots {
	color: #182740;
	background-color: #fff;
}
.pagination a:hover {
	background-color: #182740;
	color: #fff;
}
.pagination .current {
	background-color: #182740;
	color: #fff;
}



.custom-flex-container .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.wp-block-image.size-large.cutom-flex-item {
    width: 25%;
    text-align: center;
}

.new-entry-cards.comics-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.comics-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 49.5%;
}


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

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.wp-block-image.size-large.cutom-flex-item {
        width: 33%;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.wp-block-image.size-large.cutom-flex-item {
        width: 50%;
    }
}