iframe {
  border: none;
}

/* Sample動画のCSS */
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-----------------------------------*/
/* ListのCSS */
.iframe-list-wrapper {
  position: relative;
  padding-bottom: 135%;
  height: 0;
  overflow: hidden;
}

.iframe-list-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*****  解像度XXXpx以下のスタイル *****/
@media screen and (max-width:1440px){
  .iframe-list-wrapper {
  padding-bottom: 150%;
  }
}

@media screen and (max-width:1325px){
  .iframe-list-wrapper {
  padding-bottom: 160%;
  }
}
@media screen and (max-width:1245px){
  .iframe-list-wrapper {
  padding-bottom: 180%;
  }
}

@media screen and (max-width:1100px){
  .iframe-list-wrapper {
  padding-bottom: 200%;
  }
}

/* iPad Pro */
@media screen and (max-width:1024px){
  .iframe-list-wrapper {
  padding-bottom: 220%;
  }
}

/* Surface Pro7 */
@media screen and (max-width:912px){
  .iframe-list-wrapper {
  padding-bottom: 255%;
  }
}

/* iPad Air */
@media screen and (max-width:820px){
  .iframe-list-wrapper {
  padding-bottom: 270%;
  }
}

/* iPad mini */
@media screen and (max-width:768px){
  .iframe-list-wrapper {
  padding-bottom: 275%;
  }
}
@media screen and (max-width:713px){
  .iframe-list-wrapper {
  padding-bottom: 280%;
  }
}

@media screen and (max-width:670px){
  .iframe-list-wrapper {
  padding-bottom: 250%;
  }
}

@media screen and (max-width:630px){
  .iframe-list-wrapper {
  padding-bottom: 260%;
  }
}

@media screen and (max-width:570px){
  .iframe-list-wrapper {
  padding-bottom: 270%;
  }
}

@media screen and (max-width:508px){
  .iframe-list-wrapper {
  padding-bottom: 280%;
  }
}


@media screen and (max-width:488px){
  .iframe-list-wrapper {
  padding-bottom: 310%;
  }
}

@media screen and (max-width:440px){
  .iframe-list-wrapper {
  padding-bottom: 350%;
  }
}

/* iPhoine 14 Pro Max */
@media screen and (max-width:430px){
  .iframe-list-wrapper {
  padding-bottom: 350%;
  }
}
/* iPhoine XR */
@media screen and (max-width:414px){
  .iframe-list-wrapper {
  padding-bottom: 340%;
  }
}

/* iPhoine 12 Pro */
@media screen and (max-width:394px){
  .iframe-list-wrapper {
  padding-bottom: 380%;
  }
}

/* iPhoine SE */
@media screen and (max-width:375px){
  .iframe-list-wrapper {
  padding-bottom: 390%;
  }
}


@media screen and (max-width:366px){
  .iframe-list-wrapper {
  padding-bottom: 420%;
  }
}

@media screen and (max-width:340px){
  .iframe-list-wrapper {
  padding-bottom: 430%;
  }
}

@media screen and (max-width:330px){
  .iframe-list-wrapper {
  padding-bottom: 460%;
  }
}

@media screen and (max-width:300px){
  .iframe-list-wrapper {
  padding-bottom: 500%;
  }
}

@media screen and (max-width:290px){
  .iframe-list-wrapper {
  padding-bottom: 500%;
  }
}


/*-----------------------------------*/
.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
}

/*
square_contents
-----*/
.square_contents {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  margin: 0 auto;
}
 
.square_contents a {
  display: block;
  position: relative;
  width: 31%;
  margin: 1%;
  background-color: none;
}
 
.square_contents a::before {
  content: "";
  display: block;
  padding-top: 100%;
}
 
.square_contents img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
}
.square_contents .text {
  margin: 0;
  padding: 5px;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 20;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/*
rectangle
-------------------------*/

.rectangle_contents {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  margin: 0 auto;
}

.rectangle_contents a {
  display: block;
  position: relative; /* 追加 */
  width: 31%;
  margin: 1%;
  background-color: none;
}

.rectangle_contents a::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.rectangle_contents img {  
  position: absolute;
  width: 100%;
  height: 66.5%; /* height を 66.5% に変更 */
  top: 0; /* 上端を親要素の上に */
  left: 50%; /* 左端を親要素の中央に */
  transform: translateX(-50%); /* 横方向の中央揃え */
  object-fit: scale-down;
}

.rectangle_contents .text {
  margin: 0;
  padding: 5px;
  position: absolute;
  z-index: 2;
  left: 0; /* 修正 */
  right: 0;
  bottom: 0;
  background-color: rgba(255, 105, 180, 0.7); /* ピンクに変更 */
  color: white;
  align-items: center;
}

/*=================================================================================
  カエレバ・ヨメレバ・トマレバ
=================================================================================*/

.cstmreba {
  width:98%;
  height:auto;
  margin:36px auto;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
  line-height: 1.5;
  word-wrap: break-word;
  box-sizing: border-box;
  display: block;
}
/* WordPressで自動挿入されるPタグの余白を対処 */
.cstmreba p {
  margin: 0;
  padding: 0;
}
.cstmreba a {
  transition: 0.8s ;
  color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
  color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
  width: 100%;
  background-color: #fafafa; /* 全体の背景カラー */
  overflow: hidden;
  border-radius: 0px;
  box-sizing: border-box;
  padding: 12px 8px;
  box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
  width:150px;
  float:left;
  margin:0 14px 0 0;
  text-align: center;
  background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
  width:100%;
  display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
  margin:0 ;
  padding: 0;
  text-align:center;
  background: #fff;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
  overflow:hidden;
  line-height:170%;
  color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
  text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
  border-bottom: 1px solid ;
  font-size:16px;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
  font-size:10px;
  line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
  color:#333;
  border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
  color:#333;
  border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
  font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
  display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
  float:left;
  width:24%;
  min-width:128px;
  margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
  width: 100%;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  margin: 1px 0;
  padding:3% 0.5%;
  border-radius: 8px;
  font-size: 13px;
  font-weight: bold;
  line-height: 180%;
  color: #fff;
  box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}  /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a { background:#ea5404; border: 2px solid #ea5404;} /* Wowma */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinkebj a { background:#f8485e; border: 2px solid #f8485e;} /* ebookjapan */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
  background:#FF9901;
  border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
  background: #bf0000;
  border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
  background:#225496;
  border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/

/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
  background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkwowma a:hover { color:#ea5404; } /* Wowma */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinkebj a:hover { color:#f8485e; } /* ebookjapan */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
  color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
  color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
  color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
  clear:both;
}

/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
  .cstmreba .booklink-image,
  .cstmreba .kaerebalink-image,
  .cstmreba .tomarebalink-image {
    width:100%;
    float:none;
  }
  .cstmreba .booklink-link2>div,
  .cstmreba .kaerebalink-link1>div,
  .cstmreba .tomarebalink-link1>div {
    width: 32.33%;
    margin: 0.5%;
  }
  .cstmreba .booklink-info,
  .cstmreba .kaerebalink-info,
  .cstmreba .tomarebalink-info {
    text-align:center;
    padding-bottom: 1px;
  }
}

/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
  .cstmreba .booklink-link2>div,
  .cstmreba .kaerebalink-link1>div,
  .cstmreba .tomarebalink-link1>div {
    width: 49%;
    margin: 0.5%;
  }
}
/* -----------------------------------
SHIKOREBA (作品)
--------------------------------------*/
.shoplinksokmil a {
background: #db7093;
//border-radius: 7px;
color: #fff;
}

.shoplinkfanza a {
background: #ee2737;
//border-radius: 7px;
color: #fff;
}

.shoplinkmgs a {
background: #000;
//border-radius: 7px;
color: #fff;
}
.shoplinkduga a {
background: #9932cc;
//border-radius: 7px;
color: #fff;
}
.shoplinksuruga a {
background: #0000ff;
//border-radius: 7px;
color: #fff;
}

.shoplinkcalib a {
background: #149c2c;
//border-radius: 7px;
color: #fff;
}

.shoplinkippon a {
background: #fc306c;
//border-radius: 7px;
color: #fff;
}

.shoplinkheyzo a {
background: #94043e;
//border-radius: 7px;
color: #fff;
}

.shoplinkheydo a {
background: #c525a6;
//border-radius: 7px;
color: #fff;
}

/* -----------------------------------
SHIKOREBA (ジャンル)
--------------------------------------*/
.shikorebalink-box
 {
  /*padding: 22px 25px;*/
  width: 96%;
  border: 3px solid #dfdfdf;
  box-sizing: border-box;
  position: relative;
}

.flex{
  display:flex;
  flex-wrap:wrap;
}

i.fas.fa-caret-right,
i.fas.fa-caret-down{
  margin-left:2px;
}

/*ヘッダー*/
.makerheader{
  margin-bottom:3px;
}
.makerheader div{
  width:33.3%;
  padding:3px 0;
  text-align:center;
  color:#fff;
}

.maker-mu-header{
  margin-bottom:3px;
}

.maker-mu-header div{
  width:33.3%;
  padding:3px 0;
  text-align:center;
  color:#fff;
}

.maker-mu-4header div{
  width:25%;
  padding:3px 0;
  text-align:center;
  color:#fff;
}

.mheader {
  background:#000;
}
.fheader{
  background:#ee2737;
}
.dheader{
  background:#9932cc;
}

.cheader{
  background:#149c2c;
}
.iheader{
  background:#fc306c;
}

.heyheader{
  background:#94043e;
}
.heydoheader{
  background:#c525a6;
}


/* 女優名*/
.flex.actress-name{
  margin:0 auto 5px;
}
/* ジャンル名*/
.flex.genre-name{
  margin:0 auto 5px;
}

.blanklink{
  width:calc(33.3% - 2px);
  margin:0 1px;
  padding:14px 4px;
  border-radius:4px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
}
.mlink,
.flink,
.dlink{
  width:calc(33.3% - 2px);
  margin:0 1px;
  padding:14px 4px;
  border-radius:4px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
}

.blank-mu-link{
  width:calc(33.3% - 2px);
  margin:0 1px;
  padding:14px 4px;
  border-radius:4px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
}

.clink,
.ilink,
.heylink{
  width:calc(33.3% - 2px);
  margin:0 1px;
  padding:14px 4px;
  border-radius:4px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
}

.blank-mu-4link{
  width:calc(25% - 2px);
  margin:0 1px;
  padding:14px 4px;
  border-radius:4px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
}

.c4link,
.i4link,
.hey4link,
.heydo4link{
  width:calc(25% - 2px);
  margin:0 1px;
  padding:14px 4px;
  border-radius:4px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
}

.mlink,
.mlink.tag{
  border:3px solid #000;
  color:#000;
}
.flink,
.flink.tag{
  border:3px solid #ee2737;
  color:#ee2737;
}
.dlink,
.dlink.tag{
  border:3px solid #9932cc;
  color:#9932cc;
}

.clink,
.clink.tag,
.c4link,
.c4link.tag{
  border:3px solid #149c2c;
  color:#149c2c;
}
.ilink,
.ilink.tag,
.i4link,
.i4link.tag{
  border:3px solid #fc306c;
  color:#fc306c;
}
.heylink,
.heylink.tag,
.hey4link,
.hey4link.tag{
  border:3px solid #94043e;
  color:#94043e;
}
.heydolink,
.heydolink.tag,
.heydo4link,
.heydo4link.tag{
  border:3px solid #c525a6;
  color:#c525a6;
}

.mlink.tag,.flink.tag,.dlink.tag,
.clink.tag,.ilink.tag,.heylink.tag,.heydolink.tag,
.c4link.tag,.i4link.tag,.hey4link.tag,.heydo4link.tag{
  font-size:11px;
}

.flex.actress-name.main .mlink.tag,
.flex.actress-name.main .flink.tag,
.flex.actress-name.main .dlink.tag,
.flex.actress-name.main .clink.tag,
.flex.actress-name.main .ilink.tag,
.flex.actress-name.main .heylink.tag,
.flex.actress-name.main .heydolink.tag,
.flex.genre-name.main .c4link.tag,
.flex.genre-name.main .i4link.tag,
.flex.genre-name.main .hey4link.tag,
.flex.genre-name.main .heydo4link.tag{
  font-size:13px;
}
.mlink:hover,
.mlink.tag:hover{
  opacity:.85;
  background: #000;
  color: #fff;
}
.flink:hover,
.flink.tag:hover{
  opacity:1;
  background: #ee2737;
  color: #fff;
}
.dlink:hover,
.dlink.tag:hover{
  opacity:1;
  background: #9932cc;
  color: #fff;
}

.clink:hover,
.clink.tag:hover,
.c4link:hover,
.c4link.tag:hover{
  opacity:1;
  background: #149c2c;
  color: #fff;
}
.ilink:hover,
.ilink.tag:hover,
.i4link:hover,
.i4link.tag:hover{
  opacity:1;
  background: #fc306c;
  color: #fff;
}
.heylink:hover,
.heylink.tag:hover,
.hey4link:hover,
.hey4link.tag:hover{
  opacity:1;
  background: #94043e;
  color: #fff;
}
.heydolink:hover,
.heydolink.tag:hover,
.heydo4link:hover,
.heydo4link.tag:hover{
  opacity:1;
  background: #c525a6;
  color: #fff;
}

#grad-bk-purple { 
background: linear-gradient(to bottom, #6e529d 0%,#fff 2%);
}
#grad-bk-pink { 
background: linear-gradient(to bottom, #d97b93 0%,#fff 2%);
}