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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* header space */
.header-container {padding: 10px 0px;}
/* header menu space */
#navi .navi-in>ul>li>a {padding: 0 10px;}
/*フロント固定ページのタイトル、投稿日、更新日、投稿者名を非表示*/
.home.page h1.entry-title, .home.page .date-tags, .home.page .author-info{display: none;}
/*  */
#new_entries-2 > div.widget-page-content-bottom-title.main-widget-label{font-size:1.4em;border-left:6px double #555;padding-left:15px;margin-bottom:15px;}
/* top NEW list */
.new-entry-card-date {display: block;}
.widget-entry-cards.card-large-image .a-wrap {width:24%;height:auto;display: inline-flex;vertical-align: top;}
@media screen and (max-width: 768px) {
.widget-entry-cards.card-large-image .a-wrap {width:260px;display: inline-flex;}
}
.widget-entry-cards.not-default figure img {padding: .5em;}
.widget-entry-cards.card-large-image .a-wrap {font-size: 95%;text-align: center;padding:.5em;border:1px solid #aaa;}
.home.page .post-date, .home.page .post-update{display: block;}
.widget-entry-cards.card-large-image .card-content {margin: 0em;}
/*  */
/* ウィジェットで日付表示 */
.widget-entry-card-date {display: block;}
/*  */
#post-520 > div > div > div.column-left > p > a > img:hover, #post-520 > div > div > div.column-center > p > a > img:hover, #post-520 > div > div > div.column-right > p > a > img:hover{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

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

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

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