@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 購入ボタン */
.buy_site {
  width: 100%;
  display: block;
  margin: 0 0 20px;
}
.buy_site-fanza,
.buy_site-mgs {
  width: 100%;
  max-width: 700px;
  flex-direction: column;
  align-items: center;
  font-size: 1.0rem;
  margin: 0 auto 10px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  padding: 15px 20px;
  border-radius: 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: bold;
  transition: background 0.3s, transform 0.1s;
}
.buy_site-fanza {
  color: #fff;
  background: #FF0001;
  border: 1px solid #BF0000;
}
.buy_site-fanza:hover {
  color: #000;
  background: #FFC800;
  transform: translate(3px, -3px);
  border: 1px solid #FFC20E;
}
.buy_site-mgs {
  color: #fff;
  background: #000;
  border: 1px solid #333;
}
.buy_site-mgs:hover {
  color: #000;
  background: #FFC800;
  transform: translate(3px, -3px);
  border: 1px solid #FFC20E;
}

@media screen and (min-width: 600px) {
  .related_actress .buy_site-box {
    display: flex;
  }
  .related_actress .buy_site-fanza,
  .related_actress .buy_site-mgs {
    margin: 0;
  }
  .related_actress .buy_site-fanza {
    margin-right: 10px;
  }
}

/* 女優出演作品 */
.related_actress-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.related_actress-box .related-post {
  padding: 2px;
}
.related_actress-link {
  width: 100%;
  max-width: 700px;
  display: block;
  padding: 10px 20px;
  background-color: #46633C; /* 濃い青色の背景 */
  color: #FFFFFF; /* 白色の文字 */
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: 2px solid #46633C; /* 同じ色の境界線 */
  font-size: 1.0rem;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 20px auto 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 影を追加 */
}

.related_actress-link:hover {
  background-color: #2A3B24; /* ホバー時の背景色を少し暗くする */
  border-color: #2A3B24; /* ホバー時の境界線の色も変更 */
}
@media screen and (max-width: 600px) {
  .related_actress-link {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}

/* 同じシリーズの他作品 */
.related_series-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.related_series-box .related-post {
  padding: 2px;
}
.related_series-link {
  width: 100%;
  max-width: 700px;
  display: block;
  padding: 10px 20px;
  background-color: #46633C; /* 濃い青色の背景 */
  color: #FFFFFF; /* 白色の文字 */
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  border: 2px solid #46633C; /* 同じ色の境界線 */
  font-size: 1.0rem;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 20px auto 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 影を追加 */
}
.related_series-link:hover {
  background-color: #2A3B24; /* ホバー時の背景色を少し暗くする */
  border-color: #2A3B24; /* ホバー時の境界線の色も変更 */
}
.related-post {
	width: 33%;
  padding: 5px;
}
.related-post img {
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .related_series-link {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}

/* 一覧ページの画像を全体表示 */
.u-obf-cover {
  object-fit: contain;
}

/* タグ色 */
.c-tagList:before {
  color: #1176d4;
}
.c-tagList__link {
  color: #fff;
  background: #1176d4;
}

/* サイドバー画像大きさ */
.c-postThumb__figure:before {
  height: 100px;
}

/* ヘッダー */
.l-header {
  background: #EF857D;
}
.-txt .c-headLogo__link,
.c-gnav>.menu-item>a .ttl,
.c-iconBtn__icon {
  color: #fff; 
}

/* サンプル動画 */
.sample-movie .swell-block-button {
  margin-bottom: 1em;
}
.sample-movie .swell-block-button.red_ {
  margin-top: 1em!important;
}
.sample-movie .well-block-button__link {
  vertical-align: bottom;
}

/* 人気記事 */
.p-postList.-type-card.-w-ranking {
  display: flex;
  flex-wrap: wrap;
}
.-type-card .p-postList__item {
  width: 33%;
  padding: 2px;
}
/* .p-postList__body {
  display: none;
} */
.-w-ranking.-type-card .p-postList__item:before {
  left: calc(.5em + 0px);
}