@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}

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

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

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

/*480px以下*/
@media screen and (max-width: 480px) {
/*必要ならばここにコードを書く*/
}
nav#navi, .menu-header .sub-menu {
	font-weight: bold;
	box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}
.menu-header .sub-menu .item-label {
	font-size: 80%;
}
.menu-header .item-label {
	color: #b5b5b5 !important;
}
.menu-header .current-menu-item, .menu-header .current-post-item, .menu-header .current-menu-ancestor, .menu-header .current-post-ancestor, .menu-header .menu-item:hover {
	color: #333 !important;
	border-bottom: 3px solid #FDD835;
	transition: all .2s ease;
}
.menu-header .sub-menu .menu-item, .menu-header .sub-menu .menu-item:hover {
	border-bottom: none;
}
.menu-header .current-menu-item>a .item-label, .menu-header .current-post-item>a .item-label, .menu-header .current-menu-ancestor>a .item-label, .menu-header .current-post-ancestor>a .item-label, .menu-header .item-label:hover {
	color: #333 !important;
	transition: all .2s ease;
}
/*4つの画像をPCで横4枚、スマホで横2枚にするCSS*/
.custom-flex-container .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;    
}
.custom-flex-container .wp-block-group__inner-container figure.wp-block-image {
    width: 24%;
    text-align: center;
}
@media screen and (max-width:834px) { 
    .custom-flex-container .wp-block-group__inner-container figure.wp-block-image {
        width: 33%;
    }
}
@media screen and (max-width:520px) { 
    .custom-flex-container .wp-block-group__inner-container figure.wp-block-image {
        width: 49%;
    }
}
/************************************
** カスタマイズ
************************************/
/* 「新着記事」を非表示にするCSS */
div#list-wrap .list-new-entries {
  display: none;
}