@charset "UTF-8";

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/************************************
** サイドバー見出しカラーの設定
************************************/
#sidebar .widget-sidebar-title{
background: #EE7C58; /*背景色*/
color: #ffffff;} /*文字色*/

/************************************
** カードの変更
************************************/
.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: #000000; /*見出しの色*/
    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;
}

/*768px以下でロゴの大きさ変更*/
@media screen and (max-width: 768px){
img.site-logo-image{
	width: 140px;
	margin: 2px auto 0;
}
}

/*モバイルヘッダーフッターの文字と背景の色を変える*/
.mobile-menu-buttons {
background: #F7E3DA;
color: #000000;
}

.mobile-menu-buttons .menu-button > a {
color: #000000;
}


/* フッターロゴを非表示 */
@media screen and (max-width: 1023px) {
.logo-footer {
display: none;
}
}

/**************************************
カテゴリーのもっと見るボタン
************************************/
/* 何もしていない時の背景色 */
.list-more-button {
padding: 0.3em 7em;
background: #EE7C58; /*背景色*/
color:#fff; /*文字色*/
border: solid;
}

/* マウスオーバーした際の背景色 */
.list-more-button:hover {
background: #EE7C58; /*背景色*/
color:#fff; /*文字色*/
border: solid;
opacity: 0.7 ;
}


/* トップページの「カテゴリごと」のタイトル変更 */
.list-title-in{
	color: #000000;/*文字の色*/
	font-size: 24px;/*文字の大きさ*/
}

.list-title-in:before, .list-title-in:after {
	background-color: #000000;/*線の色*/
	top: 50%;/*線の高さ*/
}

/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://ehon.space/wp-content/uploads/2021/07/ehonspace_top.png);
		background-size: auto 30px;
		background-position: center;
		background-repeat: no-repeat;
}
}