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

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

/*スライドショー*/
<?php echo do_shortcode('[metaslider id="131"]'); ?>

/*アイコンなし*/
.box-menu-icon {
   display: none;
}

.box-menu {
   display: flex;
   flex-direction: column;
   justify-content: center;
   color: #dd4a68;
}


/*インデックスカード*/ 

.ect-vertical-card .entry-card-wrap{
    max-width: 43%;
    box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
    border-radius: 3px;
    padding:0;
}
@media screen and (max-width:480px){
    .ect-vertical-card .entry-card-wrap{
        max-width: 46%;
    }
    .e-card-title {
        font-size: 13px;
    }
}
.entry-card-title{
    color: #5a5a5a; /*見出しの色*/
    line-height: 1.6;
}
.ect-vertical-card .entry-card-wrap .entry-card-content {
    margin: 8px 12px 9px 12px;
}
.entry-card-meta, .related-entry-card-meta {
    color: #b7b7b7;
    margin: 4px 8px;
}
.entry-card-wrap .cat-label{
    display: none; /*カテゴリを非表示に*/
}
.ect-vertical-card {
    justify-content: space-around;
}

/*スマホ・ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #dd3737;
	color: #FFFFFF;
}

.logo-menu-button.menu-button{
	background-color: #dd3737;
}

/*ブロックメニュー*/
@media screen and (min-width: 600px){
.wwa .box-menu{
	width: calc(100%/6);
}

/*新着ウィジェット（日付）*/	
.new-entry-cards .display-none {
	display: block;
	padding-top: 0.2em;
	text-align: right;
}
.new-entry-card-update-date {
	display: none;
}
		
/* アイキャッチカテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}	

/* 上下に余白を持たせる */
.footer {
 padding: 40px 0;
}
	
/* レスポンシブサイズ用の余白 */
@media screen and (max-width: 834px) {
 .footer {
 padding: 30px 0;
 }
}
/* 不要な余白をリセット */
.footer-bottom {
 margin-top: 0;
}
/* 不要な余白をリセット */
.copyright {
 margin-top: 0;
}

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

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

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


/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-56 .date-tags,
.post-90 .date-tags,
.post-90 .date-tags,
.post-75 .date-tags,
.post-88 .date-tags,
.post-222 .date-tags,
	{
  display: none;
}