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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-card-content {
	/*プロフィール　ニュース欄幅広げる*/
	margin-left: 0%;
}

.prof_index {
	/*プロフィール　項目名*/
	margin: 0 10px 0 0;
	font-weight: bold;
	border-bottom: 1px solid;
}

/*プロフィール　最新ニュースのタイトル*/
.category-content h2 {
	font-size: 18px;
	margin: 0 0 5px 0;
	font-weight: bold;
	padding: 0;
}

.article p {
	margin-bottom: 0px;
}

/*プロフィールページの文字調整*/
.entry-content p {
	padding-left: 1em;
	font-feature-settings: "palt";
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title {
	display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share {
	display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date {
	display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update {
	display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info {
	display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {}

/*430px以下スマホ*/
/*トップインデックスカード一覧スマホは1カラム*/
@media screen and (max-width: 430px) {

	.page .navi-entry-cards,
	.page .new-entry-cards {
		display: block;
		flex-wrap: nowrap;
	}

	.page .navi-entry-card-link,
	.page .new-entry-card-link {
		width: 100%;
	}

	/*出演情報の写真スマホはセンター*/
	.eye-catch-wrap.post-eye-chatch-wrap {
		justify-content: center;
	}
}



/*430pxより大きいPC*/
/*プロフィール一覧2カラムに*/
@media screen and (min-width: 430px) {

	.page .navi-entry-cards,
	.page .new-entry-cards,
	.fp-new-entry-cards {
		display: flex;
		flex-wrap: wrap;
	}

	.page .navi-entry-card-link,
	.page .new-entry-card-link {
		width: 50%;
	}

	/*出演情報の写真PCは左より*/
	.eye-catch-wrap.post-eye-chatch-wrap {
		justify-content: left;
	}
}

/*イチナナライブ　リンクロゴの色*/
.bc-brand-color.sns-share .itinana-live-button,
.bc-brand-color.sns-follow .itinana-live-button {
	background-color: #ff0000;
}

/*SNSボタンを丸く*/
.sns-follow-buttons a {
	font-size: 1.7em;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	opacity: .6;
}

/************************************
** エントリーカードカスタマイズ
************************************/

a.entry-card-wrap.a-wrap.border-element.cf {
	padding: 0 0 .5em;
	border-radius: 10px;
}

h2.entry-card-title.card-title.e-card-title {
	font-size: 18px;
	/*タイトルの文字サイズ*/
	color: #333;
	/*タイトルの色*/
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	margin-top: 0.5em;
	margin-bottom: 0em;
	padding: 0 1em 0;
}

.entry-card-p {
	font-size: 14px;
	/*タイトルの文字サイズ*/
	color: #545454;
	/*タイトルの色*/
	margin: 0.5em;
}

.entry-card-wrap {
	box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, .2);
}

.entry-card figure img,
.related-entry-card figure img {
	border-radius: 10px 10px 0 0;
}

/*430pxより大きいPC*/
@media screen and (min-width: 430px) {

	/*トッププロフィールリンクカード4コラム設定*/
	#list-profile.ect-3-columns .entry-card-wrap,
	#list-topics.ect-3-columns .entry-card-wrap {
		width: 23%;
	}

	#list-profile.ect-3-columns::before,
	#list-topics.ect-3-columns::before {
		content: "";
		display: block;
		width: 23%;
		order: 1;
	}

	#list-profile.ect-3-columns::after,
	#list-topics.ect-3-columns::after {
		content: "";
		display: block;
		width: 23%;
	}
}

/*写真の中のカテゴリーを消す*/
.cat-label {
	display: none;
}

/*写真ドロップシャドウなし*/
.entry-card figure img,
.related-entry-card figure img {
	box-shadow: none;
}

.ect-vertical-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*ページネーション非表示*/
.pagination-next {
	display: none;
}

h2.top_h2 {
	/*線の種類（実線） 太さ 色*/
	border-bottom: solid 3px black;
	margin-bottom: 1em;
}

/*トップのタレント一覧ローマ字読み*/
p.entry-card-title.card-title.e-card-title {
	font-size: 16px;
	color: #333;
	font-weight: normal;
	text-align: center;
	line-height: 1em;
	margin-top: 0.5em;
	margin-bottom: 0em;
	padding: 0 1em 0;
}

/*カルーセルに追加したドメインの設定*/
.carousel-entry-card-domain {
	font-size: 11px;
	margin-top: 4px;
	max-height: 3.2em;
	overflow: hidden;
	align-items: flex-end;
}

/*************************************/
/*出演情報一覧のカスタマイズ
/*************************************/
.exinfo h2.entry-card-title.card-title.e-card-title {
	text-align: left;
}

/*サムネイル非表示*/
.exinfo .entry-card-thumb {
	display: none;
}

/*pvデータ非表示*/
.exinfo .admin-pv {
	display: none;
}

/*抜粋にpadding
.exinfo .entry-card-snippet{
	padding: 0 1em 0;
}*/
/*ブロック内の余白をなくして、タイトルの上下の余白を詰める*/
h2.entry-card-title.card-title.e-card-title {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0 0em 0;
}

/*ブロック内の余白を指定*/
div.list.ect-entry-card.front-page-type-index a.entry-card-wrap.a-wrap.border-element.cf {
	padding-top: 10px;
	border-radius: 10px;
}

/*日付を横並びにする*/
.flex {
	display: flex;
	justify-content: flex-start;
}

/*日付部分の設定*/
.onair-day {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	text-align: center;
	line-height: 1.3em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0 0em 0;
	flex: 0 0 85px;
}

.entry-card-snippet {
	word-break: keep-all;
	line-height: normal;
}

.entry-card-content,
.related-entry-card-content {
	padding-bottom: 0.5em;
}

/*出演情報のジャンル別の色分け*/

.entry-card-wrap.a-wrap.tv,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+1) {
	background-color: rgba(165, 33, 117, 0.06);
}

.entry-card-wrap.a-wrap.cinema,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+2) {
	background-color: rgba(0, 146, 80, 0.06);
}

.entry-card-wrap.a-wrap.net,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3) {
	background-color: rgba(0, 134, 171, 0.06);
}

.entry-card-wrap.a-wrap.ad,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+2) {
	background-color: rgba(171, 168, 0, 0.06);
}

.entry-card-wrap.a-wrap.etc,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3) {
	background-color: rgba(153, 153, 153, 0.06);
}



.entry-card-wrap.a-wrap.tv:hover,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+1):hover {
	background-color: rgba(165, 33, 117, 0.2);
}

.entry-card-wrap.a-wrap.cinema:hover,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+2):hover {
	background-color: rgba(0, 146, 80, 0.2);
}

.entry-card-wrap.a-wrap.net:hover,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3):hover {
	background-color: rgba(0, 134, 171, 0.2);
}

.entry-card-wrap.a-wrap.ad:hover,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3):hover {
	background-color: rgba(171, 168, 0, 0.2);
}

.entry-card-wrap.a-wrap.etc:hover,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3):hover {
	background-color: rgba(153, 153, 153, 0.2);
}

.entry-card-wrap.a-wrap:before,
.related-entry-card-wrap.a-wrap:before {
	position: absolute;
	width: 320px;
	height: 320px;
	transform: rotate(-45deg);
	right: -280px;
	bottom: -280px;
	content: "Read More";
	font-size: 80%;
	color: white;
	text-align: center;
	transition: all .4s;
	z-index: 1;
}

/*etcは文字黒に*/
.entry-card-wrap.a-wrap.etc:before,
.related-entry-card-wrap.a-wrap:before {
	position: absolute;
	width: 320px;
	height: 320px;
	transform: rotate(-45deg);
	right: -280px;
	bottom: -280px;
	content: "Read More";
	font-size: 80%;
	color: black;
	text-align: center;
	transition: all .4s;
	z-index: 1;
}

.entry-card-wrap.a-wrap.tv:before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+1):before {
	background: #a52175;
}

.entry-card-wrap.a-wrap.cinema:before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+2):before {
	background: #009250;
}

.entry-card-wrap.a-wrap.net:before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3):before {
	background: #0086ab;
}

.entry-card-wrap.a-wrap.ad:before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3):before {
	background: #c4b700;
}

.entry-card-wrap.a-wrap.etc:before,
.related-entry-card-wrap.a-wrap:nth-of-type(3n+3):before {
	background: #ffffff;
}

.entry-card-wrap.a-wrap:hover::before,
.related-entry-card-wrap.a-wrap:hover:before {
	right: -220px;
	bottom: -220px;
}

/*google reCapterのロゴ非表示*/
.grecaptcha-badge {
	visibility: hidden;
}

/*ヘッダーの横に電話番号*/
/*htmlはfunction.php*/
#header-in.cf:after {
	display: none;
	/* floatが効いているので非表示に設定 */
}

#header-in {
	flex-direction: row;
	/* 方向がcolumn のため変更 */
	flex-wrap: wrap;
	justify-content: space-between;
	/* 横の配置 */
	align-items: center;
	/* 小要素の縦配置を中央に */
}

#header_link {
	display: flex;
	flex-direction: row;
	/* 方向がcolumn のため変更 */
	flex-wrap: wrap;
	justify-content: flex-end;
	/* 横の配置 */
	align-items: center;
	/* 小要素の縦配置を中央に */
	margin-top: 13px;
}

.logo.logo-header {
	padding-left: 50px;
	text-align: left;
}

.header_content {
	padding-left: 10px;
}

/*ショートコード(new lint)の更新日の非表示芸能部一覧とか*/
.fp-new-entry-cards.no-date .post-date {
	display: none;
}

/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
.article .date-tags {
	display: none;
}

/*出演情報ページの更新日を非表示*/
.entry-card-info .post-date {
	display: none;
}

/*******************************
* topページの固定新着記事のみを横並びに
********************************/

.widget-entry-cards.card-large-image.top_fixed .a-wrap {
	width: 24.5%;
	height: auto;
	display: inline-flex;
}

@media screen and (max-width: 800px) {
	.widget-entry-cards.card-large-image.top_fixed .a-wrap {
		width: 49%;
		display: inline-flex;
	}
}

.widget-entry-cards.not-default.top_fixed figure img {
	padding: .5em;

}

.widget-entry-cards.card-large-image.top_fixed .a-wrap {
	font-size: 95%;
	text-align: left;
	padding: .5em;
}

.widget-entry-cards.card-large-image.top_fixed figure img {
	border-radius: 10px;
}

.widget-index-top-title.main-widget-label {
	border-bottom: solid 3px black;
	margin-bottom: 1em;
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}

.top_fixed .post-date {
	display: none;
}

/*******************************
* PCでは電話リンクを無効に
********************************/

@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/*******************************
*応募ボタンの画像スタイル
********************************/

/* ボタンのスタイル */
#oub_btn {
	width: 104px;
	/* ボタンの幅を設定 */
	height: 55px;
	/* ボタンの高さを設定 */
	cursor: pointer;
	/* カーソルをポインターに設定 */
}

/* マウスオーバー時のスタイル */
#oub_btn:hover {
	opacity: 0.5;
	/* マウスオーバー時の透明度を調整 */
}

/*---------------------------------
見出し5のカスタマイズ
--------------------------------*/
/* 見出し5 */
.article h5{
	margin-top: 2em;
    margin-bottom: 1em;
	}

/*記事タイトルの下の空白調整*/
.article h3 { margin-bottom: 0.45em; }
.article h3 + p { margin-top: 0em;margin-bottom:2em; }