@font-face {
 font-family: Montserrat;
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(fonts/montserrat_n4.woff2) format("woff2"),url(fonts/montserrat_n4.woff) format("woff");
}

@font-face {
 font-family: Montserrat;
 font-style: normal;
 font-weight: 500;
 font-display: swap;
 src: url(fonts/montserrat_n5.woff2) format("woff2"),url(fonts/montserrat_n5.woff) format("woff");
}

@font-face {
 font-family: Montserrat;
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: url(fonts/montserrat_n7.woff2) format("woff2"),url(fonts/montserrat_n7.woff) format("woff");
}

@font-face {
 font-family: Montserrat;
 font-style: italic;
 font-weight: 400;
 font-display: swap;
 src: url(fonts/montserrat_i4.woff2) format("woff2"),url(fonts/montserrat_i4.woff) format("woff");
}

@font-face {
 font-family: Montserrat;
 font-style: italic;
 font-weight: 700;
 font-display: swap;
 src: url(fonts/montserrat_i7.woff2) format("woff2"),url(fonts/montserrat_i7.woff) format("woff");
}

.adm-glyphicon span {
    background: url('./img/setting.png');
    background-size: cover;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
}

:root {
 --pp-fg: #171717;
 --pp-bg: #fff;
 --pp-dark: #1f1f1f;
 --pp-darker: #161616;
 --pp-black: #002323;
 --pp-cream: #f2ede2;
 --pp-card: #fafafa;
 --pp-red: #be123c;
 --pp-red-lt: #fda4af;
 --pp-red-bg: #fff1f2;
 --pp-red-a10: rgba(190,18,60,.1);
 --pp-co-panel: #f6f6f6;
 --pp-co-bd: #dedede;
 --pp-co-btn: #ededed;
 --pp-co-accent: #163a3a;
 --pp-co-r: 12px;
 --pp-bk-a043: rgba(0,0,0,.043);
 --pp-lime: #4d7c0f;
 --pp-lime-bg: #f7fee7;
 --pp-orange: #ff830f;
 --pp-amber: #fa9821;
 --pp-amber-star: #f59e0b;
 --pp-green: #8ab94e;
 --pp-magenta: #d800f6;
 --pp-teal: #00869c;
 --pp-tan: #e0a580;
 --pp-sand: #fcd99f;
 /* --pp-gold: #c78f56; */
 --pp-gold: #1e4242;
 --pp-ink2: #292929;
 --pp-fg-a60: rgba(22,58,58,.6);
 --pp-fg-a40: rgba(22,58,58,.4);
 --pp-fg-a70: rgba(22,58,58,.7);
 --pp-fg-a40: rgba(22,58,58,.4);
 --pp-fg-a35: rgba(22,58,58,.35);
 --pp-fg-a50: rgba(22,58,58,.5);
 --pp-fg-a25: rgba(22,58,58,.25);
 --pp-fg-a20: rgba(22,58,58,.2);
 --pp-fg-a11: rgba(22,58,58,.114);
 --pp-fg-a15: rgba(22,58,58,.15);
 --pp-fg-a10: rgba(22,58,58,.1);
 --pp-fg-a06: rgba(22,58,58,.06);
 --pp-fg-a043: rgba(22,58,58,.043);
 --pp-fg-a00: rgba(22,58,58,0);
 --pp-fg-a024: rgba(22,58,58,.024);
 --pp-fg-a045: rgba(22,58,58,.045);
 --pp-wt-a90: rgba(255,255,255,.9);
 --pp-wt-a75: rgba(255,255,255,.75);
 --pp-wt-a60: rgba(255,255,255,.6);
 --pp-wt-a11: rgba(255,255,255,.114);
 --pp-wt-a10: rgba(255,255,255,.1);
 --pp-wt-a00: rgba(255,255,255,0);
 --pp-cr-a11: rgba(242,237,226,.114);
 --pp-fg-a80: rgba(0,0,0,.8);
 --pp-bk-a70: rgba(0,0,0,.7);
 --pp-bk-a66: rgba(0,0,0,.66);
 --pp-bk-a55: rgba(0,0,0,.55);
 --pp-bk-a35: rgba(0,0,0,.35);
 --pp-bk-a08: rgba(0,0,0,.08);
 --pp-bk-a00: rgba(0,0,0,0);
 --pp-tan-a90: rgba(224,165,128,.9);
 --pp-peach: rgba(249,208,163,1);
 --pp-sale-1: rgba(254,217,81,1);
 --pp-sale-2: rgba(255,70,199,1);
 --pp-ig-1: #f9ce34;
 --pp-ig-2: #ee2a7b;
 --pp-ig-3: #6228d7;
 --pp-top-h: 48px;
 --pp-pad: 20px;
 --pp-pad-full: 20px;
 --pp-r: clamp(16px,1.578vw,30px);
 --pp-rc: clamp(10px,1.053vw,20px);
 --pp-rb: 60px;
 --pp-gap: clamp(16px,1.263vw,24px);
 --pp-gap-lg: clamp(16px,2.105vw,40px);
 --pp-gap-xl: clamp(24px,2.315vw,44px);
 --pp-t-lg: clamp(40px,3.368vw,64px);
 --pp-t-md: clamp(32px,3.368vw,64px);
 --pp-t-sm: clamp(24px,2.526vw,48px);
 --pp-t-xl: clamp(48px,7.813vw,80px);
 --pp-sub-lg: clamp(16px,calc(13.968px + .3175vw),20px);
 --pp-body-md: clamp(16px,1.052vw,20px);
 --pp-sub-md: clamp(16px,1.052vw,20px);
 --pp-btn-fs: clamp(14px,calc(12.984px + .1587vw),16px);
 --pp-nav-fs: clamp(14px,calc(11.968px + .3174vw),18px);
 --pp-cat-fs: clamp(20px,1.736vw,28px);
 --pp-fs-3xl: clamp(20px,calc(7.946px + 1.1818vw),30px);
 --pp-mn-cg: clamp(20px,6.5vw,128px);
 --pp-mn-rg: clamp(20px,2.315vw,44px);
 --pp-mtab: 230px;
 --pp-mpromo: min(260px,25vw);
 --pp-mtgap: var(--pp-gap);
 --pp-mslider: calc(100vw - var(--pp-pad-full) * 2 - var(--pp-mtab) - var(--pp-mpromo) - var(--pp-mtgap) * 2);
 --pp-mcard-w: calc((var(--pp-mslider) - var(--pp-gap)) / 2);
 --pp-fs-sub: clamp(18px,calc(15.5552px + .4444vw),24px);
 --pp-ft-t: clamp(16px,calc(11.936px + .6349vw),24px);
 --pp-ft-li: clamp(14px,calc(11.968px + .3174vw),18px);
 --pp-ft-ct: clamp(20px,1.578vw,30px);
 --pp-ft-sl: clamp(24px,calc(10.09px + 1.3636vw),36px);
 --pp-anim: .5s cubic-bezier(.3,1,.3,1);
 --pp-smooth: .7s cubic-bezier(.7,0,.3,1);
 --pp-fast: .3s cubic-bezier(.7,0,.3,1);
 --pp-modal: .6s cubic-bezier(.7,0,.2,1);
 --pp-mask: .8s cubic-bezier(.7,0,.2,1);
 --pp-nav-in: 1.5s cubic-bezier(.075,.82,.165,1);
 --pp-nav-op: .9s cubic-bezier(.19,1,.22,1);
 --pp-nav-sl: .5s cubic-bezier(.6,0,.4,1);
 --pp-nav-li: 2s cubic-bezier(.075,.82,.165,1);
 --pp-nav-lo: 1s cubic-bezier(.19,1,.22,1);
 --pp-nav-ln: 1s cubic-bezier(.215,.61,.355,1);
 --pp-draw: 1.3s cubic-bezier(.65,0,.35,1);
 --pp-dw: .6s cubic-bezier(.7,0,.2,1);
 --pp-wt-a80: rgba(255,255,255,.8);
 --pp-bk-a024: rgba(0,0,0,.024);
 --pp-bk-a10: rgba(0,0,0,.1);
 --pp-bk-a60: rgba(0,0,0,.6);
 --pp-slate: #3d4153;
 --pp-ink3: #103434;
 --pp-spy-bg: #f9f9f9;
 --pp-gray: #a3a3a3;
 --pp-ct-side: clamp(340px,25vw,430px);
 --pp-ct-pad: clamp(24px,2.105vw,40px);
 --pp-eta1: #ffc2c2;
 --pp-eta2: #cbe1b7;
 --pp-ig-a: #833ab4;
 --pp-ig-b: #fd1d1d;
 --pp-ig-c: #fcb045;
 --pp-teal2: #008068;
 --pp-k: .75;
 --pp-pdgap: 20px;
 --pp-thumb: calc(81.5px + .9375vw);
 --pp-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1L12 2Z'/%3E%3C/svg%3E");
 --pp-chev-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23163a3a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15L12 9L18 15'/%3E%3C/svg%3E");
}

@media (min-width: 768px) {
 :root {
  --pp-k: 1;
 }
}

@media (min-width: 1024px) {
 :root {
  --pp-pdgap: 40px;
 }
}

@media (min-width: 1024px) {
 :root {
  --pp-pad: 36px;
  --pp-pad-full: 36px;
  --pp-t-lg: clamp(48px,4.73vw,90px);
  --pp-t-xl: clamp(80px,6.737vw,128px);
 }
}

@media (min-width: 1280px) {
 :root {
  --pp-pad: 48px;
  --pp-pad-full: 48px;
 }
}

@media (min-width: 1536px) {
 :root {
  --pp-pad: max(48px,50vw - 850px);
 }
}

* {
 box-sizing: border-box;
}

html {
 -webkit-text-size-adjust: 100%;
 font-size: 16px;
 scrollbar-gutter: stable;
}

body {
 margin: 0;
 font-family: Montserrat, sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.2;
 color: var(--pp-fg);
 background: var(--pp-dark);
}

body.is-lock {
 overflow: hidden;
}

img {
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: middle;
}

a {
 color: inherit;
 text-decoration: none;
}

a:hover,
a:focus {
 color: inherit;
 text-decoration: none;
 outline: none !important;
}

button {
 font-family: inherit;
 border: 0;
 background: none;
 padding: 0;
 cursor: pointer;
 color: inherit;
}

ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

p {
 margin: 0;
}

h1,
h2,
h3,
h4 {
 margin: 0;
 font-weight: 700;
 line-height: 1;
 letter-spacing: -.03em;
}

input {
 font-family: inherit;
}

.svg-use {
 position: absolute;
 width: 0;
 height: 0;
 overflow: hidden;
}

.pp-sr {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
}

.wrap {
 padding: 0 var(--pp-pad);
}

.wrap--full {
 padding: 0 var(--pp-pad-full);
}

.wrap-narrow {
 padding: 0 var(--pp-pad);
}

.container-fluid {
 padding: 0;
}

.row {
 margin: 0 -8px;
}

.row>[class*=col-] {
 padding-left: 8px;
 padding-right: 8px;
}

.gx-0 {
 margin: 0;
}

.gx-0>[class*=col-] {
 padding: 0;
}

.clearfix:after,
.row:after {
 content: "";
 display: table;
 clear: both;
}

.row-table {
 display: table;
 width: 100%;
 table-layout: fixed;
}

.row-table>[class*=col-] {
 display: table-cell;
 float: none;
 vertical-align: top;
}

.row-table:after {
 display: none;
}

.row-table>.va-middle {
 vertical-align: middle;
}

.row-table>.va-bottom {
 vertical-align: bottom;
}

.wrap-img {
 position: relative;
 display: block;
 overflow: hidden;
}

.wrap-img>img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.img-100 {
 height: 0;
}

.pp-contain>img {
 object-fit: contain;
}

.pp-eyebrow {
 font-size: var(--pp-sub-lg);
 font-weight: 500;
 line-height: 1;
 margin: 0;
}

.pp-h1 {
 font-size: var(--pp-t-xl);
 line-height: 1;
 letter-spacing: -.04em;
}

.pp-h2 {
 font-size: var(--pp-t-lg);
 line-height: 1.2;
 letter-spacing: -.04em;
}

.pp-h2--md {
 font-size: var(--pp-t-md);
 letter-spacing: -.03em;
}

.pp-feed .pp-h2--md {
 font-weight: 900;
}

.pp-lead {
 font-size: var(--pp-sub-lg);
 line-height: 1.6;
}

.pp-lead--md {
 font-size: var(--pp-sub-md);
 line-height: 1.6;
}

.pp-hl {
 --pp-hl: var(--pp-gold);
 --pp-hl-end: var(--pp-bg);
 position: relative;
 display: inline-block;
 font-style: normal;
 z-index: 0;
}

.pp-hl--red {
 --pp-hl: var(--pp-red);
}

.pp-hl__ic {
 position: absolute;
 left: 0;
 width: 100%;
 z-index: -1;
 fill: none;
 stroke: var(--pp-hl);
 stroke-dasharray: 1;
 stroke-dashoffset: 1;
 opacity: 0;
}

.pp-hl__ic--basic {
 height: 30%;
 bottom: -20%;
}

.pp-hl__ic--sq {
 height: 50%;
 bottom: -30%;
}

.pp-hl.is-on .pp-hl__ic {
 opacity: 1;
 stroke-dashoffset: 0;
 animation: pp-draw var(--pp-draw) forwards;
}

@keyframes pp-draw {
 0% {
  stroke-dashoffset: 1;
  opacity: 0;
 }

 1% {
  opacity: 1;
 }

 to {
  stroke-dashoffset: 0;
 }
}

.pp-hl--text {
 display: inline;
 transition: color var(--pp-smooth);
}

.pp-hl--text.is-on {
 color: var(--pp-hl);
}

.pp-hl--full,
.pp-hl--half {
 display: inline;
 background-repeat: no-repeat;
 background-image: linear-gradient(to right,var(--pp-hl) 0,var(--pp-hl-end) 100%);
 transition: background-size var(--pp-smooth);
}

.pp-hl--full {
 --pp-hl: var(--pp-tan);
 --pp-hl-end: var(--pp-fg);
 background-position: 0 70%;
 background-size: 0 80%;
}

.pp-hl--full.is-on {
 background-size: 100% 80%;
}

.pp-hl--half {
 background-position: 0 90%;
 background-size: 0 28%;
}

.pp-hl--half.is-on {
 background-size: 100% 28%;
}

.pp-btn {
 --pp-fill: var(--pp-fg);
 --pp-fill-txt: var(--pp-bg);
 position: relative;
 z-index: 0;
 overflow: hidden;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 max-height: 60px;
 padding: clamp(18px,1.2vw,22px) clamp(26px,1.473vw,30px);
 border-radius: var(--pp-rb);
 font-size: var(--pp-btn-fs);
 font-weight: 500;
 line-height: 1;
 white-space: nowrap;
 transition: color var(--pp-anim),box-shadow var(--pp-anim);
 transition-delay: .1s;
}

.pp-btn:before {
 content: "";
 position: absolute;
 left: -25%;
 top: -50%;
 width: 150%;
 height: 200%;
 border-radius: 50%;
 background: var(--pp-fill);
 transform: translate3d(0,-76%,0);
 transition: transform var(--pp-anim);
 z-index: -1;
}

.pp-btn.is-from-bottom:before {
 transform: translate3d(0,76%,0);
}

.pp-btn.is-snap:before {
 transition: none;
}

.pp-btn.is-on:before {
 transform: translate3d(0,0,0);
}

.pp-btn:hover {
 color: var(--pp-fill-txt);
}

.pp-btn svg {
 flex: none;
 width: 20px;
 height: 20px;
 transition: transform var(--pp-anim);
}

.pp-btn:hover svg {
 transform: translateX(4px);
}

.pp-btn--pri {
 --pp-fill: var(--pp-bg);
 --pp-fill-txt: var(--pp-fg);
 background: var(--pp-fg);
 color: var(--pp-bg);
}

.pp-btn--sec {
 background: var(--pp-fg-a024);
 color: var(--pp-fg);
}

.pp-btn--line {
 box-shadow: inset 0 0 0 2px var(--pp-fg);
 color: var(--pp-fg);
}

.pp-btn--wht {
 background: var(--pp-bg);
 color: var(--pp-fg);
 min-width: 192px;
}

.pp-btn--sm {
 padding: clamp(12px,1.2vw,16px) clamp(20px,1.473vw,24px);
}

.pp-round {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 56px;
 height: 56px;
 border-radius: 50%;
 transition: background-color .3s,color .3s,opacity .3s;
}

.pp-round--pri {
 background: var(--pp-fg);
 color: var(--pp-bg);
}

.pp-round--pri:hover {
 background: var(--pp-black);
}

.pp-round--line {
 border: 1px solid var(--pp-fg-a10);
 color: var(--pp-fg);
}

.pp-round--line:hover {
 background: var(--pp-fg);
 color: var(--pp-bg);
}

.pp-round.is-off {
 opacity: .35;
}

.pp-top {
 background: var(--pp-dark);
 color: var(--pp-cream);
 font-size: 13px;
 line-height: 1.25;
 height: var(--pp-top-h);
 position: relative;
 z-index: 6;
}

.pp-top .wrap {
 height: 100%;
}

.pp-top-in {
 position: relative;
 height: 100%;
}

.pp-top-social {
 float: left;
 padding: 14px 0;
}

.pp-top-social li {
 float: left;
 margin-right: 24px;
 line-height: 0;
}

.pp-top-social li:last-child {
 margin-right: 0;
}

.pp-top-social a {
 display: block;
 transition: opacity .3s;
}

.pp-top-social a:hover {
 opacity: .6;
}

.pp-top-lang {
 float: right;
 height: 100%;
 position: relative;
}

.pp-top-lang__btn {
 display: inline-flex;
 align-items: center;
 gap: 12px;
 height: var(--pp-top-h);
 font-size: 13px;
}

.pp-top-lang__list {
 position: absolute;
 top: 100%;
 right: 0;
 min-width: 140px;
 background: var(--pp-dark);
 padding: 12px 0;
 border-radius: 0 0 8px 8px;
 opacity: 0;
 visibility: hidden;
 transform: translateY(6px);
 transition: all .3s;
 z-index: 8;
}

.pp-top-lang.is-open .pp-top-lang__list {
 opacity: 1;
 visibility: visible;
 transform: none;
}

.pp-top-lang__list a {
 display: block;
 padding: 6px 20px;
 font-size: 13px;
 opacity: .7;
}

.pp-top-lang__list a:hover,
.pp-top-lang__list .active a {
 opacity: 1;
}

.pp-ann {
 position: relative;
 overflow: hidden;
 height: 48px;
 margin: 0 auto;
 max-width: 551px;
}

.pp-ann__item {
 display: none;
 padding: 16px 0;
 line-height: 1.25;
 white-space: nowrap;
 text-align: center;
}

.pp-ann__item.is-on {
 display: block;
}

.pp-ann__ico {
 vertical-align: -3px;
 margin-right: 8px;
 color: var(--pp-gold);
}

.pp-ann__item .pp-hl {
 line-height: 1.25;
 font-weight: 500;
 white-space: nowrap;
}

.pp-ann__nav {
 position: absolute;
 top: 0;
 width: 44px;
 height: 48px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: var(--pp-cream);
 opacity: .8;
}

.pp-ann__nav:hover {
 opacity: 1;
}

.pp-ann__nav.prev {
 left: 0;
}

.pp-ann__nav.next {
 right: 0;
}

.pp-hd {
 position: absolute;
 top: var(--pp-top-h);
 left: 0;
 width: 100%;
 z-index: 5;
 padding: 10px 0;
 color: var(--pp-bg);
 border-radius: var(--pp-r) var(--pp-r) 0 0;
 transition: background-color var(--pp-anim),color var(--pp-anim),padding var(--pp-anim),border-radius var(--pp-anim);
}

.pp-hd.is-fix {
 position: fixed;
 top: 0;
 padding: 18px 0;
 background: var(--pp-bg);
 color: var(--pp-fg);
 border-radius: 0;
}

.pp-hd.is-mega {
 color: var(--pp-fg);
}

.pp-hd-in {
 position: relative;
 height: 70px;
}

.pp-corner {
 position: absolute;
 top: 100%;
 width: 0;
 height: 0;
 overflow: hidden;
 color: var(--pp-bg);
 pointer-events: none;
 transition: width var(--pp-anim),height var(--pp-anim),opacity var(--pp-anim);
}

.pp-corner--l {
 left: 0;
}

.pp-corner--r {
 right: 0;
 transform: scaleX(-1);
}

.pp-corner svg {
 display: block;
 width: var(--pp-r);
 height: var(--pp-r);
 fill: currentColor;
}

.pp-hd.is-fix .pp-corner {
 width: var(--pp-r);
 height: var(--pp-r);
 --pp-cnr-line: var(--pp-fg-a11);
}

.pp-hd__cut {
 position: absolute;
 top: 100%;
 left: 0;
 z-index: -1;
 width: 100%;
 height: 1px;
 background: var(--pp-fg-a11);
 opacity: 0;
 pointer-events: none;
 transition: opacity var(--pp-anim);
}

.pp-hd.is-fix .pp-hd__cut {
 opacity: 1;
}

.pp-logo {
 float: left;
 height: 70px;
 position: relative;
 z-index: 2;
}

.pp-logo img {
 height: 70px;
 width: auto;
 transition: opacity var(--pp-anim);
}

.pp-logo__on {
 position: absolute;
 left: 0;
 top: 0;
 opacity: 0;
}

.pp-hd.is-fix .pp-logo__off,
.pp-hd.is-mega .pp-logo__off {
 opacity: 0;
}

.pp-hd.is-fix .pp-logo__on,
.pp-hd.is-mega .pp-logo__on {
 opacity: 1;
}

.pp-nav {
 position: absolute;
 left: 0;
 right: 0;
 top: 1px;
 width: max-content;
 margin: 0 auto;
 margin-top: 12px;
 font-size: var(--pp-nav-fs);
 font-weight: 500;
}

.pp-nav>li {
 float: left;
 position: static;
}

.pp-nav>li.active .pp-nav__t {
  color: var(--pp-teal2);
}

.pp-nav__link {
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 42px;
 padding: 0 20px;
 line-height: normal;
 border-radius: var(--pp-rb);
 overflow: hidden;
 z-index: 11;
}

.pp-nav__t {
 display: block;
 transition: transform var(--pp-anim),opacity var(--pp-anim);
}

.pp-nav__d {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 padding: 0 20px;
 border-radius: var(--pp-rb);
 background: var(--pp-fg);
 color: var(--pp-bg);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 transform: translateY(100%) scale(.6);
 transition: transform var(--pp-anim);
}

.pp-nav>li:hover .pp-nav__t,
.pp-nav>li.is-on .pp-nav__t {
 opacity: 0;
 transform: translateY(-10%) scale(.6);
}

.pp-nav>li:hover .pp-nav__d,
.pp-nav>li.is-on .pp-nav__d,
.pp-nav>li.active .pp-nav__d {
 transform: none;
}

.pp-hd-act {
 float: right;
 position: relative;
 z-index: 2;
 margin-top: 12px;
}

.pp-hd-act>* {
 float: left;
}

.pp-hd-act__btn {
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 44px;
 height: 44px;
 margin-left: 3px;
 border-radius: 50%;
}

.pp-hd-act__cnt {
 position: absolute;
 top: 0;
 right: 0;
 font-size: 12px;
 line-height: 1.6;
}

.pp-hd-act__btn svg {
 transition: transform var(--pp-anim);
}

.pp-hd-act__btn:hover svg {
 transform: scale(1.12);
}

.pp-flag {
 position: relative;
 margin: 4px 0 0 10px;
}

.pp-flag__btn {
 display: inline-flex;
 align-items: center;
 height: 36px;
 padding: 8px 4px 8px 8px;
 border-radius: 5px;
 background: var(--pp-bg);
 color: var(--pp-ink2);
 cursor: pointer;
}

.pp-flag__btn img {
 width: 30px;
 height: 19px;
 object-fit: cover;
 border-radius: 2px;
 margin-right: 4px;
}

.pp-flag__btn svg {
 flex: none;
 transition: transform var(--pp-anim);
}

.pp-flag.is-open .pp-flag__btn svg {
 transform: rotate(180deg);
}

.pp-flag__list {
 position: absolute;
 top: 100%;
 right: 0;
 min-width: 150px;
 margin-top: 6px;
 padding: 8px 0;
 border: 1px solid var(--pp-fg-a10);
 border-radius: 8px;
 background: var(--pp-bg);
 color: var(--pp-fg);
 opacity: 0;
 visibility: hidden;
 transform: translateY(6px);
 transition: all .3s;
 z-index: 8;
}

.pp-flag.is-open .pp-flag__list {
 opacity: 1;
 visibility: visible;
 transform: none;
}

.pp-flag__list a {
 display: block;
 padding: 6px 16px;
 font-size: 13px;
 opacity: .7;
}

.pp-flag__list a:hover,
.pp-flag__list .active a {
 opacity: 1;
}

.pp-burger {
 display: none;
}

.pp-ovl {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 background: linear-gradient(to top,var(--pp-fg-a10) 40%,var(--pp-fg-a50) 80%);
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 transition: opacity var(--pp-mask),visibility var(--pp-mask);
}

.pp-hd.is-mega~.pp-ovl {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
 transition-delay: .1s;
 cursor: none;
}

.pp-hd.is-mega .pp-corner,
.pp-hd.is-mega .pp-hd__cut {
 opacity: 0;
}

.pp-mega {
 position: fixed;
 top: var(--pp-hd-top,var(--pp-top-h));
 left: 0;
 width: 100%;
 overflow: hidden;
 border-radius: 0 0 var(--pp-r) var(--pp-r);
 pointer-events: none;
 z-index: 10;
}

.pp-mega__box {
 padding-top: 92px;
 font-weight: 400;
 background: var(--pp-bg);
 color: var(--pp-fg);
 opacity: 0;
 visibility: hidden;
 transform: translateY(-100%);
 transition: opacity var(--pp-nav-sl),visibility var(--pp-nav-sl),transform var(--pp-nav-sl),padding-top var(--pp-nav-sl);
}

.pp-hd.is-fix .pp-mega {
 top: 0;
}

.pp-hd.is-fix .pp-mega__box {
 padding-top: 80px;
}

.pp-nav>li:hover .pp-mega,
.pp-nav>li.is-on .pp-mega {
 pointer-events: auto;
}

.pp-nav>li:hover .pp-mega__box,
.pp-nav>li.is-on .pp-mega__box {
 opacity: 1;
 visibility: visible;
 transform: none;
}

.pp-mega__in {
 padding: 12px 0 56px;
}

.pp-mega__c {
 float: left;
 width: calc(25% - var(--pp-gap) * 4 / 5);
 margin-left: var(--pp-gap);
 opacity: 0;
 transform: translateX(25%);
 transition: transform var(--pp-nav-in),opacity var(--pp-nav-op);
}

.pp-mega__c:first-child {
 margin-left: 0;
}

.pp-mega__in--sm .pp-mega__c {
 width: calc(25% - var(--pp-gap) * 5 / 6);
}

.pp-mega__c--nav {
 width: calc(50% - var(--pp-gap) / 2);
 padding: 0 20px 0 0;
}

.pp-mega__in--sm .pp-mega__c--nav {
 width: calc(25% - var(--pp-gap) / 2);
}

.pp-nav>li:hover .pp-mega__c,
.pp-nav>li.is-on .pp-mega__c {
 opacity: 1;
 transform: none;
}

.pp-mega__c:nth-child(1) {
 transition-delay: .3s;
}

.pp-mega__c:nth-child(2) {
 transition-delay: .4s;
}

.pp-mega__c:nth-child(3) {
 transition-delay: .5s;
}

.pp-mega__c:nth-child(4) {
 transition-delay: .6s;
}

.pp-mega__c:nth-child(5) {
 transition-delay: .7s;
}

.pp-mnav--one {
 padding-bottom: var(--pp-mn-rg);
}

.pp-mnav__g {
 float: left;
 width: calc((100% - var(--pp-mn-cg) * 2) / 3);
 margin-right: var(--pp-mn-cg);
 opacity: 0;
 transform: translateX(25%);
 transition: transform var(--pp-nav-li),opacity var(--pp-nav-lo);
}

.pp-mnav__g:nth-child(n+4) {
 padding-top: var(--pp-mn-rg);
}

.pp-mnav__g:nth-child(3n) {
 margin-right: 0;
}

.pp-mnav__g:nth-child(3n+1) {
 clear: left;
}

.pp-nav>li:hover .pp-mnav__g,
.pp-nav>li.is-on .pp-mnav__g {
 opacity: 1;
 transform: none;
}

.pp-mnav__g:nth-child(-n+2) {
 transition-delay: .5s;
}

.pp-mnav__g:nth-child(n+3):nth-child(-n+4) {
 transition-delay: .65s;
}

.pp-mnav__g:nth-child(n+5) {
 transition-delay: .75s;
}

.pp-mnav--one .pp-mnav__g {
 width: 100%;
 margin-right: 0;
}

.pp-mnav--2c .pp-mnav__g:nth-child(3n) {
 margin-right: var(--pp-mn-cg);
}

.pp-mnav--2c .pp-mnav__g:nth-child(3n+1) {
 clear: none;
}

.pp-mnav--2c .pp-mnav__g:nth-child(2n) {
 margin-right: 0;
}

.pp-mnav--2c .pp-mnav__g:nth-child(2n+1) {
 clear: left;
}

.pp-mnav--2c .pp-mnav__g:nth-child(n+3) {
 padding-top: var(--pp-mn-rg);
}

.pp-mnav__h {
 display: table;
 font-size: var(--pp-sub-lg);
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: -.025em;
}

.pp-mnav__g ul {
 margin-top: 12px;
}

.pp-mnav__g ul a {
 font-size: 16px;
 line-height: 1.5;
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 0 1px;
 transition: background-size var(--pp-anim);
}

.pp-mnav__g ul a:hover {
 background-size: 100% 1px;
}

.pp-mnav--lg .pp-mnav__h {
 font-weight: 400;
}

.pp-mnav--lg .pp-mnav__g ul a {
 font-size: var(--pp-fs-3xl);
 font-weight: 700;
 letter-spacing: -.05em;
}

.pp-mega__ft {
 position: relative;
 margin-top: 28px;
}

.pp-mega__ft:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 1px;
 background: var(--pp-fg);
 transform: scaleX(0);
 transform-origin: left center;
 transition: transform var(--pp-nav-ln);
 transition-delay: .5s;
}

.pp-nav>li:hover .pp-mega__ft:before,
.pp-nav>li.is-on .pp-mega__ft:before {
 transform: none;
}

.pp-mega__all {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 12px 0 0;
 font-size: var(--pp-fs-sub);
 font-weight: 700;
 line-height: 1;
 letter-spacing: -.02em;
}

.pp-mega__all svg {
 transition: transform var(--pp-anim);
}

.pp-mega__all:hover svg {
 transform: translateX(6px);
}

.pp-mega__all--sm {
 font-size: var(--pp-sub-lg);
}

.pp-mega__all--n {
 font-weight: 400;
 line-height: 1.25;
}

.pp-mcard {
 position: relative;
 display: block;
 border-radius: var(--pp-rc);
 overflow: hidden;
 background: var(--pp-card);
}

.pp-mcard__img {
 padding-bottom: 100%;
}

.pp-mcard__img img {
 transition: transform var(--pp-anim);
}

.pp-mcard:hover .pp-mcard__img img {
 transform: scale(1.05);
}

.pp-mcard__body {
 display: block;
 position: relative;
 padding: var(--pp-gap) var(--pp-gap-lg) var(--pp-gap-lg);
}

.pp-mcard__txt {
 display: table;
 max-width: calc(100% - 36px);
 opacity: 0;
 transform: translateX(25%);
 transition: transform var(--pp-nav-in),opacity var(--pp-nav-op);
}

.pp-nav>li:hover .pp-mcard__txt,
.pp-nav>li.is-on .pp-mcard__txt {
 opacity: 1;
 transform: none;
}

.pp-mega__c:nth-child(1) .pp-mcard__txt {
 transition-delay: .45s;
}

.pp-mega__c:nth-child(2) .pp-mcard__txt {
 transition-delay: .55s;
}

.pp-mega__c:nth-child(3) .pp-mcard__txt {
 transition-delay: .65s;
}

.pp-mega__c:nth-child(4) .pp-mcard__txt {
 transition-delay: .75s;
}

.pp-mega__c:nth-child(5) .pp-mcard__txt {
 transition-delay: .85s;
}

.pp-mcard__t {
 font-size: var(--pp-fs-3xl);
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: -.05em;
}

.pp-mcard__d {
 display: block;
 margin-top: 2px;
 font-size: 12px;
 font-weight: 400;
 line-height: 1;
}

.pp-mcard__go {
 position: absolute;
 right: var(--pp-gap-lg);
 top: var(--pp-gap);
 bottom: var(--pp-gap-lg);
 height: 20px;
 margin: auto 0;
 line-height: 0;
 transition: transform var(--pp-anim);
}

.pp-mcard:hover .pp-mcard__go {
 transform: translateX(6px);
}

.pp-mcard--ov .pp-mcard__img {
 padding-bottom: 125%;
}

.pp-mcard--ov .pp-mcard__body {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding: 0 24px 20px;
 color: var(--pp-bg);
}

.pp-mcard--ov .pp-mcard__go {
 top: 0;
 bottom: 20px;
}

.pp-mcard__tag {
 position: absolute;
 top: 20px;
 left: 20px;
 padding: 10px 16px;
 border-radius: var(--pp-rb);
 background: var(--pp-fg);
 color: var(--pp-bg);
 font-size: 14px;
 font-weight: 500;
 line-height: 14px;
}

.pp-mcard__tag--red {
 background: var(--pp-red);
}

.pp-mega__in--tab {
 display: table;
 table-layout: fixed;
 width: 100%;
}

.pp-mega__c--tab,
.pp-mega__c--pan {
 display: table-cell;
 float: none;
 width: auto;
 margin-left: 0;
 vertical-align: top;
 position: relative;
}

.pp-mega__c--tab {
 width: var(--pp-mtab);
 padding-bottom: 68px;
}

.pp-mega__c--pan {
 padding-left: var(--pp-mtgap);
}

.pp-mtab__h {
 font-size: 16px;
 font-weight: 500;
 line-height: 1.6;
}

.pp-mtab {
 margin-top: 32px;
}

.pp-mtab li {
 margin-top: 6px;
}

.pp-mtab li:first-child {
 margin-top: 0;
}

.pp-mtab a {
 display: flex;
 align-items: center;
 opacity: .35;
 transition: opacity var(--pp-anim);
}

.pp-mtab li.is-on a,
.pp-mtab a:hover {
 opacity: 1;
}

.pp-mtab img {
 max-width: 24px;
 max-height: 24px;
 margin-right: 8px;
}

.pp-mtab span {
 font-size: var(--pp-fs-3xl);
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: -.05em;
}

.pp-mega__c--tab .pp-mega__ft {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 margin-top: 0;
}

.pp-mpan {
 display: none;
 position: relative;
}

.pp-mpan.is-on {
 display: block;
}

.pp-mshop {
 margin-right: calc(var(--pp-mpromo) + var(--pp-mtgap));
}

.pp-mshop__hd {
 position: relative;
 margin-bottom: 32px;
 text-align: right;
}

.pp-mshop__eb {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 height: 1em;
 margin: auto 0;
 font-size: 14px;
 line-height: 1;
 text-transform: uppercase;
 color: var(--pp-fg-a60);
}

.pp-mshop__ac {
 white-space: nowrap;
}

.pp-mshop__all {
 display: inline-flex;
 align-items: center;
 font-size: var(--pp-sub-lg);
 font-weight: 700;
 line-height: 1;
 letter-spacing: -.02em;
}

.pp-mshop__all em {
 display: inline-block;
 margin-left: 4px;
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 1.6;
}

.pp-mshop__all svg {
 margin-left: 16px;
 transition: transform var(--pp-anim);
}

.pp-mshop__all:hover svg {
 transform: translateX(6px);
}

.pp-mshop__row {
 overflow-x: auto;
 overflow-y: hidden;
 scrollbar-width: none;
}

.pp-mshop__row::-webkit-scrollbar {
 display: none;
}

.pp-mshop__stage {
 white-space: nowrap;
 font-size: 0;
}

.pp-mshop__cell {
 display: inline-block;
 vertical-align: top;
 width: var(--pp-mcard-w);
 margin-left: var(--pp-gap);
 font-size: 16px;
 white-space: normal;
}

.pp-mshop__cell:first-child {
 margin-left: 0;
}

.pp-mshop__cell .pp-prod__price {
 line-height: 1.25;
}

.pp-mshop__cell .pp-prod__price del {
 display: inline-block;
}

.pp-mcard--promo {
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 width: var(--pp-mpromo);
}

.pp-mcard--promo .pp-mcard__img {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 padding-bottom: 0;
}

.pp-rail {
 position: fixed;
 top: 50%;
 right: 24px;
 transform: translateY(-50%);
 z-index: 15;
 padding: 8px 0;
 width: 52px;
 border-radius: var(--pp-rb);
 background: var(--pp-wt-a80);
 box-shadow: 0 0 0 1px var(--pp-fg-a10);
 text-align: center;
 color: var(--pp-fg);
}

.pp-rail__social {
 padding-top: 4px;
}

.pp-rail__social li {
 margin-bottom: 2px;
}

.pp-rail__social li:last-child {
 margin-bottom: 0;
}

.pp-rail__social a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 transition: opacity var(--pp-anim);
}

.pp-rail__social a:hover {
 opacity: .55;
}

.pp-rail__hot {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-top: 12px;
 padding: 16px 0;
 width: 36px;
 border-radius: var(--pp-rb);
 background: var(--pp-fg-a043);
 font-size: 10px;
 line-height: 16px;
 letter-spacing: .5px;
 writing-mode: vertical-rl;
 transition: opacity var(--pp-anim);
}

.pp-rail__hot:hover {
 opacity: .55;
}

.pp-hero {
 position: relative;
 height: 500px;
 border-radius: var(--pp-r) var(--pp-r) 0 0;
 overflow: hidden;
 background: var(--pp-fg);
}

.pp-hero__bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: calc(100% + var(--pp-r));
}

.pp-hero__bg:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: var(--pp-bk-a55);
}

.pp-hero__bg img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.pp-hero__box {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding-bottom: max(40px,3.368vw);
 color: var(--pp-bg);
}

.pp-hero__in {
 max-width: 512px;
}

.pp-hero__sub {
 font-size: clamp(14px,.947vw,18px);
 font-weight: 400;
 line-height: 1;
 letter-spacing: .25em;
 text-transform: uppercase;
 margin: 0;
}

.pp-hero__title {
 font-size: var(--pp-t-lg);
 line-height: 1.2;
 letter-spacing: -.04em;
 margin: 20px 0 0;
 max-width: 640px;
}

.pp-hero .pp-btn {
 margin-top: 40px;
}

.pp-hero .hero_slider,
.pp-hero .owl-stage-outer,
.pp-hero .owl-stage,
.pp-hero .owl-item,
.pp-hero__slide {
 height: 100%;
}

.pp-hero__slide {
 position: relative;
}

.pp-hero .hero_slider:not(.owl-loaded) {
 display: block;
}

.pp-hero .hero_slider:not(.owl-loaded) .pp-hero__slide:not(:first-child) {
 display: none;
}

.pp-hero .owl-dots {
 position: absolute;
 right: max(20px,3.368vw);
 bottom: max(40px,3.368vw);
 z-index: 2;
 height: 24px;
}

.pp-hero .owl-dot {
 display: inline-block;
 width: 24px;
 height: 24px;
 position: relative;
}

.pp-hero .owl-dot span {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 6px;
 height: 6px;
 margin: -3px 0 0 -3px;
 border-radius: 50%;
 background: var(--pp-bg);
 opacity: .6;
 transition: opacity .3s, box-shadow .3s;
}

.pp-hero .owl-dot.active span {
 opacity: 1;
 background: none;
 box-shadow: 0 0 0 2px var(--pp-bg);
}

.pp-trust {
 background: var(--pp-darker);
 padding: 44px 0;
 overflow: hidden;
}

.pp-trust__track {
 white-space: nowrap;
 animation: pp-run 38s linear infinite;
}

.pp-trust__row {
 display: inline-block;
 white-space: nowrap;
 vertical-align: top;
}

.pp-trust__item {
 display: inline-block;
 vertical-align: middle;
 margin-right: 100px;
}

.pp-trust__item img {
 height: 44px;
 width: auto;
}

@keyframes pp-run {
 from {
  transform: translateX(0);
 }

 to {
  transform: translateX(-50%);
 }
}

.pp-intro {
 padding: 75px 0 60px;
 background: var(--pp-bg);
}

.gx-0>.pp-intro__left {
 padding-right: 40px;
}

.pp-intro__note {
 font-size: 16px;
 font-weight: 700;
 line-height: 1.5;
 letter-spacing: -.03em;
 margin-top: 24px;
}

.pp-intro__body p {
 font-size: var(--pp-sub-lg);
 line-height: 1.6;
}

.pp-intro__body p+p {
 margin-top: 36px;
}

.pp-intro__body strong {
 font-weight: 700;
}

.pp-cats {
 padding: 75px 0 54px;
 background: var(--pp-bg);
}

.pp-box {
 position: relative;
}

.pp-cat {
 position: relative;
 display: block;
 background: var(--pp-card);
 border-radius: var(--pp-rc);
 overflow: hidden;
}

.pp-cat__img {
 padding-bottom: 94%;
 background: var(--pp-card);
}

.pp-cat__txt {
 display: block;
 padding: 16px 12px 24px;
 text-align: center;
}

.pp-cat__name {
 display: block;
 font-size: var(--pp-cat-fs);
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: -.05em;
}

.pp-cat__name sup {
 font-size: 12px;
 font-weight: 500;
 line-height: 1.6;
 letter-spacing: 0;
 margin-left: 2px;
 top: -.9em;
}

.pp-cat__desc {
 display: block;
 font-size: 12px;
 line-height: 1;
 color: var(--pp-fg);
 margin-top: 2px;
}

.pp-cat--over .pp-cat__img {
 padding-bottom: 132%;
}

.pp-cat--over .pp-cat__txt {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding: 24px 20px 28px;
 color: var(--pp-bg);
 background: linear-gradient(0deg,var(--pp-bk-a70),var(--pp-bk-a00));
}

.pp-cat--over .pp-cat__desc {
 color: var(--pp-bg);
}

.pp-cats__lead {
 float: left;
 width: 23%;
 padding-right: 18px;
}

.pp-cats__rest {
 overflow: hidden;
}

.pp-arrows .pp-round {
 position: absolute;
 top: 36%;
 z-index: 3;
}

.pp-arrows .prev {
 left: calc(23% + 30px);
}

.pp-arrows .next {
 right: 30px;
}

.pp-new {
 padding: 54px 0 57px;
 background: var(--pp-bg);
}

.pp-head {
 position: relative;
 margin-bottom: 24px;
}

.pp-head__txt {
 max-width: 760px;
}

.pp-head .pp-h2 {
 margin-top: 16px;
}

.pp-head__desc {
 margin-top: 8px;
 font-size: 16px;
 line-height: 1.6;
}

.pp-head__nav {
 position: absolute;
 right: 0;
 bottom: 0;
}

.pp-head__nav .pp-round {
 margin-left: 10px;
}

.pp-tabs {
 margin-bottom: 36px;
 overflow-x: auto;
 white-space: nowrap;
}

.pp-tab {
  --pp-fill: var(--pp-fg);
 --pp-fill-txt: var(--pp-bg);
 position: relative;
 z-index: 0;
 overflow: hidden;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 height: 51px;
 padding: 0 26px;
 margin-right: 16px;
 border-radius: var(--pp-rb);
 font-size: var(--pp-btn-fs);
 font-weight: 500;
 line-height: 1;
 background: var(--pp-fg-a024);
 color: var(--pp-fg);
 transition: color var(--pp-anim);
 transition-delay: .1s;
}

.pp-tab:before {
 content: "";
 position: absolute;
 left: -25%;
 top: -50%;
 width: 150%;
 height: 200%;
 border-radius: 50%;
 background: var(--pp-fill);
 transform: translate3d(0,-76%,0);
 transition: transform var(--pp-anim);
 z-index: -1;
}

.pp-tab.is-from-bottom:before {
 transform: translate3d(0,76%,0);
}

.pp-tab.is-snap:before {
 transition: none;
}

.pp-tab.is-fill:before {
 transform: translate3d(0,0,0);
}

.pp-tab:hover {
  color: var(--pp-fill-txt);
}

.pp-tab.is-on {
 background: var(--pp-fg);
 color: var(--pp-bg);
}

.pp-pane {
 display: none;
}

.pp-pane.is-on {
 display: block;
}

.pp-more {
 text-align: center;
 margin-top: 36px;
}

.pp-grid {
 --pp-g: 12px;
 margin: 0 calc(var(--pp-g) / -2) calc(var(--pp-g) * -1);
}

.pp-grid>[class*=col-] {
 padding-left: calc(var(--pp-g) / 2);
 padding-right: calc(var(--pp-g) / 2);
 margin-bottom: var(--pp-g);
}

.pp-prod {
 position: relative;
 background: var(--pp-card);
 border-radius: var(--pp-rc);
 overflow: hidden;
}

.pp-prod__media {
 position: relative;
}

.pp-qvbtn {
 position: absolute;
 right: 16px;
 top: 16px;
 z-index: 3;
 overflow: hidden;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 48px;
 height: 48px;
 padding: 0;
 border: 0;
 border-radius: var(--pp-rb);
 background: var(--pp-bg);
 color: var(--pp-fg);
 opacity: 0;
 visibility: hidden;
 transition: opacity var(--pp-fast),color var(--pp-anim);
}

.pp-qvbtn:before {
 content: "";
 position: absolute;
 left: -12px;
 top: -24px;
 width: 72px;
 height: 96px;
 border-radius: 50%;
 background: var(--pp-fg);
 transform: translate3d(0,-76%,0);
 transition: transform var(--pp-anim);
}

.pp-qvbtn:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border: 1px solid var(--pp-fg-a10);
 border-radius: var(--pp-rb);
}

.pp-qvbtn svg {
 position: relative;
 z-index: 1;
 width: 20px;
 height: 20px;
}

.pp-qvbtn:hover {
 color: var(--pp-bg);
}

.pp-qvbtn:hover:before {
 transform: translate3d(0,0,0);
}

.pp-prod__img {
 padding-bottom: 85%;
 background: var(--pp-card);
}

.pp-prod__ph {
 display: block;
}

.pp-prod__tags {
 position: absolute;
 left: 20px;
 top: 20px;
 z-index: 2;
}

.pp-badge {
 display: inline-flex;
 align-items: center;
 height: 34px;
 padding: 0 16px;
 border-radius: var(--pp-rb);
 font-size: 14px;
 font-weight: 500;
 line-height: 1;
 color: var(--pp-bg);
 background: var(--pp-fg);
 white-space: nowrap;
}

.pp-prod__tags li {
 margin-bottom: 12px;
}

.pp-prod__tags li:last-child {
 margin-bottom: 0;
}

.pp-badge--soon {
 background: var(--pp-orange);
}

.pp-badge--new {
 background: var(--pp-green);
}

.pp-badge--pre {
 background: var(--pp-amber);
}

.pp-badge--sale {
 background: var(--pp-bg);
  color: var(--pp-ink2);
  border: 1px solid var(--pp-ink2);
}

.pp-badge--lim {
 background: var(--pp-magenta);
}

.pp-badge--best,
.pp-badge--hot {
 background: var(--pp-red);
}

.pp-rate {
 position: absolute;
 right: 20px;
 top: 20px;
 z-index: 2;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 height: 34px;
 padding: 0 16px;
 border-radius: var(--pp-rb);
 background: var(--pp-wt-a75);
 font-size: clamp(11px,.684vw,13px);
 line-height: 1;
 transition: opacity var(--pp-fast);
}

.pp-rate svg {
 color: var(--pp-amber);
}

.pp-prod__clock {
 position: absolute;
 left: 0;
 bottom: 28px;
 width: 100%;
 text-align: center;
 z-index: 2;
}

.pp-prod__clock span {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 height: 44px;
 padding: 0 22px;
 border-radius: var(--pp-rb);
 background: var(--pp-red);
 color: var(--pp-bg);
 font-size: var(--pp-btn-fs);
 font-weight: 500;
}

.pp-prod__out {
 position: absolute;
 left: 0;
 bottom: 28px;
 width: 100%;
 text-align: center;
 z-index: 2;
 opacity: .6;
 transform: translateY(8px);
 transition: opacity var(--pp-anim),transform var(--pp-anim);
}

.pp-prod__out span {
 display: inline-flex;
 align-items: center;
 padding: 12.1248px 22px;
 border-radius: var(--pp-rb);
 background: var(--pp-bg);
 box-shadow: inset 0 0 0 2px var(--pp-fg);
 font-size: var(--pp-btn-fs);
 font-weight: 500;
 line-height: 1;
}

.pp-prod:hover .pp-prod__out {
 opacity: 1;
 transform: translateY(0);
}

.pp-prod__body {
 padding: var(--pp-gap) var(--pp-gap-lg) var(--pp-gap-lg);
 text-align: center;
}

.pp-grid>[class*=col-]:nth-child(2n+1) {
 clear: left;
}

.pp-prod__brand {
 display: block;
 font-size: 10px;
 line-height: 1;
 letter-spacing: 1px;
 text-transform: uppercase;
 color: var(--pp-fg-a60);
 padding: 4px 0 10px;
}

.pp-prod__name {
 display: block;
 min-height: 38px;
 font-size: 16px;
 line-height: 24px;
 font-weight: 500;
}

.pp-prod__name,
.pp-prod__brand {
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 100% min(100%,1.35em);
 background-size: 0 1px;
 transition: background-size var(--pp-anim);
}

.pp-prod__name:hover,
.pp-prod__brand:hover {
 text-decoration: underline;
}

.pp-prod__img img,
.pp-cat__img img,
.pp-feed__img img {
 transition: transform var(--pp-anim);
}

.pp-prod:hover .pp-prod__img img,
.pp-cat:hover .pp-cat__img img {
 transform: scale(1.05);
}

.pp-prod__price {
 margin-top: 8px;
 font-size: var(--pp-btn-fs);
 line-height: 1;
}

.pp-prod__price b {
 font-weight: 400;
 color: var(--pp-fg);
}

.pp-prod__price--sale b {
 font-weight: 500;
 color: var(--pp-red);
}

.pp-prod__price del {
 margin-left: 6px;
 font-size: clamp(12px,calc(.7297rem + .1013vw),14px);
 line-height: 1;
 color: var(--pp-fg-a60);
 text-decoration: none;
 background: linear-gradient(-9deg,var(--pp-wt-a00) 45%,var(--pp-red) 45%,var(--pp-red) 52%,var(--pp-wt-a00) 52%);
}

.pp-prod__price em {
 font-style: normal;
 font-size: clamp(11.2px,calc(.6492rem + .127vw),12.8px);
 line-height: 1;
 color: var(--pp-fg);
 margin-right: 4px;
}

.pp-prod__sw {
 padding-top: 16px;
 line-height: 0;
}

.pp-prod__sw i {
 display: inline-block;
 width: 16px;
 height: 16px;
 margin: 0 4px;
 border-radius: 50%;
 border: 1px solid var(--pp-fg-a10);
}

.pp-feed {
 padding: 60px 0 90px;
 background: var(--pp-bg);
}

.pp-feed .pp-head {
 margin-bottom: clamp(24px,2.526vw,48px);
}

.pp-feed .pp-head__txt {
 max-width: 725px;
}

.pp-feed__acc {
 position: absolute;
 right: 0;
 bottom: 0;
 white-space: nowrap;
}

.pp-feed__acc>* {
 display: inline-block;
 vertical-align: middle;
}

.pp-feed__ava {
 width: 70px;
 height: 70px;
 border-radius: 50%;
 padding: 3px;
 background: linear-gradient(45deg,var(--pp-ig-1),var(--pp-ig-2),var(--pp-ig-3));
 margin-right: 24px;
}

.pp-feed__ava img {
 width: 64px;
 height: 64px;
 border-radius: 50%;
 background: var(--pp-bg);
 padding: 3px;
 object-fit: contain;
}

.pp-feed__name {
 display: block;
 font-size: var(--pp-sub-lg);
 font-weight: 700;
 line-height: 1;
 letter-spacing: -.03em;
 margin-bottom: 10px;
}

.pp-reel {
 display: block;
 position: relative;
 border-radius: var(--pp-rc);
 overflow: hidden;
 background: var(--pp-card);
}

.pp-reel__img {
 padding-bottom: 125%;
}

.pp-reel__ig {
 position: absolute;
 right: 14px;
 top: 14px;
 color: var(--pp-bg);
 opacity: .9;
}

.pp-reel__cap {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding: 16px;
 /* color: var(--pp-bg); */
 color: var(--pp-dark);
 font-size: 14px;
 line-height: 1.35;
}

.pp-reel__pin {
 position: absolute;
 left: 14px;
 bottom: 14px;
}

.pp-reel__pin i {
 display: inline-block;
 position: relative;
 width: 48px;
 height: 48px;
 margin-right: 6px;
 border-radius: 8px;
 background: var(--pp-bg);
 overflow: hidden;
}

.pp-reel__pin img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.pp-kit {
 padding: 60px 0 90px;
 background: var(--pp-bg);
}

.gx-0>.pp-kit__txt {
 padding-right: 60px;
}

.pp-kit__txt .pp-lead {
 margin-top: 32px;
 font-style: italic;
}

.pp-kit__col {
 float: left;
 width: 50%;
 padding-left: 18px;
}

.pp-kit__col--a {
 padding-left: 0;
 padding-right: 18px;
 padding-top: 107px;
}

.pp-tile {
 display: block;
 position: relative;
 border-radius: var(--pp-rc);
 overflow: hidden;
 margin-bottom: 36px;
}

.pp-tile:last-child {
 margin-bottom: 0;
}

.pp-tile__img {
 padding-bottom: 125%;
}

.pp-tile--wide .pp-tile__img {
 padding-bottom: 75%;
}

.pp-tile__txt {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding: 24px 28px 26px;
 color: var(--pp-bg);
 background: linear-gradient(0deg,var(--pp-bk-a55),var(--pp-bk-a00));
}

.pp-tile__eye {
 display: block;
 font-size: 16px;
 line-height: 1.25;
}

.pp-tile__name {
 display: block;
 font-size: 30px;
 font-weight: 700;
 line-height: 1;
 letter-spacing: -.025em;
 margin-top: 4px;
}

.pp-tile--flip .pp-tile__eye {
 margin-top: 6px;
}

.pp-tile--flip .pp-tile__name {
 margin-top: 0;
}

.pp-says {
 position: relative;
 height: 680px;
 overflow: hidden;
 background: var(--pp-fg);
 color: var(--pp-bg);
 border-radius: var(--pp-r) var(--pp-r) 0 0;
}

.pp-says__bg {
 position: absolute;
 left: 22%;
 top: -16%;
 width: 110%;
 height: 132%;
 transform: rotate(-18deg);
}

.pp-says__bg[data-bg] {
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 transform: none;
 background-size: cover;
 background-position: 50% 50%;
}

.pp-says__col {
 float: left;
 width: 20%;
 padding: 0 12px;
}

.pp-says__col i {
 display: block;
 position: relative;
 padding-bottom: 120%;
 margin-bottom: 24px;
 border-radius: 16px;
 overflow: hidden;
 background: var(--pp-card);
}

.pp-says__col img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.pp-says__col--2 {
 margin-top: -90px;
}

.pp-says__col--3 {
 margin-top: -40px;
}

.pp-says__col--4 {
 margin-top: -130px;
}

.pp-says__col--5 {
 margin-top: -60px;
}

.pp-says__veil {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg,var(--pp-fg) 0%,var(--pp-fg) 30%,var(--pp-fg-a60) 55%,var(--pp-fg-a00) 78%);
}

.pp-says__box {
 position: relative;
 z-index: 2;
 height: 100%;
}

.pp-says__box .wrap {
 height: 100%;
}

.pp-says__mid {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 max-width: 640px;
}

.pp-says__sub {
 font-size: clamp(12px,calc(.7297rem + .1013vw),14px);
 line-height: 1;
 letter-spacing: .25em;
 text-transform: uppercase;
 color: var(--pp-tan);
 font-weight: 400;
 margin: 20px 0 0;
}

.pp-says .pp-h2 {
 margin-top: 20px;
}

.pp-says__desc {
 margin-top: 20px;
 font-size: var(--pp-sub-md);
 line-height: 1.6;
 max-width: 560px;
}

.pp-says .pp-btn {
 margin-top: 32px;
}

.pp-brand {
 position: relative;
 padding: 16px 0;
 overflow: hidden;
 background: var(--pp-bg);
}

.pp-brand__band {
 position: relative;
 width: 120%;
 margin-left: -10%;
 padding: 16px 0;
 overflow: hidden;
}

.pp-brand__band--1 {
 background: var(--pp-sand);
 transform: rotate(-3deg);
}

.pp-brand__band--2 {
 background: var(--pp-card);
 transform: rotate(3deg);
 margin-top: -14px;
}

.pp-brand__track {
 white-space: nowrap;
 animation: pp-run 45s linear infinite reverse;
}

.pp-brand__band--2 .pp-brand__track {
 animation-direction: normal;
 animation-duration: 52s;
}

.pp-brand__row {
 display: inline-block;
 white-space: nowrap;
 padding: 0 60px;
}

.pp-brand__row img {
 display: inline-block;
 vertical-align: middle;
 height: 60px;
 width: auto;
 margin-right: 120px;
}

.pp-faq {
 padding: 69px 0;
 background: var(--pp-bg);
}

.pp-faq__in {
 max-width: 1024px;
 margin: 0 auto;
}

.pp-faq__head {
 position: relative;
 margin-bottom: clamp(24px,2.526vw,48px);
}

.pp-faq__head .pp-btn {
 position: absolute;
 right: 0;
 bottom: 6px;
}

.pp-faq__box {
 border: 1px solid var(--pp-fg-a10);
 border-radius: var(--pp-rc);
 padding: var(--pp-gap-xl) 48px;
}

.pp-faq__item {
 border-bottom: 1px solid var(--pp-fg-a10);
}

.pp-faq__item:last-child {
 border-bottom: 0;
}

.pp-faq__q {
 position: relative;
 display: block;
 padding: 32px 44px 32px 0;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.25;
 cursor: pointer;
}

.pp-faq__q:before,
.pp-faq__q:after {
 content: "";
 position: absolute;
 background: var(--pp-fg);
 transition: transform .3s,opacity .3s;
}

.pp-faq__q:before {
 right: 0;
 top: 50%;
 width: 14px;
 height: 1.5px;
 margin-top: -1px;
}

.pp-faq__q:after {
 right: 6px;
 top: 50%;
 width: 1.5px;
 height: 14px;
 margin-top: -7px;
}

.pp-faq__item.is-on .pp-faq__q:after {
 transform: rotate(90deg);
 opacity: 0;
}

.pp-faq__a {
 display: none;
 max-width: 80%;
 margin-top: -10px;
 padding: 0 0 32px;
 font-size: 16px;
 line-height: 1.6;
 color: var(--pp-fg);
}

.pp-ben {
 padding: 45px 0;
 border-top: 1px solid var(--pp-fg-a06);
 background: var(--pp-bg);
 border-radius: 0 0 var(--pp-r) var(--pp-r);
}

.gx-0>.pp-ben__col {
 position: relative;
 padding: 0;
}

.gx-0>.pp-ben__col:first-child {
 padding-left: 0;
}

.gx-0>.pp-ben__col--last {
 padding-right: 0;
}

.pp-ben__item {
 position: relative;
 text-align: center;
}

.pp-ben__col:before {
 content: "";
 position: absolute;
 right: 0;
 top: 2px;
 bottom: 2px;
 width: 1px;
 background: var(--pp-fg-a06);
}

.pp-ben__col--last:before {
 display: none;
}

.pp-ben__ico {
 display: block;
 width: 24px;
 height: 24px;
 margin: 0 auto;
}

.pp-ben__txt {
 margin-top: 20px;
}

.pp-ben__name {
 font-size: 18px;
 font-weight: 500;
 line-height: 1.25;
}

.pp-ben__desc {
 margin-top: 8px;
 font-size: 13px;
 line-height: normal;
 color: var(--pp-fg);
}

.pp-ben .owl-item .pp-ben__col {
 width: 100%;
 padding: 0;
}

.pp-ben .owl-dots {
 text-align: center;
 height: 24px;
 margin-top: 24px;
}

.pp-ben .owl-dot {
 display: inline-block;
 width: 24px;
 height: 24px;
 position: relative;
}

.pp-ben .owl-dot span {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 5px;
 height: 5px;
 margin: -2.5px 0 0 -2.5px;
 border-radius: 50%;
 background: var(--pp-fg);
}

.pp-ben .owl-dot.active span {
 background: none;
 box-shadow: 0 0 0 2px var(--pp-fg);
}

.pp-ft {
 position: relative;
 z-index: 1;
 background: var(--pp-dark);
 color: var(--pp-bg);
 padding: 54px 0;
 border-radius: var(--pp-r);
}

.pp-ft__cols {
 font-size: 0;
 line-height: 0;
}

.pp-ft__col {
 display: inline-block;
 vertical-align: top;
 width: 100%;
 font-size: 16px;
 line-height: 1.2;
}

.pp-ft__t {
 position: relative;
 line-height: 0;
 padding-bottom: 20px;
}

.pp-ft__t span {
 display: inline-block;
 vertical-align: top;
 font-size: var(--pp-ft-t);
 font-weight: 500;
 line-height: 1;
 letter-spacing: -.03em;
}

.pp-ft__t svg {
 display: none;
}

.pp-ft__bd {
 padding: 8px 0 28px;
}

.pp-ft__list,
.pp-ft__txt {
 font-size: 17px;
 line-height: 1.8;
 color: var(--pp-bg);
}

.pp-ft__list li+li {
 margin-top: 12px;
}

.pp-ft__list a {
 display: block;
 width: fit-content;
 max-width: 100%;
 font-size: var(--pp-ft-li);
 line-height: 1.25;
 color: var(--pp-bg);
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/0 1px no-repeat;
 transition: background-size var(--pp-anim);
}

.pp-ft__list a:hover {
 background-size: 100% 1px;
}

.pp-ft__contact li+li {
 margin-top: 4px;
}

.pp-ft__contact a {
 display: inline-block;
 vertical-align: top;
 max-width: 100%;
 overflow-wrap: anywhere;
 font-size: var(--pp-ft-ct);
 background-size: 100% 1px;
}

.pp-ft__contact a:hover {
 background-size: 0 1px;
}

.pp-ft__right {
 margin-top: 40px;
 border-top: 1px solid var(--pp-wt-a11);
}

.gx-0>.pp-ft__right {
 padding: 56px 0 0;
}

.pp-ft__logo {
 height: 50px;
 width: auto;
 margin-bottom: 50px;
}

.pp-ft__slogan {
 font-size: var(--pp-ft-sl);
 font-weight: 500;
 line-height: 1;
 margin-bottom: 24px;
}

.pp-ft__form {
 position: relative;
}

.pp-ft__form input {
 width: 100%;
 height: 62px;
 padding: 0 68px 0 24px;
 border: 0;
 border-radius: 8px;
 background: var(--pp-ink2);
 color: var(--pp-bg);
 font-size: 16px;
}

.pp-ft__form input::placeholder {
 color: var(--pp-wt-a60);
}

.pp-ft__form button {
 position: absolute;
 right: 16px;
 top: 11px;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: var(--pp-bg);
 color: var(--pp-fg);
 display: inline-flex;
 align-items: center;
 justify-content: center;
}

.pp-ft__soc {
 margin-top: 40px;
}

.pp-ft__soc li {
 float: left;
 margin-right: 28px;
 line-height: 0;
}

.pp-ft__soc li:last-child {
 margin-right: 0;
}

.pp-ft__soc a {
 display: block;
 opacity: .85;
}

.pp-ft__soc a:hover {
 opacity: 1;
}

.pp-copy {
 position: relative;
 margin-top: calc(var(--pp-r) * -1);
 /* background: var(--pp-black); */
 background: var(--pp-darker);
 color: var(--pp-cream);
 padding: calc(28px + var(--pp-r)) 0 28px;
}

.pp-copy__txt {
 float: left;
 font-size: 14px;
 line-height: normal;
}

.pp-copy__links {
 margin: 16px -12px -12px 0;
 font-size: 0;
}

.pp-copy__links a {
 display: inline-block;
 margin: 0 12px 12px 0;
 font-size: 10.4px;
 line-height: normal;
 color: var(--pp-cream);
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/0 1px no-repeat;
 transition: background-size var(--pp-anim);
}

.pp-copy__links a:hover {
 background-size: 100% 1px;
}

.pp-copy__lang {
 float: right;
 position: relative;
 width: 163px;
 height: 48px;
}

.pp-copy__lang__btn {
 position: relative;
 display: block;
 width: 100%;
 height: 48px;
 padding: 14px 30px;
 border: 1px solid var(--pp-cr-a11);
 border-radius: var(--pp-rb);
 font-size: 14px;
 line-height: 1.25;
 text-align: center;
 color: var(--pp-cream);
 cursor: pointer;
}

.pp-copy__lang__btn>svg {
 position: absolute;
 top: 50%;
 margin-top: -8px;
}

.pp-copy__lang__btn>svg:first-child {
 left: 20px;
}

.pp-copy__lang__btn>svg:last-child {
 right: 20px;
}

.pp-copy__lang__list {
 position: absolute;
 left: 0;
 bottom: 100%;
 width: 100%;
 margin-bottom: 8px;
 padding: 8px 0;
 border-radius: 8px;
 background: var(--pp-dark);
 opacity: 0;
 visibility: hidden;
 transform: translateY(6px);
 transition: all .3s;
 z-index: 8;
}

.pp-copy__lang.is-open .pp-copy__lang__list {
 opacity: 1;
 visibility: visible;
 transform: none;
}

.pp-copy__lang__list a {
 display: block;
 padding: 6px 20px;
 font-size: 13px;
 color: var(--pp-cream);
 opacity: .7;
}

.pp-copy__lang__list a:hover,
.pp-copy__lang__list .active a {
 opacity: 1;
}

.pp-drawer {
 position: fixed;
 left: 0;
 top: 60px;
 width: 100%;
 height: calc(100% - 60px);
 background: var(--pp-bg);
 border-radius: 20px 20px 0 0;
 z-index: 60;
 visibility: hidden;
 transform: translateY(100%);
 transition: transform .4s,visibility .4s;
 overflow: hidden;
}

.pp-drawer.is-open {
 visibility: visible;
 transform: none;
}

.pp-drawer__hd {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 48px;
 z-index: 5;
 cursor: grab;
 touch-action: none;
}

.pp-drawer__grip {
 position: absolute;
 top: 10px;
 left: 50%;
 width: 48px;
 height: 4px;
 margin-left: -24px;
 border-radius: 60px;
 background: var(--pp-fg-a10);
}

.pp-drawer__sub {
 position: absolute;
 top: 48px;
 left: 0;
 bottom: 117px;
 width: 100%;
 background: var(--pp-bg);
 z-index: 3;
 visibility: hidden;
 transform: translateX(100%);
 transition: transform .4s,visibility .4s;
}

.pp-drawer__sub.is-on {
 visibility: visible;
 transform: none;
}

.pp-drawer__back {
 position: relative;
 display: block;
 width: 100%;
 height: 50px;
 padding: 0 0 0 40px;
 border: 0;
 border-bottom: 1px solid var(--pp-fg-a06);
 background: none;
 text-align: left;
 font-size: 16px;
 font-weight: 700;
 line-height: 50px;
 color: var(--pp-fg-a40);
}

.pp-drawer__back:before {
 content: "";
 position: absolute;
 left: 20px;
 top: 21px;
 width: 8px;
 height: 8px;
 border-left: 2px solid currentColor;
 border-top: 2px solid currentColor;
 transform: rotate(-45deg);
}

.pp-drawer__sbody {
 position: absolute;
 top: 50px;
 left: 0;
 bottom: 0;
 width: 100%;
 overflow-y: auto;
 padding: 12px 0 40px;
}

.pp-drawer__snav li {
 padding-left: 20px;
}

.pp-drawer__snav a {
 display: block;
 padding: 10px 0;
 font-size: 24px;
 line-height: 24px;
 font-weight: 700;
}

.pp-drawer__scard {
 margin: 16px 20px 0;
}

.pp-drawer__scard li {
 float: left;
 width: calc(50% - 6px);
 margin-bottom: 12px;
}

.pp-drawer__scard li:nth-child(2n) {
 float: right;
}

.pp-drawer__scard a {
 display: block;
 position: relative;
 border-radius: 10px;
 background: var(--pp-card);
 overflow: hidden;
}

.pp-scard__img {
 display: block;
 padding-bottom: 100%;
}

.pp-scard__t {
 display: block;
 padding: 16px;
 font-size: 18px;
 line-height: 21px;
 font-weight: 700;
}

.pp-scard__tag {
 position: absolute;
 left: 12px;
 top: 12px;
 z-index: 2;
 padding: 0 12px;
 height: 26px;
 border-radius: 60px;
 background: var(--pp-red);
 color: var(--pp-bg);
 font-size: 12px;
 line-height: 26px;
 font-weight: 500;
}

.pp-drawer__sall {
 display: block;
 clear: both;
 margin: 16px 20px 0;
 height: 50px;
 border-radius: 60px;
 background: var(--pp-fg);
 color: var(--pp-bg);
 font-size: 15px;
 line-height: 50px;
 font-weight: 500;
 text-align: center;
}

.pp-drawer__lg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 4;
 visibility: hidden;
 transition: visibility .6s;
}

.pp-drawer__lg.is-on {
 visibility: visible;
}

.pp-drawer__lgm {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 background: var(--pp-fg-a35);
 transition: opacity .6s cubic-bezier(.7,0,.2,1);
}

.pp-drawer__lg.is-on .pp-drawer__lgm {
 opacity: 1;
}

.pp-drawer__lgb {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 131px;
 max-height: calc(100% - 60px);
 background: var(--pp-bg);
 border-radius: 24px 24px 0 0;
 transform: translateY(100%);
 transition: transform .6s cubic-bezier(.7,0,.2,1);
}

.pp-drawer__lg.is-on .pp-drawer__lgb {
 transform: none;
}

.pp-drawer__lgx {
 position: absolute;
 right: 0;
 top: 0;
 width: 48px;
 height: 48px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}

.pp-drawer__lgb ul {
 position: absolute;
 left: 40px;
 top: 40px;
}

.pp-drawer__lgb li {
 height: 22px;
 margin-bottom: 7px;
}

.pp-drawer__lgb a {
 font-size: 14px;
 line-height: 17px;
}

.pp-drawer__lgb a.is-on {
 color: var(--pp-fg-a40);
}

.pp-drawer__nav {
 position: absolute;
 top: 48px;
 left: 0;
 bottom: 117px;
 width: 100%;
 overflow-y: auto;
 padding: 12px 0 40px;
}

.pp-drawer__nav li {
 padding-left: 20px;
}

.pp-drawer__nav a {
 position: relative;
 display: block;
 padding: 10px 0;
 font-size: 24px;
 line-height: 24px;
 font-weight: 700;
}

.pp-drawer__nav a svg {
 position: absolute;
 right: 18px;
 top: 10px;
 width: 24px;
 height: 24px;
 opacity: .4;
}

.pp-drawer__nav a,
.pp-drawer__snav a {
 transition: transform var(--pp-anim);
}

.pp-drawer__nav.is-slide a {
 transform: translateX(-30%);
}

.pp-drawer__ft {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
}

.pp-drawer__lang {
 position: relative;
 display: block;
 padding: 12px 20px;
 border-top: 1px solid var(--pp-fg-a06);
 font-size: 14px;
 line-height: 17px;
}

.pp-drawer__lang svg {
 position: absolute;
 right: 20px;
 top: 13px;
 width: 16px;
 height: 16px;
}

.pp-drawer__bot {
 padding: 20px;
 background: var(--pp-fg-a024);
}

.pp-drawer__acc {
 float: left;
 gap: 8px;
 min-width: 140px;
 padding: 10px 20px;
 font-size: 14px;
}

a.pp-drawer__acc svg {
 width: 16px;
 height: 16px;
}

.pp-drawer__soc {
 float: right;
 margin-top: 8px;
}

.pp-drawer__soc li {
 float: left;
 margin-left: 24px;
}

.pp-drawer__soc li:first-child {
 margin-left: 0;
}

.pp-drawer__soc a {
 display: block;
 width: 20px;
 height: 20px;
}

.pp-drawer__soc svg {
 display: block;
 width: 20px;
 height: 20px;
 fill: currentColor;
}

.pp-mask {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: var(--pp-fg-a70);
 z-index: 55;
 opacity: 0;
 visibility: hidden;
 transition: all .35s;
}

.pp-mask.is-open {
 opacity: 1;
 visibility: visible;
}

.pp-dw {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 60;
 visibility: hidden;
 transition: visibility var(--pp-dw);
}

.pp-dw.is-open {
 visibility: visible;
}

.pp-dw__ovl {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(to right,var(--pp-fg-a20) 40%,var(--pp-fg-a50) 80%);
 opacity: 0;
 transition: opacity var(--pp-mask);
}

.pp-dw.is-open .pp-dw__ovl {
 opacity: 1;
}

.pp-dw__in {
 position: absolute;
 top: 0;
 right: 0;
 width: 576px;
 max-width: 100%;
 height: 100%;
 background: var(--pp-bg);
 border-radius: 34px 0 0 34px;
 overflow: hidden;
 transform: translateX(100%);
 transition: transform var(--pp-dw);
}

.pp-dw.is-open .pp-dw__in {
 transform: none;
}

.pp-dw__hd {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 104px;
 padding: 32px 20px 24px;
 border-bottom: 1px solid var(--pp-fg-a06);
 z-index: 3;
 background: var(--pp-bg);
}

.pp-dw__ttl {
 display: inline-block;
 height: 48px;
 font-size: var(--pp-fs-3xl);
 line-height: 1;
 font-weight: 700;
 letter-spacing: -.025em;
}

.pp-dw__x {
 position: absolute;
 top: 32px;
 right: 20px;
 width: 48px;
 height: 48px;
 border-radius: 60px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid var(--pp-fg-a10);
 background: none;
 color: var(--pp-fg);
 transition: background-color var(--pp-anim),color var(--pp-anim);
}

.pp-dw__x:hover {
 background: var(--pp-fg);
 color: var(--pp-bg);
}

.pp-dw__bd {
 position: absolute;
 top: 104px;
 left: 0;
 bottom: 0;
 width: 100%;
 padding: 24px 20px;
 overflow-x: hidden;
 overflow-y: auto;
 scrollbar-width: thin;
}

.pp-sd__field {
 position: relative;
 margin-bottom: 32px;
}

.pp-sd__in {
 width: 100%;
 height: 62px;
 padding: 0 116px 0 28px;
 border: 0;
 border-radius: 6px;
 background: var(--pp-fg-a043);
 font-size: 18px;
 font-weight: 500;
 color: var(--pp-fg);
}

.pp-sd__in::-webkit-search-cancel-button {
 -webkit-appearance: none;
}

.pp-sd__in:focus,
.pp-cd__ta:focus,
.pp-cd__inp:focus {
 outline: none;
 background: var(--pp-fg-a045);
}

.pp-sd__sfx {
 position: absolute;
 top: 20px;
 right: 28px;
 line-height: 22px;
}

.pp-sd__clear {
 font-size: 12px;
 color: var(--pp-fg);
 background: none;
 border: 0;
 padding: 0;
 margin-right: 16px;
 opacity: 0;
 pointer-events: none;
 transition: opacity var(--pp-anim);
}

.pp-sd.is-typing .pp-sd__clear {
 opacity: 1;
 pointer-events: auto;
}

.pp-sd__mic {
 display: inline-block;
 vertical-align: -5px;
 color: var(--pp-fg-a60);
}

.pp-sd__grp+.pp-sd__grp {
 margin-top: 36px;
}

.pp-sd__h {
 font-size: 12px;
 line-height: 15px;
 letter-spacing: .1em;
 color: var(--pp-fg-a50);
 padding-bottom: 8px;
 margin: 0 0 16px;
 border-bottom: 1px solid var(--pp-fg-a06);
}

.pp-sd__list li+li {
 margin-top: 8px;
}

.pp-sd__link {
 font-size: 18px;
 line-height: 1.25;
 font-weight: 500;
 background-image: linear-gradient(var(--pp-fg),var(--pp-fg));
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 0 1px;
 transition: background-size var(--pp-anim);
}

.pp-sd__link:hover {
 background-size: 100% 1px;
}

.pp-sd__res,
.pp-sd.is-typing .pp-sd__rec {
 display: none;
}

.pp-sd.is-typing .pp-sd__res {
 display: block;
}

.pp-sd__none {
 display: none;
 font-size: 16px;
 color: var(--pp-fg-a60);
}

.pp-sd__res.is-empty .pp-hp {
 display: none;
}

.pp-sd__res.is-empty .pp-sd__none {
 display: block;
}

.pp-sd__sticky {
 position: sticky;
 bottom: 0;
 margin-top: 40px;
 padding-bottom: 24px;
 background: var(--pp-bg);
}

.pp-sd__all {
 width: 100%;
}

.pp-hp__it {
 position: relative;
 display: table;
 width: 100%;
 padding: 18px 0 0;
}

.pp-hp__it:first-child {
 padding-top: 0;
}

.pp-hp__media {
 display: table-cell;
 width: 120px;
 padding-right: 24px;
 vertical-align: top;
}

.pp-hp__media img {
 display: block;
 width: 96px;
 /* height: 120px; */
 border-radius: 8px;
 background: var(--pp-card);
 object-fit: contain;
}

.pp-hp__det {
 display: table-cell;
 vertical-align: middle;
}

.pp-hp--cart .pp-hp__det {
 vertical-align: top;
}

.pp-hp__brand {
 font-size: 12px;
 line-height: 1.6;
 color: var(--pp-fg-a60);
 margin: 0;
}

.pp-hp__name {
 display: block;
 font-size: 16px;
 line-height: 1.25;
 font-weight: 500;
 margin-top: 4px;
 background-image: linear-gradient(var(--pp-fg),var(--pp-fg));
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 0 1px;
 transition: background-size var(--pp-anim);
}

.pp-hp__name:hover {
 background-size: 100% 1px;
}

.pp-hp__opt {
 font-size: 12px;
 line-height: 15px;
 color: var(--pp-fg-a60);
 margin: 0;
}

.pp-hp__price {
 font-size: 14px;
 line-height: 1.6;
 margin: 6px 0 0;
}

.pp-hp__price del {
 color: var(--pp-fg-a60);
 margin-right: 6px;
}

.pp-hp__price ins {
 font-weight: 500;
 color: var(--pp-red);
 text-decoration: none;
}

.pp-hp__disc {
 margin-top: 4px;
}

.pp-hp__disc li {
 display: inline-block;
 margin-right: 8px;
}

.pp-hp__dtag,
.pp-hp__dval {
 display: inline-flex;
 align-items: center;
 height: 28px;
 padding: 0 14px;
 border-radius: 60px;
 font-size: 12px;
 font-weight: 500;
}

.pp-hp__dtag {
 background: var(--pp-red-a10);
 color: var(--pp-red);
}

.pp-hp__dval {
 background: var(--pp-red);
 color: var(--pp-bg);
 margin-left: 8px;
}

.pp-hp--cart .pp-hp__it {
 padding: 24px 0;
 border-top: 1px solid var(--pp-fg-a06);
}

.pp-hp--cart .pp-hp__it:first-child {
 padding-top: 0;
 border-top: 0;
}

.pp-hp--cart .pp-hp__it:last-child {
 padding-bottom: 0;
}

.pp-hp__qty {
 display: table-cell;
 vertical-align: top;
 width: 96px;
 padding: 4px 0 0 24px;
}

.pp-hp__qty .pp-cqty {
 width: 72px;
 height: 48px;
}

.pp-hp__rm {
 position: absolute;
 right: 0;
 bottom: 24px;
 font-size: 12px;
 color: var(--pp-fg-a60);
 text-decoration: underline;
}

.pp-hp--cart .pp-hp__it:last-child .pp-hp__rm {
 bottom: 0;
}

.pp-hp__rm:hover {
 color: var(--pp-fg);
}

.pp-cd__tabs li {
 display: inline-block;
 margin-right: 40px;
}

.pp-cd__tab {
 position: relative;
 padding: 0;
 border: 0;
 background: none;
 color: var(--pp-fg-a25);
 transition: color var(--pp-anim);
}

.pp-cd__tab.is-on,
.pp-cd__tab:hover {
 color: var(--pp-fg);
}

.pp-cd__cnt {
 position: absolute;
 top: -4px;
 right: -14px;
 font-size: 12px;
 line-height: 1;
}

.pp-cd__pan {
 display: none;
 bottom: 247px;
}

.pp-cd__pan.is-on {
 display: block;
}

.pp-cd__ship {
 margin-bottom: 36px;
}

.pp-cd__ship-t {
 font-size: 14px;
 line-height: 1.25;
 margin: 0 0 12px;
}

.pp-cd__bar {
 display: block;
 height: 6px;
 border-radius: 60px;
 background: var(--pp-fg-a06);
 overflow: hidden;
}

.pp-cd__bar i {
 display: block;
 width: 100%;
 height: 100%;
 background: var(--pp-fg);
}

.pp-cd__ft {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 background: var(--pp-bg);
 z-index: 2;
}

.pp-cd__ftop {
 border-top: 1px solid var(--pp-fg-a06);
 padding: 12px 0;
 font-size: 0;
 text-align: center;
}

.pp-cd__fbtn+.pp-cd__fbtn {
 border-left: 1px solid var(--pp-fg-a06);
}

.pp-cd__fbtn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 33.33%;
 height: 24px;
 padding: 0;
 border: 0;
 background: none;
 font-size: 16px;
 color: var(--pp-fg);
}

.pp-cd__fbtn svg {
 margin-right: 10px;
 color: var(--pp-fg-a60);
}

.pp-cd__fbtn .pp-ic-f {
 fill: var(--pp-fg-a06);
}

.pp-cd__fbot {
 padding: 24px 20px;
 background: var(--pp-fg-a024);
}

.pp-cd__fnote {
 float: left;
 width: 232px;
 font-size: 16px;
 line-height: 1.375;
 margin: 0;
}

.pp-cd__tot {
 float: right;
 text-align: right;
}

.pp-cd__tot-l {
 font-size: 16px;
 line-height: 1.375;
 margin: 0;
}

.pp-cd__tot-v {
 font-size: 24px;
 line-height: 1;
 font-weight: 700;
 margin: 1px 0 0;
}

.pp-cd__fbtns {
 clear: both;
 padding-top: 24px;
 font-size: 0;
}

.pp-cd__pay,
.pp-cd__view {
 width: calc(50% - 8px);
 height: 60px;
 vertical-align: top;
}

.pp-cd__pay {
 margin-right: 16px;
}

.pp-cd__pay svg {
 margin-right: 10px;
}

.pp-cd__sheet {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding: 40px 48px;
 background: var(--pp-bg);
 border-top: 1px solid var(--pp-fg-a06);
 z-index: 4;
 transform: translateY(100%);
 visibility: hidden;
 transition: transform var(--pp-dw),visibility var(--pp-dw);
}

.pp-cd__sheet.is-on {
 transform: none;
 visibility: visible;
}

.pp-cd__sh-hd {
 position: relative;
 margin-bottom: 24px;
}

.pp-cd__sh-t {
 font-size: 16px;
}

.pp-cd__sh-x {
 position: absolute;
 top: -3px;
 right: 0;
 width: 24px;
 height: 24px;
 padding: 0;
 border: 0;
 background: none;
 color: var(--pp-fg);
}

.pp-cd__ta,
.pp-cd__inp {
 width: 100%;
 padding: 18px 28px;
 border: 0;
 border-radius: 6px;
 background: var(--pp-fg-a043);
 font-size: 16px;
 resize: none;
}

.pp-cd__inp {
 height: 62px;
 padding: 0 28px;
}

.pp-cd__apply {
 height: 60px;
 margin-top: 24px;
}

@media (min-width: 640px) {
 .pp-cd__pan {
  bottom: 228px;
 }
}

@media (min-width: 768px) {
 .pp-cd__ftop {
  padding: 16px 0;
 }

 .pp-cd__pan {
  bottom: 236px;
 }
}

@media (min-width: 1024px) {
 .pp-dw__hd {
  padding-left: 48px;
  padding-right: 48px;
 }

 .pp-dw__x {
  right: 48px;
 }

 .pp-dw__bd {
  padding: 32px 48px;
 }

 .pp-cd__fbot {
  padding-left: 48px;
  padding-right: 48px;
 }
}

@media (min-width: 1536px) {
 .pp-dw__hd {
  height: 121px;
  padding-top: 40px;
  padding-bottom: 32px;
 }

 .pp-dw__x {
  top: 40px;
 }

 .pp-dw__bd {
  top: 121px;
  padding-top: 44px;
  padding-bottom: 44px;
 }

 .pp-cd__fbot {
  padding-top: 44px;
  padding-bottom: 44px;
 }

 .pp-cd__pan {
  bottom: 276px;
 }
}

.owl-carousel .owl-item {
 float: left;
}

.pp-cbn {
 position: relative;
 height: 390px;
 border-radius: var(--pp-r) var(--pp-r) 0 0;
 overflow: hidden;
 background: var(--pp-fg);
}

.pp-cbn__bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: calc(100% + var(--pp-r));
}

.pp-cbn__bg:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: var(--pp-bk-a35);
}

.pp-cbn__bg img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: top;
}

.pp-cbn__in {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding-bottom: clamp(40px,3.368vw,64px);
 color: var(--pp-bg);
}

.pp-cbn__box {
 max-width: 720px;
}

.pp-crumb ul {
 font-size: 0;
}

.pp-crumb li {
 display: inline-block;
 vertical-align: middle;
 font-size: clamp(13px,1.2vw,16px);
 line-height: normal;
}

.pp-crumb li+li {
 margin-left: clamp(12px,.947vw,16px);
}

.pp-crumb li+li:before {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 1px;
 height: .75em;
 margin-right: clamp(12px,.947vw,16px);
 background: var(--pp-wt-a10);
 transform: rotate(25deg);
}

.pp-crumb a {
 display: inline-block;
 vertical-align: middle;
 transition: opacity var(--pp-anim);
}

.pp-crumb a:hover {
 opacity: .7;
}

.pp-crumb svg {
 display: block;
 width: 16px;
 height: 16px;
}

.pp-cbn__title span {
 display: inline-block;
}

.pp-cbn__title {
 margin-top: 20px;
 padding-bottom: .1em;
 font-size: var(--pp-t-lg);
 line-height: 1;
 letter-spacing: -.04em;
}

.pp-coll {
 padding: 30px 0 75px;
 background: var(--pp-bg);
}

.pp-coll__bar {
 margin-bottom: 20px;
}

/* .pp-coll__fw {
 display: none;
} */

.pp-coll__fw .pp-btn svg {
 width: 22px;
 height: 22px;
}

.pp-subs {
 display: none;
 font-size: 0;
}

.pp-subs li {
 position: relative;
 display: inline-block;
 vertical-align: top;
 height: 40px;
}

.pp-subs li+li:before {
 content: "";
 position: absolute;
 left: 0;
 top: 12px;
 width: 1px;
 height: 16px;
 background: var(--pp-fg);
 opacity: .3;
 transform: rotate(25deg);
}

.pp-subs a {
 display: inline-block;
 padding: calc((40px - 1.25em) / 2) clamp(20px,1.368vw,26px);
 font-size: var(--pp-fs-sub);
 font-weight: 500;
 line-height: 1.25;
 opacity: .3;
 transition: opacity var(--pp-anim);
}

.pp-subs li:first-child a {
 padding-left: 0;
}

.pp-subs a:hover {
 opacity: 1;
}

.pp-subs__n {
 position: relative;
}

.pp-subs__c {
 position: absolute;
 left: calc(100% + 2px);
 top: -4px;
 font-size: 12px;
 line-height: 19.2px;
 vertical-align: baseline;
}

.pp-msel {
 position: relative;
}

.pp-msel__s {
 width: 100%;
 height: 52px;
 padding: 0 46px 0 26px;
 border: 0;
 border-radius: 6px;
 background: var(--pp-fg-a024);
 color: var(--pp-fg);
 font-family: inherit;
 font-size: 14px;
 line-height: 17.5px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.pp-msel__i {
 position: absolute;
 right: 22px;
 top: 50%;
 margin-top: -8px;
 pointer-events: none;
}

.pp-msel__i svg {
 display: block;
 width: 16px;
 height: 16px;
}

.pp-coll__sort {
 display: none;
}

.pp-coll__sortl {
 display: inline-block;
 vertical-align: middle;
 margin-right: 24px;
 font-size: 16px;
 line-height: normal;
}

.pp-sort {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 text-align: left;
}

.pp-sort__btn {
 gap: 20px;
 padding-left: calc(clamp(26px,1.473vw,30px) + 2px);
 padding-right: calc(clamp(26px,1.473vw,30px) + 2px);
}

.pp-sort__dot {
 position: relative;
 flex: none;
 width: 6px;
 height: 20px;
}

.pp-sort__dot:before {
 content: "";
 position: absolute;
 left: 0;
 top: 7px;
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: currentColor;
}

.pp-sort__panel {
 position: absolute;
 right: 0;
 top: 0;
 z-index: 20;
 overflow: hidden;
 width: 320px;
 padding: 22px 28px 38px;
 border-radius: 32px;
 color: var(--pp-bg);
 opacity: 0;
 visibility: hidden;
 transition: opacity var(--pp-anim),visibility var(--pp-anim);
}

.pp-sort__panel:before {
 content: "";
 position: absolute;
 left: -25%;
 top: -50%;
 z-index: -1;
 width: 150%;
 height: 200%;
 border-radius: 50%;
 background: var(--pp-fg);
 transform: translate3d(0,-76%,0);
 transition: transform var(--pp-anim);
}

.pp-sort.is-open .pp-sort__panel {
 opacity: 1;
 visibility: visible;
}

.pp-sort.is-open .pp-sort__panel:before {
 transform: translate3d(0,0,0);
}

.pp-sort__lbl {
 display: block;
 margin-top: 12px;
 font-size: 14px;
 line-height: 22.4px;
 font-weight: 500;
 letter-spacing: 1.4px;
 text-transform: uppercase;
 opacity: .4;
}

.pp-sort__x {
 position: absolute;
 right: 28px;
 top: 22px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: var(--pp-bg);
 color: var(--pp-fg);
}

.pp-sort__x svg {
 display: block;
 width: 20px;
 height: 20px;
}

.pp-sort__list {
 margin-top: 30px;
}

.pp-sort__list li {
 line-height: 0;
}

.pp-sort__list li+li {
 margin-top: 8px;
}

.pp-sort__list a {
 display: inline-block;
 height: 32px;
 font-size: 20px;
 line-height: 32px;
 font-weight: 500;
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 100% min(100%,27px);
 background-size: 0 1px;
 transition: background-size var(--pp-anim);
}

.pp-sort__list a:hover {
 background-size: 100% 1px;
}

.pp-sort__list a.is-on {
 opacity: .4;
 pointer-events: none;
}

.pp-coll__more {
 margin-top: 48px;
 text-align: center;
}

.pp-coll__morebtn {
 min-width: 192px;
}

.pp-fdrawer {
 position: fixed;
 left: 0;
 top: 0;
 z-index: 40;
 width: 100%;
 height: 100%;
 visibility: hidden;
 transition: visibility var(--pp-anim);
 pointer-events: none;
}

.pp-fdrawer.is-open {
 visibility: visible;
}

.pp-fdrawer__mask {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: var(--pp-fg-a70);
 opacity: 0;
 transition: opacity var(--pp-anim);
 pointer-events: auto;
}

.pp-fdrawer.is-open .pp-fdrawer__mask {
 opacity: 1;
}

.pp-fdrawer__in {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: calc(100% - 60px);
 background: var(--pp-bg);
 border-radius: 20px 20px 0 0;
 transform: translateY(100%);
 transition: transform var(--pp-anim);
 pointer-events: auto;
}

.pp-fdrawer.is-open .pp-fdrawer__in {
 transform: translateY(0);
}

.pp-fdrawer__hd {
 position: relative;
 min-height: 81px;
 padding: 32px 20px 24px;
 touch-action: none;
}

.pp-fdrawer__t {
 display: inline-block;
 font-size: 24px;
 line-height: 24px;
 font-weight: 700;
 letter-spacing: -.025em;
}

.pp-fdrawer__t--d {
 display: none;
}

.pp-fdrawer__x {
 position: absolute;
 right: 4px;
 top: 4px;
 display: none;
 width: 48px;
 height: 48px;
}

.pp-fdrawer__bd {
 position: absolute;
 left: 0;
 top: 81px;
 width: 100%;
 height: calc(100% - 81px);
 padding: 24px 20px 0;
 overflow-y: auto;
 overscroll-behavior: contain;
}

.pp-fform {
 padding-bottom: 28px;
}

.pp-fdrawer__ft {
 position: sticky;
 left: 0;
 bottom: 0;
 z-index: 1;
 padding: 24px 0;
}

.pp-fdrawer__go {
 width: 100%;
 gap: 4px;
}

.pp-fdrawer__go em {
 font-style: normal;
}

.pp-fgr {
 border-bottom: 1px solid var(--pp-fg-a06);
}

.pp-fgr--sel {
 padding-bottom: 12px;
 border-bottom: 0;
}

.pp-fgr__hd {
 position: relative;
 display: block;
 width: 100%;
 padding: clamp(20px,1.473vw,28px) 0;
 text-align: left;
}

.pp-fgr__t {
 display: block;
 margin: 0;
 font-size: clamp(16px,calc(.873rem + .3175vw),20px);
 line-height: normal;
 font-weight: 500;
 cursor: pointer;
}

.pp-fgr__i {
 position: absolute;
 right: 0;
 top: 50%;
 width: 20px;
 height: 20px;
 margin-top: -10px;
 transition: transform var(--pp-anim);
}

.pp-fgr--acc:not(.is-open) .pp-fgr__i {
 transform: rotate(180deg);
}

.pp-fgr--acc:not(.is-open) .pp-fgr__bd {
 display: none;
}

.pp-fgr__bd {
 padding-bottom: 28px;
}

.pp-ffield {
 position: relative;
}

.pp-fsel {
 width: 100%;
 height: 62px;
 padding: 16px 46px 0 26px;
 border: 0;
 border-radius: 6px;
 background: var(--pp-fg-a024);
 color: var(--pp-fg);
 font-family: inherit;
 font-size: var(--pp-btn-fs);
 line-height: 1.25;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.pp-ffield__i {
 position: absolute;
 right: 26px;
 top: 21px;
 pointer-events: none;
}

.pp-ffield__i svg {
 display: block;
 width: 20px;
 height: 20px;
 transform: rotate(180deg);
}

.pp-ffield__l {
 position: absolute;
 margin: 0;
 left: 27px;
 top: 10px;
 font-size: 12px;
 line-height: 1.4;
 font-weight: 400;
 color: var(--pp-fg-a60);
 pointer-events: none;
}

input.pp-switch {
 position: absolute;
 right: 0;
 top: 50%;
 width: 38px;
 height: 20px;
 margin: -10px 0 0;
 border-radius: var(--pp-rb);
 background: var(--pp-fg-a10);
 box-shadow: 0 0 0 1px var(--pp-fg-a10);
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 cursor: pointer;
 transition: background-color var(--pp-anim);
}

input.pp-switch:before {
 content: "";
 position: absolute;
 left: 2px;
 top: 2px;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 background: var(--pp-bg);
 box-shadow: 1px 1px 2px -1px var(--pp-fg-a40);
 transition: transform var(--pp-anim);
}

input.pp-switch:checked {
 background: var(--pp-fg);
}

input.pp-switch:checked:before {
 transform: translateX(18px);
}

.pp-frange {
 padding-top: 8px;
}

.pp-frange__track {
 position: relative;
 height: 4px;
 border-radius: 2px;
 background: linear-gradient(to right,var(--pp-fg-a10) 0,var(--pp-fg-a10) var(--pp-rg-a),var(--pp-fg) var(--pp-rg-a),var(--pp-fg) var(--pp-rg-b),var(--pp-fg-a10) var(--pp-rg-b),var(--pp-fg-a10) 100%);
}

.pp-frange__r {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 4px;
 margin: 0;
 background: none;
 pointer-events: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.pp-frange__r::-webkit-slider-thumb {
 width: 16px;
 height: 16px;
 border: 2px solid var(--pp-fg);
 border-radius: 50%;
 background: var(--pp-bg);
 pointer-events: auto;
 cursor: pointer;
 -webkit-appearance: none;
 appearance: none;
}

.pp-frange__r::-moz-range-thumb {
 width: 16px;
 height: 16px;
 border: 2px solid var(--pp-fg);
 border-radius: 50%;
 background: var(--pp-bg);
 pointer-events: auto;
 cursor: pointer;
}

.pp-frange__row {
 margin-top: 32px;
 font-size: 0;
}

.pp-frange__f {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 width: calc((100% - 76px) / 2);
}

.pp-frange__s {
 display: inline-block;
 vertical-align: middle;
 width: 76px;
 font-size: var(--pp-btn-fs);
 line-height: 1;
 text-align: center;
}

.pp-frange__p {
 position: absolute;
 left: 20px;
 top: 50%;
 margin-top: -10px;
 font-size: var(--pp-btn-fs);
 font-style: normal;
 line-height: 20px;
 pointer-events: none;
}

.pp-finput {
 width: 100%;
 height: 49px;
 padding: 0 20px 0 32px;
 border: 0;
 border-radius: var(--pp-rb);
 background: var(--pp-fg-a024);
 color: var(--pp-fg);
 font-family: inherit;
 font-size: var(--pp-btn-fs);
 font-weight: 500;
 line-height: 1;
 text-align: right;
 -webkit-appearance: none;
 -moz-appearance: textfield;
 appearance: none;
}

.pp-finput::-webkit-inner-spin-button,
.pp-finput::-webkit-outer-spin-button {
 margin: 0;
 -webkit-appearance: none;
 appearance: none;
}

.pp-fsw {
 margin: 0 -16px -16px 0;
 font-size: 0;
}

.pp-fsw li {
 position: relative;
 display: inline-block;
 vertical-align: top;
 margin: 0 16px 16px 0;
}

.pp-fsw__i {
 display: block;
 margin: 0;
 width: clamp(40px,3.368vw,64px);
 height: clamp(40px,3.368vw,64px);
 border-radius: 5px;
 background: var(--pp-card) 50%/contain no-repeat;
 cursor: pointer;
}

.pp-fsw__i:hover {
 box-shadow: 0 0 0 2px var(--pp-fg);
}

.pp-sr:checked+.pp-fsw__i {
 box-shadow: inset 0 0 0 2px var(--pp-bg),0 0 0 2px var(--pp-fg);
}

.pp-fsw__i span {
 position: absolute;
 left: 50%;
 bottom: calc(100% + 15px);
 z-index: 10;
 padding: 6px 20px;
 border-radius: var(--pp-rb);
 background: var(--pp-fg);
 color: var(--pp-bg);
 font-size: 12px;
 line-height: 19.2px;
 white-space: nowrap;
 opacity: 0;
 transform: translateX(-50%) scale(.75);
 transition: opacity var(--pp-anim),transform var(--pp-anim);
 pointer-events: none;
}

.pp-fsw__i span:after {
 content: "";
 position: absolute;
 left: 50%;
 top: calc(100% - 3px);
 margin-left: -10px;
 border: 10px solid transparent;
 border-bottom: 0;
 border-top-color: var(--pp-fg);
}

.pp-fsw__i:hover span {
 opacity: 1;
 transform: translateX(-50%) scale(1);
}

.pp-flist li {
 display: flex;
 align-items: center;
 gap: 12px;
}

.pp-flist li+li {
 margin-top: 12px;
}

input.pp-cbx {
 position: relative;
 flex: none;
 width: 20px;
 height: 20px;
 margin: 0;
 border: 1px solid var(--pp-fg-a40);
 border-radius: 5px;
 background: var(--pp-bg);
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 cursor: pointer;
 transition: background-color var(--pp-anim),border-color var(--pp-anim);
}

input.pp-cbx:checked {
 border-color: var(--pp-fg);
 background: var(--pp-fg);
}

input.pp-cbx:checked:before {
 content: "";
 position: absolute;
 left: 6px;
 top: 3px;
 width: 4px;
 height: 8px;
 border: solid var(--pp-bg);
 border-width: 0 1px 1px 0;
 transform: rotate(43deg);
}

.pp-flist label {
 margin: 0;
 font-size: 16px;
 line-height: normal;
 font-weight: 400;
 cursor: pointer;
}

.pp-flist label span {
 margin-left: 4px;
 font-size: 14px;
 line-height: 1.6;
 color: var(--pp-fg-a60);
}

.pp-fsticky {
 position: fixed;
 left: 0;
 bottom: 32px;
 z-index: 25;
 width: 100%;
 text-align: center;
 pointer-events: none;
}

.pp-fsticky .pp-btn {
 pointer-events: auto;
}

@media (min-width: 640px) {
 .pp-fdrawer__mask {
  background: linear-gradient(to left,var(--pp-fg-a20) 20%,var(--pp-fg-a50) 60%);
 }

 .pp-fdrawer__in {
  top: 0;
  width: 576px;
  height: 100%;
  border-radius: 0 34px 34px 0;
  transform: translateX(-100%);
 }

 .pp-fdrawer.is-open .pp-fdrawer__in {
  transform: translateX(0);
 }

 .pp-fdrawer__hd {
  min-height: 105px;
  touch-action: auto;
 }

 .pp-fdrawer__hd .pp-drawer__grip {
  display: none;
 }

 .pp-fdrawer__x {
  right: 20px;
  top: 32px;
  display: inline-flex;
 }

 .pp-fdrawer__bd {
  top: 105px;
  height: calc(100% - 105px);
 }
}

@media (min-width: 768px) {
 .pp-finput {
  height: 52px;
 }

 .pp-cbn {
  height: 510px;
 }

 .pp-crumb svg {
  width: 20px;
  height: 20px;
 }

 .pp-coll {
  padding: 40px 0 100px;
 }

 .pp-intro__note {
  font-size: 18px;
 }

 .pp-grid {
  --pp-g: var(--pp-gap);
 }

 .pp-col-4 {
  width: 33.3333%;
 }

 .pp-grid>[class*=col-]:nth-child(2n+1) {
  clear: none;
 }

 .pp-grid>[class*=col-]:nth-child(3n+1) {
  clear: left;
 }

 .pp-hero {
  height: 595px;
 }

 .pp-intro {
  padding: 100px 0 80px;
 }

 .pp-cats {
  padding: 100px 0 72px;
 }

 .pp-new {
  padding: 72px 0 76px;
 }

 .pp-feed {
  padding: 80px 0 120px;
 }

 .pp-kit {
  padding: 80px 0 120px;
 }

 .pp-faq {
  padding: 92px 0;
 }

 .pp-ben {
  padding: 60px 0;
 }

 .pp-ft {
  padding: 72px 0;
 }

 .pp-ft__cols {
  margin-bottom: -48px;
 }

 .pp-ft__col {
  width: calc(25% - 38.4px);
  margin: 0 48px 48px 0;
 }

 .pp-ft__c4 {
  margin-right: 0;
 }

 .pp-ft__rin {
  display: table;
  width: 100%;
  table-layout: fixed;
 }

 .pp-ft__nl {
  display: table-cell;
  vertical-align: top;
  width: calc(60% - 16px);
 }

 .pp-ft__soc {
  display: table-cell;
  vertical-align: bottom;
  width: calc(40% + 16px);
  padding-left: 40px;
  margin-top: 0;
 }

 .pp-faq__head .pp-btn {
  position: absolute;
  right: 0;
  bottom: 6px;
  margin-top: 0;
 }
}

@media (min-width: 1024px) {
 .pp-fdrawer__hd {
  padding: 32px 48px 24px;
 }

 .pp-fdrawer__t {
  font-size: 30px;
  line-height: 30px;
 }

 .pp-fdrawer__x {
  right: 48px;
 }

 .pp-fdrawer__bd {
  padding: 32px 48px 0;
 }

 .pp-fsel {
  line-height: 1.6;
 }

 .pp-coll__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
 }

 .pp-subs {
  display: block;
  flex: 1 1 auto;
 }

 .pp-msel {
  display: none;
 }

 .pp-intro__note {
  font-size: 20px;
 }

 .pp-copy__links a {
  font-size: 11.2px;
 }

 .pp-intro__left {
  width: 38.22%;
 }

 .pp-intro__right {
  width: 57.26%;
  margin-left: 4.52%;
 }

 .pp-kit__txt {
  width: 36.34%;
 }

 .pp-kit__mos {
  width: 63.66%;
 }

 .pp-faq__q {
  font-size: 18px;
 }

 .pp-ft__t span,
 .pp-ft__slogan {
  font-weight: 700;
 }

 .pp-ft__col {
  width: auto;
 }

 .pp-ben__col {
  width: 25%;
 }
}

@media (min-width: 1280px) {
 .pp-coll__bar {
  margin-bottom: 2.947vw;
 }

 .pp-coll__fw {
  display: block;
  padding-right: min(2vw,36.8px);
 }

 .pp-fdrawer__t--m {
  display: none;
 }

 .pp-fdrawer__t--d {
  display: inline-block;
 }

 .pp-fdrawer__mask {
  background: linear-gradient(to left,var(--pp-fg-a20) 40%,var(--pp-fg-a50) 80%);
 }

 .pp-coll__fw .pp-btn,
 .pp-sort__btn {
  height: clamp(56px,3vw,60px);
  padding-top: 0;
  padding-bottom: 0;
 }

 .pp-coll__sort {
  display: block;
  margin-left: auto;
  font-size: 0;
  text-align: right;
 }

 .pp-fsticky {
  display: none;
 }

 .pp-col-4 {
  width: 25%;
 }

 .pp-grid>[class*=col-]:nth-child(3n+1) {
  clear: none;
 }

 .pp-grid>[class*=col-]:nth-child(4n+1) {
  clear: left;
 }

 .gx-0>.pp-ben__col {
  padding: 0 var(--pp-gap-lg);
 }

 .gx-0>.pp-ben__col:first-child {
  padding-left: 0;
 }

 .gx-0>.pp-ben__col--last {
  padding-right: 0;
 }

 .pp-ben__item {
  text-align: left;
 }

 .pp-ben__ico {
  float: left;
  margin: 0;
 }

 .pp-ben__txt {
  margin-top: 0;
  padding-left: 44px;
 }

 .pp-cat__desc {
  font-size: 14px;
 }

 .pp-faq__q {
  font-size: 20px;
 }

 .pp-hero__in {
  max-width: 640px;
 }
}

@media (min-width: 1280px) {
 :root {
  --pp-mcard-w: calc((var(--pp-mslider) - var(--pp-gap) * 2) / 3);
 }

 .pp-mega__c--nav {
  padding: 24px 40px 0 0;
 }

 .pp-mtab__h {
  font-size: 18px;
 }

 .pp-mnav__g ul a {
  font-size: 18px;
 }

 .pp-mega__all {
  padding: 20px 0 16px;
 }

 .pp-ft__row {
  display: table;
  width: 100%;
  table-layout: fixed;
 }

 .pp-ft__left,
 .pp-ft__right {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  float: none;
 }

 .pp-ft__left {
  border-right: 1px solid var(--pp-wt-a11);
 }

 .pp-ft__right {
  position: relative;
  margin-top: 0;
  border-top: 0;
 }

 .gx-0>.pp-ft__right {
  padding: 0 clamp(40px,8.421vw,160px);
 }

 .pp-ft__c1,
 .pp-ft__c2 {
  width: calc(30% - 48px);
 }

 .pp-ft__c3 {
  width: calc(40% - 48px);
  margin-right: 0;
 }

 .pp-ft__c4 {
  width: calc(95% - 48px);
 }

 .pp-ft__rin {
  display: block;
 }

 .pp-ft__nl {
  display: block;
  width: auto;
 }

 .pp-ft__soc {
  display: block;
  position: absolute;
  bottom: 0;
  width: auto;
  padding-left: 0;
 }
}

@media (min-width: 1536px) {
 :root {
  --pp-mtab: 320px;
  --pp-mpromo: 340px;
  --pp-mtgap: 60px;
 }

 .pp-fdrawer__hd {
  min-height: 121px;
  padding: 40px 48px 32px;
 }

 .pp-fdrawer__x {
  top: 40px;
 }

 .pp-fdrawer__bd {
  top: 121px;
  height: calc(100% - 121px);
  padding: 44px 48px 0;
 }

 .pp-cbn {
  height: 600px;
 }

 :root {
  --pp-top-h: 50px;
 }

 .pp-top,
 .pp-top-lang__btn,
 .pp-top-lang__list a {
  font-size: 14px;
 }

 .pp-cat__desc,
 .pp-mcard__d {
  font-size: 14px;
  line-height: 1.25;
 }

 .pp-faq__q {
  font-size: 22px;
 }
}

@media (min-width: 1536px) {
 .pp-hero {
  height: 700px;
 }

 .pp-col-4 {
  width: 20%;
 }

 .pp-grid>[class*=col-]:nth-child(4n+1) {
  clear: none;
 }

 .pp-grid>[class*=col-]:nth-child(5n+1) {
  clear: left;
 }

 /* .pp-cats__lead {
  width: 20%;
 } */
}

@media (max-width: 1666px) {
  .pp-nav {
    width: 70%;
  }
}


@media (max-width: 1536px) {
  

  .pp-nav__link {
    height: auto;
    margin-bottom: 5px;
  }
}

@media (max-width: 1023px) {
 .pp-nav,
 .pp-top-social,
 .pp-top-lang,
 .pp-acc,
 .pp-flag {
  display: none;
 }

 .pp-burger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: 6px;
 }

 .pp-hd-act {
  margin-right: -10px;
 }

 .pp-hd-act__btn {
  width: 44px;
  height: 44px;
  margin-left: 6px;
 }

 .pp-hd-act__btn svg,
 .pp-burger svg {
  width: 22px;
  height: 22px;
 }

 .pp-says__mid {
  position: static;
  transform: none;
  padding-top: 300px;
  max-width: 100%;
 }

 .pp-says {
  height: auto;
  padding-bottom: 60px;
 }

 .pp-says__bg {
  height: auto;
  bottom: auto;
 }

 .gx-0>.pp-kit__txt {
  padding-right: 0;
 }

 .gx-0>.pp-intro__left {
  padding-right: 0;
 }

 .row-table,
 .row-table>[class*=col-] {
  display: block;
 }

 .pp-mega {
  display: none;
 }

 .pp-intro__note {
  margin-bottom: 28px;
 }

 .pp-faq__box {
  padding: var(--pp-gap-xl) 24px;
 }

 .pp-faq__a {
  max-width: 100%;
 }

 .gx-0>.pp-ben__col {
  position: static;
  padding: 0;
  margin-bottom: 20px;
 }

 .pp-ben__col:before {
  display: none;
 }

 .pp-cats__lead {
  width: 45%;
 }
}

@media (max-width: 767px) {
  .pp-logo {
    height: 44px;
  }

  .pp-hd-act {
    margin-top: 0;
  }

 .pp-rail {
  display: none;
 }

 .pp-btn svg {
  width: 18px;
  height: 18px;
 }

 .pp-hd {
  padding: 18px 0;
 }

 .pp-logo img {
  height: 34px;
  margin-top: 5px;
 }

 .pp-hero {
  height: 500px;
 }

 .pp-hero__in {
  max-width: none;
 }

 .pp-hero__title {
  font-size: 40px;
 }

 .pp-hero__sub {
  font-size: 14px;
 }

 .pp-intro {
  padding: 56px 0 40px;
 }

 .pp-cats {
  padding: 56px 0 40px;
 }

 .pp-new {
  padding: 40px 0 44px;
 }

 .pp-feed {
  padding: 44px 0 60px;
 }

 .pp-kit {
  padding: 44px 0 60px;
 }

 .pp-faq {
  padding: 52px 0;
 }

 .pp-ben {
  padding: 34px 0;
 }

 .pp-ft {
  padding: 54px 0;
 }

 .pp-brand__row img {
  height: 44px;
  margin-right: 70px;
 }

 .pp-trust {
  padding: 22px 0;
 }

 .pp-trust__item {
  margin-right: 60px;
 }

 .pp-trust__item img {
  height: 34px;
 }

 .pp-prod__body {
  padding: 16px;
 }

 .pp-prod__name {
  font-size: 15px;
 }

 .pp-prod__price {
  font-size: 14px;
  line-height: 1;
 }

 .pp-prod__tags {
  left: 12px;
  top: 12px;
 }

 .pp-rate {
  right: 12px;
  top: 12px;
  padding: 0 10px;
  height: 24px;
 }

 .pp-badge {
  height: 23px;
  padding: 0 10px;
  font-size: 11px;
 }

 .pp-prod__sw i {
  width: 12px;
  height: 12px;
 }

 .pp-prod__out {
  bottom: 12px;
  transform: none;
 }

 .pp-prod__out span {
  height: 40px;
  padding: 0 22px;
  line-height: 14px;
 }

 .pp-tile__txt {
  padding: 18px 20px 20px;
 }

 .pp-kit__col,
 .pp-kit__col--a {
  float: none;
  width: 100%;
  padding: 0;
 }

 .pp-cats__lead {
  float: none;
  width: 100%;
  padding-right: 0;
  margin-bottom: 12px;
 }

 .pp-tile {
  margin-bottom: 16px;
 }

 .pp-tile__img,
 .pp-tile--wide .pp-tile__img {
  padding-bottom: 100%;
 }

 .pp-feed__acc {
  position: static;
  margin-top: 24px;
 }

 .pp-says__mid {
  padding-top: 100px;
 }

 .pp-faq__q {
  padding: 24px 40px 24px 0;
  font-size: 16px;
 }

 .pp-faq__head .pp-btn {
  position: relative;
  right: auto;
  bottom: auto;
  margin-top: 20px;
  max-width: 100%;
  height: auto;
  padding: 14px 24px;
  white-space: normal;
  text-align: left;
 }

 .pp-copy {
  text-align: center;
 }

 .pp-copy__txt,
 .pp-copy__lang {
  float: none;
 }

 .pp-copy__txt {
  font-size: 13px;
 }

 .pp-copy__lang {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 16px;
  height: 46px;
 }

 .pp-copy__lang__btn {
  height: 46px;
  padding: 13px 44px;
  font-size: 13px;
 }

 .pp-copy__links {
  margin: 16px -6px -12px;
 }

 .pp-copy__links a {
  margin: 0 6px 12px;
  font-size: 10.4px;
 }

 .pp-ft__slogan {
  font-size: 20px;
 }

 .pp-ft__logo {
  height: 37px;
 }

 .pp-ft__form input {
  font-size: 14px;
 }

 .pp-ft__col {
  border: 1px solid var(--pp-wt-a11);
  border-bottom: 0;
  padding: 0 20px;
 }

 .pp-ft__c1 {
  border-radius: 8px 8px 0 0;
 }

 .pp-ft__c4 {
  border-bottom: 1px solid var(--pp-wt-a11);
  border-radius: 0 0 8px 8px;
 }

 .pp-ft__t {
  padding: 22px 0;
 }

 .pp-ft__t span {
  font-size: 16px;
  line-height: 16px;
 }

 .pp-ft__t svg {
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  transition: transform var(--pp-anim);
 }

 .pp-ft__col.is-open .pp-ft__t svg {
  transform: rotate(180deg);
 }

 .pp-ft__bd {
  display: none;
 }

 .pp-ft__col.is-open .pp-ft__bd {
  display: block;
 }

 .pp-head__nav,
 .pp-arrows .pp-round {
  display: none;
 }

 .pp-prod__clock {
  display: none;
 }

 .pp-prod__tags {
  left: 8px;
  top: 8px;
 }

 .pp-rate {
  right: 8px;
  top: 8px;
  padding: 0 8px;
  height: 26px;
  font-size: 11px;
 }

 .pp-rate svg {
  width: 11px;
  height: 11px;
 }

 .pp-badge {
  height: 26px;
  padding: 0 10px;
  font-size: 11px;
 }

 .pp-prod__tags li {
  margin-bottom: 6px;
 }

 .pp-prod__out span {
  height: 34px;
  padding: 0 16px;
 }

 .pp-tab {
  font-size: 12px;
 }

 .pp-btn--sm {
  font-size: 12px;
 }

 .pp-cat__desc {
  font-size: 12px;
 }

 .pp-prod__price del {
  display: block;
  margin: 4px 0 0;
 }

 .pp-co__main {
  margin-top: 40px;
 }
}

@media (hover: hover) and (pointer: fine) {
 .pp-prod:hover .pp-qvbtn {
  opacity: 1;
  visibility: visible;
 }

 .pp-prod:hover .pp-rate {
  opacity: 0;
 }
}

.pp-qv {
 position: fixed;
 left: 0;
 top: 0;
 z-index: 60;
 width: 100%;
 height: 100%;
 visibility: hidden;
 pointer-events: none;
}

.pp-qv.is-open {
 visibility: visible;
 pointer-events: auto;
}

.pp-qv__mask {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: var(--pp-fg-a70);
 opacity: 0;
 transition: opacity var(--pp-mask);
}

.pp-qv.is-open .pp-qv__mask {
 opacity: 1;
}

.pp-qv__box {
 position: absolute;
 left: 50%;
 top: 50%;
 overflow: hidden;
 width: 1280px;
 max-width: calc(100% - 40px);
 height: 768px;
 max-height: 90vh;
 border-radius: 20px;
 background: var(--pp-bg);
 opacity: 0;
 transform: translate(-50%,-50%) scale(.8);
 transition: transform var(--pp-modal),opacity var(--pp-modal);
}

.pp-qv.is-open .pp-qv__box {
 opacity: 1;
 transform: translate(-50%,-50%) scale(1);
}

.pp-qv__grip {
 display: none;
}

.pp-qv__x {
 right: 28px;
 top: 28px;
 z-index: 4;
 visibility: visible;
 transition: opacity var(--pp-anim),color var(--pp-anim);
 transition-delay: .6s;
}

.pp-qv.is-open .pp-qv__x {
 opacity: 1;
}

.pp-qv__gal {
 position: relative;
 float: left;
 overflow: hidden;
 width: 50%;
 height: 100%;
 border-right: 1px solid var(--pp-fg-a06);
 background: var(--pp-card);
}

.pp-qv__slides {
 height: 100%;
 white-space: nowrap;
 font-size: 0;
 transition: transform var(--pp-anim);
}

.pp-qv__slide {
 display: inline-block;
 vertical-align: top;
 width: 100%;
 height: 100%;
}

.pp-qv__slide img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.pp-qv__dots {
 position: absolute;
 left: 50%;
 bottom: 28px;
 z-index: 2;
 height: 32px;
 padding: 0 16px;
 border-radius: var(--pp-rb);
 background: var(--pp-bg);
 white-space: nowrap;
 font-size: 0;
 transform: translateX(-50%);
}

.pp-qv__dots:empty {
 display: none;
}

.pp-qv__dots button {
 position: relative;
 display: inline-block;
 width: 24px;
 height: 24px;
 margin: 4px 0;
 padding: 0;
 border: 0;
 background: none;
}

.pp-qv__dots button:before {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 width: 5px;
 height: 5px;
 margin: -2.5px 0 0 -2.5px;
 border-radius: 50%;
 background: var(--pp-fg);
 transition: box-shadow var(--pp-anim),background var(--pp-anim);
}

.pp-qv__dots button.is-on:before {
 background: none;
 box-shadow: 0 0 0 2px var(--pp-fg);
}

.pp-qv__info {
 position: relative;
 float: left;
 overflow-x: hidden;
 overflow-y: auto;
 width: 50%;
 height: 100%;
 padding: 32px 60px 96px;
 scrollbar-width: thin;
}

.pp-qv__info::-webkit-scrollbar {
 width: 6px;
 background: none;
}

.pp-qv__info::-webkit-scrollbar-thumb {
 border-radius: var(--pp-rb);
 background: var(--pp-fg-a20);
}

.pp-qv__brand {
 font-size: 16px;
 line-height: 1.6;
}

.pp-qv__brand a {
 background: linear-gradient(var(--pp-fg),var(--pp-fg)) no-repeat 100% 100%/0 1px;
 transition: background-size var(--pp-anim);
}

.pp-qv__brand a:hover {
 background-position: 0 100%;
 background-size: 100% 1px;
}

.pp-qv__head {
 display: table;
 width: 100%;
 margin-top: 12px;
}

.pp-qv__name {
 display: table-cell;
 vertical-align: bottom;
 margin: 0;
 font-size: 30px;
 font-weight: 700;
 line-height: 1.1;
 letter-spacing: -.03em;
}

.pp-qv__price {
 display: table-cell;
 vertical-align: bottom;
 width: 1%;
 padding-left: 12px;
 font-size: 24px;
 line-height: 1.2;
 text-align: right;
 white-space: nowrap;
}

.pp-qv__price b {
 display: block;
 font-weight: 400;
}

.pp-qv__price--sale b {
 color: var(--pp-red);
}

.pp-qv__price del {
 display: inline-block;
 margin-top: 6px;
 font-size: 16.8px;
 line-height: 1.2;
 color: var(--pp-fg-a60);
 text-decoration: none;
 background: linear-gradient(-9deg,var(--pp-wt-a00) 45%,var(--pp-red) 45%,var(--pp-red) 52%,var(--pp-wt-a00) 52%);
}

.pp-qv__price em {
 font-style: normal;
 font-size: 16.8px;
 margin-right: 4px;
}

.pp-qv__rate {
 margin-top: 12px;
 line-height: 18px;
}

.pp-qv__stars {
 display: inline-block;
 vertical-align: middle;
 color: var(--pp-amber);
 line-height: 0;
}

.pp-qv__rnum {
 display: inline-block;
 vertical-align: middle;
 margin-left: 8px;
 font-size: 14px;
}

.pp-qv__rtxt {
 display: inline-block;
 vertical-align: middle;
 margin-left: 8px;
 font-size: 14px;
}

.pp-qv__grp {
 margin-top: 24px;
}

.pp-qv__grp + .pp-qv__grp {
 margin-top: 20px;
}

.pp-qv__grp-l {
 font-size: 16px;
 line-height: 20px;
}

.pp-qv__list {
 margin-top: 12px;
}

.pp-qv__list li {
 float: left;
 margin-right: 12px;
}

.pp-qv__chip {
 display: block;
 padding: 16px 20px;
 border-radius: 5px;
 background: var(--pp-fg-a024);
 font-size: 14px;
 font-weight: 500;
 line-height: 14px;
 transition: box-shadow var(--pp-anim);
}

.pp-qv__chip.is-on {
 box-shadow: inset 0 0 0 1px var(--pp-fg);
}

.pp-qv__list--dot li {
 margin-right: 16px;
}

.pp-qv__dot {
 position: relative;
 display: block;
 width: 34px;
 height: 34px;
 border-radius: 50%;
 box-shadow: inset 0 0 0 1px var(--pp-fg-a11);
}

.pp-qv__dot:after {
 content: "";
 position: absolute;
 left: -3px;
 top: -3px;
 right: -3px;
 bottom: -3px;
 border-radius: 50%;
 transition: box-shadow var(--pp-anim);
}

.pp-qv__dot:hover:after,
.pp-qv__dot.is-on:after {
 box-shadow: 0 0 0 2px var(--pp-fg);
}

.pp-qv__inv {
 display: inline-block;
 margin-top: 24px;
 padding: 14px 20px 14px 18px;
 border-radius: var(--pp-rb);
 background: var(--pp-lime-bg);
 color: var(--pp-lime);
 font-size: 16px;
 line-height: 18px;
}

.pp-qv__inv svg {
 vertical-align: -1px;
 margin-right: 12px;
}

.pp-qv.is-out .pp-qv__inv {
 background: var(--pp-red-bg);
 color: var(--pp-red);
}

.pp-qv__low {
 margin-top: 24px;
}

.pp-qv__low-t {
 font-size: 14px;
 line-height: 1.25;
}

.pp-qv__bar {
 overflow: hidden;
 height: 6px;
 margin-top: 12px;
 border-radius: var(--pp-rb);
 background: var(--pp-fg-a06);
}

.pp-qv__bar i {
 display: block;
 height: 100%;
 border-radius: var(--pp-rb);
 background: var(--pp-fg);
 transition: width var(--pp-anim);
}

.pp-qv__form {
 margin-top: 32px;
}

.pp-qv__qty {
 position: relative;
 float: left;
 width: 142px;
 height: 60px;
 border-radius: var(--pp-rb);
 box-shadow: inset 0 0 0 2px var(--pp-fg-a10);
}

.pp-qv__qty button {
 position: absolute;
 top: 0;
 width: 46px;
 height: 100%;
 padding: 0;
 border: 0;
 background: none;
 color: var(--pp-fg);
 line-height: 0;
}

.pp-qv__qty .qv_minus {
 left: 1px;
 transform: rotate(180deg);
}

.pp-qv__qty .qv_plus {
 right: 1px;
}

.pp-qv__qty input {
 width: 100%;
 height: 100%;
 padding: 0 46px;
 border: 0;
 background: none;
 font-size: 16px;
 text-align: center;
}

.pp-qv__add {
 float: right;
 width: calc(100% - 158px);
 height: 60px;
}

.pp-qv__buy {
 clear: both;
 width: 100%;
 height: 60px;
 margin-top: 16px;
}

.pp-qv__pick {
 position: relative;
 margin-top: 24px;
 padding: 20px 24px;
 border-radius: 10px;
 background: var(--pp-fg-a024);
}

.pp-qv__pick-i {
 position: absolute;
 left: 24px;
 top: 20px;
}

.pp-qv__pick-tx {
 padding: 0 134px 0 30px;
}

.pp-qv__pick-t {
 font-size: 14px;
 font-weight: 500;
 line-height: 1.25;
}

.pp-qv__pick-s {
 display: block;
 margin-top: 4px;
 font-size: 12px;
 line-height: 1.25;
}

.pp-qv__pick-b {
 position: absolute;
 right: 24px;
 top: 20px;
 padding: 0;
 border: 0;
 background: none;
 font-size: 12px;
 line-height: 1.25;
 text-decoration: underline;
}

.pp-qv.is-out .pp-qv__pick-s,
.pp-qv.is-out .pp-qv__pick-b {
 display: none;
}

.pp-qv.is-out .pp-qv__pick-tx {
 padding-right: 0;
}

.pp-qv__share {
 margin-top: 24px;
 line-height: 40px;
}

.pp-qv__share-l {
 float: left;
 margin-right: 17px;
 font-size: 14px;
}

.pp-qv__soc {
 float: left;
}

.pp-qv__soc li {
 float: left;
}

.pp-qv__soc a {
 display: block;
 width: 40px;
 text-align: center;
 transition: color var(--pp-anim);
}

.pp-qv__soc svg {
 vertical-align: middle;
}

.pp-qv__soc a:hover {
 color: var(--pp-fg);
}

.pp-qv__help {
 float: right;
 font-size: 14px;
 text-decoration: underline;
}

.pp-qv__help svg {
 margin-right: 8px;
 vertical-align: -3px;
 color: var(--pp-fg-a60);
}

.pp-qv__more {
 position: absolute;
 right: 0;
 bottom: 0;
 z-index: 2;
 display: block;
 width: 50%;
 padding: 24px 60px;
 border-top: 1px solid var(--pp-fg-a06);
 background: var(--pp-wt-a75);
 -webkit-backdrop-filter: blur(12px);
 backdrop-filter: blur(12px);
 font-size: 16px;
 line-height: 1.2;
}

.pp-qv__more svg {
 float: right;
 width: 18px;
 height: 18px;
 transition: transform var(--pp-anim);
}

.pp-qv__more:hover svg {
 transform: translateX(6px);
}

.pp-vm {
 position: fixed;
 inset: 0;
 z-index: 60;
 visibility: hidden;
 opacity: 0;
 transition: opacity .3s var(--pp-anim), visibility .3s var(--pp-anim);
}

.pp-vm.is-on {
 visibility: visible;
 opacity: 1;
}

.pp-vm__mask {
 position: absolute;
 inset: 0;
 background: var(--pp-fg-a70);
 cursor: pointer;
}

.pp-vm__box {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: min(392px, calc(100% - 40px));
}

.pp-vm__x {
 position: absolute;
 right: 0;
 top: -60px;
 opacity: 1;
 visibility: visible;
}

.pp-vm__frame {
 position: relative;
 padding-bottom: 177.78%;
 border-radius: var(--pp-rc);
 overflow: hidden;
 background: var(--pp-fg);
}

.pp-vm__frame iframe {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
}

@media (max-width: 1023px) {
 .pp-qv__box {
  overflow-x: hidden;
  overflow-y: auto;
 }

 .pp-qv__gal {
  float: none;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-right: 0;
  border-bottom: 1px solid var(--pp-fg-a06);
 }

 .pp-qv__slides {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
 }

 .pp-qv__info {
  float: none;
  overflow: visible;
  width: 100%;
  height: auto;
  padding: 24px 20px;
 }

 .pp-qv__head {
  display: block;
 }

 .pp-qv__name {
  display: block;
  font-size: 24px;
 }

 .pp-qv__price {
  display: block;
  width: auto;
  margin-top: 8px;
  padding-left: 0;
  text-align: left;
 }

 .pp-qv__pick-tx {
  padding-right: 0;
 }

 .pp-qv__pick-b {
  position: static;
  display: block;
  margin-top: 8px;
  margin-left: 30px;
 }

 .pp-qv__more {
  position: static;
  clear: both;
  width: 100%;
  padding: 20px;
 }
}

@media (min-width: 640px) and (max-width: 1023px) {
 .pp-qv__box {
  overflow: hidden;
 }

 .pp-qv__gal {
  height: 50%;
  padding-bottom: 0;
 }

 .pp-qv__info {
  overflow-y: auto;
  height: 50%;
  padding-bottom: 84px;
 }

 .pp-qv__more {
  position: absolute;
  width: 100%;
 }
}

@media (max-width: 639px) {
 .pp-dw__ovl {
  background: var(--pp-fg-a70);
 }

 .pp-dw__in {
  top: auto;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: calc(100% - 60px);
  border-radius: 20px 20px 0 0;
  transform: translateY(100%);
 }

 .pp-dw.is-open .pp-dw__in {
  transform: translateY(0);
 }

 .pp-cd__tabs li {
  margin-right: 24px;
 }

 .pp-cd__sheet {
  padding: 24px 20px;
 }

 .pp-cd__fnote {
  width: 45%;
 }

 .pp-cd__fbtn {
  font-size: 13px;
  white-space: nowrap;
 }

 .pp-cd__fbtn svg {
  width: 20px;
  height: 20px;
  margin-right: 6px;
 }

 .pp-qv__box {
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: calc(100% - 60px);
  border-radius: 20px 20px 0 0;
  transform: translateY(100%);
 }

 .pp-qv.is-open .pp-qv__box {
  transform: translateY(0);
 }

 .pp-qv__grip {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 48px;
  touch-action: none;
 }

 .pp-qv__grip span {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 48px;
  height: 4px;
  margin-left: -24px;
  border-radius: 60px;
  background: var(--pp-fg-a10);
 }

 .pp-qv__x {
  display: none;
 }

 .pp-qv__gal {
  padding-top: 24px;
 }
}

@media (min-width: 1536px) {
 .pp-qv__info {
  padding-top: 44px;
 }
}

@media (min-width: 1920px) {
 :root {
  --pp-mtab: 340px;
  --pp-mpromo: 430px;
 }
}

.pp-pd {
 padding-bottom: calc(84px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-pd__gal {
 margin-bottom: var(--pp-pdgap);
}

.pp-pd__main {
 position: relative;
}

.pp-pd__big {
 /* padding-bottom: 125%; */
 padding-bottom: 100%;
 border-radius: var(--pp-rc);
 background: var(--pp-card);
}

.pp-pd__slider:not(.owl-loaded) .pp-pd__big+.pp-pd__big {
 display: none;
}

.pp-pd__nav {
 position: absolute;
 top: 50%;
 z-index: 3;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 56px;
 height: 56px;
 margin-top: -28px;
 border-radius: 50%;
 background: var(--pp-bg);
 opacity: 0;
 visibility: hidden;
 transition: opacity var(--pp-fast),visibility var(--pp-fast);
}

.pp-pd__main:hover .pp-pd__nav {
 opacity: 1;
 visibility: visible;
}

.pp-pd__main:hover .pp-pd__nav.is-off {
 opacity: .3;
}

.pp-pd__nav--p {
 left: 24px;
}

.pp-pd__nav--n {
 right: 24px;
}

.pp-pd__zoom {
 position: absolute;
 right: 16px;
 top: 16px;
 z-index: 2;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 48px;
 height: 48px;
 border-radius: 50%;
 background: var(--pp-bg);
 box-shadow: inset 0 0 0 1px var(--pp-fg-a10);
}

.pp-pd__thumbs {
 margin-top: 16px;
 white-space: nowrap;
 overflow-x: auto;
 overflow-y: hidden;
 -webkit-overflow-scrolling: touch;
 scrollbar-width: none;
}

.pp-pd__thumbs::-webkit-scrollbar {
 display: none;
}

.pp-pd__th {
 display: inline-block;
 vertical-align: top;
 width: 62px;
 margin-right: 16px;
 border-radius: 10px;
 background: var(--pp-card);
 box-shadow: inset 0 0 0 1px var(--pp-fg-a00);
 transition: box-shadow var(--pp-fast);
}

.pp-pd__th:last-child {
 margin-right: 0;
}

.pp-pd__th .wrap-img {
 padding-bottom: 125%;
 border-radius: 10px;
}

.pp-pd__th.is-on {
 box-shadow: inset 0 0 0 2px var(--pp-fg);
}

.pp-pd__hl {
 margin-top: 24px;
 padding: 20px 24px;
 border-radius: 10px;
 background: var(--pp-fg-a024);
}

.pp-pd__gal>.pp-pd__hl {
 display: none;
}

.pp-pd__hl-t {
 font-size: 16px;
 font-weight: 500;
 line-height: 1.25;
}

.pp-pd__hl-list {
 margin-top: 20px;
 font-size: 0;
 white-space: nowrap;
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
}

.pp-pd__hl-list::-webkit-scrollbar {
 display: none;
}

.pp-pd__hl-i {
 display: inline-block;
 vertical-align: top;
 white-space: normal;
 width: 124px;
 margin-right: 10px;
 padding: 16px 24px;
 border-radius: 10px;
 background: var(--pp-bg);
 text-align: center;
}

.pp-pd__hl-i:last-child {
 margin-right: 0;
}

.pp-pd__hl-ic {
 display: block;
 /* height: 38px; */
 margin-bottom: 8px;
}

.pp-pd__hl-ic img {
 width: auto;
 height: 38px;
 object-fit: contain;
}

.pp-pd__hl-ic--wide img {
 /* height: 19.33px; */
 margin-top: 9px;
}

.pp-pd__hl-tx b {
 display: block;
 font-size: 14px;
 font-weight: 500;
 line-height: 1;
}

.pp-pd__hl-tx em {
 display: block;
 margin-top: 4px;
 font-size: 12px;
 font-style: normal;
 line-height: 1.25;
 color: var(--pp-fg-a60);
}

.pp-pd__brand {
 font-size: 16px;
 line-height: 1.6;
}

.pp-pd__brand a {
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 100% min(100%,21.6px);
 background-size: 0 1px;
 transition: background-size var(--pp-anim),background-position var(--pp-anim);
}

.pp-pd__brand a:hover {
 background-position: 0 min(100%,21.6px);
 background-size: 100% 1px;
}

.pp-pd__sku {
 margin-top: 12px;
 font-size: 16px;
 line-height: 1.25;
}

.pp-pd__head {
 position: relative;
 margin-top: 12px;
}

.pp-pd__name {
 font-size: 24px;
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: -.03em;
}

.pp-pd__price {
 margin-top: 12px;
 font-size: var(--pp-fs-sub);
 line-height: 1.18;
 color: var(--pp-red);
}

.pp-pd__price b {
 font-weight: 500;
}

.pp-pd__price del {
 position: relative;
 display: block;
 width: -moz-fit-content;
 width: fit-content;
 margin-top: 6px;
 font-size: .7em;
 font-weight: 400;
 line-height: 1.24;
 color: var(--pp-fg-a60);
 text-decoration: none;
}

.pp-pd__price del:before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 width: 100%;
 height: 1px;
 background: currentColor;
 transform: translateY(-50%) rotate(-15deg);
}

.pp-pd__hrow {
 display: block;
}

.pp-pd__hc2 {
 display: block;
}

.pp-pd__rate {
 position: absolute;
 right: 0;
 bottom: 0;
 line-height: 1;
}

.pp-stars {
 display: inline-block;
 vertical-align: middle;
 font-size: 18px;
 line-height: 1;
 background-image: linear-gradient(90deg,var(--pp-amber-star) calc(var(--pp-rate) / 5 * 100%),var(--pp-fg-a15) calc(var(--pp-rate) / 5 * 100%));
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
}

.pp-stars:before {
 content: "★★★★★";
}

.pp-pd__rate .pp-stars {
 display: none;
}

.pp-pd__rate em {
 font-size: 14px;
 font-style: normal;
 line-height: 1;
}

.pp-pd__rate i {
 display: none;
}

.pp-pd__rate:before {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 16px;
 height: 16px;
 margin-right: 8px;
 background: var(--pp-amber);
 -webkit-mask: var(--pp-star) center/contain no-repeat;
 mask: var(--pp-star) center/contain no-repeat;
}

.pp-pd__badges {
 margin-top: 24px;
}

.pp-pd__badges .pp-badge {
 height: 23px;
 margin-right: 12px;
 padding: 0 10px;
 font-size: 11px;
}

.pp-pd__opt {
 margin-top: 24px;
}

.pp-pd__opt-l {
 margin-bottom: 12px;
 font-size: 16px;
 line-height: 1.25;
}

.pp-pd__opt-l b {
 font-weight: 500;
}

.pp-pd__chip {
 display: inline-block;
 margin: 0 16px 0 0;
 padding: 16px 20px;
 border-radius: 5px;
 font-size: 14px;
 font-weight: 500;
 line-height: 1;
 cursor: pointer;
 box-shadow: 0 0 0 1px var(--pp-fg-a10);
 transition: box-shadow var(--pp-fast);
}

.pp-pd__chip:hover {
 box-shadow: 0 0 0 2px var(--pp-fg);
}

.pp-pd__chip.is-on {
 box-shadow: 0 0 0 2px var(--pp-fg);
}

.pp-pd__check {
 margin-top: 24px;
 font-size: 0;
 line-height: 0;
}

.pp-pd__check svg {
 width: 22px;
 height: 22px;
 margin-right: 8px;
 vertical-align: top;
}

.pp-pd__check a {
 display: inline-block;
 vertical-align: top;
 font-size: 14px;
 line-height: 22px;
 background-image: linear-gradient(to right,var(--pp-fg),var(--pp-fg));
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
}

.pp-pd__stock {
 display: inline-block;
 margin-top: 24px;
 padding: 14px 20px 14px 18px;
 border-radius: var(--pp-rb);
 background: var(--pp-lime-bg);
 font-size: 14px;
 font-weight: 500;
 line-height: 17.5px;
 color: var(--pp-lime);
}

.pp-pd__stock svg {
 width: 16px;
 height: 16px;
 margin-right: 12px;
 vertical-align: middle;
}

.pp-pd__form {
 margin-top: 32px;
}

.pp-qty {
 position: relative;
 display: inline-block;
 vertical-align: top;
 width: 132px;
 height: 52px;
 border-radius: var(--pp-rb);
 box-shadow: inset 0 0 0 1px var(--pp-fg-a10);
 white-space: nowrap;
}

.pp-qty__b {
 display: inline-block;
 vertical-align: top;
 width: 46px;
 height: 50px;
 margin-top: 1px;
 font-size: 16px;
 line-height: 50px;
 text-align: center;
}

.pp-qty__i {
 display: inline-block;
 vertical-align: top;
 width: 32px;
 height: 50px;
 margin-top: 1px;
 padding: 0;
 border: 0;
 background: none;
 font-size: 16px;
 font-weight: 500;
 line-height: 50px;
 text-align: center;
 color: var(--pp-fg);
}

.pp-pd__add {
 display: flex;
 width: 100%;
 margin-top: 16px;
}

.pp-pd__now {
 display: flex;
 width: 100%;
 margin-top: 16px;
}

.pp-pd__pick {
 margin-top: 24px;
 padding: 20px 24px;
 border-radius: 10px;
 background: var(--pp-fg-a024);
}

.pp-pd__pick-in svg {
 float: left;
 width: 20px;
 height: 20px;
 margin-right: 10px;
 color: var(--pp-lime);
}

.pp-pd__pick-tx {
 overflow: hidden;
}

.pp-pd__pick-tx p {
 font-size: 14px;
 font-weight: 500;
 line-height: 1.25;
}

.pp-pd__pick-tx small {
 display: block;
 margin-top: 4px;
 font-size: 12px;
 line-height: 1.25;
}

.pp-pd__pick-go {
 display: inline-block;
 margin-top: 20px;
 font-size: 12px;
 line-height: 1.25;
 background-image: linear-gradient(to right,var(--pp-fg),var(--pp-fg));
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
}

.pp-pd__share {
 margin-top: 24px;
}

.pp-pd__share-l {
 float: left;
 line-height: 22px;
}

.pp-pd__share-t {
 display: none;
}

.pp-pd__share-m {
 font-size: 14px;
 line-height: 1.6;
 background-image: linear-gradient(to right,var(--pp-fg),var(--pp-fg));
 background-repeat: no-repeat;
 background-position: 28px 100%;
 background-size: calc(100% - 28px) 1px;
}

.pp-pd__share-m svg {
 width: 20px;
 height: 20px;
 margin-right: 8px;
 vertical-align: middle;
}

.pp-pd__soc {
 display: none;
}

.pp-pd__help {
 float: right;
 line-height: 22px;
}

.pp-pd__help svg {
 width: 22px;
 height: 22px;
 margin-right: 8px;
 vertical-align: middle;
}

.pp-pd__help a {
 font-size: 14px;
 line-height: 1.25;
 background-image: linear-gradient(to right,var(--pp-fg),var(--pp-fg));
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
}

.pp-eta {
 margin-top: 24px;
}

.pp-eta__d {
 font-size: 14px;
 line-height: 18px;
}

.pp-eta__d b {
 font-weight: 700;
}

.pp-eta__card {
 display: table;
 width: 100%;
 margin-top: 10px;
 padding: 16px;
 border-radius: 8px;
 background: linear-gradient(90deg,var(--pp-eta1),var(--pp-eta2));
}

.pp-eta__s {
 display: table-cell;
 width: 1%;
 vertical-align: top;
 white-space: nowrap;
 color: var(--pp-black);
}

.pp-eta__s--mid {
 text-align: center;
}

.pp-eta__s--end {
 text-align: right;
}

.pp-eta__ic {
 display: block;
 height: 24px;
}

.pp-eta__ic svg {
 width: 24px;
 height: 24px;
}

.pp-eta__s b {
 display: block;
 margin-top: 5px;
 font-size: 11px;
 font-weight: 700;
 line-height: 11px;
}

.pp-eta__s em {
 display: block;
 margin-top: 5px;
 font-size: 12px;
 font-style: normal;
 line-height: 12px;
}

.pp-eta__line {
 display: table-cell;
 vertical-align: top;
 padding: 9px 10px 0;
}

.pp-eta__line:after {
 content: "";
 display: block;
 height: 6px;
 background: radial-gradient(circle at 3px 3px,var(--pp-black) 3px,var(--pp-bk-a00) 3px) left top/6px 6px no-repeat,radial-gradient(circle at 3px 3px,var(--pp-black) 3px,var(--pp-bk-a00) 3px) right top/6px 6px no-repeat,linear-gradient(var(--pp-black),var(--pp-black)) center 2.25px/100% 1.5px no-repeat;
}

.pp-pd__note {
 margin-top: 24px;
 padding: 24px;
 border-radius: 10px;
 background: var(--pp-fg-a024);
}

.pp-pd__note-i {
 padding: 16px;
 border-radius: 10px;
 background: var(--pp-bg);
 font-size: 0;
 line-height: 0;
}

.pp-pd__note-i--last {
 padding-bottom: 0;
 background: none;
}

.pp-pd__note-i svg {
 width: 28px;
 height: 28px;
 margin-right: 10px;
 vertical-align: top;
}

.pp-pd__note-ic {
 display: inline-block;
 vertical-align: top;
 width: 28px;
 height: 28px;
 margin-right: 10px;
}

.pp-pd__note-ic img {
 width: 28px;
 height: 28px;
 object-fit: cover;
}

.pp-pd__note-i p {
 display: inline-block;
 vertical-align: top;
 font-size: 14px;
 line-height: 28px;
}

.pp-pd__note-i strong {
 font-weight: 700;
 background-image: linear-gradient(to right,var(--pp-fg),var(--pp-fg));
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
}

.pp-spy {
 position: sticky;
 top: 70px;
 z-index: 5;
 background: var(--pp-bg);
}

.pp-spy.is-stuck {
 background: transparent;
}

.pp-spy__nav {
 display: inline-block;
 max-width: 100%;
 border-radius: var(--pp-rb);
 background: var(--pp-spy-bg);
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
}

.pp-spy__nav::-webkit-scrollbar {
 display: none;
}

.pp-spy__list {
 padding: 4px;
 white-space: nowrap;
}

.pp-spy__list li {
 display: inline-block;
 vertical-align: top;
 margin-right: 4px;
}

.pp-spy__list li:last-child {
 margin-right: 0;
}

.pp-spy__top {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 42px;
 height: 42px;
 border-radius: var(--pp-rb);
}

.pp-spy__a {
 display: inline-block;
 padding: 0 20px;
 border-radius: var(--pp-rb);
 font-size: var(--pp-nav-fs);
 font-weight: 500;
 line-height: 42px;
 transition: background-color var(--pp-fast),color var(--pp-fast);
}

.pp-spy__a.is-on {
 background: var(--pp-fg);
 color: var(--pp-spy-bg);
}

.pp-spec {
 padding: calc(28px * var(--pp-k)) 0 calc(60px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-spec__head {
 margin-bottom: 32px;
}

.pp-fold {
 border-top: 1px solid var(--pp-bk-a10);
 border-bottom: 1px solid var(--pp-bk-a10);
}

.pp-fold__item+.pp-fold__item {
 border-top: 1px solid var(--pp-bk-a10);
}

.pp-fold__q {
 position: relative;
 display: block;
 padding: 28px 44px 28px 0;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.5;
 letter-spacing: -.03em;
 color: var(--pp-black);
 cursor: pointer;
}

.pp-fold__q svg {
 width: 24px;
 height: 24px;
 margin-right: 12px;
 vertical-align: middle;
}

.pp-fold__q:after {
 content: "";
 position: absolute;
 right: 0;
 top: 50%;
 width: 14px;
 height: 14px;
 margin-top: -7px;
 background: var(--pp-black);
 -webkit-mask: var(--pp-chev-up) center/contain no-repeat;
 mask: var(--pp-chev-up) center/contain no-repeat;
 transform: scaleY(-1);
 transition: transform var(--pp-anim);
}

.pp-fold__item.is-on .pp-fold__q:after {
 transform: scaleY(1);
}

.pp-fold__a {
 display: none;
 margin-top: -10px;
 padding-bottom: 28px;
}

.pp-fold__item.is-on .pp-fold__a {
 display: block;
}

.pp-spec__grid {
 margin: 0;
}

.pp-spec__grid>[class*=col-] {
 padding: 10px 0 20px;
}

.pp-spec__cell h3 {
 margin-bottom: 8px;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.5;
 letter-spacing: normal;
 color: var(--pp-black);
}

.pp-spec__cell p {
 font-size: 16px;
 line-height: 1.6;
 color: var(--pp-bk-a60);
}

.pp-shots {
 padding: calc(60px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-shots__tx {
 margin-bottom: 60px;
}

.pp-shots__tx .pp-h2 {
 margin-top: 16px;
}

.pp-shots__d {
 margin-top: 24px;
 font-size: var(--pp-body-md);
 line-height: 1.6;
}

.pp-shots__d strong {
 font-weight: 700;
}

.pp-shots__tx .pp-btn {
 margin-top: 44px;
}

.pp-shots__a {
 display: block;
 padding-bottom: 75%;
 margin-bottom: 16px;
 border-radius: var(--pp-rc);
 background: var(--pp-card);
}

.pp-shots__b {
 display: block;
 padding-bottom: 125%;
 margin-bottom: 16px;
 border-radius: var(--pp-rc);
 background: var(--pp-card);
}

.pp-shots__col>span:last-child {
 margin-bottom: 0;
}

.pp-shots__col--r {
 margin-top: 16px;
}

.pp-clip {
 position: relative;
 padding: calc(72px * var(--pp-k)) 0;
 background: var(--pp-bg);
}

.pp-clip:after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 1px;
 background: var(--pp-fg-a10);
}

.pp-clip__wrap {
 position: relative;
}

.pp-clip__i {
 position: relative;
 display: block;
}

.pp-clip__img {
 display: block;
 padding-bottom: 177.78%;
 border-radius: 20px;
 background: var(--pp-card);
 box-shadow: inset 0 0 0 1px var(--pp-bg);
}

.pp-clip__i:before {
 content: "";
 position: absolute;
 left: -1px;
 top: -1px;
 right: -1px;
 bottom: -1px;
 border-radius: 21px;
 background: linear-gradient(90deg,var(--pp-ig-a) 0,var(--pp-ig-b) 50%,var(--pp-ig-c) 100%);
}

.pp-clip__play {
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: 2;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 48px;
 height: 48px;
 margin: -24px 0 0 -24px;
 border-radius: 50%;
 background: var(--pp-bk-a70);
 color: var(--pp-bg);
}

.pp-clip__nav {
 position: absolute;
 top: 50%;
 z-index: 3;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 48px;
 height: 48px;
 margin-top: -24px;
 border-radius: 50%;
 background: var(--pp-bg);
 box-shadow: 0 2px 8px var(--pp-bk-a08);
}

.pp-clip__nav--p {
 left: 16px;
}

.pp-clip__nav--n {
 right: 16px;
}

.pp-clip__by {
 margin: 20px 0;
 font-size: 14px;
 font-weight: 700;
 line-height: 14px;
}

.pp-clip__by i {
 display: inline-block;
 vertical-align: middle;
 width: 14px;
 height: 14px;
 margin-right: 6px;
 border-radius: 3px;
 background: var(--pp-teal2);
}

.pp-rvw {
 padding: calc(120px * var(--pp-k)) 0 calc(20px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-rvw__in {
 max-width: 1024px;
 margin: 0 auto;
}

.pp-rvw__d {
 margin-top: 20px;
 font-size: var(--pp-body-md);
 line-height: 1.6;
}

.pp-rvw__d strong {
 font-weight: 700;
}

.pp-cmt {
 padding: calc(20px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-cmt__box {
 padding: 32px 0 0;
 border-top: 1px solid var(--pp-fg-a10);
}

.pp-cmt__t {
 font-size: 20px;
 font-weight: 700;
 line-height: 1;
 color: var(--pp-ink3);
}

.pp-cmt__score {
 margin-top: 12px;
 font-size: 14px;
 line-height: 18px;
 color: var(--pp-fg-a60);
}

.pp-cmt__score b {
 display: inline-block;
 vertical-align: middle;
 margin-right: 8px;
 font-size: 20px;
 font-weight: 500;
 color: var(--pp-fg);
}

.pp-cmt__score i {
 display: inline-block;
 vertical-align: middle;
 margin-left: 8px;
 font-style: normal;
}

.pp-cmt__b {
 margin-top: 20px;
 padding: 14px 26px;
 border-radius: var(--pp-rb);
 background: var(--pp-fg);
 font-size: 15px;
 font-weight: 500;
 line-height: 1;
 color: var(--pp-bg);
 transition: opacity var(--pp-fast);
}

.pp-cmt__b:hover {
 opacity: .8;
}

.pp-cmt__list {
 margin-top: 32px;
}

.pp-cmt__i {
 padding: 24px 0;
 border-top: 1px solid var(--pp-fg-a10);
}

.pp-cmt__av {
 float: left;
 width: 44px;
 height: 44px;
 border-radius: 50%;
 background: var(--pp-fg-a06);
 font-size: 15px;
 font-weight: 500;
 line-height: 44px;
 text-align: center;
}

.pp-cmt__ct {
 overflow: hidden;
 padding-left: 16px;
}

.pp-cmt__nm {
 font-size: 16px;
 font-weight: 500;
 line-height: 1.25;
}

.pp-cmt__nm em {
 display: inline-block;
 margin-left: 10px;
 padding: 4px 10px;
 border-radius: var(--pp-rb);
 background: var(--pp-lime-bg);
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: 1;
 color: var(--pp-lime);
}

.pp-cmt__meta {
 margin-top: 8px;
 font-size: 13px;
 line-height: 18px;
 color: var(--pp-fg-a60);
}

.pp-cmt__meta time {
 display: inline-block;
 vertical-align: middle;
 margin-left: 10px;
 padding-left: 10px;
 border-left: 1px solid var(--pp-fg-a20);
}

.pp-cmt__meta .pp-stars {
 font-size: 15px;
}

.pp-cmt__tt {
 margin-top: 12px;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.4;
}

.pp-cmt__tx {
 margin-top: 6px;
 font-size: 15px;
 line-height: 1.6;
 color: var(--pp-fg-a60);
}

.pp-rvp {
 position: fixed;
 left: 0;
 top: 0;
 z-index: 70;
 width: 100%;
 height: 100%;
 visibility: hidden;
 pointer-events: none;
}

.pp-rvp.is-open {
 visibility: visible;
 pointer-events: auto;
}

.pp-rvp__mask {
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 width: 100%;
 height: 100%;
 background: var(--pp-fg-a70);
 opacity: 0;
 transition: opacity var(--pp-fast);
}

.pp-rvp.is-open .pp-rvp__mask {
 opacity: 1;
}

.pp-rvp__panel {
 position: absolute;
 left: 50%;
 top: 50%;
 width: calc(100% - 40px);
 max-width: 640px;
 max-height: calc(100% - 40px);
 padding: 32px 24px;
 border-radius: var(--pp-rc);
 background: var(--pp-bg);
 overflow-y: auto;
 transform: translate(-50%,-50%) scale(.8);
 opacity: 0;
 transition: transform var(--pp-anim),opacity var(--pp-anim);
}

.pp-rvp.is-open .pp-rvp__panel {
 transform: translate(-50%,-50%) scale(1);
 opacity: 1;
}

.pp-rvp__x {
 position: absolute;
 right: 16px;
 top: 16px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: var(--pp-fg-a06);
 transition: background-color var(--pp-fast);
}

.pp-rvp__x:hover {
 background: var(--pp-fg-a10);
}

.pp-rvp__t {
 padding-right: 48px;
 font-size: 24px;
 font-weight: 700;
 line-height: 1.2;
 letter-spacing: -.03em;
}

.pp-rvp__p {
 margin-top: 6px;
 font-size: 14px;
 line-height: 1.5;
 color: var(--pp-fg-a60);
}

.pp-rvp__form {
 margin-top: 24px;
}

.pp-rvp__row {
 margin-bottom: 20px;
}

.pp-rvp__l {
 display: block;
 margin-bottom: 8px;
 font-size: 14px;
 font-weight: 500;
 line-height: 1.25;
}

.pp-rvp__stars {
 font-size: 0;
 line-height: 0;
}

.pp-rvp__st {
 display: inline-block;
 vertical-align: top;
 margin-right: 4px;
 color: var(--pp-fg-a15);
 transition: color var(--pp-fast);
}

.pp-rvp__st.is-on {
 color: var(--pp-amber-star);
}

.pp-rvp__grid {
 margin-bottom: 0;
}

.pp-rvp__in {
 height: auto;
 margin-bottom: 20px;
 padding: 14px 16px;
 border: 1px solid var(--pp-fg-a10);
 border-radius: 8px;
 box-shadow: none;
 font-size: 15px;
 line-height: 1.4;
 color: var(--pp-fg);
}

.pp-rvp__in:focus {
 border-color: var(--pp-fg);
 box-shadow: none;
 outline: 0;
}

.pp-rvp__ta {
 resize: vertical;
}

.pp-rvp__foot {
 margin-top: 4px;
 text-align: right;
}

.pp-rvp__cancel,
.pp-rvp__send {
 display: inline-flex;
 margin-left: 12px;
}

.pp-iwt {
 padding: calc(120px * var(--pp-k)) 0 calc(72px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-iwt--rev {
 padding-top: calc(72px * var(--pp-k));
}

.pp-iwt__in {
 border-radius: var(--pp-rc);
 background: var(--pp-card);
 overflow: hidden;
}

.pp-iwt__img {
 display: block;
 width: 100%;
 height: 400px;
}

.pp-iwt__img img {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.pp-iwt__tx {
 padding: 40px;
}

.pp-iwt__ic {
 display: block;
 height: 60px;
 margin-bottom: 40px;
}

.pp-iwt__ic svg {
 width: 60px;
 height: 60px;
}

.pp-iwt__d {
 margin-top: 40px;
 font-size: var(--pp-body-md);
 line-height: 1.6;
}

.pp-iwt__d strong {
 font-weight: 700;
}

.pp-iwt__go {
 display: inline-block;
 margin-top: 40px;
 font-size: 16px;
 line-height: 1.25;
}

.pp-iwt__go svg {
 width: 20px;
 height: 20px;
 margin-left: 6px;
 vertical-align: middle;
}

.pp-mrq {
 padding: calc(28px * var(--pp-k)) 0;
 overflow: hidden;
 background: var(--pp-bg);
}

.pp-mrq__track {
 width: max-content;
 white-space: nowrap;
 animation: pp-run 78s linear infinite;
}

.pp-mrq__row {
 display: inline-block;
 vertical-align: middle;
 padding: 0 17.5px;
 white-space: nowrap;
}

.pp-mrq__t {
 display: inline-block;
 vertical-align: middle;
 margin-right: 35px;
 font-size: 84px;
 font-weight: 700;
 line-height: 1;
 letter-spacing: -.04em;
 color: var(--pp-fg-a00);
 -webkit-text-stroke: 1px var(--pp-fg);
}

.pp-mrq__logo {
 display: inline-block;
 vertical-align: middle;
}

.pp-mrq__logo img {
 width: 225px;
 height: 75px;
 object-fit: contain;
}

.pp-bnr {
 background: var(--pp-bg);
}

.pp-bnr__in {
 position: relative;
 height: 487.5px;
 overflow: hidden;
 border-radius: var(--pp-r) var(--pp-r) 0 0;
 background: var(--pp-black);
}

.pp-bnr__bg {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: 50% 50%;
}

.pp-bnr__veil {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 display: block;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg,var(--pp-bk-a70) 0,var(--pp-bk-a35) 55%,var(--pp-bk-a00) 100%);
}

.pp-bnr__box {
 position: relative;
 z-index: 2;
 height: 100%;
}

.pp-bnr__box .wrap,
.pp-bnr__box .container-fluid {
 height: 100%;
}

.pp-bnr__mid {
 position: absolute;
 top: 0;
 bottom: 0;
 height: max-content;
 margin: auto 0;
 max-width: 640px;
 padding: 40px 0;
 color: var(--pp-bg);
}

.pp-bnr__ic {
 display: block;
 height: 48px;
}

.pp-bnr__ic svg {
 width: 48px;
 height: 48px;
}

.pp-bnr__sub {
 margin-top: 20px;
 font-size: clamp(12px,calc(.7297rem + .1013vw),14px);
 line-height: 1;
 letter-spacing: .25em;
 text-transform: uppercase;
 color: var(--pp-tan);
}

.pp-bnr__mid .pp-h2 {
 margin-top: 20px;
}

.pp-bnr__d {
 margin-top: 20px;
 font-size: var(--pp-body-md);
 line-height: 1.6;
}

.pp-bnr__mid .pp-btn {
 margin-top: 40px;
}

.pp-rec {
 position: relative;
 padding: calc(72px * var(--pp-k)) 0;
 background: var(--pp-bg);
}

.pp-rec__head {
 margin-bottom: 32px;
}

.pp-rec__h {
 font-size: var(--pp-t-sm);
 line-height: 1.1;
 letter-spacing: -.03em;
}

.pp-rec__nav {
 display: none;
}

.pp-prod__cd {
 position: absolute;
 left: 50%;
 bottom: 12px;
 z-index: 2;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 10px 18px;
 border-radius: var(--pp-rb);
 background: var(--pp-red);
 font-size: 14px;
 font-weight: 500;
 line-height: 1;
 white-space: nowrap;
 color: var(--pp-bg);
 transform: translateX(-50%);
}

.pp-prod__sw b {
 display: inline-block;
 margin-left: 4px;
 font-size: 12px;
 font-weight: 400;
 line-height: 16px;
 vertical-align: top;
 color: var(--pp-fg-a60);
}

@media (min-width: 640px) {.pp-shots__col {
  float: left;
  width: 50%;
 }

 .pp-shots__col:first-child {
  padding-right: 8px;
 }

 .pp-shots__col--r {
  margin-top: 0;
  padding-left: 8px;
 }
}

@media (min-width: 768px) {
 .pp-pd__main {
  width: 75%;
  margin: 0 auto;
 }

 .pp-pd__badges .pp-badge {
  height: 34px;
  padding: 0 16px;
  font-size: 14px;
 }

 .pp-pd__name {
  font-size: var(--pp-fs-3xl);
  line-height: 1.1;
 }

 .pp-pd__hrow {
  display: table;
  width: 100%;
 }

 .pp-pd__hc1 {
  display: table-cell;
  vertical-align: bottom;
 }

 .pp-pd__hc2 {
  display: table-cell;
  width: 1%;
  padding-left: 12px;
  vertical-align: bottom;
  white-space: nowrap;
  text-align: right;
 }

 .pp-pd__price {
  margin-top: 0;
 }

 .pp-pd__rate {
  position: static;
  margin-top: 12px;
  line-height: 18px;
 }

 .pp-pd__rate:before {
  display: none;
 }

 .pp-pd__rate .pp-stars {
  display: inline-block;
 }

 .pp-pd__rate em {
  margin-left: 8px;
  vertical-align: middle;
 }

 .pp-pd__rate i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid var(--pp-fg);
  font-size: 14px;
  font-style: normal;
  line-height: 1;
 }

 .pp-spec__grid>[class*=col-]:nth-child(odd) {
  padding-right: 20px;
 }

 .pp-spec__grid>[class*=col-]:nth-child(even) {
  padding-left: 20px;
 }

.pp-iwt__img {
  height: 510px;
 }

 .pp-mrq__track {
  animation-duration: 39s;
 }

 .pp-shots__col:first-child {
  padding-right: 12px;
 }

 .pp-shots__col--r {
  padding-left: 12px;
 }

 .pp-shots__a,
 .pp-shots__b {
  margin-bottom: 24px;
 }
}

@media (min-width: 1024px) {
 .pp-pd__gal {
  float: left;
  width: calc(100% - 440px);
  margin-bottom: 0;
 }

 .pp-pd__info {
  float: right;
  width: 400px;
 }

 .pp-pd__main {
  width: 100%;
 }

 .pp-pd__th {
  width: 90px;
 }

 .pp-pd__gal>.pp-pd__hl {
  display: block;
 }

 .pp-pd__hl--m {
  display: none;
 }

 .pp-pd__hl {
  margin-top: 48px;
  padding: 32px;
  border: 1px solid var(--pp-fg-a06);
  border-radius: var(--pp-rc);
  background: none;
 }

 .pp-pd__hl-t {
  position: absolute;
  margin: -21px 0 0 -10px;
  padding: 10px;
  background: var(--pp-bg);
  font-size: 18px;
  line-height: 1.25;
 }

 .pp-pd__hl-list {
  overflow: visible;
 }

 .pp-pd__hl-i {
  width: calc(20% - 8px);
  padding: 16px 8px;
  background: var(--pp-fg-a024);
 }

 .pp-pd__share-t {
  display: inline-block;
  margin-right: 12px;
  font-size: 16px;
  line-height: 1;
 }

 .pp-pd__share-m {
  display: none;
 }

 .pp-pd__soc {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
 }

 .pp-pd__soc li {
  display: inline-block;
  vertical-align: top;
 }

 .pp-pd__soc a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
 }

 .pp-pd__share-l {
  font-size: 0;
  line-height: 40px;
 }

 .pp-pd__share,
 .pp-pd__help {
  line-height: 40px;
 }

 .pp-pd__pick-in {
  float: left;
  width: calc(100% - 130px);
 }

 .pp-pd__pick-go {
  float: right;
  margin-top: 0;
  text-align: right;
 }

 .pp-qty {
  height: 60px;
 }

 .pp-qty__b,
 .pp-qty__i {
  height: 58px;
  line-height: 58px;
 }

 .pp-pd__buy .pp-qty {
  float: left;
 }

 .pp-pd__add {
  display: flex;
  float: right;
  width: calc(100% - 142px);
  margin: 0;
  line-height: 24px;
 }

 .pp-pd__now {
  line-height: 24px;
 }

 .pp-spy {
  top: 115px;
 }

 .pp-spec__in {
  position: relative;
 }

 .pp-fold__q {
  padding: 32px 44px 32px 0;
  font-size: 18px;
 }

 .pp-fold__a {
  padding-bottom: 32px;
 }

.pp-fold__q {
  font-size: var(--pp-sub-lg);
 }

 .pp-shots__in {
  position: relative;
 }

 .pp-iwt__in {
  display: table;
  width: 100%;
 }

 .pp-iwt__media,
 .pp-iwt__tx {
  display: table-cell;
  float: none;
 }

 .pp-iwt__media {
  width: 44%;
  vertical-align: top;
 }

 .pp-iwt__tx {
  vertical-align: middle;
 }

 .pp-iwt--rev .pp-iwt__in {
  direction: rtl;
 }

 .pp-iwt--rev .pp-iwt__media {
  width: 50%;
 }

 .pp-iwt--rev .pp-iwt__tx {
  direction: ltr;
 }

 .pp-shots__tx {
  position: absolute;
  left: 0;
  top: 50%;
  width: calc((100% - 60px) / 3);
  margin-bottom: 0;
  padding-right: 60px;
  transform: translateY(-50%);
 }

 .pp-shots__grid {
  float: right;
  width: calc((100% - 60px) / 3 * 2);
 }

 .pp-iwt__img {
  height: 510px;
 }

 .pp-iwt__tx {
  padding: 60px;
 }

 .pp-mrq__t {
  font-size: 105px;
  margin-right: 70px;
 }

 .pp-mrq__row {
  padding: 0 35px;
 }

 .pp-mrq__logo {
  margin-right: 70px;
 }

 .pp-mrq__logo img {
  width: 300px;
  height: 100px;
 }

 .pp-bnr__in {
  height: 637.5px;
 }

 .pp-bnr__mid {
  padding: max(40px,3.368vw) 0;
 }

 .pp-rec__nav {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
 }

 .pp-rec__nav .pp-round {
  margin-left: 10px;
 }
}

@media (min-width: 1280px) {
 :root {
  --pp-pdgap: min(90px,4.73vw);
 }

 .pp-pd__gal {
  width: calc((100% - var(--pp-pdgap)) * .6);
 }

 .pp-pd__info {
  width: calc((100% - var(--pp-pdgap)) * .4);
 }

 .pp-pd__stage {
  position: relative;
  padding-left: calc(var(--pp-thumb) + 16px);
 }

 .pp-pd__thumbs {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--pp-thumb);
  height: 630px;
  margin-top: 0;
  white-space: normal;
  overflow-x: hidden;
  overflow-y: auto;
 }

 .pp-pd__th {
  display: block;
  width: 100%;
  margin: 0 0 16px;
 }

 .pp-pd__th:last-child {
  margin-bottom: 0;
 }

 .pp-pd__zoom {
  display: none;
 }

 .pp-shots__col:first-child {
  padding-right: 18px;
 }

 .pp-shots__col--r {
  padding-left: 18px;
 }

 .pp-shots__a,
 .pp-shots__b {
  margin-bottom: 36px;
 }

 .pp-iwt__tx {
  padding: 60px 56px;
 }

 .pp-mrq__t {
  font-size: 140px;
 }
}

@media (min-width: 1536px) {
 .pp-bnr__in {
  height: 750px;
 }

 .pp-iwt__img {
  height: 600px;
 }

 .pp-iwt__tx {
  padding: 60px min(128px,6.737vw);
 }
}

.pg-product-detail .pp-hd:not(.is-fix),
.pg-contact .pp-hd:not(.is-fix),
.pg-cart .pp-hd:not(.is-fix),
.pg-checkout .pp-hd:not(.is-fix),
.pg-page-detail .pp-hd:not(.is-fix),
.pg-faq .pp-hd:not(.is-fix),
.pg-login .pp-hd:not(.is-fix),
.pg-register .pp-hd:not(.is-fix),
.pg-account .pp-hd:not(.is-fix),
.pg-news-list .pp-hd:not(.is-fix) {
 position: relative;
 top: 0;
 background: var(--pp-bg);
 color: var(--pp-fg);
}

.pp-hd-sp {
 background: var(--pp-bg);
}

.pg-product-detail .pp-hd:not(.is-fix) .pp-corner,
.pg-contact .pp-hd:not(.is-fix) .pp-corner,
.pg-cart .pp-hd:not(.is-fix) .pp-corner,
.pg-checkout .pp-hd:not(.is-fix) .pp-corner,
.pg-page-detail .pp-hd:not(.is-fix) .pp-corner,
.pg-faq .pp-hd:not(.is-fix) .pp-corner,
.pg-login .pp-hd:not(.is-fix) .pp-corner,
.pg-register .pp-hd:not(.is-fix) .pp-corner,
.pg-account .pp-hd:not(.is-fix) .pp-corner,
.pg-news-list .pp-hd:not(.is-fix) .pp-corner {
 opacity: 0;
}

.pg-product-detail .pp-logo__off,
.pg-contact .pp-logo__off,
.pg-cart .pp-logo__off,
.pg-checkout .pp-logo__off,
.pg-page-detail .pp-logo__off,
.pg-faq .pp-logo__off,
.pg-login .pp-logo__off,
.pg-register .pp-logo__off,
.pg-account .pp-logo__off,
.pg-news-list .pp-logo__off {
 opacity: 0;
}

.pg-product-detail .pp-logo__on,
.pg-contact .pp-logo__on,
.pg-cart .pp-logo__on,
.pg-checkout .pp-logo__on,
.pg-page-detail .pp-logo__on,
.pg-faq .pp-logo__on,
.pg-login .pp-logo__on,
.pg-register .pp-logo__on,
.pg-account .pp-logo__on,
.pg-news-list .pp-logo__on {
 opacity: 1;
}

.pp-nl {
 --pp-gx: 16px;
 --pp-gy: 40px;
 padding: calc(72px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-nl__title {
 padding-bottom: .1em;
}

.pp-nl__title span {
 display: inline-block;
}

.pp-nl__head {
 margin-bottom: clamp(32px,2.526vw,48px);
 text-align: center;
}

.pp-nl__subs {
 margin-top: 16px;
 text-align: center;
}

.pp-nl__subs a {
 font-weight: 400;
}

.pp-subs li.is-on a {
 opacity: 1;
}

.pp-subs li.is-on .pp-subs__n:after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: -.15em;
 width: 100%;
 height: 2px;
 background: currentColor;
 transform: translateX(-50%);
}

.pp-nl__msel {
 margin-top: 16px;
 text-align: left;
}

.pp-nl__grid {
 margin: 0 calc(var(--pp-gx) / -2);
}

.pp-nl__grid>[class*=col-] {
 padding-left: calc(var(--pp-gx) / 2);
 padding-right: calc(var(--pp-gx) / 2);
 margin-bottom: var(--pp-gy);
}

.pp-nlc {
 line-height: 1;
}

.pp-nlc__media {
 position: relative;
 margin-bottom: 20px;
 border-radius: var(--pp-rc);
 overflow: hidden;
}

.pp-nlc__img {
 padding-bottom: 75%;
}

.pp-nlc__img img {
 transition: transform var(--pp-anim);
}

.pp-nlc__tags {
 position: absolute;
 left: 12px;
 top: 12px;
 z-index: 2;
}

.pp-nlc__tag {
 display: block;
 width: max-content;
 max-width: 100%;
 margin-bottom: 12px;
 padding: 6px 10px;
 font-size: 11px;
 font-weight: 500;
 line-height: 11px;
 color: var(--pp-bg);
 background: var(--pp-fg);
 border-radius: var(--pp-rb);
 transition: transform var(--pp-anim);
}

.pp-nlc__tag:last-child {
 margin-bottom: 0;
}

.pp-nlc__meta {
 margin-top: -8px;
 margin-bottom: 16px;
 font-size: 12px;
 line-height: 19.2px;
}

.pp-nlc__meta li {
 position: relative;
 margin-top: 8px;
 display: inline-block;
 vertical-align: top;
 margin-right: 16px;
 padding-right: 16px;
}

.pp-nlc__meta li:after {
 content: "";
 position: absolute;
 right: 0;
 top: 0;
 width: 1px;
 height: 16px;
 background: currentColor;
 opacity: .3;
}

.pp-nlc__meta li:last-child {
 margin-right: 0;
 padding-right: 0;
}

.pp-nlc__meta li:last-child:after {
 content: none;
}

.pp-nlc__meta svg {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 vertical-align: top;
}

.pp-nlc__cmt,
.pp-nlc__title a {
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/0 1px no-repeat;
 background-position-x: 100%;
 transition: background-size var(--pp-anim);
}

.pp-nlc__cmt:hover,
.pp-nlc__title a:hover {
 background-position-x: 0;
 background-size: 100% 1px;
}

.pp-nlc__title {
 margin-bottom: 16px;
 font-size: var(--pp-fs-sub);
 font-weight: 500;
 line-height: 1.25;
 letter-spacing: -.025em;
}

.pp-nlc__ex {
 margin-bottom: 20px;
 font-size: 16px;
 line-height: 1.6;
}

.pp-nlc__more {
 font-size: 14px;
 font-weight: 500;
 line-height: 1.25;
}

.pp-nlc__more a {
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/100% 1px no-repeat;
 transition: background-size var(--pp-anim);
}

.pp-nlc__more a:hover {
 background-size: 0 1px;
}

.pp-pag {
 margin-top: 40px;
 font-size: 0;
 text-align: center;
}

.pp-pag__i {
 display: inline-block;
 vertical-align: top;
 width: 40px;
 padding: 8.8px 0;
 font-size: 14px;
 line-height: 22.4px;
 text-align: center;
 border-radius: 50%;
}

.pp-pag__i.is-on {
 color: var(--pp-bg);
 background: var(--pp-fg);
 pointer-events: none;
}

.pp-pag__b {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 vertical-align: top;
 height: 40px;
 font-size: 14px;
 font-weight: 500;
 line-height: 22.4px;
}

.pp-pag__b.is-off {
  display: none;
}

.pp-pag__b svg {
 width: 20px;
 height: 20px;
}

@media (min-width: 640px) {
 .pp-nl__col {
  width: 50%;
 }

 .pp-nl__col:nth-child(2n+1) {
  clear: left;
 }
}

@media (min-width: 768px) {
 .pp-nl__subs {
  display: block;
 }

 .pp-nl__msel {
  display: none;
 }

 .pp-nl__col {
  width: 33.3333%;
 }

 .pp-nl__col:nth-child(2n+1) {
  clear: none;
 }

 .pp-nl__col:nth-child(3n+1) {
  clear: left;
 }

 .pp-nlc__media {
  margin-bottom: 32px;
 }

 .pp-nlc__tags {
  left: 20px;
  top: 20px;
 }

 .pp-nlc__tag {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 14px;
 }

 .pp-nlc__meta {
  margin-bottom: 20px;
 }

 .pp-nlc__title {
  margin-bottom: 20px;
 }

 .pp-nlc__ex {
  margin-bottom: 32px;
 }

 .pp-pag>*+* {
  margin-left: 8px;
 }

 .pp-pag__i {
  width: 48px;
  padding: 11.2px 0;
  font-size: 16px;
  line-height: 25.6px;
 }

 .pp-pag__b {
  height: 48px;
  font-size: 16px;
  line-height: 25.6px;
 }
}

@media (min-width: 1024px) {
 .pp-nl {
  --pp-gx: clamp(40px,3.5vw,60px);
  --pp-gy: clamp(40px,3.5vw,60px);
 }
}

@media (hover: hover) and (pointer: fine) {
 .pp-nlc__img:hover img {
  transform: scale(1.05);
 }

 .pp-nlc__tag:hover {
  transform: scale(1.05);
  color: var(--pp-bg);
 }
}

.pp-nd {
 position: relative;
 height: 390px;
 border-radius: var(--pp-r) var(--pp-r) 0 0;
 overflow: hidden;
 background: var(--pp-fg);
 color: var(--pp-bg);
}

.pp-nd__bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: calc(100% + var(--pp-r));
}

.pp-nd__bg:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: var(--pp-bk-a66);
}

.pp-nd__bg img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transform: scale(1.3);
 transform-origin: 50% 100%;
}

.pp-nd__box {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 padding-bottom: 40px;
}

.pp-nd__in {
 margin: 0 auto;
}

.pp-nd__tags {
 margin-top: -24px;
 font-size: 0;
}

.pp-nd__tags>* {
 display: inline-block;
 vertical-align: middle;
 margin: 24px 24px 0 0;
}

.pp-nd__tags>*:last-child {
 margin-right: 0;
}

.pp-nd__tag {
 padding: 8px 16px;
 font-size: 10px;
 font-weight: 500;
 line-height: 10px;
 color: var(--pp-black);
 background: var(--pp-bg);
 border-radius: var(--pp-rb);
 transition: transform var(--pp-anim);
}

.pp-nd__tag:hover,
.pp-nd__tag:focus {
 color: var(--pp-black);
}

.pp-nd__date {
 font-size: 14px;
 line-height: 22.4px;
}

.pp-nd__date svg {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 vertical-align: -3px;
}

.pp-nd__date time {
 display: inline-block;
}

.pp-nd__tags .pp-nd__date {
 display: none;
}

.pp-nd__date--m {
 display: block;
 margin-top: 20px;
}

.pp-nd__title {
 margin-top: 20px;
 font-size: var(--pp-t-sm);
 line-height: 1;
}

.pp-ndb {
 padding: calc(72px * var(--pp-k)) 0;
 background: var(--pp-bg);
}

.pp-ndc {
 position: relative;
 padding: clamp(40px,5vw,80px) 0;
 background: var(--pp-bg);
}

.pp-ndc:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: var(--pp-fg-a024);
}

.pp-ndc__wrap {
 position: relative;
}

.pp-ndc__bar {
 line-height: 1;
}

.pp-ndc__share {
 display: none;
 float: left;
}

.pp-ndc__lb {
 display: inline-block;
 vertical-align: middle;
 font-size: 16px;
 line-height: 16px;
}

.pp-ndc__ss {
 display: inline-block;
 vertical-align: middle;
 margin-left: 12px;
 font-size: 0;
}

.pp-ndc__ss li {
 display: inline-block;
 vertical-align: top;
}

.pp-ndc__ss a {
 display: block;
 padding: 11px;
 transition: opacity var(--pp-fast);
}

.pp-ndc__ss a:hover {
 opacity: .6;
}

.pp-ndc__ss svg {
 display: block;
 width: 18px;
 height: 18px;
}

.pp-ndc__msh {
 float: left;
 font-size: 14px;
 line-height: 22.4px;
}

.pp-ndc__msh svg {
 width: 18px;
 height: 18px;
 margin-right: 8px;
 vertical-align: -4px;
}

.pp-ndc__msh span {
 display: inline-block;
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/100% 1px no-repeat;
 transition: background-size var(--pp-anim);
}

.pp-ndc__msh:hover span {
 background-size: 0 1px;
}

.pp-ndc__cnt {
 float: right;
 font-size: 12px;
 line-height: 19.2px;
}

.pp-ndc__cnt svg {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 vertical-align: -3px;
}

.pp-ndc__cnt a {
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/0 1px no-repeat;
 background-position-x: 100%;
 transition: background-size var(--pp-anim);
}

.pp-ndc__cnt a:hover {
 background-position-x: 0;
 background-size: 100% 1px;
}

.pp-ndc__nav {
 margin-top: 32px;
}

.pp-ndc__card {
 position: relative;
 display: block;
 padding: 20px 20px 20px 62px;
 background: var(--pp-bg);
 border-radius: var(--pp-rc);
}

.pp-ndc__ar {
 position: absolute;
 left: 20px;
 top: 20px;
}

.pp-ndc__ar svg {
 display: block;
 width: 22px;
 height: 22px;
}

.pp-ndc__meta {
 display: block;
 font-size: 12px;
 line-height: 19.2px;
}

.pp-ndc__mi {
 position: relative;
 display: inline-block;
 vertical-align: top;
 margin-right: 16px;
 padding-right: 16px;
}

.pp-ndc__mi:after {
 content: "";
 position: absolute;
 right: 0;
 top: 0;
 width: 1px;
 height: 16px;
 background: currentColor;
 opacity: .3;
}

.pp-ndc__mi:last-child {
 margin-right: 0;
 padding-right: 0;
}

.pp-ndc__mi:last-child:after {
 content: none;
}

.pp-ndc__mi svg {
 width: 16px;
 height: 16px;
 margin-right: 8px;
 vertical-align: -3px;
}

.pp-ndc__mi--au {
 font-style: italic;
}

.pp-ndc__mi--au em {
 font-style: normal;
 font-weight: 500;
}

.pp-ndc__tw {
 display: block;
 margin-top: 12px;
 font-size: var(--pp-fs-sub);
 font-weight: 500;
 line-height: 1.25;
 letter-spacing: -.025em;
}

.pp-ndc__t {
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/0 1px no-repeat;
 background-position-x: 100%;
 transition: background-size var(--pp-anim);
}

.pp-ndc__card:hover .pp-ndc__t {
 background-position-x: 0;
 background-size: 100% 1px;
}

.pp-ndr {
 --pp-gx: 16px;
 --pp-gy: 40px;
 padding: calc(72px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-ndr__head {
 margin-bottom: clamp(32px,2.526vw,48px);
}

.pp-ndr__title {
 line-height: 1.1;
}

.pp-ndr .pp-nl__grid {
 margin-bottom: calc(var(--pp-gy) * -1);
}

@media (min-width: 640px) {
 .pp-ndc__share {
  display: block;
 }

 .pp-ndc__msh {
  display: none;
 }

 .pp-ndc__cnt {
  margin-top: 10.4px;
 }
}

@media (min-width: 768px) {
 .pp-nd {
  height: 510px;
 }

 .pp-nd__box {
  padding-bottom: calc(clamp(40px,3.368vw,64px) + 20px);
 }

 .pp-nd__in {
  width: fit-content;
  min-width: 720px;
  max-width: 1024px;
 }

 .pp-nd__tag {
  padding: 10px 18px;
  font-size: 12px;
  line-height: 12px;
 }

 .pp-nd__tags .pp-nd__date {
  display: inline-block;
 }

 .pp-nd__date--m {
  display: none;
 }

 .pp-ndc__col {
  width: calc(50% - 10px);
 }
}

@media (min-width: 1024px) {
 .wrap-narrow {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 48px;
 }

 .pp-ndc__nav {
  margin-top: 60px;
 }

 .pp-ndc__card {
  padding: 30px 40px 30px 82px;
 }

 .pp-ndc__ar {
  left: 40px;
  top: 30px;
 }

 .pp-ndr {
  --pp-gx: clamp(40px,3.5vw,60px);
  --pp-gy: clamp(40px,3.5vw,60px);
 }
}

@media (min-width: 1280px) {
 .pp-ndc__col:first-child .pp-ndc__card {
  margin-left: -80px;
 }
}

@media (min-width: 1536px) {
 .pp-nd {
  height: 600px;
 }
}

@media (hover: hover) and (pointer: fine) {
 .pp-nd__tag:hover {
  transform: scale(1.05);
 }
}

.pp-ct {
 padding: calc(72px * var(--pp-k)) 0 0;
 background: var(--pp-bg);
}

.pp-ct__title {
 padding-bottom: .1em;
}

.pp-ct__title span {
 display: inline-block;
}

.pp-ct__lead {
 margin-top: 20px;
 font-size: var(--pp-sub-lg);
 line-height: 1.6;
}

.pp-ct__lead p {
 margin: 0;
}

.pp-ctf {
 padding: 44px 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-ctf__side {
 margin-top: 60px;
}

.pp-ctf__f {
 --pp-fgap: 18px;
 position: relative;
 float: left;
 width: 100%;
 padding-top: var(--pp-fgap);
}

.pp-ctf__f:first-child {
 --pp-fgap: 0px;
}

.pp-ctf__in,
.pp-ctf__sel,
.pp-ctf__ta {
 display: block;
 width: 100%;
 height: 62px;
 margin: 0;
 padding: 16px 26px 0;
 border: 0;
 border-radius: 6px;
 background: var(--pp-fg-a024);
 font-family: inherit;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.25;
 color: var(--pp-fg);
 transition: background-color var(--pp-anim);
 -webkit-appearance: none;
 appearance: none;
}

.pp-ctf__in:focus,
.pp-ctf__sel:focus,
.pp-ctf__ta:focus {
 outline: none;
 background: var(--pp-fg-a045);
}

.pp-ctf__in::placeholder,
.pp-ctf__ta::placeholder {
 color: transparent;
}

.pp-ctf__sel {
 padding-right: 46px;
}

.pp-ctf__ta {
 height: auto;
 padding-top: 32px;
 padding-bottom: 8px;
 resize: vertical;
 vertical-align: top;
}

.pp-ctf__chev {
 position: absolute;
 right: 26px;
 top: calc(50% - 10px);
 width: 20px;
 height: 20px;
 color: var(--pp-fg);
 pointer-events: none;
 transform: scaleY(-1);
}

.pp-ctf__chev svg {
 display: block;
}

.pp-ctf__lb {
 position: absolute;
 left: 27px;
 top: var(--pp-fgap);
 height: 62px;
 max-width: none;
 margin: 0;
 padding-top: calc((62px - 1.6em) / 2);
 font-size: 14px;
 font-weight: 400;
 line-height: 1.6;
 color: var(--pp-fg);
 opacity: .6;
 pointer-events: none;
 transform-origin: left center;
 transition: transform var(--pp-anim);
}

.pp-ctf__in:focus~.pp-ctf__lb,
.pp-ctf__in:not(:placeholder-shown)~.pp-ctf__lb,
.pp-ctf__ta:focus~.pp-ctf__lb,
.pp-ctf__ta:not(:placeholder-shown)~.pp-ctf__lb,
.pp-ctf__sel:valid~.pp-ctf__lb {
 transform: translateY(-10px) scale(.8);
}

.pp-ctf__btn {
 min-width: 192px;
}

.pp-ctf__note {
 margin: 0;
 font-size: 14px;
 line-height: 1.6;
}

.pp-ctf__note a {
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
 transition: background-size var(--pp-anim);
}

.pp-ctf__list>li {
 margin-top: 40px;
}

.pp-ctf__list>li:first-child {
 margin-top: 0;
}

.pp-ctf__sub {
 margin: 0;
 font-size: 12px;
 font-weight: 400;
 line-height: 1.25;
 letter-spacing: .1em;
 text-transform: uppercase;
 color: var(--pp-fg-a50);
}

.pp-ctf__txt {
 margin-top: 12px;
}

.pp-ctf__txt p {
 margin: 0;
 font-size: 16px;
 line-height: 1.6;
}

.pp-ctf__txt a {
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
 transition: background-size var(--pp-anim);
}

.pp-ctf__soc {
 margin-top: 20px;
}

.pp-ctf__soc li {
 float: left;
 margin-left: 28px;
}

.pp-ctf__soc li:first-child {
 margin-left: 0;
}

.pp-ctf__soc a {
 display: block;
 width: 24px;
 height: 24px;
}

.pp-ctf__soc svg {
 display: block;
}

.pp-ctm {
 position: relative;
 
 background: var(--pp-bg);
 overflow: hidden;
}

.pp-ctm__media {
 height: 400px;
 border-radius: var(--pp-r) var(--pp-r) 0 0;
}

.pp-ctm__ct {
 padding: calc(40px + var(--pp-ct-pad)) 0 var(--pp-ct-pad);
 background: var(--pp-bg);
}

.pp-ctm__box {
 position: relative;
 overflow: hidden;
}

.pp-ctm__main {
 transition: transform var(--pp-anim);
}

.pp-ctm__title {
 margin: 0;
 padding-bottom: .1em;
 font-size: 24px;
 font-weight: 700;
 line-height: 1;
 letter-spacing: normal;
}

.pp-ctm__list {
 margin-top: 20px;
}

.pp-ctm__item {
 padding: 24px 30px;
 border-radius: 16px;
 background: var(--pp-bg);
 box-shadow: inset 0 0 0 1px var(--pp-fg-a10);
 transition: box-shadow var(--pp-anim),background-color var(--pp-anim);
}

.pp-ctm__item.is-on {
 background: var(--pp-fg-a024);
 box-shadow: none;
}

.pp-ctm__name {
 margin: 0;
 font-size: 18px;
 font-weight: 500;
 line-height: 1.25;
 letter-spacing: -.03em;
}

.pp-ctm__row {
 position: relative;
 margin-top: 8px;
 padding-right: 32px;
}

.pp-ctm__addr {
 margin: 0;
 font-size: 14px;
 font-style: normal;
 line-height: 1.25;
 color: var(--pp-fg-a60);
}

.pp-ctm__go {
 position: absolute;
 right: 0;
 top: 0;
 width: 26px;
 height: 26px;
 max-height: none;
 padding: 0;
 border-radius: 50%;
}

.pp-ctm__go svg {
 width: 12px;
 height: 12px;
}

.pp-ctm__go:hover svg {
 transform: none;
}

.pp-ctm__more {
 display: inline-block;
 margin-top: 8px;
 font-size: 14px;
 line-height: 1.6;
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 100% 100%;
 background-size: 0 1px;
 transition: background-size var(--pp-anim);
}

.pp-ctm__panel {
 position: absolute;
 left: 100%;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 border-radius: inherit;
 background: var(--pp-bg);
 transition: left var(--pp-anim);
}

.pp-ctm__box.is-open .pp-ctm__panel {
 left: 0;
}

.pp-ctm__box.is-open .pp-ctm__main {
 transform: translateX(-100%);
}

.pp-ctm__panel .pp-drawer__back {
 padding: 12px 0 0 40px;
 line-height: 1.6;
}

.pp-ctm__panel .pp-drawer__back:before {
 top: 21px;
}

.pp-ctm__pbody {
 position: absolute;
 left: 0;
 top: 50px;
 bottom: 0;
 width: 100%;
 padding: var(--pp-ct-pad);
 overflow-y: auto;
}

.pp-ctm__pname {
 margin: 0;
 font-size: var(--pp-sub-lg);
 font-weight: 500;
 line-height: 1.25;
 letter-spacing: -.03em;
}

.pp-ctm__paddr {
 margin: 8px 0 0;
 font-size: 14px;
 line-height: 1.25;
 color: var(--pp-fg-a60);
}

.pp-ctm__pnote {
 margin: 40px 0 12px;
 font-size: var(--pp-btn-fs);
 line-height: 1.6;
}

.pp-ctm__ph {
 margin: 24px 0 12px;
 padding-bottom: 12px;
 border-bottom: 1px solid var(--pp-fg-a10);
 font-size: 12px;
 font-weight: 400;
 line-height: 1;
 letter-spacing: .15em;
 text-transform: uppercase;
 color: var(--pp-gray);
}

.pp-ctm__tb {
 width: 100%;
 font-size: var(--pp-btn-fs);
 line-height: 1.6;
}

.pp-ctm__tb td {
 padding: 0 0 6px;
}

.pp-ctm__tb td+td {
 text-align: right;
}

.pp-ctm__dir {
 display: flex;
 width: 100%;
 margin-top: 40px;
 gap: 8px;
 font-size: var(--pp-btn-fs);
}

.pp-ctm__dir svg {
 width: 20px;
 height: 20px;
}

@media (min-width: 768px) {
 .pp-ctf {
  padding-top: 120px;
 }

 .pp-ctf__f {
  --pp-fgap: 24px;
  width: calc(50% - 12px);
  margin-left: 24px;
 }

 .pp-ctf__f:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
 }

 .pp-ctf__f:nth-child(-n+2) {
  --pp-fgap: 0px;
 }

 .pp-ctf__f.pp-ctf__f--full {
  clear: left;
  width: 100%;
  margin-left: 0;
 }

 .pp-ctf__in,
 .pp-ctf__sel,
 .pp-ctf__ta {
  font-size: 16px;
  line-height: 1.6;
 }

 .pp-ctf__lb {
  font-size: 16px;
 }

 .pp-ctf__in:focus~.pp-ctf__lb,
 .pp-ctf__in:not(:placeholder-shown)~.pp-ctf__lb,
 .pp-ctf__ta:focus~.pp-ctf__lb,
 .pp-ctf__ta:not(:placeholder-shown)~.pp-ctf__lb,
 .pp-ctf__sel:valid~.pp-ctf__lb {
  transform: translateY(-10px) scale(.7);
 }

 .pp-ctm__media {
  height: 637.5px;
 }

 .pp-ctm__ct {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding: var(--pp-ct-pad) 0;
  background: none;
  transform: translateY(-50%);
 }

 .pp-ctm__box {
  float: right;
  width: 416px;
  padding: var(--pp-ct-pad);
  border-radius: var(--pp-rc);
  background: var(--pp-bg);
 }

 .pp-ctm__row {
  margin-top: 12px;
 }

 .pp-ctm__more {
  margin-top: 12px;
 }
}

@media (min-width: 1024px) {
 .pp-ctf__main {
  float: left;
  width: calc(100% - var(--pp-ct-side) - 60px);
 }

 .pp-ctf__side {
  float: right;
  width: var(--pp-ct-side);
  margin-top: 0;
 }

 .pp-ctm__title {
  font-size: 30px;
 }
}

@media (min-width: 1536px) {
 .pp-ctm__media {
  height: 750px;
 }
}

@media (hover: hover) and (pointer: fine) {
 .pp-ctf__note a:hover,
 .pp-ctf__txt a:hover {
  background-size: 0 1px;
 }

 .pp-ctm__more:hover {
  background-position: 0 100%;
  background-size: 100% 1px;
 }
}

.pp-pg {
 padding: calc(72px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-pg__head {
 margin-bottom: clamp(32px,2.526vw,48px);
}

.pp-pg__title {
 padding-bottom: .1em;
}

.pp-pg__title span {
 display: inline-block;
}

.pp-rt {
 font-size: 16px;
 line-height: 1.6;
}

.pp-rt>:first-child {
 margin-top: 0;
}

.pp-rt>:last-child {
 margin-bottom: 0;
}

.pp-rt p {
 margin: 16px 0;
}

.pp-rt strong,
.pp-rt b {
 font-weight: 700;
}

.pp-rt em,
.pp-rt i {
 font-style: italic;
}

.pp-rt u {
 text-decoration: underline;
}

.pp-rt s,
.pp-rt del {
 text-decoration: line-through;
}

.pp-rt sub,
.pp-rt sup {
 font-size: .75em;
}

.pp-rt a {
 background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/100% 1px no-repeat;
 transition: background-size var(--pp-anim);
}

.pp-rt h1 {
 margin: 0 0 34px;
 font-size: 36px;
 line-height: 1.1;
}

.pp-rt h2 {
 margin: 48px 0 24px;
 font-size: 24px;
 line-height: 1.1;
}

.pp-rt h3 {
 margin: 32px 0 12px;
 font-size: 20px;
 line-height: 1.2;
}

.pp-rt h4 {
 margin: 40px 0 12px;
 font-size: 18px;
 line-height: 1.3;
}

.pp-rt h5 {
 margin: 32px 0 12px;
 font-size: 16px;
 line-height: 1.4;
}

.pp-rt h6 {
 margin: 32px 0 12px;
 font-size: 16px;
 line-height: 1.4;
}

.pp-rt h2+* {
 margin-top: 0;
}

.pp-rt ul,
.pp-rt ol {
 margin: 20px 0;
 padding-left: 28px;
 list-style: disc;
}

.pp-rt ol {
 list-style: decimal;
}

.pp-rt li {
 margin-top: 8px;
 padding-left: 6px;
}

.pp-rt li>ul,
.pp-rt li>ol {
 margin: 4px 0;
}

.pp-rt ul li::marker {
 color: var(--pp-fg-a25);
}

.pp-rt blockquote {
 margin: 24px 0;
 padding: 4px 0 4px 24px;
 border-left: 2px solid var(--pp-bk-a10);
 font-size: 18px;
 font-style: italic;
}

.pp-rt hr {
 height: 1px;
 margin: 40px 0;
 border: 0;
 background: var(--pp-bk-a10);
}

.pp-rt img {
 display: block;
 max-width: 100%;
 height: auto !important;
 margin: 24px auto;
 border-radius: var(--pp-rc);
}

.pp-rt figure {
 margin: 24px 0;
}

.pp-rt figure img {
 margin: 0;
}

.pp-rt figcaption {
 margin-top: 10px;
 font-size: 14px;
 text-align: center;
 color: var(--pp-fg-a60);
}

.pp-rt iframe,
.pp-rt video {
 display: block;
 width: 100%;
 margin: 24px 0;
 border: 0;
 border-radius: var(--pp-rc);
}

.pp-rt pre,
.pp-rt code {
 font-family: Consolas,Monaco,monospace;
 font-size: 14px;
}

.pp-rt code {
 padding: 2px 6px;
 border-radius: 4px;
 background: var(--pp-bk-a10);
}

.pp-rt pre {
 margin: 24px 0;
 padding: 16px 20px;
 border-radius: var(--pp-rc);
 background: var(--pp-card);
 overflow-x: auto;
}

.pp-rt pre code {
 padding: 0;
 background: none;
}

.pp-rt .table-wrap {
 margin: 24px 0;
 overflow-x: auto;
}

.pp-rt table {
 width: 100%;
 border-collapse: collapse;
 font-size: 15px;
}

.pp-rt th,
.pp-rt td {
 padding: 12px 16px;
 border: 1px solid var(--pp-bk-a10);
 text-align: left;
 vertical-align: top;
}

.pp-rt th {
 background: var(--pp-card);
 font-weight: 500;
}

@media (min-width: 768px) {
 .pp-rt h2 {
  font-size: 30px;
 }
}

@media (min-width: 1024px) {
 .pp-rt p {
  margin: 20px 0;
 }

 .pp-rt h1 {
  margin-bottom: 40px;
  font-size: 48px;
 }

 .pp-rt h2 {
  font-size: 36px;
  line-height: 1.3;
 }

 .pp-rt h3 {
  margin: 40px 0 16px;
  font-size: 24px;
 }

 .pp-rt h4 {
  margin-bottom: 10px;
  font-size: 22px;
 }

 .pp-rt h5,
 .pp-rt h6 {
  font-size: 18px;
 }

 .pp-rt ul,
 .pp-rt ol {
  margin: 24px 0;
  padding-left: 32px;
 }

 .pp-rt li {
  margin-top: 10px;
  padding-left: 8px;
 }

 .pp-rt hr {
  margin: 48px 0;
 }
}

@media (min-width: 1280px) {
 .pp-rt p {
  margin: 18px 0;
 }

 .pp-rt h1 {
  margin-bottom: 48px;
  font-size: 56px;
 }

 .pp-rt h2 {
  margin: 56px 0 34px;
 }

 .pp-rt h3 {
  margin: 48px 0 20px;
  font-size: 30px;
 }

 .pp-rt h4 {
  margin: 42px 0 14px;
  font-size: 24px;
 }

 .pp-rt h5 {
  font-size: 20px;
 }
}

@media (min-width: 1536px) {
 .pp-rt li {
  margin-top: 12px;
 }
}

@media (min-width: 768px) {
 .pp-rt--art {
  font-size: 18px;
 }
}

.pp-rt--pd {
 padding-top: 10px;
 /* color: var(--pp-bk-a60); */
 color: rgba(0,0,0,.8);
}

.pp-rt--pd p {
 margin: 18px 0;
}

.pp-rt--pd a {
 background-position: 0 100%;
 transition: none;
}

.pp-rt--pd h1,
.pp-rt--pd h2,
.pp-rt--pd h3,
.pp-rt--pd h4,
.pp-rt--pd h5,
.pp-rt--pd h6 {
 margin: 0 0 8px;
 font-weight: 500;
 letter-spacing: -.03em;
 color: var(--pp-black);
}

.pp-rt--pd h1 {
 font-size: calc(42px * var(--pp-k));
 line-height: 1.3;
}

.pp-rt--pd h2 {
 font-size: calc(36px * var(--pp-k));
 line-height: 1.3;
}

.pp-rt--pd h3 {
 font-size: calc(30px * var(--pp-k));
 line-height: 1.4;
}

.pp-rt--pd h4 {
 font-size: calc(24px * var(--pp-k));
 line-height: 1.4;
}

.pp-rt--pd h5 {
 font-size: calc(20px * var(--pp-k));
 line-height: 1.5;
}

.pp-rt--pd h6 {
 font-size: 16px;
 line-height: 1.5;
}

.pp-rt--pd h2+h3,
.pp-rt--pd h3+h4,
.pp-rt--pd p+h2,
.pp-rt--pd p+h3,
.pp-rt--pd p+h4,
.pp-rt--pd ul+h2,
.pp-rt--pd ul+h3,
.pp-rt--pd ol+h2,
.pp-rt--pd ol+h3 {
 margin-top: 24px;
}

.pp-rt--pd ul,
.pp-rt--pd ol {
 margin: 24px 0;
 padding-left: 32px;
}

.pp-rt--pd li {
 margin-top: 0;
 padding-left: 8px;
}

.pp-rt--pd ul li::marker {
 color: currentColor;
}

.pp-rt--pd th {
 color: var(--pp-black);
}

.pp-cart {
 padding: calc(72px * var(--pp-k)) 0 calc(60px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-cart__head {
 margin-bottom: clamp(32px,2.526vw,48px);
}

.pp-cart__title {
 padding-bottom: .1em;
}

.pp-cart__title span {
 display: inline-block;
}

.pp-cart__back {
 margin-top: 16px;
}

.pp-cart__side {
 margin-top: 60px;
 padding: 40px 48px;
 border-radius: var(--pp-rc);
 background: var(--pp-fg-a024);
}

.pp-cart__tb {
 width: 100%;
 border-collapse: collapse;
}

.pp-cart__tb thead th {
 position: absolute;
 width: 1px;
 height: 1px;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 white-space: nowrap;
}

.pp-cti+.pp-cti .pp-cti__cell,
.pp-cti+.pp-cti .pp-cti__qty,
.pp-cti+.pp-cti .pp-cti__total {
 border-top: 1px solid var(--pp-fg-a10);
 padding-top: 40px;
}

.pp-cti__cell {
 padding: 0 30px 40px 0;
 vertical-align: top;
}

.pp-cti__media {
 float: left;
 width: 128px;
 height: 128px;
 border-radius: var(--pp-rc);
 background: var(--pp-card);
}

.pp-cti__info {
 padding-left: 168px;
}

.pp-cti__vendor {
 margin: 0;
 font-size: 12px;
 line-height: 1.6;
 color: var(--pp-fg-a60);
}

.pp-cti__name {
 display: inline-block;
 margin-top: 1px;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.25;
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 100% min(100%,1.35em);
 background-size: 0 1px;
 transition: background-size var(--pp-anim);
}

.pp-cti__opts {
 margin: 4px 0 0;
 font-size: 12px;
 line-height: 1.25;
 color: var(--pp-fg-a60);
}

.pp-cti__opts dt,
.pp-cti__opts dd {
 display: inline;
 margin: 0;
 font-weight: 400;
}

.pp-cti__price {
 margin-top: 6px;
 font-size: 14px;
 line-height: 1.6;
}

.pp-cti__price del {
 position: relative;
 margin-right: 4px;
 color: var(--pp-fg-a60);
 text-decoration: none;
}

.pp-cti__price del:before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 width: 100%;
 height: 1px;
 background: currentColor;
}

.pp-cti__price ins {
 color: var(--pp-red);
 text-decoration: none;
}

.pp-cti__disc {
 margin: 4px 0 0;
}

.pp-cti__disc li {
 line-height: 0;
}

.pp-cti__dtag,
.pp-cti__dval {
 display: inline-block;
 height: 30px;
 padding: 0 16px;
 border-radius: var(--pp-rb);
 font-size: 14px;
 font-weight: 500;
 line-height: 30px;
 white-space: nowrap;
}

.pp-cti__dtag {
 background: var(--pp-red-a10);
 color: var(--pp-red);
}

.pp-cti__dtag svg {
 width: 16px;
 height: 16px;
 margin-right: 6px;
 vertical-align: -3px;
}

.pp-cti__dval {
 margin-left: 4px;
 background: var(--pp-red);
 color: var(--pp-bg);
}

.pp-cti__qty {
 padding: 0 30px 40px;
 vertical-align: top;
 white-space: nowrap;
}

.pp-cqty {
 position: relative;
 display: inline-block;
 width: 56px;
 height: 40px;
 vertical-align: middle;
}

.pp-cqty__i {
 width: 100%;
 height: 100%;
 padding: 0 12px 0 4px;
 border: 0;
 border-radius: 8px;
 background: var(--pp-fg-a024);
 font-family: inherit;
 font-size: 14px;
 text-align: center;
 color: var(--pp-fg);
 -webkit-appearance: none;
 appearance: none;
}

.pp-cqty__b {
 position: absolute;
 right: 0;
 top: 50%;
 width: 24px;
 margin-top: -24px;
}

.pp-cqty__up,
.pp-cqty__dn {
 display: block;
 width: 24px;
 height: 24px;
 padding: 0 12px 4px 0;
 border: 0;
 background: none;
 color: var(--pp-fg);
 cursor: pointer;
}

.pp-cqty__dn {
 padding: 4px 12px 0 0;
}

.pp-cqty__up svg,
.pp-cqty__dn svg {
 display: block;
 width: 8px;
 height: 8px;
}

.pp-cti__rm {
 margin-left: 16px;
 font-size: 12px;
 line-height: 1.6;
 vertical-align: middle;
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
 transition: background-size var(--pp-anim);
}

.pp-cti__total {
 padding: 0 0 40px 30px;
 font-size: 18px;
 line-height: 1.6;
 text-align: right;
 vertical-align: top;
 white-space: nowrap;
}

.pp-cart__det {
 margin-top: 48px;
}

.pp-cart__db {
 padding: 40px;
 border-top: 1px solid var(--pp-fg-a10);
 border-bottom: 1px solid var(--pp-fg-a10);
 border-radius: var(--pp-rc);
}

.pp-cart__ds {
 position: relative;
 padding-right: 24px;
 font-size: 16px;
 line-height: 1.5;
 list-style: none;
 cursor: pointer;
}

.pp-cart__ds::-webkit-details-marker {
 display: none;
}

.pp-cart__ds svg {
 position: absolute;
 right: 0;
 top: 4px;
 width: 16px;
 height: 16px;
 transition: transform var(--pp-anim);
}

.pp-cart__db[open] .pp-cart__ds svg {
 transform: scaleY(-1);
}

.pp-cart__dc {
 padding-top: 28px;
}

.pp-cart__dc .pp-ctf__f {
 --pp-fgap: 24px;
 float: none;
 width: auto;
 margin-left: 0;
}

.pp-cart__dc .pp-ctf__f:first-child {
 --pp-fgap: 0px;
}

.pp-cart__dbtn {
 display: flex;
 width: 100%;
 margin-top: 24px;
}

.pp-cart__cperr {
 margin: 12px 0 0;
 font-size: 13px;
 line-height: 1.375;
 color: var(--pp-red);
}

.pp-cart__sum {
 padding-bottom: 40px;
}

.pp-cart__tot {
 padding-bottom: 12px;
 border-bottom: 1px solid var(--pp-fg-a06);
}

.pp-cart__tot-l {
 float: left;
 margin: 10px 0 0;
 font-size: 20px;
 font-weight: 500;
 line-height: 1;
}

.pp-cart__tot-v {
 float: right;
 margin: 0;
 font-size: 24px;
 font-weight: 700;
 line-height: 1;
 margin-top: 10px;
}

.pp-cart__taxnote {
 margin: 12px 0 0;
 font-size: 13px;
 line-height: 1.375;
 color: var(--pp-fg-a60);
}

.pp-cart__note .pp-ctf__f {
 --pp-fgap: 0px;
 float: none;
 width: 100%;
 margin-left: 0;
}

.pp-cart__note-t {
 margin: 0 0 12px;
 font-size: 20px;
 line-height: 1.25;
}

.pp-cart__side .pp-ctf__in,
.pp-cart__side .pp-ctf__ta {
 background: var(--pp-bg);
 box-shadow: inset 0 0 0 1px var(--pp-fg-a10);
}

.pp-cart__pay {
 display: flex;
 width: 100%;
 margin-top: 40px;
}

.pp-cart__paynote {
 margin: 20px 0 0;
 font-size: 12px;
 line-height: 1.5;
 color: var(--pp-fg-a60);
}

@media (min-width: 768px) {
 .pp-cart__title {
  float: left;
  max-width: calc(100% - 260px);
 }

 .pp-cart__back {
  float: right;
  margin-top: 0;
 }

 .pp-cqty {
  height: 48px;
 }

 .pp-cart__db {
  float: left;
  width: calc(50% - 12px);
 }

 .pp-cart__db--last {
  float: right;
 }

 .pp-cti__qty {
  width: 199px;
 }

 .pp-cti__total {
  width: 167px;
 }
}

@media (min-width: 1024px) {
 .pp-cart__main {
  float: left;
  width: calc(100% - 540px);
 }

 .pp-cart__side {
  float: right;
  width: 480px;
  margin-top: 0;
 }

 .pp-cqty {
  width: 72px;
 }
}

@media (max-width: 767px) {
 .pp-cart__back {
  max-height: 44px;
  padding: 14px 16px;
  font-size: 12px;
 }

 .pp-cart__back svg {
  width: 16px;
  height: 16px;
 }

 .pp-cti__total {
  display: none;
 }

 .pp-cti__media {
  width: 96px;
  height: 96px;
 }

 .pp-cti__info {
  padding-left: 116px;
 }

 .pp-cti__cell {
  padding-right: 0;
 }

 .pp-cti__qty {
  padding: 0 0 40px 12px;
 }

 .pp-cti__name {
  overflow-wrap: anywhere;
 }

 .pp-kit__txt .pp-lead {
  margin-bottom: 40px;
 }

 .pp-tile:last-child {
  margin-bottom: 16px;
 }
}

@media (hover: hover) and (pointer: fine) {
 .pp-cti__name:hover {
  background-position: 0 min(100%,1.35em);
  background-size: 100% 1px;
 }

 .pp-cti__rm:hover {
  background-size: 0 1px;
 }
}

.pp-co {
 background: var(--pp-bg);
}

.pp-co__wrap {
 padding: 40px 0 80px;
}

.pp-co__main {
 padding: 0 20px;
}

.pp-co__form {
 max-width: 500px;
 margin: 0 auto;
}

.pp-co__h2 {
 margin: 40px 0 16px;
 font-size: 20px;
 font-weight: 600;
 line-height: 1.2;
}

.pp-co__form>.pp-co__h2:first-child {
 margin-top: 0;
}

.pp-co__f {
 position: relative;
 float: left;
 width: 100%;
 margin-bottom: 12px;
}

.pp-co__in,
.pp-co__sel,
.pp-co__ta {
 display: block;
 width: 100%;
 height: 47px;
 margin: 0;
 padding: 21px 10px 6px;
 border: 1px solid var(--pp-co-bd);
 border-radius: var(--pp-co-r);
 background: var(--pp-bg);
 font-family: inherit;
 font-size: 14px;
 line-height: 1.35;
 color: var(--pp-black);
 -webkit-appearance: none;
 appearance: none;
}

.pp-co__sel {
 height: 49px;
 padding-right: 30px;
}

.pp-co__ta {
 height: auto;
 padding-bottom: 12px;
 resize: vertical;
}

.pp-co__in:focus,
.pp-co__sel:focus,
.pp-co__ta:focus {
 outline: none;
 border-color: var(--pp-co-accent);
 box-shadow: 0 0 0 1px var(--pp-co-accent);
}

.pp-co__in::placeholder,
.pp-co__ta::placeholder {
 color: transparent;
}

.pp-co__lb {
 position: absolute;
 left: 11px;
 top: 0;
 height: 47px;
 max-width: none;
 margin: 0;
 padding-top: calc((47px - 1.35em) / 2);
 font-size: 14px;
 font-weight: 400;
 line-height: 1.35;
 color: var(--pp-bk-a60);
 pointer-events: none;
 transform-origin: left center;
 transition: transform var(--pp-fast);
}

.pp-co__in:focus~.pp-co__lb,
.pp-co__in:not(:placeholder-shown)~.pp-co__lb,
.pp-co__ta:focus~.pp-co__lb,
.pp-co__ta:not(:placeholder-shown)~.pp-co__lb,
.pp-co__sel:valid~.pp-co__lb {
 transform: translateY(-11px) scale(.79);
}

.pp-co__chev {
 position: absolute;
 right: 12px;
 top: 17px;
 width: 16px;
 height: 16px;
 color: var(--pp-black);
 pointer-events: none;
}

.pp-co__chev svg {
 display: block;
}

.pp-co__chk {
 display: block;
 clear: both;
 margin: 0 0 12px;
 padding-top: 4px;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.35;
 color: var(--pp-black);
 cursor: pointer;
}

input.pp-co__chk,
.pp-co__chk input {
 width: 16px;
 height: 16px;
 margin: 0 8px 0 0;
 vertical-align: -3px;
 accent-color: var(--pp-co-accent);
}

.pp-co__opts {
 clear: both;
 margin: 0;
 border: 1px solid var(--pp-co-bd);
 border-radius: var(--pp-co-r);
 overflow: hidden;
}

.pp-co__opt-r+.pp-co__opt-r {
 border-top: 1px solid var(--pp-co-bd);
}

.pp-co__opt-r label {
 position: relative;
 display: block;
 margin: 0;
 padding: 16px 16px 16px 44px;
 font-weight: 400;
 cursor: pointer;
}

.pp-co__opt-r input {
 position: absolute;
 left: 16px;
 top: 18px;
 width: 16px;
 height: 16px;
 margin: 0;
 accent-color: var(--pp-co-accent);
}

.pp-co__opt-r.is-on {
 background: var(--pp-bk-a043);
}

.pp-co__opt-t {
 display: block;
 font-size: 14px;
 line-height: 1.35;
 color: var(--pp-black);
}

.pp-co__opt-d {
 display: block;
 margin-top: 2px;
 font-size: 12px;
 line-height: 1.35;
 color: var(--pp-bk-a60);
}

.pp-co__opt-p {
 position: absolute;
 right: 16px;
 top: 16px;
 font-size: 14px;
 font-weight: 600;
 line-height: 1.35;
 color: var(--pp-black);
}

.pp-co__pay {
 clear: both;
 display: block;
 width: 100%;
 margin-top: 24px;
 padding: 14px 22px;
 border: 0;
 border-radius: var(--pp-co-r);
 background: var(--pp-co-accent);
 font-family: inherit;
 font-size: 14px;
 font-weight: 600;
 line-height: 1.35;
 color: var(--pp-bg);
 cursor: pointer;
 transition: opacity var(--pp-fast);
}

.pp-co__pay:hover {
 opacity: .88;
}

.pp-co__side {
 background: var(--pp-co-panel);
}

.pp-co__sum {
 max-width: 480px;
 margin: 0 auto;
 padding: 40px 20px;
}

.pp-co__items {
 margin: 0;
}

.pp-co__item {
 position: relative;
 padding: 0 0 16px 76px;
}

.pp-co__thumb {
 position: absolute;
 left: 0;
 top: 0;
 width: 64px;
 height: 64px;
 overflow: visible;
 border: 1px solid var(--pp-co-bd);
 border-radius: 8px;
 background: var(--pp-bg);
}

.pp-co__thumb>img {
 border-radius: 7px;
}

.pp-co__qty {
 position: absolute;
 right: -8px;
 top: -8px;
 z-index: 1;
 min-width: 20px;
 height: 20px;
 padding: 0 6px;
 border-radius: 20px;
 background: var(--pp-fg-a70);
 font-size: 12px;
 font-weight: 600;
 line-height: 20px;
 text-align: center;
 color: var(--pp-bg);
}

.pp-co__price {
 float: right;
 padding-left: 12px;
 font-size: 14px;
 line-height: 1.35;
 text-align: right;
 color: var(--pp-black);
}

.pp-co__price del {
 display: block;
 font-size: 12px;
 color: var(--pp-bk-a60);
}

.pp-co__info {
 display: block;
 overflow: hidden;
}

.pp-co__name {
 display: block;
 font-size: 14px;
 line-height: 1.35;
 color: var(--pp-black);
}

.pp-co__opt {
 display: block;
 margin-top: 2px;
 font-size: 12px;
 line-height: 1.35;
 color: var(--pp-bk-a60);
}

.pp-co__tag {
 display: inline-block;
 margin-top: 6px;
 font-size: 12px;
 line-height: 1.35;
 color: var(--pp-bk-a60);
}

.pp-co__tag svg {
 width: 14px;
 height: 14px;
 margin-right: 4px;
 vertical-align: -2px;
}

.pp-co__cp {
 margin: 8px 0 20px;
}

.pp-co__cp-b {
 float: right;
 width: 88px;
 height: 49px;
 border: 0;
 border-radius: var(--pp-co-r);
 background: var(--pp-co-btn);
 font-family: inherit;
 font-size: 14px;
 color: var(--pp-black);
 cursor: pointer;
}

.pp-co__cp-f {
 position: relative;
 display: block;
 margin-right: 100px;
}

.pp-co__cpn {
 clear: both;
 margin: 20px 0 20px;
 font-size: 12px;
 line-height: 1.35;
 color: var(--pp-bk-a60);
}

.pp-co__tot {
 margin: 0;
 padding-top: 20px;
 border-top: 1px solid var(--pp-co-bd);
}

.pp-co__row {
 margin-bottom: 10px;
}

.pp-co__row dt {
 float: left;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.35;
 color: var(--pp-black);
}

.pp-co__row dd {
 float: right;
 margin: 0;
 font-size: 14px;
 line-height: 1.35;
 color: var(--pp-black);
}

.pp-co__row--big {
 margin-top: 16px;
}

.pp-co__row--big dt {
 font-size: 16px;
 font-weight: 600;
 line-height: 30px;
}

.pp-co__row--big dd {
 font-size: 24px;
 font-weight: 600;
 line-height: 30px;
}

.pp-co__row--big i {
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 color: var(--pp-bk-a60);
}

.pp-co__save {
 clear: both;
 margin: 0;
 padding-top: 4px;
 font-size: 12px;
 font-weight: 600;
 line-height: 1.35;
 color: var(--pp-black);
}

.pp-co__save svg {
 width: 16px;
 height: 16px;
 margin-right: 6px;
 vertical-align: -3px;
}

@media (min-width: 768px) {
 .pp-co__f--half {
  width: calc(50% - 6px);
 }

 .pp-co__f--right {
  float: right;
 }
}

@media (min-width: 1024px) {
 .pp-co {
  background: linear-gradient(to right,var(--pp-bg) 0,var(--pp-bg) 52.65%,var(--pp-co-panel) 52.65%,var(--pp-co-panel) 100%);
 }

 .pp-co__wrap {
  padding: 0;
 }

 .pp-co__main {
  float: left;
  width: 52.65%;
  padding: 40px 40px 80px 20px;
 }

 .pp-co__form {
  margin: 0 0 0 auto;
 }

 .pp-co__side {
  position: sticky;
  top: 100px;
  float: right;
  width: 47.35%;
  background: none;
 }

 .pp-co__sum {
  margin: 0;
  padding: 40px;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
 }
}

.pp-fq {
 padding: calc(72px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-fq__title {
 padding-bottom: .1em;
}

.pp-fq__title span {
 display: inline-block;
}

.pp-fq__lead {
 margin: 20px 0 44px;
 font-size: var(--pp-body-md);
 line-height: 1.6;
}

.pp-fq__lead p {
 margin: 0;
}

.pp-fq__group {
 padding: var(--pp-gap-xl) 20px;
 border: 1px solid var(--pp-fg-a10);
 border-radius: var(--pp-rc);
}

.pp-fq__group+.pp-fq__group {
 margin-top: 32px;
}

.pp-fq__gh {
 padding: 8px 0 40px;
}

.pp-fq__gt {
 margin: 0;
 font-size: 24px;
 font-weight: 700;
 line-height: 1;
 letter-spacing: -.025em;
}

.pp-fq__gd {
 margin: 10px 0 0;
 font-size: 16px;
 line-height: 1.6;
 color: var(--pp-fg-a60);
}

.pp-fq .pp-faq__item {
 border-top: 1px solid var(--pp-fg-a10);
 border-bottom: 0;
}

.pp-fq .pp-faq__q {
 padding: 28px 22px 28px 0;
}

.pp-fq__qt {
 display: inline-block;
 font-weight: 500;
 line-height: 1.25;
}

.pp-fq .pp-faq__a {
 max-width: 100%;
}

.pp-fq__side {
 margin-top: 60px;
}

.pp-fq__sh {
 display: inline-block;
 max-width: 100%;
 margin-bottom: 30px;
}

@media (min-width: 768px) {
 .pp-fq__lead {
  margin-bottom: 120px;
 }

 .pp-fq__group {
  margin-top: 0;
 }

 .pp-fq__group+.pp-fq__group {
  margin-top: 48px;
 }

 .pp-fq__sh {
  margin-bottom: 40px;
 }

 .pp-fq .pp-ctf__f {
  --pp-fgap: 24px;
  width: 100%;
  margin-left: 0;
 }

 .pp-fq .pp-ctf__f:first-child {
  --pp-fgap: 0px;
 }

 .pp-fq .pp-ctf__in,
 .pp-fq .pp-ctf__ta,
 .pp-fq .pp-ctf__lb {
  font-size: 16px;
  line-height: 1.6;
 }
}

@media (min-width: 1024px) {
 .pp-fq__main {
  float: left;
  width: calc(100% - var(--pp-ct-side) - 60px);
 }

 .pp-fq__side {
  position: sticky;
  top: 100px;
  float: right;
  width: var(--pp-ct-side);
  margin-top: 0;
 }

 .pp-fq__group {
  padding-left: 48px;
  padding-right: 48px;
 }

 .pp-fq__gt {
  font-size: 30px;
 }

 .pp-fq .pp-faq__q {
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 18px;
 }

 .pp-fq .pp-faq__a {
  max-width: 80%;
 }
}

@media (min-width: 1280px) {
 .pp-fq .pp-faq__q {
  font-size: 20px;
 }

 .pp-fq .pp-faq__a {
  max-width: 100%;
 }
}

@media (min-width: 1536px) {
 .pp-fq .pp-faq__q {
  font-size: 22px;
 }
}

.pp-au {
 padding: calc(72px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-au__title {
 padding-bottom: .1em;
 text-align: center;
}

.pp-au__title span {
 display: inline-block;
}

.pp-au__lead {
 margin: 20px 0 44px;
 font-size: var(--pp-sub-lg);
 line-height: 1.6;
 text-align: center;
}

.pp-au__lead p {
 margin: 0;
}

.pp-au__done {
 margin: 0 0 24px;
 text-align: center;
 color: var(--pp-black);
}

.pp-au__done svg {
 width: 56px;
 height: 56px;
}

.pp-au__acts {
 margin: 0;
 text-align: center;
}

.pp-au__acts .pp-btn {
 margin: 0 6px 12px;
}

.pp-au__main {
 max-width: 560px;
 margin: 0 auto;
}

.pp-au__pan {
 display: none;
}

.pp-au__pan.is-on {
 display: block;
}

.pp-au__h2 {
 margin: 0 0 8px;
 font-size: var(--pp-fs-sub);
 font-weight: 600;
 line-height: 1.25;
 letter-spacing: -.025em;
 text-align: center;
}

.pp-au__note {
 margin: 0 0 24px;
 font-size: 14px;
 line-height: 1.6;
 text-align: center;
 color: var(--pp-fg-a60);
}

.pp-au__f {
 position: relative;
 margin-bottom: 18px;
}

.pp-au__in {
 display: block;
 width: 100%;
 height: 62px;
 margin: 0;
 padding: 16px 26px 0;
 border: 0;
 border-radius: 6px;
 background: var(--pp-fg-a024);
 font-family: inherit;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.25;
 color: var(--pp-fg);
 transition: background-color var(--pp-anim);
 -webkit-appearance: none;
 appearance: none;
}

.pp-au__in:focus {
 outline: none;
 background: var(--pp-fg-a045);
}

.pp-au__in::placeholder {
 color: transparent;
}

.pp-au__lb {
 position: absolute;
 left: 27px;
 top: 0;
 height: 62px;
 max-width: none;
 margin: 0;
 padding-top: calc((62px - 1.6em) / 2);
 font-size: 14px;
 font-weight: 400;
 line-height: 1.6;
 color: var(--pp-fg);
 opacity: .6;
 pointer-events: none;
 transform-origin: left center;
 transition: transform var(--pp-anim);
}

.pp-au__in:focus~.pp-au__lb,
.pp-au__in:not(:placeholder-shown)~.pp-au__lb {
 transform: translateY(-10px) scale(.8);
}

.pp-au__eye {
 position: absolute;
 right: 16px;
 top: 17px;
 width: 28px;
 height: 28px;
 padding: 4px;
 border: 0;
 border-radius: 50%;
 background: none;
 color: var(--pp-fg);
 opacity: .5;
 transition: opacity var(--pp-fast);
}

.pp-au__eye svg {
 display: block;
}

.pp-au__eye:after {
 content: "";
 position: absolute;
 left: 3px;
 top: 13px;
 width: 22px;
 height: 1.5px;
 border-radius: 2px;
 background: currentColor;
 transform: rotate(-45deg) scaleX(0);
 transform-origin: center;
 transition: transform var(--pp-fast);
}

.pp-au__eye.is-on {
 opacity: 1;
}

.pp-au__eye.is-on:after {
 transform: rotate(-45deg) scaleX(1);
}

.pp-au__row {
 margin-bottom: 24px;
}

.pp-au__chk {
 float: left;
 margin: 0;
 font-size: 14px;
 font-weight: 400;
 line-height: 20px;
 color: var(--pp-fg);
 cursor: pointer;
}

.pp-au__chk--block {
 float: none;
 display: block;
 position: relative;
 margin-bottom: 12px;
 padding-left: 26px;
 line-height: 1.6;
 color: var(--pp-fg-a70);
}

.pp-au__chk input {
 width: 16px;
 height: 16px;
 margin: 0 8px 0 0;
 vertical-align: -3px;
 accent-color: var(--pp-fg);
}

.pp-au__chk--block input {
 position: absolute;
 left: 0;
 top: 3px;
 margin: 0;
}

.pp-au__chk a {
 color: var(--pp-fg);
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
 transition: background-size var(--pp-anim);
}

.pp-au__link {
 float: right;
 font-size: 14px;
 line-height: 20px;
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
 transition: background-size var(--pp-anim);
}

.pp-au__btn {
 width: 100%;
 margin-top: 12px;
}

.pp-au__alt {
 margin: 24px 0 0;
 font-size: 14px;
 line-height: 1.6;
 text-align: center;
 color: var(--pp-fg-a60);
}

.pp-au__alt a {
 font-weight: 500;
 color: var(--pp-fg);
 background-image: linear-gradient(currentColor,currentColor);
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 1px;
 transition: background-size var(--pp-anim);
}

@media (pointer: fine) {
 .pp-au__eye:hover {
  opacity: 1;
 }

 .pp-au__link:hover,
 .pp-au__alt a:hover,
 .pp-au__chk a:hover {
  background-size: 0 1px;
 }
}


.pp-toast {
 position: fixed;
 left: 50%;
 bottom: 40px;
 z-index: 500;
 transform: translate(-50%,16px);
 opacity: 0;
 padding: 14px 24px;
 border-radius: var(--pp-rb);
 background: var(--pp-fg);
 color: var(--pp-bg);
 font-size: 14px;
 line-height: 1.4;
 max-width: 90vw;
 transition: opacity .3s,transform .3s;
}

.pp-toast.is-on {
 opacity: 1;
 transform: translate(-50%,0);
}

.pp-ac {
 padding: calc(72px * var(--pp-k)) 0 calc(120px * var(--pp-k));
 background: var(--pp-bg);
}

.pp-ac__title {
 padding-bottom: .1em;
 margin-bottom: calc(40px * var(--pp-k));
}

.pp-ac__title span {
 display: inline-block;
}

.pp-ac__row {
 margin-left: -12px;
 margin-right: -12px;
}

.pp-ac__col {
 padding-left: 12px;
 padding-right: 12px;
 margin-bottom: 24px;
}

.pp-ac__side {
 padding: 28px 24px;
 border-radius: var(--pp-r);
 background: var(--pp-card);
}

.pp-ac__me {
 padding-bottom: 22px;
 margin-bottom: 18px;
 border-bottom: 1px solid var(--pp-fg-a10);
}

.pp-ac__avt {
 display: inline-block;
 vertical-align: middle;
 width: 52px;
 height: 52px;
 margin-right: 14px;
 border-radius: 50%;
 background: var(--pp-fg);
 color: var(--pp-bg);
 font-size: 20px;
 font-weight: 600;
 line-height: 52px;
 text-align: center;
}

.pp-ac__who {
 display: inline-block;
 vertical-align: middle;
 max-width: calc(100% - 72px);
}

.pp-ac__nm {
 display: block;
 font-size: 16px;
 font-weight: 600;
 line-height: 1.3;
}

.pp-ac__em {
 display: block;
 margin-top: 3px;
 font-size: 13px;
 line-height: 1.4;
 color: var(--pp-fg-a60);
 word-break: break-all;
}

.pp-ac__nav {
 margin: 0;
 padding: 0;
 list-style: none;
}

.pp-ac__nav li {
 margin-bottom: 2px;
}

.pp-ac__lk {
 display: block;
 padding: 12px 14px;
 border-radius: 8px;
 font-size: 15px;
 line-height: 1.4;
 color: var(--pp-fg);
 transition: background-color var(--pp-fast), color var(--pp-fast);
}

.pp-ac__lk svg {
 display: inline-block;
 vertical-align: -4px;
 margin-right: 10px;
 opacity: .55;
}

.pp-ac__lk:hover {
 background: var(--pp-fg-a06);
 color: var(--pp-fg);
}

.pp-ac__lk.is-on {
 background: var(--pp-fg);
 color: var(--pp-bg);
 font-weight: 500;
}

.pp-ac__lk.is-on svg {
 opacity: 1;
}

.pp-ac__lk--out {
 margin-top: 10px;
 padding-top: 16px;
 border-top: 1px solid var(--pp-fg-a10);
 border-radius: 0;
 color: var(--pp-fg-a60);
}

.pp-ac__box {
 padding: calc(28px * var(--pp-k)) calc(32px * var(--pp-k));
 border-radius: var(--pp-r);
 background: var(--pp-card);
}

.pp-ac__h2 {
 margin: 0;
 font-size: clamp(20px, 1.4vw, 24px);
 font-weight: 600;
 line-height: 1.3;
}

.pp-ac__note {
 margin: 8px 0 26px;
 font-size: 14px;
 line-height: 1.6;
 color: var(--pp-fg-a60);
}

.pp-ac__f {
 position: relative;
 margin-bottom: 18px;
}

.pp-ac__in {
 display: block;
 width: 100%;
 height: 62px;
 margin: 0;
 padding: 16px 26px 0;
 border: 0;
 border-radius: 6px;
 background: var(--pp-fg-a06);
 font-family: inherit;
 font-size: 14px;
 line-height: 1.25;
 color: var(--pp-fg);
 transition: background-color var(--pp-anim);
 -webkit-appearance: none;
 appearance: none;
}

.pp-ac__in:focus {
 outline: none;
 background: var(--pp-fg-a11);
}

.pp-ac__in::placeholder {
 color: transparent;
}

.pp-ac__f--off .pp-ac__in {
 background: var(--pp-fg-a024);
 color: var(--pp-fg-a60);
}

.pp-ac__lb {
 position: absolute;
 left: 27px;
 top: 0;
 height: 62px;
 max-width: none;
 margin: 0;
 padding-top: calc((62px - 1.6em) / 2);
 font-size: 14px;
 font-weight: 400;
 line-height: 1.6;
 color: var(--pp-fg);
 opacity: .6;
 pointer-events: none;
 transform-origin: left center;
 transition: transform var(--pp-anim);
}

.pp-ac__in:focus~.pp-ac__lb,
.pp-ac__in:not(:placeholder-shown)~.pp-ac__lb {
 transform: translateY(-10px) scale(.8);
}

.pp-ac__eye {
 position: absolute;
 right: 16px;
 top: 17px;
 width: 28px;
 height: 28px;
 padding: 4px;
 border: 0;
 border-radius: 50%;
 background: none;
 color: var(--pp-fg);
 opacity: .5;
 transition: opacity var(--pp-fast);
}

.pp-ac__eye:hover {
 opacity: 1;
}

.pp-ac__eye svg {
 display: block;
}

.pp-ac__btn {
 margin-top: 12px;
}

.pp-ac__empty {
 padding: 48px 0 32px;
 text-align: center;
}

.pp-ac__empty svg {
 opacity: .25;
}

.pp-ac__empty p {
 margin: 18px 0 24px;
 font-size: var(--pp-sub-lg);
 line-height: 1.6;
 color: var(--pp-fg-a60);
}

.pp-ord,
.pp-wl {
 margin: 0;
 padding: 0;
 list-style: none;
}

.pp-ord__it {
 padding: 20px;
 margin-top: 20px;
 border: 1px solid var(--pp-fg-a10);
 border-radius: 12px;
}

.pp-ord__hd {
 padding-bottom: 14px;
 margin-bottom: 14px;
 border-bottom: 1px solid var(--pp-fg-a10);
}

.pp-ord__id {
 float: left;
 font-size: 15px;
 font-weight: 600;
}

.pp-ord__dt {
 float: left;
 margin-left: 12px;
 font-size: 13px;
 line-height: 22px;
 color: var(--pp-fg-a60);
}

.pp-ord__st {
 float: right;
 padding: 3px 12px;
 border-radius: 40px;
 font-size: 12px;
 font-weight: 500;
 line-height: 18px;
}

.pp-ord__st.is-new {
 background: var(--pp-red-bg);
 color: var(--pp-red);
}

.pp-ord__st.is-done {
 background: var(--pp-lime-bg);
 color: var(--pp-green);
}

.pp-ord__ls {
 margin: 0;
 padding: 0;
 list-style: none;
}

.pp-ord__ln {
 padding: 10px 0;
}

.pp-ord__th {
 float: left;
 width: 64px;
 height: 76px;
 margin-right: 14px;
 border-radius: 8px;
 background: var(--pp-fg-a043);
 overflow: hidden;
}

.pp-ord__th img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.pp-ord__sm {
 float: right;
 padding-left: 12px;
 font-size: 14px;
 font-weight: 600;
}

.pp-ord__inf {
 display: block;
 overflow: hidden;
}

.pp-ord__nm {
 display: block;
 font-size: 14px;
 font-weight: 500;
 line-height: 1.4;
}

.pp-ord__op,
.pp-ord__qt {
 display: block;
 margin-top: 4px;
 font-size: 13px;
 line-height: 1.4;
 color: var(--pp-fg-a60);
}

.pp-ord__ft {
 padding-top: 14px;
 margin-top: 6px;
 border-top: 1px solid var(--pp-fg-a10);
}

.pp-ord__tot {
 margin: 0;
}

.pp-ord__tr {
 margin-bottom: 4px;
}

.pp-ord__tr dt {
 float: left;
 font-size: 14px;
 font-weight: 400;
 color: var(--pp-fg-a60);
}

.pp-ord__tr dd {
 float: right;
 margin: 0;
 font-size: 14px;
}

.pp-ord__tr--big dt,
.pp-ord__tr--big dd {
 font-size: 16px;
 font-weight: 600;
 color: var(--pp-fg);
}

.pp-ord__meta,
.pp-ord__addr {
 margin: 10px 0 0;
 font-size: 13px;
 line-height: 1.5;
 color: var(--pp-fg-a60);
}

.pp-ord__addr svg {
 vertical-align: -3px;
 margin-right: 6px;
 opacity: .5;
}

.pp-wl__it {
 padding: 16px 0;
 border-bottom: 1px solid var(--pp-fg-a10);
}

.pp-wl__th {
 float: left;
 width: 84px;
 height: 96px;
 margin-right: 16px;
 border-radius: 8px;
 background: var(--pp-fg-a043);
 overflow: hidden;
}

.pp-wl__th img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.pp-wl__act {
 float: right;
 padding-top: 24px;
}

.pp-wl__del {
 display: inline-block;
 vertical-align: middle;
 width: 34px;
 height: 34px;
 margin-left: 8px;
 padding: 8px;
 border-radius: 50%;
 color: var(--pp-fg);
 opacity: .45;
 transition: opacity var(--pp-fast), background-color var(--pp-fast);
}

.pp-wl__del:hover {
 background: var(--pp-fg-a06);
 opacity: 1;
}

.pp-wl__inf {
 overflow: hidden;
 padding-top: 22px;
}

.pp-wl__nm {
 display: block;
 font-size: 15px;
 font-weight: 500;
 line-height: 1.4;
 color: var(--pp-fg);
}

.pp-wl__pr {
 display: block;
 margin-top: 6px;
 font-size: 15px;
 font-weight: 600;
 color: var(--pp-red);
}

@media (max-width: 767px) {
 .pp-ac__box {
  padding: 22px 18px;
 }

 .pp-ord__st {
  float: none;
  display: inline-block;
  margin-top: 10px;
 }

 .pp-ord__hd .pp-ord__id,
 .pp-ord__hd .pp-ord__dt {
  float: none;
  display: inline-block;
 }

 .pp-wl__act,
 .pp-wl__inf {
  float: none;
  padding-top: 0;
 }

 .pp-wl__act {
  margin-top: 12px;
 }

 .pp-wl__th {
  margin-bottom: 12px;
 }

 .pp-eta__card {
  display: block;
  max-width: 100%;
  overflow-x: auto;
 }

 .pp-hd-in {
  height: 44px;
 }

 .pp-coll__fw {
  margin-bottom: 10px;
 }
}

.pp-flag__list a img {
 display: inline-block;
 vertical-align: -2px;
 width: 18px;
 height: 12px;
 margin-right: 8px;
 border-radius: 2px;
 object-fit: cover;
}

.pp-mshop__none {
 margin: 0;
 padding: 28px 0 8px;
 font-size: 14px;
 line-height: 1.6;
 color: var(--pp-fg-a60);
}

@media (max-width: 639px) {
 .pp-pag {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
 }

 .pp-pag::-webkit-scrollbar {
  display: none;
 }

 .pp-pag__i {
  flex: 0 0 auto;
  width: 36px;
  padding: 6.8px 0;
  font-size: 13px;
 }

 .pp-pag__b {
  flex: 0 0 auto;
  height: 36px;
  gap: 0;
  padding: 0 4px;
 }

 .pp-pag__b span {
  display: none;
 }

 .pp-coll .pp-pag,
 .pp-nl .pp-pag {
  margin-bottom: 64px;
 }
 
 .pp-pd {
  padding-top: 20px;
 }

 .pp-pd__big, .pp-pd__th .wrap-img {
  padding-bottom: 85%;
 }
 
 .pp-spy {
  display: none;
 }

 .pp-vm__box {
    width: min(392px, calc(100% - 100px));
 }
}

@media (max-width: 359px) {
 .pp-pag {
  gap: 2px;
 }

 .pp-pag__i {
  width: 32px;
  padding: 5.8px 0;
  font-size: 12px;
 }

 .pp-pag__b {
  height: 32px;
  padding: 0 2px;
 }

 .pp-pag__b svg {
  width: 18px;
  height: 18px;
 }
}

.pp-ctf__in.is-err,
.pp-ctf__sel.is-err,
.pp-ctf__ta.is-err,
.pp-co__in.is-err,
.pp-co__sel.is-err,
.pp-au__in.is-err,
.pp-ac__in.is-err {
 background: var(--pp-red-a10);
 box-shadow: inset 0 0 0 1px var(--pp-red);
}

.pp-ctf__in.is-err:focus,
.pp-ctf__sel.is-err:focus,
.pp-ctf__ta.is-err:focus,
.pp-co__in.is-err:focus,
.pp-co__sel.is-err:focus,
.pp-au__in.is-err:focus,
.pp-ac__in.is-err:focus {
 background: var(--pp-red-a10);
}

.pp-rvp__in.is-err {
 border-color: var(--pp-red);
 background: var(--pp-red-bg);
}

.pp-ft__form input.is-err {
 box-shadow: inset 0 0 0 1px var(--pp-red-lt);
}

input[type=checkbox].is-err {
 outline: 1px solid var(--pp-red);
 outline-offset: 2px;
}

.pp-fer {
 display: block;
 margin-top: 6px;
 font-size: 12px;
 font-weight: 400;
 line-height: 1.4;
 color: var(--pp-red);
}

.pp-rvp__in + .pp-fer {
 margin-top: -16px;
 margin-bottom: 16px;
}

.pp-au__chk + .pp-fer,
.pp-co__chk + .pp-fer {
 margin-bottom: 12px;
}