@charset "UTF-8";
:root {
  --pgray: rgb(242, 242, 242);
  --pblack: rgb(43, 48, 51);
  --pblue: rgb(50, 124, 179);
  --pred: rgb(209, 35, 25);
  --porange: rgb(255, 108, 0);
  --p-light-black: rgba(43, 48, 51, 0.7);
  --p-black: rgba(43, 48, 51, 0.85);
  --p-dark-black: rgba(43, 48, 51, 0.95);
  --black: rgba(43, 48, 51, 0.95);
  --gray-primary: rgba(43, 48, 51, 0.85);
  --gray-secondary: rgba(43, 48, 51, 0.7);
  --pgrayds: rgb(211, 211, 211);
  --pgrayd: rgb(124, 124, 124);
  --gray1: rgba(43, 48, 51, 0.07);
  --gray2: rgba(43, 48, 51, 0.14);
  --gray3: rgba(43, 48, 51, 0.21);
  --pbluessss: hsl(205.5813953488372, 56.3318777293%, 90%);
  --pbluesss: hsl(205.5813953488372, 56.3318777293%, 85%);
  --pbluess: hsl(205.5813953488372, 56.3318777293%, 75%);
  --blues4: hsl(205.5813953488372, 56.3318777293%, 90%);
  --blues3: hsl(205.5813953488372, 56.3318777293%, 85%);
  --blues2: hsl(205.5813953488372, 56.3318777293%, 75%);
  --blues: hsl(205.5813953488372, 56.3318777293%, 60%);
  --pblued: rgb(50, 102, 140);
  --predssss: hsl(3.2608695652173916, 78.6324786325%, 90%);
  --predsss: hsl(3.2608695652173916, 78.6324786325%, 85%);
  --predss: hsl(3.2608695652173916, 78.6324786325%, 75%);
  --preds: hsl(3.2608695652173916, 78.6324786325%, 60%);
  --predd: rgb(153, 32, 25);
  --porangesss: hsl(25.411764705882355, 100%, 75%);
  --porangess: hsl(25.411764705882355, 100%, 60%);
  --poranged: rgb(153, 65, 0);
  --pgreensss: rgb(217, 242, 156);
  --pgreen: rgb(138, 165, 23);
  --pyellowsss: rgb(255, 252, 191);
  --pyellow: rgb(199, 184, 60);
  --pstar: rgb(255, 215, 0);
  --ppurple: rgb(82, 34, 118);
  --ppurples: hsl(274.2857142857143, 55.2631578947%, 75%);
  --ppurplea: rgb(126, 108, 168);
  --theme-base: rgb(255, 255, 255);
  --theme-font: hsl(203, 0%, 18%);
  --primary-color: hsl(206, 56%, 45%);
  --primary-color-high: hsl(206, 56%, 25%);
  --primary-color-low: hsl(206, 56%, 65%);
  --accent-color: hsl(3, 79%, 46%);
  --accent-color-high: hsl(3, 79%, 26%);
  --accent-color-low: hsl(3, 79%, 66%);
  --moving: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --ease: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --shadow1: 0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0, 0, 0, 0.24);
  --shadow2: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
  --shadow3: 0 10px 20px rgba(0, 0, 0, 0.19),0 6px 6px rgba(0, 0, 0, 0.23);
  --shadow4: 0 14px 28px rgba(0, 0, 0, 0.25),0 10px 10px rgba(0, 0, 0, 0.22);
  --shadow5: 0 19px 38px rgba(0, 0, 0, 0.3),0 15px 12px rgba(0, 0, 0, 0.22);
  --middledot: '\00b7';
  --iconfont: 'fontello';
  --ion-alert: '\f101';
  --ion-alert-circled: '\f100';
  --ion-android-alert: '\f35b';
  --ion-android-radio-button-off: '\f3a6';
  --ion-android-radio-button-on: '\f3a7';
  --ion-android-star: '\f2fc';
  --ion-android-star-outline: '\f3ae';
  --ion-android-bulb: '\f36c';
  --ion-android-menu: '\f394';
  --ion-android-close: '\f2d7';
  --ion-checkbox: '\f374';
  --ion-checkbox-blank: '\f371';
  --ion-checkbox-outline: '\f373';
  --ion-checkbox-outline-blank: '\f372';
  --ion-checkmark: '\f122';
  --ion-checkmark-round: '\f120';
  --ion-chevron-up: '\f126';
  --ion-chevron-left: '\f124';
  --ion-chevron-right: '\f125';
  --ion-compose: '\f12c';
  --ion-arrow-down: '\f3d0';
  --ion-arrow-up: '\f3d8';
  --ion-arrow-right-b: '\f10a';
  --ion-arrow-down-b: '\f104';
  --ion-arrow-left-b: '\f107';
  --ion-arrow-return-left: '\f265';
  --ion-social-windows: '\f247';
  --ion-social-apple: '\f227';
  --ion-trash-b: '\f253';
  --ion-printer: '\f21a';
  --ion-ios-more: '\f46a';
  --ion-ios-telephone: '\f4b9';
  --ion-ios-information: '\f44d';
  --ion-ios-arrow-up: '\f3d8';
  --ion-ios-arrow-right: '\f3d3';
  --ion-ios-arrow-down: '\f3d0';
  --ion-ios-arrow-left: '\f3d2';
  --ion-ios-upload-outline: '\f4ca';
  --ion-ios-download-outline: '\f41f';
  --fllo-user: '\e806';
  --fllo-star: '\e808';
  --fllo-box: '\e809';
  --fllo-header: '\e80a';
  --fllo-cart: '\e807';
  --fllo-truck: '\e803';
  --fllo-money: '\e804';
  --fllo-laptop: '\e805';
  --fllo-barcode: '\e802';
  --fllo-search: '\e800';
  --fllo-mail: '\f0e0';
  --fllo-account: '\f2bb';
  --fllo-trash: '\edd2';
  --pmk-checkbox-blank: '\f0bf';
  --pmk-checkbox-checked: '\f0be';
  --pmk-checkbox-indeterminate: '\f0c0';
  --remixicon-zoom-in-line: '\EAED';
  --tiny: 0.625rem;
  --small: 0.75rem;
  --medium: 0.875rem;
  --large: 1rem;
  --huge: 1.5rem;
  --XS: 0.625rem;
  --S: 0.75rem;
  --M: 0.875rem;
  --L: 1rem;
  --XL: 1.25rem;
  --XXL: 1.5rem;
  --PMK_Primary: #327cb3;
  --PMK_Accent: #d12319;
  --PMK_Base: #f2f2f2;
  --PMK_Text: #333333;
  --PMK_Gray_01: #e6e6e6;
  --PMK_Gray_02: #b3b3b3
}
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}
*,
::after,
::before {
  background-repeat: no-repeat;
  box-sizing: inherit
}
::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit
}
* {
  padding: 0;
  margin: 0
}
hr {
  overflow: visible;
  height: 0;
  color: inherit
}
details,
main {
  display: block
}
summary {
  display: list-item
}
small {
  font-size: 80%
}
[hidden] {
  display: none
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
a {
  background-color: transparent
}
a:active,
a:hover {
  outline-width: 0
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace
}
pre {
  font-size: 1em
}
b,
strong {
  font-weight: bolder
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  border-color: inherit;
  text-indent: 0
}
iframe {
  border-style: none
}
input {
  border-radius: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
textarea {
  overflow: auto;
  resize: vertical
}
button,
input,
optgroup,
select,
textarea {
  font: inherit
}
optgroup {
  font-weight: 700
}
button {
  overflow: visible
}
button,
select {
  text-transform: none
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: ButtonText dotted 1px
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0
}
select {
  -moz-appearance: none;
  -webkit-appearance: none
}
select::-ms-expand {
  display: none
}
select::-ms-value {
  color: currentColor
}
legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  max-width: 100%
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit
}
[disabled] {
  cursor: default
}
img {
  border-style: none
}
progress {
  vertical-align: baseline
}
[aria-busy=true] {
  cursor: progress
}
[aria-controls] {
  cursor: pointer
}
[aria-disabled=true] {
  cursor: default
}
@font-face {
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/fontello/fontello.woff2) format('woff2'),url(/fonts/fontello/fontello.woff) format('woff'),url(/fonts/fontello/fontello.svg) format('svg');
  font-display: swap
}
@font-face {
  font-family: unitIcons;
  src: url(/fonts/unitIcons/unitIcons.woff2?bftp30) format('woff2'),url(/fonts/unitIcons/unitIcons.woff?bftp30) format('woff'),url(/fonts/unitIcons/unitIcons.ttf?bftp30) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block
}
html {
  font-size: 100%;
  height: 100%
}
body {
  background: #fff;
  background: var(--theme-base);
  color: #2d2d2d;
  color: var(--theme-font);
  display: flex;
  font-family: 'Noto Sans CJK JP','Noto Sans',sans-serif;
  font-feature-settings: 'palt' 1;
  letter-spacing: .05rem;
  font-size: .75rem;
  flex-direction: column;
  line-height: 1.6;
  min-height: 100%;
  overflow-wrap: break-word;
  position: relative
}
@media not screen (-ms-high-contrast:active),
not screen (-ms-high-contrast:none) {
  body {
    width: 100vw
  }
}
ol,
ul {
  list-style: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a {
  color: color-mod(#327cb3 b(45%));
  color: var(--pblued)
}
form {
  display: block;
  width: 100%
}
select {
  border: 1px solid #2b3033;
  border: 1px solid var(--pblack);
  background: rgba(255,255,255,.75)
}
option {
  color: color-mod(#2b3033 a(95%));
  color: var(--black)
}
input {
  padding: calc(.75rem / 4) 0 .1rem calc(.75rem / 3);
  background: rgba(255,255,255,.75)
}
.wf-active *,
.wf-active ::after,
.wf-active ::before {
  font-family: 'Noto Sans CJK JP Subset','Noto Sans CJK JP','Noto Sans',sans-serif
}
[data-whatinput=mouse] :focus,
[data-whatinput=touch] :focus {
  outline: 0
}
textarea {
  padding: calc(.75rem / 4) 0 .1rem calc(.75rem / 3)
}
[type=button] {
  cursor: pointer
}
label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
address {
  font-style: normal
}
[src$='.svg'] {
  width: 100%;
  height: 100%
}
.l-header {
  width: 100%
}
.l-header__container {
  width: 100%
}
.l-header__container.is-sticky {
  position: fixed;
  z-index: 999999
}
@media screen and (min-width:485px) {
  a:hover {
    color: #d12319;
    color: var(--pred)
  }
  .l-header {
    height: 190px;
    padding-top: 10px;
    margin-bottom: 20px
  }
  .l-header__container.is-sticky {
    top: -40px
  }
  .l-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 1024px;
    max-width: 1200px;
    margin: 0 auto 15px;
    padding: 0 15px;
    width: 100vw
  }
  .l-top__lists {
    display: flex;
    align-items: center
  }
}
@media screen and (max-width:484px) {
  input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  .l-header {
    height: 151px;
    background: #fff
  }
  .l-header__container.is-sticky {
    top: -55px
  }
  .l-top {
    padding: 10px;
    position: relative;
    height: 55px
  }
  .l-top__lists {
    position: absolute;
    display: none;
    top: 0;
    width: 300px;
    height: 100vw;
    z-index: 9999;
    background: #7c7c7c;
    background: var(--pgrayd);
    right: -300px
  }
}
.l-top__list {
  padding: 5px 0 0 1rem
}
.l-top__list:first-child {
  padding-left: 0
}
.l-top__link {
  color: #2b3033;
  color: var(--pblack);
  font-size: calc(1vw * .9);
  text-decoration: none
}
.l-top__link:hover {
  color: #327cb3;
  color: var(--pblue)
}
.l-top__link::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\e80a';
  content: var(--fllo-header);
  margin-right: calc(1px + .1vw)
}
@media screen and (min-width:1200px) {
  .l-top__link {
    font-size: .75rem
  }
}
.l-gNavi {
  background: #fff
}
.l-gNavi__container {
  position: relative
}
@media screen and (min-width:485px) {
  .l-gNavi__container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1024px;
    padding: 0 15px;
    width: 100vw
  }
}
.l-gNavi__tabLists {
  display: flex
}
@media screen and (max-width:484px) {
  .l-gNavi__tabLists {
    height: 3rem;
    width: 100%
  }
}
@media screen and (min-width:485px) {
  .l-gNavi__tab {
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    margin-right: 5px;
    align-self: flex-end;
    width: 150px;
    height: 45px
  }
  .l-gNavi__tab.is-sticky {
    height: 35px
  }
  .l-gNavi__link {
    background-color: #f2f2f2;
    background-color: var(--pgray);
    border-radius: 4px 4px 0 0;
    color: #327cb3;
    color: var(--pblue);
    display: flex;
    font-size: 1rem;
    height: 100%
  }
  .l-gNavi__link:hover {
    color: #fff;
    background-color: #327cb3;
    background-color: var(--pblue)
  }
}
.l-gNavi__link {
  text-decoration: none;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  justify-content: center;
  align-items: center
}
@media screen and (max-width:484px) {
  .l-gNavi__tab {
    width: 50%
  }
  .l-gNavi__link {
    background: #f2f2f2;
    background: var(--pgray);
    color: #2b3033;
    color: var(--pblack);
    display: flex;
    height: 100%;
    font-size: 1.25rem;
    font-weight: 500
  }
}
.l-gNavi__link.is-current {
  background: #327cb3;
  background: var(--pblue);
  color: #fff
}
.l-gNavi__account {
  display: flex;
  justify-content: center
}
@media screen and (min-width:485px) {
  .l-gNavi__account {
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    height: 50px;
    padding-right: 100px;
    align-items: center
  }
  .l-gNavi__account.is-sticky {
    height: 35px;
    padding-right: 70px
  }
  .l-hello-user {
    margin-right: 1rem
  }
}
@media screen and (max-width:484px) {
  .l-gNavi__account {
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: -46.5px;
    right: 100px
  }
}
.l-hello-user {
  display: flex;
  align-items: center
}
@media screen and (min-width:485px) {
  .l-hello-user__name {
    margin: 0 1rem
  }
  .l-account-status__rank::after {
    content: "\3067\3059\3002"
  }
}
@media screen and (max-width:484px) {
  .l-hello-user__greeting {
    display: none
  }
  .l-hello-user__name {
    margin: 0 calc(.75rem / 4);
    font-size: calc(.75rem * .8)
  }
  .l-hello-user__name--guest {
    display: none
  }
  .l-account-status__greeting {
    display: none
  }
  .l-account-status__rank::after {
    content: "\4F1A\54E1"
  }
}
@media screen and (min-width:485px) {
  .l-entry-btn {
    font-size: .875rem;
    width: 14rem;
    height: 2rem
  }
  .l-entry-btn:hover {
    color: #fff
  }
  .l-entry-btn.is-sticky {
    font-size: .75rem;
    width: 12rem;
    height: 1.5rem
  }
}
@media screen and (max-width:484px) {
  .l-entry-btn {
    font-weight: 500;
    width: 46vw;
    height: 2.5rem
  }
  .l-entry-btn:focus {
    color: #fff
  }
}
@media screen and (min-width:485px) {
  .l-toolbar {
    background-color: #327cb3;
    background-color: var(--pblue);
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving)
  }
  .l-toolbar__container {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1024px;
    padding: 15px;
    position: relative;
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    width: 100vw
  }
  .l-toolbar__container.is-sticky {
    padding: 5px 15px
  }
  .l-toolbar.is-sticky {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    box-shadow: var(--shadow2)
  }
  .l-sBox {
    flex-grow: 1;
    margin-right: 10px
  }
  .l-sBox__caption {
    padding: 0 0 2.5px 5px;
    color: #fff;
    font-size: .65rem
  }
  .l-sBox--barcode {
    flex-grow: 0;
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    width: 250px
  }
  .l-sBox__container {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: var(--shadow1);
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    border-radius: 4px
  }
  .l-sBox__container.is-focus,
  .l-sBox__container.is-hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    box-shadow: var(--shadow3)
  }
}
@media screen and (max-width:484px) {
  .l-toolbar {
    position: relative;
    height: 3rem;
    background: #327cb3;
    background: var(--pblue)
  }
  .l-sBox {
    background: #327cb3;
    background: var(--pblue);
    height: 3rem
  }
  .l-sBox__caption {
    display: none
  }
  .l-sBox--barcode {
    display: none
  }
  .l-search {
    padding: 8px 10px
  }
}
.l-sBox__link {
  color: #fff
}
.l-search {
  position: relative
}
@media screen and (min-width:485px) {
  .l-search {
    display: flex;
    background: #fff;
    border-radius: 4px
  }
  .l-search__area {
    padding-left: 10px;
    height: 30px;
    flex-grow: 2
  }
  .l-search__area--barcode {
    width: 100%;
    flex-grow: 0
  }
}
.l-search__area {
  border-radius: 4px;
  border: none;
  font-size: 1rem
}
.l-search__area::-moz-placeholder {
  color: #d3d3d3;
  color: var(--pgrayds)
}
.l-search__area::placeholder {
  color: #d3d3d3;
  color: var(--pgrayds)
}
@media screen and (max-width:484px) {
  .l-search__area {
    width: 100%;
    height: calc(3rem - (8px * 2));
    background: #fff
  }
}
.l-searchButton {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: none;
  border-radius: 0 4px 4px 0;
  background: #f2f2f2;
  background: var(--pgray);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  color: #327cb3;
  color: var(--pblue)
}
.l-searchButton::before {
  font-family: fontello;
  font-family: var(--iconfont);
  font-weight: 200;
  content: '\e800';
  content: var(--fllo-search)
}
@media screen and (min-width:485px) {
  .l-searchButton {
    color: #327cb3;
    color: var(--pblue);
    cursor: pointer;
    right: 0;
    height: 100%;
    width: 4rem
  }
  .l-searchButton:hover {
    color: #fff;
    background: #327cb3;
    background: var(--pblue)
  }
  .l-searchButton__text {
    font-size: .9rem;
    font-weight: 700
  }
  .l-searchButton::before {
    font-size: .9rem;
    margin-right: 5px
  }
}
@media screen and (max-width:484px) {
  .l-searchButton {
    top: 8px;
    right: 10px;
    width: 5rem;
    height: calc(3rem - (8px * 2))
  }
  .l-searchButton__text {
    display: none
  }
  .l-searchButton::before {
    font-size: 1.25rem
  }
}
.l-searchButton--barcode {
  width: 3rem
}
.l-searchButton--barcode::before {
  font-size: 1.5rem;
  line-height: 1rem;
  content: '\e802';
  content: var(--fllo-barcode);
  margin-right: 0
}
@media screen and (min-width:485px) {
  .l-shopNav {
    display: flex
  }
}
@media screen and (max-width:484px) {
  .l-shopNav {
    display: none;
    background: #f2f2f2;
    background: var(--pgray);
    position: fixed;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    border-top: 1px solid #d3d3d3;
    border-top: 1px solid var(--pgrayds)
  }
  .l-shopNav.js-appendNavi {
    display: flex
  }
  .l-shopNav__list {
    width: 20%
  }
}
@media screen and (min-width:485px) {
  .l-shopNav__list {
    position: relative;
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving)
  }
  .l-shopNav__list--spmenu {
    display: none
  }
  .l-shopBtn {
    display: block;
    width: 6rem;
    height: 60px
  }
}
.l-shopBtn {
  position: relative;
  text-decoration: none;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
@media screen and (max-width:484px) {
  .l-shopBtn {
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translate3d(0,0,0)
  }
}
.l-shopBtn__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  width: 100%;
  position: relative
}
.l-shopBtn__icon::before {
  font-family: fontello;
  font-family: var(--iconfont)
}
@media screen and (min-width:485px) {
  .l-shopBtn__icon {
    border-radius: 4px;
    color: #fff;
    height: 60px
  }
  .l-shopBtn__icon.is-active {
    background: #fff;
    color: #327cb3;
    color: var(--pblue)
  }
  .l-shopBtn__icon::before {
    font-size: 1.4rem;
    display: block
  }
}
@media screen and (max-width:484px) {
  .l-shopBtn__icon {
    color: #2b3033;
    color: var(--pblack);
    font-size: calc(.75rem * .8);
    height: 4rem
  }
  .l-shopBtn__icon.is-current::after {
    content: "";
    position: absolute;
    background: #327cb3;
    background: var(--pblue);
    width: 100%;
    height: 4px;
    top: 0;
    left: 0
  }
  .l-shopBtn__icon.is-active {
    background: #327cb3;
    background: var(--pblue);
    color: #fff
  }
  .l-shopBtn__icon::before {
    height: 25px;
    font-size: 1.25rem
  }
}
.l-shopBtn__icon--account::before {
  content: '\e806';
  content: var(--fllo-user)
}
.l-shopBtn__icon--favorite::before {
  content: '\e808';
  content: var(--fllo-star)
}
.l-shopBtn__icon--sellCart::before {
  content: '\e809';
  content: var(--fllo-box)
}
.l-shopBtn__icon--buyCart::before {
  content: '\e807';
  content: var(--fllo-cart)
}
.l-shopBtn__icon--spmenu::before {
  font-size: 1.6rem;
  content: '\f394';
  content: var(--ion-android-menu)
}
.l-shopBtn__icon--account::after,
.l-shopBtn__icon--favorite::after,
.l-shopBtn__icon--spmenu::after {
  position: absolute;
  transition: transform .3s cubic-bezier(.25,.8,.25,1);
  font-family: fontello;
  font-family: var(--iconfont);
  right: 20%
}
.l-hoverMenu {
  position: absolute;
  z-index: 99999;
  box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
  box-shadow: var(--shadow4);
  border-radius: 4px;
  flex-direction: column;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  opacity: 0;
  visibility: hidden;
  overflow: hidden
}
.l-hoverMenu.is-inactive {
  right: 9999px
}
.l-hoverMenu.is-active {
  transition-delay: 0s;
  opacity: 1;
  visibility: visible
}
@media screen and (min-width:485px) {
  .l-shopBtn__icon--account::after,
  .l-shopBtn__icon--favorite::after,
  .l-shopBtn__icon--spmenu::after {
    top: 20%;
    content: '\f3d0';
    content: var(--ion-ios-arrow-down)
  }
  .l-shopBtn__icon--account.is-active::after,
  .l-shopBtn__icon--favorite.is-active::after,
  .l-shopBtn__icon--spmenu.is-active::after {
    transform: translateY(10px)
  }
  .l-hoverMenu {
    border-top: 1px solid #327cb3;
    border-top: 1px solid var(--pblue);
    padding: 2px 3px;
    background: #f2f2f2;
    background: var(--pgray)
  }
}
@media screen and (max-width:484px) {
  .l-shopBtn__icon--account::after,
  .l-shopBtn__icon--favorite::after,
  .l-shopBtn__icon--spmenu::after {
    top: 30%;
    content: '\f3d8';
    content: var(--ion-ios-arrow-up)
  }
  .l-shopBtn__icon--account.is-active::after,
  .l-shopBtn__icon--favorite.is-active::after,
  .l-shopBtn__icon--spmenu.is-active::after {
    transform: translateY(-10px)
  }
  .l-hoverMenu {
    left: 0;
    bottom: calc(60px + .75rem);
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    width: calc(100% - ((.75rem / 2) * 2));
    margin: 0 calc(.75rem / 2);
    background: #fff
  }
  .l-hoverMenu-list {
    border-bottom: 1px solid #d3d3d3;
    border-bottom: 1px solid var(--pgrayds)
  }
  .l-hoverMenu-list:last-child {
    border: none
  }
}
.l-hoverMenu-list--fav {
  border-top: 1px dotted #327cb3;
  border-top: 1px dotted var(--pblue)
}
.l-hoverMenu-list--fav:last-child {
  border: none
}
.l-hoverMenu-list__item {
  text-decoration: none;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  color: #327cb3;
  color: var(--pblue)
}
@media screen and (min-width:485px) {
  .l-hoverMenu-list {
    width: 12.5rem;
    margin: 1px 0;
    position: relative
  }
  .l-hoverMenu-list__item {
    display: block;
    height: 100%;
    padding: 3px 5px;
    border-radius: 4px
  }
  .l-hoverMenu-list__item:hover {
    color: #fff;
    background: #327cb3;
    background: var(--pblue)
  }
  .l-hoverMenu-list__item:hover .l-hoverMenu-list__alert {
    display: block
  }
}
@media screen and (max-width:484px) {
  .l-hoverMenu-list__item {
    width: 100%;
    display: flex;
    height: 3rem;
    justify-content: flex-start;
    align-items: center;
    padding: 0 calc(1rem);
    font-size: 1rem;
    font-weight: 500;
    position: relative
  }
}
.l-hoverMenu-list__alert {
  background: #d12319;
  background: var(--pred);
  border-radius: 2px;
  color: #fff;
  padding: 0 calc(.75rem / 4);
  position: absolute
}
@media screen and (min-width:485px) {
  .l-hoverMenu-list__alert {
    display: none;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    box-shadow: var(--shadow3);
    z-index: 999999;
    right: 0;
    top: 0
  }
}
@media screen and (max-width:484px) {
  .l-hoverMenu-list__alert {
    display: inline-block;
    right: calc(1rem);
    font-size: .75rem;
    font-weight: 400;
    bottom: 0
  }
}
.l-badge {
  display: inline-block;
  position: absolute;
  text-align: center;
  z-index: 99999;
  color: #fff;
  min-width: 16px;
  background: #d12319;
  background: var(--pred);
  border-radius: 10px
}
@media screen and (min-width:485px) {
  .l-badge {
    top: -5px;
    left: 60px;
    padding: 2px;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: var(--shadow1)
  }
}
@media screen and (max-width:484px) {
  .l-badge {
    top: 4px;
    right: 0
  }
}
.l-pmDog {
  position: absolute;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
@media screen and (min-width:485px) {
  .l-pmDog {
    top: -46px;
    right: 20px
  }
  .l-pmDog__img {
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    height: 50px
  }
  .l-pmDog.is-sticky {
    top: -33px
  }
}
@media screen and (max-width:484px) {
  .l-pmDog {
    top: -94px;
    right: 10px;
    height: 50px
  }
  .l-pmDog__img {
    height: 100%
  }
}
@media screen and (min-width:485px) {
  .l-pmDog.is-sticky .l-pmDog__img {
    height: 35px
  }
  .l-sFilter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #7c7c7c;
    color: var(--pgrayd);
    font-size: .75rem;
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-right: .75rem;
    position: absolute;
    height: 100%;
    right: 100px;
    background: #fff
  }
  .l-sFilter__label {
    padding: 0 5px;
    border-radius: .2rem;
    background: #f2f2f2;
    background: var(--pgray)
  }
  .l-sFilter__label::after {
    font-family: fontello;
    font-family: var(--iconfont);
    margin-left: .75rem;
    content: '\f3d0';
    content: var(--ion-arrow-down);
    color: #327cb3;
    color: var(--pblue)
  }
  .l-sFilterBox {
    position: absolute;
    z-index: 99999;
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
    box-shadow: var(--shadow4);
    border-radius: 4px;
    flex-direction: column;
    transition: opacity .3s cubic-bezier(.25,.8,.25,1);
    transition: opacity var(--ease);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #f2f2f2;
    background: var(--pgray);
    padding: 2.5px 5px;
    top: 30px;
    right: 0
  }
  .l-sFilterBox.is-inactive {
    left: -99999px
  }
  .l-sFilterBox.is-active {
    transition-delay: 0s;
    opacity: 1;
    visibility: visible
  }
  .l-sFilterBox__list {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #7c7c7c;
    color: var(--pgrayd);
    padding: 2.5px;
    width: 7.5rem;
    border-radius: .2rem;
    margin-bottom: 1px
  }
  .l-sFilterBox__list:last-child {
    margin-bottom: 0
  }
  .l-sFilterBox__list:hover {
    background: #d3d3d3;
    background: var(--pgrayds)
  }
  .l-sFilterBox__list span {
    padding-left: .375rem;
    cursor: pointer;
    display: block
  }
  .l-sFilterBox__list span::before {
    content: '\f371';
    content: var(--ion-checkbox-blank);
    font-family: fontello;
    font-family: var(--iconfont);
    margin-right: .5rem;
    color: #fff
  }
  .l-sFilterBox__list [type=checkbox] {
    display: none
  }
  .l-sFilterBox__list [type=checkbox]:checked + span {
    color: #327cb3;
    color: var(--pblue)
  }
  .l-sFilterBox__list [type=checkbox]:checked + span::before {
    content: '\f374';
    content: var(--ion-checkbox);
    color: #2b3033;
    color: var(--pblack)
  }
}
@media screen and (max-width:484px) {
  .l-sFilter {
    display: none
  }
}
@media screen and (min-width:485px) {
  .l-container {
    margin: 0 auto;
    width: 100vw;
    min-width: 1024px;
    max-width: 1200px;
    display: block;
    flex: 1 0 auto;
    padding: 0 1rem
  }
}
.l-container--guide {
  display: flex;
  justify-content: space-between
}
@media screen and (max-width:484px) {
  .l-container {
    padding: 0 10px
  }
  .l-footer {
    height: 130px;
    position: relative
  }
  .l-footer__totop {
    position: fixed;
    right: 10px;
    bottom: 70px
  }
}
@media screen and (min-width:485px) {
  .l-footer {
    flex: 0 0 auto;
    margin-top: 1rem
  }
  .l-footer__totop {
    width: 100vw;
    max-width: 1200px;
    padding: 0 1rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px
  }
}
.l-footer__totop__btn {
  width: 170px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #2b3033;
  background-color: var(--pblack)
}
.l-footer__totop__btn::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f126';
  content: var(--ion-chevron-up);
  margin-right: 5px
}
.l-footer__totop__btn:hover {
  color: #fff
}
@media screen and (min-width:485px) {
  .l-footer__nav {
    background: #f2f2f2;
    background: var(--pgray);
    padding: .75rem 0;
    min-width: 1024px;
    display: flex;
    justify-content: center;
    align-items: center
  }
}
@media screen and (max-width:484px) {
  .l-footer__nav {
    display: none
  }
}
@media screen and (min-width:485px) {
  .l-footer__copyright {
    background: #327cb3;
    background: var(--pblue);
    color: #fff;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: baseline
  }
}
@media screen and (max-width:484px) {
  .l-footer__copyright {
    display: none
  }
}
.l-footer-nav-list {
  border-right: 1px solid #2b3033;
  border-right: 1px solid var(--pblack)
}
.l-footer-nav-list:last-child {
  border-right: none
}
.l-footer-nav-list__anchor {
  font-size: .75rem;
  display: block;
  padding: .35rem .75rem;
  color: #2b3033;
  color: var(--pblack);
  text-decoration: none;
  border-radius: 2px
}
.l-footer-nav-list__anchor:hover {
  color: #327cb3;
  color: var(--pblue)
}
.l-modal {
  position: fixed;
  display: none;
  z-index: 9999999;
  background: #fff;
  box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
  box-shadow: var(--shadow4);
  text-align: center;
  border-radius: 4px;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 1;
  transition: opacity .3s cubic-bezier(.25,.8,.25,1);
  transition: opacity var(--ease)
}
@media screen and (min-width:485px) {
  .l-modal {
    padding: 1.5rem 3rem;
    font-size: 1rem
  }
}
@media screen and (max-width:484px) {
  .l-modal {
    padding: calc(.75rem / 2) 0;
    width: 97.5vw
  }
}
.l-modal__text-blue {
  color: #327bb3;
  color: var(--primary-color)
}
.l-modal__text-red {
  color: #d12118;
  color: var(--accent-color)
}
.l-modal__text-blue,
.l-modal__text-red {
  display: block;
  margin-top: 1rem
}
.l-modal.is-display {
  display: block
}
.l-modal.is-close {
  opacity: 0
}
.l-modal__btnPos {
  margin-top: 1rem
}
.l-modal__btn {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12rem
}
.l-modal__btn::after {
  content: attr(data-suffix-text);
  display: block;
  font-size: calc(.75rem * .75);
  font-weight: 400
}
.l-modal-overlay {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: color-mod(#2b3033 a(70%));
  background: var(--gray-secondary);
  transition: opacity .3s cubic-bezier(.25,.8,.25,1);
  transition: opacity var(--ease)
}
.l-modal-overlay.is-close {
  opacity: 0
}
@media screen and (min-width:485px) {
  .c-brand {
    display: flex;
    align-items: flex-end
  }
  .c-brand__link {
    display: block;
    height: 25px
  }
  .c-brand__text {
    margin-left: 1rem
  }
  .c-logo {
    width: 200px;
    height: 25px
  }
}
@media screen and (max-width:484px) {
  .c-brand__link {
    bottom: 0;
    display: inline-block
  }
  .c-brand__text {
    font-size: .625rem;
    display: none
  }
}
.c-logo {
  display: flex;
  justify-content: space-between;
  align-items: center
}
@media screen and (max-width:484px) {
  .c-logo {
    width: calc(200px / 3.5);
    flex-direction: column
  }
}
@media screen and (min-width:485px) {
  .c-logo__left {
    width: 25%;
    height: 25px
  }
}
@media screen and (max-width:484px) {
  .c-logo__left {
    width: 100%;
    margin-bottom: 1px
  }
}
@media screen and (min-width:485px) {
  .c-logo__right {
    width: 70%;
    height: 25px
  }
  .c-open-list-btn {
    height: 2rem
  }
}
@media screen and (max-width:484px) {
  .c-logo__right {
    width: 90%
  }
}
.c-logo__left svg,
.c-logo__right svg {
  display: block;
  width: 100%;
  height: 100%
}
.c-error {
  width: 100%;
  background: #d12319;
  background: var(--pred);
  padding: calc(.75rem / 2) calc(.75rem);
  border-radius: .2rem
}
.c-error__unordered-list {
  color: #fff;
  padding-left: 1rem;
  list-style: disc
}
* + .c-error {
  margin-top: 1rem
}
.c-btn {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  border-radius: .2rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  box-shadow: var(--shadow1);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  font-size: .75rem
}
.c-btn--b {
  display: flex
}
.c-btn--i {
  display: inline-flex
}
.c-btn:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
  box-shadow: var(--shadow2)
}
.c-btn--important:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
  box-shadow: var(--shadow3)
}
.c-btn--veryImpotant:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
  box-shadow: var(--shadow4)
}
.c-btn:active {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  box-shadow: var(--shadow1)
}
.c-btnPos {
  display: flex;
  align-items: center
}
.c-btnPos--col {
  flex-direction: column
}
.c-btnPos--row {
  flex-direction: row
}
.c-btnPos--l {
  justify-content: flex-start
}
.c-btnPos--c {
  justify-content: center
}
.c-btnPos--r {
  justify-content: flex-end
}
.c-btnPos--sb {
  justify-content: space-between
}
.c-btnPos--sa {
  justify-content: space-around
}
.c-open-list-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(.75rem / 2);
  border-radius: .2rem;
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  font-size: 1rem;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
@media screen and (max-width:484px) {
  .c-open-list-btn {
    height: 3rem
  }
}
.c-open-list-btn::after {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f3d0';
  content: var(--ion-arrow-down)
}
.c-open-list-btn.is-active::after {
  transform: rotateX(180deg)
}
.c-open-list-btn.is-active,
.c-open-list-btn:hover {
  background: color-mod(#2b3033 a(14%));
  background: var(--gray2)
}
.c-button {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.c-button_secondary {
  background: #fff;
  border-style: solid;
  border-width: 3px;
  border-radius: .2rem
}
.c-button_secondary[disabled] {
  opacity: .3
}
.c-button_secondary--blue {
  color: #327cb3;
  color: var(--PMK_Primary);
  border-color: #327cb3;
  border-color: var(--PMK_Primary)
}
.c-button_secondary--blue:hover {
  --pmk-blue30: #c2d8e9;
  background: var(--pmk-blue30)
}
.c-button_secondary--red {
  color: #d12319;
  color: var(--PMK_Accent);
  border-color: #d12319;
  border-color: var(--PMK_Accent)
}
.c-button_secondary--gray {
  color: #b3b3b3;
  color: var(--PMK_Gray_02);
  border-color: #b3b3b3;
  border-color: var(--PMK_Gray_02)
}
.c-button_liner {
  background: #fff;
  border-style: solid;
  border-width: 3px;
  border-radius: .2rem
}
.c-button_liner[disabled] {
  opacity: .3
}
.c-button_liner--primary {
  color: #327cb3;
  color: var(--PMK_Primary);
  border-color: #327cb3;
  border-color: var(--PMK_Primary)
}
.c-button_liner--primary:hover {
  --pmk-blue30: #c2d8e9;
  background: var(--pmk-blue30)
}
.c-button_liner--accent {
  color: #d12319;
  color: var(--PMK_Accent);
  border-color: #d12319;
  border-color: var(--PMK_Accent)
}
.c-button_liner--mono {
  color: #b3b3b3;
  color: var(--PMK_Gray_02);
  border-color: #b3b3b3;
  border-color: var(--PMK_Gray_02)
}
.c-trash_button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 4px;
  border-radius: .2rem;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.c-trash_button:hover {
  opacity: .5
}
.c-trash_button::before {
  font-family: fontello;
  content: '\edd2';
  content: var(--fllo-trash);
  display: block;
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  color: #327cb3;
  color: var(--PMK_Primary)
}
.c-banner {
  display: block;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: .2rem;
  overflow: hidden
}
.c-banner + .c-banner {
  margin-left: 1rem
}
.c-banner-img {
  display: block;
  width: 100%
}
.c-bnrArea {
  display: flex
}
.c-bnrArea--center {
  justify-content: center
}
.c-bnrArea--right {
  justify-content: flex-end
}
.c-bnrArea--left {
  justify-content: flex-start
}
.c-circleNumber__item::before {
  color: #327cb3;
  color: var(--pblue);
  margin: 0 .15rem 0 .375rem
}
.c-circleNumber__item:nth-of-type(1)::before {
  content: "\2460"
}
.c-circleNumber__item:nth-of-type(2)::before {
  content: "\2461"
}
.c-circleNumber__item:nth-of-type(3)::before {
  content: "\2462"
}
.c-circleNumber__item:nth-of-type(4)::before {
  content: "\2463"
}
.c-circleNumber__item:nth-of-type(5)::before {
  content: "\2464"
}
.c-circleNumber__item:nth-of-type(6)::before {
  content: "\2465"
}
.c-circleNumber__item:nth-of-type(7)::before {
  content: "\2466"
}
.c-circleNumber__item:nth-of-type(8)::before {
  content: "\2467"
}
.c-circleNumber__item:nth-of-type(9)::before {
  content: "\2468"
}
.c-circleNumber__item:nth-of-type(10)::before {
  content: "\2469"
}
.c-contentHeader {
  border-radius: 4px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  font-weight: 700
}
.c-contentHeader--blue {
  color: #327cb3;
  color: var(--pblue)
}
.c-contentHeader--line {
  align-items: center;
  background: #f2f2f2;
  background: var(--pgray)
}
.c-contentHeader--line::before {
  content: '';
  height: 2rem;
  width: 5px;
  background: #327cb3;
  background: var(--pblue);
  margin-right: calc(.75rem / 2)
}
@media screen and (min-width:485px) {
  .c-contentHeader {
    font-size: 1.25rem;
    margin: 1rem 0;
    padding: .75rem
  }
  .c-contentHeader__comment {
    font-size: 1rem
  }
}
@media screen and (max-width:484px) {
  .c-contentHeader--line {
    flex-wrap: wrap
  }
  .c-contentHeader {
    font-size: 1rem;
    margin: .75rem 0
  }
}
.c-contentHeader__comment {
  margin-top: calc(.75rem / 2);
  font-weight: 400;
  width: 100%
}
@media screen and (max-width:484px) {
  .c-contentHeader__comment {
    font-size: .75rem
  }
}
.c-contentTopImage {
  width: 100%
}
.c-content-header {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #327cb3;
  color: var(--pblue);
  margin-bottom: 1rem
}
.c-content-header::before {
  display: block;
  width: calc(1rem / 2);
  height: 2rem;
  margin-right: calc(1rem / 2);
  content: '';
  background: #327cb3;
  background: var(--pblue)
}
.c-section-header {
  position: relative;
  border-radius: 4px;
  margin: calc(.75rem / 2) 0;
  display: flex;
  flex-wrap: wrap
}
.c-section-header__comment {
  margin-top: calc(.75rem / 2);
  font-weight: 400;
  width: 100%
}
@media screen and (min-width:485px) {
  .c-section-header {
    font-size: 1.25rem
  }
  .c-section-header__comment {
    font-size: 1rem
  }
}
@media screen and (max-width:484px) {
  .c-section-header {
    font-size: 1rem
  }
  .c-section-header__comment {
    font-size: .75rem
  }
}
.c-section-description {
  margin: 1rem 0
}
.c-sub-header {
  position: relative;
  border-radius: 4px;
  display: flex
}
.c-sub-header--line {
  align-items: center
}
.c-sub-header--line::before {
  content: '';
  display: block;
  width: 2px;
  height: 1rem;
  background: #327cb3;
  background: var(--pblue);
  margin-right: calc(.75rem / 4)
}
@media screen and (min-width:485px) {
  .c-sub-header {
    font-size: 1rem;
    font-weight: 400;
    margin: calc(.75rem / 2) 0
  }
  .c-sub-header--bg {
    padding: calc(.75rem / 2)
  }
  .c-guide-section-header {
    font-weight: 700;
    font-size: 1.25rem
  }
}
.c-guide-section-header {
  color: #327cb3;
  color: var(--pblue);
  background: #f2f2f2;
  background: var(--pgray);
  padding: calc(.75rem / 4) .75rem
}
@media screen and (max-width:484px) {
  .c-guide-section-header {
    font-weight: 400;
    font-size: .875rem
  }
}
.c-guide-sub-header {
  color: #327cb3;
  color: var(--pblue)
}
@media screen and (min-width:485px) {
  .c-guide-sub-header {
    font-weight: 700;
    font-size: 1rem;
    margin: 2rem 0
  }
}
.c-pagination {
  display: flex;
  justify-content: space-between
}
.c-pagination__count {
  display: flex
}
@media screen and (max-width:484px) {
  .c-guide-sub-header {
    font-weight: 400;
    font-size: .75rem;
    margin: 1rem 0
  }
  .c-pagination {
    flex-wrap: wrap
  }
  .c-pagination__count {
    display: inline-flex;
    order: 0
  }
}
.c-pagination__number {
  display: flex;
  align-items: flex-end
}
@media screen and (max-width:484px) {
  .c-pagination__number {
    display: inline-flex;
    order: 1
  }
}
.c-display_num {
  border-radius: 2px;
  overflow: hidden;
  display: flex
}
.c-display_num__link {
  display: inline-flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: #f2f2f2;
  background: var(--pgray);
  color: #327cb3;
  color: var(--pblue);
  font-weight: 400
}
.c-display_num__link.is-current {
  background: #327cb3;
  background: var(--pblue);
  color: #fff
}
@media screen and (min-width:485px) {
  .c-display_num {
    margin-right: 10px
  }
  .c-display_num__link {
    width: 4rem
  }
  .c-display_num__link:hover {
    background: #327cb3;
    background: var(--pblue);
    color: #fff
  }
  .c-pager-btn {
    margin-left: calc(.75rem / 2)
  }
}
@media screen and (max-width:484px) {
  .c-display_num {
    margin-right: calc(.75rem / 4)
  }
  .c-display_num__link {
    width: 3rem
  }
  .c-pager-btn {
    margin-left: calc(.75rem / 4)
  }
  .c-pager-btn:first-child {
    margin-left: 0
  }
  .c-pager-btn--prvArrow {
    order: 1
  }
  .c-pager-btn--first {
    order: 0
  }
  .c-pager-btn--current {
    order: 2
  }
  .c-pager-btn--num {
    display: none
  }
  .c-pager-btn--last {
    display: none
  }
  .c-pager-btn--nxtArrow {
    order: 3
  }
}
.c-pager-btn__link {
  display: inline-flex;
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: 2px;
  width: 2rem;
  height: 2rem;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
  justify-content: center
}
.c-pager-btn__link--prvArrow::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f124';
  content: var(--ion-chevron-left)
}
.c-pager-btn__link--nxtArrow::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f125';
  content: var(--ion-chevron-right)
}
.c-pager-btn__link--first,
.c-pager-btn__link--last {
  position: relative
}
.c-pager-btn__link--first::after,
.c-pager-btn__link--first::before,
.c-pager-btn__link--last::after,
.c-pager-btn__link--last::before {
  cursor: default;
  position: absolute;
  font-family: fontello;
  font-family: var(--iconfont);
  color: #2b3033;
  color: var(--pblack)
}
@media screen and (min-width:485px) {
  .c-pager-btn__link--first {
    margin-right: .75rem
  }
  .c-pager-btn__link--first::after {
    right: -.75rem;
    content: '\f46a';
    content: var(--ion-ios-more)
  }
  .c-pager-btn__link--last::before {
    left: -.75rem;
    content: '\f46a';
    content: var(--ion-ios-more)
  }
}
.c-pager-btn__link--last {
  margin-left: .75rem
}
@media screen and (max-width:484px) {
  .c-pager-btn__link--first {
    margin-right: calc(.75rem / 4)
  }
  .c-pager-btn__link--last {
    display: none
  }
}
.c-pager-btn__link--current {
  cursor: default
}
.c-pager-btn__link--current,
.c-pager-btn__link:hover {
  color: #fff;
  background: #327cb3;
  background: var(--pblue)
}
.c-sortselect {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #fff;
  border: 1px solid #7c7c7c;
  border: 1px solid var(--pgrayd);
  color: #2b3033;
  color: var(--pblack)
}
@media screen and (min-width:485px) {
  .c-sortselect {
    border-radius: 2px
  }
  .c-sortselect__buySort {
    font-size: .8rem
  }
}
@media screen and (max-width:484px) {
  .c-sortselect {
    order: 2;
    width: 100%;
    margin-top: .75rem;
    border-radius: 4px
  }
}
.c-sortselect__buySort {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 3.5px 30px 3.5px 10px;
  background: 0 0;
  border: 0;
  line-height: 1.5
}
.c-sortselect select::-ms-expand {
  display: none
}
.c-sortselect--downArrow::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f3d0';
  content: var(--ion-arrow-down);
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 12px;
  right: .75rem;
  margin-top: -8px;
  margin-top: -.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  color: #2b3033;
  color: var(--pblack)
}
.c-beforeIcon::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: "\f277";
  margin-right: calc(.75rem / 2)
}
.c-beforeIcon--selCart::before {
  content: '\e809';
  content: var(--fllo-box)
}
.c-beforeIcon--buyCart::before {
  content: '\e807';
  content: var(--fllo-cart)
}
.c-beforeIcon--mail::before {
  content: '\f0e0';
  content: var(--fllo-mail)
}
.c-beforeIcon--acut::before {
  content: '\e806';
  content: var(--fllo-user)
}
.c-beforeIcon--favo::before {
  content: '\e808';
  content: var(--fllo-star)
}
.c-toolTipArea {
  position: relative
}
.c-toolTip {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
  box-shadow: var(--shadow3);
  cursor: default
}
@media screen and (min-width:485px) {
  .c-toolTip {
    width: 12.5rem;
    height: 2rem
  }
  .c-toolTip--cart {
    top: -80px;
    left: -20px
  }
}
@media screen and (max-width:484px) {
  .c-sortselect__buySort {
    font-size: 1rem
  }
  .c-toolTip {
    width: 11rem;
    height: 2rem
  }
  .c-toolTip--cart {
    top: -2.5rem;
    right: 0
  }
}
.c-toolTip--cart.is-added::before {
  content: "購入カートに追加されました"
}
.c-toolTip--cart.is-soldOut::before {
  content: "売り切れました"
}
.c-toolTip--fav.is-added::after {
  content: "に登録されました"
}
.c-toolTip--fav.is-removed::after {
  content: "から削除されました"
}
.c-toolTip.is-added {
  background: #d12319;
  background: var(--pred);
  color: #fff
}
.c-toolTip.is-removed {
  background: #327cb3;
  background: var(--pblue);
  color: #fff
}
.c-toolTip.is-soldOut {
  background: #d3d3d3;
  background: var(--pgrayds);
  color: #2b3033;
  color: var(--pblack)
}
.p-inOrEx {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  padding: .25rem;
  border-radius: 2px
}
.p-inOrEx--internal {
  color: #327cb3;
  color: var(--pblue);
  background-color: color-mod(#327cb3 l(85%));
  background-color: var(--pbluesss)
}
.p-inOrEx--external {
  color: #c7b83c;
  color: var(--pyellow);
  background-color: #fffcbf;
  background-color: var(--pyellowsss)
}
.p-inOrEx--injection {
  color: #7e6ca8;
  color: var(--ppurplea);
  background: color-mod(#522276 l(75%));
  background: var(--ppurples)
}
.p-inOrEx--dentis {
  color: #fff;
  background: #7c7c7c;
  background: var(--pgrayd)
}
.p-fastgoOrLater {
  display: inline-block;
  width: 1.5rem;
  padding: .25rem;
  border-radius: 2px
}
.p-fastgoOrLater--fast {
  color: #d12319;
  color: var(--pred);
  background-color: color-mod(#d12319 l(85%));
  background-color: var(--predsss)
}
.p-fastgoOrLater--late {
  color: #8aa517;
  color: var(--pgreen);
  background-color: #d9f29c;
  background-color: var(--pgreensss)
}
.c-classification {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px
}
@media screen and (min-width:485px) {
  .c-toolTip--fav {
    top: -70px;
    left: -60px
  }
  .c-classification {
    width: 1.5rem;
    height: 1.5rem
  }
  .c-flow__unordered-item + .c-flow__unordered-item::after,
  .c-flow__unordered-item + .c-flow__unordered-item::before {
    border-width: calc(2rem / 2) 0 calc(2rem / 2) calc(.75rem / 2)
  }
}
@media screen and (max-width:484px) {
  .c-toolTip--fav {
    top: -60px;
    left: -120px
  }
  .c-classification {
    font-size: .75rem;
    width: 1.25rem;
    height: 1.25rem
  }
}
.c-classification--internal {
  color: #327cb3;
  color: var(--pblue);
  background-color: color-mod(#327cb3 l(85%));
  background-color: var(--pbluesss)
}
.c-classification--external {
  color: #c7b83c;
  color: var(--pyellow);
  background-color: #fffcbf;
  background-color: var(--pyellowsss)
}
.c-classification--injection {
  color: #7e6ca8;
  color: var(--ppurplea);
  background: color-mod(#522276 l(75%));
  background: var(--ppurples)
}
.c-classification--dentis {
  color: #fff;
  background: #7c7c7c;
  background: var(--pgrayd)
}
.c-classification--fast {
  color: #d12319;
  color: var(--pred);
  background-color: color-mod(#d12319 l(85%));
  background-color: var(--predsss)
}
.c-classification--late {
  color: #8aa517;
  color: var(--pgreen);
  background-color: #d9f29c;
  background-color: var(--pgreensss)
}
.c-ripple {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.c-ripple__effect {
  position: absolute;
  border-radius: 50%;
  opacity: .35;
  transform: scale(0);
  background: #fff;
  -webkit-animation: 550ms ripple;
  animation: 550ms ripple;
  pointer-events: none
}
@-webkit-keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2)
  }
}
@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2)
  }
}
.c-flow {
  width: 100%
}
.c-flow__unordered-list {
  width: 100%;
  margin: 1rem 0;
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: .2rem;
  overflow: hidden
}
.c-flow__unordered-item {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  background: var(--pgray);
  color: color-mod(#2b3033 a(85%));
  color: var(--gray-primary);
  position: relative;
  flex: 1;
  height: 2rem
}
.c-flow__unordered-item + .c-flow__unordered-item::after,
.c-flow__unordered-item + .c-flow__unordered-item::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  top: 0;
  z-index: 99
}
.c-flow__unordered-item + .c-flow__unordered-item::before {
  border-color: transparent transparent transparent #d3d3d3;
  border-color: transparent transparent transparent var(--pgrayds);
  left: 0
}
.c-flow__unordered-item + .c-flow__unordered-item::after {
  border-color: transparent transparent transparent #f2f2f2;
  border-color: transparent transparent transparent var(--pgray);
  left: -1px
}
.c-flow__unordered-item.is-current {
  background: #327bb3;
  background: var(--primary-color);
  color: #fff
}
.c-flow__unordered-item.is-current + .c-flow__unordered-item::before {
  z-index: 99;
  border-color: transparent transparent transparent #327bb3;
  border-color: transparent transparent transparent var(--primary-color)
}
.c-flow__unordered-item.is-current + .c-flow__unordered-item::after {
  content: none;
  border: none
}
.c-notes {
  border-radius: 4px;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid;
  border: 1px solid var(--gray2)
}
@media screen and (min-width:485px) {
  .c-notes {
    margin: 20px auto;
    padding: 34px 75px
  }
}
@media screen and (max-width:484px) {
  .c-flow__unordered-item {
    width: 0;
    font-size: 0
  }
  .c-flow__unordered-item + .c-flow__unordered-item::after,
  .c-flow__unordered-item + .c-flow__unordered-item::before {
    border-width: 1rem 0 1rem 7.5px
  }
  .c-flow__unordered-item.is-current {
    height: 2rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 10rem;
    font-size: .75rem
  }
  .c-notes {
    margin: 1rem 0;
    padding: .75rem calc(.75rem / 2)
  }
}
.c-notes--address {
  background: #fff;
  border: 3px solid #f2f2f2;
  border: 3px solid var(--pgray)
}
.c-notes__label {
  background: #d12319;
  background: var(--pred);
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 2rem;
  border-radius: 4px;
  margin: .75rem 0
}
.c-notes__label::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f101';
  content: var(--ion-alert);
  margin: 0 calc(.75rem / 4) 0 0
}
@media screen and (min-width:485px) {
  .c-notes__topText {
    font-size: 1rem
  }
  .c-notes__label {
    font-size: 1rem
  }
  .c-notesLists {
    padding-left: 20px
  }
  .c-notesLists__data {
    padding: 0 0 0 5px
  }
}
.c-notesLists__title {
  font-size: .875rem;
  font-weight: 400;
  margin: 5px 0;
  color: #d12319;
  color: var(--pred)
}
.c-notesLists__data {
  margin: 0 0 1.5rem
}
.c-notesLists__data__text {
  font-size: .75rem;
  margin: 0 0 5px
}
.frameCheck .check dt span {
  font-size: 1rem;
  font-weight: 400
}
.frameCheck .check dt span.red {
  font-size: 1rem;
  font-weight: 400;
  position: relative
}
.frameCheck .check dt span.red::before {
  position: absolute;
  left: -75px;
  font-family: IonIcons;
  content: 'Check\A0\f101';
  background-color: #d12319;
  background-color: var(--pred);
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  padding: 5px 10px;
  padding: 5px 10px
}
.frameCheck .detail {
  justify-content: center;
  margin-bottom: 0
}
.frameCheck .detail button {
  font-size: 1.2rem
}
.frameCheck .detail button::before {
  margin-right: 5px;
  content: '\f3a5'
}
.frameCheck p {
  font-size: 1rem
}
.frameCheck .addresslist {
  margin-bottom: 15px
}
.frameCheck .addresslist li {
  font-size: 1rem;
  font-weight: 700
}
.frameCheck .atention p {
  margin-bottom: 0;
  font-size: .8rem
}
.frameCheck .atention p::before {
  content: '※\A0'
}
.c-privacy-confirm__readme {
  font-weight: 700
}
.c-privacy-confirm__contract {
  margin: .75rem 0
}
@media screen and (min-width:485px) {
  .c-privacy-confirm__readme {
    text-align: center;
    font-size: 1rem
  }
  .c-privacy-confirm__contract {
    padding: 1rem;
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .c-privacy-confirm__contract {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    border-radius: 4px
  }
  .c-privacy-header {
    margin: 0;
    padding: .75rem
  }
}
@media screen and (min-width:485px) {
  .c-privacy-text {
    margin-bottom: 30px
  }
}
@media screen and (max-width:484px) {
  .c-privacy-text {
    display: none;
    padding: calc(.75rem / 4) .75rem;
    margin-bottom: 1.5rem
  }
  .c-privacy-text.is-active {
    display: block
  }
}
.c-privacy-text:last-child {
  margin: 0
}
.c-privacy-text__paragraph {
  margin: .75rem 0
}
.c-privacy-lists {
  list-style: square;
  padding-left: 1.5rem
}
.c-privacy-open-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.c-privacy-open-arrow::after {
  display: flex;
  align-items: center;
  line-height: 1rem;
  font-size: 1.25rem;
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f3d0';
  content: var(--ion-arrow-down)
}
.c-privacy-open-arrow.is-active::after {
  content: '\f3d8';
  content: var(--ion-arrow-up)
}
.c-column-two {
  display: flex
}
.buyEstimate tr:last-child th,
.sellEstimate tr:last-child th {
  border-bottom: none
}
.buyEstimate tr th,
.sellEstimate tr th {
  padding: 5px 10px;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  background: #7c7c7c;
  background: var(--pgrayd);
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent #fff #f2f2f2;
  border-color: transparent transparent #fff var(--pgray);
  width: 178px;
  text-align: center
}
.buyEstimate tr td,
.sellEstimate tr td {
  padding: 5px 10px;
  border-bottom: 1px solid #f2f2f2;
  border-bottom: 1px solid var(--pgray);
  font-weight: 700;
  font-size: 1rem;
  text-align: right;
  color: #d12319;
  color: var(--pred)
}
@media screen and (min-width:485px) {
  .c-total_result {
    margin: 1rem 0 1rem auto;
    width: 400px;
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
}
@media screen and (max-width:484px) {
  .c-total_result {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray);
    overflow: hidden;
    margin: 1rem 0
  }
}
.c-total_result-row {
  font-size: 1rem
}
@media screen and (min-width:485px) {
  .c-total_result-row__head {
    background: #7c7c7c;
    background: var(--pgrayd);
    padding: calc(.75rem / 3) .75rem;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: transparent transparent #fff #f2f2f2;
    border-color: transparent transparent #fff var(--pgray);
    width: 178px;
    text-align: center
  }
}
@media screen and (max-width:484px) {
  .c-total_result-row__head {
    background: #7c7c7c;
    background: var(--pgrayd);
    padding: calc(.75rem / 4) calc(.75rem / 2);
    color: #fff;
    display: block
  }
}
@media screen and (min-width:485px) {
  .c-total_result-row__data {
    padding: 5px 10px;
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid var(--pgray);
    font-weight: 700;
    font-size: 1rem;
    text-align: right;
    color: #d12319;
    color: var(--pred)
  }
  .c-select-radio__input {
    opacity: 0
  }
}
@media screen and (max-width:484px) {
  .c-total_result-row__data {
    display: block;
    padding: calc(.75rem / 4) calc(.75rem / 2);
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray);
    text-align: right;
    color: #d12319;
    color: var(--pred)
  }
}
.c-select-radio {
  cursor: pointer;
  position: relative;
  display: inline-block
}
.c-select-radio + .c-select-radio {
  -webkit-margin-before: 1px;
  margin-block-start: 1px
}
.c-select-radio__input {
  position: absolute
}
@media screen and (max-width:484px) {
  .c-select-radio__input {
    display: none
  }
}
.c-select-radio__text {
  display: flex;
  font-size: 1rem;
  position: relative;
  align-items: center;
  transition: background .3s cubic-bezier(.25,.8,.25,1),border .3s cubic-bezier(.25,.8,.25,1);
  transition: background var(--ease),border var(--ease);
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid transparent
}
@media screen and (min-width:485px) {
  .c-select-radio__text {
    padding: calc(.75rem / 4) calc(.75rem / 2) calc(.75rem / 4) 1.5rem
  }
  .c-select-radio__text:hover {
    background: color-mod(#2b3033 a(7%));
    background: var(--gray1)
  }
  .c-select-radio__input:checked + .c-select-radio__text:hover {
    background: color-mod(#2b3033 a(14%));
    background: var(--gray2)
  }
}
.c-select-radio__text::before {
  content: '';
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: .25rem;
  border-radius: 1rem;
  border: 2px solid;
  border: 2px solid var(--black);
  transition: border .3s cubic-bezier(.25,.8,.25,1);
  transition: border var(--ease);
  margin-right: calc(.75rem / 4);
  background: 0 0
}
.c-select-radio__input:checked + .c-select-radio__text {
  color: #327bb3;
  color: var(--primary-color);
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1)
}
.c-select-radio__input:checked + .c-select-radio__text::before {
  border: 6px solid #327bb3;
  border: 6px solid var(--primary-color)
}
.c-select-radio__input:disabled + .c-select-radio__text {
  color: color-mod(#2b3033 a(21%));
  color: var(--gray3)
}
.c-select-radio__input:disabled + .c-select-radio__text::before {
  border-color: color-mod(#2b3033 a(21%));
  border-color: var(--gray3)
}
.c-select-radio__input:focus + .c-select-radio__text {
  border: 1px solid #327bb3;
  border: 1px solid var(--primary-color)
}
.c-select-checkbox {
  position: relative;
  cursor: pointer;
  display: inline-block
}
.c-select-checkbox + .c-select-checkbox,
.c-select-radio + .c-select-checkbox {
  -webkit-margin-before: 1px;
  margin-block-start: 1px
}
.c-select-checkbox__input {
  position: absolute
}
@media screen and (max-width:484px) {
  .c-select-radio__text {
    padding: .75rem .75rem .75rem 1.5rem
  }
  .c-select-checkbox__input {
    display: none
  }
}
.c-select-checkbox__text {
  display: flex;
  font-size: 1rem;
  align-items: center;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  border: 1px solid transparent
}
@media screen and (min-width:485px) {
  .c-select-checkbox__input {
    opacity: 0
  }
  .c-select-checkbox__text {
    padding: calc(.75rem / 4) calc(1rem / 4)
  }
  .c-select-checkbox__text:hover {
    background: color-mod(#2b3033 a(7%));
    background: var(--gray1)
  }
  .c-select-checkbox__input:checked + .c-select-checkbox__text::after {
    top: calc((.75rem / 4) + (.5rem / 1.75));
    left: calc((1rem / 4) + (.5rem / 1.75))
  }
}
.c-select-checkbox__text::before {
  content: '';
  display: block;
  background: 0 0;
  border: 2px solid;
  border-radius: 4px;
  margin-right: calc(.75rem / 4);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  width: 1rem;
  height: 1rem;
  border-color: #2b3033;
  border-color: var(--pblack)
}
.c-select-checkbox__input:checked + .c-select-checkbox__text {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1);
  color: #327cb3;
  color: var(--pblue)
}
.c-select-checkbox__input:checked + .c-select-checkbox__text::before {
  border-color: transparent;
  background: #327cb3;
  background: var(--pblue)
}
.c-select-checkbox__input:checked + .c-select-checkbox__text::after {
  position: absolute;
  content: '';
  display: block;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  width: calc(.75rem / 1.75);
  height: calc(.75rem);
  border-color: #fff
}
@media screen and (min-width:485px) {
  .c-select-checkbox__input:checked + .c-select-checkbox__text:hover {
    background: color-mod(#2b3033 a(14%));
    background: var(--gray2)
  }
  .c-insert--name-copy {
    margin-left: 40%
  }
}
.c-select-checkbox__input:disabled + .c-select-checkbox__text {
  color: color-mod(#2b3033 a(21%));
  color: var(--gray3)
}
.c-select-checkbox__input:disabled + .c-select-checkbox__text::before {
  border-color: color-mod(#2b3033 a(21%));
  border-color: var(--gray3)
}
.c-select-checkbox__input:focus + .c-select-checkbox__text {
  border: 1px solid #327bb3;
  border: 1px solid var(--primary-color)
}
.c-valid_label {
  position: relative;
  display: inline-block
}
.c-valid_label::before {
  position: absolute;
  font-family: fontello;
  font-family: var(--iconfont);
  display: inline-block;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  left: 0;
  bottom: -1.25rem;
  border-radius: 4px;
  z-index: 999;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
  box-shadow: var(--shadow2);
  font-size: calc(.75rem * .8)
}
.c-valid_label::after {
  content: attr(data-format);
  position: absolute;
  z-index: 99;
  right: calc(.75rem / 4);
  bottom: 0;
  pointer-events: none
}
.c-valid_label__input {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: .2rem
}
.c-valid_label__input[type=number] {
  -moz-appearance: textfield
}
.c-valid_label__input[type=number]::-webkit-inner-spin-button,
.c-valid_label__input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none
}
.c-valid_label__input::-moz-placeholder {
  color: transparent
}
.c-valid_label__input::placeholder {
  color: transparent
}
.c-valid_label__input:focus {
  border-color: #327cb3;
  border-color: var(--pblue);
  outline-offset: .1px
}
.c-valid_label__input:focus::-moz-placeholder {
  color: rgba(43,48,51,.5)
}
.c-valid_label__input:focus::placeholder {
  color: rgba(43,48,51,.5)
}
.c-valid_label__input:focus:valid {
  border-color: #327cb3;
  border-color: var(--pblue);
  background: color-mod(#327cb3 l(90%));
  background: var(--pbluessss)
}
.c-valid_label__input:disabled {
  pointer-events: none;
  opacity: .5;
  background: #f2f2f2;
  background: var(--pgray)
}
.c-valid_label__placeholder {
  position: absolute;
  top: calc(.75rem / 4);
  left: calc(.75rem / 2);
  color: #d3d3d3;
  color: var(--pgrayds);
  transform-origin: 0 0;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none
}
@media screen and (-ms-high-contrast:none) {
  .c-valid_label__placeholder {
    color: #7c7c7c;
    color: var(--pgrayd);
    transform: translate(-.5rem,-1.25rem) scale(.75)
  }
}
@supports (-ms-ime-align:auto) {
  .c-valid_label__placeholder {
    color: #7c7c7c;
    color: var(--pgrayd);
    transform: translate(-.5rem,-1.25rem) scale(.75)
  }
}
.c-valid_label.is-invalid .c-valid_label__placeholder {
  color: #d12319;
  color: var(--pred)
}
.c-valid_label__input:not(:-moz-placeholder-shown) + .c-valid_label__placeholder {
  color: #7c7c7c;
  color: var(--pgrayd);
  transform: translate(-.375rem,-1.3125rem) scale(.75);
  transform: translate(calc(.75rem / 2 * -1),calc(.75rem * 1.75 * -1)) scale(.75)
}
.c-valid_label__input:focus + .c-valid_label__placeholder,
.c-valid_label__input:not(:placeholder-shown) + .c-valid_label__placeholder {
  color: #7c7c7c;
  color: var(--pgrayd);
  transform: translate(-.375rem,-1.3125rem) scale(.75);
  transform: translate(calc(.75rem / 2 * -1),calc(.75rem * 1.75 * -1)) scale(.75)
}
.c-valid_label__input:focus:valid + .c-valid_label__placeholder {
  color: var(--primari-color)
}
.c-valid_label__show_password {
  position: absolute;
  top: calc(.75rem / 4);
  right: .75rem;
  cursor: pointer
}
.c-valid_label.is-focus::before {
  content: attr(data-message-rule);
  background: #f2f2f2;
  background: var(--pgray)
}
.c-valid_label.is-invalid::before {
  background: #d12319;
  background: var(--pred);
  color: #fff
}
.c-valid_label.is-invalid .c-valid_label__input {
  outline-color: #d12319;
  outline-color: var(--pred);
  border-color: #d12319;
  border-color: var(--pred);
  background: color-mod(#d12319 l(90%));
  background: var(--predssss)
}
.c-valid_label.is-valueMissing::before {
  content: '\f100' "\5FC5\9808\9805\76EE";
  content: var(--ion-alert-circled) "\5FC5\9808\9805\76EE"
}
.c-valid_label.is-typeMismatch::before {
  content: '\f100' attr(data-type-mismatch);
  content: var(--ion-alert-circled) attr(data-type-mismatch)
}
.c-valid_label.is-patternMismatch::before {
  content: '\f100' attr(data-pattern-mismatch);
  content: var(--ion-alert-circled) attr(data-pattern-mismatch)
}
.c-valid_label.is-tooShort::before {
  content: '\f100' attr(data-tooShort);
  content: var(--ion-alert-circled) attr(data-tooShort)
}
.c-valid_label.is-tooLong::before {
  content: '\f100' attr(data-tooLong);
  content: var(--ion-alert-circled) attr(data-tooLong)
}
.c-valid_label.is-rangeUnderflow::before {
  content: '\f100' "2022年以降を入力してください。";
  content: var(--ion-alert-circled) "2022年以降を入力してください。"
}
.c-valid_label.is-valid:required::before {
  content: '\f122';
  content: var(--ion-checkmark);
  background: #327cb3;
  background: var(--pblue);
  color: #fff
}
.c-date_label {
  position: relative;
  display: inline-block
}
.c-date_label::after {
  position: absolute;
  z-index: 99;
  right: calc(.75rem / 4);
  bottom: 0;
  pointer-events: none
}
.c-date_label--year::after {
  content: "年"
}
.c-date_label--month::after {
  content: "月"
}
.c-insert {
  display: inline-block
}
@media screen and (max-width:484px) {
  .c-select-checkbox__text {
    padding: .75rem
  }
  .c-select-checkbox__input:checked + .c-select-checkbox__text::after {
    top: calc(.75rem + (.5rem / 3));
    left: calc(.75rem + (.5rem / 1.5))
  }
  .c-insert {
    width: 100%
  }
}
.c-insert__input {
  width: 100%;
  font-size: 1rem
}
.c-insert--company {
  width: 100%
}
.c-insert--refarral {
  width: 100%
}
.c-insert--postalcode {
  width: 7rem
}
.c-insert--address-city {
  width: 7rem
}
.c-insert--address-street {
  width: 100%
}
.c-insert--address-building {
  width: 100%
}
.c-insert--fax,
.c-insert--phone {
  width: 100%;
  max-width: 20rem
}
.c-insert--email {
  width: 100%;
  max-width: 30rem
}
.c-insert--password {
  width: 100%
}
.c-insert--name {
  width: calc(50% - (.75rem / 2));
  max-width: calc(10rem - (.75rem / 2))
}
.c-insert--name + .c-insert--name {
  margin-left: calc(.75rem / 2)
}
@media screen and (min-width:485px) {
  .c-insert--cc-name {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .c-insert--cc-name {
    width: 100%
  }
}
@media screen and (min-width:485px) {
  .c-insert--cc-number {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .c-insert--cc-number {
    width: 100%
  }
}
.c-insert--cc-csc {
  width: 4rem
}
@media screen and (min-width:485px) {
  .c-insert--bank-name {
    width: 100%
  }
  .c-insert--bank-number {
    width: 10rem
  }
  .c-textarea__input {
    width: 100%;
    min-height: 2rem;
    height: 8rem
  }
}
.c-insert--bank-companyname {
  width: 100%
}
.c-textarea {
  width: 100%;
  display: inline-block
}
@media screen and (max-width:484px) {
  .c-textarea__input {
    height: 5rem
  }
}
.c-select {
  display: inline-block;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  vertical-align: top;
  border-radius: .2rem
}
.c-select::after {
  position: absolute;
  top: 50%;
  right: .75rem;
  display: block;
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: inherit;
  line-height: 1;
  color: #2b3033;
  color: var(--pblack);
  content: '\f3d0';
  content: var(--ion-arrow-down);
  transform: translateY(-50%)
}
.c-select__list {
  position: relative;
  border-radius: .2rem;
  text-overflow: '';
  padding: 0 calc(.75rem * 2) 0 calc(.75rem / 2);
  height: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  z-index: 1
}
.c-select__list::-ms-expand {
  display: none
}
.c-bread_crumb__path {
  display: inline-flex;
  justify-content: center;
  align-items: center
}
.c-bread_crumb__path::after {
  content: "";
  display: inline-block;
  width: calc(.75rem / 2);
  height: calc(.75rem / 2);
  border-top: 1px solid #327cb3;
  border-top: 1px solid var(--pblue);
  border-right: 1px solid #327cb3;
  border-right: 1px solid var(--pblue);
  transform: rotate(45deg);
  margin-left: calc(.75rem / 4);
  margin-right: calc(.75rem / 2)
}
.c-bread_crumb__path:last-child {
  font-weight: 700
}
.c-bread_crumb__path:last-child::after {
  content: none
}
@media screen and (min-width:485px) {
  .c-result_zero {
    margin: 2rem 0
  }
  .c-result_zero__text {
    width: 800px
  }
}
@media screen and (max-width:484px) {
  .c-result_zero {
    margin: 1rem 0
  }
}
.c-result_zero__text {
  color: #d12319;
  color: var(--pred);
  font-weight: 700;
  border: 2px solid #d12319;
  border: 2px solid var(--pred);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  margin: 0 auto
}
@media screen and (max-width:484px) {
  .c-result_zero__text {
    width: 100%
  }
}
.c-result_zero__link {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 4px solid #f2f2f2;
  border: 4px solid var(--pgray);
  border-radius: 4px
}
@media screen and (min-width:485px) {
  .c-result_zero__link {
    margin: 2rem auto 0;
    width: 800px;
    height: 280px
  }
}
@media screen and (max-width:484px) {
  .c-result_zero__link {
    margin: 1rem auto 0;
    width: 100%
  }
}
.c-result_zero-img {
  display: block
}
@media screen and (min-width:485px) {
  .c-result_zero-img {
    width: 800px;
    height: 280px
  }
  .p-btn:hover {
    background-blend-mode: overlay
  }
}
@media screen and (max-width:484px) {
  .c-result_zero-img {
    width: 100%
  }
}
.c-help_desk {
  margin: 1rem 0
}
.c-help_desk__header {
  font-size: 1rem;
  font-weight: 700;
  margin: calc(.75rem / 2) 0
}
.c-help_desk__description-item {
  display: flex
}
.c-help_desk__description-title {
  margin-right: calc(.75rem / 4)
}
.c-help_desk__description-title::after {
  content: "\ff1a"
}
.c-list-style-bullet {
  list-style: disc;
  padding-left: 1.25rem
}
.c-card_brand {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: .5rem
}
.c-card_brand__img {
  display: none;
  height: 1.5rem;
  max-width: 2rem
}
.js-match-visa > .c-card_brand__img--visa {
  display: block
}
.js-match-mastercard > .c-card_brand__img--mastercard {
  display: block
}
.js-match-jcb > .c-card_brand__img--jcb {
  display: block
}
.js-match-amex > .c-card_brand__img--amex {
  display: block
}
.js-match-diners > .c-card_brand__img--diners {
  display: block
}
.c-unit_icon {
  display: inline-flex;
  font-size: 0
}
.c-unit_icon::before {
  display: block;
  font-family: unitIcons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  font-size: 12px;
  line-height: calc(12px * 1.3);
  text-indent: 0;
  speak: never;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.c-unit_icon[data-unit-text='ブリスター']::before {
  content: '\e900'
}
.c-unit_icon[data-unit-text='錠']::before {
  content: '\e901'
}
.c-unit_icon[data-unit-text='袋']::before {
  content: '\e902'
}
.c-unit_icon[data-unit-text='缶']::before {
  content: '\e903'
}
.c-unit_icon[data-unit-text='組']::before {
  content: '\e904'
}
.c-unit_icon[data-unit-text='管']::before {
  content: '\e905'
}
.c-unit_icon[data-unit-text='筒']::before {
  content: '\e906'
}
.c-unit_icon[data-unit-text='瓶']::before {
  content: '\e907'
}
.c-unit_icon[data-unit-text='球']::before {
  content: '\e908'
}
.c-unit_icon[data-unit-text='枚']::before {
  content: '\e909'
}
.c-unit_icon[data-unit-text='本']::before {
  content: '\e90a'
}
.c-unit_icon[data-unit-text='巻']::before {
  content: '\e90b'
}
.c-unit_icon[data-unit-text='容器']::before {
  content: '\e90c'
}
.c-unit_icon[data-unit-text='回分']::before {
  content: '\e90d'
}
.c-unit_icon[data-unit-text='包']::before {
  content: '\e90e'
}
.c-unit_icon[data-unit-text='個']::before {
  content: '\e90f'
}
.c-unit_icon[data-unit-text='丸']::before {
  content: '\e910'
}
.c-unit_icon[data-unit-text='セット']::before {
  content: '\e911'
}
.c-unit_icon[data-unit-text='シート']::before {
  content: '\e912'
}
.c-unit_icon[data-unit-text='シリンジ']::before {
  content: '\e913'
}
.c-unit_icon[data-unit-text='キット']::before {
  content: '\e914'
}
.c-unit_icon[data-unit-text='カプセル']::before {
  content: '\e915'
}
.c-unit_icon[data-unit-text='カセット']::before {
  content: '\e916'
}
.c-unit_icon[data-unit-text='ｍＬまたはｇ']::before {
  content: '\e917'
}
.c-unit_icon[data-unit-text='ｍＬ']::before {
  content: '\e918'
}
.c-unit_icon[data-unit-text='ＭＢｑ']::before {
  content: '\e919'
}
.c-unit_icon[data-unit-text='ｇ']::before {
  content: '\e91a'
}
.c-unit_icon[data-unit-text='ｃｍ']::before {
  content: '\e91b'
}
.c-unit_icon[data-unit-text='ｍｇ']::before {
  content: '\e91c'
}
.c-unit_icon_after {
  vertical-align: baseline
}
.c-unit_icon_after::after {
  display: inline flow-root;
  font-size: 12px;
  line-height: calc(12px * 1.3);
  font-family: unitIcons;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.c-unit_icon_after[data-unit-text='ブリスター']::after {
  content: '\e900'
}
.c-unit_icon_after[data-unit-text='錠']::after {
  content: '\e901'
}
.c-unit_icon_after[data-unit-text='袋']::after {
  content: '\e902'
}
.c-unit_icon_after[data-unit-text='缶']::after {
  content: '\e903'
}
.c-unit_icon_after[data-unit-text='組']::after {
  content: '\e904'
}
.c-unit_icon_after[data-unit-text='管']::after {
  content: '\e905'
}
.c-unit_icon_after[data-unit-text='筒']::after {
  content: '\e906'
}
.c-unit_icon_after[data-unit-text='瓶']::after {
  content: '\e907'
}
.c-unit_icon_after[data-unit-text='球']::after {
  content: '\e908'
}
.c-unit_icon_after[data-unit-text='枚']::after {
  content: '\e909'
}
.c-unit_icon_after[data-unit-text='本']::after {
  content: '\e90a'
}
.c-unit_icon_after[data-unit-text='巻']::after {
  content: '\e90b'
}
.c-unit_icon_after[data-unit-text='容器']::after {
  content: '\e90c'
}
.c-unit_icon_after[data-unit-text='回分']::after {
  content: '\e90d'
}
.c-unit_icon_after[data-unit-text='包']::after {
  content: '\e90e'
}
.c-unit_icon_after[data-unit-text='個']::after {
  content: '\e90f'
}
.c-unit_icon_after[data-unit-text='丸']::after {
  content: '\e910'
}
.c-unit_icon_after[data-unit-text='セット']::after {
  content: '\e911'
}
.c-unit_icon_after[data-unit-text='シート']::after {
  content: '\e912'
}
.c-unit_icon_after[data-unit-text='シリンジ']::after {
  content: '\e913'
}
.c-unit_icon_after[data-unit-text='キット']::after {
  content: '\e914'
}
.c-unit_icon_after[data-unit-text='カプセル']::after {
  content: '\e915'
}
.c-unit_icon_after[data-unit-text='カセット']::after {
  content: '\e916'
}
.c-unit_icon_after[data-unit-text='ｍＬまたはｇ']::after {
  content: '\e917'
}
.c-unit_icon_after[data-unit-text='ｍＬ']::after {
  content: '\e918'
}
.c-unit_icon_after[data-unit-text='ＭＢｑ']::after {
  content: '\e919'
}
.c-unit_icon_after[data-unit-text='ｇ']::after {
  content: '\e91a'
}
.c-unit_icon_after[data-unit-text='ｃｍ']::after {
  content: '\e91b'
}
.c-unit_icon_after[data-unit-text='ｍｇ']::after {
  content: '\e91c'
}
.c-hist_list_controller {
  margin: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.c-date_range_filter {
  display: flex;
  -moz-column-gap: .5rem;
  column-gap: .5rem;
  align-items: center;
  flex-wrap: wrap;
}
.c-date_range_filter__button {
  width: 5rem;
  height: 1.5rem
}
#container #main {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 1024px
}
#container input {
  border: 1px solid #000
}
#container img {
  vertical-align: middle
}
#container img.btn:hover {
  opacity: .8;
  filter: alpha(opacity=80)
}
.tableSellFlow1 {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #fff
}
.tableSellFlow1 th {
  padding: 5px 10px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 400;
  background: #7c7c7c;
  background: var(--pgrayd);
  text-align: center;
  line-height: 1.2;
  font-size: .75rem
}
.tableSellFlow1 th.productNum {
  width: 70px
}
.tableSellFlow1 th.firstgoOrLater {
  width: 30px
}
.tableSellFlow1 th.maker {
  width: 60px
}
.tableSellFlow1 th.packSum {
  width: 80px
}
.tableSellFlow1 td {
  border: 1px solid #f2f2f2;
  border: 1px solid var(--pgray);
  padding: 5px 10px;
  text-align: center
}
.tableSellFlow1 td span {
  color: #d12319;
  color: var(--pred)
}
.tableSellFlow1 td span.small {
  color: #2b3033
}
.tableSellFlow1 td.JAN,
.tableSellFlow1 td.firstgoOrLater,
.tableSellFlow1 td.inOrEx,
.tableSellFlow1 td.maker,
.tableSellFlow1 td.marketer,
.tableSellFlow1 td.packForm,
.tableSellFlow1 td.packSum {
  background: #f2f2f2;
  background: var(--pgray)
}
.tableSellFlow1 td.state {
  text-align: left
}
.tableSellFlow1 td.state label {
  display: block
}
.tableSellFlow1 td.sellSum input {
  width: 3em
}
.tableSellFlow1 td.period .yyyy {
  width: 3em
}
.tableSellFlow1 td.period .dd,
.tableSellFlow1 td.period .mm {
  width: 2em
}
.tableSellFlow1 td.productNum input {
  width: 80px
}
.tableSellFlow1 td.proxyJAN input {
  width: 180px
}
.tableSellFlow1 td.delete,
.tableSellFlow1 td.firstgoOrLater,
.tableSellFlow1 td.marketer,
.tableSellFlow1 td.packSum,
.tableSellFlow1 td.period,
.tableSellFlow1 td.productNum,
.tableSellFlow1 td.proxyName,
.tableSellFlow1 td.sellSum,
.tableSellFlow1 td.state {
  border-bottom-width: 3px
}
.commonTable {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px
}
.commonTable th {
  padding: 10px;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.commonTable td {
  padding: 10px;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.commonTableTitle {
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 50px;
  font-size: 120%
}
.commonTableTitle .rightLink {
  margin-left: 30px;
  font-weight: 400
}
.tableSellFlow2 {
  width: 100%;
  margin-bottom: 20px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #fff
}
.tableSellFlow2 th {
  padding: 5px 10px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 700;
  background: #7c7c7c;
  background: var(--pgrayd);
  text-align: center;
  line-height: 1.2;
  font-size: 10px
}
.tableSellFlow2 th.delete {
  padding-left: 8px;
  padding-right: 4px;
  padding-bottom: 6px
}
.tableSellFlow2 td {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  padding: 5px 10px;
  text-align: center
}
.tableSellFlow2 td span {
  color: #d12319;
  color: var(--pred)
}
.tableSellFlow2 td.JAN,
.tableSellFlow2 td.firstgoOrLater,
.tableSellFlow2 td.inOrEx,
.tableSellFlow2 td.maker,
.tableSellFlow2 td.marketer,
.tableSellFlow2 td.packForm,
.tableSellFlow2 td.packSum {
  background: #f2f2f2
}
.tableSellFlow2 td.period,
.tableSellFlow2 td.productNum,
.tableSellFlow2 td.sellSum,
.tableSellFlow2 td.state {
  text-align: left
}
.tableSellFlow2 td.state {
  white-space: nowrap
}
.tableSellFlow2 td.name {
  font-weight: 700;
  font-size: .875rem
}
.tableSellFlow2 td.tempPrice {
  text-align: right
}
.tableSellFlow2 td.delete,
.tableSellFlow2 td.firstgoOrLater,
.tableSellFlow2 td.marketer,
.tableSellFlow2 td.packSum,
.tableSellFlow2 td.period,
.tableSellFlow2 td.productNum,
.tableSellFlow2 td.sellSum,
.tableSellFlow2 td.state,
.tableSellFlow2 td.tempPrice {
  border-bottom-width: 3px
}
.frameCaution,
.frameCheck {
  margin: 20px 0;
  border: 3px solid #dadada;
  padding: 17px;
  padding-bottom: 2px
}
.frameCaution p,
.frameCheck p {
  margin-bottom: 15px!important
}
.frameCaution dl dt,
.frameCheck dl dt {
  padding-left: 90px;
  padding-top: 5px;
  font-weight: 700;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 1.2
}
.frameCaution dl dd,
.frameCheck dl dd {
  padding-left: 90px;
  margin-bottom: 15px
}
.frameCheck {
  background: #fafafa
}
.frameCaution {
  background: #dadada
}
.commonH1 {
  margin-bottom: 20px;
  padding: 14px 0 11px 11px;
  background: url(../img/mainH1Common.jpg) left top repeat-x
}
.commonH1 img,
.commonH1 span {
  display: inline-block
}
.commonH1 .title {
  padding: 5px;
  font-size: 18px;
  font-weight: 700
}
.commonH1 .name {
  padding-left: 20px;
  font-size: 18px;
  font-weight: 700;
  min-height: 40px
}
.commonH1 .content {
  margin-left: 15px;
  font-size: 14px;
  font-weight: 700
}
.jq-e-floatThead.is-sticky {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  box-shadow: var(--shadow1)
}
.p-btn::before {
  font-family: fontello;
  font-family: var(--iconfont);
  margin-right: calc(.75rem / 2)
}
.p-btn--blue {
  background: linear-gradient(160deg,hsl(205.5813953488372,56.3318777293%,50%),hsl(205.5813953488372,56.3318777293%,40%)),rgba(43,48,51,.15);
  color: #fff
}
.p-btn--blue:hover {
  color: #fff
}
.p-btn--black {
  background: linear-gradient(160deg,hsl(202.5,8.5106382979%,30%),hsl(202.5,8.5106382979%,10%)),rgba(43,48,51,.15);
  color: #fff
}
.p-btn--black:hover {
  color: #fff
}
.p-btn--red {
  background: linear-gradient(160deg,hsl(3.2608695652173916,78.6324786325%,45%),hsl(3.2608695652173916,78.6324786325%,35%)),rgba(43,48,51,.15);
  color: #fff
}
.p-btn--red:hover {
  color: #fff
}
.p-btn--gray {
  background: linear-gradient(160deg,#f2f2f2,#ccc),rgba(43,48,51,.15);
  color: #327cb3;
  color: var(--pblue)
}
.p-btn--gray:hover {
  color: #327cb3;
  color: var(--pblue)
}
.p-btn--darkGray {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff
}
.p-btn--darkGray:hover {
  color: #fff
}
.p-btn--white {
  background: #fff;
  color: #2b3033;
  color: var(--pblack)
}
.p-btn--white:hover {
  color: #2b3033;
  color: var(--pblack)
}
.p-btn--default {
  cursor: default;
  box-shadow: none
}
.p-btn--default:hover {
  box-shadow: none
}
.p-btn--mid {
  padding: 0 1rem;
  min-width: 8rem;
  height: 3rem
}
.p-btn--long {
  height: 3rem
}
@media screen and (min-width:485px) {
  .p-btn--long {
    width: 20rem
  }
}
.p-btn:disabled {
  pointer-events: none;
  opacity: .5
}
.p-more-btn {
  min-width: 10rem;
  height: 3rem
}
.p-inCart {
  width: 100%;
  height: 3rem
}
.p-inCart--sell::before {
  content: '\e809';
  content: var(--fllo-box)
}
.p-inCart--buy::before {
  content: '\e807';
  content: var(--fllo-cart)
}
.p-buy-btn {
  height: 3rem;
  text-align: center
}
@media screen and (max-width:484px) {
  .p-btn--long {
    width: 100%
  }
  .p-inCart {
    min-width: 7rem
  }
  .p-buy-btn {
    width: 100%
  }
}
.p-buy-btn--out_of_stock {
  color: #2b3033;
  color: var(--pblack)
}
.p-buy-btn--out_of_stock:hover {
  color: #2b3033;
  color: var(--pblack)
}
.p-countdown {
  width: 100%;
  min-width: 7rem;
  height: 3rem;
  text-align: center;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-stay {
  width: 100%;
  min-width: 7rem;
  height: 3rem
}
@media screen and (min-width:485px) {
  .p-buy-btn {
    width: 100%;
    min-width: 7rem
  }
  .p-buy-btn--incart::before {
    content: '\e807';
    content: var(--fllo-cart)
  }
  .p-remove {
    height: 3rem;
    width: 100%;
    min-width: 3rem
  }
  .p-remove--long {
    width: 18.75rem;
    height: 3rem;
    margin: 0 1rem
  }
}
@media screen and (max-width:484px) {
  .p-remove {
    min-width: 5rem
  }
  .p-remove--long {
    margin: 1rem 0
  }
  .p-remove--sell {
    height: 1.5rem
  }
  .p-notCoverd {
    min-width: 7rem
  }
}
.p-remove::before {
  content: '\f253' '\A0';
  content: var(--ion-trash-b) '\A0'
}
.p-notCoverd {
  width: 100%;
  height: 3rem
}
.p-othersStay {
  width: 100%;
  height: 3rem
}
@media screen and (min-width:485px) {
  .p-notCoverd {
    min-width: 7rem
  }
  .p-othersStay {
    min-width: 7rem
  }
}
@media screen and (max-width:484px) {
  .p-othersStay {
    min-width: 7rem
  }
}
.p-outOfStock {
  width: 100%;
  min-width: 7rem;
  height: 3rem;
  color: #2b3033;
  color: var(--pblack)
}
.p-outOfStock:hover {
  color: #2b3033;
  color: var(--pblack)
}
.p-detailBtn {
  width: 100%;
  min-width: 3rem;
  height: 3rem
}
.p-remove-all_btn {
  display: block;
  text-align: center;
  margin: .75rem 0
}
.p-remove-all_btn::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f253';
  content: var(--ion-trash-b)
}
.p-rakutoku_btn {
  display: block;
  font-size: .9rem;
  text-align: center;
  margin: .75rem 0 0
}
.p-return_btn {
  text-align: center;
  margin: .75rem 0;
  cursor: pointer;
  color: var(--primary-color-gray);
  text-decoration: underline
}
.p-return_btn:hover {
  color: #d12118;
  color: var(--accent-color)
}
.p-return_btn::before {
  text-decoration: none;
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f265' '\A0';
  content: var(--ion-arrow-return-left) '\A0'
}
.p-returnBtn {
  min-width: 7rem;
  height: 3rem
}
.p-returnBtn--long {
  width: 18.75rem
}
.p-returnBtn::before {
  content: '\f265';
  content: var(--ion-arrow-return-left)
}
.p-printBtn + .p-printBtn {
  margin-top: 1rem
}
.p-printBtn::before {
  content: '\f21a';
  content: var(--ion-printer)
}
.p-right-arrow::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f10a';
  content: var(--ion-arrow-right-b);
  margin-right: calc(.75rem / 2)
}
.p-right-download::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f41f';
  content: var(--ion-ios-download-outline);
  margin-right: calc(.75rem / 2)
}
.p-sellDetailBtn {
  width: 100%;
  min-width: 4rem;
  height: 3rem;
  flex-direction: column
}
.p-sellDetailBtn__sub {
  font-size: 10px
}
.p-guideBuyFavBtn {
  text-align: center
}
.p-toTopBtn::before {
  content: '\f126';
  content: var(--ion-chevron-up)
}
@media screen and (min-width:485px) {
  .p-toTopBtn {
    width: 10rem;
    height: 40px
  }
  .p-toTopBtn::after {
    content: '\3053\306E\30DA\30FC\30B8\306E\5148\982D\3078'
  }
  .p-tableTwoColumn th {
    width: 40%
  }
}
@media screen and (max-width:484px) {
  .p-toTopBtn {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .p-toTopBtn::before {
    margin-right: 0
  }
}
.p-costSimulation__button {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  background: #d12319;
  background: var(--pred);
  padding: 1rem 3rem;
  flex-direction: column;
  align-items: center
}
.p-costSimulation__button p::after {
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: 1.4rem;
  content: '\f104';
  margin-left: .75rem
}
.p-costSimulation__button p:last-of-type {
  font-size: .75rem;
  font-weight: 400
}
.p-costSimulation__button p:last-of-type::after {
  content: none
}
.p-guide-bottom {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0
}
.p-guide-bottom__btn::after,
.p-guide-bottom__btn::before {
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: 1rem
}
.p-guide-bottom__btn--next {
  order: 1;
  margin-left: auto
}
.p-guide-bottom__btn--next::after {
  margin-left: calc(.75rem / 2);
  content: '\f10a';
  content: var(--ion-arrow-right-b)
}
.p-guide-bottom__btn--prev {
  order: 0;
  margin-right: auto
}
.p-guide-bottom__btn--prev::before {
  margin-right: calc(.75rem / 2);
  content: '\f107';
  content: var(--ion-arrow-left-b)
}
.p-tableTwoColumn {
  width: 100%
}
.p-tableTwoColumn th {
  padding: 10px;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-tableTwoColumn td {
  padding: 10px;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-banner {
    display: flex;
    align-items: flex-start
  }
}
@media screen and (max-width:484px) {
  .p-tableTwoColumn th {
    width: 100%;
    display: block
  }
  .p-tableTwoColumn td {
    width: 100%;
    display: block
  }
  .p-banner {
    flex-direction: column;
    display: none
  }
}
.p-banner--bottom {
  justify-content: center
}
.p-banner--listPage {
  justify-content: flex-end
}
.p-banner__contents {
  border: 1px solid;
  border: 1px solid var(--gray2);
  border-radius: .2rem;
  overflow: hidden
}
.p-banner__contents + .p-banner__contents {
  margin-left: 1rem
}
.p-banner__contents__md__img {
  width: 500px;
  display: block
}
.p-banner__contents__sm__img {
  width: 300px;
  display: block
}
.p-gas_banner--c {
  text-align: center
}
@media screen and (min-width:485px) {
  .p-gas_banner img {
    width: 728px
  }
  .p-gas_banner--pc {
    display: block
  }
  .p-gas_banner--sp {
    display: none
  }
  .p-gas_banner--c {
    margin: 2rem auto
  }
  .p-fav {
    width: 3rem;
    border-radius: 4px
  }
  .p-fav:hover {
    background: #f2f2f2;
    background: var(--pgray);
    color: #c7b83c;
    color: var(--pyellow)
  }
}
@media screen and (max-width:484px) {
  .p-gas_banner img {
    width: 100%
  }
  .p-gas_banner--pc {
    display: none
  }
  .p-gas_banner--sp {
    display: block
  }
  .p-gas_banner--c {
    margin: 1rem auto
  }
}
.p-banner-area {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center
}
.p-fav {
  display: inline-flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  color: #d3d3d3;
  color: var(--pgrayds);
  position: relative
}
.p-fav::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\e808';
  content: var(--fllo-star)
}
.p-fav.is-selected {
  color: gold;
  color: var(--pstar)
}
.p-searchListTop {
  display: flex;
  justify-content: space-between
}
@media screen and (max-width:484px) {
  .p-fav {
    width: calc(36px * 1.5);
    height: 36px
  }
  .p-searchListTop {
    flex-direction: column
  }
}
@media screen and (min-width:485px) {
  .p-fav.is-selected:hover {
    color: gold;
    color: var(--pstar)
  }
  .p-searchListTop {
    margin-bottom: 2rem;
    align-items: start
  }
}
.p-miniLabel {
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3rem
}
.p-miniLabel--red {
  background: #d12319;
  background: var(--pred);
  color: #fff
}
.p-contact__unordered-list {
  margin-top: 1rem;
  width: 70%
}
.p-contact__unordered-item + .p-contact__unordered-item {
  margin-top: .75rem
}
.p-contact__unordered-label {
  display: block;
  color: color-mod(#2b3033 a(70%));
  color: var(--gray-secondary)
}
.p-contact__textarea-label {
  font-size: 1rem;
  background: #fff
}
.p-contact__select-label {
  font-size: 1rem;
  background: #fff
}
.p-contact__select-list {
  border: 1px solid;
  border: 1px solid var(--gray3)
}
.p-contact__label {
  font-size: 1rem;
  margin-top: 1rem;
  display: inline-block
}
.p-contact__link {
  margin-top: 1rem;
  text-align: center
}
.p-contact__btn {
  text-align: center;
  margin-top: .75rem
}
.p-contact__result-text {
  display: block;
  font-size: 1rem;
  padding-left: calc(.75rem / 2);
  color: color-mod(#2b3033 a(85%));
  color: var(--gray-primary)
}
.p-contact-table {
  width: 100%
}
.p-contact-table-row__head {
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-contact-table-row__data {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-contact-table-row__head {
    width: 35%;
    padding: .75rem
  }
  .p-contact-table-row__data {
    padding: .75rem
  }
}
@media screen and (max-width:484px) {
  .p-contact-table-row {
    display: block
  }
  .p-contact-table-row__head {
    display: block;
    width: 100%;
    padding: .75rem
  }
  .p-contact-table-row__data {
    display: block;
    width: 100%;
    padding: .75rem
  }
}
.p-contact-table-insert {
  display: inline-block
}
@media screen and (min-width:485px) {
  .p-contact-table-insert--com-name {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-contact-table-insert--com-name {
    width: 100%
  }
}
@media screen and (min-width:485px) {
  .p-contact-table-insert--email {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-contact-table-insert--email {
    width: 100%
  }
  .p-contact-table-insert--name {
    margin-left: calc(.75rem / 4)
  }
}
.p-contact-table-insert--phone {
  width: 4rem;
  margin-right: calc(.75rem / 4)
}
.p-contact-table-insert--phone:nth-of-type(2),
.p-contact-table-insert--phone:nth-of-type(3) {
  width: 5rem
}
.p-contact-table-insert--textarea {
  width: 100%;
  height: 8rem;
  max-width: 730px
}
@media screen and (min-width:485px) {
  .p-contact-form-box {
    display: inline-block;
    margin-right: calc(.75rem / 2)
  }
}
@media screen and (max-width:484px) {
  .p-contact-table-insert--select {
    width: 100%;
    text-align: center
  }
  .p-contact-form-box {
    display: flex
  }
  .p-contact-form-box:first-of-type {
    margin-bottom: .75rem
  }
}
.p-contact-info {
  padding: 1rem .75rem;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-contact-info__heading {
  font-weight: 700
}
.p-contact-info__reception-time {
  color: #d12319;
  color: var(--pred)
}
.p-contact-info-lists {
  margin-top: 10px
}
.p-contact-info-lists__title {
  float: left;
  font-weight: 700
}
.p-contact-info-lists__data {
  padding-left: 4rem;
  margin: 4px 0
}
@media screen and (min-width:485px) {
  .p-company {
    width: 70%;
    margin: 0 auto
  }
  .p-company__title {
    margin: 2rem 0
  }
  .p-company__header {
    font-size: 1.75rem
  }
}
@media screen and (max-width:484px) {
  .p-company {
    width: 100%
  }
  .p-company__title {
    margin: 1rem 0
  }
  .p-company__img {
    width: 30%
  }
}
.p-company__img {
  display: block;
  margin: 0 auto
}
.p-company__section + .p-company__section {
  margin-top: 1.75rem
}
.p-company__header {
  text-align: center
}
@media screen and (max-width:484px) {
  .p-company__header {
    font-size: calc(.75rem * 1.15)
  }
}
.p-company__text {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1);
  border: 1px solid;
  border: 1px solid var(--gray1);
  border-radius: .2rem;
  text-align: center
}
.p-company__text-paragraph {
  line-height: 1.7
}
.p-company__description-list {
  border: 1px solid;
  border: 1px solid var(--gray2);
  border-radius: .2rem;
  overflow: hidden
}
@media screen and (min-width:485px) {
  .p-company__text {
    padding: 1.7rem 0;
    font-size: 1rem
  }
  .p-company__text-paragraph + .p-company__text-paragraph {
    margin-top: 1rem
  }
  .p-company__description-list {
    font-size: 1rem
  }
}
.p-company__description-item {
  display: flex
}
.p-company__description-item + .p-company__description-item {
  border-top: 1px solid;
  border-top: 1px solid var(--gray2)
}
@media screen and (max-width:484px) {
  .p-company__text {
    padding: 1rem calc(.75rem / 2)
  }
  .p-company__text-paragraph + .p-company__text-paragraph {
    margin-top: .75rem
  }
  .p-company__description-item {
    flex-flow: column nowrap
  }
}
.p-company__description-title {
  display: flex;
  font-weight: 700;
  align-items: center;
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1)
}
@media screen and (min-width:485px) {
  .p-company__description-title {
    width: 15rem;
    min-height: 3rem;
    justify-content: center
  }
  .p-company__description-title + .p-company__description-data {
    border-left: 1px solid;
    border-left: 1px solid var(--gray2)
  }
}
@media screen and (max-width:484px) {
  .p-company__description-title {
    width: 100%;
    min-height: 2rem;
    padding-left: .75rem;
    justify-content: flex-start
  }
  .p-company__description-title + .p-company__description-data {
    border-top: 1px solid;
    border-top: 1px solid var(--gray2)
  }
}
.p-company__description-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: .75rem
}
.p-company__data + .p-company__data {
  margin-top: 1rem
}
@-webkit-keyframes show {
  0% {
    display: none;
    opacity: 0;
    transform: translateX(-3%)
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0)
  }
}
@keyframes show {
  0% {
    display: none;
    opacity: 0;
    transform: translateX(-3%)
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0)
  }
}
.p-guide-container {
  display: none
}
@media screen and (min-width:485px) {
  .p-guide-container {
    width: 72.5%
  }
  .p-guide-section {
    padding-left: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-guide-container {
    width: 100%
  }
}
.p-guide-container.is-active {
  display: block;
  opacity: 1;
  -webkit-animation: .3s cubic-bezier(.25,.8,.25,1) show;
  animation: .3s cubic-bezier(.25,.8,.25,1) show
}
.p-guide-container__header {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #327cb3;
  color: var(--pblue)
}
.p-guide-container__header::before {
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: .75rem;
  content: '\f104';
  content: var(--ion-arrow-down-b);
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #327cb3;
  background: var(--pblue);
  border-radius: 4px;
  margin-right: calc(.75rem / 2)
}
.p-guide-section {
  margin: 1rem 0 2rem
}
.p-guide-section__header {
  font-size: 1.25rem;
  font-weight: 700;
  color: #327cb3;
  color: var(--pblue);
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: 4px;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  margin: 1rem 0
}
.p-guide-content {
  margin: .75rem 0
}
.p-guide-content__header {
  font-size: 1rem;
  font-weight: 700;
  margin: 1rem 0
}
.p-guide-content > img {
  width: 100%
}
.p-guide-faq {
  margin: 1rem 0 2rem
}
@media screen and (min-width:485px) {
  .p-guide-content {
    padding-left: .75rem
  }
  .p-guide-faq {
    padding-left: .75rem
  }
}
.p-guide-faq__section {
  font-size: 1rem;
  margin: 1rem 0;
  padding-left: 1.25rem
}
.p-guide-faq__section + .p-guide-faq__section {
  position: relative;
  margin-top: 2rem
}
.p-guide-faq__section + .p-guide-faq__section::before {
  position: absolute;
  top: -1rem;
  left: 0;
  content: "";
  display: block;
  width: 1rem;
  height: 1px;
  border-top: 1px solid #327cb3;
  border-top: 1px solid var(--pblue)
}
.p-guide-faq__question {
  font-weight: 700
}
.p-guide-faq__question::before {
  content: "Q"
}
.p-guide-faq__answer {
  color: #327cb3;
  color: var(--pblue)
}
.p-guide-faq__answer::before {
  font-weight: 700;
  content: "A"
}
.p-guide-faq__answer,
.p-guide-faq__question {
  position: relative;
  margin: .75rem 0
}
.p-guide-faq__answer::before,
.p-guide-faq__question::before {
  display: flex;
  width: 1.25rem;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -1.25rem
}
.p-guide-faq_answer-content-list {
  list-style: circle;
  padding-left: 1.5rem
}
.p-guide-description-list {
  width: 100%;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  overflow: hidden
}
.p-guide-description-list__description-item {
  display: flex
}
.p-guide-description-list__description-item + .p-guide-description-list__description-item {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
.p-guide-description-list__description-title {
  display: flex;
  width: 10rem;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  background: var(--pgray);
  font-weight: 700;
  text-align: center
}
.p-guide-description-list__description-data {
  padding: calc(.75rem / 2);
  width: calc(100% - 10rem)
}
.p-guide-description-list__description-title + .p-guide-description-list__description-data {
  border-left: 1px solid #d3d3d3;
  border-left: 1px solid var(--pgrayds)
}
.p-guide-description-list__mark {
  color: #d12319;
  color: var(--pred)
}
.p-guide-check_icon-list {
  padding-left: 1rem;
  margin-left: 1rem
}
.p-guide-check_icon-list__item {
  position: relative;
  margin: calc(.75rem) 0
}
.p-guide-check_icon-list__item::before {
  display: block;
  content: "";
  position: absolute;
  width: calc(1rem / 2);
  height: calc(1rem / 4);
  left: calc(-1rem / 2 - (.75rem / 4));
  top: calc(50% - ((1rem / 4)/ 2));
  border-style: solid;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg)
}
.p-guide-check_icon-list__item--red::before {
  border-color: transparent transparent #d12319 #d12319;
  border-color: transparent transparent var(--pred) var(--pred)
}
.p-guide-check_icon-list__item--blue::before {
  border-color: transparent transparent #327cb3 #327cb3;
  border-color: transparent transparent var(--pblue) var(--pblue)
}
.p-guide-service-list {
  margin: 2rem 0
}
.p-guide-service-list__item {
  display: flex;
  align-items: center
}
.p-guide-service-list__item + .p-guide-service-list__item {
  position: relative;
  margin-top: 2rem
}
.p-guide-service-list__item + .p-guide-service-list__item::before {
  position: absolute;
  top: calc((.75rem + ((2rem - .75rem)/ 2)) * -1);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .75rem 1.25rem 0;
  border-color: #327cb3 transparent transparent;
  border-color: var(--pblue) transparent transparent transparent
}
@media screen and (min-width:485px) {
  .p-guide-service-list__item + .p-guide-service-list__item::before {
    left: calc(5rem - 1.25rem)
  }
  .p-guide-service-list__title {
    align-self: stretch
  }
}
@media screen and (max-width:484px) {
  .p-guide-service-list__item {
    flex-direction: column
  }
  .p-guide-service-list__item + .p-guide-service-list__item::before {
    left: calc(50% - 1.25rem)
  }
}
.p-guide-service-list__title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 10rem;
  font-weight: 700;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-service-list__img {
  display: block;
  margin: 0 auto;
  height: 100px
}
@media screen and (min-width:485px) {
  .p-guide-service-list__description {
    width: calc(100% - 10rem - 10rem);
    margin-left: auto
  }
}
@media screen and (max-width:484px) {
  .p-guide-service-list__description {
    width: 100%
  }
}
.p-guide-step-flow {
  margin: 2rem 0
}
.p-guide-step-flow__item {
  display: flex;
  align-items: flex-start;
  margin: 1rem 0
}
.p-guide-step-flow__img {
  width: 40%;
  display: block;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  overflow: hidden
}
.p-guide-step-flow__description {
  margin-left: 1rem
}
.p-guide-step-flow__title {
  font-weight: 700;
  margin-bottom: 1rem;
  color: color-mod(#2b3033 a(95%));
  color: var(--p-dark-black)
}
.p-guide-step-flow__text {
  margin: 1rem 0;
  color: color-mod(#2b3033 a(85%));
  color: var(--p-black)
}
.p-guide-step-flow__example-img {
  width: 35%;
  display: block;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  overflow: hidden
}
.p-guide-step-list {
  padding-left: 1.5rem;
  color: color-mod(#2b3033 a(85%));
  color: var(--p-black);
  list-style: disc;
  margin: calc(.75rem / 2)
}
.p-guide-step-list__item + .p-guide-step-list__item {
  margin-top: calc(.75rem / 2)
}
.p-guide-nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin: 0 0 2rem
}
@media screen and (max-width:484px) {
  .p-guide-nav__description-list {
    height: calc(80vh - 2rem - 151px);
    transform: translate(calc(-1 * (100vw - (100vw - 260px) + 10px)));
    transition: transform .3s cubic-bezier(.25,.8,.25,1);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    bottom: calc(4rem + 5rem);
    left: 10px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    border-radius: 4px;
    position: fixed;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    box-shadow: var(--shadow2)
  }
  .p-guide-nav__description-list.is-open {
    transform: translate(0)
  }
}
.p-guide-nav__description-item + .p-guide-nav__description-item {
  margin-top: 1rem
}
.p-guide-nav__description-title {
  font-size: 1rem;
  display: block;
  padding: 0 calc(.75rem / 2);
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: 4px
}
.p-guide-nav__description-data {
  padding-left: .75rem
}
.p-guide-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1px 0;
  padding: 0 calc(.75rem / 2);
  color: color-mod(#2b3033 a(95%));
  color: var(--p-dark-black);
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
@media screen and (min-width:485px) {
  .p-guide-nav {
    width: calc(100% - 72.5% - 1rem)
  }
  .p-guide-nav__link:hover {
    background: #327cb3;
    background: var(--pblue);
    color: #fff
  }
  .p-guide-nav__link:hover::after {
    font-family: fontello;
    font-family: var(--iconfont);
    line-height: .75rem;
    content: '\f10a';
    content: var(--ion-arrow-right-b)
  }
  .p-guide_nav-open-btn {
    display: none
  }
}
.p-guide-nav__link.is-active {
  background: #327cb3;
  background: var(--pblue);
  color: #fff
}
.p-guide-nav__link.is-active::after {
  font-family: fontello;
  font-family: var(--iconfont);
  line-height: .75rem;
  content: '\f10a';
  content: var(--ion-arrow-right-b)
}
@media screen and (max-width:484px) {
  .p-guide-nav__link {
    height: 2.5rem;
    background: color-mod(#2b3033 a(7%));
    background: var(--gray1)
  }
  .p-guide_nav-open-btn {
    width: 3rem;
    height: 3rem;
    border: 2.5px solid #327cb3;
    border: 2.5px solid var(--pblue);
    border-radius: 100%;
    background: #fff;
    position: fixed;
    bottom: calc(4rem + 5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    z-index: 9999;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    box-shadow: var(--shadow2)
  }
  .p-guide_nav-open-btn::before {
    color: #327cb3;
    color: var(--pblue);
    font-family: fontello;
    font-family: var(--iconfont);
    content: '\f3d3';
    content: var(--ion-ios-arrow-right);
    padding-left: calc(.75rem / 4);
    font-size: 2rem;
    line-height: 2rem
  }
  .p-guide_nav-open-btn.is-open {
    transform: translate(calc((100vw - (100vw - 250px) + 10px)))
  }
  .p-guide_nav-open-btn.is-open::before {
    content: '\f3d2';
    content: var(--ion-ios-arrow-left);
    padding-left: 0;
    padding-right: calc(.75rem / 4)
  }
}
.p-guide-about-top_img {
  display: block;
  width: 85%
}
.p-guide-about_registration {
  display: flex;
  align-items: center
}
@media screen and (max-width:484px) {
  .p-guide-about_registration {
    flex-direction: column
  }
}
.p-guide-about_registration__img {
  display: block;
  width: 40%;
  height: 40%
}
.p-guide-about_registration-content__header {
  font-weight: 400
}
.p-guide-about_registration-content__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 5rem;
  background: #f2f2f2;
  background: var(--pgray);
  margin: .75rem auto;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-guide-about_registration-content__text {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-guide-about_registration-content__text {
    width: 100%
  }
}
.p-guide-about_sponsorship {
  display: flex;
  align-items: center
}
.p-guide-about_sponsorship-images {
  width: 40%;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.p-guide-about_sponsorship-images__img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain
}
@media screen and (-ms-high-contrast:none) {
  .p-guide-about_sponsorship-images__img {
    width: 5rem
  }
}
@supports not (-ms-high-contrast:none) {
  .p-guide-about_sponsorship-images__img {
    height: 4rem;
    max-width: 5rem
  }
}
.p-guide-about_sponsorship-images__img + .p-guide-about_sponsorship-images__img {
  margin-left: 1rem
}
.p-guide-about_sponsorship-lists {
  width: 60%;
  list-style: disc;
  padding-left: 1.25rem
}
.p-guide-about_sponsorship-lists__list {
  margin: calc(.75rem / 2) 0
}
.p-guide-member_conditions-table {
  width: 100%;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  margin: .75rem 0 1rem
}
.p-guide-member_conditions-table__table-row:nth-of-type(even) {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-guide-member_conditions-table__table-row--head {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff
}
.p-guide-member_conditions-table__cell-head {
  text-align: center
}
.p-guide-member_conditions-table__cell-data {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  text-align: center
}
.p-guide-member_conditions-table__cell-data.is-possible {
  color: #327cb3;
  color: var(--pblue)
}
.p-guide-member_conditions-table__cell-data.is-impossible {
  color: #d12319;
  color: var(--pred)
}
.p-guide-member_conditions-table__cell-data + .p-guide-member_conditions-table__cell-data,
.p-guide-member_conditions-table__cell-head + .p-guide-member_conditions-table__cell-head {
  border-left: 1px solid #d3d3d3;
  border-left: 1px solid var(--pgrayds)
}
.p-guide-member_conditions-table__table-row + .p-guide-member_conditions-table__table-row .p-guide-member_conditions-table__cell-data,
.p-guide-member_conditions-table__table-row + .p-guide-member_conditions-table__table-row .p-guide-member_conditions-table__cell-head {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
.p-guide-member_account-unit__title {
  font-size: 1rem
}
.p-guide-member_account-unit__data {
  display: flex;
  align-items: center;
  margin-bottom: 1rem
}
@media screen and (min-width:485px) {
  .p-guide-member_account-case {
    margin-left: 2rem
  }
  .guide-about_member-account-unit-svg {
    width: calc(430px * .8);
    height: calc(300px * .8)
  }
}
.p-guide-member_account-case-lists {
  margin: 1rem 0;
  list-style: disc;
  padding-left: 2rem
}
.p-guide-member_account-case-lists__list {
  margin: calc(.75rem / 2) 0
}
@media screen and (max-width:484px) {
  .p-guide-member_account-unit__data {
    flex-direction: column
  }
  .guide-about_member-account-unit-svg {
    width: 100%
  }
}
.p-guide-member_account-unit__data--organized .guide-about_member-account-unit-svg .svg-drugstore {
  filter: url(#mono)
}
.p-guide-member_account-unit__data--organized .guide-about_member-account-unit-svg .svg-rect-gray:nth-of-type(1),
.p-guide-member_account-unit__data--organized .guide-about_member-account-unit-svg .svg-rect-gray:nth-of-type(2) {
  display: none
}
.p-guide-member_account-unit__data--organized .guide-about_member-account-unit-svg .svg-rect_text {
  display: none
}
.p-guide-member_account-unit__data--organized .guide-about_member-account-unit-svg .svg-rect_text--middle {
  display: inline
}
.p-guide-member_account-unit__data--organized .guide-about_member-account-unit-svg .svg-arrow--bottom,
.p-guide-member_account-unit__data--organized .guide-about_member-account-unit-svg .svg-arrow--top {
  display: none
}
.p-guide-point_benefit-list {
  width: 100%
}
.p-guide-point_benefit-list__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 3rem;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  float: left
}
.p-guide-point_benefit-list__title:first-of-type {
  border-radius: 4px 0 0
}
.p-guide-point_benefit-list__title:last-of-type {
  border-radius: 0 0 0 4px
}
.p-guide-point_benefit-list__data {
  margin-left: 10rem;
  display: flex;
  align-items: center;
  height: 3rem;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  padding: 0 calc(.75rem / 2)
}
.p-guide-point_benefit-list__data:first-of-type {
  border-radius: 0 4px 0 0
}
.p-guide-point_benefit-list__data:last-of-type {
  border-radius: 0 0 4px
}
.p-guide-point_rank-table {
  width: 100%;
  border-collapse: separate;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  overflow: hidden
}
.p-guide-point_rank-table__head {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff
}
.p-guide-point_rank-row--head {
  min-height: 2rem
}
.p-guide-point_rank-row--head__head_cell {
  border: 1px solid #fff
}
.p-guide-point_rank-row--body:nth-of-type(even) {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-guide-point_rank-row--body__head_cell {
  width: 25%
}
.p-guide-point_rank-row__data_cell,
.p-guide-point_rank-row__head_cell {
  padding: calc(.75rem / 4) calc(.75rem / 2)
}
.p-guide-point_rank-row__data_cell + .p-guide-point_rank-row__data_cell,
.p-guide-point_rank-row__head_cell + .p-guide-point_rank-row__data_cell,
.p-guide-point_rank-row__head_cell + .p-guide-point_rank-row__head_cell {
  border-left: 1px solid #d3d3d3;
  border-left: 1px solid var(--pgrayds)
}
.p-guide-point_rank-row + .p-guide-point_rank-row .p-guide-point_rank-row__data_cell,
.p-guide-point_rank-row + .p-guide-point_rank-row .p-guide-point_rank-row__head_cell {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
.p-guide-point_rank-medal {
  margin-right: calc(.75rem / 2)
}
.p-guide-support_env {
  display: flex;
  margin: 1rem 0;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-guide-support_env__description-item {
  width: 50%
}
.p-guide-support_env__description-item + .p-guide-support_env__description-item {
  border-left: 1px solid #d3d3d3;
  border-left: 1px solid var(--pgrayds)
}
.p-guide-support_env__description-title {
  border-bottom: 1px solid #d3d3d3;
  border-bottom: 1px solid var(--pgrayds);
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff;
  padding: calc(.75rem / 4) calc(.75rem / 2)
}
.p-guide-support_env__description-data {
  padding: 0 calc(.75rem / 2);
  margin: calc(.75rem / 2) 0
}
.p-guide-support_siteseal {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  padding: calc(.75rem / 2) calc(.75rem / 4)
}
.p-guide-support_siteseal__img {
  display: inline-block;
  width: 125px;
  height: 50px
}
.p-guide-support_siteseal__text {
  margin-left: .75rem
}
.p-guide-quality_lists {
  margin: 1rem 0
}
.p-guide-quality_lists-item {
  margin: 1rem 0;
  counter-increment: itemNum
}
.p-guide-quality_lists-item__title {
  font-size: 1rem
}
.p-guide-quality_lists-item__title::before {
  content: counter(itemNum) ", "
}
.p-guide-quality_lists-item-content {
  display: flex;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
@media screen and (max-width:484px) {
  .p-guide-quality_lists-item-content {
    flex-direction: column
  }
}
.p-guide-quality_lists-item-content--row {
  justify-content: space-between
}
.p-guide-quality_lists-item-content--column {
  flex-direction: column
}
.p-guide-quality_lists-item-content__images {
  display: flex;
  justify-content: space-evenly
}
.p-guide-quality_content-description {
  font-weight: 700
}
.p-guide-quality_content-list {
  list-style: disc;
  padding-left: calc(.75rem * 2)
}
.p-guide-quality_content-list__item {
  margin: calc(.75rem / 4) 0
}
.p-guide-quality_content-image {
  margin: .75rem 0
}
.p-guide-quality_content-image__img {
  display: block
}
.p-guide-regulations {
  display: flex;
  margin: 1rem 0
}
@media screen and (max-width:484px) {
  .p-guide-quality_lists-item-content__images {
    align-items: center;
    flex-direction: column
  }
  .p-guide-regulations {
    flex-direction: column;
    align-items: center
  }
  .p-guide-regulations__description-list {
    width: 100%
  }
}
.p-guide-regulations__caption {
  font-size: 1rem;
  margin: calc(.75rem / 2) 0
}
.p-guide-regulations__description-list {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: .2rem;
  flex: 2
}
.p-guide-regulations__description-item {
  display: flex
}
.p-guide-regulations__description-item + .p-guide-regulations__description-item {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
@media screen and (max-width:484px) {
  .p-guide-regulations__description-item {
    flex-flow: column
  }
}
.p-guide-regulations__description-data,
.p-guide-regulations__description-title {
  display: flex;
  align-items: center;
  padding: 0 calc(.75rem / 2)
}
.p-guide-regulations__description-title {
  font-weight: 700;
  background: #f2f2f2;
  background: var(--pgray)
}
@media screen and (min-width:485px) {
  .p-guide-regulations__description-data,
  .p-guide-regulations__description-title {
    height: 2.75rem
  }
  .p-guide-regulations__description-title {
    width: 6rem;
    justify-content: flex-end;
    border-right: 1px solid #d3d3d3;
    border-right: 1px solid var(--pgrayds)
  }
  .p-guide-regulations_certificate {
    margin-left: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-guide-regulations__description-data,
  .p-guide-regulations__description-title {
    height: 2rem
  }
  .p-guide-regulations__description-title {
    width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid #d3d3d3;
    border-bottom: 1px solid var(--pgrayds)
  }
  .p-guide-regulations_certificate {
    margin-top: .75rem;
    width: 100%
  }
}
.p-guide-regulations_certificate__img {
  display: block;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  width: 100%
}
.p-guide-benefit_example {
  display: flex;
  align-items: center;
  margin: 1rem 0
}
.p-guide-benefit_example__img {
  display: block
}
.p-guide-benefit_example-case {
  border: 1px solid;
  border: 1px solid var(--gray2);
  border-radius: 4px;
  margin: 0 1rem;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  display: inline-block
}
.p-guide-benefit_example-conditions {
  margin-top: calc(.75rem / 2);
  list-style: disc;
  padding-left: calc(.75rem)
}
.p-guide-benefit_example-conditions-list {
  margin: calc(.75rem / 4) 0;
  display: flex
}
.p-guide-benefit_example-conditions-list::before {
  content: '\00b7';
  content: var(--middledot);
  margin-right: calc(.75rem / 2)
}
.p-guide-benefit_example-conditions-list__item {
  display: inline-block
}
.p-guide-benefit_example-conditions-list__item:first-of-type {
  width: 10rem
}
.p-guide-benefit_example-conditions-list__item:nth-of-type(2)::before {
  content: "…"
}
.p-guide-benefit_example-table {
  position: relative;
  margin: 2rem 0;
  width: 100%
}
.p-guide-benefit_example-table__table {
  border: 1px solid;
  border: 1px solid var(--gray3);
  border-radius: 4px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0
}
.p-guide-benefit_example-table__table-head {
  background: color-mod(#2b3033 a(21%));
  background: var(--gray3)
}
.p-guide-benefit_example-table__table-row:nth-of-type(even) {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1)
}
.p-guide-benefit_example-table__table-row--blue:last-child {
  background: color-mod(#327bb3 l(65%));
  background: var(--primary-color-low)
}
.p-guide-benefit_example-table__cell-head {
  text-align: center;
  width: calc(50% - 5rem)
}
.p-guide-benefit_example-table__cell-head--head {
  border-bottom: 1px solid;
  border-bottom: 1px solid var(--gray2)
}
.p-guide-benefit_example-table__cell-head--body {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  text-align: left
}
.p-guide-benefit_example-table__cell-head:nth-of-type(1) {
  width: 10rem
}
.p-guide-benefit_example-table__cell-data {
  width: 15rem;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  text-align: right
}
.p-guide-benefit_example-table__cell-data + .p-guide-benefit_example-table__cell-data,
.p-guide-benefit_example-table__cell-head + .p-guide-benefit_example-table__cell-data,
.p-guide-benefit_example-table__cell-head + .p-guide-benefit_example-table__cell-head {
  border-left: 1px solid;
  border-left: 1px solid var(--gray2)
}
.p-guide-benefit_example-table__table-row + .p-guide-benefit_example-table__table-row .p-guide-benefit_example-table__cell-data,
.p-guide-benefit_example-table__table-row + .p-guide-benefit_example-table__table-row .p-guide-benefit_example-table__cell-head {
  border-top: 1px solid;
  border-top: 1px solid var(--gray2)
}
.p-guide-benefit_example-table__caption + .p-guide-benefit_example-table__table {
  margin-top: 1rem
}
.p-guide-benefit_example-table__table + .p-guide-benefit_example-table__caption {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  color: #327bb3;
  color: var(--primary-color);
  border: 1px solid #327bb3;
  border: 1px solid var(--primary-color);
  border-radius: .2rem;
  margin-top: 2rem;
  position: relative
}
.p-guide-benefit_example-table__table + .p-guide-benefit_example-table__caption::before {
  position: absolute;
  top: -1.5rem;
  content: "";
  border-style: solid;
  border-width: 1rem 1rem 0;
  border-color: #327bb3 transparent transparent;
  border-color: var(--primary-color) transparent transparent transparent
}
.p-guide-cost_simulation {
  border: 1px solid;
  border: 1px solid var(--gray2);
  border-radius: 4px;
  padding: calc(.75rem / 2) .75rem;
  margin: 1rem 0
}
.p-guide-cost_simulation__description-list {
  margin-bottom: 1rem
}
.p-guide-cost_simulation__description-title {
  margin: calc(.75rem / 4) 0;
  font-weight: 700
}
.p-guide-cost_simulation__header {
  font-size: .875rem;
  font-weight: 700;
  margin: 1rem 0
}
.p-guide-cost_simulation__text {
  margin: calc(.75rem / 2) 0;
  font-size: .875rem
}
.p-guide-cost_simulation__mark {
  color: #d12319;
  color: var(--pred);
  font-size: 1rem;
  font-weight: 700;
  position: relative
}
.p-guide-cost_simulation__mark::after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px dashed #d12118;
  border-bottom: 1px dashed var(--accent-color)
}
.p-guide-cost_simulation__important-list {
  margin-top: 1rem
}
.p-guide-cost_simulation__important-item::before {
  color: #d12118;
  color: var(--accent-color);
  content: "※"
}
.p-guide-advantage_comparison {
  margin: 2rem 0
}
.p-guide-advantage_comparison__before {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  position: relative
}
.p-guide-advantage_comparison__before::after {
  position: absolute;
  bottom: -1.5rem;
  content: "";
  width: 0;
  height: 0;
  left: calc(50% - 1rem);
  border-style: solid;
  border-width: 1rem 1rem 0;
  border-color: #327bb3 transparent transparent;
  border-color: var(--primary-color) transparent transparent transparent
}
.p-guide-advantage_comparison__after {
  display: flex;
  align-items: center
}
.p-guide-case_study {
  position: relative
}
.p-guide-case_study__img {
  display: block;
  width: 100%;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-case_study__caption {
  position: absolute;
  bottom: 2rem;
  color: #f2f2f2;
  color: var(--pgray);
  font-size: 1rem;
  font-weight: 700;
  padding: 0 calc(.75rem / 2)
}
.p-guide-case_study__description {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #f2f2f2;
  color: var(--pgray)
}
@media screen and (max-width:484px) {
  .p-guide-case_study__caption {
    display: none
  }
  .p-guide-case_study__description {
    font-size: calc(.75rem * .8)
  }
}
.p-guide-case_study-contents {
  margin: 2rem 0
}
.p-guide-case_study-contents__header {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  margin: 1rem 0;
  border-radius: 4px;
  background: #f2f2f2;
  background: var(--pgray);
  color: #327cb3;
  color: var(--pblue);
  font-size: 1rem
}
.p-guide-case_study-contents__caption {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  margin: 1rem 0;
  border-bottom: 1px solid #327cb3;
  border-bottom: 1px solid var(--pblue);
  color: #327cb3;
  color: var(--pblue);
  font-size: 1rem;
  display: flex;
  align-items: center
}
.p-guide-case_study-contents__caption::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #327cb3;
  background: var(--pblue);
  border-radius: 4px;
  margin-right: calc(.75rem / 4)
}
.p-guide-case_study-contents__description-list {
  margin: 1rem 0;
  font-size: 1rem
}
.p-guide-case_study-contents__description-item {
  margin: 1rem 0
}
.p-guide-case_study-contents__description-title {
  margin: .75rem 0;
  color: #7c7c7c;
  color: var(--pgrayd)
}
.p-guide-case_study-contents__description-title::before {
  content: "Q";
  margin-right: 1rem;
  color: #2b3033;
  color: var(--pblack)
}
.p-guide-case_study-contents__description-data {
  margin: .75rem 0;
  background: #f2f2f2;
  background: var(--pgray);
  padding: calc(.75rem) calc(.75rem / 2);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  line-height: calc(1rem * 1.7)
}
.p-guide-case_study-contents__img {
  display: block;
  width: 100%;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-case_study-contact {
  padding: calc(.75rem) calc(.75rem / 2);
  margin: 1rem 0;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-case_study-contact__header {
  font-size: 1rem;
  font-weight: 700
}
.p-guide-case_study-contact__name {
  font-size: 1rem;
  margin: calc(.75rem / 4) 0
}
.p-guide-case_study-images {
  position: relative;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  overflow: hidden
}
.p-guide-case_study-images__img {
  display: block;
  width: 100%
}
.p-guide-case_study-images__caption {
  width: 100%;
  position: absolute;
  bottom: 8.55rem;
  background: rgba(50,124,179,.7);
  padding: .75rem;
  font-size: 1.25rem;
  color: #fff;
  text-align: center
}
.p-guide-case_study-images__list {
  display: flex
}
.p-guide-case_study-images__item {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
.p-guide-case_study-images__item + .p-guide-case_study-images__item {
  border-left: 1px solid #d3d3d3;
  border-left: 1px solid var(--pgrayds)
}
.p-guide-feature_guest-profile {
  display: flex;
  margin: 1rem 0
}
@media screen and (max-width:484px) {
  .p-guide-feature_guest-profile {
    align-items: center;
    justify-content: space-around;
    border: 1px solid;
    border: 1px solid var(--gray2);
    border-radius: .2rem;
    background: color-mod(#2b3033 a(7%));
    background: var(--gray1);
    padding: calc(.75rem / 2) 0
  }
}
.p-guide-feature_guest-image {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  overflow: hidden
}
@media screen and (min-width:485px) {
  .p-guide-feature_guest-image {
    width: 150px;
    border-radius: 4px
  }
}
@media screen and (max-width:484px) {
  .p-guide-feature_guest-image {
    width: 4rem;
    height: 4rem;
    border-radius: 100%
  }
}
.p-guide-feature_guest-image__img {
  display: block;
  width: 100%
}
.p-guide-feature_guest-profile-list {
  display: flex;
  justify-content: center;
  flex-direction: column
}
@media screen and (min-width:485px) {
  .p-guide-feature_guest-profile-list {
    width: calc(100% - 150px);
    padding: calc(.75rem / 2) .75rem;
    margin-left: 1rem;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    border-radius: 4px;
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-guide-feature_guest-profile-list__item {
    font-size: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-guide-feature_guest-profile-list {
    width: calc(100% - 5rem)
  }
  .p-guide-feature_guest-profile-list__item {
    font-size: calc(.75rem * .8)
  }
}
.p-guide-feature_guest-profile-list__item--name {
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-guide-feature_guest-profile-list__item--name {
    font-size: 1.25rem
  }
  .p-guide-feature_guest-profile-list__item:last-of-type {
    font-size: .75rem
  }
}
@media screen and (max-width:484px) {
  .p-guide-feature_guest-profile-list__item--name {
    font-size: .75rem
  }
  .p-guide-feature_guest-profile-list__item:last-of-type {
    text-align: justify;
    font-size: calc(.75rem * .8)
  }
  .p-guide-sell_support-table__img {
    width: 100%
  }
}
.p-guide-feature_section {
  margin: 2rem 0;
  counter-increment: sectionNum
}
.p-guide-feature_section__header {
  background: #f2f2f2;
  background: var(--pgray);
  color: #327cb3;
  color: var(--pblue);
  border: 1px solid #327cb3;
  border: 1px solid var(--pblue);
  border-radius: 4px;
  padding: calc(.75rem / 2) calc(.75rem / 4);
  font-size: 1rem;
  margin: 1rem 0
}
.p-guide-feature_section__header::before {
  content: "Section " counter(sectionNum) " : "
}
.p-guide-feature_content-talk {
  margin: 2rem 0
}
.p-guide-feature_content-talk__host::before {
  content: "Pharmarket\a0\6728\539F";
  color: #327cb3;
  color: var(--pblue)
}
.p-guide-feature_content-talk__guest::before {
  content: "\8D64\7FBD\6839\5148\751F";
  color: #d12319;
  color: var(--pred)
}
.p-guide-feature_content-talk__guest,
.p-guide-feature_content-talk__host {
  margin: calc(.75rem) 0;
  font-size: 1rem
}
.p-guide-feature_content-talk__guest::before,
.p-guide-feature_content-talk__host::before {
  display: block
}
.p-guide-feature_talk-img {
  width: 100%;
  display: block;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-pharmaceutical_medical_law {
  padding: calc(.75rem / 2) calc(.75rem);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  background: #f2f2f2;
  background: var(--pgray)
}
.p-pharmaceutical_medical_law__header {
  font-weight: 700;
  margin-bottom: calc(.75rem / 2)
}
.p-pharmaceutical_medical_law__title {
  margin-bottom: calc(.75rem / 4)
}
.p-pharmaceutical_medical_law__article + .p-pharmaceutical_medical_law__article {
  margin-top: 1rem
}
.p-pharmaceutical_medical_law__description-paragraph + .p-pharmaceutical_medical_law__description-paragraph {
  margin-top: calc(.75rem / 2)
}
.p-pharmaceutical_medical_law__description-title {
  font-weight: 700
}
.p-pharmaceutical_medical_law__ordered-list {
  list-style-type: cjk-ideographic;
  padding-left: 1.5rem;
  margin: calc(.75rem / 4) 0
}
.p-pharmaceutical_medical_law__ordered-item {
  margin: calc(.75rem / 4) 0
}
.p-pharmaceutical_medical_device_law {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  background: #f2f2f2;
  background: var(--pgray)
}
.p-pharmaceutical_medical_device_law__article {
  font-weight: 700
}
.p-pharmaceutical_medical_device_law__provision {
  margin: calc(.75rem / 4) 0 calc(.75rem)
}
.p-pharmaceutical_medical_device_law__provision:last-of-type {
  margin-bottom: 0
}
.p-guide-sell_service-table {
  margin: 2rem 0
}
.p-guide-sell_service-table__caption {
  margin: 1rem 0 .75rem
}
.p-guide-sell_service-table__table {
  width: 100%;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  margin: .75rem 0 1rem
}
.p-guide-sell_service-table__table-head {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff
}
.p-guide-sell_service-table__table-row--body:nth-of-type(even) {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-guide-sell_service-table__cell-head {
  text-align: center
}
.p-guide-sell_service-table__cell-head--head {
  border-bottom: 1px solid #d3d3d3;
  border-bottom: 1px solid var(--pgrayds)
}
.p-guide-sell_service-table__cell-head--body {
  padding: calc(.75rem / 4) calc(.75rem / 2)
}
.p-guide-sell_service-table__cell-data {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  text-align: center
}
.p-guide-sell_service-table__cell-data + .p-guide-sell_service-table__cell-data,
.p-guide-sell_service-table__cell-head + .p-guide-sell_service-table__cell-data,
.p-guide-sell_service-table__cell-head + .p-guide-sell_service-table__cell-head {
  border-left: 1px solid #d3d3d3;
  border-left: 1px solid var(--pgrayds)
}
.p-guide-sell_service-table__table-row + .p-guide-sell_service-table__table-row .p-guide-sell_service-table__cell-data,
.p-guide-sell_service-table__table-row + .p-guide-sell_service-table__table-row .p-guide-sell_service-table__cell-head {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
.p-guide-sell_support-table {
  margin: 2rem 0
}
.p-guide-sell_support-table__table {
  width: 100%;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  margin: .75rem 0 1rem
}
.p-guide-sell_support-table__table-head {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff
}
.p-guide-sell_support-table__table-row--body:nth-of-type(even) {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-guide-sell_support-table__cell-head {
  text-align: center
}
.p-guide-sell_support-table__cell-head--head {
  border-bottom: 1px solid #d3d3d3;
  border-bottom: 1px solid var(--pgrayds)
}
.p-guide-sell_support-table__cell-head--body {
  padding: calc(.75rem / 4) calc(.75rem / 2)
}
.p-guide-sell_support-table__cell-data {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  text-align: center
}
.p-guide-sell_support-table__cell-data + .p-guide-sell_support-table__cell-data,
.p-guide-sell_support-table__cell-head + .p-guide-sell_support-table__cell-data,
.p-guide-sell_support-table__cell-head + .p-guide-sell_support-table__cell-head {
  border-left: 1px solid #d3d3d3;
  border-left: 1px solid var(--pgrayds)
}
.p-guide-sell_support-table__table-row + .p-guide-sell_support-table__table-row .p-guide-sell_support-table__cell-data,
.p-guide-sell_support-table__table-row + .p-guide-sell_support-table__table-row .p-guide-sell_support-table__cell-head {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
.p-guide-sell_support-table__description-list {
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  padding: calc(.75rem / 2) .75rem
}
.p-guide-sell_support-table__description-item {
  display: flex;
  align-items: center;
  margin: calc(.75rem / 2) 0
}
.p-guide-sell_support-table__description-title::after {
  content: "・・・"
}
.p-guide-sell_example {
  margin: 2rem 0
}
.p-guide-sell_example__description-list {
  margin: 1rem 0
}
.p-guide-sell_example__description-item {
  padding: calc(.75rem / 2) calc(.75rem);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  margin: 1rem 0
}
.p-guide-sell_example__description-title {
  font-weight: 700;
  margin-bottom: calc(.75rem / 4)
}
.p-guide-sell_example__description-data {
  display: flex;
  margin: calc(.75rem / 2) 0
}
.p-guide-sell_example__annotation {
  overflow: hidden;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  width: 25%
}
.p-guide-sell_example__annotation--text {
  background: #f2f2f2;
  background: var(--pgray);
  padding: calc(.75rem / 4) calc(.75rem / 2)
}
@media screen and (min-width:485px) {
  .p-guide-sell_example__annotation--text {
    width: 40%
  }
  .p-guide-sell_example__annotation + .p-guide-sell_example__annotation {
    margin-left: 2rem
  }
}
@media screen and (max-width:484px) {
  .p-guide-sell_example__description-data {
    align-items: flex-start
  }
  .p-guide-sell_example__annotation--text {
    flex: 1;
    font-size: calc(.75rem * .8);
    align-self: stretch
  }
  .p-guide-sell_example__annotation + .p-guide-sell_example__annotation {
    margin-left: 1rem
  }
}
.p-guide-sell_example__img {
  display: block;
  width: 100%
}
.p-guide-sell_example__label {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds);
  color: #fff
}
.p-guide-sell_example__label--red {
  background: #d12319;
  background: var(--pred)
}
.p-guide-sell_example__label--blue {
  background: #327cb3;
  background: var(--pblue)
}
.p-guide-sell_example__text {
  margin: 0 0 calc(.75rem / 4);
  color: #d12319;
  color: var(--pred)
}
.p-guide-sell_example__example-list {
  padding-left: calc(.75rem / 2)
}
.p-guide-sell_example__example-item {
  margin: auto 0
}
.p-guide-sell_example__example-item::before {
  content: '\00b7';
  content: var(--middledot);
  font-weight: 700
}
.p-guide-sell_step-fax {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  padding: 2rem;
  text-align: center;
  margin: 1rem 0
}
.p-guide-sell_step-fax__mark {
  font-weight: 700
}
.p-guide-omakase {
  margin: 2rem 0;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  padding: calc(.75rem / 4) calc(.75rem)
}
.p-guide-omakase__header {
  color: #ff6c00;
  color: var(--porange);
  font-weight: 700;
  font-size: 1rem;
  margin: 1rem 0
}
.p-guide-omakase__text {
  line-height: 170%;
  margin: 1rem 0
}
.p-guide-omakase__list {
  margin: 1rem 0;
  padding-left: calc(.75rem / 2)
}
.p-guide-omakase__item::before {
  content: '\00b7';
  content: var(--middledot);
  font-weight: 700;
  margin-right: calc(.75rem / 4)
}
.p-guide-omakase__img {
  margin: 1rem 0;
  display: block;
  width: 100%;
  border-radius: 4px
}
.p-guide-omakase__description-list {
  margin: 2rem 0 1rem
}
.p-guide-omakase__description-item {
  margin: 1rem 0;
  position: relative;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  padding: calc(.75rem)
}
.p-guide-omakase__description-title {
  position: absolute;
  font-weight: 700;
  margin: 1rem 0 calc(.75rem / 2);
  background: #fff;
  padding: 0 calc(.75rem / 4);
  top: -1.75rem
}
.p-guide-omakase__description-data {
  color: color-mod(#2b3033 a(85%));
  color: var(--p-black)
}
.p-guide-omakase__description-data + .p-guide-omakase__description-data {
  margin-top: calc(.75rem / 2)
}
.p-guide-sell-address {
  margin: 2rem 0;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px;
  padding: calc(.75rem) 1rem
}
.p-guide-sell-address__description-item {
  display: flex;
  align-items: center
}
.p-guide-sell-address__description-title {
  width: 3rem;
  font-weight: 700;
  margin: calc(.75rem / 2) 0
}
.p-guide-sell-address__description-title::after {
  content: ":";
  margin: 0 calc(.75rem / 4)
}
.p-guide-sell_step-caution {
  padding: calc(.75rem);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-sell_step-caution__title {
  font-weight: 700;
  font-size: 1rem;
  color: #d12319;
  color: var(--pred);
  margin-bottom: 1rem
}
.p-guide-sell_step-caution__list {
  padding-left: calc(.75rem / 2)
}
.p-guide-sell_step-caution__item {
  text-indent: calc((.75rem / 2) * -1)
}
.p-guide-sell_step-caution__item::before {
  content: '\00b7';
  content: var(--middledot);
  font-weight: 700;
  margin-right: calc(.75rem / 4)
}
.p-guide-buy_step-row-images {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 0
}
.p-guide-buy_step-row-images__img {
  width: calc(50% - (.75rem));
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-buy-narrow-list {
  margin: 2rem 0
}
.p-guide-buy-narrow-list__item {
  display: flex;
  align-items: flex-start;
  margin: 1rem 0
}
.p-guide-buy-narrow-list__img {
  display: block;
  width: 45%;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-buy-narrow-list__description-list {
  margin-left: 1rem
}
.p-guide-buy-narrow-list__description-title {
  font-weight: 700
}
.p-guide-buy-narrow-list__description-title::before {
  content: "▼";
  margin-right: calc(.75rem / 2)
}
.p-guide-buy-narrow-list__description-data {
  margin: calc(.75rem / 4) 0;
  padding-left: .75rem
}
.p-guide-buy-narrow-list__description-data::before {
  content: '\00b7';
  content: var(--middledot);
  font-weight: 700;
  margin-right: calc(.75rem / 4)
}
.p-guide-buy-narrow-list__description-title + .p-guide-buy-narrow-list__description-data {
  margin-top: calc(.75rem / 2)
}
.p-guide-btn_description-list {
  margin: 2rem 0
}
.p-guide-btn_description-list__description-item {
  margin: 1rem 0;
  display: flex;
  align-items: center
}
.p-guide-btn_description-list__description-title {
  width: 10rem;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-guide-btn_description-list__description-data {
  width: calc(100% - 10rem);
  margin-left: 1rem
}
.p-buy-btn-example {
  background: silver
}
.p-buy-btn-description {
  background: #fff;
  font-size: .75rem
}
@media screen and (min-width:485px) {
  .p-buy-btn-example {
    padding: .2rem;
    width: 20%;
    text-align: center
  }
  .p-buy-btn-description {
    margin-left: 1.5rem
  }
}
.p-guide-buy_favorite-description {
  margin: 2rem 0;
  display: flex;
  align-items: center
}
@media screen and (max-width:484px) {
  .p-buy-btn-example {
    padding: calc(.75rem / 4) calc(.75rem / 2);
    width: 100%
  }
  .p-guide-buy_favorite-description {
    flex-direction: column
  }
}
.p-guide-buy_favorite-description__img {
  display: block
}
@media screen and (min-width:485px) {
  .p-guide-buy_favorite-description__img {
    width: 10rem
  }
}
@media screen and (max-width:484px) {
  .p-guide-buy_favorite-description__img {
    width: 50%;
    height: 50%;
    margin: 0 auto
  }
}
.p-terms_of_service {
  counter-reset: terms_of_service
}
.p-terms_of_service + .p-terms_of_service {
  margin-top: 2rem
}
.p-terms_of_service__header {
  margin: 1rem 0;
  font-weight: 700;
  font-size: 1rem
}
.p-terms_of_service__section {
  counter-increment: terms_of_service;
  margin: 1rem 0;
  padding-left: 1.5rem
}
.p-terms_of_service__title {
  position: relative;
  margin: calc(.75rem / 2) 0;
  font-weight: 700
}
.p-terms_of_service__title::before {
  width: 1.5rem;
  text-align: right;
  position: absolute;
  left: -1.75rem;
  top: 0;
  content: counter(terms_of_service) "."
}
.p-terms_of_service__ordered-list {
  list-style: decimal;
  padding-left: 1rem;
  margin: calc(.75rem / 2) 0
}
.p-terms_of_service__ordered-list--alphabet {
  list-style: lower-alpha
}
.p-terms_of_service__ordered-item {
  margin: calc(.75rem / 4) 0;
  text-align: justify;
  text-justify: inter-character
}
.p-terms_of_service__unordered-list {
  list-style: disc;
  padding-left: 1rem;
  margin: calc(.75rem / 2) 0
}
.p-terms_of_service__unordered-item {
  margin: calc(.75rem / 4) 0;
  text-align: justify;
  text-justify: inter-character
}
.p-terms_of_service__text {
  line-height: calc(.75rem * 1.7);
  text-align: justify;
  text-justify: inter-character
}
.p-privacy_policy + .p-privacy_policy {
  margin-top: 2rem
}
.p-privacy_policy:last-of-type {
  margin-bottom: 1rem
}
.p-privacy_policy__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.p-privacy_policy__title {
  font-size: 1.5rem;
  font-weight: 700
}
.p-privacy_policy__text {
  line-height: calc(.75rem * 1.7);
  text-align: justify;
  text-justify: inter-character
}
.p-privacy_policy__text + .p-privacy_policy__text {
  margin-top: calc(.75rem * 1.7)
}
.p-privacy_policy__header + .p-privacy_policy__text {
  margin-top: 1rem
}
.p-privacy_policy__section:first-of-type {
  margin-top: 1rem
}
.p-privacy_policy__section + .p-privacy_policy__section {
  margin-top: 1rem
}
.p-privacy_policy__section-header {
  margin-bottom: .75rem
}
.p-privacy_policy__ordered-list {
  padding-left: 1.5rem;
  list-style: decimal
}
.p-privacy_policy__numbered-description-list {
  margin-top: 1rem;
  counter-reset: description-list
}
.p-privacy_policy__numbered-description-item {
  counter-increment: description-list
}
.p-privacy_policy__numbered-description-item + .p-privacy_policy__numbered-description-item {
  margin-top: 1rem
}
.p-privacy_policy__numbered-description-title {
  font-weight: 700;
  font-size: 1rem
}
.p-privacy_policy__numbered-description-title::before {
  content: counter(description-list) ".";
  margin-right: calc(.75rem / 2)
}
.p-privacy_policy__description-item {
  margin-top: 1rem
}
.p-privacy_policy__description-title {
  font-weight: 700
}
.p-privacy_policy__description-data {
  padding-left: .75rem;
  margin-top: calc(.75rem / 4)
}
.p-privacy_policy__description-data + .p-privacy_policy__description-title {
  margin-top: calc(.75rem / 2)
}
.p-privacy_policy__unordered-list {
  padding-left: 1.5rem;
  list-style: disc
}
.p-privacy_policy__disc-list {
  padding-left: 1.5rem;
  list-style: disc
}
.p-privacy_policy__circle-list {
  padding-left: 1.5rem;
  list-style: circle
}
.p-privacy_policy__lower-roman-list {
  padding-left: 1.5rem;
  list-style: lower-roman
}
.p-privacy_policy__lower-alpha-list {
  padding-left: 1.5rem;
  list-style: lower-alpha
}
.p-privacy_policy__list-item {
  margin: calc(.75rem / 2) 0
}
.p-privacy_policy__table {
  margin: calc(.75rem / 2) 0
}
.p-privacy_policy__table-data,
.p-privacy_policy__table-header {
  border: 1px solid #2d2d2d;
  border: 1px solid var(--theme-font)
}
.p-sitemap__description-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly
}
.p-sitemap__description-item {
  width: 30%;
  height: 250px
}
.p-sitemap__description-title {
  font-weight: 700;
  padding-left: calc(.75rem / 4);
  margin: calc(.75rem / 2) 0
}
.p-sitemap__description-data {
  padding-left: calc(.75rem / 2);
  margin: calc(.75rem / 4) 0
}
@media screen and (min-width:485px) {
  .p-notice {
    margin: 2rem 0;
    display: flex
  }
  .p-notice__block {
    width: 50%;
    font-size: .875rem;
    padding-left: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-notice {
    margin: 20px 0
  }
  .p-notice__block {
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
}
@media screen and (min-width:485px) {
  .p-notice__title {
    font-size: 1.25rem;
    color: #327cb3;
    color: var(--pblue);
    margin: calc(.75rem / 2) 0;
    position: relative
  }
  .p-notice__lists {
    padding-left: calc(.75rem / 2)
  }
  .p-notice__date {
    float: left
  }
}
@media screen and (max-width:484px) {
  .p-notice__title {
    padding: calc(.75rem / 2);
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    background: #f2f2f2;
    background: var(--pgray);
    border-radius: 4px;
    justify-content: space-between;
    align-items: center
  }
  .p-notice__title::after {
    color: color-mod(#2b3033 a(21%));
    color: var(--gray3);
    line-height: .75rem;
    font-size: .75rem;
    font-family: fontello;
    font-family: var(--iconfont);
    content: "\958B\304F"
  }
  .p-notice__title.is-opened::after {
    content: "\9589\3058\308B"
  }
  .p-notice__prev {
    display: none
  }
  .p-notice__lists {
    display: none;
    position: relative;
    margin: 10px 0 0
  }
  .p-notice__lists.is-opened {
    display: block
  }
  .p-notice__date {
    font-size: 1rem;
    padding-left: 5px
  }
}
@media screen and (min-width:485px) {
  .p-notice__content {
    margin: 0 0 .375rem 8rem
  }
}
@media screen and (max-width:484px) {
  .p-notice__content {
    margin: 2px 0;
    padding: 0 0 7.5px 5px
  }
  .p-notice__link {
    display: flex;
    background: #fff;
    border-radius: 4px;
    align-items: flex-end;
    font-size: 1rem;
    font-weight: 400
  }
}
.p-carousel {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-carousel {
    height: 280px;
    display: flex;
    margin: 0 0 2rem
  }
  .p-carousel__main {
    width: 70%
  }
}
@media screen and (max-width:484px) {
  .p-carousel {
    height: 150px;
    margin: 1rem 0
  }
  .p-slider-main .p-slider-main__list.slick-slide {
    position: relative;
    overflow: hidden;
    width: calc(100vw - (10px * 2));
    height: calc((300 / 320) * 150px)
  }
}
.p-carousel__new-label {
  font-weight: 700;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  margin-left: calc(.75rem / 2);
  color: #fff;
  background: #d12118;
  background: var(--accent-color);
  border-radius: .2rem
}
.p-slider-side {
  position: relative
}
@media screen and (min-width:485px) {
  .p-carousel__side {
    width: 30%;
    display: flex;
    align-items: center
  }
  .p-slider-main .p-slider-main__list .p-slider-main.slick-slide,
  .p-slider-main > .slick-list {
    width: 800px;
    height: 280px
  }
  .p-slider-side > .slick-list {
    width: 350px;
    height: calc(280px - (1rem * 2))
  }
  .p-slider-side .p-slider-side__list.slick-slide {
    width: 350px;
    height: calc(((280px - (1rem * 2))/ 4));
    display: flex;
    align-items: center;
    padding: calc(.75rem / 2) 1rem;
    padding-right: 0;
    font-size: .875rem;
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    cursor: pointer;
    border-radius: 4px;
    font-weight: 400;
    position: relative
  }
  .p-slider-side .p-slider-side__list.slick-slide:hover {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-slider-side .p-slider-side__list.slick-slide::before {
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    font-family: fontello;
    font-family: var(--iconfont);
    content: '\f107';
    content: var(--ion-arrow-left-b);
    margin-right: calc(.75rem / 2)
  }
  .p-slider-side .p-slider-side__list.slick-slide::after {
    content: "";
    width: 350px;
    height: calc(((280px - (1rem * 2))/ 4));
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: solid #f2f2f2;
    border-bottom: calc(1px / 2) solid var(--pgray)
  }
  .p-slider-side .p-slider-side__list.slick-slide.slick-active {
    border: none
  }
  .p-slider-side .p-slider-side__list.slick-slide:not(.slick-active) {
    border: solid #f2f2f2;
    border: solid var(--pgray);
    border-width: 0;
    border-bottom-width: .5px
  }
  .p-slider-side .p-slider-side__list.slick-slide.slick-current {
    font-weight: 700;
    color: #327cb3;
    color: var(--pblue)
  }
  .p-slider-side .p-slider-side__list.slick-slide.slick-current::before {
    color: #327cb3;
    color: var(--pblue);
    transform: translateX(calc(-.75rem / 2))
  }
  .p-slider-img {
    width: 800px;
    height: 280px;
    transition: opacity .3s cubic-bezier(.25,.8,.25,1);
    transition: opacity var(--ease)
  }
  .p-slider-img:hover {
    opacity: .5!important
  }
}
.p-slider-main,
.p-slider-side {
  display: none
}
.p-slider-main.slick-initialized,
.p-slider-side.slick-initialized {
  display: block
}
.p-slider-img {
  border-radius: .2rem
}
@media screen and (max-width:484px) {
  .p-slider-img {
    width: calc((300 / 320) * 414px);
    height: calc((300 / 320) * 150px);
    position: absolute;
    transform: translateX(-50%);
    left: 50%
  }
}
@media screen and (min-width:485px) {
  .p-slider-arrow {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1rem;
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving);
    border-radius: 4px;
    background: 0 0
  }
  .p-slider-arrow:hover {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-slider-arrow::before {
    color: #327cb3;
    color: var(--pblue);
    line-height: calc(1rem - 2px);
    font-size: 1rem;
    font-family: fontello;
    font-family: var(--iconfont)
  }
  .p-slider-arrow--prev {
    top: -1rem
  }
  .p-slider-arrow--prev::before {
    content: '\f3d8';
    content: var(--ion-arrow-up)
  }
  .p-slider-arrow--next::before {
    content: '\f3d0';
    content: var(--ion-arrow-down)
  }
}
.p-slider-count {
  line-height: calc(1rem - 2px);
  vertical-align: baseline;
  position: absolute;
  display: flex;
  right: 0;
  font-weight: 400;
  color: #2b3033;
  color: var(--pblack)
}
.p-slider-count__num {
  display: inline-block;
  margin: 0 calc(.75rem / 4)
}
.p-slider-count__num:first-child {
  color: #327cb3;
  color: var(--pblue);
  font-weight: 700
}
.p-slider-dots {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 50%;
  height: calc(.75rem / 2);
  margin: 0 auto
}
.p-slider-dots > li {
  height: calc(.75rem / 2)
}
.p-slider-dots > li > button {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: calc(.75rem / 2);
  height: calc(.75rem / 2);
  border-radius: 100%;
  background: #f2f2f2;
  background: var(--pgray);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-slider-dots > li.slick-active > button {
  background: #327cb3;
  background: var(--pblue)
}
.visualBuyFlow,
.visualSellFlow {
  height: 300px;
  margin-bottom: 20px
}
.visualBuyFlow h2,
.visualSellFlow h2 {
  font-size: 1.4rem;
  font-weight: 700;
  background: #327cb3;
  background: var(--pblue);
  color: #fff;
  z-index: 9999;
  margin-top: 80px
}
.visualBuyFlow h2.checkdog,
.visualSellFlow h2.checkdog {
  position: relative
}
.visualBuyFlow h2.checkdog::before,
.visualSellFlow h2.checkdog::before {
  position: absolute;
  content: "";
  vertical-align: middle;
  background-image: url(../img/checkdog.png);
  background-size: 140px 140px;
  display: inline-block;
  width: 140px;
  height: 140px;
  top: -75px
}
.visualBuyFlow h2.ribbon,
.visualSellFlow h2.ribbon {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
  font-size: 18px
}
.visualBuyFlow h2.ribbon::after,
.visualSellFlow h2.ribbon::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 1;
  top: 0;
  border-style: solid
}
.visualBuyFlow ul,
.visualSellFlow ul {
  display: flex;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}
.visualBuyFlow ul li,
.visualSellFlow ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 171px;
  padding-top: 10px;
  background-color: #f2f2f2;
  background-color: var(--pgray);
  font-size: 1rem;
  text-align: center;
  position: relative;
  padding-left: 5%
}
.visualBuyFlow ul li p,
.visualSellFlow ul li p {
  margin-bottom: 0
}
.visualBuyFlow ul li span,
.visualSellFlow ul li span {
  font-size: 1.4rem;
  font-weight: 700
}
.visualBuyFlow ul li span:last-of-type::before,
.visualSellFlow ul li span:last-of-type::before {
  content: "\f277";
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: 3rem;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 5px
}
.visualBuyFlow ul li span.acountTagIcon::before,
.visualSellFlow ul li span.acountTagIcon::before {
  content: '\e806';
  content: var(--fllo-user)
}
.visualBuyFlow ul li span.laptopPCIcon,
.visualSellFlow ul li span.laptopPCIcon {
  position: relative
}
.visualBuyFlow ul li span.laptopPCIcon::before,
.visualSellFlow ul li span.laptopPCIcon::before {
  content: '\e805';
  content: var(--fllo-laptop)
}
.visualBuyFlow ul li span.trackIcon::before,
.visualSellFlow ul li span.trackIcon::before {
  content: '\e803';
  content: var(--fllo-truck)
}
.visualBuyFlow ul li span.documentIcon,
.visualSellFlow ul li span.documentIcon {
  position: relative
}
.visualBuyFlow ul li span.documentIcon::before,
.visualSellFlow ul li span.documentIcon::before {
  content: '\e805';
  content: var(--fllo-laptop)
}
.visualBuyFlow ul li span.documentIcon::after,
.visualSellFlow ul li span.documentIcon::after {
  position: absolute;
  content: "査定\A結果";
  border-radius: 20px;
  line-height: 1.2;
  font-size: .75rem;
  font-weight: 400;
  white-space: pre;
  width: 40px;
  height: 40px;
  padding-top: calc(.8rem / 2);
  text-align: center;
  background-color: #327cb3;
  background-color: var(--pblue);
  color: #fff
}
.visualBuyFlow ul li span.moneyIcon::before,
.visualSellFlow ul li span.moneyIcon::before {
  content: '\e804';
  content: var(--fllo-money)
}
.visualBuyFlow ul li::before,
.visualSellFlow ul li::before {
  content: "";
  position: absolute;
  top: 0;
  right: -55px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 85.5px 0 85.5px 50px;
  border-color: transparent transparent transparent #fff;
  z-index: 99
}
.visualBuyFlow ul li::after,
.visualSellFlow ul li::after {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 85.5px 0 85.5px 50px;
  border-color: transparent transparent transparent #f2f2f2;
  border-color: transparent transparent transparent var(--pgray);
  z-index: 99
}
.visualSellFlow h2.checkdog::before {
  right: -80px
}
.visualSellFlow h2.ribbon {
  padding-right: 80px;
  padding-left: 40px;
  margin-left: 100px
}
.visualSellFlow h2.ribbon::after {
  left: 0;
  border-width: 24px 0 24px 15px;
  border-color: transparent transparent transparent #fff
}
.visualSellFlow ul li {
  width: 20%
}
.visualSellFlow ul li:first-of-type {
  width: 19%;
  padding-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.visualSellFlow ul li:last-of-type {
  width: 21%;
  padding-left: 3%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.visualSellFlow ul li:last-of-type::after,
.visualSellFlow ul li:last-of-type::before {
  content: none
}
.visualSellFlow ul li span.laptopPCIcon::after {
  position: absolute;
  content: "見積\A確認";
  border-radius: 20px;
  line-height: 1.2;
  font-size: .75rem;
  font-weight: 400;
  white-space: pre;
  width: 40px;
  height: 40px;
  padding-top: calc(.8rem / 2);
  text-align: center;
  background-color: #327cb3;
  background-color: var(--pblue);
  color: #fff
}
.visualBuyFlow h2.checkdog::before {
  left: -40px
}
.visualBuyFlow h2.ribbon {
  padding-right: 30px;
  padding-left: 80px;
  margin-left: 100px
}
.visualBuyFlow h2.ribbon::after {
  right: 0;
  border-width: 24px 15px 24px 0;
  border-color: transparent #fff transparent transparent
}
.visualBuyFlow ul li {
  width: 25%
}
.visualBuyFlow ul li:first-of-type {
  width: 24%;
  padding-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.visualBuyFlow ul li:last-of-type {
  width: 26%;
  padding-left: 3%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.visualBuyFlow ul li:last-of-type::after,
.visualBuyFlow ul li:last-of-type::before {
  content: none
}
.error {
  margin-bottom: 20px;
  padding: 18px;
  border: 2px solid #d12319;
  border: 2px solid var(--pred);
  background: #f2f2f2;
  background: var(--pgray);
  color: #d12319;
  color: var(--pred);
  font-weight: 700;
  border-radius: 4px
}
.error li {
  list-style-type: square;
  margin-left: 2em
}
.error--small {
  border: 1px solid #d12319;
  border: 1px solid var(--pred);
  padding: .5rem .75rem
}
.error_title {
  display: inline-block;
  margin-bottom: 5px
}
.p-not_found__message {
  font-size: 1rem
}
.p-not_found__btn {
  margin-top: 1rem;
  display: flex;
  justify-content: center
}
.p-shipDate {
  display: flex;
  width: 100%;
  justify-content: center
}
@media screen and (max-width:484px) {
  .p-shipDate {
    flex-direction: column
  }
}
.p-shipDate__title {
  display: flex;
  align-items: center;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-shipDate__title {
    width: 30%;
    height: 4rem;
    padding: 0 10px
  }
}
@media screen and (max-width:484px) {
  .p-shipDate__title {
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
}
.p-shipDate__data {
  display: flex;
  align-items: center;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  flex-grow: 1
}
@media screen and (min-width:485px) {
  .p-shipDate__data {
    padding: 0 10px
  }
  .p-sell-list__head {
    background: #7c7c7c;
    background: var(--pgrayd)
  }
}
@media screen and (max-width:484px) {
  .p-shipDate__data {
    justify-content: center;
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
}
.p-shipDate__input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: calc(.75rem / 4)
}
.p-assessmentDate {
  font-weight: 700
}
.p-assessmentDate--attention {
  margin-left: 1rem;
  color: #d12319;
  color: var(--pred);
  font-weight: 400
}
.p-sell-list {
  width: 100%;
  margin-bottom: 1rem
}
@media screen and (min-width:485px) {
  .p-sell-list-head-row__data {
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    padding: calc(.75rem / 4) 0
  }
  .p-sell-list-body-row__data {
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
  .p-sell-list-body-row__data--classification {
    text-align: center
  }
  .p-sell-list-body-row__data--name {
    font-weight: 700;
    width: 20%
  }
}
@media screen and (max-width:484px) {
  .p-sell-list__head {
    display: none
  }
  .p-sell-list-body-row {
    display: grid;
    padding: calc(.75rem / 2) calc(.75rem / 4);
    grid-template: "name    name    name   name    price" -webkit-max-content "class1  class2  maker  maker   maker" 1.5rem ".       .       sum    sum     sum" 1.5rem "prop    prop    prop   action  action" 3rem/1.5rem 1.5rem calc(45% - (1.5rem * 2)) calc(55% - 6rem) 6rem;
    grid-template: "name    name    name   name    price" max-content "class1  class2  maker  maker   maker" 1.5rem ".       .       sum    sum     sum" 1.5rem "prop    prop    prop   action  action" 3rem/1.5rem 1.5rem calc(45% - (1.5rem * 2)) calc(55% - 6rem) 6rem;
    grid-row-gap: calc(.75rem / 4);
    align-items: center;
    border-radius: 4px;
    position: relative;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    margin: calc(.75rem / 2) 0
  }
  .p-sell-list-body-row__data--classification {
    grid-area: class1;
    align-self: center;
    justify-self: center
  }
  .p-sell-list-body-row__data--classification:nth-of-type(2) {
    grid-area: class2
  }
  .p-sell-list-body-row__data--name {
    font-size: .75rem;
    font-weight: 700;
    grid-area: name
  }
  .p-sell-list-body-row__data--mname {
    display: none
  }
}
@media screen and (max-width:484px) {
  .p-sell-list-body-row__data--price {
    grid-area: price;
    text-align: right
  }
  .p-sell-list-body-row__data--price::before {
    content: attr(data-label) ":";
    vertical-align: baseline;
    font-size: calc(.75rem * .8)
  }
  .p-sell-list-body-row__data--packSum {
    grid-area: sum
  }
  .p-sell-list-body-row__data--packSum::before {
    content: attr(data-label) ":";
    vertical-align: baseline;
    font-size: calc(.75rem * .8)
  }
}
@media screen and (min-width:485px) {
  .p-sell-list-body-row__data--mname {
    font-size: .65rem;
    width: 15%
  }
  .p-sell-list-body-row__data--price {
    text-align: right;
    font-weight: 700
  }
  .p-sell-list-body-row__data--packSum {
    text-align: center
  }
  .p-sell-list-body-row__data--packForm {
    text-align: center
  }
  .p-sell-list-body-row__data--GS-1 {
    text-align: center;
    font-size: .6rem
  }
  .p-sell-list-body-row__data--propriety {
    text-align: center
  }
  .p-sell-list-body-row--even .p-sell-list-body-row__data {
    border: 1px solid #fff
  }
}
@media screen and (max-width:484px) {
  .p-sell-list-body-row__data--packForm {
    display: none
  }
  .p-sell-list-body-row__data--maker {
    grid-area: maker
  }
  .p-sell-list-body-row__data--maker::before {
    content: attr(data-label) ":";
    vertical-align: baseline;
    font-size: calc(.75rem * .8)
  }
  .p-sell-list-body-row__data--GS-1 {
    display: none
  }
  .p-sell-list-body-row__data--propriety {
    grid-area: prop
  }
  .p-sell-list-body-row__data--propriety::before {
    content: attr(data-label) ":";
    vertical-align: baseline;
    font-size: calc(.75rem * .8)
  }
  .p-sell-list-body-row__data--detail {
    width: 10rem;
    grid-area: action;
    justify-self: end
  }
}
.p-sell-list-body-row--even {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-sell-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.p-sell-status.is-passable {
  color: #327cb3;
  color: var(--pblue)
}
.p-sell-status.is-impassable {
  color: #d12319;
  color: var(--pred)
}
.p-sell-status__type {
  color: inherit
}
.p-sell-pack_sum {
  vertical-align: baseline
}
.p-sell-pack_sum--total {
  color: #d12319;
  color: var(--pred);
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-sell-list-body-row--odd {
    background: #fff
  }
  .p-sell-list-body-row--odd .p-sell-list-body-row__data {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
  .p-sell-pack_sum {
    display: block
  }
  .p-sellTopSection {
    margin: 3rem 0
  }
  .p-sellableOrNot {
    margin: 3rem 0;
    font-size: .875rem
  }
  .p-sellTopLists {
    margin: 3rem 0
  }
  .p-sellableImg {
    background-image: url(../img/visualSellable.png);
    background-size: auto calc(379px * .5);
    height: calc(379px * .5);
    width: calc(1500px * .125)
  }
}
.p-sellTopOmakase__text {
  margin-bottom: 1rem;
  font-size: .875rem
}
@media screen and (min-width:485px) {
  .p-sellableImg--tablet {
    background-position: 0 0
  }
  .p-sellableImg--powders {
    background-position: calc(1500px * .125 * -1) 0
  }
  .p-sellableImg--insti {
    background-position: calc(1500px * .125 * -2) 0
  }
  .p-sellableImg--ointment {
    background-position: calc(1500px * .125 * -3) 0
  }
  .p-sellNotImg {
    background-image: url(../img/visualSellNot.png);
    background-size: auto calc(379px * .5);
    height: calc(379px * .5);
    width: calc(1500px * .125)
  }
  .p-sellNotImg--regulation {
    background-position: 0 0
  }
  .p-sellNotImg--injection {
    background-position: calc(1500px * .125 * -1) 0
  }
  .p-sellNotImg--temperature {
    background-position: calc(1500px * .125 * -2) 0
  }
  .p-sellNotImg--bulk {
    background-position: calc(1500px * .125 * -3) 0
  }
  .p-sellableOrNotDog {
    position: relative;
    flex-grow: 2;
    background-image: url(../img/signdog_brank.png);
    background-size: auto calc(379px * .5);
    background-repeat: no-repeat;
    background-position: 50%;
    height: calc(379px * .5);
    width: calc(1500px * .125);
    z-index: 99
  }
  .p-sellableOrNotDog::before {
    position: absolute;
    color: #327cb3;
    color: var(--pblue);
    font-size: 2.5rem;
    font-weight: 700;
    top: 25px;
    right: 25px;
    transform: rotate(1.5deg)
  }
  .p-sellableOrNotDog--ok::before {
    content: "OK!"
  }
  .p-sellableOrNotDog--ng::before {
    content: "NG!"
  }
}
.p-sellableCondition__item {
  font-weight: 700
}
@media screen and (max-width:484px) {
  .p-sellableCondition {
    display: flex;
    flex-direction: column
  }
  .p-sellableCondition__item:nth-of-type(n)::before {
    color: #2b3033;
    color: var(--pblack);
    content: '\00b7';
    content: var(--middledot)
  }
  .p-sellNotCovered {
    height: 205px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .p-sellNotCovered__list {
    width: calc(50% - 1px);
    height: 40px;
    background: #f2f2f2;
    background: var(--pgray);
    margin: 0 0 1px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center
  }
  .p-sellNotCovered__list:nth-of-type(n)::before {
    content: none
  }
  .p-sellFlow {
    display: none
  }
}
@media screen and (min-width:485px) {
  .p-sellFlow {
    font-size: .875rem;
    margin: 3rem 0
  }
  .p-visualSellableOrNot__items {
    display: flex;
    justify-content: space-around;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray);
    padding: 10px 0 20px;
    position: relative;
    z-index: 2;
    color: #327cb3;
    color: var(--pblue);
    font-size: .875rem
  }
  .p-visualSellableOrNot__items::before {
    font-family: fontello;
    font-family: var(--iconfont);
    font-size: 10rem;
    font-weight: 400;
    position: absolute;
    top: calc(50% - 8rem);
    left: -3rem;
    color: #f2f2f2;
    color: var(--pgray)
  }
  .p-visualSellableOrNot__items--sellable::before {
    content: "\f3fe"
  }
  .p-visualSellableOrNot__items--sellNot::before {
    content: "\f405"
  }
  .p-visualSellableOrNot__items li {
    display: flex;
    flex-direction: column;
    align-items: center
  }
  .p-sellTable {
    width: 100%
  }
  .p-sellTable__head tr {
    background: #7c7c7c;
    background: var(--pgrayd);
    color: #fff
  }
  .p-sellTable__head th {
    text-align: center;
    border: 1px solid #fff
  }
  .p-sellTable__body .even {
    background: #fff
  }
  .p-sellTable__body .even td {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
  .p-sellTable__body .odd {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sellTable__body .odd td {
    border: 1px solid #fff
  }
  .p-sellTable__body td {
    padding: .5rem 0
  }
  .p-sellTable__body td.name {
    padding: 0 .5rem;
    font-weight: 700
  }
  .p-sellTable__body td.mname {
    padding: 0 .5rem;
    font-size: .65rem
  }
  .p-sellTable__body td.price {
    text-align: right;
    font-weight: 700
  }
  .p-sellTable__body td.packSum {
    text-align: center
  }
  .p-sellTable__body td.packForm {
    text-align: center
  }
  .p-sellTable__body td.GS-1 {
    text-align: center;
    font-size: .6rem
  }
  .p-sellTable__body td.maker {
    padding: 0 .5rem
  }
  .p-sellTable__body td.propriety {
    text-align: center
  }
  .p-sellTable__body td.propriety span.ok {
    color: #327cb3;
    color: var(--pblue)
  }
  .p-sellTable__body td.propriety span.ok::before {
    display: block;
    content: "OK"
  }
  .p-sellTable__body td.propriety span.ng {
    color: #d12319;
    color: var(--pred)
  }
  .p-sellTable__body td.propriety span.ng::before {
    display: block;
    content: "NG"
  }
  .p-sellStepTable {
    width: 100%
  }
  .p-sellStepTable__head {
    background: #7c7c7c;
    background: var(--pgrayd);
    color: #fff
  }
  .p-sellStepTable__head th {
    border: 1px solid #fff;
    text-align: center;
    font-weight: 400
  }
  .p-sellStepTable__body {
    border-bottom: 3px solid #d3d3d3;
    border-bottom: 3px solid var(--pgrayds)
  }
  .p-sellStepTable__body td {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray);
    text-align: center;
    padding: 0 .375rem
  }
  .p-sellStepTable__body td.GS-1,
  .p-sellStepTable__body td.firstgoOrLater,
  .p-sellStepTable__body td.inOrEx,
  .p-sellStepTable__body td.maker,
  .p-sellStepTable__body td.marketer,
  .p-sellStepTable__body td.number,
  .p-sellStepTable__body td.packForm,
  .p-sellStepTable__body td.packSum {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff
  }
  .p-sellStepTable__body td.number {
    width: 2.5%
  }
  .p-sellStepTable__body td.name {
    width: 40%;
    font-weight: 700;
    font-size: .875rem;
    text-align: left
  }
  .p-sellStepTable__body td.GS-1 {
    text-align: left
  }
  .p-sellStepTable__body td.sellSum .num {
    width: 4rem
  }
  .p-sellStepTable__body td.maker {
    width: 20%;
    font-weight: 700;
    text-align: left
  }
  .p-sellStepTable__body td.marketer {
    font-weight: 700;
    text-align: left
  }
  .p-sellStepTable__body td.packForm {
    width: 15%
  }
  .p-sellStepTable__body td.state {
    text-align: left
  }
  .p-sellStepTable__body td.state label {
    margin-left: .75rem;
    display: block
  }
  .p-sellStepTable__body td.tempPrice {
    text-align: right;
    font-weight: 700;
    color: #d12319;
    color: var(--pred)
  }
  .p-sellStepTable__body td.productNum {
    width: 10.625rem
  }
  .p-radio {
    display: none
  }
  .p-radio + span {
    font-size: .875rem
  }
  .p-radio + span::before {
    font-family: fontello;
    font-family: var(--iconfont);
    content: '\f3a6';
    content: var(--ion-android-radio-button-off);
    margin-right: .375rem;
    color: #2b3033;
    color: var(--pblack);
    transition: .3s cubic-bezier(.25,.8,.25,1);
    transition: var(--moving)
  }
  .p-radio:checked + span {
    color: #327cb3;
    color: var(--pblue)
  }
  .p-radio:checked + span::before {
    content: '\f3a7';
    content: var(--ion-android-radio-button-on);
    color: #327cb3;
    color: var(--pblue)
  }
  .p-purchase::before {
    display: block
  }
  .p-purchase--ok {
    color: #327cb3;
    color: var(--pblue)
  }
  .p-purchase--ok::before {
    content: "OK"
  }
  .p-purchase--ng {
    color: #d12319;
    color: var(--pred)
  }
  .p-purchase--ng::before {
    content: "NG"
  }
  .tableSellHistory {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #fff
  }
  .tableSellHistory th {
    padding: 10px;
    font-size: 10px;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    background: #d3d3d3;
    background: var(--pgrayds);
    text-align: center;
    line-height: 1.2
  }
  .tableSellHistory th.sortable:hover {
    background: #7c7c7c;
    background: var(--pgrayd)
  }
  .tableSellHistory th span {
    display: inline-block;
    padding: 8px 0
  }
  .tableSellHistory th > a {
    display: block;
    padding: 8px 5px;
    color: #fff;
    overflow: hidden;
    *zoom: 1
  }
  .tableSellHistory th > a .th {
    display: block;
    float: left;
    text-decoration: none
  }
  .tableSellHistory th > a .sort {
    display: block;
    float: right
  }
  .tableSellHistory td {
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    padding: 5px 10px
  }
  .tableSellHistory td.formalPrice,
  .tableSellHistory td.tempPrice {
    text-align: right
  }
  .tableSellHistory td.formalPrice span,
  .tableSellHistory td.tempPrice span {
    color: #d12319;
    color: var(--pred)
  }
  .tableSellHistory td.period {
    text-align: center;
    color: #d12319;
    color: var(--pred)
  }
  .tableSellHistory td.omakase,
  .tableSellHistory td.status {
    text-align: center
  }
  .tableSellHistory td.omakase span,
  .tableSellHistory td.status span {
    color: #d12319;
    color: var(--pred)
  }
  .tableSellHistory td.detail {
    padding: 0 4px 2px 8px;
    width: 64px
  }
}
@media screen and (max-width:484px) {
  .p-visualSellableOrNot {
    display: none
  }
  .p-sellTopWrap {
    display: none
  }
  .p-sellTable {
    width: 100%
  }
  .p-sellTable__head {
    display: none
  }
  .p-sellTable__body__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: calc(.75rem / 4);
    border-radius: 4px;
    position: relative
  }
  .p-sellTable__body__row--even {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sellTable__body__row--odd {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
  .p-sellTable__body .inOrEx {
    order: 0
  }
  .p-sellTable__body .fastgoOrLater {
    order: 0
  }
  .p-sellTable__body .maker {
    order: 0;
    width: 12rem;
    margin: calc(.75rem / 4) 0 calc(.75rem / 4) calc(.75rem / 2)
  }
  .p-sellTable__body .maker::before {
    content: attr(data-label);
    vertical-align: baseline;
    font-size: calc(.75rem * .8);
    margin-right: calc(.75rem / 4)
  }
  .p-sellTable__body .price {
    order: 1;
    margin-left: auto
  }
  .p-sellTable__body .price::before {
    content: attr(data-label);
    vertical-align: baseline;
    font-size: calc(.75rem * .8);
    margin-right: calc(.75rem / 4)
  }
  .p-sellTable__body .name {
    order: 2;
    margin: calc(.75rem / 2) 0;
    font-size: .75rem;
    font-weight: 700
  }
  .p-sellTable__body .propriety {
    order: 3;
    width: 100%;
    margin: calc(.75rem / 4) 0
  }
  .p-sellTable__body .propriety::before {
    content: attr(data-label);
    vertical-align: baseline;
    font-size: calc(.75rem * .8);
    margin-right: calc(.75rem / 4)
  }
  .p-sellTable__body .packForm {
    order: 3;
    width: 100%;
    margin: calc(.75rem / 4) 0
  }
  .p-sellTable__body .packForm::before {
    content: attr(data-label);
    vertical-align: baseline;
    font-size: calc(.75rem * .8);
    margin-right: calc(.75rem / 4)
  }
  .p-sellTable__body .packSum {
    order: 4;
    width: 100%;
    margin: calc(.75rem / 4) 0
  }
  .p-sellTable__body .mname {
    display: none
  }
  .p-sellTable__body .GS-1 {
    display: none
  }
  .p-sellTable__body .detail {
    right: calc(.75rem / 4);
    bottom: calc(.75rem / 2);
    position: absolute
  }
  .p-sell-history-list__head {
    display: none
  }
}
.p-sell-history-list {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-sell-history-list__head {
    background: #7c7c7c;
    background: var(--pgrayd);
    color: #fff
  }
}
@media screen and (max-width:484px) {
  .p-sell-history-list-row {
    display: flex;
    flex-wrap: wrap;
    margin: calc(.75rem / 2) 0;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
}
.p-sell-history-list-row--odd {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-sell-history-list-row--even {
  background: #fff
}
.p-sell-history-list-row--cancel {
  background: #d3d3d3;
  background: var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-sell-history-list-row__head {
    text-align: center;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    padding: calc(.75rem / 2)
  }
  .p-sell-history-list-row__data {
    padding: calc(.75rem / 2);
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    text-align: center
  }
  .p-sell-history-list-row--cancel .p-sell-history-list-row__data {
    border-color: #fff
  }
}
@media screen and (max-width:484px) {
  .p-sell-history-list-row__data {
    display: flex;
    justify-content: space-between;
    padding: 0 calc(.75rem / 4);
    margin: calc(.75rem / 4) 0
  }
  .p-sell-history-list-row__data::before {
    content: attr(data-label)
  }
  :matches(.p-sell-history-list-row__data--requestDate,.p-sell-history-list-row__data--omakase,.p-sell-history-list-row__data--sellNum,.p-sell-history-list-row__data--tempPrice,.p-sell-history-list-row__data--formalPrice,.p-sell-history-list-row__data--period,.p-sell-history-list-row__data--status) {
    width: 100%
  }
  .p-sell-history-list-row__data--print {
    width: 10rem;
    margin-left: auto
  }
}
.p-sell-history-list-row__data--omakase {
  color: #ff6c00;
  color: var(--porange)
}
.p-sell-history-list-row__data--omakase::before {
  color: #2b3033;
  color: var(--pblack)
}
.p-sell-history-list-row__data--detail::before {
  content: none
}
.p-sell-history-list-row__data--print::before {
  content: none
}
.p-sell-history-detail__top {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0
}
.p-sell-history-detail__table {
  width: 100%;
  border: 1px solid;
  border: 1px solid var(--gray2);
  border-radius: 4px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  margin: .75rem 0 1rem
}
@media screen and (max-width:484px) {
  .p-sell-history-detail__table-caption {
    font-size: 1rem;
    font-weight: 400;
    padding: calc(.75rem / 2) calc(.75rem / 4);
    display: block
  }
}
.p-sell-history-detail__table-head .p-sell-history-detail__table-row {
  background: color-mod(#2b3033 a(21%));
  background: var(--gray3)
}
.p-sell-history-detail__table-body .p-sell-history-detail__table-row:nth-of-type(even) {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1)
}
.p-sell-history-detail__table-body .p-sell-history-detail__table-row.is-return-item {
  filter: opacity(.5)
}
.p-sell-history-detail__cell-data {
  padding: calc(.75rem / 4) calc(.75rem / 2);
  text-align: center
}
.p-sell-history-detail__cell-data--name {
  font-weight: 700;
  text-align: left
}
.p-sell-history-detail__cell-data--tempPrice {
  text-align: right
}
.p-sell-history-detail__cell-data--formalPrice {
  text-align: right
}
.p-sell-history-detail__cell-data--check {
  width: 15rem
}
.p-sell-history-detail__cell-data + .p-sell-history-detail__cell-data,
.p-sell-history-detail__cell-head + .p-sell-history-detail__cell-head {
  border-left: 1px solid;
  border-left: 1px solid var(--gray2)
}
.p-sell-history-detail__table-row + .p-sell-history-detail__table-row .p-sell-history-detail__cell-data,
.p-sell-history-detail__table-row + .p-sell-history-detail__table-row .p-sell-history-detail__cell-head {
  border-top: 1px solid;
  border-top: 1px solid var(--gray2)
}
.p-sell-history-detail__caution {
  display: block;
  color: #d12118;
  color: var(--accent-color);
  text-align: right
}
@media screen and (min-width:485px) {
  .p-sell-history-detail__table-caption::before {
    content: '\f104';
    content: var(--ion-arrow-down-b);
    font-family: fontello;
    font-family: var(--iconfont);
    margin-right: calc(.75rem / 2)
  }
  .p-sell-history-about-list {
    width: 27.5%
  }
}
.p-sell-history-about-list__caption::before {
  content: '\f104';
  content: var(--ion-arrow-down-b);
  font-family: fontello;
  font-family: var(--iconfont);
  margin-right: calc(.75rem / 2)
}
.p-sell-history-about-list-row {
  table-layout: fixed
}
.p-sell-history-about-list-row__head {
  background: #f2f2f2;
  background: var(--pgray);
  text-align: left;
  width: 8rem
}
.p-sell-history-about-list-row__data {
  text-align: right;
  font-weight: 400
}
.p-sell-history-about-list-row__data,
.p-sell-history-about-list-row__head {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  padding: calc(.75rem / 2) calc(.75rem / 4)
}
@media screen and (min-width:485px) {
  .p-sell-history-error {
    width: 70%
  }
}
@media screen and (max-width:484px) {
  .p-sell-history-about-list {
    display: none
  }
  .p-sell-history-error {
    width: 100%
  }
  .p-sell-history-error__caption {
    font-size: 1rem;
    font-weight: 400;
    padding: calc(.75rem / 2);
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    background: #f2f2f2;
    background: var(--pgray);
    display: flex;
    justify-content: space-between;
    align-items: center
  }
  .p-sell-history-error__caption::after {
    font-size: .75rem;
    color: color-mod(#2b3033 a(21%));
    color: var(--gray3);
    line-height: .75rem;
    content: "\958B\304F";
    display: inline-block
  }
  .p-sell-history-error__caption.is-opened {
    border-radius: 4px 4px 0 0;
    border-bottom: none
  }
  .p-sell-history-error__caption.is-opened::after {
    content: "\9589\3058\308B"
  }
  .p-sell-history-error__body {
    display: none
  }
  .p-sell-history-error__body.is-opened {
    display: block
  }
}
.p-sell-history-error-row__head {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  background: #f2f2f2;
  background: var(--pgray)
}
@media screen and (min-width:485px) {
  .p-sell-history-error__caption::before {
    font-family: fontello;
    font-family: var(--iconfont);
    margin-right: calc(.75rem / 2);
    content: '\f104';
    content: var(--ion-arrow-down-b)
  }
  .p-sell-history-error-row__head {
    width: 10rem;
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
  .p-sell-history-error-row__data {
    font-size: .655rem
  }
}
@media screen and (max-width:484px) {
  .p-sell-history-error-row__head {
    padding: calc(.75rem / 4)
  }
  .p-sell-history-error-row__data {
    padding: calc(.75rem / 4)
  }
  .p-sell-history-error-row__data,
  .p-sell-history-error-row__head {
    display: block
  }
}
.p-sell-history-error-row__data,
.p-sell-history-error-row__head {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-sell-history-detail-list {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-sell-history-error-row__data,
  .p-sell-history-error-row__head {
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
  .p-sell-history-detail-list__caption::before {
    content: '\f104';
    content: var(--ion-arrow-down-b);
    font-family: fontello;
    font-family: var(--iconfont);
    margin-right: calc(.75rem / 2)
  }
  .p-sell-history-detail-list__head {
    background: #7c7c7c;
    background: var(--pgrayd);
    color: #fff
  }
}
@media screen and (max-width:484px) {
  .p-sell-history-detail-list__caption {
    font-size: 1rem;
    font-weight: 400;
    padding: calc(.75rem / 2) calc(.75rem / 4);
    display: block
  }
  .p-sell-history-detail-list__head {
    display: none
  }
}
.p-sell-history-detail-head-row__data {
  border: 1px solid #fff;
  padding: calc(.375rem / 2);
  text-align: center
}
.p-sell-history-detail-head-row__data--adminID {
  width: 5rem
}
.p-sell-history-detail-head-row__data--state {
  width: 4rem
}
.p-sell-history-detail-head-row__data--tempPrice {
  width: 9rem
}
.p-sell-history-detail-head-row__data--formalPrice {
  width: 9rem
}
@media screen and (max-width:484px) {
  .p-sell-history-detail-body-row {
    display: block;
    padding: calc(.75rem / 2) 0;
    margin: calc(.75rem / 2) 0;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
  .p-sell-history-detail-body-row:first-of-type {
    margin-top: 0
  }
  .p-sell-history-detail-body-row:last-of-type {
    margin-bottom: 0
  }
}
@media screen and (min-width:485px) {
  .p-sell-history-detail-body-row__data {
    text-align: center;
    padding: .75rem calc(.375rem / 2)
  }
  .p-sell-history-detail-body-row:nth-of-type(even) .p-sell-history-detail-body-row__data {
    border: 1px solid #fff
  }
}
@media screen and (max-width:484px) {
  .p-sell-history-detail-body-row__data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 calc(.75rem / 4);
    margin: calc(.75rem / 4) 0
  }
  .p-sell-history-detail-body-row__data::before {
    font-weight: 400;
    content: attr(data-label)
  }
}
.p-sell-history-detail-body-row__data--name {
  text-align: left;
  font-weight: 700
}
.p-sell-history-detail-body-row__data--formalPrice,
.p-sell-history-detail-body-row__data--tempPrice {
  text-align: right
}
.p-sell-history-detail-body-row:nth-of-type(even) {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-sell-history-detail-body-row:nth-of-type(odd) {
  background: #fff
}
.p-approve-btn::before {
  content: '\e809';
  content: var(--fllo-box)
}
.p-sell-history-approve__caption {
  color: #d12319;
  color: var(--pred)
}
.p-sell-history-approve-list {
  width: 100%;
  margin: 1rem 0
}
.p-sell-history-approve-list-row__head {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-sell-history-approve-list-row__data,
.p-sell-history-approve-list-row__head {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  padding: calc(.75rem / 2) calc(.75rem / 4)
}
.p-omakaseAgree {
  margin-top: 1.5rem
}
.p-omakaseAgree__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
@media screen and (min-width:485px) {
  .p-sell-history-detail-body-row:nth-of-type(odd) .p-sell-history-detail-body-row__data {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
  .p-omakaseAgree__description {
    font-size: .875rem;
    padding-left: .5rem;
    font-weight: 700;
    margin-bottom: .5rem
  }
  .p-omakaseAgree__box {
    padding: 2.5rem 0;
    border: 4px solid #f2f2f2;
    border: 4px var(--pgray) solid
  }
}
@media screen and (max-width:484px) {
  .p-omakaseAgree__description {
    font-weight: 400
  }
  .p-omakaseAgree__box {
    border-radius: 4px;
    border: 2px solid #f2f2f2;
    border: 2px var(--pgray) solid;
    padding: .75rem
  }
}
.p-omakase-checkbox {
  display: block;
  cursor: pointer
}
.p-omakase-checkbox__text {
  font-size: 1rem;
  margin: 1px 0
}
.p-omakase-checkbox__text::before {
  width: 1rem;
  height: 1rem;
  border-color: #2b3033;
  border-color: var(--pblack)
}
.p-omakase-checkbox__input:checked + .p-omakase-checkbox__text {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1);
  color: #327cb3;
  color: var(--pblue)
}
.p-omakase-checkbox__input:checked + .p-omakase-checkbox__text::before {
  border-color: transparent;
  background: #327cb3;
  background: var(--pblue)
}
.p-omakase-checkbox__input:checked + .p-omakase-checkbox__text::after {
  width: calc(.75rem / 1.75);
  height: calc(.75rem);
  border-color: #fff
}
.p-omakaseBtn {
  margin-top: .75rem
}
@media screen and (min-width:485px) {
  .p-omakase-checkbox__text {
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
  .p-omakase-checkbox__text:hover {
    background: color-mod(#2b3033 a(7%));
    background: var(--gray1)
  }
  .p-omakaseBtn {
    width: 25rem
  }
  .p-omakaseBtn.is-disabled:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    box-shadow: var(--shadow1)
  }
}
.p-omakaseBtn.is-disabled {
  background: #d3d3d3;
  background: var(--pgrayds);
  color: #2b3033;
  color: var(--pblack);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  box-shadow: var(--shadow1)
}
.p-omakaseBox {
  margin: .75rem 0
}
.p-omakaseBox__head {
  color: #ff6c00;
  color: var(--porange)
}
@media screen and (min-width:485px) {
  .p-omakaseBox__head {
    font-weight: 700
  }
}
@media screen and (max-width:484px) {
  .p-omakaseBtn {
    width: 100%
  }
  .p-omakaseBox {
    padding: calc(.75rem / 2);
    border: 2px solid #f2f2f2;
    border: 2px solid var(--pgray);
    font-size: .875rem
  }
  .p-omakaseBox {
    border-radius: 4px;
    border: 2px solid #f2f2f2;
    border: 2px solid var(--pgray)
  }
  .p-omakaseBox__head {
    font-weight: 400
  }
}
.p-omakaseBox__body {
  text-indent: calc(-.75rem - calc(.75rem / 2))
}
.p-omakaseBox__body::before {
  content: '\f373';
  content: var(--ion-checkbox-outline);
  font-family: fontello;
  font-family: var(--iconfont);
  margin-right: calc(.75rem / 2)
}
@media screen and (min-width:485px) {
  .p-omakaseBox__body {
    padding: .75rem 0 0 2rem
  }
  .p-omakaseSection {
    margin: 3rem 0
  }
  .p-omakaseCaution {
    font-size: .875rem
  }
}
@media screen and (max-width:484px) {
  .p-omakaseBox__body {
    padding: .75rem 0 0 1.25rem
  }
  .p-omakaseSection {
    margin: 1.5rem 0
  }
  .p-omakaseSection--flow,
  .p-omakaseSection--propriety {
    display: none
  }
}
.p-omakaseStep {
  font-size: .875rem
}
.p-omakaseStep__list {
  display: flex;
  align-content: stretch;
  margin-bottom: 1rem;
  position: relative
}
.p-omakaseStep__list::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 24px 0;
  border-color: #327cb3 transparent transparent;
  border-color: var(--pblue) transparent transparent transparent;
  left: 1rem;
  bottom: -1rem
}
.p-omakaseStep__list:last-of-type::after {
  content: none
}
.p-omakaseStep__num {
  display: flex;
  width: 5rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  background: var(--pgray)
}
.p-omakaseStep__text {
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding-left: .75rem;
  border: 1px solid #f2f2f2;
  border: 1px solid var(--pgray)
}
.p-omakaseTableTwoColumn {
  font-size: .875rem
}
.p-omakaseTableTwoColumn th {
  width: 10rem;
  text-align: center
}
.p-omakaseTable {
  width: 100%;
  font-size: .875rem
}
.p-omakaseTable__head {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff
}
.p-omakaseTable__head th {
  padding: calc(.75rem / 2);
  text-align: center;
  font-weight: 400;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-omakaseTable__body td {
  text-align: center;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  padding: calc(.75rem / 2)
}
.p-omakaseTable__body tr:nth-of-type(odd) {
  background: #f2f2f2;
  background: var(--pgray)
}
@media screen and (max-width:484px) {
  .p-omakaseCaution {
    font-size: .75rem
  }
}
.p-omakaseCaution__head {
  border-radius: 4px;
  color: #d12319;
  color: var(--pred);
  font-weight: 700;
  background: #f2f2f2;
  background: var(--pgray)
}
@media screen and (min-width:485px) {
  .p-omakaseCaution__head {
    font-size: 1rem;
    padding: .75rem
  }
  .p-omakaseCaution__body {
    margin-bottom: 2rem
  }
}
@media screen and (max-width:484px) {
  .p-omakaseCaution__head {
    font-size: .875rem;
    padding: calc(.75rem / 2)
  }
}
.p-omakaseCaution__head span {
  margin-left: .75rem;
  font-weight: 400
}
.p-omakaseCaution__body {
  padding: calc(.75rem / 2) 1rem
}
@media screen and (max-width:484px) {
  .p-omakaseCaution__body {
    margin-bottom: 1rem
  }
}
.p-omakaseSum {
  display: flex;
  margin: 1rem auto;
  width: 100%
}
.p-omakaseSum__title {
  width: 30%;
  height: 4rem;
  display: flex;
  align-items: center;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  padding: 0 10px
}
@media screen and (max-width:484px) {
  .p-omakaseSum__title {
    justify-content: center
  }
}
.p-omakaseSum__data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  padding: 0 10px
}
.p-omakaseUserDataTable {
  margin: .75rem 0
}
@media screen and (min-width:485px) {
  .p-omakaseUserDataTable__caption {
    font-size: 1rem;
    font-weight: 400;
    margin: calc(.75rem / 2) 0
  }
  .p-sellAddressLists__list {
    font-size: 1rem;
    font-weight: 700
  }
}
@media screen and (max-width:484px) {
  .p-omakaseSum__data {
    align-items: center
  }
  .p-omakaseUserDataTable__caption {
    font-size: 1rem;
    margin: calc(.75rem / 2) 0;
    background: #f2f2f2;
    background: var(--pgray);
    color: #327cb3;
    color: var(--pblue);
    border-radius: 4px;
    display: flex;
    padding: 0 .75rem;
    align-items: center;
    height: 4rem
  }
  .p-omakaseUserDataTable__body {
    display: none
  }
}
.p-sellAddressLists {
  margin: 1rem 0
}
.p-sellAddressLists__list {
  list-style: none;
  display: flex
}
.p-sellAddressLists__list + .p-sellAddressLists__list {
  margin-top: calc(.75rem / 2)
}
@media screen and (max-width:484px) {
  .p-sellAddressLists__list {
    font-weight: 400;
    display: flex;
    flex-direction: column
  }
}
.p-sell-step-button-area {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  flex-direction: column;
  align-items: center
}
.p-sell_step {
  margin: 1rem 0
}
.p-sell_step__point {
  text-align: right
}
.p-sell_step__caption {
  margin: .75rem 0
}
.p-sell_step__table {
  width: 100%;
  margin: .75rem 0 1rem
}
@media screen and (min-width:485px) {
  .p-sell_step__table-head {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sell_step__table-body + .p-sell_step__table-body {
    border-top: 3px solid #d3d3d3;
    border-top: 3px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-sell_step__table-head {
    display: none
  }
  .p-sell_step__table-body {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    padding: calc(.75rem / 4);
    padding-top: 2rem;
    border-radius: 4px;
    position: relative;
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    margin: 1rem 0
  }
  .p-sell_step__table-row {
    display: flex;
    flex-wrap: wrap
  }
  .p-sell_step__cell-data {
    display: inline-flex
  }
}
.p-sell_step__cell-head {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  text-align: center
}
.p-sell_step__cell-data--number {
  text-align: center
}
@media screen and (min-width:485px) {
  .p-sell_step__cell-data {
    border: 1px solid;
    border-color: #d3d3d3;
    border-color: var(--pgrayds);
    padding: calc(.75rem / 4)
  }
  .p-sell_step__cell-data--number {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sell_step__cell-data--state {
    text-align: center
  }
}
@media screen and (max-width:484px) {
  .p-sell_step__cell-data--number {
    position: absolute;
    top: calc(.75rem / 4);
    left: calc(.75rem / 4);
    font-size: 1rem
  }
  .p-sell_step__cell-data--number::before {
    content: attr(data-label) "."
  }
  .p-sell_step__cell-data--state {
    background: #fff;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: calc(.75rem / 4)
  }
  .p-sell_step__cell-data--state::before {
    content: attr(data-label);
    margin-right: auto
  }
}
.p-sell_step__cell-data--name {
  font-size: .875rem;
  font-weight: 700;
  margin: calc(.75rem / 2.5) 0
}
@media screen and (max-width:484px) {
  .p-sell_step__cell-data--sell-sum {
    padding: calc(.75rem / 4);
    background: #fff;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
  }
  .p-sell_step__cell-data--sell-sum::before {
    font-size: .75rem;
    font-weight: 400;
    margin-right: auto;
    content: attr(data-label)
  }
  .p-sell_step__cell-data--period {
    padding: calc(.75rem / 4);
    background: #fff;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
  }
  .p-sell_step__cell-data--period::before {
    font-size: .75rem;
    font-weight: 400;
    margin-right: auto;
    content: attr(data-label)
  }
  .p-sell_step__cell-data--productNum {
    padding: calc(.75rem / 4);
    background: #fff;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
  }
  .p-sell_step__cell-data--productNum::before {
    font-size: .75rem;
    font-weight: 400;
    margin-right: auto;
    content: attr(data-label)
  }
  .p-sell_step__cell-data--tempPrice {
    padding: calc(.75rem / 4);
    width: 100%;
    background: #fff;
    flex-direction: column;
    align-items: flex-end
  }
  .p-sell_step__cell-data--tempPrice::before {
    font-size: .75rem;
    font-weight: 400;
    align-self: flex-start;
    content: attr(data-label)
  }
  .p-sell_step__cell-data--delete {
    position: absolute;
    top: calc(.75rem / 4);
    right: calc(.75rem / 4)
  }
  .p-sell_step__cell-data--GS-1 {
    display: none
  }
}
@media screen and (min-width:485px) {
  .p-sell_step__cell-data--sell-sum {
    text-align: right
  }
  .p-sell_step__cell-data--period {
    text-align: center
  }
  .p-sell_step__cell-data--productNum {
    text-align: center
  }
  .p-sell_step__cell-data--tempPrice {
    text-align: right;
    font-weight: 700
  }
  .p-sell_step__cell-data--GS-1 {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sell_step__cell-data--pack-form {
    background: #f2f2f2;
    background: var(--pgray)
  }
}
.p-sell_step__cell-data--pack-form {
  text-align: center
}
.p-sell_step__cell-data--maker {
  font-weight: 700
}
.p-sell_step__cell-data--pack-sum {
  font-weight: 700;
  font-size: .875rem
}
.p-sell_step__cell-data--marketer {
  font-weight: 700
}
.p-sell-step-list {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-sell_step__cell-data--classification {
    background: #f2f2f2;
    background: var(--pgray);
    text-align: center
  }
  .p-sell_step__cell-data--maker {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sell_step__cell-data--pack-sum {
    text-align: center;
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sell_step__cell-data--marketer {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-sell_step--num {
    display: none
  }
  .p-sell-step-list__body {
    border-bottom: 3px solid #d3d3d3;
    border-bottom: 3px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-sell_step__cell-data--pack-form {
    display: none
  }
  .p-sell_step__cell-data--classification {
    margin-right: calc(.75rem / 2)
  }
  .p-sell_step__cell-data--maker {
    display: none
  }
  .p-sell_step__cell-data--pack-sum::before {
    font-weight: 400;
    content: attr(data-label) ":"
  }
  .p-sell_step__cell-data--marketer {
    font-size: .875rem
  }
  .p-sell_step__cell-data--marketer::before {
    font-weight: 400;
    content: attr(data-label) ":"
  }
  .p-sell_step--num__data {
    font-size: 1rem
  }
  .p-sell_step--num__data::before {
    font-weight: 400;
    content: attr(data-label)
  }
  .p-sell-step-list__head {
    display: none
  }
  .p-sell-step-list__body {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    padding: calc(.75rem / 4);
    padding-top: 2rem;
    border-radius: 4px;
    position: relative;
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    margin: 1rem 0
  }
}
.p-sell-step-list-head-row__data {
  background: #7c7c7c;
  background: var(--pgrayd);
  color: #fff;
  border: 1px solid #fff;
  text-align: center
}
.p-sell-step-list-head-text {
  display: block
}
.p-rakutoku-rate-text {
  display: block;
  margin-top: .75rem;
  font-weight: 400
}
.p-sell-step-list-body-row__data--number {
  text-align: center
}
@media screen and (min-width:485px) {
  .p-sell-step-list-body-row__data {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray);
    padding: calc(.75rem / 4)
  }
  .p-sell-step-list-body-row__data--number {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff
  }
  .p-sell-step-list-body-row__data--state {
    text-align: center
  }
}
@media screen and (max-width:484px) {
  .p-sell-step-list-body-row {
    display: flex;
    flex-wrap: wrap
  }
  .p-sell-step-list-body-row__data {
    display: inline-flex
  }
  .p-sell-step-list-body-row__data--number {
    position: absolute;
    top: calc(.75rem / 4);
    left: calc(.75rem / 4);
    font-size: 1rem
  }
  .p-sell-step-list-body-row__data--number::before {
    content: attr(data-label) "."
  }
  .p-sell-step-list-body-row__data--state {
    background: #fff;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: calc(.75rem / 4)
  }
  .p-sell-step-list-body-row__data--state::before {
    content: attr(data-label);
    margin-right: auto
  }
}
.p-sell-step-list-body-row__data--name {
  font-size: .875rem;
  font-weight: 700;
  margin: calc(.75rem / 2.5) 0
}
@media screen and (max-width:484px) {
  .p-sell-step-list-body-row__data--sell-sum {
    padding: calc(.75rem / 4);
    background: #fff;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
  }
  .p-sell-step-list-body-row__data--sell-sum::before {
    font-size: .75rem;
    font-weight: 400;
    margin-right: auto;
    content: attr(data-label)
  }
  .p-sell-step-list-body-row__data--period {
    padding: calc(.75rem / 4);
    background: #fff;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
  }
  .p-sell-step-list-body-row__data--period::before {
    font-size: .75rem;
    font-weight: 400;
    margin-right: auto;
    content: attr(data-label)
  }
  .p-sell-step-list-body-row__data--productNum {
    padding: calc(.75rem / 4);
    background: #fff;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
  }
  .p-sell-step-list-body-row__data--productNum::before {
    font-size: .75rem;
    font-weight: 400;
    margin-right: auto;
    content: attr(data-label)
  }
  .p-sell-step-list-body-row__data--tempPrice {
    padding: calc(.75rem / 4);
    width: 100%;
    background: #fff;
    flex-direction: column;
    align-items: flex-end
  }
  .p-sell-step-list-body-row__data--tempPrice::before {
    font-size: .75rem;
    font-weight: 400;
    align-self: flex-start;
    content: attr(data-label)
  }
  .p-sell-step-list-body-row__data--delete {
    position: absolute;
    top: calc(.75rem / 4);
    right: calc(.75rem / 4)
  }
  .p-sell-step-list-body-row__data--GS-1 {
    display: none
  }
}
@media screen and (min-width:485px) {
  .p-sell-step-list-body-row__data--sell-sum {
    text-align: right
  }
  .p-sell-step-list-body-row__data--period {
    text-align: center
  }
  .p-sell-step-list-body-row__data--productNum {
    text-align: center
  }
  .p-sell-step-list-body-row__data--tempPrice {
    text-align: right
  }
  .p-sell-step-list-body-row__data--GS-1 {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff
  }
  .p-sell-step-list-body-row__data--pack-form {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff
  }
}
.p-sell-step-list-body-row__data--pack-form {
  text-align: center
}
.p-sell-step-list-body-row__data--maker {
  font-weight: 700
}
.p-sell-step-list-body-row__data--pack-sum {
  font-weight: 700;
  font-size: .875rem
}
.p-sell-step-list-body-row__data--marketer {
  font-weight: 700
}
@media screen and (max-width:484px) {
  .p-sell-step-list-body-row__data--pack-form {
    display: none
  }
  .p-sell-step-list-body-row__data--classification {
    margin-right: calc(.75rem / 2)
  }
  .p-sell-step-list-body-row__data--maker {
    display: none
  }
  .p-sell-step-list-body-row__data--pack-sum::before {
    font-weight: 400;
    content: attr(data-label) ":"
  }
  .p-sell-step-list-body-row__data--marketer {
    font-size: .875rem
  }
  .p-sell-step-list-body-row__data--marketer::before {
    font-weight: 400;
    content: attr(data-label) ":"
  }
  .p-sell-step-list-body-row--num__data {
    font-size: 1rem
  }
  .p-sell-step-list-body-row--num__data::before {
    font-weight: 400;
    content: attr(data-label)
  }
}
.p-sell-step-list-body-text:first-child {
  color: #d12319;
  color: var(--pred)
}
.p-sell-input-area {
  position: relative
}
.p-sell-input-area + .p-sell-input-area {
  margin-left: calc(.75rem / 4)
}
.p-sell-input-area__text {
  position: absolute;
  top: .25rem;
  left: .3rem
}
.p-sell-input-area::after {
  color: #7c7c7c;
  color: var(--pgrayd)
}
@media screen and (min-width:485px) {
  .p-sell-step-list-body-row__data--classification {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff;
    text-align: center
  }
  .p-sell-step-list-body-row__data--maker {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff
  }
  .p-sell-step-list-body-row__data--pack-sum {
    text-align: center;
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff
  }
  .p-sell-step-list-body-row__data--marketer {
    background: #f2f2f2;
    background: var(--pgray);
    border: 1px solid #fff
  }
  .p-sell-step-list-body-row--num {
    display: none
  }
  .p-sell-step-list-body-text {
    display: block
  }
  .p-sell-input-date {
    ime-mode: disabled
  }
  .p-sell-input-date--year {
    width: calc(2.5rem + (.25rem + (.75rem * 1.5)));
    padding-left: calc(.25rem + (.75rem * 1.5))
  }
}
@media screen and (max-width:484px) {
  .p-sell-step-list-body-text {
    display: inline-block
  }
  .p-sell-input-area__text {
    font-size: 1rem
  }
  .p-sell-input-date {
    font-size: 1rem
  }
  .p-sell-input-date--year {
    width: calc((12rem - (.75rem / 4))/ 2);
    padding-left: calc(.25rem + (.75rem * 2))
  }
}
@media screen and (min-width:485px) {
  .p-sell-input-date--day,
  .p-sell-input-date--month {
    width: 2.5rem
  }
}
@media screen and (max-width:484px) {
  .p-sell-input-date--day,
  .p-sell-input-date--month {
    width: calc((12rem - (.75rem / 4))/ 2)
  }
}
@media screen and (min-width:485px) {
  .p-sell-input-sum {
    width: 4.5rem;
    ime-mode: disabled
  }
}
@media screen and (max-width:484px) {
  .p-sell-input-sum {
    width: calc((12rem - (.75rem / 4))/ 2);
    font-size: 1rem
  }
}
@media screen and (min-width:485px) {
  .p-sell-input-productNum {
    width: 10rem;
    ime-mode: disabled
  }
}
.p-sell-input-date,
.p-sell-input-sum {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}
.p-sell-input-date::-webkit-inner-spin-button,
.p-sell-input-date::-webkit-outer-spin-button,
.p-sell-input-sum::-webkit-inner-spin-button,
.p-sell-input-sum::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0
}
.p-sell-select_radio {
  display: block
}
.p-sell-select_radio__text {
  margin: 1px 0
}
@media screen and (max-width:484px) {
  .p-sell-input-productNum {
    width: 12rem;
    font-size: 1rem
  }
  .p-sell-select_radio {
    width: 40%
  }
  .p-buy-list {
    padding: calc(.75rem / 2) calc(.75rem / 4);
    border-radius: 4px
  }
}
.p-buy-list {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-buy-list {
    margin-bottom: 20px
  }
  .p-buy-list__head {
    color: #fff;
    background: #7c7c7c;
    background: var(--pgrayd)
  }
  .p-buy-list__body {
    border-bottom: 3px solid #d3d3d3;
    border-bottom: 3px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-buy-list__head {
    display: none
  }
  .p-buy-list__body {
    display: block;
    margin: 1rem 0;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    border-radius: 4px
  }
  .p-buy-list-body-row {
    display: block
  }
}
@media screen and (min-width:485px) {
  .p-buy-list-head-row__data {
    padding: calc(.75rem / 2);
    text-align: center;
    border: 1px solid #fff
  }
  .p-buy-list-body-row--product {
    background: #fff;
    border-top: 3px solid #d3d3d3;
    border-top: 3px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-buy-list-body-row--product {
    display: grid;
    grid-template: 'name   name   name   fav' -webkit-max-content 'class1 class2 charge fav' 1.25rem/1.25rem 1.25rem 1fr -webkit-max-content;
    grid-template: 'name   name   name   fav' max-content 'class1 class2 charge fav' 1.25rem/1.25rem 1.25rem 1fr max-content;
    grid-row-gap: calc(.75rem / 4);
    grid-column-gap: calc(.75rem / 4);
    align-items: center;
    padding: calc(.75rem / 4) calc(.75rem / 2);
    background: #f2f2f2;
    background: var(--pgray);
    border-radius: 4px
  }
  .p-buy-list-body-row--product > .p-sell-list-body-row__data--classification {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .p-buy-list-body-row--product > .p-sell-list-body-row__data--classification:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
  }
  .p-buy-list-body-row--product > .p-sell-list-body-row__data--name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5
  }
  .p-buy-list-body-row--product__data {
    display: block;
    vertical-align: baseline
  }
}
@media screen and (min-width:485px) {
  .p-buy-list-body-row--product:first-of-type {
    border: none
  }
  .p-buy-list-body-row--product__data {
    padding: calc(.75rem / 4) calc(.75rem / 2);
    text-align: center;
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
  .p-buy-list-body-row--product__data--classification {
    width: 2.5rem
  }
  .p-buy-list-body-row--product__data--maker {
    width: 12.5rem;
    text-align: left
  }
  .p-buy-list-body-row--product__data--name {
    font-size: .875rem
  }
}
.p-buy-list-body-row--product__data--name {
  font-weight: 700;
  text-align: left
}
@media screen and (max-width:484px) {
  .p-buy-list-body-row--product__data--classification {
    grid-area: class1
  }
  .p-buy-list-body-row--product__data--classification:nth-of-type(2) {
    grid-area: class2
  }
  .p-buy-list-body-row--product__data--maker {
    display: none
  }
  .p-buy-list-body-row--product__data--name {
    grid-area: name
  }
  .p-buy-list-body-row--product__data--charge {
    grid-area: charge
  }
  .p-buy-list-body-row--product__data--charge::before {
    content: attr(data-label)
  }
  .p-buy-list-body-row--product__data--fav {
    grid-area: fav
  }
  .p-buy-list-body-row--product__data--same {
    display: none
  }
  .p-buy-list-body-row--lot {
    display: grid;
    grid-template: 3rem repeat(auto-fit,1.25rem)/3rem 1fr -webkit-max-content 3rem;
    grid-template: 3rem repeat(auto-fit,1.25rem)/3rem 1fr max-content 3rem;
    grid-template-areas: 'img disPrice action dropdown' 'marketer marketer marketer marketer' 'open open open open' 'sum sum sum sum' 'period period period period' 'detail detail detail detail';
    grid-column-gap: calc(.75rem / 2);
    align-items: center;
    border-radius: 4px;
    margin: .75rem 0;
    padding: 0 calc(.75rem / 4)
  }
  .p-buy-list-body-row--lot > .p-sell-list-body-row__data--packSum {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
  }
  .p-buy-list-body-row--lot > .p-sell-list-body-row__data--detail {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
  }
  .p-buy-list-body-row--lot__data {
    display: flex;
    vertical-align: baseline;
    font-weight: 400
  }
  .p-buy-list-body-row--lot__data::before {
    font-weight: 400;
    margin-right: auto
  }
  .p-buy-list-body-row--lot__data.is-close {
    display: none
  }
}
@media screen and (min-width:485px) {
  .p-buy-list-body-row--product__data--charge {
    width: 10rem;
    text-align: right
  }
  .p-buy-list-body-row--product__data--fav {
    width: 6rem
  }
  .p-buy-list-body-row--product__data--same {
    width: 10rem
  }
  .p-buy-list-body-row--lot {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-buy-list-body-row--lot__data {
    border: 1px solid #fff;
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
  .p-buy-list-body-row--lot__data--open {
    text-align: center;
    width: 5rem
  }
}
.p-buy-list-body-row--lot__data--thumb {
  text-align: center
}
.p-buy-list-body-row--lot__data--thumb img {
  width: 3rem;
  height: 3rem
}
.p-buy-list-body-row--lot__data--thumb::before {
  content: none;
  clear: both
}
@media screen and (max-width:484px) {
  .p-buy-list-body-row--lot__data--thumb {
    grid-area: img
  }
  .p-buy-list-body-row--lot__data--open {
    border-bottom: 1px solid #d3d3d3;
    border-bottom: 1px solid var(--pgrayds);
    grid-area: open
  }
  .p-buy-list-body-row--lot__data--open::before {
    content: attr(data-label)
  }
  .p-buy-list-body-row--lot__data--sum {
    border-bottom: 1px solid #d3d3d3;
    border-bottom: 1px solid var(--pgrayds);
    grid-area: sum
  }
  .p-buy-list-body-row--lot__data--sum::before {
    content: attr(data-label)
  }
  .p-buy-list-body-row--lot__data--marketer {
    border-bottom: 1px solid #d3d3d3;
    border-bottom: 1px solid var(--pgrayds);
    grid-area: marketer
  }
  .p-buy-list-body-row--lot__data--marketer::before {
    content: attr(data-label)
  }
  .p-buy-list-body-row--lot__data--period {
    border-bottom: 1px solid #d3d3d3;
    border-bottom: 1px solid var(--pgrayds);
    grid-area: period
  }
  .p-buy-list-body-row--lot__data--period::before {
    content: attr(data-label)
  }
  .p-buy-list-body-row--lot__data--discountPrice {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    grid-area: disPrice
  }
  .p-buy-list-body-row--lot__data--discountPrice::before {
    content: none
  }
  .p-buy-list-body-row--lot__data--detail {
    display: none
  }
  .p-buy-list-body-row--lot__data--detail-img {
    grid-area: detail
  }
  .p-buy-list-body-row--lot__data--detail-img::before {
    content: attr(data-label)
  }
  .p-buy-list-body-row--lot__data--action {
    grid-area: action
  }
  .p-buy-list-body-row--lot__data--dropdown {
    grid-area: dropdown
  }
}
@media screen and (min-width:485px) {
  .p-buy-list-body-row--lot__data--sum {
    text-align: center
  }
  .p-buy-list-body-row--lot__data--period {
    text-align: center
  }
  .p-buy-list-body-row--lot__data--discountPrice {
    text-align: right
  }
  .p-buy-list-body-row--lot__data--detail-img {
    display: none
  }
  .p-buy-list-body-row--lot__data--action {
    text-align: center
  }
  .p-buy-list-body-row--lot__data--dropdown {
    display: none
  }
  .p-buy-quantity {
    display: block;
    font-weight: 700
  }
  .p-buy-quantity_details {
    vertical-align: baseline
  }
}
.p-buy-quantity_details {
  display: inline-block
}
.p-buy-quantity_details__unit {
  color: #d12319;
  color: var(--pred)
}
.p-buy-discount {
  display: block;
  color: #d12319;
  color: var(--pred);
  vertical-align: baseline
}
@media screen and (min-width:485px) {
  .p-buy-discount {
    font-weight: 700;
    font-size: .875rem
  }
  .p-buy-price {
    display: block;
    font-weight: 700;
    vertical-align: baseline;
    font-size: .875rem
  }
  .p-buy-price__tax {
    font-size: 9px;
    font-weight: 400
  }
}
@media screen and (max-width:484px) {
  .p-buy-price__tax {
    display: none
  }
}
.p-buy-lot-count {
  display: block
}
.p-buy-lot-overview {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: 0 0;
  font-weight: 400
}
.p-buy-lot-overview::after {
  font-size: 1rem;
  color: #2b3033;
  color: var(--pblack);
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f3d0';
  content: var(--ion-ios-arrow-down);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy-lot-overview.is-rotate {
  box-shadow: none;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-buy-lot-overview.is-rotate::after {
  transform: rotateZ(180deg)
}
.p-buy-btn_pos {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0
}
.p-buy_step__container {
  display: grid;
  grid-template-columns: 1fr 18.25rem;
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  margin-top: 2rem
}
.p-buy_step__section + .p-buy_step__section {
  margin-top: 2rem
}
.p-buy_step__section_header {
  display: flex;
  justify-content: center;
  padding: 2px 0;
  font-size: 1rem;
  font-size: var(--large);
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: .2rem
}
.p-buy_step__section_header > span {
  margin-left: 1rem;
  font-weight: 400
}
.p-buy_step__description {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 1rem
}
.p-buy_step {
  --divide-grid: 224px 128px 112px 80px 80px 112px 24px;
  --secondary-grid: 48px 240px 72px 64px 128px 72px 112px 24px
}
.p-buy_step__item_title {
  display: grid;
  justify-content: space-between;
  font-size: .625rem;
  font-size: var(--XS);
  font-weight: 400;
  line-height: calc(.625rem * 1.3);
  line-height: calc(var(--XS) * 1.3);
  margin-top: 1rem
}
.p-buy_step__item_title--divide {
  grid-template-columns: var(--divide-grid)
}
.p-buy_step__item_title--divide > li:nth-child(n+4) {
  justify-self: end
}
.p-buy_step__item_title--secondary {
  grid-template-columns: var(--secondary-grid)
}
.p-buy_step__item_title--secondary > li:nth-child(n+5) {
  justify-self: end
}
.p-buy_step__list {
  border-color: #d3d3d3;
  border-color: var(--pgrayds);
  border-style: solid;
  border-width: 1px 0
}
.p-buy_step__item {
  display: grid;
  justify-content: space-between;
  padding: calc(1rem / 2) 0;
  position: relative
}
.p-buy_step__item + .p-buy_step__item {
  border-top: 1px solid #d3d3d3;
  border-top: 1px solid var(--pgrayds)
}
.p-buy_step__item--divide {
  grid-template-columns: var(--divide-grid)
}
.p-buy_step__item--secondary {
  grid-template-columns: var(--secondary-grid)
}
.p-buy_step__item_box {
  align-self: center;
  min-height: 2.5rem
}
.p-buy_step__item_box--direction_row {
  flex-direction: row
}
.p-buy_step__item_box--direction_column {
  flex-direction: column
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-37-38-2t-34-2n-2n-2x-38-2t-31-2n-2q-33-3c-1m-2w-2p-37-14-1q-w-2x-31-2v-15]:not(does-not-exist) {
  align-items: center
}
.p-buy_step__item_box:has(>img) {
  align-items: center
}
.p-buy_step__value {
  font-size: .75rem;
  font-size: var(--S);
  font-weight: 700;
  line-height: calc(.75rem * 1.3);
  line-height: calc(var(--S) * 1.3);
  vertical-align: bottom
}
.p-buy_step__value + .p-buy_step__value {
  margin-left: 8px
}
.p-buy_step__value_unit {
  font-size: .625rem;
  font-size: var(--XS);
  font-weight: 400;
  line-height: calc(.625rem * 1.3);
  line-height: calc(var(--XS) * 1.3)
}
.p-buy_step__bottom_message {
  position: absolute;
  font-size: .625rem;
  font-size: var(--XS);
  font-weight: 400;
  line-height: calc(.625rem * 1.3);
  line-height: calc(var(--XS) * 1.3);
  bottom: 2px;
  right: 2px
}
.p-buy_step__name {
  min-height: 3.5rem;
  line-height: 1.25
}
.p-buy_step__item--divide .p-buy_step__item_box:nth-child(n+4),
.p-buy_step__item--secondary .p-buy_step__item_box:nth-child(n+5) {
  text-align: right
}
.p-buy_step__img {
  display: block;
  width: 3rem;
  height: 3rem
}
.p-buy_step__divide_input {
  width: 5rem
}
.p-buy_step__description_list {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 8px
}
.p-buy_step__description_item {
  display: flex;
  font-size: .75rem;
  font-size: var(--S);
  line-height: calc(.75rem * 1.3);
  line-height: calc(var(--S) * 1.3)
}
.p-buy_step__description_term {
  display: flex;
  justify-content: flex-end;
  width: 15rem;
  color: #7c7c7c;
  color: var(--pgrayd)
}
.p-buy_step__description_data {
  margin-left: 1rem;
  font-weight: 700
}
.p-buy_cart_summary {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: 100%;
  padding: 1rem;
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: .2rem
}
.p-buy_cart_summary__description_list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  font-size: .75rem;
  font-size: var(--S);
  line-height: calc(.75rem * 1.3);
  line-height: calc(var(--S) * 1.3)
}
.p-buy_cart_summary__description_item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}
.p-buy_cart_summary__description_data {
  font-weight: 700
}
.p-buy_cart_summary__description_item:last-child {
  font-size: .875rem;
  font-size: var(--M);
  line-height: calc(.875rem * 1.3);
  line-height: calc(var(--M) * 1.3);
  color: #327cb3;
  color: var(--PMK_Primary)
}
.p-buy_cart_summary__description_item:last-child > .p-buy_cart_summary__description_data > span {
  font-size: 1.25rem;
  font-size: var(--XL);
  line-height: calc(1.25rem * 1.3);
  line-height: calc(var(--XL) * 1.3)
}
.p-buy_cart_summary__divider {
  border-top: 2px solid #b3b3b3;
  border-top: 2px solid var(--PMK_Gray_02)
}
.p-buy_cart_summary__note {
  align-self: flex-end;
  font-size: .625rem;
  font-size: var(--XS);
  line-height: calc(.625rem * 1.3);
  line-height: calc(var(--XS) * 1.3)
}
.p-buy_cart_summary__submit_button {
  width: 100%;
  padding: .75rem 0
}
.p-buy_cart_summary__back_link {
  align-self: center;
  color: #333;
  color: var(--PMK_Text);
  font-size: .625rem;
  font-size: var(--XS);
  line-height: calc(.625rem * 1.3);
  line-height: calc(var(--XS) * 1.3)
}
.p-buy_secondary_quantity {
  text-align: end
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-37-2t-2r-33-32-2s-2p-36-3d-2n-35-39-2p-32-38-2x-38-3d-w-37-34-2p-32-1m-2w-2p-37-14-1q-w-1a-2r-19-39-32-2x-38-2n-2x-2r-33-32-15]:not(.does-not-exist):not(does-not-exist) {
  display: inline-flex;
  line-height: .75rem;
  justify-content: flex-end
}
.p-buy_secondary_quantity span:has(>.c-unit_icon) {
  display: inline-flex;
  line-height: .75rem;
  justify-content: flex-end
}
.p-buy_product_img_link {
  display: block;
  width: 48px;
  height: 48px;
  position: relative;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  border-radius: 3px;
  overflow: hidden;
  text-decoration: none
}
.p-buy_product_img_link:hover {
  cursor: pointer;
  opacity: .5
}
.p-buy_product_img_link::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 8px;
  position: absolute;
  bottom: 6px;
  right: 6px
}
.p-buy_product_img_link::after {
  content: '\EAED';
  content: var(--remixicon-zoom-in-line);
  display: block;
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: 1rem;
  font-size: var(--L);
  vertical-align: top;
  color: #333;
  color: var(--PMK_Text);
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  bottom: 1px;
  right: 0;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff
}
.p-buy_product_img_link__img {
  display: block;
  width: 49px;
  height: 49px
}
.p-buyTopLists {
  margin: 3rem 0
}
@media screen and (min-width:485px) {
  .p-buyFlow {
    margin: 3rem 0
  }
  .p-buy_list_item__check_button > input {
    opacity: 0
  }
}
@media screen and (max-width:484px) {
  .p-buyFlow {
    display: none
  }
}
#buy {
  display: none
}
.p-buy {
  display: grid;
  grid-template-columns: 1fr 18.25rem;
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  width: 100%;
  margin: 1rem 0;
  position: relative
}
.p-buy__select {
  display: flex
}
.p-buy__select > select {
  display: flex;
  padding: calc(.75rem / 5) 2rem calc(.75rem / 5) calc(.75rem / 2);
  border-radius: .2rem
}
.p-buy__step__cart_countdown {
  text-align: right
}
.p-buy_cart_col {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 18.25rem;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  right: 0;
  height: calc(100vh - 190px - 36px);
  overflow-y: scroll;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
@media screen and (max-width:484px) {
  .p-buy {
    grid-template-columns: 1fr
  }
  .p-buy_cart_col {
    display: none
  }
  .p-buy_list_item__check_button > input {
    display: none
  }
}
.p-buy_cart_col.is-sticky {
  height: calc(100vh - 130px)
}
.p-buy_cart_col.is-overflow {
  box-shadow: inset 0 -20px 20px -26px #000
}
.p-buy_cart_col::-webkit-scrollbar {
  width: 7px
}
.p-buy_cart_col::-webkit-scrollbar-track-piece:start {
  background: 0 0
}
.p-buy_cart_col::-webkit-scrollbar-track-piece:end {
  background: 0 0
}
.p-buy_cart_col::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.4);
  border-radius: 10rem;
  border: 1px solid #fff
}
.p-buy_cart_col__section + .p-buy_cart_col__section {
  margin-top: 1rem
}
.p-buy_cart_col__banner_img,
.p-buy_cart_col__banner_link {
  display: block;
  width: 100%
}
.p-buy_cart_list__header {
  display: flex;
  padding: 8px;
  padding-right: 0;
  font-weight: 700;
  border-bottom: 1px solid #b3b3b3;
  border-bottom: 1px solid var(--PMK_Gray_02);
  align-items: center;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.p-buy_cart_list__header:hover {
  border-radius: .2rem .2rem 0 0;
  background: #f2f2f2;
  background: var(--PMK_Base);
  cursor: pointer
}
.p-buy_cart_list__header::after {
  margin-left: 1rem;
  content: '▲';
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy_cart_list__count {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: calc(1rem / 2);
  min-width: .875rem;
  min-width: var(--medium);
  height: .875rem;
  height: var(--medium);
  padding: 1px;
  background: #b3b3b3;
  background: var(--PMK_Gray_02);
  border-radius: .2rem;
  font-size: .625rem;
  font-size: var(--tiny);
  color: #fff
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-2r-2p-36-38-2n-30-2x-37-38-2j-33-34-2t-32-2l-1m-2w-2p-37-14-1q-w-1a-34-19-2q-39-3d-2n-2r-2p-36-38-2n-30-2x-37-38-2n-2n-30-2x-37-38-15]:not(.does-not-exist):not(.does-not-exist) {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--PMK_Gray_01)
}
.p-buy_cart_list[open]:has(>.p-buy_cart_list__list) {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--PMK_Gray_01)
}
.p-buy_cart_list[open] > .p-buy_cart_list__header::after {
  margin-left: 1rem;
  transform: rotateX(180deg)
}
.p-buy_cart_list__item + .p-buy_cart_list__item {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--PMK_Gray_01)
}
.p-buy_cart_list__item_name {
  font-weight: 700;
  width: calc(100% - 2rem)
}
.p-buy_cart_list__note {
  order: 3;
  margin-left: auto
}
.p-buy_cart_list__list {
  display: flex;
  flex-direction: column;
  row-gap: calc(.75rem / 4)
}
.p-buy_cart_list__remove_button {
  width: (20% - calc(.75rem / 4))
}
.p-buy_cart_list__input_sheet_quantity {
  width: 2rem
}
.p-buy_cart_list__text {
  margin-top: 8px
}
.p-buy_divide_cart_item {
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(.75rem / 5);
  padding: 1rem 0;
  align-items: center;
  --gap: calc(1rem - calc(0.75rem / 5))
}
.p-buy_divide_cart_item__quantity {
  display: flex;
  align-items: center;
  margin: var(--gap) 0
}
.p-buy_divide_cart_item__quantity_value {
  margin-left: .5rem;
  font-weight: 700
}
.p-buy_divide_cart_item__unit_amount {
  margin: var(--gap) 0 var(--gap) 1rem
}
.p-buy_divide_cart_item__unit_amount_value {
  margin-left: .5rem;
  font-weight: 700
}
.p-buy_divide_cart_item__operator_text {
  align-self: center;
  margin: 0 .25rem;
  line-height: .75rem
}
.p-buy_divide_cart_item__input_sheet_quantity {
  width: 6rem
}
.p-buy_divide_cart_item__unit_icon::before {
  line-height: 1rem
}
.p-buy_divide_cart_item__full_width {
  width: 100%
}
.p-buy_divide_cart_item__half_width {
  width: 50%
}
.p-buy_secondary_cart_item {
  display: flex;
  flex-wrap: wrap;
  row-gap: calc(.75rem / 5);
  padding: 1rem 0
}
.p-buy_secondary_cart_item__box {
  display: flex;
  width: 100%;
  -moz-column-gap: calc(1rem / 2);
  column-gap: calc(1rem / 2);
  line-height: .875rem;
  line-height: var(--medium)
}
.p-buy_secondary_cart_item__box--divider {
  margin-top: 1rem
}
.p-buy_list__select_label {
  position: relative;
  display: flex
}
.p-buy_list__select_label::after {
  position: absolute;
  top: 50%;
  right: .75rem;
  display: block;
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: 1rem;
  line-height: 1;
  color: #2b3033;
  color: var(--pblack);
  content: '\f3d0';
  content: var(--ion-arrow-down);
  transform: translateY(-50%)
}
.p-buy_list__select {
  padding: calc(.75rem / 5) 2rem calc(.75rem / 5) .75rem;
  border-radius: .2rem
}
.p-buy_list__item + .p-buy_list__item {
  margin-top: 48px
}
.p-buy_list__pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 32px auto 0
}
.p-buy_list_item__header {
  display: flex;
  padding: 16px;
  flex-direction: column;
  row-gap: 12px;
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: .2rem
}
.p-buy_list_item__name {
  font-size: 1.25rem;
  font-size: var(--XL);
  line-height: calc(1.25rem * 1.3);
  line-height: calc(var(--XL) * 1.3);
  font-weight: 700
}
.p-buy_list_item__wrapper {
  display: flex
}
.p-buy_list_item__description_list {
  display: flex;
  margin-right: .625rem;
  margin-right: var(--tiny)
}
.p-buy_list_item__description_item {
  display: flex
}
.p-buy_list_item__description_item + .p-buy_list_item__description_item {
  margin-left: .625rem;
  margin-left: var(--tiny)
}
.p-buy_list_item__description_term::after {
  margin: 0 calc(.625rem / 2);
  margin: 0 calc(var(--tiny)/ 2);
  content: ':'
}
.p-buy_list_item__description {
  display: flex;
  padding: calc(1rem / 2);
  margin-bottom: calc(1rem / 2);
  font-size: .875rem;
  font-size: var(--medium);
  font-weight: 700;
  border-bottom: 2px solid #7c7c7c;
  border-bottom: 2px solid var(--pgrayd);
  list-style-type: none
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2s-2t-37-2r-36-2x-34-38-2x-33-32-1m-2w-2p-37-14-17-w-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2w-2t-2p-2s-2n-38-2t-3c-38-19-19-37-2t-2r-33-32-2s-2p-36-3d-15]:not(.does-not-exist) {
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.p-buy_list_item__description:has(+.p-buy_list_item__head_text--secondary) {
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2s-2t-37-2r-36-2x-34-38-2x-33-32-1m-2w-2p-37-14-17-w-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2w-2t-2p-2s-2n-38-2t-3c-38-19-19-37-2t-2r-33-32-2s-2p-36-3d-15-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(.does-not-exist) {
  border-radius: .2rem .2rem 0 0;
  background: #f2f2f2;
  background: #f2f2f2;
  background: var(--pgray);
  cursor: pointer
}
.p-buy_list_item__description:has(+.p-buy_list_item__head_text--secondary):hover {
  border-radius: .2rem .2rem 0 0;
  background: #f2f2f2;
  background: var(--pgray);
  cursor: pointer
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2s-2t-37-2r-36-2x-34-38-2x-33-32-1m-2w-2p-37-14-17-w-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2w-2t-2p-2s-2n-38-2t-3c-38-19-19-37-2t-2r-33-32-2s-2p-36-3d-15]:not(.does-not-exist)::after {
  margin-left: 1rem;
  content: '▲';
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy_list_item__description:has(+.p-buy_list_item__head_text--secondary)::after {
  margin-left: 1rem;
  content: '▲';
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy_list_item__head_text {
  display: grid;
  font-size: .625rem;
  font-size: var(--tiny)
}
.p-buy_list_item__head_text--divide {
  grid-template-columns: var(--divide-grid);
  -moz-column-gap: calc(1rem / 4);
  column-gap: calc(1rem / 4)
}
.p-buy_list_item__head_text--secondary {
  grid-template-columns: var(--secondary-grid);
  -moz-column-gap: calc(1rem / 2);
  column-gap: calc(1rem / 2)
}
.p-buy_list_item__head_text > li:nth-child(n+4) {
  justify-self: end
}
.p-buy_list_item__section {
  margin-top: 1rem
}
.p-buy_list_item__section_header {
  display: block flex;
  padding: 8px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  background: #fff;
  border-bottom: 1px solid #b3b3b3;
  border-bottom: 1px solid var(--PMK_Gray_02);
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
  z-index: 1
}
.p-buy_list_item__section_title {
  font-size: .875rem;
  font-size: var(--M);
  font-weight: 700;
  line-height: calc(.875rem * 1.3);
  line-height: calc(var(--M) * 1.3)
}
.p-buy_list_item__section_middle {
  font-size: .75rem;
  font-size: var(--S);
  line-height: calc(.75rem * 1.3);
  line-height: calc(var(--S) * 1.3);
  flex: 2;
  visibility: hidden;
  opacity: 0;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy_list_item__section_header.is-sticky > .p-buy_list_item__section_middle {
  visibility: visible;
  opacity: 1
}
.p-buy_list_item__section_right {
  font-size: .75rem;
  font-size: var(--S);
  line-height: calc(.75rem * 1.3);
  line-height: calc(var(--S) * 1.3)
}
.p-buy_list_item__check_button {
  display: flex;
  font-size: .75rem;
  font-size: var(--S);
  line-height: calc(.75rem * 1.3);
  line-height: calc(var(--S) * 1.3);
  font-weight: 700;
  align-items: center;
  padding: calc(1rem / 4) calc(1rem / 4) calc(1rem / 4) 0;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  position: relative;
  cursor: pointer
}
.p-buy_list_item__check_button + .p-buy_list_item__check_button {
  margin-left: 1rem
}
.p-buy_list_item__check_button::before {
  display: block;
  width: 14px;
  height: 12px;
  border-radius: .2rem;
  line-height: 14px;
  font-size: .875rem;
  font-size: var(--medium);
  font-family: fontello;
  font-family: var(--iconfont);
  color: grey;
  content: '\f0bf';
  content: var(--pmk-checkbox-blank);
  background: #fff;
  margin-right: calc(1rem / 4)
}
.p-buy_list_item__check_button > span {
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  cursor: pointer
}
.p-buy_list_item__check_button:hover > span {
  opacity: .5
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2r-2w-2t-2r-2z-2n-2q-39-38-38-33-32-1m-2w-2p-37-14-1q-w-2x-32-34-39-38-1m-2u-33-2r-39-37-15]:not(.does-not-exist):not(does-not-exist)::before {
  color: #2b3033;
  color: #2b3033;
  color: var(--pblack);
  background: #f2f2f2;
  background: #f2f2f2;
  background: var(--pgray)
}
.p-buy_list_item__check_button:has(>input:focus)::before {
  color: #2b3033;
  color: var(--pblack);
  background: #f2f2f2;
  background: var(--pgray)
}
.js-has-pseudo [csstools-has-1a-34-19-2q-39-3d-2n-30-2x-37-38-2n-2x-38-2t-31-2n-2n-2r-2w-2t-2r-2z-2n-2q-39-38-38-33-32-1m-2w-2p-37-14-1q-w-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(.does-not-exist):not(does-not-exist)::before {
  font-family: fontello;
  font-family: fontello;
  font-family: var(--iconfont);
  font-weight: 400;
  color: #327cb3;
  color: #327cb3;
  color: var(--pblue);
  content: '\f0be';
  content: '\f0be';
  content: var(--pmk-checkbox-checked)
}
.p-buy_list_item__check_button:has(>input:checked)::before {
  font-family: fontello;
  font-family: var(--iconfont);
  font-weight: 400;
  color: #327cb3;
  color: var(--pblue);
  content: '\f0be';
  content: var(--pmk-checkbox-checked)
}
.p-buy_list_item__check_button > input {
  position: absolute;
  z-index: -1
}
.p-buy_list_item__segment_header {
  font-size: .625rem;
  font-size: var(--XS);
  color: #b3b3b3;
  color: var(--PMK_Gray_02);
  font-weight: 400
}
.p-buy_list_item__text {
  font-size: .75rem;
  font-size: var(--S);
  font-weight: 400;
  line-height: calc(.75rem * 1.3);
  line-height: calc(var(--S) * 1.3);
  margin-top: 8px
}
.p-buy_divide {
  display: block grid;
  grid-template-columns: 144px 144px 80px 80px 176px 144px;
  padding: 4px 0;
  justify-content: space-between;
  align-items: center;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e6e6e6;
  border-color: var(--PMK_Gray_01)
}
.p-buy_divide__box {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  white-space: nowrap;
  height: 48px
}
.p-buy_divide__box:nth-child(n+4) {
  text-align: right
}
.p-buy_divide__box:last-child {
  justify-content: center
}
.p-buy_divide__value {
  width: 100%;
  font-size: .875rem;
  font-size: var(--M);
  font-weight: 700;
  line-height: calc(.875rem * 1.3);
  line-height: calc(var(--M) * 1.3);
  vertical-align: bottom
}
.p-buy_divide__value + .p-buy_divide__value {
  margin-left: 8px
}
.p-buy_divide__value_unit {
  font-size: .625rem;
  font-size: var(--XS);
  font-weight: 400;
  line-height: calc(.625rem * 1.3);
  line-height: calc(var(--XS) * 1.3)
}
.p-buy_divide__discounted_price_label {
  min-width: 144px
}
.p-buy_divide__input-sheet_quantity {
  width: 5rem
}
.p-buy_divide__quantity {
  display: flex;
  gap: calc(.75rem / 4);
  align-items: center
}
.p-buy_divide__unit_amount::after {
  content: attr(data-suffix)
}
.p-buy_divide__button {
  width: 144px;
  height: 40px
}
.p-buy_secondary_list__close_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}
.p-buy_secondary_item {
  display: block grid;
  grid-template-columns: 48px 132px 48px 128px 80px 176px 144px;
  padding: 8px 0;
  justify-content: space-between;
  align-items: center
}
.p-buy_secondary_item__box {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  white-space: nowrap;
  height: 48px
}
.p-buy_secondary_item__box:nth-child(n+6) {
  text-align: right
}
.p-buy_secondary_item__box:last-child {
  justify-content: center
}
.p-buy_secondary_item + .p-buy_secondary_item {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--PMK_Gray_01)
}
.p-buy_secondary_item:first-child {
  border-top: 1px solid #e6e6e6;
  border-top: 1px solid var(--PMK_Gray_01)
}
.p-buy_secondary_item:last-child {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid var(--PMK_Gray_01)
}
.p-buy_secondary_item__value {
  font-size: .875rem;
  font-size: var(--M);
  font-weight: 700;
  line-height: calc(.875rem * 1.3);
  line-height: calc(var(--M) * 1.3);
  vertical-align: bottom
}
.p-buy_secondary_item__value + .p-buy_secondary_item__value {
  margin-left: 8px
}
.p-buy_secondary_item__value_unit {
  font-size: .625rem;
  font-size: var(--XS);
  font-weight: 400;
  line-height: calc(.625rem * 1.3);
  line-height: calc(var(--XS) * 1.3)
}
.p-buy_secondary_item__button {
  width: 100%;
  height: 40px
}
.p-buy_secondary_item__item_status {
  display: flex;
  width: 100%;
  height: 40px;
  font-weight: 700;
  background: #fff;
  border-style: solid;
  border-width: 3px;
  border-radius: 3px;
  justify-content: center;
  align-items: center
}
.p-buy_secondary_item__item_status--holding_in_cart {
  color: #d12319;
  color: var(--PMK_Accent);
  border-color: #d12319;
  border-color: var(--PMK_Accent)
}
.p-buy_secondary_item__item_status--countdown {
  padding: 0;
  font-weight: 400;
  text-align: center;
  border: none
}
.p-buy_secondary_item__item_status--held_by_other {
  color: #b3b3b3;
  color: var(--PMK_Gray_02);
  border-color: #b3b3b3;
  border-color: var(--PMK_Gray_02)
}
.p-buy_secondary_item__item_status--out_of_stock {
  padding: 0;
  font-weight: 400;
  text-align: center;
  border: none
}
.p-buy-favo_manager {
  display: flex
}
@media screen and (max-width:484px) {
  .p-buy-favo_manager {
    flex-direction: column
  }
  .p-favoSubTitle {
    display: block
  }
}
.p-buy-favo_manager-index-caption {
  display: inline-block
}
@media screen and (min-width:485px) {
  .p-buy-favo_manager__left {
    margin-right: 3rem;
    width: 13.75rem
  }
  .p-buy-favo_manager__right {
    width: calc(100% - 13.75rem)
  }
  .p-favoSubTitle {
    font-weight: 400;
    font-size: 1.125rem;
    margin-left: 7rem
  }
  .p-buy-favo_manager-index-caption {
    margin-bottom: 1rem
  }
  .p-buy-favo_manager-nav-wrap {
    min-height: 475px;
    width: 220px
  }
  .p-buy-favo_manager-nav {
    width: 220px
  }
  .p-buy-favo_manager-nav.is-sticky {
    position: fixed;
    top: 125px
  }
}
@media screen and (max-width:484px) {
  .p-buy-favo_manager-index-caption {
    margin: calc(.75rem / 2) 0
  }
  .p-buy-favo_manager-nav-wrap {
    min-height: 475px
  }
  .p-buy-favo_manager-nav {
    width: 100%
  }
}
@media screen and (min-width:485px) {
  .p-buy-favo_manager-nav__btn:hover {
    background: #d3d3d3;
    background: var(--pgrayds)
  }
}
.p-buy-favo_manager-nav__btn.is-active {
  color: #fff;
  background: #327cb3;
  background: var(--pblue)
}
.p-buy-favo_manager-nav_lists {
  background: 0 0;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy-favo_manager-nav_lists__list {
  margin: 0;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy-favo_manager-nav_lists__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0;
  background: #fff;
  font-size: 1rem;
  padding: 0 .75rem;
  line-height: 0;
  overflow: hidden;
  color: transparent;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving);
  visibility: hidden
}
@media screen and (min-width:485px) {
  .p-buy-favo_manager-nav_lists__item:hover {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-buy-favo_manager-list-pager--top {
    margin-bottom: 1rem
  }
}
.p-buy-favo_manager-nav_lists.is-open {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-buy-favo_manager-nav_lists.is-open .p-buy-favo_manager-nav_lists__list {
  margin: 1px 0;
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy-favo_manager-nav_lists.is-open .p-buy-favo_manager-nav_lists__item {
  visibility: visible;
  line-height: 1.5;
  height: 2rem;
  color: #327cb3;
  color: var(--pblue);
  transition: .3s cubic-bezier(.25,.8,.25,1);
  transition: var(--moving)
}
.p-buy-favo_manager-list-pager {
  display: flex
}
@media screen and (max-width:484px) {
  .p-buy-favo_manager-list-pager {
    flex-direction: column
  }
}
.p-buy-favo_manager-list-pager--top {
  justify-content: space-between
}
@media screen and (max-width:484px) {
  .p-buy-favo_manager-list-pager--top {
    margin: calc(.75rem / 2) 0
  }
  .p-buy-favo_manager-pager {
    margin-left: auto
  }
}
.p-buy-favo_manager-list-pager--bottom {
  justify-content: flex-end;
  margin-top: 1rem
}
.p-buy-favo_manager-pager {
  display: flex
}
.p-buy-favo_manager-pager__list {
  margin-left: .75rem
}
.p-buy-favo_manager-pager__ancher {
  width: 3rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: 3px;
  text-decoration: none
}
.p-buy-favo_manager-pager__ancher.is-current,
.p-buy-favo_manager-pager__ancher:hover {
  background: #327cb3;
  background: var(--pblue);
  color: #fff
}
.p-buy-favo_manager-list {
  width: 100%
}
.p-buy-favo_manager-list-body-row__data--name {
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-buy-favo_manager-list-head-row__head {
    text-align: center;
    background: #7c7c7c;
    background: var(--pgrayd);
    color: #fff;
    border: 1px solid #fff;
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
  .p-buy-favo_manager-list-head-row__head--count {
    width: 2rem
  }
  .p-buy-favo_manager-list-head-row__head--classification {
    width: 2.5rem
  }
  .p-buy-favo_manager-list-head-row__head--charge {
    width: 5rem
  }
  .p-buy-favo_manager-list-head-row__head--fav {
    width: 7.5rem
  }
  .p-buy-favo_manager-list-body-row__data {
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
  .p-buy-favo_manager-list-body-row__data--count {
    text-align: center
  }
  .p-buy-favo_manager-list-body-row__data--classification {
    text-align: center
  }
  .p-buy-favo_manager-list-body-row__data--name {
    font-size: .875rem
  }
  .p-buy-favo_manager-list-body-row__data--charge {
    text-align: right
  }
  .p-buy-favo_manager-list-body-row__data--fav {
    text-align: center
  }
}
@media screen and (max-width:484px) {
  .p-buy-favo_manager-list-head-row__head {
    display: none
  }
  .p-buy-favo_manager-list-body-row {
    display: grid;
    grid-template-rows: 1.25rem 2.5rem;
    grid-template-columns: 1rem 1.25rem 1.25rem 1fr -webkit-max-content;
    grid-template-columns: 1rem 1.25rem 1.25rem 1fr max-content;
    grid-template-areas: "num class1 class2 charge star" "num name name name star";
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    margin: calc(.75rem / 4) 0
  }
  .p-buy-favo_manager-list-body-row > .p-sell-list-body-row__data--classification {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .p-buy-favo_manager-list-body-row > .p-sell-list-body-row__data--classification:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
  }
  .p-buy-favo_manager-list-body-row > .p-sell-list-body-row__data--name {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3
  }
  .p-buy-favo_manager-list-body-row > .p-buy-list-body-row--product__data--classification {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .p-buy-favo_manager-list-body-row > .p-buy-list-body-row--product__data--classification:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
  }
  .p-buy-favo_manager-list-body-row > .p-buy-list-body-row--product__data--name {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3
  }
  .p-buy-favo_manager-list-body-row > .p-buy-list-body-row--product__data--charge {
    -ms-grid-row: 1;
    -ms-grid-column: 4
  }
  .p-buy-favo_manager-list-body-row__data {
    align-self: center
  }
  .p-buy-favo_manager-list-body-row__data--count {
    align-self: center;
    justify-self: center;
    grid-area: num
  }
  .p-buy-favo_manager-list-body-row__data--name {
    grid-area: name
  }
  .p-buy-favo_manager-list-body-row__data--charge {
    justify-self: end;
    grid-area: charge
  }
  .p-buy-favo_manager-list-body-row__data--charge::before {
    content: attr(data-label) ":"
  }
  .p-buy-favo_manager-list-body-row__data--fav {
    grid-area: star
  }
  .p-sell-list-body-row__data--classification {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .p-sell-list-body-row__data--classification:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }
  .p-sell-list-body-row__data--name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4
  }
  .p-sell-list-body-row__data--price {
    -ms-grid-row: 1;
    -ms-grid-column: 5
  }
  .p-sell-list-body-row__data--packSum {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3
  }
  .p-sell-list-body-row__data--maker {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3
  }
  .p-sell-list-body-row__data--propriety {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3
  }
  .p-sell-list-body-row__data--detail {
    -ms-grid-row: 7;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2
  }
  .p-buy-list-body-row--product__data--classification {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .p-buy-list-body-row--product > .p-buy-list-body-row--product__data--classification {
    -ms-grid-row: 3;
    -ms-grid-column: 1
  }
  .p-buy-list-body-row--product__data--classification:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 2
  }
  .p-buy-list-body-row--product > .p-buy-list-body-row--product__data--classification:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
  }
  .p-buy-list-body-row--product__data--name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4
  }
  .p-buy-list-body-row--product > .p-buy-list-body-row--product__data--name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5
  }
  .p-buy-list-body-row--product__data--charge {
    -ms-grid-row: 3;
    -ms-grid-column: 5
  }
  .p-buy-list-body-row--product__data--fav {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 7
  }
  .p-buy-list-body-row--lot__data--thumb {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }
  .p-buy-list-body-row--lot__data--open {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
  }
  .p-buy-list-body-row--lot__data--sum {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3
  }
  .p-buy-list-body-row--lot > .p-buy-list-body-row--lot__data--sum {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
  }
  .p-buy-list-body-row--lot__data--marketer {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
  }
  .p-buy-list-body-row--lot__data--period {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
  }
  .p-buy-list-body-row--lot__data--discountPrice {
    -ms-grid-row: 1;
    -ms-grid-column: 3
  }
  .p-buy-list-body-row--lot__data--detail-img {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7
  }
  .p-buy-list-body-row--lot__data--action {
    -ms-grid-row: 7;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2
  }
  .p-buy-list-body-row--lot > .p-buy-list-body-row--lot__data--action {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
  }
  .p-buy-list-body-row--lot__data--dropdown {
    -ms-grid-row: 1;
    -ms-grid-column: 7
  }
  .p-buy-favo_manager-list-body-row__data--count {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
  }
  .p-buy-favo_manager-list-body-row__data--name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4
  }
  .p-buy-list-body-row--product > .p-buy-favo_manager-list-body-row__data--name {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5
  }
  .p-buy-favo_manager-list-body-row > .p-buy-favo_manager-list-body-row__data--name {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3
  }
  .p-buy-favo_manager-list-body-row__data--charge {
    -ms-grid-row: 3;
    -ms-grid-column: 5
  }
  .p-buy-favo_manager-list-body-row > .p-buy-favo_manager-list-body-row__data--charge {
    -ms-grid-row: 1;
    -ms-grid-column: 4
  }
  .p-buy-favo_manager-list-body-row__data--fav {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5
  }
  .p-buy-payment_select {
    display: block
  }
  .p-buy-payment_select__body {
    display: block
  }
}
.p-buy-favo_manager-list-body-row--even {
  background: #fff
}
.p-buy-favo_manager-list-body-row--odd {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-buy_step__point {
  text-align: right
}
.text_area {
  text-align: right
}
.p-buy-payment_select {
  width: 100%
}
.p-buy-save-card_checkbox {
  width: 100%
}
.p-buy-payment-data-wrap {
  display: flex
}
.p-buy-payment-data-wrap--vertical {
  flex-direction: row
}
.p-buy-payment-data-wrap--horizontal {
  flex-direction: column
}
.p-buy-payment_insert {
  display: inline-block;
  position: relative
}
.p-buy-payment_insert + .p-buy-payment_insert {
  margin-left: calc(.75rem / 4)
}
.p-buy-payment_insert__input {
  width: 100%;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}
.p-buy-payment_insert__input::-webkit-inner-spin-button,
.p-buy-payment_insert__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0
}
@media screen and (min-width:485px) {
  .p-buy-favo_manager-list-body-row--even .p-buy-favo_manager-list-body-row__data {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
  .p-buy-favo_manager-list-body-row--odd .p-buy-favo_manager-list-body-row__data {
    border: 1px solid #fff
  }
  .p-buy-payment_insert__input--year {
    width: calc(2.5rem + (.25rem + (.75rem * 1.5)));
    padding-left: calc(.25rem + (.75rem * 1.5))
  }
}
@media screen and (max-width:484px) {
  .p-buy-payment_insert__input--year {
    width: calc((12rem - (.75rem / 4))/ 2);
    padding-left: calc(.25rem + (.75rem * 2))
  }
}
@media screen and (min-width:485px) {
  .p-buy-payment_insert__input--day,
  .p-buy-payment_insert__input--month {
    width: 2.5rem
  }
}
.p-buy-payment_insert__text {
  position: absolute;
  top: .25rem;
  left: .3rem
}
@media screen and (max-width:484px) {
  .p-buy-payment_insert__input--day,
  .p-buy-payment_insert__input--month {
    width: calc((12rem - (.75rem / 4))/ 2)
  }
  .p-buy-payment_insert__text {
    font-size: 1rem
  }
  .p-buy-payment-body-row__head {
    display: block
  }
}
.p-buy-payment_insert::after {
  color: #7c7c7c;
  color: var(--pgrayd)
}
.p-buy-payment_insert--cc-number {
  width: 12.5rem
}
.p-buy-payment_insert--cc-name {
  width: 12.5rem
}
.p-buy-payment_insert--cc-exp-month {
  min-width: 2.5rem
}
.p-buy-payment_insert--cc-exp-year {
  min-width: 3.5rem
}
.p-buy-payment_insert--cc-csc {
  width: 5rem
}
.p-buy-payment-body-row.is-disabled {
  display: none
}
.p-buy-payment-body-row__head {
  background: #f2f2f2;
  background: var(--pgray);
  padding: calc(.75rem / 4) calc(.75rem / 2);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  font-weight: 700
}
.p-buy-payment-body-row__data {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-buy-payment-body-row__head {
    width: 20%
  }
  .p-buy-payment-body-row__data {
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
}
@media screen and (max-width:484px) {
  .p-buy-payment-body-row__data {
    display: block;
    padding: calc(.75rem / 2) .75rem
  }
}
.p-select-payment_method {
  width: 100%
}
.p-buy-credit_brand {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: .75rem 0
}
.p-buy-credit_brand__img {
  display: block;
  height: 2rem;
  max-width: 3rem
}
.p-buy-credit_brand__img + .p-buy-credit_brand__img {
  margin-left: calc(.75rem / 2)
}
.p-buy-payment_list {
  display: flex
}
.p-buy-payment_list__left {
  flex-grow: 1
}
@media screen and (min-width:485px) {
  .p-buy-payment_list__left {
    margin-right: calc(.75rem / 2)
  }
  .p-buy-payment_list {
    align-items: center;
    justify-content: space-between
  }
}
@media screen and (max-width:484px) {
  .p-buy-payment_list__left {
    margin-bottom: .75rem
  }
  .p-buy-payment_list {
    flex-direction: column
  }
  .p-buy-security_code__input {
    font-size: 1rem
  }
}
.p-buy-security_code {
  display: flex;
  align-items: center
}
.p-buy-security_code__input {
  width: 4rem
}
.p-buy-security_code__text {
  margin-top: .5rem;
  margin-left: calc(.75rem / 4)
}
.p-buy-security_code-img {
  display: block;
  width: 12.5rem
}
.p-buy-ship_date-detail {
  margin-top: calc(.75rem / 2)
}
@media screen and (max-width:484px) {
  .p-insert-credit-expiration {
    font-size: 1rem
  }
  .p-buy-ship_date-detail__date,
  .p-buy-ship_date-detail__time {
    display: block;
    width: 100%;
    height: 2rem;
    margin: calc(.75rem / 2) 0;
    font-size: 1rem
  }
}
.p-paid-banner {
  display: block;
  width: 100%
}
.p-paid-banner__img {
  display: block
}
.supplement {
  margin-top: 1rem
}
.p-buy-user_data {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-buy-user_data {
    margin: 1rem 0
  }
}
@media screen and (max-width:484px) {
  .p-buy-user_data {
    margin: .75rem 0
  }
  .p-buy-user_data__caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f2f2f2;
    background: var(--pgray);
    padding: calc(.75rem / 2);
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
  .p-buy-user_data__caption::after {
    content: "\9589\3058\308B";
    font-family: fontello;
    font-family: var(--iconfont);
    font-size: .75rem;
    line-height: .75rem;
    color: color-mod(#2b3033 a(21%));
    color: var(--gray3)
  }
  .p-buy-user_data__caption.is-close::after {
    content: "\958B\304F"
  }
}
.p-buy-user_data__caption {
  margin: calc(.75rem / 2) 0;
  font-size: 1rem
}
.p-buy-user_data-row {
  width: 100%
}
.p-buy-user_data-row__head {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  background: #f2f2f2;
  background: var(--pgray)
}
@media screen and (min-width:485px) {
  .p-buy-user_data-row__head {
    padding: .75rem;
    width: 40%
  }
}
@media screen and (max-width:484px) {
  .p-buy-user_data__body.is-close {
    display: none
  }
  .p-buy-user_data-row__head {
    display: block;
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
}
.p-buy-user_data-row__data {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-buy-user_data-row__data {
    padding: .75rem
  }
}
@media screen and (max-width:484px) {
  .p-buy-user_data-row__data {
    display: block;
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
}
.p-buy-thankyou {
  background: #f2f2f2;
  background: var(--pgray)
}
@media screen and (min-width:485px) {
  .p-buy-thankyou {
    margin: 1rem 0;
    padding: 2.5rem 6rem
  }
  .p-buy-thankyou-text {
    font-size: 1rem
  }
}
.p-buy-thankyou-text {
  margin: .75rem 0
}
@media screen and (max-width:484px) {
  .p-buy-thankyou {
    padding: calc(.75rem / 2) .75rem;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
  .p-buy-thankyou-text {
    font-weight: 700
  }
  .p-buy-thankyou-coution_lists {
    padding-left: 1.5rem
  }
}
.p-buy-thankyou-coution_lists {
  list-style: disc
}
.p-buy-history-list {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-buy-thankyou-coution_lists {
    padding-left: 1.5rem
  }
  .p-buy-thankyou-coution_lists__list {
    margin: calc(.75rem / 4) 0
  }
  .p-buy-history-list__head {
    background: #7c7c7c;
    background: var(--pgrayd);
    color: #fff
  }
}
.p-buy-history-head-row__head {
  text-align: center;
  border: 1px solid #fff;
  padding: calc(.75rem / 2)
}
@media screen and (max-width:484px) {
  .p-buy-thankyou-coution_lists__list {
    margin: calc(.75rem / 2) 0
  }
  .p-buy-history-list__head {
    display: none
  }
  .p-buy-history-body-row {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    border-radius: 4px;
    margin: calc(.75rem / 2) 0
  }
}
.p-buy-history-body-row--cancel {
  background: #d3d3d3;
  background: var(--pgrayds)
}
.p-buy-history-body-row--even {
  background: #fff
}
.p-buy-history-body-row--odd {
  background: #f2f2f2;
  background: var(--pgray)
}
@media screen and (min-width:485px) {
  .p-buy-history-body-row__data {
    padding: calc(.75rem / 2);
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    text-align: center
  }
  .p-buy-history-body-row--cancel .p-buy-history-body-row__data {
    border-color: #fff
  }
}
@media screen and (max-width:484px) {
  .p-buy-history-body-row__data {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 calc(.75rem / 4);
    margin: calc(.75rem / 4) 0
  }
  .p-buy-history-body-row__data::before {
    content: attr(data-label);
    display: block
  }
  .p-buy-history-body-row__data--detail {
    width: 20%
  }
  .p-buy-history-body-row__data--detail::before {
    content: none
  }
  .p-buy-history-body-row__data--print {
    width: 45%
  }
  .p-buy-history-body-row__data--print2 {
    width: 35%
  }
  .p-buy-history-about-list-row__data {
    display: block
  }
}
.p-buy-history-form {
  width: 100%
}
.p-buy-history-about-list {
  width: 100%;
  margin: 1rem 0
}
.p-buy-history-about-list-row__data {
  padding: calc(.75rem / 2) calc(.75rem / 4)
}
.p-buy-history-about-list-row__data--head {
  background: #7c7c7c;
  background: var(--pgrayd);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  color: #fff
}
@media screen and (min-width:485px) {
  .p-buy-history-about-list-row__data--head {
    width: 10rem
  }
  .p-buy-history-detail-list__head {
    background: #7c7c7c;
    background: var(--pgrayd);
    color: #fff
  }
}
.p-buy-history-about-list-row__data--body {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-buy-history-detail-list {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-buy-history-detail-list__body {
    border-bottom: 3px solid #d3d3d3;
    border-bottom: 3px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-buy-history-detail-list__head {
    display: none
  }
  .p-buy-history-detail-list__body {
    display: block;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    padding: calc(.75rem / 2) 0;
    margin: calc(.75rem / 2) 0;
    border-radius: 4px
  }
  .p-buy-history-detail-body-row {
    display: flex;
    flex-wrap: wrap
  }
}
.p-buy-history-detail-list__body:nth-of-type(even) {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-buy-history-detail-list__body:nth-of-type(odd) {
  background: #fff
}
.p-buy-history-detail-head-row__data {
  border: 1px solid #fff;
  padding: calc(.75rem / 4);
  text-align: center
}
@media screen and (min-width:485px) {
  .p-buy-history-detail-body-row__data {
    text-align: center;
    padding: calc(.75rem / 4);
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-buy-history-detail-body-row__data {
    display: flex;
    justify-content: space-between;
    padding: 0 calc(.75rem / 4);
    align-items: center;
    width: 100%
  }
  .p-buy-history-detail-body-row__data::before {
    content: attr(data-label)
  }
  .p-buy-history-detail-body-row__data--name {
    font-weight: 700;
    margin-bottom: calc(.75rem / 2)
  }
  .p-buy-history-detail-body-row__data--name::before {
    content: none
  }
  .p-item-detail {
    flex-direction: column
  }
}
.p-item-detail {
  margin-bottom: 40px;
  display: flex
}
@media screen and (min-width:485px) {
  .p-item-detail__images {
    width: 37%
  }
}
@media screen and (max-width:484px) {
  .p-item-detail__images {
    width: 100%
  }
}
.p-item-detail__table table {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  width: 100%
}
.p-item-detail__table th {
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-item-detail__table {
    width: 60%;
    margin-left: 3%
  }
  .p-item-detail__table th {
    width: 30%;
    padding: .75rem
  }
}
@media screen and (max-width:484px) {
  .p-item-detail__table {
    width: 100%;
    margin-top: 1rem
  }
  .p-item-detail__table th {
    display: block;
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
}
.p-item-detail__table td {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  vertical-align: baseline
}
.p-item-images {
  display: flex
}
.p-item-images__list {
  width: 22.5%;
  border: 3px solid #f2f2f2;
  border: 3px solid var(--pgray);
  margin-right: 3.3%
}
.p-item-images__list.is-active {
  border: 3px solid #d12319;
  border: 3px solid var(--pred)
}
.p-item-images__list:last-of-type {
  margin-right: 0
}
.p-item-image-main {
  width: 100%;
  padding: 9px;
  margin-bottom: 1rem;
  background: #f2f2f2;
  background: var(--pgray)
}
.p-item-image-sub {
  width: 100%;
  display: block
}
.p-btmArea {
  display: flex;
  justify-content: flex-end
}
.p-btmArea__button {
  width: 10rem
}
.p-favCartArea {
  display: flex;
  justify-content: flex-end;
  align-items: center
}
.p-favCartArea__fav {
  display: flex;
  align-items: center
}
.p-favCartArea__cart {
  width: 144px
}
.p-cartStay {
  color: #fff;
  padding: .75rem 2rem
}
.p-cartStay--on {
  background: #d12319;
  background: var(--pred)
}
.p-cartStay--off {
  background: #327cb3;
  background: var(--pblue)
}
.p-cartStay--soldout {
  color: #2b3033;
  color: var(--pblack);
  background: #f2f2f2;
  background: var(--pgray);
  cursor: default
}
.campaignTopics {
  margin: 1rem 0 2rem
}
.campaignTopics__TopicsContainer {
  display: flex;
  flex-direction: column
}
.campaignTopics__campaignimages {
  display: flex;
  flex-wrap: wrap
}
.campaignTopics__campaignLink {
  display: block
}
@media screen and (min-width:485px) {
  .p-item-detail__table td {
    padding: .75rem
  }
  .campaignTopics__campaignLink + .campaignTopics__campaignLink {
    margin-left: .5rem
  }
  .campaignTopics__cpImg {
    width: 384px;
    height: 160px
  }
}
@media screen and (max-width:484px) {
  .p-item-detail__table td {
    display: block;
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
  .campaignTopics__campaignLink + .campaignTopics__campaignLink {
    margin-top: 0
  }
  .campaignTopics__cpImg {
    width: 100%;
    height: 100%
  }
}
.p-entrance {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem auto
}
@media screen and (min-width:485px) {
  .p-entrance {
    padding: 0 1rem;
    width: 452px
  }
}
@media screen and (max-width:484px) {
  .p-entrance {
    width: 100%
  }
}
.p-entrance__link {
  display: flex;
  flex-direction: column;
  align-items: center
}
.p-entrance__brand {
  margin: 0 auto
}
.p-entrance__link + .p-entrance__brand {
  margin-top: calc(.75rem / 2)
}
.p-entrance__unordered-list {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center
}
.p-entrance__copyright {
  margin: 0 auto
}
.p-entrance__unordered-list + .p-entrance__copyright {
  margin-top: 1rem
}
.p-entrance__footer,
.p-entrance__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.p-login_or_entry {
  width: 100%;
  margin: 1rem 0;
  border: 1px solid;
  border: 1px solid var(--gray2);
  border-radius: .2rem;
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center
}
.p-login_or_entry.is-hidden {
  display: none
}
.p-login_or_entry__title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 1rem
}
.p-login_or_entry__link {
  color: color-mod(#2b3033 a(70%));
  color: var(--gray-secondary);
  margin: 0 0 1rem
}
@media screen and (min-width:485px) {
  .p-login_or_entry__link--contract {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-login_or_entry__link--contract {
    width: 100%
  }
}
@media screen and (min-width:485px) {
  .p-login_or_entry__btn {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-login_or_entry__btn {
    width: 100%
  }
}
.p-login_or_entry__btn + .p-login_or_entry__link {
  margin: 1rem 0 0
}
.p-login_or_entry__link + .p-login_or_entry__title {
  margin: 1rem 0 0
}
.p-login_or_entry__unordered-list {
  margin: 0 0 1rem
}
@media screen and (min-width:485px) {
  .p-login_or_entry__unordered-list {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-login_or_entry__unordered-list {
    width: 100%
  }
}
.p-login_or_entry__unordered-list + .p-login_or_entry__btn {
  margin: 1rem 0 0
}
.p-login_or_entry__unordered-item + .p-login_or_entry__unordered-item {
  margin-top: calc(.75rem)
}
.p-login_or_entry__unordered-label {
  display: block;
  color: color-mod(#2b3033 a(70%));
  color: var(--gray-secondary)
}
.p-login_or_entry__description-item + .p-login_or_entry__description-item {
  margin-top: 1px
}
.p-login_or_entry__description-title {
  color: color-mod(#2b3033 a(70%));
  color: var(--gray-secondary)
}
.p-login_or_entry__description-data.is-close {
  display: none
}
.p-login_or_entry__description-data.is-open {
  display: block
}
.p-login_or_entry__label {
  font-size: 1rem;
  margin-top: 1rem;
  display: inline-block
}
* + .p-login_or_entry__label {
  margin-top: 0
}
.p-login_or_entry__label + .p-login_or_entry__label {
  margin-top: 1px
}
.p-login_or_entry__label--full_width {
  width: 100%
}
.p-login_or_entry__description-data .p-login_or_entry__label:first-child {
  margin-top: 0
}
.p-login_or_entry__input {
  width: 100%
}
.p-login_or_entry__input--large_left_padding {
  padding-left: 1rem
}
.p-login_or_entry__input_prefix {
  position: absolute;
  top: calc(.75rem / 3);
  left: calc(.75rem / 2);
  visibility: hidden
}
.p-login_or_entry__input:not(:-moz-placeholder-shown) ~ .p-login_or_entry__input_prefix {
  visibility: visible
}
.p-login_or_entry__input:focus ~ .p-login_or_entry__input_prefix,
.p-login_or_entry__input:not(:placeholder-shown) ~ .p-login_or_entry__input_prefix {
  visibility: visible
}
.p-login_or_entry__radio-label {
  width: 100%;
  font-size: 1rem;
  display: block;
  margin-top: 1px
}
.p-login_or_entry__checkbox-label {
  width: 100%;
  display: block;
  font-size: 1rem;
  margin-top: 1px
}
.p-login_or_entry__checkbox-text {
  cursor: pointer;
  border: 1px solid transparent
}
.p-login_or_entry__checkbox-text:hover {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1)
}
.p-login_or_entry__checkbox-text::before {
  width: 1rem;
  height: 1rem;
  border-color: color-mod(#2b3033 a(85%));
  border-color: var(--gray-primary)
}
.p-login_or_entry__checkbox-input:focus + .p-login_or_entry__checkbox-text {
  border-color: #327bb3;
  border-color: var(--primary-color)
}
.p-login_or_entry__checkbox-input:checked + .p-login_or_entry__checkbox-text {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1);
  color: #327bb3;
  color: var(--primary-color)
}
.p-login_or_entry__checkbox-input:checked + .p-login_or_entry__checkbox-text:hover {
  background: color-mod(#2b3033 a(14%));
  background: var(--gray2)
}
.p-login_or_entry__checkbox-input:checked + .p-login_or_entry__checkbox-text::before {
  border-color: transparent;
  background: #327bb3;
  background: var(--primary-color)
}
.p-login_or_entry__checkbox-input:checked + .p-login_or_entry__checkbox-text::after {
  width: calc(.75rem / 1.75);
  height: calc(.75rem);
  border-color: #fff
}
.p-login_or_entry__select-label {
  font-size: 1rem
}
.p-login_or_entry__select-list {
  border: 1px solid;
  border: 1px solid var(--gray3)
}
.p-login_or_entry__select-list.is-disabled {
  color: color-mod(#2b3033 a(21%));
  color: var(--gray3)
}
.p-login_or_entry__forgot_password {
  color: var(--primary-color-gray);
  text-decoration: underline;
  cursor: pointer
}
.p-login_or_entry__forgot_password:hover {
  color: #d12118;
  color: var(--accent-color)
}
.p-login_or_entry__forgot_password + .p-login_or_entry__btn {
  margin-top: 1rem
}
.p-login_or_entry__search_zip_btn {
  width: 5rem;
  height: 2rem;
  font-size: 1rem;
  color: color-mod(#2b3033 a(70%));
  color: var(--gray-secondary)
}
.p-login_or_entry__contract {
  min-height: calc(.75rem * 10);
  height: calc(.75rem * 10);
  background: #fff;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: .2rem;
  overflow-y: scroll;
  margin: 0 0 1rem;
  padding: calc(.75rem / 2) calc(.75rem);
  resize: vertical
}
@media screen and (min-width:485px) {
  .p-login_or_entry__contract {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-login_or_entry__contract {
    width: 100%
  }
}
.p-login_or_entry__separate {
  color: color-mod(#2b3033 a(85%));
  color: var(--gray-primary);
  font-weight: 700;
  margin: 1rem 0
}
.p-login_or_entry__primary-text {
  color: color-mod(#2b3033 a(85%));
  color: var(--gray-primary);
  font-size: 1rem;
  margin: 1rem 0 .75rem;
  max-width: 20rem
}
.p-login_or_entry__primary-text--align-left {
  width: 100%
}
.p-login_or_entry__secondary-text {
  color: color-mod(#2b3033 a(70%));
  color: var(--gray-secondary);
  margin: 0 0 1rem
}
@media screen and (min-width:485px) {
  .p-login_or_entry__secondary-text {
    width: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-login_or_entry__secondary-text {
    width: 100%
  }
}
.p-login_or_entry__secondary-text--align-center {
  text-align: center
}
.p-login_or_entry__accent-text {
  color: #d12118;
  color: var(--accent-color);
  font-size: 1rem;
  margin: 1rem 0 .75rem;
  max-width: 20rem
}
.p-login_or_entry__strong-text {
  font-weight: 700
}
.p-login_or_entry__result-text {
  display: block;
  font-size: 1rem;
  padding-left: calc(.75rem / 2);
  color: color-mod(#2b3033 a(85%));
  color: var(--gray-primary)
}
.p-mypage-menu {
  position: relative
}
@media screen and (min-width:485px) {
  .p-login_or_entry__address {
    width: 20rem
  }
  .p-mypage-menu {
    margin: 1rem 0 2rem
  }
}
@media screen and (max-width:484px) {
  .p-login_or_entry__address {
    width: 100%
  }
  .p-mypage-menu {
    margin-top: 2rem
  }
}
.p-mypage-menu__section + .p-mypage-menu__section {
  margin-top: 2rem
}
.p-mypage-menu__title {
  position: relative
}
.p-mypage-menu__title--account::before,
.p-mypage-menu__title--buy::before,
.p-mypage-menu__title--mail::before,
.p-mypage-menu__title--sell::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: "\f277";
  margin-right: calc(.75rem / 2)
}
.p-mypage-menu__title--sell::before {
  content: '\e809';
  content: var(--fllo-box)
}
.p-mypage-menu__title--buy::before {
  content: '\e807';
  content: var(--fllo-cart)
}
.p-mypage-menu__title--mail::before {
  content: '\f0e0';
  content: var(--fllo-mail)
}
.p-mypage-menu__title--account::before {
  content: '\e806';
  content: var(--fllo-user)
}
.p-mypage-menu__btn--new::before {
  content: "NEW";
  background: #d12319;
  background: var(--pred);
  padding: calc(.75rem / 8) calc(.75rem / 4);
  border-radius: 2px
}
.p-mypage-menu__list {
  display: flex
}
.p-mypage-menu__item {
  position: relative
}
@media screen and (min-width:485px) {
  .p-mypage-menu__section {
    width: calc(13rem * 3 + 2rem)
  }
  .p-mypage-menu__title {
    font-size: 1.25rem;
    font-weight: 700
  }
  .p-mypage-menu__btn {
    width: 13rem
  }
  .p-mypage-menu__list {
    flex-flow: row wrap;
    justify-content: space-between
  }
  .p-mypage-menu__list::after {
    content: "";
    display: block;
    width: 13rem
  }
  .p-mypage-menu__item {
    margin-top: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-mypage-menu__title {
    font-size: 1rem;
    font-weight: 700
  }
  .p-mypage-menu__caption {
    margin-bottom: .75rem
  }
  .p-mypage-menu__btn {
    width: 100%
  }
  .p-mypage-menu__list {
    flex-flow: column nowrap
  }
  .p-mypage-menu__item + .p-mypage-menu__item {
    margin-top: 1.25rem
  }
}
.p-mypage-menu__notice {
  position: absolute;
  color: #d12319;
  color: var(--pred);
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
.p-mypage-menu__ad {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 600px
}
.p-mypage-menu__ad__ad-link {
  width: 100%;
  display: block
}
.p-mypage-menu__ad__ad-img {
  width: 100%;
  display: block;
  background: color-mod(#2b3033 a(21%));
  background: var(--gray3)
}
@media screen and (min-width:485px) {
  .p-receipt_favorite__section {
    margin: 2rem 0
  }
  .p-select-receipt_lists__list {
    width: 20rem
  }
}
.p-receipt_favorite-header {
  display: flex;
  align-items: center
}
.p-receipt_favorite-header__img {
  display: block
}
.p-receipt_favorite-header__comment {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #327cb3;
  color: var(--pblue)
}
.p-receipt_favorite-section_header {
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: 4px;
  font-weight: 700;
  padding: calc(.75rem / 4) calc(.75rem / 2);
  margin-bottom: .75rem
}
.p-select-receipt_lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-select-receipt-item__text {
  margin: 1px 0
}
@media screen and (max-width:484px) {
  .p-select-receipt_lists__list {
    width: 100%
  }
  .p-select-receipt-item__input:checked + .p-select-receipt-item__text {
    color: #327cb3;
    color: var(--pblue)
  }
  .p-select-receipt-item {
    width: 100%
  }
  .p-select-receipt-insert__input {
    font-size: 1rem
  }
}
.p-select-receipt-insert {
  display: block;
  width: 20rem
}
.p-select-receipt-insert__input {
  width: 100%
}
.p-receipt_favorite-require {
  display: flex;
  margin: calc(.75rem / 4) 0
}
.p-receipt_favorite-require__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  background: #f2f2f2;
  background: var(--pgray);
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-receipt_favorite-require__data {
  padding: calc(.75rem / 2) .75rem;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-receipt_favorite-require_data_lists {
  margin: calc(.75rem / 4) 0
}
.p-receipt_favorite-require_data_lists__list {
  color: #d12319;
  color: var(--pred)
}
.p-receipt_data-how_to {
  margin: calc(.75rem / 2) 0
}
.p-receipt_data-how_to__description {
  font-weight: 700
}
.p-receipt_data-how_to-lists {
  list-style: disc;
  padding: 0 1.5rem
}
.p-receipt_data-upload {
  margin: .75rem 0;
  display: flex;
  align-items: center;
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  height: 3rem;
  padding: 0 calc(.75rem / 2)
}
.p-uploadBtn {
  background: #327cb3;
  background: var(--pblue);
  color: #fff;
  padding: calc(.75rem / 2) 1rem;
  font-size: 1rem
}
.p-uploadBtn::before {
  font-family: fontello;
  font-family: var(--iconfont);
  font-size: 1.25rem;
  line-height: 1rem;
  content: '\f4ca';
  content: var(--ion-ios-upload-outline)
}
.p-profile-table {
  width: 100%;
  margin: 1rem 0
}
@media screen and (min-width:485px) {
  .p-profile-table {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--pgray)
  }
  .p-profile-table-row__head {
    width: 30%
  }
}
.p-profile-table-row__head {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  background: #f2f2f2;
  background: var(--pgray);
  padding: calc(.75rem / 2) .75rem
}
.p-profile-table-row__data {
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (min-width:485px) {
  .p-profile-table-row__data {
    padding: calc(.75rem / 2) .75rem
  }
}
@media screen and (max-width:484px) {
  .p-profile-table-row__head {
    display: block
  }
  .p-profile-table-row__data {
    display: block;
    padding: calc(.75rem / 2)
  }
  .p-insertbox {
    width: 100%
  }
}
.p-profile-postalbtn {
  color: #2b3033;
  color: var(--pblack);
  height: 1.5rem
}
@media screen and (min-width:485px) {
  .p-profile-postalbtn {
    width: 4rem
  }
  .p-profile-postalbtn:hover {
    color: #2b3033;
    color: var(--pblack)
  }
}
.p-profile-input-area {
  position: relative
}
.p-profile-input-area + .p-profile-input-area {
  margin-left: calc(.75rem / 4)
}
.p-profile-input-area__text {
  position: absolute;
  top: .25rem;
  left: .3rem
}
@media screen and (max-width:484px) {
  .p-profile-postalbtn {
    width: 5rem
  }
  .p-profile-input-area__text {
    font-size: 1rem
  }
}
.p-profile-input-area::after {
  color: #7c7c7c;
  color: var(--pgrayd)
}
.p-profile-input-area__input {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}
.p-profile-input-area__input::-webkit-inner-spin-button,
.p-profile-input-area__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0
}
@media screen and (min-width:485px) {
  .p-profile-input-area__input--year {
    width: calc(2.5rem + (.25rem + (.75rem * 1.5)));
    padding-left: calc(.25rem + (.75rem * 1.5))
  }
}
@media screen and (max-width:484px) {
  .p-profile-input-area__input--year {
    width: calc((12rem - (.75rem / 4))/ 2);
    padding-left: calc(.25rem + (.75rem * 2))
  }
}
@media screen and (min-width:485px) {
  .p-profile-input-area__input--day,
  .p-profile-input-area__input--month {
    width: 2.5rem
  }
  .p-member_point_status {
    -moz-column-gap: 1rem;
    column-gap: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-profile-input-area__input--day,
  .p-profile-input-area__input--month {
    width: calc((12rem - (.75rem / 4))/ 2)
  }
}
.p-profile-data-wrap {
  display: flex
}
.p-profile-data-wrap--vertical {
  flex-direction: row
}
.p-profile-data-wrap--horizontal {
  flex-direction: column
}
.p-profile-insert {
  display: inline-block
}
.p-profile-insert__input {
  width: 100%
}
.p-profile-insert--cc-number {
  width: 12.5rem
}
.p-profile-insert--cc-name {
  width: 12.5rem
}
.p-profile-insert--cc-exp-month {
  width: 2.5rem
}
.p-profile-insert--cc-exp-year {
  width: 3.5rem
}
.p-profile-insert--cc-csc {
  width: 5rem
}
.p-profile-card_count {
  display: flex;
  justify-content: flex-end
}
.p-member_point_status {
  display: flex
}
.p-member_point_status__right {
  display: grid;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  grid-row-gap: calc(1rem / 2);
  row-gap: calc(1rem / 2)
}
@media screen and (min-width:485px) {
  .p-member_point_status > div {
    background: #f2f2f2;
    background: var(--pgray);
    padding: 1rem;
    border-radius: .2rem
  }
  .p-member_point_status__left {
    min-width: 15rem
  }
  .p-member_point_status__right {
    grid-template-columns: 1fr 120px
  }
}
.p-member_point_status__description_list {
  font-size: 1rem;
  grid-column: 1/2;
  grid-row: 1/2
}
.p-member_point_status__description_item + .p-member_point_status__description_item {
  margin-top: calc(1rem / 2)
}
.p-member_point_status__description_data {
  font-weight: 700
}
@media screen and (max-width:484px) {
  .p-member_point_status {
    flex-direction: column;
    padding: 1rem;
    margin-top: .75rem;
    border-radius: .2rem;
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-member_point_status__left {
    position: relative;
    width: 100%;
    margin-bottom: 1rem
  }
  .p-member_point_status__left::after {
    content: '';
    position: absolute;
    display: block;
    width: calc(100%);
    height: 2px;
    background: #2b3033;
    background: var(--pblack);
    bottom: calc(-1rem / 2)
  }
  .p-member_point_status__right {
    grid-template-columns: 1fr 80px
  }
  .p-member_point_status__description_item {
    display: flex
  }
  .p-member_point_status__description_term::after {
    content: ':'
  }
  .p-member_point_status__description_data {
    margin-left: calc(1rem / 2)
  }
}
.p-member_point_status__description_text {
  grid-column: 1/2;
  grid-row: 2/3
}
.p-member_point_status__img {
  display: block;
  grid-column: 2/3;
  grid-row: 1/3
}
@media screen and (min-width:485px) {
  .p-member_point_status__img {
    width: 7.5rem;
    height: 7.5rem;
    align-self: center
  }
  .js-has-pseudo [csstools-has-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-36-33-3b-1m-2w-2p-37-14-1q-w-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-2s-2p-38-2p-15]:not(.does-not-exist) {
    background: #f2f2f2;
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-member_point_history__row:has(>.p-member_point_history__data) {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .js-has-pseudo [csstools-has-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-36-33-3b-1m-2w-2p-37-14-1q-w-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-2s-2p-38-2p-15-1m-32-38-2w-19-33-2u-19-38-3d-34-2t-14-33-2s-2s-15]:not(.does-not-exist):not(.does-not-exist) {
    background: #fff
  }
  .p-member_point_history__row:has(>.p-member_point_history__data):nth-of-type(odd) {
    background: #fff
  }
}
@media screen and (max-width:484px) {
  .p-member_point_status__img {
    width: 5rem;
    height: 5rem
  }
  .p-member_point_history__thead {
    display: none
  }
}
.p-member_point_history {
  margin-top: 2rem
}
.p-member_point_history__section {
  margin-top: calc(1rem / 2)
}
.p-member_point_history__section + .p-member_point_history__section {
  margin-top: 1rem
}
.p-member_point_history__table {
  width: 100%
}
.p-member_point_history__thead {
  background: #d3d3d3;
  background: var(--pgrayds);
  color: #fff
}
@media screen and (max-width:484px) {
  .js-has-pseudo [csstools-has-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-36-33-3b-1m-2w-2p-37-14-1q-w-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-2s-2p-38-2p-15]:not(.does-not-exist) {
    display: flex;
    border-radius: .2rem;
    justify-content: space-between;
    background: #f2f2f2;
    background: #f2f2f2;
    background: var(--pgray);
    -moz-column-gap: calc(1rem / 2);
    column-gap: calc(1rem / 2)
  }
  .p-member_point_history__row:has(>.p-member_point_history__data) {
    display: flex;
    border-radius: .2rem;
    justify-content: space-between;
    background: #f2f2f2;
    background: var(--pgray);
    -moz-column-gap: calc(1rem / 2);
    column-gap: calc(1rem / 2)
  }
  .js-has-pseudo [csstools-has-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-36-33-3b-1m-2w-2p-37-14-1q-w-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-2s-2p-38-2p-15-w-17-w-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-36-33-3b-1m-2w-2p-37-14-1q-w-1a-34-19-31-2t-31-2q-2t-36-2n-34-33-2x-32-38-2n-2w-2x-37-38-33-36-3d-2n-2n-2s-2p-38-2p-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist) {
    margin-top: 1px
  }
  .p-member_point_history__row:has(>.p-member_point_history__data) + .p-member_point_history__row:has(>.p-member_point_history__data) {
    margin-top: 1px
  }
}
.p-member_point_history__head {
  border: 1px solid #f2f2f2;
  border: 1px solid var(--pgray)
}
.p-member_point_history__data {
  padding: calc(1rem / 4)
}
.p-member_point_history__data:nth-of-type(n+3) {
  text-align: right
}
@media screen and (min-width:485px) {
  .p-member_point_history__data {
    text-align: center;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-member_point_history__data {
    display: flex;
    flex-direction: column;
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
  .p-member_point_history__data:nth-of-type(2) {
    margin-right: auto
  }
  .p-member_point_history__data:last-child {
    width: 4rem
  }
  .p-member_point_history__data::before {
    content: attr(data-label);
    font-size: calc(.75rem * .6)
  }
}
.p-viewStatus {
  display: flex
}
.p-viewStatus__point {
  background: #f2f2f2;
  padding: 1rem;
  font-size: 1rem
}
.p-viewStatus__rank {
  display: flex;
  background: #f2f2f2;
  padding: 1rem
}
.p-paidFlow {
  width: 100%;
  font-size: .875rem
}
.p-paidFlow__list {
  padding-bottom: 2rem;
  position: relative
}
.p-paidFlow__list::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 3rem;
  border-style: solid;
  border-width: 15px 30px 0;
  border-color: #7c7c7c transparent transparent;
  border-color: var(--pgrayd) transparent transparent transparent
}
.p-paidFlow__list:last-of-type::before {
  content: none
}
.p-paidFlowItem {
  display: flex
}
.p-paidFlowItem__title {
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.5rem;
  margin-right: .75rem;
  background: #d12319;
  background: var(--pred);
  color: #fff
}
.p-paidFlowItem__title--gray {
  background: #f2f2f2;
  background: var(--pgray);
  color: #2b3033;
  color: var(--pblack)
}
.p-paidFlowItem__data {
  display: flex;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  background: #f2f2f2;
  background: var(--pgray);
  padding: 0 calc(.75rem / 2)
}
#paid .grayH2 {
  font-size: 120%;
  font-weight: 700;
  color: #fff;
  background: #a3b0b9;
  padding: 5px 0 5px 10px;
  border-radius: 4px;
  margin-bottom: 20px;
  text-align: center
}
#paid .flow li {
  overflow: hidden;
  clear: both;
  text-align: left;
  background: url(../img/paidImg4.jpg) 30px bottom no-repeat;
  padding-bottom: 35px;
  margin-bottom: 5px
}
#paid .flow li:last-child {
  background: none;
  padding-bottom: 0
}
#paid .flow dl dd,
#paid .flow dl dt {
  padding: 10px 20px;
  font-size: 120%;
  float: left
}
#paid .flow dl dt {
  background: #c00000;
  color: #fff;
  width: 80px;
  margin-right: 4px
}
#paid .flow dl dt.gray {
  background: #7f7f7f
}
#paid .flow dl dd {
  background: #eaeaea;
  width: 560px
}
#paid .application {
  padding: 20px;
  background: #eaeaea;
  border-radius: 4px;
  overflow: hidden
}
#paid .application .btn {
  margin-bottom: 0
}
#paid .application ul {
  margin-left: 32px
}
#paid .application ul li {
  display: block;
  float: left;
  background: #fff;
  border-radius: 4px;
  padding: 5px 15px;
  margin-right: 10px
}
#paid .application ul li img {
  display: block;
  padding: 32px 0
}
#paid .application ul li p {
  margin-bottom: 0
}
#omakase .imgH1 {
  margin-bottom: 10px
}
#omakase .localNav {
  margin-bottom: 72px;
  overflow: hidden;
  *zoom: 1
}
.p-mailbox-lists-header {
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-mailbox-lists {
    margin: 4rem 0
  }
  .p-mailbox-lists-header {
    font-size: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-mailbox-lists {
    margin: 1rem 0 2rem
  }
  .p-mailbox-lists-header {
    font-size: .75rem
  }
}
.p-mailbox-table {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-mailbox-table {
    margin: 1rem 0
  }
  .p-mailbox-table__body {
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds)
  }
}
@media screen and (max-width:484px) {
  .p-mailbox-table {
    margin: calc(.75rem / 2) 0
  }
  .p-mailbox-table__head {
    display: none
  }
  .p-mailbox-table-row {
    display: grid;
    grid-template: "check label . date" -webkit-max-content "check title title title" -webkit-max-content/-webkit-max-content -webkit-max-content 1fr -webkit-max-content;
    grid-template: "check label . date" max-content "check title title title" max-content/max-content max-content 1fr max-content;
    position: relative;
    padding: calc(.75rem / 4);
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    border: 1px solid var(--pgrayds);
    margin: calc(.75rem / 2) 0
  }
  .p-mailbox-table-row__data {
    display: block
  }
}
.p-mailbox-table-row--even {
  background: #f2f2f2;
  background: var(--pgray)
}
.p-mailbox-table-row--odd {
  background: #fff
}
.p-mailbox-table-row__head {
  color: #fff;
  border: 1px solid #fff;
  padding: calc(.75rem / 2);
  font-size: .625rem;
  text-align: left;
  font-weight: 700;
  background: #7c7c7c;
  background: var(--pgrayd)
}
.p-mailbox-table-row__head--check {
  width: 140px
}
.p-mailbox-table-row__data--title {
  grid-area: title
}
@media screen and (min-width:485px) {
  .p-mailbox-table-row__data {
    padding: calc(.75rem / 2);
    border: 1px #d3d3d3;
    border: 1px var(--pgrayds);
    border-style: dotted solid
  }
  .p-mailbox-table-row__data--check {
    width: 10rem;
    padding: calc((.75rem / 2) + (.75rem / 4)) calc(.75rem / 2)
  }
  .p-mailbox-table-row__data--date {
    text-align: center
  }
  .p-mailLabel {
    height: 1.5rem;
    vertical-align: top
  }
}
@media screen and (max-width:484px) {
  .p-mailbox-table-row__data--check {
    display: contents
  }
  .p-mailbox-table-row__data--date {
    grid-area: date
  }
  .p-mailLabel {
    margin-left: calc(.75rem / 4);
    grid-area: label
  }
}
.p-mailbox-link {
  display: block;
  padding: calc(.75rem / 4) 0
}
.p-mailbox-link.is-readed {
  color: #d3d3d3;
  color: var(--pgrayds)
}
.p-mailbox-checklabel {
  display: inline-block
}
.p-mailLabel {
  border-radius: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 6rem
}
.p-mailLabel--important {
  background: color-mod(#d12319 l(85%));
  background: var(--predsss);
  color: #d12319;
  color: var(--pred)
}
.p-mailLabel--info {
  background: color-mod(#327cb3 l(85%));
  background: var(--pbluesss);
  color: #327cb3;
  color: var(--pblue)
}
.p-mailLabel--campaign {
  background: #fffcbf;
  background: var(--pyellowsss);
  color: #c7b83c;
  color: var(--pyellow)
}
.p-mailbox-checkbox {
  display: inline-block;
  cursor: pointer
}
@media screen and (max-width:484px) {
  .p-mailbox-checkbox {
    grid-area: check;
    justify-self: center;
    align-self: center
  }
  .p-mailbox-table-row__data--title {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3
  }
  .p-mailbox-table-row__data--date {
    -ms-grid-row: 1;
    -ms-grid-column: 4
  }
  .p-mailLabel {
    -ms-grid-row: 1;
    -ms-grid-column: 2
  }
  .p-mailbox-checkbox {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
  }
}
.p-mailbox-checkbox__text {
  margin: 1px 0;
  border: 1px solid transparent
}
.p-mailbox-checkbox__text::before {
  width: 1rem;
  height: 1rem;
  border-color: #2b3033;
  border-color: var(--pblack)
}
.p-mailbox-checkbox__input:checked + .p-mailbox-checkbox__text::before {
  border-color: transparent;
  background: #327cb3;
  background: var(--pblue)
}
.p-mailbox-checkbox__input:checked + .p-mailbox-checkbox__text::after {
  width: calc(.75rem / 1.75);
  height: calc(.75rem);
  border-color: #fff
}
.p-mailbox-checkbox__input:focus + .p-mailbox-checkbox__text {
  border: 1px solid #327cb3;
  border: 1px solid var(--pblue)
}
.p-topics-detail {
  word-wrap: break-word
}
.p-msnw-main-visual {
  display: flex;
  align-items: center;
  justify-content: space-between
}
@media screen and (max-width:484px) {
  .p-msnw-main-visual {
    flex-direction: column;
    margin: 1rem 0
  }
}
.p-msnw-main-visual__comment {
  color: #fff;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  background: #d12319;
  background: var(--pred);
  border-radius: 3rem
}
@media screen and (min-width:485px) {
  .p-mailbox-checkbox__text {
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
  .p-mailbox-checkbox__text:hover {
    background: #f2f2f2;
    background: var(--pgray)
  }
  .p-msnw-main-visual__comment {
    font-size: 1.5rem;
    padding: calc(.75rem / 4) 1rem calc(.75rem / 4) .75rem
  }
  .p-msnw-main-visual__comment::before {
    width: 1.25rem;
    height: 1.25rem
  }
}
.p-msnw-main-visual__comment::before {
  content: "";
  display: inline-block;
  border-radius: 3rem;
  background: #fff;
  margin-right: calc(.75rem / 2)
}
.p-msnw-main-visual__header {
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-msnw-main-visual__header {
    font-size: 3.25rem;
    margin-top: 1.5rem;
    line-height: 3.5rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-main-visual__comment {
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
  .p-msnw-main-visual__comment::before {
    width: .75rem;
    height: .75rem
  }
  .p-msnw-main-visual__header {
    font-size: 1rem;
    margin: 1rem 0
  }
}
.p-msnw-main-visual__header__strong {
  font-weight: 400
}
.p-msnw-main-visual__img {
  overflow: hidden
}
.p-msnw-main-visual__img img {
  width: 100%
}
@media screen and (min-width:485px) {
  .p-msnw-main-visual__header__strong {
    font-size: 2rem
  }
  .p-msnw-main-visual__img {
    width: 30%
  }
  .p-msnw-section {
    margin: 5rem 0
  }
  .p-msnw-section:first-of-type {
    margin-top: 3rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-main-visual__header__strong {
    font-size: .75rem
  }
  .p-msnw-main-visual__img {
    width: 80%
  }
  .p-msnw-section {
    margin: 1rem 0
  }
  .p-msnw-section:first-of-type {
    margin-top: 1rem
  }
}
.p-msnw-section__heading {
  font-weight: 700;
  border-bottom: .2rem solid #2b3033;
  border-bottom: .2rem solid var(--pblack);
  position: relative
}
@media screen and (min-width:485px) {
  .p-msnw-section__heading {
    margin: 3rem 0 1.5rem;
    font-size: 1.5rem;
    padding-left: 1.5rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-section__heading {
    font-size: 1rem;
    margin: 1rem 0 .75rem;
    padding-left: 1rem
  }
}
.p-msnw-section__heading::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f36c';
  content: var(--ion-android-bulb);
  position: absolute;
  left: 0
}
.p-msnw-section__heading--center {
  text-align: center;
  background: #f2f2f2;
  background: var(--pgray);
  color: #327cb3;
  color: var(--pblue);
  border: none;
  border-radius: 4px;
  padding-left: 0
}
@media screen and (min-width:485px) {
  .p-msnw-section__heading--center {
    font-size: 1.2rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-section__heading--center {
    font-size: .75rem
  }
}
.p-msnw-section__heading--center::before {
  content: none
}
@media screen and (min-width:485px) {
  .p-msnw-section__sub-heading {
    font-size: 1rem;
    margin-top: 2rem
  }
  .p-msnw-target-visual__img {
    width: 25%
  }
}
.p-whiteBalloon {
  fill: #fff
}
.p-svgText {
  font-size: 1rem;
  fill: #327cb3;
  fill: var(--pblue)
}
.p-svgText--bold {
  font-weight: 700
}
.p-svgText--large {
  font-size: 1.6rem
}
.p-msnw-target-visual {
  display: flex;
  justify-content: center
}
.p-msnw-target-visual__img {
  border-radius: 4px;
  overflow: hidden;
  align-self: flex-end
}
@media screen and (max-width:484px) {
  .p-msnw-section__sub-heading {
    margin: 1rem 0
  }
  .p-msnw-target-visual {
    flex-direction: column
  }
  .p-msnw-target-visual svg {
    width: 100%;
    height: 100%
  }
  .p-msnw-target-visual__img {
    width: 40%
  }
}
.p-msnw-target-visual__img img {
  width: 100%;
  border-radius: 4px
}
.p-msnw-lead {
  display: flex;
  align-items: center
}
@media screen and (min-width:485px) {
  .p-msnw-lead__img {
    width: 25%;
    margin: 0 2rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-lead {
    flex-direction: column
  }
  .p-msnw-lead__img {
    width: 50%
  }
}
.p-msnw-lead__img img {
  width: 100%;
  display: block
}
@media screen and (min-width:485px) {
  .p-msnw-lead-lists {
    display: flex;
    flex-direction: column
  }
  .p-msnw-lead-lists__list {
    font-size: 1.5rem;
    margin: 1rem 0
  }
  .p-msnw-company {
    padding: 2rem
  }
}
.p-msnw-lead-lists__list__strong {
  color: #d12319;
  color: var(--pred);
  font-weight: 700
}
.p-msnw-lead-lists__list::before {
  font-family: fontello;
  font-family: var(--iconfont);
  font-weight: 700;
  content: '\f374';
  content: var(--ion-checkbox);
  margin-right: calc(.75rem / 4)
}
.p-msnw-company {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
.p-msnw-company__img {
  overflow: hidden
}
@media screen and (min-width:485px) {
  .p-msnw-company__img {
    width: 15%
  }
}
@media screen and (max-width:484px) {
  .p-msnw-lead-lists__list {
    margin: calc(.75rem / 2) 0
  }
  .p-msnw-company {
    flex-direction: column;
    padding: calc(.75rem / 2) calc(.75rem / 4)
  }
  .p-msnw-company__img {
    width: 40%;
    order: 1
  }
}
.p-msnw-company__img img {
  width: 100%
}
.p-msnw-company-detail__list {
  display: flex
}
@media screen and (min-width:485px) {
  .p-msnw-company__img--logo {
    align-self: flex-start;
    width: 25%;
    margin-top: 2rem;
    margin-left: 3rem
  }
  .p-msnw-company-detail {
    margin-left: 3rem
  }
  .p-msnw-company-detail__list {
    font-size: .875rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-company__img--logo {
    order: 0;
    width: 80%
  }
  .p-msnw-company-detail {
    order: 2
  }
  .p-msnw-company-detail__list {
    flex-direction: column
  }
  .p-msnw-company-detail__list__title {
    font-weight: 700;
    margin-top: calc(.75rem / 2)
  }
}
.p-msnw-company-detail__list__title {
  position: relative
}
@media screen and (min-width:485px) {
  .p-msnw-company-detail__list__title {
    width: 5rem;
    margin-right: 1.4rem;
    padding-right: 1rem
  }
  .p-msnw-company-detail__list__title::after {
    position: absolute;
    right: 0;
    content: ":"
  }
}
.p-msnw-service-flow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem
}
@media screen and (max-width:484px) {
  .p-msnw-service-flow {
    display: none
  }
}
.p-msnw-service-flow__item {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
  flex-direction: column
}
@media screen and (-webkit-max-device-pixel-ratio:1.99),
screen and (max-resolution:1.99dppx),
(max-device-pixel-ratio:1.99) {
  .p-msnw-service-flow__item {
    height: 300px
  }
}
.p-msnw-service-flow__item--center {
  margin: 0 1.5rem
}
.p-msnw-service-flow__item--left,
.p-msnw-service-flow__item--right {
  flex-grow: 0;
  width: 20%;
  border: 1px solid #327cb3;
  border: 1px solid var(--pblue);
  padding: 0 1.5rem
}
.p-msnw-service-flow__item--left p,
.p-msnw-service-flow__item--right p {
  top: 5%;
  left: calc(50% - 60px);
  text-align: center;
  width: 120px;
  color: #327cb3;
  color: var(--pblue);
  font-size: 1rem
}
.p-msnw-service-flow__item--right {
  justify-content: flex-end;
  position: relative
}
.p-msnw-service-flow__item--left {
  position: relative
}
.p-msnw-service-flow__item__image {
  width: 80%;
  overflow: hidden
}
.p-msnw-service-flow__item__image:last-of-type {
  margin-bottom: 5px
}
.p-msnw-service-flow__item__image img {
  width: 100%
}
.c-arrow {
  position: relative
}
.c-arrow::after,
.c-arrow::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid
}
.p-msnw-arrow {
  display: flex;
  width: 100%;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem
}
.p-msnw-arrow p {
  text-align: center;
  background-color: #327cb3;
  background-color: var(--pblue)
}
.p-msnw-arrow--bottom p,
.p-msnw-arrow--top p {
  width: 20%;
  margin-right: 20px
}
.p-msnw-arrow--bottom p::before,
.p-msnw-arrow--top p::before {
  top: -5px;
  right: -20px;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #327cb3;
  border-color: transparent transparent transparent var(--pblue)
}
.p-msnw-arrow--bottom p::after,
.p-msnw-arrow--top p::after {
  content: none
}
.p-msnw-arrow--bottom p:nth-of-type(2),
.p-msnw-arrow--top p:nth-of-type(2) {
  margin: 0 1rem;
  color: #327cb3;
  color: var(--pblue);
  width: 40%;
  background: #fff;
  border: 1px solid #327cb3;
  border: 1px solid var(--pblue);
  font-size: .875rem
}
.p-msnw-arrow--middle {
  flex-direction: column;
  margin: 2rem 0
}
.p-msnw-arrow__long {
  width: calc(100% - 40px);
  position: relative
}
.p-msnw-arrow__long::before {
  top: -5px
}
.p-msnw-arrow__long::after {
  width: 20px;
  height: 100%;
  border: none;
  background: #327cb3;
  background: var(--pblue)
}
.p-msnw-arrow__long--right {
  margin-bottom: 1rem
}
.p-msnw-arrow__long--right::before {
  right: -20px;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #327cb3;
  border-color: transparent transparent transparent var(--pblue)
}
.p-msnw-arrow__long--right::after {
  left: -20px
}
.p-msnw-arrow__long--left::before {
  left: -20px;
  border-width: 20px 20px 20px 0;
  border-color: transparent #327cb3 transparent transparent;
  border-color: transparent var(--pblue) transparent transparent
}
.p-msnw-arrow__long--left::after {
  right: -20px
}
.p-msnw-performance {
  display: flex
}
.p-msnw-graph {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative
}
@media screen and (min-width:485px) {
  .p-msnw-graph {
    width: 60%;
    margin-right: 3rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-performance {
    flex-direction: column
  }
  .p-msnw-graph {
    width: 100%
  }
  .p-msnw-graph__bar {
    height: 300px
  }
  .p-msnw-graph__img {
    display: none
  }
}
.p-msnw-graph__text {
  text-align: center;
  position: absolute;
  top: 20%;
  left: 25%;
  font-weight: 400;
  font-size: 1.2rem;
  color: #327cb3;
  color: var(--pblue);
  pointer-events: none
}
.p-msnw-graph__img {
  position: absolute;
  pointer-events: none
}
.p-msnw-geojapan {
  align-self: center
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  body {
    display: block
  }
  .p-msnw-service-flow__item {
    height: 300px
  }
  .p-msnw-geojapan {
    align-self: auto
  }
}
.p-msnw-attention-text {
  margin-top: .5rem
}
.p-msnw-service-steps {
  margin: 1rem 0
}
@media screen and (min-width:485px) {
  .p-msnw-graph__img {
    top: .25%;
    left: 10%;
    width: 750px;
    height: 375px
  }
  .p-msnw-geojapan {
    width: 40%
  }
  .p-msnw-service-steps {
    padding-left: 1rem
  }
}
.p-msnw-service-steps__step {
  display: flex;
  margin: 1rem 0
}
@media screen and (max-width:484px) {
  .p-msnw-geojapan {
    width: 100%
  }
  .p-msnw-service-steps__step {
    flex-direction: column
  }
}
@media screen and (min-width:485px) {
  .p-msnw-service-step-images {
    width: 25%;
    margin-right: 2rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-service-step-images {
    width: 40%
  }
}
.p-msnw-service-step-images__img {
  display: inline-block;
  width: 100%
}
.p-msnw-service-step-detail__head {
  font-weight: 700;
  margin-bottom: 1rem
}
.p-msnw-service-step-detail__head__small {
  color: #d12319;
  color: var(--pred)
}
@media screen and (min-width:485px) {
  .p-msnw-service-step-detail {
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .p-msnw-service-step-detail__head {
    font-size: 1.5rem
  }
  .p-msnw-service-step-detail__head__small {
    font-size: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-service-step-detail__head {
    font-size: 1rem
  }
  .p-msnw-service-step-detail__head__small {
    font-size: .75rem
  }
}
.p-msnw-service-step-detail__text {
  font-weight: 400
}
@media screen and (min-width:485px) {
  .p-msnw-service-step-detail__text {
    font-size: 1rem
  }
  .p-msnw-contact {
    margin: 3rem 0
  }
  .p-msnw-contact__heading {
    font-size: 1.25rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-contact {
    margin: 2rem 0 1rem
  }
}
.p-msnw-contact__heading {
  text-align: center;
  margin-bottom: 1rem;
  font-weight: 700
}
@media screen and (max-width:484px) {
  .p-msnw-contact__heading {
    font-size: 1rem
  }
}
.p-msnw-contact__attention {
  text-align: center
}
@media screen and (min-width:485px) {
  .p-msnw-contact__attention {
    font-size: .875rem
  }
}
@media screen and (max-width:484px) {
  .p-msnw-contact__attention {
    font-size: .75rem
  }
}
.p-msnw-contact__tel {
  text-align: center;
  font-weight: 400
}
@media screen and (min-width:485px) {
  .p-msnw-contact__tel {
    font-size: 1.5rem;
    margin: 2rem 0
  }
}
@media screen and (max-width:484px) {
  .p-msnw-contact__tel {
    font-size: 1rem;
    margin: 1rem 0
  }
}
.p-msnw-contact__tel::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f4b9';
  content: var(--ion-ios-telephone);
  margin-right: calc(.75rem / 2)
}
.p-msnw-contact__btn-area {
  margin: 2rem 0
}
.p-msnw-contact-btn {
  margin-top: 2rem
}
@media screen and (min-width:485px) {
  .p-msnw-contact-btn {
    font-size: 1.5rem;
    width: 28rem;
    height: 5rem
  }
}
.p-msnw-contact-btn::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: "\f2eb";
  margin-top: .25rem;
  margin-right: .5rem;
  font-weight: 100
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .p-msnw-contact-btn::before {
    margin-top: 0
  }
}
.p-horp-main-visual {
  display: flex;
  align-items: center
}
@media screen and (max-width:484px) {
  .p-msnw-contact-btn {
    font-size: 1rem;
    width: 100%;
    height: 3rem
  }
  .p-horp-main-visual {
    margin: 1rem 0
  }
  .p-horp-main-visual__headline {
    margin-left: .75rem
  }
}
.p-horp-main-visual__comment {
  color: #fff;
  background: #d12319;
  background: var(--pred);
  border-radius: 4px
}
@media screen and (min-width:485px) {
  .p-horp-main-visual__comment {
    display: inline-block;
    font-size: 1.5rem;
    padding: calc(.75rem / 4) 1rem calc(.75rem / 4) .75rem;
    font-weight: 400
  }
  .p-horp-main-visual__header {
    font-size: 3.25rem;
    font-weight: 700;
    margin-top: 1.5rem;
    line-height: 3.5rem
  }
}
@media screen and (max-width:484px) {
  .p-horp-main-visual__comment {
    display: flex;
    width: 4rem;
    justify-content: center;
    align-items: center
  }
  .p-horp-main-visual__header {
    font-size: 1rem;
    font-weight: 700
  }
}
.p-horp-main-visual__img {
  overflow: hidden
}
.p-horp-main-visual__img img {
  width: 100%
}
.p-horp-main-visual-header-strong {
  display: block
}
@media screen and (min-width:485px) {
  .p-horp-main-visual__img {
    width: 30%;
    margin-right: 2rem
  }
  .p-horp-main-visual-header-strong {
    margin-top: .75rem;
    font-weight: 400;
    font-size: 2.5rem
  }
  .p-horp-section {
    margin: 5rem 0
  }
}
@media screen and (max-width:484px) {
  .p-horp-main-visual__img {
    width: 50%
  }
  .p-horp-main-visual-header-strong {
    font-size: .75rem;
    font-weight: 400
  }
  .p-horp-section {
    margin: 1rem 0
  }
}
.p-horp-section__heading {
  font-weight: 700;
  border-bottom: .2rem solid #2b3033;
  border-bottom: .2rem solid var(--pblack);
  position: relative
}
.p-horp-section__heading::before {
  content: "";
  border-radius: 1rem;
  display: inline-block;
  background: #2b3033;
  background: var(--pblack);
  position: absolute;
  left: 0
}
@media screen and (min-width:485px) {
  .p-horp-section__heading {
    margin: 3rem 0 1.5rem;
    font-size: 1.5rem;
    padding-left: 1.5rem
  }
  .p-horp-section__heading::before {
    width: 1rem;
    height: 1rem;
    top: calc(1.5rem / 2)
  }
}
@media screen and (max-width:484px) {
  .p-horp-section__heading {
    padding-left: calc(.75rem * 1.2);
    font-size: 1rem
  }
  .p-horp-section__heading::before {
    width: .75rem;
    height: .75rem;
    top: calc(1rem / 2.5)
  }
}
.p-horp-section__heading--center {
  text-align: center;
  background: #f2f2f2;
  background: var(--pgray);
  color: #327cb3;
  color: var(--pblue);
  border: none;
  border-radius: 4px;
  padding-left: 0
}
.p-horp-section__heading--center::before {
  content: none
}
@media screen and (min-width:485px) {
  .p-horp-section__heading--center {
    font-size: 1.2rem
  }
  .p-horp-section__sub-heading {
    font-size: 1rem;
    margin-top: 2rem
  }
}
@media screen and (max-width:484px) {
  .p-horp-section__sub-heading {
    margin: calc(.75rem / 2) 0
  }
}
@media screen and (min-width:485px) {
  .p-horp-section__text {
    font-size: 1rem;
    margin: .75rem 0
  }
  .p-horp-target-visual {
    justify-content: flex-start;
    align-items: center
  }
}
.p-horp-target-visual {
  display: flex;
  margin: 1rem 0
}
.p-horp-target-visual__img {
  transform: scale(-1,1)
}
@media screen and (min-width:485px) {
  .p-horp-target-visual__img {
    width: 45%;
    margin-right: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-horp-target-visual {
    flex-direction: column
  }
  .p-horp-target-visual svg {
    width: 100%;
    height: 100%
  }
  .p-horp-target-visual__img {
    width: 100%;
    margin: calc(.75rem / 2) 0
  }
  .p-horp-lead {
    flex-direction: column
  }
}
.p-horp-target-visual__img img {
  width: 100%;
  display: block
}
.p-horp-lead {
  display: flex;
  margin: 1rem 0
}
@media screen and (min-width:485px) {
  .p-horp-lead__img {
    width: 32.5%
  }
}
@media screen and (max-width:484px) {
  .p-horp-lead__img {
    width: 80%;
    margin: 0 auto
  }
}
.p-horp-lead__img img {
  width: 100%;
  display: block
}
.p-horp-lead-lists {
  display: flex;
  flex-direction: column;
  justify-content: space-around
}
.p-horp-lead-lists__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: calc(.75rem / 2) .75rem;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  border-radius: 4px
}
.p-horp-lead-before-lists {
  position: relative
}
.p-horp-lead-before-lists::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #2b3033;
  background: var(--pblack)
}
@media screen and (min-width:485px) {
  .p-horp-lead-lists {
    margin-left: 1rem;
    width: 67.5%
  }
  .p-horp-lead-lists__list {
    height: 7.5rem;
    font-size: 1.125rem
  }
  .p-horp-lead-before-lists {
    list-style: disc;
    padding-left: 2rem;
    width: 25rem
  }
  .p-horp-lead-before-lists::before {
    top: calc(50% - 1rem / 2);
    left: 20rem
  }
}
@media screen and (max-width:484px) {
  .p-horp-lead-lists__list {
    margin: calc(.75rem / 2) 0
  }
  .p-horp-lead-before-lists {
    width: 100%;
    margin-bottom: 3rem;
    text-align: center
  }
  .p-horp-lead-before-lists::before {
    top: calc(100% + .75rem);
    left: calc(50% - (1rem / 2))
  }
}
.p-horp-lead-before-lists::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid
}
@media screen and (min-width:485px) {
  .p-horp-lead-before-lists::after {
    top: calc(50% - 1rem);
    left: calc(20rem + 1rem);
    border-width: 1rem 0 1rem 1rem;
    border-color: transparent transparent transparent #2b3033;
    border-color: transparent transparent transparent var(--pblack)
  }
}
.p-horp-lead-after-text {
  font-weight: 700
}
.p-horp-lead-list-text--strong {
  width: 100%;
  font-weight: 400;
  margin: .75rem 0 .75rem .75rem;
  color: #d12319;
  color: var(--pred)
}
.p-horp-lead-list-text--strong::before {
  content: "\261e";
  margin-right: calc(.75rem / 2)
}
.p-horp-service-view {
  position: relative;
  height: 0;
  padding-top: calc(215 / 445 * 100%)
}
.p-horp-service-view__img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0
}
.p-horp-company {
  display: flex;
  align-items: center;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds)
}
@media screen and (max-width:484px) {
  .p-horp-lead-before-lists::after {
    top: calc((100% + .75rem) + 1rem);
    left: calc((50% - (1rem / 2)) - (1rem / 2));
    border-width: 1rem 1rem 0;
    border-color: #2b3033 transparent transparent;
    border-color: var(--pblack) transparent transparent transparent
  }
  .p-horp-lead-after-text {
    width: 100%;
    text-align: center
  }
  .p-horp-company {
    flex-direction: column;
    margin: 1rem 0;
    border-radius: 4px
  }
}
.p-horp-company__img {
  overflow: hidden;
  margin: 0 1rem
}
@media screen and (min-width:485px) {
  .p-horp-company__img {
    width: 20%
  }
  .p-horp-company__img img {
    width: 100%
  }
}
@media screen and (max-width:484px) {
  .p-horp-company__img {
    width: 100%;
    padding: calc(.75rem / 4) calc(.75rem / 2)
  }
  .p-horp-company__img img {
    width: 80%;
    display: block;
    margin: 0 auto
  }
  .p-horp-company-detail {
    border-top: 1px solid #d3d3d3;
    border-top: 1px solid var(--pgrayds)
  }
}
.p-horp-company-detail {
  padding: 1rem
}
.p-horp-company-detail__list {
  display: flex;
  font-size: .875rem
}
@media screen and (max-width:484px) {
  .p-horp-company-detail__list {
    flex-direction: column;
    margin: calc(.75rem / 2) 0
  }
  .p-horp-company-detail__list__title {
    font-weight: 700
  }
}
.p-horp-company-detail__list__title {
  position: relative
}
@media screen and (min-width:485px) {
  .p-horp-company-detail {
    padding-right: 0;
    border-left: 1px solid #d3d3d3;
    border-left: 1px solid var(--pgrayds)
  }
  .p-horp-company-detail__list__title {
    width: 5rem;
    margin-right: 1.4rem;
    padding-right: 1rem
  }
  .p-horp-company-detail__list__title::after {
    position: absolute;
    right: 0;
    content: ":"
  }
  .p-horp-service-steps {
    padding-left: 1rem
  }
}
.p-horp-service-steps {
  margin: 1rem 0
}
.p-horp-service-steps__step {
  display: flex
}
@media screen and (min-width:485px) {
  .p-horp-service-steps__step {
    align-items: flex-start;
    margin: 3rem 0
  }
}
@media screen and (max-width:484px) {
  .p-horp-service-steps__step {
    margin: 1rem 0;
    flex-direction: column
  }
}
@media screen and (min-width:485px) {
  .p-horp-service-step-images {
    margin-right: 2rem;
    width: 30%
  }
}
@media screen and (max-width:484px) {
  .p-horp-service-step-images {
    display: block;
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 100%
  }
}
.p-horp-service-step-images__img {
  display: inline-block;
  width: 100%
}
.p-horp-service-step-detail {
  display: flex;
  flex-direction: column;
  justify-content: center
}
.p-horp-service-step-detail__head {
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-horp-service-step-detail__head {
    font-size: 1.5rem;
    margin-bottom: 1rem
  }
  .p-horp-service-step-detail__head__small {
    font-size: 1rem
  }
}
@media screen and (max-width:484px) {
  .p-horp-service-step-detail__head {
    margin: 1rem 0;
    font-size: 1rem
  }
}
.p-horp-service-step-detail__head__small {
  color: #d12319;
  color: var(--pred)
}
.p-horp-service-step-detail__text {
  font-size: 1rem;
  margin: .75rem 0
}
.p-horp-performance-lists__list {
  display: flex
}
@media screen and (min-width:485px) {
  .p-horp-performance-lists__list {
    margin: 3rem 0
  }
}
@media screen and (max-width:484px) {
  .p-horp-performance-lists__list {
    margin: 1rem 0;
    flex-direction: column
  }
  .p-horp-performance-left-img {
    margin-bottom: calc(.75rem / 2)
  }
}
.p-horp-performance-left-img {
  width: 20%
}
.p-horp-performance-left-img img {
  width: 100%
}
.p-horp-performance-content {
  padding: .75rem 1rem;
  border: solid #d3d3d3;
  border: solid var(--pgrayds)
}
.p-horp-performance-content__head {
  font-weight: 700
}
@media screen and (min-width:485px) {
  .p-horp-performance-left-img {
    margin-right: 2rem
  }
  .p-horp-performance-content {
    width: 70%;
    border-width: 2px
  }
  .p-horp-performance-content__head {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
  }
  .p-horp-performance-content__list {
    font-size: 1rem;
    padding-left: 2rem
  }
}
@media screen and (max-width:484px) {
  .p-horp-performance-content {
    width: 100%;
    border-width: 1px
  }
  .p-horp-performance-content__head {
    font-size: 1rem;
    margin-bottom: 1rem
  }
}
.p-horp-performance-content__list {
  margin: 1rem 0
}
.p-horp-performance-content__list--disk {
  list-style: disc
}
.p-horp-performance-content__list--num {
  list-style: decimal
}
.p-horp-performance-content__text--heavy {
  font-weight: 700
}
.p-horp-graph {
  display: flex
}
@media screen and (min-width:485px) {
  .p-horp-performance-content__text {
    font-size: 1rem
  }
  .p-horp-graph {
    flex-wrap: wrap;
    align-items: flex-start
  }
  .p-horp-graph__pie1,
  .p-horp-graph__pie2,
  .p-horp-graph__pie3 {
    width: 50%
  }
}
@media screen and (max-width:484px) {
  .p-horp-performance-content__list {
    padding-left: 1rem
  }
  .p-horp-graph {
    flex-direction: column;
    align-items: center;
    display: none
  }
  .p-horp-graph__pie1,
  .p-horp-graph__pie2,
  .p-horp-graph__pie3 {
    width: 100%
  }
}
@media screen and (min-width:485px) {
  .p-horp-graph__bar {
    width: 50%
  }
}
@media screen and (max-width:484px) {
  .p-horp-graph__bar {
    width: 100%
  }
}
.p-horp-graph__img {
  display: block;
  width: 50%
}
.p-horp-graph__img img {
  width: 100%
}
.p-horp-graph-legend-area {
  position: relative
}
.p-horp-graph-legends {
  position: absolute;
  top: -200px;
  left: 200px
}
@media screen and (max-width:484px) {
  .p-horp-graph-legends {
    display: none
  }
}
.p-horp-graph-legends__list {
  margin: calc(.75rem / 4) 0
}
.p-horp-graph-legend-label {
  display: inline-flex;
  width: 3rem;
  height: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid;
  margin-right: calc(.75rem / 4)
}
@media screen and (min-width:485px) {
  .p-horp-contact {
    margin: 3rem 0
  }
  .p-horp-contact__heading {
    font-size: 1.25rem
  }
}
@media screen and (max-width:484px) {
  .p-horp-contact {
    margin: 1rem 0
  }
}
.p-horp-contact__heading {
  text-align: center;
  margin-bottom: 1rem
}
@media screen and (max-width:484px) {
  .p-horp-contact__heading {
    font-size: 1rem
  }
}
.p-horp-contact__attention {
  text-align: center
}
.p-horp-contact__tel {
  text-align: center;
  font-weight: 400
}
@media screen and (min-width:485px) {
  .p-horp-contact__attention {
    font-size: .875rem
  }
  .p-horp-contact__tel {
    font-size: 1.5rem;
    margin: 2rem 0
  }
}
@media screen and (max-width:484px) {
  .p-horp-contact__tel {
    font-size: 1rem;
    margin: 1rem 0
  }
}
.p-horp-contact__tel::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: '\f4b9';
  content: var(--ion-ios-telephone);
  margin-right: calc(.75rem / 2)
}
@media screen and (min-width:485px) {
  .p-horp-contact__btn-area {
    margin: 2rem 0
  }
}
@media screen and (max-width:484px) {
  .p-horp-contact__btn-area {
    margin: 1rem 0
  }
}
@media screen and (min-width:485px) {
  .p-horp-contact-btn {
    margin-top: 2rem;
    font-size: 1.5rem;
    width: 28rem;
    height: 5rem
  }
  .p-my_agreement__description-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
}
@media screen and (max-width:484px) {
  .p-horp-contact-btn {
    margin-top: 1rem;
    font-size: 1rem;
    width: 100%;
    height: 3rem
  }
}
.p-horp-contact-btn::before {
  font-family: fontello;
  font-family: var(--iconfont);
  content: "\f2eb";
  margin-top: .25rem;
  margin-right: .5rem;
  font-weight: 100
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .p-horp-contact-btn::before {
    margin-top: 0
  }
}
.p-horp-contact-btn--signup::before {
  content: '\f12c';
  content: var(--ion-compose)
}
.p-my_agreement {
  margin: 1rem 0
}
.p-my_agreement__caption {
  margin: .75rem 0
}
.p-my_agreement__description-item {
  padding: calc(.75rem / 2) calc(.75rem);
  background: #f2f2f2;
  background: var(--pgray);
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  border: 1px solid var(--pgrayds);
  margin: .75rem 0
}
@media screen and (min-width:485px) {
  .p-my_agreement__description-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: calc(50% - .75rem)
  }
}
@media screen and (max-width:484px) {
  .p-my_agreement__description-item {
    width: 100%
  }
}
.p-my_agreement__description-title {
  font-weight: 700;
  margin-bottom: calc(.75rem / 2);
  width: 100%
}
@media screen and (min-width:485px) {
  .p-my_agreement__description-data {
    width: calc(.75rem * 10 * 2)
  }
}
@media screen and (max-width:484px) {
  .p-my_agreement__description-data {
    width: 100%;
    display: flex;
    justify-content: center
  }
  .p-my_agreement__description-data + .p-my_agreement__description-data {
    margin-top: calc(.75rem)
  }
}
.p-campaign {
  margin: 1rem 0 2rem
}
.p-campaign__section + .p-campaign__section {
  margin-top: 2rem
}
.p-campaign__section-header {
  padding: .75rem 0;
  border-radius: 0;
  border-bottom: 2px solid;
  border-bottom: 2px solid var(--gray3)
}
.p-campaign__main-visual {
  display: block;
  margin: 0 auto;
  width: 100%;
  background: color-mod(#2b3033 a(21%));
  background: var(--gray3);
  border-radius: .2rem
}
.p-campaign__greeting {
  display: flex;
  justify-content: center
}
.p-campaign__text-line {
  display: block
}
@media screen and (min-width:485px) {
  .p-campaign__greeting {
    padding: .75rem 1rem;
    margin-top: 2rem
  }
  .p-campaign__greeting-text {
    font-size: 1rem
  }
  .p-campaign__text-line + .p-campaign__text-line {
    margin-top: 1.25rem
  }
}
@media screen and (max-width:484px) {
  .p-campaign__greeting {
    flex-direction: column;
    margin-top: 1rem
  }
  .p-campaign__text-line + .p-campaign__text-line {
    margin-top: 1rem
  }
}
.p-campaign__text-right {
  display: block;
  margin-top: 1.7rem;
  text-align: right
}
.p-campaign__text-center {
  display: block;
  text-align: center
}
@media screen and (min-width:485px) {
  .p-campaign__description-list {
    margin-top: 2rem;
    padding: 0 1rem
  }
}
.p-campaign__description-item {
  display: flex
}
.p-campaign__description-item + .p-campaign__description-item {
  margin-top: 1rem
}
@media screen and (max-width:484px) {
  .p-campaign__description-list {
    margin-top: 1rem
  }
  .p-campaign__description-item {
    flex-direction: column;
    border: 1px solid;
    border: 1px solid var(--gray3);
    border-radius: .2rem
  }
}
.p-campaign__description-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  background: color-mod(#2b3033 a(14%));
  background: var(--gray2)
}
.p-campaign__description-data {
  background: color-mod(#2b3033 a(7%));
  background: var(--gray1)
}
.p-campaign__unordered-list:not(:first-child) {
  margin-top: 1rem
}
.p-campaign__unordered-item + .p-campaign__unordered-item {
  margin-top: .75rem
}
@media screen and (min-width:485px) {
  .p-campaign__description-title {
    width: 15rem;
    border-radius: .2rem
  }
  .p-campaign__description-data {
    margin-left: 1rem;
    flex: 1;
    border-radius: .2rem;
    padding: 1rem 1.5rem
  }
  .p-campaign__strong {
    font-size: 1.25rem
  }
  .p-campaign__comparison-detail + .p-campaign__comparison-detail {
    margin-left: 3rem
  }
}
@media screen and (max-width:484px) {
  .p-campaign__description-title {
    width: 100%;
    height: 2rem
  }
  .p-campaign__description-data {
    width: 100%;
    padding: .75rem calc(.75rem / 2)
  }
  .p-campaign__strong {
    font-size: 1rem
  }
  .p-campaign__comparison {
    flex-direction: column
  }
}
.p-campaign__big-text-percent {
  font-size: 2.5rem;
  font-weight: 700;
  margin-left: .25rem
}
.p-campaign__big-text {
  font-size: 2.5rem
}
.p-campaign__comparison {
  display: flex;
  margin-top: 1rem
}
.p-campaign__comparison-detail {
  background: #fff;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .2rem
}
.p-campaign__arrow {
  position: relative
}
.p-campaign__arrow::before {
  border: 1rem solid transparent
}
.p-campaign__arrow::after {
  width: 1rem;
  height: 1rem;
  background: color-mod(#2b3033 a(14%));
  background: var(--gray2)
}
@media screen and (min-width:485px) {
  .p-campaign__comparison-detail {
    width: 15rem
  }
  .p-campaign__arrow::before {
    left: calc(15.5rem + 1rem);
    border-left-color: color-mod(#2b3033 a(14%));
    border-left-color: var(--gray2)
  }
  .p-campaign__arrow::after {
    left: 15.5rem
  }
}
@media screen and (max-width:484px) {
  .p-campaign__comparison-detail + .p-campaign__comparison-detail {
    margin-top: 3rem
  }
  .p-campaign__comparison-detail {
    height: 7.5rem
  }
  .p-campaign__arrow::before {
    top: calc((7.5rem + (1rem / 2)) + 1rem);
    border-top-color: color-mod(#2b3033 a(14%));
    border-top-color: var(--gray2)
  }
  .p-campaign__arrow::after {
    top: calc(7.5rem + (1rem / 2))
  }
}
.p-campaign__arrow::after,
.p-campaign__arrow::before {
  position: absolute;
  content: ""
}
.p-campaign__buttons {
  display: flex;
  justify-content: center
}
.p-campaign__btn + .p-campaign__btn {
  margin-left: 1rem
}
.p-campaign__link {
  display: block;
  max-width: 20rem;
  text-align: center;
  margin: 1rem auto 0
}
.p-campaign__top-message {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7rem;
  text-align: center;
  padding: calc(.75rem) 0;
  border: 4px solid #d12118;
  border: 4px solid var(--accent-color);
  border-radius: .2rem
}
.p-campaign__flexbox-kaitori {
  display: flex;
  align-items: center
}
@media screen and (min-width:485px) {
  .p-campaign__flexbox-kaitori {
    margin-top: 1.25rem
  }
}
@media screen and (max-width:484px) {
  .p-campaign__flexbox-kaitori {
    margin-top: 1rem
  }
}
.p-campaign__flexbox-pkg {
  display: flex;
  flex-direction: column
}
.p-campaign__flexbox-percent {
  flex-diretion: row;
  align-items: baseline
}
.p-campaign__yajirushi {
  display: block;
  width: 5%;
  margin: 0 20px
}
.red {
  color: #d12319;
  color: var(--pred)
}
.blue {
  color: #327cb3;
  color: var(--pblue)
}
.u-blue {
  color: #327cb3!important;
  color: var(--pblue)!important
}
.u-red {
  color: #d12319!important;
  color: var(--pred)!important
}
.u-orange {
  color: #ff6c00!important;
  color: var(--porange)!important
}
.u-font_tiny {
  font-size: .625rem
}
.u-font_small {
  font-size: .75rem
}
.u-font_medium {
  font-size: .875rem
}
.u-font_large {
  font-size: 1rem
}
.u-font_huge {
  font-size: 1.5rem
}
.u-weight_normal {
  font-weight: 400
}
.u-weight_bold {
  font-weight: 700
}
.u-font_XS {
  font-size: .625rem;
  font-size: var(--XS)
}
.u-font_S {
  font-size: .75rem;
  font-size: var(--S)
}
.u-font_M {
  font-size: .875rem;
  font-size: var(--M)
}
.u-font_L {
  font-size: 1rem;
  font-size: var(--L)
}
.u-font_XL {
  font-size: 1.25rem;
  font-size: var(--XL)
}
.u-font_XXL {
  font-size: 1.5rem;
  font-size: var(--XXL)
}
.d-block {
  display: block
}
.d-flex {
  display: flex
}
.d-inline {
  display: inline
}
.d-inline-block {
  display: inline-block
}
.d-inline-flex {
  display: inline-flex
}
.d-none {
  display: none
}
.d-table {
  display: table
}
.d-table-cell {
  display: table-cell
}
.d-table-row {
  display: table-row
}
.d-grid {
  display: grid
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0,0,0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
