/* assets/css/site-v2.css — サイト全体のデザイン（第 2 段階）
   - ヘッダー・フッター: 全ページ
   - コンテンツ: body.wps-v2 のページ（プラグイン・コラム・お知らせ）だけ */

/* ==========================================================
   A. ヘッダー・フッター（全ページ）
   ========================================================== */
.site-header {
    background: #fff;
    border-bottom: 1px solid #e6e0d3;
    padding: 16px 0;
}
.site-header .container { max-width: 1200px; padding: 0 24px; }
.nav-list a { color: #15181c; font-size: 14px; font-weight: 500; }
.nav-list a:hover { color: #8a5e14; }
.menu-toggle-bar { background: #15181c; }

@media (min-width: 769px) {
    .nav-list { align-items: center; gap: 24px; }
    .nav-list a[href*="/mypage"] {
        display: inline-block;
        padding: 9px 18px;
        border: 1px solid #16202e;
        border-radius: 8px;
        color: #16202e;
        font-weight: 700;
    }
    .nav-list a[href*="/mypage"]:hover { background: #16202e; color: #fff; }
    .nav-list a[href*="/contact"] {
        display: inline-block;
        padding: 9px 18px;
        border: 1px solid #e8b255;
        border-radius: 8px;
        background: #e8b255;
        color: #16202e;
        font-weight: 700;
    }
    .nav-list a[href*="/contact"]:hover { background: #e8b255; color: #16202e; opacity: .88; }
}

.site-footer { background: #16202e; color: #f5efe2; padding: 56px 0 28px; }
.site-footer .container { max-width: 1200px; padding: 0 24px; }
.footer-desc { color: #a7b1c2; }
.footer-nav-list a { color: #a7b1c2; }
.footer-nav-list a:hover { color: #f5efe2; }
.copyright { color: #7b8696; border-top-color: #2a3545; }

/* NEW バッジ（トップ・お知らせ・コラム系ページ） */
.wps-home .news-new-badge,
body.wps-v2 .news-new-badge { background: #e8b255; color: #16202e; border-radius: 999px; padding: 2px 8px; }

/* ==========================================================
   B. コンテンツ（プラグイン・コラム・お知らせ）
   既存の CSS は var(--color-*) を使っているため、変数を差し替えるだけで、
   リンク・見出しの線・タブ・チップの色がそろう。文字に使う琥珀色は、
   白い背景でも読める濃い色（#8a5e14）にする。
   ========================================================== */
body.wps-v2 {
    --color-primary:      #16202e;
    --color-accent:       #8a5e14;
    --color-accent-light: #fbf0da;
    --color-bg-sub:       #f1ebdd;
    --color-text:         #15181c;
    --color-text-muted:   #5f656c;
    --color-border:       #e6e0d3;
    --border-radius:      10px;
    --shadow:             0 6px 20px rgba(22, 32, 46, .1);

    background: #f8f5ee;
}

/* パンくず */
body.wps-v2 .breadcrumb { background: transparent; border-bottom: 1px solid var(--color-border); }

/* ページの見出し */
body.wps-v2 .page-title { font-size: 34px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }

/* ボタン */
body.wps-v2 .btn-primary { background: #e8b255; border-color: #e8b255; color: #16202e; font-weight: 700; }
body.wps-v2 .btn-primary:hover { opacity: .88; }
body.wps-v2 .btn-outline { font-weight: 700; }
body.wps-v2 .btn-outline:hover { color: #fff; }

/* カテゴリのチップ（プラグイン一覧） */
body.wps-v2 .plugin-filter-chip { background: #fff; color: #15181c; }
body.wps-v2 .plugin-filter-chip:hover { background: #fbf0da; border-color: #e8b255; }
body.wps-v2 .plugin-filter-chip.is-active { background: #16202e; border-color: #16202e; color: #fff; }
body.wps-v2 .plugin-filter-description { background: #fff; border-left-color: #e8b255; }

/* コラムのカテゴリタブ */
body.wps-v2 .column-cat-tab:hover,
body.wps-v2 .column-cat-tab.is-active { background: #16202e; border-color: #16202e; color: #fff; }

/* プラグインカード */
body.wps-v2 .plugin-card { background: #fff; border-radius: 12px; }
body.wps-v2 .plugin-card:hover { box-shadow: var(--shadow); }
body.wps-v2 .plugin-card-body { padding: 22px; }
body.wps-v2 .plugin-card-title { font-size: 1.1rem; font-weight: 700; }
body.wps-v2 .plugin-card-title a { color: var(--color-text); }
body.wps-v2 .plugin-card-title a:hover { text-decoration: underline; }
body.wps-v2 .plugin-card-version { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

/* プラグインのバッジ（詳細ページ） */
body.wps-v2 .plugin-badge--free { background: #e3f3eb; color: #1f7a55; border-color: #bfe3d0; }
body.wps-v2 .plugin-badge--paid { background: #fbf0da; color: #8a5e14; border-color: #f0d9a8; }
body.wps-v2 .plugin-badge--beta { background: #efe9dc; color: #3c4249; border-color: #d9d1bd; }

/* コラムのカード・本文まわり */
body.wps-v2 .column-card { background: #fff; }
body.wps-v2 .column-card-title { font-weight: 700; }
body.wps-v2 .column-card-title a:hover { text-decoration: underline; color: inherit; }
body.wps-v2 .column-cat-badge { color: #8a5e14; font-weight: 700; }

/* 本文中のリンク */
body.wps-v2 .entry-content a,
body.wps-v2 .column-article-content a { color: #8a5e14; text-underline-offset: 2px; }

/* お知らせ */
body.wps-v2 .news-item { border-bottom-color: var(--color-border); }
body.wps-v2 .news-item a:hover { text-decoration: underline; }

/* 余白の調整 */
body.wps-v2 .plugin-card-actions { margin-top: 12px; }
body.wps-v2 .main-content { padding-top: 40px; }

@media (max-width: 768px) {
    /* 一覧ページの本文が、画面の端に付かないようにする */
    body.wps-v2 .page-content { padding-left: 20px; padding-right: 20px; }
}

/* マイページ・決済まわりの文字リンク（標準の青を避ける） */
body.wps-v2 .mypage-forgot a,
body.wps-v2 .mypage-back a,
body.wps-v2 .mypage-stripe-portal a,
body.wps-v2 .mypage-logout { color: #8a5e14; }

/* 404 ページ */
body.wps-v2.error404 main.container { padding-top: 72px; padding-bottom: 96px; }
body.wps-v2.error404 main.container h1 { margin: 0 0 16px; font-size: 34px; line-height: 1.3; }
body.wps-v2.error404 main.container p { margin: 0 0 28px; color: var(--color-text-muted); }

/* ==========================================================
   共通のページヘッダー（ネイビーの帯）とコラムの新しい表示
   ========================================================== */
.wps-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

.wps-pagehead {
    position: relative;
    overflow: hidden;
    padding: 28px 0 60px;
    background: #16202e;
    color: #f5efe2;
}
.wps-pagehead::before,
.wps-pagehead::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 56px;
    border-radius: 6px;
    background: #1f2835;
    pointer-events: none;
}
.wps-pagehead::before { top: 70px; right: 100px; }
.wps-pagehead::after  { top: 150px; right: -20px; }
.wps-pagehead .wps-wrap { position: relative; z-index: 1; }

.wps-pagehead .breadcrumb { background: transparent; border: 0; padding: 0; margin: 0 0 32px; }
.wps-pagehead .breadcrumb .container { max-width: none; padding: 0; }
.wps-pagehead .breadcrumb-list { font-size: 13px; }
.wps-pagehead .breadcrumb-item,
.wps-pagehead .breadcrumb-item a { color: #7b8696; }
.wps-pagehead .breadcrumb-item a:hover { color: #f5efe2; }
.wps-pagehead .breadcrumb-item + .breadcrumb-item::before { color: #4a5568; }
.wps-pagehead .breadcrumb-item.is-current { color: #a7b1c2; font-weight: 400; max-width: 420px; }

.wps-pagehead-label {
    margin: 0 0 10px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
    color: #e8b255;
}
.wps-pagehead-badge-row { margin: 0 0 14px; }
.wps-pagehead-badge {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 999px;
    background: #e8b255;
    color: #16202e;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
}
.wps-pagehead-title { margin: 0; font-size: 40px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; color: #f5efe2; }
.wps-pagehead-lead { max-width: 720px; margin: 14px 0 0; font-size: 16px; line-height: 1.8; color: #a7b1c2; }
.wps-pagehead-meta { margin: 18px 0 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; color: #a7b1c2; }
.wps-pagehead--article { padding-bottom: 72px; }
.wps-pagehead--article .wps-pagehead-title { max-width: 860px; font-size: 36px; }

/* 帯の下の本文 */
.wps-main { padding: 40px 0 80px; }
.wps-news-main { max-width: 1200px; padding-top: 40px; padding-bottom: 80px; }
body.wps-v2 .wps-pagehead + .container.page-content { max-width: 1200px; padding-top: 48px; }
body.wps-v2 .wps-pagehead + main.container { box-sizing: border-box; }

/* カテゴリのチップ */
.wps-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; }
.wps-chip {
    display: inline-block;
    padding: 8px 18px;
    border: 1px solid #e6e0d3;
    border-radius: 999px;
    background: #fff;
    color: #15181c;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .2s, border-color .2s;
}
.wps-chip:hover { background: #fbf0da; border-color: #e8b255; }
.wps-chip.is-active { background: #16202e; border-color: #16202e; color: #fff; }

/* バッジ・カード */
.wps-badge {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 999px;
    background: #fbf0da;
    color: #8a5e14;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}
.wps-ccard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.wps-ccard,
.wps-feature-article {
    display: flex;
    overflow: hidden;
    border: 1px solid #e6e0d3;
    background: #fff;
    transition: box-shadow .2s;
}
.wps-ccard:hover,
.wps-feature-article:hover { box-shadow: 0 6px 20px rgba(22, 32, 46, .1); }
.wps-ccard { flex-direction: column; border-radius: 12px; }
.wps-ccard-thumb { display: block; background: #2a3545; }
.wps-ccard-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.wps-ccard-noimg { display: block; width: 100%; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #1c2836 0%, #2e4358 100%); }
.wps-ccard-body { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 24px; }
.wps-ccard-meta { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; }
.wps-ccard-new { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; letter-spacing: .12em; color: #8a5e14; }
.wps-ccard-title { margin: 0 0 10px; font-size: 16px; font-weight: 700; line-height: 1.5; }
.wps-ccard-title a { color: #15181c; text-decoration: none; }
.wps-ccard-title a:hover { text-decoration: underline; }
.wps-ccard-date { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; color: #5f656c; }

/* 最新記事（大きなカード） */
.wps-feature-article { margin: 0 0 24px; border-radius: 20px; }
.wps-feature-article .wps-ccard-thumb { flex: 0 0 52%; max-width: 52%; }
.wps-feature-article .wps-ccard-thumb img,
.wps-feature-article .wps-ccard-noimg { height: 100%; aspect-ratio: auto; min-height: 340px; }
.wps-feature-article .wps-ccard-body { justify-content: center; padding: 48px; }
.wps-feature-article .wps-ccard-title { font-size: 26px; line-height: 1.5; }
.wps-feature-article .wps-ccard-date { margin-bottom: 14px; font-size: 13px; }
.wps-ccard-excerpt { margin: 0 0 20px; font-size: 15px; line-height: 1.9; color: #3c4249; }
.wps-ccard-more { font-size: 14px; font-weight: 700; color: #8a5e14; text-decoration: none; }
.wps-ccard-more:hover { text-decoration: underline; }
.wps-empty { padding: 48px 0; text-align: center; color: #5f656c; }

/* ページネーション */
body.wps-v2 .pagination { margin-top: 40px; }
body.wps-v2 .pagination .page-numbers {
    display: inline-block;
    min-width: 40px;
    padding: 8px 12px;
    border: 1px solid #e6e0d3;
    border-radius: 8px;
    background: #fff;
    color: #15181c;
    text-decoration: none;
}
body.wps-v2 .pagination .page-numbers.current,
body.wps-v2 .pagination .page-numbers:hover { background: #16202e; border-color: #16202e; color: #fff; }

/* コラム記事 */
.wps-article { max-width: 820px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.wps-article-hero { margin: 0 0 32px; overflow: hidden; border-radius: 16px; box-shadow: 0 12px 32px rgba(22, 32, 46, .18); }
.wps-article-hero img { display: block; width: 100%; height: auto; }
.wps-article-body { font-size: 16px; line-height: 2; color: #3c4249; }
.wps-article-body > * { max-width: 100%; }
.wps-article-body p { margin: 0 0 1.4em; }
.wps-article-body img { max-width: 100%; height: auto; border-radius: 10px; }
.wps-article-body h2 {
    margin: 2.2em 0 .9em;
    padding: 0 0 0 14px;
    border: 0;
    border-left: 5px solid #e8b255;
    border-radius: 0;
    background: transparent;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    color: #15181c;
}
.wps-article-body h3 { margin: 1.8em 0 .7em; padding: 0; border: 0; font-size: 20px; font-weight: 700; line-height: 1.5; color: #15181c; }
.wps-article-body h4 { margin: 1.6em 0 .6em; font-size: 17px; font-weight: 700; }
.wps-article-body ul, .wps-article-body ol { margin: 0 0 1.4em; padding-left: 1.6em; }
.wps-article-body li { margin-bottom: .4em; }
.wps-article-body blockquote { margin: 1.6em 0; padding: 16px 22px; border-left: 4px solid #e6e0d3; background: #fff; border-radius: 0 10px 10px 0; color: #3c4249; }
.wps-article-body a { color: #8a5e14; text-underline-offset: 2px; }
.wps-article-body pre, .wps-article-body code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.wps-article-body pre { overflow-x: auto; padding: 16px 20px; border-radius: 10px; background: #16202e; color: #f5efe2; line-height: 1.7; }
.wps-article-body table { width: 100%; border-collapse: collapse; margin: 0 0 1.6em; font-size: 15px; line-height: 1.7; }
.wps-article-body th, .wps-article-body td { padding: 10px 14px; border: 1px solid #e6e0d3; text-align: left; }
.wps-article-body th { background: #f1ebdd; }

.wps-toc { margin: 0 0 2em; padding: 20px 24px; border: 1px solid #e6e0d3; border-radius: 12px; background: #fff; }
.wps-toc-title { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: #15181c; }
.wps-toc-list { margin: 0; padding-left: 1.4em; font-size: 14px; line-height: 1.9; }
.wps-toc-list a { color: #8a5e14; text-decoration: none; }
.wps-toc-list a:hover { text-decoration: underline; }

/* 関連プラグインの案内 */
.wps-related-plugin {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 48px 0 24px;
    padding: 32px 36px;
    border-radius: 20px;
    background: #16202e;
    color: #f5efe2;
}
.wps-related-icon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: #1f2835;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 18px;
    font-weight: 700;
}
.wps-related-text { flex: 1; min-width: 0; }
.wps-related-text p { margin: 0; }
.wps-related-label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .14em; color: #e8b255; }
.wps-related-name { margin: 4px 0 6px !important; font-size: 20px; font-weight: 700; color: #fff; }
.wps-related-desc { font-size: 14px; line-height: 1.7; color: #a7b1c2; }
.wps-btn-amber {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 24px;
    border-radius: 8px;
    background: #e8b255;
    color: #16202e;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
.wps-btn-amber:hover { opacity: .88; }

/* 前後の記事 */
.wps-prevnext { display: flex; gap: 20px; }
.wps-prevnext-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    padding: 18px 22px;
    border: 1px solid #e6e0d3;
    border-radius: 12px;
    background: #fff;
    text-decoration: none;
    color: #15181c;
}
.wps-prevnext-card--next { align-items: flex-end; text-align: right; margin-left: auto; }
.wps-prevnext-card:hover { box-shadow: 0 6px 20px rgba(22, 32, 46, .1); }
.wps-prevnext-label { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; letter-spacing: .08em; color: #8a5e14; }
.wps-prevnext-title { font-size: 15px; font-weight: 700; line-height: 1.5; }

@media (max-width: 1024px) {
    .wps-ccard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .wps-wrap { padding: 0 20px; }
    .wps-pagehead { padding: 20px 0 36px; }
    .wps-pagehead::before { display: none; }
    .wps-pagehead::after { top: 52px; width: 120px; height: 40px; }
    .wps-pagehead .breadcrumb { margin-bottom: 22px; }
    .wps-pagehead-title { font-size: 32px; }
    .wps-pagehead--article { padding-bottom: 36px; }
    .wps-pagehead--article .wps-pagehead-title { font-size: 26px; }
    .wps-pagehead-lead { font-size: 15px; }
    .wps-main { padding: 24px 0 48px; }
    .wps-ccard-grid { grid-template-columns: 1fr; gap: 20px; }
    .wps-feature-article { flex-direction: column; border-radius: 16px; }
    .wps-feature-article .wps-ccard-thumb { flex: none; max-width: none; }
    .wps-feature-article .wps-ccard-thumb img,
    .wps-feature-article .wps-ccard-noimg { height: auto; aspect-ratio: 16 / 9; min-height: 0; }
    .wps-feature-article .wps-ccard-body { padding: 18px 20px 22px; }
    .wps-feature-article .wps-ccard-title { font-size: 18px; }
    .wps-article { padding: 0 20px; }
    .wps-article-hero { border-radius: 12px; }
    .wps-article-body h2 { font-size: 22px; }
    .wps-related-plugin { flex-direction: column; align-items: stretch; gap: 14px; padding: 24px 22px; border-radius: 18px; }
    .wps-btn-amber { width: 100%; }
    .wps-prevnext { flex-direction: column; gap: 12px; }
    .wps-prevnext-card--next { align-items: flex-start; text-align: left; margin-left: 0; }
    body.wps-v2 .wps-pagehead + .container.page-content { padding-top: 32px; }
}

/* 帯の中のパンくずの線を消す／本文の左端を、帯の見出しにそろえる */
body.wps-v2 .wps-pagehead .breadcrumb { border: 0; background: transparent; }
body.wps-v2 .wps-pagehead + .container.page-content,
body.wps-v2 .wps-pagehead + main.wps-news-main { padding-left: 24px; padding-right: 24px; }
@media (max-width: 768px) {
    body.wps-v2 .wps-pagehead + .container.page-content,
    body.wps-v2 .wps-pagehead + main.wps-news-main { padding-left: 20px; padding-right: 20px; }
}

/* 目次（番号は見出しの文言に任せる）と補足ボックス */
.wps-toc-list { list-style: none; padding-left: 0; }
.wps-toc-list li { position: relative; padding-left: 16px; }
.wps-toc-list li::before { content: ""; position: absolute; left: 0; top: .85em; width: 6px; height: 6px; border-radius: 50%; background: #e8b255; }
.wps-article-body .note-info { margin: 1.6em 0; padding: 18px 22px; border: 0; border-radius: 12px; background: #fbf0da; color: #3c4249; }
.wps-article-body .note-info strong { color: #8a5e14; }

/* ==========================================================
   料金ページ（共通のページヘッダーを使うとき）
   ========================================================== */
body.wps-v2 .pricing-page { padding: 48px 0 80px; }
body.wps-v2 .pricing-page > .container { max-width: 1200px; padding-left: 24px; padding-right: 24px; }

body.wps-v2 .pricing-section { margin-bottom: 72px; }
body.wps-v2 .pricing-section-header { text-align: left; margin-bottom: 28px; }
body.wps-v2 .pricing-section-title { justify-content: flex-start; font-size: 28px; }
body.wps-v2 .pricing-section-type { background: #fbf0da; border-color: #f0d9a8; color: #8a5e14; font-weight: 700; }
body.wps-v2 .pricing-section-desc { font-size: 15px; color: #5f656c; }

body.wps-v2 .pricing-cards { gap: 24px; }
body.wps-v2 .pricing-card {
    padding: 32px 28px;
    border: 1px solid #e6e0d3;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(22, 32, 46, .04);
}
body.wps-v2 .pricing-card.is-featured {
    border: 2px solid #e8b255;
    box-shadow: 0 10px 28px rgba(22, 32, 46, .12);
}
body.wps-v2 .pricing-badge { background: #e8b255; color: #16202e; }
body.wps-v2 .pricing-plan-name { font-size: 24px; }
body.wps-v2 .pricing-price { font-size: 38px; letter-spacing: -.01em; }
body.wps-v2 .pricing-card-disabled { background: #f8f5ee; }

body.wps-v2 .pricing-notes { color: #5f656c; }
body.wps-v2 .pricing-faq { max-width: 820px; }
body.wps-v2 .pricing-faq-title { text-align: left; }

@media (max-width: 768px) {
    body.wps-v2 .pricing-page { padding: 32px 0 56px; }
    body.wps-v2 .pricing-page > .container { padding-left: 20px; padding-right: 20px; }
    body.wps-v2 .pricing-section-title { font-size: 24px; flex-wrap: wrap; }
    body.wps-v2 .pricing-card { padding: 28px 22px; }
}

/* 買い切りのカードを、上の 3 列にそろえる */
body.wps-v2 .pricing-onetime-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; margin: 0 0 40px; }
@media (max-width: 768px) {
    body.wps-v2 .pricing-onetime-cards { grid-template-columns: 1fr; }
}

/* ==========================================================
   プラグイン詳細・固定ページのテンプレート・マイページ・決済（ページヘッダーの下）
   ========================================================== */
body.wps-v2 .wps-pagehead + main.container {
    max-width: 1200px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 48px;
    padding-bottom: 80px;
    box-sizing: border-box;
}
body.wps-v2 .wps-pagehead + main.container.plugin-detail { padding-top: 32px; }
body.wps-v2 .wps-pagehead--plugin { padding-bottom: 52px; }
body.wps-v2 .wps-pagehead--plugin .wps-pagehead-title { font-size: 40px; }
body.wps-v2 .plugin-detail .plugin-hero { margin-top: 0; padding-top: 0; }

/* マイページ・決済（機能のあるページ）の帯は、控えめにする */
.wps-pagehead--app { padding-bottom: 36px; }
.wps-pagehead--app .wps-pagehead-title { font-size: 30px; }
body.wps-v2 .wps-pagehead + main.mypage-main { padding-top: 40px; padding-bottom: 80px; }

@media (max-width: 768px) {
    body.wps-v2 .wps-pagehead + main.container { padding-left: 20px; padding-right: 20px; padding-top: 32px; padding-bottom: 56px; }
    body.wps-v2 .wps-pagehead--plugin { padding-bottom: 32px; }
    body.wps-v2 .wps-pagehead--plugin .wps-pagehead-title { font-size: 30px; }
    .wps-pagehead--app { padding-bottom: 28px; }
    .wps-pagehead--app .wps-pagehead-title { font-size: 26px; }
    body.wps-v2 .wps-pagehead + main.mypage-main { padding-top: 28px; padding-bottom: 56px; }
}

/* 404（パンくずがないため、上の余白を足す） */
.wps-pagehead--notfound { padding-top: 64px; padding-bottom: 56px; }
@media (max-width: 768px) {
    .wps-pagehead--notfound { padding-top: 48px; padding-bottom: 36px; }
    .wps-pagehead--notfound .wps-pagehead-title { font-size: 28px; }
}