@charset "UTF-8";
/* ================== 共通 ================== */
/*こちらは残すやーつ*/
@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon.eot?p793q2");
  src: url("/fonts/icomoon.eot?p793q2#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?p793q2") format("truetype"), url("/fonts/icomoon.woff?p793q2") format("woff"), url("/fonts/icomoon.svg?p793q2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-premium:before {
  content: "";
}

.icon-adress:before {
  content: "";
}

.icon-card-credit:before {
  content: "";
}

.icon-mail-magazine:before {
  content: "";
}

.icon-password:before {
  content: "";
}

.icon-unsubscribe:before {
  content: "";
}

.icon-favorite:before {
  content: "";
}

.icon-history2:before {
  content: "";
}

.icon-point:before {
  content: "";
}

.icon-ribbon:before {
  content: "";
}

.icon-under-arrow_icon:before {
  content: "";
}

.icon-next-arrow_icon:before {
  content: "";
}

.icon-over-arrow_icon:before {
  content: "";
}

.icon-prev-arrow_icon:before {
  content: "";
}

.icon-beginner:before {
  content: "";
}

.icon-header_icon01:before {
  content: "";
}

.icon-header_icon02:before {
  content: "";
}

.icon-cart:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-home3:before {
  content: "";
}

.icon-history:before {
  content: "";
}

.icon-star-full:before {
  content: "";
}

.icon-checkmark:before {
  content: "";
}

.icon-price-tag:before {
  content: "";
}

.icon-cross:before {
  content: "";
}

@font-face {
  font-family: 'morimoto-sans';
  font-weight: 100;
  src: url("../font/notosans_demiLight.woff2") format("woff2"), url("../font/notosans_demiLight.woff") format("woff");
}
@font-face {
  font-family: 'morimoto-sans';
  font-weight: 400;
  src: url("../font/notosans_regular.woff2") format("woff2"), url("../font/notosans_regular.woff") format("woff");
}
@font-face {
  font-family: 'morimoto-sans';
  font-weight: 700;
  src: url("../font/notosans_medium.woff2") format("woff2"), url("../font/notosans_medium.woff") format("woff");
}
/*========================================= HTMLベース設定（normarizeベース）*/
* {
  box-sizing: border-box;
  margin: 0;
  line-height: 1.6;
}

html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1.0rem;
  color: #2c0b00;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 0.8em;
}

sub, sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

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

.cf:after {
  content: "";
  clear: both;
  display: block;
}

i {
  margin-right: 5px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ================== SP版表示 ================== */
@media screen and (max-width: 640px) {
  body {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
  }
  body > .l-main {
    flex: 1;
  }

  .l-header {
    background: #f7f2f0;
    height: 50px;
    width: 100%;
    display: table;
  }
  .l-header .header-logo {
    font-size: 0;
    float: left;
    max-width: 236px;
    width: 65%;
    padding: 18px 20px 0;
  }
  .l-header .menu-box {
    font-size: 1.2rem;
    width: 35%;
    height: 50px;
    float: right;
    background: #fe55a6;
    color: #ffffff;
    text-align: center;
  }
  .l-header .menu-box li {
    width: 50%;
    height: 50px;
    float: left;
    padding: 8px 0 4px 0;
    font-size: 1rem;
  }
  .l-header .menu-box li a {
    color: #ffffff;
    text-decoration: none;
  }
  .l-header .menu-box li span {
    display: block;
    font-size: 2.2rem;
    padding-bottom: 4px;
  }
  .l-header .menu-box li:first-child {
    border-right: #ffffff solid 1px;
  }

  .l-main .cont-inner {
    padding: 15px 10px 0;
  }

  .l-footer {
    background: #f7f2f0;
    margin: 0 0 45px;
    padding: 8px 10px;
    height: 40px;
  }
  .l-footer.cart {
    margin: 0 0 125px;
  }
  .l-footer .footer-inner .footer-logo {
    width: 36px;
  }
  .l-footer .footer-inner p {
    float: right;
    text-align: right;
    color: #9c8b8b;
    font-size: 1rem;
    padding-top: 6px;
  }

  .l-footer.confirmation {
    margin-bottom: 64px;
  }

  /*フッター固定メニュー*/
  .bottom_menu {
    width: 100%;
    position: fixed;
    bottom: 0;
    font-size: 1rem;
    background: #fe55a6;
    height: 45px;
    text-align: center;
  }
  .bottom_menu.is-none {
    display: none;
  }
  .bottom_menu li {
    width: 20%;
    height: 45px;
    float: left;
    color: #ffffff;
    font-size: 1rem;
  }
  .bottom_menu li span {
    display: block;
    font-size: 2.2rem;
    padding: 6px 0 2px;
  }
  .bottom_menu li:nth-child(n+2) {
    border-left: #ffffff solid 1px;
  }
  .bottom_menu li a {
    color: #ffffff;
    text-decoration: none;
  }

  a {
    color: #2c0b00;
  }

  input {
    padding: 0 5px;
  }

  input::-webkit-input-placeholder {
    color: #9c8b8b;
    font-weight: 500;
  }

  input:-ms-input-placeholder {
    color: #9c8b8b;
    font-weight: 500;
  }

  input::-moz-placeholder {
    color: #9c8b8b;
    font-weight: 500;
  }

  .return {
    padding: 30px 10px 5px 0;
    text-align: right;
  }
  .return a {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    padding-left: 15px;
    background: url(/images/return-icon.svg) no-repeat;
    background-position: 0 center;
    background-size: 9px 6px;
  }

  .m-breadcrumb {
    display: none;
    padding: 5px 10px;
    background: #f7f2f0;
    font-size: 1rem;
    text-align: left;
  }
  .m-breadcrumb ul {
    display: inline-block;
    font-weight: 600;
  }
  .m-breadcrumb ul li {
    display: inline-block;
  }
  .m-breadcrumb ul li a {
    color: #2c0b00;
  }
  .m-breadcrumb ul li a::after {
    content: "\003e";
    display: inline-block;
    padding-left: 6px;
  }

  .m-steps ul {
    letter-spacing: -.4em;
    overflow: hidden;
  }
  .m-steps ul li {
    letter-spacing: normal;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    width: 33.3333%;
    padding: 10px 0px 10px 10px;
    background: #e9e6e5;
    text-align: center;
    position: relative;
    vertical-align: middle;
    height: 65px;
  }
  .m-steps ul li:last-child:before {
    display: none;
  }
  .m-steps ul li:last-child:after {
    display: none;
  }
  .m-steps ul li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    top: -8px;
    right: -1em;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 40px 0 40px 1em;
    z-index: 10;
  }
  .m-steps ul li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    top: -8px;
    right: -.8em;
    border-style: solid;
    border-color: transparent transparent transparent #e9e6e5;
    border-width: 40px 0 40px 1em;
    z-index: 10;
  }
  .m-steps ul li.is-current {
    background: #ffebed;
    color: #ff3f51;
  }
  .m-steps ul li.is-current:after {
    border-color: transparent transparent transparent #ffebed;
  }
  .m-steps ul li span {
    display: block;
    width: 20px;
    height: 20px;
    padding: 4px;
    text-align: center;
    margin: 0 auto;
    border-radius: 15px;
    font-size: 1.2rem;
    background: #ffffff;
    line-height: 1;
  }

  select, input[type="search"] {
    display: inline-block;
    height: 35px;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding: 0;
    margin-top: 2px;
    box-sizing: border-box;
  }

  input[type="search"] {
    padding: 0 2px;
  }

  input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
  }

  input[type="radio"] {
    display: none;
    height: 32px;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
  }

  input {
    font-size: 1.6rem;
    font-size: 16px;
    transform: scale(1);
  }

  input::-webkit-input-placeholder {
    font-size: 1.4rem;
    font-size: 14px;
  }

  input:-ms-input-placeholder {
    font-size: 1.4rem;
    font-size: 14px;
  }

  input::-moz-placeholder {
    font-size: 1.4rem;
    font-size: 14px;
  }

  .radio-part {
    padding-left: 15px;
    position: relative;
  }

  .radio-part::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: #bca9a3 solid 1px;
    border-radius: 8px;
  }

  input[type="radio"]:checked + .radio-part {
    color: #ff3f51;
  }

  input[type="radio"]:checked + .radio-part::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    background: #ff3f51;
    border-radius: 50%;
  }

  select {
    background: #f7f2f0 url(/images/under-arrow_icon.svg) no-repeat;
    background-size: 10px 6px;
    background-position: right 3px center;
    padding: 0 2px;
  }

  .order-step-btn a {
    display: block;
    background: #ffffff;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 30px;
    padding: 3px 0;
  }

  .favorite-btn a {
    display: block;
    background: #f7f2f0;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 35px;
  }

  .restock-notification-btn a {
    display: block;
    background: #f7f2f0;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 35px;
  }

  .cart-btn a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding-top: 9px;
    text-align: center;
    font-weight: 600;
  }
  .cart-btn a span {
    color: #fffd75;
    padding-right: 5px;
  }

  .reservation-btn a {
    display: block;
    text-decoration: none;
    background: #f2716a;
    color: #fff;
    height: 40px;
    border-radius: 4px;
    padding: 9px;
    text-align: center;
    font-weight: 600;
  }
  .reservation-btn a span {
    color: #fffd75;
    padding-right: 5px;
  }

  .sold-out-btn {
    text-decoration: none;
    background: #d7d7d7;
    color: #ffffff;
    height: 40px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .sold-out-btn span {
    color: #ffffff;
    padding-right: 5px;
  }

  .caution {
    color: #ff3f51;
    margin: 0 10px 10px;
    background: #ffebed;
    padding: 5px;
    font-size: 1.4rem;
    font-weight: 600;
  }

  .info {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 10px 0 5px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .info:before {
    content: "・";
  }

  .price-box {
    color: #9c8b8b;
    text-align: right;
    font-size: 1rem;
  }
  .price-box .price {
    font-weight: 600;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    color: #ff3f51;
    font-size: 1.4rem;
    padding-left: 2px;
  }
  .price-box .en {
    font-weight: 600;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    color: #2c0b00;
    padding-left: 2px;
    font-size: 1rem;
  }
  .price-box .tax {
    font-weight: 600;
    color: #2c0b00;
    font-size: 1rem;
    display: inline-block;
  }
  .price-box .point {
    font-weight: 600;
    color: #ff3f51;
    font-size: 1.4rem;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .price-box .point_2 {
    font-weight: 600;
    color: #ff3f51;
    font-size: 1.4rem;
  }
  .price-box .discount-rate {
    display: inline-block;
    color: #ffffff;
    padding: 2px;
    margin-right: 2px;
    background-color: #ff3f51;
    font-size: 1.2rem;
  }
  .price-box .discount-title {
    color: #ff3f51;
    font-size: 1.2rem;
  }

  .discount .price, .discount .en, .discount .tax {
    color: #ff3f51;
  }
  .discount .point {
    display: block;
  }

  .line-through {
    color: #2c0b00;
    text-decoration: line-through;
    font-size: 2.8vw;
    margin-top: 10px;
  }
  .line-through .price, .line-through .en, .line-through .tax, .line-through .point, .line-through .point_2 {
    color: #2c0b00;
    font-size: 2.8vw;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }

  .m-pagination {
    padding: 5px 0;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .m-pagination ul {
    display: table;
    border-collapse: separate;
    border-spacing: 2px 0;
    width: 100%;
    font-weight: 600;
    position: relative;
  }
  .m-pagination ul > li {
    display: table-cell;
    font-size: 1.2rem;
    vertical-align: middle;
    text-align: center;
    color: #2c0b00;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    background: #f7f2f0;
    width: 10%;
  }
  .m-pagination ul > li:first-child {
    width: 15%;
    position: absolute;
    left: 0;
  }
  .m-pagination ul > li:last-child {
    width: 15%;
    position: absolute;
    right: 0;
  }
  .m-pagination a {
    display: block;
    line-height: 3.0rem;
    color: #2c0b00;
    height: 28px;
  }
  .m-pagination .is-active {
    background: #ffffff;
    border: none;
    border-radius: 4px;
  }

  .main-title {
    padding: 10px;
  }
  .main-title .main_title-text {
    font-size: 1.6rem;
    text-align: center;
  }

  .selection .main_title-text {
    font-size: 1.2rem;
    font-weight: normal;
    text-align: left;
  }
  .selection .main_title-text span {
    font-weight: bold;
  }

  .h2_1 {
    font-size: 1.6rem;
    font-weight: 600;
    background: url(/images/h2-1_bg.png) no-repeat;
    background-position: left center;
    background-size: 5px 18px;
    padding-left: 10px;
    line-height: 1.5;
  }

  .e-red {
    font-weight: 600;
    color: #ff3f51;
  }

  .benefits {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ff3f51;
    margin-bottom: 5px;
  }
  .benefits dt {
    display: inline-block;
    font-size: 1rem;
    border: #ff3f51 solid 1px;
    padding: 0px 2px;
    margin-right: 2px;
  }
  .benefits dd {
    display: inline;
  }

  .category {
    color: #bca9a3;
    font-weight: 600;
    border: #bca9a3 1px solid;
    padding: 2px;
    line-height: 1.4;
    margin-right: 2px;
    word-break: keep-all;
  }

  .author-box {
    display: inline-block;
    margin-right: 5px;
  }
  .author-box .author-title {
    padding-right: 5px;
    font-size: 1.2rem;
    display: inline-block;
  }
  .author-box .author-detail {
    padding-right: 10px;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .author-box .author-catch {
    font-size: 1.2rem;
    margin: 5px 0;
    display: inline-block;
  }

  .order-list-box dl {
    width: 100%;
    display: table;
  }
  .order-list-box dl dt {
    /*float: left;*/
    display: table-cell;
    font-size: 3.5vw;
    color: #bca9a3;
    width: 30%;
    line-height: 2;
  }
  .order-list-box dl dd {
    /*float: right;*/
    display: table-cell;
    font-size: 3.5vw;
    width: calc(70% - 10px);
    line-height: 2;
  }
  .order-list-box dl dd .price {
    font-weight: 600;
    padding-right: 5px;
  }
  .order-list-box dl dd .en {
    font-size: 90%;
    font-weight: 600;
  }
  .order-list-box dl dd .emphasis {
    font-weight: 600;
    color: #ff3f51;
  }

  .modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
  }
  .modal.is-active {
    display: block;
  }
  .modal .modal-inner {
    position: relative;
    background: #ffffff;
    padding: 30px;
    border: #2c0b00 solid 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    min-height: 160px;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
  }
  .modal .modal-inner h3 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
  }
  .modal .modal-inner p {
    font-weight: 600;
    margin-bottom: 30px;
  }
  .modal .modal-inner p a {
    width: 48%;
    font-size: 1.3rem;
    height: 45px;
    padding-top: 13px;
    margin: 0 auto;
  }
  .modal .modal-inner ul {
    margin: 0 auto;
  }
  .modal .modal-inner ul .cart-btn {
    float: left;
    width: 48%;
  }
  .modal .modal-inner ul .cart-btn a {
    font-size: 1.3rem;
    height: 45px;
    padding-top: 15px;
    line-height: 1.2;
  }
  .modal .modal-inner ul .favorite-btn {
    float: right;
    width: 48%;
  }
  .modal .modal-inner ul .favorite-btn a {
    font-size: 1.3rem;
    height: 45px;
    padding-top: 15px;
    line-height: 1.2;
  }
  .modal .modal-inner .close {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    font-size: 1.4rem;
    width: 20px;
    height: 20px;
  }
  .modal .modal-password {
    font-size: 1.3rem;
    font-weight: 600;
  }
  .modal .modal-password .modal-password-box {
    width: 100%;
    margin: 0 auto;
  }
  .modal .modal-password .modal-password-box input {
    width: 100%;
    display: block;
    height: 45px;
    border: #bca9a3 solid 1px;
    padding-left: 5px;
    border-radius: 4px;
  }
  .modal .modal-password .input-btn a {
    width: 150px;
    margin: 10px auto 0;
    background: #291a21;
    text-align: center;
    border-radius: 4px;
    color: #ffffff;
    height: 45px;
    padding-top: 12px;
    position: relative;
  }

  .modal-2 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
  }
  .modal-2.is-active {
    display: block;
  }
  .modal-2 .modal-inner {
    position: relative;
    background: #ffffff;
    padding: 30px;
    border: #2c0b00 solid 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    min-height: 160px;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
  }
  .modal-2 .modal-inner h3 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
  }
  .modal-2 .modal-inner p {
    font-weight: 600;
    margin-bottom: 30px;
  }
  .modal-2 .modal-inner p a {
    width: 48%;
    font-size: 1.3rem;
    height: 45px;
    padding-top: 10px;
    margin: 0 auto;
  }
  .modal-2 .modal-inner ul {
    margin: 0 auto;
  }
  .modal-2 .modal-inner ul .cart-btn {
    float: left;
    width: 48%;
  }
  .modal-2 .modal-inner ul .cart-btn a {
    font-size: 1.2rem;
    height: 45px;
    padding-top: 15px;
  }
  .modal-2 .modal-inner ul .favorite-btn {
    float: right;
    width: 48%;
  }
  .modal-2 .modal-inner ul .favorite-btn a {
    font-size: 1.2rem;
    height: 45px;
    padding-top: 15px;
  }
  .modal-2 .modal-inner .close {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    font-size: 1.4rem;
    width: 20px;
    height: 20px;
  }
  .modal-2 .modal-password {
    font-size: 1.3rem;
    font-weight: 600;
    height: 110px;
    position: relative;
  }
  .modal-2 .modal-password .modal-password-box {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
  }
  .modal-2 .modal-password .modal-password-box input {
    width: 100%;
    display: block;
    height: 45px;
    border: #bca9a3 solid 1px;
    padding-left: 5px;
    border-radius: 4px;
  }
  .modal-2 .modal-password .input-btn {
    position: absolute;
    top: 55px;
    left: calc(50% - 75px);
  }
  .modal-2 .modal-password .input-btn input {
    display: block;
    width: 150px;
    margin: 10px auto 0;
    background: #291a21;
    text-align: center;
    border-radius: 4px;
    color: #ffffff;
    height: 45px;
    padding-top: 4px;
    position: relative;
  }

  .align_c {
    text-align: center;
  }

  .align_r {
    text-align: right;
  }

  .bold {
    font-weight: bold;
  }

  .red {
    color: #ff3f51;
  }

  .f_12 {
    font-size: 1.2rem;
  }

  .w_100 {
    max-width: 100%;
  }

  .w_100ex {
    width: 100%;
  }

  .w_80 {
    width: 80%;
  }

  .w_70 {
    width: 70%;
  }

  .w_60 {
    width: 60%;
  }

  .w_50 {
    width: 50%;
  }

  .w_40 {
    width: 40%;
  }

  .w_30 {
    width: 30%;
  }

  .w_20 {
    width: 20%;
  }

  .mr02 {
    margin-right: 2px !important;
  }

  .ml05 {
    margin-left: 5px !important;
  }

  .ml10 {
    margin-left: 10px !important;
  }

  .mr05 {
    margin-right: 5px !important;
  }

  .mr10 {
    margin-right: 10px !important;
  }

  .pt05 {
    padding-top: 5px !important;
  }

  .pt10 {
    padding-top: 10px !important;
  }

  .pt30 {
    padding-top: 30px !important;
  }

  .pt40 {
    padding-top: 40px !important;
  }

  .pt50 {
    padding-top: 50px !important;
  }

  .pb05 {
    padding-bottom: 5px !important;
  }

  .pb10 {
    padding-bottom: 10px !important;
  }

  .must {
    width: 35px;
    height: auto;
    vertical-align: middle;
    padding: 0 0 0 5px;
  }

  .line_b_single {
    border-bottom: 1px solid #bca9a3;
  }

  .flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }

  .f_between {
    justify-content: space-between;
  }

  .f_j_end {
    justify-content: flex-end;
  }

  .f_j_center {
    justify-content: center;
  }

  .f_a_end {
    align-items: flex-end;
  }

  .f_a_center {
    align-items: center;
  }

  /*規約*/
  .iframe_termbox {
    width: 100%;
    max-height: 148px;
    border: 1px solid #bca9a3 !important;
  }

  /*退会など*/
  .iframe_freebox {
    width: 100%;
    border: none;
  }

  .save div {
    border: #bca9a3 solid 1px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding: 2px 0 0 10px;
  }
  .save p {
    margin-bottom: 5px;
  }
  .save input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .save label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
    border-bottom: none !important;
  }
  .save label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00 !important;
    border: none;
    border-radius: 0% !important;
  }
  .save input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 8px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .save .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }

  /*クレジットカード情報入力*/
  .contents.settlement {
    margin: 10px 0;
    padding: 8px;
    background: #fff9d6;
    background-size: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.4rem;
  }
  .contents.settlement .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .contents.settlement select {
    height: 35px;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .contents.settlement .expiration-date {
    vertical-align: bottom;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .contents.settlement .item {
    font-size: 3.8vw;
  }
  .contents.settlement .item span {
    font-size: 75%;
    font-weight: 500;
    color: #2c0b00;
    border: none;
    padding: none;
  }
  .contents.settlement .item-txt {
    padding-left: 17px;
  }
  .contents.settlement label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
  }
  .contents.settlement label span {
    vertical-align: middle;
  }
  .contents.settlement label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .contents.settlement input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .contents.settlement input[type="radio"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .contents.settlement .contents-inner {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
  }
  .contents.settlement .contents-inner label {
    display: block;
    width: 100%;
    border-bottom: #e7dcc4 solid 1px;
    border-radius: 0;
  }
  .contents.settlement .contents-inner select {
    width: 100%;
  }
  .contents.settlement .contents-inner:last-child {
    margin-bottom: 0;
  }
  .contents.settlement .card-number {
    margin-top: 10px;
  }
  .contents.settlement .card-input label {
    color: #ff3f51;
    background-size: 10px;
    font-weight: 600;
    font-size: 3.8vw;
  }
  .contents.settlement .inner_box {
    padding: 10px 0;
    border-bottom: 1px solid #e1d8d5;
  }
  .contents.settlement .inner_box .contents-float {
    overflow: hidden;
  }
  .contents.settlement .inner_box .contents-float li:first-child {
    width: 30%;
    float: left;
    text-align: middle;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .contents.settlement .inner_box .contents-float li:last-child {
    width: 70%;
    float: right;
    padding-left: 5px;
  }
  .contents.settlement .inner_box .contents-float li:last-child input {
    width: 100%;
    height: 35px;
    padding-left: 5px;
    border: 1px solid #bca9a3;
    background-color: #ffffff;
    border-radius: 3px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .half-width li {
    width: 100%;
    padding-top: 5px;
    text-align: left;
    font-weight: lighter;
    color: #9c8b8b;
    font-size: 1rem;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img li {
    float: left;
    width: 20%;
    margin-right: 10px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img li:last-child {
    margin-right: 0px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img li img {
    width: 100%;
  }
  .contents.settlement .inner_box .contents-float li:last-child .date-select li {
    display: inline-block;
    width: auto;
    float: none !important;
  }
  .contents.settlement .inner_box .contents-float li:last-child .date-select li select {
    width: auto;
  }
  .contents.settlement .method {
    border-bottom: none;
  }
  .contents.settlement .use {
    width: 80%;
    height: 35px;
    margin: 10px auto 0;
    text-align: center;
    background: #f2e9e6;
    box-sizing: border-box;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-weight: 600;
  }
  .contents.settlement .use a {
    display: block;
    line-height: 35px;
  }

  /*バルーン　自動的に入るcss*/
  tippy-touch {
    cursor: pointer !important;
  }

  .tippy-notransition {
    transition: none !important;
  }

  .tippy-popper {
    max-width: 350px;
    -webkit-perspective: 700px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
  }

  .tippy-popper[data-html] {
    max-width: 96%;
    max-width: calc(100% - 20px);
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0;
  }

  .tippy-popper[x-placement^=top] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    bottom: -15px;
    margin: 0 6px;
  }

  .tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 7px;
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, 25%);
    transform: scale(5.5) translate(-50%, 25%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, 25%);
    transform: scale(1) translate(-50%, 25%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  .tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }

  .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0);
  }

  .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg);
  }

  .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1);
  }

  .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0);
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%;
  }

  .tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    top: -15px;
    margin: 0 6px;
  }

  .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  .tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 7px;
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -100%;
    transform-origin: 0 -100%;
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, -125%);
    transform: scale(5.5) translate(-50%, -125%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, -125%);
    transform: scale(1) translate(-50%, -125%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top;
  }

  .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0);
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 30% 0 0 30%;
  }

  .tippy-popper[x-placement^=left] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    right: -15px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(33%, -50%);
    transform: scale(5.5) translate(33%, -50%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(33%, -50%);
    transform: scale(1.5) translate(33%, -50%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  .tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right;
  }

  .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0);
  }

  .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg);
  }

  .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1);
  }

  .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 30% 30% 0;
  }

  .tippy-popper[x-placement^=right] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    left: -15px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -100% 0;
    transform-origin: -100% 0;
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-133%, -50%);
    transform: scale(5.5) translate(-133%, -50%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(-133%, -50%);
    transform: scale(1.5) translate(-133%, -50%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  .tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left;
  }

  .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0);
  }

  .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg);
  }

  .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1);
  }

  .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
  }

  .tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333;
  }

  .tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem;
  }

  .tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem;
  }

  .tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent;
  }

  .tippy-tooltip[data-animatefill] .tippy-content {
    transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  }

  .tippy-tooltip[data-interactive] {
    pointer-events: auto;
  }

  .tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
  }

  .tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease;
  }

  .tippy-arrow, .tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0;
  }

  .tippy-roundarrow {
    pointer-events: none;
  }

  .tippy-roundarrow path {
    pointer-events: auto;
  }

  .tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 26%;
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%;
  }

  body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%);
  }

  body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(5% 50% at 50% 50%);
    clip-path: ellipse(5% 50% at 50% 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 0 50%);
    clip-path: ellipse(135% 100% at 0 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 0 50%);
    clip-path: ellipse(25% 100% at 0 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 100% 50%);
    clip-path: ellipse(135% 100% at 100% 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 100% 50%);
    clip-path: ellipse(25% 100% at 100% 50%);
  }
}
@media screen and (max-width: 640px) and (max-width: 360px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px);
  }
}
@media screen and (max-width: 640px) {
  /*バルーン*/
  .tippy-tooltip.orderconfirm-theme {
    /* 説明文のデザイン */
    font-size: 1.1rem;
    background: #291a21;
    color: #ffffff;
    text-align: left;
    border-radius: 4px;
    padding: 4px 6px;
  }
  .tippy-tooltip.orderconfirm-theme .tippy-arrow {
    /* 矢印のデザイン(色変更の例) */
    border-bottom-color: #291a21;
  }

  /*ローディングGIF*/
  #loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    z-index: 10000;
    opacity: 0.7;
  }

  #loader {
    display: none;
    position: fixed;
    top: calc(50% + 50px);
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 10001;
  }
  #loader img {
    width: 100px;
  }
  #loader p {
    font-size: 16px;
  }

  .address-list .l-main-content .-address .order-list_address {
    padding: 10px;
    border-top: #bca9a3 solid 1px;
    position: relative;
  }
  .address-list .l-main-content .-address .order-list_address dl {
    width: calc(100% - 40px);
    padding-right: 40px;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(1) {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(1) a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.4rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(2) {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(2) a {
    font-size: 1.4rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .address-list .l-main-content .-address .wrap_btn {
    border-top: 1px solid #bca9a3;
  }
  .address-list .l-main-content .-address .wrap_btn .cart-btn {
    width: 70%;
    margin: 20px auto;
  }
  .address-list .l-main-content .-address .cart-btn a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding-top: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .address-list .l-main-content .-address .cart-btn a::before {
    content: "+";
    padding-right: 10px;
    color: #fffd75;
  }
  .address-list .l-main-content .-address .none {
    padding: 10px;
    font-size: 1.4rem;
    border-top: #bca9a3 solid 1px;
  }

  .address .l-main-content {
    font-size: 1.4rem;
  }
  .address .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .address .l-main-content .pc {
    display: none;
  }
  .address .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .address .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .address .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .address .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .address .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .address .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .address .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .address .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .address .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .address .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .address .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .address .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .address .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .address .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .address .l-main-content .kanji label {
    padding-left: 1em;
  }
  .address .l-main-content .radio .w_100 {
    width: 31%;
  }
  .address .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .address .l-main-content .radio label span {
    vertical-align: middle;
  }
  .address .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .address .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .address .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .address .l-main-content .yubin input {
    width: 50%;
  }
  .address .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .address .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .address .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .address .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .address .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .address .l-main-content .jyusyo .lorem input, .address .l-main-content .jyusyo .lorem select {
    width: 78%;
  }
  .address .l-main-content .denwa input {
    width: 30%;
  }
  .address .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .address .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .address .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .address .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .address .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .address .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .address .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .address .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .address .l-main-content .kiyaku {
    border-bottom: none;
  }
  .address .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .address .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .address .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .address .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .address .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto;
  }
  .address .l-main-content .add_choice h2 {
    margin-bottom: 10px;
  }
  .address .l-main-content .add_choice h2 + .w_100ex {
    border-top: #e1d8d5 solid 1px;
  }
  .address .l-main-content .add_choice .w_100ex {
    padding-top: 10px;
  }
  .address .l-main-content .noshi img {
    border: #e1d8d5 solid 1px;
  }
  .address .l-main-content .noshi input {
    width: 100%;
  }

  /* Scss Document */
  /* cart_sp */
  .cart .l-main-content {
    font-size: 1.4rem;
  }
  .cart .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .cart .l-main-content .caution.bold {
    margin-top: 10px;
  }
  .cart .l-main-content .lead-ares {
    padding: 0 10px;
  }
  .cart .l-main-content .lead-ares .lead-caution {
    color: #ff3f51;
    background: #ffebed;
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
  }
  .cart .l-main-content .lead-ares .lead-text {
    margin: 10px 0 5px;
  }
  .cart .l-main-content .amount {
    width: 100%;
    padding: 10px;
    background: #fff9d6;
  }
  .cart .l-main-content .amount.only-pc {
    display: none;
  }
  .cart .l-main-content .amount.is-fixed {
    position: fixed;
    bottom: 0;
    z-index: 9999;
  }
  .cart .l-main-content .amount .amount-info {
    border-bottom: #bca9a3 solid 1px;
    padding-bottom: 5px;
  }
  .cart .l-main-content .amount .amount-info dl {
    display: table;
    vertical-align: middle;
    width: 100%;
  }
  .cart .l-main-content .amount .amount-info dl dt {
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
  }
  .cart .l-main-content .amount .amount-info dl dd {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 70%;
  }
  .cart .l-main-content .amount .amount-info dl dd span {
    color: #ff3f51;
    font-size: 1.2rem;
  }
  .cart .l-main-content .amount .amount-info dl dd span .amount-price {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .cart .l-main-content .amount .amount-info dl dd span.amount-calc.is-disable a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    background: #d7d7d7;
  }
  .cart .l-main-content .amount .amount-info dl dd span.amount-calc a {
    font-weight: bold;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 5px 10px;
    border-radius: 16px;
    background: #ff3f51;
    text-decoration: none;
  }
  .cart .l-main-content .amount .amount-cv {
    margin-top: 5px;
  }
  .cart .l-main-content .amount .amount-cv p {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .cart .l-main-content .amount .amount-cv p span {
    font-weight: bold;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul {
    width: 100%;
    letter-spacing: -.4em;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: normal;
    vertical-align: top;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li a {
    display: block;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li.continue-btn {
    background: #ffffff;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    padding: 7px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 40px;
    width: 40%;
    padding-right: 5px;
    font-size: 1.2rem;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li.continue-btn a {
    height: 40px;
    line-height: 2.2;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li:last-child {
    width: calc(60% - 5px);
    margin-left: 5px;
    font-size: 1.4rem;
  }
  .cart .l-main-content .goods {
    margin-top: 10px;
  }
  .cart .l-main-content .goods .goods-list {
    padding: 10px;
    letter-spacing: -.4em;
    border-top: #bca9a3 solid 1px;
  }
  .cart .l-main-content .goods .goods-list:last-child {
    border-bottom: #bca9a3 double 3px;
  }
  .cart .l-main-content .goods .goods-list .goods-img {
    display: inline-block;
    box-sizing: border-box;
    width: 70px;
    vertical-align: top;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-img p {
    vertical-align: middle;
    text-align: center;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    background: #f7f2f0;
  }
  .cart .l-main-content .goods .goods-list .goods-img p img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .cart .l-main-content .goods .goods-list .goods-detail {
    display: inline-block;
    padding-left: 10px;
    width: calc(100% - 70px);
    vertical-align: top;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .is-privilege {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ff3f51;
    margin-bottom: 5px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .is-privilege dt {
    display: inline-block;
    font-size: 1rem;
    border: #ff3f51 solid 1px;
    padding: 0px 2px;
    margin-right: 2px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .is-privilege dd {
    display: inline;
  }
  .cart .l-main-content .goods .goods-list .goods-detail h2 {
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-price {
    text-align: right;
    margin-bottom: 5px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-price dt {
    display: inline-block;
    color: #bca9a3;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-price dd {
    display: inline-block;
    font-size: 1.2rem;
    color: #bca9a3;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-price dd span {
    color: #ff3f51;
    font-weight: bold;
    font-size: 1.4rem;
    margin-right: 5px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-num {
    letter-spacing: -.4em;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-num li:first-child {
    width: 20%;
    display: inline-block;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-num li:first-child a {
    font-size: 1.2rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-num li:last-child {
    text-align: right;
    width: 80%;
    display: inline-block;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-info .detail-num li:last-child input {
    max-width: 5em;
    padding: 5px;
    border: 1px solid #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #ff3f51;
    font-weight: bold;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .privilege-info {
    border-top: 1px dashed #bca9a3;
    font-size: 1.2rem;
    color: #ff3f51;
    margin-bottom: 5px;
    padding-top: 5px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num {
    letter-spacing: -.4em;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:first-child {
    width: 20%;
    display: inline-block;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:first-child a {
    font-size: 1.2rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:last-child {
    text-align: right;
    width: 80%;
    display: inline-block;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:last-child input {
    max-width: 5em;
    padding: 5px;
    border: 1px solid #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #ff3f51;
    font-weight: bold;
  }
  .cart .l-main-content .description {
    font-size: 1.2rem;
  }
  .cart .l-main-content .description li {
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid #e1d8d5;
  }
  .cart .l-main-content .description li a {
    display: block;
    color: #2c0b00;
    padding-left: 12px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 6px;
    text-decoration: none;
  }
  .cart .l-main-content .information {
    font-size: 1.2rem;
    color: #2c0b00;
    padding: 14px 10px 25px 10px;
    border-bottom: 2px solid #e1d8d5;
    list-style: disc;
  }
  .cart .l-main-content .information dl dt {
    margin-top: 5px;
  }
  .cart .l-main-content .information .tax_include {
    font-weight: 600;
    font-size: 1.2rem;
  }
  .cart .l-main-content .information .supplement {
    padding-left: 1em;
    text-indent: -1em;
  }
  .cart .l-main-content .detail {
    padding: 11px 10px 35px 10px;
    color: #2c0b00;
    font-size: 1.2rem;
  }

  .gFooter.cart {
    margin-bottom: 73px;
  }

  .gStickyNavWrap.cart {
    display: none;
  }

  /* Scss Document */
  /* complete_sp */
  .complete .l-main-content {
    /* header
    ----------------------- */
    /* transmission
    ----------------------- */
  }
  .complete .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .complete .l-main-content .contents {
    text-align: center;
    padding: 15px 0 30px;
    border-bottom: #bca9a3 solid 1px;
    font-size: 1.4rem;
  }
  .complete .l-main-content .contents .h2_contents {
    font-size: 1.6rem;
  }
  .complete .l-main-content .transmission {
    padding: 20px 0;
    border-top: 1px solid #f7f2f0;
  }
  .complete .l-main-content .transmission .cart-btn {
    width: 70%;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .complete .l-main-content .transmission .cart-btn a {
    line-height: 1.8;
  }

  /* Scss Document */
  /* confirmation_sp */
  .confirmation {
    /* ================== 共通要素の追加 ================== */
    /* ================== ヘルパークラス ================== */
  }
  .confirmation .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .confirmation .l-main-content img {
    width: 100%;
  }
  .confirmation .l-main-content .h2_1 {
    position: relative;
  }
  .confirmation .l-main-content .confirmation-content {
    margin-top: 10px;
    padding: 0 10px 0;
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .confirmation-content:nth-child(n+2) {
    margin-top: 20px;
  }
  .confirmation .l-main-content .confirmation-content .confirm_title-link {
    font-weight: lighter;
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .confirmation-content .confirm_title-btn {
    position: absolute;
    top: 0.3em;
    right: 0;
    width: 12%;
    padding-left: 8px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 5px 7px;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .confirmation-content .confirm-detail:nth-child(n+2) {
    margin-top: 15px;
  }
  .confirmation .l-main-content .confirmation-content .confirm-body {
    margin: 10px 0 0;
    padding: 10px 10px 12px 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
  }
  .confirmation .l-main-content .confirmation-content .confirm-body dl {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .confirmation .l-main-content .confirmation-content .confirm-body dl dt {
    display: table-cell;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .confirmation-content .confirm-body dl dd {
    display: table-cell;
    font-weight: lighter;
    text-align: right;
  }
  .confirmation .l-main-content .confirmation-content .confirm-body .confirm_body-address {
    display: block;
  }
  .confirmation .l-main-content .confirmation-content .confirm-body .confirm_body-address dt {
    display: block;
    width: 100%;
  }
  .confirmation .l-main-content .confirmation-content .confirm-body .confirm_body-address dd {
    display: block;
    width: 100%;
    text-align: left;
  }
  .confirmation .l-main-content .confirmation-content .supplement {
    margin: 10px 0 5px;
  }
  .confirmation .l-main-content .total_box {
    margin: 20px 0 0;
    border-bottom: 1px solid #bca9a3;
    box-sizing: border-box;
    background: #fff9d6;
    font-size: 1.5rem;
  }
  .confirmation .l-main-content .total_box .wrapper_inner {
    padding: 0 10px;
  }
  .confirmation .l-main-content .total_box .toggle_details {
    padding: 0;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title {
    background: #f7f2f0;
    border-top: #bca9a3 double 3px;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title a {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 5px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title a.is-open::before {
    content: "+";
    padding-right: 10px;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title a::before {
    content: "ー";
    padding-right: 10px;
    color: #bca9a3;
    font-size: 1.6rem;
    height: calc(100% - 16px);
    width: 50px;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-body {
    padding: 0 10px;
    position: relative;
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-body::after {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 0;
    content: "";
    width: calc(100% - 20px);
    height: 1px;
    background: #bca9a3;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-body > dl {
    padding: 0.3rem 0 0.2rem;
  }
  .confirmation .l-main-content .total_box dl {
    display: flex;
    width: 100%;
    padding: 0.8rem 0 0.7rem;
  }
  .confirmation .l-main-content .total_box dl dd {
    flex-grow: 2;
    text-align: right;
    font-size: 1rem;
  }
  .confirmation .l-main-content .total_box dl + dl {
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) {
    overflow: hidden;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) li:first-child {
    width: 45%;
    float: left;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) li:last-child {
    width: 55%;
    float: right;
    text-align: right;
    font-weight: 600;
    font-size: 1rem;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) li:last-child span {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.3rem;
  }
  .confirmation .l-main-content .total_box .use_point {
    padding: 0 10px 15px;
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .total_box .use_point > dl {
    flex-direction: column;
    padding: 0;
  }
  .confirmation .l-main-content .total_box .use_point > dl > dt {
    padding: 0.8rem 0 0.7rem;
  }
  .confirmation .l-main-content .total_box .use_point > dl > dd {
    text-align: left;
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .total_box .use_point > dl dl > dt span {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.3rem;
  }
  .confirmation .l-main-content .total_box .use_point > dl label {
    display: inline-block;
    font-weight: bold;
  }
  .confirmation .l-main-content .total_box .use_point > dl label + dl {
    border-top: 1px solid #bca9a3;
  }
  .confirmation .l-main-content .total_box .use_point > dl input[type="text"] {
    text-align: right;
  }
  .confirmation .l-main-content .total_box .use_point .point .full-amount a {
    display: block;
    font-size: 1.2rem;
    margin: 5px 0 10px;
    color: #ff3f51;
    font-weight: 600;
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    padding: 0;
    clip: rect(0, 0, 0, 0);
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox + label {
    display: inline-block;
    font-size: 1.4rem;
    position: relative;
    padding-left: 1.25em;
    cursor: pointer;
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox + label:before {
    position: absolute;
    content: '';
    top: 2px;
    left: -4px;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox:checked + label:after {
    position: absolute;
    content: '';
    top: 5px;
    left: -1px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .confirmation .l-main-content .total_box .use_point dl + .favorite-btn {
    border-top: 1px solid #bca9a3;
  }
  .confirmation .l-main-content .total_box .use_point .keyword {
    padding: 0.5em;
  }
  .confirmation .l-main-content .total_box .use_point .keyword .w-full {
    margin-top: 0.5em;
    text-align: left;
  }
  .confirmation .l-main-content .total_box .use_point .favorite-btn {
    margin: 10px auto 0;
    padding: 10px;
    text-align: center;
  }
  .confirmation .l-main-content .total_box .use_point .favorite-btn a {
    width: 72.46%;
    padding: 0.4em 0;
    margin: 0 auto;
  }
  .confirmation .l-main-content .total_box .use_point li {
    padding: 0 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
  }
  .confirmation .l-main-content .total_box .use_point li + li {
    margin-top: 10px;
  }
  .confirmation .l-main-content .preview-list {
    margin: 0;
    padding: 0;
  }
  .confirmation .l-main-content .preview-list .preview-list_item {
    padding: 10px 0;
    width: 100%;
  }
  .confirmation .l-main-content .preview-list .preview-list_item:first-child {
    padding-top: 0;
  }
  .confirmation .l-main-content .preview-list .preview-list_item + .preview-list_item {
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .preview-list .preview-list_img,
  .confirmation .l-main-content .preview-list .preview-list_text {
    display: inline-block;
    vertical-align: top;
  }
  .confirmation .l-main-content .preview-list .preview-list_text {
    padding-left: 10px;
  }
  .confirmation .l-main-content .preview-list .preview-list_img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    background: #f7f2f0;
  }
  .confirmation .l-main-content .preview-list .preview-list_img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .confirmation .l-main-content .preview-list .preview-list_text {
    padding-left: 10px;
    width: calc(100% - 75px);
  }
  .confirmation .l-main-content .preview-list .preview-list_privilege {
    font-size: 1.2rem;
    color: #ff3f51;
    padding: 0;
    font-weight: 600;
  }
  .confirmation .l-main-content .preview-list .preview-list_privilege .label {
    display: inline-block;
    font-size: 1rem;
    border: 1px solid #ff3f51;
    line-height: 1;
    padding: 0.2em 0.3em;
    margin-right: 2px;
  }
  .confirmation .l-main-content .preview-list .preview-list_title {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .confirmation .l-main-content .preview-list .preview-list_note {
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .preview-list .preview-list_ex {
    text-align: right;
    font-size: 1rem;
  }
  .confirmation .l-main-content .delivery-option {
    padding-top: 10px;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item {
    display: table;
    padding: 10px 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-text,
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-img {
    display: table-cell;
    vertical-align: top;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl {
    font-size: 1.4rem;
    padding: 5px 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl + dl {
    border-top: 1px dotted #e7dcc4;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl:first-child {
    padding-top: 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl:last-child {
    padding-bottom: 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl dt {
    font-size: 1.2rem;
    font-weight: normal;
    color: #bca9a3;
    width: 6em;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl dd {
    font-size: 1rem;
    text-align: left;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-img {
    width: 30%;
    padding-left: 10px;
    box-sizing: content-box;
    text-align: right;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-img img {
    width: 90px;
    height: 65px;
    border: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item::after {
    display: block;
    content: "";
    clear: both;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item:last-child {
    padding-bottom: 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item + .delivery_option-item {
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .bottom_cv {
    width: 100%;
    position: fixed;
    bottom: 0px;
    background: #fff9d6;
    height: 45px;
    box-sizing: border-box;
    text-align: center;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px 0;
    z-index: 9999;
    padding: 10px 0;
    border-top: 1px solid #bca9a3;
    border-bottom: 1px solid #bca9a3;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item {
    display: table-cell;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item.-cancel {
    width: 33.3%;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item.-cancel > a {
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    color: inherit;
    background: #ffffff;
    border: 1px solid #bca9a3;
    border-radius: 6px;
    text-decoration: underline;
    line-height: 3.2;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item.-enter > a {
    display: inline-block;
    width: 100%;
    font-size: 1.4rem;
    color: #ffffff;
    background: #ff3f51;
    border-radius: 6px;
    line-height: 2.9;
    text-decoration: none;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item > a {
    width: 100%;
  }
  .confirmation .l-main-content .footer_blank {
    margin-bottom: 62px;
  }
  .confirmation em {
    font-style: normal;
  }
  .confirmation .l-main-content input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }
  .confirmation .l-main-content input[type="radio"] + label {
    padding: 0.5em;
    padding-left: 0;
  }
  .confirmation .l-main-content input[type="radio"]:checked + label {
    color: #ff3f51;
  }
  .confirmation .l-main-content input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    padding: 8px 8px 10px 8px;
    color: #ff3f51;
    background: url(/images/radio_img.svg) no-repeat 3px 3px/contain;
    background-size: 10px;
    vertical-align: middle;
    margin-right: 5px;
  }
  .confirmation .l-main-content input[type="radio"]:checked + label::before {
    content: "";
    background: url(/images/radio-on_img.svg) no-repeat 0 0/contain;
  }
  .confirmation .l-main-content input[type="text"] {
    border: 1px solid #bca9a3;
    font-size: 1.4rem;
    padding: 0.4em;
    border-radius: 3px;
  }
  .confirmation .l-main-content textarea {
    border: 1px solid #bca9a3;
    font-size: 1.4rem;
    padding: 0.4em;
    border-radius: 3px;
    background: #f7f2f0;
  }
  .confirmation .t-largest {
    font-size: 180%;
    padding-right: 5px;
  }
  .confirmation .t-larger {
    font-size: 140%;
  }
  .confirmation .t-strong {
    font-weight: bold;
  }
  .confirmation .c-red {
    color: #ff3f51;
  }
  .confirmation .w-full {
    width: 100%;
  }

  .gFooter.confirmation {
    margin-bottom: 12px;
  }

  .gStickyNavWrap.confirmation {
    display: none;
  }

  .creditcard .l-main-content {
    font-size: 1.4rem;
  }
  .creditcard .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .creditcard .l-main-content .pc {
    display: none;
  }
  .creditcard .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .creditcard .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .creditcard .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .creditcard .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .creditcard .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .creditcard .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .creditcard .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .creditcard .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .creditcard .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .creditcard .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .creditcard .l-main-content div.wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .creditcard .l-main-content div.wrap_usual:nth-of-type(5) {
    border-bottom: none;
  }
  .creditcard .l-main-content div.wrap_usual .w_30 {
    padding-right: 5px;
  }
  .creditcard .l-main-content .wrap_usual02 {
    padding: 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .creditcard .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .creditcard .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .creditcard .l-main-content .kanji label {
    padding-left: 1em;
  }
  .creditcard .l-main-content .radio .w_100 {
    width: 31%;
  }
  .creditcard .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .creditcard .l-main-content .radio label span {
    vertical-align: middle;
  }
  .creditcard .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .creditcard .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .creditcard .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .creditcard .l-main-content .yubin input {
    width: 50%;
  }
  .creditcard .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .creditcard .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .creditcard .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .creditcard .l-main-content .jyusyo .lorem input {
    width: 78%;
  }
  .creditcard .l-main-content .denwa input {
    width: 30%;
  }
  .creditcard .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .creditcard .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .creditcard .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .creditcard .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .creditcard .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .creditcard .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .creditcard .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .creditcard .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .creditcard .l-main-content .kiyaku {
    border-bottom: none;
  }
  .creditcard .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .creditcard .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .creditcard .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .creditcard .l-main-content .wrap_btn {
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .creditcard .l-main-content .btn_01 {
    width: 70%;
    margin: 20px auto;
  }
  .creditcard .l-main-content .add_choice h2 {
    margin-bottom: 10px;
  }
  .creditcard .l-main-content .add_choice h2 + .w_100ex {
    border-top: #e1d8d5 solid 1px;
  }
  .creditcard .l-main-content .add_choice .w_100ex {
    padding-top: 10px;
  }
  .creditcard .l-main-content .noshi img {
    border: #e1d8d5 solid 1px;
  }
  .creditcard .l-main-content .noshi input {
    width: 100%;
  }
  .creditcard .l-main-content .order-list_address {
    padding: 10px;
    border-bottom: #bca9a3 solid 1px;
    position: relative;
    min-height: 90px;
  }
  .creditcard .l-main-content .order-list_address dl {
    width: calc(100% - 40px);
    padding-right: 40px;
  }
  .creditcard .l-main-content .order-list_address dd {
    font-weight: bold;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(1) {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(1) a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.4rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(2) {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(2) a {
    font-size: 1.2rem;
    padding-left: 1.5rem;
    background: url(/images/x-mark.svg) bottom left no-repeat;
    background-size: 10px 10px;
  }
  .creditcard .l-main-content .plus a::before {
    content: "+";
    padding-right: 10px;
    color: #fffd75;
  }
  .creditcard .l-main-content .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .creditcard .l-main-content .contents-img li {
    float: left;
    width: 20%;
    margin-right: 10px;
  }
  .creditcard .l-main-content .contents-img li:last-child {
    margin-right: 0px;
  }
  .creditcard .l-main-content .contents-img li img {
    width: 100%;
  }
  .creditcard .l-main-content .n_card {
    width: 100%;
  }

  /*商品詳細*/
  .detail .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
    font-size: 1.4rem;
  }
  .detail .l-main-content .main-title {
    padding: 10px 10px;
  }
  .detail .l-main-content .main-title .main_title-text {
    text-align: left;
    font-size: 4.7vw;
    line-height: 2;
  }
  .detail .l-main-content .main-title .author_box {
    display: table;
  }
  .detail .l-main-content .main-title .author_box dt {
    display: table-cell;
    font-size: 1.2rem;
    padding-right: 5px;
  }
  .detail .l-main-content .main-title .author_box dd {
    display: table-cell;
    font-size: 1.4rem;
    font-weight: 600;
    padding-right: 10px;
  }
  .detail .l-main-content .main-title .category {
    text-align: right;
    margin-top: 5px;
  }
  .detail .l-main-content .cart-box {
    background: #fff9d6;
    padding: 10px 10px 20px;
  }
  .detail .l-main-content .cart-box .price-box {
    color: #2c0b00;
    font-size: 1.2rem;
  }
  .detail .l-main-content .cart-box .price-box .discount-rate {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 2px 4px;
  }
  .detail .l-main-content .cart-box .price-box .price, .detail .l-main-content .cart-box .price-box .point {
    color: #ff3f51;
    font-size: 1.6rem;
    padding-right: 2px;
    display: inline-block;
  }
  .detail .l-main-content .cart-box .price-box .discount-title {
    font-size: 3vw;
  }
  .detail .l-main-content .cart-box .price-box .point_2 {
    color: #ff3f51;
    font-weight: 600;
    font-size: 3.2vw;
  }
  .detail .l-main-content .cart-box .price-box .en {
    font-weight: 500;
    font-size: 3vw;
  }
  .detail .l-main-content .cart-box .price-box .tax {
    font-weight: 500;
    font-size: 3vw;
  }
  .detail .l-main-content .cart-box .line-through .price, .detail .l-main-content .cart-box .line-through .point, .detail .l-main-content .cart-box .line-through .point_2, .detail .l-main-content .cart-box .line-through .en, .detail .l-main-content .cart-box .line-through .tax {
    font-size: 1.2rem;
    color: #2c0b00;
    padding: 0;
    display: inline;
  }
  .detail .l-main-content .cart-box .cart-decision {
    display: table;
    width: 100%;
  }
  .detail .l-main-content .cart-box .cart-decision li {
    display: table-cell;
    vertical-align: bottom;
  }
  .detail .l-main-content .cart-box .cart-decision li label {
    font-size: 1.2rem;
  }
  .detail .l-main-content .cart-box .cart-decision li select {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    padding: 0 25px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #ff3f51;
    background-color: #ffffff;
  }
  .detail .l-main-content .cart-box .cart-decision li:first-child {
    width: 72px;
    margin-right: 10px;
  }
  .detail .l-main-content .cart-box .cart-decision .cart-btn, .detail .l-main-content .cart-box .cart-decision .reservation-btn {
    font-size: 1.6rem;
    padding-left: 10px;
    height: 40px;
  }
  .detail .l-main-content .cart-box .cart-decision .cart-btn a, .detail .l-main-content .cart-box .cart-decision .reservation-btn a {
    width: 100%;
  }
  .detail .l-main-content .cart-box .sold-out-btn {
    display: inline-block !important;
    font-size: 1.6rem;
    height: 40px;
    width: calc(100% - 10px);
    margin: 20px 0 0 10px;
  }
  .detail .l-main-content .cart-box .cart-benefits li {
    overflow: hidden;
  }
  .detail .l-main-content .cart-box .cart-benefits li select {
    width: 100%;
    font-size: 1.4rem;
    padding: 0 18px 0 10px;
    height: 40px;
    color: #ff3f51;
    background-color: #ffffff;
    font-weight: 600;
  }
  .detail .l-main-content .cart-box .cart-benefits label {
    font-size: 1.2rem;
  }
  .detail .l-main-content .cart-box .cart-benefits .cart-btn, .detail .l-main-content .cart-box .cart-benefits .reservation-btn, .detail .l-main-content .cart-box .cart-benefits .sold-out-btn {
    font-size: 1.6rem;
    margin-top: 10px;
  }
  .detail .l-main-content .cart-box .cart-benefits .sold-out-btn {
    width: 100%;
    margin-left: 0;
  }
  .detail .l-main-content .product-detail {
    display: table;
  }
  .detail .l-main-content .product-detail dt {
    font-size: 1.2rem;
    display: table-cell;
    padding-right: 5px;
    line-height: 2;
  }
  .detail .l-main-content .product-detail dd {
    font-size: 1.4rem;
    display: table-cell;
  }
  .detail .l-main-content .product-detail dd span {
    font-weight: 600;
  }
  .detail .l-main-content .product-detail-box {
    margin-top: 20px;
    border-top: #bca9a3 solid 1px;
  }
  .detail .l-main-content .favorite-box .favorite-btn a {
    font-size: 1.4rem;
    width: 70%;
    margin: 10px auto 0;
  }
  .detail .l-main-content .restock-notification-box {
    text-align: center;
  }
  .detail .l-main-content .restock-notification-box .restock-notification-btn a {
    font-size: 1.4rem;
    width: 70%;
    margin: 10px auto 0;
  }
  .detail .l-main-content .restock-notification-box .restock-notification-registered-btn {
    display: inline-block;
    font-size: 1.4rem;
    width: 70%;
    margin: 10px auto 0;
    background: #d7d7d7;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .detail .l-main-content .h2_1 {
    margin-top: 10px;
  }
  .detail .l-main-content .product-description {
    font-size: 1.4rem;
  }
  .detail .l-main-content .product-description li {
    padding-top: 10px;
  }
  .detail .l-main-content .slide-box {
    background: #f7f2f0;
    border-top: #bca9a3 solid 1px;
    margin-bottom: 20px;
    /*スライダー設定*/
  }
  .detail .l-main-content .slide-box .slide_selector {
    position: relative;
    height: auto;
    max-height: 322px;
    margin: 0 auto;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-slide {
    height: 285px;
    position: relative;
  }
  .detail .l-main-content .slide-box .slide_selector img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .detail .l-main-content .slide-box .slide_selector a {
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    text-decoration: none;
    color: #ffffff;
    background: #2c0b00;
    width: 24px;
    height: 24px;
    border-radius: 14px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-prev {
    left: 5px;
    padding: 2px 2px 0 0;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-next {
    right: 5px;
    padding: 2px 0 0 2px;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    background-color: #d7d7d7;
    border-radius: 5px;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots .slick-active button {
    background-color: #ff3f51;
  }
  .detail .l-main-content .sns-btn-box {
    padding: 30px 10px 0;
    margin: 0 auto;
    font-size: 0;
    width: 280px;
  }
  .detail .l-main-content .sns-btn-box li {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 5px;
  }

  .edit-address-list .l-main-content {
    font-size: 1.4rem;
  }
  .edit-address-list .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .edit-address-list .l-main-content .pc {
    display: none;
  }
  .edit-address-list .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .edit-address-list .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .edit-address-list .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .edit-address-list .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .edit-address-list .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .edit-address-list .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .edit-address-list .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .edit-address-list .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .edit-address-list .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .edit-address-list .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .edit-address-list .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .edit-address-list .l-main-content .wrap_usual:nth-of-type(6) {
    border-bottom: none;
  }
  .edit-address-list .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .edit-address-list .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .edit-address-list .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .edit-address-list .l-main-content .kanji label {
    padding-left: 1em;
  }
  .edit-address-list .l-main-content .radio .w_100 {
    width: 31%;
  }
  .edit-address-list .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .edit-address-list .l-main-content .radio label span {
    vertical-align: middle;
  }
  .edit-address-list .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .edit-address-list .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .edit-address-list .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .edit-address-list .l-main-content .yubin input {
    width: 50%;
  }
  .edit-address-list .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .edit-address-list .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .edit-address-list .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    flex-basis: 100%;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .edit-address-list .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .edit-address-list .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .edit-address-list .l-main-content .jyusyo .lorem input, .edit-address-list .l-main-content .jyusyo .lorem select {
    width: 78%;
  }
  .edit-address-list .l-main-content .denwa input {
    width: 30%;
  }
  .edit-address-list .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .edit-address-list .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .edit-address-list .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .edit-address-list .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .edit-address-list .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .edit-address-list .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .edit-address-list .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .edit-address-list .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .edit-address-list .l-main-content .kiyaku {
    border-bottom: none;
  }
  .edit-address-list .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .edit-address-list .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .edit-address-list .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .edit-address-list .l-main-content .wrap_btn {
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .edit-address-list .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto;
  }
  .edit-address-list .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .edit-address-list .l-main-content .error p {
    margin-left: 10px;
  }

  /*お気に入り　商品リスト式*/
  .favorite-list .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .favorite-list .caution {
    margin-top: 10px;
  }
  .favorite-list .l-main-content .list-define {
    padding: 10px;
    display: table;
    width: 100%;
  }
  .favorite-list .l-main-content .list-define .define-select {
    display: table-cell;
    vertical-align: middle;
  }
  .favorite-list .l-main-content .list-define .define-select:nth-child(n+2) {
    margin-left: 5px;
  }
  .favorite-list .l-main-content .list-define .define-select select {
    font-size: 3.5vw;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-weight: 600;
    width: calc(100% - 34px);
    padding-right: 18px;
  }
  .favorite-list .l-main-content .list-define .define-select #release-year {
    padding-right: 5px;
  }
  .favorite-list .l-main-content .list-define .define-select #release-year, .favorite-list .l-main-content .list-define .define-select #release-month {
    color: #ff3f51;
  }
  .favorite-list .l-main-content .list-define .define-select:last-child {
    padding-left: 2px;
  }
  .favorite-list .l-main-content .list-number {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    padding: 0 5px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .favorite-list .l-main-content .list-number span {
    font-weight: 600;
    padding: 0 2px;
  }
  .favorite-list .l-main-content .delete {
    margin-bottom: 10px;
  }
  .favorite-list .l-main-content .delete a {
    display: inline-block;
    float: right;
    padding: 0 10px 0 15px;
    text-decoration: underline;
    background: url(/images/x-mark.svg) center left no-repeat;
    background-size: 10px 10px;
  }
  .favorite-list .l-main-content .list-box {
    border-top: #bca9a3 solid 1px;
    padding: 15px 10px;
  }
  .favorite-list .l-main-content .list-box .image {
    border: #bca9a3 solid 1px;
    width: 35%;
    float: left;
  }
  .favorite-list .l-main-content .list-box .image img {
    width: 100%;
  }
  .favorite-list .l-main-content .list-box .list-details {
    width: 65%;
    float: right;
    padding-left: 10px;
    font-size: 1.2rem;
  }
  .favorite-list .l-main-content .list-box .list-details .title {
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
  .favorite-list .l-main-content .list-box .list-details .author-box {
    display: inline-block;
    margin-right: 5px;
  }
  .favorite-list .l-main-content .list-box .list-details .author-box dt {
    display: inline;
    font-weight: 500;
  }
  .favorite-list .l-main-content .list-box .list-details .author-box dd {
    display: inline;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .favorite-list .l-main-content .list-box .list-details .author {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .favorite-list .l-main-content .list-box .list-details .catch-copy {
    margin-top: 5px;
    font-size: 1rem;
  }
  .favorite-list .l-main-content .list-box .list-details .category {
    padding: 5px 0;
    border: none;
  }
  .favorite-list .l-main-content .list-box .list-details .category li {
    display: inline-block;
    border: #bca9a3 1px solid;
    padding: 0 2px;
    line-height: 1.4;
    margin: 2px 0 2px;
  }
  .favorite-list .l-main-content .list-box .list-details .details-tb {
    display: table;
  }
  .favorite-list .l-main-content .list-box .list-details .details-tb dt {
    font-weight: 500;
    color: #9c8b8b;
    display: table-cell;
  }
  .favorite-list .l-main-content .list-box .list-details .details-tb dd {
    padding-left: 5px;
    display: table-cell;
  }
  .favorite-list .l-main-content .list-box .list-details .price-box.line-through .tax {
    text-decoration: line-through;
  }
  .favorite-list .l-main-content .list-box .btn-box {
    margin-top: 5px;
    width: 65%;
    float: right;
    padding-left: 10px;
  }
  .favorite-list .l-main-content .list-box .btn-box li .cart-btn a {
    height: 40px;
  }
  .favorite-list .l-main-content .list-box .btn-box .cart-btn a, .favorite-list .l-main-content .list-box .btn-box .sold-out-btn, .favorite-list .l-main-content .list-box .btn-box .reservation-btn a, .favorite-list .l-main-content .list-box .btn-box .benefits-btn a {
    font-size: 1.2rem;
    float: right;
    width: calc(80% - 20px);
    vertical-align: middle;
    line-height: 1.2;
    padding-top: 5.5%;
  }
  .favorite-list .l-main-content .list-box .btn-box .benefits-btn a {
    text-decoration: none;
    background: #ffebed;
    border: #ff3f51 solid 1px;
    color: #ff3f51;
    height: 40px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    padding-top: 5.5%;
  }
  .favorite-list .l-main-content .list-box .btn-box .benefits-btn a span {
    color: #ff3f51;
    padding-right: 5px;
  }
  .favorite-list .l-main-content .list-box .btn-box .benefits-btn a span::before {
    color: #ff3f51;
  }
  .favorite-list .l-main-content .list-box .btn-box .select-benefit-box select {
    font-weight: 600;
    color: #ff3f51;
    height: 40px;
    padding: 7px 20px 7px 7px;
    font-size: 2.6vw;
    margin-bottom: 5px;
    width: 100%;
  }
  .favorite-list .l-main-content .list-box .btn-box .delete-btn {
    font-size: 2.9vw;
    padding-top: 12px;
  }
  .favorite-list .l-main-content .list-box .btn-box .delete-btn a {
    display: block;
    float: left;
    width: 20%;
    padding-left: 15px;
    text-decoration: underline;
    background: url(/images/x-mark.svg) center left no-repeat;
    background-size: 10px 10px;
  }
  .favorite-list .l-main-content .list-box .btn-box .caution {
    font-size: 1.2rem;
  }
  .favorite-list .l-main-content .m-pagination {
    border-top: #bca9a3 solid 1px;
    padding: 10px;
  }
  .favorite-list .l-main-content .detail-serch {
    border-top: #bca9a3 solid 1px;
    font-weight: 600;
    padding: 25px 10px 0;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl {
    display: table;
    width: 100%;
    font-size: 3.5vw;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dt {
    display: table-cell;
    width: 25%;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd {
    display: table-cell;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd select {
    width: 100%;
    color: #ff3f51;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd input[type="search"] {
    width: 100%;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd:not(.check-btn) {
    padding: 0 2px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn {
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn label {
    display: table-cell;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    height: 32px;
    padding: 6px 2px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn label:first-child {
    width: 52%;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn label:nth-child(n+2) {
    width: 70px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl:first-child {
    margin-top: 15px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl:nth-child(n+2) {
    margin-top: 10px;
  }
  .favorite-list .l-main-content .detail-serch #release-year {
    width: 25%;
  }
  .favorite-list .l-main-content .detail-serch #release-month {
    width: 20%;
    margin-left: 5px;
  }
  .favorite-list .l-main-content .detail-serch .rerlease-month_title {
    display: none;
  }
  .favorite-list .l-main-content .detail-serch .serch-btn {
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 1.4rem;
    background: #291a21;
    text-align: center;
    border-radius: 4px;
    margin-top: 20px;
    line-height: 3;
    color: #ffffff;
  }
  .favorite-list .l-main-content .detail-serch .serch-btn .icon-search {
    font-size: 1.4rem;
    color: #fffd75;
  }
  .favorite-list .l-main-content .other-serch {
    margin-top: 15px;
  }
  .favorite-list .l-main-content .other-serch dt {
    font-size: 3.5vw;
    font-weight: 500;
    border-bottom: #bca9a3 solid 1px;
  }
  .favorite-list .l-main-content .other-serch dd {
    font-size: 3.5vw;
    padding-top: 10px;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .favorite-list .l-main-content .other-serch dd label {
    display: table-cell;
    vertical-align: top;
  }
  .favorite-list .l-main-content .other-serch dd label select, .favorite-list .l-main-content .other-serch dd label input[type="search"] {
    width: 100%;
  }
  .favorite-list .l-main-content .other-serch dd label:first-child {
    width: 25%;
    color: #ff3f51;
  }
  .favorite-list .l-main-content .other-serch dd label:last-child {
    width: 25%;
    color: #ff3f51;
  }

  .inquire-creditcard .l-main-content {
    font-size: 1.4rem;
  }
  .inquire-creditcard .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .inquire-creditcard .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .inquire-creditcard .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .inquire-creditcard .l-main-content .wrap_usual02 {
    padding: 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .inquire-creditcard .l-main-content .cart-btn {
    width: 70%;
    margin: 20px auto;
  }
  .inquire-creditcard .l-main-content .order-list_address {
    padding: 10px;
    border-bottom: #bca9a3 solid 1px;
    position: relative;
    min-height: 90px;
  }
  .inquire-creditcard .l-main-content .order-list_address:first-child {
    padding-top: 10px;
  }
  .inquire-creditcard .l-main-content .order-list_address dl {
    width: calc(100% - 40px);
    padding-right: 40px;
  }
  .inquire-creditcard .l-main-content .order-list_address dd {
    font-weight: bold;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit {
    position: absolute;
    top: 0;
    right: 10px;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit li {
    margin-top: 10px;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit .change a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.4rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
    height: 35px;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit .delete a {
    font-size: 1.4rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .inquire-creditcard .l-main-content .plus a::before {
    content: "+";
    padding-right: 10px;
    color: #fffd75;
  }

  /*商品一覧　リスト式*/
  .list {
    /*商品一覧　サムネイル式*/
    /*エラーページ*/
  }
  .list .l-main-content .list-define {
    padding: 10px 0;
    margin: 0 10px;
    display: table;
    width: calc(100% - 20px);
  }
  .list .l-main-content .list-define .define-select {
    display: table-cell;
  }
  .list .l-main-content .list-define .define-select label {
    display: block;
  }
  .list .l-main-content .list-define .define-select select {
    font-size: 3.5vw;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-weight: 600;
    width: 100%;
  }
  .list .l-main-content .list-define .define-select:nth-child(-n+2) select {
    color: #ff3f51;
  }
  .list .l-main-content .list-define .define-select:nth-of-type(2) {
    padding-left: 4px;
  }
  .list .l-main-content .list-define .define-select:nth-child(n+3) {
    padding-left: 4px;
  }
  .list .l-main-content .list-define .define-select:last-child {
    width: 15%;
  }
  .list .l-main-content .list-number {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    padding: 0 10px 15px;
  }
  .list .l-main-content .list-number li {
    font-size: 1.2rem;
  }
  .list .l-main-content .list-number li:first-child {
    float: left;
  }
  .list .l-main-content .list-number li:last-child {
    float: right;
    font-weight: 600;
    padding-left: 15px;
    background: url(/images/more-under-arrow_icon.svg) no-repeat;
    background-position: 0 center;
    background-size: 9px 6px;
    border: none;
  }
  .list .l-main-content .list-number li span {
    font-weight: 600;
  }
  .list .l-main-content .list-box {
    border-top: #bca9a3 solid 1px;
    padding: 15px 10px;
  }
  .list .l-main-content .list-box .image {
    border: #bca9a3 solid 1px;
    width: 35%;
    float: left;
  }
  .list .l-main-content .list-box .image img {
    width: 100%;
  }
  .list .l-main-content .list-box .list-details {
    width: 65%;
    float: right;
    padding-left: 10px;
    font-size: 1.2rem;
  }
  .list .l-main-content .list-box .list-details .title {
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
  .list .l-main-content .list-box .list-details .author-box {
    display: inline-block;
    margin-right: 5px;
  }
  .list .l-main-content .list-box .list-details .author-box dt {
    display: inline;
    font-weight: 500;
  }
  .list .l-main-content .list-box .list-details .author-box dd {
    display: inline;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .list .l-main-content .list-box .list-details .catch-copy {
    margin-top: 5px;
    font-size: 1.2rem;
  }
  .list .l-main-content .list-box .list-details .category {
    padding: 5px 0;
    border: none;
  }
  .list .l-main-content .list-box .list-details .category li {
    display: inline-block;
    border: #bca9a3 1px solid;
    padding: 0 2px;
    line-height: 1.4;
    margin: 2px 0 2px;
  }
  .list .l-main-content .list-box .list-details .details-tb {
    display: table;
  }
  .list .l-main-content .list-box .list-details .details-tb dt {
    font-weight: 500;
    color: #9c8b8b;
    display: table-cell;
  }
  .list .l-main-content .list-box .list-details .details-tb dd {
    padding-left: 5px;
    display: table-cell;
  }
  .list .l-main-content .list-box .btn-box {
    margin-top: 5px;
    width: 65%;
    float: right;
    padding-left: 10px;
  }
  .list .l-main-content .list-box .btn-box li a {
    height: 40px;
  }
  .list .l-main-content .list-box .btn-box .favorite-btn a, .list .l-main-content .list-box .btn-box .benefits-btn a {
    font-size: 1rem;
    float: left;
    width: 40%;
    line-height: 1.5;
    padding-top: 4.7%;
  }
  .list .l-main-content .list-box .btn-box .cart-btn a, .list .l-main-content .list-box .btn-box .sold-out-btn, .list .l-main-content .list-box .btn-box .reservation-btn a, .list .l-main-content .list-box .btn-box .benefits-btn a {
    font-size: 1.2rem;
    float: right;
    width: 59%;
    vertical-align: middle;
    line-height: 1.2;
    padding-top: 5.5%;
  }
  .list .l-main-content .list-box .btn-box .benefits-btn a {
    text-decoration: none;
    background: #ffebed;
    border: #ff3f51 solid 1px;
    color: #ff3f51;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
    padding-top: 5.5%;
  }
  .list .l-main-content .list-box .btn-box .benefits-btn a span {
    padding-right: 5px;
  }
  .list .l-main-content .list-box .btn-box .select-benefit-box select {
    font-weight: 600;
    color: #ff3f51;
    height: 40px;
    padding: 7px 20px 7px 7px;
    font-size: 2.6vw;
    margin-bottom: 5px;
    width: 100%;
    background-color: #ffffff;
  }
  .list .l-main-content .list-box .btn-box .caution {
    font-size: 1.2rem;
  }
  .list .l-main-content .m-pagination {
    border-top: #bca9a3 solid 1px;
    padding: 10px;
  }
  .list .l-main-content .detail-serch {
    border-top: #bca9a3 solid 1px;
    font-weight: 600;
    padding: 25px 10px 0;
  }
  .list .l-main-content .detail-serch .serch-dl {
    display: table;
    width: 100%;
    font-size: 3.5vw;
  }
  .list .l-main-content .detail-serch .serch-dl dt {
    display: table-cell;
    width: 25%;
  }
  .list .l-main-content .detail-serch .serch-dl dd {
    display: table-cell;
  }
  .list .l-main-content .detail-serch .serch-dl dd select {
    width: 100%;
    color: #ff3f51;
  }
  .list .l-main-content .detail-serch .serch-dl dd input[type="search"] {
    width: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl dd:not(.check-btn) {
    padding: 0 2px;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn {
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label {
    display: table-cell;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    height: 32px;
    padding: 6px 0 6px 8px;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label:first-child {
    width: 52%;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label:nth-child(n+2) {
    width: 70px;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label .radio-part::before {
    position: absolute;
    content: '';
    top: 50%;
    left: -8px;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label input[type="radio"]:checked + .radio-part::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl:first-child {
    margin-top: 15px;
  }
  .list .l-main-content .detail-serch .serch-dl:nth-child(n+2) {
    margin-top: 10px;
  }
  .list .l-main-content .detail-serch .serch-dl:last-child label:first-child select {
    width: 25%;
  }
  .list .l-main-content .detail-serch .serch-dl:last-child label:last-child select {
    width: 20%;
    margin-left: 5px;
  }
  .list .l-main-content .detail-serch .rerlease-month_title {
    display: none;
  }
  .list .l-main-content .detail-serch .serch-btn a {
    position: relative;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 40px;
    font-size: 1.4rem;
    background: #291a21;
    text-align: center;
    border-radius: 4px;
    margin-top: 20px;
    line-height: 3;
    color: #ffffff;
  }
  .list .l-main-content .detail-serch .serch-btn a .icon-search {
    font-size: 1.4rem;
    color: #fffd75;
    padding-right: 5px;
  }
  .list .l-main-content .other-serch {
    margin-top: 15px;
  }
  .list .l-main-content .other-serch dt {
    font-size: 3.5vw;
    font-weight: 500;
    border-bottom: #bca9a3 solid 1px;
  }
  .list .l-main-content .other-serch dd {
    font-size: 3.5vw;
    padding-top: 10px;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .list .l-main-content .other-serch dd label {
    display: table-cell;
    vertical-align: top;
  }
  .list .l-main-content .other-serch dd label select, .list .l-main-content .other-serch dd label input[type="search"] {
    width: 100%;
  }
  .list .l-main-content .other-serch dd label:first-child {
    width: 25%;
    color: #ff3f51;
  }
  .list .l-main-content .other-serch dd label:last-child {
    width: 25%;
    color: #ff3f51;
  }
  .list .thumbnail {
    padding: 10px 0 0 0;
    font-size: 0;
    border-top: #bca9a3 solid 1px;
  }
  .list .thumbnail .list-box {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    border: none;
    width: 33.3333%;
    margin: 0 auto;
    padding: 0 10px 25px;
  }
  .list .thumbnail .list-box .image {
    width: 100%;
  }
  .list .thumbnail .list-box .list-details {
    width: 100%;
    float: right;
    padding-left: 0px;
  }
  .list .thumbnail .list-box .list-details .title {
    padding-top: 5px;
    font-size: 1.2rem;
  }
  .list .thumbnail .list-box .list-details .price-box {
    text-align: left;
  }
  .list .thumbnail .list-box .list-details .price-box span {
    line-height: 1;
  }
  .list .thumbnail .list-box .list-details .price-box .price {
    padding: 0;
  }
  .list .thumbnail .list-box .list-details .price-box .price-title {
    display: none;
  }
  .list .thumbnail .list-box .list-details .price-box .tax {
    font-weight: 500;
    font-size: 1rem;
  }
  .list .thumbnail .list-box .list-details .price-box .point {
    display: inline-block;
  }
  .list .thumbnail .list-box .list-details .benefits {
    font-size: 1rem;
    margin: 0;
  }
  .list .thumbnail .list-box .list-details .category {
    padding: 2px 0;
    font-size: 1rem;
  }
  .list .thumbnail .list-box .list-details .out-of-stock {
    color: #ff3f51;
    background: #ffebed;
    padding: 2px;
    margin-top: 20px;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 10px;
  }
  .list .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .list .wrapper {
    padding: 10px 0 60px;
  }
  .list .wrapper .note {
    font-size: 1.4rem;
    padding: 0 10px;
  }

  .login .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .login .l-main-content .pc {
    display: none;
  }
  .login .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .login .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .login .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .login .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .login .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .login .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .login .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .login .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .login .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .login .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .login .l-main-content .wrap {
    padding: 10px;
  }
  .login .l-main-content .wrap_usual {
    padding: 0;
  }
  .login .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .login .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .login .l-main-content .mailad .lorem input {
    border: #bca9a3 solid 1px;
    width: 100%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff;
  }
  .login .l-main-content .wrap_btn {
    margin-top: 20px;
  }
  .login .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto 10px;
  }
  .login .l-main-content .login_yellow {
    margin: 0 10px;
    padding: 15px 10px 10px;
    background: #fff9d6;
    font-size: 1.4rem;
  }
  .login .l-main-content .icon_q {
    background-color: #291a21;
    border-radius: 100%;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    margin-right: 5px;
  }
  .login .l-main-content .border_bottom {
    padding: 10px 10px 20px;
    border-bottom: #bca9a3 solid 1px;
    font-size: 1.4rem;
  }
  .login .l-main-content .mt70 {
    margin-top: 20px;
  }
  .login .l-main-content .btn_red {
    margin: 0;
  }
  .login .l-main-content .btn_red .btn_01 {
    margin: 0 auto;
  }
  .login .l-main-content .btn_red .btn_01 a {
    background-color: #ff3f51;
    font-size: 1.4rem;
  }

  /* Scss Document */
  /* mypage_sp */
  .mypage .l-main-content {
    /* ================== 共通要素の追加 ================== */
    /* ================== ヘルパークラス ================== */
  }
  .mypage .l-main-content a {
    text-decoration-color: #2c0b00;
  }
  .mypage .l-main-content .l-main-content .container {
    padding: 25px 10px 0;
    padding-top: 10px;
  }
  .mypage .l-main-content .btn_area {
    background: #f7f2f0;
    padding: 5px 10px;
  }
  .mypage .l-main-content .btn_area .btn {
    padding-top: 1.3em;
    padding-bottom: 1.3em;
  }
  .mypage .l-main-content .-pc-horizontal {
    margin: 10px 0;
    padding: 0 10px;
  }
  .mypage .l-main-content .mypoint {
    margin: 0 0 10px;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint-detail {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint_detail-column {
    display: table-cell;
    font-weight: bold;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint_detail-column:first-child {
    font-size: 16px;
    color: #2c0b00;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint_detail-column:last-child {
    text-align: right;
    color: #ff3f51;
  }
  .mypage .l-main-content .mypoint .mypoint-detail {
    padding: 0.1rem 0;
  }
  .mypage .l-main-content .mypoint .mypoint-detail .mypoint_detail-column:last-child {
    text-align: right;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-column:first-child {
    color: #bca9a3;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-available .mypoint_detail-column {
    font-weight: bold;
    color: #2c0b00;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-breakdown .mypoint_detail-column {
    font-size: 13px;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-breakdown .mypoint_detail-column:first-child {
    color: #2c0b00;
    width: 35%;
  }
  .mypage .l-main-content .user {
    margin: 0;
  }
  .mypage .l-main-content .user .user-inner {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding-bottom: 10px;
  }
  .mypage .l-main-content .user .user-display {
    display: table-cell;
    width: 35%;
    min-width: 130px;
    text-align: center;
    padding-right: 10px;
    vertical-align: top;
  }
  .mypage .l-main-content .user .user-face {
    display: inline-block;
    margin-top: 10px;
  }
  .mypage .l-main-content .user .user-rank {
    display: inline-block;
    margin-top: 5px;
    color: #ffffff;
    font-size: 3.0vw;
    border-radius: 2em;
    padding: 0.1em 0.6em 0.05em;
  }
  .mypage .l-main-content .user .user-rank.-premium {
    background: #bc9200;
  }
  .mypage .l-main-content .user .iser-info {
    display: table-cell;
    width: 65%;
    vertical-align: top;
  }
  .mypage .l-main-content .user .user-name {
    font-size: 12px;
    border-bottom: 1px dotted #bca9a3;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .mypage .l-main-content .user .user-detail {
    padding: 0.1rem 0;
  }
  .mypage .l-main-content .user .user_detail-column:first-child {
    color: #bca9a3;
  }
  .mypage .l-main-content .user .user_detail-cord .user_detail-column:last-child {
    flex-grow: 1;
    max-width: 11.5rem;
    text-align: left;
  }
  .mypage .l-main-content .link_list .link_list-item {
    font-size: 15px;
    font-weight: bold;
  }
  .mypage .l-main-content .link_list .link_list-item + .link_list-item {
    border-top: 1px solid #bca9a3;
  }
  .mypage .l-main-content .link_list .link_list-item > a {
    padding: 0.5em 10px;
    display: block;
    text-decoration: none;
  }
  .mypage .l-main-content .link_list [class^="icon-"] {
    position: relative;
    top: 0;
    display: inline-block;
    transform: scale(1.3);
    padding-right: 0.4em;
    vertical-align: baseline;
    width: 1.5em;
  }
  .mypage .l-main-content .link_list br {
    display: none;
  }
  .mypage .l-main-content .l-box.-sp-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    margin-left: -5px;
    width: calc(100% + 10px);
    padding: 0;
  }
  .mypage .l-main-content .l-box.-sp-horizontal > * {
    flex: 1;
    padding: 5px;
  }
  .mypage .l-main-content .l-difine_list {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.2em 0;
    flex-wrap: wrap;
  }
  .mypage .l-main-content .l-difine_list > dt {
    font-weight: normal;
  }
  .mypage .l-main-content .l-difine_list > dd {
    flex-grow: 2;
    text-align: left;
    max-width: 11.5rem;
  }
  .mypage .l-main-content .l-difine_list.-border > dl + dt {
    border-top: 1px solid #e7dcc4;
  }
  .mypage .l-main-content .m-card {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 14px;
  }
  .mypage .l-main-content .m-card .card-header {
    padding: 5px 10px;
    background: #ffebed;
  }
  .mypage .l-main-content .m-card .card-body {
    padding: 5px 10px;
  }
  .mypage .l-main-content .m-card .card-footer {
    padding: 5px 10px;
    border-top: 1px dotted #bca9a3;
    text-align: right;
  }
  .mypage .l-main-content .m-card .card-link {
    top: 0.3em;
    right: 0;
    width: 9.85%;
    padding-left: 10px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 5px;
    font-weight: 600;
    font-size: 12px;
  }
  .mypage .l-main-content .btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #bca9a3;
    border-radius: 6px;
    line-height: 1;
    text-align: center;
    padding: 0.8em 0.5em 0.8em;
    text-decoration: none;
    letter-spacing: 0.06rem;
  }
  .mypage .l-main-content .btn + .btn {
    margin-top: 10px;
  }
  .mypage .l-main-content .btn.-normal {
    color: #2c0b00;
    background: #ffffff;
    border: 1px solid #bca9a3;
  }
  .mypage .l-main-content .btn.-accent {
    color: #ffffff;
    background: #ff3f51;
  }
  .mypage .l-main-content .btn.-function {
    background: #f2e9e6;
    border: 1px solid #bca9a3;
  }
  .mypage .l-main-content .btn.-underline {
    text-decoration: underline;
  }
  .mypage .l-main-content .btn.-larger {
    font-size: 1.6rem;
    font-weight: 600;
  }
  .mypage .l-main-content .btn [class^="icon-"] {
    position: relative;
    top: 0;
    display: inline-block;
    transform: scale(1.3);
    padding-right: 0.4em;
    vertical-align: baseline;
  }
  .mypage .l-main-content .t-largest {
    font-size: 180%;
  }
  .mypage .l-main-content .t-larger {
    font-size: 1.6rem;
  }
  .mypage .l-main-content .t-strong {
    font-weight: bold;
  }
  .mypage .l-main-content .c-red {
    color: #ff3f51;
  }
  .mypage .l-main-content .w-full {
    width: 100%;
  }
  .mypage .l-main-content .icon-point:before {
    font-size: 2.4rem;
    vertical-align: bottom;
    padding-right: 3px;
  }
  .mypage .l-main-content .price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }
  .mypage .l-main-content .f18 {
    font-size: 1.8rem;
  }
  .mypage .l-main-content .f24 {
    font-size: 2.4rem;
  }

  .membership_change .l-main-content {
    font-size: 1.4rem;
  }
  .membership_change .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .membership_change .l-main-content .pc {
    display: none;
  }
  .membership_change .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .membership_change .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .membership_change .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .membership_change .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .membership_change .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .membership_change .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .membership_change .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .membership_change .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .membership_change .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .membership_change .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .membership_change .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
  }
  .membership_change .l-main-content .wrap_usual:nth-of-type(10) {
    border-bottom: none;
  }
  .membership_change .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .membership_change .l-main-content .wrap_usual:nth-last-child(n+3) {
    border-bottom: #e1d8d5 solid 1px;
  }
  .membership_change .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #f7f2f0;
  }
  .membership_change .l-main-content select {
    height: 35px;
    background-color: #f7f2f0;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .membership_change .l-main-content .kanji label {
    padding-left: 1em;
  }
  .membership_change .l-main-content .radio .w_100 {
    width: 31%;
  }
  .membership_change .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #f7f2f0;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .membership_change .l-main-content .radio label span {
    vertical-align: middle;
  }
  .membership_change .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .membership_change .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .membership_change .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership_change .l-main-content .yubin input {
    width: 50%;
  }
  .membership_change .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .membership_change .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .membership_change .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .membership_change .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .membership_change .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .membership_change .l-main-content .jyusyo .lorem input, .membership_change .l-main-content .jyusyo .lorem select {
    width: 78%;
  }
  .membership_change .l-main-content .denwa input {
    width: 30%;
  }
  .membership_change .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .membership_change .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .membership_change .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .membership_change .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .membership_change .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .membership_change .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .membership_change .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #f7f2f0;
    padding-left: 10px;
  }
  .membership_change .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership_change .l-main-content .kiyaku {
    border-bottom: none;
  }
  .membership_change .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .membership_change .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .membership_change .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .membership_change .l-main-content .wrap_btn {
    margin-top: 10px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .membership_change .l-main-content .mailmagazin_btn {
    border-top: none;
  }
  .membership_change .l-main-content .wrap_btn ul {
    display: table;
    width: 100%;
    padding: 0 10px;
    margin: 20px auto;
  }
  .membership_change .l-main-content .wrap_btn ul li {
    display: table-cell;
  }
  .membership_change .l-main-content .wrap_btn ul li a {
    height: 40px;
    padding: 10px;
  }
  .membership_change .l-main-content .wrap_btn ul .favorite-btn {
    width: 40%;
  }
  .membership_change .l-main-content .wrap_btn ul .cart-btn {
    width: 60%;
    padding-left: 10px;
  }
  .membership_change .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .membership_change .l-main-content .error .caution + p {
    margin-left: 10px;
  }

  .membership .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .membership .l-main-content .pc {
    display: none;
  }
  .membership .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .membership .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .membership .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .membership .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .membership .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .membership .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .membership .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .membership .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .membership .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .membership .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .membership .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
    font-size: 1.4rem;
  }
  .membership .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .membership .l-main-content .wrap_usual input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .membership .l-main-content .wrap_usual select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .membership .l-main-content .kanji label {
    padding-left: 1em;
  }
  .membership .l-main-content .radio .w_100 {
    width: 31%;
  }
  .membership .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .membership .l-main-content .radio label span {
    vertical-align: middle;
  }
  .membership .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .membership .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .membership .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership .l-main-content .yubin input {
    width: 50%;
  }
  .membership .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .membership .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .membership .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .membership .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .membership .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .membership .l-main-content .jyusyo .lorem input, .membership .l-main-content .jyusyo .lorem select {
    width: 78%;
  }
  .membership .l-main-content .denwa input {
    width: 30%;
  }
  .membership .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .membership .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .membership .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .membership .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .membership .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .membership .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .membership .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .membership .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership .l-main-content .kiyaku {
    border-bottom: none;
  }
  .membership .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .membership .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .membership .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .membership .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .membership .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto;
  }
  .membership .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .membership .l-main-content .error p {
    font-size: 1.4rem;
  }
  .membership .l-main-content .error .caution + p {
    margin-left: 10px;
  }

  .order-history-detail .display_none {
    display: none;
  }
  .order-history-detail .l-main-content .order-list-box {
    padding: 10px;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box {
    margin-top: 10px;
  }
  .order-history-detail .l-main-content .order-information {
    border-top: #bca9a3 solid 1px;
  }
  .order-history-detail .l-main-content .in_bl {
    display: block;
  }
  .order-history-detail .l-main-content .order-contents {
    border-top: #bca9a3 solid 1px;
    padding: 10px;
  }
  .order-history-detail .l-main-content .order-contents .h2_1 {
    margin: 20px 0 10px;
  }
  .order-history-detail .l-main-content .order-contents .order-step-btn a {
    width: 70%;
    height: 35px;
    margin: 10px auto 15px;
    text-align: center;
    background: #f2e9e6;
    box-sizing: border-box;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1.4rem;
    padding: 6px 0 0 0;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail {
    padding: 10px 0;
    border-top: #e7dcc4 solid 1px;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .image {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    background: #f7f2f0;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner {
    float: right;
    width: calc(100% - 75px);
    padding-left: 10px;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner .title {
    font-weight: 600;
    font-size: 1.4rem;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner .price-box {
    color: #2c0b00;
    font-size: 1.4rem;
    padding-top: 5px;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner .price-box .price {
    font-size: 1.4rem;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner .price-box .tax {
    font-size: 1rem;
    font-weight: 500;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner .price-box .quantity {
    padding-right: 2px;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner .price-box .number {
    font-weight: 600;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.4rem;
  }
  .order-history-detail .l-main-content .order-contents .order-content-detail .order-detail-inner .application {
    font-size: 1.2rem;
    padding-top: 5px;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn {
    background: #f7f2f0;
    border-top: #bca9a3 double 3px;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn p a {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 5px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn p a.is-open::before {
    content: "+";
    padding-right: 10px;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn p a::before {
    content: "ー";
    padding-right: 10px;
    color: #bca9a3;
    font-size: 1.6rem;
    height: calc(100% - 16px);
    width: 50px;
  }
  .order-history-detail .l-main-content .total_box .total_detail {
    padding: 0 10px;
    border-bottom: none;
    background: #fff9d6;
    border-bottom: #bca9a3 solid 1px;
  }
  .order-history-detail .l-main-content .total_box .total_detail.is-close {
    display: none;
  }
  .order-history-detail .l-main-content .total_box .total_detail .cost-detail {
    border-top: #e7dcc4 solid 1px;
    padding-top: 5px;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl {
    display: table;
    width: 100%;
    padding: 5px 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dt {
    font-size: 1.4rem;
    display: table-cell;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd {
    text-align: right;
    display: table-cell;
    font-size: 1.2rem;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd .price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.6rem;
    padding-right: 5px;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd .point {
    font-size: 1.6rem;
    padding-right: 5px;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd .tax {
    font-size: 1rem;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl:first-child {
    padding-top: 5px;
  }
  .order-history-detail .l-main-content .total_box .total_detail .usage-points {
    border-top: #e7dcc4 solid 1px;
    margin: 0;
    padding-bottom: 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .shipping-cost {
    border: none !important;
    margin: 0;
    padding: 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total-point {
    border-top: #e7dcc4 solid 1px;
    padding: 5px 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total, .order-history-detail .l-main-content .total_box .total_detail .total-point {
    margin-top: 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total dd, .order-history-detail .l-main-content .total_box .total_detail .total-point dd {
    color: #ff3f51;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total dd .price, .order-history-detail .l-main-content .total_box .total_detail .total-point dd .price {
    font-weight: 600;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total {
    border-top: #bca9a3 solid 1px;
    margin-top: 5px;
  }
  .order-history-detail .l-main-content .option {
    margin-top: 10px;
    padding: 10px 0 0;
  }
  .order-history-detail .l-main-content .option .h2_1 {
    margin: 0 10px;
  }
  .order-history-detail .l-main-content .option .option-box {
    border-bottom: #e7dcc4 solid 1px;
    padding-bottom: 6px;
    margin: 0 10px;
  }
  .order-history-detail .l-main-content .option .option-box .option-detail {
    width: calc(100% - 100px);
    float: left;
  }
  .order-history-detail .l-main-content .option .option-box .option-detail dl:nth-child(2) {
    border-top: #bca9a3 dotted 1px;
  }
  .order-history-detail .l-main-content .option .option-box .option-detail dd {
    line-height: 1.5;
  }
  .order-history-detail .l-main-content .option .option-box .supplement {
    display: block;
    color: #bca9a3;
    font-size: 1rem;
  }
  .order-history-detail .l-main-content .option .option-box img {
    width: 90px;
    float: right;
    display: block;
    border: #bca9a3 solid 1px;
  }
  .order-history-detail .l-main-content .option .option-box:nth-child(n+2) {
    padding-top: 6px;
  }
  .order-history-detail .l-main-content .option .option-box:first-child dl:first-child {
    padding-bottom: 3px;
  }
  .order-history-detail .l-main-content .option .option-box:first-child dl:last-child {
    padding-top: 3px;
  }
  .order-history-detail .l-main-content .option .option-box:first-child img {
    margin-top: 6px;
  }
  .order-history-detail .l-main-content .option .option-box:last-child {
    border-bottom: none;
  }
  .order-history-detail .l-main-content .remarks h3 {
    font-size: 1.4rem;
    font-weight: 600;
    border-bottom: #e7dcc4 solid 1px;
    margin: 20px 0 10px;
    padding-bottom: 5px;
  }
  .order-history-detail .l-main-content .remarks .remarks {
    font-size: 1.4rem;
  }

  .order-list .l-main-content .order-list-define {
    padding: 10px;
    display: table;
    width: 100%;
    border-top: #bca9a3 solid 1px;
  }
  .order-list .l-main-content .order-list-define .define-select {
    display: table-cell;
    vertical-align: bottom;
    /*&:first-child {
    	width: 20%;
    }*/
  }
  .order-list .l-main-content .order-list-define .define-select label {
    display: block;
    font-size: 2.6vw;
  }
  .order-list .l-main-content .order-list-define .define-select select {
    color: #ff3f51;
    width: 100%;
    font-weight: 600;
    font-size: 3.5vw;
  }
  .order-list .l-main-content .order-list-define .define-select:nth-child(n+2) {
    padding-left: 5px;
    /*width: 55%;*/
  }
  .order-list .l-main-content .order-list-define .define-select:last-child {
    width: 25%;
    font-weight: 600;
    font-size: 3.5vw;
  }
  .order-list .l-main-content .order-list-define .define-select:last-child a {
    display: block;
    background-color: #291a21;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.2rem;
    border: none;
  }
  .order-list .l-main-content .order-tab-list {
    padding: 10px 10px 0;
    margin: 0 0 10px;
    display: flex;
    border-bottom: #bca9a3 solid 1px;
  }
  .order-list .l-main-content .order-tab-list .order-tab {
    width: 90%;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    display: grid;
    place-items: center;
  }
  .order-list .l-main-content .order-tab-list .order-tab a {
    width: 100%;
    padding: 3px 0;
    border-radius: 4px 4px 0 0;
  }
  .order-list .l-main-content .order-tab-list .order-tab .active-tab {
    color: #ffffff;
    background-color: #291a21;
    pointer-events: none
  }
  .order-list .l-main-content .order-tab-list .order-tab .inactive-tab {
    border: #bca9a3 solid 1px;
    border-bottom: none;
    background: #f7f2f0;
    pointer-events: auto;
  }
  .order-list .l-main-content .list-define-caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
    font-size: 1.4rem;
  }
  .order-list .l-main-content .list-number {
    font-size: 1.2rem;
    padding: 0 10px 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .order-list .l-main-content .list-number span {
    font-weight: 600;
    padding: 0 2px;
  }
  .order-list .l-main-content .order-list-box {
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    margin: 15px 10px 0;
    padding: 10px 0 0;
  }
  .order-list .l-main-content .order-list-box dl dt {
    padding-left: 10px;
  }
  .order-list .l-main-content .order-list-box dl dd {
    padding-right: 10px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box {
    margin: 0;
    padding: 0;
    border: none;
  }
  .order-list .l-main-content .order-list-box .order-returns-box .status {
    color: #ff3f51;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd {
    position: relative;
    font-weight: 600;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 4.3vw;
    line-height: 1.3;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .total {
    font-weight: 500;
    color: #bca9a3;
    font-size: 3.2vw;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .total-price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    color: #2c0b00;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .slip-number {
    font-weight: 500;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .emphasis {
    font-weight: 600;
    color: #ff3f51;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .returns {
    color: #ff3f51;
    background: #ffebed;
    padding: 0 5px;
    margin-right: 5px;
    font-weight: 600;
    font-size: 1rem;
    width: 38px;
    text-align: center;
    display: inline-block;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .returns-number {
    color: #999999;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dd .former {
    color: #999999;
    background: #d7d7d7;
    padding: 0 5px;
    margin-right: 5px;
    font-size: 1rem;
    font-weight: 600;
    width: 38px;
    text-align: center;
    display: inline-block;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child {
    background: #f7f2f0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    margin-top: 10px;
    position: relative;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child ul {
    margin: 0 auto;
    width: 100%;
    font-size: 0;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child ul .order-step-btn {
    width: 50%;
    display: inline-block;
    margin: 0 auto;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child ul .order-step-btn a {
    font-size: 3.8vw;
    width: 98%;
    padding-top: 6px;
    height: 35px;
    margin: 0 auto;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child .order-step-btn {
    margin: 0 auto;
    font-size: 3.8vw;
    width: 80%;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child .order-step-btn a {
    height: 35px;
    padding-top: 6px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:first-child {
    border-bottom: #bca9a3 dotted 1px;
    margin: 0 10px 5px;
    padding-bottom: 5px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:first-child dl dt, .order-list .l-main-content .order-list-box .order-returns-box:first-child dl dd {
    padding: 0;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:first-child dl dd {
    font-size: 4vw;
    margin-top: -3px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box .former-returns {
    margin-top: 10px;
    padding-top: 10px;
    border-top: #bca9a3 dotted 1px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box .former-returns .detail_btn {
    position: absolute;
    top: 11px;
    right: 0;
    text-align: right;
    width: 45px;
    font-size: 3vw;
    font-weight: 500;
    text-decoration: none;
  }
  .order-list .l-main-content .order-list-box .order-returns-box .detail_btn {
    background: url(/images/right-arrow_icon.svg) no-repeat;
    background-size: 6px 9px;
    background-position: 0 center;
  }
  .order-list .l-main-content .order-list-box .include-box {
    margin: 10px 10px 0;
    width: calc(100% - 20px);
  }
  .order-list .l-main-content .order-list-box .include-box dt {
    float: left;
    color: #2c0b00;
    line-height: 2.5;
    width: calc(100% - 100px);
    padding: 0;
  }
  .order-list .l-main-content .order-list-box .include-box dd {
    float: right;
    width: 80px;
    padding: 0;
    margin: 0;
  }
  .order-list .l-main-content .m-pagination {
    border-top: #bca9a3 solid 1px;
    margin-top: 20px;
    padding: 10px 10px 0;
  }

  .modal.-order-list_include {
    overflow-y: auto;
    font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.5);
  }
  .modal.-order-list_include .modal-inner {
    height: auto;
    padding: 0;
    border: 0;
    margin: 5px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: transparent;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    -webkit-transform: none;
  }
  .modal.-order-list_include .modal-inner .include_header {
    padding: 10px;
  }
  .modal.-order-list_include .modal-inner .include_header ul {
    margin-bottom: 10px;
  }
  .modal.-order-list_include .modal-inner .include_header ul li a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.4rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
  }
  .modal.-order-list_include .modal-inner .include_header ul li:first-child {
    text-align: left;
    width: calc(100% - 58px);
  }
  .modal.-order-list_include .modal-inner .include_body {
    padding: 0 10px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box {
    margin-bottom: 20px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_check {
    border: #bca9a3 solid 1px;
    border-bottom: 1px solid #e1d8d5;
    border-radius: 4px 4px 0 0;
    background: #fff9d6;
    padding: 10px;
    text-align: left;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_check label {
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail {
    border: #bca9a3 solid 1px;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding: 10px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl {
    width: 100%;
    display: table;
    text-align: left;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items {
    display: block;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dt {
    display: block;
    font-size: 3.5vw;
    color: #bca9a3;
    width: 100%;
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd {
    font-size: 3.5vw;
    width: 100%;
    line-height: 2;
    list-style-type: disc;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd .items-title {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd span {
    margin-right: 0.5em;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd ul {
    padding-left: 20px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd ul li {
    list-style: disc outside;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl dt {
    display: table-cell;
    font-size: 3.5vw;
    color: #bca9a3;
    width: 30%;
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl dd {
    display: table-cell;
    font-size: 3.5vw;
    width: calc(70% - 10px);
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other {
    background: #f7f2f0;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other.is-open p a:before {
    content: "+";
    padding-right: 10px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p {
    margin-bottom: 10px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p a {
    padding: 10px;
    display: inline-block;
    width: 100%;
    line-height: 1;
    text-decoration: none;
    height: auto;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p a:before {
    content: "ー";
    padding-right: 10px;
    color: #bca9a3;
    font-size: 1.6rem;
    height: calc(100% - 16px);
    width: 50px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox {
    display: none;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox.is-open {
    display: block;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items {
    display: block;
    padding-left: 20px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items li {
    list-style: disc outside;
    text-align: left;
    font-size: 3.5vw;
    width: 100%;
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items li .items-title {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items li span {
    margin-right: 0.5em;
  }
  .modal.-order-list_include .modal-inner .include_footer dl {
    border-top: 1px solid #e1d8d5;
    padding: 10px 0;
    margin: 0 10px;
  }
  .modal.-order-list_include .modal-inner .include_footer dl dt {
    float: left;
  }
  .modal.-order-list_include .modal-inner .include_footer dl dd {
    float: right;
    font-size: 1.0rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_footer dl dd span {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_footer dl.-total {
    background: #fff9d6;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #bca9a3;
  }
  .modal.-order-list_include .modal-inner .include_footer dl.-total .totalPrice {
    color: #ff3f51;
  }
  .modal.-order-list_include .modal-inner .include_footer dl.-total .c-red {
    color: #ff3f51;
    font-size: 1rem;
  }
  .modal.-order-list_include .modal-inner .include_footer dl:last-child {
    border-bottom: 1px solid #bca9a3;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn {
    margin-bottom: 20px;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 {
    width: 70%;
    margin: 10px auto 0;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #ff3f51;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 {
    width: 70%;
    margin: 10px auto 0;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .modal.-order-list_include .modal-inner .include_footer .caution {
    margin: 10px 10px 0;
    text-align: left;
  }
  .modal.-order-list_include input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .modal.-order-list_include input[type="checkbox"]:checked + span:after {
    opacity: 1;
  }
  .modal.-order-list_include label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .modal.-order-list_include label span:before {
    position: absolute;
    content: ' ';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .modal.-order-list_include label span:after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  .modal.-order-list_include .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 1.6rem;
    z-index: 8000;
    width: 46px;
    height: 46px;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    background-color: rgba(247, 242, 240, 0.8);
    padding: 0.6em 0.9em 0;
    cursor: pointer;
  }
  .modal.-order-list_include .close .close-text {
    display: none;
  }

  .modal .modal-inner .restk-notif-main-message {
    font-size: 1.45em;
  }

  .modal .modal-inner .restk-notif-sub-message {
    margin: 10px 0;
    font-size: 1.0em;
    color: #ff3f51;
  }

  .password_change .l-main-content {
    font-size: 1.4rem;
  }
  .password_change .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .password_change .l-main-content .pc {
    display: none;
  }
  .password_change .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .password_change .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .password_change .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .password_change .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .password_change .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .password_change .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .password_change .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .password_change .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .password_change .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .password_change .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .password_change .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .password_change .l-main-content .wrap_usual:nth-of-type(n+2) {
    border-bottom: none;
  }
  .password_change .l-main-content .wrap_usual:nth-of-type(3) {
    padding: 0 0 10px;
  }
  .password_change .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .password_change .l-main-content .wrap {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
  }
  .password_change .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .password_change .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .password_change .l-main-content .kanji input {
    width: 80%;
  }
  .password_change .l-main-content .radio .w_100 {
    width: 31%;
  }
  .password_change .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .password_change .l-main-content .radio label span {
    vertical-align: middle;
  }
  .password_change .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .password_change .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .password_change .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_change .l-main-content .yubin input {
    width: 50%;
  }
  .password_change .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .password_change .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .password_change .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .password_change .l-main-content .jyusyo .lorem input {
    width: 78%;
  }
  .password_change .l-main-content .denwa input {
    width: 30%;
  }
  .password_change .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .password_change .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .password_change .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .password_change .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .password_change .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .password_change .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .password_change .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .password_change .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_change .l-main-content .kiyaku {
    border-bottom: none;
  }
  .password_change .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .password_change .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .password_change .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .password_change .l-main-content .wrap_btn {
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .password_change .l-main-content .wrap_btn ul {
    display: table;
    width: 100%;
    padding: 0 10px;
    margin: 20px auto;
  }
  .password_change .l-main-content .wrap_btn ul li {
    display: table-cell;
  }
  .password_change .l-main-content .wrap_btn ul li a {
    height: 40px;
    padding: 10px;
  }
  .password_change .l-main-content .wrap_btn ul .favorite-btn {
    width: 40%;
  }
  .password_change .l-main-content .wrap_btn ul .cart-btn {
    width: 60%;
    padding-left: 10px;
  }
  .password_change .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .password_change .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .password_change .l-main-content .error .caution + p {
    margin-left: 10px;
  }
  .password_change .l-main-content .error dl {
    display: table;
    padding: 0 10px;
  }
  .password_change .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 26%;
    display: table-cell;
  }
  .password_change .l-main-content .error dl dd {
    display: table-cell;
  }
  .password_change .l-main-content .error dl dd input {
    width: 100%;
  }
  .password_change .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .password_change .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1rem;
  }
  .password_change .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  /* Scss Document */
  /* password_completion_sp */
  .password_completion .l-main-content {
    /* wrapper
    ----------------------- */
    /* login
    ----------------------- */
  }
  .password_completion .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .password_completion .l-main-content .wrapper {
    padding: 15px 0 30px;
    /* p_wrapper
    ----------------------- */
  }
  .password_completion .l-main-content .wrapper .p_wrapper {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 10px;
  }
  .password_completion .l-main-content .login, .password_completion .l-main-content .transmission {
    padding: 20px 0;
    border-top: #bca9a3 solid 1px;
  }
  .password_completion .cart-btn {
    width: 70%;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .password_completion .cart-btn a {
    line-height: 1.8;
  }

  .password_resetting .l-main-content {
    font-size: 1.4rem;
  }
  .password_resetting .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .password_resetting .l-main-content .pc {
    display: none;
  }
  .password_resetting .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .password_resetting .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .password_resetting .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .password_resetting .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .password_resetting .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .password_resetting .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .password_resetting .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .password_resetting .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .password_resetting .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .password_resetting .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .password_resetting .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .password_resetting .l-main-content .wrap_usual:nth-of-type(n+2) {
    border-bottom: none;
  }
  .password_resetting .l-main-content .wrap_usual:nth-of-type(3) {
    padding: 0 0 10px;
  }
  .password_resetting .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .password_resetting .l-main-content .wrap {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
  }
  .password_resetting .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .password_resetting .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .password_resetting .l-main-content .kanji input {
    width: 80%;
  }
  .password_resetting .l-main-content .radio .w_100 {
    width: 31%;
  }
  .password_resetting .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .password_resetting .l-main-content .radio label span {
    vertical-align: middle;
  }
  .password_resetting .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .password_resetting .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .password_resetting .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_resetting .l-main-content .yubin input {
    width: 50%;
  }
  .password_resetting .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .password_resetting .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .password_resetting .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .password_resetting .l-main-content .jyusyo .lorem input {
    width: 78%;
  }
  .password_resetting .l-main-content .denwa input {
    width: 30%;
  }
  .password_resetting .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .password_resetting .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .password_resetting .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .password_resetting .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .password_resetting .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .password_resetting .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .password_resetting .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .password_resetting .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_resetting .l-main-content .kiyaku {
    border-bottom: none;
  }
  .password_resetting .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .password_resetting .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .password_resetting .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .password_resetting .l-main-content .wrap_btn {
    margin-top: 10px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .password_resetting .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto;
  }
  .password_resetting .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .password_resetting .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .password_resetting .l-main-content .error .caution + p {
    margin-left: 10px;
  }
  .password_resetting .l-main-content .error dl {
    display: table;
    padding: 0 10px;
  }
  .password_resetting .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 26%;
    display: table-cell;
  }
  .password_resetting .l-main-content .error dl dd {
    display: table-cell;
  }
  .password_resetting .l-main-content .error dl dd input {
    width: 100%;
  }
  .password_resetting .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .password_resetting .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1rem;
  }
  .password_resetting .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  .payment .l-main-content {
    font-size: 1.4rem;
    /*クレジットカード決済*/
  }
  .payment .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .payment .l-main-content .pc {
    display: none;
  }
  .payment .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .payment .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .payment .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .payment .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .payment .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .payment .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .payment .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .payment .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .payment .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .payment .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .payment .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .payment .l-main-content .wrap_usual .w_80 {
    padding-left: 25px;
  }
  .payment .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .payment .l-main-content a {
    position: relative;
  }
  .payment .l-main-content a input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
    width: 100%;
    height: 40px;
    display: block;
  }
  .payment .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .payment .l-main-content .kanji label {
    padding-left: 1em;
  }
  .payment .l-main-content .radio .w_100 {
    width: 50%;
  }
  .payment .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .payment .l-main-content .radio label span {
    vertical-align: middle;
  }
  .payment .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .payment .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .payment .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .payment .l-main-content .yubin input {
    width: 50%;
  }
  .payment .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .payment .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .payment .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .payment .l-main-content .jyusyo .lorem input {
    width: 78%;
  }
  .payment .l-main-content .denwa input {
    width: 30%;
  }
  .payment .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .payment .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .payment .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .payment .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .payment .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .payment .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .payment .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .payment .l-main-content .kiyaku {
    border-bottom: none;
  }
  .payment .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .payment .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .payment .l-main-content .kiyaku .check label {
    width: auto;
  }
  .payment .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .payment .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto 15px;
  }
  .payment .l-main-content .wrap_btn ul {
    display: table;
    width: 100%;
    padding: 0 10px;
  }
  .payment .l-main-content .wrap_btn ul li {
    display: table-cell;
  }
  .payment .l-main-content .wrap_btn ul li a {
    height: 40px;
  }
  .payment .l-main-content .wrap_btn ul .favorite-btn {
    width: 35%;
  }
  .payment .l-main-content .wrap_btn ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }
  .payment .l-main-content .h2-box {
    padding: 0 10px;
  }
  .payment .l-main-content .h2-box h2 {
    font-size: 1.6rem;
    text-align: center;
    font-weight: 600;
    margin-top: 30px;
  }
  .payment .l-main-content .h2-box p {
    font-size: 1.4rem;
    margin-top: 25px;
  }
  .payment .l-main-content .registration h3 {
    color: #ffffff;
    font-size: 1.4rem;
    padding: 2px 0;
    margin-top: 20px;
    font-weight: 600;
    text-align: center;
    background-color: #bc9200;
    border-radius: 23px;
  }
  .payment .l-main-content .registration ul {
    display: table;
    margin-top: 10px;
    width: 100%;
  }
  .payment .l-main-content .registration ul li {
    display: table-cell;
    width: 50%;
  }
  .payment .l-main-content .registration ul li a {
    height: 40px;
  }
  .payment .l-main-content .registration ul li:last-child {
    padding-left: 5px;
  }
  .payment .l-main-content .registration ul li:first-child {
    padding-right: 5px;
  }
  .payment .l-main-content .registration-check-box {
    margin-top: 25px;
  }
  .payment .l-main-content .registration-check-box h4 {
    font-size: 1.4rem;
    padding: 0 10px 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .payment .l-main-content .registration-check-box .must {
    margin: 0 5px 0 0;
  }
  .payment .l-main-content .due-date {
    display: table;
    width: 100%;
    padding: 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .payment .l-main-content .due-date dt {
    display: table-cell;
    font-size: 3.5vw;
    color: #bca9a3;
    line-height: 2;
    width: 45%;
  }
  .payment .l-main-content .due-date dd {
    display: table-cell;
    font-size: 3.5vw;
    line-height: 2;
  }
  .payment .l-main-content .display_none {
    display: none;
  }
  .payment .l-main-content .input-box {
    margin-top: 10px;
    padding: 0 10px 15px;
  }
  .payment .l-main-content .input-box .contents {
    margin-bottom: 10px;
    padding: 8px;
    background: #fff9d6;
    background-size: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
  }
  .payment .l-main-content .input-box .contents select {
    background-color: #ffffff;
  }
  .payment .l-main-content .input-box .contents .expiration-date {
    vertical-align: bottom;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .payment .l-main-content .input-box .contents .item {
    font-size: 3.8vw;
  }
  .payment .l-main-content .input-box .contents .item span {
    font-size: 75%;
    font-weight: 500;
    color: #2c0b00;
    border: none;
    padding: none;
  }
  .payment .l-main-content .input-box .contents .item-txt {
    padding-left: 17px;
  }
  .payment .l-main-content .input-box .contents label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
  }
  .payment .l-main-content .input-box .contents label span {
    vertical-align: middle;
  }
  .payment .l-main-content .input-box .contents label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .payment .l-main-content .input-box .contents input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .payment .l-main-content .input-box .contents input[type="radio"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .payment .l-main-content .input-box .settlement .contents-inner {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
  }
  .payment .l-main-content .input-box .settlement .contents-inner label {
    display: block;
    width: 100%;
    border-bottom: #e7dcc4 solid 1px;
    border-radius: 0;
  }
  .payment .l-main-content .input-box .settlement .contents-inner select {
    width: 100%;
  }
  .payment .l-main-content .input-box .settlement .contents-inner:last-child {
    margin-bottom: 0;
  }
  .payment .l-main-content .input-box .settlement .card-number {
    margin-top: 10px;
  }
  .payment .l-main-content .input-box .settlement .card-input label {
    color: #ff3f51;
    background-size: 10px;
    font-weight: 600;
    font-size: 3.8vw;
  }
  .payment .l-main-content .input-box .settlement .card-input .use {
    width: 80%;
    height: 35px;
    margin: 10px auto 0;
    text-align: center;
    background: #f2e9e6;
    box-sizing: border-box;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-weight: 600;
  }
  .payment .l-main-content .input-box .settlement .card-input .use a {
    display: block;
    line-height: 35px;
  }
  .payment .l-main-content .input-box .settlement .inner_box {
    padding: 10px 0;
    border-bottom: 1px solid #e1d8d5;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float {
    overflow: hidden;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:first-child {
    width: 30%;
    float: left;
    text-align: middle;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child {
    width: 70%;
    float: right;
    padding-left: 5px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child input {
    width: 100%;
    height: 35px;
    padding-left: 5px;
    border: 1px solid #bca9a3;
    background-color: #ffffff;
    border-radius: 3px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .half-width li {
    width: 100%;
    padding-top: 5px;
    text-align: left;
    font-weight: lighter;
    color: #9c8b8b;
    font-size: 1rem;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img li {
    float: left;
    width: 20%;
    margin-right: 10px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img li:last-child {
    margin-right: 0px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img li img {
    width: 100%;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .date-select li {
    display: inline-block;
    width: auto;
    float: none !important;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .date-select li select {
    width: auto;
  }
  .payment .l-main-content .input-box .settlement .method {
    border-bottom: none;
  }
  .payment .l-main-content .description {
    padding: 0 10px 15px;
  }
  .payment .l-main-content .description li {
    padding: 15px 0 13px 10px;
    border-bottom: 1px solid #e1d8d5;
    font-size: 1.2rem;
  }
  .payment .l-main-content .description li:first-child {
    border-top: #e7dcc4 solid 1px;
  }
  .payment .l-main-content .description li a {
    display: block;
    padding-left: 16px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 6px;
    text-decoration: none;
  }
  .payment .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .payment .l-main-content .error {
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .payment .l-main-content .error dl {
    display: table;
    padding: 0 10px;
  }
  .payment .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 26%;
    display: table-cell;
  }
  .payment .l-main-content .error dl dd {
    display: table-cell;
  }
  .payment .l-main-content .error dl dd input {
    width: 100%;
  }
  .payment .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .payment .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1rem;
  }
  .payment .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  /* Scss Document */
  /* point_history_sp */
  .point_history .l-main-content {
    /* display_range
    ----------------------- */
    /* p_display_range
    ----------------------- */
    /* container
    ----------------------- */
  }
  .point_history .l-main-content .display_range {
    padding: 10px;
    border-top: #bca9a3 solid 1px;
    border-bottom: #bca9a3 solid 1px;
    font-size: 0;
  }
  .point_history .l-main-content .display_range .ul_display_range {
    display: table;
    width: 100%;
  }
  .point_history .l-main-content .display_range .display_range_left {
    display: table-cell;
    vertical-align: bottom;
    width: 70%;
    font-size: 1rem;
  }
  .point_history .l-main-content .display_range .display_range_left select {
    color: #ff3f51;
    font-weight: 600;
    font-size: 3.5vw;
    padding-right: 3.5vw;
    width: 100%;
  }
  .point_history .l-main-content .display_range .squeeze-btn {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 5px;
    width: 30%;
  }
  .point_history .l-main-content .display_range .squeeze-btn a {
    display: block;
    background-color: #291a21;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.2rem;
    border-radius: 4px;
    padding: 7px 18px;
    text-align: center;
    font-weight: 600;
    height: 35px;
    width: 100%;
  }
  .point_history .l-main-content .caution {
    margin: 10px 0 0 0;
  }
  .point_history .l-main-content .p_display_range {
    font-size: 1.2rem;
    margin: 10px 0 0;
  }
  .point_history .l-main-content .p_display_range .span_display_range {
    font-weight: 600;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .point_history .l-main-content .container {
    padding: 10px;
    /* point-list
    ----------------------- */
  }
  .point_history .l-main-content .container .point-list {
    margin-bottom: 10px;
    padding: 10px 10px 0 10px;
    border: #bca9a3 solid 1px;
    border-radius: 3px;
    /* div_table
    ----------------------- */
    /* p_wrapper
    ----------------------- */
  }
  .point_history .l-main-content .container .point-list:last-child {
    margin-bottom: 0;
  }
  .point_history .l-main-content .container .point-list .ul_table {
    width: 100%;
    display: table;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e4dcda;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left, .point_history .l-main-content .container .point-list .ul_table .table_right {
    display: table-cell;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left {
    vertical-align: middle;
    color: #9c8b8b;
    font-size: 1.2rem;
    width: 52%;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .red_span {
    color: #ff3f51;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .red_span .strong_table {
    font-size: 1.8rem;
    font-weight: 600;
    padding-right: 2px;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .text_span {
    color: #2c0b00;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .text_span .strong_table {
    font-size: 1.8rem;
    font-weight: 600;
    padding-right: 2px;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left div {
    color: #2c0b00;
    font-size: 1.3rem;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left div .green_box_span {
    margin-right: 5px;
    padding: 0 2px 0 2px;
    font-weight: 600;
    font-size: 1.2rem;
    background: #d6e9ca;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right {
    font-size: 1.5rem;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right .red_box_span, .point_history .l-main-content .container .point-list .ul_table .table_right .gray_box_span {
    width: 350px;
    margin-right: 5px;
    padding: 0 2px 0 2px;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right .red_box_span {
    color: #ff3f51;
    background: #ffebed;
    width: 40px;
    padding: 2px;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right .gray_box_span {
    color: #999999;
    background: #ebebeb;
    width: 40px;
    padding: 2px;
  }
  .point_history .l-main-content .container .point-list .point-contents {
    padding: 5px 0;
    border-bottom: 1px dotted #e4dcda;
    font-size: 1.5rem;
  }
  .point_history .l-main-content .container .point-list .point-contents .span_wrapper {
    font-size: 1.2rem;
  }
  .point_history .l-main-content .container .point-list .point-contents .span_wrapper .slip {
    color: #9c8b8b;
    font-weight: lighter;
  }
  .point_history .l-main-content .container .point-list .point-contents:last-child {
    border-bottom: 0px;
  }
  .point_history .l-main-content .m-pagination {
    border-top: #bca9a3 solid 1px;
    margin-top: 10px;
    padding: 10px 10px 0;
  }

  .premium .l-main-content {
    /*クレジットカード決済*/
  }
  .premium .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .premium .l-main-content .pc {
    display: none;
  }
  .premium .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .premium .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .premium .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .premium .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .premium .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .premium .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .premium .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .premium .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .premium .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .premium .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .premium .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
    font-size: 1.4rem;
  }
  .premium .l-main-content .wrap_usual .w_80 {
    padding-left: 25px;
  }
  .premium .l-main-content .wrap_usual input {
    border: #bca9a3 solid 1px;
    width: 72%;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .premium .l-main-content a {
    position: relative;
  }
  .premium .l-main-content a input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
    width: 100%;
    height: 40px;
    display: block;
  }
  .premium .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .premium .l-main-content .kanji label {
    padding-left: 1em;
  }
  .premium .l-main-content .radio .w_100 {
    width: 50%;
  }
  .premium .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .premium .l-main-content .radio label span {
    vertical-align: middle;
  }
  .premium .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .premium .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .premium .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .premium .l-main-content .yubin input {
    width: 50%;
  }
  .premium .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .premium .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .premium .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .premium .l-main-content .jyusyo .lorem input {
    width: 78%;
  }
  .premium .l-main-content .denwa input {
    width: 30%;
  }
  .premium .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .premium .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .premium .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .premium .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .premium .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .premium .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .premium .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .premium .l-main-content .kiyaku {
    border-bottom: none;
  }
  .premium .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .premium .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .premium .l-main-content .kiyaku .check label {
    width: auto;
  }
  .premium .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
    font-size: 1.4rem;
  }
  .premium .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto 0;
  }
  .premium .l-main-content .wrap_btn ul {
    display: table;
    width: 100%;
    padding: 0 10px;
    margin-top: 20px;
  }
  .premium .l-main-content .wrap_btn ul li {
    display: table-cell;
    vertical-align: top;
  }
  .premium .l-main-content .wrap_btn ul li a {
    height: 40px;
  }
  .premium .l-main-content .wrap_btn ul .favorite-btn {
    width: 35%;
  }
  .premium .l-main-content .wrap_btn ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }
  .premium .l-main-content .h2-box {
    padding: 0 10px;
  }
  .premium .l-main-content .h2-box h2 {
    font-size: 1.6rem;
    text-align: center;
    font-weight: 600;
    margin-top: 30px;
  }
  .premium .l-main-content .h2-box p {
    font-size: 1.4rem;
    margin-top: 25px;
  }
  .premium .l-main-content .registration h3 {
    color: #ffffff;
    font-size: 1.4rem;
    padding: 2px 0;
    margin-top: 20px;
    font-weight: 600;
    text-align: center;
    background-color: #bc9200;
    border-radius: 23px;
  }
  .premium .l-main-content .registration ul {
    display: table;
    margin-top: 10px;
    width: 100%;
    font-size: 1.4rem;
  }
  .premium .l-main-content .registration ul li {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
  .premium .l-main-content .registration ul li a {
    height: 40px;
  }
  .premium .l-main-content .registration ul li:last-child {
    padding-left: 5px;
  }
  .premium .l-main-content .registration ul li:first-child {
    padding-right: 5px;
  }
  .premium .l-main-content .registration-check-box {
    margin-top: 25px;
  }
  .premium .l-main-content .registration-check-box h4 {
    font-size: 1.4rem;
    padding: 0 10px 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .premium .l-main-content .registration-check-box .must {
    margin: 0 5px 0 0;
  }
  .premium .l-main-content .due-date {
    display: table;
    width: 100%;
    padding: 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .premium .l-main-content .due-date dt {
    display: table-cell;
    font-size: 3.5vw;
    color: #bca9a3;
    line-height: 2;
    width: 45%;
  }
  .premium .l-main-content .due-date dd {
    display: table-cell;
    font-size: 3.5vw;
    line-height: 2;
  }
  .premium .l-main-content .display_none {
    display: none;
  }
  .premium .l-main-content .input-box {
    margin-top: 10px;
    padding: 0 10px 15px;
  }
  .premium .l-main-content .input-box .contents {
    margin-bottom: 10px;
    padding: 8px;
    background: #fff9d6;
    background-size: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
  }
  .premium .l-main-content .input-box .contents select {
    background-color: #ffffff;
  }
  .premium .l-main-content .input-box .contents .expiration-date {
    vertical-align: bottom;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .premium .l-main-content .input-box .contents .item {
    font-size: 3.8vw;
  }
  .premium .l-main-content .input-box .contents .item span {
    font-size: 75%;
    font-weight: 500;
    color: #2c0b00;
    border: none;
    padding: none;
  }
  .premium .l-main-content .input-box .contents .item-txt {
    padding-left: 17px;
  }
  .premium .l-main-content .input-box .contents label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
  }
  .premium .l-main-content .input-box .contents label span {
    vertical-align: middle;
  }
  .premium .l-main-content .input-box .contents label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .premium .l-main-content .input-box .contents input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .premium .l-main-content .input-box .contents input[type="radio"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .premium .l-main-content .input-box .settlement .contents-inner {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
    font-size: 1.4rem;
  }
  .premium .l-main-content .input-box .settlement .contents-inner label {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1d8d5;
    border-radius: 0;
  }
  .premium .l-main-content .input-box .settlement .contents-inner select {
    margin-top: 10px;
    width: 100%;
  }
  .premium .l-main-content .input-box .settlement .contents-inner:last-child {
    margin-bottom: 0;
  }
  .premium .l-main-content .input-box .settlement .card-input .save label {
    font-size: 1.3rem;
  }
  .premium .l-main-content .input-box .settlement .card-input label {
    color: #ff3f51;
    background-size: 10px;
    font-weight: 600;
    font-size: 3.8vw;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box {
    padding: 10px 0;
    border-bottom: 1px solid #e1d8d5;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float {
    overflow: hidden;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:first-child {
    width: 30%;
    float: left;
    text-align: middle;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child {
    width: 70%;
    float: right;
    padding-left: 5px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child input {
    width: 100%;
    height: 35px;
    padding-left: 5px;
    border: 1px solid #bca9a3;
    background-color: #ffffff;
    border-radius: 3px;
    font-size: 1.4rem;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .half-width li {
    width: 100%;
    padding-top: 5px;
    text-align: left;
    font-weight: lighter;
    color: #9c8b8b;
    font-size: 1rem;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img li {
    float: left;
    width: 20%;
    margin-right: 10px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img li:last-child {
    margin-right: 0px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img li img {
    width: 100%;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .date-select li {
    display: inline-block;
    width: auto;
    float: none !important;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .date-select li select {
    width: auto;
  }
  .premium .l-main-content .input-box .settlement .card-input .use {
    width: 80%;
    height: 35px;
    margin: 10px auto 0;
    text-align: center;
    background: #f2e9e6;
    box-sizing: border-box;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-weight: 600;
  }
  .premium .l-main-content .input-box .settlement .card-input .use a {
    display: block;
    line-height: 35px;
  }
  .premium .l-main-content .description {
    padding: 0 10px 15px;
    border-bottom: #bca9a3 solid 1px;
    margin-top: 15px;
  }
  .premium .l-main-content .description li {
    padding: 15px 0 13px 10px;
    border-bottom: 1px solid #e1d8d5;
    font-size: 1.2rem;
  }
  .premium .l-main-content .description li:first-child {
    border-top: 1px solid #e1d8d5;
  }
  .premium .l-main-content .description li a {
    display: block;
    padding-left: 16px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 6px;
    text-decoration: none;
  }
  .premium .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .premium .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .premium .l-main-content .error .caution + p {
    margin-left: 10px;
  }
  .premium .l-main-content .error p {
    font-size: 1.4rem;
  }
  .premium .l-main-content .error dl {
    display: table;
    padding: 0 10px;
  }
  .premium .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 26%;
    display: table-cell;
  }
  .premium .l-main-content .error dl dd {
    display: table-cell;
  }
  .premium .l-main-content .error dl dd input {
    width: 100%;
  }
  .premium .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .premium .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1rem;
  }
  .premium .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .premium .registration-box div {
    width: 100%;
  }

  /* Scss Document */
  /* registration_confirmation_sp */
  .registration_confirmation .l-main-content {
    /* container
    ----------------------- */
    /* footer_float
    ----------------------- */
  }
  .registration_confirmation .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .registration_confirmation .l-main-content .container {
    padding: 0 10px;
    /* wrapper
    ----------------------- */
  }
  .registration_confirmation .l-main-content .container .lead-text {
    font-size: 1.4rem;
    margin: 10px 0;
  }
  .registration_confirmation .l-main-content .container .lead-text span {
    font-weight: bold;
  }
  .registration_confirmation .l-main-content .container .wrapper {
    padding: 10px 0;
    border-top: 1px solid #e1d8d5;
  }
  .registration_confirmation .l-main-content .container .wrapper .wrapper_ul {
    overflow: hidden;
    font-size: 1.4rem;
  }
  .registration_confirmation .l-main-content .container .wrapper .wrapper_ul .wrapper_left {
    width: 30%;
    float: left;
  }
  .registration_confirmation .l-main-content .container .wrapper .wrapper_ul .wrapper_right {
    width: 70%;
    float: right;
    font-weight: 600;
  }
  .registration_confirmation .l-main-content .container .wrapper:last-child {
    border-bottom: 0;
  }
  .registration_confirmation .l-main-content .footer_float {
    padding: 20px 10px;
    border-top: 3px double #bca9a3;
    font-size: 1.4rem;
  }
  .registration_confirmation .l-main-content .footer_float ul li {
    float: left;
  }
  .registration_confirmation .l-main-content .footer_float ul li:first-child {
    width: 40%;
    height: 40px;
  }
  .registration_confirmation .l-main-content .footer_float ul li:first-child a {
    display: block;
    height: 40px;
  }
  .registration_confirmation .l-main-content .footer_float ul li:last-child {
    width: calc(60% - 10px);
    margin-left: 10px;
  }

  /* Scss Document */
  /* reminder_complete_sp */
  .reminder_complete .l-main-content {
    /* header
    ----------------------- */
    /* transmission
    ----------------------- */
  }
  .reminder_complete .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .reminder_complete .l-main-content .contents {
    text-align: center;
    padding: 15px 0 30px;
    border-bottom: #bca9a3 solid 1px;
    font-size: 1.4rem;
  }
  .reminder_complete .l-main-content .contents .h2_contents {
    font-size: 1.6rem;
  }
  .reminder_complete .l-main-content .transmission {
    padding: 20px 0;
    border-top: 1px solid #f7f2f0;
  }
  .reminder_complete .l-main-content .transmission .cart-btn {
    width: 70%;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .reminder_complete .l-main-content .transmission .cart-btn a {
    line-height: 1.8;
  }

  .reminder .l-main-content {
    font-size: 1.4rem;
  }
  .reminder .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .reminder .l-main-content .pc {
    display: none;
  }
  .reminder .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .reminder .l-main-content .caution {
    font-weight: bold;
    margin: 3% auto;
    width: 96%;
  }
  .reminder .l-main-content .btn_01 a {
    display: block;
    height: 40px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .reminder .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .reminder .l-main-content .f_between_sp {
    justify-content: space-between;
  }
  .reminder .l-main-content .f_j_end_sp {
    justify-content: flex-end;
  }
  .reminder .l-main-content .f_j_center_sp {
    justify-content: center;
  }
  .reminder .l-main-content .f_j_start_sp {
    justify-content: flex-start;
  }
  .reminder .l-main-content .f_a_end_sp {
    align-items: flex-end;
  }
  .reminder .l-main-content .f_a_center_sp {
    align-items: center;
  }
  .reminder .l-main-content .wrap_usual {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .reminder .l-main-content .wrap_usual:nth-of-type(3) {
    border-bottom: none;
  }
  .reminder .l-main-content .wrap_usual .w_30 {
    padding-right: 5px;
  }
  .reminder .l-main-content .wrap {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
  }
  .reminder .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 72%;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .reminder .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .reminder .l-main-content .kanji input {
    width: 80%;
  }
  .reminder .l-main-content .radio .w_100 {
    width: 31%;
  }
  .reminder .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .reminder .l-main-content .radio label span {
    vertical-align: middle;
  }
  .reminder .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .reminder .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .reminder .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .reminder .l-main-content .yubin input {
    width: 50%;
  }
  .reminder .l-main-content .yubin .btn_01 a {
    height: 35px;
    margin-left: 10px;
  }
  .reminder .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .reminder .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .reminder .l-main-content .jyusyo .lorem input {
    width: 78%;
  }
  .reminder .l-main-content .denwa input {
    width: 30%;
  }
  .reminder .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .reminder .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .reminder .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .reminder .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .reminder .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .reminder .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .reminder .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .reminder .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .reminder .l-main-content .kiyaku {
    border-bottom: none;
  }
  .reminder .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .reminder .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .reminder .l-main-content .kiyaku .check label {
    width: auto;
    font-weight: bold;
  }
  .reminder .l-main-content .wrap_btn {
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .reminder .l-main-content .wrap_btn .btn_01 {
    width: 70%;
    margin: 20px auto;
  }
  .reminder .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .reminder .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .reminder .l-main-content .error .caution + p {
    margin-left: 10px;
  }
  .reminder .l-main-content .error dl {
    display: table;
    padding: 0 10px;
  }
  .reminder .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 26%;
    display: table-cell;
  }
  .reminder .l-main-content .error dl dd {
    display: table-cell;
  }
  .reminder .l-main-content .error dl dd input {
    width: 100%;
  }
  .reminder .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .reminder .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1rem;
  }
  .reminder .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  /* Scss Document */
  /* unsubscribe_sp */
  .unsubscribe .l-main-content {
    /* wrapper
    ----------------------- */
    /* footer_float
    ----------------------- */
  }
  .unsubscribe .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .unsubscribe .l-main-content .wrapper {
    padding: 10px;
    font-size: 1.4rem;
  }
  .unsubscribe .l-main-content .wrapper .h2_contents {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
  .unsubscribe .l-main-content .wrapper .ul_wrapper {
    padding-left: 15px;
    margin-top: 20px;
  }
  .unsubscribe .l-main-content .wrapper .ul_wrapper li {
    list-style: disc outside;
  }
  .unsubscribe .l-main-content .footer_float {
    padding: 20px 10px;
    border-top: 1px solid #bca9a3;
    font-size: 1.4rem;
  }
  .unsubscribe .l-main-content .footer_float ul li {
    float: left;
  }
  .unsubscribe .l-main-content .footer_float ul li:first-child {
    width: 40%;
    height: 40px;
  }
  .unsubscribe .l-main-content .footer_float ul li:first-child a {
    display: block;
    height: 40px;
  }
  .unsubscribe .l-main-content .footer_float ul li:last-child {
    width: calc(60% - 10px);
    margin-left: 10px;
  }
  .unsubscribe .l-main-content .footer_float ul .cart-btn.center {
    margin: 0 auto;
    float: none;
    width: 70%;
  }
  .unsubscribe .l-main-content .caution {
    margin-top: 15px;
  }
  .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size:1.5rem;
  }
  .alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
  }
}
/* ================== PC版表示 ================== */
@media screen and (min-width: 641px) {
  body {
    min-width: 1200px;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
  }

  .l-global-header {
    background: #cccccc;
    width: 100%;
  }
  .l-global-header .l-header {
    background-position: center top;
    height: 150px;
    width: 1200px;
    margin: 0 auto;
  }
  .l-global-header .l-header .header-logo {
    display: none;
  }
  .l-global-header .l-header .menu-box {
    display: none;
  }

  .l-main {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .l-main .l-side-menu {
    width: 206px;
    float: left;
    background-position: center top;
  }
  .l-main .l-main-content {
    width: 964px;
    float: right;
    margin-bottom: 60px;
  }
  .l-main .l-main-content .l-main .cont-inner {
    padding: 15px 10px 0;
  }

  .l-global-footer {
    width: 100%;
    background: #ccc;
  }
  .l-global-footer .l-footer {
    background-image: url(/images/pc-footer.png);
    width: 1200px;
    height: 127px;
    margin: 0 auto;
  }
  .l-global-footer .l-footer .footer-inner {
    display: none;
  }

  /*フッター固定メニュー*/
  .bottom_menu {
    display: none;
  }

  a {
    color: #2c0b00;
  }

  input {
    padding: 0 5px;
  }

  input::-webkit-input-placeholder {
    color: #9c8b8b;
    font-weight: 500;
  }

  input:-ms-input-placeholder {
    color: #9c8b8b;
    font-weight: 500;
  }

  input::-moz-placeholder {
    color: #9c8b8b;
    font-weight: 500;
  }

  .return {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    text-align: right;
  }
  .return a {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    padding-left: 15px;
    background: url(/images/return-icon.svg) no-repeat;
    background-position: 0 center;
    background-size: 9px 6px;
  }

  .m-breadcrumb {
    padding: 5px 10px;
    background: #f7f2f0;
    font-size: 1rem;
    text-align: left;
  }
  .m-breadcrumb ul {
    display: inline-block;
  }
  .m-breadcrumb ul li {
    display: inline-block;
  }
  .m-breadcrumb ul li a {
    color: #2c0b00;
  }
  .m-breadcrumb ul li a::after {
    content: "\003e";
    display: inline-block;
    padding-left: 6px;
  }

  .m-steps ul {
    letter-spacing: -.4em;
    overflow: hidden;
  }
  .m-steps ul li {
    letter-spacing: normal;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
    width: 33.3333%;
    padding: 10px 0px 10px 10px;
    background: #e9e6e5;
    text-align: center;
    position: relative;
    vertical-align: middle;
    height: 65px;
  }
  .m-steps ul li:last-child:before {
    display: none;
  }
  .m-steps ul li:last-child:after {
    display: none;
  }
  .m-steps ul li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    top: -8px;
    right: -1em;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 40px 0 40px 1em;
    z-index: 10;
  }
  .m-steps ul li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    top: -8px;
    right: -.8em;
    border-style: solid;
    border-color: transparent transparent transparent #e9e6e5;
    border-width: 40px 0 40px 1em;
    z-index: 10;
  }
  .m-steps ul li.is-current {
    background: #ffebed;
    color: #ff3f51;
  }
  .m-steps ul li.is-current:after {
    border-color: transparent transparent transparent #ffebed;
  }
  .m-steps ul li span {
    display: block;
    width: 20px;
    height: 20px;
    padding: 4px;
    text-align: center;
    margin: 0 auto;
    border-radius: 15px;
    font-size: 1.4rem;
    background: #ffffff;
    line-height: 1;
  }

  select, input[type="search"] {
    display: inline-block;
    height: 30px;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    box-sizing: border-box;
  }

  select::-ms-expand {
    display: none;
  }

  input[type="search"] {
    padding: 0 10px;
  }

  input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
  }

  input[type="radio"] {
    display: none;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
  }

  .radio-part {
    position: relative;
  }

  select {
    background: #f7f2f0 url(/images/under-arrow_icon.svg) no-repeat;
    background-size: 10px 6px;
    background-position: right 3px center;
    padding: 0 20px 0 10px;
  }

  .list-number {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    padding: 15px 0 10px;
    font-size: 1.4rem;
  }
  .list-number span {
    font-weight: 600;
    padding: 0 4px;
  }
  .list-number li:first-child {
    float: left;
    margin-top: 8px;
  }
  .list-number li:last-child a {
    float: right;
    font-weight: 600;
    padding-left: 15px;
    background-image: url(/images/more-under-arrow_icon.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 9px 6px;
    width: 150px;
  }

  .order-step-btn a {
    display: block;
    background: #ffffff;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 30px;
    padding: 3px 0;
  }

  .favorite-btn a {
    display: block;
    background: #f7f2f0;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 30px;
    padding: 3px 0;
  }

  .restock-notification-btn a {
    display: block;
    background: #f7f2f0;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 30px;
    padding: 3px 0;
  }

  .cart-btn a {
    display: block;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    height: 45px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .cart-btn a span {
    color: #fffd75;
    padding-right: 10px;
  }

  .reservation-btn a {
    display: block;
    text-decoration: none;
    background: #f2716a;
    color: #fff;
    height: 45px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .reservation-btn a span {
    color: #fffd75;
    padding-right: 5px;
  }

  .sold-out-btn {
    text-decoration: none;
    background: #d7d7d7;
    color: #ffffff;
    height: 45px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .sold-out-btn span {
    color: #ffffff;
    padding-right: 10px;
  }

  .caution {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    background: #ffebed;
    padding: 5px;
    margin-top: 20px;
  }

  .info {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 20px 0 5px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .info:before {
    content: "・";
  }

  .price-box {
    color: #9c8b8b;
    font-size: 1.4rem;
  }
  .price-box .price {
    font-weight: 600;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    color: #ff3f51;
    font-size: 2rem;
    padding: 0 2px 0 5px;
  }
  .price-box .en {
    font-weight: 600;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    color: #2c0b00;
  }
  .price-box .tax {
    font-size: 1.2rem;
    padding-right: 10px;
    color: #2c0b00;
  }
  .price-box .point {
    font-weight: 600;
    color: #ff3f51;
    font-size: 2rem;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .price-box .point_2 {
    font-weight: 600;
    color: #ff3f51;
    font-size: 1.4rem;
  }
  .price-box .discount-rate {
    display: inline-block;
    color: #ffffff;
    padding: 2px 5px;
    margin-right: 10px;
    background-color: #ff3f51;
  }
  .price-box .discount-title {
    color: #ff3f51;
  }

  .discount .price, .discount .en, .discount .tax {
    color: #ff3f51;
  }

  .line-through {
    color: #2c0b00;
    text-decoration: line-through;
    font-size: 1.4rem;
  }
  .line-through .price, .line-through .en, .line-through .tax, .line-through .point, .line-through .point_2 {
    color: #2c0b00;
    font-size: 1.4rem;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }

  .m-pagination {
    padding: 5px 0;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .m-pagination ul {
    display: table;
    border-collapse: separate;
    border-spacing: 2px 0;
    margin: 0 auto;
    width: 40%;
    font-weight: 600;
    position: relative;
  }
  .m-pagination ul > li {
    display: table-cell;
    font-size: 1.2rem;
    vertical-align: middle;
    text-align: center;
    color: #2c0b00;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    background: #f7f2f0;
    width: 30px;
  }
  .m-pagination ul > li:first-child {
    width: 45px;
    position: absolute;
    left: 0;
  }
  .m-pagination ul > li:last-child {
    width: 45px;
    position: absolute;
    right: 0;
  }
  .m-pagination a {
    display: block;
    line-height: 3.0rem;
    color: #2c0b00;
    height: 28px;
  }
  .m-pagination .is-active {
    background: #ffffff;
    border: none;
    border-radius: 4px;
  }

  .main-title {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .main-title .main_title-text {
    font-size: 1.8rem;
    text-align: left;
  }

  .selection .main_title-text {
    font-size: 1.2rem;
    font-weight: normal;
    text-align: left;
  }
  .selection .main_title-text span {
    font-weight: bold;
  }

  .h2_1 {
    font-size: 1.6rem;
    font-weight: 600;
    background: url(/images/h2-1_bg.png) no-repeat;
    background-position: left center;
    background-size: 5px 18px;
    padding-left: 15px;
    line-height: 1.7;
  }

  .e-red {
    font-weight: 600;
    color: #ff3f51;
  }

  .benefits {
    display: table;
    font-size: 1.4rem;
    font-weight: 600;
    color: #ff3f51;
    margin-bottom: 5px;
  }
  .benefits dt {
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    border: #ff3f51 solid 1px;
    padding: 0 2px;
    margin-right: 10px;
    width: 45px;
  }
  .benefits dd {
    display: table-cell;
  }

  .category {
    font-size: 1.2rem;
    color: #bca9a3;
    font-weight: 600;
    margin-top: 15px;
    border: #bca9a3 1px solid;
    padding: 2px;
    line-height: 1.4;
    margin: 0 2px 2px 0;
    word-break: keep-all;
  }

  .author-box {
    margin-right: 5px;
    font-size: 1.4rem;
  }
  .author-box .author-title {
    padding-right: 5px;
  }
  .author-box .author-detail {
    padding-right: 10px;
    font-size: 1.6rem;
    font-weight: 600;
  }

  .catch-copy {
    margin-top: 5px;
    font-size: 1.4rem;
  }

  .modal, .modal-2 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
  }
  .modal.is-active, .modal-2.is-active {
    display: block;
    /*display: -webkit-flex;*/
    /* Safari用 */
    /*display: flex!important;
    -webkit-justify-content: center;*/
    /* Safari用 */
    /*justify-content: center;
    -webkit-align-items: center;*/
    /* Safari用 */
    /*align-items: center;*/
  }
  .modal .modal-inner, .modal-2 .modal-inner {
    background: #ffffff;
    padding: 40px;
    border: #2c0b00 solid 1px;
    position: relative;
    top: 50%;
    left: 50%;
    min-height: 190px;
    width: 600px;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
  }
  .modal .modal-inner.modal-restk-notif  {
    width: 700px;
  }
  .modal .modal-inner h3, .modal-2 .modal-inner h3 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 26px;
  }
  .modal .modal-inner p, .modal-2 .modal-inner p {
    font-weight: 600;
    margin-bottom: 30px;
  }
  .modal .modal-inner p a, .modal-2 .modal-inner p a {
    width: 250px;
    font-size: 1.8rem;
    height: 46px;
    padding-top: 8px;
    margin: 0 auto;
  }
  .modal .modal-inner ul, .modal-2 .modal-inner ul {
    margin: 0 auto;
  }
  .modal .modal-inner ul .cart-btn, .modal-2 .modal-inner ul .cart-btn {
    float: left;
  }
  .modal .modal-inner ul .cart-btn a, .modal-2 .modal-inner ul .cart-btn a {
    width: 250px;
    font-size: 1.6rem;
    height: 46px;
    padding-top: 10px;
  }
  .modal .modal-inner ul .favorite-btn, .modal-2 .modal-inner ul .favorite-btn {
    float: right;
  }
  .modal .modal-inner ul .favorite-btn a, .modal-2 .modal-inner ul .favorite-btn a {
    width: 250px;
    font-size: 1.8rem;
    height: 46px;
    padding-top: 6px;
  }
  .modal .modal-inner .close, .modal-2 .modal-inner .close {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    font-size: 1.6rem;
    width: 20px;
    height: 20px;
  }
  .modal .modal-password, .modal-2 .modal-password {
    font-size: 1.6rem;
    font-weight: 600;
    position: relative;
    width: 518px;
    height: 46px;
  }
  .modal .modal-password .modal-password-box input, .modal-2 .modal-password .modal-password-box input {
    width: 350px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 46px;
    border: #bca9a3 solid 1px;
    padding-left: 5px;
    border-radius: 4px;
  }
  .modal .modal-password .input-btn input, .modal-2 .modal-password .input-btn input {
    display: block;
    width: 150px;
    position: absolute !important;
    right: 0;
    top: 0;
    background: #291a21;
    text-align: center;
    border-radius: 4px;
    color: #ffffff;
    height: 46px;
    position: relative;
  }

  .align_c {
    text-align: center;
  }

  .align_r {
    text-align: right;
  }

  .bold {
    font-weight: bold;
  }

  .red {
    color: #ff3f51;
  }

  .f_12 {
    font-size: 1.2rem;
  }

  .w_100 {
    max-width: 100%;
  }

  .w_100ex {
    width: 100%;
  }

  .w_80 {
    width: 80%;
  }

  .w_70 {
    width: 70%;
  }

  .w_60 {
    width: 60%;
  }

  .w_50 {
    width: 50%;
  }

  .w_40 {
    width: 40%;
  }

  .w_30 {
    width: 30%;
  }

  .w_20 {
    width: 20%;
  }

  .mr02 {
    margin-right: 2px !important;
  }

  .ml05 {
    margin-left: 5px !important;
  }

  .ml10 {
    margin-left: 10px !important;
  }

  .mr05 {
    margin-right: 5px !important;
  }

  .mr10 {
    margin-right: 10px !important;
  }

  .pt05 {
    padding-top: 5px !important;
  }

  .pt10 {
    padding-top: 10px !important;
  }

  .pt30 {
    padding-top: 30px !important;
  }

  .pt40 {
    padding-top: 40px !important;
  }

  .pt50 {
    padding-top: 50px !important;
  }

  .pb05 {
    padding-bottom: 5px !important;
  }

  .pb10 {
    padding-bottom: 10px !important;
  }

  .must {
    width: 35px;
    height: auto;
    vertical-align: middle;
    padding: 0 0 0 5px;
  }

  .line_b_single {
    border-bottom: 1px solid #bca9a3;
  }

  .flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }

  .f_between {
    justify-content: space-between;
  }

  .f_j_end {
    justify-content: flex-end;
  }

  .f_j_center {
    justify-content: center;
  }

  .f_a_end {
    align-items: flex-end;
  }

  .f_a_center {
    align-items: center;
  }

  /*規約*/
  .iframe_termbox {
    width: 100%;
    max-height: 148px;
    border: 1px solid #bca9a3 !important;
  }

  /*退会など*/
  .iframe_freebox {
    width: 100%;
    border: none;
  }

  .save div {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding: 2px 0 0 10px;
    width: 60%;
  }
  .save p {
    margin-bottom: 5px;
  }
  .save input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .save label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
    border-bottom: none !important;
  }
  .save label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00 !important;
    border: none;
    border-radius: 0% !important;
  }
  .save input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 8px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .save .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }

  /*クレジットカード情報登録*/
  .contents.settlement {
    margin: 10px 0 0;
    padding: 8px;
    background: #fff9d6;
    background-size: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.4rem;
  }
  .contents.settlement select {
    background-color: #ffffff;
    height: 35px;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .contents.settlement input {
    height: 30px;
    padding: 6px;
  }
  .contents.settlement .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .contents.settlement .expiration-date {
    vertical-align: bottom;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .contents.settlement .item {
    font-size: 1.4rem;
  }
  .contents.settlement .item span {
    font-size: 90%;
    font-weight: 500;
    color: #2c0b00;
    border: none;
    padding: none;
  }
  .contents.settlement .supplement {
    padding: 0 5px 0 25px;
  }
  .contents.settlement .item-txt {
    padding-left: 17px;
  }
  .contents.settlement label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
  }
  .contents.settlement label span {
    vertical-align: middle;
  }
  .contents.settlement label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .contents.settlement input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .contents.settlement input[type="radio"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .contents.settlement .contents-inner {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
  }
  .contents.settlement .contents-inner label {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1d8d5;
    border-radius: 0;
  }
  .contents.settlement .contents-inner:last-child {
    margin-bottom: 0;
  }
  .contents.settlement .card-number {
    margin-top: 10px;
    min-width: 444px;
  }
  .contents.settlement .inner_box {
    padding: 10px 0;
    border-bottom: 1px solid #e1d8d5;
  }
  .contents.settlement .inner_box .contents-float {
    overflow: hidden;
  }
  .contents.settlement .inner_box .contents-float li:first-child {
    width: 20%;
    float: left;
    text-align: middle;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .contents.settlement .inner_box .contents-float li:last-child {
    width: 80%;
    float: right;
  }
  .contents.settlement .inner_box .contents-float li:last-child input {
    width: 60%;
    padding-left: 5px;
    border: 1px solid #bca9a3;
    background-color: #ffffff;
    border-radius: 3px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .half-width li {
    width: 100%;
    padding-top: 5px;
    text-align: left;
    font-weight: lighter;
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img li {
    float: left;
    width: 6%;
    margin-right: 10px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img li:last-child {
    margin-right: 0px;
  }
  .contents.settlement .inner_box .contents-float li:last-child .contents-img li img {
    width: 100%;
  }
  .contents.settlement .method {
    border-bottom: none;
  }
  .contents.settlement .method select {
    width: 20%;
  }
  .contents.settlement .card-input label {
    color: #ff3f51;
    background-size: 10px;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .contents.settlement .card-input .expiration .date-select li {
    display: inline;
    margin-right: 20px;
    float: none !important;
  }
  .contents.settlement .use {
    width: 500px;
    height: 35px;
    margin: 10px auto 0;
    text-align: center;
    background: #f2e9e6;
    box-sizing: border-box;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-weight: 600;
  }
  .contents.settlement .use a {
    display: block;
    line-height: 35px;
  }

  /*バルーン　自動的に入るcss*/
  .tippy-touch {
    cursor: pointer !important;
  }

  .tippy-notransition {
    transition: none !important;
  }

  .tippy-popper {
    max-width: 350px;
    -webkit-perspective: 700px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
  }

  .tippy-popper[data-html] {
    max-width: 96%;
    max-width: calc(100% - 20px);
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0;
  }

  .tippy-popper[x-placement^=top] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    bottom: -15px;
    margin: 0 6px;
  }

  .tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 7px;
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, 25%);
    transform: scale(5.5) translate(-50%, 25%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, 25%);
    transform: scale(1) translate(-50%, 25%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  .tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }

  .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0);
  }

  .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg);
  }

  .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1);
  }

  .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0);
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%;
  }

  .tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    top: -15px;
    margin: 0 6px;
  }

  .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  .tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 7px;
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -100%;
    transform-origin: 0 -100%;
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-50%, -125%);
    transform: scale(5.5) translate(-50%, -125%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, -125%);
    transform: scale(1) translate(-50%, -125%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top;
  }

  .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1);
  }

  .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0);
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 30% 0 0 30%;
  }

  .tippy-popper[x-placement^=left] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    right: -15px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(33%, -50%);
    transform: scale(5.5) translate(33%, -50%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(33%, -50%);
    transform: scale(1.5) translate(33%, -50%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  .tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right;
  }

  .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0);
  }

  .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg);
  }

  .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1);
  }

  .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 30% 30% 0;
  }

  .tippy-popper[x-placement^=right] .tippy-roundarrow {
    width: 23px;
    height: 23px;
    fill: #333;
    left: -15px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 4px 0;
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -100% 0;
    transform-origin: -100% 0;
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(5.5) translate(-133%, -50%);
    transform: scale(5.5) translate(-133%, -50%);
    opacity: 1;
  }

  .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(-133%, -50%);
    transform: scale(1.5) translate(-133%, -50%);
    opacity: 0;
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  .tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left;
  }

  .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0);
  }

  .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg);
  }

  .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1);
  }

  .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
  }

  .tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333;
  }

  .tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem;
  }

  .tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem;
  }

  .tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent;
  }

  .tippy-tooltip[data-animatefill] .tippy-content {
    transition: -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
    transition: clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98), -webkit-clip-path cubic-bezier(0.46, 0.1, 0.52, 0.98);
  }

  .tippy-tooltip[data-interactive] {
    pointer-events: auto;
  }

  .tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
  }

  .tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease;
  }

  .tippy-arrow, .tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0;
  }

  .tippy-roundarrow {
    pointer-events: none;
  }

  .tippy-roundarrow path {
    pointer-events: auto;
  }

  .tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 26%;
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%;
  }

  body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%);
  }

  body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(5% 50% at 50% 50%);
    clip-path: ellipse(5% 50% at 50% 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 0 50%);
    clip-path: ellipse(135% 100% at 0 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 0 50%);
    clip-path: ellipse(25% 100% at 0 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 100% 50%);
    clip-path: ellipse(135% 100% at 100% 50%);
  }

  body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(25% 100% at 100% 50%);
    clip-path: ellipse(25% 100% at 100% 50%);
  }
}
@media screen and (min-width: 641px) and (max-width: 360px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px);
  }
}
@media screen and (min-width: 641px) {
  /*バルーン*/
  .tippy-tooltip.orderconfirm-theme {
    /* 説明文のデザイン */
    font-size: 1.1rem;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 4px 6px;
    text-align: left;
  }
  .tippy-tooltip.orderconfirm-theme .tippy-arrow {
    /* 矢印のデザイン(色変更の例) */
    border-bottom-color: #291a21;
  }

  /*ローディングGIF*/
  #loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    z-index: 10000;
    opacity: 0.7;
  }

  #loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 10001;
  }
  #loader img {
    width: 100px;
  }
  #loader p {
    font-size: 16px;
  }

  .address-list .l-main-content .-address {
    font-size: 1.4rem;
  }
  .address-list .l-main-content .-address .order-list_address {
    border-bottom: #bca9a3 solid 1px;
    position: relative;
    padding: 15px 0;
  }
  .address-list .l-main-content .-address .order-list_address:first-child {
    padding-top: 0;
  }
  .address-list .l-main-content .-address .order-list_address:last-child {
    border-bottom: 0;
  }
  .address-list .l-main-content .-address .order-list_address dl {
    width: calc(100% - 40px);
    padding-right: 40px;
  }
  .address-list .l-main-content .-address .order-list_address dl dt {
    display: table-cell;
    font-size: 1.4rem;
    color: #bca9a3;
    line-height: 2;
    width: 140px;
  }
  .address-list .l-main-content .-address .order-list_address dl dd {
    display: table-cell;
    font-size: 1.4rem;
    line-height: 2;
    margin-right: 10px;
  }
  .address-list .l-main-content .-address .order-list_address dl dd .price {
    font-weight: 600;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(1) {
    position: absolute;
    top: 15px;
    right: 0px;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(1) a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.6rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(2) {
    position: absolute;
    bottom: 15px;
    right: 0px;
  }
  .address-list .l-main-content .-address .order-list_address .order-list_edit li:nth-child(2) a {
    font-size: 1.4rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .address-list .l-main-content .-address .wrap_btn {
    margin-top: 10px;
    border-top: 1px solid #bca9a3;
  }
  .address-list .l-main-content .-address .wrap_btn .cart-btn {
    width: 500px;
    margin: 20px auto;
  }
  .address-list .l-main-content .-address .cart-btn a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 10px 10px;
    font-weight: 600;
    line-height: 1.8;
  }
  .address-list .l-main-content .-address .cart-btn a::before {
    content: "+";
    padding-right: 10px;
    color: #fffd75;
  }

  .address .l-main-content {
    font-size: 1.4rem;
  }
  .address .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .address .l-main-content .sp {
    display: none;
  }
  .address .l-main-content h1 {
    text-align: left !important;
  }
  .address .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .address .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .address .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .address .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .address .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .address .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .address .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .address .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .address .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .address .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .address .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .address .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .address .l-main-content .kanji {
    padding-left: 1em;
  }
  .address .l-main-content .w_30 {
    width: 200px;
  }
  .address .l-main-content .w_70 {
    width: 480px;
  }
  .address .l-main-content .radio .w_100 {
    width: 100px;
  }
  .address .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .address .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .address .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .address .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .address .l-main-content .yubin input {
    width: 50%;
  }
  .address .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .address .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .address .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    flex-basis: 100%;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .address .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .address .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .address .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .address .l-main-content .denwa input {
    width: 100px;
  }
  .address .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .address .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .address .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .address .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .address .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .address .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .address .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .address .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .address .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .address .l-main-content .kiyaku {
    border-bottom: none;
  }
  .address .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .address .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .address .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .address .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .address .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .address .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .address .l-main-content .add_choice h2 {
    margin-bottom: 10px;
  }
  .address .l-main-content .add_choice h2 + .w_100ex {
    border-top: #e1d8d5 solid 1px;
    padding-top: 10px;
  }
  .address .l-main-content .add_choice .w_100ex {
    padding-top: 10px;
  }
  .address .l-main-content .add_choice .w_100ex label {
    width: 200px;
  }
  .address .l-main-content .noshi img {
    border: #e1d8d5 solid 1px;
  }
  .address .l-main-content .noshi input {
    width: 100%;
  }

  /* Scss Document */
  /* cart_pc */
  .cart .l-main-content {
    font-size: 1.4rem;
  }
  .cart .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
  }
  .cart .l-main-content .lead-ares .lead-caution {
    font-weight: bold;
    color: #ff3f51;
    background: #ffebed;
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 10px;
  }
  .cart .l-main-content .lead-ares .lead-text {
    margin: 20px 0 5px;
  }
  .cart .l-main-content .amount {
    width: 100%;
    padding: 10px;
    background: #fff9d6;
    letter-spacing: -.4em;
  }
  .cart .l-main-content .amount.only-pc {
    margin-top: 20px;
  }
  .cart .l-main-content .amount .amount-info {
    padding-bottom: 5px;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    letter-spacing: normal;
    padding: 0 15px;
    vertical-align: middle;
  }
  .cart .l-main-content .amount .amount-info dl {
    display: table;
    vertical-align: middle;
    width: 100%;
    font-size: 2rem;
  }
  .cart .l-main-content .amount .amount-info dl dt {
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
  }
  .cart .l-main-content .amount .amount-info dl dd {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 70%;
  }
  .cart .l-main-content .amount .amount-info dl dd span {
    color: #ff3f51;
    font-size: 1.4rem;
  }
  .cart .l-main-content .amount .amount-info dl dd span .amount-price {
    font-size: 3rem;
    font-weight: bold;
  }
  .cart .l-main-content .amount .amount-info dl dd span.amount-calc.is-disable a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    background: #d7d7d7;
  }
  .cart .l-main-content .amount .amount-info dl dd span.amount-calc a {
    font-weight: bold;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 5px 10px;
    border-radius: 16px;
    background: #ff3f51;
    text-decoration: none;
    font-size: 1.8rem;
  }
  .cart .l-main-content .amount .amount-cv {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    letter-spacing: normal;
    padding: 0 15px;
    border-left: #bca9a3 solid 1px;
    vertical-align: middle;
  }
  .cart .l-main-content .amount .amount-cv p {
    font-size: 1.4rem;
    margin-bottom: 5px;
    text-align: center;
  }
  .cart .l-main-content .amount .amount-cv p span {
    font-weight: bold;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul {
    width: 100%;
    letter-spacing: -.4em;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: normal;
    vertical-align: top;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li a {
    display: block;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li.continue-btn {
    background: #ffffff;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 45px;
    padding: 3px 0;
    width: 40%;
    padding-right: 5px;
    font-size: 1.4rem;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li.continue-btn a {
    height: 45px;
    line-height: 2.8;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li:last-child {
    width: calc(60% - 5px);
    margin-left: 5px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .cart .l-main-content .amount .amount-cv .amount-cv_btn ul li:last-child a {
    line-height: 1.8;
  }
  .cart .l-main-content .goods .goods-list {
    padding: 15px;
    letter-spacing: -.4em;
    border-top: #bca9a3 solid 1px;
  }
  .cart .l-main-content .goods .goods-list:last-child {
    border-bottom: #bca9a3 double 3px;
  }
  .cart .l-main-content .goods .goods-list .goods-img {
    display: inline-block;
    box-sizing: border-box;
    width: 100px;
    vertical-align: top;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-img p {
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    background: #f7f2f0;
  }
  .cart .l-main-content .goods .goods-list .goods-img p img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .cart .l-main-content .goods .goods-list .goods-detail {
    display: inline-block;
    padding-left: 15px;
    width: calc(100% - 100px);
    vertical-align: top;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .is-privilege {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ff3f51;
    margin-bottom: 5px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .is-privilege dt {
    display: inline-block;
    font-size: 1rem;
    border: #ff3f51 solid 1px;
    padding: 0px 2px;
    margin-right: 2px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .is-privilege dd {
    display: inline;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner h2 {
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 5px;
    float: left;
    width: 50%;
    padding: 0 10px 0 0;
    box-sizing: border-box;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info {
    float: left;
    width: 50%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-price {
    margin-bottom: 5px;
    float: left;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-price dt {
    display: inline-block;
    color: #bca9a3;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-price dd {
    display: inline-block;
    font-size: 1.4rem;
    color: #bca9a3;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-price dd span {
    color: #ff3f51;
    font-weight: bold;
    font-size: 1.6rem;
    margin-right: 5px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-num {
    letter-spacing: -.4em;
    float: right;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-num li:first-child {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 10px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-num li:first-child a {
    font-size: 1.2rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-num li:last-child {
    text-align: right;
    display: inline-block;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .goods-detail-inner .detail-info .detail-num li:last-child input {
    max-width: 5em;
    padding: 5px;
    border: 1px solid #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #ff3f51;
    font-weight: bold;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity {
    border-top: 1px dashed #bca9a3;
    padding-top: 10px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .privilege-info {
    font-size: 1.4rem;
    color: #ff3f51;
    margin-bottom: 5px;
    float: left;
    max-width: 600px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num {
    letter-spacing: -.4em;
    text-align: right;
    float: right;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:first-child {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 10px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:first-child a {
    font-size: 1.2rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:last-child {
    text-align: right;
    display: inline-block;
    letter-spacing: normal;
  }
  .cart .l-main-content .goods .goods-list .goods-detail .detail-quantity .detail-num li:last-child input {
    max-width: 5em;
    padding: 5px;
    border: 1px solid #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #ff3f51;
    font-weight: bold;
  }
  .cart .l-main-content .description {
    font-size: 1.4rem;
  }
  .cart .l-main-content .description li {
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid #e1d8d5;
  }
  .cart .l-main-content .description li a {
    display: block;
    color: #2c0b00;
    padding-left: 12px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 6px;
    text-decoration: none;
  }
  .cart .l-main-content .information {
    font-size: 1.4rem;
    color: #2c0b00;
    padding: 14px 10px 25px 10px;
    border-bottom: 2px solid #e1d8d5;
    list-style: disc;
  }
  .cart .l-main-content .information dl dt {
    margin-top: 5px;
  }
  .cart .l-main-content .information .tax_include {
    font-weight: 600;
    font-size: 1.4rem;
  }
  .cart .l-main-content .information .supplement {
    padding-left: 1em;
    text-indent: -1em;
  }
  .cart .l-main-content .detail {
    padding: 11px 10px 35px 10px;
    color: #2c0b00;
    font-size: 1.4rem;
  }

  /* Scss Document */
  /* complete_pc */
  .complete .l-main-content {
    /* header
    ----------------------- */
    /* transmission
    ----------------------- */
  }
  .complete .l-main-content .contents {
    text-align: center;
    padding: 30px 0 60px;
    border-bottom: #bca9a3 solid 1px;
    font-size: 1.4rem;
  }
  .complete .l-main-content .contents .h2_contents {
    font-size: 1.6rem;
  }
  .complete .l-main-content .transmission {
    padding: 40px 0;
    border-top: 1px solid #f7f2f0;
  }
  .complete .l-main-content .transmission .cart-btn {
    width: 500px;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .complete .l-main-content .transmission .cart-btn a {
    line-height: 2;
  }

  /* Scss Document */
  /* confirmation_pc */
  .confirmation {
    /* ================== 共通要素の追加 ================== */
    /* ================== ヘルパークラス ================== */
    /* ================== その他 ================== */
  }
  .confirmation .l-main-content img {
    width: 100%;
  }
  .confirmation .l-main-content .l-main-content .confirmation-content {
    margin-top: 30px;
  }
  .confirmation .l-main-content .l-main-content .confirm-detail {
    margin-top: 20px;
  }
  .confirmation .l-main-content .confirm-detail {
    margin-top: 20px;
  }
  .confirmation .l-main-content .confirmation-content:nth-child(n+2) {
    margin-top: 20px;
  }
  .confirmation .l-main-content .confirm-detail, .confirmation .l-main-content .confirmation-content {
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .confirm-detail .confirm_title-link, .confirmation .l-main-content .confirmation-content .confirm_title-link {
    font-weight: lighter;
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .confirm-detail .confirm_title-btn, .confirmation .l-main-content .confirmation-content .confirm_title-btn {
    display: inline-block;
    margin-left: 10px;
    padding: 0.25em 1em 0.3em;
    padding-left: 1.5em;
    background: url(/images/right-arrow_icon.svg) no-repeat 0.7em center/contain #f7f2f0;
    background-size: 5px 8px;
    font-size: 1.2rem;
    color: inherit;
    border: 1px solid #bca9a3;
    border-radius: 4px;
    text-decoration: underline;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
  }
  .confirmation .l-main-content .confirm-detail .confirm-body, .confirmation .l-main-content .confirmation-content .confirm-body {
    margin: 5px 0 10px;
    padding: 10px 10px 12px 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
  }
  .confirmation .l-main-content .confirm-detail .confirm-body dl, .confirmation .l-main-content .confirmation-content .confirm-body dl {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .confirmation .l-main-content .confirm-detail .confirm-body dl dt, .confirmation .l-main-content .confirmation-content .confirm-body dl dt {
    display: table-cell;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .confirm-detail .confirm-body dl dd, .confirmation .l-main-content .confirmation-content .confirm-body dl dd {
    display: table-cell;
    font-weight: lighter;
    text-align: right;
  }
  .confirmation .l-main-content .confirm-detail .confirm-body .confirm_body-address, .confirmation .l-main-content .confirmation-content .confirm-body .confirm_body-address {
    display: block;
  }
  .confirmation .l-main-content .confirm-detail .confirm-body .confirm_body-address dt, .confirmation .l-main-content .confirmation-content .confirm-body .confirm_body-address dt {
    display: block;
    width: 100%;
  }
  .confirmation .l-main-content .confirm-detail .confirm-body .confirm_body-address dd, .confirmation .l-main-content .confirmation-content .confirm-body .confirm_body-address dd {
    display: block;
    width: 100%;
    text-align: left;
  }
  .confirmation .l-main-content .total_box {
    margin: 40px 0 0;
    border-bottom: 1px solid #bca9a3;
    box-sizing: border-box;
    background: #fff9d6;
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .total_box .wrapper_inner {
    padding: 0 10px;
  }
  .confirmation .l-main-content .total_box .toggle_details {
    padding: 0;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title {
    background: #f7f2f0;
    border-top: #bca9a3 double 3px;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title a {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 5px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title a.is-open::before {
    content: "+";
    padding-right: 10px;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-title a::before {
    content: "ー";
    padding-right: 10px;
    color: #bca9a3;
    font-size: 1.6rem;
    height: calc(100% - 16px);
    width: 50px;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-body {
    padding: 0 10px;
    position: relative;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-body::after {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 0;
    content: "";
    width: calc(100% - 20px);
    height: 1px;
    background: #bca9a3;
  }
  .confirmation .l-main-content .total_box .toggle_details .toggle_details-body > dl {
    padding: 0.3rem 0 0.2rem;
  }
  .confirmation .l-main-content .total_box dl {
    display: flex;
    width: 100%;
    padding: 0.8rem 0 0.7rem;
  }
  .confirmation .l-main-content .total_box dl dd {
    flex-grow: 2;
    text-align: right;
    font-size: 1rem;
  }
  .confirmation .l-main-content .total_box dl + dl {
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) {
    overflow: hidden;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) li:first-child {
    width: 45%;
    float: left;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) li:last-child {
    width: 55%;
    float: right;
    text-align: right;
    font-weight: 600;
    font-size: 1rem;
  }
  .confirmation .l-main-content .total_box ul:not(:last-child) li:last-child span {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.3rem;
  }
  .confirmation .l-main-content .total_box .use_point {
    padding: 0 10px 15px;
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .total_box .use_point > dl {
    flex-direction: column;
    padding: 0;
  }
  .confirmation .l-main-content .total_box .use_point > dl > dt {
    padding: 0.8rem 0 0.7rem;
  }
  .confirmation .l-main-content .total_box .use_point > dl > dd {
    text-align: left;
    font-size: 1.4rem;
  }
  .confirmation .l-main-content .total_box .use_point > dl dl > dt span {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.3rem;
  }
  .confirmation .l-main-content .total_box .use_point > dl label {
    display: inline-block;
    font-weight: bold;
  }
  .confirmation .l-main-content .total_box .use_point > dl label + dl {
    border-top: 1px solid #bca9a3;
  }
  .confirmation .l-main-content .total_box .use_point > dl input[type="text"] {
    text-align: right;
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    padding: 0;
    clip: rect(0, 0, 0, 0);
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox + label {
    display: inline-block;
    font-size: 1.4rem;
    position: relative;
    padding-left: 1.25em;
    cursor: pointer;
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox + label:before {
    position: absolute;
    content: '';
    top: 2px;
    left: -4px;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .confirmation .l-main-content .total_box .use_point .point .checkbox:checked + label:after {
    position: absolute;
    content: '';
    top: 5px;
    left: -1px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .confirmation .l-main-content .total_box .use_point .point .full-amount a {
    font-size: 1.2rem;
    margin: 0 5px 0 20px;
    color: #ff3f51;
    font-weight: 600;
  }
  .confirmation .l-main-content .total_box .use_point dl + .favorite-btn {
    border-top: 1px solid #bca9a3;
  }
  .confirmation .l-main-content .total_box .use_point .keyword {
    padding: 0.5em;
  }
  .confirmation .l-main-content .total_box .use_point .keyword .w-full {
    margin-top: 0.5em;
    text-align: left;
  }
  .confirmation .l-main-content .total_box .use_point .favorite-btn {
    margin: 10px auto 0;
    padding: 10px;
    text-align: center;
  }
  .confirmation .l-main-content .total_box .use_point .favorite-btn a {
    display: inline-block;
    width: 500px;
    height: 30px;
    padding: 0.2em 0;
  }
  .confirmation .l-main-content .total_box .use_point li {
    padding: 0 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
    position: relative;
  }
  .confirmation .l-main-content .total_box .use_point li + li {
    margin-top: 10px;
  }
  .confirmation .l-main-content .preview-list {
    margin: 0;
    padding: 0;
  }
  .confirmation .l-main-content .preview-list .preview-list_item {
    padding: 10px 0;
    width: 100%;
  }
  .confirmation .l-main-content .preview-list .preview-list_item:first-child {
    padding-top: 0;
  }
  .confirmation .l-main-content .preview-list .preview-list_item + .preview-list_item {
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .preview-list .preview-list_img,
  .confirmation .l-main-content .preview-list .preview-list_text {
    display: inline-block;
    vertical-align: top;
  }
  .confirmation .l-main-content .preview-list .preview-list_img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
    background: #f7f2f0;
  }
  .confirmation .l-main-content .preview-list .preview-list_img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .confirmation .l-main-content .preview-list .preview-list_text {
    padding-left: 10px;
    width: 857px;
  }
  .confirmation .l-main-content .preview-list .preview-list_privilege {
    font-size: 1rem;
    color: #ff3f51;
    padding: 0;
    font-weight: bold;
  }
  .confirmation .l-main-content .preview-list .preview-list_privilege .label {
    display: inline-block;
    font-size: 1rem;
    border: 1px solid #ff3f51;
    line-height: 1;
    padding: 0.1em 0.3em;
    margin-right: 2px;
  }
  .confirmation .l-main-content .preview-list .preview-list_title {
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 5px;
  }
  .confirmation .l-main-content .preview-list .preview-list_note {
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .preview-list .preview-list_ex {
    text-align: right;
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .preview-list .preview-list_ex .price, .confirmation .l-main-content .preview-list .preview-list_ex .number {
    margin-left: 5px;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.6rem;
  }
  .confirmation .l-main-content .preview-list .preview-list_ex .en {
    font-weight: 600;
    padding-left: 2px;
    font-size: 1.2rem;
  }
  .confirmation .l-main-content .delivery-option {
    padding-top: 20px;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item {
    display: table;
    padding: 10px 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-text,
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-img {
    display: table-cell;
    vertical-align: top;
    text-align: right;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl {
    font-size: 1.4rem;
    padding: 5px 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl + dl {
    border-top: 1px dotted #e7dcc4;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl:first-child {
    padding-top: 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl:last-child {
    padding-bottom: 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl dt {
    font-size: 1.2rem;
    font-weight: normal;
    color: #bca9a3;
    width: 120px;
    text-align: left;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl dd {
    font-size: 1.2rem;
    text-align: left;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item dl dd .supplement {
    color: #bca9a3;
    font-size: 1rem;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-img {
    width: 100px;
    padding-left: 10px;
    box-sizing: content-box;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item .delivery_option-img img {
    width: 90px;
    height: 65px;
    border: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item::after {
    display: block;
    content: "";
    clear: both;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item:last-child {
    padding-bottom: 0;
  }
  .confirmation .l-main-content .delivery-option .delivery_option-item + .delivery_option-item {
    border-top: 1px solid #e7dcc4;
  }
  .confirmation .l-main-content .bottom_cv {
    width: 100%;
    margin-top: 20px;
    border-top: 3px double #bca9a3;
    box-sizing: border-box;
    text-align: center;
    z-index: 100;
    padding: 20px 0 10px;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item {
    display: inline-block;
    vertical-align: top;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item.-cancel {
    width: 200px;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item.-cancel > a {
    display: inline-block;
    width: 100%;
    font-size: 1.4rem;
    color: inherit;
    background: #ffffff;
    border: 1px solid #bca9a3;
    border-radius: 6px;
    text-decoration: underline;
    line-height: 3.2;
    font-weight: 600;
    height: 45px;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item.-enter {
    width: 500px;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item.-enter > a {
    display: inline-block;
    width: 100%;
    font-size: 1.4rem;
    color: #ffffff;
    background: #ff3f51;
    border-radius: 6px;
    line-height: 3.25;
    text-decoration: none;
    font-weight: 600;
    height: 45px;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item > a {
    width: 100%;
  }
  .confirmation .l-main-content .bottom_cv .bottom_cv-item + .bottom_cv-item {
    margin-left: 10px;
  }
  .confirmation .l-main-content .supplement {
    font-size: 1.4rem;
    margin-top: 5px;
  }
  .confirmation em {
    font-style: normal;
  }
  .confirmation .l-main-content input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }
  .confirmation .l-main-content input[type="radio"] + label {
    padding: 0.5em;
    padding-left: 0;
  }
  .confirmation .l-main-content input[type="radio"]:checked + label {
    color: #ff3f51;
  }
  .confirmation .l-main-content input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    padding: 8px 8px 10px 8px;
    color: #ff3f51;
    background: url(/images/radio_img.svg) no-repeat 3px 3px/contain;
    background-size: 10px;
    vertical-align: middle;
    margin-right: 5px;
  }
  .confirmation .l-main-content input[type="radio"]:checked + label::before {
    content: "";
    background: url(/images/radio-on_img.svg) no-repeat 0 0/contain;
  }
  .confirmation .l-main-content input[type="text"] {
    border: 1px solid #bca9a3;
    font-size: 1.4rem;
    padding: 0.4em;
    border-radius: 3px;
  }
  .confirmation .l-main-content textarea {
    border: 1px solid #bca9a3;
    font-size: 1.4rem;
    padding: 0.4em;
    border-radius: 3px;
    background: #f7f2f0;
  }
  .confirmation .t-largest {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.7rem;
    padding-right: 5px;
  }
  .confirmation .t-larger {
    font-size: 120%;
  }
  .confirmation .t-strong {
    font-weight: bold;
  }
  .confirmation .c-red {
    color: #ff3f51;
  }
  .confirmation .w-full {
    width: 100%;
  }
  .confirmation .return {
    width: 100%;
  }

  .creditcard .l-main-content {
    font-size: 1.4rem;
  }
  .creditcard .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .creditcard .l-main-content .sp {
    display: none;
  }
  .creditcard .l-main-content h1 {
    text-align: left !important;
  }
  .creditcard .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .creditcard .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .creditcard .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .creditcard .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .creditcard .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .creditcard .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .creditcard .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .creditcard .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .creditcard .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .creditcard .l-main-content div.wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .creditcard .l-main-content div.wrap_usual:nth-of-type(5) {
    border-bottom: none;
  }
  .creditcard .l-main-content .wrap_usual02 {
    padding: 10px 0;
    border-bottom: #bca9a3 solid 1px;
  }
  .creditcard .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .creditcard .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .creditcard .l-main-content .kanji {
    padding-left: 1em;
  }
  .creditcard .l-main-content .w_30 {
    width: 200px;
  }
  .creditcard .l-main-content .w_70 {
    width: 480px;
  }
  .creditcard .l-main-content .radio .w_100 {
    width: 100px;
  }
  .creditcard .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .creditcard .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .creditcard .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .creditcard .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .creditcard .l-main-content .yubin input {
    width: 50%;
  }
  .creditcard .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .creditcard .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .creditcard .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .creditcard .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .creditcard .l-main-content .denwa input {
    width: 100px;
  }
  .creditcard .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .creditcard .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .creditcard .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .creditcard .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .creditcard .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .creditcard .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .creditcard .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .creditcard .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .creditcard .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .creditcard .l-main-content .kiyaku {
    border-bottom: none;
  }
  .creditcard .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .creditcard .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .creditcard .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .creditcard .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .creditcard .l-main-content .wrap_btn {
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .creditcard .l-main-content .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .creditcard .l-main-content .add_choice h2 {
    margin-bottom: 10px;
  }
  .creditcard .l-main-content .add_choice h2 + .w_100ex {
    border-top: #e1d8d5 solid 1px;
    padding-top: 10px;
  }
  .creditcard .l-main-content .add_choice .w_100ex {
    padding-top: 10px;
  }
  .creditcard .l-main-content .add_choice .w_100ex label {
    width: 200px;
  }
  .creditcard .l-main-content .noshi img {
    border: #e1d8d5 solid 1px;
  }
  .creditcard .l-main-content .noshi input {
    width: 100%;
  }
  .creditcard .l-main-content .order-list_address {
    border-bottom: #bca9a3 solid 1px;
    position: relative;
    padding: 15px 0;
    min-height: 90px;
  }
  .creditcard .l-main-content .order-list_address:first-child {
    padding-top: 0;
  }
  .creditcard .l-main-content .order-list_address:last-child {
    border-bottom: 0;
  }
  .creditcard .l-main-content .order-list_address dl {
    width: calc(100% - 40px);
    padding-right: 40px;
  }
  .creditcard .l-main-content .order-list_address dl dt {
    display: table-cell;
    font-size: 1.4rem;
    color: #bca9a3;
    line-height: 2;
    width: 140px;
  }
  .creditcard .l-main-content .order-list_address dl dd {
    display: table-cell;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
    margin-right: 10px;
  }
  .creditcard .l-main-content .order-list_address dl dd .price {
    font-weight: 600;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(1) {
    position: absolute;
    top: 0;
    right: 0;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(1) a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.6rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(2) {
    position: absolute;
    bottom: 15px;
    right: 0px;
  }
  .creditcard .l-main-content .order-list_address .order-list_edit li:nth-child(2) a {
    font-size: 1.4rem;
    padding-left: 1.8rem;
    background: url(/images/x-mark.svg) left center no-repeat;
    background-size: 12px 12px;
  }
  .creditcard .l-main-content .plus a::before {
    content: "+";
    padding-right: 10px;
    color: #fffd75;
  }
  .creditcard .l-main-content .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .creditcard .l-main-content .contents-img li {
    float: left;
    width: 6%;
    margin-right: 10px;
  }
  .creditcard .l-main-content .contents-img li:last-child {
    margin-right: 0px;
  }
  .creditcard .l-main-content .contents-img li img {
    width: 100%;
  }

  /*商品詳細*/
  /*商品詳細*/
  .detail .l-main-content .caution {
    margin: 10px 0 0;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .detail .l-main-content .main-title {
    border-bottom: #bca9a3 solid 1px;
    margin-bottom: 20px;
  }
  .detail .l-main-content .main-title .main_title-text {
    text-align: left;
    font-size: 2rem;
    line-height: 2.5;
  }
  .detail .l-main-content .purchase-box {
    width: 450px;
    float: right;
  }
  .detail .l-main-content .purchase-box .cart-box {
    background: #fff9d6;
    padding: 20px;
  }
  .detail .l-main-content .purchase-box .cart-box .price-box {
    color: #2c0b00;
    font-size: 1.4rem;
    text-align: right;
    width: 100%;
  }
  .detail .l-main-content .purchase-box .cart-box .price-box .price, .detail .l-main-content .purchase-box .cart-box .price-box .point {
    color: #ff3f51;
    font-size: 1.8rem;
    padding-right: 2px;
  }
  .detail .l-main-content .purchase-box .cart-box .price-box .point_2 {
    color: #ff3f51;
    font-weight: 600;
  }
  .detail .l-main-content .purchase-box .cart-box .price-box .en {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .detail .l-main-content .purchase-box .cart-box .price-box .tax {
    font-weight: 500;
    font-size: 1.4rem;
    color: #2c0b00;
  }
  .detail .l-main-content .purchase-box .cart-box .line-through {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .detail .l-main-content .purchase-box .cart-box .line-through .price, .detail .l-main-content .purchase-box .cart-box .line-through .line-through .en, .detail .l-main-content .purchase-box .cart-box .line-through .line-through.tax, .detail .l-main-content .purchase-box .cart-box .line-through .line-through, .detail .l-main-content .purchase-box .cart-box .line-through .point, .detail .l-main-content .purchase-box .cart-box .line-through .point_2 {
    color: #2c0b00;
    font-size: 1.4rem;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }
  .detail .l-main-content .purchase-box .cart-box .discount .tax {
    color: #ff3f51;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-decision {
    display: table;
    width: 100%;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-decision li {
    display: table-cell;
    vertical-align: bottom;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-decision li label {
    font-size: 1.4rem;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-decision li select {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    padding: 0 20px 0 40px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #ff3f51;
    background-color: #ffffff;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-decision .cart-btn, .detail .l-main-content .purchase-box .cart-box .cart-decision .reservation-btn {
    font-size: 1.8rem;
    padding: 10px 0 0 10px;
    width: 328px;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-decision .cart-btn a, .detail .l-main-content .purchase-box .cart-box .cart-decision .reservation-btn a {
    line-height: 1.6;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-decision .sold-out-btn {
    display: inline-block;
    font-size: 1.8rem;
    width: 328px;
    margin-left: 10px;
    margin-top: 12px;
    height: 45px;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-benefits {
    display: table;
    width: 100%;
    margin-top: 10px;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-benefits li {
    display: block;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-benefits li #orders-number {
    width: 100%;
    display: block;
    font-size: 1.4rem;
    padding: 0 18px 0 10px;
    height: 45px;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-benefits label {
    font-size: 1.2rem;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-benefits select {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    padding: 5px 20px 5px 10px;
    width: 100%;
    height: 45px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #ff3f51;
    background-color: #ffffff;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-benefits .cart-btn, .detail .l-main-content .purchase-box .cart-box .cart-benefits .reservation-btn, .detail .l-main-content .purchase-box .cart-box .cart-benefits .sold-out-btn {
    font-size: 1.8rem;
    margin-top: 10px;
    width: 100%;
  }
  .detail .l-main-content .purchase-box .cart-box .cart-benefits .cart-btn a, .detail .l-main-content .purchase-box .cart-box .cart-benefits .reservation-btn a, .detail .l-main-content .purchase-box .cart-box .cart-benefits .sold-out-btn a {
    padding: 10px;
  }
  .detail .l-main-content .cont-inner {
    margin-top: 20px;
  }
  .detail .l-main-content .product-detail {
    display: table;
  }
  .detail .l-main-content .product-detail dt {
    font-size: 1.2rem;
    display: table-cell;
    padding-right: 5px;
    line-height: 2;
  }
  .detail .l-main-content .product-detail dd {
    font-size: 1.4rem;
    display: table-cell;
  }
  .detail .l-main-content .product-detail dd span {
    font-weight: 600;
  }
  .detail .l-main-content .product-detail-box {
    margin-top: 20px;
    border-top: #bca9a3 solid 1px;
  }
  .detail .l-main-content .favorite-box .favorite-btn a {
    font-size: 1.8rem;
    width: 300px;
    height: 45px;
    margin: 20px auto 0;
    padding-top: 7px;
  }
  .detail .l-main-content .restock-notification-box {
    text-align: center;
  }
  .detail .l-main-content .restock-notification-box .restock-notification-btn a {
    font-size: 1.8rem;
    width: 300px;
    height: 45px;
    margin: 20px auto 0;
    padding-top: 7px;
  }
  .detail .l-main-content .restock-notification-box .restock-notification-registered-btn {
    display: inline-block;
    font-size: 1.8rem;
    width: 300px;
    height: 45px;
    margin: 20px auto 0;
    background: #d7d7d7;
    color: #ffffff;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .detail .l-main-content .h2_1 {
    margin-top: 30px;
  }
  .detail .l-main-content .product-description {
    font-size: 1.4rem;
  }
  .detail .l-main-content .product-description li {
    padding-top: 15px;
  }
  .detail .l-main-content .slide-box {
    width: 450px;
    float: left;
    background: #f7f2f0;
    margin-bottom: 20px;
    /*スライダー設定*/
  }
  .detail .l-main-content .slide-box .slide_selector {
    position: relative;
    height: auto;
    max-height: 450x;
    margin: 0 auto;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-slide {
    height: 450px;
    position: relative;
  }
  .detail .l-main-content .slide-box .slide_selector img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .detail .l-main-content .slide-box .slide_selector a {
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    text-decoration: none;
    color: #ffffff;
    background: #2c0b00;
    width: 24px;
    height: 24px;
    border-radius: 14px;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-prev {
    left: 5px;
    padding: 2px 2px 0 0;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-next {
    right: 5px;
    padding: 2px 0 0 2px;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    background-color: #d7d7d7;
    border-radius: 5px;
  }
  .detail .l-main-content .slide-box .slide_selector .slick-dots .slick-active button {
    background-color: #ff3f51;
  }
  .detail .l-main-content .sns-btn-box {
    width: 280px;
    padding: 30px 10px 0;
    margin: 0 auto;
    font-size: 0;
  }
  .detail .l-main-content .sns-btn-box li {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 5px;
  }

  .edit-address-list .l-main-content {
    font-size: 1.4rem;
  }
  .edit-address-list .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .edit-address-list .l-main-content .sp {
    display: none;
  }
  .edit-address-list .l-main-content h1 {
    text-align: left !important;
  }
  .edit-address-list .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .edit-address-list .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .edit-address-list .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .edit-address-list .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .edit-address-list .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .edit-address-list .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .edit-address-list .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .edit-address-list .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .edit-address-list .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .edit-address-list .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .edit-address-list .l-main-content .wrap_usual:nth-of-type(6) {
    border-bottom: none;
  }
  .edit-address-list .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .edit-address-list .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .edit-address-list .l-main-content .kanji {
    padding-left: 1em;
  }
  .edit-address-list .l-main-content .w_30 {
    width: 200px;
  }
  .edit-address-list .l-main-content .w_70 {
    width: 480px;
  }
  .edit-address-list .l-main-content .radio .w_100 {
    width: 100px;
  }
  .edit-address-list .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .edit-address-list .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .edit-address-list .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .edit-address-list .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .edit-address-list .l-main-content .yubin input {
    width: 50%;
  }
  .edit-address-list .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .edit-address-list .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .edit-address-list .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    flex-basis: 100%;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .edit-address-list .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .edit-address-list .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .edit-address-list .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .edit-address-list .l-main-content .denwa input {
    width: 100px;
  }
  .edit-address-list .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .edit-address-list .l-main-content .denwa span:first-child {
    padding: 0;
  }
  .edit-address-list .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .edit-address-list .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .edit-address-list .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .edit-address-list .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .edit-address-list .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .edit-address-list .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .edit-address-list .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .edit-address-list .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .edit-address-list .l-main-content .kiyaku {
    border-bottom: none;
  }
  .edit-address-list .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .edit-address-list .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .edit-address-list .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .edit-address-list .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .edit-address-list .l-main-content .wrap_btn {
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .edit-address-list .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .edit-address-list .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }

  /*商品一覧　リスト式*/
  .favorite-list .l-main-content .list-define .define-select {
    display: inline-block;
    vertical-align: middle;
  }
  .favorite-list .l-main-content .list-define .define-select label {
    font-size: 1.4rem;
    padding-right: 5px;
  }
  .favorite-list .l-main-content .list-define .define-select select {
    font-size: 1.4rem;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-weight: 600;
    padding-right: 30px;
    margin-right: 20px;
  }
  .favorite-list .l-main-content .list-define .define-select .list-number {
    padding: 0 !important;
  }
  .favorite-list .l-main-content .delete {
    text-align: right;
    padding: 10px 0 15px;
  }
  .favorite-list .l-main-content .delete a {
    font-size: 1.4rem;
    padding-left: 1.8rem;
    background: url(/images/x-mark.svg) left center no-repeat;
    background-size: 12px 12px;
  }
  .favorite-list .l-main-content .list-box {
    border-top: #bca9a3 solid 1px;
    padding: 15px;
    position: relative;
  }
  .favorite-list .l-main-content .list-box .image {
    float: left;
    margin-right: 20px;
    background: #f7f2f0;
    width: 170px;
    height: 170px;
    position: relative;
  }
  .favorite-list .l-main-content .list-box .image img {
    border: #bca9a3 solid 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .favorite-list .l-main-content .list-box .list-details-box {
    margin-top: 10px;
  }
  .favorite-list .l-main-content .list-box .list-details {
    width: 428px;
    float: left;
  }
  .favorite-list .l-main-content .list-box .list-details .title {
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .favorite-list .l-main-content .list-box .list-details .details-tb {
    font-size: 1.2rem;
    padding: 0 15px 0 0;
    margin-bottom: -4px;
    display: inline-block;
  }
  .favorite-list .l-main-content .list-box .list-details .details-tb dt {
    display: table-cell;
    font-weight: 500;
    color: #9c8b8b;
    text-align: left;
  }
  .favorite-list .l-main-content .list-box .list-details .details-tb dd {
    display: table-cell;
    padding-left: 5px;
  }
  .favorite-list .l-main-content .list-box .list-details .price-box {
    margin-top: 10px;
  }
  .favorite-list .l-main-content .list-box .list-details .discount {
    margin-top: 5px;
  }
  .favorite-list .l-main-content .list-box .category {
    color: #bca9a3;
    font-weight: 600;
    border: none;
    margin-top: 4px;
  }
  .favorite-list .l-main-content .list-box .category li {
    display: inline-block;
    border: #bca9a3 1px solid;
    padding: 0 2px;
    line-height: 1.4;
    margin: 2px 0 2px;
  }
  .favorite-list .l-main-content .list-box .author-box {
    display: inline-block;
    margin-right: 5px;
  }
  .favorite-list .l-main-content .list-box .author {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .favorite-list .l-main-content .list-box .author-box {
    display: inline-block;
    margin-right: 5px;
  }
  .favorite-list .l-main-content .list-box .author-box dt {
    display: inline;
    font-weight: 500;
  }
  .favorite-list .l-main-content .list-box .author-box dd {
    display: inline;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .favorite-list .l-main-content .list-box .btn-box {
    float: right;
    width: 290px;
    margin: 35px 0 0 20px;
  }
  .favorite-list .l-main-content .list-box .btn-box .favorite-btn a {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .favorite-list .l-main-content .list-box .btn-box .cart-btn a, .favorite-list .l-main-content .list-box .btn-box .sold-out-btn, .favorite-list .l-main-content .list-box .btn-box .reservation-btn a, .favorite-list .l-main-content .list-box .btn-box .benefits-btn a {
    font-size: 1.8rem;
    line-height: 1.7;
    margin-top: 5px;
    display: block;
  }
  .favorite-list .l-main-content .list-box .btn-box .reservation-btn a {
    height: 45px;
  }
  .favorite-list .l-main-content .list-box .btn-box .delete-btn {
    text-align: center;
    margin-top: 15px;
  }
  .favorite-list .l-main-content .list-box .btn-box .delete-btn a {
    font-size: 1.4rem;
    padding-left: 1.8rem;
    background: url(/images/x-mark.svg) left center no-repeat;
    background-size: 12px 12px;
  }
  .favorite-list .l-main-content .list-box .btn-box .benefits-btn a {
    text-decoration: none;
    background: #ffebed;
    border: #ff3f51 solid 1px;
    color: #ff3f51;
    height: 45px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .favorite-list .l-main-content .list-box .btn-box .benefits-btn a span {
    padding-right: 5px;
  }
  .favorite-list .l-main-content .list-box .btn-box .benefits-btn a span::before {
    color: #ff3f51;
  }
  .favorite-list .l-main-content .list-box .btn-box .select-benefit-box select {
    font-weight: 600;
    height: 45px;
    padding: 7px 20px 7px 7px;
    font-size: 1.4rem;
    margin-bottom: 5px;
    width: 100%;
  }
  .favorite-list .l-main-content .list-box .btn-box .caution {
    margin-bottom: 10px;
  }
  .favorite-list .l-main-content .m-pagination {
    border-top: #bca9a3 solid 1px;
    padding: 10px;
  }
  .favorite-list .l-main-content .detail-serch {
    border-top: #bca9a3 solid 1px;
    font-weight: 600;
    padding: 15px 0 0;
  }
  .favorite-list .l-main-content .detail-serch .form-box {
    width: 50%;
    display: table-cell;
    padding: 0 24px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl {
    display: table;
    font-size: 1.4rem;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dt {
    display: table-cell;
    width: 94px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd {
    display: table-cell;
    width: 300px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd select {
    width: 100%;
    color: #ff3f51;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd input[type="search"] {
    width: 100%;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd .rerlease-month_title {
    padding: 0 10px 0 20px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl dd:not(.check-btn) {
    padding: 0 2px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn {
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn label {
    display: table-cell;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    height: 30px;
    padding: 1px 10px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn label:first-child {
    width: 52%;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl .check-btn label:nth-child(n+2) {
    width: 70px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl:first-child {
    margin-top: 15px;
  }
  .favorite-list .l-main-content .detail-serch .serch-dl:nth-child(n+2) {
    margin-top: 10px;
  }
  .favorite-list .l-main-content .detail-serch #release-year {
    width: 25%;
  }
  .favorite-list .l-main-content .detail-serch #release-month {
    width: 20%;
  }
  .favorite-list .l-main-content .detail-serch .serch-btn {
    position: relative;
    width: 250px;
    font-size: 1.6rem;
    background: #291a21;
    text-align: center;
    border-radius: 4px;
    margin: 20px auto 0;
    padding-left: 9px;
    color: #ffffff;
  }
  .favorite-list .l-main-content .detail-serch .serch-btn .icon-search {
    font-size: 1.4rem;
    color: #fffd75;
    position: absolute;
    top: 15px;
    left: 100px;
  }
  .favorite-list .l-main-content .detail-serch .serch-btn input[type="submit"] {
    width: 250px;
    height: 45px;
  }
  .favorite-list .l-main-content .other-serch {
    margin-top: 15px;
    padding: 0 24px;
  }
  .favorite-list .l-main-content .other-serch dt {
    font-size: 1.4rem;
    font-weight: 500;
    border-bottom: #bca9a3 solid 1px;
  }
  .favorite-list .l-main-content .other-serch dd {
    font-size: 1.4rem;
    padding: 10px 24px 0;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .favorite-list .l-main-content .other-serch dd label {
    display: table-cell;
    vertical-align: top;
  }
  .favorite-list .l-main-content .other-serch dd label select, .favorite-list .l-main-content .other-serch dd label input[type="search"] {
    width: 100%;
  }
  .favorite-list .l-main-content .other-serch dd label:first-child {
    width: 25%;
    color: #ff3f51;
  }
  .favorite-list .l-main-content .other-serch dd label:last-child {
    width: 15%;
    color: #ff3f51;
  }
  .favorite-list .l-main-content .other-serch dd:last-child {
    padding-bottom: 10px;
    border-bottom: #bca9a3 solid 1px;
  }

  .inquire-creditcard .l-main-content {
    font-size: 1.4rem;
  }
  .inquire-creditcard .l-main-content .wrap_usual02 {
    border-bottom: #bca9a3 solid 1px;
    padding-bottom: 10px;
  }
  .inquire-creditcard .l-main-content .cart-btn {
    width: 500px;
    margin: 20px auto;
  }
  .inquire-creditcard .l-main-content .cart-btn a {
    line-height: 2.2;
  }
  .inquire-creditcard .l-main-content .order-list_address {
    border-bottom: #bca9a3 solid 1px;
    position: relative;
    padding: 15px 0;
    min-height: 100px;
  }
  .inquire-creditcard .l-main-content .order-list_address:first-child {
    padding-top: 10px;
  }
  .inquire-creditcard .l-main-content .order-list_address:last-child {
    border-bottom: 0;
  }
  .inquire-creditcard .l-main-content .order-list_address dl {
    width: calc(100% - 40px);
    padding-right: 40px;
  }
  .inquire-creditcard .l-main-content .order-list_address dl dt {
    display: table-cell;
    font-size: 1.4rem;
    color: #bca9a3;
    line-height: 2;
    width: 140px;
  }
  .inquire-creditcard .l-main-content .order-list_address dl dd {
    display: table-cell;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
    margin-right: 10px;
  }
  .inquire-creditcard .l-main-content .order-list_address dl dd .price {
    font-weight: 600;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit {
    position: absolute;
    top: 0;
    right: 0;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit li {
    margin-top: 10px;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit .change a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.6rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
  }
  .inquire-creditcard .l-main-content .order-list_address .order-list_edit .delete a {
    font-size: 1.4rem;
    padding-left: 2rem;
    background: url(/images/x-mark.svg) 0 center no-repeat;
    background-size: 12px 12px;
  }
  .inquire-creditcard .l-main-content .plus a::before {
    content: "+";
    padding-right: 10px;
    color: #fffd75;
  }

  /*商品一覧　リスト式*/
  .list {
    /*商品一覧　サムネイル式*/
    /*エラーページ*/
  }
  .list .l-main-content .list-define {
    display: table;
  }
  .list .l-main-content .list-define .define-select {
    display: table-cell;
  }
  .list .l-main-content .list-define .define-select label {
    font-size: 1.4rem;
    padding-right: 5px;
  }
  .list .l-main-content .list-define .define-select select {
    font-size: 1.4rem;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-weight: 600;
    padding-right: 30px;
    margin-right: 20px;
  }
  .list .l-main-content .list-define .define-select:nth-child(-n+2) select {
    color: #ff3f51;
  }
  .list .l-main-content .list-number:last-child a {
    display: block;
    width: 150px;
    background: #f7f2f0;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 30px;
    padding: 3px 0 3px 15px;
    background-image: url(/images/more-under-arrow_icon.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 9px 6px;
  }
  .list .l-main-content .list-box {
    border-top: #bca9a3 solid 1px;
    padding: 15px;
    position: relative;
  }
  .list .l-main-content .list-box .image {
    float: left;
    margin-right: 20px;
    background: #f7f2f0;
    width: 170px;
    height: 170px;
    position: relative;
  }
  .list .l-main-content .list-box .image img {
    border: #bca9a3 solid 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .list .l-main-content .list-box .list-details-box {
    margin-top: 10px;
  }
  .list .l-main-content .list-box .list-details {
    width: 428px;
    float: left;
  }
  .list .l-main-content .list-box .list-details .title {
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .list .l-main-content .list-box .list-details .details-tb {
    font-size: 1.2rem;
    padding: 0 15px 0 0;
    margin-bottom: -4px;
    display: inline-block;
  }
  .list .l-main-content .list-box .list-details .details-tb dt {
    display: table-cell;
    font-weight: 500;
    color: #9c8b8b;
    text-align: left;
  }
  .list .l-main-content .list-box .list-details .details-tb dd {
    display: table-cell;
    padding-left: 5px;
  }
  .list .l-main-content .list-box .list-details .price-box {
    margin-top: 10px;
  }
  .list .l-main-content .list-box .list-details .discount {
    margin-top: 5px;
  }
  .list .l-main-content .list-box .category {
    color: #bca9a3;
    font-weight: 600;
    border: none;
    margin-top: 4px;
  }
  .list .l-main-content .list-box .category li {
    display: inline-block;
    border: #bca9a3 1px solid;
    padding: 0 2px;
    line-height: 1.4;
    margin: 2px 0 2px;
  }
  .list .l-main-content .list-box .author-box {
    display: inline-block;
    margin-right: 5px;
  }
  .list .l-main-content .list-box .author-box dt {
    display: inline;
    font-weight: 500;
  }
  .list .l-main-content .list-box .author-box dd {
    display: inline;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .list .l-main-content .list-box .btn-box {
    float: right;
    width: 290px;
    margin: 35px 0 0 20px;
  }
  .list .l-main-content .list-box .btn-box .favorite-btn a {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .list .l-main-content .list-box .btn-box .cart-btn a, .list .l-main-content .list-box .btn-box .sold-out-btn, .list .l-main-content .list-box .btn-box .reservation-btn a, .list .l-main-content .list-box .btn-box .benefits-btn a {
    font-size: 1.8rem;
    line-height: 1.7;
    margin-top: 5px;
  }
  .list .l-main-content .list-box .btn-box .reservation-btn a, .list .l-main-content .list-box .btn-box .benefits-btn a {
    display: block;
    height: 45px;
  }
  .list .l-main-content .list-box .btn-box .benefits-btn a {
    text-decoration: none;
    background: #ffebed;
    border: #ff3f51 solid 1px;
    color: #ff3f51;
    height: 45px;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
  }
  .list .l-main-content .list-box .btn-box .benefits-btn a span {
    padding-right: 5px;
  }
  .list .l-main-content .list-box .btn-box .select-benefit-box select {
    font-weight: 600;
    height: 45px;
    padding: 7px 20px 7px 7px;
    font-size: 1.4rem;
    margin-bottom: 5px;
    width: 100%;
    color: #ff3f51;
    background-color: #ffffff;
  }
  .list .l-main-content .list-box .btn-box .caution {
    margin-bottom: 10px;
  }
  .list .l-main-content .m-pagination {
    border-top: #bca9a3 solid 1px;
    padding: 10px 10px 0;
  }
  .list .l-main-content .detail-serch {
    border-top: #bca9a3 solid 1px;
    font-weight: 600;
    padding: 15px 0 0;
    font-size: 0;
    margin-top: 10px;
  }
  .list .l-main-content .detail-serch .form-box {
    width: 50%;
    display: inline-block;
    padding: 0 24px;
    vertical-align: top;
  }
  .list .l-main-content .detail-serch .serch-dl {
    display: table;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .list .l-main-content .detail-serch .serch-dl dt {
    display: table-cell;
    width: 94px;
  }
  .list .l-main-content .detail-serch .serch-dl dd {
    display: table-cell;
    width: 300px;
  }
  .list .l-main-content .detail-serch .serch-dl dd select {
    width: 100%;
    color: #ff3f51;
  }
  .list .l-main-content .detail-serch .serch-dl dd input[type="search"] {
    width: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl dd .rerlease-month_title {
    padding: 0 10px 0 20px;
  }
  .list .l-main-content .detail-serch .serch-dl dd:not(.check-btn) {
    padding: 0 2px;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn {
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label {
    position: relative;
    display: table-cell;
    border: solid 1px #bca9a3;
    background: #f7f2f0;
    border-radius: 4px;
    height: 30px;
    padding: 2px 10px 1px 25px;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label:first-child {
    width: 52%;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label:nth-child(n+2) {
    width: 70px;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label .radio-part::before {
    position: absolute;
    content: '';
    top: 50%;
    left: -25px;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -21px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl .check-btn label input[type="radio"]:checked + .radio-part::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -21px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .list .l-main-content .detail-serch .serch-dl:last-child label:first-child select {
    width: 25%;
  }
  .list .l-main-content .detail-serch .serch-dl:last-child label:last-child select {
    width: 20%;
  }
  .list .l-main-content .detail-serch .serch-btn a {
    display: block;
    height: 45px;
    width: 250px;
    font-size: 1.6rem;
    background: #291a21;
    text-align: center;
    border-radius: 4px;
    margin: 20px auto 0;
    padding: 12px 0 0 0;
    color: #ffffff;
    text-decoration: none;
  }
  .list .l-main-content .detail-serch .serch-btn a .icon-search {
    color: #fffd75;
    padding-right: 5px;
  }
  .list .l-main-content .other-serch {
    margin-top: 15px;
    padding: 0 24px;
  }
  .list .l-main-content .other-serch dt {
    font-size: 1.4rem;
    font-weight: 500;
    border-bottom: #bca9a3 solid 1px;
  }
  .list .l-main-content .other-serch dd {
    font-size: 1.4rem;
    padding: 10px 24px 0;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 2px 0;
  }
  .list .l-main-content .other-serch dd label {
    display: table-cell;
    vertical-align: top;
  }
  .list .l-main-content .other-serch dd label select, .list .l-main-content .other-serch dd label input[type="search"] {
    width: 100%;
  }
  .list .l-main-content .other-serch dd label:first-child {
    width: 25%;
    color: #ff3f51;
  }
  .list .l-main-content .other-serch dd label:last-child {
    width: 15%;
    color: #ff3f51;
  }
  .list .l-main-content .other-serch dd:last-child {
    padding-bottom: 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .list .thumbnail {
    padding: 10px 12px 0;
    font-size: 0;
    border-top: #bca9a3 solid 1px;
  }
  .list .thumbnail .list-box {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    border: none;
    width: 25%;
    margin: 0 auto;
    padding: 0 12px 40px;
  }
  .list .thumbnail .list-box .image {
    width: 100%;
    /*width: 224px;
    height: 203px;*/
    position: relative;
  }
  .list .thumbnail .list-box .image img {
    border: #bca9a3 solid 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .list .thumbnail .list-box .list-details {
    width: 100%;
    float: right;
    padding-left: 0px;
  }
  .list .thumbnail .list-box .list-details .title {
    padding-top: 5px;
    font-size: 1.6rem;
  }
  .list .thumbnail .list-box .list-details .benefits {
    padding-top: 5px;
    font-size: 1.4rem;
    margin: 0;
  }
  .list .thumbnail .list-box .list-details .price-box {
    margin-top: 0;
  }
  .list .thumbnail .list-box .list-details .out-of-stock {
    color: #ff3f51;
    background: #ffebed;
    padding: 2px;
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 10px;
  }
  .list .wrapper {
    padding: 10px 0 60px;
  }
  .list .wrapper .note {
    font-size: 1.4rem;
  }

  .login .l-main-content {
    font-size: 1.4rem;
  }
  .login .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .login .l-main-content .sp {
    display: none;
  }
  .login .l-main-content h1 {
    text-align: left !important;
  }
  .login .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .login .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .login .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .login .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .login .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .login .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .login .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .login .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .login .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .login .l-main-content .wrap {
    padding: 10px 0;
  }
  .login .l-main-content .wrap_usual {
    padding: 10px 0;
  }
  .login .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 100%;
    height: 30px;
    border-radius: 3px;
    background-color: #fff;
  }
  .login .l-main-content .mailad .lorem {
    width: 100%;
  }
  .login .l-main-content .w_30 {
    width: 140px;
  }
  .login .l-main-content .w_70 {
    width: 400px;
    width: 360px\9;
    /* IE10以下 */
  }
  .login .l-main-content .wrap_btn {
    margin-top: 20px;
  }
  .login .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .login .l-main-content .login_yellow {
    margin: 0 auto;
    padding: 15px 20px 10px;
    background: #fff9d6;
    width: 540px;
  }
  .login .l-main-content .icon_q {
    background-color: #291a21;
    border-radius: 100%;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    margin-right: 5px;
  }
  .login .l-main-content .border_bottom {
    padding: 10px 10px 20px;
    border-bottom: #bca9a3 solid 1px;
  }
  .login .l-main-content .mt70 {
    margin-top: 20px;
  }
  .login .l-main-content .btn_red {
    margin: 0;
  }
  .login .l-main-content .btn_red .btn_01 {
    margin: 0 auto;
  }
  .login .l-main-content .btn_red .btn_01 a {
    background-color: #ff3f51;
  }

  /* Scss Document */
  /* mypage_pc */
  .mypage .l-main-content {
    /* ================== 共通要素の追加 ================== */
    /* ================== ヘルパークラス ================== */
  }
  .mypage .l-main-content a {
    text-decoration-color: #2c0b00;
  }
  .mypage .l-main-content .l-main-content .main-title {
    padding: 1.5em 0 1.4em 0;
    border-bottom: 1px solid #bca9a3;
    margin-bottom: 0;
  }
  .mypage .l-main-content .l-main-content .container {
    padding: 25px 10px 0;
    padding-top: 20px;
  }
  .mypage .l-main-content .btn_area {
    background: #f7f2f0;
    padding: 10px 20px;
    font-size: 14px;
  }
  .mypage .l-main-content .mypoint {
    margin: 0;
    height: 100%;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint-detail {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint_detail-column {
    display: table-cell;
    font-weight: bold;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint_detail-column:first-child {
    font-size: 20px;
    color: #2c0b00;
  }
  .mypage .l-main-content .mypoint .mypoint-title .mypoint_detail-column:last-child {
    text-align: right;
    color: #ff3f51;
  }
  .mypage .l-main-content .mypoint .mypoint-detail {
    padding: 0.1rem 0;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-column:first-child {
    color: #bca9a3;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-available {
    font-weight: bold;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-available .mypoint_detail-column:first-child {
    color: #2c0b00;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-available .mypoint_detail-column:last-child span {
    font-size: 16px;
  }
  .mypage .l-main-content .mypoint .mypoint_detail-breakdown .mypoint_detail-column:first-child {
    color: #2c0b00;
    width: 30%;
  }
  .mypage .l-main-content .user {
    margin: 0;
    height: 100%;
  }
  .mypage .l-main-content .user .user-inner {
    display: table;
    table-layout: fixed;
    padding-bottom: 10px;
    width: 100%;
  }
  .mypage .l-main-content .user .user-display {
    display: table-cell;
    width: 33.3%;
    min-width: 130px;
    text-align: center;
    padding-right: 10px;
    vertical-align: top;
  }
  .mypage .l-main-content .user .user-face {
    display: inline-block;
    margin-top: 10px;
  }
  .mypage .l-main-content .user .user-rank {
    display: inline-block;
    margin-top: 5px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 2em;
    padding: 0.1em 0.6em 0.05em;
  }
  .mypage .l-main-content .user .user-rank.-premium {
    background: #bc9200;
  }
  .mypage .l-main-content .user .iser-info {
    display: table-cell;
    width: 66.6%;
    vertical-align: top;
  }
  .mypage .l-main-content .user .user-name {
    font-size: 14px;
    border-bottom: 1px dotted #bca9a3;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .mypage .l-main-content .user .user-detail {
    padding: 0.1rem 0;
  }
  .mypage .l-main-content .user .user_detail-column:first-child {
    color: #bca9a3;
    width: 7.5em;
  }
  .mypage .l-main-content .user .user_detail-column:last-child {
    text-align: left;
  }
  .mypage .l-main-content .link_list {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
  }
  .mypage .l-main-content .link_list .link_list-item {
    text-align: center;
    width: calc(964px / 6);
    font-size: 14px;
    padding: 0;
    font-weight: bold;
  }
  .mypage .l-main-content .link_list .link_list-item + .link_list-item {
    border-left: 1px solid #bca9a3;
  }
  .mypage .l-main-content .link_list .link_list-item > a {
    display: block;
    padding: 10px 5px;
  }
  .mypage .l-main-content .link_list .link_list-item [class^="icon-"] {
    text-decoration: none;
    font-size: 30px;
    display: inline-block;
    width: 100%;
  }
  .mypage .l-main-content .l-box.-pc-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    margin-left: -10px;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% + 20px);
  }
  .mypage .l-main-content .l-box.-pc-horizontal > * {
    flex: 1;
    padding: 10px;
  }
  .mypage .l-main-content .l-difine_list {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.2em 0;
    flex-wrap: wrap;
  }
  .mypage .l-main-content .l-difine_list > dd {
    flex-grow: 2;
    text-align: right;
  }
  .mypage .l-main-content .l-difine_list.-border > dl + dt {
    border-top: 1px solid #e7dcc4;
  }
  .mypage .l-main-content .m-card {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .mypage .l-main-content .m-card .card-header {
    padding: 10px 20px;
    background: #ffebed;
  }
  .mypage .l-main-content .m-card .card-body {
    padding: 10px 20px;
  }
  .mypage .l-main-content .m-card .card-footer {
    padding: 10px 20px;
    border-top: 1px dotted #bca9a3;
    text-align: right;
  }
  .mypage .l-main-content .m-card .card-link {
    top: 0.3em;
    right: 0;
    width: 9.85%;
    padding-left: 10px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 5px;
    font-weight: 600;
    font-size: 14px;
  }
  .mypage .l-main-content .btn {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #bca9a3;
    border-radius: 6px;
    line-height: 1;
    text-align: center;
    padding: 0.8em 0.5em 0.8em;
    text-decoration: none;
    letter-spacing: 0.06rem;
  }
  .mypage .l-main-content .btn + .btn {
    margin-top: 10px;
  }
  .mypage .l-main-content .btn.-normal {
    color: #2c0b00;
    background: #ffffff;
    border: 1px solid #bca9a3;
  }
  .mypage .l-main-content .btn.-accent {
    color: #ffffff;
    background: #ff3f51;
  }
  .mypage .l-main-content .btn.-function {
    background: #f2e9e6;
    border: 1px solid #bca9a3;
  }
  .mypage .l-main-content .btn.-underline {
    text-decoration: underline;
  }
  .mypage .l-main-content .btn.-larger {
    font-size: 2rem;
    font-weight: 600;
  }
  .mypage .l-main-content .btn [class^="icon-"] {
    position: relative;
    top: 0;
    display: inline-block;
    transform: scale(1.3);
    padding-right: 0.4em;
    vertical-align: baseline;
  }
  .mypage .l-main-content .t-largest {
    font-size: 180%;
  }
  .mypage .l-main-content .t-larger {
    font-size: 2rem;
  }
  .mypage .l-main-content .t-strong {
    font-weight: bold;
  }
  .mypage .l-main-content .c-red {
    color: #ff3f51;
  }
  .mypage .l-main-content .w-full {
    width: 100%;
  }
  .mypage .l-main-content .icon-point:before {
    font-size: 3.0rem;
    vertical-align: bottom;
    padding-right: 3px;
  }
  .mypage .l-main-content .price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }
  .mypage .l-main-content .f18 {
    font-size: 1.8rem;
  }
  .mypage .l-main-content .f24 {
    font-size: 2.4rem;
  }

  .membership_change .l-main-content {
    font-size: 1.4rem;
  }
  .membership_change .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .membership_change .l-main-content .sp {
    display: none;
  }
  .membership_change .l-main-content h1 {
    text-align: left !important;
  }
  .membership_change .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .membership_change .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .membership_change .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .membership_change .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .membership_change .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .membership_change .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .membership_change .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .membership_change .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .membership_change .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .membership_change .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .membership_change .l-main-content .wrap_usual:nth-last-of-type(1) {
    border-bottom: none;
  }
  .membership_change .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #f7f2f0;
  }
  .membership_change .l-main-content select {
    height: 35px;
    background-color: #f7f2f0;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .membership_change .l-main-content .kanji {
    padding-left: 1em;
  }
  .membership_change .l-main-content .w_30 {
    width: 200px;
  }
  .membership_change .l-main-content .w_70 {
    width: 480px;
  }
  .membership_change .l-main-content .radio .w_100 {
    width: 100px;
  }
  .membership_change .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #f7f2f0;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .membership_change .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .membership_change .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .membership_change .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership_change .l-main-content .yubin input {
    width: 50%;
  }
  .membership_change .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .membership_change .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .membership_change .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    flex-basis: 100%;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .membership_change .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .membership_change .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .membership_change .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .membership_change .l-main-content .denwa input {
    width: 100px;
  }
  .membership_change .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .membership_change .l-main-content .denwa span:first-child {
    padding: 0;
  }
  .membership_change .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .membership_change .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .membership_change .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .membership_change .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .membership_change .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .membership_change .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .membership_change .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #f7f2f0;
    padding-left: 10px;
  }
  .membership_change .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership_change .l-main-content .kiyaku {
    border-bottom: none;
  }
  .membership_change .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .membership_change .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .membership_change .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .membership_change .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .membership_change .l-main-content .wrap_btn {
    margin-top: 10px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .membership_change .l-main-content .mailmagazin_btn {
    border-top: none;
  }
  .membership_change .l-main-content .wrap_btn ul {
    display: table;
    width: 54%;
    margin: 0 auto;
    padding: 20px;
  }
  .membership_change .l-main-content .wrap_btn ul li {
    display: table-cell;
    vertical-align: top;
  }
  .membership_change .l-main-content .wrap_btn ul li a {
    height: 45px;
    padding: 10px;
    line-height: 1.8;
  }
  .membership_change .l-main-content .wrap_btn ul .favorite-btn {
    width: 35%;
  }
  .membership_change .l-main-content .wrap_btn ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }
  .membership_change .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }

  .membership .l-main-content {
    font-size: 1.4rem;
  }
  .membership .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .membership .l-main-content .sp {
    display: none;
  }
  .membership .l-main-content h1 {
    text-align: left !important;
  }
  .membership .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .membership .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .membership .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .membership .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .membership .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .membership .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .membership .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .membership .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .membership .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .membership .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .membership .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .membership .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .membership .l-main-content .kanji {
    padding-left: 1em;
  }
  .membership .l-main-content .w_30 {
    width: 200px;
  }
  .membership .l-main-content .w_70 {
    width: 480px;
  }
  .membership .l-main-content .radio .w_100 {
    width: 100px;
  }
  .membership .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .membership .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .membership .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .membership .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership .l-main-content .yubin input {
    width: 35%;
  }
  .membership .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .membership .l-main-content .yubin .flex {
    flex-wrap: wrap;
  }
  .membership .l-main-content .yubin .errormessage {
    color: #ff3f51;
    font-size: 1.4rem;
    font-weight: 600;
    flex-basis: 100%;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-order: -1;
    order: -1;
  }
  .membership .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .membership .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .membership .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .membership .l-main-content .denwa input {
    width: 100px;
  }
  .membership .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .membership .l-main-content .denwa span:first-child {
    padding: 0;
  }
  .membership .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .membership .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .membership .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .membership .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .membership .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .membership .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .membership .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .membership .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .membership .l-main-content .kiyaku {
    border-bottom: none;
  }
  .membership .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .membership .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .membership .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .membership .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .membership .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .membership .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .membership .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }

  .order-history-detail .display_none {
    display: none;
  }
  .order-history-detail .l-main-content .order-list-box {
    margin: 20px 0 0;
    width: 100%;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box {
    margin: 5px 0 15px;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box dl dt {
    display: table-cell;
    font-size: 1.4rem;
    color: #bca9a3;
    line-height: 2;
    width: 140px;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box dl dd {
    display: table-cell;
    font-size: 1.4rem;
    line-height: 2;
    margin-right: 10px;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box dl dd .emphasis {
    color: #ff3f51;
    font-weight: 600;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box dl dd .en {
    font-weight: 500;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box dl dd .price {
    font-weight: 600;
  }
  .order-history-detail .l-main-content .order-list-box .order-information-box dl dd .furigana {
    font-size: 1.2rem;
  }
  .order-history-detail .l-main-content .order-information {
    border-bottom: #bca9a3 solid 1px;
  }
  .order-history-detail .l-main-content .order-contents {
    margin-top: 20px;
  }
  .order-history-detail .l-main-content .order-contents .h2_1 {
    margin-bottom: 10px;
  }
  .order-history-detail .l-main-content .order-contents .order-step-btn {
    margin-bottom: 25px;
  }
  .order-history-detail .l-main-content .order-contents .order-step-btn a {
    display: block;
    background: #f7f2f0;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    height: 35px;
    width: 498px;
    margin: 0 auto;
    padding: 5px;
    line-height: 1.8;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .order-history-detail .l-main-content .order-content-detail {
    padding: 10px 0;
    border-top: #e7dcc4 solid 1px;
    display: table;
    width: 100%;
  }
  .order-history-detail .l-main-content .order-content-detail .image {
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
    background: #f7f2f0;
    margin-right: 15px;
  }
  .order-history-detail .l-main-content .order-content-detail .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner {
    width: calc(964px - 95px);
    float: right;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .benefits {
    font-size: 1rem;
    color: #ff3f51;
    padding: 0;
    font-weight: bold;
    margin: 0;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .benefits dt {
    font-size: 1rem;
    line-height: 1;
    padding: 0.1em 0.3em;
    margin-right: 2px;
    width: 28px;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .benefits-box {
    width: 65%;
    float: left;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .benefits-box .title {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .benefits-box .application {
    font-size: 1.2rem;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .price-box {
    width: 35%;
    float: right;
    padding-top: 5px;
    text-align: right;
    font-size: 1.2rem;
    color: #2c0b00;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .price-box .price {
    font-size: 1.6rem;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .price-box .tax {
    font-size: 1.2rem;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .price-box .quantity {
    color: #2c0b00;
    display: inline-block;
  }
  .order-history-detail .l-main-content .order-content-detail .order-detail-inner .price-box .number {
    color: #2c0b00;
    font-weight: 600;
    padding-left: 5px;
    display: inline-block;
    font-size: 120%;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn {
    background: #f7f2f0;
    border-top: #bca9a3 double 3px;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn p a {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 5px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn p a.is-open::before {
    content: "+";
    padding-right: 10px;
  }
  .order-history-detail .l-main-content .total_box .total_detail_btn p a::before {
    content: "ー";
    padding-right: 10px;
    color: #bca9a3;
    font-size: 1.6rem;
    height: calc(100% - 16px);
    width: 50px;
  }
  .order-history-detail .l-main-content .total_box .total_detail {
    padding: 0 10px;
    border-bottom: none;
    background: #fff9d6;
  }
  .order-history-detail .l-main-content .total_box .total_detail.is-close {
    display: none;
  }
  .order-history-detail .l-main-content .total_box .total_detail .cost-detail {
    border-top: #e7dcc4 solid 1px;
    padding-top: 7px;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl {
    display: table;
    width: 100%;
    padding: 5px 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dt {
    font-size: 1.4rem;
    display: table-cell;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd {
    text-align: right;
    display: table-cell;
    font-size: 1.2rem;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd .price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 1.7rem;
    padding-right: 5px;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd .point {
    font-size: 1.4rem;
    padding-right: 5px;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl dd .tax {
    font-size: 1rem;
  }
  .order-history-detail .l-main-content .total_box .total_detail dl:first-child {
    margin: 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .usage-points {
    margin: 0;
    padding: 5px 0 0 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .shipping-cost {
    border: none !important;
    margin: 0;
    padding: 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total-point {
    border-top: #e7dcc4 solid 1px;
    padding: 7px 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total, .order-history-detail .l-main-content .total_box .total_detail .total-point {
    margin-top: 0;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total dd, .order-history-detail .l-main-content .total_box .total_detail .total-point dd {
    color: #ff3f51;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total dd .price, .order-history-detail .l-main-content .total_box .total_detail .total-point dd .price {
    font-weight: 600;
  }
  .order-history-detail .l-main-content .total_box .total_detail .total {
    border-top: #bca9a3 solid 1px;
    margin-top: 5px;
  }
  .order-history-detail .l-main-content .option {
    margin-top: 10px;
    padding: 10px 0 0;
  }
  .order-history-detail .l-main-content .option .option-box {
    border-bottom: #e7dcc4 solid 1px;
    padding-bottom: 6px;
  }
  .order-history-detail .l-main-content .option .option-box .option-detail {
    width: calc(100% - 100px);
    float: left;
  }
  .order-history-detail .l-main-content .option .option-box .option-detail dl:nth-child(2) {
    border-top: #bca9a3 dotted 1px;
  }
  .order-history-detail .l-main-content .option .option-box .option-detail dd {
    line-height: 1.5;
  }
  .order-history-detail .l-main-content .option .option-box .supplement {
    display: block;
    color: #bca9a3;
    font-size: 1rem;
  }
  .order-history-detail .l-main-content .option .option-box img {
    width: 90px;
    float: right;
    display: block;
    border: #bca9a3 solid 1px;
    margin-top: 6px;
  }
  .order-history-detail .l-main-content .option .option-box:nth-child(2) {
    display: inline-block;
    width: 470px;
    height: 83px;
    margin-left: 20px;
  }
  .order-history-detail .l-main-content .option .option-box:first-child {
    display: inline-block;
    width: 470px;
    height: 83px;
  }
  .order-history-detail .l-main-content .option .option-box:first-child dl:first-child {
    padding-bottom: 3px;
  }
  .order-history-detail .l-main-content .option .option-box:first-child dl:last-child {
    padding-top: 3px;
  }
  .order-history-detail .l-main-content .option .option-box:last-child {
    width: 470px;
    padding-top: 5px;
  }
  .order-history-detail .l-main-content .remarks h3 {
    font-size: 1.4rem;
    font-weight: 600;
    border-bottom: #bca9a3 solid 1px;
    margin: 30px 0 10px;
    padding-bottom: 5px;
  }
  .order-history-detail .l-main-content .remarks .remarks {
    font-size: 1.4rem;
  }

  .order-list .l-main-content .order-list-define {
    padding: 10px 0 0;
    display: table;
  }
  .order-list .l-main-content .order-list-define .define-select {
    display: table-cell;
    vertical-align: bottom;
  }
  .order-list .l-main-content .order-list-define .define-select label {
    font-size: 1.4rem;
    padding-right: 5px;
  }
  .order-list .l-main-content .order-list-define .define-select select {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 2px;
  }
  .order-list .l-main-content .order-list-define .define-select:nth-child(n+2) {
    padding-left: 20px;
  }
  .order-list .l-main-content .order-list-define .favorite-btn {
    font-size: 1.4rem;
  }
  .order-list .l-main-content .order-list-define .favorite-btn a {
    display: block;
    border: none;
    padding-top: 4px;
    width: 200px;
    color: #ffffff;
    background-color: #291a21;
    text-decoration: none;
  }
  .order-list .l-main-content .order-tab-list {
    padding: 20px 0 0;
    display: flex;
    padding-left: 30px;
    border-bottom: #bca9a3 solid 1px;
  }
  .order-list .l-main-content .order-tab-list .order-tab {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    display: grid;
    place-items: center;
  }
  .order-list .l-main-content .order-tab-list .order-tab a {
    width: 300px;
    height: 50px;
    padding: 3px 0;
    border-radius: 4px 4px 0 0;
  }
  .order-list .l-main-content .order-tab-list .order-tab .active-tab {
    color: #ffffff;
    background-color: #291a21;
    pointer-events: none;
  }
  .order-list .l-main-content .order-tab-list .order-tab .inactive-tab {
    border: #bca9a3 solid 1px;
    border-bottom: none;
    background: #f7f2f0;
    pointer-events: auto;
  }
  .order-list .l-main-content .list-number {
    border-bottom: #bca9a3 solid 1px;
  }
  .order-list .l-main-content .order-list-box {
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    margin: 20px 0 0;
    display: table;
    width: 100%;
  }
  .order-list .l-main-content .order-list-box .order-returns-box {
    display: table-cell;
  }
  .order-list .l-main-content .order-list-box .order-returns-box .status {
    color: #ff3f51;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dt {
    display: table-cell;
    font-size: 1.4rem;
    color: #bca9a3;
    width: 30%;
    line-height: 2;
    width: 95px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd {
    display: table-cell;
    font-size: 1.4rem;
    line-height: 2;
    margin-right: 10px;
    font-weight: 600;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    font-size: 2rem;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .total {
    font-weight: 500;
    color: #bca9a3;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .total-price {
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
    color: #2c0b00;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .slip-number {
    font-weight: 500;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .emphasis {
    font-weight: 600;
    color: #ff3f51;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .returns {
    color: #ff3f51;
    background: #ffebed;
    padding: 0 5px;
    margin-right: 5px;
    font-size: 1.2rem;
    font-weight: 600;
    width: 34px;
    text-align: center;
    display: inline-block;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .returns-number {
    color: #999999;
  }
  .order-list .l-main-content .order-list-box .order-returns-box dl dd .former {
    color: #999999;
    background: #d7d7d7;
    padding: 0 5px;
    margin-right: 5px;
    font-size: 1.2rem;
    font-weight: 600;
    width: 34px;
    text-align: center;
    display: inline-block;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:first-child {
    width: 345px;
    padding: 15px 0 15px 15px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:nth-child(2) {
    width: 417px;
    padding: 15px 0 15px 0;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:nth-child(2) dl {
    border-left: #bca9a3 solid 1px;
    padding-left: 15px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child {
    width: 200px;
    height: 119px;
    background: #f7f2f0;
    padding: 15px 15px 15px 0;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child ul {
    width: 185px;
    height: 75px;
    padding-left: 15px;
    position: absolute;
    top: 23px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child ul li {
    margin-bottom: 15px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child p {
    width: 185px;
    height: 30px;
    padding-left: 15px;
    position: absolute;
    top: 23px;
  }
  .order-list .l-main-content .order-list-box .order-returns-box:last-child .order-step-btn a {
    font-size: 1.4rem;
  }
  .order-list .l-main-content .m-pagination {
    border-top: #bca9a3 solid 1px;
    margin-top: 40px;
    padding: 10px;
  }

  .modal.-order-list_include {
    overflow-y: auto;
    font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.5);
  }
  .modal.-order-list_include .modal-inner {
    height: calc(100% - 20px);
    padding: 0;
    border: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: transparent;
    background: #ffffff;
    width: 800px;
    position: relative;
  }
  .modal.-order-list_include .modal-inner .include_header {
    padding: 30px 30px 10px 30px;
  }
  .modal.-order-list_include .modal-inner .include_header ul {
    margin-bottom: 10px;
  }
  .modal.-order-list_include .modal-inner .include_header ul li {
    /*&:last-child{
    	position: fixed;
    	top: 50px;
    	width: 80px;
    }*/
  }
  .modal.-order-list_include .modal-inner .include_header ul li a {
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-size: 1.4rem;
    background: #f2e9e6;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
  }
  .modal.-order-list_include .modal-inner .include_header ul li:first-child {
    /*float: left;
    width: calc(100% - 90px);*/
    text-align: left;
  }
  .modal.-order-list_include .modal-inner .include_body {
    padding: 0 30px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box {
    margin-bottom: 30px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_check {
    border: #bca9a3 solid 1px;
    border-bottom: 1px solid #e1d8d5;
    border-radius: 4px 4px 0 0;
    background: #fff9d6;
    padding: 10px;
    text-align: left;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_check label {
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail {
    border: #bca9a3 solid 1px;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding: 10px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl {
    width: 100%;
    display: table;
    text-align: left;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items {
    display: block;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dt {
    display: block;
    color: #bca9a3;
    width: 100%;
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd {
    display: block;
    width: 100%;
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd .items-title {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl.items dd span {
    margin-right: 0.5em;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl dt {
    display: table-cell;
    color: #bca9a3;
    width: 30%;
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl dd {
    display: table-cell;
    width: calc(70% - 10px);
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl dd ul {
    padding-left: 20px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail dl dd ul li {
    list-style: disc outside;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other {
    background: #f7f2f0;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other.is-open p a {
    font-size: 1.4rem;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other.is-open p a:before {
    content: "+";
    padding-right: 10px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other.is-open p a, .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other.is-open p button {
    -webkit-transition: none;
    transition: none;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other.is-open p a:hover, .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other.is-open p button:hover {
    -webkit-backface-visibility: visible;
    /* 追加 */
    backface-visibility: visible;
    /* 追加 */
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p {
    margin-bottom: 10px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p a {
    font-size: 1.4rem;
    padding: 10px;
    display: inline-block;
    width: 100%;
    line-height: 1;
    text-decoration: none;
    height: auto;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p a:before {
    content: "ー";
    padding-right: 10px;
    color: #bca9a3;
    font-size: 1.6rem;
    height: calc(100% - 16px);
    width: 50px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p a, .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p button {
    -webkit-transition: none;
    transition: none;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p a:hover, .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-other p button:hover {
    -webkit-backface-visibility: visible;
    /* 追加 */
    backface-visibility: visible;
    /* 追加 */
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox {
    display: none;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox.is-open {
    display: block;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items {
    display: block;
    list-style-type: disc;
    padding-left: 20px;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items li {
    text-align: left;
    width: 100%;
    line-height: 2;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items li .items-title {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_body .include_box .include_detail .items-hidebox .items li span {
    margin-right: 0.5em;
  }
  .modal.-order-list_include .modal-inner .include_footer dl {
    border-top: 1px solid #e1d8d5;
    padding: 10px 0;
    margin: 0 30px;
  }
  .modal.-order-list_include .modal-inner .include_footer dl dt {
    float: left;
  }
  .modal.-order-list_include .modal-inner .include_footer dl dd {
    float: right;
    font-size: 1.0rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_footer dl dd span {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .modal.-order-list_include .modal-inner .include_footer dl.-total {
    background: #fff9d6;
    margin: 0;
    padding: 10px 30px;
    border-top: 1px solid #bca9a3;
  }
  .modal.-order-list_include .modal-inner .include_footer dl.-total .totalPrice {
    color: #ff3f51;
  }
  .modal.-order-list_include .modal-inner .include_footer dl.-total .c-red {
    color: #ff3f51;
    font-size: 1.2rem;
  }
  .modal.-order-list_include .modal-inner .include_footer dl:last-child {
    border-bottom: 1px solid #bca9a3;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn {
    margin-bottom: 30px;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 {
    width: 70%;
    margin: 10px auto 0;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #ff3f51;
    color: #ffffff;
    border-radius: 4px;
    padding: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 a, .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 button {
    -webkit-transition: none;
    transition: none;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 a:hover, .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_00 button:hover {
    -webkit-backface-visibility: visible;
    /* 追加 */
    backface-visibility: visible;
    /* 追加 */
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 {
    width: 70%;
    margin: 10px auto 0;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    padding: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 a, .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 button {
    -webkit-transition: none;
    transition: none;
  }
  .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 a:hover, .modal.-order-list_include .modal-inner .include_footer .wrap_btn .btn_01 button:hover {
    -webkit-backface-visibility: visible;
    /* 追加 */
    backface-visibility: visible;
    /* 追加 */
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .modal.-order-list_include .modal-inner .include_footer .caution {
    margin: 10px 30px 0;
    text-align: left;
  }
  .modal.-order-list_include input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .modal.-order-list_include input[type="checkbox"]:checked + span:after {
    opacity: 1;
  }
  .modal.-order-list_include label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .modal.-order-list_include label span:before {
    position: absolute;
    content: ' ';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .modal.-order-list_include label span:after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  .modal.-order-list_include .close {
    position: absolute;
    top: 30px;
    left: calc(50% + 280px);
    font-size: 1.4rem;
    z-index: 8000;
    border: #bca9a3 solid 1px;
    border-radius: 4px;
    background-color: rgba(247, 242, 240, 0.7);
    padding: 0.5em 0.8em;
    cursor: pointer;
  }
  .modal.-order-list_include .close .close-text {
    text-decoration: underline;
    font-weight: 600;
  }
  .modal.-order-list_include .close span {
    padding-right: 10px;
  }

  .modal .modal-inner .restk-notif-sub-message {
    margin: 30px 0;
    font-size: 1.2em;
    color: #ff3f51;
  }

  .password_change .l-main-content {
    font-size: 1.4rem;
  }
  .password_change .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .password_change .l-main-content .sp {
    display: none;
  }
  .password_change .l-main-content h1 {
    text-align: left !important;
  }
  .password_change .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .password_change .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .password_change .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .password_change .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .password_change .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .password_change .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .password_change .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .password_change .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .password_change .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .password_change .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .password_change .l-main-content .wrap_usual:nth-of-type(n+2) {
    border-bottom: none;
  }
  .password_change .l-main-content .wrap_usual:nth-of-type(3) {
    padding: 0 0 10px;
  }
  .password_change .l-main-content .wrap {
    padding: 10px 0;
  }
  .password_change .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .password_change .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .password_change .l-main-content .w_30 {
    width: 200px;
  }
  .password_change .l-main-content .w_70 {
    width: 480px;
  }
  .password_change .l-main-content .radio .w_100 {
    width: 100px;
  }
  .password_change .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .password_change .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .password_change .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .password_change .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_change .l-main-content .yubin input {
    width: 50%;
  }
  .password_change .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .password_change .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .password_change .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .password_change .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .password_change .l-main-content .denwa input {
    width: 100px;
  }
  .password_change .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .password_change .l-main-content .denwa span:first-child {
    padding: 0;
  }
  .password_change .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .password_change .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .password_change .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .password_change .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .password_change .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .password_change .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .password_change .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .password_change .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_change .l-main-content .kiyaku {
    border-bottom: none;
  }
  .password_change .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .password_change .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .password_change .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .password_change .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .password_change .l-main-content .wrap_btn {
    margin-top: 10px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .password_change .l-main-content .wrap_btn ul {
    display: table;
    width: 54%;
    margin: 0 auto;
    padding: 20px;
  }
  .password_change .l-main-content .wrap_btn ul li {
    display: table-cell;
    vertical-align: top;
  }
  .password_change .l-main-content .wrap_btn ul li a {
    height: 45px;
    padding: 10px;
    line-height: 1.8;
  }
  .password_change .l-main-content .wrap_btn ul .favorite-btn {
    width: 35%;
  }
  .password_change .l-main-content .wrap_btn ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }
  .password_change .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .password_change .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .password_change .l-main-content .error .caution + p {
    margin-top: 10px;
  }
  .password_change .l-main-content .error dl {
    display: table;
    margin-top: 20px;
    width: 100%;
  }
  .password_change .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 20%;
    display: table-cell;
  }
  .password_change .l-main-content .error dl dd {
    display: table-cell;
  }
  .password_change .l-main-content .error dl dd input {
    width: 60%;
  }
  .password_change .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .password_change .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .password_change .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  /* Scss Document */
  /* password_completion_pc */
  .password_completion .l-main-content {
    /* wrapper
    ----------------------- */
    /* login
    ----------------------- */
  }
  .password_completion .l-main-content .wrapper {
    padding: 30px 0 60px;
    /* p_wrapper
    ----------------------- */
  }
  .password_completion .l-main-content .wrapper .p_wrapper {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .password_completion .l-main-content .login, .password_completion .l-main-content .transmission {
    padding: 40px 0;
    border-top: #bca9a3 solid 1px;
  }
  .password_completion .cart-btn {
    width: 500px;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .password_completion .cart-btn a {
    line-height: 2;
  }

  .password_resetting .l-main-content {
    font-size: 1.4rem;
  }
  .password_resetting .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .password_resetting .l-main-content .sp {
    display: none;
  }
  .password_resetting .l-main-content h1 {
    text-align: left !important;
  }
  .password_resetting .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .password_resetting .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .password_resetting .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .password_resetting .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .password_resetting .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .password_resetting .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .password_resetting .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .password_resetting .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .password_resetting .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .password_resetting .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .password_resetting .l-main-content .wrap_usual:nth-of-type(n+2) {
    border-bottom: none;
  }
  .password_resetting .l-main-content .wrap_usual:nth-of-type(3) {
    padding: 0 0 10px;
  }
  .password_resetting .l-main-content .wrap {
    padding: 10px 0;
  }
  .password_resetting .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .password_resetting .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .password_resetting .l-main-content .w_30 {
    width: 200px;
  }
  .password_resetting .l-main-content .w_70 {
    width: 480px;
  }
  .password_resetting .l-main-content .radio .w_100 {
    width: 100px;
  }
  .password_resetting .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .password_resetting .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .password_resetting .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .password_resetting .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_resetting .l-main-content .yubin input {
    width: 50%;
  }
  .password_resetting .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .password_resetting .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .password_resetting .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .password_resetting .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .password_resetting .l-main-content .denwa input {
    width: 100px;
  }
  .password_resetting .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .password_resetting .l-main-content .denwa span:first-child {
    padding: 0;
  }
  .password_resetting .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .password_resetting .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .password_resetting .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .password_resetting .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .password_resetting .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .password_resetting .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .password_resetting .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .password_resetting .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .password_resetting .l-main-content .kiyaku {
    border-bottom: none;
  }
  .password_resetting .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .password_resetting .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .password_resetting .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .password_resetting .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .password_resetting .l-main-content .wrap_btn {
    margin-top: 10px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .password_resetting .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .password_resetting .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .password_resetting .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .password_resetting .l-main-content .error .caution + p {
    margin-top: 10px;
  }
  .password_resetting .l-main-content .error dl {
    display: table;
    margin-top: 20px;
    width: 100%;
  }
  .password_resetting .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 20%;
    display: table-cell;
  }
  .password_resetting .l-main-content .error dl dd {
    display: table-cell;
  }
  .password_resetting .l-main-content .error dl dd input {
    width: 60%;
  }
  .password_resetting .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .password_resetting .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .password_resetting .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  .payment .l-main-content {
    font-size: 1.4rem;
    /*.contents-float {
    		input[type="checkbox"] {
    				width: auto;
    				display: none;
    		}
    		label {
    				position: relative;
    				display: inline-block;
    				padding: 3px 3px 3px 22px;
    				cursor: pointer;
    				width: 100%;
    		}
    		label::before {
    				position: absolute;
    				content: '';
    				top: 50%;
    				left: 0;
    				width: 14px;
    				height: 14px;
    				margin-top: -8px;
    				background: #fff;
    				border: 1px solid $c-text;
    		}
    		input[type="checkbox"]:checked+label::after {
    				position: absolute;
    				content: '';
    				top: 9px;
    				left: 3px;
    				width: 7px;
    				height: 4px;
    				border-left: 4px solid $c-red;
    				border-bottom: 4px solid $c-red;
    				-webkit-transform: rotate(-45deg);
    				transform: rotate(-45deg);
    		}
    		.check {
    				@include l-border;
    				height: 35px;
    				border-radius: 3px;
    				background-color: $c-yellow;
    				padding-left: 10px;
    		}
    }*/
    /*クレジットカード決済*/
  }
  .payment .l-main-content .sp {
    display: none;
  }
  .payment .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 10px 10px;
    line-height: 1.8;
    font-weight: 600;
  }
  .payment .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .payment .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .payment .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .payment .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .payment .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .payment .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .payment .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .payment .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .payment .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    padding: 6px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .payment .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .payment .l-main-content a {
    position: relative;
  }
  .payment .l-main-content a input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
    width: 100%;
    height: 45px;
    display: block;
  }
  .payment .l-main-content .w_30 {
    width: 200px;
  }
  .payment .l-main-content .w_70 {
    width: 480px;
  }
  .payment .l-main-content .radio .w_100 {
    width: 150px;
  }
  .payment .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .payment .l-main-content .radio label span {
    vertical-align: middle;
  }
  .payment .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .payment .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .payment .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .payment .l-main-content .yubin input {
    width: 50%;
  }
  .payment .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .payment .l-main-content .denwa input {
    width: 100px;
  }
  .payment .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .payment .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .payment .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .payment .l-main-content .kiyaku {
    border-bottom: none;
  }
  .payment .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .payment .l-main-content .kiyaku .check {
    margin-top: 10px;
  }
  .payment .l-main-content .kiyaku .check label {
    width: auto;
  }
  .payment .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 4px solid #bca9a3;
    border-top-style: double;
    font-size: 1.4rem;
  }
  .payment .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .payment .l-main-content .wrap_btn ul {
    display: table;
    width: 54%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .payment .l-main-content .wrap_btn ul li {
    display: table-cell;
    vertical-align: top;
  }
  .payment .l-main-content .wrap_btn ul li a {
    height: 45px;
  }
  .payment .l-main-content .wrap_btn ul .favorite-btn {
    width: 35%;
  }
  .payment .l-main-content .wrap_btn ul .favorite-btn a {
    padding-top: 6px;
  }
  .payment .l-main-content .wrap_btn ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }
  .payment .l-main-content .h2-box {
    padding: 0 10px;
  }
  .payment .l-main-content .h2-box h2 {
    font-size: 1.6rem;
    text-align: center;
    font-weight: 600;
    margin-top: 30px;
  }
  .payment .l-main-content .h2-box p {
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .payment .l-main-content .registration h3 {
    color: #ffffff;
    font-size: 1.4rem;
    padding: 4px 0;
    margin: 20px auto 0;
    width: 400px;
    font-weight: 600;
    text-align: center;
    background-color: #bc9200;
    border-radius: 23px;
  }
  .payment .l-main-content .registration ul {
    display: table;
    margin: 15px auto 0;
    width: 590px;
  }
  .payment .l-main-content .registration ul li {
    display: table-cell;
    width: 290px;
    vertical-align: top;
    font-size: 1.8rem;
  }
  .payment .l-main-content .registration ul li a {
    height: 45px;
  }
  .payment .l-main-content .registration ul li:last-child {
    padding-left: 5px;
  }
  .payment .l-main-content .registration ul li:first-child {
    padding-right: 5px;
  }
  .payment .l-main-content .registration ul .favorite-btn a {
    padding-top: 6px;
  }
  .payment .l-main-content .registration-check-box {
    margin-top: 25px;
  }
  .payment .l-main-content .registration-check-box h4 {
    font-size: 1.4rem;
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .payment .l-main-content .registration-check-box .must {
    margin: 0 5px 0 0;
  }
  .payment .l-main-content .due-date {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom: #bca9a3 solid 1px;
  }
  .payment .l-main-content .due-date dt {
    display: table-cell;
    font-size: 1.4rem;
    color: #bca9a3;
    line-height: 2;
    width: 20%;
  }
  .payment .l-main-content .due-date dd {
    display: table-cell;
    font-size: 1.4rem;
    line-height: 2;
  }
  .payment .l-main-content .display_none {
    display: none;
  }
  .payment .l-main-content .input-box {
    margin-top: 20px;
    padding: 0 0 15px;
  }
  .payment .l-main-content .input-box .contents {
    margin-top: 10px;
    padding: 8px 8px 7px 8px;
    background: #fff9d6;
    background-size: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
  }
  .payment .l-main-content .input-box .contents select {
    background-color: #ffffff;
  }
  .payment .l-main-content .input-box .contents .expiration-date {
    vertical-align: bottom;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .payment .l-main-content .input-box .contents .item {
    font-size: 1.4rem;
  }
  .payment .l-main-content .input-box .contents .item span {
    font-size: 90%;
    font-weight: 500;
    color: #2c0b00;
    border: none;
    padding: none;
  }
  .payment .l-main-content .input-box .contents .supplement {
    padding: 0 5px 0 25px;
  }
  .payment .l-main-content .input-box .contents .item-txt {
    padding-left: 17px;
  }
  .payment .l-main-content .input-box .contents label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
  }
  .payment .l-main-content .input-box .contents label span {
    vertical-align: middle;
  }
  .payment .l-main-content .input-box .contents label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .payment .l-main-content .input-box .contents input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .payment .l-main-content .input-box .contents input[type="radio"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .payment .l-main-content .input-box .settlement .contents-inner {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
  }
  .payment .l-main-content .input-box .settlement .contents-inner label {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1d8d5;
    border-radius: 0;
  }
  .payment .l-main-content .input-box .settlement .card-number {
    margin-top: 10px;
  }
  .payment .l-main-content .input-box .settlement .inner_box {
    padding: 10px 0;
    border-bottom: 1px solid #e1d8d5;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float {
    overflow: hidden;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:first-child {
    width: 20%;
    float: left;
    text-align: middle;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child {
    width: 80%;
    float: right;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child input {
    width: 60%;
    padding-left: 5px;
    border: 1px solid #bca9a3;
    background-color: #ffffff;
    border-radius: 3px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .half-width li {
    width: 100%;
    padding-top: 5px;
    text-align: left;
    font-weight: lighter;
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img li {
    float: left;
    width: 6%;
    margin-right: 10px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img li:last-child {
    margin-right: 0px;
  }
  .payment .l-main-content .input-box .settlement .inner_box .contents-float li:last-child .contents-img li img {
    width: 100%;
  }
  .payment .l-main-content .input-box .settlement .method {
    border-bottom: none;
  }
  .payment .l-main-content .input-box .settlement .method select {
    width: 20%;
  }
  .payment .l-main-content .input-box .settlement .card-input label {
    color: #ff3f51;
    background-size: 10px;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .payment .l-main-content .input-box .settlement .card-input .expiration .date-select li {
    display: inline;
    margin-right: 20px;
    float: none !important;
  }
  .payment .l-main-content .input-box .settlement .card-input .use {
    width: 500px;
    height: 35px;
    margin: 10px auto 0;
    text-align: center;
    background: #f2e9e6;
    box-sizing: border-box;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-weight: 600;
  }
  .payment .l-main-content .input-box .settlement .card-input .use a {
    display: block;
    line-height: 35px;
  }
  .payment .l-main-content .description {
    padding: 0 0 15px;
  }
  .payment .l-main-content .description li {
    padding: 15px 0 13px 10px;
    border-bottom: 1px solid #e1d8d5;
  }
  .payment .l-main-content .description li:first-child {
    border-top: #e7dcc4 solid 1px;
  }
  .payment .l-main-content .description li a {
    display: block;
    padding-left: 16px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 8px 8px;
    text-decoration: none;
  }
  .payment .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .payment .l-main-content .error {
    padding: 0 0 10px;
    margin-bottom: 30px;
    border-bottom: #bca9a3 solid 1px;
  }
  .payment .l-main-content .error dl {
    display: table;
    margin-top: 20px;
    width: 100%;
  }
  .payment .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 20%;
    display: table-cell;
  }
  .payment .l-main-content .error dl dd {
    display: table-cell;
  }
  .payment .l-main-content .error dl dd input {
    width: 60%;
  }
  .payment .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .payment .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .payment .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  /* Scss Document */
  /* point_history_pc */
  .point_history .l-main-content {
    /* display_range
    ----------------------- */
    /* container
    ----------------------- */
  }
  .point_history .l-main-content .display_range {
    padding: 10px 0;
    border-bottom: #bca9a3 solid 1px;
    display: table;
    width: 100%;
    /* p_display_range
    ----------------------- */
  }
  .point_history .l-main-content .display_range .ul_display_range .display_range_left {
    font-size: 1.4rem;
    display: table-cell;
  }
  .point_history .l-main-content .display_range .ul_display_range .display_range_left select {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 2px;
  }
  .point_history .l-main-content .display_range .ul_display_range .squeeze-btn {
    width: 200px;
    display: table-cell;
    padding-left: 20px;
  }
  .point_history .l-main-content .display_range .ul_display_range .squeeze-btn a {
    display: block;
    border: none;
    padding-top: 4px;
    width: 200px;
    color: #ffffff;
    background-color: #291a21;
    text-decoration: none;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 4px;
    font-weight: 600;
    height: 30px;
    padding: 3px 0;
  }
  .point_history .l-main-content .display_range .p_display_range {
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .point_history .l-main-content .display_range .p_display_range .span_display_range {
    font-weight: 600;
    font-family: HelveticaNeue,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    letter-spacing: 0.06rem;
  }
  .point_history .l-main-content .container {
    padding: 20px 0 0;
    /* point-list
    ----------------------- */
  }
  .point_history .l-main-content .container .point-list {
    margin-bottom: 20px;
    padding: 10px 10px 0 10px;
    border: #bca9a3 solid 1px;
    border-radius: 3px;
    /* div_table
    ----------------------- */
    /* point-contents
    ----------------------- */
  }
  .point_history .l-main-content .container .point-list:last-child {
    margin-bottom: 0;
  }
  .point_history .l-main-content .container .point-list .ul_table {
    width: 100%;
    display: table;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e4dcda;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left, .point_history .l-main-content .container .point-list .ul_table .table_right {
    width: 50%;
    display: table-cell;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left {
    vertical-align: middle;
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .red_span {
    color: #ff3f51;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .red_span .strong_table {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 2px;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .text_span {
    color: #2c0b00;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left .text_span .strong_table {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0 2px;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left div {
    color: #2c0b00;
    font-size: 1.4rem;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_left div .green_box_span {
    margin-right: 5px;
    padding: 3px 2px;
    font-weight: 600;
    font-size: 1.2rem;
    background: #d6e9ca;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right {
    font-size: 1.4rem;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right li {
    line-height: 2;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right li .red_box_span, .point_history .l-main-content .container .point-list .ul_table .table_right li .gray_box_span {
    margin-right: 5px;
    padding: 3px 2px;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right li .red_box_span {
    color: #ff3f51;
    background: #ffebed;
  }
  .point_history .l-main-content .container .point-list .ul_table .table_right li .gray_box_span {
    color: #999999;
    background: #d7d7d7;
  }
  .point_history .l-main-content .container .point-list .point-contents {
    padding: 10px 0;
    border-bottom: 1px dotted #e4dcda;
    font-size: 1.5rem;
  }
  .point_history .l-main-content .container .point-list .point-contents .span_wrapper {
    font-size: 1.2rem;
    margin-left: 5px;
  }
  .point_history .l-main-content .container .point-list .point-contents .span_wrapper .slip {
    color: #9c8b8b;
    font-weight: lighter;
  }
  .point_history .l-main-content .container .point-list .point-contents:last-child {
    border-bottom: 0px;
  }
  .point_history .m-pagination {
    border-top: #bca9a3 solid 1px;
    margin-top: 40px;
    padding: 10px;
  }

  .premium .l-main-content {
    font-size: 1.4rem;
    /*クレジットカード決済*/
  }
  .premium .l-main-content .sp {
    display: none;
  }
  .premium .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 10px 10px;
    line-height: 1.8;
    font-weight: 600;
  }
  .premium .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .premium .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .premium .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .premium .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .premium .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .premium .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .premium .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .premium .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .premium .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    padding: 6px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .premium .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .premium .l-main-content a {
    position: relative;
  }
  .premium .l-main-content a input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
    width: 100%;
    height: 45px;
    display: block;
  }
  .premium .l-main-content .w_30 {
    width: 200px;
  }
  .premium .l-main-content .w_70 {
    width: 480px;
  }
  .premium .l-main-content .radio .w_100 {
    width: 150px;
  }
  .premium .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    min-height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .premium .l-main-content .radio label span {
    vertical-align: middle;
  }
  .premium .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .premium .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .premium .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .premium .l-main-content .yubin input {
    width: 50%;
  }
  .premium .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .premium .l-main-content .denwa input {
    width: 100px;
  }
  .premium .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .premium .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .premium .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .premium .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .premium .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .premium .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .premium .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .premium .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .premium .l-main-content .kiyaku {
    border-bottom: none;
  }
  .premium .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .premium .l-main-content .kiyaku .check {
    margin: 10px auto 0;
    width: 500px;
    font-weight: 600;
  }
  .premium .l-main-content .kiyaku .check label {
    width: auto;
  }
  .premium .l-main-content .kiyaku .red {
    text-align: center;
  }
  .premium .l-main-content .wrap_btn {
    margin-top: 20px;
    border-top: 3px solid #bca9a3;
    border-top-style: double;
    font-size: 1.4rem;
  }
  .premium .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto 0;
  }
  .premium .l-main-content .wrap_btn ul {
    display: table;
    width: 54%;
    margin: 20px auto 0;
    padding: 0 10px;
  }
  .premium .l-main-content .wrap_btn ul li {
    display: table-cell;
    vertical-align: top;
  }
  .premium .l-main-content .wrap_btn ul li a {
    height: 45px;
    line-height: 2.2;
  }
  .premium .l-main-content .wrap_btn ul .favorite-btn {
    width: 35%;
  }
  .premium .l-main-content .wrap_btn ul .favorite-btn a {
    padding-top: 6px;
  }
  .premium .l-main-content .wrap_btn ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }
  .premium .l-main-content .h2-box {
    padding: 0 10px;
  }
  .premium .l-main-content .h2-box h2 {
    font-size: 1.6rem;
    text-align: center;
    font-weight: 600;
    margin-top: 30px;
  }
  .premium .l-main-content .h2-box p {
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .premium .l-main-content .registration h3 {
    color: #ffffff;
    font-size: 1.4rem;
    padding: 4px 0;
    margin: 20px auto 0;
    width: 400px;
    font-weight: 600;
    text-align: center;
    background-color: #bc9200;
    border-radius: 23px;
  }
  .premium .l-main-content .registration ul {
    display: table;
    margin: 15px auto 0;
    width: 590px;
  }
  .premium .l-main-content .registration ul li {
    display: table-cell;
    width: 290px;
    vertical-align: top;
    font-size: 1.4rem;
  }
  .premium .l-main-content .registration ul li a {
    height: 45px;
    line-height: 2.2;
  }
  .premium .l-main-content .registration ul li:last-child {
    padding-left: 5px;
  }
  .premium .l-main-content .registration ul li:first-child {
    padding-right: 5px;
  }
  .premium .l-main-content .registration ul .favorite-btn a {
    padding-top: 6px;
  }
  .premium .l-main-content .registration-check-box {
    margin-top: 25px;
  }
  .premium .l-main-content .registration-check-box h4 {
    font-size: 1.4rem;
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .premium .l-main-content .registration-check-box .must {
    margin: 0 5px 0 0;
  }
  .premium .l-main-content .due-date {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom: #bca9a3 solid 1px;
  }
  .premium .l-main-content .due-date dt {
    display: table-cell;
    font-size: 1.4rem;
    color: #bca9a3;
    line-height: 2;
    width: 20%;
  }
  .premium .l-main-content .due-date dd {
    display: table-cell;
    font-size: 1.4rem;
    line-height: 2;
  }
  .premium .l-main-content .display_none {
    display: none;
  }
  .premium .l-main-content .input-box {
    margin-top: 20px;
    padding: 0 0 15px;
  }
  .premium .l-main-content .input-box .contents {
    margin-top: 10px;
    padding: 8px 8px 7px 8px;
    background: #fff9d6;
    background-size: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
  }
  .premium .l-main-content .input-box .contents select {
    background-color: #ffffff;
  }
  .premium .l-main-content .input-box .contents .expiration-date {
    vertical-align: bottom;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .premium .l-main-content .input-box .contents .item {
    font-size: 1.4rem;
  }
  .premium .l-main-content .input-box .contents .item span {
    font-size: 90%;
    font-weight: 500;
    color: #2c0b00;
    border: none;
    padding: none;
  }
  .premium .l-main-content .input-box .contents .item-txt {
    padding-left: 17px;
  }
  .premium .l-main-content .input-box .contents label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
  }
  .premium .l-main-content .input-box .contents label span {
    vertical-align: middle;
  }
  .premium .l-main-content .input-box .contents label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .premium .l-main-content .input-box .contents input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .premium .l-main-content .input-box .contents input[type="radio"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .premium .l-main-content .input-box .settlement .contents-inner {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    background: #ffffff;
  }
  .premium .l-main-content .input-box .settlement .contents-inner label {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e1d8d5;
    border-radius: 0;
  }
  .premium .l-main-content .input-box .settlement .contents-inner select {
    margin-top: 10px;
  }
  .premium .l-main-content .input-box .settlement .card-input label {
    color: #ff3f51;
    background-size: 10px;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box {
    padding: 10px 0;
    border-bottom: 1px solid #e1d8d5;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float {
    overflow: hidden;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:first-child {
    width: 20%;
    float: left;
    text-align: middle;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child {
    width: 80%;
    float: right;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child input {
    width: 60%;
    padding-left: 5px;
    border: 1px solid #bca9a3;
    background-color: #ffffff;
    border-radius: 3px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .half-width li {
    width: 100%;
    padding-top: 5px;
    text-align: left;
    font-weight: lighter;
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img {
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img li {
    float: left;
    width: 6%;
    margin-right: 10px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img li:last-child {
    margin-right: 0px;
  }
  .premium .l-main-content .input-box .settlement .card-input .inner_box .contents-float li:last-child .contents-img li img {
    width: 100%;
  }
  .premium .l-main-content .input-box .settlement .card-input .expiration .date-select li {
    display: inline;
    margin-right: 20px;
    float: none !important;
  }
  .premium .l-main-content .input-box .settlement .card-input .use {
    width: 500px;
    height: 35px;
    margin: 10px auto 0;
    text-align: center;
    background: #f2e9e6;
    box-sizing: border-box;
    border: 1px solid #bca9a3;
    border-radius: 3px;
    font-weight: 600;
  }
  .premium .l-main-content .input-box .settlement .card-input .use a {
    display: block;
    line-height: 35px;
  }
  .premium .l-main-content .description {
    padding: 0 0 15px;
    margin-top: 40px;
  }
  .premium .l-main-content .description li {
    padding: 15px 0 13px 10px;
    border-bottom: 1px solid #e1d8d5;
  }
  .premium .l-main-content .description li:first-child {
    border-top: 1px solid #e1d8d5;
  }
  .premium .l-main-content .description li a {
    display: block;
    padding-left: 16px;
    background: url(/images/right-arrow_icon.svg) no-repeat left center/contain;
    background-size: 8px 8px;
    text-decoration: none;
  }
  .premium .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .premium .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .premium .l-main-content .error .caution + p {
    margin-top: 10px;
  }
  .premium .l-main-content .error dl {
    display: table;
    margin-top: 20px;
    width: 100%;
  }
  .premium .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 20%;
    display: table-cell;
  }
  .premium .l-main-content .error dl dd {
    display: table-cell;
  }
  .premium .l-main-content .error dl dd input {
    width: 60%;
  }
  .premium .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .premium .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .premium .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .premium .registration-box div {
    width: 200px;
  }

  /* Scss Document */
  /* registration_confirmation_pc */
  .registration_confirmation .l-main-content {
    /* container
    ----------------------- */
    /* footer_float
    ----------------------- */
  }
  .registration_confirmation .l-main-content .container {
    /* wrapper
    ----------------------- */
  }
  .registration_confirmation .l-main-content .container .lead-text {
    font-size: 1.4rem;
    margin: 10px 0;
  }
  .registration_confirmation .l-main-content .container .lead-text span {
    font-weight: bold;
  }
  .registration_confirmation .l-main-content .container .wrapper {
    padding: 20px 0;
    border-top: 1px solid #e1d8d5;
  }
  .registration_confirmation .l-main-content .container .wrapper .street_address {
    overflow: hidden;
    font-size: 1.5rem;
  }
  .registration_confirmation .l-main-content .container .wrapper .street_address .street_address_left {
    width: 32%;
    float: left;
  }
  .registration_confirmation .l-main-content .container .wrapper .street_address .street_address_right {
    width: 63%;
    float: right;
    font-weight: 600;
  }
  .registration_confirmation .l-main-content .container .wrapper {
    padding: 10px 0;
  }
  .registration_confirmation .l-main-content .container .wrapper .wrapper_ul {
    overflow: hidden;
    font-size: 1.5rem;
  }
  .registration_confirmation .l-main-content .container .wrapper .wrapper_ul .wrapper_left {
    width: 200px;
    float: left;
  }
  .registration_confirmation .l-main-content .container .wrapper .wrapper_ul .wrapper_right {
    float: left;
    font-weight: 600;
  }
  .registration_confirmation .l-main-content .container .wrapper:last-child {
    border-bottom: 0;
  }
  .registration_confirmation .l-main-content .footer_float {
    border-top: 1px solid #bca9a3;
    font-size: 1.4rem;
  }
  .registration_confirmation .l-main-content .footer_float ul {
    display: table;
    width: 54%;
    margin: 0 auto;
    padding: 20px;
  }
  .registration_confirmation .l-main-content .footer_float ul li {
    display: table-cell;
    vertical-align: top;
  }
  .registration_confirmation .l-main-content .footer_float ul li a {
    height: 45px;
    padding: 10px;
    line-height: 1.8;
  }
  .registration_confirmation .l-main-content .footer_float ul .favorite-btn {
    width: 35%;
  }
  .registration_confirmation .l-main-content .footer_float ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }

  /* Scss Document */
  /*  reminder_complete_pc  */
  .reminder_complete .l-main-content {
    /* header
    ----------------------- */
    /* transmission
    ----------------------- */
  }
  .reminder_complete .l-main-content .contents {
    text-align: center;
    padding: 30px 0 60px;
    border-bottom: #bca9a3 solid 1px;
    font-size: 1.4rem;
  }
  .reminder_complete .l-main-content .contents .h2_contents {
    font-size: 1.6rem;
  }
  .reminder_complete .l-main-content .transmission {
    padding: 40px 0;
    border-top: 1px solid #f7f2f0;
  }
  .reminder_complete .l-main-content .transmission .cart-btn {
    width: 500px;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .reminder_complete .l-main-content .transmission .cart-btn a {
    line-height: 2;
  }

  .reminder .l-main-content {
    font-size: 1.4rem;
  }
  .reminder .l-main-content .hosoku {
    font-size: 1.2rem;
    color: #bca9a3;
    padding: 5px 0;
    line-height: 1;
  }
  .reminder .l-main-content .sp {
    display: none;
  }
  .reminder .l-main-content h1 {
    text-align: left !important;
  }
  .reminder .l-main-content .caution {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 15px auto;
  }
  .reminder .l-main-content .btn_01 a {
    display: block;
    height: 45px;
    text-decoration: none;
    background: #291a21;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 10px;
    font-weight: 600;
  }
  .reminder .l-main-content .btn_01 a span {
    color: #fffd75;
    padding-right: 5px;
  }
  .reminder .l-main-content .f_between_pc {
    justify-content: space-between;
  }
  .reminder .l-main-content .f_j_end_pc {
    justify-content: flex-end;
  }
  .reminder .l-main-content .f_j_center_pc {
    justify-content: center;
  }
  .reminder .l-main-content .f_j_start_pc {
    justify-content: flex-start;
  }
  .reminder .l-main-content .f_a_end_pc {
    align-items: flex-end;
  }
  .reminder .l-main-content .f_a_center_pc {
    align-items: center;
  }
  .reminder .l-main-content .wrap_usual {
    padding: 10px 0;
    border-bottom: #e1d8d5 solid 1px;
  }
  .reminder .l-main-content .wrap_usual:nth-of-type(3) {
    border-bottom: none;
  }
  .reminder .l-main-content .wrap {
    padding: 10px 0;
  }
  .reminder .l-main-content input {
    border: #bca9a3 solid 1px;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
  }
  .reminder .l-main-content select {
    height: 35px;
    background-color: #fff9d6;
    border-radius: 3px;
    padding: 0 20px 0 5px;
    color: #ff3f51;
    font-weight: bold;
  }
  .reminder .l-main-content .w_30 {
    width: 200px;
  }
  .reminder .l-main-content .w_70 {
    width: 480px;
  }
  .reminder .l-main-content .radio .w_100 {
    width: 100px;
  }
  .reminder .l-main-content .radio label {
    position: relative;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: #fff9d6;
    border: 1px solid #bca9a3;
    width: 100%;
  }
  .reminder .l-main-content .radio label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin: -8px 0 0 5px;
    background: #fff;
    border: 1px solid #bca9a3;
    border-radius: 100%;
  }
  .reminder .l-main-content .radio input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 5px;
    background: #ff3f51;
    border-radius: 100%;
  }
  .reminder .l-main-content .radio input[type="radio"]:checked + label span {
    color: #ff3f51;
    font-weight: bold;
  }
  .reminder .l-main-content .yubin input {
    width: 50%;
  }
  .reminder .l-main-content .yubin .btn_01 a {
    height: 30px;
    margin-left: 10px;
    padding: 5px 10px;
  }
  .reminder .l-main-content .jyusyo .lorem {
    padding-bottom: 10px;
  }
  .reminder .l-main-content .jyusyo .lorem:last-child {
    padding-bottom: 0;
  }
  .reminder .l-main-content .jyusyo .lorem input {
    width: 430px;
  }
  .reminder .l-main-content .denwa input {
    width: 100px;
  }
  .reminder .l-main-content .denwa span {
    padding: 0 0.5em;
  }
  .reminder .l-main-content .denwa span:first-child {
    padding: 0;
  }
  .reminder .l-main-content .mailad .lorem:last-child {
    padding-bottom: 0;
  }
  .reminder .l-main-content .mailad .lorem input {
    width: 100%;
  }
  .reminder .l-main-content .mailmaga input[type="checkbox"] {
    width: auto;
    display: none;
  }
  .reminder .l-main-content .mailmaga label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 22px;
    cursor: pointer;
    width: 100%;
  }
  .reminder .l-main-content .mailmaga label::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #2c0b00;
  }
  .reminder .l-main-content .mailmaga input[type="checkbox"]:checked + label::after {
    position: absolute;
    content: '';
    top: 9px;
    left: 3px;
    width: 7px;
    height: 4px;
    border-left: 4px solid #ff3f51;
    border-bottom: 4px solid #ff3f51;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .reminder .l-main-content .mailmaga .check {
    border: #bca9a3 solid 1px;
    height: 35px;
    border-radius: 3px;
    background-color: #fff9d6;
    padding-left: 10px;
  }
  .reminder .l-main-content .mailmaga input[type="checkbox"]:checked + label {
    color: #ff3f51;
    font-weight: bold;
  }
  .reminder .l-main-content .kiyaku {
    border-bottom: none;
  }
  .reminder .l-main-content .kiyaku .lorem {
    padding: 5px;
    max-height: 150px;
    overflow-y: scroll;
    border: 1px solid #bca9a3;
  }
  .reminder .l-main-content .kiyaku .check {
    width: 500px;
    margin: 10px auto 0;
  }
  .reminder .l-main-content .kiyaku .check label {
    font-weight: bold;
    width: auto;
  }
  .reminder .l-main-content .kiyaku p.red {
    text-align: center;
  }
  .reminder .l-main-content .wrap_btn {
    border-top: 3px solid #bca9a3;
    border-top-style: double;
  }
  .reminder .l-main-content .wrap_btn .btn_01 {
    width: 500px;
    margin: 20px auto;
  }
  .reminder .l-main-content .required {
    display: inline-block;
    padding: 0 4px;
    margin: 0 4px;
    color: #ff3f51;
    border: 1px solid #ff3f51;
    border-radius: 3px;
    font-weight: 600;
    font-size: 1rem;
  }
  .reminder .l-main-content .error {
    padding: 0 0 10px;
    border-bottom: #bca9a3 solid 1px;
  }
  .reminder .l-main-content .error .caution + p {
    margin-top: 10px;
  }
  .reminder .l-main-content .error dl {
    display: table;
    margin-top: 20px;
    width: 100%;
  }
  .reminder .l-main-content .error dl dt {
    font-weight: 600;
    font-size: 1.4rem;
    width: 20%;
    display: table-cell;
  }
  .reminder .l-main-content .error dl dd {
    display: table-cell;
  }
  .reminder .l-main-content .error dl dd input {
    width: 60%;
  }
  .reminder .l-main-content .error dl dd span {
    display: block;
    padding-top: 5px;
  }
  .reminder .l-main-content .error dl dd .id-description {
    color: #9c8b8b;
    font-size: 1.2rem;
  }
  .reminder .l-main-content .error dl dd .error-message {
    color: #ff3f51;
    font-weight: 600;
    font-size: 1.2rem;
  }

  /* Scss Document */
  /* unsubscribe_pc */
  .unsubscribe .l-main-content {
    /* wrapper
    ----------------------- */
    /* footer_float
    ----------------------- */
  }
  .unsubscribe .l-main-content .wrapper {
    padding: 10px 0;
    font-size: 1.4rem;
  }
  .unsubscribe .l-main-content .wrapper .h2_contents {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .unsubscribe .l-main-content .wrapper .ul_wrapper {
    padding-left: 20px;
  }
  .unsubscribe .l-main-content .wrapper .ul_wrapper li {
    list-style-type: disc;
  }
  .unsubscribe .l-main-content .footer_float {
    border-top: 1px solid #bca9a3;
    font-size: 1.4rem;
  }
  .unsubscribe .l-main-content .footer_float ul {
    display: table;
    width: 54%;
    margin: 0 auto;
    padding: 20px;
  }
  .unsubscribe .l-main-content .footer_float ul li {
    display: table-cell;
    vertical-align: top;
  }
  .unsubscribe .l-main-content .footer_float ul li a {
    height: 45px;
    padding: 10px;
    line-height: 1.8;
  }
  .unsubscribe .l-main-content .footer_float ul .favorite-btn {
    width: 35%;
  }
  .unsubscribe .l-main-content .footer_float ul .cart-btn {
    width: 65%;
    padding-left: 10px;
  }
  .unsubscribe .l-main-content .footer_float ul .cart-btn.center {
    margin: 0 auto;
    width: 500px;
  }
  .unsubscribe .l-main-content .footer_float p.cart-btn {
    width: 500px;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .unsubscribe .l-main-content .footer_float p.cart-btn a {
    line-height: 2;
  }
  .unsubscribe .l-main-content .footer_float .btnbox {
    margin-top: 20px;
  }
  .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size:1.5rem;
  }

  .alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
  }
}

/* レコメンド系のCSS */
.recm-body {
	height: 100%;
	min-width: 100%;
}

.recm {
	margin: 10px;
	font-size: 1.0rem;
}

.recm .recm-list {
	position: relative;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 10px 0px;
}

.recm .recm-title {
	background: #fff9d6;
	padding: 3px;
	text-shadow: 0.3px 0.3px black;
}

.recm .recm-content {
	width: calc(100% / 3);
	margin: 0px;
	border: solid 1px #f7f2f0;
	align-items: stretch;
	display: flex;
	padding: 10px;
}

.recm .recm-content form {
	position: relative;
	width: 100%;
}

.recm .recm-content .main-title {
	padding: 0px;
	margin: 5px 0px;
	border-bottom: 0px;
}

.recm .recm-content .main-title .category {
	padding: 0px;
	font-size: 0.8rem;
}

.recm .recm-content .main-body {
	margin-bottom: 40px;
}

.recm .recm-content .main-body .l-cont .main-title {
	padding: 5px 0px;
	font-size: 1.0rem;
}

.recm .recm-content .main-body .l-cont .recm-img {
	background: #f7f2f0;
	text-align: center;
}

.recm .recm-content .main-body .l-cont .recm-img div {
	height: 100%;
	display: flex;
	justify-content: center;
}

.recm .recm-content .main-body .l-cont .recm-img a {
	display: flex;
}

.recm .recm-content .main-body .l-cont .recm-img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	vertical-align: middle;
}

.recm .recm-content .main-body .l-cont .main_title-text {
	font-size: 1.2em;
	line-height: 1.6;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.recm .recm-content .main-body .l-cont .benefits {
	font-size: 1.2em;
	font-weight: 600;
	color: #ff3f51;
	margin-bottom: 0;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.recm .recm-content .main-body .l-cont .price-box {
	color: #9c8b8b;
	font-size: 0.5em;
	text-align: left;
}

.recm .recm-content .main-body .l-cont .price-box .price {
	font-weight: 600;
	font-family: HelveticaNeue, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing: 0.06rem;
	color: #ff3f51;
	font-size: 1.2em;
	padding: 0 2px 0 0;
}

.recm .recm-content .main-body .l-cont .price-box .en {
	font-weight: 600;
	font-family: HelveticaNeue, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing: 0.06rem;
	color: #2c0b00;
}

.recm .recm-content .main-body .l-cont .price-box .tax {
	font-size: 0.5rem;
	padding-right: 10px;
	color: #2c0b00;
}

.recm .recm-content .main-body .l-cont .price-box .point {
	font-weight: 600;
	color: #ff3f51;
	font-size: 0.8em;
	font-family: HelveticaNeue, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing: 0.06rem;
}

.recm .recm-content .main-body .l-cont .author-box {
	display: inline-block;
	margin-right: 5px;
}

.recm .recm-content .main-body .l-cont .author-box .author-title {
	padding-right: 5px;
	font-size: 0.8rem;
	display: inline-block;
}

.recm .recm-content .main-body .l-cont .author-box .author-detail {
	padding-right: 10px;
	font-size: 1rem;
	font-weight: 600;
	height: 20px;
}

.recm .recm-content .cart-btn a {
	display: block;
	height: 30px;
	text-decoration: none;
	background: #291a21;
	color: #ffffff;
	border-radius: 4px;
	padding-top: 9px;
	text-align: center;
	font-weight: 600;
}

.recm .recm-content .cart-btn a span {
	color: #fffd75;
	padding-right: 5px;
}

.recm .recm-content .reservation-btn a {
	display: block;
	text-decoration: none;
	background: #f2716a;
	color: #fff;
	height: 30px;
	border-radius: 4px;
	padding: 9px;
	text-align: center;
	font-weight: 600;
}

.recm .recm-content .reservation-btn a span {
	color: #fffd75;
	padding-right: 5px;
}

.recm .recm-content .benefits-btn a {
	text-decoration: none;
	background: #ffebed;
	border: #ff3f51 solid 1px;
	color: #ff3f51;
	height: 30px;
	border-radius: 4px;
	padding: 9px;
	text-align: center;
	font-weight: 600;
	line-height: 1.2;
	display: block;
}

.recm .recm-content .benefits-btn a span {
	color: #ff3f51;
	padding-right: 5px;
}

.recm .recm-content .benefits-btn a span::before {
	color: #ff3f51;
}

.recm .recm-content .sold-out-btn {
	text-decoration: none;
	background: #d7d7d7;
	color: #ffffff;
	height: 30px;
	border-radius: 4px;
	padding: 8px;
	text-align: center;
	font-weight: 600;
}

.recm .recm-content .sold-out-btn span {
	color: #ffffff;
	padding-right: 10px;
}

.recm .recm-content .cart-decision,.recm .recm-content .cart-benefits {
	bottom: 0;
	position: absolute;
	width: 100%;
}

/* PC表示用 */
@media screen and (min-width: 641px) {
	.recm .recm-title {
		font-size: 2em;
	}
	.recm .recm-content .main-body .l-cont div.recm-img {
		height: 150px;
	}
	.recm .recm-content .main-body .l-cont div.recm-img {
		width: 100%;
		margin: 0px;
	}
	.recm .recm-content .main-body .l-cont .main-title {
		display: inline-block;
		width: 100%;
		padding: 0px;
	}
	.recm .recm-content .main-body .l-cont .main-title .main_title-text {
		font-size: 1.6em;
	}
	.recm .recm-content .main-body .l-cont .benefits {
		font-size: 1.6em;
	}
	.recm .recm-content .main-body .l-cont .purchase-box {
		float: left;
		width: 100%;
	}
	.recm .recm-content .main-body .l-cont .price-box {
		font-size: 1.0em;
	}
	.recm .recm-content .main-body .l-cont .price-box .price {
		font-size: 1.6em;
	}
	.recm .recm-content .main-body .l-cont .price-box .tax {
		font-size: 1.0rem;
	}
	.recm .recm-content .main-body .l-cont .price-box .point {
		font-size: 1.6em;
	}
	.recm .recm-content .main-body .l-cont .author-box {
		margin-right: 5px;
	}
	.recm .recm-content .main-body .l-cont .author-box .author-title {
		font-size: 1.0rem;
	}
	.recm .recm-content .main-body .l-cont .author-box .author-detail {
		font-size: 1.2rem;
	}

	.recm .more-btn {
		font-size: 1.6rem;
	}
}

/* SP表示用 */
@media screen and (max-width: 640px) {
	.recm .recm-title {
		font-size: 1.2em;
	}
	.recm .recm-content .main-body .l-cont div.recm-img {
		height: 100px;
	}
	.recm .recm-content .main-body .l-cont .main-title .main_title-text {
		font-size: 1.2em;
	}
	.recm .recm-content .main-body .l-cont .benefits {
		font-size: 1.2em;
	}
	.recm .recm-content .main-body .l-cont .price-box {
		font-size: 0.5em;
	}
	.recm .recm-content .main-body .l-cont .price-box .price {
		font-size: 1.2em;
	}
	.recm .recm-content .main-body .l-cont .price-box .tax {
		font-size: 0.5rem;
	}
	.recm .recm-content .main-body .l-cont .price-box .point {
		font-size: 0.8em;
	}
	.recm .recm-content .main-body .l-cont .author-box {
		margin-right: 5px;
	}
	.recm .recm-content .main-body .l-cont .author-box .author-title {
		font-size: 0.8rem;
	}
	.recm .recm-content .main-body .l-cont .author-box .author-detail {
		font-size: 1rem;
	}
	.recm .more-btn {
		font-size: 1.4rem;
	}
}

/* もっと見るボタン関係のCSS */
/* コンテンツ */
.recm .more-content {
	position: relative;
	height: auto;
	max-height: 420px;
	overflow: hidden;
	transition: max-height 1s;
	flex-wrap: wrap;
}

/* コンテンツをグラデーションで隠す擬似要素 */
.recm .more-content::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 50px;
	transition: 1s;
	background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}

/* コンテンツの開閉で追加・削除するクラス */
.recm .more-content.open:after {
	z-index: -1;
	opacity: 0;
}

/* もっと見るボタン */
.recm .more-btn {
	display: block;
	margin: 0 auto;
	padding: 7px 40px;
	border: 0;
	background: #f2716a;
	color: #fff;
	cursor: pointer;
	width: 60%;
	border-radius: 4px;
	font-weight: bold;
	border: 3px solid #F2716A;
}

.recm .more-btn.open {
	background: #fff;
	color: #f2716a;
}
/*# sourceMappingURL=style.css.map */