@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon
Version:    1.1.2
*/

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

/*グーテンベルグ修正 */
.editor-styles-wrapper{ 
max-width: inherit;
margin:auto!important;
padding: auto;
}

/* フロントページ調整 */

.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
display: none;
}

.home.page .new-entry-card-date {
  display: block;
}

.home.page .article h2{
	font-size: 16px;
	padding: 10px;
}

.home.page .widget-entry-cards.card-large-image .a-wrap{
	max-width: 50%;
	float: left;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{
	padding: 2em;
}
/************************************
**　トップ新着・人気・関連記事ウィジェット 投稿日・更新日表示
************************************/
.new-entry-card-date {
	display: block;
	font-size: 18px; /*フォントサイズ*/
}

.new-entry-card-date::before{ /*投稿日のアイコンの変更*/
	font-family: "Font Awesome 5 Free";
	content: "\f017"; /*fa-clockアイコン*/
	font-weight: 400; /*アイコンの種類regular*/
	padding-right: 0px; /*右余白*/
	font-size: 14px; /*フォントサイズ*/
}

.new-entry-card-update-date::before{ /*更新日のアイコンの変更*/
	font-family: "Font Awesome 5 Free";
	content: "\f1da"; /*fa-historyアイコン*/
	font-weight: 900; /*アイコンの種類solid*/
	padding-right: 5px; /*右余白*/
	font-size: 14px; /*フォントサイズ*/
}

.entry-title, .archive-title{
font-size:13px;	
}

.widget-entry-cards figure{
	width:200px;
}
/*画像にキャプションを重ねる*/
figure {
	position: relative; /*図形やビデオを相対位置関係に指定する*/
	display: inline-block;
}
	figure img {
		vertical-align: top; /*画像の範囲をどこからにするか指定している*/
	}
	figure figcaption {
		position: absolute; /*キャプションを絶対位置として指定できるようにする*/
		right: 0; /*キャプション表示位置を指定する*/
		bottom: 0;
		color: #fff; /*文字の色*/
		background: #777; /*バックグラウンドの色*/
	}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a{
	font-weight: initial;
	display: inherit;
	text-decoration: underline;
}
.wp-block-embed{width:100%}
.video-container, .instagram-container, .facebook-container {width:100%;max-width: 100%;}
.ex-class1 a{float: left;
    width: 50%;
	
}
.top-movie .wp-block-embed{float: left;
width: 48%;
    margin: 1%;
}

h3.popular-entry-card-title.widget-entry-card-title.card-title,
h3.new-entry-card-title.widget-entry-card-title.card-title,
h3.navi-entry-card-title.widget-entry-card-title.card-title{
margin: initial;
border: none;
padding: initial;
line-height: initial;
font-weight: inherit;
font-size: inherit;
background-color: inherit;
}

.eye-catch-caption{display:none;}

.ads-label, .sponsor-label {
  display: none !important;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.cat-label{
		display:none;
	}
	.no-sp-snippet .entry-card-snippet{
		display: flex;
		color: #4a4a4a;
		text-indent: 1em;
	}
	.navi-footer-in > .menu-footer li.menu-item{
		display: contents;
	}
	.footer-bottom.fnm-text-width .menu-footer li{
		line-height: 4em;
	}
	.navi-footer-in > .menu-footer li.menu-item a{
		font-size: 21px;
		font-weight: 800;
		
	}
	.footer-bottom.fnm-text-width .menu-footer li{
		font-size: inherit;
	}
.home.page .widget-entry-cards.card-large-image .a-wrap{
	max-width: 100%;
}
	
}

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