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

/************************************
** 子テーマ用のスタイルを書く
************************************/

ul,ol {
  padding-top: 0;
}

.main,
#container {
  background-color: #fff;
}

.single .main {
  background-color: #fff;
}

/* カテゴリー、タグTOP */
.category-page-content,
.tag-page-content {
  max-width: 800px;
  margin-inline: auto;
}

.category-page-content h2,
.tag-page-content h2 {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

/* アーカイブ タイトル */
.archive-title {
  color: #d90884;
}

/* アーカイブ タイトル アイコン */
.archive-title span {
  font-size: 22px;
  color: #ff9ac7;
}

@media screen and (max-width: 480px) {

  /* h1 */
  .archive-title {
    font-size: 22px;
  }

}



/* ナビゲーション
 ================================== */

.navi-in > ul li {
  height: auto;
  line-height: 2.5em;
}

/* ナビゲーション サブメニュー */
.navi-in > ul ul.sub-menu li {
  line-height: 3.0em;
}

/* ナビゲーション リンク */
#navi .navi-in a {
  color: #d90884;
  font-size: 14px;
}

/* ナビゲーション サブメニュー リンク */
#navi .navi-in .sub-menu a {
  color: #333;
}

#navi .navi-in a:hover {
  /* background-color: #fafbfc; */
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  color: #333;
  color: #d90884;
}

/* 出演者リスト */
.navi-in .cast-list {
  border-top: 1px solid #dfdfdf;
}

/* デスクトップ → モバイル */
@media screen and (max-width: 1023px) {

  #navi {
    display: none;
  }

}

/* 投稿・固定ページで非表示 */
body.single #navi,
body.page #navi {
  display: none;
}



/* デスクトップ・モバイルの表示・非表示
===================================== */

/* Desktop */
.mobile-display {
  display: none;
}

.desktop-display {
  display: block;
}

/* Mobile */
@media screen and (max-width: 480px) {

  .mobile-display {
    display: block;
  }

  .desktop-display {
    display: none;
  }

}



.content {
  margin-top: 0;
}



/* パンくずリスト
================================== */

/* アイコン 非表示 */
.breadcrumb .breadcrumb-item > .fa {
  display: none;
}



/* 画像キャプション
================================== */

figcaption.wp-element-caption {
  font-size: 14px;
  line-height: 1.8em;
}



/* サイドバー
================================== */

#sidebar {
  /* main の高さに合わせる */
  padding-top: calc(36px + 16px);
}

/* カテゴリー */
#sidebar ul.menu > li {
  margin-bottom: 1.0em;
}

#sidebar ul.menu li a {
  font-weight: bold;
}

/* サブカテゴリー */
#sidebar ul.sub-menu {
  padding-left: 0.5em;
}
#sidebar ul.sub-menu li a {
  font-weight: normal;
}

#sidebar ul.menu li a:hover {
  background-color: #f5f8fa;
  background-color: #ffefff;
  border-radius: 5px;
}

/* マッサージ category-massage */
/* #sidebar .category-massage a {
  background-color: #ffefff;
} */


/* バナー */
#sidebar .widget_custom_html {
  margin-bottom: 1.0em;
}

#sidebar .widget_custom_html h3 {
  text-align: center;
}

#sidebar .widget_custom_html img {
  vertical-align: bottom;
}

/* h3 */
#sidebar .widget-sidebar-title {
  font-weight: normal;
  padding: 0;
  background-color: #fff;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  /* border-bottom: 1px solid #f3aecd; */
}

/* 検索 */
.sidebar .widget_search .search-box input {
  font-size: 14px;
}



/* カテゴリー */
.sidebar .widget_categories .cat-item > a {
  font-weight: bold;
  border-radius: 5px;
  padding: 5px 0 0 0;
  font-size: 15px;
}

.sidebar .widget_categories .cat-item > a:hover {
  background-color: #f5f8fa;
}

/* 子カテゴリ .children */
.sidebar .widget_categories .children {
  margin-bottom: 0.5em;
  padding-left: 0em !important;
}

.sidebar .widget_categories .children .cat-item > a {
  font-weight: normal;
  padding: 0.3em 0 0 0.6em;
}

/* サイドバー ウィジェット ナビゲーションメニュー */
.widget-sidebar.widget_nav_menu ul li a {
  font-size: 14px;
  line-height: 1.0em;
}


@media screen and (max-width: 1023px) {

  .sidebar-menu-content .widget-sidebar-title {
    margin-bottom: 0.5em;
  }

  /* 親カテゴリー */
  .sidebar-menu-content .sidebar .widget_categories .cat-item {
    margin-bottom: 1.8em;
  }

  .sidebar-menu-content .sidebar .widget_categories .cat-item > a {
    font-size: 17px;
    margin-bottom: 1.0em;
  }

  /* 子カテゴリー .children */
  .sidebar-menu-content .sidebar .widget_categories .children .cat-item {
    margin-bottom: 0em;
  }

  .sidebar-menu-content .sidebar .widget_categories .children .cat-item > a {
    font-size: 15px;
  }

  /* タグ */
  .sidebar-menu-content .widget_tag_cloud {
    border: 2px solid #ffe0ee;
    border-radius: 10px;
    padding: 0.5em;
  }

  /* タグ タイトル */
  .sidebar-menu-content .widget_tag_cloud .widget-sidebar-title{
    padding-left: 5px;
    margin-top: 0.5em;
    background-color: transparent;
  }

}

@media screen and (max-width: 480px){

  /* スライドサイドバー 横幅 */
  .menu-content {
    max-width: 75%;
  }

}

/* スライドメニュー close ボタン */
.menu-close-button {
  color: #fff;
  background-color: #ffdeed;
  font-size: 30px;
}

.sidebar-menu-content #slide-in-sidebar .widget_search {
  display: none;
}

/* モバイル スライドサイドバーの広告枠を非表示 */
/* .sidebar-menu-content #slide-in-sidebar .widget_custom_html {
  display: none;
} */



/* ヘッダー 追加ブロック（検索ボックス）
================================== */

.add-header-contents {
  width: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  /* モバイル 検索ボックス非表示 */
  .add-header-contents {
    display: none;
  }
}

@media screen and (min-width: 1024px) {

  /* 検索ボックスを各TOPのヘッダーに表示 */
  body.category .add-header-contents,
  body.tag .add-header-contents,
  body.search-results .add-header-contents {
    display: block !important;
  }

}

/* 検索ボックス */
input[type="text"].search-edit:focus {
  outline: 1px solid #ec1d79;
  /* border: none; */
}

input[type="text"]::placeholder {
  color: #ccc;
}

/* ヘッダー 検索ボックス */
.add-header-contents input[type="text"].search-edit {
  border-radius: 8px;
  padding: 0.5em 1em;
  color: #333;
  box-shadow: none;
  border: none;
}

.add-header-contents input[type="text"].search-edit:focus {
  outline: 1px solid #f7b991;
}

/* 検索結果"なし"のとき main の検索ボックスを非表示にする */
body.search-no-results #main .search-box {
  display: none;
}

/* 検索結果"なし"の「NOT FOUND」カードのスタイル */
.posts-not-found.masonry-brick {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}

/* ヘッダー 検索ボックス */
.add-header-contents .search-box {
  margin-top: 0;
}


/* 検索ボックスは設置していない 2023/10/04 */
/* ヘッダーの ウィジェット 検索ボックスを 投稿・固定ページ では非表示 */
/* body.page .add-header-contents,
body.category .add-header-contents,
body.tag .add-header-contents,
body.single .add-header-contents,
body.search-results .add-header-contents,
body.search-results #main .search-box
body.search-results #sidebar #search-2 {
  display: none;
} */

/* ヘッダーメニュー デスクトップ */
#menu-pc-header-menu {
  font-weight: bold;
  color: #333;
}



/* サイトトップ・アーカイブトップ のコンテンツ幅 */
body.home.no-sidebar .content-in,
body.archive.no-sidebar .content-in {
  width: 1200px;
  /* max-width: 1200px; */
  /* Cocoonのコンテンツ幅サイズは メインカラム＋サイドバー の合計で決まるため、例外のコンテンツ幅を設けるときは別途スタイルで指定する */
}


 /* 個別投稿・固定ページのコンテンツ幅 */
 body.single.no-sidebar .footer-in,
 body.page.no-sidebar .footer-in {
   width: 1200px;
   /* タグ・検索ボックスを入れるのでトップと同じコンテンツ幅にする */
}

/* 1200px 幅以下になったらなりゆきで */
@media screen and (max-width: 1199px) {

  body.home.no-sidebar .content-in,
  body.archive.no-sidebar .content-in {
    width: auto;
  }

  body.single.no-sidebar .footer-in,
  body.page.no-sidebar .footer-in {
   width: auto;
  }

}


/* 1カラムの場合の横幅 */
/* 個別投稿・固定ページ のコンテンツ幅 */
.single.no-sidebar .content-in,
.page.no-sidebar .content-in,
.single.no-sidebar .breadcrumb {
  width: 680px;
}

/* 指定コンテンツ幅以下はなりゆきで */
 @media screen and (max-width: 679px) {

  .single.no-sidebar .content-in,
  .page.no-sidebar .content-in,
  .single.no-sidebar .breadcrumb {
    width: auto;
  }

}



/* エントリーカード レイアウト
================================== */

/* TOPのカードを4列に設定
 Cocoon設定で 3カラム にすると ect-3-columns のクラスが付与される*/
.ect-vertical-card a.entry-card-wrap {
  /* width: calc(100% / 4); */
  padding: 0.8em;
  background-color: #fff;
}

/* カード 見出し */
.entry-card-title {
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 0.8em;
  color: #4c4c4c;
}

/* @media screen and (max-width: 1023px) {
  .entry-card-title {
    font-size: 14px;
  }
} */

/* 公開日・更新日 */
.entry-card-meta .e-card-info {
  flex-direction: row-reverse;
  justify-content: flex-start;
  column-gap: 10px;
}

 /* カテゴリー 非表示 */
.entry-card-meta .entry-card-categorys {
  display: none;
}

/* サムネイル画像 */
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
  margin-bottom: 0.8em;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  height: 100%;
  vertical-align: bottom;
}

/* 書籍 のみ アイキャッチ画像 object-fitを上よせにする */
.ect-vertical-card .entry-card-wrap .category-text-only-post .entry-card-thumb img,
.ect-vertical-card .entry-card-wrap .category-comic-post .entry-card-thumb img {
  object-position: center top;
}

.ect-vertical-card .entry-card-wrap .entry-card-tags a.tag-link {
  color: #5b5b5b;
  margin-bottom: 0.3em;
}

.tagcloud {
  display: block;
  line-height: 1.5em;
}

.tagcloud a {
  display: inline-block;
  padding: 0 5px;
}


/* タグ：レビューあり 独自スタイル */
.ect-vertical-card .entry-card-wrap .entry-card-tags a.tag-link.tag-link-review,
.tagcloud a.tag-link-review {
  color: #ec1d79;
}


/* スニペットの行間 */
.ect-vertical-card.ect-tile-card .card-snippet {
  line-height: 1.4em;
}

/* #list {
  margin-bottom: 4.0em;
  4em以下になると「NOT FOUND」ページがfooterと重なる
  2023/04/18 上記の挙動は確認できず
} */

.ect-vertical-card.ect-tile-card .a-wrap {
  margin-bottom: 0.5%;
}

.no-sp-snippet .entry-card-snippet {
  line-height: 1.5em;
}

@media screen and (max-width: 834px) {

  /* エントリーカードの padding 0.7em だけネガティブマージンをとり幅を広く調整　*/
  /* .ect-3-columns {
    margin: auto -0.7em;
  } */

  .ect-vertical-card a.entry-card-wrap {
    width: calc((100% - 0.5% ) / 2);/* 2カラム */
    padding: 0.5em;
  }

  /* 抜粋文を表示 */
  .no-sp-snippet .entry-card-snippet {
    display: block;
    margin-bottom: 1.0em;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 行数を指定 */
    line-clamp: 3; /* 互換 行数を指定 */
  }

  /* タグ表示 */
  .ect-vertical-card a.entry-card-wrap .entry-card-tags {
    margin-top: 1.2em;
    /* display: none; */
  }

}



@media screen and (max-width: 480px) {

  .ect-vertical-card a.entry-card-wrap {
    width: auto;/* 1カラム */
    padding: 0.4em;
  }

  /* カードのタイトル */
  .entry-card-title {
    margin-top: 5px;
    /* margin-bottom: 5px; */
  }

  .ect-vertical-card.ect-tile-card .a-wrap {
    margin-bottom: 1%;
  }

}

/* サイトカラー */
#header-container,
#footer {
  background-color: #ec1d79;
}

#header-container .tagline {
  color: #fff;
  margin-bottom: 3px;
}

/* ロゴテキスト */
/* ソースに該当 class なし 2023/08/30 */
/* #header-container .logo-text {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 4.0em;
} */

/* サイトタイトルロゴ */
#header-container .logo-image {
  padding-top: 0;
 }

#header-container .logo-image a {
  line-height: 0;
  vertical-align: bottom;
}

#header-container .site-name-text {
  line-height: 0;
}

/* ロゴ画像 */
/* トップのみ 大きめ */
body.home #header-container .site-name-text img {
  width: 400px;
}

#header-container .site-name-text img {
  width: 300px;
}

@media screen and (max-width: 1023px) {/* モバイルメニューが表示される幅 */

  body.home #header-container .site-name-text img,
  #header-container .site-name-text img {
    /* 最小最大 VALUES:260px 400px  VIEWPORT:320px 1023px */
    width: clamp(16.25rem, 12.267rem + 19.91vw, 25rem);
  }

}

@media screen and (max-width: 834px) {

  #header-container .tagline {
    margin-bottom: 3px;
  }

  main.main {
    margin-top: 0;
  }

}

/* 投稿タイトル h1 */
.entry-title {
  font-size: 28px;
}

@media screen and (max-width: 480px) {

    .entry-title {
      font-size: 22px;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0;
    }

  }



/* ブログカードのリンク */
.entry-content .wp-block-cocoon-blocks-blogcard a {
  color: #333;
}



/* フッター
================================== */

 #footer {
  margin-top: 0;
}

#footer .footer-bottom {
  margin-top: 0;
}

#footer .site-name-text {
  font-family: "Roboto Slab", serif;
  /* Google font */
  font-weight: 400;
  color: #fefe00;
}

#footer .copyright {
  color: #fff;
}

/* カテゴリー ウィジェット */
#footer .widget_categories form select {
  outline: 1px solid #ec1d79;
  border: none;
  /* font-size: 14px; */
  color: #555555;
}

#footer .widget_categories form select option {
  font-size: 18px;
  line-height: 2.0em;
  color: #d90884;
  color: #555555;
}

#footer .widget_categories form select option:first-child {
  color: #ec1d79;
}

/* タグクラウドリストへのリンク */
#footer #menu-tag-list li a {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  display: block;
  color: #555555;
  background-color: #fff;
  /* padding: 0 10px; */
}

#footer #menu-tag-list li a:hover {
  color: #ec1d79;
  /* color: #333; */
  /* background-color: #f5f8fa; */
  /* background-color: #ec1d79; */
  transition: all 0.3s ease-in-out;
}

/* 検索BOX */
#footer .search-box {
  margin-top: 0;
}

#footer .search-box input{
  font-size: 14px;
}

/* タグクラウド */
.footer-widgets .widget_tag_cloud {
  color: #fff;
}

/* 見出し */
.footer-widgets .widget_tag_cloud .widget-footer-left-title {
  font-size: 18px;
  padding-left: 0.5em;
}

.footer-widgets .widget_tag_cloud .tagcloud a {
  color: #fff;
  flex: initial;
}

.footer-widgets .widget_tag_cloud .tagcloud a:hover {
  color: #ec1d79;
}

.footer-widgets .widget_tag_cloud a .fa-tag:before {
  color: #fff;
}

.footer-widgets .widget_tag_cloud a:hover .fa-tag:before {
  color: #ec1d79;
}

@media screen and (max-width: 1023px) {
  /* ウィジェット */
  .footer-widgets {
    display: none;
  }
}

/* モバイルボタン */
/* 背景色*/
.mobile-menu-buttons {
  background-color: #ec1d79;
}

/* アイコン */
.mobile-menu-buttons .menu-icon .fa {
  color: #fff;
}

/* アイコンテキスト */
.mobile-menu-buttons .menu-caption {
  color: #fff;
}

/* カテゴリー ラベル */
.cat-label {
  border: none;
}

/* カード タグ */
.entry-card-tags {
  padding-top: 0.8em;
  line-height: 1em;
}

@media screen and (max-width: 480px) {
  .entry-card-tags {
    padding-top: 0;
  }
}

.entry-card-tags .fa-tag:before {
  margin-right: 0.3em;
  /* タグアイコンとテキストの間隔 */
}

/* カテゴリーリンク */
.cat-link {
  padding: 0.1em 0.7em;
  border-radius: 5px;
  background-color: var(--cocoon-x-pallid-text-color);
}

/* タグの枠線 非表示 */
.tag-link,
.tagcloud a {
  border: none;
}

#sidebar .tagcloud a {
  margin: 0;
}

/* タグアイコンの色 */
.fa-tag:before {
  color: #ffb5d1;
}

/* 投稿ページのカテゴリー・タグブロック */
.entry-categories-tags {
  margin-bottom: 1.8em;
}

.entry-categories-tags > div {
  margin-bottom: 0;
}

/* コンテンツブロック */
.entry-content {
  margin-top: 0;
  margin-bottom: 0;
}

.entry-content > .review {
  margin-top: 3.0em;
}

/* バグ？
モバイルの検索ボタンが左に寄るのでセンター寄せ */
.search-menu-button.menu-button {
  text-align: center;
}

.entry-card-category-labels {
  position: absolute;
  top: 0.2em;
  z-index: 3;
}

/* カテゴリーラベルを複数表示する */
@media screen and (max-width: 480px) {
  .entry-card-category-labels {
    /* position: static; */
    display: none;
  }
}

.entry-card-category-labels .cat-label {
  display: inline-block;
  border: none;
  position: static;
  max-width: 100%;
  padding: 1px 7px;
  margin-right: 2px;
}

.entry-card-category-labels .cat-label:last-child {
  margin-right: 0;
}

/* 同じ階層のラベルは非表示 */
body.category .entry-card-category-labels .cat-label:first-child {
	display: none;
  }

body.category-documentary .entry-card-category-labels .cat-label,
body.category-massage .entry-card-category-labels .cat-label,
body.category-drama .entry-card-category-labels .cat-label,
body.category-fetish .entry-card-category-labels .cat-label,
body.category-video-special .entry-card-category-labels .cat-label,
body.category-comic .entry-card-category-labels .cat-label,
body.category-text-only .entry-card-category-labels .cat-label {
	display: none;
}


/* @media screen and (max-width: 834px){} */
@media screen and (max-width: 480px) {
  .entry-card-category-labels .cat-label {
    font-size: 11px;
    padding: 2px 7px;
  }
}

/* ページャーアイコン */
.pager-post-navi a .iconfont.fa-angle-double-left {
  padding-left: 0;
  padding-right: 10px;
}

.pager-post-navi a .iconfont.fa-angle-double-right {
  padding-right: 0;
  padding-left: 10px;
}

.pager-post-navi a .iconfont {
 color: #ec1d79;
}



/* ===============================

ビデオ

================================== */

/* セール告知バルーン > カバー写真上
================================== */
.icn_sale-fanza {
  position: relative;
  color: #ee2737;
  border: 1px solid #ee2737;
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0.7em !important;
  box-shadow: 0 1px 1px 0 #ee2737;
}

@media screen and (max-width: 480px) {
  .icn_sale-fanza {
    font-size: 12px;
  }
}

.icn_sale-fanza::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 15%;
  margin-left: -15px;
  border: 7px solid transparent;
  border-top: 7px solid #fff;
  z-index: 2;
}

.icn_sale-fanza::after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 15%;
  margin-left: -16px;
  border: 8px solid transparent;
  border-top: 8px solid #ee2737;
  z-index: 1;
}

.icn_sale-fanza span {
  display: inline-block;
  /* background-color: #ee2737; */
  /* background-color: #ffff81; */
  /* background-color: #fff; */
  /* color: #fefe00; */
  line-height: 1em;
  padding: 0.6em 1em;
  font-weight: bold;
  z-index: 4;
}

/* セール告知 > ボタン上 */
.icn_sale-fanza_btn {
  color: #ee2737;
  font-size: 14px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  margin-bottom: 0.3em;
}

.icn_sale-fanza_btn::before,
.icn_sale-fanza_btn::after {
  content: "";
  width: 2px;
  height: 20px;
  background-color: #ee2737;
}

.icn_sale-fanza_btn::before {
  margin-right: 15px;
  transform: rotate(-35deg);
}

.icn_sale-fanza_btn::after {
  margin-left: 15px;
  transform: rotate(35deg);
}

.icn_sale-fanza_btn span {
  font-weight: bold;
}

/* 動画 見出し h2 */
article .video-title {
  margin-top: 54px;
  padding: 0;
  color: #ec1d79;
  background-color: transparent;
  font-family: serif;
  /* border-bottom: 1px solid #f3aecd; */
}

/* カバー画像
================================== */
.item_cover {
  text-align: center;
  margin-bottom: 0.3em;
}

.item_cover figure a:hover {
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}

.item_cover figure a img {
  vertical-align: bottom;
}

/* .warp_sampleimage-infotable {
	display: flex;
}
.warp_sampleimage-infotable .sample-image__list {
	width: 50%;
}
.warp_sampleimage-infotable .item_info-table {
	width: calc(50% - 0.5em);
	margin-left: 0.5em;
} */



/* サンプル画像
================================== */

/* 見出し */
#sample-imgae__block .sample-image__heading {
  background-color: transparent;
  font-size: 18px;
  color: #ec1d79;
  border: none;
  padding: 0;
  margin-top: 2.0em;
  margin-bottom: 0.3em;
}

.sample-image__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2em !important;/* 「※このサンプル画像は拡大されません」と画像との幅 */
  list-style: none;
  padding: 0;
}

.sample-image__list li {
  position: relative;
  width: calc(100% / 5);
  aspect-ratio: 16 / 9;
  /* aspect-ratio: 3 / 2; */
  /* aspect-ratio: 4 / 3; */
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 0 !important;
}

.sample-image__list li a {
  display: block;
  width: 100%;
  z-index: 3;
}

.sample-image__list li a:hover {
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}

/* 背景画像のアンダー効果 */
.sample-image__list .thumb-image_bg::before {
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  /* padding-top: 66.875%;
  160 x 107 縦比：107 / 160 * 100 = 66.875 */
}

/* 背景画像の拡大ブラー効果 */
.sample-image__list .thumb-image_bg > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: blur(2px);
  transform: scale(1.03);
}

.sample-image__list li .thumb-image_wrap > img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  z-index: 2;
}

@media screen and (max-width: 834px) {

  .sample-image__list {
    padding-left: 0 !important;
    /* 横スクロール */
    max-width: 1024px;
    width: 100%;
    flex-wrap: nowrap;
    overflow-x:scroll;
  }

  .sample-image__list li {
    /* 横スクロール */
    flex: 0 0 45%;
    border-right: 2px solid #fff;
    /* width: calc(100% / 2); */
  }

  .sample-image__list li:last-child {
    border-right: none;
  }

}

/* 拡大しないサムネイル画像の注意書き */
.note_sample-image {
  text-align: right;
  font-size: 12px;
}

/* 商品詳細の Table
================================== */
.item_info-table {
  /* max-width: 620px; */
  margin: 1.0em auto;
}

/* 作品タイトル */
.item_info-table table .video-title {
  font-family: serif;
  font-weight: bold;
  /* color: #333; */
}

.item_info-table .note {
  margin-top: -0.5em;
  text-align: right;
  font-size: 12px;
}

@media screen and (max-width: 480px) {
  .item_info-table.mobile-display {
    margin-top: 0.5em;
  }
}

.item_info-table table {
  width: 100%;
  font-size: 14px;
  margin-bottom: 0.5em;
}

.item_info-table table tr:nth-of-type(2n) {
  background-color: #fafbfc;
}

.item_info-table table tr:nth-of-type(2n+1) {
  background-color: #fff;
}

.item_info-table table th {
  width: 20%;
  padding: 0.4em 1em;
}

.item_info-table table td {
  padding: 0.4em 1em;
  line-height: 1.5em;
}

/* Table セル4列の幅 */
.item_info-table table .table-tr-cell4 td {
  width: 30%;
}

@media screen and (max-width: 834px) {
  .item_info-table table th,
  .item_info-table table td {
    font-size: 14px;
    padding: 0.5em;
  }
}

@media screen and (max-width: 480px) {
  .item_info-table table th,
  .item_info-table table td {
    font-size: 12px;
    padding: 0.5em;
  }

  .item_info-table table th {
    width: 26%;
    white-space: nowrap;
  }

  /* Table セル4列の幅 */
  .item_info-table table .table-tr-cell4 th + td {
    width: 18%;/* 分 */
    /* 26%は th の width */
    /* width: calc((100% - 26%)/2); */
  }
}

.item_info-table table td span:not(:last-child) {
  margin-right: 0.7em;
}

.item_info-table table td span:last-child {
  margin-right: 0;
}

.item_info-table table td a {
  color: #d90060;
  text-decoration: none;
}

.item_info-table table td a:hover {
  text-decoration: underline;
  text-decoration-color: #e09bbc;
  text-underline-offset: 0.3em;
}

.entry-content a {
  color: #ec1d79;
  /* text-decoration: none; */
}

.entry-content a:hover {
  text-decoration: none;
  /* opacity: 0.5; */
  /* transition: all 0.3s ease-in-out; */
}



/* 目次 リンク */
.entry-content .toc{
  margin-inline: 1em;
  border-radius: 10px;
  margin-inline: auto;
}

.entry-content .toc-list a {
  color: var(--cocoon-text-color);
}

.entry-content .toc-list a:hover {
  text-decoration: underline;
  text-decoration-color: #8a8a8a;
  text-underline-offset: 0.3em;
}


/* 作品情報 */

/* h2 見出し */
.entry-content .heading__item-detail {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0.5em;
  color: #ec1d79;
}


/* サンプル動画
================================== */
/* #sample-movie-block {
  margin-top: 2.0em;
} */

#sample-movie-block .sample-movie_heading {
  background-color: transparent;
  font-size: 18px;
  color: #ec1d79;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 0;
  margin-top: 2.5em;
  margin-bottom: 0.3em;
}

#sample-movie-block .sample-movie {
  /* max-width: 720px; */
  margin: 0 auto 1.0em;
  text-align: center;
}

@media screen and (max-width: 480px) {

  #sample-movie-block .sample-movie {
    margin-bottom: 2.0em;
  }

  /* 720 x 480 以下 */
  /* 2023/08/25 「自動調整」と「720 x 480」どちらでも、それなりに見えるように調整 すべて「自動調整」に差し替えたら消去する */
  #sample-movie-block .sample-movie iframe {
    aspect-ratio: 16 / 12;
    max-height: 480px;
    height: 100%;
  }

}

/* サンプル動画 再利用ブロック */
.free-sample {
  text-align: center;/* 中央寄せ */
}

/* モバイル広告
================================== */
/* 投稿SNSボタン上 */
.ad-responsive.ad-usual h3 {
  max-width: 336px;
  font-size: 16px;
  text-align-last: left;
  padding: 0 0.1em 0.3em;
  margin:0 auto 0.5em;
  color: #ec1d79;
  border-bottom: 1px solid #f3aecd;
  border-top: none;
  border-left: none;
  border-right: none;
}

/* 835～1023pxでもモバイル広告を表示 */
@media screen and (max-width: 1023px) {
  .widget_mobile_ad {
    display: block;
  }
}



/* ===============================

書籍

================================== */
.cover-info_block {
  /* display: flex; */
  margin-bottom: 2.5em;
}

.cover-info_block .book-cover_block {
  /* width: 40%; */
}

.cover-info_block .book-cover_block figure {
  text-align: center;
  vertical-align: bottom;
}

.cover-info_block .book-cover_block figure img {
  vertical-align: bottom;
}

.book-info_block {
  margin-left: 2em;
  width: calc(60% - 2em);/* カバー画像幅 width: 40%; */
}

/* 書籍タイトル */
article .book-title {
  padding: 0.3em 0 0.5em;
  margin-bottom: 0;
  color: #ec1d79;
  font-family: serif;
  background-color: transparent;
  font-size: 20px;
}


/* 著者名 */
.book-info-table .book-author-name span:not(:last-child) {
  margin-right: 0.5em;
}

.book-info-table .book-author-name span a {
  text-decoration: none;
  font-size: 1.0em;
}

.book-info-table .book-author-name span a:hover {
  text-decoration: underline;
  text-decoration-color: #e09bbc;
  text-underline-offset: 0.3em;
}

.book-info_block .book-info-list {
  width: auto;
  margin-top: 0;
  font-size: 14px;
}

.book-info_block .book-info-list th {
  width: auto;
  padding-left: 0;
  padding-bottom: 0;
  border: none;
  background-color: #fff;
  text-align: left;
}

.book-info_block .book-info-list td {
  padding: 6px 0 0;
  border: none;
  background-color: #fff;
}

.book-info_block .book-info-list td::before {
  content: "：";
}

.book-info_block .book-info-list a {
  color: #d90060;
  text-decoration: none;
}

.book-info_block .book-info-list a:hover {
  text-decoration: underline;
}

/* 試し読み ボタン */
.btn_book-trial-reading {
  margin-top: 2.0em;
  margin-bottom: 2.0em;
}

.btn_book-trial-reading a {
  display: block;
  font-size: 16px;
  padding: 0.4em 1.0em;
  text-align: center;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  box-shadow: 0px 1px 0px 0px #bdbdbd;
  border-radius: 5px;
  max-width: 300px;
  margin: 0 auto;

  /* background-color: #fff0f7;
  color: #ec1d79;
  box-shadow: 0px 1px 0px 0px #ec1d79;
  border: 1px solid #f85ca2;
  border-radius: 30px; */
}

.btn_book-trial-reading a:hover {
  opacity: 0.7;
  transition: 0.5s;
  /* background-color: #dbdbdb; */
}

.book-info-table {
  font-size: 14px;
}

.book-info-table th {
  width: 25%;
}

.book-info-table td {
  padding: 0.4em 1em;
}

.book-info-table td.book-title {
  font-family: serif;
  font-weight: bold;
  color: #ec1d79;
  font-size: 1.0em;
}

.book-info-table td.book-author {
  font-size: 1.0em;
}

.book-info-table a {
  text-decoration: none;
}

.book-info-table a:hover {
  text-decoration: underline;
}

/* .book-author a::after {
  content: "（FANZA）";
} */

@media screen and (max-width: 834px) {

  .cover-info_block {
    display: block;
    margin-bottom: 1.8em;
  }

  .cover-info_block .book-cover_block {
    width: 70%;
    margin: 0 auto 0.5em;
  }

  .book-info_block {
    width: auto;
    margin-left: 0;
  }

  .book-info_block table {
    margin-bottom: 1em;
  }

  .book-info_block table th{
    padding: 0.4em;
  }

  .btn_book-trial-reading a {
    width: 70%;
    margin: 0 auto;
    padding: 0.2em;
  }

}

/* 記事本文
================================== */
/* 作品内容・書籍内容（引用） */
.item_explain_text-wrap {
  /* max-width: 644px;
  box-sizing: border-box; */

  /* border: 3px solid #eee; */
  border: 3px solid #ffe0ee;
  border-radius: 10px;
  margin-top: 2.5em;
  margin-bottom: 1em;
  margin-right: auto;
  margin-left: auto;
}

.item_explain_text {
  margin: 0 2em 1.5em;
}

.item_explain_text .item-explain__heading {
  padding: 0;
  margin-top: -0.6em;
  margin-bottom: 0;
  background-color: transparent;
  font-size: 18px;
  border: none;

  color: #ec1d79;
}
@media screen and (max-width: 480px) {

  .item_explain_text .item-explain__heading {
    font-size: 16px;
  }

}


.item_explain_text .item-explain__heading span {
  background-color: #fff;
  display: inline-block;
  padding: 0 0.5em;
  margin-left: -0.5em;
}



/* 引用 */

blockquote {
  border: none;
  padding: 0;
  margin-bottom: 1.5em;
}

blockquote::after {
  display: none;/* 引用符のうしろ非表示 */
}

/* テキスト引用 */
blockquote::before {
  top: 5px;
}

blockquote:has(> p) {
  margin: 0;
  background-color: #f7f7f7;
  padding: 1.6em 1.5em 1em;
}

blockquote p {
  margin-bottom: 1.0em !important;
}

/* 画像の引用 */
blockquote:has(> figure)::before {
  display: none;/* 引用符の非表示 */
}

blockquote figure img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

blockquote cite {
  text-align: right;
  font-size: 12px;
  color: #717171;
}

/* 「書籍内容」の引用 */
.item_explain_text blockquote {
  background-color: transparent;
  border: none;
  padding: 0;
  position: static;
  margin-bottom: 0;
}

.item_explain_text blockquote::before {
  display: none;/* 引用符の非表示 */
}

/* 作品内容 */
.item_explain_text blockquote p {
  font-size: 14px;
  line-height: 1.8em;
  margin-top: 1em;
  margin-bottom: 0;
}

@media screen and (max-width: 480px) {
  .item_explain_text .video-explain__heading {
    font-size: 16px;
  }
  .item_explain_text blockquote p {
    font-size: 14px;
    line-height: 1.7em;
  }
}



@media screen and (max-width: 480px) {
  .item_explain_text {
    font-size: 16px;
    line-height: 32px;
    margin: 0 1.5em 1.5em;
  }
}

/* アーカイブトップのタイトル */
body.archive.no-sidebar .content-in .article-header {
  max-width: 1200px;
}

.article-header {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* 投稿記事 全体ブロック */
.item_detail-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}



/* レビューブロック
================================== */
.review {
  max-width: 640px;
  margin: 3.0em auto;
}

.review p {
  margin-bottom: 1.5em;
}

.review p:last-child {
  margin-bottom: 0;
}

.review ol li {
  margin-bottom: 0.5em;
}

.review ul ul,
.review ol ol {
  margin-bottom: 1.0em;
}

.review h2 {
  font-size: 24px;
  padding: 0;
  margin-top: 2.5em;
  margin-bottom: 0.8em;
  background-color: #fff;
}

.review h3 {
  font-size: 20px;
  line-height: 1.4em;
  border: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  color: #717171;
}

/* レビューブロック 画像 */
.review .wp-block-image {
  margin-bottom: 0.5em;
}

/* .review .wp-block-image {
  max-width: 95%;
} */


/* セリフ体 */
.review .video-title-serif {
  font-family: serif;
}

@media screen and (max-width: 480px) {

  .review h2 {
    font-size: 20px;
  }

  .review h3 {
    font-size: 18px;
  }

}





/* 「レビューを読む」ボタン */
.goto-review_block {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
}

.goto-review_block a.goto-review {
  max-width: 60%;
  background-color: #ec1d79;
  box-shadow: 0px 2px 0px 0px #910e49;
  display: block;
  padding: 0.5em 1em;
  border-radius: 10px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
}

.goto-review_block a.goto-review:hover {
  opacity: 0.3;
  transition: 0.5s;
}

.goto-review_block a.goto-review b {
  font-size: 1.2em;
  padding-right: 0.2em;
}

@media screen and (max-width: 480px) {
  .goto-review_block a.goto-review {
    max-width: 90%;
  }
}

@media screen and (min-width: 835px) {
  .goto-review_block {
    display: none;
  }
}



/* 「詳細を観る」ボタン
================================== */
.btn_af-block {
  margin-bottom: 3em;
}

ul.btn_af_linK-list {
  display: flex;
  justify-content: center;
  margin-left: -0.2em;
  margin-right: -0.2em;
  padding-left: 0;
  list-style: none;
}

ul.btn_af_linK-list li {
  max-width: 60%;/* ボタン1つのとき */
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(100% / 3);
  margin-right: 0.8em;
  margin-left: 0.8em;
}

ul.btn_af_linK-list li a {
  display: block;
  padding: 0.5em 1em;
  border-radius: 30px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

ul.btn_af_linK-list li a:hover {
  opacity: 0.3;
  transition: 0.5s;
}

/* MGS ボタン */
ul.btn_af_linK-list li.btn_item-detail_mgs {
  display: flex;
}

ul.btn_af_linK-list li.btn_item-detail_mgs a {
  flex: 1;
  margin-top: auto;
}

/* ボタン */
/* FANZA、DMM */
.btn_af_linK-list a.link_af_fanza,
.btn_af_linK-list a.link_af_dmm {
  /* background-color: #ee2737; */
  background-color: #ff8200;
  box-shadow: 0px 2px 0px 0px #d5720c;
  /* font-weight: bold; */
}

.btn_af_linK-list a.link_af_fanza span,
.btn_af_linK-list a.link_af_dmm span {
  font-weight: bold;
  font-size: 1.2em;
  padding-right: 0.2em;
}

/* MGS */
.btn_af_linK-list a.link_af_mgs {
  background-color: #ff0001;
  /* color: #333; */
  /* border: 1px solid #ff0101; */
  /* box-shadow: 0px 2px 0px 0px #ff0101; */
  box-shadow: 0px 2px 0px 0px #b90000;
  /* font-weight: bold; */
}

.btn_af_linK-list a.link_af_mgs span {
  font-weight: bold;
  /* color: #333; */
  font-size: 1.2em;
  padding-right: 0.2em;
}

/* DLsite */
.btn_af_linK-list a.link_af_dlst {
  background-color: #052a83;
  /* color: #333; */
  /* border: 1px solid #ff0101; */
  /* box-shadow: 0px 2px 0px 0px #ff0101; */
  box-shadow: 0px 2px 0px 0px #001f66;
  /* font-weight: bold; */
}

.btn_af_linK-list a.link_af_dlst span {
  font-weight: bold;
  /* color: #333; */
  font-size: 1.2em;
  padding-right: 0.2em;
}

@media screen and (max-width: 480px) {
  ul.btn_af_linK-list {
    display: block;
    /* display: flex;
		flex: 1;
		justify-content: space-between;
		flex-wrap: wrap; */

    margin-left: 0;
    margin-right: 0;
    list-style: none;
    padding-left: 0;
  }

  ul.btn_af_linK-list li {
    max-width: 90%;
    margin: 0 auto 1em;
  }

  /* ul.btn_af_linK-list li a {
		margin-right: 0.5em;
	} */
  ul.btn_af_linK-list li:last-child a {
    margin-right: 0;
  }

  .btn_af_linK-list a.link_af_dmm {
    font-size: 14px;
  }

  .btn_af_linK-list a.link_af_mgs {
    font-size: 14px;
  }
}



/* SNSボタン
================================== */
/* シェアボタン */
#main .button-caption {
  display: none;
}

.sns-share-message {
  font-weight: bold;
  color: #808080;
}

.sns-share-buttons {
  flex-wrap: nowrap;
  justify-content: center;
}

.sns-share-buttons a {
  border-radius: 50%;
  font-size: 20px;
  margin: 0 10px;
}

#main .sns-share a {
  width: 40px;
  height: 40px;
}

/* フォローボタン */
.sns-follow-message {
  font-weight: bold;
  color: #808080;
}

.sns-follow-buttons {
  justify-content: center;
}

.sns-follow-buttons a {
  border-radius: 50%;
  font-size: 20px;
  margin: 0 10px;
}

#main .sns-follow a {
  width: 40px;
  height: 40px;
}



/* 関連記事 .related-entries
================================== */

.related-entries {
  margin-top: 3.0em;
  margin-bottom: 3.0em;
}

/* .related-list {
  padding-bottom: 1.0em;
} */

/* 見出し */
.related-entry-heading {
  color: #d90884;
  margin-bottom: 0.5em;
  /* border-bottom: 1px solid #f3aecd; */
}

.related-entry-card-title {
  font-size: 0.9em;
  line-height: 1.5em;
}

/* @media screen and (max-width: 834px) {

  .related-entry-card-title {
    font-size: 15px;
  }

} */

@media screen and (max-width: 480px) {

  /* 見出し */
  .related-entry-heading {
    margin-bottom: 0.5em;
  }

  /* 記事見出し */
  /* .related-entry-card-title {
    font-size: 14px;
  } */

}


/* ボーダー　角丸 */
.recb-entry-border .related-entry-card-wrap {
  border-radius: 8px;
}

/* リンク */
.related-list a.a-wrap {
  padding: 0.5em;
  margin-bottom: 0;
}

.related-list a.a-wrap:hover {
  background-color: #fff4fd;
}

@media screen and (max-width: 480px) {
  .related-list a.a-wrap {
    padding: 0;
  }
}

/* 画像下のスキ間の調整 */
.related-entry-card-thumb img {
  vertical-align: bottom;
}

/* カテゴリータグ・非表示 */
.related-entry-card-thumb .entry-card-category-labels {
  display: none;
}



/* お問い合わせ
================================== */
/* 送信ボタン */
input[type="submit"].wpcf7-form-control {
  border: none;
  background-color: #fefe00;
  border-radius: 5px;
  color: #333;
  width: 50%;
  display: block;
  margin: 0 auto;
  font-weight: bold;
}

@media screen and (max-width: 834px) {
  input[type="submit"].wpcf7-form-control {
    width: 100%;
  }
}

/* デスクトップ サイドバー カスタムウィジェット */
/* バナーブロック  */
.widget_custom_html .custom-html-widget {
  text-align: center;
}

/* ページ送りナビ設定 */
.pager-post-navi {
  margin-top: 3.0em;
}
/* 左送り */
.pager-post-navi a .fa-chevron-left {
  padding-left: 0;
}

/* 右送り */
.pager-post-navi a .fa-chevron-right {
  padding-right: 0;
}

/* インデックス下　広告エリア */
/* aside.widget.widget-index-bottom {
	margin-bottom: 1.0em;
} */
aside.widget.widget-index-bottom {
  margin-bottom: 1em;
}

aside.widget.widget-index-bottom:last-of-type {
  margin-bottom: 0;
}

aside.widget.widget-index-bottom .ad-area.common-ad-widget {
  margin-bottom: 0;
}

aside.widget.widget-index-bottom img {
  vertical-align: bottom;
}

/* 「次のページ」ボタン非表示 */
.pagination-next {
  display: none;
}

/* ページネーション */
.pagination .page-numbers {
  border-radius: 50%;
  border-color: #ddd;
}

.pagination .current {
  background-color: #fdd6e8;
  border-color: #fdd6e8;
}

/* フッターメニュー */
.navi-footer-in a {
  color: #fff;
  font-size: 12px;
}



/* ===============================

カスタムフィールド

================================== */
#video_detail_fields h3,
#book_detail_fields h3 {
  margin-bottom: 0;
}

#video_detail_fields ul,
#book_detail_fields ul {
  margin-top: 0.8em;
}

#video_detail_fields label,
#book_detail_fields label {
  display: block;
  font-size: 14px;
  margin-bottom: 0.5em;
}

.cf-cover,
.cf-images,
.cf-actress,
.cf-director,
.cf-series,
.cf-maker,
.cf-delivery,
.cf-time,
.cf-btn_af_url,
.cf-samplemovie {
  margin-top: 2em;
}

#video_detail_fields .cf-actress li:nth-child(2n),
#video_detail_fields .cf-director li:nth-child(2n) {
  margin-bottom: 1.2em;
}

#video_detail_fields .cf-actress .api-video__input-list li:nth-child(2n),
#video_detail_fields .cf-actress .api-video__input-list li:nth-child(2n),
#video_detail_fields .cf-director .api-video__input-list li:nth-child(2n),
#video_detail_fields .cf-director .api-video__input-list li:nth-child(2n) {
  margin-bottom: 6px;
}

#video_detail_fields .cf-actress li:last-child,
#video_detail_fields .cf-director li:last-child {
  margin-bottom: 0;
}

#video_detail_fields .cf-explain {
  margin-bottom: 2em;
}



/* ビデオ情報の入力
================================== */

#video_detail_fields {
  background-color: #fdf1f7;
}

#video_detail_fields .postbox-header {
  background-color: #ffdff0;
}
#video_detail_fields .api-video_item {
  background-color: #fff;
  border: 1px solid #ffa0b8;
  padding: 0.8em 1.2em;
  border-radius: 5px;
  margin-top: 1em;
}

#video_detail_fields .api-video__input-list,
#video_detail_fields .sampleimage-list {
  background-color: #fff;
  border: 1px solid #ffa0b8;
  padding: 0.8em 1.2em;
  border-radius: 5px;
  margin-top: 1em;
}

#video_detail_fields .api-video__input-list span {
  white-space: nowrap;
  margin-right: 0.8em;
  line-height: 1.9em;
}

#video_detail_fields .api-video__input-list span:last-child {
  margin-right: 0;
}

#video_detail_fields .api-video_item a:not(:hover) {
  text-decoration: none;
}

#video_detail_fields .api-video_item .api-video_item-title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0.7em;
  font-weight: normal;
}

#video_detail_fields .api-video_item .api-video__cover-image {
  width: 147px;
  margin-right: 1.5em;
  float: left;
}

#video_detail_fields .api-video_item .api-video__info-list {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

#video_detail_fields .api-video_item .api-video__info-list li > span {
  white-space: nowrap;
  margin-right: 0.8em;
}

/* サンプル画像 */
#video_detail_fields .sampleimage-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

#video_detail_fields .sampleimage-list li {
  text-align: center;
  width: calc(20% - 0.4em);
  padding-left: 0.2em;
  padding-right: 0.2em;
}

#video_detail_fields .sampleimage-list li.no-sampleimage {
  text-align-last: left;
}



/* 書籍の入力フィールドapi-video
================================== */

#book_detail_fields {
  background-color: #fbfcec;
}

#book_detail_fields .postbox-header {
  background-color: #f9fdbc;
}

#book_detail_fields .api-book_item {
  background-color: #fff;
  border: 1px solid #fac517;
  padding: 0.8em 1.2em;
  border-radius: 5px;
  margin-top: 1em;
}

#book_detail_fields .data-detail__wrap {
  display: flex;
}

#book_detail_fields .api-book_item .api-book_item-title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0.7em;
  font-weight: normal;
}

#book_detail_fields .api-book_item .api-book__cover-image {
  width: auto;
  margin-right: 1.5em;
}

#book_detail_fields .api-book_item .api-book__info-list {
  margin-top: 0;
  margin-bottom: 0;
}

#book_detail_fields .api-book_item .api-book__info-list li > span {
  white-space: nowrap;
  margin-right: 0.8em;
}

/* サンプル画像 */
#book_detail_fields .sampleimage-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

#book_detail_fields .sampleimage-list li {
  text-align: center;
  width: calc(20% - 0.4em);
  padding-left: 0.2em;
  padding-right: 0.2em;
}

#book_detail_fields .sampleimage-list li.no-sampleimage {
  text-align-last: left;
}



/* MGS（仮）
 ================================== */
 /* MGSタグを非表示
 広告の出し分け用 */
 .entry-card-tags .tag-link-53,
.entry-tags .tag-link-53,
.tagcloud .tag-link-53 {
  display: none;
}

/* MGS ウィジェット */
a.aclass_p p.pclass_p {
  font-size: 12px !important;
  margin: 0 0.5em;
  line-height: 1.5em;
}



/* 投稿ページ 動画・マンガ 高評価作品リスト API */

.item-review__block {
  margin-inline: auto;
  padding: 0 1.0em;
}

/* 見出し */
.item-review__block .item-review__heading {
  border: none;
  padding:12px 0;
  margin-bottom: 0;
  font-size: 1.0em;
  background-color: transparent;
}

.item-review__block .item-review__heading small {
  font-weight: normal;
  font-size: 12px;
  padding-left: 0.5em;
}

.item-review__block .item-review__heading span {
  font-weight: bold;
}

.item-review__block .item-review__heading strong {
  font-size: 1.5em;
  padding-right: 0.2em;
}

/* 作品リスト */
.item-review__block .item-review__list {
  display: grid;
  column-gap: 1em;
  row-gap: 1em;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/* ビデオ 2列 */
.item-review__block .item-review__list.video-review__list {
  grid-template-columns: repeat(2, 1fr);
}

/* マンガ 3列 */
.item-review__block .item-review__list.book-review__list{
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 480px) {

  /* ビデオ 1列  */
  .item-review__block .item-review__list.video-review__list {
    padding-left: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  /* マンガ 2列  */
  .item-review__block .item-review__list.book-review__list {
    padding-left: 0;
    grid-template-columns: repeat(2, 1fr);
  }

}

.item-review__block .item-review__list li {
  margin: 0;
}

.item-review__block .item-review__list li figure:hover {
  overflow: hidden;
}

.item-review__block .item-review__list li figure img:hover {
  opacity: 0.9;
  transition: 0.3s;
  transform:scale(1.1, 1.1);
}

.item-review__block .item-review__list li dl {
  margin-bottom: 0;
}

/* タイトル */
.item-review__block .item-review__list li dt {
  font-family: serif;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1.2em;
  margin-top: 0.4em;
}

.item-review__block .item-review__list li dl dd {
  margin-left: 0;
  font-size: 14px;
}

.item-review__block .item-review__list li dl dd .review_average {
  font-family: serif;
  font-size: 1.9em;
  font-weight: bold;
}

.item-review__block .item-review__list a:link {
  text-decoration: none;
  color: #333;
}

.item-review__block .item-review__list a:hover {
  opacity: 0.8;
}

.item-review__block .item-review__list .review-average {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.8em;
}

.item-review__block .item-review__list .review-average .review-average-value {
  font-family: serif;
  font-weight: bold;
  color: brown;
  line-height: 1.4em;
}

/* 平均点数 */
.item-review__block .item-review__list .review-average .review-average-value::first-letter {
  font-size: 1.8rem;
}

.item-review__block .item-review__list .review-average .review-average-value .value-denominator {
  color: #333;
}

/* ★アイコン */
.item-review__block .item-review__list .average-star {
  line-height: 1.0em;
}

.item-review__block .item-review__list .average-star::before {
  font-family: "dashicons";
  content: "\f155";
  color: #ffa600;
  font-size: 2.0em;
  margin-right: 0.2em;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下
メニューがヘッダー・サイドバーからフッターに切り替わる幅　*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}

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

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



/* ===============================
以下未使用スタイル
================================== */
/*
TOPのサムネイル画像に余白を設ける
出力タグは、entry-card.phpに記述済みでコメントアウトしてある
*/

/* サムネイルブロック */
/* figure.entry-card-thumb {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	margin-bottom: 0.5em !important;
} */

/* 画像背景のアンダー効果 */
figure.entry-card-thumb .card-thumb_bg::before {
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

/* 画像背景の拡大＆ブラー表示 */
figure.entry-card-thumb .card-thumb_bg > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: blur(2px);
  transform: scale(1.03);
}

/* サムネイルブロックの中の画像サイズなり行き */
figure.entry-card-thumb .card-thumb_wrap > img {
  position: absolute;
  /* 画像サイズなりゆき */
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  /* 中央そろえ */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 重ね順 */
  z-index: 2;
  vertical-align: bottom;
}

/* reCAPTCHA のバッジ非表示 */
.grecaptcha-badge { visibility: hidden; }



/* 作品紹介ブロック
================================== */
.recommend-item {
  background-color: #f7f7f7;
  padding: 1.0em;
  border-radius: 10px;
  column-gap: 1.0em !important;
}

/* 作品タイトル */
/* h3 見出し相当 */
.recommend-item .item-title {
  font-family: serif;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold;
  padding: 0;
  margin-top: 0;
  margin-bottom: 12px !important;
}

.recommend-item ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 1.0em;
}

.recommend-item ul li {
  font-size: 14px;
  margin: 0;
}

/* ボタン gap */
.recommend-item .wp-block-buttons {
  gap: 0.5em;
}

/* ボタン 共通 */
.recommend-item .is-style-fill {
  width: 65%;
}

.recommend-item .is-style-fill a,
/* エディター画面は a → div になる */
.recommend-item .is-style-fill div {
  font-size: 0.8em;
  color: #fff;
  padding: 0.3em 1.0em !important;
  border-radius: 20px;
}

.recommend-item .is-style-fill a strong,/* strong から span に投稿を順次変更していく */
.recommend-item .is-style-fill a span {
  font-weight: bold;
  padding-right: 0.2em;
  display: inline-block;
}

.recommend-item .is-style-fill a:hover,
.recommend-item .is-style-fill div:hover {
  opacity: 0.5;
  transition: 0.3s;
}

/* FANZA カラー */
.recommend-item .btn-fanza a,
.recommend-item .btn-fanza div {
  background-color: #ff8200;
  box-shadow: 0px 2px 0px 0px #d5720c;
}

/* MGS カラー */
.recommend-item .btn-mgs a,
.recommend-item .btn-mgs div {
  background-color: #a71010;
  box-shadow: 0px 2px 0px 0px rgb(116, 6, 6);
}

/* DLsite カラー */
.recommend-item .btn-dlsite a,
.recommend-item .btn-dlsite div {
  background-color: #052a83;
   box-shadow: 0px 2px 0px 0px #05163b;
}


@media screen and (max-width: 781px) {/* 縦並びになる幅 */

  .recommend-item {
    gap: 1.0em;
  }

}



/* エディター画面のスタイル
================================== */

/* コンテンツ幅 */
.wp-block,
.edit-post-visual-editor__post-title-wrapper
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.block-editor-block-list__layout.is-root-container
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 640px !important;
}

/* .editor-styles-wrapper はエディター画面に直書きされるクラス */
.editor-styles-wrapper {
  font-family: var(--cocoon-default-font) !important;
}

.editor-styles-wrapper p {
  line-height: 1.8em;
}

/* 見出し */
/* gutenberg-editor.css を上書き */
.editor-styles-wrapper.article h1 {
  font-size: 30px;
}

.editor-styles-wrapper.article h2 {
  font-size: 22px;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 0.8em !important;
  background-color: #fff;
}
.editor-styles-wrapper.article h3 {
  border: none;
  font-size: 20px;
  padding: 0;
  line-height: 1.5em;
  margin-bottom: 0.8em !important;
}

/* リスト */
.editor-styles-wrapper.article ul li,
.editor-styles-wrapper.article ol li {
  margin: 0.2em;
}

/* ブログカード */
.block-editor-block-list__block.blogcard-type {
  line-height: 1.5em;
}


/* 固定ページ
================================== */

/* 見出し */
/* 「レビューブロック」スタイルは同じ */
body.page .entry-content h2 {
  font-size: 24px;
  padding: 0;
  margin-top: 2.5em;
  margin-bottom: 0.8em;
  background-color: #fff;
}

body.page .entry-content h3 {
  font-size: 20px;
  line-height: 1.4em;
  border: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}


@media screen and (max-width: 480px) {

  body.page .entry-content h2 {
    font-size: 20px;
  }

  body.page .entry-content h3 {
    font-size: 18px;
  }

}



/* タグ一覧 説明ページ 固定ページ
================================== */

/* タグクラウド */
.page-taglist.wp-block-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 2.5em;
}

@media screen and (max-width: 480px) {

  .page-taglist.wp-block-tag-cloud {
    font-size: 16px;
  }

}

.page-taglist.wp-block-tag-cloud a {
  width: calc( 50% - 10px );
  color: #333;
  border-bottom: 1px solid #eee;
  margin:0 5px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-decoration: none;
}

.page-taglist.wp-block-tag-cloud a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
}

/* アイコンを非表示 */
.page-taglist.wp-block-tag-cloud .fa-tag:before {
  display: none;
}

.page-taglist.wp-block-tag-cloud .tag-caption::after {
  content: '：';
}

.page-taglist.wp-block-tag-cloud .tag-caption {
  margin-left: 0;
}

/* 投稿数 */
.page-taglist.wp-block-tag-cloud .tag-link-count {
  font-size: 0.9em;
  padding-left: 0.2em;
}

/* 非表示のタグ */
.page-taglist.wp-block-tag-cloud .tag-link-fanza,
.page-taglist.wp-block-tag-cloud .tag-link-mgs {
  display: none;
}

/* タグ アイコン */
.tag-caption .tax-icon {
  margin-right: 0.2em;
}


/* 出演者・著者 一覧 固定ページ
================================== */

ul.actress_list,
ul.author_list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  list-style: none;
  padding: 0;
  font-size: 16px;
  line-height: 2.5em;
}

ul.actress_list li,
ul.author_list li {
  width: calc( (100% / 3) - 10px );
  margin: 0;
  border-bottom: 1px solid #eee;
  padding: 0.3em 5px;
}

@media screen and (max-width: 440px) {

  ul.actress_list li,
  ul.author_list li {
    width: calc( (100% / 2) - 10px );
  }

}

ul.actress_list li:hover,
ul.author_list li:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

ul.actress_list li a,
ul.author_list li a {
  /* display: block; */
  color: #333;
  text-decoration: none;
}

ul.actress_list li a .post-count,
ul.author_list li a .post-count {
  font-weight: bold;
}

ul.actress_list li a .post-count::before,
ul.author_list li a .post-count::before {
  content: '：';
  font-weight: normal;
}



/* 新着記事 ショートコード
================================== */
.new-post-list {
  margin-top: 5.0em;
  border: 2px solid #ffe0ee;
  border-radius: 10px;
}

.entry-content .new-post-list .wp-block-heading {
  font-size:clamp(1.125rem, 0.958rem + 0.56vw, 1.375rem);/* VIEWPORT:480 1200 VALUES 18px 22px */
  color: #ec1d79;
  margin-top: -0.5em;
  padding-left: 0.5em;
  background-color: transparent;
  display: block;
}

.entry-content .new-post-list .wp-block-heading span {
  background-color: #fff;
  padding: 0 0.5em;
}

.new-entry-cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.6em 0.3em;
}

.new-entry-cards a {
  width: calc( 50% - 0.6em );
  color: #333;
  margin:0 0.3em;
}

@media screen and (max-width: 440px) {

  .new-entry-cards {
    display: block;
  }

  .new-entry-cards a {
    width: auto;
  }

}

.new-entry-cards a figure {
  margin-right: 0;
  margin-top: 0;
}

.new-entry-cards .new-entry-card-title {
  font-size: 14px;
}

.new-entry-cards .entry-card-category-labels {
  display: none;
}


/* モバイル スライドメニュー
===================================== */

.menu-content .menu-drawer {
  padding: 30px 1em 30px;
}

.menu-content .menu-drawer > li > a {
  font-weight: bold;
}

.menu-content .menu-drawer .sub-menu {
  padding-top: 0;
}



/* 広告 */
/* .widget-below-comment-form.widget_pc_ad:nth-of-type(1) {
  margin-top: 3.0em;
}
.widget-below-comment-form.widget_pc_ad {
  margin-bottom: 3.0em;
} */

.widget-below-comment-form.widget_pc_ad,
.widget-below-comment-form.widget_pc_ad > div,
.widget-below-comment-form.widget_mobile_ad,
.widget-below-comment-form.widget_mobile_ad > div {
  margin-bottom: 1.0em;
}

.widget-below-comment-form.widget_pc_ad img,
.widget-below-comment-form.widget_mobile_ad img {
  vertical-align: bottom;
}


/* ブログカード
===================================== */

@media screen and (max-width: 834px) {

  .blogcard-content .blogcard-title {
    font-size: 1.0em;
    line-height: 1.5em;
  }

  .blogcard-content .blogcard-snippet {
    display: none;
  }

}