html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: #eef1f5 !important;
  background-image: none !important;
  color: #202938;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    sans-serif;
  line-height: 1.65;
}

body > center {
  display: block;
  padding: 28px 16px 50px;
}

/* ===== 全体レイアウト ===== */

.mrs-layout {
  width: 1060px !important;
  max-width: 100%;
  margin: 0 auto;
  border-spacing: 24px 0 !important;
}

/* ===== 左メニュー ===== */

.mrs-sidebar {
  width: 220px !important;
  box-sizing: border-box;
  padding: 18px !important;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(23, 38, 60, 0.10);
}

.mrs-sidebar table[width="200"] {
  width: 100% !important;
  margin: 0 0 14px;
  border: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
}

/* DVD購入 */

.dvd-shop-box {
  width: 100% !important;
  box-sizing: border-box;
  margin: 0 0 20px !important;
  padding: 16px !important;
  background: #f8fafc !important;
  border: 1px solid #dce3ec !important;
  border-radius: 15px !important;
}

.dvd-shop-title {
  margin: 0 0 13px !important;
  color: #d62929 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
}

.dvd-shop-links a {
  display: block;
  margin: 8px 0 !important;
  padding: 11px 8px !important;
  background: #173e67 !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1.45;
  transition: transform .15s ease, background .15s ease;
}

.dvd-shop-links a:hover {
  background: #245b91 !important;
  transform: translateY(-1px);
}

.dvd-shop-links span {
  color: #dce9f7;
}

/* OnlyFans・Fantiaなどの古い枠をカード化 */

.mrs-sidebar table[border="2"] {
  border: 0 !important;
  background: transparent !important;
}

.mrs-sidebar table[border="2"] td {
  border: 0 !important;
  padding: 3px 0 !important;
}

.mrs-sidebar table[border="2"] a {
  display: block;
  box-sizing: border-box;
  padding: 10px 9px;
  background: #ffffff;
  color: #26364a !important;
  border: 1px solid #dfe5ec;
  border-radius: 9px;
  text-decoration: none;
  box-shadow: 0 2px 7px rgba(24, 39, 60, .05);
  transition: background .15s ease, border-color .15s ease;
}

.mrs-sidebar table[border="2"] a:hover {
  background: #f4f7fb;
  border-color: #aebdcd;
}

.mrs-sidebar table[border="2"] a font {
  color: inherit !important;
}

/* 左側の通常リンク */

.mrs-sidebar table[border="0"] a {
  color: #34465c !important;
  text-decoration: none;
  font-weight: 600;
}

.mrs-sidebar table[border="0"] a:hover {
  color: #145da0 !important;
  text-decoration: underline;
}

.mrs-sidebar table[border="0"] font {
  color: #34465c !important;
}

/* ===== 右側メイン ===== */

.mrs-main {
  width: 800px !important;
  box-sizing: border-box;
  padding: 24px !important;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(23, 38, 60, 0.10);
}

/* 絵そのものは変更しない */
.mrs-main img {
  max-width: 100%;
  height: auto;
}

/* ===== 新作案内 ===== */

.msr_newslist03 {
  list-style: none !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

.msr_newslist03 li {
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: #ffffff;
  border: 1px solid #e2e7ee;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(25, 39, 60, .05);
}

.msr_newslist03 li a {
  display: block !important;
  padding: 15px 18px !important;
  color: #202938 !important;
  text-decoration: none !important;
}

.msr_newslist03 li a:hover {
  background: #f8fafc;
}

.msr_newslist03 li a > div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.msr_newslist03 time {
  color: #718096;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.msr_newslist03 .cat01 {
  display: inline-block;
  margin: 0 !important;
  padding: 3px 9px;
  background: #e8f1fb;
  color: #195b91;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.msr_newslist03 li a > p {
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.6;
}

.msr_newslist03 small {
  color: #6b7280;
}

/* ===== スマホ ===== */

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

  body > center {
    padding: 12px;
  }

  .mrs-layout,
  .mrs-layout > tbody,
  .mrs-layout > tbody > tr {
    display: block;
    width: 100% !important;
  }

  .mrs-sidebar,
  .mrs-main {
    display: block;
    width: 100% !important;
    margin: 0 0 16px;
  }

  .mrs-main {
    padding: 14px !important;
  }

  .mrs-main img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* ===== Bright MRS Theme ===== */

body {
  background:
    linear-gradient(135deg, #fff7fa 0%, #fff0f5 45%, #fff8f2 100%) !important;
  color: #3b2732;
}

/* 左右の白いカード */
.mrs-sidebar,
.mrs-main {
  background: rgba(255,255,255,0.97) !important;
  box-shadow: 0 12px 34px rgba(214, 65, 120, 0.13) !important;
  border: 1px solid #f5d8e3;
}

/* DVD購入 */
.dvd-shop-box {
  background: linear-gradient(145deg, #fff4f8, #ffffff) !important;
  border: 2px solid #ffb1cb !important;
  box-shadow: 0 6px 18px rgba(255, 72, 132, 0.12);
}

.dvd-shop-title {
  color: #e6004c !important;
  text-shadow: 0 2px 8px rgba(230, 0, 76, 0.10);
}

.dvd-shop-links a {
  background: linear-gradient(135deg, #f43f7d, #ff6b7d) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(230, 52, 106, 0.18);
}

.dvd-shop-links a:hover {
  background: linear-gradient(135deg, #e62668, #ff526c) !important;
  transform: translateY(-2px);
}

.dvd-shop-links span {
  color: #fff3f7 !important;
}

/* OnlyFans・Fantiaなど */
.mrs-sidebar table[border="2"] a {
  background: #fff9fb !important;
  color: #d82c67 !important;
  border: 1px solid #f3c6d6 !important;
  box-shadow: 0 3px 10px rgba(215, 66, 117, 0.08);
}

.mrs-sidebar table[border="2"] a:hover {
  background: #fff0f5 !important;
  border-color: #ff8fb5 !important;
}

/* 通常リンク */
.mrs-sidebar table[border="0"] a,
.mrs-sidebar table[border="0"] font {
  color: #9d365d !important;
}

.mrs-sidebar table[border="0"] a:hover {
  color: #ed2669 !important;
}

/* 新作案内 */
.msr_newslist03 li {
  border: 1px solid #f3d3df !important;
  box-shadow: 0 5px 16px rgba(190, 61, 108, 0.08) !important;
}

.msr_newslist03 li a:hover {
  background: #fff7fa !important;
}

.msr_newslist03 .cat01 {
  background: #ffe1eb !important;
  color: #d51d5a !important;
}

.msr_newslist03 time {
  color: #ae7187 !important;
}

/* リンク全体 */
.mrs-main a {
  color: #d82c67;
}

.mrs-main a:hover {
  color: #ff356f;
}


/* ===== 左列の改行調整 ===== */

.mrs-layout {
  width: 1150px !important;
}

.mrs-sidebar {
  width: 270px !important;
}

.mrs-main {
  width: 850px !important;
}

/* DVD作品名は途中で改行しない */
.dvd-shop-links a {
  white-space: nowrap;
  font-size: 14px !important;
}

/* 補足文字だけ2行目にする */
.dvd-shop-links a span {
  display: block;
  white-space: nowrap;
  margin-top: 2px;
}

/* スマホでは通常の折り返しに戻す */
@media screen and (max-width: 900px) {
  .dvd-shop-links a,
  .dvd-shop-links a span {
    white-space: normal;
  }
}


/* ===== OnlyFans / Fantia 強調ボタン ===== */

.platform-guide-links {
  margin: 20px 0 24px;
}

.platform-guide-links a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0;
  padding: 15px 10px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;

  font-family: Arial, Helvetica, "Yu Gothic", "Meiryo", sans-serif;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .01em;

  color: #ffffff !important;
  border: 0 !important;

  box-shadow:
    0 5px 14px rgba(0, 150, 220, .22),
    inset 0 1px 0 rgba(255,255,255,.35);

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    filter .15s ease;
}

/* OnlyFans */
.platform-guide-links a:nth-child(1) {
  background: linear-gradient(
    135deg,
    #19c6f4 0%,
    #00aeea 52%,
    #168bd2 100%
  ) !important;
}

/* Fantia */
.platform-guide-links a:nth-child(2) {
  background: linear-gradient(
    135deg,
    #75d8ff 0%,
    #37bcec 48%,
    #218fd0 100%
  ) !important;
}

.platform-guide-links a:hover {
  transform: translateY(-2px) scale(1.015);
  filter: brightness(1.06);
  box-shadow:
    0 8px 20px rgba(0, 150, 220, .28),
    inset 0 1px 0 rgba(255,255,255,.45);
}


/* ===== 新作案内 クリームテーマ ===== */

.msr_newslist03 li {
  background: linear-gradient(
    135deg,
    #fffdf3 0%,
    #fff4cf 55%,
    #ffeab5 100%
  ) !important;
  border: 1px solid #f2d58a !important;
  box-shadow: 0 5px 16px rgba(190, 145, 60, 0.12) !important;
}

.msr_newslist03 li a:hover {
  background: linear-gradient(
    135deg,
    #fff8df 0%,
    #ffefbd 100%
  ) !important;
}

/* 「新作案内」の文字を大きく */
.msr_newslist03 .cat01 {
  font-size: 17px !important;
  font-weight: 800 !important;
  padding: 5px 12px !important;
  background: #fff2bd !important;
  color: #b66a00 !important;
  border: 1px solid #e9c96c;
}

/* 作品名も少し見やすく */
.msr_newslist03 li a > p {
  font-size: 16px !important;
  font-weight: 600;
  color: #4a3823 !important;
}

.msr_newslist03 time {
  color: #9b7040 !important;
  font-weight: 600;
}


/* ===== 新作案内 1行＋点滅 ===== */

@keyframes newsBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

.msr_newslist03 .cat01 {
  display: inline-block !important;
  white-space: nowrap !important;
  min-width: max-content;
  animation: newsBlink 1.2s infinite;
}


/* ===== 新作案内を4枠共通で1つだけ表示 ===== */

/* 各カード内の「新作案内」は非表示 */
.msr_newslist03 .cat01 {
  display: none !important;
  animation: none !important;
}

/* 共通ラベルを置くスペース */
.msr_newslist03 {
  position: relative !important;
  padding-top: 48px !important;
}

/* 左上に1つだけ表示 */
.msr_newslist03::before {
  content: "New Releases";
  position: absolute;
  top: 0;
  left: 0;

  padding: 7px 16px;
  border-radius: 10px;

  background: linear-gradient(
    135deg,
    #fff4c9 0%,
    #ffd978 100%
  );

  color: #b55a00;
  border: 1px solid #e9bd55;

  font-size: 21px;
  font-weight: 800;
  white-space: nowrap;

  box-shadow: 0 4px 12px rgba(180, 120, 30, 0.15);

  animation: newsSingleBlink 1.2s infinite;
}

@keyframes newsSingleBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}


/* ===== 新作案内ラベル：赤文字・枠なし ===== */

.msr_newslist03::before {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;

  color: #d60032 !important;

  font-family:
    "Hiragino Maru Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    sans-serif !important;

  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
}


/* ===== 新作案内：手書き風・点滅なし ===== */

.msr_newslist03::before {
  animation: none !important;

  font-family:
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    sans-serif !important;

  font-size: 25px !important;
  font-weight: 700 !important;
  font-style: italic;
  letter-spacing: .08em;

  color: #c91f3a !important;

  transform: rotate(-2deg);
  transform-origin: left center;
}


/* ===== ダウンロード購入ボックス ===== */

.download-shop-box {
  width: 100%;
  box-sizing: border-box;
  margin: 18px 0 20px;
  padding: 15px;

  background: linear-gradient(
    145deg,
    #fff4f8 0%,
    #ffffff 100%
  );

  /* 二重枠 */
  border: 4px double #f06a98;
  border-radius: 15px;

  text-align: center;

  box-shadow:
    0 6px 18px rgba(230, 65, 120, 0.13);
}

/* ダウンロード購入 */
.download-shop-title {
  margin: 2px 0 14px;

  color: #e6004c;

  font-size: 29px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .03em;
}

/* メニス作品へのリンク */
.download-shop-link {
  display: block;
  box-sizing: border-box;
  width: 100%;

  padding: 12px 7px;

  background: linear-gradient(
    135deg,
    #f43f7d 0%,
    #ff7187 100%
  );

  border-radius: 9px;

  color: #ffffff !important;
  text-decoration: none !important;

  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;

  box-shadow:
    0 4px 10px rgba(230, 52, 106, 0.18);
}

.download-shop-link span {
  font-size: 13px;
  font-weight: 600;
}

.download-shop-link:hover {
  background: linear-gradient(
    135deg,
    #e62969 0%,
    #ff5975 100%
  );
  transform: translateY(-1px);
}


/* かやみ日記：さらに太く */
.mrs-sidebar .kayami-box a {
  font-size: 18px !important;
  font-weight: 900 !important;
  text-shadow: 0 0 1px rgba(255,255,255,.45);
  letter-spacing: .02em;
}


/* かやみ日記：下線を完全に消す */
.mrs-sidebar .kayami-box a,
.mrs-sidebar .kayami-box a:link,
.mrs-sidebar .kayami-box a:visited,
.mrs-sidebar .kayami-box a:hover,
.mrs-sidebar .kayami-box a:active {
  text-decoration: none !important;
  border-bottom: none !important;
}


/* かやみ日記：枠をしっかり表示 */
.mrs-sidebar .kayami-box {
  border: 2px solid #e85f55 !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow:
    0 5px 14px rgba(220, 90, 75, 0.20),
    inset 0 0 0 1px rgba(255,255,255,0.35);
}


/* かやみ日記：文字まわりを二重線 */
.mrs-sidebar .kayami-box a {
  display: inline-block !important;
  padding: 5px 12px !important;
  border: 3px double #ffffff !important;
  border-radius: 7px !important;
  text-decoration: none !important;
}


/* かやみ日記：文字の下線を戻す */
.mrs-sidebar .kayami-box a,
.mrs-sidebar .kayami-box a:link,
.mrs-sidebar .kayami-box a:visited,
.mrs-sidebar .kayami-box a:hover,
.mrs-sidebar .kayami-box a:active {
  text-decoration: underline !important;
}


/* かやみ日記：文字の下線を消す */
.mrs-sidebar .kayami-box a,
.mrs-sidebar .kayami-box a:link,
.mrs-sidebar .kayami-box a:visited,
.mrs-sidebar .kayami-box a:hover,
.mrs-sidebar .kayami-box a:active {
  text-decoration: none !important;
}