*,
:after,
:before {
  box-sizing: border-box;
  color: inherit
}

:root {
  --kpred: #e4002b;
}

body {
  -webkit-text-size-adjust: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch
}

a,
address,
article,
b,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
input,
li,
ol,
p,
pre,
section,
select,
small,
span,
strong,
table,
td,
textarea,
th,
tr,
ul {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  text-decoration: inherit;
  margin: 0;
  padding: 0;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit
}

li,
ol,
ul {
  list-style: none;
  line-height: 1
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed
}

img,
video {
  display: block;
  width: 100%;
  height: auto;
  border: none
}

img {
  pointer-events: none
}

pre {
  white-space: normal
}

a {
  text-decoration: none
}

:active,
:link,
:visited {
  text-decoration: inherit
}

input,
select,
textarea {
  display: block;
  -webkit-appearance: none;
  background: none;
  border: none;
  border-radius: 0
}

button {
  display: inline-block
}

button,
label {
  background: none;
  border: none
}

label {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

button,
input[type=button],
input[type=checkbox],
input[type=file],
input[type=radio],
input[type=reset],
input[type=submit],
label {
  cursor: pointer
}

textarea {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  resize: vertical
}

:focus {
  outline: none
}

#AmazonPayOneClickOrderArea {
  text-align: center;
  margin: 0
}

.amazon_pay_box {
  padding: 24px
}

.amazonpay-button-inner-image {
  width: auto;
  margin: 0 auto
}

.amazon_pay_title {
  font-size: 24px;
  margin-bottom: 20px;
  letter-spacing: .02em
}

@media screen and (max-width:760px) {
  .amazon_pay_title {
    font-size: 18px
  }
}

.amazon_pay_subtitle {
  font-size: 16px;
  margin-bottom: 6px
}

@media screen and (max-width:760px) {
  .amazon_pay_subtitle {
    font-size: 15px
  }
}

.amazon_pay_message {
  font-size: 16px;
  line-height: 2;
  letter-spacing: .02em;
  margin-top: 20px
}

@media screen and (max-width:760px) {
  .amazon_pay_message {
    font-size: 15px;
    font-size: 12px;
    text-align: left
  }
}

@media screen and (max-width:760px) {
  .amazon_pay_message br {
    display: none
  }
}

.amazon_pay_not_use_message {
  font-size: 16px;
  line-height: 2;
  margin-top: 30px
}

@media screen and (max-width:760px) {
  .amazon_pay_not_use_message {
    font-size: 15px
  }
}

.amazonpay-button-inner-image {
  pointer-events: all
}

.amazon_pay_button_all {
  margin-left: auto;
  margin-right: auto
}

#amazon_payment_method {
  background: #fff
}

#AmazonPayButtonAll {
  max-width: 434.531px;
  width: 100% !important;
  position: relative;
  height: 43.4531px
}

.block_button #AmazonPayButton {
  margin: 0 !important
}

.alert,
.control-alert {
  max-width: 1160px;
  margin: 40px auto
}

.alert>*,
.control-alert>* {
  font-size: 16px;
  text-align: center;
  padding: 20px 40px
}

@media screen and (max-width:760px) {

  .alert>*,
  .control-alert>* {
    font-size: 15px;
    padding-right: 16px;
    padding-left: 16px
  }
}

body>img {
  display: none !important
}

.formError {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid red;
  left: auto !important;
  top: 0 !important;
  right: -8px !important;
  z-index: 1;
  margin-top: 0 !important;
  opacity: 1 !important;
  transform: translateY(calc(-100% - 12px))
}

.formError:before {
  bottom: -8px;
  border-color: red transparent transparent
}

.formError:after,
.formError:before {
  content: "";
  width: 10px;
  height: 8px;
  position: absolute;
  right: 16px;
  border-style: solid;
  border-width: 8px 5px 0
}

.formError:after {
  bottom: -6px;
  border-color: #fff transparent transparent
}

.formError .formErrorContent {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  color: red
}

@media screen and (max-width:760px) {
  .formError .formErrorContent {
    font-size: 12px
  }
}

@font-face {
  font-family: icon;
  src: url(fonts/icon.eot?bohdta);
  src: url(fonts/icon.eot?bohdta#iefix) format("embedded-opentype"), url(fonts/icon.ttf?bohdta) format("truetype"), url(fonts/icon.woff?bohdta) format("woff"), url(fonts/icon.svg?bohdta#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class*=" icon-"],
[class^=icon-] {
  font-family: icon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-account:before {
  content: ""
}

.icon-add_account:before {
  content: ""
}

.icon-arrow-left:before {
  content: ""
}

.icon-arrow-right:before {
  content: ""
}

.icon-box:before {
  content: ""
}

.icon-calendar:before {
  content: ""
}

.icon-cancel:before {
  content: ""
}

.icon-card:before {
  content: ""
}

.icon-cart:before {
  content: ""
}

.icon-cycle:before {
  content: ""
}

.icon-desktop:before {
  content: ""
}

.icon-edit:before {
  content: ""
}

.icon-eye-close:before {
  content: ""
}

.icon-eye-open:before {
  content: ""
}

.icon-fax:before {
  content: ""
}

.icon-forward:before {
  content: ""
}

.icon-gift:before {
  content: ""
}

.icon-home:before {
  content: ""
}

.icon-link:before {
  content: ""
}

.icon-lock:before {
  content: ""
}

.icon-login:before {
  content: ""
}

.icon-medal:before {
  content: ""
}

.icon-minus:before {
  content: ""
}

.icon-phone:before {
  content: ""
}

.icon-plus:before {
  content: ""
}

.icon-point:before {
  content: ""
}

.u-icon--start:before {
  content: ""
}

.icon-stop:before {
  content: ""
}

.icon-truck:before {
  content: ""
}

.icon-trush:before {
  content: ""
}

.icon-Union:before {
  content: ""
}

.icon-wallet:before {
  content: ""
}

.u-padding__top--60 {
  padding-top: 60px
}

.u-padding__top--40 {
  padding-top: 40px
}

.u-padding__top--30 {
  padding-top: 30px
}

@media screen and (max-width:760px) {
  .u-padding__top--30--sp {
    padding-top: 30px
  }
}

.u-padding__bottom--60 {
  padding-bottom: 60px
}

.u-b_rad {
  border-radius: 6px
}

@media screen and (max-width:760px) {
  .u-b_rad {
    border-radius: 4px
  }
}

.u-b_rad--small {
  border-radius: 4px
}

.u-border,
.u-border--solid {
  border-style: solid
}

.u-border--dotted {
  border-style: dotted
}

.u-border--dashed {
  border-style: dashed
}

.u-border__top--solid {
  border-top-style: solid
}

.u-border__top--dotted {
  border-top-style: dotted
}

.u-border__top--dashed {
  border-top-style: dashed
}

.u-border__bottom--solid {
  border-bottom-style: solid
}

.u-border__bottom--dotted {
  border-bottom-style: dotted
}

.u-border__bottom--dashed {
  border-bottom-style: dashed
}

.u-border__right--solid {
  border-right-style: solid
}

.u-border__right--dotted {
  border-right-style: dotted
}

.u-border__right--dashed {
  border-right-style: dashed
}

.u-border__left--solid {
  border-left-style: solid
}

.u-border__left--dotted {
  border-left-style: dotted
}

.u-border__left--dashed {
  border-left-style: dashed
}

@font-face {
  font-family: icon;
  src: url(icon/icon.eot?bohdta);
  src: url(icon/icon.eot?bohdta#iefix) format("embedded-opentype"), url(icon/icon.ttf?bohdta) format("truetype"), url(icon/icon.woff?bohdta) format("woff"), url(icon/icon.svg?bohdta#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class*=" u-icon-"],
[class^=u-icon-] {
  font-family: icon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.u-icon--account:before {
  content: ""
}

.u-icon--add_account:before {
  content: ""
}

.u-icon--arrow-left:before {
  content: ""
}

.u-icon--arrow-right:before {
  content: ""
}

.u-icon--box:before {
  content: ""
}

.u-icon--calendar:before {
  content: ""
}

.u-icon--cancel:before {
  content: ""
}

.u-icon--card:before {
  content: ""
}

.u-icon--cart:before {
  content: ""
}

.u-icon--cycle:before {
  content: ""
}

.u-icon--desktop:before {
  content: ""
}

.u-icon--edit:before {
  content: ""
}

.u-icon--eye-close:before {
  content: ""
}

.u-icon--eye-open:before {
  content: ""
}

.u-icon--fax:before {
  content: ""
}

.u-icon--forward:before {
  content: ""
}

.u-icon--gift:before {
  content: ""
}

.u-icon--home:before {
  content: ""
}

.u-icon--link:before {
  content: ""
}

.u-icon--lock:before {
  content: ""
}

.u-icon--login:before {
  content: ""
}

.u-icon--medal:before {
  content: ""
}

.u-icon--minus:before {
  content: ""
}

.u-icon--phone:before {
  content: ""
}

.u-icon--plus:before {
  content: ""
}

.u-icon--point:before {
  content: ""
}

.u-icon--stop:before {
  content: ""
}

.u-icon--truck:before {
  content: ""
}

.u-icon--trush:before {
  content: ""
}

.u-icon--Union:before {
  content: ""
}

.u-icon--wallet:before {
  content: ""
}

@media screen and (min-width:761px) {
  .u-media--sp {
    display: none !important
  }
}

@media screen and (max-width:760px) {
  .u-media--pc {
    display: none !important
  }
}

.u-color__bg--line {
  background-color: #06c755
}

.u-color__text--success {
  color: #06c755
}

.u-color__text--alert {
  color: red
}

.u-color__text--warning {
  color: #adadad
}

.u-align--center {
  text-align: center
}

.l-wrapper {
  overflow-wrap: break-word;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  overflow: hidden
}

.l-mypage {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .l-mypage {
    padding-right: 16px;
    padding-left: 16px
  }
}

.l-mypage__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:760px) {
  .l-mypage__inner {
    padding-bottom: 32px
  }
}

.l-mypage__alert {
  width: 100%
}

.l-mypage__alert .alert {
  padding-bottom: 40px;
  margin-top: 0;
  margin-bottom: 0
}

.l-mypage__alert .text {
  padding: 16px 24px;
  font-size: 14px;
  width: 100%;
  text-align: center;
  background-color: rgba(76, 175, 80, .2);
  color: #4caf50;
  letter-spacing: .02em;
  line-height: 1.6;
  font-weight: 600
}

.l-mypage__alert .alert-danger .text {
  background-color: rgba(255, 0, 0, .2);
  color: red
}

.l-mypage__container {
  display: flex
}

@media screen and (max-width:760px) {
  .l-mypage__container {
    flex-direction: column
  }
}

.l-mypage__sidebar {
  flex: 0 0 320px
}

@media screen and (max-width:760px) {
  .l-mypage__sidebar {
    flex: auto;
    order: 1;
    margin-top: 56px
  }
}

@media screen and (max-width:760px) {
  .l-mypage__sidebar.is-pc {
    display: none
  }
}

.l-mypage__sidebar.is-sp {
  margin-top: 24px
}

@media screen and (min-width:761px) {
  .l-mypage__sidebar.is-sp {
    display: none
  }
}

.l-mypage__contents {
  flex: 1;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .l-mypage__contents {
    flex: auto;
    padding-left: 0;
    order: 0
  }
}

.l-mypage__container.-mypage-top .l-mypage__sidebar {
  display: none
}

.c-textlink {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  display: inline-block;
  padding-right: 22px;
  position: relative;
  line-height: 1;
  color: #5c4f4c;
  transition: .3s
}

@media(hover:hover) {
  .c-textlink {
    transition: .3s
  }

  .c-textlink:hover {
    opacity: .4
  }
}

.c-textlink>span {
  font-size: 16px;
  letter-spacing: .02em
}

@media screen and (max-width:760px) {
  .c-textlink>span {
    font-size: 15px
  }
}

.c-textlink>svg {
  fill: #ff8368
}

.c-textlink>i,
.c-textlink>svg {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.c-textlink>i {
  background: 50%/contain no-repeat;
  background-image: url(images/icon-circle-arrow.svg)
}

.c-textlink.-reverse {
  padding-right: 0;
  padding-left: 22px
}

.c-textlink.-reverse>i {
  right: auto;
  left: 0;
  transform: translateY(-50%) scaleX(-1)
}

.c-textlink.-cancel>i {
  background-image: url(images/icon-cancel-accent.svg)
}

.c-textlink.-cancel-base>span {
  color: #fff;
  text-decoration: underline
}

.c-textlink.-cancel-base>i {
  background-image: url(images/icon-cancel-base.svg)
}

.c-textlink.-footer {
  padding-right: 0;
  padding-left: 22px
}

.c-textlink.-footer>i {
  right: auto;
  left: 0;
  transform: translateY(-50%);
  background-image: url(images/icon-arrow-right-sub.svg)
}

.c-button {
  max-width: 280px;
  width: 100%;
  height: 50px;
  padding-right: 20px;
  /*padding-left: 20px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100px;
  border: 2px solid #ff8368;
  background-color: #ff8368;
  transition: .3s
}

.c-button>span {
  font-size: 18px;
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  letter-spacing: .02em;
  transition: .3s;
  color: #fff
}
.c-button>span.font-s {
  font-size: 15px;
}
.c-button.-red{
   border: 2px solid var(--kpred);
  background-color:var(--kpred);
}

@media screen and (max-width:760px) {
  .c-button>span {
    font-size: 16px
  }
}

.c-button>span.icon {
  font-size: 32px;
  display: inline-block;
  margin-right: 8px
}

@media screen and (max-width:760px) {
  .c-button>span.icon {
    font-size: 24px
  }
}

.c-button>i {
  font-size: 20px;
  color: #fff
}

.c-button>i,
.c-button>svg {
  display: inline-block;
  margin-right: 16px;
  transition: .3s
}

.c-button>svg {
  width: 20px;
  height: 20px;
  fill: #fff
}

.c-button:hover {
  background-color: #fff
}

.c-button:hover>span {
  color: #ff8368
}

.c-button.-red:hover>span {
  color: var(--kpred)
}

.c-button:hover>svg {
  fill: #ff8368
}

.c-button.-red:hover>svg {
  fill: var(--kpred)
}

.c-button:hover>i {
  color: #ff8368
}

.c-button.-red:hover>i {
  color: var(--kpred)
}

.c-button:disabled {
  opacity: .4;
  pointer-events: none
}

.c-button.-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  font-size: 14px;
  font-family: icon;
  color: #fff;
  transition: .3s
}

.c-button.-arrow:hover:before {
  color: #ff8368
}

.c-button.-red.-arrow:hover:before {
  color: var(--kpred)
}

.c-button.-line {
  background-color: #06c755;
  border-color: #06c755
}

/*
.c-button.-line:after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 4px;
  background: url(images/line-brand-icon.svg) 50%/contain no-repeat;
  transform: translateY(-50%)
}
*/

.c-button.-line:hover {
  background-color: #06c755;
  border-color: #06c755;
  opacity: .4
}

.c-button.-line:hover>span {
  color: #fff
}

.c-button.-line:hover>svg {
  fill: #fff
}

.c-button.-line:hover:before,
.c-button.-line:hover>i {
  color: #fff
}

.c-button.-alert {
  background-color: red;
  border-color: red
}

.c-button.-alert:hover {
  background-color: #fff;
  border-color: red
}

.c-button.-alert:hover>span {
  color: red
}

.c-button.-alert:hover>svg {
  fill: red
}

.c-button.-alert:hover:before,
.c-button.-alert:hover>i {
  color: red
}

.c-button_secondary {
  width: 160px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #a69d9b;
  border: 2px solid #a69d9b;
  border-radius: 100px;
  transition: .3s
}

.c-button_secondary>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .02em;
  color: #fff;
  transition: .3s
}

.c-button_secondary:hover {
  background-color: #fff
}

.c-button_secondary:hover>span {
  color: #a69d9b
}

.c-button_secondary:hover>svg {
  fill: #a69d9b
}

.c-button_secondary:hover>i {
  color: #a69d9b
}

.c-button_secondary.-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 14px;
  font-family: icon;
  color: #fff;
  transition: .3s
}

.c-button_secondary.-arrow:hover:before {
  color: #a69d9b
}

.c-button_secondary.-small {
  height: 24px
}

.c-button_secondary.-big {
  height: 34px
}

.c-button_secondary.-accent {
  background-color: #ff8368;
  border-color: #ff8368
}

.c-button_rectangle {
  max-width: 240px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px
}

.c-button_rectangle span {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1
}

@media screen and (max-width:760px) {
  .c-button_rectangle span {
    font-size: 15px
  }
}

.c-pagination {
  width: 100%
}

.c-pagination__inner {
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width:760px) {
  .c-pagination__inner {
    position: relative;
    padding-top: 56px;
    justify-content: center
  }
}

.c-pagination__arrow {
  flex-grow: 0;
  flex-shrink: 0
}

.c-pagination__arrow.is-disabled {
  opacity: .4;
  pointer-events: none
}

@media screen and (max-width:760px) {
  .c-pagination__arrow {
    position: absolute;
    top: 16px
  }
}

@media screen and (max-width:760px) {
  .c-pagination__arrow--prev {
    left: 0
  }
}

@media screen and (max-width:760px) {
  .c-pagination__arrow--next {
    right: 0
  }
}

.c-pagination__page {
  flex: 1 1;
  display: flex;
  justify-content: center
}

.c-pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  -ms-grid-column-align: center;
  justify-self: center;
  border-width: 1px;
  overflow: hidden
}

.c-pagination__list__num {
  width: 48px;
  height: 48px
}

@media screen and (max-width:760px) {
  .c-pagination__list__num {
    flex: 1 1 48px
  }
}

.c-pagination__list__num:not(:first-child) {
  border-left-width: 1px;
  border-left-style: solid
}

.c-pagination__list__num a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #ff4b24;
  transition: .4s
}

.c-pagination__list__num a.is-active {
  background-color: #ff8368;
  color: #fff;
  pointer-events: none
}

.c-pagination__list__num a:not(.is-active):hover {
  background-color: #ffe8e2
}

.c-pagination__list__num a.is-disabled {
  pointer-events: none
}

.c-acceptance {
  display: inline-block
}

.c-acceptance>label>input[type=checkbox] {
  display: none
}

.c-acceptance>label>div {
  padding: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #e0e4e6;
  border-radius: 6px
}

@media(hover:hover) {
  .c-acceptance>label>div {
    transition: .3s
  }

  .c-acceptance>label>div:hover {
    background-color: #fff8f6
  }
}

.c-acceptance>label>div>span {
  display: block;
  flex: 0 0 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #eee9e9;
  position: relative
}

.c-acceptance>label>div>span:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/icon-checkbox-checked.svg) 50%/cover no-repeat;
  opacity: 0;
  transition: .4s
}

.c-acceptance>label>div>p {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  margin-left: 8px
}

@media screen and (max-width:760px) {
  .c-acceptance>label>div>p {
    font-size: 15px
  }
}

.c-acceptance>label>div>p a {
  color: #ff4b24;
  text-decoration: underline
}

.c-acceptance>label input:checked+div {
  background-color: #ffe8e2;
  border-color: #e0e4e6
}

.c-acceptance>label input:checked+div>span {
  border-color: #ff8368
}

.c-acceptance>label input:checked+div>span:before {
  opacity: 1
}

.c-inpage_nav {
  width: 100%
}

.c-inpage_nav ul {
  display: flex;
  border-radius: 6px;
  border: 1px solid #eee9e9
}

@media screen and (max-width:760px) {
  .c-inpage_nav ul {
    display: block
  }
}

.c-inpage_nav ul li {
  flex: 1
}

@media screen and (max-width:760px) {
  .c-inpage_nav ul li:not(:first-child) {
    border-top: 1px solid #eee9e9
  }
}

@media screen and (min-width:761px) {
  .c-inpage_nav ul li:not(:first-child) {
    border-left: 1px solid #eee9e9
  }
}

.c-inpage_nav ul li button {
  width: 100%;
  position: relative;
  padding: 16px 34px 16px 16px;
  text-align: left;
  cursor: pointer
}

@media(hover:hover) {
  .c-inpage_nav ul li button {
    transition: .3s
  }

  .c-inpage_nav ul li button:hover {
    background-color: #fff8f6
  }
}

.c-inpage_nav ul li button:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background: url(images/icon-arrow-left.png) 50%/contain no-repeat
}

.c-inpage_nav ul li button span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-inpage_nav ul li button span {
    font-size: 15px
  }
}

.c-share {
  display: flex;
  align-items: center
}

.c-share__label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #5c4f4c
}

@media screen and (max-width:760px) {
  .c-share__label {
    font-size: 15px
  }
}

.c-share__list {
  display: flex;
  align-items: center;
  padding-left: 8px
}

.c-share__list>a {
  display: block;
  width: 24px;
  margin-left: 16px
}

.c-share__list>a img {
  width: 100%;
  height: auto
}

.c-cart_item {
  padding: 16px 8px
}

.c-cart_item__inner {
  display: flex
}

.c-cart_item__thumbnail {
  flex: 0 0 160px
}

@media screen and (max-width:760px) {
  .c-cart_item__thumbnail {
    flex: 0 0 110px
  }
}

.c-cart_item__thumbnail .thumbnail_wrap {
  padding: 16px;
  border-width: 1px;
  aspect-ratio: 1
}

.c-cart_item__thumbnail .thumbnail_wrap img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.c-cart_item__info {
  flex-grow: 1;
  flex-shrink: 1;
  padding-left: 24px
}

@media screen and (max-width:760px) {
  .c-cart_item__info {
    position: relative
  }
}

.c-cart_item__info .item_title {
  display: flex;
  justify-content: space-between
}

.c-cart_item__info .item_title .title_text {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  margin-right: 16px
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_title .title_text {
    font-size: 15px
  }
}

.c-cart_item__info .item_title .delete_button {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  flex: 0 0 70px
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_title .delete_button {
    font-size: 15px;
    position: absolute;
    bottom: 0;
    right: 0
  }
}

.c-cart_item__info .item_price {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  margin-top: 8px
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_price {
    font-size: 15px
  }
}

.c-cart_item__info .item_price .tax_incl {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_price .tax_incl {
    font-size: 12px
  }
}

.c-cart_item__info .item_controls {
  margin-top: 8px;
  display: flex;
  align-items: center
}

.c-cart_item__info .item_controls .qty_sel {
  display: flex;
  align-items: center
}

.c-cart_item__info .item_controls .qty_sel .qty_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  margin-right: 8px
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_controls .qty_sel .qty_label {
    font-size: 12px
  }
}

.c-cart_item__info .item_controls .qty_sel .sel_wrap {
  position: relative;
  width: 100px;
  height: 48px;
  border-width: 1px;
  cursor: pointer
}

.c-cart_item__info .item_controls .qty_sel .sel_wrap:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url(images/icon-arrow-down-main.svg) 50%/contain no-repeat
}

.c-cart_item__info .item_controls .qty_sel .sel_wrap select {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  cursor: pointer
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_controls .qty_sel .sel_wrap select {
    font-size: 15px
  }
}

.c-cart_item__info .item_controls .submit_btn {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: block;
  margin-left: 8px;
  width: 80px;
  height: 48px;
  background-color: #a69d9b;
  color: #fff
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_controls .submit_btn {
    font-size: 15px
  }
}

.c-cart_item__info .item_subtotal {
  margin-top: 4px;
  display: flex;
  justify-content: flex-end;
  align-items: center
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_subtotal {
    margin-top: 16px;
    justify-content: flex-start;
    padding-right: 60px
  }
}

.c-cart_item__info .item_subtotal * {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-cart_item__info .item_subtotal * {
    font-size: 15px
  }
}

.c-cart_price .price_item {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 16px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width:760px) {
  .c-cart_price .price_item {
    font-size: 15px
  }
}

.c-cart_price .price_item.-total {
  font-size: 24px
}

.c-checkout_indicator {
  width: 100%
}

.c-checkout_indicator__list {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center
}

@media screen and (max-width:760px) {
  .c-checkout_indicator__list {
    margin-top: -24px
  }
}

.c-checkout_indicator__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative
}

.c-checkout_indicator__item:after,
.c-checkout_indicator__item:before {
  width: 50%;
  height: 1px;
  position: absolute;
  top: 20px;
  border-top: 1px dashed #e4dfdf
}

.c-checkout_indicator__item:not(:first-child):before {
  content: "";
  left: 0
}

.c-checkout_indicator__item:not(:last-child):after {
  content: "";
  right: 0
}

.c-checkout_indicator__item .indicator_num {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #f6f6f6;
  position: relative;
  z-index: 1
}

.c-checkout_indicator__item .indicator_num>span {
  font-family: dnp-shuei-mgothic-std, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 40px;
  color: #a69d9b
}

.c-checkout_indicator__item .indicator_text {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin-top: 8px;
  display: block;
  width: 100%;
  text-align: center;
  letter-spacing: .02em;
  color: #a69d9b
}

@media screen and (max-width:760px) {
  .c-checkout_indicator__item .indicator_text {
    font-size: 16px
  }
}

.c-checkout_indicator__item.is-active .indicator_num {
  background-color: #ff8368
}

.c-checkout_indicator__item.is-active .indicator_num>span {
  color: #fff
}

.c-checkout_indicator__item.is-active .indicator_text {
  color: #5c4f4c
}

.c-form_table {
  table-layout: auto
}

@media screen and (min-width:761px) {
  .c-form_table {
    margin-top: -24px
  }
}

@media screen and (max-width:760px) {

  .c-form_table,
  .c-form_table tbody,
  .c-form_table tbody tr {
    display: block
  }

  .c-form_table tbody tr:not(:first-child) {
    margin-top: 16px
  }
}

.c-form_table tbody tr th {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  width: 210px;
  padding-top: 24px;
  padding-right: 50px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: left;
  position: relative;
  vertical-align: top
}

@media screen and (max-width:760px) {
  .c-form_table tbody tr th {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0;
    padding-right: 0
  }
}

.c-form_table tbody tr th p {
  font-size: 16px;
  display: inline-block;
  margin-top: 11px
}

@media screen and (max-width:760px) {
  .c-form_table tbody tr th p {
    font-size: 15px;
    margin-top: 0;
    margin-right: 8px
  }
}

.c-form_table tbody tr th p span {
  display: inline-block;
  font-size: 12px
}

.c-form_table tbody tr th>span {
  font-size: 12px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 38px;
  right: 16px;
  vertical-align: middle
}

@media screen and (max-width:760px) {
  .c-form_table tbody tr th>span {
    font-size: 12px;
    position: static
  }
}

.c-form_table tbody tr th>span.-top {
  align-items: flex-start;
  display: inline-block;
  vertical-align: top
}

.c-form_table tbody tr th.-middle {
  vertical-align: middle
}

.c-form_table tbody tr th.-middle p {
  margin-top: 0
}

.c-form_table tbody tr td {
  width: calc(100% - 210px);
  padding-top: 24px
}

@media screen and (max-width:760px) {
  .c-form_table tbody tr td {
    display: block;
    width: 100%;
    padding-top: 8px
  }
}

.c-form_table tbody tr td input::-moz-placeholder,
.c-form_table tbody tr td textarea::-moz-placeholder {
  color: rgba(92, 79, 76, .4)
}

.c-form_table tbody tr td input:-ms-input-placeholder,
.c-form_table tbody tr td textarea:-ms-input-placeholder {
  color: rgba(92, 79, 76, .4)
}

.c-form_table tbody tr td input::placeholder,
.c-form_table tbody tr td textarea::placeholder {
  color: rgba(92, 79, 76, .4)
}

.c-form_table tbody tr td input[type=email],
.c-form_table tbody tr td input[type=number],
.c-form_table tbody tr td input[type=password],
.c-form_table tbody tr td input[type=tel],
.c-form_table tbody tr td input[type=text] {
  height: 48px;
  font-size: 16px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #e0e4e6;
  background-color: #fff;
  transition: .3s
}

.c-form_table tbody tr td input[type=email]:focus,
.c-form_table tbody tr td input[type=number]:focus,
.c-form_table tbody tr td input[type=password]:focus,
.c-form_table tbody tr td input[type=tel]:focus,
.c-form_table tbody tr td input[type=text]:focus {
  background-color: #fff8f6
}

.c-form_table tbody tr td input[type=email]:disabled,
.c-form_table tbody tr td input[type=number]:disabled,
.c-form_table tbody tr td input[type=password]:disabled,
.c-form_table tbody tr td input[type=tel]:disabled,
.c-form_table tbody tr td input[type=text]:disabled {
  background-color: #f6f6f6;
  color: rgba(92, 79, 76, .4)
}

.c-form_table tbody tr td select {
  display: block;
  font-size: 16px;
  height: 100%;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #e0e4e6;
  cursor: pointer;
  transition: .3s
}

@media(hover:hover) {
  .c-form_table tbody tr td select {
    transition: .3s
  }

  .c-form_table tbody tr td select:hover {
    color: rgba(92, 79, 76, .4)
  }
}

.c-form_table tbody tr td select:disabled {
  background-color: #f6f6f6;
  color: rgba(92, 79, 76, .4)
}

.c-form_table tbody tr td textarea {
  transition: .3s;
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  height: calc(8em + 16px);
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #e0e4e6;
  background-color: #fff;
  resize: vertical
}

.c-form_table tbody tr td textarea:focus {
  background-color: #fff8f6
}

.c-form_table tbody tr td textarea:disabled {
  background-color: #f6f6f6;
  color: rgba(92, 79, 76, .4)
}

@media screen and (max-width:760px) {
  .c-form_table tbody tr td textarea {
    font-size: 15px;
    font-size: 16px
  }
}

.c-form_table tbody tr td>input,
.c-form_table tbody tr td select,
.c-form_table tbody tr td textarea {
  width: 100%
}

.c-form_table__name {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative
}

.c-form_table__name input {
  flex: 1 1
}

@media screen and (max-width:760px) {
  .c-form_table__name input {
    min-width: 0
  }
}

.c-form_table__name input:nth-child(2) {
  margin-left: 16px
}

@media screen and (max-width:760px) {
  .c-form_table__name input:nth-child(2) {
    margin-left: 8px
  }
}

.c-form_table__input {
  position: relative
}

.c-form_table__input input {
  width: 100%
}

.c-form_table__select {
  display: block;
  width: 100%;
  height: 48px;
  position: relative;
  z-index: 1
}

.c-form_table__select:after {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  z-index: -1;
  width: 14px;
  height: 100%;
  background: url(images/icon-arrow-down-main.svg) 50%/contain no-repeat;
  pointer-events: none
}

.c-form_table__select select {
  width: 100%
}

.c-form_table__select.-small {
  width: 100px
}

.c-form_table__zipcode {
  max-width: 235px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative
}

.c-form_table__zipcode input {
  flex: 1 1
}

@media screen and (max-width:760px) {
  .c-form_table__zipcode input {
    min-width: 0
  }
}

.c-form_table__zipcode>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding: 0 4px
}

@media screen and (max-width:760px) {
  .c-form_table__zipcode>span {
    font-size: 15px
  }
}

.c-form_table__zipcode>span:nth-of-type(2) {
  padding: 0 8px
}

.c-form_table__zipcode.-multi {
  max-width: 229px
}

.c-form_table__zipcode.-multi input:first-of-type {
  flex: 1 1 80px
}

.c-form_table__zipcode.-multi input:last-of-type {
  flex: 1 1 100px
}

.c-form_table__tel {
  max-width: 235px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative
}

.c-form_table__tel input {
  flex: 1 1
}

@media screen and (max-width:760px) {
  .c-form_table__tel input {
    min-width: 0
  }
}

.c-form_table__tel>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding: 0 8px
}

@media screen and (max-width:760px) {
  .c-form_table__tel>span {
    font-size: 15px
  }
}

.c-form_table__tel.-multi {
  max-width: 289px
}

.c-form_table__tel.-multi input {
  flex: 1 1 80px
}

.c-form_table__cycle {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%
}

.c-form_table__cycle input {
  flex: 1 1
}

@media screen and (max-width:760px) {
  .c-form_table__cycle input {
    min-width: 0
  }
}

.c-form_table__cycle>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding: 0 8px
}

@media screen and (max-width:760px) {
  .c-form_table__cycle>span {
    font-size: 15px
  }
}

.c-form_table__cycle input {
  flex: 1 1 80px
}

.c-form_table__cycle .c-form_table__select {
  flex: 0 0 100px
}

.c-form_table__password {
  position: relative
}

.c-form_table__password input {
  width: 100%
}

.c-form_table__password>i {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: #5c4f4c
}

@media screen and (max-width:760px) {
  .c-form_table__password>i {
    font-size: 18px
  }
}

.c-form_table__password>i:before {
  font-family: icon;
  font-style: normal
}

.c-form_table__password input[type=password]+i:before {
  content: ""
}

.c-form_table__password input[type=text]+i:before {
  content: ""
}

.c-form_table__radio {
  display: flex
}

.c-form_table__radio .radio_wrap {
  position: relative;
  border: 1px solid #e0e4e6;
  overflow: hidden
}

.c-form_table__radio .radio_wrap:not(:first-child) {
  margin-left: 16px
}

.c-form_table__radio .radio_wrap input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

.c-form_table__radio .radio_wrap .radio_content {
  display: flex;
  align-items: center;
  padding: 11px 16px
}

.c-form_table__radio .radio_wrap .radio_content .frame {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #e0e4e6;
  background-color: #fff
}

.c-form_table__radio .radio_wrap .radio_content .label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  font-size: 15px
}

@media screen and (max-width:760px) {
  .c-form_table__radio .radio_wrap .radio_content .label {
    font-size: 15px
  }
}

.c-form_table__radio input:checked+.radio_content {
  background-color: #fff8f6
}

.c-form_table__radio input:checked+.radio_content .frame {
  border: 8px solid #ff8368
}

.c-form_table__cvv {
  max-width: 100px;
  width: 100%;
  position: relative
}

.c-form_table__checkbox .c-checkbox,
.c-form_table__cvv input {
  width: 100%
}

.c-form_table__notes {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  font-size: 14px;
  margin-top: 8px
}

@media screen and (max-width:760px) {
  .c-form_table__notes {
    font-size: 15px
  }
}

.c-form_table__notes.-cvv img {
  max-width: 200px;
  width: 100%;
  height: auto;
  margin-right: auto
}

.c-form_table__note {
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 1.6
}

.c-form_table.-mypage tbody tr th {
  width: 260px
}

@media screen and (max-width:760px) {
  .c-form_table.-mypage tbody tr th {
    width: 100%
  }
}

.c-form_table.-mypage tbody tr td {
  width: calc(100% - 260px)
}

@media screen and (max-width:760px) {
  .c-form_table.-mypage tbody tr td {
    width: 100%
  }
}

.c-form_table.-subs_tab tbody tr th {
  width: 200px;
  padding-right: 8px
}

@media screen and (max-width:760px) {
  .c-form_table.-subs_tab tbody tr th {
    width: 100%
  }
}

.c-order_price__block .block_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-order_price__block .block_label {
    font-size: 15px
  }
}

.c-order_price__block .block_table .table_row {
  padding: 16px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.c-order_price__block .block_table .table_row dd,
.c-order_price__block .block_table .table_row dt {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {

  .c-order_price__block .block_table .table_row dd,
  .c-order_price__block .block_table .table_row dt {
    font-size: 15px
  }
}

.c-order_price__block .block_table .table_row.-total dd,
.c-order_price__block .block_table .table_row.-total dt {
  font-size: 18px
}

@media screen and (max-width:760px) {

  .c-order_price__block .block_table .table_row.-total dd,
  .c-order_price__block .block_table .table_row.-total dt {
    font-size: 16px
  }
}

.c-order_price__block .block_table .table_row_sub {
  padding: 0 8px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.c-order_price__block .block_table .table_row_sub dd,
.c-order_price__block .block_table .table_row_sub dt {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 14px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

.c-order_price__block .block_button {
  display: flex;
  justify-content: center
}

.c-order_product {
  padding: 16px 8px
}

.c-order_product__inner {
  display: flex
}

.c-order_product__thumbnail {
  flex: 0 0 80px
}

.c-order_product__thumbnail .thumbnail_wrap {
  padding: 8px;
  border-width: 1px;
  aspect-ratio: 1
}

.c-order_product__thumbnail .thumbnail_wrap img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.c-order_product__info {
  flex: 1;
  padding-left: 16px
}

.c-order_product__info .item_title {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-order_product__info .item_title {
    font-size: 15px
  }
}

.c-order_product__info .item_title.-has-control {
  display: flex;
  justify-content: space-between
}

.c-order_product__info .item_title.-has-control .title_text {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-order_product__info .item_title.-has-control .title_text {
    font-size: 15px
  }
}

.c-order_product__info .item_title.-has-control .edit_link {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24;
  flex: 0 0 70px;
  display: inline-block;
  text-align: right
}

@media screen and (max-width:760px) {
  .c-order_product__info .item_title.-has-control .edit_link {
    font-size: 15px
  }
}

.c-order_product__info .item_prices .price_text {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block
}

@media screen and (max-width:760px) {
  .c-order_product__info .item_prices .price_text {
    font-size: 15px
  }
}

.c-order_product__info .item_prices .tax_and_qty {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block
}

@media screen and (max-width:760px) {
  .c-order_product__info .item_prices .tax_and_qty {
    font-size: 12px
  }
}

.c-order_product__info .item_subtotal {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: right
}

@media screen and (max-width:760px) {
  .c-order_product__info .item_subtotal {
    font-size: 15px
  }
}

.c-order_product.-subs-edit .c-order_product__thumbnail {
  flex: 0 0 160px
}

.c-order_product.-subs-edit .c-order_product__info .item_title {
  font-size: 18px
}

@media screen and (max-width:760px) {
  .c-order_product.-subs-edit .c-order_product__info .item_title {
    font-size: 16px
  }
}

.c-order_product.-subs-edit .c-order_product__info .item_prices .price_text {
  font-size: 16px
}

@media screen and (max-width:760px) {
  .c-order_product.-subs-edit .c-order_product__info .item_prices .price_text {
    font-size: 15px
  }
}

.c-order_product.-subs-edit .c-order_product__info .item_prices .price_text .tax_and_qty {
  font-size: 16px;
  display: block
}

@media screen and (max-width:760px) {
  .c-order_product.-subs-edit .c-order_product__info .item_prices .price_text .tax_and_qty {
    font-size: 15px
  }
}

.c-order_item {
  border-width: 1px
}

@media screen and (max-width:760px) {
  .c-order_item {
    position: relative;
    padding-bottom: 48px
  }
}

.c-order_item__header {
  display: flex;
  border-width: 1px
}

@media screen and (max-width:760px) {
  .c-order_item__header {
    display: block;
    position: static;
    border: none
  }
}

.c-order_item__header .header_item {
  padding: 8px 24px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width:760px) {
  .c-order_item__header .header_item {
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
    border-left: none
  }

  .c-order_item__header .header_item:not(:last-child) {
    border-bottom: 1px solid #eee9e9
  }
}

.c-order_item__header .header_item .item_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: block;
  width: 100%;
  text-align: center
}

@media screen and (max-width:760px) {
  .c-order_item__header .header_item .item_label {
    font-size: 12px;
    flex: auto;
    width: auto;
    text-align: left
  }
}

.c-order_item__header .header_item .item_content {
  margin-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:760px) {
  .c-order_item__header .header_item .item_content {
    margin-top: 0
  }
}

.c-order_item__header .header_item .item_content>span,
.c-order_item__header .header_item .item_content time {
  display: inline;
  line-height: 1.6
}

.c-order_item__header .header_item .status {
  display: flex;
  align-items: center;
  height: 100%
}

@media screen and (max-width:760px) {
  .c-order_item__header .header_item .status {
    width: 100%
  }
}

.c-order_item__header .header_item .status span {
  display: block;
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background: red;
  padding: 4px 24px;
  border-radius: 4px
}

@media screen and (max-width:760px) {
  .c-order_item__header .header_item .status span {
    font-size: 15px;
    width: 100%
  }
}

.c-order_item__header .header_link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 16px;
  flex: 1
}

@media screen and (max-width:760px) {
  .c-order_item__header .header_link {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 48px;
    border-left: none;
    border-top: 1px solid #eee9e9
  }
}

.c-order_item__content .c-order_product:not(:first-child) {
  padding: 0 8px 16px
}

.c-account_nav {
  padding: 0 16px;
  border-width: 1px
}

.c-account_nav__inner {
  width: 100%
}

.c-account_nav__item:not(:first-child) {
  margin-top: 8px
}

.c-account_nav__item .item_parent,
.c-account_nav__item:not(:last-child) {
  border-bottom-style: solid;
  border-bottom-width: 1px
}

.c-account_nav__item .item_parent__inner {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 16px 8px
}

@media(hover:hover) {
  .c-account_nav__item .item_parent__inner {
    transition: .3s
  }

  .c-account_nav__item .item_parent__inner:hover {
    opacity: .6
  }
}

.c-account_nav__item .item_parent__inner>i {
  flex: 0 0 16px;
  font-size: 16px;
  display: block;
  margin-right: 8px;
  color: #ff8368
}

.c-account_nav__item .item_parent__inner>i.account--kpid{
    color:var(--kpred);
}

.c-account_nav__item .item_parent__inner>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  line-height: 1;
  font-size: 15px;
  font-weight: 600
}

@media screen and (max-width:760px) {
  .c-account_nav__item .item_parent__inner>span {
    font-size: 15px
  }
}

.c-account_nav__item.-active {
  background-color: #f6f6f6
}

.c-account_nav__item.-active .item_inner {
  opacity: .4;
  pointer-events: none
}

.c-account_nav__item .item_children .item_child:not(:last-child) {
  border-bottom: 1px dashed #e4dfdf
}

.c-account_nav__item .item_children .item_child__inner {
  padding: 16px 8px;
  display: flex;
  align-items: center;
  gap: 8px
}

.c-account_nav__item .item_children .item_child__inner span {
  flex: 1;
  font-size: 15px;
  letter-spacing: .02em
}

.c-account_nav__item .item_children .item_child__inner:after {
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  background: url(images/icon-circle-arrow.svg) 50%/contain no-repeat
}

.c-account_nav__fixed {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  filter: drop-shadow(0 0 16px rgba(92, 79, 76, .16))
}

@media screen and (max-width:760px) {
  .c-account_nav__fixed {
    display: block
  }
}

.c-account_nav__fixed .fixed_nav {
  position: relative;
  border-top: 1px solid #eee9e9;
  background-color: #fff
}

.c-account_nav__fixed .fixed_nav__list {
  display: flex;
  position: relative
}

.c-account_nav__fixed .fixed_nav__item {
  flex: 1;
  position: static
}

.c-account_nav__fixed .fixed_nav__item:not(:first-child) {
  border-left: 1px solid #eee9e9
}

.c-account_nav__fixed .fixed_nav__item.is-active .fixed_nav__children {
  translate: 0 -100%;
  opacity: 1;
  pointer-events: all
}

.c-account_nav__fixed .fixed_nav__item.is-active .fixed_nav__trigger {
  background-color: #ff8368
}

.c-account_nav__fixed .fixed_nav__item.is-active .fixed_nav__trigger i,
.c-account_nav__fixed .fixed_nav__item.is-active .fixed_nav__trigger span {
  color: #fff
}

.c-account_nav__fixed .fixed_nav__trigger {
  width: 100%;
 /* min-height: 64px;*/
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: .3s
}

.c-account_nav__fixed .fixed_nav__trigger>i {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #ff8368;
  transition: .3s
}

.c-account_nav__fixed .fixed_nav__trigger>i.account--kpid {
    color: var(--kpred);
}


.c-account_nav__fixed .fixed_nav__trigger>i svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.c-account_nav__fixed .fixed_nav__trigger>span {
  font-size: 12px;
  letter-spacing: .02em;
  transition: .3s;
  line-height: 1.3;
}

.c-account_nav__fixed .fixed_nav__children {
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -80%;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  transition: .3s;
  pointer-events: none
}

.c-account_nav__fixed .fixed_nav__child {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  border-bottom: 1px solid #eee9e9
}

.c-account_nav__fixed .fixed_nav__child:after {
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  background: url(images/icon-circle-arrow.svg) 50%/contain no-repeat
}

.c-account_nav__fixed .fixed_nav__child span {
  flex: 1;
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1
}

.c-sidebar_banner {
  display: inline-block
}

.c-subs_table {
  width: 100%
}

.c-subs_table__frame {
  border-width: 1px
}

.c-subs_table__frame:not(:first-child) {
  margin-top: 16px
}

@media screen and (max-width:760px) {
  .c-subs_table__frame.-pc {
    display: none
  }
}

.c-subs_table__frame--heading {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

@media screen and (min-width:761px) {
  .c-subs_table__frame--heading+.c-subs_table__frame {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
}

.c-subs_table__frame--heading .c-subs_table__value {
  text-align: center
}

.c-subs_table__frame__inner {
  display: flex;
  padding: 16px;
  align-items: center;
  position: relative
}

@media screen and (max-width:760px) {
  .c-subs_table__frame__inner.-children {
    display: block;
    padding-bottom: 8px
  }
}

@media screen and (max-width:760px) {
  .c-subs_table__frame__inner.-children .c-subs_table__check-wrap {
    position: absolute;
    top: 16px;
    left: 16px
  }
}

.c-subs_table__check-wrap {
  flex: 0 0 24px
}

.c-subs_table__check {
  display: block;
  width: 24px;
  height: 24px;
  border-style: solid;
  border-width: 1px
}

.c-subs_table__check .frame {
  width: 100%;
  height: 100%;
  display: block
}

.c-subs_table__check input {
  display: none
}

.c-subs_table__check input:checked+.frame {
  background: url(images/icon-checkbox-checked.svg) 50%/cover no-repeat
}

.c-subs_table__label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  flex: 1;
  padding-left: 16px;
  letter-spacing: .02em;
  color: #a69d9b
}

@media screen and (max-width:760px) {
  .c-subs_table__label {
    font-size: 15px
  }
}

@media screen and (max-width:760px) {

  .c-subs_table__label span,
  .c-subs_table__label span.-pc-label {
    display: none
  }
}

@media screen and (min-width:761px) {
  .c-subs_table__label span.-sp-label {
    display: none
  }
}

@media screen and (max-width:760px) {
  .c-subs_table__label span.-sp-label {
    display: block;
    white-space: nowrap
  }
}

.c-subs_table__value {
  font-size: 16px;
  padding-left: 16px;
  letter-spacing: .02em
}

@media screen and (max-width:760px) {
  .c-subs_table__value {
    font-size: 15px
  }
}

@media screen and (min-width:761px) {
  .c-subs_table__value:nth-child(2) {
    flex: 0 0 120px
  }

  .c-subs_table__value:nth-child(3) {
    flex: 0 0 80px
  }

  .c-subs_table__value:nth-child(4) {
    flex: 0 0 134px
  }

  .c-subs_table__value:last-child {
    flex: 1
  }
}

@media screen and (max-width:760px) {
  .c-subs_table__value {
    padding-left: 40px;
    margin-top: 0;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between
  }

  .c-subs_table__value:before {
    font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
    font-weight: 600;
    content: attr(data-label);
    color: #a69d9b;
    margin-right: 16px;
    flex-shrink: 0
  }
}

.c-subs_table__value a {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .c-subs_table__value a {
    font-size: 15px
  }
}

.c-subs_table__value.-status {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600
}

.c-address_item {
  width: 100%
}

@media screen and (max-width:760px) {
  .c-address_item {
    padding-bottom: 48px;
    position: relative
  }
}

.c-address_item__header {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:760px) {
  .c-address_item__header {
    position: static
  }
}

.c-address_item__header .address_name {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-address_item__header .address_name {
    font-size: 16px
  }
}

.c-address_item__header .address_controls {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center
}

@media screen and (max-width:760px) {
  .c-address_item__header .address_controls {
    position: absolute;
    bottom: 16px;
    right: 8px
  }
}

.c-address_item__header .address_controls .address_delete,
.c-address_item__header .address_controls .address_edit {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 0 8px;
  position: relative
}

@media screen and (max-width:760px) {

  .c-address_item__header .address_controls .address_delete,
  .c-address_item__header .address_controls .address_edit {
    font-size: 15px
  }
}

.c-address_item__header .address_controls .address_delete:first-child:before,
.c-address_item__header .address_controls .address_edit:first-child:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #eee9e9
}

.c-address_item__header .address_controls .address_edit {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .c-address_item__header .address_controls .address_edit {
    font-size: 15px
  }
}

.c-address_item__header .address_controls .address_delete {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .c-address_item__header .address_controls .address_delete {
    font-size: 15px
  }
}

.c-address_item__body {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-address_item__body {
    font-size: 15px
  }
}

.c-card_item {
  padding: 16px
}

@media screen and (max-width:760px) {
  .c-card_item {
    padding: 16px 0
  }
}

.c-card_item__header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.c-card_item__header .card_num {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  padding-right: 8px
}

@media screen and (max-width:760px) {
  .c-card_item__header .card_num {
    font-size: 15px
  }
}

.c-card_item__header .card_controls {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.c-card_item__header .card_controls .card_delete,
.c-card_item__header .card_controls .card_edit {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 0 8px;
  position: relative
}

@media screen and (max-width:760px) {

  .c-card_item__header .card_controls .card_delete,
  .c-card_item__header .card_controls .card_edit {
    font-size: 15px
  }
}

.c-card_item__header .card_controls .card_delete:first-child:before,
.c-card_item__header .card_controls .card_edit:first-child:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #eee9e9
}

.c-card_item__header .card_controls .card_edit {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .c-card_item__header .card_controls .card_edit {
    font-size: 15px
  }
}

.c-card_item__header .card_controls .card_delete {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .c-card_item__header .card_controls .card_delete {
    font-size: 15px
  }
}

.c-card_item__content .card_expires {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-card_item__content .card_expires {
    font-size: 15px
  }
}

.c-card_item__content .card_default {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .c-card_item__content .card_default {
    font-size: 12px
  }
}

.c-card_form .c-form_table tbody tr th {
  width: 240px
}

@media screen and (max-width:760px) {
  .c-card_form .c-form_table tbody tr th {
    width: 100%
  }
}

.c-card_form .c-form_table tbody tr td {
  width: calc(100% - 240px)
}

@media screen and (max-width:760px) {
  .c-card_form .c-form_table tbody tr td {
    width: 100%
  }
}

.c-card_form__acceptance,
.c-card_form__bottom {
  display: flex;
  justify-content: center
}

.c-card_form__bottom {
  flex-direction: column;
  align-items: center
}

.c-order_table tbody tr th {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 270px;
  text-align: left
}

@media screen and (max-width:760px) {
  .c-order_table tbody tr th {
    font-size: 15px;
    width: 140px
  }
}

.c-order_table tbody tr td {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: left
}

@media screen and (max-width:760px) {
  .c-order_table tbody tr td {
    font-size: 15px
  }
}

.c-history_table thead tr th {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: left
}

@media screen and (max-width:760px) {
  .c-history_table thead tr th {
    font-size: 15px
  }
}

.c-history_table tbody tr td {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: left
}

@media screen and (max-width:760px) {
  .c-history_table tbody tr td {
    font-size: 15px
  }
}

.c-history_table tbody tr td a {
  text-decoration: underline
}

.c-subs_nav {
  width: 100%
}

.c-subs_nav__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.c-subs_nav__item {
  width: calc(50% - 8px);
  border-radius: 6px;
  border: 1px solid #eee9e9
}

@media screen and (min-width:761px) {
  .c-subs_nav__item:not(:nth-child(-n+2)) {
    margin-top: 16px
  }
}

@media screen and (max-width:760px) {
  .c-subs_nav__item {
    width: 100%
  }

  .c-subs_nav__item:not(:first-child) {
    margin-top: 8px
  }
}

.c-subs_nav__item>a,
.c-subs_nav__item button {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 8px 32px 8px 16px
}

@media screen and (max-width:760px) {

  .c-subs_nav__item>a,
  .c-subs_nav__item button {
    padding: 8px 30px 8px 8px;
    height: 100%
  }
}

.c-subs_nav__item>a>i:not(.-abs),
.c-subs_nav__item button>i:not(.-abs) {
  font-size: 24px;
  display: inline-block;
  margin-right: 16px
}

@media screen and (max-width:760px) {

  .c-subs_nav__item>a>i:not(.-abs),
  .c-subs_nav__item button>i:not(.-abs) {
    font-size: 18px;
    margin-right: 8px
  }
}

.c-subs_nav__item>a>i.-abs,
.c-subs_nav__item button>i.-abs {
  position: absolute;
  top: 50%;
  right: 16px;
  font-size: 14px;
  transform: translateY(-50%)
}

@media screen and (max-width:760px) {

  .c-subs_nav__item>a>i.-abs,
  .c-subs_nav__item button>i.-abs {
    right: 8px
  }
}

.c-subs_nav__item>a>span,
.c-subs_nav__item button>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {

  .c-subs_nav__item>a>span,
  .c-subs_nav__item button>span {
    font-size: 16px
  }
}

.c-horizontal_tab__tabs {
  display: flex
}

.c-horizontal_tab__tabs>.tab_item {
  width: 50%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-top: 1px solid #eee9e9;
  border-bottom: 1px solid #eee9e9;
  background-color: #f6f6f6;
  transition: .4s;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  cursor: pointer
}

.c-horizontal_tab__tabs>.tab_item:first-child {
  border-left: 1px solid #eee9e9
}

.c-horizontal_tab__tabs>.tab_item:first-child:before {
  content: "";
  width: 1px;
  height: calc(100% + 1px);
  background-color: #eee9e9;
  position: absolute;
  top: 0;
  right: 0
}

.c-horizontal_tab__tabs>.tab_item:last-child {
  border-right: 1px solid #eee9e9
}

.c-horizontal_tab__tabs>.tab_item>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #5c4f4c;
  opacity: .8;
  transition: .4s
}

@media screen and (max-width:760px) {
  .c-horizontal_tab__tabs>.tab_item>span {
    font-size: 16px
  }
}

@media screen and (min-width:761px) {
  .c-horizontal_tab__tabs>.tab_item>span .is-sp {
    display: none
  }
}

.c-horizontal_tab__tabs>.tab_item.is-active {
  background-color: #fff;
  border-bottom: 1px solid #fff
}

.c-horizontal_tab__tabs>.tab_item.is-active>span {
  opacity: 1
}

.c-horizontal_tab__contents {
  position: relative;
  background-color: #fff;
  border-left: 1px solid #eee9e9;
  border-right: 1px solid #eee9e9;
  border-bottom: 1px solid #eee9e9;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.c-horizontal_tab__contents .tab_content {
  padding: 16px;
  position: absolute;
  pointer-events: none;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .4s
}

.c-horizontal_tab__contents .tab_content.is-active {
  position: static;
  pointer-events: auto;
  opacity: 1;
  transition: opacity .4s
}

.c-horizontal_tab__contents .tab_content .card_list .c-card_item:not(:first-child) {
  border-top: 1px dashed #e4dfdf
}

.c-vertical_tab {
  display: flex
}

@media screen and (min-width:761px) {
  .c-vertical_tab {
    width: calc(100% + 1px)
  }
}

@media screen and (max-width:760px) {
  .c-vertical_tab {
    display: block
  }
}

.c-vertical_tab__tabs {
  flex: 0 0 160px;
  position: relative;
  z-index: 1
}

@media screen and (max-width:760px) {
  .c-vertical_tab__tabs {
    width: 100%
  }
}

.c-vertical_tab__tabs .tab_list {
  border-top: 1px solid #eee9e9;
  border-bottom: 1px solid #eee9e9;
  border-left: 1px solid #eee9e9;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  overflow: hidden
}

@media screen and (max-width:760px) {
  .c-vertical_tab__tabs .tab_list {
    border-right: 1px solid #eee9e9;
    border-radius: 6px
  }
}

.c-vertical_tab__tabs .tab_list .tab_item {
  padding: 16px;
  position: relative;
  background-color: #f6f6f6;
  cursor: pointer
}

@media screen and (max-width:760px) {
  .c-vertical_tab__tabs .tab_list .tab_item {
    text-align: center;
    padding: 8px
  }
}

.c-vertical_tab__tabs .tab_list .tab_item:not(:last-child) {
  border-bottom: 1px solid #eee9e9
}

.c-vertical_tab__tabs .tab_list .tab_item:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #eee9e9
}

@media screen and (max-width:760px) {
  .c-vertical_tab__tabs .tab_list .tab_item:before {
    content: none
  }
}

.c-vertical_tab__tabs .tab_list .tab_item span {
  color: #5c4f4c;
  opacity: .8;
  transition: .4s
}

.c-vertical_tab__tabs .tab_list .tab_item.is-active,
.c-vertical_tab__tabs .tab_list .tab_item.is-active:before {
  background-color: #fff
}

.c-vertical_tab__tabs .tab_list .tab_item.is-active span {
  opacity: 1
}

.c-vertical_tab__contents {
  position: relative;
  min-height: 400px;
  flex: 1;
  border: 1px solid #eee9e9;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

@media screen and (min-width:761px) {
  .c-vertical_tab__contents {
    margin-left: -1px
  }
}

@media screen and (max-width:760px) {
  .c-vertical_tab__contents {
    border: none;
    width: 100%
  }
}

.c-vertical_tab__content {
  width: 100%;
  padding: 32px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: .4s;
  background-color: #fff
}

@media screen and (max-width:760px) {
  .c-vertical_tab__content {
    padding: 40px 0
  }
}

.c-vertical_tab__content.is-active {
  position: static;
  opacity: 1;
  pointer-events: auto
}

.c-vertical_tab__content .subs_note {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .c-vertical_tab__content .subs_note {
    font-size: 15px
  }
}

.c-vertical_tab__content .subs_note a {
  text-decoration: underline;
  color: #ff4b24
}

.c-vertical_tab__content .subs_next-date {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:760px) {
  .c-vertical_tab__content .subs_next-date {
    flex-direction: column
  }
}

.c-vertical_tab__content .subs_next-date>.date {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600
}

.c-checkbox {
  position: relative
}

.c-checkbox>input[type=checkbox] {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

.c-checkbox>div:not([class*=formError]) {
  padding: 11px 16px;
  background: #fff;
  border: 1px solid #e0e4e6;
  border-radius: 4px
}

.c-checkbox>div:not([class*=formError]):after {
  content: " ";
  display: block;
  clear: both
}

@media(hover:hover) {
  .c-checkbox>div:not([class*=formError]) {
    transition: .3s
  }

  .c-checkbox>div:not([class*=formError]):hover {
    background-color: #fff8f6
  }
}

.c-checkbox>div:not([class*=formError])>span {
  float: left;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e0e4e6;
  position: relative;
  transition: .4s
}

.c-checkbox>div:not([class*=formError])>span:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/icon-checkbox-checked.svg) 50%/cover no-repeat;
  opacity: 0;
  transition: .4s
}

.c-checkbox>div:not([class*=formError])>p {
  float: left;
  width: calc(100% - 32px);
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  font-size: 15px;
  margin-left: 8px
}

@media screen and (max-width:760px) {
  .c-checkbox>div:not([class*=formError])>p {
    font-size: 15px
  }
}

.c-checkbox>div:not([class*=formError])>p a {
  color: #ff4b24;
  text-decoration: underline
}

.c-checkbox input:checked+div {
  background-color: #ffe8e2;
  border-color: #e0e4e6
}

.c-checkbox input:checked+div>span {
  border-color: #ff8368
}

.c-checkbox input:checked+div>span:before {
  opacity: 1
}

.c-confirm_table>tbody tr th {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 236px;
  padding: 16px 8px;
  text-align: left;
  vertical-align: top
}

@media screen and (max-width:760px) {
  .c-confirm_table>tbody tr th {
    font-size: 15px;
    width: 136px
  }
}

.c-confirm_table>tbody tr td {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 16px 8px;
  text-align: left
}

@media screen and (max-width:760px) {
  .c-confirm_table>tbody tr td {
    font-size: 15px
  }
}

.c-confirm_table.-contact>tbody tr th {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 232px
}

@media screen and (max-width:760px) {
  .c-confirm_table.-contact>tbody tr th {
    font-size: 15px;
    width: 126px
  }
}

.c-product_item {
  padding: 24px 16px 16px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #eee9e9
}

.c-product_item.-reward {
  padding: 8px 16px 24px
}

.c-product_item .item_points {
  color: #ff4b24;
  padding-bottom: 16px
}

.c-product_item .item_points span {
  color: #ff4b24
}

.c-product_item .item_thumbnail {
  width: 100%;
  padding: 16px;
  margin-bottom: 24px
}

@media screen and (max-width:760px) {
  .c-product_item .item_thumbnail {
    padding: 8px
  }
}

.c-product_item .item_thumbnail img {
  width: 100%;
  height: auto
}

.c-product_item .item_badge {
  font-size: 12px;
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  display: inline-block;
  max-width: 120px;
  margin: 0 8px 8px;
  padding: 0 14px;
  border: 1px solid #5c4f4c;
  border-radius: 4px;
  text-align: center
}

@media screen and (max-width:760px) {
  .c-product_item .item_badge {
    font-size: 12px
  }
}

.c-product_item .item_desc {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  font-size: 14px;
  padding: 0 8px
}

@media screen and (max-width:760px) {
  .c-product_item .item_desc {
    font-size: 15px;
    padding: 0
  }
}

.c-product_item .item_title {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 0 8px;
  margin-top: 4px
}

@media screen and (max-width:760px) {
  .c-product_item .item_title {
    font-size: 15px;
    padding: 0
  }
}

.c-product_item .item_link {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 16px
}

.c-product_item .purchase_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px
}

.c-product_item .purchase_btn i {
  display: inline-block;
  font-size: 20px;
  margin-right: 8px
}

.c-product_item .purchase_btn span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px
}

@media screen and (max-width:760px) {
  .c-product_item .purchase_btn span {
    font-size: 16px
  }
}

.c-product_item .item_form {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end
}

.c-product_item .item_form button {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff8368
}

.c-product_item .item_form button i,
.c-product_item .item_form button span {
  color: #fff
}

.c-product_item .item_form button i {
  font-size: 20px;
  display: inline-block;
  margin-right: 4px
}

.c-product_item .item_form button span {
  font-size: 18px;
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  letter-spacing: .02em
}

@media screen and (max-width:760px) {
  .c-product_item .item_form button span {
    font-size: 16px
  }
}

.tc-select {
  height: 48px;
  position: relative
}

.tc-select:after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #ff8368;
  border-right: 2px solid #ff8368;
  position: absolute;
  top: calc(50% - 6px);
  right: 18px;
  transform: rotate(135deg);
  pointer-events: none
}

.tc-select select {
  width: 100%;
  height: 100%;
  font-size: 16px;
  background: #fff;
  padding: 0 44px 0 16px;
  border: 1px solid #e0e4e6;
  border-radius: 4px;
  transition: 1.6s
}

.tc-select select[disabled] {
  color: rgba(92, 79, 76, .64);
  background: rgba(92, 79, 76, .08)
}

.tc-select:hover select:not([disabled]) {
  background: #fff8f6
}

.tc-subs-restart {
  padding: 24px 16px;
  border: 1px solid red;
  border-radius: 6px
}

@media screen and (max-width:760px) {
  .tc-subs-restart {
    border-radius: 4px
  }
}

.tc-subs-restart__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: red
}

@media screen and (max-width:760px) {
  .tc-subs-restart__title {
    font-size: 18px
  }
}

.tc-subs-restart__input-wrap {
  display: flex;
  align-items: center;
  max-width: 440px;
  margin: 16px auto
}

@media screen and (max-width:760px) {
  .tc-subs-restart__input-wrap {
    display: block
  }
}

.tc-subs-restart__label {
  flex: 0 0 164px;
  font-size: 16px;
  font-weight: 700;
  margin-right: 16px
}

@media screen and (max-width:760px) {
  .tc-subs-restart__label {
    font-size: 15px;
    margin-right: 0;
    margin-bottom: 8px
  }
}

.tc-subs-restart__input {
  flex: 1 1
}

.tc-subs-restart__payment {
  background: #fff8f6;
  padding: 24px 40px;
  margin-top: 16px;
  border-radius: 6px
}

@media screen and (max-width:760px) {
  .tc-subs-restart__payment {
    border-radius: 4px
  }
}

.tc-subs-restart__text {
  font-size: 16px;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .tc-subs-restart__text {
    font-size: 15px
  }
}

.tc-subs-restart__text a {
  color: #ff4b24;
  text-decoration: underline
}

.tc-subs-restart__btn button {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 280px;
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  position: relative;
  background: #ff8368;
  margin: 24px auto 0;
  border-radius: 25px;
  transition: .3s
}

@media screen and (max-width:760px) {
  .tc-subs-restart__btn button {
    font-size: 16px
  }
}

.tc-subs-restart__btn button:after {
  font-family: icon;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 14px;
  content: "";
  color: #fff;
  position: absolute;
  right: 18px;
  top: calc(50% - 7px);
  transition: .3s
}

.tc-subs-restart__btn button:hover {
  color: #ff4b24;
  background: #fff;
  box-shadow: inset 0 0 0 2px #ff8368
}

.tc-subs-restart__btn button:hover:after {
  color: #ff4b24
}

.c-cookie-popup {
  display: flex;
  align-items: center;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10000000;
  background: #fff;
  padding: 24px 40px;
  border: 1px solid #eee9e9;
  translate: 0 100%;
  transition: .3s
}

@media screen and (max-width:760px) {
  .c-cookie-popup {
    flex-direction: column;
    padding: 24px 24px 16px
  }
}

.c-cookie-popup__text {
  flex: 1 1 auto
}

.c-cookie-popup__text p {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .c-cookie-popup__text p {
    font-size: 15px
  }
}

.c-cookie-popup__text a {
  color: #ff4b24;
  text-decoration: underline
}

.c-cookie-popup__btn {
  flex: 0 0 auto;
  margin-left: 32px
}

@media screen and (max-width:760px) {
  .c-cookie-popup__btn {
    margin-top: 16px;
    margin-left: 0
  }
}

.c-cookie-popup.is-active {
  translate: 0 0
}

.tc-history-item {
  position: relative;
  border: 1px solid #eee9e9;
  border-radius: 6px
}

@media screen and (max-width:760px) {
  .tc-history-item {
    border-radius: 4px
  }
}

.tc-history-item:not(:first-child) {
  margin-top: 16px
}

@media screen and (max-width:760px) {
  .tc-history-item {
    padding-bottom: 80px
  }
}

.tc-history-item__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #e4dfdf
}

@media screen and (max-width:760px) {
  .tc-history-item__head {
    border-bottom: none
  }
}

.tc-history-item__orderdate {
  font-size: 16px;
  line-height: 1.6;
  padding: 24px 0 24px 24px
}

@media screen and (max-width:760px) {
  .tc-history-item__orderdate {
    font-size: 15px;
    padding: 24px 16px 0
  }
}

.tc-history-item__more {
  line-height: 1;
  padding: 24px;
  transition: 1.6s
}

@media screen and (max-width:760px) {
  .tc-history-item__more {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 32px 16px
  }
}

.tc-history-item__more:hover {
  opacity: .4
}

.tc-history-item__more span {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  position: relative;
  padding-right: 22px;
  transition: 1.6s
}

@media screen and (max-width:760px) {
  .tc-history-item__more span {
    font-size: 15px
  }
}

.tc-history-item__more span:before {
  font-family: icon;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 14px;
  content: "";
  color: #ff8368;
  position: absolute;
  right: 0;
  top: 1px
}

.tc-history-item__more span:hover {
  opacity: .4;
  opacity: 1
}

.tc-history-item__content {
  display: flex;
  padding: 16px 0
}

@media screen and (max-width:760px) {
  .tc-history-item__content {
    display: block;
    padding: 0 16px;
    margin-top: 8px
  }
}

.tc-history-item__main {
  flex: 1 1
}

.tc-history-item__deliverydate {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  padding: 0 24px
}

@media screen and (max-width:760px) {
  .tc-history-item__deliverydate {
    font-size: 16px;
    padding: 0
  }
}

.tc-history-item__product {
  padding: 0 16px;
  margin-top: 16px
}

@media screen and (max-width:760px) {
  .tc-history-item__product {
    padding: 0;
    margin-top: 24px
  }
}

.tc-history-item__product__item {
  display: flex;
  align-items: flex-start
}

.tc-history-item__product__item:not(:first-child) {
  margin-top: 8px
}

.tc-history-item__product__img {
  flex: 0 0 80px;
  padding: 8px;
  border: 1px solid #eee9e9;
  border-radius: 6px
}

@media screen and (max-width:760px) {
  .tc-history-item__product__img {
    border-radius: 4px
  }
}

.tc-history-item__product__img img {
  width: 100%
}

.tc-history-item__product__info {
  flex: 1 1;
  margin-left: 16px
}

.tc-history-item__product__name {
  font-size: 16px;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .tc-history-item__product__name {
    font-size: 15px
  }
}

.tc-history-item__product__option {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 4px
}

@media screen and (max-width:760px) {
  .tc-history-item__product__option {
    font-size: 15px
  }
}

.tc-history-item__product__price {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 4px
}

@media screen and (max-width:760px) {
  .tc-history-item__product__price {
    font-size: 15px
  }
}

.tc-history-item__product__price span {
  font-size: 12px
}

@media screen and (max-width:760px) {
  .tc-history-item__product__price span {
    font-size: 12px
  }
}

.tc-history-item__info {
  flex: 0 0 217px
}

@media screen and (max-width:760px) {
  .tc-history-item__info {
    display: table;
    margin-top: 16px
  }
}

@media screen and (max-width:760px) {
  .tc-history-item__info dl {
    display: table-row
  }
}

.tc-history-item__info dl:not(:first-child) {
  margin-top: 8px
}

@media screen and (max-width:760px) {
  .tc-history-item__info dl:not(:first-child) {
    margin-top: 0
  }
}

.tc-history-item__info dt {
  font-size: 12px;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .tc-history-item__info dt {
    font-size: 12px;
    display: table-cell;
    text-align: left;
    padding-top: 8px;
    padding-right: 16px
  }
}

.tc-history-item__info dd {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-top: 4px
}

@media screen and (max-width:760px) {
  .tc-history-item__info dd {
    font-size: 15px;
    display: table-cell;
    padding-top: 8px;
    margin-top: 0
  }
}

.tc-history-item__info dd.is-error {
  color: red
}

.tc-history-item__info dd.is-success {
  color: #06c755
}

.tc-history-item__info dd.is-warning {
  color: #adadad
}

.tc-history-item__info dd.is-cancel {
  color: #a69d9b
}

@media screen and (max-width:760px) {
  .tc-history-item__info dd p {
    display: flex;
    align-items: baseline
  }
}

.tc-history-item__info dd span {
  font-size: 12px;
  font-weight: 400
}

@media screen and (max-width:760px) {
  .tc-history-item__info dd span {
    font-size: 12px
  }
}

.tc-history-item__info dd a {
  font-weight: 400;
  color: #ff8368;
  text-decoration: underline
}

@media screen and (max-width:760px) {
  .tc-history-item__info dd a {
    margin-left: 16px
  }
}

.c-recent_item {
  padding-right: 16px;
  padding-left: 16px;
  border-width: 1px
}

.c-recent_item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 8px;
  border-bottom: 1px dashed #e4dfdf
}

.c-recent_item__date {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.c-recent_item__content {
  padding-top: 16px
}

.c-recent_item__content .order_item_images {
  padding-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}

.c-recent_item__content .order_item_images__image {
  flex: 0 0 64px;
  border-radius: 4px;
  border: 1px solid #eee9e9;
  height: 64px;
  position: relative;
  overflow: hidden
}

.c-recent_item__content .order_item_images__image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain
}

.c-recent_item__content .order_items {
  border-bottom: 1px dashed #e4dfdf
}

.c-recent_item__content .order_items__item {
  padding: 2px 0
}

.c-recent_item__content .order_items__item .item-label {
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #5c4f4c
}

.c-recent_item__footer {
  padding: 16px 8px;
  display: flex;
  justify-content: flex-end
}

.c-subs_item {
  border-width: 2px
}

.c-subs_item__label {
  padding: 12px 24px 0
}

.c-subs_item__label .label-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: #ffe8e2;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .c-subs_item__label .label-content {
    padding: 4px 10px
  }
}

.c-subs_item__label .label-content.is-stopped {
  background-color: rgba(166, 157, 155, .2);
  color: red
}

.c-subs_item__label .label-content span {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.6
}

.c-subs_item__header {
  padding: 12px 24px
}

.c-subs_item__date .item-value {
  margin-top: 4px
}

.c-subs_item__note {
  margin-top: 8px;
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1.6
}

.c-subs_item__note span {
  font-weight: 600;
  font-size: 17px
}

.c-subs_item__content {
  padding-left: 16px;
  padding-right: 16px
}

@media screen and (max-width:760px) {
  .c-subs_item__content {
    padding-right: 8px;
    padding-left: 8px
  }
}

.c-subs_item__content .order_items .c-order_product {
  padding: 12px 8px
}

.c-subs_item__content .order_items .c-order_product:not(:first-child) {
  margin-top: 4px
}

.c-subs_item__footer {
  padding: 8px 16px 16px
}

@media screen and (max-width:760px) {
  .c-subs_item__footer {
    padding: 8px 8px 16px
  }
}

.c-subs_item__subtotal {
  text-align: right
}

@media screen and (max-width:760px) {
  .c-subs_item__subtotal {
    padding-right: 16px
  }
}

.c-subs_item__subtotal .price {
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6
}

.c-subs_item__buttons {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  gap: 16px
}

@media screen and (max-width:760px) {
  .c-subs_item__buttons {
    gap: 8px
  }
}

.c-guide_nav {
  border-width: 1px
}

.c-guide_nav__inner {
  width: 100%
}

@media screen and (max-width:760px) {
  .c-guide_nav__inner {
    display: flex;
    flex-wrap: wrap
  }
}

@media screen and (max-width:760px) {
  .c-guide_nav__item {
    flex: 0 0 50%
  }
}

@media screen and (min-width:761px) {
  .c-guide_nav__item:not(:last-child) {
    border-bottom-style: solid;
    border-bottom-width: 1px
  }
}

@media screen and (max-width:760px) {
  .c-guide_nav__item:not(:nth-last-child(-n+2)) {
    border-bottom-width: 1px;
    border-bottom-style: solid
  }

  .c-guide_nav__item:nth-child(odd) {
    border-right-width: 1px;
    border-right-style: solid
  }
}

.c-guide_nav__item .item_inner {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 16px 24px
}

@media(hover:hover) {
  .c-guide_nav__item .item_inner {
    transition: .3s
  }

  .c-guide_nav__item .item_inner:hover {
    background-color: #fff8f6
  }
}

@media screen and (max-width:760px) {
  .c-guide_nav__item .item_inner {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 16px 4px
  }
}

.c-guide_nav__item .item_inner>i {
  flex: 0 0 24px;
  font-size: 24px;
  display: block;
  margin-right: 8px;
  color: #ff8368
}

@media screen and (max-width:760px) {
  .c-guide_nav__item .item_inner>i {
    margin-right: 0
  }
}

.c-guide_nav__item .item_inner>span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  line-height: 1
}

@media screen and (max-width:760px) {
  .c-guide_nav__item .item_inner>span {
    font-size: 15px;
    margin-top: 8px
  }
}

.c-guide_nav__item.-active {
  background-color: #f6f6f6
}

.c-guide_nav__item.-active .item_inner {
  opacity: .4;
  pointer-events: none
}

.p-password {
  position: relative
}

.p-password__container {
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:760px) {
  .p-password__container {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-password__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

.p-password__logo {
  max-width: 240px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: block
}

.p-password__logo img {
  width: 100%;
  height: auto
}

.p-password__message {
  text-align: center
}

.p-password__form .alert {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 24px
}

@media screen and (max-width:760px) {
  .p-password__form .alert {
    font-size: 12px
  }
}

.p-password__form .alert-danger {
  color: #ff8368
}

.p-password__form .form_part {
  display: flex;
  align-items: center
}

.p-password__form .form_part .input_wrap {
  flex: 1;
  padding-right: 16px
}

.p-password__form .form_part .input_wrap input {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 100%;
  padding: 8px 16px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #eee9e9
}

@media screen and (max-width:760px) {
  .p-password__form .form_part .input_wrap input {
    font-size: 15px
  }
}

.p-password__form .form_part button {
  flex: 0 0 180px;
  height: 48px
}

.p-password__form .form_part button>span {
  font-size: 16px
}

.p-password__link {
  display: flex;
  justify-content: center;
  align-items: center
}

.p-cart_content {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-cart_content {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-cart_content__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:760px) {
  .p-cart_content__inner {
    display: block
  }
}

.p-cart_content__empty {
  width: 100%
}

.p-cart_content__empty .empty_text {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 100%;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-cart_content__empty .empty_text {
    font-size: 15px
  }
}

.p-cart_content__empty .back_button {
  width: 100%;
  display: flex;
  justify-content: center
}

.p-cart_content__detail {
  flex-grow: 1;
  flex-shrink: 1;
  padding-right: 40px
}

@media screen and (max-width:760px) {
  .p-cart_content__detail {
    padding-right: 0;
    width: 100%
  }
}

.p-cart_content__forms {
  flex: 0 0 320px
}

@media screen and (max-width:760px) {
  .p-cart_content__forms {
    display: block;
    width: 100%;
    margin-top: 16px
  }
}

.p-cart_content__forms .cart_form .form_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-cart_content__forms .cart_form .form_label {
    font-size: 16px
  }
}

.p-cart_content__forms .cart_form .cart_login_form,
.p-cart_content__forms .cart_form .cart_login_form .form_part {
  width: 100%
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .part_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-cart_content__forms .cart_form .cart_login_form .form_part .part_label {
    font-size: 15px
  }
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap {
  position: relative;
  margin-top: 4px
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap input {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 100%;
  padding: 10px 16px
}

@media screen and (max-width:760px) {
  .p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap input {
    font-size: 15px
  }
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap input::-moz-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap input:-ms-input-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap input::placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap>i {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #5c4f4c
}

@media screen and (max-width:760px) {
  .p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap>i {
    font-size: 18px
  }
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap>i:before {
  font-family: icon;
  font-style: normal
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap input[type=password]+i:before {
  content: ""
}

.p-cart_content__forms .cart_form .cart_login_form .form_part .input_wrap input[type=text]+i:before {
  content: ""
}

.p-cart_content__forms .cart_form .form_links .form_link {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-cart_content__forms .cart_form .form_links .form_link {
    font-size: 15px
  }
}

.p-cart_content__forms .cart_form .form_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.p-cart_content__forms .cart_form .form_buttons .c-button span {
  font-size: 16px
}

@media screen and (max-width:760px) {
  .p-cart_content__forms .cart_form .form_buttons .c-button span {
    font-size: 15px
  }
}

.p-cart_content__forms .cart_back {
  text-align: center
}

.p-recommend_products {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-recommend_products {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.p-recommend_products__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

.p-recommend_products__list {
  display: flex;
  flex-wrap: wrap
}

.p-checkout {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-checkout {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-checkout__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

.p-checkout__list__block__inner {
  padding: 40px
}

@media screen and (max-width:760px) {
  .p-checkout__list__block__inner {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px
  }
}

.p-checkout__bottom,
.p-checkout__list__acceptance {
  display: flex;
  justify-content: center
}

.p-checkout__bottom {
  flex-direction: column;
  align-items: center
}

.p-checkout_confirm {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-checkout_confirm {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-checkout_confirm__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__inner {
    display: block
  }
}

.p-checkout_confirm__order-info {
  flex: 1;
  padding-right: 32px
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info {
    padding-right: 0
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .detail_note {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .detail_note {
    font-size: 15px
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_title {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_title {
    font-size: 15px
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks {
  display: flex;
  justify-content: space-between;
  margin-right: -8px;
  margin-left: -8px
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks {
    margin-right: -4px;
    margin-left: -4px
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block {
  flex: 1;
  padding: 16px;
  margin: 8px 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block {
    display: block;
    padding: 8px 16px;
    margin: 4px 4px 0
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block span {
    font-size: 15px
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block span.sim_label {
  padding-right: 4px
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block span.sim_label {
    padding-right: 0;
    text-align: center;
    width: 100%
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block span.sim_price {
  padding-left: 4px
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_blocks .sim_block span.sim_price {
    padding-left: 0;
    margin-top: 4px;
    text-align: center;
    width: 100%
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_total {
  display: flex;
  justify-content: space-between
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_total span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_total span {
    font-size: 15px
  }
}

.p-checkout_confirm__order-info>.order_detail>.detail_block .subs_simulations .sim_total span:not(:first-child) {
  margin-left: 16px
}

.p-checkout_confirm__price-info {
  flex: 0 0 320px
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__price-info {
    width: 100%;
    margin-top: 40px
  }
}

.p-checkout_confirm__price-info .back_link {
  display: flex;
  justify-content: center
}

@media screen and (max-width:760px) {
  .p-checkout_confirm__price-info .back_link {
    width: 100%
  }
}

.p-checkout_complete {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-checkout_complete {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-checkout_complete__upper {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

.p-checkout_complete__coupon .coupon_label {
  text-align: center
}

.p-checkout_complete__coupon .coupon_desc {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-checkout_complete__coupon .coupon_desc {
    font-size: 15px
  }
}

.p-checkout_complete__coupon .coupon_note {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 12px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-checkout_complete__coupon .coupon_note {
    font-size: 12px
  }
}

.p-checkout_complete__coupon .coupon_code {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-checkout_complete__coupon .coupon_code {
    font-size: 15px
  }
}

.p-checkout_complete__coupon .coupon_code .code_text {
  font-weight: 600;
  color: #ff4b24
}

.p-checkout_complete__coupon .coupon_code .code_text,
.p-checkout_complete__message .message_text {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif
}

.p-checkout_complete__message .message_text {
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-checkout_complete__message .message_text {
    font-size: 15px
  }
}

.p-checkout_complete__message .message_text a {
  color: #ff4b24;
  text-decoration: underline
}

@media screen and (min-width:761px) {
  .p-checkout_complete__message .message_text .is-sp {
    display: none
  }
}

.p-checkout_complete__link {
  display: flex;
  justify-content: center
}

.p-checkout_complete__banner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (min-width:761px) {
  .p-checkout_complete__banner .banner_content .is-sp {
    display: none
  }
}

@media screen and (max-width:760px) {
  .p-checkout_complete__banner .banner_content .is-pc {
    display: none
  }
}

.p-checkout_complete__lower {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

.p-checkout_complete__lower .lower_content {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:760px) {
  .p-checkout_complete__lower .lower_content {
    display: block
  }
}

.p-checkout_complete__lower .lower_content .order_info {
  flex: 1;
  padding-right: 40px
}

@media screen and (max-width:760px) {
  .p-checkout_complete__lower .lower_content .order_info {
    padding-right: 0;
    width: 100%
  }
}

.p-checkout_complete__lower .lower_content .price_info {
  flex: 0 0 320px
}

@media screen and (max-width:760px) {
  .p-checkout_complete__lower .lower_content .price_info {
    width: 100%;
    margin-top: 32px
  }
}

.p-mypage__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.p-mypage__header .greeting {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding-right: 8px
}

@media screen and (max-width:760px) {
  .p-mypage__header .greeting {
    font-size: 15px
  }
}

.p-mypage__header .logout_link {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24;
  display: inline-block
}

@media screen and (max-width:760px) {
  .p-mypage__header .logout_link {
    font-size: 15px
  }
}

.p-mypage__header .date {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding-left: 8px
}

@media screen and (max-width:760px) {
  .p-mypage__header .date {
    font-size: 15px;
    padding-left: 0
  }
}

.p-mypage__header .header_inner {
  width: 100%
}

.p-mypage__header .header_inner.-between {
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width:760px) {
  .p-mypage__header .header_inner.-between {
    display: block
  }
}

.p-mypage__header .header_inner .receipt-issue {
  width: 160px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .02em;
  color: #fff;
  position: relative;
  background-color: #a69d9b;
  border: 2px solid #a69d9b;
  border-radius: 100px;
  transition: .3s
}

.p-mypage__header .header_inner .receipt-issue:hover {
  color: #a69d9b;
  background-color: #fff
}

.p-mypage__header .header_inner .receipt-issue:hover>svg {
  fill: #a69d9b
}

.p-mypage__header .header_inner .receipt-issue:hover>i {
  color: #a69d9b
}

.p-mypage__header .header_inner .receipt-issue:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 14px;
  font-family: icon;
  color: #fff;
  transition: .3s
}

.p-mypage__header .header_inner .receipt-issue:hover:before {
  color: #a69d9b
}

.p-mypage__status {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background: red;
  padding: 8px 16px;
  border-radius: 4px
}

@media screen and (max-width:760px) {
  .p-mypage__status {
    font-size: 15px
  }
}

.p-mypage__sp-nav {
  margin-top: 24px;
  margin-bottom: 32px
}

@media screen and (min-width:761px) {
  .p-mypage__sp-nav {
    display: none
  }
}

.p-mypage__block__note {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-mypage__block__note {
    font-size: 15px
  }
}

.p-mypage__block__single-btn {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  padding-bottom: 16px
}

.p-mypage__empty p {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 32px 16px;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-mypage__empty p {
    font-size: 15px
  }
}

@media screen and (max-width:760px) {
  .p-mypage__points.is-full-width {
    width: calc(100% + 32px);
    margin-left: -16px
  }
}

@media screen and (max-width:760px) {
  .p-mypage__points__inner {
    padding-left: 16px;
    padding-right: 16px
  }
}

.p-mypage__points__inner .points_header {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.p-mypage__points__inner .points_header .points_title {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding-right: 8px
}

@media screen and (max-width:760px) {
  .p-mypage__points__inner .points_header .points_title {
    font-size: 18px
  }
}

.p-mypage__points__inner .points_header .points_link {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24;
  display: inline-block
}

@media screen and (max-width:760px) {
  .p-mypage__points__inner .points_header .points_link {
    font-size: 15px
  }
}

.p-mypage__points__inner .points_content {
  text-align: center
}

.p-mypage__points__inner .points_content .point_icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 32px;
  background: url(images/icon-point.svg) 50%/contain no-repeat;
  vertical-align: middle
}

@media screen and (max-width:760px) {
  .p-mypage__points__inner .points_content .point_icon {
    margin-right: 4px
  }
}

.p-mypage__points__inner .points_content .point_detail {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width:760px) {
  .p-mypage__points__inner .points_content .point_detail {
    font-size: 15px
  }
}

.p-mypage__points__inner .points_content .point_detail .point_qty {
  font-family: dnp-shuei-mgothic-std, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 32px;
  letter-spacing: .02em;
  display: inline-block;
  margin-right: 4px
}

@media screen and (max-width:760px) {
  .p-mypage__points__inner .points_content .point_detail .point_qty {
    font-size: calc(100vw * 32 / 375);
  }
}

.p-mypage__points__inner .points_footer {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.p-mypage__points__inner .points_footer:has(.c-button) {
  justify-content: center
}

.p-mypage__points__inner .points_footer .point_expires {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding-right: 8px;
  font-size: 15px
}

@media screen and (max-width:760px) {
  .p-mypage__points__inner .points_footer .point_expires {
    font-size: 15px
  }
}

.p-mypage__points__inner .points_footer .c-button {
  max-width: 350px;
  width: 100%
}

.p-mypage__active-subs__link {
  display: flex;
  justify-content: flex-end
}

@media screen and (max-width:760px) {
  .p-mypage__active-subs__link {
    margin-top: 16px
  }
}

.p-mypage__active-subs__link.is-centered {
  justify-content: center
}

.p-mypage__withdrawal__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.p-mypage__withdrawal__inner .withdrawal_label {
  display: inline-block;
  padding-right: 8px
}

.p-mypage__address-new__inner {
  padding: 40px 24px
}

.p-mypage__address-new__inner,
.p-mypage__address-new__inner .link_text {
  display: flex;
  justify-content: center;
  align-items: center
}

.p-mypage__address-new__inner .link_text i {
  font-size: 24px;
  margin-right: 8px;
  color: #ff8368
}

@media screen and (max-width:760px) {
  .p-mypage__address-new__inner .link_text i {
    font-size: 18px
  }
}

.p-mypage__address-new__inner .link_text span {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-mypage__address-new__inner .link_text span {
    font-size: 16px
  }
}

.p-mypage__address-list .c-address_item:not(:first-child) {
  margin-top: 24px
}

.p-mypage__address-edit .address_edit_form .address_copy {
  padding: 24px 32px
}

@media screen and (max-width:760px) {
  .p-mypage__address-edit .address_edit_form .address_copy {
    padding: 24px 16px
  }
}

@media screen and (max-width:760px) {
  .p-mypage__address-edit .address_edit_form .address_copy .label {
    text-align: center
  }
}

.p-mypage__address-edit .address_edit_form .address_copy .form_part {
  display: flex;
  align-items: center
}

@media screen and (max-width:760px) {
  .p-mypage__address-edit .address_edit_form .address_copy .form_part {
    display: block
  }
}

.p-mypage__address-edit .address_edit_form .address_copy .form_part .select_wrap {
  position: relative;
  flex: 1;
  margin-right: 16px
}

.p-mypage__address-edit .address_edit_form .address_copy .form_part .select_wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  width: 14px;
  height: 100%;
  background: url(images/icon-arrow-down-main.svg) 50%/contain no-repeat;
  pointer-events: none
}

.p-mypage__address-edit .address_edit_form .address_copy .form_part .select_wrap select {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 100%;
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #eee9e9;
  background-color: #fff;
  cursor: pointer
}

@media screen and (max-width:760px) {
  .p-mypage__address-edit .address_edit_form .address_copy .form_part .select_wrap select {
    font-size: 15px
  }
}

.p-mypage__address-edit .address_edit_form .address_copy .form_part .c-button_secondary {
  flex: 0 0 160px
}

@media screen and (max-width:760px) {
  .p-mypage__address-edit .address_edit_form .address_copy .form_part .c-button_secondary {
    margin: 16px auto 0
  }
}

.p-mypage__rewards .rewards_note {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-mypage__rewards .rewards_note {
    font-size: 16px
  }
}

.p-mypage__rewards .rewards_list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2px)
}

@media screen and (max-width:760px) {
  .p-mypage__rewards .rewards_list {
    width: calc(100% + 35px);
    margin-left: -16px
  }
}

.p-mypage__rewards .rewards_list .c-product_item {
  flex: 0 1 33.3333333333%
}

@media screen and (min-width:761px) {
  .p-mypage__rewards .rewards_list .c-product_item:not(:nth-child(3n+1)) {
    margin-left: -1px
  }

  .p-mypage__rewards .rewards_list .c-product_item:nth-child(n+4) {
    margin-top: -1px
  }
}

@media screen and (max-width:760px) {
  .p-mypage__rewards .rewards_list .c-product_item {
    flex: 0 1 50%;
    margin-left: -1px
  }

  .p-mypage__rewards .rewards_list .c-product_item:nth-child(n+3) {
    margin-top: -1px
  }
}

.p-mypage__calendar__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__header {
    min-height: 54px
  }
}

.p-mypage__calendar__header .next,
.p-mypage__calendar__header .prev {
  flex-shrink: 0;
  flex-grow: 0
}

.p-mypage__calendar__header .next a,
.p-mypage__calendar__header .prev a {
  display: inline-block
}

.p-mypage__calendar__header .next a>span,
.p-mypage__calendar__header .prev a>span {
  font-size: 16px;
  letter-spacing: .02em
}

@media screen and (max-width:760px) {

  .p-mypage__calendar__header .next a>span,
  .p-mypage__calendar__header .prev a>span {
    font-size: 15px
  }
}

.p-mypage__calendar__header .next a:after,
.p-mypage__calendar__header .prev a:before {
  content: "";
  width: 6px;
  height: 10px;
  display: inline-block;
  background: url(images/icon-arrow-left.png) 50%/contain no-repeat
}

.p-mypage__calendar__header .next a:after {
  transform: scaleX(-1)
}

.p-mypage__calendar__header>.month {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%)
}

@media screen and (min-width:761px) {
  .p-mypage__calendar__header>.month .is-sp {
    display: none
  }
}

.p-mypage__calendar__sp-frame {
  overflow: auto
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__sp-frame {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0 16px
  }
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__wrap {
    max-width: 100%;
    min-width: 540px;
    width: 100%
  }
}

.p-mypage__calendar__table>thead>tr>th {
  padding: 0 6px;
  text-align: center;
  border: 1px solid #eee9e9
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>thead>tr>th {
    padding: 0;
    height: 26px
  }
}

.p-mypage__calendar__table>thead>tr>th>span {
  font-size: 16px;
  letter-spacing: .02em
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>thead>tr>th>span {
    font-size: 15px;
    font-size: 12px;
    line-height: 22px
  }
}

.p-mypage__calendar__table>thead>tr>th>span.-sunday {
  color: red
}

.p-mypage__calendar__table>thead>tr>th>span.-saturday {
  color: #2196f3
}

.p-mypage__calendar__table>tbody>tr>td {
  position: relative;
  border: 1px solid #eee9e9
}

.p-mypage__calendar__table>tbody>tr>td>.date {
  font-size: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>tbody>tr>td>.date {
    font-size: 15px;
    font-size: 10px;
    top: 4px;
    left: 5px;
    width: 16px;
    height: 16px
  }
}

.p-mypage__calendar__table>tbody>tr>td>.date.-sunday {
  color: red
}

.p-mypage__calendar__table>tbody>tr>td>.date.-saturday {
  color: #2196f3
}

.p-mypage__calendar__table>tbody>tr>td>.detail {
  min-height: 115px;
  display: flex;
  flex-direction: column
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>tbody>tr>td>.detail {
    min-height: 90px
  }
}

.p-mypage__calendar__table>tbody>tr>td>.detail>.info-box {
  padding: 30px 8px 8px;
  width: 100%
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>tbody>tr>td>.detail>.info-box {
    padding: 24px 2px 15px;
    flex-grow: 1
  }
}

.p-mypage__calendar__table>tbody>tr>td>.detail>.info-box>span {
  font-size: 16px;
  line-height: 1
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>tbody>tr>td>.detail>.info-box>span {
    font-size: 10px;
    letter-spacing: 0;
    vertical-align: top
  }
}

.p-mypage__calendar__table>tbody>tr>td>.detail>.change {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>tbody>tr>td>.detail>.change {
    text-align: center;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 2px;
    min-height: 32px
  }
}

.p-mypage__calendar__table>tbody>tr>td>.detail>.change.deadline {
  background-color: #f6f6f6
}

.p-mypage__calendar__table>tbody>tr>td>.detail>.change.scheduled {
  background-color: #fff8f6
}

.p-mypage__calendar__table>tbody>tr>td>.detail>.change>a {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__table>tbody>tr>td>.detail>.change>a {
    font-size: 15px;
    font-size: 10px
  }
}

.p-mypage__calendar__buttons,
.p-mypage__calendar__buttons>a {
  width: 100%;
  display: flex;
  justify-content: center
}

.p-mypage__calendar__buttons>a {
  align-items: center;
  max-width: 320px;
  height: 60px;
  transition: .4s
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__buttons>a {
    max-width: 280px;
    height: 50px
  }
}

@media screen and (min-width:761px) {
  .p-mypage__calendar__buttons>a:hover {
    opacity: .4
  }
}

.p-mypage__calendar__buttons>a>span {
  font-size: 16px;
  letter-spacing: .02em
}

@media screen and (max-width:760px) {
  .p-mypage__calendar__buttons>a>span {
    font-size: 15px
  }
}

@media screen and (max-width:760px) {
  .p-mypage .c-horizontal_tab__tabs {
    flex-wrap: wrap;
    border: 1px solid #eee9e9;
    border-radius: 6px;
    overflow: hidden
  }
}

@media screen and (max-width:760px)and (max-width:760px) {
  .p-mypage .c-horizontal_tab__tabs {
    border-radius: 4px
  }
}

@media screen and (max-width:760px) {
  .p-mypage .c-horizontal_tab__tabs .tab_item {
    width: 100%;
    border: none;
    border-radius: 0
  }

  .p-mypage .c-horizontal_tab__tabs .tab_item:first-child:before {
    display: none
  }

  .p-mypage .c-horizontal_tab__tabs .tab_item:not(:first-child) {
    border-top: 1px solid #eee9e9
  }
}

@media screen and (max-width:760px) {
  .p-mypage .c-horizontal_tab__contents {
    border: none;
    margin-top: 24px
  }
}

@media screen and (max-width:760px) {
  .p-mypage .c-horizontal_tab__contents .tab_content {
    padding: 0
  }
}

.p-mypage_form__acceptance,
.p-mypage_form__buttons {
  display: flex;
  justify-content: center
}

.p-mypage_form__buttons {
  flex-direction: column;
  align-items: center
}

.p-mypage_form__addr-copy {
  display: flex;
  align-items: center
}

@media screen and (max-width:760px) {
  .p-mypage_form__addr-copy {
    display: block
  }
}

.p-mypage_form__addr-copy .copy_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  display: inline-block;
  padding-right: 16px
}

@media screen and (max-width:760px) {
  .p-mypage_form__addr-copy .copy_label {
    font-size: 15px;
    padding-right: 0;
    margin-bottom: 8px
  }
}

.p-law {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-law {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-law__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:760px) {

  .p-law__table,
  .p-law__table tbody,
  .p-law__table tbody tr {
    display: block
  }
}

.p-law__table tbody tr td,
.p-law__table tbody tr th {
  padding: 16px 8px
}

@media screen and (max-width:760px) {

  .p-law__table tbody tr td,
  .p-law__table tbody tr th {
    display: block
  }
}

.p-law__table tbody tr th {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
  width: 200px
}

@media screen and (max-width:760px) {
  .p-law__table tbody tr th {
    font-size: 15px;
    width: 100%;
    border-bottom: none;
    padding: 16px 8px
  }
}

.p-law__table tbody tr td {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  vertical-align: top;
  padding-left: 16px
}

@media screen and (max-width:760px) {
  .p-law__table tbody tr td {
    font-size: 15px;
    padding: 0 8px 16px;
    border-top: none
  }
}

.p-law__table tbody tr td a {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-law__table tbody tr td a {
    font-size: 15px
  }
}

.p-privacy {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-privacy {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-privacy__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  counter-reset: block
}

.p-privacy__block {
  counter-increment: block
}

.p-privacy__block__title {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-indent: -1em;
  margin-left: 1em
}

@media screen and (max-width:760px) {
  .p-privacy__block__title {
    font-size: 24px;
    margin-left: 0;
    text-indent: 0
  }
}

.p-privacy__block__title:not(.-exclude-num) {
  padding-left: 1.25em;
  position: relative
}

.p-privacy__block__title:not(.-exclude-num):before {
  content: counter(block) ".";
  position: absolute;
  left: 0;
  top: 0
}

.p-privacy__block__content {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2
}

@media screen and (max-width:760px) {
  .p-privacy__block__content {
    font-size: 15px
  }
}

.p-privacy__block__content ul {
  padding-left: 1.25em
}

.p-privacy__block__content ul,
.p-privacy__block__content ul li {
  list-style-type: disc;
  list-style-position: outside
}

.p-privacy__block__content ol {
  padding-left: 1.25em
}

.p-privacy__block__content ol,
.p-privacy__block__content ol li {
  list-style-type: decimal;
  list-style-position: outside
}

.p-privacy__block__content a {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-privacy__block__content a {
    font-size: 15px
  }
}

.p-terms {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-terms {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-terms__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  counter-reset: block
}

.p-terms__block {
  counter-increment: block
}

.p-terms__block__title {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-terms__block__title {
    font-size: 24px
  }
}

.p-terms__block__subtitle {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-terms__block__subtitle {
    font-size: 18px
  }
}

.p-terms__block__content {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2
}

@media screen and (max-width:760px) {
  .p-terms__block__content {
    font-size: 15px
  }
}

.p-terms__block__content ul {
  padding-left: 1.25em
}

.p-terms__block__content ul,
.p-terms__block__content ul li {
  list-style-type: disc;
  list-style-position: outside
}

.p-terms__block__content ol {
  padding-left: 1.25em
}

.p-terms__block__content ol,
.p-terms__block__content ol li {
  list-style-type: decimal;
  list-style-position: outside
}

.p-terms__block__content a {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-terms__block__content a {
    font-size: 15px
  }
}

.p-login {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-login {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
  }
}

.p-login__inner {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:760px) {
  .p-login__inner {
    padding-bottom: 20px
  }
}

.p-login__announce {
  padding: 40px
}

@media screen and (max-width:760px) {
  .p-login__announce {
    padding: 32px 24px
  }
}

.p-login__announce>* {
  text-align: center
}

.p-login__announce .announce_title {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-login__announce .announce_title {
    font-size: 18px
  }
}

@media screen and (min-width:761px) {
  .p-login__announce .announce_title .is-sp {
    display: none
  }
}

.p-login__announce .announce_subtitle {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-login__announce .announce_subtitle {
    font-size: 16px
  }
}

.p-login__announce .announce_content {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2
}

@media screen and (max-width:760px) {
  .p-login__announce .announce_content {
    font-size: 15px
  }
}

.p-login__announce .announce_content a {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-login__announce .announce_content a {
    font-size: 15px
  }
}

@media screen and (max-width:760px) {
  .p-login__announce .announce_content br {
    display: none
  }
}

.p-login__blocks {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:760px) {
  .p-login__blocks {
    display: block
  }
}

.p-login__block {
  width: calc(50% - 20px)
}

.p-login__block.block_frame {
border:1px solid #eee9e9;
padding:24px;
}

@media screen and (max-width:760px) {
  .p-login__block {
    width: 100%
  }

  .p-login__block:not(:first-child) {
    margin-top: 0;
  }
    .p-login__block.block_frame {
border:none;
/* padding:24px; */
}

  .p-login__block.block_frame:not(:first-child) {
    border-top: 1px solid #eee9e9;
}
}

.p-login__block .block_title {
  color: #ff4b24;
  text-align: center
}

.p-login__block .block_subtitle {
  text-align: center
}

.p-login__block .block_announce {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 14px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 16px;
  text-align: center
}
.p-login__block .block_announce a{
    text-decoration:underline
}

@media screen and (max-width:760px) {
  .p-login__block .block_announce {
    font-size: 14.5px;
    padding: 3vw 2.5vw;
  }
    .p-login__block .block_announce_wrap[class*="u-color__bg--"]{
      margin-left:-16px;
      margin-right:-16px;
      padding:0 16px;
  }
}

.p-login__block .block_button {
  display: flex;
  justify-content: center
}

.p-login__block .login_form {
  padding: 40px;
  display: block
}

@media screen and (max-width:760px) {
  .p-login__block .login_form {
    padding: 24px;
    margin-left: -16px;
    margin-right: -16px
  }
}

.p-login__block .login_buttons {
  padding: 40px 0 0;
}

@media screen and (max-width:760px) {
  .p-login__block .login_buttons {
    padding: 32px 0 0;
  }
}

.p-login__block .login_form .form_part {
  width: 100%
}

.p-login__block .login_form .form_part .part_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  /*font-weight: 600;*/
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-login__block .login_form .form_part .part_label {
    font-size: 15px
  }
}

.p-login__block .login_form .form_part .input_wrap {
  position: relative;
  border-width: 1px
}

.p-login__block .login_form .form_part .input_wrap input {
  transition: .3s;
  font-size: 16px;
  width: 100%;
  padding: 10px 16px
}

.p-login__block .login_form .form_part .input_wrap input:focus {
  background-color: #fff8f6
}

.p-login__block .login_form .form_part .input_wrap input:disabled {
  background-color: #f6f6f6;
  color: rgba(92, 79, 76, .4)
}

.p-login__block .login_form .form_part .input_wrap input::-moz-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-login__block .login_form .form_part .input_wrap input:-ms-input-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-login__block .login_form .form_part .input_wrap input::placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-login__block .login_form .form_part .input_wrap>i {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #5c4f4c
}

@media screen and (max-width:760px) {
  .p-login__block .login_form .form_part .input_wrap>i {
    font-size: 18px
  }
}

.p-login__block .login_form .form_part .input_wrap>i:before {
  font-family: icon;
  font-style: normal
}

.p-login__block .login_form .form_part .input_wrap input[type=password]+i:before {
  content: ""
}

.p-login__block .login_form .form_part .input_wrap input[type=text]+i:before {
  content: ""
}

.p-login__block .login_form .form_links .form_link {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-login__block .login_form .form_links .form_link {
    font-size: 15px
  }
}

.p-login__block .login_form .form_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.p-login__block .login_form .form_buttons .c-button span {
  font-size: 16px
}

@media screen and (max-width:760px) {
  .p-login__block .login_form .form_buttons .c-button span {
    font-size: 15px
  }
}

.p-login .form_buttons a {
  margin: 0 auto
}

.p-register {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-register {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-register__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:760px) {
  .p-register__part {
    padding-left: 24px;
    padding-right: 24px
  }
}

.p-register__acceptance,
.p-register__buttons {
  display: flex;
  justify-content: center
}

.p-contact_confirm {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-contact_confirm {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-contact_confirm__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

.p-contact_confirm__desc {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-contact_confirm__desc {
    font-size: 15px
  }
}

.p-contact_confirm__form__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.p-contact_complete {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-contact_complete {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-contact_complete__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:760px) {
  .p-contact_complete__inner {
    padding-bottom: 20px
  }
}

.p-contact_complete__subtitle {
  text-align: center
}

@media screen and (min-width:761px) {
  .p-contact_complete__subtitle .is-sp {
    display: none
  }
}

.p-contact_complete__desc {
  text-align: center
}

@media screen and (min-width:761px) {
  .p-contact_complete__desc .is-sp {
    display: none
  }
}

@media screen and (max-width:760px) {
  .p-contact_complete__desc .is-pc {
    display: none
  }
}

.p-contact_complete__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.p-password_reset {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-password_reset {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-password_reset__content {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

.p-password_reset__message .message_text {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2;
  text-align: center
}

@media screen and (max-width:760px) {
  .p-password_reset__message .message_text {
    font-size: 15px
  }
}

@media screen and (max-width:760px) {
  .p-password_reset__message .message_text.is-sp-left {
    text-align: left
  }
}

.p-password_reset__message .message_text a {
  color: #ff4b24;
  text-decoration: underline
}

@media screen and (min-width:761px) {
  .p-password_reset__message .message_text .is-sp {
    display: none
  }
}

.p-password_reset__form {
  padding: 40px 24px
}

@media screen and (max-width:760px) {
  .p-password_reset__form {
    padding: 32px 24px;
    border-radius: none;
    margin-left: -16px;
    margin-right: -16px
  }
}

.p-password_reset__form .form_inner {
  width: 100%;
  max-width: 440px;
  margin-right: auto;
  margin-left: auto
}

.p-password_reset__form .form_inner .form_part .part_label {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-password_reset__form .form_inner .form_part .part_label {
    font-size: 15px
  }
}

.p-password_reset__form .form_inner .form_part .part_input input,
.p-password_reset__form .form_inner .form_part .part_input textarea {
  width: 100%
}

.p-password_reset__form .form_inner .form_part .part_input input::-moz-placeholder,
.p-password_reset__form .form_inner .form_part .part_input textarea::-moz-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-password_reset__form .form_inner .form_part .part_input input:-ms-input-placeholder,
.p-password_reset__form .form_inner .form_part .part_input textarea:-ms-input-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-password_reset__form .form_inner .form_part .part_input input::placeholder,
.p-password_reset__form .form_inner .form_part .part_input textarea::placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-password_reset__form .form_inner .form_part .part_input input[type=email],
.p-password_reset__form .form_inner .form_part .part_input input[type=number],
.p-password_reset__form .form_inner .form_part .part_input input[type=password],
.p-password_reset__form .form_inner .form_part .part_input input[type=tel],
.p-password_reset__form .form_inner .form_part .part_input input[type=text] {
  transition: .3s;
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 8px 16px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #eee9e9;
  background-color: #fff
}

.p-password_reset__form .form_inner .form_part .part_input input[type=email]:focus,
.p-password_reset__form .form_inner .form_part .part_input input[type=number]:focus,
.p-password_reset__form .form_inner .form_part .part_input input[type=password]:focus,
.p-password_reset__form .form_inner .form_part .part_input input[type=tel]:focus,
.p-password_reset__form .form_inner .form_part .part_input input[type=text]:focus {
  background-color: #fff8f6
}

.p-password_reset__form .form_inner .form_part .part_input input[type=email]:disabled,
.p-password_reset__form .form_inner .form_part .part_input input[type=number]:disabled,
.p-password_reset__form .form_inner .form_part .part_input input[type=password]:disabled,
.p-password_reset__form .form_inner .form_part .part_input input[type=tel]:disabled,
.p-password_reset__form .form_inner .form_part .part_input input[type=text]:disabled {
  background-color: #f6f6f6;
  color: rgba(92, 79, 76, .4)
}

@media screen and (max-width:760px) {

  .p-password_reset__form .form_inner .form_part .part_input input[type=email],
  .p-password_reset__form .form_inner .form_part .part_input input[type=number],
  .p-password_reset__form .form_inner .form_part .part_input input[type=password],
  .p-password_reset__form .form_inner .form_part .part_input input[type=tel],
  .p-password_reset__form .form_inner .form_part .part_input input[type=text] {
    font-size: 15px
  }
}

.p-password_reset__form .form_inner .form_part .part_input.-password {
  position: relative
}

.p-password_reset__form .form_inner .form_part .part_input.-password input {
  width: 100%
}

.p-password_reset__form .form_inner .form_part .part_input.-password>i {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: #5c4f4c
}

@media screen and (max-width:760px) {
  .p-password_reset__form .form_inner .form_part .part_input.-password>i {
    font-size: 18px
  }
}

.p-password_reset__form .form_inner .form_part .part_input.-password>i:before {
  font-family: icon;
  font-style: normal
}

.p-password_reset__form .form_inner .form_part .part_input.-password input[type=password]+i:before {
  content: ""
}

.p-password_reset__form .form_inner .form_part .part_input.-password input[type=text]+i:before {
  content: ""
}

.p-password_reset__form .form_inner .form_buttons,
.p-password_reset__links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.p-article {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-article {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-article__inner {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:760px) {
  .p-article__inner {
    padding-bottom: 32px
  }
}

.p-article__header .date_info {
  display: flex;
  align-items: center
}

.p-article__header .date_info time {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-article__header .date_info time {
    font-size: 15px
  }
}

.p-article__header .date_info .new_badge {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  margin-left: 16px;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-article__header .date_info .new_badge {
    font-size: 15px
  }
}

.p-article__header .article_thumbnail {
  width: 100%
}

.p-article__header .article_thumbnail .thumbnail_image {
  overflow: hidden
}

.p-article__body>:first-child {
  margin-top: 0
}

.p-article__body h3,
.p-article__body h4,
.p-article__body h5,
.p-article__body ol,
.p-article__body p,
.p-article__body table,
.p-article__body ul {
  margin-top: 16px
}

.p-article__body h2 {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  margin-top: 40px;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-article__body h2 {
    font-size: 24px
  }
}

.p-article__body h3 {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-article__body h3 {
    font-size: 18px
  }
}

.p-article__body h4 {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-article__body h4 {
    font-size: 16px
  }
}

.p-article__body h5 {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-article__body h5 {
    font-size: 15px
  }
}

.p-article__body p {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 2
}

@media screen and (max-width:760px) {
  .p-article__body p {
    font-size: 15px
  }
}

.p-article__body a {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  text-decoration: underline;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24
}

@media screen and (max-width:760px) {
  .p-article__body a {
    font-size: 15px
  }
}

.p-article__body ol li:not(:first-child),
.p-article__body ul li:not(:first-child) {
  margin-top: 4px
}

.p-article__body ul {
  list-style-type: none
}

.p-article__body ul li {
  position: relative;
  padding-left: 1em
}

.p-article__body ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ff4b24;
  position: absolute;
  top: .9em;
  left: 0
}

.p-article__body ol {
  list-style-type: none;
  counter-reset: num
}

.p-article__body ol li {
  position: relative;
  padding-left: 1em;
  counter-increment: num
}

.p-article__body ol li:before {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  content: counter(num) ".";
  color: #ff4b24;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width:760px) {
  .p-article__body ol li:before {
    font-size: 15px
  }
}

.p-article__body blockquote {
  margin-block: 16px;
  margin-inline: 0;
  padding: 24px;
  background-color: #f6f6f6;
  border-radius: 6px
}

.p-article__body blockquote p {
  margin-top: 0
}

.p-article__body table {
  border: 1px solid #eee9e9
}

.p-article__body table tbody tr:not(:last-child) td,
.p-article__body table tbody tr:not(:last-child) th {
  border-bottom: 1px solid #eee9e9
}

.p-article__body table tbody tr th {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6;
  width: 232px;
  padding: 8px 16px;
  text-align: left;
  background-color: #f6f6f6
}

@media screen and (max-width:760px) {
  .p-article__body table tbody tr th {
    font-size: 15px
  }
}

.p-article__body table tbody tr td {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.6;
  padding: 8px 16px;
  text-align: left;
  border-left: 1px solid #eee9e9
}

@media screen and (max-width:760px) {
  .p-article__body table tbody tr td {
    font-size: 15px
  }
}

.p-article__footer .article_nav {
  width: 100%;
  display: flex;
  align-items: center
}

@media screen and (max-width:760px) {
  .p-article__footer .article_nav {
    justify-content: space-between;
    flex-wrap: wrap
  }
}

.p-article__footer .article_nav .nav_arrow {
  flex: 0 0 120px
}

.p-article__footer .article_nav .nav_arrow.-prev {
  padding-right: 16px
}

.p-article__footer .article_nav .nav_arrow.-next {
  padding-left: 16px
}

.p-article__footer .article_nav .nav_arrow .c-textlink.is-disabled {
  opacity: .4;
  pointer-events: none
}

.p-article__footer .article_nav .back_btn {
  flex: 1 1;
  display: flex;
  justify-content: center
}

@media screen and (max-width:760px) {
  .p-article__footer .article_nav .back_btn {
    order: 3;
    flex: 1 1 100%;
    margin-top: 32px
  }
}

.p-article__footer .article_nav .back_btn .c-button {
  height: 40px;
  max-width: 240px
}

.p-page_alert {
  padding-right: 40px;
  padding-left: 40px
}

@media screen and (max-width:760px) {
  .p-page_alert {
    padding-right: 16px;
    padding-left: 16px
  }
}

.p-subs_detail__block {
  padding: 16px;
  border-top: 1px dashed #e4dfdf
}

.p-subs_detail__block:last-child {
  border-bottom: 1px dashed #e4dfdf
}

.p-subs_detail__label:has(button) {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.p-subs_detail__label h3 {
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 1.6;
  font-weight: 600
}

@media screen and (max-width:760px) {
  .p-subs_detail__label h3 {
    font-size: 12px
  }
}

.p-subs_detail__modal-trigger {
  width: 80px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #ff8368
}

.p-subs_detail__modal-trigger span {
  font-size: 15px;
  font-weight: 600;
  color: #fff
}

.p-subs_detail__value {
  margin-top: 8px;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-subs_detail__value {
    font-size: 15px
  }
}

.p-subs_detail__value .address-table dl {
  display: flex
}

.p-subs_detail__value .address-table dl:not(:first-child) {
  margin-top: 8px
}

.p-subs_detail__value .address-table dl dt {
  flex: 0 0 80px;
  text-align: left;
  font-size: 13px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-subs_detail__value .address-table dl dt {
    font-size: 12px
  }
}

.p-subs_detail__value .address-table dl dd {
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.6
}

@media screen and (max-width:760px) {
  .p-subs_detail__value .address-table dl dd {
    font-size: 15px
  }
}

.p-subs_detail__items .c-order_product:not(:first-child) {
  margin-top: 4px
}

.p-subs_detail__modal {
  position: fixed;
  top: 0;
  left: -100%;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: left 0s .3s, opacity .3s
}

.p-subs_detail__modal.is-open {
  left: 0;
  opacity: 1;
  transition: left 0s, opacity .3s
}

.p-subs_detail__modal .modal-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 100px 40px;
  gap: 32px
}

@media screen and (max-width:760px) {
  .p-subs_detail__modal .modal-container {
    padding: 40px 24px
  }
}

.p-subs_detail__modal .modal-container .modal-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(92, 79, 76, .88)
}

.p-subs_detail__modal .modal-container .modal-content {
  width: 100%;
  max-width: 400px;
  max-height: 100%;
  position: relative;
  overflow: auto;
  border-radius: 4px;
  background-color: #fff
}

.p-subs_detail__modal .modal-container .modal-content__inner {
  padding: 24px
}

.p-subs_detail__modal .modal-container .modal-content__note {
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1.6
}

.p-subs_detail__modal .modal-container .modal-content__part:not(:first-child) {
  margin-top: 16px
}

.p-subs_detail__modal .modal-container .modal-content__part .part-label {
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 1.6;
  font-weight: 600
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker {
  margin-top: 8px
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker #subs_order_scheduled_to_be_delivered_at {
  display: none
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar {
  margin-right: auto;
  margin-left: auto;
  box-shadow: none;
  border: 1px solid #e0e4e6;
  max-width: 100%
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar:after,
.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar:before {
  content: none !important
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar .flatpickr-current-month {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  letter-spacing: .02em
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  order: 2;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  pointer-events: none;
  display: flex;
  align-items: center
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar .flatpickr-current-month .numInputWrapper:after {
  content: "年";
  display: block;
  height: 20px
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar .flatpickr-current-month .numInputWrapper input {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  color: #5c4f4c !important
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar .flatpickr-current-month .numInputWrapper span {
  display: none
}

.p-subs_detail__modal .modal-container .modal-content__part .date-picker .flatpickr-calendar .flatpickr-days .flatpickr-day.selected {
  background-color: #ff8368;
  border: none
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input {
  margin-top: 8px
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input input,
.p-subs_detail__modal .modal-container .modal-content__part .part-input select {
  display: block;
  border: 1px solid #e0e4e6
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=email],
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=number],
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=password],
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=tel],
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=text] {
  width: 100%;
  height: 48px;
  font-size: 16px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #e0e4e6;
  background-color: #fff;
  transition: .3s
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=email]:focus,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=number]:focus,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=password]:focus,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=tel]:focus,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=text]:focus {
  background-color: #fff8f6
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=email]:disabled,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=number]:disabled,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=password]:disabled,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=tel]:disabled,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=text]:disabled {
  background-color: #f6f6f6;
  color: rgba(92, 79, 76, .4)
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=email]::-moz-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=number]::-moz-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=password]::-moz-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=tel]::-moz-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=text]::-moz-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=email]:-ms-input-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=number]:-ms-input-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=password]:-ms-input-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=tel]:-ms-input-placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=text]:-ms-input-placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=email]::placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=number]::placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=password]::placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=tel]::placeholder,
.p-subs_detail__modal .modal-container .modal-content__part .part-input input[type=text]::placeholder {
  color: rgba(92, 79, 76, .4)
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input select {
  display: block;
  font-size: 16px;
  height: 100%;
  padding: 0 16px;
  border-radius: 4px;
  cursor: pointer
}

.p-subs_detail__modal .modal-container .modal-content__part .part-input .note {
  padding: 8px 0;
  font-size: 13px;
  letter-spacing: .02em;
  line-height: 1.6
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item {
  margin-top: 8px
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item input {
  display: none
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item__inner {
  padding: 16px;
  display: flex;
  gap: 8px;
  border-radius: 4px;
  position: relative
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item__inner:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid #e0e4e6;
  pointer-events: none
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item__frame {
  flex: 0 0 24px;
  height: 24px;
  position: relative;
  border: 1px solid #e0e4e6;
  border-radius: 50%;
  background-color: #fff
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item__frame:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  background-color: #ff8368
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item__info {
  flex: 1;
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1.6
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item__info strong {
  font-weight: 600
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item input:checked+.address-item__inner {
  background-color: #fff8f6
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item input:checked+.address-item__inner:after {
  border-color: #ff8368;
  border-width: 2px
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item input:checked+.address-item__inner .address-item__frame {
  border-color: #ff8368;
  border-width: 1px
}

.p-subs_detail__modal .modal-container .modal-content__part .part-addresses .address-item input:checked+.address-item__inner .address-item__frame:after {
  opacity: 1
}

.p-subs_detail__modal .modal-container .modal-content__part .part-alert {
  padding: 16px 24px;
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1.6;
  color: #ff4b24;
  background-color: #fff8f6;
  border-radius: 4px
}

.p-subs_detail__modal .modal-container .modal-content__part .part-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px
}

.p-subs_detail__modal .modal-container .modal-content__part .part-buttons .link {
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1.6;
  text-decoration: underline;
  color: #ff4b24
}

span#link-number-error {
  font-family: Hiragino Kaku Gothic Pro, YuGothic, Yu Gothic Medium, Yu Gothic, Verdana, Meiryo, sans-serif;
  font-size: 16px;
  color: #5c4f4c;
  letter-spacing: .02em;
  line-height: 1.4 !important;
  font-size: 14px;
  margin-top: 8px;
  display: block;
}

@media screen and (max-width:760px) {
  span#link-number-error {
    font-size: 15px
  }
}

/*cookie同意*/
.c-cookie-popup__text p {
  font-size: 15px;
  line-height: 1.4;
}

.c-cookie-popup {
  padding: 18px 40px;
}

@media screen and (max-width: 760px) {
  .c-cookie-popup {
    flex-direction: column;
    padding: calc(100vw * 10 / 375);
  }

  .c-cookie-popup__text p {
    font-size: calc(100vw * 12 / 375);
    line-height: 1.4;
  }

  .c-cookie-popup__btn {
    margin-top: calc(100vw * 2 / 375);
    margin-left: 0;
  }

  .c-button_secondary>span {
    font-size: calc(100vw * 15 / 375);
  }
}

/*最近のご注文履歴*/
@media screen and (min-width: 761px) {
  .c-recent_item__date {
    display: block;
  }
}

/*発送アラート用*/
.label-sipping {
  font-size: clamp(10px, calc(11 / 390 * 100vw), 12px);
  font-weight: bold;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: -4px;
}

.label-sipping-02 {
  display: inline-block;
  color: #e4022b;
  border: 1px solid #e4022b;
  padding: 1px 8px;
}

.label-sipping-01 {
  display: inline-block;
  color: #ff6e00;
  border: 1px solid #ff6e00;
  padding: 1px 8px;
}

.pointer {
  cursor: pointer;
}

@media screen and (max-width: 760px) {
  p.label-sipping:has(.label-sipping-02) {
    margin-left: 0;
  }
}


/*変更モーダル*/
@media screen and (max-width: 760px) {
  .p-subs_detail__modal .modal-container {
    justify-content: flex-start;
    gap: 12px;
  }

  .p-subs_detail__modal .modal-container .modal-content {
    max-height: 75%;
  }
}

/*202609追記*/
.c-account_nav__item .item_children .item_child__inner.icon-red:after,
.fixed_nav__children .fixed_nav__child.icon-red:after{
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  background-color: #E61126;
  mask: url(images/icon-circle-arrow.svg) 50% / contain no-repeat;
  -webkit-mask: url(images/icon-circle-arrow.svg) 50% / contain no-repeat;
background-image: none;
}
a.item_child__inner.icon-red,
a.fixed_nav__child.icon-red{
    font-weight:bold;
    color:#E61126
}