/* Rentaldress.com — 白・ベージュ・ゴールドの雑誌風。色は :root の変数だけで変えられる */
:root{
  --rdm-ink:#2b2623; --rdm-sub:#6f655d; --rdm-gold:#b8934a; --rdm-gold-d:#8a6d2f;
  --rdm-beige:#f4ede2; --rdm-cream:#faf7f2; --rdm-line:#e6dccb;
  --vk-color-primary:#b8934a; --vk-color-primary-dark:#8a6d2f; --vk-color-primary-vivid:#c6a15a;
  --rdm-serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
}
body.rdm{background:#fff;color:var(--rdm-ink);font-feature-settings:"palt";letter-spacing:.02em;line-height:1.95}
body.rdm a{color:var(--rdm-gold-d)}
body.rdm a:hover{color:var(--rdm-gold)}
body.rdm h1,body.rdm h2,body.rdm h3,body.rdm .entry-title,body.rdm .vk_post_title{font-family:var(--rdm-serif);font-weight:600;letter-spacing:.04em;color:var(--rdm-ink)}
body.rdm .entry-body h2,body.rdm .entry-content h2{border:0;background:none;padding:0 0 .5em;margin:2.4em 0 1em;font-size:1.5rem;border-bottom:1px solid var(--rdm-gold);position:relative}
body.rdm .entry-body h2::before,body.rdm .entry-content h2::before{display:none}
body.rdm .entry-body h3,body.rdm .entry-content h3{border:0;padding:0 0 0 .8em;border-left:3px solid var(--rdm-gold);font-size:1.2rem}
/* ヘッダー・ナビ */
body.rdm .siteHeader,body.rdm .site-header{background:#fff;border-bottom:1px solid var(--rdm-line);box-shadow:none}
body.rdm .site-header-logo a{display:block;width:230px;height:60px;background:url("../img/logo.png") no-repeat left center/contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}
body.rdm .site-header-logo{margin:0;padding:6px 0}
body.rdm .site-header-logo span{display:inline}
@media(max-width:600px){body.rdm .site-header-logo a{width:180px;height:48px}}
body.rdm .gMenu>li>a,body.rdm .global-nav-list>li>a{font-family:var(--rdm-serif);letter-spacing:.08em;font-size:.92rem}
body.rdm .gMenu>li>a:hover,body.rdm .global-nav-list>li>a:hover{color:var(--rdm-gold)}
/* ボタン・リンク */
body.rdm .btn,body.rdm .wp-block-button__link,body.rdm .vk_button_link{border-radius:2px;background:var(--rdm-gold);border-color:var(--rdm-gold);letter-spacing:.1em}
body.rdm .btn:hover,body.rdm .wp-block-button__link:hover{background:var(--rdm-gold-d);border-color:var(--rdm-gold-d)}
/* カード */
body.rdm .vk_post{border:0;box-shadow:none;background:transparent}
body.rdm .vk_post_imgOuter img,body.rdm .card-img-top{border-radius:2px}
body.rdm .vk_post_title,body.rdm .card-title{font-size:1.05rem;line-height:1.6}
body.rdm .vk_post_date,body.rdm .entry-meta{color:var(--rdm-sub);font-size:.8rem}
/* フッター */
body.rdm .siteFooter,body.rdm .site-footer{background:var(--rdm-cream);color:var(--rdm-ink);border-top:1px solid var(--rdm-line)}
body.rdm .siteFooter a{color:var(--rdm-gold-d)}
/* 自作パーツ */
.rdm-hero{margin-top:24px;background:var(--rdm-cream);text-align:center;padding:72px 20px;border-bottom:1px solid var(--rdm-line)}
.rdm-hero .rdm-eyebrow{letter-spacing:.35em;font-size:.75rem;color:var(--rdm-gold-d);text-transform:uppercase}
.rdm-hero h2{border:0;padding:0;font-size:clamp(1.6rem,5vw,2.6rem);margin:.4em 0;line-height:1.5}
.rdm-hero p{max-width:34em;margin:0 auto;color:var(--rdm-sub)}
.rdm-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:2em 0;padding:0;list-style:none}
.rdm-cats li{margin:0}
.rdm-cats a{display:block;padding:22px 18px;background:var(--rdm-beige);border:1px solid var(--rdm-line);text-decoration:none;color:var(--rdm-ink);font-family:var(--rdm-serif);height:100%}
.rdm-cats a:hover{border-color:var(--rdm-gold);background:#fff}
.rdm-cats small{display:block;margin-top:.4em;color:var(--rdm-sub);font-family:inherit;font-size:.8rem;line-height:1.7;font-family:"Helvetica Neue",Arial,"Hiragino Sans","Yu Gothic",sans-serif}
.rdm-pr{background:var(--rdm-beige);border-left:3px solid var(--rdm-gold);padding:.6em 1em;font-size:.82rem;color:var(--rdm-sub);margin:0 0 1.6em}
.rdm-amazon{display:inline-block;padding:.5em 1.4em;border:1px solid var(--rdm-gold);color:var(--rdm-gold-d);text-decoration:none;font-size:.9rem}
.rdm-amazon:hover{background:var(--rdm-gold);color:#fff}
.rdm-assoc{font-size:.72rem;color:var(--rdm-sub);text-align:center;padding:10px 16px;margin:0;background:var(--rdm-cream)}
.rdm-note{background:var(--rdm-cream);border:1px solid var(--rdm-line);padding:1em 1.2em;font-size:.88rem}
@media(max-width:600px){.rdm-hero{padding:48px 16px}body.rdm{line-height:1.9}}