@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: 0.6;
}

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

a.entry-card-wrap.a-wrap.border-element.cf {
  padding: 0 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, 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 0.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 0.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: 0.5em;
}

.widget-entry-cards.card-large-image.top_fixed .a-wrap {
  font-size: 95%;
  text-align: left;
  padding: 0.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;
}
/*---------------------------------
MW WP Formの無料キャンペーンの生年月日横並び設定 
--------------------------------*/

.birthday-flex select[name="year"] {
  width: 110px;
}

.birthday-flex select[name="month"],
.birthday-flex select[name="day"] {
  width: 70px;
}