/* Generated by php scripts/build-css-tokens.php; edit the token source files. */
:root {
  --c-choice-pink: #f6addd;
  --c-choice-coral: #ff6474;

  --c-ink-black:   #0F0F0F;
  --c-white:       #FFFFFF;
  --c-paper:       #FAFAF7;

  --c-gray-50:     #F5F5F5;
  --c-gray-100:    #ECECEC;
  --c-gray-200:    #DCDCDC;
  --c-gray-300:    #C4C4C4;
  --c-gray-400:    #9E9E9E;
  --c-gray-500:    #7A7A7A;
  --c-gray-600:    #5C5C5C;
  --c-gray-700:    #404040;
  --c-gray-800:    #262626;
  --c-gray-900:    #171717;


  --c-holo-pink:     #FFC4DD;
  --c-holo-sky:      #C4DFF8;
  --c-holo-cream:    #FFF7C4;
  --c-holo-mint:     #C4F5D9;
  --c-holo-lavender: #DCC4F5;
  --c-holo-peach:    #FFD4C4;


  --c-lp-orange-400: #FFA103;
  --c-lp-orange-500: #F7931E;
  --c-lp-peach-100:  #FFEAC7;
  --c-lp-cream-50:   #FFF9E5;
  --c-lp-yellow-300: #FFEE57;
  --c-lp-sky-200:    #BAEAFF;
  --c-lp-navy-700:   #0012A9;
  --c-lp-blue-700:   #0047B2;


  --c-brand-violet: #6C4AE0;


  --c-rarity-500: #E34948;
  --c-rgb-green: #2E9E4F;
  --c-rgb-blue:  #1E6FE0;
  --c-rarity-400: #EE9A99;
  --c-rarity-300: #F3BDBC;
  --c-rarity-200: #F7D8D7;
  --c-rarity-100: #FAEAE9;


  --c-holo-gradient: linear-gradient(
    135deg,
    #FFC4DD 0%,
    #C4DFF8 20%,
    #FFF7C4 40%,
    #C4F5D9 60%,
    #DCC4F5 80%,
    #FFD4C4 100%
  );


  --c-scrim-gradient: linear-gradient(
    to top,
    rgba(15, 15, 15, 0.92) 0%,
    rgba(15, 15, 15, 0.55) 40%,
    rgba(15, 15, 15, 0) 72%
  );


  --c-scrim-flat: rgba(15, 15, 15, 0.55);


  --c-poll-red:  #D9534F;
  --c-poll-blue: #0275D8;


  --c-positive-50:  #E6F4EB;
  --c-positive-300: #6ECF95;
  --c-positive-500: #2D8F4E;
  --c-positive-700: #1F6B36;

  --c-warning-50:   #FEF3C7;
  --c-warning-300:  #FCD34D;
  --c-warning-500:  #C58A00;
  --c-warning-700:  #92400E;

  --c-danger-50:    #FDE8E8;
  --c-danger-300:   #FCA5A5;
  --c-danger-500:   #C0392B;
  --c-danger-700:   #991B1B;

  --c-info-50:      #EEF4FF;
  --c-info-300:     #C8D8F3;
  --c-info-500:     #1E3A8A;
  --c-info-700:     #172554;
  --c-link-blue:    #1558D6;
  --c-link-blue-700: #0F42A6;
  --c-link-blue-800: #0A2F78;
  --c-link-google:  #1a0dab;


  --c-gold-500:    #F59E0B;


  --c-vote-red:    #D3574F;
  --c-vote-blue:   #0869C4;
  --c-gold-300:    #FCD34D;


  --c-sns-x:        #0F1419;
  --c-sns-line:     #06C755;
  --c-sns-line-600: #05A648;
  --c-sns-line-800: #047A36;
  --c-sns-facebook: #0866FF;


  --c-orange-500:  #F97316;
  --c-orange-600:  #EA580C;
  --c-orange-700:  #C2410C;


  --c-sand-200:    #F3EBD8;


  --c-cta-red: #EA0000;
  --c-cta-red-hover: #B40000;
  --c-cta-red-depth: #8A0000;
  --c-cta-red-gloss: rgba(255, 255, 255, 0.22);


  --font-sans: "Noto Sans JP", "Helvetica Neue", -apple-system, BlinkMacSystemFont,
               "Hiragino Sans", "Hiragino Kaku Gothic ProN",
               "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;

  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-21: 21px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-32: 32px;
  --fs-40: 40px;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;

  --lh-tight:  1.3;
  --lh-normal: 1.6;
  --lh-loose:  1.8;


  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;


  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 9999px;


  --border-width-1:     1px;
  --border-width-2:     2px;
  --border-width-thick: 6px;


  --touch-target-min:   44px;


  --shadow-1: 0 1px 2px rgba(15, 15, 15, 0.04);
  --shadow-2: 0 2px 8px rgba(15, 15, 15, 0.06);
  --shadow-3: 0 8px 24px rgba(15, 15, 15, 0.08);


  --container-narrow: 720px;
  --container-base:   960px;
  --container-wide:  1200px;
  --container-chat:  520px;
  --container-float-sindan: 208px;
  --container-tabbar-h: 56px;
  --container-tabbar-fab: 60px;
  --container-tabbar-icon: 22px;
  --container-evcal-col: 76px;
  --container-evcal-icon: 22px;
  --container-watch-label: 96px;


  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
}
:root {

  --ds-choice-pink: var(--c-choice-pink);
  --ds-choice-coral: var(--c-choice-coral);
  --ds-choice-type: 26px;
  --ds-choice-label: 24px;
  --ds-choice-question: 66px;

  --ds-color-sindan-stage: var(--c-paper);
  --ds-color-sindan-chat-canvas: var(--c-info-300);

  --ds-color-lp-callout-bar:  var(--c-lp-orange-400);
  --ds-color-lp-callout-bg:   var(--c-lp-peach-100);
  --ds-color-lp-note-border:  var(--c-lp-orange-500);
  --ds-color-lp-note-bg:      var(--c-lp-cream-50);
  --ds-color-lp-marker:       var(--c-lp-yellow-300);
  --ds-color-lp-bubble:       var(--c-lp-sky-200);
  --ds-color-lp-box-title:    var(--c-lp-navy-700);
  --ds-color-lp-accent-blue:  var(--c-lp-blue-700);
  --ds-color-lp-accent-red:   var(--c-cta-red);
  --ds-color-lp-accent-red-deep: var(--c-cta-red-hover);
  --ds-color-lp-cta-bg:       var(--c-orange-600);
  --ds-color-lp-cta-text-on-light: var(--c-orange-700);
  --ds-container-chat: var(--container-chat);
  --ds-container-float-sindan: var(--container-float-sindan);
  --ds-container-tabbar-h: var(--container-tabbar-h);
  --ds-container-tabbar-fab: var(--container-tabbar-fab);
  --ds-container-tabbar-icon: var(--container-tabbar-icon);

  --ds-container-evcal-col: var(--container-evcal-col);
  --ds-container-evcal-icon: var(--container-evcal-icon);

  --ds-container-watch-label: var(--container-watch-label);
  --ds-ease-sindan-enter: cubic-bezier(.165, .84, .44, 1);
  --ds-duration-sindan-enter: 500ms;
  --ds-duration-sindan-result: 650ms;
  --ds-duration-sindan-modal: 320ms;
  --ds-duration-sindan-modal-leave: 180ms;
  --ds-delay-sindan-modal-content: 90ms;

  --ds-color-bg:           var(--c-white);
  --ds-color-bg-paper:     var(--c-paper);
  --ds-color-bg-elevated:  var(--c-white);
  --ds-color-bg-inverse:   var(--c-ink-black);
  --ds-color-bg-subtle:    var(--c-gray-50);
  --ds-color-bg-canvas:    var(--c-gray-100);


  --ds-color-text:          var(--c-ink-black);
  --ds-color-text-muted:    var(--c-gray-600);
  --ds-color-text-subtle:   var(--c-gray-500);
  --ds-color-text-disabled: var(--c-gray-400);
  --ds-color-text-inverse:  var(--c-white);
  --ds-color-text-link:     var(--c-ink-black);
  --ds-color-text-link-accent: var(--c-link-google);
  --ds-color-link:          var(--c-link-blue);


  --ds-color-border:         var(--c-gray-200);
  --ds-color-border-strong:  var(--c-gray-300);
  --ds-color-border-inverse: var(--c-gray-800);


  --ds-color-accent-gradient: var(--c-holo-gradient);
  --ds-color-scrim-gradient:  var(--c-scrim-gradient);
  --ds-color-scrim-modal:     var(--c-scrim-flat);
  --ds-color-accent-brand:    var(--c-brand-violet);
  --ds-color-accent-pink:     var(--c-holo-pink);
  --ds-color-accent-sky:      var(--c-holo-sky);
  --ds-color-accent-cream:    var(--c-holo-cream);
  --ds-color-accent-mint:     var(--c-holo-mint);
  --ds-color-accent-lavender: var(--c-holo-lavender);
  --ds-color-accent-peach:    var(--c-holo-peach);


  --ds-color-rarity-fur: var(--c-rarity-500);

  --ds-color-rgb-red:   var(--c-rarity-500);
  --ds-color-rgb-green: var(--c-rgb-green);
  --ds-color-rgb-blue:  var(--c-rgb-blue);
  --ds-color-rarity-sar: var(--c-rarity-400);
  --ds-color-rarity-sr:  var(--c-rarity-300);
  --ds-color-rarity-ar:  var(--c-rarity-200);
  --ds-color-rarity-rr:  var(--c-rarity-100);


  --ds-color-positive: var(--c-positive-500);
  --ds-color-warning:  var(--c-warning-500);
  --ds-color-danger:   var(--c-danger-500);


  --ds-color-poll-a: var(--c-poll-red);
  --ds-color-poll-b: var(--c-poll-blue);


  --ds-color-state-positive-bg:     var(--c-positive-50);
  --ds-color-state-positive-border: var(--c-positive-300);
  --ds-color-state-positive-text:   var(--c-positive-700);
  --ds-color-state-warning-bg:      var(--c-warning-50);
  --ds-color-state-warning-border:  var(--c-warning-300);
  --ds-color-state-warning-text:    var(--c-warning-700);
  --ds-color-state-danger-bg:       var(--c-danger-50);
  --ds-color-state-danger-border:   var(--c-danger-300);
  --ds-color-state-danger-text:     var(--c-danger-700);
  --ds-color-state-info-bg:         var(--c-info-50);
  --ds-color-state-info-border:     var(--c-info-300);
  --ds-color-state-info-text:       var(--c-info-700);


  --ds-color-chart-line:  var(--c-link-blue);
  --ds-color-chart-bar:   var(--c-poll-blue);
  --ds-color-chart-grid:  var(--c-gray-200);
  --ds-color-chart-guide: var(--c-gray-400);
  --ds-color-chart-axis:  var(--c-gray-600);


  --ds-chart-label-size:      14px;
  --ds-chart-axis-size:       12px;
  --ds-chart-label-size-sp:   26px;
  --ds-chart-axis-size-sp:    23px;


  --ds-color-faq-q-bg:  var(--c-link-blue);
  --ds-color-faq-a-bg:  var(--c-danger-500);


  --ds-color-sns-x:        var(--c-sns-x);
  --ds-color-sns-line:     var(--c-sns-line);
  --ds-color-sns-facebook: var(--c-sns-facebook);


  --ds-color-rating:        var(--c-gold-500);
  --ds-color-rating-empty:  var(--c-gray-300);
  --ds-color-accent-gold:   var(--c-gold-500);
  --ds-color-vote-positive: var(--c-vote-red);
  --ds-color-vote-negative: var(--c-vote-blue);


  --ds-color-cta-red-bg: var(--c-cta-red);
  --ds-color-cta-red-hover: var(--c-cta-red-hover);
  --ds-color-cta-red-depth: var(--c-cta-red-depth);
  --ds-color-cta-red-gloss: var(--c-cta-red-gloss);
  --ds-color-cta-bg:        var(--c-orange-500);
  --ds-color-cta-bg-hover:  var(--c-orange-600);
  --ds-color-cta-blue-bg:       var(--c-link-blue);
  --ds-color-cta-blue-bg-hover: var(--c-link-blue-700);
  --ds-color-cta-depth:         var(--c-gray-900);
  --ds-color-cta-orange-depth:  var(--c-orange-700);
  --ds-color-cta-blue-depth:    var(--c-link-blue-800);
  --ds-color-cta-line-bg:       var(--c-sns-line);
  --ds-color-cta-line-bg-hover: var(--c-sns-line-600);
  --ds-color-cta-line-depth:    var(--c-sns-line-800);


  --ds-color-heading-band-bg:       var(--c-orange-500);
  --ds-color-heading-band-text:     var(--c-white);
  --ds-color-heading-band-underlay: var(--c-sand-200);
  --ds-color-heading-accent:        var(--c-orange-500);
  --ds-space-heading-band-y:        var(--space-3);
  --ds-space-heading-band-x:        var(--space-4);
  --ds-size-heading-underlay:       var(--space-2);
  --ds-size-heading-accent:         var(--space-3);
  --ds-border-width-heading-accent: var(--border-width-2);


  --ds-color-table-kv-head-bg:   var(--c-gray-50);
  --ds-color-table-kv-head-text: var(--ds-color-text);

  --ds-space-table-cell-y:       var(--space-4);


  --ds-color-badge-bg-mint:     var(--c-holo-mint);
  --ds-color-badge-bg-peach:    var(--c-holo-peach);
  --ds-color-badge-bg-cream:    var(--c-holo-cream);
  --ds-color-badge-bg-sky:      var(--c-holo-sky);
  --ds-color-badge-bg-pink:     var(--c-holo-pink);
  --ds-color-badge-bg-lavender: var(--c-holo-lavender);
  --ds-color-badge-text:        var(--c-ink-black);



  --ds-font-body: var(--font-sans);

  --ds-text-display-size:   var(--fs-40);
  --ds-text-display-lh:     var(--lh-tight);
  --ds-text-display-weight: var(--fw-bold);

  --ds-text-h1-size:   var(--fs-32);
  --ds-text-h1-lh:     var(--lh-tight);
  --ds-text-h1-weight: var(--fw-bold);

  --ds-text-h2-size:   var(--fs-26);
  --ds-text-h2-lh:     var(--lh-tight);
  --ds-text-h2-weight: var(--fw-bold);

  --ds-text-h3-size:   var(--fs-20);
  --ds-text-h3-lh:     var(--lh-normal);
  --ds-text-h3-weight: var(--fw-bold);

  --ds-text-body-size:   var(--fs-16);
  --ds-text-body-lh:     var(--lh-loose);
  --ds-text-body-weight: var(--fw-regular);

  --ds-text-body-sm-size:   var(--fs-14);
  --ds-text-body-sm-lh:     var(--lh-normal);
  --ds-text-body-sm-weight: var(--fw-regular);

  --ds-text-caption-size:   var(--fs-13);
  --ds-text-caption-lh:     var(--lh-normal);
  --ds-text-caption-weight: var(--fw-regular);

  --ds-text-micro-size:   var(--fs-12);
  --ds-text-micro-lh:     var(--lh-tight);
  --ds-text-micro-weight: var(--fw-medium);


  --ds-space-stack-xs: var(--space-2);
  --ds-space-stack-sm: var(--space-4);
  --ds-space-stack-heading: var(--space-5);
  --ds-space-stack-md: var(--space-6);
  --ds-space-stack-lg: var(--space-12);
  --ds-space-stack-xl: var(--space-20);
  --ds-space-stack-1_5line-sp: var(--space-12);

  --ds-size-oriken-logo: 300px;
  --ds-size-oriken-logo-mobile: 200px;
  --ds-size-oriken-header-mobile: 38px;
  --ds-size-oriken-horizontal-mobile: 310px;
  --ds-size-byline-avatar-mobile: var(--space-5);
  --ds-size-byline-avatar-narrow: var(--space-4);
  --ds-font-size-byline-mobile: 11px;
  --ds-font-size-byline-narrow: 10px;
  --ds-space-inline-xs: var(--space-1);
  --ds-space-inline-sm: var(--space-2);
  --ds-space-inline-md: var(--space-4);

  --ds-space-page-x:    var(--space-4);
  --ds-space-page-x-md: var(--space-8);


  --ds-radius-card:   var(--radius-md);
  --ds-radius-lg:     var(--radius-lg);
  --ds-radius-input:  var(--radius-sm);
  --ds-radius-button: var(--radius-sm);
  --ds-radius-chip:   var(--radius-pill);
  --ds-radius-avatar: var(--radius-pill);


  --ds-border-width:        var(--border-width-1);
  --ds-border-width-divider: var(--border-width-thick);


  --ds-touch-target-min:    var(--touch-target-min);


  --ds-z-sticky:       10;


  --ds-shadow-card:    var(--shadow-1);
  --ds-shadow-popover: var(--shadow-2);
  --ds-shadow-modal:   var(--shadow-3);


  --ds-container-article: var(--container-narrow);
  --ds-container-page:    var(--container-base);
  --ds-container-wide:    var(--container-wide);
}


:root {
  --ds-oripa-tier-color-0: #0878e7;
  --ds-oripa-tier-color-1: #141414;
  --ds-oripa-tier-color-2: #202020;
  --ds-oripa-tier-color-3: #349fff;
  --ds-oripa-tier-color-4: #363636;
  --ds-oripa-tier-color-5: #3d3d3d;
  --ds-oripa-tier-color-6: #42474c;
  --ds-oripa-tier-color-7: #bdff83;
  --ds-oripa-tier-color-8: #e5e7e9;
  --ds-oripa-tier-color-9: #ff5e62;
  --ds-oripa-tier-color-10: #ff8585;
  --ds-oripa-tier-color-11: #ffc587;
  --ds-oripa-tier-color-12: #ffd44a;
  --ds-oripa-tier-color-13: #fff98c;
  --ds-oripa-tier-color-14: #fff4;
  --ds-oripa-tier-color-15: #000;
  --ds-oripa-tier-color-16: #111;
  --ds-oripa-tier-color-17: #777;
  --ds-oripa-tier-color-18: #bbb;
  --ds-oripa-tier-color-19: #ddd;
  --ds-oripa-tier-color-20: #fff;
}

:root { --ds-torecen-icon-size: 48px; --ds-torecen-mark-width: 40px; --ds-torecen-mark-height: 36px; --ds-torecen-caption-size: 5px; --ds-torecen-caption-line: 7px; --ds-torecen-icon-radius: 9px; --ds-torecen-caption-ink: #111; --ds-torecen-icon-bg: #fff; }

:root { --ds-free-column-width: 82px; --ds-free-button-width: 64px; --ds-free-button-font: 14px; --ds-free-button-line: 20px; --ds-free-button-pad-y: 7px; --ds-free-button-pad-x: 8px; --ds-free-button-radius: 18px; --ds-free-grid-mobile: 76px 120px 82px 100px; --ds-free-grid-desktop: 235px minmax(110px,1fr) minmax(100px,1fr) 126px; --ds-free-board-mobile: 448px; }



:root { --ds-tier-users-value-size: 19px; --ds-tier-users-gap: 7px; --ds-tier-users-star: 11px; --ds-tier-users-empty-ink: var(--ds-oripa-tier-color-18); --ds-tier-users-star-empty: var(--ds-oripa-tier-color-17); }


:root {
 --ds-tier-info-size: 17px;
 --ds-tier-info-gap: 5px;
 --ds-tier-info-ink: var(--ds-oripa-tier-color-19);
 --ds-tier-info-modal-width: 460px;
 --ds-tier-info-modal-radius: var(--ds-radius-lg);
 --ds-tier-info-modal-pad: 20px;
 --ds-tier-info-modal-title-size: 16px;
 --ds-tier-info-modal-body-size: 14px;
 --ds-tier-info-modal-body-line: 1.85;
 --ds-tier-info-modal-close: 32px;
}

:root {
 --ds-rating-sp-grid: 24px 56px 28px minmax(0,1fr);
 --ds-rating-sp-grid-narrow: 22px 54px 26px minmax(0,1fr);
 --ds-rating-sp-gap: 6px;
 --ds-rating-sp-height: 56px;
 --ds-rating-sp-icon: 22px;
 --ds-rating-sp-chip: 24px;
 --ds-rating-sp-label: 14px;
 --ds-rating-sp-rank-size: 21px;
 --ds-rating-sp-rank-width: 28px;
 --ds-rating-sp-rank-height: 32px;
 --ds-rating-sp-radius: 5px;
 --ds-rating-sp-detail-gap: 8px;
 --ds-rating-sp-ink: #111111;
 --ds-rating-sp-s: #FF7D83;
 --ds-rating-sp-a: #FFC78F;
 --ds-rating-sp-b: #FFF58B;
 --ds-rating-sp-c: #BFFF7F;
 --ds-rating-sp-d: #7FFFD4;
 --ds-rating-sp-e: #7FBFFF;
 --ds-rating-sp-c1: #B38C00;
 --ds-rating-sp-c2: #16834B;
 --ds-rating-sp-c3: #D97706;
 --ds-rating-sp-c4: #2C67A7;
 --ds-rating-sp-c5: #D93434;
 --ds-rating-sp-c6: #BB317A;
}

:root { --ds-font-sango-default: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif; }

:root{--ds-rating-sp-body-size:15px;}


:root {
  --ds-color-proscons-pro: #34794c;
  --ds-color-proscons-con: #b94a48;
  --ds-color-proscons-canvas: #e5ebdc;
  --ds-space-proscons-row: 12px;
  --ds-space-proscons-indent: 28px;
  --ds-size-proscons-icon: 17px;
  --ds-offset-proscons-icon: 15px;
}

:root{
 --ds-more-mosaic-bg:#161616;
 --ds-more-mosaic-line:#ffffff08;
 --ds-more-mosaic-a:#292929;
 --ds-more-mosaic-b:#121212;
 --ds-more-mosaic-c:#202020;
 --ds-more-mosaic-d:#343434;
 --ds-more-mosaic-grid:24px 24px;
 --ds-more-mosaic-pattern:96px 96px;
 --ds-more-mosaic-padding:18px 28px 26px;
 --ds-more-mosaic-height:114px;
 --ds-more-button-height:50px;
 --ds-more-button-width:334px;
 --ds-more-button-radius:5px;
 --ds-more-button-bg:#fff;
 --ds-more-button-ink:#111;
}

:root{--ds-campaign-logo-size:36px;--ds-campaign-logo-inset:8px;--ds-campaign-logo-radius:7px;--ds-campaign-logo-bg:#fff;}

:root{--ds-campaign-banner-width:220px;}

:root{
 --ds-rating-pc-padding:22px 0;
 --ds-rating-pc-cell-padding:0 12px;
 --ds-rating-pc-gap:12px;
 --ds-rating-pc-head-gap:8px;
 --ds-rating-pc-icon:20px;
 --ds-rating-pc-label:14px;
 --ds-rating-pc-detail:13px;
 --ds-rating-pc-rank-width:34px;
 --ds-rating-pc-rank-height:38px;
 --ds-rating-pc-rank-size:24px;
 --ds-rating-pc-radius:6px;
}