main.css

@charset "UTF-8";
.displayNone {
    display: none
}

@font-face {
    font-family: 'serif';
    font-weight: 400;
    font-display: swap;
    src: url(/font/NotoSansJP-Regular-Slim.woff2) format("woff2"), url(/font/NotoSansJP-Regular-Slim.woff) format("woff")
}

@font-face {
    font-family: 'serif';
    font-weight: 700;
    font-display: swap;
    src: url(/font/NotoSansJP-Bold-Slim.woff2) format("woff2"), url(/font/NotoSansJP-Bold-Slim.woff) format("woff")
}

* {
    box-sizing: border-box
}

:after,
 :before {
    box-sizing: border-box
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    background-color: rgb(53, 39, 31)
}

img {
    display: block;
    border: 0
}

ol,
ul {
    list-style: none
}

button {
    border: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before {
    content: none
}

q:after,
q:before {
    content: none
}

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

a:link {
    text-decoration: none;
    color: #ffffff
}

a:visited {
    text-decoration: none;
    color: rgb(53, 39, 31)
}

a:hover {
    text-decoration: underline;
    color: rgb(53, 39, 31);
    outline: 0
}

a:active {
    text-decoration: none;
    color: rgb(53, 39, 31) outline: 0
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

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

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

label {
    display: inline-block
}

body {
    font-size: 13px;
    line-height: 1.5em;
    font-family: 'Noto Sans JP', sans-serif
}

.clear {
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.wrapper {
    margin: 0 auto;
    width: 1024px
}

img[src] {
    opacity: 1 !important;
    transition: opacity .5s
}

img[data-src] {
    opacity: 0
}

.hidden {
    display: none !important
}

[v-cloak] {
    display: none
}

.original-icon {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.feather-icon {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none
}

.ratingStar {
    fill: #ccc;
    stroke: none;
    width: 17px;
    height: 17px;
    margin-right: -2px
}

.ratingStar__fill {
    fill: #e6aa5f;
    stroke: none;
    width: 17px;
    height: 17px;
    margin-right: -2px
}


/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https: */

@font-face {
    font-family: "Font Awesome";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/font/FontAwesome-Slim.woff2) format("woff2"), url(/font/FontAwesome-Slim.woff) format("woff")
}

@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/font/FontAwesome-Slim.woff2) format("woff2"), url(/font/FontAwesome-Slim.woff) format("woff")
}

.fa,
.fab,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Font Awesome";
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: a 2s infinite linear;
    animation: a 2s infinite linear
}

.fa-pulse {
    -webkit-animation: a 1s infinite steps(8);
    animation: a 1s infinite steps(8)
}

@-webkit-keyframes a {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes a {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-horizontal .fa-flip-vertical {
    transform: scale(-1)
}

:root .fa-flip-horizontal,
 :root .fa-flip-vertical,
 :root .fa-rotate-180,
 :root .fa-rotate-270,
 :root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: rgb(53, 39, 31)
}

.fa-search:before {
    content: "\f002"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-check:before {
    content: "\f00c"
}

.fa-times:before {
    content: "\f00d"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-plus:before {
    content: "\f067"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-crown:before {
    content: "\f521"
}

.buttonPrimaryLarge {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #fff;
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonPrimaryLarge:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eca956
}

.buttonPrimaryLarge:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonPrimaryLarge__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonPrimaryLarge__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonPrimaryLargeFullWidth {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(53, 39, 31);
    border-radius: 8px;
    width: 100%;
    border: 1px solid rgb(37, 25, 6);
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonPrimaryLargeFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #f8b159
}

.buttonPrimaryLargeFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonPrimaryLargeFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonPrimaryLargeFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonPrimaryMedium {
    color: #fff !important;
    background-color: rgb(53, 39, 31);
    border-radius: 8px;
    width: 343px;
    border: 1px solid #fff;
    height: 48px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonPrimaryMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonPrimaryMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonPrimaryMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonPrimaryMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonPrimaryMediumFullWidth {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #fff;
    height: 48px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonPrimaryMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonPrimaryMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonPrimaryMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonPrimaryMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryLarge {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #fff;
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithLeftIconPrimaryLarge:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithLeftIconPrimaryLarge:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithLeftIconPrimaryLarge__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryLarge__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryLargeFullWidth {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #fff;
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithLeftIconPrimaryLargeFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithLeftIconPrimaryLargeFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithLeftIconPrimaryLargeFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryLargeFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryMedium {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #fff;
    height: 48px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithLeftIconPrimaryMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithLeftIconPrimaryMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithLeftIconPrimaryMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryMediumFullWidth {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #fff;
    height: 48px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithLeftIconPrimaryMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithLeftIconPrimaryMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithLeftIconPrimaryMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimaryMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimarySmall {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 178px;
    border: 1px solid #fff;
    height: 54px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithLeftIconPrimarySmall:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithLeftIconPrimarySmall:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithLeftIconPrimarySmall__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimarySmall__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimarySmallFullWidth {
    color: #fff !important;
    background-color: #e6aa5f;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #fff;
    height: 54px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithLeftIconPrimarySmallFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithLeftIconPrimarySmallFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithLeftIconPrimarySmallFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithLeftIconPrimarySmallFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryMedium {
    color: #e6aa5f !important;
    background-color: #fff;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #e6aa5f;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedPrimaryMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonOutlinedPrimaryMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedPrimaryMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryMediumFullWidth {
    color: #e6aa5f !important;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #e6aa5f;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedPrimaryMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonOutlinedPrimaryMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedPrimaryMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryAutoHeight {
    color: #e6aa5f !important;
    background-color: #fff;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #e6aa5f;
    height: auto;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 24px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedPrimaryAutoHeight:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonOutlinedPrimaryAutoHeight:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedPrimaryAutoHeight__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryAutoHeight__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryAutoHeightFullWidth {
    color: #e6aa5f !important;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #e6aa5f;
    height: auto;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 24px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedPrimaryAutoHeightFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonOutlinedPrimaryAutoHeightFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedPrimaryAutoHeightFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedPrimaryAutoHeightFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedLineMedium {
    color: #00b900 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #00b900;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedLineMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #00b900
}

.buttonOutlinedLineMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedLineMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedLineMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedLineMediumFullWidth {
    color: #00b900 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #00b900;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedLineMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #00b900
}

.buttonOutlinedLineMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedLineMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedLineMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedContactMedium {
    color: #212121 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #212121;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedContactMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #212121
}

.buttonOutlinedContactMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedContactMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedContactMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonOutlinedContactMediumFullWidth {
    color: #212121 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #212121;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonOutlinedContactMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #212121
}

.buttonOutlinedContactMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonOutlinedContactMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonOutlinedContactMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithRightArrowOutlinedPrimaryMedium {
    color: #e6aa5f !important;
    background-color: #fff;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #e6aa5f;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithRightArrowOutlinedPrimaryMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithRightArrowOutlinedPrimaryMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithRightArrowOutlinedPrimaryMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithRightArrowOutlinedPrimaryMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonWithRightArrowOutlinedPrimaryMediumFullWidth {
    color: #e6aa5f !important;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #e6aa5f;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonWithRightArrowOutlinedPrimaryMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #eec48f
}

.buttonWithRightArrowOutlinedPrimaryMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonWithRightArrowOutlinedPrimaryMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonWithRightArrowOutlinedPrimaryMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonDiscontinued {
    color: #ef5d60 !important;
    background-color: #fafafa;
    border-radius: 8px;
    width: 343px;
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: not-allowed;
    margin-bottom: 24px;
    margin-top: 24px
}

.buttonDiscontinuedFullWidth {
    color: #ef5d60 !important;
    background-color: #fafafa;
    border-radius: 8px;
    width: 100%;
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: not-allowed;
    margin-bottom: 24px;
    margin-top: 24px
}

.buttonDiscontinuedSmall {
    color: #ef5d60 !important;
    background-color: #fafafa;
    border-radius: 8px;
    width: 343px;
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: not-allowed;
    margin-bottom: 24px;
    margin-top: 24px
}

.buttonDiscontinuedSmallFullWidth {
    color: #ef5d60 !important;
    background-color: #fafafa;
    border-radius: 8px;
    width: 100%;
    height: 66px;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: not-allowed;
    margin-bottom: 0;
    margin-top: 0
}

.buttonNotFavoriteMedium {
    color: #757575 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #757575;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonNotFavoriteMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #ef5d60
}

.buttonNotFavoriteMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonNotFavoriteMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonNotFavoriteMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonNotFavoriteMediumFullWidth {
    color: #757575 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #757575;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonNotFavoriteMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #ef5d60
}

.buttonNotFavoriteMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonNotFavoriteMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonNotFavoriteMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonFavoriteMedium {
    color: #ef5d60 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 343px;
    border: 1px solid #ef5d60;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonFavoriteMedium:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #ef5d60
}

.buttonFavoriteMedium:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonFavoriteMedium__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonFavoriteMedium__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.buttonFavoriteMediumFullWidth {
    color: #ef5d60 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    border: 1px solid #ef5d60;
    height: 48px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 16px 13px 13px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.buttonFavoriteMediumFullWidth:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #ef5d60
}

.buttonFavoriteMediumFullWidth:disabled {
    background-color: #faeedf;
    cursor: not-allowed
}

.buttonFavoriteMediumFullWidth__leftIcon {
    margin-right: 14px;
    height: 18px;
    width: 18px
}

.buttonFavoriteMediumFullWidth__rightIcon {
    position: absolute;
    right: 8px;
    height: 18px;
    width: 18px
}

.chipsOutlinedPrimaryMedium {
    height: 32px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    border-radius: 30px;
    transition: .3s;
    text-decoration: none !important;
    font-weight: 700;
    cursor: pointer;
    padding: 6px 12px;
    color: #e6aa5f !important;
    background-color: #fff;
    border: 1px solid #e6aa5f;
    display: inline-block
}

.chipsOutlinedPrimaryMedium:hover {
    color: #fff !important;
    background-color: #eec48f;
    border: 1px solid #eec48f
}

.chipsOutlinedBaseSmall {
    height: 33px;
    font-size: 12px;
    text-align: center;
    border-radius: 30px;
    transition: .3s;
    text-decoration: none !important;
    cursor: pointer;
    padding: 4px 8px;
    color: #757575 !important;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    display: inline-block
}

.chipsOutlinedBaseSmall:hover {
    color: #fff !important;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0
}

.chipsOutlinedPrimaryUnableSmall {
    height: 33px;
    font-size: 12px;
    text-align: center;
    border-radius: 30px;
    transition: .3s;
    text-decoration: none !important;
    cursor: pointer;
    padding: 4px 8px;
    color: #212121 !important;
    background-color: #faeedf;
    border: 1px solid #faeedf;
    display: inline-block
}

.chipsOutlinedPrimaryUnableSmall:hover {
    color: #212121 !important;
    opacity: .6
}

.chipsOutlinedAssistantSmall {
    height: 33px;
    font-size: 12px;
    text-align: center;
    border-radius: 30px;
    transition: .3s;
    text-decoration: none !important;
    cursor: pointer;
    padding: 4px 8px;
    color: #549186 !important;
    background-color: #fff;
    border: 1px solid #549186;
    display: inline-block
}

.paginationPrimaryNumber {
    width: 28px;
    height: 28px;
    font-size: 12px;
    text-align: center;
    color: #e6aa5f;
    border: 1px solid #e6aa5f;
    border-radius: 4px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.paginationPrimaryNumber:hover {
    color: #fff;
    background-color: #eec48f;
    border: 1px solid #eec48f
}

.paginationPrimaryNumber:disabled {
    color: #e0e0e0;
    background-color: #fff;
    border: 1px solid #e0e0e0
}

.paginationPrimaryIcon {
    width: 28px;
    height: 28px;
    font-size: 12px;
    text-align: center;
    color: #e6aa5f;
    border: 1px solid #e6aa5f;
    border-radius: 4px;
    transition: .3s;
    position: relative;
    cursor: pointer
}

.paginationPrimaryIcon:hover {
    color: #fff;
    background-color: #eec48f;
    border: 1px solid #eec48f
}

.paginationPrimaryIcon:disabled {
    color: #e0e0e0;
    background-color: #fff;
    border: 1px solid #e0e0e0
}

.paginationPrimaryIcon__icon {
    height: 15px;
    width: 15px;
    vertical-align: middle
}

.floatActionButtonStandard {
    border-radius: 28px;
    height: 56px;
    width: 56px;
    text-align: center;
    background-color: #e6aa5f;
    transition: .3s;
    cursor: pointer;
    z-index: 1;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.floatActionButtonStandard:hover {
    background-color: #eec48f
}

.floatActionButtonStandard__icon {
    color: #fff !important;
    height: 35px;
    width: 35px;
    position: absolute;
    top: 10px;
    left: 10px
}

.floatActionButtonFavorite {
    border-radius: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #faeedf;
    background-color: #fff;
    transition: .3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    cursor: pointer;
    z-index: 1
}

.floatActionButtonFavorite:active {
    color: #fff;
    border-color: #ef5d60;
    background: #ef5d60;
    text-decoration: none
}

.floatActionButtonFavorite--favorited {
    color: #ef5d60;
    background-color: #fff
}

.floatActionButtonFavorite__icon {
    height: 18px;
    width: 19px;
    position: absolute;
    top: 12px;
    left: 11px
}

.inputNormal {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    border: solid 1px #e0e0e0;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    position: relative
}

.inputNormal::-webkit-input-placeholder {
    color: #bdbdbd
}

.inputNormal::-moz-placeholder {
    color: #bdbdbd
}

.inputNormal:-ms-input-placeholder {
    color: #bdbdbd
}

.inputNormal::-ms-input-placeholder {
    color: #bdbdbd
}

.inputNormal::placeholder {
    color: #bdbdbd
}

.inputNormal--error {
    border: solid 1px #ef5d60
}

.inputNormal__attentionMessage {
    font-size: 12px;
    line-height: 14px;
    color: #ef5d60;
    padding: 8px
}

.inputNormal__attentionMessage--hidden {
    display: none
}

.inputNormal__selectField {
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    color: #212121;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 8px
}

.inputNormal__rightIcon {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 2px;
    right: 2px;
    color: #757575;
    pointer-events: none
}

.inputNormal__leftIcon {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #757575;
    pointer-events: none
}

.selectBoxNormal {
    padding: none;
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    border: solid 1px #e0e0e0;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    position: relative
}

.selectBoxNormal::-webkit-input-placeholder {
    color: #bdbdbd
}

.selectBoxNormal::-moz-placeholder {
    color: #bdbdbd
}

.selectBoxNormal:-ms-input-placeholder {
    color: #bdbdbd
}

.selectBoxNormal::-ms-input-placeholder {
    color: #bdbdbd
}

.selectBoxNormal::placeholder {
    color: #bdbdbd
}

.selectBoxNormal--error {
    border: solid 1px #ef5d60
}

.selectBoxNormal__attentionMessage {
    font-size: 12px;
    line-height: 14px;
    color: #ef5d60;
    padding: 8px
}

.selectBoxNormal__attentionMessage--hidden {
    display: none
}

.selectBoxNormal__selectField {
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    color: #212121;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 8px
}

.selectBoxNormal__rightIcon {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 2px;
    right: 2px;
    color: #757575;
    pointer-events: none
}

.selectBoxNormal__leftIcon {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #757575;
    pointer-events: none
}

.selectBoxWithLeftIcon {
    padding: 2px;
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    border: solid 1px #e0e0e0;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    position: relative
}

.selectBoxWithLeftIcon::-webkit-input-placeholder {
    color: #bdbdbd
}

.selectBoxWithLeftIcon::-moz-placeholder {
    color: #bdbdbd
}

.selectBoxWithLeftIcon:-ms-input-placeholder {
    color: #bdbdbd
}

.selectBoxWithLeftIcon::-ms-input-placeholder {
    color: #bdbdbd
}

.selectBoxWithLeftIcon::placeholder {
    color: #bdbdbd
}

.selectBoxWithLeftIcon--error {
    border: solid 1px #ef5d60
}

.selectBoxWithLeftIcon__attentionMessage {
    font-size: 12px;
    line-height: 14px;
    color: #ef5d60;
    padding: 8px
}

.selectBoxWithLeftIcon__attentionMessage--hidden {
    display: none
}

.selectBoxWithLeftIcon__selectField {
    width: 100%;
    height: 100%;
    padding: 6px 16px 6px 32px;
    color: #212121;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 8px
}

.selectBoxWithLeftIcon__rightIcon {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 2px;
    right: 2px;
    color: #757575;
    pointer-events: none
}

.selectBoxWithLeftIcon__leftIcon {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #757575;
    pointer-events: none
}

.textareaNormal {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    border: solid 1px #e0e0e0;
    border-radius: 4px;
    width: 100%;
    height: none;
    position: relative
}

.textareaNormal::-webkit-input-placeholder {
    color: #bdbdbd
}

.textareaNormal::-moz-placeholder {
    color: #bdbdbd
}

.textareaNormal:-ms-input-placeholder {
    color: #bdbdbd
}

.textareaNormal::-ms-input-placeholder {
    color: #bdbdbd
}

.textareaNormal::placeholder {
    color: #bdbdbd
}

.textareaNormal--error {
    border: solid 1px #ef5d60
}

.textareaNormal__attentionMessage {
    font-size: 12px;
    line-height: 14px;
    color: #ef5d60;
    padding: 8px
}

.textareaNormal__attentionMessage--hidden {
    display: none
}

.textareaNormal__selectField {
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    color: #212121;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 8px
}

.textareaNormal__rightIcon {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 2px;
    right: 2px;
    color: #757575;
    pointer-events: none
}

.textareaNormal__leftIcon {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #757575;
    pointer-events: none
}

.textareaLarge {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    border: solid 1px #e0e0e0;
    border-radius: 4px;
    width: 100%;
    height: 192px;
    position: relative
}

.textareaLarge::-webkit-input-placeholder {
    color: #bdbdbd
}

.textareaLarge::-moz-placeholder {
    color: #bdbdbd
}

.textareaLarge:-ms-input-placeholder {
    color: #bdbdbd
}

.textareaLarge::-ms-input-placeholder {
    color: #bdbdbd
}

.textareaLarge::placeholder {
    color: #bdbdbd
}

.textareaLarge--error {
    border: solid 1px #ef5d60
}

.textareaLarge__attentionMessage {
    font-size: 12px;
    line-height: 14px;
    color: #ef5d60;
    padding: 8px
}

.textareaLarge__attentionMessage--hidden {
    display: none
}

.textareaLarge__selectField {
    width: 100%;
    height: 100%;
    padding: 8px 16px;
    color: #212121;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 8px
}

.textareaLarge__rightIcon {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 2px;
    right: 2px;
    color: #757575;
    pointer-events: none
}

.textareaLarge__leftIcon {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #757575;
    pointer-events: none
}

.checkBoxNormal__hidden {
    display: none
}

.checkBoxNormal__text {
    padding-left: 26px;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #212121
}

.checkBoxNormal__text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.checkBoxNormal__hidden:checked+.checkBoxNormal__text::after {
    content: "";
    background-color: #e6aa5f;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='white' stroke-width='2' points='5,11.3 9.3,14.7 16,7 '/%3E%3C/svg%3E")
}

.checkBoxNormal__attentionMessage {
    font-size: 12px;
    line-height: 14px;
    color: #ef5d60;
    padding: 8px 0
}

.radioButtonNormal {
    position: relative
}

.radioButtonNormal__hidden {
    display: none
}

.radioButtonNormal__hidden[type=radio]+.radioButtonNormal__text {
    padding-left: 25px;
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    cursor: pointer
}

.radioButtonNormal__hidden[type=radio]+.radioButtonNormal__text--small {
    font-size: 12px
}

.radioButtonNormal__hidden[type=radio]+.radioButtonNormal__text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 50%
}

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

.radioButtonNormal__attentionMessage {
    font-size: 12px;
    line-height: 14px;
    color: #ef5d60;
    padding: 8px 0
}

.mt0 {
    margin-top: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.mt1 {
    margin-top: 1px !important
}

.mr1 {
    margin-right: 1px !important
}

.mb1 {
    margin-bottom: 1px !important
}

.ml1 {
    margin-left: 1px !important
}

.pt1 {
    padding-top: 1px !important
}

.pr1 {
    padding-right: 1px !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pl1 {
    padding-left: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mr2 {
    margin-right: 2px !important
}

.mb2 {
    margin-bottom: 2px !important
}

.ml2 {
    margin-left: 2px !important
}

.pt2 {
    padding-top: 2px !important
}

.pr2 {
    padding-right: 2px !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pl2 {
    padding-left: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mr3 {
    margin-right: 3px !important
}

.mb3 {
    margin-bottom: 3px !important
}

.ml3 {
    margin-left: 3px !important
}

.pt3 {
    padding-top: 3px !important
}

.pr3 {
    padding-right: 3px !important
}

.pb3 {
    padding-bottom: 3px !important
}

.pl3 {
    padding-left: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

.mr4 {
    margin-right: 4px !important
}

.mb4 {
    margin-bottom: 4px !important
}

.ml4 {
    margin-left: 4px !important
}

.pt4 {
    padding-top: 4px !important
}

.pr4 {
    padding-right: 4px !important
}

.pb4 {
    padding-bottom: 4px !important
}

.pl4 {
    padding-left: 4px !important
}

.mt5 {
    margin-top: 5px !important
}

.mr5 {
    margin-right: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.ml5 {
    margin-left: 5px !important
}

.pt5 {
    padding-top: 5px !important
}

.pr5 {
    padding-right: 5px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pl5 {
    padding-left: 5px !important
}

.mt6 {
    margin-top: 6px !important
}

.mr6 {
    margin-right: 6px !important
}

.mb6 {
    margin-bottom: 6px !important
}

.ml6 {
    margin-left: 6px !important
}

.pt6 {
    padding-top: 6px !important
}

.pr6 {
    padding-right: 6px !important
}

.pb6 {
    padding-bottom: 6px !important
}

.pl6 {
    padding-left: 6px !important
}

.mt7 {
    margin-top: 7px !important
}

.mr7 {
    margin-right: 7px !important
}

.mb7 {
    margin-bottom: 7px !important
}

.ml7 {
    margin-left: 7px !important
}

.pt7 {
    padding-top: 7px !important
}

.pr7 {
    padding-right: 7px !important
}

.pb7 {
    padding-bottom: 7px !important
}

.pl7 {
    padding-left: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mr8 {
    margin-right: 8px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.ml8 {
    margin-left: 8px !important
}

.pt8 {
    padding-top: 8px !important
}

.pr8 {
    padding-right: 8px !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pl8 {
    padding-left: 8px !important
}

.mt9 {
    margin-top: 9px !important
}

.mr9 {
    margin-right: 9px !important
}

.mb9 {
    margin-bottom: 9px !important
}

.ml9 {
    margin-left: 9px !important
}

.pt9 {
    padding-top: 9px !important
}

.pr9 {
    padding-right: 9px !important
}

.pb9 {
    padding-bottom: 9px !important
}

.pl9 {
    padding-left: 9px !important
}

.mt10 {
    margin-top: 10px !important
}

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

.mb10 {
    margin-bottom: 10px !important
}

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

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

.pr10 {
    padding-right: 10px !important
}

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

.pl10 {
    padding-left: 10px !important
}

.mt11 {
    margin-top: 11px !important
}

.mr11 {
    margin-right: 11px !important
}

.mb11 {
    margin-bottom: 11px !important
}

.ml11 {
    margin-left: 11px !important
}

.pt11 {
    padding-top: 11px !important
}

.pr11 {
    padding-right: 11px !important
}

.pb11 {
    padding-bottom: 11px !important
}

.pl11 {
    padding-left: 11px !important
}

.mt12 {
    margin-top: 12px !important
}

.mr12 {
    margin-right: 12px !important
}

.mb12 {
    margin-bottom: 12px !important
}

.ml12 {
    margin-left: 12px !important
}

.pt12 {
    padding-top: 12px !important
}

.pr12 {
    padding-right: 12px !important
}

.pb12 {
    padding-bottom: 12px !important
}

.pl12 {
    padding-left: 12px !important
}

.mt13 {
    margin-top: 13px !important
}

.mr13 {
    margin-right: 13px !important
}

.mb13 {
    margin-bottom: 13px !important
}

.ml13 {
    margin-left: 13px !important
}

.pt13 {
    padding-top: 13px !important
}

.pr13 {
    padding-right: 13px !important
}

.pb13 {
    padding-bottom: 13px !important
}

.pl13 {
    padding-left: 13px !important
}

.mt14 {
    margin-top: 14px !important
}

.mr14 {
    margin-right: 14px !important
}

.mb14 {
    margin-bottom: 14px !important
}

.ml14 {
    margin-left: 14px !important
}

.pt14 {
    padding-top: 14px !important
}

.pr14 {
    padding-right: 14px !important
}

.pb14 {
    padding-bottom: 14px !important
}

.pl14 {
    padding-left: 14px !important
}

.mt15 {
    margin-top: 15px !important
}

.mr15 {
    margin-right: 15px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.ml15 {
    margin-left: 15px !important
}

.pt15 {
    padding-top: 15px !important
}

.pr15 {
    padding-right: 15px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pl15 {
    padding-left: 15px !important
}

.mt16 {
    margin-top: 16px !important
}

.mr16 {
    margin-right: 16px !important
}

.mb16 {
    margin-bottom: 16px !important
}

.ml16 {
    margin-left: 16px !important
}

.pt16 {
    padding-top: 16px !important
}

.pr16 {
    padding-right: 16px !important
}

.pb16 {
    padding-bottom: 16px !important
}

.pl16 {
    padding-left: 16px !important
}

.mt17 {
    margin-top: 17px !important
}

.mr17 {
    margin-right: 17px !important
}

.mb17 {
    margin-bottom: 17px !important
}

.ml17 {
    margin-left: 17px !important
}

.pt17 {
    padding-top: 17px !important
}

.pr17 {
    padding-right: 17px !important
}

.pb17 {
    padding-bottom: 17px !important
}

.pl17 {
    padding-left: 17px !important
}

.mt18 {
    margin-top: 18px !important
}

.mr18 {
    margin-right: 18px !important
}

.mb18 {
    margin-bottom: 18px !important
}

.ml18 {
    margin-left: 18px !important
}

.pt18 {
    padding-top: 18px !important
}

.pr18 {
    padding-right: 18px !important
}

.pb18 {
    padding-bottom: 18px !important
}

.pl18 {
    padding-left: 18px !important
}

.mt19 {
    margin-top: 19px !important
}

.mr19 {
    margin-right: 19px !important
}

.mb19 {
    margin-bottom: 19px !important
}

.ml19 {
    margin-left: 19px !important
}

.pt19 {
    padding-top: 19px !important
}

.pr19 {
    padding-right: 19px !important
}

.pb19 {
    padding-bottom: 19px !important
}

.pl19 {
    padding-left: 19px !important
}

.mt20 {
    margin-top: 20px !important
}

.mr20 {
    margin-right: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.ml20 {
    margin-left: 20px !important
}

.pt20 {
    padding-top: 20px !important
}

.pr20 {
    padding-right: 20px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pl20 {
    padding-left: 20px !important
}

.mt21 {
    margin-top: 21px !important
}

.mr21 {
    margin-right: 21px !important
}

.mb21 {
    margin-bottom: 21px !important
}

.ml21 {
    margin-left: 21px !important
}

.pt21 {
    padding-top: 21px !important
}

.pr21 {
    padding-right: 21px !important
}

.pb21 {
    padding-bottom: 21px !important
}

.pl21 {
    padding-left: 21px !important
}

.mt22 {
    margin-top: 22px !important
}

.mr22 {
    margin-right: 22px !important
}

.mb22 {
    margin-bottom: 22px !important
}

.ml22 {
    margin-left: 22px !important
}

.pt22 {
    padding-top: 22px !important
}

.pr22 {
    padding-right: 22px !important
}

.pb22 {
    padding-bottom: 22px !important
}

.pl22 {
    padding-left: 22px !important
}

.mt23 {
    margin-top: 23px !important
}

.mr23 {
    margin-right: 23px !important
}

.mb23 {
    margin-bottom: 23px !important
}

.ml23 {
    margin-left: 23px !important
}

.pt23 {
    padding-top: 23px !important
}

.pr23 {
    padding-right: 23px !important
}

.pb23 {
    padding-bottom: 23px !important
}

.pl23 {
    padding-left: 23px !important
}

.mt24 {
    margin-top: 24px !important
}

.mr24 {
    margin-right: 24px !important
}

.mb24 {
    margin-bottom: 24px !important
}

.ml24 {
    margin-left: 24px !important
}

.pt24 {
    padding-top: 24px !important
}

.pr24 {
    padding-right: 24px !important
}

.pb24 {
    padding-bottom: 24px !important
}

.pl24 {
    padding-left: 24px !important
}

.mt25 {
    margin-top: 25px !important
}

.mr25 {
    margin-right: 25px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.ml25 {
    margin-left: 25px !important
}

.pt25 {
    padding-top: 25px !important
}

.pr25 {
    padding-right: 25px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pl25 {
    padding-left: 25px !important
}

.mt26 {
    margin-top: 26px !important
}

.mr26 {
    margin-right: 26px !important
}

.mb26 {
    margin-bottom: 26px !important
}

.ml26 {
    margin-left: 26px !important
}

.pt26 {
    padding-top: 26px !important
}

.pr26 {
    padding-right: 26px !important
}

.pb26 {
    padding-bottom: 26px !important
}

.pl26 {
    padding-left: 26px !important
}

.mt27 {
    margin-top: 27px !important
}

.mr27 {
    margin-right: 27px !important
}

.mb27 {
    margin-bottom: 27px !important
}

.ml27 {
    margin-left: 27px !important
}

.pt27 {
    padding-top: 27px !important
}

.pr27 {
    padding-right: 27px !important
}

.pb27 {
    padding-bottom: 27px !important
}

.pl27 {
    padding-left: 27px !important
}

.mt28 {
    margin-top: 28px !important
}

.mr28 {
    margin-right: 28px !important
}

.mb28 {
    margin-bottom: 28px !important
}

.ml28 {
    margin-left: 28px !important
}

.pt28 {
    padding-top: 28px !important
}

.pr28 {
    padding-right: 28px !important
}

.pb28 {
    padding-bottom: 28px !important
}

.pl28 {
    padding-left: 28px !important
}

.mt29 {
    margin-top: 29px !important
}

.mr29 {
    margin-right: 29px !important
}

.mb29 {
    margin-bottom: 29px !important
}

.ml29 {
    margin-left: 29px !important
}

.pt29 {
    padding-top: 29px !important
}

.pr29 {
    padding-right: 29px !important
}

.pb29 {
    padding-bottom: 29px !important
}

.pl29 {
    padding-left: 29px !important
}

.mt30 {
    margin-top: 30px !important
}

.mr30 {
    margin-right: 30px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.ml30 {
    margin-left: 30px !important
}

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

.pr30 {
    padding-right: 30px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pl30 {
    padding-left: 30px !important
}

.mt31 {
    margin-top: 31px !important
}

.mr31 {
    margin-right: 31px !important
}

.mb31 {
    margin-bottom: 31px !important
}

.ml31 {
    margin-left: 31px !important
}

.pt31 {
    padding-top: 31px !important
}

.pr31 {
    padding-right: 31px !important
}

.pb31 {
    padding-bottom: 31px !important
}

.pl31 {
    padding-left: 31px !important
}

.mt32 {
    margin-top: 32px !important
}

.mr32 {
    margin-right: 32px !important
}

.mb32 {
    margin-bottom: 32px !important
}

.ml32 {
    margin-left: 32px !important
}

.pt32 {
    padding-top: 32px !important
}

.pr32 {
    padding-right: 32px !important
}

.pb32 {
    padding-bottom: 32px !important
}

.pl32 {
    padding-left: 32px !important
}

.mt33 {
    margin-top: 33px !important
}

.mr33 {
    margin-right: 33px !important
}

.mb33 {
    margin-bottom: 33px !important
}

.ml33 {
    margin-left: 33px !important
}

.pt33 {
    padding-top: 33px !important
}

.pr33 {
    padding-right: 33px !important
}

.pb33 {
    padding-bottom: 33px !important
}

.pl33 {
    padding-left: 33px !important
}

.mt34 {
    margin-top: 34px !important
}

.mr34 {
    margin-right: 34px !important
}

.mb34 {
    margin-bottom: 34px !important
}

.ml34 {
    margin-left: 34px !important
}

.pt34 {
    padding-top: 34px !important
}

.pr34 {
    padding-right: 34px !important
}

.pb34 {
    padding-bottom: 34px !important
}

.pl34 {
    padding-left: 34px !important
}

.mt35 {
    margin-top: 35px !important
}

.mr35 {
    margin-right: 35px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.ml35 {
    margin-left: 35px !important
}

.pt35 {
    padding-top: 35px !important
}

.pr35 {
    padding-right: 35px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pl35 {
    padding-left: 35px !important
}

.mt36 {
    margin-top: 36px !important
}

.mr36 {
    margin-right: 36px !important
}

.mb36 {
    margin-bottom: 36px !important
}

.ml36 {
    margin-left: 36px !important
}

.pt36 {
    padding-top: 36px !important
}

.pr36 {
    padding-right: 36px !important
}

.pb36 {
    padding-bottom: 36px !important
}

.pl36 {
    padding-left: 36px !important
}

.mt37 {
    margin-top: 37px !important
}

.mr37 {
    margin-right: 37px !important
}

.mb37 {
    margin-bottom: 37px !important
}

.ml37 {
    margin-left: 37px !important
}

.pt37 {
    padding-top: 37px !important
}

.pr37 {
    padding-right: 37px !important
}

.pb37 {
    padding-bottom: 37px !important
}

.pl37 {
    padding-left: 37px !important
}

.mt38 {
    margin-top: 38px !important
}

.mr38 {
    margin-right: 38px !important
}

.mb38 {
    margin-bottom: 38px !important
}

.ml38 {
    margin-left: 38px !important
}

.pt38 {
    padding-top: 38px !important
}

.pr38 {
    padding-right: 38px !important
}

.pb38 {
    padding-bottom: 38px !important
}

.pl38 {
    padding-left: 38px !important
}

.mt39 {
    margin-top: 39px !important
}

.mr39 {
    margin-right: 39px !important
}

.mb39 {
    margin-bottom: 39px !important
}

.ml39 {
    margin-left: 39px !important
}

.pt39 {
    padding-top: 39px !important
}

.pr39 {
    padding-right: 39px !important
}

.pb39 {
    padding-bottom: 39px !important
}

.pl39 {
    padding-left: 39px !important
}

.mt40 {
    margin-top: 40px !important
}

.mr40 {
    margin-right: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml40 {
    margin-left: 40px !important
}

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

.pr40 {
    padding-right: 40px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pl40 {
    padding-left: 40px !important
}

.mt41 {
    margin-top: 41px !important
}

.mr41 {
    margin-right: 41px !important
}

.mb41 {
    margin-bottom: 41px !important
}

.ml41 {
    margin-left: 41px !important
}

.pt41 {
    padding-top: 41px !important
}

.pr41 {
    padding-right: 41px !important
}

.pb41 {
    padding-bottom: 41px !important
}

.pl41 {
    padding-left: 41px !important
}

.mt42 {
    margin-top: 42px !important
}

.mr42 {
    margin-right: 42px !important
}

.mb42 {
    margin-bottom: 42px !important
}

.ml42 {
    margin-left: 42px !important
}

.pt42 {
    padding-top: 42px !important
}

.pr42 {
    padding-right: 42px !important
}

.pb42 {
    padding-bottom: 42px !important
}

.pl42 {
    padding-left: 42px !important
}

.mt43 {
    margin-top: 43px !important
}

.mr43 {
    margin-right: 43px !important
}

.mb43 {
    margin-bottom: 43px !important
}

.ml43 {
    margin-left: 43px !important
}

.pt43 {
    padding-top: 43px !important
}

.pr43 {
    padding-right: 43px !important
}

.pb43 {
    padding-bottom: 43px !important
}

.pl43 {
    padding-left: 43px !important
}

.mt44 {
    margin-top: 44px !important
}

.mr44 {
    margin-right: 44px !important
}

.mb44 {
    margin-bottom: 44px !important
}

.ml44 {
    margin-left: 44px !important
}

.pt44 {
    padding-top: 44px !important
}

.pr44 {
    padding-right: 44px !important
}

.pb44 {
    padding-bottom: 44px !important
}

.pl44 {
    padding-left: 44px !important
}

.mt45 {
    margin-top: 45px !important
}

.mr45 {
    margin-right: 45px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.ml45 {
    margin-left: 45px !important
}

.pt45 {
    padding-top: 45px !important
}

.pr45 {
    padding-right: 45px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pl45 {
    padding-left: 45px !important
}

.mt46 {
    margin-top: 46px !important
}

.mr46 {
    margin-right: 46px !important
}

.mb46 {
    margin-bottom: 46px !important
}

.ml46 {
    margin-left: 46px !important
}

.pt46 {
    padding-top: 46px !important
}

.pr46 {
    padding-right: 46px !important
}

.pb46 {
    padding-bottom: 46px !important
}

.pl46 {
    padding-left: 46px !important
}

.mt47 {
    margin-top: 47px !important
}

.mr47 {
    margin-right: 47px !important
}

.mb47 {
    margin-bottom: 47px !important
}

.ml47 {
    margin-left: 47px !important
}

.pt47 {
    padding-top: 47px !important
}

.pr47 {
    padding-right: 47px !important
}

.pb47 {
    padding-bottom: 47px !important
}

.pl47 {
    padding-left: 47px !important
}

.mt48 {
    margin-top: 48px !important
}

.mr48 {
    margin-right: 48px !important
}

.mb48 {
    margin-bottom: 48px !important
}

.ml48 {
    margin-left: 48px !important
}

.pt48 {
    padding-top: 48px !important
}

.pr48 {
    padding-right: 48px !important
}

.pb48 {
    padding-bottom: 48px !important
}

.pl48 {
    padding-left: 48px !important
}

.mt49 {
    margin-top: 49px !important
}

.mr49 {
    margin-right: 49px !important
}

.mb49 {
    margin-bottom: 49px !important
}

.ml49 {
    margin-left: 49px !important
}

.pt49 {
    padding-top: 49px !important
}

.pr49 {
    padding-right: 49px !important
}

.pb49 {
    padding-bottom: 49px !important
}

.pl49 {
    padding-left: 49px !important
}

.mt50 {
    margin-top: 50px !important
}

.mr50 {
    margin-right: 50px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.ml50 {
    margin-left: 50px !important
}

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

.pr50 {
    padding-right: 50px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pl50 {
    padding-left: 50px !important
}

.tanp-btn {
    width: 100%;
    display: block;
    border-radius: 5px;
    border: none;
    padding: 20px 0;
    text-align: center;
    font-size: 16px
}

.tanp-btn:hover {
    opacity: .8;
    cursor: pointer;
    text-decoration: none
}

.tanp-btn .fa {
    margin-right: 5px
}

.tanp-btn-small {
    width: 100%;
    display: block;
    border-radius: 5px;
    border: none;
    padding: 10px 0;
    text-align: center;
    font-size: 12px
}

.tanp-btn-small:hover {
    opacity: .8;
    cursor: pointer;
    text-decoration: none
}

.tanp-btn-small .fa {
    margin-right: 5px
}

.tanp-btn-red {
    background: #ef5d60;
    color: #fff !important
}

.tanp-btn-gray {
    background-color: #dcdcdc
}

.tanp-btn-white {
    background-color: #fff;
    border: 1px solid #757575
}

.floatActionButtonFavorite {
    display: block;
    border-radius: 5px;
    font-weight: 700;
    width: 200px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #757575;
    color: #757575 !important;
    transition: .3s;
    box-shadow: none
}

.floatActionButtonFavorite:hover {
    color: #fff !important;
    border-color: #ef5d60;
    background: #ef5d60;
    cursor: pointer;
    text-decoration: none
}

.floatActionButtonFavorite .fa {
    margin-right: 5px
}

.floatActionButtonFavorite--favorited {
    background-color: #fff;
    border: 1px solid #ef5d60;
    color: #ef5d60 !important
}

.addCartBtn {
    text-align: center;
    margin-top: 20px;
    display: block;
    width: 100%;
    line-height: 60px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .5);
    background-color: #ef5d60;
    border: 1px solid #ef5d60;
    font-weight: 700;
    color: #fff;
    transition: .3s
}

.addCartBtn:hover {
    opacity: .6
}

.productContactBtn {
    text-align: center;
    margin-top: 20px;
    display: block;
    width: 60%;
    line-height: 45px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #dcdcdc;
    border: 1px solid #dcdcdc;
    transition: .3s
}

.productContactBtn:hover {
    opacity: .8;
    cursor: pointer;
    text-decoration: none
}

.productContactBtn .fa {
    margin-right: 5px
}

.couponModal {
    position: absolute;
    top: -10px;
    right: -10px
}

.couponModal__closeBtn {
    border-radius: 50px;
    display: block;
    border: 1px solid #e0e0e0;
    line-height: 26px;
    background: #fff;
    font-size: 24px;
    color: #757575;
    font-weight: 700;
    width: 30px;
    height: 30px;
    text-align: center;
    transition: .3s
}

.couponModal__closeBtn:hover {
    cursor: pointer
}

.header {
    background-color: #fff;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.header__inner {
    height: 64px;
    margin: 0 auto;
    width: 1024px;
    display: flex;
    justify-content: space-between
}

.headerLeftContent {
    display: flex;
    height: 64px;
    padding-left: 40px
}

.headerLogo {
    display: block;
    padding: 22px 0;
    height: 64px
}

.headerLogo__image {
    width: 84px;
    height: 20px
}

.headerSearchWrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 14px;
    line-height: 35px;
    padding: 12px 0
}

.headerMenu {
    line-height: 64px;
    padding-right: 40px
}

.headerMenu__item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 22px;
    margin-right: 24px
}

.headerMenu__item:nth-of-type(2n) {
    padding-left: 24px;
    border-left: 1px solid #212121
}

.headerMenu__link {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid #e0e0e0
}

.headerMenu__link:last-of-type {
    padding-right: 0;
    margin-right: 0;
    border-right: none
}

.headerMenu__cart {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 22px;
    margin-left: 44px
}

.headerMenu__helpLink {
    display: block;
    padding-top: 6px
}

.headerMenu__helpLink:hover {
    opacity: .6
}

.headerMenu__helpLink .fa-question-circle {
    font-size: 24px
}

.headerMenu__cartLink {
    display: block;
    padding-top: 5px;
    position: relative
}

.headerMenu__cartLink:hover {
    opacity: .6
}

.headerMenu__cartIcon {
    width: 24px;
    height: 24px
}

.headerMenu__cartCount {
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ef5d60;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    display: block;
    font-size: 10px;
    top: 1px;
    right: -8px
}

.headerSearchBox {
    display: flex;
    border-radius: 27px;
    width: 343px;
    height: 40px;
    border: 1px solid #e0e0e0;
    position: relative
}

.headerSearchBox__searchBtn {
    position: absolute;
    top: 7px;
    color: #e0e0e0;
    height: 24px;
    margin-left: 10px;
    vertical-align: middle;
    background-color: #fff;
    z-index: 1
}

.headerSearchBox__input {
    padding-left: 48px;
    border: none;
    outline: 0;
    width: 100%;
    border-radius: 27px
}

.headerSearchBox::-webkit-input-placeholder {
    color: #bdbdbd
}

.headerSearchBox::-moz-placeholder {
    color: #bdbdbd
}

.headerSearchBox:-ms-input-placeholder {
    color: #bdbdbd
}

.headerSearchBox::-ms-input-placeholder {
    color: #bdbdbd
}

.headerSearchBox::placeholder {
    color: #bdbdbd
}

@media all and (-ms-high-contrast:none) {
    .headerSearchBox {
        height: 40px
    }
}

.headerNotification {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.headerNotification__link {
    display: block;
    width: 1024px;
    margin: 0 auto;
    padding: 10px 0
}

.headerNotification__link:hover {
    text-decoration: none;
    opacity: .8;
    cursor: pointer
}

.headerNotification__label {
    background: #ef5d60;
    color: #fff;
    padding: 5px;
    border-radius: 3px
}

.headerNotification__title {
    color: #ef5d60;
    padding-left: 10px
}

.headerCoupon {
    display: block;
    width: 100%;
    transition: .3s
}

.headerCoupon:hover {
    opacity: .8
}

.headerCoupon__image {
    height: 70px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.headerDropdownToggle {
    color: #e6aa5f !important;
    cursor: pointer
}

.headerDropdownToggle:hover {
    text-decoration: underline
}

.headerDropdownToggle__caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.headerDropdownMenu {
    position: absolute;
    top: 100%;
    left: -40px;
    z-index: 1000;
    min-width: 180px;
    font-size: 14px;
    line-height: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 2px 0 rgba(51, 27, 20, .4);
    border: solid .6px #e0e0e0
}

.headerDropdownMenu--hidden {
    display: none
}

.headerDropdownMenu__linkList {
    padding: 16px;
    background-color: #fafafa
}

.headerDropdownMenu li {
    margin-bottom: 10px
}

.headerDropdownMenu li:last-of-type {
    margin-bottom: 0
}

.headerDropdownMenu li a {
    color: #757575 !important
}

.headerDropdownRankAndPoint {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 16px 16px
}

.headerDropdownRankAndPoint:hover {
    text-decoration: none
}

.headerDropdownRankAndPoint__title {
    color: #757575
}

.headerDropdownRankAndPoint__rank {
    margin-top: 4px;
    margin-bottom: 10px;
    display: flex
}

.headerDropdownRankAndPoint__rankImage {
    height: 22px
}

.headerDropdownRankAndPoint__rankName {
    margin-left: 4px;
    font-weight: 700
}

.headerDropdownRankAndPoint__point {
    margin-top: 4px;
    font-weight: 700
}

.headerDropdownRankAndPoint__linkIcon {
    color: #757575;
    display: flex;
    align-items: center
}

.entryFormHeader {
    background-color: #fff;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.entryFormHeader__inner {
    height: 64px;
    margin: 0 auto;
    width: 1024px;
    display: flex;
    justify-content: center
}

.entryFormHeaderContent {
    display: block;
    padding: 22px 0;
    height: 64px
}

.entryFormHeaderContent__image {
    width: 80px;
    height: 20px
}

.algolia-autocomplete {
    width: 100%;
    display: block !important
}

.aa-dropdown-menu {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px
}

.aa-suggestion {
    font-size: 14px;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0
}

.aa-suggestion__link {
    display: flex;
    vertical-align: middle;
    width: 100%;
    text-decoration: none !important
}

.aa-suggestion:hover {
    background-color: #fafafa
}

.aa-suggestion em {
    font-weight: 700
}

.aa-suggestion__type {
    height: 40px;
    line-height: 40px;
    display: block;
    color: #e6aa5f;
    font-size: 14px;
    font-weight: 700;
    margin-left: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.aa-suggestion__title {
    height: 40px;
    line-height: 40px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.aa-suggestion__image {
    width: 50px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px
}

.aa-cursor {
    background-color: #fafafa
}

.aa-suggestions-category {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    padding: 6px 12px
}

.aa-dropdown-menu>div {
    width: 100%f
}

.footer {
    background: #fafafa;
    margin-top: 80px
}

.footer__inner {
    padding: 50px 0 28px 0;
    width: 1024px;
    margin: 0 auto
}

.footer__simple {
    padding: 28px 0;
    width: 1024px;
    margin: 0 auto
}

.footerAppBanner {
    width: 100%
}

.footerAppBanner__image {
    width: 100%
}

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

.footerContent {
    width: 16.6%
}

.footerContent:last-of-type {
    padding-left: 30px
}

.footerContent__title {
    font-weight: 700;
    font-size: 16px;
    color: #212121;
    margin-bottom: 12px
}

.footerMenu {
    margin-bottom: 28px
}

.footerMenu__item {
    font-size: 14px;
    margin-bottom: 10px
}

.footerMenu__link {
    color: #757575 !important;
    display: inline-flex;
    align-items: center
}

.footerMenu__socialIcon {
    margin-right: 5px;
    font-size: 20px
}

.footerCopyright {
    margin-top: 16px
}

.footerCopyright__text {
    font-size: 10px;
    color: #757575
}

.breadcrumb {
    margin: 15px 0
}

.breadcrumb__item {
    font-size: 12px;
    padding: 0 5px;
    display: inline-block
}

.breadcrumb__item:first-child {
    padding-left: 0
}

.breadcrumb__item:last-child .breadcrumb__link {
    color: #212121 !important;
    font-weight: 700
}

.breadcrumb__link {
    color: #757575 !important;
    text-decoration: underline !important
}

.breadcrumb__arrow {
    line-height: 12px
}

.paginator {
    margin: 20px 0;
    font-size: 16px;
    text-align: center
}

.paginator__list {
    display: inline-flex;
    vertical-align: middle;
    justify-content: space-between
}

.paginator__list li {
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 5px;
    line-height: 30px
}

.paginator__list li .ellipsis {
    line-height: 32px
}

.paginator__list li a {
    color: #757575
}

.paginator__list li:not(.ellipsis) {
    border: 1px solid #757575;
    border-radius: 4px;
    width: 32px
}

.paginator__list li:not(.ellipsis):hover {
    opacity: .8
}

.paginator__list li:not(.ellipsis) a {
    display: block;
    text-decoration: none
}

.paginator__list li.disabled {
    display: none !important
}

.paginator__list li.active {
    border-color: #e6aa5f
}

.paginator__list li.active a {
    color: #e6aa5f !important
}

.paginator__list li.prev {
    background: #e6aa5f;
    border: 1px solid #e6aa5f;
    border-radius: 4px;
    width: 50px;
    font-size: 16px;
    font-weight: 700;
    margin-right: 15px
}

.paginator__list li.prev:hover {
    opacity: .8
}

.paginator__list li.prev a {
    color: #fff !important
}

.paginator__list li.next {
    background: #e6aa5f;
    border: 1px solid #e6aa5f;
    border-radius: 4px;
    width: 50px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 15px
}

.paginator__list li.next:hover {
    opacity: .8
}

.paginator__list li.next a {
    color: #fff !important
}

.aboutPayment {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 25px 15px
}

.aboutPayment__header {
    padding-bottom: 5px;
    text-align: center;
    font-size: 13px
}

.aboutPayment__desc {
    font-size: 11px
}

.aboutPaymentSection {
    display: block;
    margin: 20px 0
}

.aboutPaymentSection__title {
    font-size: 12px;
    font-weight: 700
}

.aboutPaymentSection__ccBrands {
    margin-top: 10px
}

.aboutPaymentSection__ccBrands li {
    display: inline-block;
    margin-right: 5px
}

.aboutPaymentSection__ccBrands li img {
    width: 30px
}

.aboutPaymentSection:hover {
    text-decoration: none;
    opacity: .6
}

.OfficialSnsTopLink {
    text-decoration: none !important;
    display: block
}

.OfficialSnsTop {
    display: flex;
    margin-bottom: 16px
}

.OfficialSnsTop__icon {
    height: 58px;
    width: 58px;
    border-radius: 20px
}

.OfficialSnsText {
    font-size: 15px;
    line-height: 22px;
    color: #e4405f;
    padding: 8px 14px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 32px;
    background-color: #fff;
    text-align: center
}

.OfficialSnsBottom {
    display: flex;
    justify-content: space-around
}

.OfficialSnsBottomIcon__img {
    height: 40px;
    width: 40px;
    border-radius: 20px
}

.balloonLeft {
    width: calc(100% - 76px);
    position: relative;
    display: flex;
    margin-left: 18px;
    padding: 8px 16px;
    border: solid 1px #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    align-items: center;
    background-color: #fff
}

.balloonLeft:after,
.balloonLeft:before {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 50%
}

.balloonLeft:before {
    border-top-width: 11px;
    border-bottom-width: 11px;
    border-right-width: 10px;
    margin-top: -11px;
    margin-right: 1px;
    border-right-color: #e0e0e0
}

.balloonLeft:after {
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-right-width: 10px;
    margin-top: -10px;
    border-right-color: #fff
}

.balloonLeft__text {
    font-size: 12px;
    line-height: 17px;
    color: #212121
}

.articleElement {
    width: 100%;
    margin-bottom: 20px
}

.articleElement--headline_big {
    margin-top: 40px;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 700;
    border-bottom: 2px solid #e6aa5f;
    padding-bottom: 6px
}

.articleElement--headline_big:first-of-type {
    margin-top: 0
}

.articleElement--headline_small {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
    border-left: solid 2px #e6aa5f;
    padding-left: 10px
}

.articleElement--link {
    margin: 28px 0
}

.articleElement__text {
    font-size: 14px;
    white-space: pre-line;
    line-height: 1.8em
}

.articleElement--product+.articleElement--text {
    margin-bottom: 60px
}

.articleElement--headline_big+.articleElement--headline_small {
    margin-top: 0
}

.articleElement__link {
    font-size: 14px;
    font-weight: 700;
    background-color: #e6aa5f;
    color: #fff !important;
    padding: 14px;
    border-radius: 5px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);
    display: inline-block;
    width: 478px;
    text-align: center
}

.articleElement__link:hover {
    text-decoration: none;
    opacity: .8
}

.articleElement__html {
    font-size: 14px;
    white-space: pre-line;
    line-height: 1.8em
}

.articleElement__htmlEmphasize {
    position: relative;
    margin: 36px 0 0;
    padding: 0 10px;
    border: 2px solid #df8182;
    background-color: #fffbf5
}

.articleElement__htmlEmphasize p:last-child {
    margin-bottom: 0
}

.articleElement__htmlEmphasize::before {
    position: absolute;
    bottom: 100%;
    left: -2px;
    padding: 2px 6px;
    content: "合わせて読みたい";
    background-color: #e6aa5f;
    color: #fff;
    font-weight: 700
}

.articleElement__htmlEmphasizeLink {
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline !important
}

.articleElement__htmlEmphasizeLink:hover {
    opacity: .8
}

.articleElementReview {
    background-color: #fafafa;
    padding: 6px
}

.articleElementReview__title {
    font-size: 14px;
    font-weight: 700;
    padding-top: 6px
}

.articleElementReview__desc {
    font-size: 13px;
    padding: 6px 12px;
    margin-top: 4px
}

.articleElementImage__image {
    max-width: 60%;
    height: 315px;
    margin-top: 15px;
    -o-object-fit: cover;
    object-fit: cover
}

.articleElementImage__reference {
    color: #757575;
    padding-top: 8px;
    font-size: 12px;
    word-wrap: break-word
}

.articleElementProduct {
    width: 500px;
    border: 1px solid #faeedf;
    border-radius: 5px;
    position: relative
}

.articleElementProduct__image {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px 4px 0 0
}

.articleElementProduct__info {
    padding: 10px
}

.articleElementProduct__brandsTitle {
    color: #757575;
    font-size: 14px;
    line-height: 20px
}

.articleElementProduct__productGroup {
    font-size: 14px;
    color: #757575;
    line-height: 20px;
    margin-bottom: 4px
}

.articleElementProduct__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 2px 0;
    max-height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.articleElementProduct__price {
    font-size: 20px;
    line-height: 1.45;
    font-weight: 700
}

.articleElementProduct__link {
    display: block;
    background: #e6aa5f;
    border: 1px solid #e6aa5f;
    font-size: 14px;
    color: #fff !important;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
    margin-top: 16px;
    text-decoration: none !important;
    transition: .3s
}

.articleElementProduct__link:hover {
    opacity: .6
}

.articleElementProduct__soldOut {
    font-size: 18px;
    color: #ef5d60;
    font-weight: 700;
    margin-left: 10px
}

.articleElementProductReview {
    display: flex
}

.articleElementProductReview__rating {
    font-size: 18px;
    margin-left: 4px
}

.articleElementProductReview__count {
    position: relative;
    bottom: 1px;
    font-size: 14px;
    color: #ef5d60;
    font-weight: 400;
    margin-left: 4px
}

.articleElementProductReview__star i {
    font-size: 18px;
    margin-right: 1px
}

.articleElementInnerLink {
    border: 1px solid #b0b0b0;
    background-color: #f0f0f0;
    margin: 0 0 20px 0;
    padding: 18px;
    display: block
}

.articleElementInnerLink:hover {
    background-color: #e0e0e0
}

.articleElementInnerLink__link {
    display: table;
    clear: both
}

.articleElementInnerLink__imageWrapper {
    float: left;
    display: block;
    margin-right: 20px
}

.articleElementInnerLink__image {
    height: 100px;
    width: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

.articleElementInnerLink__content {
    float: left;
    overflow: hidden;
    width: 514px;
    display: block
}

.articleElementInnerLink__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.articleElementInnerLink__desc {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 6px
}

.articleElementProductRanking {
    background: #fafafa;
    border-radius: 8px;
    padding: 24px
}

.articleElementProductRanking__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    align-items: flex-end
}

.articleElementProductRanking__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px
}

.articleElementProductRanking__link {
    display: flex
}

.articleElementProductRanking__link:hover {
    text-decoration: none;
    opacity: .6
}

.articleElementProductRanking__linkText {
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    color: #e6aa5f;
    margin-right: 12px
}

.articleElementProductRanking__linkIcon {
    font-weight: 700;
    line-height: 17px;
    color: #e6aa5f;
    margin-top: 1px
}

.articleElementProductRanking__linkIcon svg {
    height: 17px
}

.articleElementProductRanking__productCardList {
    display: flex;
    margin: 0 -8px
}

.articleElementProductRanking__productCard {
    width: 108px;
    margin: 0 8px
}

.articleElementProductRanking__productCard:hover {
    text-decoration: none;
    opacity: .6
}

.articleElementProductRanking__image {
    position: relative
}

.articleElementProductRanking__rank {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 10px;
    line-height: 14px;
    display: inline-block;
    border-radius: 11px;
    padding: 4px 12px;
    color: #fff;
    background-color: #e6aa5f
}

.articleElementProductRanking__productImage {
    width: 100%;
    height: 108px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.articleElementProductRanking__brandTitle {
    color: #757575;
    font-size: 10px;
    line-height: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 8px
}

.articleElementProductRanking__productTitle {
    font-size: 10px;
    line-height: 14px;
    height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 4px
}

.articleElementProductRanking__productPrice {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.articleElementProductRanking__productReview {
    display: flex;
    align-items: flex-end
}

.articleElementProductRanking__productReviewStar i {
    font-size: 12px;
    line-height: 17px
}

.articleElementProductRanking__productReviewRating {
    font-size: 12px;
    line-height: 17px;
    margin-left: 4px
}

.element {
    width: 100%;
    margin: 20px 0
}

.element:first-child .headline-big {
    padding-top: 0
}

.element-isHidden {
    background-color: #ddd !important
}

.element-isHidden .element-review {
    background-color: #ddd !important
}

.element-uiSelectedCheckbox {
    text-align: right
}

.element-editable {
    margin-bottom: 30px
}

.element .headline-big {
    border-bottom: 3px solid #e6aa5f;
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5em;
    letter-spacing: 1px;
    padding: 5px 0 3px 5px;
    margin: 0;
    padding-top: 42px
}

.element .headline-small {
    font-size: 16px;
    font-weight: 400;
    padding: .25em .5em;
    color: #212121;
    background: 0 0;
    border-left: 4px solid #e6aa5f;
    letter-spacing: 1px;
    margin-top: 56px
}

.element .text {
    font-size: 14px;
    white-space: pre-line;
    line-height: 30px;
    margin: 0
}

.element .image-element {
    max-width: 60%;
    margin-top: 15px
}

.element .image-reference {
    color: #757575;
    padding-top: 5px;
    font-size: 14px
}

.element-product {
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid #e6aa5f;
    border-radius: 5px;
    position: relative
}

.element-product:hover {
    opacity: .8
}

.element-product-img {
    float: left;
    width: 36%;
    height: 200px;
    position: relative
}

.element-product-img-item {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.element-product-info {
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    width: 64%;
    position: relative;
    height: 200px
}

.element-product-info-title {
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 1.2em;
    margin-bottom: 5px;
    height: 18px;
    overflow: hidden
}

.element-product-info-price {
    font-size: 16px;
    margin-top: 10px
}

.element-product-info-btn {
    background: #e6aa5f;
    border: 1px solid #e6aa5f;
    font-size: 15px;
    padding: 15px 20px;
    width: 95%;
    color: #fff;
    margin: 20px auto 5px;
    text-align: center;
    border-radius: 3px;
    font-weight: 700
}

.element-product-info-stars {
    margin-top: 5px
}

.element-product-info-rating {
    font-weight: 700
}

.element .link {
    font-size: 15px;
    background: #ef5d60;
    display: inline-block;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.element .link:hover {
    opacity: .8
}

.element .link a {
    padding: 12px 20px;
    display: block;
    color: #fff !important;
    text-decoration: none
}

.element .html {
    font-size: 14px;
    white-space: pre-line;
    line-height: 30px;
    margin: 0
}

.element-review {
    background-color: #fff7f0;
    padding: 6px
}

.element-review-title {
    font-size: 14px;
    font-weight: 700
}

.element-review-desc {
    font-size: 13px;
    padding: 3px 10px;
    margin-top: 4px
}

.element-edit-form {
    margin: 30px 0;
    border: 1px solid #757575;
    border-radius: 5px;
    padding: 20px
}

.element-edit-form-title {
    font-size: 15px
}

.element-edit-form-subtitle {
    font-size: 12px;
    margin: 10px 0
}

.element-edit-form .form-control {
    margin: 10px 0 20px
}

.item {
    width: 100%;
    margin-bottom: 20px
}

.item-editable {
    margin-bottom: 30px
}

.item .headline-big {
    border-bottom: 2px solid #e6aa5f;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 700;
    padding: 5px 0 5px 5px;
    margin: 0
}

.item .headline-small {
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-weight: 700;
    color: #212121;
    border-left: solid 5px #e6aa5f
}

.item .text {
    font-size: 14px;
    white-space: pre-line;
    line-height: 30px;
    margin: 0
}

.item .link {
    font-size: 15px;
    background: #e6aa5f;
    display: inline-block;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.item .link a {
    padding: 12px 20px;
    display: block;
    color: #fff !important;
    text-decoration: none
}

.item .link a:hover {
    opacity: .8
}

.item .image {
    margin: 0
}

.item .image-item {
    max-width: 80%
}

.item .image-reference {
    color: #757575;
    padding-top: 5px;
    font-size: 14px
}

.item-edit-form {
    margin: 30px 0;
    border: 1px solid #757575;
    border-radius: 5px;
    padding: 20px
}

.item-edit-form-title {
    font-size: 15px
}

.item-edit-form-subtitle {
    font-size: 12px;
    margin: 10px 0
}

.item-edit-form .form-control {
    margin: 10px 0 20px
}

.staffReview {
    position: relative;
    padding: 20px;
    background-color: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 7px;
    margin: 0;
    letter-spacing: 1px
}

.staffReview__title {
    background-color: #e6aa5f;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 6px
}

.staffReview__productTitle {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #333;
    line-height: 170%;
    margin: 6px 0
}

.staffReviewDetail {
    font-size: 14px
}

.staffReviewDetail__column {
    color: #999;
    font-weight: 700
}

.staffReviewDetail__reviewDetail {
    position: relative;
    padding-bottom: 7%;
    word-break: break-all
}

.staffReviewDetail__productImage {
    float: left;
    width: 28%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 5px
}

.brand_item {
    width: 100%;
    margin: 20px 0
}

.brand_item:first-child .headline_big {
    padding-top: 0
}

.brand_item-editable {
    margin-bottom: 30px
}

.brand_item .headline_big {
    border-bottom: 3px solid #e6aa5f;
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5em;
    letter-spacing: 1px;
    padding: 5px 0 3px 5px;
    margin: 0;
    padding-top: 42px
}

.brand_item .headline_small {
    font-size: 16px;
    font-weight: 400;
    padding: .25em .5em;
    color: #212121;
    background: 0 0;
    border-left: 4px solid #e6aa5f;
    letter-spacing: 1px;
    margin-top: 56px
}

.brand_item .text {
    font-size: 14px;
    white-space: pre-line;
    line-height: 1.5em;
    margin: 0
}

.brand_item .item_image {
    max-width: 60%;
    margin-top: 15px
}

.brand_item-edit-form {
    margin: 30px 0;
    border: 1px solid #757575;
    border-radius: 5px;
    padding: 20px
}

.brand_item-edit-form-title {
    font-size: 15px
}

.brand_item-edit-form-subtitle {
    font-size: 12px;
    margin: 10px 0
}

.brand_item-edit-form .form-control {
    margin: 10px 0 20px
}

.brand_item .link {
    font-size: 15px;
    background: #ef5d60;
    display: inline-block;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.brand_item .link:hover {
    opacity: .8
}

.brand_item .link a {
    padding: 12px 20px;
    display: block;
    color: #fff !important;
    text-decoration: none
}

.flash-message {
    margin: 16px 0 24px 0;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    border: 1px solid;
    border-radius: 4px
}

.flash-message-error {
    color: #ef5d60;
    border-color: #ef5d60
}

.flash-message-success {
    color: #32cd32;
    background-color: #f4fff4;
    border-color: #90ee90
}

.flash-message__icon {
    color: #ef5d60;
    height: 18px;
    width: 16px;
    vertical-align: sub
}

.flash-message__content {
    padding-left: 16px
}

.formInputText {
    padding: 10px;
    font-size: 14px;
    color: #212121;
    border: solid 1px #e0e0e0;
    border-radius: 3px;
    width: 100%;
    -webkit-appearance: none
}

.formInputText--half {
    width: 50%
}

.formInputText::-webkit-input-placeholder {
    color: #bdbdbd
}

.formInputText::-moz-placeholder {
    color: #bdbdbd
}

.formInputText:-ms-input-placeholder {
    color: #bdbdbd
}

.formInputText::-ms-input-placeholder {
    color: #bdbdbd
}

.formInputText::placeholder {
    color: #bdbdbd
}

.formInputText--error {
    border-color: #ef5d60 !important
}

.formTextArea {
    padding: 10px;
    font-size: 14px;
    color: #212121;
    border: solid 1px #faeedf;
    border-radius: 3px;
    width: 100%
}

.formTextArea--line {
    border: 2px solid #1dcd00
}

.formTextArea--note {
    border: 2px solid #faeedf
}

.formTextArea::-webkit-input-placeholder {
    color: #bdbdbd
}

.formTextArea::-moz-placeholder {
    color: #bdbdbd
}

.formTextArea:-ms-input-placeholder {
    color: #bdbdbd
}

.formTextArea::-ms-input-placeholder {
    color: #bdbdbd
}

.formTextArea::placeholder {
    color: #bdbdbd
}

.formSelect {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #757575;
    border: solid 1px #e0e0e0;
    background-color: #fff;
    background-image: none;
    border-radius: 4px
}

.formSelect--half {
    width: 50%
}

.formSelect--inline {
    display: inline;
    width: 45%
}

.productItem {
    margin-bottom: 32px;
    float: left
}

.productItem__link {
    display: block;
    transition: .3s
}

.productItem__link:hover {
    text-decoration: none !important;
    opacity: .6
}

.productItem__brandsTitle {
    font-size: 10px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    color: #fffbef;
    margin-bottom: 4px;
    text-overflow: ellipsis
}

.productItem__productGroup {
    font-size: 12px;
    line-height: 1.4;
    color: #fffbef;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.productItem__caption {
    font-size: 10px;
    font-weight: 700;
    color: #e6aa5f;
    margin-bottom: 3px;
    height: 36px;
    overflow: hidden
}

.productItem__title {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 4px;
    color: #fffbef;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.productItem__price {
    font-size: 10px 
    color #ffffff;
}

.productItem__soldOut {
    font-size: 14px;
    color: #ef5d60;
    font-weight: 700;
    margin-left: 10px
}

.productItemImage {
    width: 100%;
    margin-bottom: 6px;
    position: relative
}

.productItemImage__rank {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background-color: #e6aa5f
}

.productItemImage__image {
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover
}

.productItemImage__coupon {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(237, 0, 29, .8);
    font-size: 11px;
    padding: 3px 5px;
    color: #fff;
    z-index: 2
}

.productItemImage__target {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(237, 0, 29, .8);
    font-size: 15px;
    padding: 3px 15px;
    width: 100%;
    color: #fff;
    z-index: 2
}

.productItemImage__target--whiteday {
    background: rgba(0, 166, 188, .8)
}

.threeClmProducts .productItem {
    width: calc((100% - 41px)/ 3);
    margin-right: 20px
}

.threeClmProducts .productItem:nth-of-type(3n+0) {
    margin-right: 0
}

.fourClmProducts {
    width: 100%
}

.fourClmProducts .productItem {
    width: calc((100% - 90px)/ 4);
    margin-right: 30px
}

.fourClmProducts .productItem:nth-of-type(4n+0) {
    margin-right: 0
}

.fiveClmProducts .productItem {
    width: calc((100% - 100px)/ 5);
    margin-right: 25px
}

.fiveClmProducts .productItem:nth-of-type(5n+0) {
    margin-right: 0
}

.fiveClmProducts:after,
.fourClmProducts:after,
.threeClmProducts:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.soldout-badge-left>div {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    z-index: 2;
    color: #fff;
    margin: 14px 0 0 4px;
    transform: rotate(-45deg);
    letter-spacing: 2px;
    vertical-align: baseline;
    font-weight: 600;
    font-family: GEORGIA
}

.soldout-badge-left:after {
    border-width: 80px 80px 0 0;
    border-color: #6d6d6d transparent transparent transparent;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid
}

.soldout-badge-right>div {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    z-index: 2;
    color: #fff;
    margin: 14px 0 0 4px;
    transform: rotate(45deg);
    letter-spacing: 2px;
    vertical-align: baseline;
    font-weight: 600;
    font-family: GEORGIA
}

.soldout-badge-right:after {
    border-width: 80px 0 0 80px;
    border-color: #6d6d6d transparent transparent transparent;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid
}

.modalWrapper {
    z-index: 100;
    display: none;
    padding-top: 160px;
    padding-bottom: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    -webkit-animation: opac .8s;
    animation: opac .8s
}

.modalWrapper--addCart {
    padding: 80px
}

.modalWrapper--userTerms {
    padding: 40px
}

.modalWrapper--couponPopup {
    padding-top: 200px
}

.modalWrapper--uploadImage {
    padding-top: 50px
}

.modalWrapper--updateAddress {
    padding: 60px 0
}

.modalContainer {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 500px;
    border-radius: 5px
}

.modalContainer--wide {
    width: 965px;
    height: 498px;
    position: relative
}

.modalContainer--wide:before {
    content: "";
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,q_auto,w_400/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/pages_partners/texture.png);
    width: 100%;
    height: 100%;
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.modalContainer--big {
    width: 1024px;
    position: relative
}

.modalContainer--big:before {
    content: "";
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,q_auto,w_400/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/pages_partners/texture.png);
    width: 100%;
    height: 100%;
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.modalContainer--coupons {
    width: 742px
}

.modalHeader {
    padding: 20px;
    position: relative
}

.modalHeader__title {
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.modalHeader__closeBtn {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px;
    color: #757575
}

.modalHeader__closeBtn:hover {
    cursor: pointer
}

.modalHeader__closeBtn--round {
    right: -20px;
    top: -20px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.modalHeader--coupons {
    border: none;
    padding: 50px 0 20px;
    color: #212121
}

.productLoginModalContent {
    padding: 20px;
    text-align: center
}

.productLoginModalContent__text {
    font-size: 14px
}

.userTermsModalContent {
    padding: 20px
}

.userTermsModalContent__closeBtn {
    border-radius: 4px;
    display: block;
    border: 1px solid #e0e0e0;
    line-height: 40px;
    background: #fff;
    font-size: 18px;
    color: #757575;
    font-weight: 700;
    width: 60%;
    text-align: center;
    transition: .3s;
    margin: 0 auto
}

.userTermsModalContent__closeBtn:hover {
    opacity: .8;
    cursor: pointer
}

.eventReminderModalContent {
    padding: 20px;
    text-align: center
}

.eventReminderModalContent__btn {
    border-radius: 4px;
    display: block;
    line-height: 60px;
    font-size: 16px;
    font-weight: 700;
    width: 60%;
    text-align: center;
    transition: .3s;
    color: #fff;
    margin: 60px auto 20px
}

.eventReminderModalContent__btn:hover {
    opacity: .8;
    cursor: pointer
}

.eventReminderModalContent__btn--add {
    background: #ef5d60
}

.eventReminderModalContent__btn--save {
    background: #e6aa5f
}

.productLoginModalBottom {
    margin-top: 16px
}

.productLoginModalBottom__link {
    font-size: 14px;
    color: #ef5d60 !important;
    text-decoration: underline !important
}

.productLoginModalBottom__link:first-of-type {
    margin-right: 30px
}

.addCartModalOption__header {
    border-bottom: 1px solid #faeedf;
    background: #fafafa;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px
}

.addCartModalSelect {
    padding: 0 15px 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #faeedf;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.addCartModalSelect:last-of-type {
    margin-bottom: 0
}

.addCartModalSelect__soldOut {
    font-size: 14px;
    line-height: 40px;
    color: #ef5d60
}

.addCartModalSelect__discontinued {
    font-size: 14px;
    line-height: 40px;
    color: #757575
}

.addCartModalSelectInfo {
    display: flex;
    align-items: center;
    width: calc(100% - 60px);
    height: 60px;
    position: relative;
    transition: .3s
}

.addCartModalSelectInfo:hover {
    cursor: pointer;
    opacity: .6
}

.addCartModalSelectInfo__image {
    width: 72px;
    height: 60px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover
}

.addCartModalSelectInfo__name {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    display: block;
    word-break: break-all;
    width: calc(100% - 72px)
}

.addCartModalRadioBtn {
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.addCartModalRadioBtn__label {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    transition: .3s;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #faeedf
}

.addCartModalRadioBtn__input {
    visibility: hidden
}

.addCartModalRadioBtn__input:checked+label {
    background: #e6aa5f
}

.addCartModalCheckBox {
    width: 40px;
    height: 40px;
    margin: auto;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.addCartModalCheckBox__label {
    display: block;
    width: 30px;
    height: 30px;
    transition: .3s;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #faeedf
}

.addCartModalCheckBox__input {
    visibility: hidden
}

.addCartModalCheckBox__input:checked+label {
    background: #ef5d60
}

.addCartModalBottom {
    padding: 25px 30px 15px
}

.addCartModalBottom__submitBtn {
    border-radius: 4px;
    display: block;
    border: none;
    line-height: 60px;
    background: #e6aa5f;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    text-align: center;
    transition: .3s;
    margin-bottom: 20px
}

.addCartModalBottom__submitBtn:hover {
    opacity: .8;
    cursor: pointer
}

.addCartModalBottom__submitBtn i {
    margin-right: 10px
}

.addCartModalBottom__closeBtn {
    border-radius: 4px;
    display: block;
    border: 1px solid #e0e0e0;
    line-height: 40px;
    background: #fff;
    font-size: 18px;
    color: #757575;
    font-weight: 700;
    width: 60%;
    text-align: center;
    transition: .3s;
    margin: 0 auto
}

.addCartModalBottom__closeBtn:hover {
    opacity: .8;
    cursor: pointer
}

.addCartModalBottomCartCount {
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.addCartModalBottomCartCount__input {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: #757575;
    border: solid 1px #faeedf;
    border-radius: 3px;
    margin: 0 8px;
    -webkit-appearance: none
}

.snsDescriptionModalContent {
    padding: 20px
}

.snsDescriptionModalContent__closeBtn {
    border-radius: 4px;
    display: block;
    border: 1px solid #e0e0e0;
    line-height: 40px;
    background: #fff;
    font-size: 18px;
    color: #757575;
    font-weight: 700;
    width: 60%;
    text-align: center;
    transition: .3s;
    margin: 0 auto
}

.snsDescriptionModalContent__closeBtn:hover {
    opacity: .8;
    cursor: pointer
}

.uploadMessageImageModalContent {
    padding: 20px
}

.cmModal {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 600px
}

.cmModal__closeBtn {
    position: absolute;
    right: 0;
    top: -20px;
    border-radius: 50px;
    display: block;
    border: 1px solid #e0e0e0;
    line-height: 26px;
    background: #fff;
    font-size: 24px;
    color: #757575;
    font-weight: 700;
    width: 30px;
    height: 30px;
    text-align: center;
    transition: .3s
}

.cmModal__closeBtn:hover {
    cursor: pointer
}

.cmModal__video {
    margin-bottom: 10px
}

.cmModal__video-thumbnail {
    display: inline-block
}

@-webkit-keyframes opac {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes opac {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight {
    height: auto
}

.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #212121;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #e6aa5f !important
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #212121
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #212121
}

.swiper-container-3d {
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-next {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #212121;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container canvas,
.swiper-zoom-container img,
.swiper-zoom-container svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.topPageEyeCatch {
    position: relative;
    width: 100%
}

.topPageEyeCatch__image {
    height: 293px;
    width: 1024px;
    margin: 0 auto;
    display: block;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.topCombinationSearchForm {
    width: 1024px;
    min-height: 221px;
    margin: 32px auto;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 10px;
    padding: 30px 30px 20px
}

.topCombinationSearchForm__count {
    font-size: 14px;
    color:#fffbf5;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}

.topCombinationSearch {
    width: 100%
}

.topProductSearchRadio {
    display: inline-block;
    margin-right: 12px
}

.topProductSearchRadio:last-of-type {
    margin-right: 24px
}

.topProductSearchRadio__label {
    text-align: center;
    color: #fff7f0;
    width: 100%;
    transition: .2s linear;
    cursor: pointer;
    background: #fff;
    border-radius: 40px
}

.topProductSearchRadio__name {
    font-size: 12px
}

.topProductSearchRadio input[type=radio] {
    display: none
}

.topProductSearchRadio input[type=radio]:checked+label {
    color: #e6aa5f
}

.topProductSearchRadio input[type=radio]:checked+label .topCombinationSearchRadioIconContainer__selected {
    display: block
}

.topCombinationSearchRadioIconContainer {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 56px;
    margin: 0 auto 8px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.topCombinationSearchRadioIconContainer__icon {
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.topCombinationSearchRadioIconContainer__icon--scene {
    width: 56px;
    height: 56px
}

.topCombinationSearchRadioIconContainer__icon--relationship {
    width: 56px;
    height: 56px;
    border-radius: 56px
}

.topCombinationSearchRadioIconContainer__selected {
    display: none;
    opacity: .8 !important;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 58px;
    height: 58px;
    transform: translateX(-50%) translateY(-50%)
}

.topCombinationSearchSubmitBtn {
    display: block;
    border-style: none;
    font-weight: 700;
    font-size: 16px;
    margin: 0 auto;
    width: 240px;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    color: #fff;
    background: #e6aa5f;
    text-align: center;
    transition: .3s
}

.topCombinationSearchSubmitBtn:disabled {
    background: #faeedf !important
}

.topCombinationSearchSubmitBtn:hover {
    cursor: pointer;
    background: #eec48f
}

.topCombinationSearchSection {
    display: flex;
    align-items: center
}

.topCombinationSearchSection__title {
    font-size: 16px;
    color: #212121;
    line-height: 33px;
    font-weight: 700;
    margin-bottom: 16px;
    width: 140px
}

.topCombinationSearchSection__content {
    padding-bottom: 16px;
    width: 100%;
    font-size: 0;
    color:#fffbf5;
    white-space: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.topCombinationSearchSection__content::-webkit-scrollbar {
    display: none
}

.topCombinationSearchRadio {
    display: inline-block;
    margin-right: 16px
}

.topCombinationSearchRadio input[type=radio] {
    display: none
}

.topCombinationSearchRadio label {
    font-size: 14px;
    font-weight: 700;
    transition: .2s linear;
    padding: 6px 15px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #eec48f;
    background: #fff;
    border-radius: 40px;
    color: #e6aa5f
}

.topCombinationSearchRadio input[type=radio]:checked+label {
    background: #e6aa5f;
    color: #fff;
    border: 1px solid #e6aa5f
}

.topPageCarousel {
    width: 100%;
    margin: 0 auto 40px;
    overflow: hidden
}

.topPageCarousel__image {
    height: 272px;
    width: 1024px;
    -o-object-fit: cover;
    object-fit: cover
}

.topPageCarousel__link {
    display: block
}

.topPageCarousel .swiper-container {
    width: 1024px;
    height: 272px;
    overflow: visible
}

.topPageCarousel .swiper-slide {
    width: 1024px;
    opacity: .6;
    transition: .3s
}

.topPageCarousel .swiper-slide-active {
    opacity: 1
}

.topPage__inner {
    width: 1024px;
    margin: 0 auto
}

.leftSideMenu {
    width: 180px;
    float: left;
    padding-right: 15px
}

.leftSideMenuSection {
    margin-bottom: 32px
}

.leftSideMenuSection__title {
    font-size: 16px;
    color: #fff7f0;
    font-weight: 700;
    margin-bottom: 12px
}

.leftSideMenuSectionMore {
    text-align: right;
    padding-right: 10px
}

.leftSideMenuSectionMore__link {
    color: #e6aa5f !important;
    font-size: 14px
}

.leftSideMenuList__item {
    margin-bottom: 10px
}

.leftSideMenuList__link {
    font-size: 14px;
    color: #fff !important
}

.topPageContent {
    width: 600px;
    float: left
}

.topPageSection {
    margin-bottom: 40px;
    background: rgb(53, 39, 31);
}

.topPageSection__title {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 4px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 28px

}

.topPageSection__titleMoreLink {
    font-weight: 400;
    font-size: 14px;
    color: #e6aa5f !important;
    float: right
}

.rightSideMenu {
    width: 244px;
    float: left;
    padding-left: 34px
}

.rightSideMenuSection {
    margin-bottom: 36px
}

.rightSideMenuSection__title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
    color: #ffe5a4
}

.rightSideMenuSectionBanner {
    display: block;
    margin-bottom: 16px;
    transition: .3s
}

.rightSideMenuSectionBanner:hover {
    opacity: .8
}

.rightSideMenuSectionBanner__image {
    width: 100%
}

.productList {
    float: left;
    width: 844px
}

.productList__title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 4px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 28px;
    line-height: 1.5
}

.productList__title--normalText {
    font-size: 20px
}

.productList__title--emphasisText {
    color: #549186
}

.productList__description {
    margin-bottom: 28px;
    margin-top: 28px;
    line-height: 1.6
}

.productIndex {
    margin-top: 20px
}

.articleItem {
    margin-bottom: 24px
}

.articleItem__link {
    position: relative;
    transition: .3s;
    display: block
}

.articleItem__link:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.articleItem__link:hover {
    text-decoration: none !important;
    opacity: .6
}

.articleItem__image {
    float: left;
    width: 192px;
    height: 144px;
    -o-object-fit: cover;
    object-fit: cover
}

.articleItem__info {
    float: left;
    width: calc(100% - 192px);
    padding-left: 15px;
    padding-top: 6px
}

.articleItem__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.5em;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.articleItem__desc {
    font-size: 12px;
    line-height: 1.5em;
    max-height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.topNewProduct {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0
}

.topNewProduct__link {
    transition: .3s;
    display: block
}

.topNewProduct__link:hover {
    text-decoration: none !important;
    opacity: .6
}

.topNewProduct__link:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.topNewProduct__image {
    width: 70px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.topNewProduct__info {
    float: left;
    width: calc(100% - 70px);
    height: 60px;
    padding-left: 8px
}

.topNewProduct__productGroup {
    font-size: 10px;
    color: #757575;
    height: 18px;
    overflow: hidden
}

.topNewProduct__title {
    font-size: 12px;
    height: 36px;
    overflow: hidden
}

.topNewArticle {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0
}

.topNewArticle__link {
    display: block;
    transition: .3s
}

.topNewArticle__link:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.topNewArticle__link:hover {
    text-decoration: none !important;
    opacity: .6
}

.topNewArticle__image {
    width: 70px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.topNewArticle__info {
    float: left;
    width: calc(100% - 70px);
    height: 60px;
    padding-left: 8px
}

.topNewArticle__title {
    font-size: 12px;
    height: 56px;
    overflow: hidden
}

.topPagePagination {
    text-align: center !important;
    margin: 0 20px
}

.swiper-pagination-bullet {
    height: 8px !important;
    width: 8px !important;
    border-radius: 4px !important;
    background-color: #e0e0e0 !important
}

.swiper-pagination-bullet-active {
    background-color: #fff !important
}

.topPagePaginationRight {
    color: #212121 !important
}

.topCarouselContainer {
    width: 100%
}

.topPagePaginationPrev {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .54);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    left: 16px;
    z-index: 2;
    padding: 8px 0;
    text-align: center
}

.topPagePaginationPrev__icon {
    color: #212121;
    text-align: center
}

.topPagePaginationNext {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .54);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    right: 16px;
    z-index: 2;
    padding: 8px 0;
    text-align: center
}

.topPagePaginationNext__icon {
    color: #212121;
    text-align: center
}

.articleView__content {
    float: left;
    width: 780px
}

.articleViewHeader:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.articleViewHeader__image {
    width: 186px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.articleViewHeader__info {
    float: left;
    width: calc(100% - 186px);
    padding-left: 15px;
    padding-top: 5px
}

.articleViewHeader__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.5em
}

.articleViewHeader__desc {
    font-size: 14px;
    line-height: 1.6em
}

.articleViewElements {
    margin-top: 30px
}

.articleViewIndex {
    margin-top: 20px
}

.articleViewProducts {
    margin-top: 60px
}

.articleViewProducts__title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 4px;
    margin-bottom: 20px
}

.articleViewArticles {
    margin-top: 60px
}

.articleViewArticles__title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 4px;
    margin-bottom: 20px
}

.articleIndex {
    margin-top: 10px
}

.articleIndexContent__title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 4px;
    margin-bottom: 20px
}

.articleIndexList {
    float: left;
    width: 844px
}

.productWrapping {
    margin-top: 30px
}

.wrappingCategoryTitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
}

.articleViewBox {
    padding: 64px 0 44px
}

.articleViewBox__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px
}

.articleViewBox__btn {
    display: flex;
    justify-content: center
}

.whitedayArticlesLpLink:hover {
    opacity: .8;
    text-decoration: none
}

.whitedayArticlesLpLink__title {
    line-height: 1.5em;
    text-align: center;
    font-size: 18px;
    color: red;
    font-weight: 700;
    padding-bottom: 12px;
    padding-top: 10px
}

.articleToLpContent {
    margin: 40px 0;
    color: #212121
}

.articleToLpContent__title {
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    margin-bottom: 16px
}

.articleToLpContent__top {
    display: flex;
    margin-bottom: 8px
}

.articleToLpContent__text {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px
}

.buttonOutlinedPrimarySmall {
    width: calc(100% - 16px / 3);
    margin-right: 8px
}

.buttonOutlinedPrimarySmall:last-of-type {
    margin-right: 0
}

.articleViewCategoryList {
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.articleViewCategoryList__item {
    display: block;
    width: calc((100% - 64px)/ 5);
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #faeedf;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 3px;
    margin: 0 16px 16px 0
}

.articleViewCategoryList__item:nth-of-type(5n) {
    margin-right: 0
}

.articleViewCategoryList__link {
    width: 100%;
    display: block;
    text-decoration: none !important;
    transition: .3s
}

.articleViewCategoryList__link:hover {
    opacity: .6
}

.articleViewCategoryList__image {
    width: 100%;
    height: 127px;
    -o-object-fit: cover;
    object-fit: cover
}

.articleViewCategoryList__title {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 4px 5px;
    color: #212121;
    position: relative
}

.articleViewCategoryList__title .fa-angle-right {
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: 8px
}

.brandIndex {
    margin-top: 20px
}

.brandList {
    float: left;
    width: 844px
}

.brandList__title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 4px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 28px
}

.brandSearchMenu {
    display: flex;
    margin-bottom: 28px
}

.brandSearchMenu__item {
    border-right: 1px solid #ededed;
    padding-right: 8px;
    margin-right: 8px
}

.brandSearchMenu__link {
    font-size: 14px;
    color: #e6aa5f !important
}

.brandGroup {
    margin-bottom: 30px
}

.brandGroup__name {
    font-size: 18px;
    margin-bottom: 15px
}

.brandGroupList__item {
    float: left;
    width: 33.33%;
    margin-bottom: 15px
}

.brandGroupList__link {
    color: #e6aa5f !important;
    font-size: 14px;
    font-weight: 400
}

.brandView {
    margin-top: 20px
}

.brandDescText {
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ededed
}

.brandDescElements {
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ededed
}

.brandProductReviews {
    margin-top: 20px
}

.brandProductReviews__title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 4px;
    padding-left: 4px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 28px
}

.productView__bottom {
    width: 1024px;
    margin-right: auto;
    margin-left: auto
}

.productMainShippingDateContainer {
    padding: 9px 0 6px;
    background: #e0e0e0;
    margin: 0 auto 10px
}

.productMainShippingDate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.productMainShippingDate__date {
    text-align: center;
    font-size: 14px
}

.productMainShippingDate__date--strong {
    font-size: 17px;
    color: #ff3e67;
    font-weight: 700
}

.productMainShippingDate__date--bold {
    font-size: 15px;
    font-weight: 700
}

.productMainShippingDate__note {
    text-align: center;
    font-size: 12px;
    color: #212121;
    width: 100%
}

.productMain {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px
}

.productMain__previewMessage {
    margin: 20px 0;
    color: #e6aa5f;
    border: 2px solid #e6aa5f;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
    border-radius: 5px
}

.productMain__imageGallery {
    width: 480px;
    float: left
}

.productMain__info {
    width: 544px;
    float: left;
    padding-left: 50px;
    padding-top: 15px
}

.productMain__title {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 20px
}

.productMain__shippingDate {
    font-size: 12px;
    color: #ef5d60;
    margin-bottom: 12px
}

.productMain__shippingDate--bold {
    font-weight: 700
}

.productMain__fewRemaining {
    font-size: 20px;
    color: #ef5d60;
    margin-bottom: 12px;
    font-weight: 700
}

.productMain__deferredPayment {
    padding: 7px;
    background-color: #eee;
    margin: 10px 0 10px;
    text-align: center;
    border-radius: 4px
}

.productMain__link {
    color: #549186 !important
}

.productMain__description {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 28px
}

.productMain__priceContainer {
    display: flex;
    align-items: center
}

.productMain__price {
    font-size: 28px;
    font-weight: 700
}

.productMain__shippingFeeMessage {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 20px
}

.productMain__shippingFeeMessage--strong {
    color: #ef5d60
}

.productMain__hasteShippingNote {
    font-size: 14px;
    margin-top: 10px
}

.productMain__hasteShippingNote--strong {
    color: #ef5d60
}

.productMain__hasteShippingNote--bold {
    font-weight: 700
}

.productMain__includeTax {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400
}

.productMain__soldOutBtn {
    border-radius: 4px;
    display: block;
    border: none;
    padding: 20px 0;
    background: #e0e0e0;
    font-size: 20px;
    color: #757575;
    font-weight: 700;
    width: 320px;
    text-align: center;
    margin-bottom: 20px
}

.productMain__phoneOrderBtn {
    border-radius: 4px;
    display: block;
    background: #fff;
    font-size: 12px;
    color: #549186 !important;
    border: 1px solid #549186;
    font-weight: 700;
    padding: 12px 0;
    width: 200px;
    text-align: center;
    margin-bottom: 12px;
    transition: .3s;
    text-decoration: none !important
}

.productMain__phoneOrderBtn:hover {
    background: #549186 !important;
    color: #fff !important;
    cursor: pointer
}

.productMain__phoneOrderTime {
    font-size: 12px;
    display: block
}

.productMain__contactBtn {
    width: 200px;
    border-radius: 4px;
    background-color: #e0e0e0;
    border: solid 1px #757575;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    display: block;
    padding: 12px 0;
    margin-bottom: 12px;
    transition: .3s
}

.productMain__contactBtn:hover {
    text-decoration: none !important;
    background: #757575 !important;
    color: #fff !important
}

.productMain__contactBtn--large {
    border-radius: 4px;
    padding: 20px 0;
    font-size: 16px;
    width: 320px
}

.productMain__contactBtn>a:hover {
    text-decoration: none;
    color: #fff !important
}

.productMainAddCartBtn {
    border-radius: 4px;
    display: flex;
    min-height: 63px;
    align-items: center;
    justify-content: center;
    border: none;
    background: #e6aa5f;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    width: 360px;
    text-align: center;
    margin-bottom: 20px;
    padding: 16px;
    transition: .3s
}

.productMainAddCartBtn__text {
    position: relative;
    right: 6px
}

.productMainAddCartBtn__text--small {
    margin-bottom: 4px;
    margin-top: -2px;
    display: block;
    font-size: 12px
}

.productMainAddCartBtn__icon {
    position: relative;
    right: 20px
}

.productMainAddCartBtn:hover {
    opacity: .8;
    cursor: pointer
}

.productAddCartCount {
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.productAddCartCount__input {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: #757575;
    border: solid 1px #faeedf;
    border-radius: 3px;
    margin: 0 8px;
    -webkit-appearance: none
}

.productMainReview {
    display: flex;
    position: relative;
    bottom: 2px;
    align-items: center;
    margin-right: 30px
}

.productMainReview:hover {
    text-decoration: none !important;
    opacity: .8
}

.productMainReview__rating {
    font-size: 24px;
    margin-left: 6px;
    position: relative;
    top: 1px
}

.productMainReview__count {
    position: relative;
    bottom: 1px;
    font-size: 14px;
    color: #549186;
    font-weight: 400;
    border-bottom: 1px solid #549186;
    margin-left: 8px
}

.productMainReview__star i {
    font-size: 26px;
    margin-right: 1px
}

.productMainCouponContainer {
    padding: 8px 16px;
    background-color: #f0ebcc;
    border-radius: 8px;
    margin-top: 24px
}

.productMainCouponContainer__text {
    color: #212121;
    font-size: 12px;
    line-height: 17px;
    text-align: center
}

.productMainCouponContainer__text--bold {
    font-weight: 700
}

.productMainShippingContainer {
    margin-top: 16px;
    margin-bottom: 24px
}

.productMainShippingContainer__desc {
    font-size: 14px
}

.productMainShippingContainer__price {
    font-size: 20px;
    margin: 0 4px
}

.productMainShipping {
    display: inline-block;
    font-size: 16px;
    border-bottom: 1px solid #549186;
    position: relative
}

.productMainShipping__select {
    -webkit-appearance: none;
    background: #fff;
    border: none;
    border-radius: 0;
    width: 84px;
    color: #549186
}

.productMainShipping__angle {
    color: #549186;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.productMainMemberRankPoint {
    font-size: 14px;
    margin-top: 19px;
    margin-bottom: 8.8px;
    color: #757575;
    display: flex
}

.productMainMemberRankPoint__logo {
    margin-right: 4px;
    width: 20px;
    height: 20px
}

.productMainMemberRankPoint__text {
    font-weight: 700;
    color: #549186
}

.freeShipping {
    margin-bottom: 24px;
    color: #757575;
    display: flex
}

.freeShipping__truckLogo {
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.freeShipping__text {
    font-size: 14px
}

.freeShipping__text--tax {
    font-size: 10px
}

.freeShipping__text--bold {
    font-weight: 700
}

.freeShipping__text--emphasize {
    color: #549186;
    font-weight: 700
}

.productMainImageContainer {
    position: relative;
    margin-bottom: 12px
}

.productMainImageContainer__prevBtn {
    position: absolute;
    top: 223px;
    left: -24px
}

.productMainImageContainer__prevBtn:hover {
    cursor: pointer;
    opacity: .8
}

.productMainImageContainer__nextBtn {
    position: absolute;
    top: 223px;
    right: -24px
}

.productMainImageContainer__nextBtn:hover {
    cursor: pointer;
    opacity: .8
}

.productMainImageContainer__caption {
    font-size: 14px;
    color: #757575;
    margin-top: 8px;
    text-align: center
}

.productMainImage {
    border: 1px solid #faeedf;
    height: 480px;
    width: 480px;
    display: table-cell;
    vertical-align: middle
}

.productMainImage__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.productThumbs__item {
    border: 1px solid #faeedf;
    width: 54px;
    float: left;
    margin-bottom: 12px
}

.productThumbs__item:not(:nth-of-type(7n+0)) {
    margin-right: 17px
}

.productThumbs__item--selected {
    border: 1px solid #eec48f
}

.productThumbs__imageWrapper {
    height: 54px;
    display: table-cell;
    vertical-align: middle
}

.productThumbs__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.productThumbs__image:hover {
    cursor: pointer;
    opacity: .8
}

.productBrand {
    display: flex;
    margin-bottom: 20px
}

.productBrand__link {
    display: block;
    flex-wrap: wrap;
    margin-right: 24px
}

.productBrand__link:hover {
    opacity: .6
}

.productBrand__name {
    float: left;
    font-size: 14px;
    line-height: 36px
}

.productBrandLogo {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    margin-right: 5px
}

.productBrandLogo__image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.productSceneListContainer {
    position: relative;
    margin: 20px 0 11px
}

.productSceneList {
    font-size: 0
}

.productSceneList__item {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 9px;
    font-size: 12px;
    font-weight: 700
}

.productSceneList__link {
    display: block;
    padding: 2px 5px;
    color: #e6aa5f !important;
    background: #ffe0cc;
    border-radius: 10px;
    transition: .3s
}

.productSceneList__link:hover {
    background: #eec48f;
    text-decoration: none !important;
    color: #fff !important
}

.productMainSocial {
    margin-bottom: 20px
}

.productMainSocial__title {
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 8px
}

.productMainSocial__list {
    font-size: 0
}

.productMainSocial__item {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.productMainSocial__item img {
    width: 24px;
    height: 24px
}

.productMainSocial__item iframe {
    width: 24px !important;
    height: 24px !important
}

.productArticle {
    background-color: #fafafa;
    padding: 64px 0;
    margin-bottom: 64px
}

.productArticle__inner {
    width: 1024px;
    margin: 0 auto;
    display: flex
}

.productArticle__left {
    width: 724px
}

.productArticle__right {
    width: 300px;
    padding-left: 30px
}

.productDetailSection {
    margin-top: 30px;
    margin-bottom: 30px
}

.productDetailSection__header {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
    border-left: solid 2px #e6aa5f;
    padding-left: 10px
}

.productDetailTable {
    font-size: 14px;
    margin-top: 10px
}

.productDetailTable td {
    border: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top
}

.productDetailTable__label {
    font-weight: 700;
    width: 150px;
    background: #fff
}

.productDetailTable__content {
    background: #fff
}

.productImageGroupSection {
    margin-top: 60px
}

.productImageGroup {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.productImageGroup:last-of-type {
    border-bottom: 0
}

.productImageGroup__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.productImageGroup__desc {
    font-size: 14px;
    padding: 0 10px;
    line-height: 1.8em
}

.productImageGroup__container {
    overflow-x: scroll;
    width: 100%
}

.productImageGroup__list {
    display: table;
    padding: 0 0 10px 10px;
    border-collapse: separate;
    border-spacing: 15px 0;
    margin-left: -15px
}

.productImageGroup__item {
    display: table-cell;
    vertical-align: middle;
    width: 200px
}

.productImageGroup__image {
    width: 200px;
    border: 1px solid #ddd
}

.productImageGroup__caption {
    text-align: center;
    font-size: 14px;
    padding: 5px
}

.productOptionsPanel {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 30px
}

.productOptionsPanel__title {
    background-color: #e0e0e0;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    font-weight: 700;
    color: #5e5e5e;
    padding: 10px
}

.productOptionsPanel__content {
    border-radius: 0 0 5px 5px;
    background: #fff;
    padding: 10px
}

.productOptionItem {
    padding-bottom: 5px;
    overflow: scroll
}

.productOptionItem:not(:last-child) {
    border-bottom: 1px solid #fafafa;
    margin-bottom: 10px
}

.productOptionItem__title {
    font-size: 12px;
    font-weight: 700;
    padding: 5px
}

.productOptionItem__content {
    padding: 5px 0 0
}

.productOptionItemSelect {
    font-size: 0;
    margin-bottom: 15px;
    display: table
}

.productOptionItemSelect__image {
    width: 75px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    display: table-cell
}

.productOptionItemSelect__text {
    font-size: 11px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.productPageSortMenu {
    display: flex
}

.productPageSortMenu__halfItem {
    width: 50%
}

.productPageSortMenu__link {
    display: block;
    font-size: 15px;
    text-align: center;
    top: 12px;
    bottom: 10px;
    bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    transition: .3s;
    text-decoration: none !important;
    padding: 16px
}

.productPageSortMenu__link:active {
    opacity: .6
}

.productPageSortMenu__link--current {
    border-bottom: 2px solid #e6aa5f;
    color: #e6aa5f !important
}

.productViewSection {
    margin-bottom: 72px
}

.productViewSection__title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 4px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 28px;
    position: relative
}

.productViewSection__moreLink {
    font-size: 12px;
    color: #e6aa5f !important;
    position: absolute;
    right: 0;
    top: 0
}

.productViewSection__moreLink i {
    font-size: 18px;
    margin-left: 5px;
    position: relative;
    top: 1px
}

.productSceneIconList {
    display: flex;
    flex-wrap: wrap
}

.productSceneIconList__item {
    margin: 0 12px 20px
}

.productSceneIconList__link {
    display: block;
    transition: .3s
}

.productSceneIconList__link:hover {
    text-decoration: none !important;
    opacity: .6
}

.productSceneIconList__imageWrapper {
    width: 64px;
    height: 64px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #ededed;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px
}

.productSceneIconList__image {
    width: 100%
}

.productSceneIconList__text {
    margin: 0 -10px;
    font-size: 12px;
    overflow: visible;
    text-align: center
}

.productRelationshipList {
    display: flex;
    flex-wrap: wrap
}

.productRelationshipList__item {
    list-style-type: none;
    background-color: #fff;
    color: #000;
    margin: 0 12px 20px
}

.productRelationshipList__item+.productRelationshipList__item {
    border-left: 1px solid #e0e0e0;
    padding-left: 20px
}

.productRelationshipList__link {
    display: block;
    transition: .3s
}

.productRelationshipList__link:hover {
    text-decoration: none !important;
    opacity: .6
}

.productRelationshipList__anchorText {
    font-size: 15px
}

.productAgeList {
    display: flex;
    flex-wrap: wrap
}

.productAgeList__item {
    margin: 0 12px 20px
}

.productAgeList__item+.productAgeList__item {
    border-left: 1px solid #e0e0e0;
    padding-left: 20px
}

.productAgeList__link {
    display: block;
    transition: .3s
}

.productAgeList__link:hover {
    text-decoration: none !important;
    opacity: .6
}

.productAgeList__anchorText {
    font-size: 15px
}

.productInstagramSlider {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 64px
}

.productInstagramSliderList {
    position: relative;
    display: table;
    border-collapse: separate;
    border-spacing: 15px 0;
    margin-left: -20px
}

.productInstagramSliderList__item {
    display: table-cell;
    vertical-align: top;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .5)
}

.productInstagramSliderList__item iframe {
    width: 330px !important
}

.productReviewHeader {
    display: flex;
    align-items: center;
    position: relative
}

.productReviewHeader__info {
    margin-left: 16px;
    display: flex
}

.productReviewHeader__rating {
    font-size: 24px;
    margin-left: 12px;
    position: relative;
    top: 3px
}

.productReviewHeader__count {
    font-size: 14px;
    color: #ef5d60;
    font-weight: 400
}

.productReviewHeader__star i {
    font-size: 26px;
    margin-right: 1px
}

.productReviewHeader__moreLink {
    font-size: 12px;
    color: #e6aa5f !important;
    position: absolute;
    right: 0;
    top: 4px
}

.productReviewHeader__moreLink i {
    font-size: 18px;
    margin-left: 5px;
    position: relative;
    top: 2px
}

.reviewItem {
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ededed;
    transition: .3s
}

.reviewItem:last-of-type {
    border-bottom: 0
}

.reviewItem__header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.reviewItem__reviewer {
    font-weight: 700;
    font-size: 14px;
    padding-top: 1px
}

.reviewItem__reviewer i {
    margin-right: 5px
}

.reviewItem__title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px
}

.reviewItem__info {
    margin-left: 30px
}

.reviewItem__rating {
    margin-bottom: 8px;
    display: inline-block
}

.reviewItem__rating i {
    margin-right: 1px
}

.reviewItem__created {
    margin-left: auto
}

.reviewItemImpressionList {
    margin-bottom: 8px
}

.reviewItemImpressionList__item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 14px
}

.reviewItemImpressionList__icon {
    font-size: 15px;
    color: #549186;
    margin-right: 3px
}

.gradationRightButton {
    display: table;
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: right;
    font-size: 15px;
    line-height: 22px;
    background-color: #fff;
    z-index: 1;
    color: #e6aa5f
}

.gradationRightButton::before {
    content: 'もっと見る'
}

.gradationRightButton::after {
    content: '\f107';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    padding-left: 8px
}

.gradationRightItem {
    position: relative;
    overflow: hidden;
    height: 84px
}

.gradationRightItem__icon {
    color: #757575;
    width: 21px;
    height: 21px;
    vertical-align: middle
}

.gradationRightItem__icon--hide {
    display: none
}

.gradationRightTrigger {
    display: none
}

.gradationRightTrigger:checked~.gradationRightButton::before {
    content: '閉じる'
}

.gradationRightTrigger:checked~.gradationRightItem {
    height: calc(100% + 20px)
}

.gradationRightTrigger:checked~.gradationRightButton {
    position: relative
}

.gradationRightTrigger:checked~.gradationRightButton:after {
    content: '\f106'
}

.gradationRightTrigger:checked~.gradationRightItem::before {
    display: none
}

.gradationRightTrigger:checked~.gradationRightButton__icon--display {
    display: none
}

.gradationRightTrigger:checked~.gradationRightButton__icon--hide {
    display: inline-block
}

.combinationView:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.combinationView__left {
    float: left;
    width: 200px;
    margin-right: 36px
}

.combinationView__right {
    float: left;
    width: 788px
}

.combinationSearchSection {
    margin-bottom: 30px;
    border: 1px solid #faeedf;
    border-radius: 4px
}

.combinationSearchSection__title {
    font-size: 14px;
    color:#fffbef;
    font-weight: 700;
    border-bottom: 1px solid #faeedf;
    padding: 12px 15px
}

.combinationSearchSection__title--orange {
    font-size: 16px;
    color: #e6aa5f
}

.combinationSearchList {
    padding: 12px 15px
}

.combinationSearchList__item {
    margin-bottom: 12px
}

.combinationSearchList__item:last-of-type {
    margin-bottom: 0
}

.combinationSearchList__link {
    font-size: 14px
}

.combinationViewHeader:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.combinationViewHeader__image {
    width: 186px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.combinationViewHeader__image--christmas {
    height: auto
}

.combinationViewHeader__info {
    float: left;
    width: calc(100% - 186px);
    padding-left: 15px;
    padding-top: 5px
}

.combinationViewHeader__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.5em
}

.combinationViewHeader__desc {
    font-size: 14px;
    line-height: 1.6em
}

.combinationViewElements {
    margin-top: 30px
}

.combinationViewRanking {
    margin-top: 30px
}

.combinationViewRanking__title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 4px;
    margin-bottom: 20px
}

.combinationViewRanking__products .productItemImage__image {
    height: 180px
}

.combinationViewProducts {
    padding: 40px 0
}

.combinationViewProducts__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.5rem
}

.combinationRecommendProduct {
    display: block;
    background: #fff;
    margin-bottom: 24px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    transition: .3s;
    border-radius: 3px;
    text-decoration: none !important
}

.combinationRecommendProduct:hover {
    opacity: .6
}

.combinationRecommendProduct__caption {
    background: #e6aa5f;
    font-size: 14px;
    color: #fff;
    padding: 16px;
    border-radius: 3px 3px 0 0;
    width: 100%;
    font-weight: 700;
    text-align: center;
    white-space: normal
}

.combinationRecommendProduct__inner {
    padding: 15px
}

.combinationRecommendProduct__image {
    float: left;
    width: 240px;
    height: 200px;
    border-radius: 3px;
    -o-object-fit: cover;
    object-fit: cover
}

.combinationRecommendProduct__info {
    float: left;
    width: calc(100% - 240px);
    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 12px;
    height: 200px
}

.combinationRecommendProduct__title {
    font-size: 16px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 10px;
    max-height: 48px;
    line-height: 1.5em;
    overflow: hidden;
    white-space: normal
}

.combinationRecommendProduct__desc {
    font-size: 12px;
    color: #212121;
    margin-bottom: 16px;
    white-space: normal
}

.combinationRecommendProduct__price {
    font-size: 24px;
    color: #212121;
    font-weight: 700;
    font-family: "Helvetica Neue"
}

.combinationBottomArticles {
    margin-top: 60px
}

.combinationBottomArticles__title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 4px;
    margin-bottom: 20px
}

.combinationBottomArticles__moreBtn {
    display: block;
    margin: 0 auto;
    width: 400px;
    height: 60px;
    line-height: 60px;
    margin-top: 32px;
    font-size: 14px;
    text-align: center;
    position: relative;
    border: 1px solid #757575;
    border-radius: 4px;
    transition: .3s;
    text-decoration: none !important
}

.combinationBottomArticles__moreBtn:hover {
    opacity: .6
}

.birthdayRelationships {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 0 8px
}

.birthdayRelationships__title {
    margin-bottom: 12px;
    padding: 0 8px;
    font-weight: 700;
    font-size: 16px
}

.birthdayRelationshipsList__link {
    display: block;
    transition: .3s;
    text-decoration: none !important
}

.birthdayRelationshipsList__link:hover {
    opacity: .6
}

.birthdayRelationshipsList__item {
    width: calc((100% - 24px)/ 4);
    float: left;
    border-radius: 3px;
    padding: 8px;
    border: 1px solid #faeedf;
    margin-bottom: 8px;
    margin-right: 8px
}

.birthdayRelationshipsList__item:nth-of-type(4n) {
    margin-right: 0
}

.birthdayRelationshipsList__image {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px
}

.birthdayRelationshipsList__name {
    font-size: 12px;
    font-weight: 700;
    padding-top: 8px;
    position: relative
}

.birthdayRelationshipsList__name .fa-angle-right {
    font-size: 21px;
    position: absolute;
    right: 0;
    top: 7px
}

.combinationItemIndex__inner {
    background: #e0e0e0;
    padding: 20px
}

.combinationItemIndex__title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px
}

.combinationItemIndexMenu__item {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.5em
}

.combinationItemIndexMenu__item:last-of-type {
    margin-bottom: 0
}

.combinationItemIndexMenu__itemLink {
    text-decoration: underline !important
}

.combinationInfiniteScrollBtn {
    display: block;
    border-style: none;
    font-weight: 700;
    font-size: 16px;
    width: 60%;
    margin: 20px auto 0;
    border-radius: 30px;
    color: #fff;
    background: #e6aa5f;
    text-align: center;
    padding: 20px 0;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.combinationInfiniteScrollBtn__icon {
    font-size: 16px;
    margin-left: 10px
}

.combinationInfiniteScrollLoading {
    text-align: center;
    margin-top: 30px
}

.combinationInfiniteScrollLoading .fa-spinner {
    font-size: 32px;
    color: #e6aa5f
}

.parentView {
    margin-top: 20px
}

.parentViewCategoryMenu {
    margin-bottom: 28px;
    padding-bottom: 23px;
    border-bottom: 1px solid #ededed
}

.parentViewCategoryMenu--noBorderBottom {
    border-bottom: 0
}

.parentViewCategoryMenu__item {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px
}

.parentViewCategoryMenu__link {
    color: #e6aa5f !important
}

.recommendProductsWrapper {
    padding: 42px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.recommendProductsWrapper__head {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 23px
}

#error-page {
    text-align: center;
    padding: 60px 0
}

#error-page .error-page-title {
    font-size: 20px;
    margin-bottom: 20px
}

#error-page .error-page-subtitle {
    font-size: 16px;
    margin-bottom: 10px
}

#error-page .error-page-btn-container {
    width: 400px;
    margin: 0 auto
}

.paymentErrorPage {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 60px 0
}

.paymentErrorPage__title {
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 32px
}

.paymentErrorPage__desc {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px
}

.paymentErrorPage__content {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    color: #ef5d60
}

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

.paymentErrorPage__deliveryId {
    color: #e6aa5f;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px
}

.paymentErrorPageBackLink {
    margin: 20px auto 60px;
    width: 60%
}

.paymentErrorPageBackLink__link {
    display: block;
    color: #fff !important;
    background: #e6aa5f;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.paymentErrorPageBackLink__link:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.paymentErrorPageBackLink__link:hover {
    background: #eec48f;
    text-decoration: none
}

.paymentErrorPageBackLink__link .fa-angle-right {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 16px
}

.errorPageSceneLink {
    margin-bottom: 20px
}

.errorPageSceneLink__table {
    width: 525px;
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    margin: 10px auto
}

.errorPageSceneLink__table td {
    width: 33%;
    line-height: 200%;
    border: 1px dotted #e0e0e0
}

.whiteday {
    background: #fafafa
}

.whiteday-inner {
    width: 1100px;
    margin: 0 auto;
    background: #fff;
    padding: 30px 50px
}

.whiteday-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0
}

.whiteday-header-image {
    width: 270px;
    float: left
}

.whiteday-header-info {
    float: left;
    width: 630px;
    padding: 20px 0 0 30px
}

.whiteday-header-info-title {
    font-size: 28px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 20px
}

.whiteday-header-info-desc {
    font-size: 12px;
    color: #212121;
    line-height: 2rem
}

.whiteday-header-info-adviser {
    margin-top: 20px
}

.whiteday-header-info-adviser-item {
    float: left;
    width: 290px
}

.whiteday-header-info-adviser-item:first-of-type {
    margin-right: 20px
}

.whiteday-header-info-adviser-item-img {
    width: 45px;
    float: left;
    padding-top: 10px
}

.whiteday-header-info-adviser-item-data {
    width: 245px;
    float: left;
    padding-left: 10px
}

.whiteday-header-info-adviser-item-data-name {
    font-size: 12px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 5px
}

.whiteday-header-info-adviser-item-data-comment {
    font-size: 10px;
    line-height: 1.5rem
}

.whiteday-section {
    padding: 50px 0 25px
}

.whiteday-section:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0
}

.whiteday-section-title {
    font-size: 24px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin: 30px auto;
    position: relative
}

.whiteday-section-title-image {
    width: 50px
}

.whiteday-section-title-image:nth-child(1) {
    position: absolute;
    left: 145px;
    top: -15px
}

.whiteday-section-title-image:nth-of-type(2) {
    position: absolute;
    right: 145px;
    top: -15px
}

.whiteday-section-content {
    padding: 20px
}

.whiteday-section-border {
    border-bottom: 4px solid #91ced4;
    width: 60px;
    margin: 0 auto
}

.whiteday-point {
    background: #91ced4;
    padding: 20px;
    display: flex;
    justify-content: space-between
}

.whiteday-point-item {
    background: #fff;
    width: 240px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    padding: 20px;
    position: relative
}

.whiteday-point-item-num {
    width: 36px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #212121;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.whiteday-point-item-img {
    width: 40px;
    margin: 0 auto
}

.whiteday-point-item-img-big {
    width: 60px
}

.whiteday-point-item-title {
    font-size: 12px;
    color: #91ced4;
    font-weight: 700;
    text-align: center;
    margin: 20px 0
}

.whiteday-point-item-desc {
    font-size: 12px;
    line-height: 1.5rem
}

.whiteday-proposal-image {
    width: 70%;
    margin: 0 auto 5px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.whiteday-adviser-recommend {
    margin-bottom: 40px;
    position: relative
}

.whiteday-adviser-recommend:nth-of-type(1) .whiteday-adviser-recommend-info,
.whiteday-adviser-recommend:nth-of-type(3) .whiteday-adviser-recommend-info {
    left: 0
}

.whiteday-adviser-recommend:nth-of-type(1) .whiteday-adviser-recommend-product,
.whiteday-adviser-recommend:nth-of-type(3) .whiteday-adviser-recommend-product {
    float: right
}

.whiteday-adviser-recommend:nth-of-type(2) .whiteday-adviser-recommend-info {
    right: 0
}

.whiteday-adviser-recommend:nth-of-type(2) .whiteday-adviser-recommend-product {
    float: left
}

.whiteday-adviser-recommend-info {
    width: 390px;
    position: absolute;
    top: 60px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    padding: 15px 30px;
    z-index: 2
}

.whiteday-adviser-recommend-info-num {
    display: inline-block;
    color: #212121;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #212121;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    margin-right: 12px
}

.whiteday-adviser-recommend-info-title {
    color: #91ced4;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px
}

.whiteday-adviser-recommend-info-desc {
    font-size: 12px;
    line-height: 2rem;
    margin-bottom: 18px
}

.whiteday-adviser-recommend-info-link {
    background: #91ced4;
    color: #fff !important;
    padding: 8px 15px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    position: relative
}

.whiteday-adviser-recommend-info-link .fa-angle-down {
    font-size: 24px;
    line-height: 10px;
    margin-left: 5px;
    position: relative;
    top: 4px
}

.whiteday-adviser-recommend-info-link:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    opacity: .8
}

.whiteday-adviser-recommend-product {
    width: 480px;
    z-index: 1
}

.whiteday-adviser-recommend-product:hover {
    cursor: pointer;
    opacity: .8
}

.whiteday-adviser-recommend-product a {
    display: block
}

.whiteday-adviser-recommend-product-image {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    margin-bottom: 15px
}

.whiteday-adviser-recommend-product-title {
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    float: left;
    width: 410px
}

.whiteday-adviser-recommend-product-price {
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    float: right;
    width: 65px
}

.whiteday-category-product {
    margin-bottom: 50px
}

.whiteday-category-product:hover {
    cursor: pointer;
    opacity: .8
}

.whiteday-category-product-image {
    width: 320px;
    height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
    border-radius: 5px
}

.whiteday-category-product-info {
    width: 540px;
    float: left;
    padding-left: 30px;
    padding-top: 15px
}

.whiteday-category-product-info-title {
    font-size: 16px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    float: left;
    line-height: 26px
}

.whiteday-category-product-info-title-num {
    display: inline-block;
    color: #212121;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #212121;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    margin-right: 12px
}

.whiteday-category-product-info-price {
    font-size: 16px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    float: right;
    width: 75px;
    line-height: 26px
}

.whiteday-category-product-info-desc {
    margin: 20px 0;
    font-size: 12px;
    color: #757575;
    line-height: 2rem
}

.whiteday-category-product-info-adviser {
    margin: 20px 0
}

.whiteday-category-product-info-adviser-image {
    width: 65px;
    display: inline-block
}

.whiteday-category-product-info-adviser-comment {
    width: 415px;
    display: inline-block;
    position: relative;
    padding: 20px;
    background: #e0edff;
    border-radius: 10px;
    margin-left: 25px;
    vertical-align: top;
    line-height: 2rem
}

.whiteday-category-product-info-adviser-comment:before {
    content: "";
    position: absolute;
    top: 30px;
    left: -25px;
    margin-top: -12px;
    border: 10px solid transparent;
    border-right: 15px solid #e0edff
}

.whiteday-category-product-info-purchase {
    background: #91ced4;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    padding: 7px 20px
}

.whiteday-category-product-info-delivery {
    border: 1px solid #212121;
    border-radius: 5px;
    display: inline-block;
    margin-left: 10px;
    padding: 3px 7px;
    font-size: 16px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif
}

.whiteday-category-other {
    padding: 40px 0
}

.whiteday-category-other-title {
    text-align: center;
    font-size: 24px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 40px
}

.whiteday-category-other-product {
    position: relative;
    float: left;
    width: 205px;
    height: 275px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    margin: 0 5px 40px
}

.whiteday-category-other-product-info {
    padding: 10px 16px
}

.whiteday-category-other-product:hover {
    text-decoration: none;
    opacity: .8
}

.whiteday-category-other-product-img {
    position: relative
}

.whiteday-category-other-product-img-item {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover
}

.whiteday-category-other-product-rank {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background: linear-gradient(45deg, #ed1e79 0, #c1272d 99%)
}

.whiteday-category-other-product-group {
    font-size: 12px;
    margin: 2px 0;
    color: grey
}

.whiteday-category-other-product-title {
    font-size: 12px;
    margin-bottom: 2px;
    font-weight: 700;
    margin-top: 4px;
    overflow: hidden;
    height: 36px;
    color: #232323
}

.whiteday-category-other-product-price {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    color: #232323
}

.whitedayHeadContent {
    width: 844px;
    float: left;
    display: block;
    margin-bottom: 30px
}

.whitedayHeadContent__image {
    width: 844px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 100%;
    object-position: 50% 100%
}

.whitedayHeadContent:hover {
    text-decoration: none
}

.whitedayProductOrder {
    position: relative;
    width: 50%;
    text-align: right;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: auto
}

.whitedayProductOrder>label {
    width: 100%
}

.whitedayProductOrder>label:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 0;
    height: 40px;
    width: 40px;
    background: #fff;
    pointer-events: none;
    border-top: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
    border-left: none
}

.whitedayProductOrder>label:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 10px;
    bottom: 0;
    margin: auto 0;
    right: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #757575 transparent transparent transparent;
    pointer-events: none
}

.whitedayProductOrder__box {
    -momodalIMagez-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #757575;
    padding-left: 10px;
    margin-top: 10px;
    color: #757575;
    position: relative
}

.whitedayProductOrder__box::-ms-expand {
    display: none
}

.whitedayProductItem {
    display: block;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 24px;
    width: 200px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 3px;
    transition: .3s;
    position: relative
}

.whitedayProductItem:nth-of-type(4n+0) {
    margin-right: 0
}

.whitedayProductItem:hover {
    opacity: .8
}

.whitedayProductItem__rank {
    background: #00a6bc;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 56px
}

.whitedayProductItem__rank--first {
    background: #e6b422
}

.whitedayProductItem__rank--second {
    background: silver
}

.whitedayProductItem__rank--third {
    background: #db8449
}

.whitedayWrappingDesc {
    display: flex;
    width: 100%;
    justify-content: center
}

.whitedayWrappingDesc__image {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.whitedayWrappingDesc__head {
    padding: 20px;
    text-align: center;
    font-size: 16px;
    width: 80%;
    margin: 20px auto
}

.whitedayWrappingDesc__notification {
    border: 3px solid #00a6bc;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    width: 80%;
    margin: 20px auto
}

.whitedayWrappingDesc__text {
    text-align: center;
    font-size: 16px;
    width: 80%;
    margin: 20px auto
}

.whitedayLinkWrapper {
    margin-top: 40px
}

.whitedayCouponWrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px
}

.whitedaySpPrivilege {
    display: flex
}

.whitedaySpPrivilege__image {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover
}

.whitedaySpPrivilege__info {
    width: 100%;
    padding-left: 15px;
    padding-top: 6px
}

.whitedaySpPrivilege__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.5em
}

.whitedaySpPrivilege__desc {
    font-size: 16px;
    line-height: 1.5em;
    padding-top: 20px
}

.order-page {
    padding: 40px 0
}

.order-page-header {
    margin-bottom: 20px
}

.order-page-header-title {
    font-size: 24px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 15px
}

.order-page-header-desc {
    font-size: 14px;
    line-height: 2rem
}

.order-page-reward {
    width: 600px
}

.order-page-reward-title {
    font-size: 16px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 10px
}

.order-page-order-list {
    margin-top: 40px
}

.order-page-order-list-title {
    font-size: 16px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 10px
}

.order-page table td,
.order-page table th {
    text-align: center;
    vertical-align: middle !important;
    padding: 10px 0
}

.mothersdayLpDesc {
    color: #212121;
    text-align: center;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: .05em
}

.mothersdayLpTitle {
    background-color: #f13440;
    height: 61px;
    width: 500px;
    margin: 40px auto;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    position: relative
}

.mothersdayLpTitle:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-left: -10px;
    border-top-color: #f13440;
    top: 98%;
    left: 50%
}

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

.mothersdayLpTitleBox__text {
    font-size: 24px;
    line-height: 35px;
    padding: 8px 12px;
    color: #fff
}

@media (max-width:320px) {
    .mothersdayLpTitleBox__text {
        font-size: 13px
    }
}

.mothersdayLpTitleBox__text--string {
    font-size: 24px;
    line-height: 35px;
    color: #fffdcb;
    font-weight: 700
}

.mothersdayLpTitleBox__image {
    width: 40px
}

.mothersdayLpTitleBox__image:first-of-type {
    transform: scale(-1, 1)
}

.mothersdaySection__title {
    font-size: 20px;
    line-height: 29px;
    color: #212121;
    font-weight: 700;
    text-align: center;
    margin: 24px 0 22px
}

.mothersdayButton {
    margin: 0 auto;
    color: #f13440 !important;
    background-color: #fff;
    border-radius: 8px;
    width: 500px;
    border: 1px solid #f13440;
    height: 66px;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    transition: .3s;
    position: relative;
    cursor: pointer;
    font-weight: 700
}

.mothersdayButton:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #f13440
}

.mothersdayButton__rightIcon {
    position: absolute;
    right: 16px;
    height: 18px;
    width: 18px
}

.mothersdayRecommendPointContainer {
    padding: 24px 14px
}

.mothersdayRecommendPoint {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
    width: 500px;
    height: 285px;
    display: inline-block
}

.mothersdayRecommendPoint:nth-of-type(2n) {
    margin-right: 20px
}

.mothersdayRecommendPoint:last-of-type {
    margin-bottom: 0
}

.mothersdayRecommendPoint__image {
    width: 100%;
    height: 100px
}

.mothersdayRecommendPoint__bottom {
    padding: 24px 10px 16px
}

.mothersdayRecommendPoint__title {
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    color: #f13440;
    border-bottom: .75px dashed #757575;
    padding-bottom: 4px;
    margin-bottom: 8px
}

.mothersdayRecommendPoint__description {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .02em;
    color: #757575
}

.christmasLpHeader {
    margin-bottom: 40px
}

.christmasLpHeader__image {
    width: 100%
}

.christmasLpSection {
    margin-bottom: 60px
}

.christmasLpSection--margin100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.christmasLpSection__title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 36px
}

.christmasLpSection__desc {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 24px
}

.christmasLpSection__moreBtn {
    display: block;
    position: relative;
    line-height: normal;
    font-size: 16px;
    width: 500px;
    margin: 0 auto;
    border: 1px solid #e6aa5f;
    border-radius: 3px;
    color: #e6aa5f !important;
    padding: 20px;
    transition: .5s;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important
}

.christmasLpSection__moreBtn:hover {
    background: #e6aa5f;
    color: #fff !important
}

.christmasLpSection__moreBtn .fa-angle-right {
    font-size: 24px;
    position: absolute;
    right: 10px;
    bottom: 20px
}

.christmasProductItemWrapper {
    display: flex;
    flex-wrap: wrap
}

.christmasProductItem {
    display: block;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 24px;
    width: 241px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 3px;
    transition: .3s;
    position: relative
}

.christmasProductItem:nth-of-type(4n+0) {
    margin-right: 0
}

.christmasProductItem:hover {
    opacity: .8
}

.christmasProductItem__link {
    text-decoration: none !important
}

.christmasProductItem__caption {
    background: #e6aa5f;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    display: table-cell;
    vertical-align: middle;
    width: 241px;
    height: 56px
}

.christmasProductItem__rank {
    position: absolute;
    left: 5px;
    top: 62px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background: linear-gradient(45deg, #ed1e79 0, #c1272d 99%)
}

.christmasProductItem__image {
    width: 100%;
    height: 164px;
    -o-object-fit: cover;
    object-fit: cover
}

.christmasProductItem__info {
    border-bottom: 1px solid #faeedf;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    position: relative
}

.christmasProductItem__title {
    font-size: 12px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 12px;
    height: 36px;
    overflow: hidden
}

.christmasProductItem__price {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    font-family: YuGothic
}

.christmasProductItem__desc {
    font-size: 12px;
    line-height: 1.3rem;
    color: #212121;
    padding: 12px
}

.christmasProductItem__soldOut {
    font-size: 16px;
    color: #ef5d60;
    margin-left: 10px
}

.christmasLpCategoryList {
    font-size: 0;
    text-align: center
}

.christmasLpCategoryList__item {
    display: inline-block;
    width: 300px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #faeedf;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 3px;
    margin: 0 7px 15px
}

.christmasLpCategoryList__item--small {
    width: 190px;
    margin: 5px
}

.christmasLpCategoryList__item--small .christmasLpCategoryList__image {
    height: 160px
}

.christmasLpCategoryList__link {
    width: 100%;
    display: block;
    text-decoration: none !important;
    transition: .3s
}

.christmasLpCategoryList__link:hover {
    opacity: .6
}

.christmasLpCategoryList__image {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.christmasLpCategoryList__title {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 4px 5px;
    color: #212121;
    position: relative
}

.christmasLpCategoryList__title .fa-angle-right {
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: 8px
}

.christmasLpPriceList {
    padding: 0 10px;
    margin-top: -5px;
    display: flex;
    justify-content: space-between
}

.christmasLpPriceList__item {
    width: 24%;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #faeedf;
    text-align: center
}

.christmasLpPriceList__link {
    display: block;
    padding: 15px 5px;
    position: relative;
    transition: .3s;
    text-decoration: none !important
}

.christmasLpPriceList__link:hover {
    background: #e6aa5f;
    color: #fff !important
}

.christmasLpPriceList__link .fa-angle-right {
    font-size: 24px;
    position: absolute;
    right: 25px;
    top: 12px
}

.christmasSetLpWrapper {
    margin-top: 20px
}

.christmasSetLp {
    float: left;
    width: 780px;
    padding: 0 90px
}

.christmasSetLp__image {
    width: 100%
}

.christmasSetLpProductList {
    padding: 0 20px;
    margin-top: 28px;
    margin-bottom: 40px
}

.christmasSetLpProductList__image {
    width: 100%;
    min-height: 130px
}

.christmasSetProduct {
    position: relative
}

.christmasSetProduct__image {
    width: 100%
}

.christmasSetProductInfo {
    width: 80%;
    position: relative;
    margin: 0 auto;
    bottom: 32px;
    text-align: center;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 20px 32px
}

.christmasSetProductInfo__price {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #e6aa5f;
    margin-bottom: 16px
}

.christmasSetLpProductSection {
    margin-bottom: 40px
}

.christmasSetLpProductSection__link {
    text-decoration: none !important;
    border: none;
    width: 100%;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 18px 0;
    border-radius: 5px;
    background: #e6aa5f;
    transition: .3s
}

.christmasSetLpProductSection__link:hover {
    opacity: .6
}

.christmasLpBackLink {
    display: block;
    font-weight: 700;
    font-size: 12px;
    padding: 13px 24px 10px;
    position: relative;
    transition: .3s;
    text-decoration: none !important;
    margin-bottom: 5px
}

.christmasLpBackLink:hover {
    opacity: .6
}

.christmasLpBackLink .fa-angle-left {
    position: absolute;
    bottom: 9px;
    left: 7px;
    font-size: 20px;
    margin-right: 5px
}

.christmasLpCategoryHeader {
    margin-bottom: 40px
}

.christmasLpCategoryHeader:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.christmasLpCategoryHeader__image {
    width: 186px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.christmasLpCategoryHeader__info {
    float: left;
    width: calc(100% - 186px);
    padding-left: 15px;
    padding-top: 5px
}

.christmasLpCategoryHeader__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.5em
}

.christmasLpCategoryHeader__desc {
    font-size: 14px;
    line-height: 1.6em
}

.christmasSuperFridayLp {
    width: 80%;
    margin: 0 auto
}

.christmasSuperFridayLpHeader__image {
    width: 100%
}

.christmasSuperFridayCountDown {
    background: #549186;
    color: #fff;
    padding: 28px 12px 20px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 1px
}

.christmasSuperFridayCountDown__number {
    font-weight: 700;
    font-size: 40px
}

.christmasSuperFridaySummary__title {
    color: #e6aa5f;
    padding: 28px 12px 20px;
    font-size: 30px;
    text-align: center;
    margin-bottom: 1px;
    font-weight: 700
}

.christmasSuperFridaySummary__titleNumber {
    font-size: 50px;
    font-weight: 700
}

.christmasSuperFridaySummary__link {
    color: #fff !important;
    background-color: #e6aa5f;
    font-size: 16px;
    padding: 16px 16px;
    border-radius: 10px;
    display: block;
    width: 400px;
    text-align: center;
    box-shadow: 0 7px 4px 0 rgba(0, 0, 0, .1);
    font-weight: 700;
    margin: 10px auto
}

.christmasSuperFridaySummary__link:hover {
    text-decoration: none;
    opacity: .8
}

.christmasSuperFridaySummary__couponDesc {
    width: 80%;
    margin: 0 auto 20px;
    font-size: 14px;
    line-height: 1.5
}

.christmasSuperFridaySummary__showCouponDescLink {
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    padding: 15px 0 20px;
    color: #e6aa5f
}

.christmasSuperFridaySummary__showCouponDescLink:hover {
    cursor: pointer
}

.christmasSuperFridaySummary__img {
    width: 100%;
    margin-bottom: 10px
}

.christmasSuperFridayLpProducts__title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 36px;
    background: #e6aa5f;
    color: #fff;
    padding: 20px 16px
}

.christmasBottomFixedArea {
    display: none;
    position: fixed;
    box-shadow: rgba(0, 0, 0, .2) 0 3px 8px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    background: #fff;
    padding: 12px 15px
}

.christmasBottomFixedArea__button {
    color: #fff !important;
    background-color: #e6aa5f;
    font-size: 16px;
    padding: 18px 8px;
    text-align: center;
    border-radius: 10px;
    display: block;
    width: 400px;
    margin: 0 auto;
    box-shadow: 0 7px 4px 0 rgba(0, 0, 0, .1);
    font-weight: 700;
    text-decoration: none !important;
    transition: .3s
}

.christmasBottomFixedArea__button:hover {
    opacity: .6
}

.christmasFinalImg {
    width: 100%
}

.christmasFinalCountDown {
    color: #fff;
    font-size: 20px;
    padding: 25px 0 25px 10px;
    background: #e6aa5f;
    text-align: center
}

.christmasFinalCountDown__number {
    font-weight: 700;
    font-size: 40px
}

.christmasFinalCountDown__desc {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 14px
}

.christmasFinalSubHeading {
    background: #e6aa5f;
    padding: 20px 0 20px 30px;
    color: #fff;
    font-size: 32px;
    line-height: 1.6;
    letter-spacing: 3px;
    margin-bottom: 20px
}

.christmasFinalCaution {
    color: #e6aa5f;
    padding: 20px;
    font-size: 14px;
    margin-bottom: 20px;
    border-bottom: 3px solid #e6aa5f
}

.memberPage:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.memberPage__left {
    float: left;
    width: 180px
}

.memberPage__right {
    float: left;
    width: 844px;
    padding-left: 30px
}

.memberPageHeader {
    margin-bottom: 30px
}

.memberPageHeader__icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle
}

.memberPageHeader__username {
    font-size: 20px;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 10px
}

.memberPageHeader__info {
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 10px
}

.memberPageHeader__point {
    color: #e6aa5f;
    font-size: 16px
}

.memberPageHeader__specialLink {
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 20px
}

.memberPageHeader__specialLink a {
    text-decoration: underline;
    color: #ef5d60 !important
}

.memberPageSidemenu {
    width: 100%
}

.memberPageSidemenuSection {
    padding-bottom: 20px;
    border-bottom: solid 1px #e0e0e0
}

.memberPageSidemenuSection:not(:first-of-type) {
    margin-top: 30px
}

.memberPageSidemenuSection__title {
    font-size: 18px
}

.memberPageSidemenuSectionList {
    margin-top: 15px
}

.memberPageSidemenuSectionList__item {
    margin-top: 2px;
    padding-left: 5px
}

.memberPageSidemenuSectionList__item a {
    font-size: 14px;
    padding: 5px 0;
    display: block;
    color: #555
}

.memberPageSidemenuSectionList__item--current a {
    font-weight: 700
}

.memberPageSection {
    margin-bottom: 60px;
    color: #212121
}

.memberPageSection__title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 4px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 24px
}

.memberPageSection__subTitle {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 4px
}

.memberInfoPage {
    padding-left: 10px
}

.memberInfoPage__editBtn {
    border-radius: 4px;
    background-color: #ef5d60;
    font-size: 14px;
    font-weight: 700;
    color: #fff !important;
    display: block;
    width: 120px;
    text-decoration: none !important;
    transition: .3s;
    text-align: center;
    padding: 10px
}

.memberInfoPage__editBtn:hover {
    opacity: .6
}

.memberInfoPage__editBtn:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.memberInfoPage__note {
    margin-bottom: 20px;
    font-size: 12px
}

.memberInfoContent {
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 28px
}

.memberInfoContent__required {
    color: #fff;
    background: #ef5d60;
    margin-left: 10px;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px
}

.memberInfoContent__optional {
    color: #757575;
    background: #faeedf;
    margin-left: 10px;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px
}

.memberInfoContent__label {
    width: 180px;
    font-weight: 700;
    font-size: 14px
}

.memberInfoContent__label--emailChangePage {
    width: 300px
}

.memberInfoContent__value {
    font-size: 14px
}

.memberInfoContent__note {
    margin-left: 10px
}

.memberInfoContent__errorMessage {
    font-size: 14px;
    color: #ef5d60;
    margin-left: 10px;
    font-weight: 700
}

.memberInfoContent__passwordError {
    font-size: 14px;
    color: #ef5d60;
    margin-left: 10px;
    font-weight: 700;
    display: none
}

.memberInfoContent__inputText {
    width: 240px
}

.memberChangeRadio {
    display: inline-block;
    margin-right: 10px
}

.memberChangeRadio label:hover {
    opacity: .8;
    cursor: pointer
}

.memberChangeAddress {
    width: 300px;
    display: flex
}

.memberChangeAddress select {
    margin-right: 16px
}

.memberLeaveContent {
    padding-left: 10px
}

.memberLeaveContent__desc {
    font-size: 14px;
    margin-bottom: 20px
}

.memberPointPageContent {
    align-items: center;
    margin-bottom: 20px
}

.memberPointPageContent__title {
    font-size: 14px;
    margin-right: 8px
}

.memberPointPageContent__totalPoint {
    font-size: 16px;
    line-height: 23px
}

.memberPointPageContent__totalPoint span {
    font-size: 26px;
    line-height: 38px;
    color: #e6aa5f;
    font-weight: 700
}

.memberPointPageContent__expiration {
    font-size: 14px;
    line-height: 20px;
    color: #757575
}

.memberPointLogTable {
    border: 1px solid #faeedf;
    width: 100%
}

.memberPointLogTable td,
.memberPointLogTable th {
    padding: 10px
}

.memberPointLogTable tr {
    font-size: 14px
}

.memberPointLogTable tbody tr:nth-child(odd) {
    background-color: #fff7f0
}

.memberPageTransaction {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 20px
}

.memberPageDelivery {
    display: flex;
    border-bottom: 1px solid #faeedf;
    padding: 24px;
    margin-bottom: 10px
}

.memberPageDelivery:last-of-type {
    border-bottom: none
}

.memberPageDelivery__left {
    width: 600px
}

.memberPageDelivery__right {
    border-left: 1px solid #faeedf;
    padding-left: 24px
}

.memberPageTransactionHeader {
    padding: 15px 24px;
    border-bottom: 1px solid #e0e0e0;
    background: #fafafa
}

.memberPageTransactionHeader__info {
    font-size: 14px;
    color: #757575;
    margin-bottom: 5px
}

.memberPageTransactionHeader__info:last-of-type {
    margin-bottom: 0
}

.memberPageDeliveryInfo {
    font-size: 12px;
    color: #757575;
    margin-bottom: 8px
}

.memberPageDeliveryTrackingUrl {
    margin-top: 16px
}

.memberPageDeliveryTrackingUrl a {
    color: #e6aa5f;
    text-decoration: underline
}

.memberPageDeliveryProduct {
    margin-bottom: 24px
}

.memberPageDeliveryProduct:last-of-type {
    margin-bottom: 0
}

.memberPageDeliveryProduct__image {
    width: 180px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.memberPageDeliveryProductInfo {
    float: left;
    padding-top: 8px;
    padding-left: 18px;
    padding-right: 18px;
    width: calc(100% - 180px)
}

.memberPageDeliveryProductInfo__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

.memberPageDeliveryProductInfo__price {
    font-size: 14px;
    margin-bottom: 20px
}

.memberPageDeliveryProductInfo__reviewLink {
    font-size: 12px;
    padding: 5px;
    color: #fff !important;
    background: #e6aa5f;
    border-radius: 4px;
    text-decoration: none !important;
    transition: .3s
}

.memberPageDeliveryProductInfo__reviewLink:hover {
    opacity: .6
}

.memberPageDeliveryProductInfo__reviewedFakeLink {
    font-size: 12px;
    padding: 5px;
    color: #757575 !important;
    background: #fafafa;
    border-radius: 4px;
    text-decoration: none !important;
    transition: .3s;
    pointer-events: none
}

.memberPageDeliveryProductInfo__resendMailBtn {
    font-size: 12px;
    padding: 5px 10px;
    margin-top: 10px;
    color: #fff !important;
    background: #e6aa5f;
    border-radius: 4px;
    text-decoration: none !important;
    transition: .3s
}

.memberPageDeliveryProductInfo__resendMailBtn:hover {
    opacity: .6
}

.memberNoPurchaseMessage {
    border-radius: 4px;
    border: 1px solid #faeedf;
    padding: 24px;
    font-size: 14px
}

.memberDeletePageContent {
    margin-bottom: 20px;
    padding-left: 10px
}

.memberDeletePageContent__mediumTitle {
    font-size: 16px;
    font-weight: 700
}

.memberDeletePageContent__description {
    margin-top: 10px
}

.memberDeleteColumn {
    margin: 0 0 30px
}

.memberDeleteColumn__title {
    font-size: 16px;
    font-weight: 700
}

.memberDeleteColumn__description {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.7em
}

.memberDeleteColumn__strong {
    color: #ef5d60;
    font-size: 18px
}

.memberDeleteQuestionnaireContent__title {
    padding-bottom: 8px;
    padding-left: 4px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #ededed
}

.memberDeleteQuestionnaireContent__textarea {
    margin: 20px 0 20px;
    width: 100%
}

.questionnaireTable {
    margin: 20px 10px 20px
}

.questionnaireTable__checkbox {
    padding-right: 10px;
    padding-bottom: 12px
}

.memberLeaveComplete {
    text-align: center;
    padding-top: 20px
}

.memberLeaveComplete__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.memberLeaveComplete__desc {
    font-size: 16px;
    line-height: 1.8em
}

.couponCard {
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 10px 0 20px
}

.couponCard__expiredTerm {
    margin: 15px
}

.couponCard--expired {
    position: relative;
    background: #757575;
    opacity: .7
}

.couponCard--expired:after {
    content: 'クーポンの有効期限を過ぎております';
    position: absolute;
    font-size: 30px;
    top: 35%;
    left: 15%;
    padding: 50px 20px;
    background-color: #fff;
    color: #ef5d60;
    font-weight: 700;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg)
}

.couponCard--expired>.couponCardRibbon {
    background: #212121
}

.couponCard--expired>.couponCardRibbon:before {
    border-right: solid 20px #212121
}

.couponCard--expired>.couponCardRibbon:after {
    border-color: transparent #757575 transparent transparent
}

.couponCard--expired>.couponCardRibbon>.couponCardRibbon__title {
    color: #757575;
    border-top: dashed 1px #757575;
    border-bottom: dashed 1px #757575
}

.couponCard--expired>.couponCardDescContainer>.couponCardDescContainer__price {
    color: #212121
}

.couponCard--expired>.couponCardDescContainer>.couponCardDescContainer__button {
    color: #212121 !important;
    border: 1px solid #212121
}

.couponCard--expired>.couponCardDescContainer>.couponCardDescContainer__button:hover {
    background-color: #212121;
    color: #fff !important
}

.couponCard__new {
    position: relative;
    z-index: 10
}

.couponCard__new--badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

.couponCardRibbon {
    width: 100%;
    position: relative;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 0;
    font-size: 22px;
    background: #e6aa5f;
    color: #fff;
    box-sizing: border-box;
    margin-bottom: 20px
}

.couponCardRibbon__title {
    vertical-align: middle;
    margin: 0;
    padding: 0 40px 0 40px;
    border-top: dashed 1px #fff;
    border-bottom: dashed 1px #fff;
    line-height: 46px;
    font-weight: 600
}

.couponCardRibbon:after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 30px 15px 30px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
}

.couponCardDescContainer {
    margin-top: 20px;
    padding-left: 20px;
    float: left;
    width: 33.3%
}

.couponCardDescContainer__price {
    color: #e6aa5f;
    margin: 15px 0 30px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-right: 15px
}

.couponCardDescContainer__description {
    margin-bottom: 40px
}

.couponCardDescContainer__button {
    border: 1px solid #e6aa5f;
    padding: 10px;
    color: #e6aa5f !important;
    text-decoration: none
}

.couponCardDescContainer__button:hover {
    background-color: #e6aa5f;
    color: #fff !important
}

.couponCardProductsContainer {
    float: right;
    width: 66.7%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.couponCardProductsContainer__title {
    margin: 10px 10px 20px;
    font-size: 16px;
    font-weight: 600
}

.CouponProduct {
    float: left;
    width: 33.3%;
    padding: 0 12px;
    position: relative
}

.CouponProduct__image {
    width: 100%;
    height: 164px;
    -o-object-fit: cover;
    object-fit: cover
}

.couponProductInfo {
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    position: relative
}

.couponProductInfo__title {
    font-size: 12px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 12px;
    height: 36px;
    overflow: hidden
}

.couponProductInfo__price {
    color: #212121;
    font-family: YuGothic;
    font-size: 16px;
    font-weight: 600
}

.couponGetBtn {
    text-align: center;
    font-weight: 600;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    border-radius: 4px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .5);
    background-color: #e6aa5f;
    color: #fff
}

.memberAuthenticateReminder {
    padding: 20px 0;
    border-radius: 4px;
    background-color: #e6aa5f;
    text-align: center;
    margin-bottom: 20px;
    display: block
}

.memberAuthenticateReminder:hover {
    text-decoration: none;
    opacity: .8
}

.memberAuthenticateReminder__icon {
    color: #fff
}

.memberAuthenticateReminder__text {
    font-size: 14px;
    color: #fff
}

.memberAuthContent {
    margin-bottom: 40px;
    text-align: center
}

.memberAuthContent__title {
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.memberAuthContent__text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 20px;
    color: #ef5d60
}

.memberAuthContent__msg {
    line-height: 1.7em;
    font-size: 16px
}

.memberAuthContentMail {
    font-size: 20px;
    border-bottom: 1px solid #757575;
    width: 70%;
    text-align: center;
    padding-bottom: 5px;
    margin: 20px auto
}

.memberAddCard__title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 4px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 28px
}

.memberAddCardForm {
    width: 60%
}

.memberAddCardFormGroup {
    margin-bottom: 16px
}

.memberAddCardFormGroup__label {
    width: 100%;
    font-weight: 700;
    font-size: 14px
}

.memberAddCardFormGroup__note {
    font-size: 12px;
    color: #757575;
    margin-top: 4px
}

.memberAddCardFormGroup__expiration {
    width: 45%
}

.memberAddCardFormGroup__cvc {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.memberAddCardFormGroup__cvcImage {
    width: 160px;
    margin-right: 12px
}

.memberAddCardFormGroup__cvcDesc {
    font-size: 12px;
    line-height: 1.5em
}

.memberAddCardFormGroup__inline {
    display: inline
}

.memberPageCreditCardList__item {
    border: 1px solid #faeedf;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

.memberPageCreditCardInfo {
    font-size: 14px;
    font-weight: 500
}

.memberPageCreditCardInfo__expire {
    color: #bdbdbd
}

.memberPageCreditCardDeleteForm__submit {
    cursor: pointer;
    background: #fff;
    color: #ef5d60 !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #ef5d60;
    border-radius: 4px;
    transition: .3s;
    text-align: center;
    padding: 4px 8px
}

.memberPageCreditCardDeleteForm__submit:hover {
    opacity: .6
}

.memberPageCreditCardListContainer {
    margin-bottom: 40px
}

.memberPageCreditCardListContainer__message {
    font-size: 14px
}

.memberPageRankContent {
    text-align: center;
    margin-bottom: 48px
}

.memberPageRankContent__board {
    border: 1px solid #e0e0e0;
    border-radius: 8px
}

.memberPageRankContent__board1 {
    background-color: #fff
}

.memberPageRankContent__board2 {
    background-color: #faeedf
}

.memberPageRankContent__board3 {
    background-color: #212121;
    color: #fff
}

.memberPageRankContent__rank {
    margin: 0 16px;
    border-bottom: 1px solid #e0e0e0;
    padding: 11px
}

.memberPageRankContent__rankTitle {
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 48px
}

.memberPageRankContent__transactionAmount {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
    color: #bdbdbd
}

.memberPageRankContent__transactionAmount span {
    margin-left: 72px;
    color: #e6aa5f;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px
}

.memberPageRankContent__image {
    height: 48px;
    margin-right: 8px
}

.memberPageRankContent__benefits {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 13px;
    margin: 0 auto;
    text-align: left;
    font-weight: 700;
    font-size: 13px;
    line-height: 19px
}

.memberPageRankContent__benefits1 span {
    color: #ef5d60
}

.memberPageRankContent__benefits2 span {
    color: #e6aa5f
}

.memberPageRankContent__benefitDetail {
    margin-top: 13px;
    display: flex
}

.memberPageRankContent__benefitIcon {
    margin-right: 10px;
    height: 19px;
    color: #e6aa5f
}

.memberPageRankContent__promotion {
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 8px 8px;
    padding: 20px
}

.memberPageRankContent__promotion1 {
    background-color: #fafafa
}

.memberPageRankContent__promotion2 {
    background-color: #fff
}

.memberPageRankContent__promotion3 {
    background-color: #212121
}

.memberPageRankContent__promotionContent {
    margin-bottom: 10px
}

.memberPageRankContent__promotionNotification {
    color: #e6aa5f;
    font-weight: 700
}

.memberPageRankContent__nextRank {
    font-size: 14px;
    line-height: 20px
}

.memberPageRankContent__promotionalRank {
    font-size: 14px;
    line-height: 20px
}

.memberPageRankContent__note {
    font-size: 12px;
    line-height: 17px
}

.memberPageRankContent__note1 {
    color: #757575
}

.memberPageRankContent__note2 {
    color: #bdbdbd
}

.memberPageRankContent__link {
    margin: 0 auto;
    margin-top: 28px;
    width: 343px;
    padding: 13px;
    border: 1px solid #e6aa5f;
    border-radius: 8px
}

.memberPageRankContent__link a:hover {
    text-decoration: none
}

.memberPageRankContent__linkContent {
    display: flex;
    justify-content: flex-end;
    font-size: 15px;
    line-height: 22px;
    text-align: right;
    color: #e6aa5f
}

.memberPageRankContent__linkIcon {
    margin-left: 80px;
    height: 22px
}

#delivery-form {
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 16px 30px;
    margin-top: 50px;
    width: 70%
}

#delivery-form .error-message {
    background-color: #ef5d60;
    font-size: 12px;
    font-weight: 700;
    padding: 3px;
    border-radius: 4px
}

#delivery-form .under-highlight-red {
    background: linear-gradient(transparent 70%, pink 10%)
}

#delivery-form .hr-no-margin {
    margin: 5px 10px
}

#delivery-form .title-container {
    width: 100%;
    margin-bottom: 35px
}

#delivery-form .title-step {
    width: 85px;
    height: 35px;
    background: linear-gradient(transparent 0, #e6aa5f 0);
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: .05em;
    text-align: justify;
    color: #fff;
    padding: 9px;
    margin-right: 10px;
    float: left
}

#delivery-form .title-step-gold {
    width: 85px;
    height: 35px;
    background: linear-gradient(transparent 0, #e6aa5f 0);
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: .05em;
    text-align: justify;
    color: #fff;
    padding: 9px;
    margin-right: 10px;
    float: left
}

#delivery-form .title {
    width: calc(100% - 95px);
    height: 35px;
    font-size: 17px;
    padding-bottom: 2px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: .05em;
    text-align: justify;
    word-wrap: break-word;
    float: right;
    line-height: 35px
}

#delivery-form .title-desc {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 24px;
    letter-spacing: .05em;
    text-align: justify;
    word-wrap: break-word;
    float: none
}

#delivery-form .cart-contents {
    border-collapse: collapse
}

#delivery-form .cart-contents .product-number {
    position: absolute;
    background: #ef5d60;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    z-index: 2;
    top: -15px;
    left: -14px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 22px
}

#delivery-form .cart-contents .product {
    position: relative;
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-top: 16px;
    margin-bottom: 26px;
    padding: 5px
}

#delivery-form .cart-contents .first-row {
    height: auto
}

#delivery-form .cart-contents .first-row .right {
    float: right;
    width: 70%;
    padding: 5px
}

#delivery-form .cart-contents .first-row .right .product-name {
    font-size: 16px;
    font-weight: 700
}

#delivery-form .cart-contents .first-row .right .product-price {
    float: right;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
}

#delivery-form .cart-contents .first-row .right .product-option {
    font-size: 14px;
    margin-top: 5px
}

#delivery-form .cart-contents .first-row .right .product-option .product-option-list-item {
    line-height: 16px
}

#delivery-form .cart-contents .first-row .left {
    float: left;
    width: 30%;
    padding: 5px
}

#delivery-form .cart-contents .first-row .left img {
    width: 100%
}

#delivery-form .cart-contents .second-row {
    height: auto
}

#delivery-form .cart-contents .second-row .sub-option {
    padding: 5px
}

#delivery-form .cart-contents .second-row .sub-option .sub-option-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

#delivery-form .cart-contents .second-row .sub-option .right {
    float: left;
    width: 70%;
    padding: 5px 0 5px 5px
}

#delivery-form .cart-contents .second-row .sub-option .right select {
    font-size: 16px;
    margin-top: 5px
}

#delivery-form .cart-contents .second-row .sub-option .right .sub-option-checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#delivery-form .cart-contents .second-row .sub-option .right .sub-option-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#delivery-form .cart-contents .second-row .sub-option .right .sub-option-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee
}

#delivery-form .cart-contents .second-row .sub-option .right .sub-option-checkbox-container input:checked~.sub-option-checkmark {
    background-color: #ef5d60
}

#delivery-form .cart-contents .second-row .sub-option .right .sub-option-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

#delivery-form .cart-contents .second-row .sub-option .right .sub-option-checkbox-container input:checked~.sub-option-checkmark:after {
    display: block
}

#delivery-form .cart-contents .second-row .sub-option .right .sub-option-checkbox-container .sub-option-checkmark:after {
    left: 8px;
    top: 3px;
    width: 9px;
    height: 16px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

#delivery-form .cart-contents .second-row .sub-option .sub-option-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

#delivery-form .cart-contents .second-row .sub-option .left {
    float: right;
    width: 30%;
    padding: 5px
}

#delivery-form .cart-contents .second-row .sub-option .left img {
    width: 100%
}

#delivery-form .delivery-options {
    border-collapse: collapse
}

#delivery-form .delivery-options .option-number {
    position: absolute;
    background: #ef5d60;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    z-index: 2;
    top: -15px;
    left: -14px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 22px
}

#delivery-form .delivery-options .option {
    position: relative;
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 26px;
    padding: 5px
}

#delivery-form .delivery-options .option .first-row {
    height: auto
}

#delivery-form .delivery-options .option .first-row .option-name-textarea {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-left: 20px;
    margin-top: 10px
}

#delivery-form .delivery-options .option .first-row textarea {
    width: 96%;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 16px
}

#delivery-form .delivery-options .option .first-row .right {
    float: right;
    width: 70%;
    padding: 10px
}

#delivery-form .delivery-options .option .first-row .right select {
    font-size: 16px
}

#delivery-form .delivery-options .option .first-row .right .delivery-option-checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#delivery-form .delivery-options .option .first-row .right .delivery-option-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#delivery-form .delivery-options .option .first-row .right .delivery-option-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee
}

#delivery-form .delivery-options .option .first-row .right .delivery-option-checkbox-container input:checked~.delivery-option-checkmark {
    background-color: #ef5d60
}

#delivery-form .delivery-options .option .first-row .right .delivery-option-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

#delivery-form .delivery-options .option .first-row .right .delivery-option-checkbox-container input:checked~.delivery-option-checkmark:after {
    display: block
}

#delivery-form .delivery-options .option .first-row .right .delivery-option-checkbox-container .delivery-option-checkmark:after {
    left: 8px;
    top: 3px;
    width: 9px;
    height: 16px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

#delivery-form .delivery-options .option .first-row .right .option-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

#delivery-form .delivery-options .option .first-row .right .checkbox {
    font-size: 16px
}

#delivery-form .delivery-options .option .first-row .left {
    float: left;
    width: 30%;
    padding: 5px
}

#delivery-form .delivery-options .option .first-row .left img {
    width: 100%
}

#delivery-form .delivery-options .option .first-row .left img .white-cover {
    opacity: .8
}

#delivery-form .customer-info {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    border-collapse: collapse
}

#delivery-form .customer-info .error-message {
    background-color: #ef5d60;
    font-size: 12px;
    font-weight: 700;
    padding: 3px;
    border-radius: 4px
}

#delivery-form .customer-info .customer-table .table-title {
    font-size: 16px;
    line-height: 26px;
    width: 170px
}

#delivery-form .customer-info .customer-table .table-title .required {
    font-size: 14px;
    padding: 0 5px;
    margin-top: 10px;
    background-color: #ef5d60
}

#delivery-form .customer-info .customer-table .table-info .destination-desc {
    font-size: 16px;
    letter-spacing: .05em;
    text-align: justify;
    word-wrap: break-word
}

#delivery-form .customer-info .customer-table .table-info .form-group-destination {
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    padding: 5px
}

#delivery-form .customer-info .customer-table .table-info .destination-radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-top: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: .05em;
    text-align: justify;
    word-wrap: break-word;
    line-height: 25px;
    vertical-align: text-bottom;
    font-weight: 700
}

#delivery-form .customer-info .customer-table .table-info .destination-radio-container input {
    position: absolute;
    opacity: 0
}

#delivery-form .customer-info .customer-table .table-info .destination-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%
}

#delivery-form .customer-info .customer-table .table-info .destination-radio-container input:checked~.destination-checkmark {
    background-color: #ef5d60
}

#delivery-form .customer-info .customer-table .table-info .destination-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

#delivery-form .customer-info .customer-table .table-info .destination-radio-container input:checked~.destination-checkmark:after {
    display: block
}

#delivery-form .customer-info .customer-table .table-info .destination-radio-container .destination-checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

#delivery-form .customer-info .customer-table .table-info .destination-sub-desc {
    font-size: 13px;
    letter-spacing: .05em;
    text-align: justify;
    word-wrap: break-word;
    padding: 10px
}

#delivery-form .customer-info p {
    font-size: 15px;
    margin-bottom: 5px
}

#delivery-form .customer-info .customer-info-note {
    font-size: 13px;
    margin-top: 5px;
    letter-spacing: .05em;
    text-align: justify;
    word-wrap: break-word
}

#delivery-form .customer-info input {
    font-size: 16px
}

#delivery-form .customer-info select {
    font-size: 16px
}

#delivery-form .receiver-info .error-message {
    background-color: #ef5d60;
    font-size: 12px;
    font-weight: 700;
    padding: 3px;
    border-radius: 4px;
    margin-top: 5px
}

#delivery-form .receiver-info .receiver-info-note {
    font-size: 13px;
    margin-top: 5px;
    letter-spacing: .05em;
    text-align: justify;
    word-wrap: break-word
}

#delivery-form .receiver-info input {
    font-size: 16px
}

#delivery-form .receiver-info select {
    font-size: 16px
}

#delivery-form .delivery-price-info {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0
}

#delivery-form .delivery-price-info .delivery-price-info-table {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    letter-spacing: 1.5px
}

#delivery-form .delivery-price-info .delivery-price-info-table tr:nth-child(2n+1) {
    background-color: #fafafa
}

#delivery-form .delivery-price-info .delivery-price-info-table td.table-title {
    text-align: center;
    background-color: #e0e0e0;
    padding: 10px;
    line-height: 12px;
    font-weight: 700
}

#delivery-form .delivery-price-info .delivery-price-info-table td.table-label {
    vertical-align: middle;
    color: #212121;
    font-size: 14px;
    font-weight: 700;
    text-align: center !important;
    width: 110px;
    line-height: 16px
}

#delivery-form .delivery-price-info .delivery-price-info-table td.table-content {
    padding: 8px 15px 8px 15px
}

#delivery-form .delivery-price-info .delivery-price-info-table #delivery-price-total {
    font-weight: 700;
    font-size: 16px
}

#delivery-form .payment-type-section label {
    width: 300px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    vertical-align: middle
}

#delivery-form .payment-type-section .form-element-radio-btn {
    display: none
}

#delivery-form .payment-type-section .form-element-radio-btn label {
    padding-left: 25px;
    position: relative;
    margin-right: 20px;
    line-height: 20px
}

#delivery-form .payment-type-section .form-element-radio-btn label ::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 50%
}

#delivery-form .payment-type-section .form-element-radio-btn:checked+label {
    color: #ef5d60
}

#delivery-form .payment-type-section .form-element-radio-btn:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: #ef5d60;
    border-radius: 50%
}

#delivery-form .payment-type-section .payment-type-row-1 {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 15px 10px
}

#delivery-form .payment-type-section .payment-type-row-1 input {
    float: left
}

#delivery-form .payment-type-section .payment-type-row-2 {
    margin-bottom: 10px
}

#delivery-form .payment-type-section #credit-card-row-1 .error-message {
    background-color: #ef5d60;
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
    border: 2px solid #ef5d60;
    border-radius: 4px
}

#delivery-form .payment-type-section #credit-card-row-2 {
    margin-top: 10px
}

#delivery-form .payment-type-section #credit-card-row-2 .table-title {
    font-size: 16px;
    line-height: 26px
}

#delivery-form .payment-type-section #credit-card-row-2 .table-info input {
    font-size: 16px
}

#delivery-form .payment-type-section #cod-row-2 {
    margin-top: 10px;
    display: none
}

#delivery-form .payment-type-section #cvs-row-2 {
    margin-top: 10px;
    display: none
}

#delivery-confirm {
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 10px 30px;
    margin-top: 50px;
    width: 70%
}

#delivery-confirm .title {
    margin-bottom: 15px;
    font-size: 16px;
    padding-bottom: 2px;
    border-bottom: 2px solid pink;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 700;
    display: inline-block
}

#delivery-confirm .title-desc {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
    float: none
}

#delivery-confirm .cart-contents {
    overflow: hidden;
    border-collapse: collapse
}

#delivery-confirm .cart-contents .product {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 5px
}

#delivery-confirm .cart-contents .first-row {
    height: auto
}

#delivery-confirm .cart-contents .first-row .right {
    float: left;
    width: auto;
    padding: 5px
}

#delivery-confirm .cart-contents .first-row .right .product-name {
    font-size: 14px;
    font-weight: 700
}

#delivery-confirm .cart-contents .first-row .right .product-option {
    font-size: 10px;
    margin-top: 5px
}

#delivery-confirm .cart-contents .first-row .right .product-option .product-option-list-item {
    line-height: 14px
}

#delivery-confirm .cart-contents .first-row .left {
    float: left;
    width: auto;
    padding: 5px
}

#delivery-confirm .cart-contents .first-row .left img {
    width: 100px
}

#delivery-confirm .cart-contents .second-row {
    height: auto
}

#delivery-confirm .cart-contents .second-row .sub-option {
    padding: 5px
}

#delivery-confirm .cart-contents .second-row .sub-option .right {
    float: right;
    width: 70%;
    padding: 10px
}

#delivery-confirm .cart-contents .second-row .sub-option .right select {
    font-size: 16px
}

#delivery-confirm .cart-contents .second-row .sub-option .sub-option-name {
    font-size: 14px;
    font-weight: 700
}

#delivery-confirm .cart-contents .second-row .sub-option .left {
    float: left;
    width: 30%
}

#delivery-confirm .cart-contents .second-row .sub-option .left img {
    width: 100px
}

#delivery-confirm .delivery-options {
    border-collapse: collapse
}

#delivery-confirm .delivery-options .option {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 5px
}

#delivery-confirm .delivery-options .option .first-row {
    height: auto
}

#delivery-confirm .delivery-options .option .first-row .entire-row {
    width: 100%;
    padding: 15px;
    font-size: 15px
}

#delivery-confirm .delivery-options .option .first-row .right {
    float: right;
    width: 70%;
    padding: 10px
}

#delivery-confirm .delivery-options .option .first-row .right select {
    font-size: 16px
}

#delivery-confirm .delivery-options .option .first-row .right .option-name {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

#delivery-confirm .delivery-options .option .first-row .right .checkbox {
    font-size: 16px
}

#delivery-confirm .delivery-options .option .first-row .left {
    float: left;
    width: 30%;
    padding: 10px
}

#delivery-confirm .delivery-options .option .first-row .left img {
    width: 100px
}

#delivery-confirm .delivery-options .option .first-row .left img .white-cover {
    opacity: .8
}

#delivery-confirm .delivery-options .option .second-row {
    height: auto
}

#delivery-confirm .delivery-options .option .second-row .sub-option {
    padding: 5px 10px
}

#delivery-confirm .customer-info input {
    font-size: 16px
}

#delivery-confirm .customer-info select {
    font-size: 16px
}

#delivery-confirm .receiver-info input {
    font-size: 16px
}

#delivery-confirm .receiver-info select {
    font-size: 16px
}

#delivery-confirm .delivery-customer-info {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0
}

#delivery-confirm .delivery-customer-info .delivery-customer-info-table {
    width: 100%;
    padding: 15px;
    font-size: 12px;
    letter-spacing: 1.5px
}

#delivery-confirm .delivery-customer-info .delivery-customer-info-table tr:nth-child(2n+1) {
    background-color: #fafafa
}

#delivery-confirm .delivery-customer-info .delivery-customer-info-table td.table-title {
    text-align: center;
    background-color: #e0e0e0;
    padding: 10px;
    line-height: 12px;
    font-weight: 700
}

#delivery-confirm .delivery-customer-info .delivery-customer-info-table td.table-label {
    vertical-align: middle;
    color: #212121;
    font-size: 10px;
    font-weight: 700;
    text-align: center !important;
    width: 110px;
    line-height: 16px
}

#delivery-confirm .delivery-customer-info .delivery-customer-info-table td.table-content {
    padding: 8px 15px 8px 15px
}

#delivery-confirm .delivery-receiver-info {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0
}

#delivery-confirm .delivery-receiver-info .delivery-receiver-info-table {
    width: 100%;
    padding: 15px;
    font-size: 12px;
    letter-spacing: 1.5px
}

#delivery-confirm .delivery-receiver-info .delivery-receiver-info-table tr:nth-child(2n+1) {
    background-color: #fafafa
}

#delivery-confirm .delivery-receiver-info .delivery-receiver-info-table td.table-title {
    text-align: center;
    background-color: #e0e0e0;
    padding: 10px;
    line-height: 12px;
    font-weight: 700
}

#delivery-confirm .delivery-receiver-info .delivery-receiver-info-table td.table-label {
    vertical-align: middle;
    color: #212121;
    font-size: 10px;
    font-weight: 700;
    text-align: center !important;
    width: 110px;
    line-height: 16px
}

#delivery-confirm .delivery-receiver-info .delivery-receiver-info-table td.table-content {
    padding: 8px 15px 8px 15px
}

#delivery-confirm .delivery-receiver-info-sns {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px
}

#delivery-confirm .delivery-receiver-info-sns p {
    font-size: 14px;
    line-height: 22px
}

#delivery-confirm .delivery-price-info {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0
}

#delivery-confirm .delivery-price-info .delivery-price-info-table {
    width: 100%;
    padding: 15px;
    font-size: 12px;
    letter-spacing: 1.5px
}

#delivery-confirm .delivery-price-info .delivery-price-info-table tr:nth-child(2n+1) {
    background-color: #fafafa
}

#delivery-confirm .delivery-price-info .delivery-price-info-table td.table-title {
    text-align: center;
    background-color: #e0e0e0;
    padding: 10px;
    line-height: 12px;
    font-weight: 700
}

#delivery-confirm .delivery-price-info .delivery-price-info-table td.table-label {
    vertical-align: middle;
    color: #212121;
    font-size: 10px;
    font-weight: 700;
    text-align: center !important;
    width: 110px;
    line-height: 16px
}

#delivery-confirm .delivery-price-info .delivery-price-info-table td.table-content {
    padding: 8px 15px 8px 15px
}

#delivery-confirm .delivery-payment-info {
    border: 3px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px
}

#delivery-confirm .delivery-payment-info p {
    font-size: 14px;
    line-height: 22px
}

#delivery-confirm .confirm-delivery-button {
    position: relative;
    margin: 30px auto 20px auto;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset;
    background: #ef5d60;
    border: 1px solid #ef5d60;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 12px 0 12px 0;
    width: 72%;
    border-radius: 4px;
    line-height: 1.5em;
    text-align: center;
    display: block;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .2)
}

#delivery-confirm .back-to-delivery-form-button {
    width: 60%;
    background-color: #ddd;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .25);
    color: #333;
    padding: 12px
}

#delivery-complete {
    background-color: #fff;
    margin: auto;
    padding: 10px 10px 30px;
    margin-top: 50px
}

#delivery-complete .title {
    margin-bottom: 15px;
    font-size: 16px;
    padding-bottom: 2px;
    border-bottom: 2px solid pink;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 700;
    display: inline-block
}

.deliveryStep {
    text-align: center;
    margin-top: 40px
}

.deliveryStep__item {
    display: inline-block;
    counter-increment: steps;
    width: 240px;
    text-align: center;
    position: relative;
    padding-top: 36px;
    color: #757575
}

.deliveryStep__item--current {
    color: #e6aa5f !important;
    font-weight: 700
}

.deliveryStep__item--current:before {
    background-color: #e6aa5f !important
}

.deliveryStep__item--done:before {
    background-color: #e6aa5f !important
}

.deliveryStep__item--done:after {
    background-color: #e6aa5f !important
}

.deliveryStep__item:before {
    height: 26px;
    width: 26px;
    background-color: #faeedf;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    content: counter(steps);
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    top: 0;
    transform: translateX(-50%);
    border-radius: 50%
}

.deliveryStep__item:not(:last-of-type):after {
    top: 11px;
    position: absolute;
    left: 50%;
    width: calc(100%);
    background-color: #faeedf;
    content: '';
    height: 4px;
    margin: 0
}

.deliveryFormDestinationList {
    margin-top: 20px
}

.deliveryFormDestinationList__item {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #faeedf
}

.deliveryFormDestinationList__item label {
    font-weight: 700
}

.deliveryFormDestinationList__item label:hover {
    cursor: pointer
}

.deliveryFormDestinationList__item input[type=radio] {
    display: none
}

.deliveryFormDestinationList__item input[type=radio]+label {
    padding-left: 20px;
    position: relative
}

.deliveryFormDestinationList__item input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 50%
}

.deliveryFormDestinationList__item input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #e6aa5f;
    border-radius: 50%
}

.deliveryFormDestinationList__content {
    margin-top: 8px;
    display: none
}

.deliveryFormDestinationList__note {
    font-size: 12px;
    line-height: 1.8em;
    color: #757575
}

.deliveryFormDestinationList__note--bold {
    font-weight: 700;
    color: #e6aa5f
}

.deliveryFormDestinationList__link {
    color: #e6aa5f !important;
    text-decoration: underline
}

.deliveryFormDestinationList__link:hover {
    cursor: pointer;
    opacity: .6
}

.deliveryForm {
    padding: 0 30px
}

.deliveryForm__submitBtn {
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 300px;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.deliveryForm__submitBtn:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.deliveryForm__submitBtn:hover {
    background: #eec48f;
    text-decoration: none
}

.deliveryForm__submitBtn .fa-angle-left {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 16px;
    top: 16px
}

.deliveryForm__backBtn {
    width: 30%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 40px auto 20px;
    display: block;
    position: relative;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #898989;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .25)
}

.deliveryForm__backBtn .arrow-left {
    font-size: 24px;
    position: absolute;
    left: 40px;
    top: 13px;
    color: #898989
}

.deliveryFormSection {
    margin-top: 30px;
    margin-bottom: 60px
}

.deliveryFormSection--confirm {
    margin-top: 30px;
    margin-bottom: 0
}

.deliveryFormSection__title {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    border-left: 5px solid #e6aa5f;
    padding: 5px 0 5px 10px
}

.deliveryFormSection__required {
    color: #fff;
    background: #ef5d60;
    margin-left: 10px;
    width: 45px;
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
    border-radius: 5px
}

.deliveryFormSection__desc {
    margin-top: 15px;
    font-size: 14px
}

.deliveryFormProduct {
    margin: 20px 0 40px;
    border: 1px solid #757575
}

.deliveryFormProduct__headerNum {
    font-size: 20px;
    font-weight: 700
}

.deliveryFormProduct__inner {
    padding: 20px
}

.deliveryFormProduct__info {
    display: flex
}

.deliveryFormProduct__image {
    width: 180px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 15px
}

.deliveryFormProduct__title {
    font-size: 14px;
    margin-bottom: 5px;
    color: #212121
}

.deliveryFormProduct__option {
    color: #757575;
    font-size: 14px
}

.deliveryFormProduct__price {
    margin-top: 20px;
    font-size: 16px
}

.deliveryFormSubOptions {
    margin-top: 20px
}

.deliveryFormSubOptions:not(:last-of-type) {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.deliveryFormSubOptions__title {
    font-size: 14px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 8px
}

.deliveryFormSubOptions__subTitle {
    font-size: 14px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 20px;
    margin-bottom: 10px
}

.deliveryFormSubOptions__attention {
    margin-bottom: 8px
}

.deliveryFormSubOptions__image {
    width: 90px;
    height: 54px;
    margin: 0 auto 8px
}

.deliveryFormSubOptions__image img {
    width: 100%;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.deliveryFormSubOptions__radio {
    display: inline-block
}

.deliveryFormSubOptions__radio input[type=radio] {
    display: none
}

.deliveryFormSubOptions__radio label {
    transition: .2s linear;
    padding: 8px;
    font-weight: 400;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #faeedf;
    border-radius: 5px
}

.deliveryFormSubOptions__radio input[type=radio]:checked+label {
    background: #fafafa;
    color: #e6aa5f;
    border: 1px solid #e6aa5f
}

.deliveryFormSubOptions__label--invalid {
    color: #e0e0e0
}

.deliveryFormSubOptions__label--invalid img {
    opacity: .3 !important
}

.deliveryFormSubOptions__selectName {
    font-size: 10px
}

.deliveryFormSubOptions__selectPrice {
    font-size: 10px
}

.deliveryFormSubOptions__note {
    font-size: 12px;
    margin-top: 8px
}

.deliveryFormSubOptions__note--strong {
    color: #ef5d60
}

.deliveryFormShippingMethods__item {
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex
}

.deliveryFormShippingMethods__item--hasteShipping {
    padding-left: 10px;
    padding-right: 0;
    border-bottom: none;
    display: block
}

.deliveryFormShippingMethods__item:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

.deliveryFormShippingMethods__item input[type=radio] {
    display: none
}

.deliveryFormShippingMethods__item input[type=radio]+label {
    padding-left: 30px;
    position: relative
}

.deliveryFormShippingMethods__item input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #757575;
    border-radius: 50%
}

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

.deliveryFormShippingMethods__word {
    width: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 10px
}

.deliveryFormShippingMethods__word--noImage {
    width: 100%
}

.deliveryFormShippingMethods__word--disabled p {
    font-weight: 400;
    color: #757575
}

.deliveryFormShippingMethods__selectName {
    font-size: 14px
}

.deliveryFormShippingMethods__selectPrice {
    font-weight: 700;
    font-size: 13px;
    color: #e6aa5f;
    letter-spacing: 1.2px
}

.deliveryFormShippingMethods__note {
    font-size: 12px;
    margin-top: 8px
}

.deliveryFormShippingMethods__note--strong {
    color: #ef5d60
}

.deliveryFormDeliveryOption:not(:last-of-type) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #faeedf
}

.deliveryFormDeliveryOption__title {
    font-size: 14px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 10px
}

.deliveryFormDeliveryOption__title--line {
    color: #1dcd00
}

.deliveryFormDeliveryOption__desc {
    font-size: 14px;
    margin-bottom: 16px
}

.deliveryFormDeliveryOption__image {
    width: 100px;
    height: 60px;
    margin: 0 auto 8px;
    display: inline-block
}

.deliveryFormDeliveryOption__image img {
    width: 100%;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.deliveryFormDeliveryOption__radio {
    display: inline-block
}

.deliveryFormDeliveryOption__radio input[type=radio] {
    display: none
}

.deliveryFormDeliveryOption__radio label {
    transition: .2s linear;
    padding: 8px;
    font-weight: 400;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #faeedf;
    border-radius: 5px
}

.deliveryFormDeliveryOption__radio input[type=radio]:checked+label {
    background: #fafafa;
    color: #e6aa5f;
    border: 1px solid #e6aa5f
}

.deliveryFormDeliveryOption__selectName {
    font-size: 11px
}

.deliveryFormDeliveryOption__selectPrice {
    font-size: 11px
}

.deliveryFormDeliveryOption__attention {
    margin-top: 8px;
    font-size: 12px;
    white-space: normal
}

.deliveryFormShippingMethods {
    margin-top: 0
}

.customerFormTable {
    margin-top: 20px;
    width: 100%
}

.customerFormTable tr {
    border: 1px solid #757575
}

.customerFormTable td {
    vertical-align: middle;
    padding: 5px 20px !important
}

.customerFormTable td:first-of-type {
    padding: 5px !important;
    width: 15%;
    font-weight: 700;
    background: #fafafa;
    text-align: center
}

.customerFormTable__formLabel {
    margin-bottom: 3px
}

.customerFormTable__formGroup {
    margin: 15px 0
}

.customerFormTable__note {
    font-size: 12px;
    margin-top: 3px;
    color: #757575
}

.customerFormTable__required {
    color: #fff;
    background: #ef5d60;
    margin: 5px auto 0;
    width: 45px;
    padding: 3px;
    border-radius: 5px
}

.customerFormTable__errorMessage {
    color: #ef5d60;
    margin-top: 5px;
    font-weight: 700
}

.customerFormTable__errorMessage--large {
    margin-top: 10px;
    font-size: 14px
}

.customerFormTable__formCode {
    display: flex;
    flex-wrap: wrap
}

.customerFormTable__autoAddressButton {
    font-size: 12px;
    margin-left: 40px;
    width: 160px;
    height: 40px;
    border: 1px solid #e6aa5f;
    color: #e6aa5f;
    background: #fafafa;
    border-radius: 3px;
    margin-right: 40px
}

.customerFormTable__fillRecieverInfoBtn {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 40px;
    width: 200px;
    border: 1px solid #e6aa5f;
    color: #e6aa5f;
    background: #fafafa;
    border-radius: 3px;
    font-weight: 400;
    padding: 10px 0
}

.customerFormTable__couponRadio label {
    font-weight: 700
}

.customerFormTable__couponRadio label:hover {
    cursor: pointer
}

.customerFormTable__couponRadio input[type=radio] {
    display: none
}

.customerFormTable__couponRadio input[type=radio]+label {
    padding-left: 20px;
    position: relative
}

.customerFormTable__couponRadio input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 50%
}

.customerFormTable__couponRadio input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #e6aa5f;
    border-radius: 50%
}

.customerFormTable__couponRadio {
    padding-bottom: 15px;
    border-bottom: 1px solid #faeedf
}

.customerFormTable__couponRadio:last-of-type {
    padding-bottom: 0;
    border-bottom: 0
}

.customerFormTable__userRegisterEncourage {
    font-weight: 700;
    color: #e6aa5f;
    font-size: 15px;
    margin: 30px 0
}

.customerFormTable__userRegisterRadio {
    margin: 5px 0
}

.customerFormTable__userRegisterRadio label:hover {
    cursor: pointer
}

.customerFormTable__userRegisterRadio input[type=radio] {
    display: none
}

.customerFormTable__userRegisterRadio input[type=radio]+label {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.customerFormTable__userRegisterRadio input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 50%
}

.customerFormTable__userRegisterRadio input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #e6aa5f;
    border-radius: 50%
}

.customerFormTable__passwordForm {
    margin-top: 10px
}

.customerFormTable__passwordHeader {
    margin-bottom: 5px
}

.customerFormTable__cvcImage {
    width: 120px;
    margin-top: 8px
}

.customerFormTable__cvcDesc {
    margin-top: 8px
}

.deliveryFormPaymentList,
.deliveryFormShippingMethodList {
    padding: 20px 0
}

.deliveryFormPaymentList__item,
.deliveryFormShippingMethodList__item {
    margin: 0 10px 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #faeedf
}

.deliveryFormPaymentList__item label,
.deliveryFormShippingMethodList__item label {
    font-size: 16px;
    font-weight: 700
}

.deliveryFormPaymentList__item label span,
.deliveryFormShippingMethodList__item label span {
    margin-right: 30px
}

.deliveryFormPaymentList__item label:hover,
.deliveryFormShippingMethodList__item label:hover {
    cursor: pointer
}

.deliveryFormPaymentList__item input[type=radio],
.deliveryFormShippingMethodList__item input[type=radio] {
    display: none
}

.deliveryFormPaymentList__item input[type=radio]+label,
.deliveryFormShippingMethodList__item input[type=radio]+label {
    padding-left: 25px;
    position: relative
}

.deliveryFormPaymentList__item input[type=radio]+label:before,
.deliveryFormShippingMethodList__item input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #757575;
    border-radius: 50%
}

.deliveryFormPaymentList__item--error input[type=radio]+label:before,
.deliveryFormShippingMethodList__item--error input[type=radio]+label:before {
    border: 1px solid #ef5d60;
    background: #ffe0e5
}

.deliveryFormPaymentList__item input[type=radio]:checked+label:after,
.deliveryFormShippingMethodList__item input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background: #e6aa5f;
    border-radius: 50%
}

.deliveryFormPaymentList__supportedCards,
.deliveryFormShippingMethodList__supportedCards {
    margin-top: 10px
}

.deliveryFormPaymentList__supportedCards li,
.deliveryFormShippingMethodList__supportedCards li {
    width: 40px;
    margin-right: 10px;
    display: inline-block
}

.deliveryFormPaymentList__supportedCards li img,
.deliveryFormShippingMethodList__supportedCards li img {
    width: 100%
}

.deliveryFormPaymentList__cardExpireDate,
.deliveryFormShippingMethodList__cardExpireDate {
    width: 60%
}

.deliveryFormPaymentList__cardSafety,
.deliveryFormShippingMethodList__cardSafety {
    font-size: 12px;
    margin-top: 10px
}

.deliveryFormShippingMethodListLabel--disabled {
    color: grey
}

.deliveryFormShippingMethodListLabel__title {
    font-size: 16px;
    display: inline-block;
    width: 300px
}

.deliveryFormShippingMethodListLabel__title--firstDate {
    font-size: 15px;
    font-weight: 400;
    margin-left: 15px;
    margin-right: 0 !important
}

.deliveryFormShippingMethodListLabel__price {
    font-size: 15px;
    font-weight: 400;
    margin-left: 10px !important;
    margin-right: 0;
    display: inline-block
}

.deliveryFormShippingMethodListLabel__price--desc {
    font-size: 13px;
    color: #888;
    margin: 0 !important
}

.deliveryFormShippingMethodListItem__invalidMessage {
    margin-top: 15px;
    color: #ef5d60
}

.deliveryFormPaymentDaibiki {
    padding: 10px 0
}

.deliveryFormPaymentCvs {
    padding: 10px 0
}

.deliveryFormPaymentCvs__img {
    margin-bottom: 10px
}

.deliveryFormPaymentCvs__title {
    font-size: 14px;
    margin-bottom: 5px
}

.deliveryFormPaymentCvs__note {
    margin-top: 20px
}

.deliveryFormPriceCalcTable td:first-of-type {
    padding: 15px 10px !important;
    width: 15%;
    font-weight: 700;
    background: #fafafa;
    text-align: center
}

.changeMemberInfoCheck {
    display: none
}

.changeMemberInfoCheckIcon {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    font-size: 14px
}

.changeMemberInfoCheckIcon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 4px
}

.changeMemberInfoCheck:checked+.changeMemberInfoCheckIcon::after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #e6aa5f;
    border-right: 3px solid #e6aa5f
}

.deliveryConfirmSection {
    border: 1px solid #757575;
    padding: 20px;
    margin-top: 20px
}

.deliveryConfirmSection__desc {
    margin: 20px 0;
    text-align: center
}

.deliveryConfirmSection__link {
    font-weight: 700;
    color: #e6aa5f !important
}

.deliveryConfirmSection__link:hover {
    cursor: pointer
}

.deliveryConfirmProduct {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #faeedf
}

.deliveryConfirmProduct:not(:last-of-type) {
    margin-bottom: 20px
}

.deliveryConfirmProduct__image {
    width: 180px;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px
}

.deliveryConfirmProduct__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.deliveryConfirmProduct__price {
    font-size: 12px;
    margin-bottom: 10px
}

.deliveryConfirmProduct__option {
    font-size: 11px;
    margin-bottom: 2px
}

.deliveryConfirmProduct__messageOption {
    font-size: 11px;
    padding-left: 10px;
    margin-bottom: 2px
}

.deliveryConfirmSectionRow {
    display: flex;
    font-size: 13px
}

.deliveryConfirmSectionRow:not(:last-of-type) {
    border-bottom: 1px solid #faeedf
}

.deliveryConfirmSectionRow__label {
    padding: 20px 0;
    width: 200px
}

.deliveryConfirmSectionRow__value {
    padding: 20px 0;
    width: 698px
}

.deliveryConfirmSectionRow__accordion {
    padding: 0
}

.deliveryConfirmSectionRow__paymentTitle {
    margin-bottom: 10px
}

.deliveryConfirmSectionRow__paymentNote {
    font-size: 12px;
    margin: 3px 0
}

.deliveryConfirmAccordionOpenBtn {
    cursor: pointer;
    padding: 20px 0;
    position: relative
}

.deliveryConfirmAccordionOpenBtn:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f107";
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 13px
}

.deliveryConfirmAccordionOpenBtn.active:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f106";
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 13px
}

.deliveryConfirmAccordionContent {
    background: #fafafa;
    margin-bottom: 15px
}

.deliveryConfirmAccordionContent__row {
    display: flex;
    padding: 10px 15px
}

.deliveryConfirmAccordionContent__label {
    width: 150px
}

.deliveryConfirmAccordionContent__value {
    font-weight: 700
}

.deliveryComplete {
    padding: 40px 0;
    width: 60%;
    margin: 0 auto
}

.deliveryComplete__header {
    font-size: 20px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin-bottom: 10px;
    color: #212121
}

.deliveryComplete__desc {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #757575
}

.deliveryComplete__point--value {
    font-size: 16px;
    color: #e6aa5f
}

.deliveryComplete__icon {
    text-align: center;
    font-size: 120px;
    color: #eec48f;
    margin: 20px 0
}

.deliveryComplete__atobaraiDesc {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 30px
}

.deliveryComplete__id {
    width: 175px;
    background: #efefef;
    color: #757575;
    height: 28px;
    line-height: 28px;
    margin: 10px auto;
    text-align: center;
    font-size: 12px;
    margin-bottom: 25px
}

.deliveryComplete__id--bold {
    padding-left: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #212121
}

.deliveryCompletePointContainer__title {
    font-size: 14px;
    text-align: center;
    margin-bottom: 17px;
    color: #757575
}

.deliveryCompletePointContainer__point {
    color: #212121;
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px
}

.deliveryCompletePointContainer__point--bold {
    font-size: 30px;
    color: #212121;
    font-weight: 700
}

.deliveryCompletePointContainer__link {
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    color: #66b2ff !important;
    display: block
}

.deliveryCompletePointContainer__link:hover {
    opacity: .7;
    text-decoration: none !important
}

.deliveryCompleteCoupon {
    padding: 20px 15px 25px;
    width: 60%;
    margin: 0 auto
}

.deliveryCompleteCoupon__title {
    font-weight: 700;
    font-size: 18px;
    color: #757575;
    margin-bottom: 30px
}

.deliveryCompleteCouponImages {
    display: flex;
    align-items: flex-start;
    justify-content: space-around
}

.deliveryCompleteCouponImages__image {
    width: 350px;
    -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16))
}

.deliveryCompleteToTopLink {
    display: block;
    width: 100%;
    text-align: center;
    color: #757575;
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
    transition: .3s
}

.deliveryCompleteToTopLink:hover {
    opacity: .6;
    text-decoration: none !important
}

.noticeToAtobaraiCustomer {
    border-bottom: 2px solid #faeedf;
    margin-bottom: 10px;
    width: 600px
}

.noticeToAtobaraiCustomer__header {
    margin: 20px 0 10px 0;
    font-size: 16px;
    font-weight: 500
}

.noticeToAtobaraiCustomer__desc {
    font-size: 14px;
    color: #ef5d60;
    margin: 10px 0 20px 0;
    font-weight: 700
}

.noticeToAtobaraiCustomer__address {
    margin-left: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7em
}

.atobaraiStep {
    margin: 20px
}

.atobaraiStep__content {
    font-size: 14px;
    line-height: 1.6em;
    margin: 10px 0
}

.atobaraiStep__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.5em
}

.atobaraiStep__emphasis {
    color: #ef5d60
}

.atobaraiStep__arrowContainer {
    text-align: center
}

.atobaraiStep__smallAttention {
    font-size: small;
    margin-top: 10px
}

.deliveryCompleteInfo {
    border: 2px solid #faeedf;
    padding: 20px;
    padding-left: 90px;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0 40px
}

.deliveryCompleteInfo__row:not(:last-of-type) {
    margin-bottom: 10px
}

.deliveryCompleteInfo__row--key {
    text-align: right;
    width: 120px;
    display: inline-block;
    vertical-align: middle
}

.deliveryCompleteInfo__row--value {
    display: inline-block;
    margin-left: 40px;
    font-size: 16px;
    color: #e6aa5f;
    vertical-align: middle;
    line-height: 25px
}

.deliveryCompleteContact {
    margin-top: 40px
}

.deliveryCompleteContact__title {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700
}

.deliveryCompleteContact__title .fa-exclamation-triangle {
    margin-right: 5px
}

.deliveryCompleteContact__helpLink {
    color: #e6aa5f !important;
    text-decoration: underline !important
}

.deliveryCompleteContact__content {
    display: flex
}

.deliveryCompleteContact__notice {
    margin-bottom: 10px
}

.deliveryCompleteContact__deliveryId {
    color: #e6aa5f;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px
}

.deliveryCompleteContact__btn {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 0;
    width: 230px;
    margin: 0 auto;
    border-radius: 3px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .16) 0 3px 13px;
    transition: .3s
}

.deliveryCompleteContact__btn:hover {
    text-decoration: none;
    opacity: .8
}

.deliveryCompleteContact__btn--contact {
    background: #757575;
    color: #fff !important
}

.deliveryCompleteSnsInfo {
    border-radius: 10px;
    padding: 30px 20px;
    margin: 20px 0 40px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    background-color: #fff
}

.deliveryCompleteSnsInfo__header {
    margin-bottom: 27px;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    color: #212121;
    font-weight: 700
}

.deliveryCompleteSnsInfo__noLetter {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    margin: 40px 0 24px;
    color: #212121;
    text-align: center
}

.deliveryCompleteSnsInfo__text {
    font-size: 14px;
    text-align: center;
    margin-bottom: 16px
}

.deliveryCompleteSnsInfo__image {
    width: 110px;
    margin: 0 auto 14px
}

.deliveryCompleteSnsInfo__cvsDesc {
    margin-top: 20px
}

.deliveryCompleteSnsInfo__createMessageLink {
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 0;
    width: 60%;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .16) 0 3px 13px;
    transition: .3s;
    background: #e6aa5f;
    cursor: pointer;
    border-style: none;
    color: #fff !important
}

.deliveryCompleteSnsInfo__createMessageLink:hover {
    opacity: .8;
    text-decoration: none !important
}

.deliveryCompleteSnsInfo__copyUrlBtn {
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 13px 0;
    width: 50%;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #757575;
    transition: .3s;
    background: #fff;
    color: #757575;
    cursor: pointer
}

.deliveryCompleteSnsInfo__copyUrlBtn:hover {
    opacity: .8
}

.deliveryCompleteSnsInfo__or {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #757575;
    margin-top: 20px;
    margin-bottom: 20px
}

.deliveryCompleteSnsInfo__or:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #eee;
    margin-left: 14px
}

.deliveryCompleteSnsInfo__or:before {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #eee;
    margin-right: 14px
}

.deliveryCompleteSnsInfo__url {
    font-size: 12px;
    display: block;
    color: #549186 !important;
    word-break: break-all;
    margin-bottom: 15px;
    text-align: center
}

.deliveryFormPaymentAtobarai {
    padding: 10px 0
}

.deliveryFormShippingFeeMessage {
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #e6aa5f
}

.arrowBelow {
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-color: transparent transparent #757575 #757575;
    transform: rotate(-45deg);
    display: inline-block
}

.deliveryFormMessagePreview {
    color: #555;
    position: relative;
    width: 90mm;
    height: 54mm;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 3.5mm;
    font-family: serif;
    line-height: 5.5mm;
    overflow: hidden;
    padding-bottom: 2mm
}

.deliveryFormMessagePreview--withImage {
    padding-bottom: 0
}

.deliveryFormMessagePreview--normal {
    padding-bottom: 7mm
}

.deliveryFormMessagePreview--birthday,
.deliveryFormMessagePreview--newBaby,
.deliveryFormMessagePreview--wedding {
    padding-bottom: 6mm
}

.deliveryFormMessagePreview--fathersday {
    padding-bottom: 5mm
}

.deliveryFormMessagePreview--whiteday {
    margin-bottom: 10mm
}

.deliveryFormMessagePreview__background {
    width: 100%;
    z-index: -10;
    position: absolute;
    top: 0
}

.deliveryFormMessagePreview__receiver {
    text-align: center;
    margin-bottom: 2mm;
    overflow: hidden
}

.deliveryFormMessagePreview__receiver--christmas {
    margin-bottom: 3mm
}

.deliveryFormMessagePreview__receiver--newBaby {
    text-align: center;
    margin-bottom: .5mm
}

.deliveryFormMessagePreview__receiver--wedding {
    margin-bottom: 0
}

.deliveryFormMessagePreview__receiver--withImage {
    font-size: 4.3mm;
    text-align: center;
    font-weight: 700
}

.deliveryFormMessagePreview__receiver--whiteday {
    margin-bottom: 0
}

.deliveryFormMessagePreview__receiver--seniorsday {
    margin: 0 3mm
}

.deliveryFormMessagePreview__text {
    text-align: center;
    overflow: hidden;
    width: 100%
}

.deliveryFormMessagePreview__text--wedding {
    line-height: 5mm
}

.deliveryFormMessagePreview__text--withImage {
    margin-top: 4mm;
    justify-content: center
}

.deliveryFormMessagePreview__sender {
    text-align: center;
    overflow: hidden
}

.deliveryFormMessagePreview__sender--mothersday {
    margin-top: 2mm
}

.deliveryFormMessagePreview__sender--christmas {
    margin-top: 3mm
}

.deliveryFormMessagePreview__sender--newBaby {
    margin-top: .5mm;
    text-align: center
}

.deliveryFormMessagePreview__sender--withImage {
    text-align: center;
    font-weight: 700;
    margin-top: 2mm;
    font-size: 3.8mm
}

.deliveryFormMessagePreview__sender--seniorsday {
    margin: 0 3mm
}

.deliveryFormMessagePreview__attentionText {
    font-size: 13px;
    margin: 10px 0;
    overflow: hidden;
    word-wrap: break-word
}

.deliveryFormMessagePreview__attentionBoldText {
    color: #ef5d60;
    font-weight: 700
}

.deliveryFormMessagePreview__message {
    margin: 18mm 10mm 0;
    overflow: hidden;
    -webkit-filter: contrast(110%) grayscale(100%);
    filter: contrast(110%) grayscale(100%)
}

.deliveryFormMessagePreview__message--normal {
    margin: 8mm 10mm 0
}

.deliveryFormMessagePreview__message--birthday,
.deliveryFormMessagePreview__message--newBaby,
.deliveryFormMessagePreview__message--wedding {
    margin: 16mm 9mm 0
}

.deliveryFormMessagePreview__message--christmas {
    margin: 9mm 10mm 0
}

.deliveryFormMessagePreview__message--fathersday,
.deliveryFormMessagePreview__message--mothersday {
    margin: 14mm 10mm 0
}

.deliveryFormMessagePreview__message--withImage {
    margin: 4mm
}

.deliveryFormMessagePreview__message--whiteday {
    margin: 16mm 13mm 0;
    font-size: 3.2mm;
    line-height: 5.2mm
}

.deliveryFormMessagePreview__cannnotAcceptChangeAfterPurchased {
    color: #ef5d60
}

.deliveryFormMessage__inputLabel {
    margin: 10px 0 5px
}

.deliveryFormNoshiPreview {
    margin-bottom: 20px;
    position: relative;
    width: 340px
}

.deliveryFormNoshiPreview__background {
    width: 100%
}

.deliveryFormNoshiPreview__textWrap {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 50%;
    left: 0
}

.deliveryFormNoshiPreviewText {
    position: relative;
    width: 100%;
    height: 100%
}

.deliveryFormNoshiPreviewText__textBox {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline;
    transform: translate(-50%, -50%);
    height: 100%;
    text-align: center;
    font-size: 12px
}

.deliveryFormSubOptionSelectOuter {
    display: flex;
    justify-content: left;
    align-items: flex-end;
    margin-bottom: 30px
}

.deliveryFormSubOptionImages {
    width: 150px;
    height: 150px
}

.deliveryFormSubOptionSelectWrapper {
    margin-left: 40px
}

.deliveryFormSubOptionSelectWrapper>label {
    width: 300px;
    position: relative
}

.deliveryFormSubOptionSelectWrapper>label:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 0;
    background: #e0e0e0;
    height: 40px;
    width: 40px;
    border: 1px solid #757575
}

.deliveryFormSubOptionSelectWrapper>label:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 6px;
    bottom: 0;
    margin: auto 0;
    right: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #757575 transparent transparent transparent
}

.deliveryFormSubOptionSelectBox {
    -momodalIMagez-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #757575;
    padding: 5px 20px;
    margin-top: 6px;
    color: #757575;
    position: relative
}

.deliveryFormSubOptionSelectBox::-ms-expand {
    display: none
}

.deliveryFormCardList {
    margin-top: 20px;
    padding-left: 15px
}

.deliveryFormCardList__item {
    margin-bottom: 15px
}

.deliveryFormRegisterCardCheckbox {
    margin-top: 16px
}

.deliveryFormRegisterCardCheckbox__checkbox {
    display: none
}

.deliveryFormRegisterCardCheckbox__checkbox:checked+.deliveryFormRegisterCardCheckbox__label:after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #e6aa5f;
    border-right: 3px solid #e6aa5f
}

.deliveryFormRegisterCardCheckbox__label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    font-size: 14px
}

.deliveryFormRegisterCardCheckbox__label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 4px
}

.deliveryCompleteQuestionnaire {
    text-align: center;
    margin-top: 48px;
    color: #212121
}

.deliveryCompleteQuestionnaire__title {
    font-size: 20px;
    font-weight: 700
}

.deliveryCompleteQuestionnaire__text {
    font-size: 14px;
    margin: 24px 0
}

.deliveryCompleteReminderContainer {
    padding-top: 32px;
    border-top: 1px solid #e0e0e0;
    color: #212121
}

.deliveryCompleteReminderContainer__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    text-align: center
}

.deliveryCompleteReminderContainer__image {
    width: 100%;
    margin-top: 16px
}

.deliveryCompleteReminderWrapper {
    padding-top: 24px;
    text-align: center
}

.deliveryCompleteReminderWrapper__title {
    margin-bottom: 16px;
    color: #212121;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px
}

.deliveryCompleteReminderBox {
    border: 1px solid #e6aa5f;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    display: flex
}

.deliveryCompleteReminderBoxLeft {
    width: 50%
}

.deliveryCompleteReminderBoxLeft__text {
    text-align: center;
    color: #212121;
    font-size: 14px;
    line-height: 20px
}

.deliveryCompleteReminderBoxRight {
    width: 50%
}

.deliveryCompleteReminderBoxRight__text {
    text-align: left;
    color: #212121;
    font-size: 14px;
    line-height: 20px
}

.calendarLinkButton {
    width: 343px;
    margin: 16px auto 0
}

.backTopPageBtn {
    font-weight: 700;
    color: #757575 !important;
    border: none;
    display: block;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    position: relative;
    transition: .3s;
    outline: 0;
    margin-bottom: 16px
}

.backTopPageBtn:hover {
    text-decoration: none;
    opacity: .6
}

.cartIndex {
    font-family: 'Noto Sans JP', sans-serif;
    min-height: 500px
}

.cartIndex__iconArea {
    margin-right: 8px
}

.cartIndex__notice {
    display: flex;
    width: 580px;
    border: 1px solid #ef5d60;
    border-radius: 12px;
    background: #fdf2f0;
    padding: 12px;
    font-size: 12px;
    color: #ef5d60;
    font-weight: 700
}

.cartIndex__title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 30px;
    margin-bottom: 16px;
    color: #757575;
    border-bottom: 1px solid #e0e0e0
}

.cartIndex__title .cart-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 21C7 19.8954 7.89543 19 9 19C10.1046 19 11 19.8954 11 21C11 22.1046 10.1046 23 9 23C7.89543 23 7 22.1046 7 21Z' fill='%23646464'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 21C18 19.8954 18.8954 19 20 19C21.1046 19 22 19.8954 22 21C22 22.1046 21.1046 23 20 23C18.8954 23 18 22.1046 18 21Z' fill='%23646464'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1C0 0.447715 0.447715 0 1 0H5C5.47663 0 5.88701 0.336385 5.98055 0.803743L6.82043 5H23C23.298 5 23.5805 5.13293 23.7705 5.36256C23.9605 5.59218 24.0381 5.89458 23.9823 6.18733L22.3809 14.5848C22.2437 15.2754 21.868 15.8958 21.3195 16.3373C20.7738 16.7766 20.0916 17.011 19.3914 17H9.68864C8.98837 17.011 8.3062 16.7766 7.76048 16.3373C7.21225 15.8959 6.83664 15.2759 6.69933 14.5857C6.69927 14.5854 6.69939 14.5859 6.69933 14.5857L5.02879 6.2392C5.02201 6.21159 5.01638 6.18353 5.01195 6.15508L4.18032 2H1C0.447715 2 0 1.55228 0 1ZM7.22073 7L8.66084 14.1952C8.70656 14.4254 8.83179 14.6322 9.01461 14.7793C9.19743 14.9265 9.42619 15.0047 9.66084 15.0002L9.68 15H19.4L19.4192 15.0002C19.6538 15.0047 19.8826 14.9265 20.0654 14.7793C20.2474 14.6328 20.3723 14.4273 20.4185 14.1984L21.7913 7H7.22073Z' fill='%23646464'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-top: -5px;
    margin-right: 8px;
    vertical-align: middle
}

.cartIndex__blockDesc {
    font-size: 16px
}

.cartIndex__content {
    padding: 16px 0
}

.cartIndex__noProductMessage {
    font-size: 18px;
    font-weight: 700;
    border: none;
    color: #757575;
    background: 0 0;
    padding: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px
}

.cartIndex__backToTopLink {
    color: #e6aa5f !important;
    background: 0 0;
    border: 2px solid #e6aa5f;
    display: block;
    width: 343px;
    padding: 13px 0;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
    position: relative;
    transition: .3s
}

.cartIndex__backToTopLink:hover {
    background: #e6aa5f;
    text-decoration: none;
    color: #fff !important
}

.cartIndex__backToTopLink .fa-angle-left {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 16px;
    top: 16px
}

.cartIndexLogin {
    display: none;
    margin-top: 30px
}

.cartNoticeMsg {
    color: #ef5d60;
    font-weight: 700;
    padding: 12px 0
}

.cartAttention {
    padding: 0 0 20px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px
}

.cartAttention__message {
    color: #212121;
    font-size: 12px
}

.cartAttention__message--link {
    color: #549186 !important
}

.cartBlock {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between
}

.cartBlock__registrationSubmitBtn {
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
    position: relative;
    transition: .3s;
    outline: 0;
    border: none
}

.cartBlock__registrationSubmitBtn--nonActive {
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 100%;
    padding: 14px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
    position: relative;
    transition: .3s;
    outline: 0;
    border: none;
    pointer-events: none;
    opacity: .5
}

.cartBlock__registrationSubmitBtn:hover {
    background: #eec48f;
    text-decoration: none
}

.cartBlock__loginSubmitBtn {
    color: #e6aa5f !important;
    border: 1px solid #e6aa5f;
    display: block;
    padding: 13px 0;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 15px;
    width: 100%;
    border-radius: 8px;
    position: relative;
    transition: .3s;
    outline: 0;
    margin-top: 15px
}

.cartBlock__loginSubmitBtn--nonActive {
    color: #e6aa5f !important;
    border: 1px solid #e6aa5f;
    display: block;
    padding: 13px 0;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 15px;
    width: 100%;
    border-radius: 8px;
    position: relative;
    transition: .3s;
    outline: 0;
    margin-top: 15px;
    pointer-events: none;
    opacity: .3
}

.cartBlock__loginSubmitBtn:hover {
    opacity: .6;
    text-decoration: none
}

.cartBlock__formSubmitBtn {
    font-weight: 700;
    color: #757575 !important;
    border: none;
    border-bottom: 1px solid #757575;
    display: block;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    position: relative;
    transition: .3s;
    outline: 0
}

.cartBlock__formSubmitBtn:hover {
    text-decoration: none;
    opacity: .6
}

.cartBlock__shippingFreeCampaignMessage {
    font-size: 16px;
    font-weight: 700;
    color: #e6aa5f;
    margin: 8px 0 16px;
    text-align: center
}

.cartBlock__shippingFreeCampaignNote {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #757575;
    margin-top: 8px;
    text-align: center
}

.cartBlock__clientName {
    font-size: 14px;
    font-weight: 700;
    margin: 15px 5px;
    padding: 10px;
    background: #faeedf;
    display: inline-block
}

.cartBlock__leftContainer {
    width: 580px
}

.cartBlock__rightContainer {
    padding: 15px 0 20px;
    margin: 0;
    width: 391px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.cartItem {
    display: flex;
    margin-right: 15px
}

.cartItem:not(:last-of-type) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #faeedf
}

.cartItem__product {
    display: block;
    transition: .5s
}

.cartItem__product:hover {
    text-decoration: none;
    opacity: .6
}

.cartItem__productContainer {
    display: flex
}

.cartItem__image {
    width: 125px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

.cartItem__recommendImage {
    width: 100%
}

.cartItemInfo {
    margin-left: 16px;
    width: 332px;
    padding-right: 20px
}

.cartItemInfo__title {
    font-size: 14px;
    margin-bottom: 5px;
    color: #212121
}

.cartItemInfo__option {
    color: #757575;
    font-size: 10px
}

.cartItemInfo__price {
    font-size: 10px;
    color: #757575
}

.cartItemInfo__daibiki {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    color: #fff;
    font-weight: 700
}

.cartItemInfo__daibiki--enable {
    background: #549186
}

.cartItemInfo__daibiki--disable {
    background: #ef5d60
}

.cartItemInfo__deliveryDate {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    color: #757575
}

.cartItemInfo__deliveryDate--highLight {
    color: #549186
}

.cartItemPayMethod {
    margin-top: 4px
}

.cartItemPayMethod__icon {
    display: inline-block;
    margin-top: 4px;
    border: 1px solid #757575;
    padding: 0 5px;
    border-radius: 4px;
    font-size: 10px;
    color: #757575
}

.cartItemPayMethod__icon--disable {
    color: #ef5d60;
    border-color: #ef5d60
}

.cartItemAttention {
    margin-top: 40px
}

.cartItemAttention__message {
    color: #212121;
    font-size: 12px;
    line-height: 20px
}

.cartItemAction {
    width: 100%;
    text-align: right;
    position: relative
}

.cartChangeStock {
    display: inline-flex;
    font-size: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 5px
}

.cartChangeStock__minus {
    margin: 0;
    padding: 4px 8px;
    color: #757575;
    font-weight: 700;
    border-right: 1px solid #e0e0e0;
    background: #e0e0e0;
    border-radius: 3px 0 0 3px;
    transition: .3s
}

.cartChangeStock__minus:disabled {
    cursor: not-allowed
}

.cartChangeStock__count {
    padding: 4px 12px
}

.cartChangeStock__plus {
    margin: 0;
    padding: 4px 8px;
    color: #757575;
    font-weight: 700;
    border-left: 1px solid #e0e0e0;
    background: #e0e0e0;
    border-radius: 0 3px 3px 0;
    transition: .3s
}

.cartChangeStock__plus:hover {
    background: #e6aa5f;
    color: #fff
}

.cartChangeStock__minus:not(:disabled):hover {
    background: #e6aa5f;
    color: #fff
}

.cartItemActionBottom {
    position: absolute;
    bottom: 0;
    right: 0
}

.cartItemActionBottom__deleteBtn {
    font-size: 12px;
    color: #757575 !important;
    text-decoration: underline !important
}

.cartItemActionBottom__deleteBtn:hover {
    opacity: .6
}

.cartLogin {
    padding-top: 20px;
    width: 70%;
    margin: 0 auto
}

.cartLoginSection {
    padding: 20px 10px;
    margin-bottom: 15px
}

.cartLoginSection__title {
    font-size: 18px;
    color: #212121;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif
}

.cartLoginSection__desc {
    margin-top: 15px;
    font-size: 14px;
    line-height: 28px
}

.cartLoginSection__notice {
    font-weight: 700;
    color: #e6aa5f
}

.cartLoginSection__content {
    margin-top: 25px
}

.cartLoginForm__group {
    margin-bottom: 20px
}

.cartLoginForm__submitBtn {
    font-weight: 700;
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 300px;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.cartLoginForm__submitBtn:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.cartLoginForm__submitBtn:hover {
    background: #eec48f;
    text-decoration: none
}

.cartLoginForm__submitBtn .fa-angle-left {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 16px;
    top: 16px
}

.cartLoginForm__newUserBtn {
    font-weight: 700;
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 300px;
    padding: 20px 0;
    text-align: center;
    margin: 40px auto 0;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.cartLoginForm__newUserBtn:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.cartLoginForm__newUserBtn:hover {
    background: #eec48f;
    text-decoration: none
}

.cartLoginForm__newUserBtn .fa-angle-left {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 16px;
    top: 16px
}

.cartLoginForm__forgetPassword {
    display: block;
    text-align: center;
    margin-top: 30px;
    font-size: 12px;
    color: #ef5d60 !important
}

.cartRecommendProductsCardContainer {
    display: flex;
    justify-content: space-around
}

.cartRecommendProductsCard {
    width: 120px;
    margin: 15px 0
}

.cartRecommendProductsCard__link {
    display: block;
    transition: .3s;
    text-decoration: none !important
}

.cartRecommendProductsCard__link:hover {
    opacity: .6
}

.cartRecommendProductsCard__img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 120px;
    height: 80px
}

.cartRecommendProductsCard__name {
    margin-top: 4px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
    height: 36px;
    overflow: hidden
}

.cartRecommendProductsCard__price {
    width: 100%;
    text-align: left;
    font-size: 12px;
    display: inline-flex
}

.cartRecommendProductsCard__addCartBtn {
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    color: #e6aa5f;
    border: #e6aa5f 1px solid;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
    background-color: #fff
}

.cartTotalPriceContainer {
    margin: auto 20px
}

.cartTotalPriceContainer__shippingFreeBalance {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px
}

.cartTotalPriceContainer__shippingFreeBalance--bold {
    font-weight: 700;
    font-size: 28px;
    color: #e6aa5f
}

.cartTotalPrice {
    padding: 7px 0;
    clear: both
}

.cartTotalPrice__label {
    float: left;
    font-size: 16px;
    font-weight: 700
}

.cartTotalPrice__value {
    float: right;
    font-size: 16px;
    font-weight: 700
}

.cartTotalPoint {
    padding: 7px 0;
    clear: both
}

.cartTotalPoint__label {
    float: left;
    font-size: 14px
}

.cartTotalPoint__value {
    float: right;
    font-size: 14px
}

.cartMemberRank {
    margin-top: 6px;
    margin-bottom: 38px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex
}

.cartMemberRank__rankImage {
    margin: 17px 12px 18px 12px
}

.cartMemberRank__rankName {
    margin-top: 16px;
    font-size: 14px
}

.cartMemberRank__rankNameHighlight {
    font-weight: 700;
    line-height: 16px;
    color: #212121
}

.cartMemberRank__rankPoint {
    margin-top: 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #e6aa5f
}

.cartTotalCouponPrice {
    padding: 7px 0;
    clear: both;
    color: #ef5d60
}

.cartTotalCouponPrice__label {
    float: left;
    font-size: 16px;
    font-weight: 700
}

.cartTotalCouponPrice__notificationBadge {
    font-size: 10px;
    vertical-align: top;
    display: inline-block;
    margin-top: -5px
}

.cartTotalCouponPrice__value {
    float: right;
    font-size: 16px;
    font-weight: 700
}

.cartTotalCouponPrice__notification {
    position: relative
}

.cartTotalCouponPrice__notification a {
    text-decoration: underline
}

.cartTotalCouponPrice__notification:after,
.cartTotalCouponPrice__notification:before {
    content: " ";
    width: 1px;
    height: 7px;
    display: block;
    position: absolute;
    background-color: #fff
}

.cartTotalCouponPrice__notification:before {
    transform: rotate(45deg)
}

.cartTotalCouponPrice__notification:after {
    transform: rotate(-45deg)
}

.cartRecommendProductsWrap__title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.cartRecommendProductsWrap__shippingFreeMessage {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    color: #e6aa5f
}

.cartCheckProducts {
    margin-top: 60px
}

.cartRecommendProductsContainer {
    display: flex;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px
}

.cartRecommendProduct {
    width: 120px;
    margin-right: 15px
}

.cartRecommendProduct__link {
    display: block;
    text-decoration: none !important;
    transition: .3s
}

.cartRecommendProduct__link:hover {
    opacity: .6
}

.cartRecommendProduct__img {
    width: 120px
}

.cartRecommendProduct__btn {
    background-color: #fff;
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    color: #e6aa5f;
    border: 1px solid #e6aa5f;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
    transition: .3s
}

.cartRecommendProduct__btn:hover {
    background: #e6aa5f;
    color: #fff !important
}

.cartRecommendProductInfo__productName {
    line-height: 1.5em;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 6px;
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 5px
}

.cartRecommendProductInfo__productPrice {
    font-size: 15px;
    font-weight: 700
}

.cartCoupons {
    padding: 0 40px 40px
}

.cartCoupons__items {
    display: flex;
    flex-wrap: wrap
}

.cartCoupons__item {
    width: 50%;
    padding: 10px
}

.cartCoupons__card {
    position: relative;
    width: 311px;
    border-radius: 4px;
    padding: 8px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.cartCoupons__badge {
    position: absolute;
    top: 0;
    left: 0
}

.cartCoupons__title {
    background-color: #e6aa5f;
    color: #fff;
    height: 64px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: -8px;
    border-radius: 4px 4px 0 0
}

.cartCoupons__title {
    line-height: 64px
}

.cartCoupons__mainText {
    padding: 0 16px;
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0;
    color: #e6aa5f
}

.cartCoupons__subText {
    padding: 0 16px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    padding-bottom: 8px;
    color: #212121
}

.christmasCartBanner {
    margin-top: 15px
}

.christmasCartBanner__btn {
    display: block
}

.christmasCartBanner__btn:hover {
    cursor: pointer;
    opacity: .6;
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.christmasCartBanner__btn .christmasCartBannerImg {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.christmasCartBanner__text {
    margin-top: 8px;
    font-size: 12px;
    line-height: 17px
}

.freeShippingOfCart {
    margin-top: 7px;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding: 7px 10px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #549186
}

.freeShippingOfCart:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 93%;
    margin-left: -10px;
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
    z-index: 2
}

.freeShippingOfCart:after {
    content: "";
    position: absolute;
    top: -19px;
    left: 93%;
    margin-left: -10px;
    border: 9px solid transparent;
    border-bottom: 9px solid #549186;
    z-index: 1
}

.freeShippingOfCartText {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-align: center
}

.freeShippingOfCartText__price {
    font-weight: 700
}

.freeShippingOfCartText__tax {
    font-size: 10px
}

.freeShippingOfCartText__free-text {
    color: #549186;
    font-weight: 700
}

.contactPage__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.contactPage__desc {
    font-size: 14px;
    margin-bottom: 5px
}

.contactPage__descLink {
    text-decoration: underline !important;
    color: #e6aa5f !important
}

.contactPageWays {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.contactPageWayItem {
    width: 100%;
    padding: 15px 80px;
    border: 1px solid #faeedf;
    border-radius: 5px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .24)
}

.contactPageWayItem__title {
    font-size: 14px;
    color: #e6aa5f;
    font-weight: 700;
    margin-bottom: 8px
}

.contactPageWayItem__desc {
    font-size: 14px;
    line-height: 1.5em
}

.contactPageFormWrapper {
    margin-top: 30px;
    padding: 60px 80px;
    border: 1px solid #faeedf;
    border-radius: 5px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .24)
}

.contactPageFormWrapper__selectContainer {
    display: flex
}

.contactPageFormWrapper__title {
    font-size: 16px;
    color: #e6aa5f;
    font-weight: 700;
    margin-bottom: 40px
}

.contactPageFormWrapper__title .fas {
    padding-right: 8px
}

.contactPageNote {
    margin: 16px 0;
    font-size: 14px
}

.contactPageNote--secondary {
    color: #549186;
    cursor: pointer
}

.contactPageForm {
    margin-top: 40px
}

.contactPageForm__group {
    margin-bottom: 30px
}

.contactPageForm__label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.contactPageForm__required {
    color: #fff;
    background: #ef5d60;
    padding: 5px;
    font-size: 12px;
    margin-right: 8px;
    border-radius: 3px
}

.contactPageForm__note {
    font-size: 13px;
    margin-top: 8px;
    color: #757575
}

.contactPageForm__radio input {
    margin-right: 5px;
    vertical-align: text-bottom
}

.contactPageForm__radio label {
    font-weight: 400;
    font-size: 14px;
    margin-right: 20px
}

.contactPageForm__emailAlert {
    font-size: 14px;
    margin-top: 10px
}

.contactPageForm__errorMessage {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 700;
    color: #ef5d60
}

.contactPageForm__submitBtn {
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 300px;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.contactPageForm__submitBtn:hover {
    background: #eec48f;
    text-decoration: none
}

.contactPageForm__submitBtnNotificationText {
    font-size: 12px;
    font-weight: 400
}

.contactPageFormSelect {
    position: relative;
    width: calc(90% / 3);
    margin-bottom: 30px;
    display: inline-block
}

.contactPageFormSelect>label {
    width: 100%
}

.contactPageFormSelect>label:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 0;
    height: 40px;
    width: 40px;
    background: #fff;
    pointer-events: none;
    border-top: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-right: 1px solid #757575;
    border-left: none
}

.contactPageFormSelect>label:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 10px;
    bottom: 0;
    margin: auto 0;
    right: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #757575 transparent transparent transparent;
    pointer-events: none
}

.contactPageFormSelect__box {
    -momodalIMagez-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #757575;
    padding-left: 10px;
    margin-top: 10px;
    color: #757575;
    position: relative
}

.contactPageFormSelect__box::-ms-expand {
    display: none
}

.reviewSelectContainer {
    text-align: center;
    width: 100%
}

.reviewSelectWrap {
    position: relative;
    display: inline-block
}

.reviewSelectWrap__icon {
    width: 22px;
    margin-right: 15px;
    display: inline;
    vertical-align: sub
}

.reviewSelectWrap:first-of-type {
    margin-right: 20px
}

.reviewSelectWrap label {
    width: 277px
}

.reviewSelectWrap label:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 12px;
    width: 25px;
    height: 25px;
    background: url(https://s3.ap-northeast-1.amazonaws.com/gracia.tamp/product987/chevron-down%201.svg) 0 0 no-repeat;
    background-size: 25px 25px
}

.reviewCombinationSelect {
    color: #757575;
    width: 100%;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    padding-left: 12px;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.reviewSearch {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 32px;
    width: 100%
}

.reviewIndexNoReview {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 40px
}

.reviewIndexNoReview__image {
    display: inline-block;
    width: 47px;
    margin-bottom: 28px
}

.reviewIndexNoReview__description {
    font-size: 16px;
    color: #757575;
    font-weight: 700
}

.reviewIndex__title {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    padding: 15px 0 0;
    margin-bottom: 40px;
    color: #757575
}

.productReviewItem {
    margin-bottom: 28px;
    padding-bottom: 28px
}

.productReviewItem:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.productReviewItemProduct {
    float: left;
    width: 186px;
    transition: .3s;
    display: block
}

.productReviewItemProduct__image {
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative
}

.productReviewItemProduct__title {
    font-size: 12px;
    line-height: 17px;
    margin-top: 8px;
    text-align: left
}

.productReviewItemProduct:hover {
    opacity: .6;
    text-decoration: none !important
}

.productReviewItemRight {
    padding-left: 20px;
    width: calc(100% - 186px);
    float: left
}

.productReviewItemRight--fullWidth {
    width: 100%;
    padding-left: 0;
    float: none
}

.productReviewItemInfo {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.productReviewItemInfo__reviewer {
    font-size: 14px;
    padding-top: 1px
}

.productReviewItemInfo__reviewer i {
    margin-right: 5px
}

.productReviewItemInfo__info {
    margin-left: 20px
}

.productReviewItemInfo__created {
    margin-left: auto
}

.productReviewItemContent {
    display: flex
}

.productReviewItemSection {
    width: 50%
}

.productReviewItemSection:first-of-type {
    border-right: 1px solid #eec48f;
    padding-right: 15px;
    margin-right: 15px
}

.productReviewItemSection__title {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    margin-bottom: 4px
}

.productReviewItemRating {
    text-align: left;
    margin-bottom: 6px
}

.productReviewItemTitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.productReviewItemText {
    color: #212121;
    font-size: 14px;
    line-height: 21px;
    text-align: left
}

.productReviewItemLink {
    margin-top: 10px;
    text-align: left
}

.productReviewItemLink__link {
    font-size: 13px;
    line-height: 19px;
    color: #549186 !important
}

.productReviewItemImpressionList {
    margin-bottom: 3px
}

.productReviewItemImpressionList__item {
    height: 25px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    border-radius: 30px;
    transition: .3s;
    text-decoration: none !important;
    cursor: pointer;
    padding: 4px 8px;
    color: #549186 !important;
    border: 1px solid #549186;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px
}

.productReviewItemImpressionList__icon {
    color: #549186;
    margin-right: 3px
}

.productReviewPage__title {
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0 25px
}

.productReviewPageProduct {
    display: block;
    margin-bottom: 30px
}

.productReviewPageProduct:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.productReviewPageProduct__image {
    float: left;
    width: 186px;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover
}

.productReviewPageProductInfo {
    padding-left: 20px;
    width: calc(100% - 186px);
    float: left;
    padding-top: 10px
}

.productReviewPageProductInfo__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.5em
}

.productReviewPageProductInfo__price {
    font-size: 16px;
    margin-bottom: 8px
}

.productReviewPageProductInfo__link {
    transition: .3s;
    text-decoration: none !important;
    display: block;
    width: 300px;
    height: 48px;
    line-height: 48px;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    position: relative;
    border: 1px solid #757575;
    border-radius: 4px
}

.productReviewPageProductInfo__link:hover {
    opacity: .6
}

.productReviewPageReview {
    display: flex;
    align-items: center;
    position: relative
}

.productReviewPageReview__rating {
    font-size: 24px;
    margin-left: 12px;
    position: relative;
    top: 3px
}

.productReviewPageReview__count {
    margin-left: 10px;
    font-size: 16px;
    color: #ef5d60;
    font-weight: 400
}

.productReviewPageReview__star i {
    font-size: 20px;
    margin-right: 1px
}

.review-title {
    padding-bottom: 20px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.reviewSeparatorLine {
    border-top: 1px dotted #8c8b8b;
    border-bottom: 1px dotted #fff;
    margin-bottom: 20px
}

.reviewArea {
    width: 700px;
    padding: 30px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    margin: 0 auto 100px
}

.reviewBox {
    padding: 10px;
    text-align: center
}

.reviewBox__headWrapper {
    display: flex;
    justify-content: space-around;
    margin-bottom: 32px
}

.reviewBox__productImage {
    height: 200px;
    width: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.reviewBox__serviceImage {
    height: 50px;
    width: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 30px 0
}

.reviewBox__headContentGroup {
    height: 100%;
    margin: auto 0
}

.reviewBox h2 {
    text-align: center;
    margin: 10px 0 20px;
    font-size: 16px
}

.product-title {
    margin: 0 auto;
    width: 80%;
    text-align: center
}

.product-review,
.service-review {
    margin: 0 auto
}

.review-product-label,
.serviceReviewProductButton .review-service-label {
    width: 40%;
    margin-left: 10px;
    margin-right: 10px;
    color: #999;
    background-color: #fff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-color: #e0e0e0;
    padding: .6rem .75rem;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 5px;
    transition: all .15s 0s ease-out;
    margin-bottom: 8px
}

.review-product-label.active,
.review-service-label.active {
    background-color: #e6aa5f;
    border-color: #e6aa5f;
    color: #fff
}

.review-product-label input,
.review-service-label input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.product-review-title,
.service-review-title {
    margin: 0 auto;
    margin-top: 15px
}

.product-review-text,
.service-review-text {
    width: 94%;
    margin: 0 auto;
    margin-top: 15px
}

.product-review-text textarea,
.service-review-text textarea {
    box-shadow: none;
    width: 80%;
    border: 1px solid #e0e0e0;
    border-radius: 5px
}

.service-img {
    width: 40%;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid #ddd;
    padding: 45px 15px
}

.review-text-form-head {
    margin-bottom: 10px
}

.review-text-form-error {
    margin-bottom: 10px;
    color: #ef5d60;
    font-size: 14px;
    font-weight: 700
}

.review-text-form-required {
    color: #fff;
    background: #ef5d60;
    margin: 5px 10px 0 0;
    width: 45px;
    padding: 5px;
    border-radius: 5px
}

.reviewSectionTitle {
    text-align: center;
    margin: 15px 0;
    font-size: 16px
}

.reviewFormGroup {
    width: 90%;
    text-align: center;
    margin: 20px auto 40px
}

.reviewFormGroup input[type=radio] {
    display: none
}

.reviewFormGroup input[type=radio]:checked+.box {
    background-color: #ef5d60
}

.reviewFormGroup input[type=radio]:checked+.box.back-end {
    background-color: #437ff7;
    border: 1px solid #437ff7
}

.reviewFormGroup.type input[type=radio]:checked+.box {
    background-color: #f78e43
}

.reviewFormGroup input[type=radio]:checked+.box span {
    color: #fff;
    transform: translateY(16px)
}

.reviewFormGroup input[type=radio]:checked+.box span i {
    color: #fff !important
}

.reviewFormGroup input[type=radio]:checked+.box span:before {
    transform: translateY(10px);
    opacity: 1
}

.reviewFormGroup.age input[type=radio]:checked+.box span {
    transform: translate(0, 25px)
}

.reviewFormGroup.age input[type=radio]:checked+.box span.double {
    transform: translate(0, 13px)
}

.reviewFormGroup .box {
    width: 130px;
    height: 80px;
    background-color: #fff;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    border: 1px solid #ef5d60;
    border-radius: 10px;
    margin-left: 4px
}

.reviewFormGroup .box:active {
    transform: translateY(10px)
}

.reviewFormGroup .box span {
    position: absolute;
    transform: translate(0, 18px);
    left: 0;
    right: 0;
    transition: all .3s ease;
    font-size: 16px;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ef5d60
}

.reviewFormGroup .box span:before {
    font-size: 1.2em;
    display: block;
    opacity: 0;
    transition: all .3s ease-in-out;
    font-weight: 400;
    color: #fff;
    font-family: FontAwesome
}

.reviewFormGroup .box.front-end span i.fa-female {
    color: #ef5d60
}

.reviewFormGroup .box.back-end {
    border: 1px solid #437ff7;
    color: #437ff7
}

.reviewFormGroup .box.back-end span {
    color: #437ff7
}

.reviewFormGroup .box.back-end span i.fa-male {
    color: #437ff7
}

.reviewFormGroup.type .box {
    border: 1px solid #f78e43
}

.reviewFormGroup.type .box span {
    color: #f78e43;
    font-size: 14px
}

.reviewFormGroup.age .box {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    font-weight: 400
}

.reviewFormGroup.age .box span {
    transform: translate(0, 24px);
    line-height: 22px
}

.reviewFormGroup.age .box span.double {
    transform: translate(0, 14px);
    line-height: 22px
}

.br-theme-fontawesome-stars .br-widget {
    height: 28px;
    white-space: nowrap;
    margin: 20px 0
}

.br-theme-fontawesome-stars .br-widget a {
    font: normal normal normal 40px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 2px
}

.br-theme-fontawesome-stars .br-widget a:after {
    content: '\f005';
    color: #d2d2d2
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #f2c011
}

.br-theme-fontawesome-stars .br-widget .br-current-rating {
    display: none
}

.br-theme-fontawesome-stars .br-readonly a {
    cursor: default
}

@media print {
    .br-theme-fontawesome-stars .br-widget a:after {
        content: '\f006';
        color: #212121
    }
    .br-theme-fontawesome-stars .br-widget a.br-active:after,
    .br-theme-fontawesome-stars .br-widget a.br-selected:after {
        content: '\f005';
        color: #212121
    }
}

.specialWrapper {
    background-color: #e0e0e0;
    position: relative;
    margin-bottom: -80px
}

.specialWrapper:before {
    content: "";
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,q_auto,w_400/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/pages_partners/texture.png);
    min-width: 1024px;
    height: 100%;
    opacity: .04;
    position: absolute;
    top: -48;
    left: 0;
    bottom: 0;
    right: 0
}

.productSpecialTop {
    min-width: 1024px;
    height: 1102px;
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,q_auto,w_2048/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/products_special/bg/fv_bg_pc.png);
    background-size: 100%
}

.specialHeader {
    min-width: 1024px;
    height: 618px;
    display: flex;
    justify-content: center;
    padding-top: 88px;
    background-size: cover
}

.specialHeaderLeft__image {
    height: 320px;
    margin-top: 44px;
    margin-right: 80px
}

.specialHeaderRight__image {
    height: 440px
}

.specialDigestSection {
    min-width: 1024px;
    height: 484px;
    background: rgba(255, 255, 255, .75);
    padding-top: 60px
}

.specialDigestSection__title {
    color: #212121;
    font-size: 28px;
    line-height: 41px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px
}

.specialDigestSectionContainer {
    display: flex;
    justify-content: center
}

.specialDigestSectionBox {
    text-align: center;
    margin-right: 40px;
    width: 168px
}

.specialDigestSectionBox:last-of-type {
    margin-right: 0
}

.specialDigestSectionBox__image {
    width: 104px;
    margin: 0 auto 16px
}

.specialDigestSectionBox__text {
    color: #212121;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700
}

.specialSection {
    min-width: 1024px;
    padding: 68px 36px 50px;
    background-color: #fff
}

.specialSection__title {
    color: #212121;
    font-size: 36px;
    line-height: 41px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 8px;
    font-family: TodaySB-Medium
}

.specialSection__subTitle {
    width: 351px;
    text-align: center;
    font-size: 14px;
    position: relative;
    display: table;
    margin: 0 auto;
    border-bottom: 1px solid #e6aa5f;
    padding-bottom: 12px
}

.specialSection__subTitle:before {
    content: '';
    position: absolute;
    border: 18px solid transparent;
    border-top: 16px solid #e6aa5f;
    top: 100%;
    left: 45%
}

.specialSection__subTitle:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 45%;
    margin-top: -1px;
    border: 18px solid transparent;
    border-top: 16px solid #fff
}

.specialSection__content {
    margin-top: 30px
}

.specialSectionPrimary {
    min-width: 1024px;
    padding: 68px 36px 82px;
    background-color: #f0ebcc
}

.specialSectionPrimary__head {
    font-family: TodaySB-Medium;
    color: #212121;
    font-size: 36px;
    line-height: 41px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 8px
}

.specialSectionPrimary__title {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    color: #212121;
    position: relative;
    display: table;
    margin: 0 auto;
    border-bottom: 1px solid #549186;
    padding-bottom: 12px
}

.specialSectionPrimary__title:before {
    content: '';
    position: absolute;
    border: 18px solid transparent;
    border-top: 16px solid #549186;
    top: 100%;
    left: 45%
}

.specialSectionPrimary__title:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 45%;
    margin-top: -1px;
    border: 18px solid transparent;
    border-top: 16px solid #f0ebcc
}

.specialSectionPrimary__subTitle {
    width: 351px;
    text-align: center;
    font-size: 14px;
    position: relative;
    display: table;
    margin: 0 auto;
    border-bottom: 1px solid #549186;
    padding-bottom: 12px
}

.specialSectionPrimary__subTitle:before {
    content: '';
    position: absolute;
    border: 18px solid transparent;
    border-top: 16px solid #549186;
    top: 100%;
    left: 45%
}

.specialSectionPrimary__subTitle:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 45%;
    margin-top: -1px;
    border: 18px solid transparent;
    border-top: 16px solid #f0ebcc
}

.specialSectionPrimary__text {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
    color: #212121
}

.specialSectionPrimary__content {
    margin: 32px auto 88px;
    width: 1024px
}

.specialSectionPrimary__content:last-of-type {
    margin-bottom: 0
}

.specialSectionPrimary__products {
    display: flex;
    justify-content: center
}

.specialSectionPrimary__snsWrapper {
    width: 1024px;
    margin: 48px auto 0
}

.special-products-btn {
    position: relative;
    width: 300px;
    border-radius: 10px;
    border: 1px solid #e6aa5f;
    text-align: center;
    line-height: 60px;
    color: #e6aa5f !important;
    background: #fff;
    display: block;
    margin: 20px auto;
    font-weight: 700;
    font-size: 16px
}

.special-products-btn:hover {
    text-decoration: none;
    opacity: .8
}

.special-detail-btn {
    width: 223px;
    margin-top: 20px
}

.special-line-btn {
    text-align: center;
    margin: auto;
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #1dcd00;
    color: #fff !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .5)
}

.special-btn-hide {
    height: 48px;
    margin-top: 8px
}

.specialSectionPrimaryContainer {
    display: flex;
    justify-content: center;
    margin: 38px 0 76px
}

.specialSmallSection {
    min-width: 1024px;
    padding: 40px 0;
    overflow: hidden
}

.specialSmallSection__title {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    color: #212121
}

.specialSmallSection__subTitle {
    font-size: 17px;
    line-height: 18px;
    text-align: center;
    margin: 30px auto 20px
}

.specialSmallSection__text {
    margin-top: 64px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    text-align: center;
    color: #212121
}

.specialSmallSection__description {
    margin: 10px 0;
    color: #212121;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.specialSmallSection__description--bold {
    font-weight: 700
}

.specialSmallSection__image {
    position: relative;
    width: 1024px;
    margin: 30px auto 0;
    -o-object-fit: cover;
    object-fit: cover
}

.specialSmallSection__image--medium {
    width: 500px
}

.specialSmallSection__image--small {
    width: 170px;
    padding-right: 40px;
    margin: 0 40px 0 0;
    border-right: 1px solid #eec48f;
    -o-object-fit: contain;
    object-fit: contain
}

.specialSmallSection__image--small:last-of-type {
    width: 130px;
    border: none;
    padding-right: 0;
    margin-right: 0
}

.specialSmallSection__imgContainer {
    display: flex;
    margin: 0 auto;
    width: 30%
}

.specialSmallSection__lineImage {
    width: 97px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-left: 50px;
    padding: 10px
}

.specialSmallSection__operaterImage {
    width: 66px;
    height: 66px;
    margin: 50px 0 0 50px
}

.specialSmallSection__lineIntroduction {
    display: block;
    color: #00b900 !important;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #00b900;
    background-color: #fff;
    margin: 10px auto;
    width: 360px
}

.specialSmallSection__contactLine {
    display: block;
    margin: 0 auto
}

.specialSmallSectionContainer {
    display: flex;
    justify-content: center;
    margin-top: 60px
}

.smallSectionContents {
    margin-right: 48px;
    width: 224px
}

.smallSectionContents:last-of-type {
    margin-right: 0
}

.smallSectionContents__title {
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 15px
}

.smallSectionContentsImage {
    width: 224px;
    height: 168px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    position: relative
}

.smallSectionContentsDescription__text {
    height: 117px;
    color: #212121;
    padding-top: 10px;
    width: 224px
}

.special-instagram-list-container {
    padding-bottom: 20px;
    background-color: #ffe0d7
}

.special-instagram-list-header {
    font-size: 14px;
    padding: 20px 0 0 0;
    color: #757575;
    text-align: center;
    font-weight: 700
}

.special-hide {
    padding-top: 40px;
    height: auto;
    width: 85%;
    margin: auto
}

.specialSnsWrapper__image {
    width: 70%;
    padding: 50px 0;
    margin: auto
}

.specialCategoryRankingContainer {
    width: 1024px;
    margin: 0 auto
}

.specialSupportWrapper {
    text-align: center;
    color: #757575;
    width: 50%;
    float: left;
    padding: 30px 70px
}

.specialSupportWrapper__image {
    margin: auto;
    width: 65px;
    height: 65px
}

.specialSupportWrapper-title {
    font-weight: 700;
    padding: 10px 0;
    font-size: 16px
}

.specialReview {
    line-height: 1.5em;
    margin: 0 20px 10px;
    text-align: center;
    font-size: 15px;
    color: #757575
}

.specialReview__value {
    font-weight: 700;
    font-size: 18px
}

.fa-star {
    color: #f2c011
}

.fa-star-half {
    color: #f2c011
}

.specialBox {
    width: 300px;
    height: 220px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 4px gray;
    margin: 20px 5px;
    padding: 10px
}

.specialLineWrapper {
    overflow: hidden;
    width: 70%;
    display: block;
    margin: auto
}

.specialLineWrapper__image {
    height: 180px;
    float: left;
    margin: 0 60px 0 100px
}

.specialLineWrapper__contents {
    width: 60%;
    font-size: 16px;
    line-height: 25px;
    float: left;
    text-align: left;
    padding: 20px;
    color: #757575
}

.specialLineWrapper__icon {
    color: #e6aa5f
}

.specialCategoryRankingContainer__title {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #212121
}

.specialSection .swiper-counter {
    position: absolute;
    right: 10px;
    top: 10px;
    background: rgba(0, 0, 0, .5);
    border-radius: 20px;
    z-index: 2;
    padding: 3px 8px;
    color: #fff;
    letter-spacing: .8px
}

.specialSection .swiper-wrapper {
    align-items: center;
    margin-left: 25px
}

.specialSection__snsWrapper {
    width: 1024px;
    margin: 48px auto 0
}

.specialSection__lpLink {
    margin-top: 48px
}

.top-ranking-products {
    position: relative
}

.top-ranking-product {
    position: relative;
    float: left;
    width: 189px;
    height: 250px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    margin: 0 5px 40px;
    border-radius: 12px;
    background-color: #fff
}

.top-ranking-product:hover {
    text-decoration: none;
    opacity: .8
}

.top-ranking-product-img {
    position: relative
}

.top-ranking-product-img-item {
    width: 100%;
    height: 124px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px 12px 0 0
}

.top-ranking-product-rank {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background-color: #e6aa5f
}

.top-ranking-product-info {
    padding: 10px 16px
}

.top-ranking-product-group {
    font-size: 12px;
    margin: 2px 0;
    color: grey
}

.top-ranking-product-title {
    font-size: 12px;
    margin-bottom: 2px;
    font-weight: 700;
    margin-top: 4px;
    overflow: hidden;
    height: 36px;
    color: #232323
}

.top-ranking-product-price {
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    color: #232323
}

.top-ranking-product-group {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.top-ranking-product-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.swiper-image-prev {
    position: absolute;
    top: 100px !important;
    left: -10px !important;
    cursor: pointer
}

.swiper-image-next {
    position: absolute;
    top: 100px !important;
    right: -10px !important;
    cursor: pointer
}

.swiper-button-disabled {
    opacity: .3;
    cursor: default
}

.swiper-pagination {
    left: 0;
    bottom: 0;
    text-align: left
}

.swiper-pagination-bullet {
    width: 80px;
    height: 5px;
    border-radius: 50px;
    background: #757575
}

.swiper-pagination-bullet-active {
    background: #e6aa5f
}

.birthdayInfiniteScrollBtn {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 14px;
    width: 300px;
    margin: 20px auto 30px;
    border-radius: 10px;
    color: #e6aa5f;
    background: #fff;
    border: 1px solid #e6aa5f;
    text-align: center;
    padding: 15px 0
}

.birthdayInfiniteScrollBtn__icon {
    font-size: 16px;
    margin-left: 5px
}

.birthdayInfiniteScrollLoding {
    text-align: center;
    margin-top: 30px
}

.birthdayInfiniteScrollLoding .fa-spinner {
    font-size: 32px;
    color: #e6aa5f
}

.specialSwiperWrapper {
    margin: 0 !important
}

.specialSwiperImagePrev {
    position: absolute;
    top: 35% !important;
    left: -18px;
    cursor: pointer
}

.specialSwiperImageNext {
    position: absolute;
    top: 35% !important;
    right: -18px;
    cursor: pointer
}

.specialReview {
    text-align: center;
    font-size: 20px;
    padding-top: 40px;
    line-height: 1.5em;
    position: relative
}

.specialReview__logo {
    width: 110px;
    position: absolute;
    display: inline-block;
    left: 310px;
    float: left
}

.setProductRanking__title {
    font-size: 24px;
    line-height: 18px;
    color: #757575;
    text-align: center
}

.setProductRankingContainer {
    display: flex;
    justify-content: center;
    margin: 32px 0
}

.setProductRankingContainer__link {
    width: 20%;
    margin-right: 12px
}

.setProductRankingContainer__link:hover {
    text-decoration: none;
    opacity: .8
}

.specialSmallSectionRecommend {
    display: flex;
    margin-top: 40px
}

.specialSmallSectionRecommend__twoColumn {
    width: 50%
}

.specialSmallSectionRecommend__twoColumn--padding {
    margin: 30px;
    padding: 20px
}

.specialSmallSectionRecommend__twoColumn--backGroundGray {
    background-color: #eff2f5
}

.specialSmallSectionRecommend__title {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #e6aa5f
}

.specialSmallSectionRecommend__image {
    width: 160px;
    margin: 30px auto
}

.specialSmallSectionRecommend__image--marginTop {
    margin-top: 20px
}

.specialSmallSectionRecommend__image--fullSize {
    width: 100%
}

.specialSmallSectionRecommend__desc {
    width: 80%;
    margin: 20px auto
}

.specialSmallSectionRecommend__day {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700
}

.specialSmallSectionRecommend__link {
    margin: 40px 0 0 6px;
    display: block;
    text-align: right;
    color: #757575 !important;
    font-size: 16px;
    line-height: 24px;
    width: 90%
}

.smallSectionTitle {
    margin: 40px auto;
    font-size: 17px;
    text-align: center;
    color: #757575;
    line-height: 24px
}

.smallSectionTitle__image {
    width: 90%;
    display: block;
    margin: 0 auto
}

.productSpecialModalContent {
    padding: 0 0 60px 40px
}

.productSpecialModalContent__link {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #549186 !important;
    text-decoration: underline !important;
    position: relative
}

.productSpecialModalContent__title {
    color: #212121;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 24px
}

.productSpecialModalContent__head {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    color: #212121;
    margin-bottom: 12px
}

.productSpecialModalContent__text {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    color: #212121
}

.productSpecialModalContent__note {
    font-size: 13px;
    line-height: 19px;
    color: #ef5d60;
    margin-top: 8px
}

.productSpecialModalContainer {
    display: flex
}

.productSpecialModalLeft {
    width: 317px;
    height: 334px
}

.productSpecialModalLeft__image {
    width: 317px;
    height: 234px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    position: relative
}

.productSpecialModalLeft__text {
    margin-top: 30px;
    color: #212121;
    font-size: 13px;
    line-height: 19px
}

.productSpecialModalRight {
    width: calc(100% - 365px);
    display: flex;
    flex-wrap: wrap;
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #e6aa5f
}

.productSpecialModalRight__content {
    width: 159px;
    margin-right: 23px
}

.productSpecialModalRight__content:nth-of-type(3n) {
    margin-right: 0
}

.productSpecialModalRight__image {
    width: 159px;
    height: 118px;
    border-radius: 4px;
    position: relative
}

.productSpecialModalRight__text {
    margin-top: 8px;
    color: #212121;
    font-size: 13px;
    line-height: 19px
}

.specialPoint {
    font-size: 28px;
    line-height: 41px;
    font-weight: 700;
    color: #212121;
    text-align: center
}

.productSpecialModalTextarea {
    width: 650px;
    margin: 0 auto 48px
}

.productSpecialModalBottom {
    display: flex;
    justify-content: center
}

.productSpecialModalItem {
    margin-bottom: 40px;
    margin-right: 32px
}

.productSpecialModalItem:last-of-type {
    margin-right: 0
}

.productSpecialModalItem__head {
    font-size: 28px;
    line-height: 32px;
    color: #212121;
    text-align: center;
    font-weight: 700;
    margin-bottom: 4px
}

.productSpecialModalItem__text {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    color: #212121;
    margin-bottom: 44px;
    height: 59px
}

.productSpecialModalItem__image {
    width: 196px;
    margin: 0 auto;
    position: relative
}

.productSpecialModalContentBottom {
    display: grid;
    justify-content: center
}

.productSpecialModalContentBottom__text {
    font-size: 13px;
    line-height: 19.5px
}

.productSpecialModalContentBottom__text--notification {
    color: #ef5d60
}

.productCombinationContainer {
    display: flex
}

.productCombinationSearchResult {
    flex: 1;
    min-width: 0
}

.productCombinationSearchResult__top {
    display: flex;
    padding: 4px 0 16px;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    position: relative
}

.productCombinationSearchResult__productCount {
    font-size: 14px;
    color: #212121
}

.productSortSelect {
    width: 120px;
    border-radius: 8px;
    font-size: 15px
}

.productSortSelect__selectField {
    background-color: #fff
}

.productSortSelect__selectList {
    z-index: 1
}

.combinationProductItem {
    display: block;
    background: #fff;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 4px;
    transition: .3s;
    position: relative;
    width: 176px;
    border: 1px solid #e0e0e0
}

.combinationProductItem:nth-of-type(4n+0) {
    margin-right: 0
}

.combinationProductItem:hover {
    opacity: .8
}

.combinationProductItem__link {
    text-decoration: none !important
}

.combinationProductItem__caption {
    background: #e6aa5f;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    padding: 8px;
    border-radius: 4px 4px 0 0;
    display: table-cell;
    width: 176px;
    vertical-align: middle;
    height: 50px
}

.combinationProductItem__imageWrapper {
    position: relative
}

.combinationProductItem__image {
    width: 100%;
    height: 159px;
    -o-object-fit: cover;
    object-fit: cover
}

.combinationProductItem__info {
    padding: 8px 8px 16px
}

.combinationProductItem__productGroup {
    font-size: 10px;
    line-height: 14px;
    margin-top: 8px;
    margin-left: 8px
}

.combinationProductItem__title {
    margin: 4px 8px 0;
    padding-bottom: 8px;
    font-size: 12px;
    color: #212121;
    height: 42px;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0
}

.combinationProductItem__price {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 8px
}

.combinationProductItem__date {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 17px
}

.combinationProductItem__date--strong {
    color: #549186
}

.combinationProductItem__desc {
    height: 51px;
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    margin-bottom: 8px;
    overflow: hidden
}

.combinationProductItem__soldOut {
    font-size: 16px;
    color: #ef5d60;
    margin-left: 10px
}

.combinationSearchFormContainer {
    width: 208px;
    margin-top: 20px;
    margin-right: 40px
}

.combinationSearchCheckBox {
    width: 100%;
    margin-bottom: 24px
}

.combinationSearchCheckBox__label {
    font-size: 12px;
    margin-bottom: 8px
}

.combinationSearchCheckBox__input {
    position: relative;
    margin: auto;
    margin-right: 5px;
    width: 15px;
    height: 20px;
    cursor: pointer;
    transition: all .15s ease-out 0s;
    color: #fff;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.combinationSearchCheckBox__input::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.combinationSearchCheckBox__input:checked::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #e6aa5f;
    border-right: 3px solid #e6aa5f
}

.combinationSearchCheckBox__item {
    display: block
}

.combinationSearchCheckBox__title {
    margin-left: 8px
}

.combinationSearchFormSelectContainer {
    width: 100%;
    margin-bottom: 16px
}

.combinationSearchFormSelectContainer__productCount {
    font-size: 14px;
    text-align: center;
    color: #757575;
    margin-bottom: 24px
}

.combinationSearchFormSelect {
    width: 100%;
    margin-bottom: 24px
}

.combinationSearchFormSelect__label {
    font-size: 12px;
    margin-bottom: 8px
}

.searchSelectBox {
    font-size: 16px
}

.combinationSearchSortListContainer {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.combinationSearchSortList {
    position: absolute;
    right: 0;
    width: 120px
}

.combinationSearchSliderContainer {
    margin: 24px 12px 28px 12px
}

.combinationSearchSlider {
    position: relative;
    height: 3px;
    width: 100%;
    background: #a9a9a9
}

.combinationSearchSlider__border {
    position: absolute;
    left: 0;
    right: 0;
    background: #e6aa5f;
    z-index: 1;
    height: 3px
}

.combinationSearchSlider__btn {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    border: 1px solid #e6aa5f;
    border-radius: 12px;
    height: 24px;
    width: 24px;
    padding: 0
}

.combinationSearchSliderForm {
    display: flex
}

.combinationSearchSliderForm__select {
    font-size: 14px;
    width: 92px
}

.combinationSearchSliderForm__selectField {
    padding: 8px
}

.combinationSearchSliderForm__text {
    padding: 8px;
    border: 1px solid #e0e0e0;
    width: 72px;
    border-radius: 4px;
    text-align: right;
    font-size: 14px
}

.combinationSearchSliderForm__line {
    padding: 8px 7px;
    text-align: center;
    font-size: 18px
}

.combinationProductRankingContainer {
    display: flex
}

.brandCombinationrViewSection {
    padding: 48px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.brandCombinationrViewSection__brandCombinationrSectionTitle {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px
}

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

.brandCombinationRankingItem {
    position: relative;
    width: calc((100% - 90px)/ 4);
    transition: .3s;
    text-decoration: none !important
}

.brandCombinationRankingItem:hover {
    opacity: .6
}

.brandCombinationRankingItem:active {
    opacity: .6
}

.brandCombinationRankingItem__title {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.brandCombinationRankingItem__price {
    font-size: 14px;
    margin-bottom: 8px
}

.brandCombinationRankingItem__productGroup {
    font-size: 12px;
    line-height: 1.4;
    color: #757575;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.brandCombinationRanking__linkWrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.brandCombinationRanking__link {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    transition: .3s
}

.brandCombinationRanking__link:hover {
    opacity: .6
}

.brandCombinationRanking__linkText {
    color: #e6aa5f
}

.brandCombinationRanking__linkIcon {
    color: #e6aa5f;
    margin-top: 4px
}

.brandCombinationRanking__nextIcon {
    width: 18px;
    height: 18px;
    margin-left: 8px
}

.brandCombinationWrapper__description {
    font-size: 14px;
    margin-bottom: 16px
}

.brandCombinationWrapper__content {
    margin-bottom: 50px
}

.brandCombinationWrapper__brandTitle {
    font-size: 18px;
    font-weight: 700;
    padding-left: 8px;
    border-left: 4px solid #e6aa5f;
    margin-bottom: 16px
}

.articleRankingProductSectionItem__image {
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 8px
}

.articleRankingProductSectionItem__rank {
    position: absolute;
    left: 8px;
    top: 8px;
    color: #fff;
    background: #e6aa5f;
    border-radius: 30px;
    width: 48px;
    padding: 2px 0;
    font-size: 10px;
    text-align: center
}

.articleRankingProductSectionItem__brandsTitle {
    font-size: 10px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    color: #757575;
    margin-bottom: 4px;
    text-overflow: ellipsis
}

.combinationViewProductItem {
    display: block;
    background: #fff;
    margin-right: 16px;
    margin-bottom: 24px;
    width: calc(100% - 48px / 4);
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 3px;
    transition: .3s;
    position: relative
}

.combinationViewProductItem:nth-of-type(4n+0) {
    margin-right: 0
}

.combinationViewProductItem:hover {
    opacity: .8
}

.combinationViewProductItem__link {
    text-decoration: none !important
}

.combinationViewProductItem__caption {
    background: #00a6bc;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    display: table-cell;
    vertical-align: middle;
    width: 241px;
    height: 56px
}

.combinationViewProductItem__rank {
    position: absolute;
    left: 5px;
    top: 8px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background: linear-gradient(45deg, #ed1e79 0, #c1272d 99%)
}

.combinationViewProductItem__imageWrapper {
    position: relative
}

.combinationViewProductItem__image {
    width: 100%;
    height: 164px;
    -o-object-fit: cover;
    object-fit: cover
}

.combinationViewProductItem__info {
    border-bottom: 1px solid #faeedf;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
    position: relative
}

.combinationViewProductItem__title {
    font-size: 12px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 12px;
    height: 36px;
    overflow: hidden
}

.combinationViewProductItem__price {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    font-family: YuGothic
}

.combinationViewProductItem__date {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 4px
}

.combinationViewProductItem__date--bold {
    color: #ef5d60;
    font-weight: 700
}

.combinationViewProductItem__desc {
    font-size: 12px;
    line-height: 1.3rem;
    color: #212121;
    padding: 12px
}

.combinationViewProductItem__soldOut {
    font-size: 16px;
    color: #ef5d60;
    margin-left: 10px
}

.combinationProductTitle {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    weight: 100%;
    color: #212121;
    margin: 60px 0 10px 0
}

.combinationProductAccordion {
    font-style: normal;
    font-weight: 400;
    padding: 5px 0
}

.combinationProductAccordionCheckbox {
    display: none
}

.combinationProductAccordionCheckbox:checked+.combinationProductAccordion__title+.combinationProductAccordionSection {
    height: auto;
    opacity: 1
}

.combinationProductAccordionCheckbox:checked+.combinationProductAccordion__title {
    font-weight: 700
}

.combinationProductAccordionCheckbox:checked+.combinationProductAccordion__title::after {
    transform: rotate(-45deg)
}

.combinationProductAccordion__title {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    display: block;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid;
    border-color: #faeedf
}

.combinationProductAccordion__title label {
    width: 100%
}

.combinationProductAccordion__title::after {
    display: block;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 28px;
    right: 18px;
    width: 10px;
    height: 10px;
    margin: -4px 0 0 0;
    border-top: solid 2px;
    border-color: #212121;
    border-right: solid 2px;
    border-color: #212121;
    transform: rotate(135deg)
}

.combinationProductAccordionSection {
    font-size: 12px;
    line-height: 17px;
    color: #212121;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    transition: .5s
}

.combinationProductAccordionSection__text {
    border-bottom: 1px solid;
    border-color: #faeedf;
    padding: 10px 0 15px
}

.combinationProductAccordionSection__text--bold {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.combinationProductAccordionSection__text--link {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline
}

.combinationProductAccordionSection__text--left {
    text-align: left;
    float: left
}

.combinationProductAccordionSection__text--right {
    text-align: right;
    text-decoration: underline
}

.combinationProductAccordionSection__text--small {
    font-size: 12px;
    line-height: 17px;
    padding-top: 8px
}

.combinationProductAccordionSection__text--img {
    width: 50%;
    padding: 0 19px
}

.whatIsTanp {
    color: #212121;
    margin-top: 60px
}

.whatIsTanp__title {
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    line-height: 26px;
    padding: 16px
}

.whatIsTanp .whatIsTanpSection__img {
    margin: 15px 0
}

.whatIsTanp .whatIsTanpSection__title {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    background: #eec48f;
    height: 37px;
    width: auto;
    display: flex;
    align-items: center;
    padding: 0 16px 0
}

.whatIsTanp .whatIsTanpSection__desc {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .02em;
    padding: 15px 0
}

.whatIsTanp .whatIsTanpSubSection {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    margin: 15px 0
}

.whatIsTanp .whatIsTanpSubSection__img {
    width: 100%
}

.whatIsTanp .whatIsTanpSubSection__title {
    font-style: normal;
    font-weight: 900;
    font-size: 17px;
    line-height: 25px;
    color: #e6aa5f;
    margin: 8px 18px 15px
}

.whatIsTanp .whatIsTanpSubSection__desc {
    padding: 0 9px
}

.whatIsTanp .whatIsTanpSubSection__descText {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .02em;
    color: #212121;
    padding: 8px 0 15px;
    border-top: .75px dashed #e0e0e0
}

.productCombinationSearchResultNotfoundContainer__title {
    font-size: 16px;
    text-align: center;
    margin: 24px 0 20px;
    color: #ef5d60
}

.productCombinationSearchResultNotfoundContainer__content {
    margin: 15px auto 40px;
    padding: 15px 0;
    width: 500px;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.6
}

.productCombinationSearchResultNotfoundHintTitle {
    color: #212121;
    text-align: center;
    font-size: 18px;
    line-height: 1.3
}

.productCombinationSearchResultNotfoundHint {
    color: #757575;
    font-size: 12px;
    line-height: 1.7;
    margin-top: 10px;
    padding-left: 120px
}

.productCombinationSearchResultNotfoundHint__link {
    color: #e6aa5f !important;
    font-weight: 700
}

.combinationPopularList {
    display: flex;
    padding: 16px 0
}

.combinationPopularList__item {
    font-size: 14px;
    line-height: 20px;
    color: #757575 !important;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #e0e0e0;
    cursor: pointer
}

.combinationPopularList__item:last-of-type {
    margin-right: 0;
    padding-right: 0;
    border-right: none
}

.combinationPopularList__item:hover {
    text-decoration: none;
    color: #757575;
    opacity: .8
}

.combinationPopularBox {
    margin-top: 40px
}

.combinationPopularBox__title {
    font-size: 16px;
    line-height: 23px;
    color: #212121;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e0e0
}

.combinationPopularBox__item {
    font-size: 14px;
    line-height: 20px;
    color: #757575 !important;
    margin-top: 8px;
    cursor: pointer;
    display: block
}

.combinationPopularBox__item:hover {
    text-decoration: none;
    color: #757575;
    opacity: .8
}

.sitemap__title {
    font-size: 18px;
    margin-bottom: 20px
}

.sitemapCategories__title {
    margin-bottom: 16px;
    background: #757575;
    color: #fff;
    font-size: 14px;
    padding: 6px
}

.sitemapParents {
    margin-bottom: 30px
}

.sitemapParents__title {
    margin-bottom: 10px;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #888;
    font-size: 14px;
    font-weight: 700
}

.sitemapParents__categoryList {
    margin-bottom: 5px;
    font-size: 105%;
    font-weight: 700
}

.sitemapProductGroup {
    margin-bottom: 20px
}

.sitemapProductGroup__List {
    display: inline-block;
    margin: 0 1px 0 0;
    background: 0 0;
    line-height: 1.2em;
    font-weight: 400
}

.sitemapScenes {
    margin-bottom: 30px
}

.sitemapScenes__list {
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto
}

.sitemapScenes__title {
    padding: 16px 12px;
    font-size: 14px;
    line-height: 20px
}

.seniorsdayHeader {
    background-image: url(https://s3.ap-northeast-1.amazonaws.com/gracia.tamp/product1786/AdobeStock_171155680.png);
    width: 100%;
    height: 400px;
    background-size: cover
}

.seniorsdayHeader__title {
    background-color: rgba(255, 255, 255, .9);
    position: relative;
    top: 100px;
    font-size: 30px;
    text-align: center;
    height: 200px;
    line-height: 50px;
    color: #a90000;
    font-weight: 700
}

.seniorsdayCategory__title {
    font-size: 32px;
    text-align: center
}

.seniorsdayCategory__description {
    font-size: 16px;
    padding: 20px 50px 10px 50px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.6em;
    border-bottom: 2px solid rgba(0, 0, 0, .1)
}

.mothersday-articles .mothersday-article {
    padding: 7px 4px;
    display: flex;
    transition: .3s;
    border-bottom: 1px solid #e0e0e0
}

.mothersday-articles .mothersday-article:active {
    opacity: .6
}

.mothersday-articles .mothersday-article-image {
    width: 30%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.mothersday-articles .mothersday-article-data {
    width: 70%;
    padding-left: 10px
}

.mothersday-articles .mothersday-article-title {
    padding-top: 3px;
    font-size: 20px;
    margin-bottom: 3px
}

.mothersday-articles .mothersday-article-desc {
    font-size: 16px;
    color: #757575;
    padding-top: 5px;
    line-height: 1.4em
}

.staticPage {
    padding: 20px 0
}

.staticPage__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px
}

.staticPage__desc {
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 30px
}

.staticPageSection {
    margin: 30px 0
}

.staticPageSection__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

.staticPageSection__topImage {
    width: 50%;
    margin: 20px 0
}

.staticPageSection__image {
    width: 50%
}

.staticPageSection__content {
    font-size: 14px;
    line-height: 1.8em;
    margin: 10px 0
}

.staticPageSection__content--link {
    color: #549186 !important
}

.staticPageSection__attention {
    color: #ef5d60;
    font-weight: 700
}

.staticPageSmallSection {
    margin: 20px 0
}

.staticPageSmallSection__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.staticPageSmallSection__image {
    width: 30%;
    margin: 20px 0
}

.staticPageSmallSection__content {
    font-size: 14px;
    line-height: 20px
}

.staticPageSmallSection__link {
    font-size: 14px;
    line-height: 20px;
    color: #549186 !important
}

.staticPageSmallSection__note {
    font-size: 12px;
    color: #757575;
    margin-top: 4px;
    line-height: 20px
}

.paymentCardList {
    margin: 10px 0
}

.paymentCardList__item {
    display: inline-block;
    margin-right: 10px;
    width: 40px
}

.paymentCardList__item img {
    width: 100%
}

.paymentCardNotice {
    border: 1px solid #e0e0e0;
    padding: 20px 15px;
    margin-top: 20px;
    margin-bottom: 30px
}

.paymentCardNotice__title {
    color: #f39700;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px
}

.paymentCardNotice__content {
    font-size: 12px;
    line-height: 1.5rem
}

.paymentCvsImage {
    width: 400px
}

.headerCartImage {
    width: 31px;
    height: auto;
    text-align: center;
    vertical-align: text-top;
    display: inline-block
}

.orderSectionView {
    width: 100%
}

.orderSectionView__title {
    color: #212121;
    text-align: center;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    text-align: center;
    margin-top: 39px;
    margin-bottom: 38px;
    padding-top: 5px
}

.orderSectionView__or {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    font-family: SourceHanSansJP;
    color: #212121;
    margin: 40px 0
}

.orderSectionView__or:before {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #eee;
    margin: 40px 9px 40px 15px
}

.orderSectionView__or:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #eee;
    margin: 40px 15px 40px 9px
}

.orderSection {
    margin-bottom: 80px;
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 80px
}

.orderSection__title {
    font-family: SourceHanSansJP;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    color: #212121;
    padding-bottom: 24px
}

.orderSection--borderHidden {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.orderSectionContent {
    display: flex;
    align-items: flex-start
}

.orderSectionContentImagearea {
    width: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 8px
}

.orderSectionContentImagearea__image {
    width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -o-object-fit: contain;
    object-fit: contain
}

.orderSectionContentInfo {
    padding-left: 24px;
    width: 50%
}

.orderSectionContentInfo__subtitle {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    line-height: 1.5;
    color: #e6aa5f;
    padding-bottom: 3px
}

.orderSectionContentInfo__subtitle--light {
    font-weight: lighter;
    font-size: 18px
}

.orderSectionContentInfo__description {
    font-family: Roboto;
    color: #212121;
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 20px
}

.orderSectionContentInfo__note {
    color: #757575
}

.companyInfoTable {
    font-size: 16px
}

.companyInfoTable__row {
    line-height: 2em;
    vertical-align: top
}

.companyInfoTable__label {
    width: 150px
}

.companyInfoTable__value {
    padding-bottom: 10px
}

.siteMapList__item {
    font-size: 14px;
    line-height: 1.5em;
    margin: 10px 0
}

.receivesPaymentForm {
    padding: 20px 0
}

.receiveGiftPage {
    padding: 60px 10px 10px;
    width: 60%;
    margin: 0 auto
}

.receiveGiftPage__title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px
}

.receiveGiftPage__desc {
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px
}

.receiveGiftPage__alreadyDone {
    line-height: 1.7em;
    text-align: center;
    margin: 20px 0;
    font-size: 16px
}

.receiveGiftPage__image {
    width: 80%
}

.receiveGiftItem {
    width: 100%;
    display: block;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.receiveGiftItem__title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 8px;
    line-height: 23px;
    padding: 0 16px
}

.receiveGiftItem__limit {
    font-size: 14px;
    line-height: 20px;
    color: #549186;
    padding: 0 16px 12px
}

.receiveGiftItemImage {
    width: 100%;
    height: 360px;
    position: relative;
    border-radius: 3px 3px 0 0
}

.receiveGiftItemImage__image {
    border-radius: 3px 3px 0 0;
    width: 100%;
    height: 360px;
    -o-object-fit: cover;
    object-fit: cover
}

.receiveGiftItemImage__content {
    position: absolute;
    background: rgba(224, 221, 221, .7);
    padding: 14px;
    bottom: 0;
    left: 0;
    width: 100%
}

.receiveGiftItemImage__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    max-height: 48px;
    overflow: hidden;
    line-height: 1.5rem
}

.receiveGiftItemImage__productGroup {
    font-size: 14px;
    font-weight: 700
}

.receivesView {
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,q_auto,w_800/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/products_special/bg/fv_bg_sp.png);
    background-size: cover;
    text-align: center;
    height: 812px;
    width: 375px;
    margin: 0 auto;
    padding: 120px 15px
}

.receivesView__image {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px
}

.receivesView__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #212121
}

.receivesView__submit {
    display: block;
    width: 100%;
    line-height: 44px;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    transition: .6s
}

.receivesView__submit:hover {
    cursor: pointer;
    background: #fff !important;
    color: #e6aa5f !important
}

.receivesView__description {
    font-size: 12px;
    color: #212121;
    margin-bottom: 8px
}

.receivesView__description--primary {
    color: #e6aa5f
}

.receivesViewBottom {
    margin-top: 16px
}

.receivesViewBottom__limit {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 16px
}

.receivesViewBottom__text {
    font-size: 12px;
    line-height: 17px;
    text-align: center
}

.receivesAddressFormSection {
    padding-right: 25px;
    margin: 0 auto 20px
}

.receivesAddressFormSection__title {
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 24px;
    padding: 0 2px 4px;
    border-bottom: 2px solid #e6aa5f;
    display: inline-block
}

.usersCommonContainer {
    padding: 40px 30px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    width: 67%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
}

.usersCommonContent {
    margin-bottom: 40px
}

.usersCommonContent__title {
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center
}

.usersCommonContent__text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 20px;
    color: #ef5d60;
    text-align: center
}

.usersCommonContent__msg {
    line-height: 1.7em;
    font-size: 16px;
    text-align: center
}

.usersCommonContent__label {
    color: #757575;
    font-size: 12px;
    margin: 8px 0
}

.usersCommonBtn {
    width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    border: none;
    padding: 20px 0;
    text-align: center;
    background: #ef5d60;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0 7px 4px 0 rgba(0, 0, 0, .1)
}

.usersCommonBtn:disabled {
    background: #757575;
    opacity: .8;
    cursor: not-allowed;
    text-decoration: none
}

.usersCommonBtn__wrapper {
    width: 80%;
    margin: 20px auto 0
}

.usersAddForm {
    width: 500px;
    margin: 60px auto;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 40px;
    text-align: center
}

.usersAddForm__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px
}

.usersAddForm__group {
    margin-bottom: 20px
}

.usersAddForm__group label {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 700;
    text-align: left
}

.userRegisterPage {
    width: 500px;
    border: 1px solid #e6aa5f;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border-radius: 5px
}

.userRegisterPageBanner {
    background: #ef5d60;
    color: #fff !important;
    font-weight: 700;
    border-radius: 5px;
    padding: 12px
}

.userRegisterPageBanner__text {
    font-size: 16px;
    text-align: right
}

.userRegisterPageBanner__text:first-of-type {
    text-align: left;
    margin-bottom: 10px
}

.userRegisterPageBanner__num {
    font-size: 32px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, .3);
    color: #e6aa5f;
    margin-right: 4px
}

.userRegisterForm {
    padding: 30px 0
}

.userRegisterForm__title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px
}

.userRegisterForm__desc {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 15px
}

.userRegisterForm__boldDesc {
    font-weight: 700;
    color: #ef5d60
}

.userRegisterForm__submitBtn {
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    font-weight: 700;
    width: 60%;
    padding: 16px 0;
    text-align: center;
    margin: 15px auto;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    border-style: none;
    position: relative
}

.userRegisterForm__note {
    margin-top: 20px;
    font-size: 12px
}

.userRegisterForm__note a {
    text-decoration: underline
}

.userRegisterFormRadioWrapper {
    display: flex
}

.userRegisterFormRadio {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px
}

.userRegisterFormRadio label:hover {
    cursor: pointer
}

.userRegisterFormRadio input[type=radio] {
    display: none
}

.userRegisterFormRadio input[type=radio]+label {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.userRegisterFormRadio input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 50%
}

.userRegisterFormRadio input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #e6aa5f;
    border-radius: 50%
}

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

.userRegisterFormSelect {
    position: relative;
    width: calc(90% / 3);
    margin-bottom: 5px
}

.userLoginPage {
    width: 1000px;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.userCouponDesc {
    padding: 50px 10px;
    border-right: 1px solid #e0e0e0;
    width: 100%;
    margin-right: 50px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px
}

.userSigninForm {
    padding: 0 50px;
    width: 100%
}

.userSigninForm__img {
    margin-top: 64px;
    width: 100%
}

.userLoginForm {
    padding-right: 50px;
    border-right: 1px solid #e0e0e0;
    width: 100%
}

.userLoginForm__title {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px
}

.userLoginForm__input {
    margin-bottom: 20px
}

.userLoginForm__submitBtn {
    color: #fff !important;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 15px auto 20px;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    border-style: none;
    position: relative;
    font-weight: 700
}

.userLoginForm__submitBtn--orange {
    background: #e6aa5f
}

.userLoginForm__submitBtn--red {
    background: #ef5d60
}

.userLoginForm__submitBtn:hover {
    text-decoration: none;
    opacity: .8
}

.userLoginForm__submitBtn:disabled {
    background: #757575;
    opacity: .8;
    cursor: not-allowed;
    text-decoration: none
}

.userLoginForm__bottom {
    text-align: center;
    margin-bottom: 16px
}

.userLoginForm__link {
    font-size: 14px;
    text-decoration: underline !important;
    color: #ef5d60 !important
}

.pagesTanpSnsContainer {
    margin-top: 40px
}

.tanp-all {
    width: 70%;
    margin: 0 auto
}

.what-is-tanp-container {
    padding-bottom: 40px
}

.what-is-tanp-container img {
    width: 70%;
    margin: 0 auto
}

.what-is-tanp-container .what-is-tanp-desc {
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 40px;
    padding: 15px 10px 0;
    font-weight: 700;
    text-align: center
}

.what-is-tanp-container .what-is-tanp-sub-desc {
    font-size: 15px;
    letter-spacing: 1.5px;
    line-height: 1.5em;
    padding: 5px 10px 10px
}

.trouble-container {
    padding: 40px 20px 100px
}

.trouble-container .trouble-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.trouble-container .trouble-item-container {
    border: 2px solid #3d97b9;
    border-radius: 10px;
    padding: 15px
}

.trouble-container .trouble-item {
    margin-bottom: 20px;
    font-size: 0
}

.trouble-item .check-icon {
    font-size: 20px;
    color: #3d97b9;
    display: inline-block;
    width: 10%;
    vertical-align: middle
}

.trouble-item .trouble-content {
    font-size: 14px;
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    letter-spacing: 1px;
    line-height: 1.5em
}

.trouble-container .solution-desc {
    text-align: center;
    font-size: 24px;
    text-decoration: underline;
    font-weight: 700;
    margin: 30px 0 15px
}

.trouble-container .solution-sub-desc {
    text-align: center;
    font-size: 14px;
    color: #555
}

.angle-blue-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 0 30px;
    border-color: #3d98b9 transparent transparent transparent;
    margin: 0 auto
}

.angle-white-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 0 30px;
    border-color: #fff transparent transparent transparent;
    margin: 0 auto
}

.tanp-feature-container {
    background: url(https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/image/gift-BG.jpeg) no-repeat;
    background-size: cover
}

.tanp-feature-inner {
    background: rgba(0, 0, 0, .7);
    width: 70%;
    padding: 0 0 60px;
    letter-spacing: 1.2px;
    position: relative;
    margin: 0 auto
}

.tanp-feature-title {
    font-size: 24px;
    text-align: center;
    margin: 60px 0 40px;
    color: #fff
}

.feature-item {
    border-radius: 10px;
    width: 80%;
    margin: 0 auto 50px
}

.feature-item-number {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    color: #fff
}

.feature-desc-container .point1-icon {
    width: 20%;
    margin: 0 auto
}

.feature-desc-container .point2-icon {
    width: 35%;
    margin: 0 auto
}

.feature-desc-container .point3-icon {
    width: 45%;
    margin: 0 auto
}

.feature-desc-container .point4-icon {
    width: 25%;
    margin: 0 auto
}

.feature-desc-container .strong-number {
    font-size: 30px;
    letter-spacing: 2px;
    color: #fff
}

.feature-desc {
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 1.2px;
    line-height: 24px;
    margin: 20px 0 15px
}

.feature-sub-desc {
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    line-height: 20px;
    letter-spacing: 1.5px
}

.to-line-desc {
    color: #87ceeb;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
    margin-top: 15px
}

.send-by-line-container {
    padding: 60px 20px 20px;
    border-top: 5px solid #e0e0e0
}

.send-by-line-container .send-by-line-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    line-height: 25px
}

.send-by-line-container .send-by-line-subtitle {
    font-size: 16px;
    color: #555;
    text-align: center;
    line-height: 20px
}

.send-by-line-container .flow-container {
    margin-top: 30px;
    margin-bottom: 40px;
    position: relative
}

.send-by-line-container .how-to-send-title {
    font-size: 18px;
    background-color: #2b87ae;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

.send-by-line-container .step-item {
    margin-bottom: 20px;
    padding: 0 10px;
    font-size: 0
}

.send-by-line-container .step-item img {
    width: 30%;
    display: inline-block;
    vertical-align: middle
}

.send-by-line-container .step-item .step-desc-container {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
    line-height: 25px;
    padding-left: 10px;
    color: #555
}

.send-by-line-container .step-desc-container .step-desc {
    font-size: 14px
}

.send-by-line-container .step-desc-container .step-sub-desc {
    font-size: 12px
}

.send-by-line-container .flow-line {
    position: absolute;
    width: 3px;
    height: 75%;
    top: 20%;
    left: 16.75%;
    background-color: #8b98c4;
    z-index: -1
}

.sns-header {
    font-size: 20px;
    margin: 30px 0;
    text-align: center
}

.sns-small-section .sns-small-section-header {
    text-align: center;
    font-size: 20px;
    margin: 25px 0
}

.sns-container p {
    font-size: 15px;
    text-align: center;
    margin: 20px 0
}

.sns-small-section-content img {
    width: 70%;
    margin: 0 auto
}

.user-voice-container {
    padding: 40px 20px 0
}

.user-voice-header {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.user-voice {
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
    padding: 0 5px 20px
}

.user-voice-rate {
    margin-top: 5px
}

.user-voice-rate .rate-star {
    color: #f2c011;
    font-size: 15px
}

.user-voice-rate .not-rate {
    color: #d3d3d3;
    font-size: 15px
}

.user-voice-group {
    margin-top: 30px
}

.user-voice-group .user-voice:last-of-type {
    border: none;
    margin-bottom: 50px
}

.user-group-title {
    font-size: 16px;
    border-bottom: 1px solid #898989;
    margin-bottom: 20px;
    padding: 5px
}

.user-voice-title {
    font-size: 15px
}

.user-voice-content {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: 1px
}

.user-name {
    font-size: 12px;
    letter-spacing: 1px;
    color: #898989;
    margin-top: 5px
}

.search-gift-link {
    margin: 80px auto 0;
    padding: 15px;
    width: 80%;
    border: 1px solid #212121;
    display: block;
    color: #212121;
    letter-spacing: 1.5px;
    font-size: 16px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
    position: relative;
    text-decoration: none;
    border-radius: 40px
}

.search-gift-link .angle-right {
    position: absolute;
    font-size: 24px;
    color: #f2a0a1;
    right: 15px;
    top: 12px
}

.sns-flow-btn {
    display: block;
    box-shadow: 0 1px 10px -3px #140101;
    background: #2b87ae;
    border: 1px solid #2b87ae;
    padding: 15px 0;
    width: 90%;
    border-radius: 4px;
    line-height: 1em;
    text-align: center;
    color: #fff !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .2);
    font-weight: 700;
    font-size: 13px;
    margin: 0 auto 30px;
    position: relative
}

.sns-flow-btn i {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 18px
}

.sns-flow-btn:hover,
.sns-flow-btn:link,
.sns-flow-btn:link:active {
    color: #fff !important;
    text-decoration: none !important
}

.headerPartners {
    position: fixed;
    width: 100%;
    z-index: 30;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.headerPartners__linkBtn {
    width: 30%;
    height: 50px;
    right: 0;
    top: 12px;
    border-radius: 40px;
    background-color: #ef5d60;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    line-height: 50px;
    position: absolute
}

.headerPartners__linkBtn:hover {
    text-decoration: none;
    opacity: .8
}

.partnersSectionOuter {
    padding-top: 64px;
    background-color: #fafafa;
    position: relative
}

.partnersSectionOuter:before {
    content: "";
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,q_auto,w_400/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/pages_partners/texture.png);
    width: 100%;
    height: 100%;
    opacity: .04;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.partnersSection {
    padding: 80px;
    background-color: #fff;
    min-width: 1024px;
    margin: 0 auto;
    text-align: -webkit-center
}

.partnersSection__title {
    color: #212121;
    text-align: center;
    font-size: 28px;
    line-height: 41px;
    font-weight: 700
}

.partnersSection__desc {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 32px;
    color: #212121
}

.partnersSection__linkBtn {
    border-radius: 40px;
    background-color: #ef5d60;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    line-height: 50px;
    display: block;
    width: 30%;
    height: 50px;
    margin: 50px auto 0;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .2)
}

.partnersSection__linkBtn:hover {
    text-decoration: none;
    opacity: .8
}

.partnersSectionPrimary {
    padding: 80px;
    background-color: #faeedf;
    min-width: 1024px;
    margin: 0 auto;
    text-align: -webkit-center
}

.partnersSectionPrimary__title {
    color: #212121;
    text-align: center;
    font-size: 28px;
    line-height: 41px;
    font-weight: 700
}

.partnersSectionPrimary__desc {
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.78;
    color: #212121
}

.partnersSectionPrimary__linkBtn {
    border-radius: 40px;
    background-color: #ef5d60;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    line-height: 50px;
    display: block;
    width: 30%;
    height: 50px;
    margin: 50px auto 0;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .2)
}

.partnersSectionPrimary__linkBtn:hover {
    text-decoration: none;
    opacity: .8
}

.partnersTop {
    min-width: 1024px;
    margin: 0 auto;
    height: 452px;
    background-color: #faeedf;
    display: flex;
    justify-content: center;
    padding-top: 88px
}

.partnersTop__info {
    margin-right: 100px;
    font-weight: 700
}

.partnersTop__image {
    width: 380px;
    position: relative
}

.partnersTop__title {
    font-size: 44px;
    line-height: 64px;
    color: #212121;
    margin-bottom: 44px
}

.partnersTop__strong {
    font-size: 44px
}

.partnersSub {
    min-width: 1024px;
    padding: 80px 160px 60px 60px;
    margin: 0 auto 20px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.partnersSub__text {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.66;
    color: #e6aa5f;
    letter-spacing: 1.6px
}

.partnersProduceWrapper {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

.partnersProduce {
    width: 288px;
    margin-right: 80px
}

.partnersProduce:last-of-type {
    margin-right: 0
}

.partnersProduce__img {
    width: 288px;
    margin: 0 auto;
    position: relative
}

.partnersProduce__title {
    color: #212121;
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    margin: 16px 0;
    text-align: center
}

.partnersProduce__desc {
    color: #212121;
    font-size: 16px;
    line-height: 23px
}

.partnersContent {
    min-width: 288px;
    height: 327px;
    margin-right: 80px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
    position: relative
}

.partnersContent:last-of-type {
    margin-right: 0
}

.partnersContent__container {
    width: 244px;
    position: absolute;
    top: 174px
}

.partnersContent__imageContainer {
    width: 100%;
    height: 174px
}

.partnersContent__img {
    max-width: 288px;
    max-height: 105px;
    margin: 0 auto
}

.partnersContent__title {
    color: #e6aa5f;
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    text-align: center
}

.partnersContent__desc {
    color: #212121;
    font-size: 16px;
    line-height: 23px
}

.partnersServiceWrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.partnersService {
    width: 440px;
    height: 210px;
    border: 1px solid #e6aa5f;
    border-radius: 5px;
    padding: 25px;
    display: flex
}

.partnersService__img {
    flex-basis: auto
}

.partnersService__info {
    flex-basis: auto;
    padding: 10px 0 0 10px
}

.partnersService__title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #e6aa5f;
    line-height: 1.21
}

.partnersService__text {
    font-size: 14px;
    line-height: 1.56;
    color: #212121
}

.partnersBrandImg {
    width: 80%;
    margin: 0 auto
}

.partnersBrandImg--small {
    width: auto;
    height: 60px;
    margin-top: 20px
}

.partnersBenefitWrapper {
    display: flex;
    margin-top: 70px;
    justify-content: center
}

.partnersBenefitContainer {
    min-width: 288px;
    height: 257px;
    padding: 22px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-right: 80px;
    position: relative
}

.partnersBenefitContainer:last-of-type {
    margin-right: 0
}

.partnersBenefitContainer__img {
    margin: 0 auto;
    max-width: 200px;
    max-height: 105px
}

.partnersBenefitContainer__info {
    text-align: center;
    line-height: 29px;
    font-size: 20px;
    font-weight: 700;
    color: #212121
}

.partnersBenefitSubTitle {
    font-size: 28px;
    line-height: 41px;
    font-weight: 700;
    margin: 80px 0 40px;
    text-align: center
}

.partnersBenefitSubTitle--secondary {
    color: #549186
}

.partnersOrderCardWrapper {
    margin: 40px auto 30px;
    display: flex;
    justify-content: center
}

.partnersOrderCard {
    height: 178px;
    width: 208px;
    display: flex;
    position: relative;
    border-radius: 8px;
    border: solid 1px #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    background-color: #fff
}

.partnersOrderCardContainer {
    padding: 16px;
    width: 50%
}

.partnersOrderCardContainer:last-of-type {
    width: 100%
}

.partnersOrderCardContainer__fullWidth {
    width: 100%
}

.partnersOrderCardContainer__box {
    height: 90px
}

.partnersOrderCardContainer__img {
    width: 61px;
    margin: 0 auto
}

.partnersOrderCardContainer__img--tiny {
    width: 37px
}

.partnersOrderCardContainer__img--small {
    width: 52px
}

.partnersOrderCardContainer__img--middle {
    width: 70px
}

.partnersOrderCardContainer__img--large {
    width: 84px
}

.partnersOrderCardContainer__img--big {
    width: 102px
}

.partnersOrderCardContainer__text {
    text-align: center;
    margin-top: 18px;
    font-size: 12px;
    line-height: 17px;
    color: #212121
}

.partnersOrderArrowImg {
    flex-basis: auto;
    height: 25px;
    margin: 85px 24px 0
}

.partnersReviewsWrapper {
    margin-top: 40px
}

.partnersProductReviewItem {
    width: 80%;
    height: 250px;
    padding-bottom: 28px;
    margin: 0 auto 28px
}

.partnersHelp {
    text-align: left;
    margin: 20px auto 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    width: 80%
}

.partnersHelp:first-of-type {
    margin: 40px auto 40px
}

.partnersHelp:last-of-type {
    border: none
}

.partnersHelp__question {
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    color: #e6aa5f;
    padding-bottom: 20px
}

.partnersHelp__answer {
    font-size: 16px;
    line-height: 32px;
    color: #212121
}

.partnersHelpLink {
    display: flex;
    justify-content: center;
    position: relative
}

.partnersHelpItem {
    margin-right: 60px
}

.partnersHelpItem:last-of-type {
    margin-right: 0
}

.partnersHelpBox {
    width: 328px;
    height: 261px;
    background-color: #faeedf;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    padding: 24px;
    text-align: center
}

.partnersHelpBox__title {
    color: #212121;
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    margin-bottom: 16px
}

.partnersHelpBox__desc {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .05em
}

.partnersHelpBox__button {
    margin-top: 24px;
    width: 280px
}

.partnersButton {
    border: none
}

.partnersTable {
    width: 1024px;
    background-color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    position: relative
}

.partnersTable__primary {
    background-color: #e6aa5f;
    color: #fff
}

.partnersTable__strong {
    color: #e6aa5f
}

.partnersTable__row {
    height: 95px
}

.partnersTable__header {
    width: 192px;
    border: 1px solid #e0e0e0;
    vertical-align: middle
}

.partnersTable__data {
    width: 139px;
    border: 1px solid #e0e0e0;
    vertical-align: middle
}

.corporationSection {
    color: #212121
}

.corporationSection__title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    padding-top: 80px
}

.corporationSection__button {
    margin: 15px auto;
    padding: 16px;
    border-radius: 30px;
    background-color: #e6aa5f;
    color: #fff
}

.corporationSection__button.-white {
    background-color: #fff;
    border: 1px solid #e6aa5f;
    color: #e6aa5f;
    text-decoration: none
}

.corporationSection__iconContainer {
    float: left
}

.corporationSection__headerLogoImg {
    width: 180px;
    margin-top: 17px
}

.corporationSection__headerArea {
    display: flex
}

.corporationSection__headerLogo {
    width: 60%
}

.corporationSection__headerButtons {
    width: 40%
}

.corporationSection__headerButtonsArea {
    display: flex
}

.corporationSection__headerDocumentDownload {
    width: 40%;
    text-align: center
}

.corporationSection__headerAskLink {
    width: 60%
}

.corporationSection__topImage {
    background: linear-gradient(0deg, rgba(0, 0, 0, .44), rgba(0, 0, 0, .54)), url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,h_530,q_auto,w_1200/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/campaign_lp/corporation/fv.png);
    width: 100%;
    height: 530px;
    background-position: center;
    background-size: cover;
    background-blend-mode: darken
}

.corporationSection__topImageTitle {
    font-size: 48px;
    color: #fff;
    text-align: center;
    padding-top: 116px;
    line-height: 1.4em;
    font-weight: 700
}

.corporationSection__topImageSubTitle {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-top: 30px
}

.corporationSection__topImageButton {
    margin-top: 40px;
    border-radius: 33px;
    display: block;
    text-align: center;
    width: 300px;
    padding: 24px;
    font-size: 18px
}

.corporationSection__topImageButtonText {
    color: #fff;
    font-size: 21px
}

.corporationSection__topImageButton:link {
    text-decoration: none
}

.corporationSection__documentDownloadButton {
    display: block;
    font-size: 15px;
    padding: 5px 18px;
    margin-right: 10px
}

.corporationSection__documentDownloadButton:link {
    text-decoration: none
}

.corporationSection__documentAskButton {
    font-size: 15px;
    padding: 5px 26px;
    display: block;
    text-align: center;
    border: 1px solid #e6aa5f
}

.corporationSection__documentAskButton:link {
    text-decoration: none
}

.corporationSection__documentAskButtonText {
    color: #fff
}

.corporationSection__inner {
    width: 1024px;
    margin: 0 auto
}

.corporationSection__main {
    color: #212121
}

.corporationSection__recommendProductsArea {
    margin-bottom: 80px
}

.corporationSection__recommendProductsCount {
    text-align: center;
    font-size: 18px;
    margin-top: 80px;
    font-weight: 500
}

.corporationSection__recommendProductsTitle {
    margin-bottom: 42px;
    font-size: 30px;
    text-align: center;
    font-weight: 700
}

.corporationSection__recommendProductsTime {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 16px
}

.corporationSection__recommendProductList {
    display: flex;
    margin-bottom: 40px
}

.corporationSection__recommendProduct {
    box-shadow: 0 2px 5px 2px #d3d3d3;
    border-radius: 5px;
    width: 25%
}

.corporationSection__recommendProduct+.corporationSection__recommendProduct {
    margin-left: 2%;
    text-decoration: none
}

.corporationSection__recommendProductImageArea {
    width: 100%;
    margin-bottom: 6px;
    position: relative
}

.corporationSection__recommendProductImage {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px 5px 0 0
}

.corporationSection__recommendProductCategoryName {
    margin: 16px 16px 4px 16px;
    color: #757575
}

.corporationSection__recommendProductTitle {
    margin: 5px 16px 4px 16px;
    font-weight: 700
}

.corporationSection__recommendProductBrand {
    margin: 5px 16px 4px 16px;
    color: #757575
}

.corporationSection__recommendProductPrice {
    margin: 5px 16px 4px 16px;
    font-size: 15px;
    font-weight: 700
}

.corporationSection__recommendProductMinShippingDate {
    margin: 5px 16px 16px 16px
}

.corporationSection__recommendProductMinShippingDate--highlight {
    color: #549186;
    font-weight: 700
}

.corporationSection__recommendProductRank {
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background-color: #e6aa5f
}

.corporationSection__recommendProductButton {
    display: block;
    text-align: center;
    font-size: 21px;
    width: 30%;
    padding: 24px;
    border-radius: 60px;
    -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .15));
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.corporationSection__features {
    background-color: #f6f3ed;
    padding-bottom: 32px
}

.corporationSection__featuresTitle {
    margin-bottom: 40px
}

.corporationSection__featuresBoxArea {
    width: 100%;
    display: flex
}

.corporationSection__featuresTopBox {
    width: 49%;
    border-radius: 5px;
    background-color: #fff
}

.corporationSection__featuresTopBox+.corporationSection__featuresTopBox {
    margin-left: 4%
}

.corporationSection__featuresBox {
    width: 49%;
    margin-top: 40px;
    border-radius: 5px;
    background-color: #fff
}

.corporationSection__featuresBox+.corporationSection__featuresBox {
    margin-left: 4%
}

.corporationSection__featuresBoxImage {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
    height: 300px
}

.corporationSection__featuresBoxTitle {
    margin-top: 40px;
    margin-left: 40px;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px
}

.corporationSection__featuresBoxDescription {
    margin: 16px 40px 40px 40px;
    font-size: 18px;
    line-height: 26px
}

.corporationSection__featuresAsk {
    margin-top: 80px
}

.corporationSection__featuresAskContent {
    text-align: center;
    font-size: 14px
}

.corporationSection__featuresAskButton {
    color: #fff;
    margin: 24px auto;
    padding: 24px;
    background-color: #e6aa5f;
    border-radius: 50px;
    display: block;
    text-align: center;
    width: 240px;
    font-size: 21px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.corporationSection__featuresAskButton:link {
    text-decoration: none
}

.corporationSection__featuresAskButtonText {
    color: #fff
}

.corporationSection__support {
    background-color: #fff
}

.corporationSection__supportTitle {
    margin-bottom: 55px;
    font-size: 30px
}

.corporationSection__supportDescriptionArea {
    width: 73%;
    margin: 0 auto
}

.corporationSection__supportCheck {
    color: #e6aa5f
}

.corporationSection__supportDescription {
    margin-bottom: 36px
}

.corporationSection__supportDescriptionContent {
    margin-left: 30px;
    padding-top: 2px;
    font-size: 18px
}

.corporationSection__flow {
    background-color: #f6f3ed
}

.corporationSection__flowTitle {
    margin-top: 94px;
    font-size: 27px;
    padding-top: 75px
}

.corporationSection__flowInner {
    position: relative;
    width: 770px;
    margin: 35px auto 0;
    padding-bottom: 70px
}

.corporationSection__flowIcon {
    height: 100%;
    width: 100%
}

.corporationSection__flowIconArea {
    background-color: #fff;
    border-radius: 50%;
    width: 108px;
    height: 108px;
    position: relative;
    z-index: 50;
    margin: 0 auto
}

.corporationSection__flowHr {
    position: absolute;
    top: 54px;
    left: 85px;
    text-align: center;
    margin: 0 auto;
    z-index: 5;
    width: 80%;
    background-color: #e6aa5f;
    border: 0;
    height: 1px
}

.corporationSection__flowStep {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background-color: #e6aa5f;
    text-align: center;
    width: 50%;
    margin: 10px auto
}

.corporationSection__flowBoxTitle {
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.corporationSection__flowBoxDescription {
    text-align: left;
    font-size: 13px;
    width: 83%;
    margin: 10px auto
}

.corporationSection__flowBoxArea {
    display: flex
}

.corporationSection__flowBox {
    width: 25%
}

.corporationSection__sceneTitle {
    padding-top: 80px;
    padding-bottom: 40px;
    font-size: 30px;
    line-height: 30px
}

.corporationSection__sceneBoxArea {
    display: flex
}

.corporationSection__sceneBox {
    width: 33%;
    border-radius: 5px;
    padding: 22px;
    box-shadow: 0 0 3px 1px #d3d3d3
}

.corporationSection__sceneBox+.corporationSection__sceneBox {
    margin-left: 16px
}

.corporationSection__sceneProductImage {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.corporationSection__sceneProductImageArea {
    width: 100%;
    margin-right: 20px;
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,h_500,q_auto,w_500/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/campaign_lp/corporation/scene001.png);
    background-size: cover;
    border-radius: 5px
}

.corporationSection__sceneProductImageArea.-second {
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,h_500,q_auto,w_500/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/campaign_lp/corporation/scene002.png)
}

.corporationSection__sceneProductImageArea.-third {
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,h_500,q_auto,w_500/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/campaign_lp/corporation/scene003.jpg)
}

.corporationSection__sceneProductImageArea:before {
    content: "";
    display: block;
    padding-top: 100%
}

.corporationSection__sceneBoxTitle {
    margin-top: 28px;
    font-size: 24px;
    font-weight: 700
}

.corporationSection__sceneBoxDescription {
    font-size: 18px;
    margin-top: 29px;
    line-height: 25px
}

.corporationSection__sceneTags {
    margin-top: 15px
}

.corporationSection__sceneTag {
    border-radius: 12px;
    background-color: #f5f2ee;
    padding: 8px 16px;
    margin: 5px;
    display: inline-block;
    line-height: 14px;
    font-size: 14px
}

.corporationSection__subTitle {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 80px;
    margin-top: 40px
}

.corporationSection__case {
    background-color: #f6f3ed
}

.corporationSection__caseTitle {
    padding-top: 80px;
    font-size: 30px;
    padding-bottom: 45px
}

.corporationSection__caseCounter {
    color: #e6aa5f;
    text-align: center;
    margin-top: 26px;
    font-size: 24px
}

.corporationSection__caseUp {
    font-size: 14px;
    color: #757575;
    margin-top: 24px
}

.corporationSection__caseUnder {
    font-size: 16px;
    margin-top: 5px;
    line-height: 23px
}

.corporationSection__caseImg {
    width: 100%;
    height: 195px;
    border-radius: 7px;
    -o-object-fit: cover;
    object-fit: cover
}

.corporationSection__caseBoxArea {
    display: flex;
    margin-top: 20px;
    padding-bottom: 80px
}

.corporationSection__caseBox {
    width: 32%;
    background-color: #fff;
    box-shadow: 0 0 3px 1px #d3d3d3;
    border-radius: 5px
}

.corporationSection__caseBox+.corporationSection__caseBox {
    margin-left: 1%
}

.corporationSection__caseExampleArea {
    height: 480px
}

.corporationSection__caseExample {
    border-bottom: 1px solid #d3d3d3;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 22px
}

.corporationSection__caseExample.-last {
    border-bottom: none
}

.corporationSection__caseExampleImg {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 22px;
    padding-top: 22px
}

.corporationSection__faq {
    color: #212121;
    background-color: #fff;
    margin-bottom: 70px
}

.corporationSection__faqTitle {
    margin-bottom: 40px;
    line-height: 30px
}

.corporationSection__faqBox {
    width: 58%;
    margin: 32px auto 0
}

.corporationSection__faqQuestion {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px
}

.corporationSection__faqQuestion:before {
    content: "Q  ";
    padding-right: 16px
}

.corporationSection__faqAnswer {
    font-size: 14px;
    margin-left: 33px;
    line-height: 24px
}

.corporationSection__ask {
    background-color: #f6f3ed;
    padding-bottom: 40px
}

.corporationSection__askTitle {
    font-size: 30px;
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 40px
}

.corporationSection__askFormsButton {
    display: block;
    border-radius: 50px;
    width: 90%;
    font-size: 20px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    text-align: center
}

.corporationSection__askFormsButton:link {
    text-decoration: none
}

.corporationSection__askFormsButtonText {
    color: #fff
}

.corporationSection__askDescription {
    font-size: 14px;
    text-align: center;
    padding-bottom: 20px;
    line-height: 24px
}

.corporationSection__askForms {
    display: flex;
    width: 80%;
    margin: 0 auto
}

.corporationSection__askFormsBox {
    width: 50%;
    background-color: #fff;
    margin: 20px 20px 80px 20px;
    padding: 14px 14px 56px 14px;
    border-radius: 5px
}

.corporationSection__askFormsBoxTitle {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 64px;
    padding-bottom: 25px
}

.corporationSection__askFormsApply {
    color: #e6aa5f;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700
}

.corporationSection__askFormsEmailArea {
    text-align: center
}

.corporationSection__askFormsEmail {
    text-align: center;
    margin: 34px auto;
    font-size: 21px
}

.memberRankPageWrapper {
    position: relative;
    margin-bottom: -80px;
    background-image: url(https://res.cloudinary.com/tanp/image/fetch/c_fill,f_auto,q_auto,w_400/https://s3-ap-northeast-1.amazonaws.com/gracia.tanp/pages_partners/texture.png)
}

.memberRankAbstract {
    text-align: center;
    padding: 60px 0;
    background-color: rgba(246, 243, 239, .95)
}

.memberRankAbstract__content {
    width: 709px;
    margin: 0 auto
}

.memberRankAbstract__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 41px
}

.memberRankAbstract__image {
    margin: 51px auto 0;
    width: 100%
}

.memberRankAbstract__description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px
}

.memberRankDescription {
    padding: 56px 0 60px;
    text-align: center;
    background: rgba(255, 255, 255, .95)
}

.memberRankDescription__content {
    width: 710px;
    margin: 0 auto
}

.memberRankDescription__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 41px
}

.memberRankDescription__description {
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px
}

.memberRankDescription__subTitle {
    margin-top: 32px;
    margin-bottom: -20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px
}

.memberRankDetail {
    margin-top: 60px;
    display: flex;
    justify-content: center
}

.memberRankDetail__textarea {
    margin-left: 36px;
    width: 374px;
    text-align: left
}

.memberRankDetail__rankName {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px
}

.memberRankDetail__condition {
    margin-top: 4px;
    font-size: 14px;
    line-height: 24px;
    color: #757575
}

.memberRankDetail__conditionNotification {
    font-weight: 700;
    color: #ef5d60
}

.memberRankDetail__conditionRegular {
    font-weight: 700;
    color: #ef5d60
}

.memberRankDetail__conditionBronze {
    font-weight: 700;
    color: #e6aa5f
}

.memberRankDetail__conditionSilver {
    font-weight: 700;
    color: #757575
}

.memberRankDetail__conditionGold {
    font-weight: 700;
    color: #e6aa5f
}

.memberRankDetail__conditionPlatinum {
    font-weight: 700;
    color: #1e3b72
}

.memberRankDetail__benefitTitle {
    margin-top: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.memberRankDetail__benefit {
    margin-left: 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.memberRankDetail__benefitDetail {
    color: #e6aa5f
}

.memberRankDetail__benefitNotice {
    vertical-align: super;
    font-size: 9px;
    line-height: 13px
}

.memberRankDetail__image {
    width: 310px;
    height: 190px
}

.memberRankCaution {
    margin-top: 40px;
    text-align: left
}

.memberRankCaution__promotion {
    font-size: 11px;
    line-height: 16px
}

.memberRankCaution__title {
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.memberRankCaution__description {
    margin-left: 20px;
    font-size: 14px;
    line-height: 24px
}

.memberRankConfirmation {
    padding: 60px 0;
    text-align: center;
    background-color: rgba(246, 243, 239, .95)
}

.memberRankConfirmation__content {
    width: 728px;
    margin: 0 auto
}

.memberRankConfirmation__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 41px
}

.memberRankConfirmationStep {
    margin-top: 52px;
    display: flex;
    justify-content: space-evenly
}

.memberRankConfirmationStep__textarea {
    width: 274px;
    text-align: left
}

.memberRankConfirmationStep__number {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px
}

.memberRankConfirmationStep__description {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px
}

.memberRankConfirmationStep__image {
    width: 338px
}

.memberRegistrationContainer {
    padding: 40px 30px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    width: 67%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
}

.memberRegistrationContainer__title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 10px;
    font-weight: 700
}

.memberRegistrationContainer__formGroup {
    margin-bottom: 15px
}

.memberRegistrationContainer__formGroup--top {
    margin-top: 20px
}

.memberRegistrationContainer:last-of-type {
    border-bottom: none
}

.memberRegistrationContainer__ticket {
    width: 67%;
    margin: 20px auto
}

.memberRegistrationSubmit {
    text-align: center
}

.memberRegistrationSubmit__btn {
    margin-top: 30px;
    text-align: center;
    font-size: 17px;
    color: #757575;
    text-decoration: underline;
    line-height: 1.7em;
    background: #fff
}

.memberRegistrationSubmit__btn:hover {
    cursor: pointer;
    opacity: .6
}

.memberRegistrationSubmit__btn--bold {
    font-weight: 700
}

.newMemberTextBold {
    font-weight: 700
}

.newMemberTextPink {
    color: #ef5d60 !important
}

button:focus {
    outline: 0
}

.newMemberCheckPasswordLabel {
    margin: 20px 0 10px 0
}

.newMemberCheckPasswordLabel__icon {
    position: absolute;
    right: 10px;
    top: 9px;
    padding: 5px 8px
}

.newMemberCheckPasswordLabel__icon--visible {
    display: inline;
    width: 19px
}

.newMemberCheckPasswordLabel__icon--invisible {
    display: none;
    width: 19px
}

.newMemberCheckPassword {
    display: none
}

.newMemberCheckPasswordIcon {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    font-size: 12px
}

.newMemberCheckPasswordIcon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 4px
}

.newMemberSigninBtn {
    width: 100%;
    display: block;
    border-radius: 5px;
    border: none;
    padding: 20px 0;
    text-align: center;
    background: #ef5d60;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0 7px 4px 0 rgba(0, 0, 0, .1)
}

.newMemberSigninBtn--cart {
    background: #e6aa5f
}

.newMemberSigninBtn:disabled {
    background: #757575;
    opacity: .8;
    cursor: not-allowed;
    text-decoration: none
}

.newMemberIndexLink {
    margin-top: 40px;
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 1px solid #ef5d60;
    padding: 20px 0;
    text-align: center;
    background: #fff;
    color: #ef5d60 !important;
    font-weight: 700;
    font-size: 18px;
    box-shadow: 0 7px 4px 0 rgba(0, 0, 0, .1)
}

.newMemberCheckPassword:checked+.newMemberCheckPasswordIcon::after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #ef5d60;
    border-right: 3px solid #ef5d60
}

.newMemberCouponHead {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5em
}

.newMemberCouponHead__img {
    margin: 0 auto
}

.newMemberCouponDesc {
    border-top: 2px solid #ef5d60;
    border-bottom: 2px solid #ef5d60;
    margin: 20px 0;
    padding: 20px 30px;
    color: #757575
}

.newMemberCouponDesc__price {
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px
}

.newMemberCouponDesc__img {
    width: 100%;
    padding-top: 10px
}

.newMemberCouponDesc__caution {
    padding: 3px;
    font-size: 8px
}

.newMemberCouponDesc__limit {
    color: #e6aa5f;
    font-weight: 700;
    padding: 6px;
    font-size: 11px
}

.newMemberFormNote {
    color: #757575;
    font-size: 12px;
    margin-bottom: 8px
}

.registrationCaution {
    padding: 40px 0;
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #faeedf
}

.registrationCaution__title {
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: 700;
    text-align: center
}

.registrationCaution__text {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 10px
}

.registrationCaution__note {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 0
}

.anniversaryRegistrationMerit {
    width: 80%;
    margin: 30px auto 20px
}

.anniversaryRegistrationMerit__item {
    list-style-type: disc;
    color: #757575;
    font-size: 16px;
    line-height: 1.7em
}

.anniversaryRegistrationSubmit {
    width: 100%;
    margin: 40px auto 10px
}

.anniversaryRegistrationSubmit__btn {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #e6aa5f;
    color: #fff;
    line-height: 1.6em;
    width: 100%;
    border-radius: 4px;
    transition: .3s
}

.anniversaryRegistrationSubmit__btn:hover {
    cursor: pointer;
    opacity: .6
}

.anniversaryTypes__btn {
    display: inline-block
}

.anniversaryTypes__btn label {
    margin-right: 1px;
    width: 150px;
    height: 48px;
    font-size: 17px;
    color: #e6aa5f;
    border-radius: 6px;
    background: #fff;
    border: 2px solid #e6aa5f;
    text-align: center;
    line-height: 46px;
    display: inline-block;
    transition: .3s
}

.anniversaryTypes__btn label:hover {
    cursor: pointer
}

.anniversaryTypes__btn input {
    display: none
}

.anniversaryTypes__btn input[type=radio]:checked+label {
    color: #fff;
    background: #e6aa5f
}

.userRegisterFormSelectWrapper--twoColumn {
    justify-content: flex-start
}

.userRegisterFormSelect--twoColumn {
    margin-right: 20px
}

.memberRegistrationCompleteContainer {
    padding-top: 30px
}

.memberRegistrationCompleteContent {
    padding: 0 16px
}

.memberRegistrationCompleteContent__title {
    color: #757575;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 16px
}

.memberRegistrationCompleteContent__message {
    color: #757575;
    font-size: 14px;
    line-height: 20px
}

.memberRegistrationCompleteContent__wrapper {
    margin: 36px 0 80px
}

.memberRegistrationCompleteContent__ticket {
    width: 90%;
    margin: 20px auto
}

.memberRegistrationCompleteIcon {
    padding-bottom: 24px
}

.memberRegistrationCompleteIcon__image {
    margin: 0 auto;
    width: 120px
}

.birthdayLpHeader {
    margin-bottom: 40px
}

.birthdayLpHeader__image {
    width: 100%
}

.birthdayLpSection {
    margin-bottom: 60px
}

.birthdayLpSection--margin100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.birthdayLpSection__title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 36px
}

.birthdayLpSection__desc {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 24px
}

.birthdayLpSection__moreBtn {
    display: block;
    position: relative;
    line-height: normal;
    font-size: 16px;
    width: 500px;
    margin: 0 auto;
    border: 1px solid #e6aa5f;
    border-radius: 3px;
    color: #e6aa5f !important;
    padding: 20px;
    transition: .5s;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important
}

.birthdayLpSection__moreBtn:hover {
    background: #e6aa5f;
    color: #fff !important
}

.birthdayLpSection__moreBtn .fa-angle-right {
    font-size: 24px;
    position: absolute;
    right: 10px;
    bottom: 20px
}

.birthdayProductItemWrapper {
    display: flex;
    flex-wrap: wrap
}

.birthdayProductItem {
    display: block;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 24px;
    width: 241px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 3px;
    transition: .3s;
    position: relative
}

.birthdayProductItem:nth-of-type(4n+0) {
    margin-right: 0
}

.birthdayProductItem:hover {
    opacity: .8
}

.birthdayProductItem__link {
    text-decoration: none !important
}

.birthdayProductItem__caption {
    background: #e6aa5f;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    display: table-cell;
    vertical-align: middle;
    width: 241px;
    height: 56px
}

.birthdayProductItem__rank {
    position: absolute;
    left: 5px;
    top: 62px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background: linear-gradient(45deg, #e6aa5f 0, #faeedf 99%)
}

.birthdayProductItem__image {
    width: 100%;
    height: 164px;
    -o-object-fit: cover;
    object-fit: cover
}

.birthdayProductItem__info {
    border-bottom: 1px solid #faeedf;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    position: relative
}

.birthdayProductItem__title {
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 12px;
    height: 36px;
    overflow: hidden
}

.birthdayProductItem__price {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    font-family: YuGothic
}

.birthdayProductItem__desc {
    font-size: 12px;
    line-height: 1.3rem;
    color: #212121;
    padding: 12px
}

.birthdayProductItem__soldOut {
    font-size: 16px;
    color: #ef5d60;
    margin-left: 10px
}

.birthdayLpCategoryList {
    font-size: 0;
    text-align: center
}

.birthdayLpCategoryList__item {
    display: inline-block;
    width: 300px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #faeedf;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 3px;
    margin: 0 7px 15px
}

.birthdayLpCategoryList__item--small {
    width: 190px;
    margin: 5px
}

.birthdayLpCategoryList__item--small .birthdayLpCategoryList__image {
    height: 160px
}

.birthdayLpCategoryList__link {
    width: 100%;
    display: block;
    text-decoration: none !important;
    transition: .3s
}

.birthdayLpCategoryList__link:hover {
    opacity: .6
}

.birthdayLpCategoryList__image {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.birthdayLpCategoryList__title {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 4px 5px;
    color: #212121;
    position: relative
}

.birthdayLpCategoryList__title .fa-angle-right {
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: 8px
}

.birthdayLpPriceList {
    padding: 0 10px;
    margin-top: -5px;
    display: flex;
    justify-content: space-between
}

.birthdayLpPriceList__item {
    width: 24%;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #faeedf;
    text-align: center
}

.birthdayLpPriceList__link {
    display: block;
    padding: 15px 5px;
    position: relative;
    transition: .3s;
    text-decoration: none !important
}

.birthdayLpPriceList__link:hover {
    background: #e6aa5f;
    color: #fff !important
}

.birthdayLpPriceList__link .fa-angle-right {
    font-size: 24px;
    position: absolute;
    right: 25px;
    top: 12px
}

.birthdaySetLpWrapper {
    margin-top: 20px
}

.birthdaySetLp {
    float: left;
    width: 780px;
    padding: 0 90px
}

.birthdaySetLp__image {
    width: 100%
}

.birthdaySetLpProductList {
    padding: 0 20px;
    margin-top: 28px;
    margin-bottom: 40px
}

.birthdaySetLpProductList__image {
    width: 100%;
    min-height: 130px
}

.birthdaySetProduct {
    position: relative
}

.birthdaySetProduct__image {
    width: 100%
}

.birthdaySetProductInfo {
    width: 80%;
    position: relative;
    margin: 0 auto;
    bottom: 32px;
    text-align: center;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 20px 32px
}

.birthdaySetProductInfo__price {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #e6aa5f;
    margin-bottom: 16px
}

.birthdayLpBackLink {
    display: block;
    font-weight: 700;
    font-size: 12px;
    padding: 13px 24px 10px;
    position: relative;
    transition: .3s;
    text-decoration: none !important;
    margin-bottom: 5px
}

.birthdayLpBackLink:hover {
    opacity: .6
}

.birthdayLpBackLink .fa-angle-left {
    position: absolute;
    bottom: 9px;
    left: 7px;
    font-size: 20px;
    margin-right: 5px
}

.birthdayLpCategoryHeader {
    margin-bottom: 40px
}

.birthdayLpCategoryHeader:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.birthdayLpCategoryHeader__image {
    width: 186px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.birthdayLpCategoryHeader__info {
    float: left;
    width: calc(100% - 186px);
    padding-left: 15px;
    padding-top: 5px
}

.birthdayLpCategoryHeader__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.5em
}

.birthdayLpCategoryHeader__desc {
    font-size: 14px;
    line-height: 1.6em
}

.sceneLpViewHeader {
    margin-bottom: 40px
}

.sceneLpViewHeader__imageContainer {
    position: relative;
    width: 100%;
    padding-bottom: calc(100% / var(--aspect-ratio))
}

.sceneLpViewHeader__imageContainer>img {
    position: absolute;
    width: 100%;
    height: 100%
}

.sceneLpViewHeader__image {
    width: 100%
}

.sceneLpViewSection {
    margin-bottom: 60px
}

.sceneLpViewSection__title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 36px
}

.sceneLpViewSection__subTitle {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    border-left: 3px solid #e6aa5f;
    padding: 0 10px;
    margin: 64px 0 16px 0
}

.sceneLpViewSection__desc {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 24px
}

.sceneLpViewSection__moreBtn {
    display: block;
    position: relative;
    line-height: normal;
    font-size: 16px;
    width: 500px;
    margin: 0 auto 20px;
    border: 1px solid #00a6bc;
    border-radius: 3px;
    color: #00a6bc !important;
    padding: 20px;
    transition: .5s;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important
}

.sceneLpViewSection__moreBtn--boyfriendLink {
    width: 240px;
    font-size: 12px;
    padding: 10px;
    margin: 10px 0 10px auto
}

.sceneLpViewSection__moreBtn:hover {
    background: #00a6bc;
    color: #fff !important
}

.sceneLpViewSection__moreBtn--DbToLp {
    border: 1px solid #e6aa5f;
    color: #e6aa5f !important
}

.sceneLpViewSection__moreBtn--DbToLp:hover {
    color: #fff !important;
    background: #e6aa5f
}

.sceneLpViewSection__moreBtn .fa-angle-right {
    font-size: 24px;
    position: absolute;
    right: 10px;
    bottom: 20px
}

.sceneLpViewProductContainer {
    display: flex;
    flex-wrap: wrap
}

.sceneLpViewProductItem {
    display: block;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 24px;
    width: 241px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    border-radius: 3px;
    transition: .3s;
    position: relative
}

.sceneLpViewProductItem__brandsTitle {
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 14px;
    margin-bottom: 2px;
    color: #757575
}

.sceneLpViewProductItem__productGroup {
    color: #757575;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 4px
}

.sceneLpViewProductItem__whitedayMessage {
    font-size: 12px;
    position: absolute;
    padding: 4px 8px;
    left: 0;
    top: 138px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 700;
    background: rgba(0, 166, 188, .8)
}

.sceneLpViewProductItem:nth-of-type(4n+0) {
    margin-right: 0
}

.sceneLpViewProductItem:hover {
    opacity: .8
}

.sceneLpViewProductItem__link {
    text-decoration: none !important
}

.sceneLpViewProductItem__caption {
    background: #00a6bc;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    display: table-cell;
    vertical-align: middle;
    width: 241px;
    height: 56px
}

.sceneLpViewProductItem__caption--menVersion {
    background-color: #091423 !important
}

.sceneLpViewProductItem__rank {
    position: absolute;
    left: 5px;
    top: 8px;
    font-size: 11px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 15px;
    color: #fff;
    background: linear-gradient(45deg, #ed1e79 0, #c1272d 99%)
}

.sceneLpViewProductItem__imageWrapper {
    position: relative
}

.sceneLpViewProductItem__image {
    width: 100%;
    height: 164px;
    -o-object-fit: cover;
    object-fit: cover
}

.sceneLpViewProductItem__info {
    border-bottom: 1px solid #faeedf;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
    position: relative
}

.sceneLpViewProductItem__title {
    font-size: 12px;
    color: #212121;
    font-weight: 700;
    margin-bottom: 2px;
    height: 36px;
    overflow: hidden
}

.sceneLpViewProductItem__price {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    font-family: YuGothic
}

.sceneLpViewProductItem__date {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 4px
}

.sceneLpViewProductItem__date--bold {
    color: #ef5d60;
    font-weight: 700
}

.sceneLpViewProductItem__desc {
    font-size: 12px;
    line-height: 1.3rem;
    color: #212121;
    padding: 12px
}

.sceneLpViewProductItem__soldOut {
    font-size: 16px;
    color: #ef5d60;
    margin-left: 10px
}

.sceneLpViewCategoryList {
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.sceneLpViewCategoryList__item {
    display: block;
    width: calc((100% - 40px)/ 4);
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #faeedf;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 3px;
    margin: 0 5px 15px
}

.sceneLpViewCategoryList__link {
    width: 100%;
    display: block;
    text-decoration: none !important;
    transition: .3s
}

.sceneLpViewCategoryList__link:hover {
    opacity: .6
}

.sceneLpViewCategoryList__image {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.sceneLpViewCategoryList__title {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 4px 5px;
    color: #212121;
    position: relative
}

.sceneLpViewCategoryList__title .fa-angle-right {
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: 8px
}

.sceneLpViewPriceList {
    padding: 0 10px;
    margin-top: -5px;
    display: flex
}

.sceneLpViewPriceList__item {
    width: 24%;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #faeedf;
    text-align: center
}

.sceneLpViewPriceList__link {
    display: block;
    padding: 15px 5px;
    position: relative;
    transition: .3s;
    text-decoration: none !important
}

.sceneLpViewPriceList__link:hover {
    background: #00a6bc;
    color: #fff !important
}

.sceneLpViewPriceList__link .fa-angle-right {
    font-size: 24px;
    position: absolute;
    right: 25px;
    top: 12px
}

.sceneLpViewBackLink {
    display: block;
    font-weight: 700;
    font-size: 12px;
    padding: 13px 24px 10px;
    position: relative;
    transition: .3s;
    text-decoration: none !important;
    margin-bottom: 5px
}

.sceneLpViewBackLink:hover {
    opacity: .6
}

.sceneLpViewBackLink .fa-angle-left {
    position: absolute;
    bottom: 9px;
    left: 7px;
    font-size: 20px;
    margin-right: 5px
}

.sceneLpViewCategoryHeader {
    margin-bottom: 40px
}

.sceneLpViewCategoryHeader:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.sceneLpViewCategoryHeader__image {
    width: 186px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left
}

.sceneLpViewCategoryHeader__info {
    float: left;
    width: calc(100% - 186px);
    padding-left: 15px;
    padding-top: 5px
}

.sceneLpViewCategoryHeader__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 1.5em
}

.sceneLpViewCategoryHeader__desc {
    font-size: 14px;
    line-height: 1.6em
}

.sceneLpViewCategoryHeader__desc--red {
    color: red;
    margin-bottom: 40px
}

.sceneLpViewServiceList {
    display: flex;
    flex-wrap: wrap;
    width: 780px;
    margin: 0 auto
}

.sceneLpViewServiceList__image {
    width: 260px;
    height: 160px
}

.sceneLpCombinationSection {
    border: 1px solid #faeedf;
    padding: 25px;
    position: relative
}

.sceneLpCombinationAction {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    background: linear-gradient(to bottom, #fff, #f0f0f0) repeat scroll 0 0 transparent
}

.sceneLpCombinationAction__item {
    float: left;
    padding: 5px 10px;
    display: block;
    border-right: 1px solid #f0f0f0;
    color: #555;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 15px;
    cursor: pointer;
    vertical-align: middle
}

.sceneLpCombinationAction__item:hover {
    background-color: #eee
}

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

.sceneLpViewEventMessage {
    font-size: 16px;
    margin-bottom: 60px
}

.sceneLpViewEventMessage__itemContainer {
    color: #2e2e2e;
    margin-bottom: 20px
}

.sceneLpViewEventMessage__item {
    line-height: 28px;
    margin-bottom: 8px;
    text-align: center
}

.sceneLpViewEventMessage__item--bold {
    color: #ef5d60;
    font-weight: 700;
    font-size: 18px
}

.sceneLpViewEventMessage__item--boldFathersday {
    color: #ef5d60;
    font-weight: 700;
    font-size: 18px
}

.contactCoronaBtn {
    margin: 0 auto;
    width: 70%;
    height: 66px
}

.contactCoronaMessage {
    text-align: center;
    line-height: 2em;
    padding: 0 16px;
    color: #212121
}

.sceneLpSnsContainer__desc {
    font-size: 16px;
    text-align: center;
    margin-bottom: 12px
}

.sceneLpSnsContainer__desc--bold {
    color: #ef5d60;
    font-weight: 700;
    font-size: 18px
}

.sceneLpSnsContainer__image {
    width: 60%;
    margin: 40px auto
}

.sceneLpSnsStep {
    margin-bottom: 60px
}

.sceneLpSnsStep__item {
    font-size: 16px;
    text-align: center;
    margin-bottom: 12px
}

.christmasLpIndex {
    margin: 0 auto
}

.christmasLpIndex__moreBtn {
    display: block;
    marigin: 0 auto
}

.productSearchResult {
    color: #212121;
    border-top: 8px solid #fafafa;
    border-bottom: 8px solid #fafafa;
    padding: 16px
}

.productSearchResult__head {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 16px
}

.productSearchResult__text {
    font-size: 14px;
    line-height: 25px
}

.specialSupportLp {
    position: relative;
    width: 375px;
    margin: 0 auto
}

.specialSupportLp__title {
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    letter-spacing: .05em
}

.specialSupportLp__catchDescription {
    font-size: 36px;
    margin: 4px auto 20px;
    text-align: center;
    line-height: 52px;
    letter-spacing: .05em;
    color: #212121;
    font-weight: 700
}

.specialSupportLp__imageSlider {
    margin: 12px 0;
    overflow: hidden
}

.specialSupportLp__imageLists {
    width: 100%;
    margin-bottom: 6px;
    font-size: 0;
    white-space: nowrap;
    display: flex;
    height: 100px;
    position: relative
}

.specialSupportLp__imageLists:first-child {
    -webkit-animation: loop 60s linear infinite;
    animation: loop 60s linear infinite;
    -webkit-backface-visibility: hidden
}

.specialSupportLp__imageLists:last-child {
    -webkit-animation: loop2 50s linear infinite;
    animation: loop2 50s linear infinite;
    -webkit-backface-visibility: hidden
}

.specialSupportLp__imageWrapper {
    margin-right: 16px;
    display: inline-block
}

.specialSupportLp__image {
    width: 160px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover
}

.specialSupportLpSection {
    padding: 24px 16px
}

.specialSupportLpSection__title {
    margin: 16px auto 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    text-align: center
}

.specialSupportLpSection__title--border {
    padding-bottom: 8px;
    border-bottom: 1px solid #757575
}

.specialSupportLpSection__titleSub {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.specialSupportLpSection__desc {
    padding: 16px 0;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .05em;
    color: #212121
}

.specialSupportLpSection__boldSpan {
    font-weight: 700
}

.specialSupportLpSection__orangeSpan {
    color: #e6aa5f
}

.specialSupportLpSection__pinkSpan {
    color: #ef5d60
}

.specialSupportLpSection__greenSpan {
    color: #549186;
    font-weight: 700;
    font-size: 18px
}

.specialSupportLpSection--pink {
    background-color: #ffece7
}

.specialSupportLpSection--yellow {
    background-color: #ffe899
}

.specialSupportLpSection__message {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    letter-spacing: .05em;
    color: #212121;
    margin: 14px 0
}

.specialSupportLpSection__btn {
    display: block;
    font-weight: 700;
    padding: 22px 0;
    margin: 16px auto;
    border-style: none;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    color: #fff !important;
    background: #e6aa5f;
    border-radius: 8px
}

.specialSupportLpSection__btn:hover {
    text-decoration: none;
    opacity: .6
}

.specialSupportLpSection__noticeContainer {
    margin: 8px 0 40px 0
}

.specialSupportLpSection__image {
    width: 50%;
    margin: 4px auto 12px
}

.specialSupportLpSection__notice {
    color: #212121;
    font-size: 12px;
    line-height: 17px;
    text-align: left
}

.specialSupportLpMessageToClient__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px dashed #212121
}

.specialSupportService {
    padding: 12px 0
}

.specialSupportService__point {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto
}

.specialSupportService__icon {
    width: 22px;
    height: 22px
}

.specialSupportService__desc {
    width: calc(100% - 34px);
    margin-left: 12px;
    font-size: 14px;
    line-height: 20px
}

.specialSupportService__greenUnderline {
    color: #549186 !important;
    text-decoration: underline !important
}

.specialSupportService__notice {
    color: #757575;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    padding: 12px 0
}

.specialSupportBrand {
    margin: 24px 0 64px
}

.specialSupportBrand__imageContainer {
    position: relative;
    margin: 0 auto
}

.specialSupportBrand__image {
    width: 100%;
    height: 229px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

.specialSupportBrand__caption {
    padding: 8px;
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    height: 68px;
    background-color: rgba(0, 0, 0, .26);
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.specialSupportBrand__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #212121;
    padding: 16px 0 8px;
    border-bottom: 1px solid #757575
}

.specialSupportBrand__desc {
    padding: 8px 0;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .05em;
    color: #212121
}

.specialSupportOwnerMessage {
    margin: 80px auto 24px;
    position: relative;
    background: #fff;
    border: 1px solid #faeedf;
    box-sizing: border-box;
    border-radius: 8px
}

.specialSupportOwnerMessage__image {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 136px;
    height: 136px;
    border: 1px solid #faeedf;
    border-radius: 50%
}

.specialSupportOwnerMessage__desc {
    padding: 0 16px;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .05em;
    color: #212121;
    margin: 12px 0 16px
}

.specialSupportOwnerMessage__brandName {
    margin: 80px 0 4px;
    text-align: center;
    font-size: 12px;
    line-height: 17px
}

.specialSupportLpSectionCategoryList {
    font-size: 0;
    padding: 10px 0
}

.specialSupportLpSectionCategoryList__item {
    display: inline-block;
    width: calc((100% - 10px)/ 3);
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #faeedf;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 3px;
    margin-bottom: 10px
}

.specialSupportLpSectionCategoryList__item:nth-of-type(3n+1) {
    margin-right: 5px
}

.specialSupportLpSectionCategoryList__item:nth-of-type(3n+2) {
    margin-right: 5px
}

.specialSupportLpSectionCategoryList__title {
    font-size: 10px;
    font-weight: 700;
    padding: 10px 4px 5px;
    color: #212121;
    position: relative;
    height: 30px;
    overflow: hidden
}

.specialSupportLpSectionCategoryList__title .fa-angle-right {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 11px
}

.specialSupportLpSectionCategoryList__link {
    width: 100%;
    display: block;
    text-decoration: none !important;
    transition: .3s
}

.specialSupportLpSectionCategoryList__itemImage {
    width: 100%;
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover
}

.specialSupportLpProductsLinkContainer {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap
}

.specialSupportLpProductLink {
    width: calc((100% - 10px)/ 2);
    border-radius: 4px;
    display: inline-block;
    margin-right: 4px;
    text-decoration: none !important;
    transition: .3s;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    margin-bottom: 12px
}

.specialSupportLpProductLink:hover {
    opacity: .8
}

.specialSupportLpProductLink__caption {
    white-space: normal;
    background-color: #e6aa5f;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    padding: 8px 10px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 4px 4px 0
}

.specialSupportLpProductLink__info {
    padding: 8px;
    background-color: #fff;
    font-size: 10px;
    font-weight: 400
}

.specialSupportLpProductLink__productGroup {
    color: #757575;
    line-height: 1rem;
    margin-top: 3px
}

.specialSupportLpProductLink__title {
    white-space: normal;
    font-size: 10px;
    line-height: 14px;
    height: 64px;
    display: flex;
    overflow: hidden;
    padding: 4px 0 8px;
    border-bottom: solid 1px #e0e0e0
}

.specialSupportLpProductLink__image {
    height: 156px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.specialSupportLpProductLink__desc {
    margin: 4px auto 4px;
    font-size: 10px;
    line-height: 14px;
    max-height: 56px;
    overflow: hidden;
    color: #757575;
    white-space: normal;
    width: 100%
}

.specialSupportLpProductLink__price {
    font-size: 14px;
    line-height: 20px
}

.specialSupportLpProductLink__arrival {
    font-size: 10px;
    margin-top: 4px;
    margin-bottom: 4px
}

.specialSupportLpProductLink__arrival--date {
    color: #549186
}

.specialSupportLpSectionHeader__title {
    border-left: 3px solid #e6aa5f;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color: #212121;
    padding: 0 10px
}

.specialSupportLpSectionHeader__desc {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .05em;
    color: #212121;
    margin: 8px auto 12px
}

.specialSupportLpViewCategorySection {
    padding: 12px 0 12px
}

.fathersdayLpContents {
    padding: 0 16px;
    color: #212121
}

.fathersdayLpContents__head {
    text-align: center;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 40px
}

.fathersdayLpContents__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    padding-left: 8px;
    border-left: 2px solid #e6aa5f;
    margin-bottom: 8px
}

.fathersdayLpContents__text {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: .05em;
    margin-bottom: 40px
}

@-webkit-keyframes loop {
    100% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-140%)
    }
}

@keyframes loop {
    100% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-140%)
    }
}

@-webkit-keyframes loop2 {
    100% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-300%)
    }
}

@keyframes loop2 {
    100% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-300%)
    }
}

.serviceReview-title {
    padding-bottom: 20px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.serviceReviewSeparatorLine {
    border-top: 1px dotted #8c8b8b;
    border-bottom: 1px dotted #fff;
    margin-bottom: 20px
}

.serviceReviewArea {
    width: 700px;
    padding: 30px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    margin: 0 auto 100px
}

.serviceReviewBox {
    padding: 10px;
    text-align: center
}

.serviceReviewBox__headWrapper {
    display: flex;
    justify-content: space-around
}

.serviceReviewBox__headContentGroup {
    height: 100%;
    margin: auto 0
}

.serviceReviewBox h2 {
    text-align: center;
    margin: 10px 0 20px;
    font-size: 16px
}

.serviceReviewHead {
    padding-bottom: 44px
}

.serviceReviewSectionTitle {
    text-align: center;
    margin: 15px 0;
    font-size: 16px
}

.serviceReviewSectionText {
    color: #212121;
    font-size: 12px;
    line-height: 17px;
    text-align: left
}

.serviceReviewSectionText__note {
    color: #757575;
    font-size: 10px;
    margin-left: 4px
}

.serviceReviewSectionText__bottom {
    margin-top: 8px;
    color: #757575
}

.serviceReviewSectionText--secondary {
    color: #549186
}

.serviceReviewProductButton {
    margin-top: 8px
}

.serviceReviewSectionNote {
    color: #757575;
    font-size: 12px;
    margin-top: 8px
}

.serviceReviewProductTitle {
    margin-left: 8px;
    font-size: 14px;
    color: #212121;
    line-height: 20px;
    text-align: left
}

.serviceReviewFormGroup {
    width: 90%;
    text-align: center;
    margin: 20px auto 40px
}

.serviceReviewFormGroup__head {
    margin-top: 24px
}

.serviceReviewFormGroup__box {
    margin-top: 32px
}

.serviceReviewFormGroup__right {
    width: calc(100% - 90px)
}

.serviceReviewFormGroup__product {
    margin-top: 32px;
    display: flex
}

.serviceReviewFormGroup input[type=radio] {
    display: none
}

.serviceReviewFormGroup input[type=radio]:checked+.serviceReviewButton {
    background-color: #e6aa5f
}

.serviceReviewFormGroup.type input[type=radio]:checked+.serviceReviewButton {
    background-color: #f78e43
}

.serviceReviewFormGroup input[type=radio]:checked+.serviceReviewButton span {
    color: #fff;
    transform: translateY(16px)
}

.serviceReviewFormGroup input[type=radio]:checked+.serviceReviewButton span:before {
    transform: translateY(10px);
    opacity: 1
}

.serviceReviewFormGroup.age input[type=radio]:checked+.box span {
    transform: translate(0, 25px)
}

.serviceReviewFormGroup.age input[type=radio]:checked+.box span.double {
    transform: translate(0, 13px)
}

.serviceReviewFormGroup.type .box {
    border: 1px solid #f78e43
}

.serviceReviewFormGroup.type .box span {
    color: #f78e43;
    font-size: 14px
}

.serviceReviewFormGroup.age .box {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    font-weight: 400
}

.serviceReviewFormGroup.age .box span {
    transform: translate(0, 24px);
    line-height: 22px
}

.serviceReviewFormGroup.age .box span.double {
    transform: translate(0, 14px);
    line-height: 22px
}

.serviceReviewButton {
    width: 130px;
    height: 80px;
    background-color: #fff;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    border: 1px solid #e6aa5f;
    border-radius: 10px;
    margin-left: 4px
}

.serviceReviewButton:active {
    transform: translateY(10px)
}

.serviceReviewButton span {
    position: absolute;
    transform: translate(0, 18px);
    top: 10px;
    left: 0;
    right: 0;
    transition: all .3s ease;
    font-size: 16px;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #e6aa5f
}

.serviceReviewButton span:before {
    font-size: 1.2em;
    display: block;
    opacity: 0;
    transition: all .3s ease-in-out;
    font-weight: 400;
    color: #fff;
    font-family: FontAwesome
}

.serviceReviewSectionHead {
    background-color: #549186;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    list-style: none;
    padding: 4px 16px;
    display: inline-block;
    border-radius: 30px
}

.br-theme-fontawesome-stars .br-widget {
    height: 28px;
    white-space: nowrap;
    margin: 20px 0
}

.br-theme-fontawesome-stars .br-widget a {
    font: normal normal normal 40px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 2px
}

.br-theme-fontawesome-stars .br-widget a:after {
    content: '\f005';
    color: #757575
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #e6aa5f
}

.br-theme-fontawesome-stars .br-widget .br-current-rating {
    display: none
}

.br-theme-fontawesome-stars .br-readonly a {
    cursor: default
}

@media print {
    .br-theme-fontawesome-stars .br-widget a:after {
        content: '\f006';
        color: #212121
    }
    .br-theme-fontawesome-stars .br-widget a.br-active:after,
    .br-theme-fontawesome-stars .br-widget a.br-selected:after {
        content: '\f005';
        color: #212121
    }
}

.serviceReviewComplete {
    padding-top: 36px
}

.serviceReviewCompleteContent {
    padding: 0 16px
}

.serviceReviewCompleteContent__title {
    color: #757575;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 16px
}

.serviceReviewCompleteContent__message {
    color: #757575;
    font-size: 14px;
    line-height: 20px
}

.serviceReviewCompleteContent__wrapper {
    margin: 36px 0 80px
}

.serviceReviewCompleteIcon {
    padding: 36px 0
}

.serviceReviewCompleteIcon__image {
    margin: 0 auto;
    width: 120px
}

.serviceReviewPoint {
    margin-top: 16px
}

.serviceReviewPoint__text {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.serviceReviewPoint__text--string {
    color: #e6aa5f
}

.serviceReviewPoint__link {
    font-size: 12px;
    line-height: 17px;
    color: #549186 !important
}

.specialGiftTopImage {
    margin-bottom: 48px
}

.specialGiftHeader {
    margin-bottom: 40px
}

.specialGiftHeader__categories {
    margin-bottom: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.specialGiftHeader__caption {
    margin-bottom: 48px;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    text-align: center
}

.specialGiftHeaderImage {
    position: relative
}

.specialGiftHeaderImage__image {
    width: 200px;
    height: 200px
}

.specialGiftHeaderImage__caption {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    opacity: .85;
    position: absolute;
    width: 200px;
    text-align: center;
    line-height: 200px;
    top: 0;
    left: 0
}

.specialGiftFeatures__borderLine {
    border-top: 2px solid #e6aa5f
}

.specialGiftFeatures__caption {
    margin: 0 auto 48px;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    color: #212121;
    background-color: #fff;
    width: 207px;
    transform: translateY(-50%)
}

.specialGiftFeatures__caption--reserveGift {
    width: 288px
}

.specialGiftFeatures__caution {
    margin-bottom: 48px;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #757575
}

.specialGiftPromotionWrapper {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    margin-bottom: 61px
}

.specialGiftPromotionWrapper__caption {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    color: #757575;
    padding: 48px 0
}

.specialGiftPromotionWrapper__description {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    color: #e6aa5f;
    padding: 48px 0
}

.specialGiftPromotionContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.specialGiftPromotionItem {
    display: flex;
    flex-wrap: wrap
}

.specialGiftPromotionItem__image {
    width: 120px;
    height: 120px
}

.specialGiftPromotionItem__caption {
    width: 296px;
    height: 116px;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #757575;
    margin-left: 24px
}

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

.specialGiftFeaturesContentsItem {
    width: 48%;
    margin-bottom: 48px
}

.specialGiftFeaturesContentsItem--reserveItemMargin {
    width: 44%;
    margin-bottom: 64px
}

.specialGiftFeaturesContentsItem__image {
    float: left;
    width: 236px;
    height: 160px
}

.specialGiftFeaturesContentsItem__image--reservation {
    width: 160px
}

.specialGiftFeaturesContentsItem__caption {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #212121;
    float: left;
    margin-bottom: 16px;
    margin-left: 16px
}

.specialGiftFeaturesContentsItem__caption--reserveItemMargin {
    margin-left: 32px
}

.specialGiftFeaturesContentsItem__description {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #757575;
    float: left;
    width: 236px;
    height: 80px;
    margin-left: 16px
}

.specialGiftFeaturesContentsItem__description--reserveItemMargin {
    margin-left: 32px
}

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

.specialGiftGoodsItem {
    width: 45%
}

.specialGiftGoodsItem__image {
    margin-bottom: 16px
}

.specialGiftGoodsItem__caption {
    margin-bottom: 8px;
    width: 459px;
    height: 23px;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #212121
}

.specialGiftGoodsItem__description {
    margin-bottom: 44px;
    width: 459px;
    height: 60px;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #757575
}

.specialGiftReservation {
    position: relative;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 48px;
    color: #fff;
    border-radius: 8px;
    background: #e6aa5f;
    width: 343px;
    height: 48px;
    text-align: center;
    margin: 0 auto 96px;
    cursor: pointer;
    transition: all .3s ease 0s
}

.specialGiftReservation--marginBottom16 {
    margin: 0 auto 16px
}

.specialGiftGoodsDetail {
    position: relative;
    display: block;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 48px;
    color: #e6aa5f;
    border-radius: 8px;
    border: 2px solid #e6aa5f;
    background: #fff;
    width: 343px;
    height: 48px;
    text-align: center;
    margin: 0 auto 64px;
    cursor: pointer;
    transition: all .3s ease 0s
}

.specialGiftQandA {
    margin-bottom: 48px
}

.specialGiftQandA__question {
    margin-bottom: 16px;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    color: #212121
}

.specialGiftQandA__answer {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    color: #757575
}

.fontBold {
    font-weight: 700
}

.specialGiftQandAQuestionStyle {
    margin-right: 16px;
    font-size: 18px
}

.specialGiftQandAAnswerStyle {
    margin-right: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #e6aa5f
}

.qaBorderLine {
    margin: 32px 0;
    border-top: 1px solid #e0e0e0
}

.specialGiftMail {
    position: relative;
    width: 343px;
    height: 48px;
    background: #fff;
    border: 1px solid #212121;
    box-sizing: border-box;
    border-radius: 8px;
    text-align: center;
    margin: 0 auto;
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 48px;
    color: #212121;
    cursor: pointer;
    transition: all .3s ease 0s
}

.moveToLPBtn a,
.specialGiftMail a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.margin16 {
    margin-right: 16px
}

.moveToLPBtn:hover {
    opacity: .6
}

.specialGiftMail:hover {
    background-color: #212121;
    color: #fff
}

.questionnaireHeader {
    z-index: 3;
    height: 52px;
    width: 100%;
    background-color: #fff;
    position: relative;
    top: 0
}

.questionnaireHeaderLogo {
    display: block;
    height: 52px;
    padding: 17px 0
}

.questionnaireHeaderLogo__image {
    height: 20px;
    width: 80px;
    margin: 0 auto
}

.questionnaireContainer {
    margin: 80px auto 0;
    width: 1048px;
    padding-bottom: 260px
}

.questionnaire__title {
    color: #212121;
    font-size: 24px;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
    margin-bottom: 24px
}

.questionnaireFormGroup {
    margin: 0 auto 64px;
    text-align: center
}

.questionnaireFormGroup__email,
.questionnaireFormGroup__reason {
    width: 100%
}

.questionnaireFormGroup__text {
    margin-top: 8px;
    text-align: center
}

.questionnaireFormGroup__link {
    text-decoration: none !important;
    cursor: pointer
}

.questionnaireFormGroup__assistant {
    color: #549186
}

.questionnaireFormGroup input[type=radio] {
    display: none
}

.questionnaireFormGroup input[type=radio]:checked+.questionnaireFormGroup__box {
    background-color: #e6aa5f
}

.questionnaireFormGroup input[type=radio]:checked+.questionnaireFormGroup__box span {
    color: #fff
}

.questionnaireFormGroup .questionnaireFormGroup__box {
    width: 130px;
    height: 76px;
    background-color: #fff;
    transition: all 250ms ease;
    will-change: transition;
    display: table-cell;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-left: 8px;
    vertical-align: middle
}

.questionnaireFormGroup .questionnaireFormGroup__box:active {
    transform: translateY(10px)
}

.questionnaireFormGroup .questionnaireFormGroup__box span {
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #212121
}

.questionnaireButton {
    margin: 0 auto
}

.questionnaireComplete {
    padding: 230px 0 410px;
    width: 800px;
    margin: 0 auto
}

.questionnaireComplete__title {
    font-size: 24px;
    line-height: 43px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px
}

.questionnaireComplete__text {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 24px
}

.questionnaireComplete__back {
    color: #549186 !important;
    font-size: 18px;
    line-height: 26px;
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.messageCardContainer {
    position: relative;
    height: 812px;
    width: 375px;
    margin: 0 auto
}

.messageCardContainer__background {
    height: 812px;
    width: 375px;
    -o-object-fit: cover;
    object-fit: cover
}

.messageCardChangeImageBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    border: solid 1px #fff;
    background: 0 0;
    border-radius: 20px;
    -webkit-appearance: none
}

.messageCardChangeImageBtn:hover {
    cursor: pointer
}

.messageCardBackgroundImage {
    width: 100%
}

.messageCardShadow {
    position: absolute;
    width: 375px;
    height: 80px
}

.messageCardShadow--top {
    top: 0;
    transform: rotate(180deg)
}

.messageCardShadow--bottom {
    bottom: 0;
    transform: rotate(180deg);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #212121)
}

.messageCardContentArea {
    padding: 0 20px;
    position: absolute;
    bottom: 100px;
    width: 100%
}

.messageCardContentArea__box {
    background-color: #fff;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .12);
    margin-bottom: 24px;
    padding: 8px
}

.messageCardContentArea__input {
    padding: 10px;
    font-size: 16px;
    color: #757575;
    border: none;
    width: 100%;
    -webkit-appearance: none
}

.messageCardContentArea__input::-webkit-input-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__input::-moz-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__input:-ms-input-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__input::-ms-input-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__input::placeholder {
    color: #bdbdbd
}

.messageCardContentArea__textarea {
    padding: 10px;
    font-size: 16px;
    color: #757575;
    border: none;
    width: 100%;
    -webkit-appearance: none
}

.messageCardContentArea__textarea::-webkit-input-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__textarea::-moz-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__textarea:-ms-input-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__textarea::-ms-input-placeholder {
    color: #bdbdbd
}

.messageCardContentArea__textarea::placeholder {
    color: #bdbdbd
}

.messageCardContentArea__submit {
    display: block;
    width: 100%;
    line-height: 44px;
    border-radius: 22px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .12);
    background-color: #e6aa5f;
    font-size: 14px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    transition: .6s
}

.messageCardContentArea__submit:active {
    opacity: .6
}

.editBackgroudImageModal {
    width: 375px;
    height: 80%;
    padding: 25px;
    bottom: -81%;
    left: 0;
    background: #fff;
    border-radius: 12px 12px 0 0;
    position: absolute;
    z-index: 11;
    opacity: 0
}

.editBackgroudImageModal__content {
    position: relative
}

.editBackgroudImageModal__close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px
}

.editBackgroudImageModal__close:hover {
    cursor: pointer
}

.editBackgroudImageModal--slideUp {
    -webkit-animation: slideUp .3s ease-in-out forwards;
    animation: slideUp .3s ease-in-out forwards
}

.editBackgroudImageModal--slideDown {
    -webkit-animation: slideDown .3s ease-in-out forwards;
    animation: slideDown .3s ease-in-out forwards
}

@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(-1%)
    }
    100% {
        opacity: 1;
        transform: translateY(-80%)
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(-1%)
    }
    100% {
        opacity: 1;
        transform: translateY(-80%)
    }
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 1;
        transform: translateY(-80%)
    }
    100% {
        opacity: 0;
        transform: translateY(-1%)
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        transform: translateY(-80%)
    }
    100% {
        opacity: 0;
        transform: translateY(-1%)
    }
}

.selectMessageBackgroundSection {
    margin-bottom: 30px
}

.selectMessageBackgroundSection__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px
}

.messageBackgroundImageList {
    overflow-x: scroll;
    white-space: nowrap;
    padding: 4px 0;
    font-size: 0;
    display: flex;
    align-items: center
}

.messageBackgroundImageList__item {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    border-radius: 10px;
    border: solid 1px #faeedf;
    margin-right: 10px;
    overflow: hidden;
    text-align: center
}

.messageBackgroundImageList__item:hover {
    cursor: pointer
}

.messageBackgroundImageList__item .messageBackgroundImageList__image {
    margin: -1px
}

.messageBackgroundImageList__item--selected {
    border: 2px solid #e6aa5f;
    border-radius: 10px
}

.messageBackgroundImageList__item--selected .messageBackgroundImageList__image {
    margin: -2px
}

.messageBackgroundImageList__input {
    display: none
}

.messageBackgroundImageList__label {
    text-align: center;
    line-height: 80px;
    font-size: 18px
}

.messageBackgroundImageList__image {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.item_box {
    margin: 30px 0 50px 0;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 10px;
    width: 660px;
    min-height: 560px;
    float: right;
    border-radius: 4px
}

.item_box legend {
    line-height: 2
}

.element_box {
    margin: 30px 0 50px 0;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 20px;
    width: 100%;
    min-height: 560px;
    border-radius: 4px
}

.element_box legend {
    line-height: 2
}

#images-sortable {
    height: 640px;
    background-color: #fff;
    overflow-x: scroll;
    border: 1px solid #e0e0e0
}

#images-sortable .product_image_container {
    margin: 20px 0 20px 20px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    vertical-align: top;
    min-height: 181px
}

.product_image_container img {
    width: 198px;
    height: 132px;
    -o-object-fit: cover;
    object-fit: cover
}

.product_image_container .image_caption {
    font-size: 12px;
    padding: 4px;
    width: 198px;
    word-wrap: break-word;
    min-height: 26px
}

.product_image_container .editpager {
    display: block !important;
    border-top: 1px solid #e0e0e0
}

.product_image_container .editpager li {
    float: left;
    display: block;
    width: 49px;
    height: 20px;
    color: #555;
    padding: 0;
    text-align: center;
    cursor: pointer;
    padding-top: 1px
}

.search-product-groups-input-wrapper {
    position: relative
}

.search-product-groups-input-wrapper .fa-pulse {
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 20px;
    display: none
}

#search-product-groups-result-wrapper {
    height: 50px;
    overflow: visible;
    display: block
}

#search-product-groups-result {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 0;
    z-index: 2;
    background: #fff
}

#search-product-groups-result li {
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

#search-product-groups-result li.search-product-groups-item-new:hover,
#search-product-groups-result li.search-product-groups-item:hover {
    background: rgba(0, 0, 0, .2)
}

.selected-product-group {
    font-size: 14px;
    padding: 5px
}

form#edit_image_form {
    padding: 5px;
    width: 198px
}

.product_info_table_container .product_table_title {
    font-size: 14px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 80%
}

.product_info_table_container .product_info_table_edit {
    margin-top: 10px
}

.product_info_table_container .product_info_table_edit td:nth-child(2n+1) {
    width: 30%
}

.product_info_table_container .product_info_table_edit textarea {
    resize: vertical;
    width: 100%;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.product_info_table_container .table-title {
    font-size: 12px;
    padding: 5px
}

.product-info-edit-container {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.product-edit-image-group-image {
    border: 1px solid #e0e0e0;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    white-space: nowrap
}

.product-edit-image-group-image img {
    width: 202px;
    height: 132px;
    -o-object-fit: cover;
    object-fit: cover
}

.table_title_for_update {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 80%
}

.product-info-edit-container textarea {
    resize: vertical;
    width: 100%;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

#product_form .error {
    border: 2px solid #dc143c;
    border-radius: 4px
}

#product_form .error-message {
    font-size: 13px;
    font-weight: 700;
    color: #dc143c
}

.check_box {
    width: 306px;
    float: left;
    margin-top: 30px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 4px
}

#article_check_box {
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 1px;
    margin: 5px 7px
}

.article_check_box_subtitle,
.article_check_box_title {
    padding: 1px;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

#article_check_list {
    padding-left: 20px;
    margin-left: 5px
}

#article_check_list .article-check-item {
    list-style: disc;
    margin: 5px 0
}

#article_check_list ul {
    margin-bottom: 10px
}

#article_check_list ul li {
    margin-bottom: 5px;
    padding-left: 10px
}

.check_icon {
    background-image: url(https://image.hoken-room.jp/common/check.png);
    background-repeat: no-repeat;
    background-size: 12px;
    margin-right: 1px;
    padding: 0 7px
}

.total-text-container {
    margin-top: 10px;
    padding: 10px
}

.total-text {
    font-weight: 700
}

.unvisible {
    display: none
}

.editpager {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    background: linear-gradient(to bottom, #fff, #f0f0f0) repeat scroll 0 0 transparent
}

.editpager li {
    float: left;
    display: block;
    width: 12%;
    height: 25px;
    border-right: 1px solid #f0f0f0;
    color: #555;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 15px;
    cursor: pointer;
    vertical-align: middle
}

.editpager li:hover {
    background-color: #eee
}

.editpager .first_order {
    background-image: url(http://image.topicks.jp/assets/edit/make_posted_top2.png)
}

.editpager .minus_order {
    background-image: url(http://image.topicks.jp/assets/edit/make_posted_up2.png)
}

.editpager .plus_order {
    background-image: url(http://image.topicks.jp/assets/edit/make_posted_down2.png)
}

.editpager .last_order {
    background-image: url(http://image.topicks.jp/assets/edit/make_posted_last2.png)
}

.editpager .edit_item {
    background-image: url(http://image.topicks.jp/assets/edit/make_posted_edit2.png)
}

.editpager .delete_item {
    background-image: url(http://image.topicks.jp/assets/edit/make_posted_delete2.png)
}

.editpager .move_item {
    background-image: url(http://image.topicks.jp/assets/edit/make_posted_move2.png)
}

.point .editpager li {
    width: 75px
}

.combination_element_box .editpager li {
    width: 75px
}

.article-edit .editpager li {
    width: 75px
}

#article_form_header,
#combination_form_header,
#product_form_header {
    margin-bottom: 5px;
    padding: 10px 20px;
    background: #e0e0e0;
    border: 2px solid #bbb;
    border-radius: 5px
}

#product_form_main {
    width: 100%;
    padding: 10px
}

#productThumb {
    float: left;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px
}

#productThumb p {
    font-size: 14px;
    margin-bottom: 10px
}

#productThumb img {
    width: 210px;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover
}

#articleThumb,
#combinationThumb {
    float: left;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px
}

#articleThumb p,
#combinationThumb p {
    font-size: 14px;
    margin-bottom: 10px
}

#articleThumb img,
#combinationThumb img {
    width: 210px;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover
}

.image_check {
    margin-bottom: 20px
}

.form-input {
    margin-bottom: 10px
}

.thumb-form {
    display: inline-block;
    margin: 0 5px 10px 0
}

#thumb-check {
    display: inline-block
}

.clearfix {
    clear: both
}

.brand-thumb-wrapper {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #212121;
    margin-bottom: 10px
}

.brand-thumb-wrapper .thumb {
    width: 100% !important;
    height: auto !important;
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.login {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    padding: 10px;
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px
}

.login .form-legend {
    font-weight: 700;
    text-align: center;
    color: #f04e56;
    line-height: normal
}

.login .user-section-border {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: #212121;
    text-align: center;
    height: 1.5em;
    opacity: .5
}

.login .user-section-border:before {
    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px
}

.login .user-section-border:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: #212121;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #818078;
    background-color: #fcfcfa
}

.login .btn-pink {
    background: #f04e56;
    color: #fff;
    margin: 0 auto;
    display: block
}

.editBox {
    margin-top: 50px;
    border: 1px solid #aaa;
    border-radius: 4px
}

.itemEditBox {
    margin-top: 50px;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 20px
}

label.panel-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 4px 4px 0 0;
    color: #bdc3c7;
    cursor: pointer;
    background-color: #ecf0f1;
    transition-property: background-color, color;
    transition-duration: .2s
}

label.panel-label:hover {
    color: #039
}

#panels {
    background-color: #fff;
    border-radius: 4px;
    min-height: 180px
}

#panels .container {
    margin: 0 auto;
    width: 100%
}

#panels section header label.panel-label {
    padding: 12px 24px;
    box-sizing: border-box
}

#panels section main {
    box-sizing: border-box;
    max-height: 0;
    opacity: 0;
    overflow-y: hidden
}

#panel-1-ctrl:checked~#panels #panel-1 main,
#panel-2-ctrl:checked~#panels #panel-2 main,
#panel-3-ctrl:checked~#panels #panel-3 main,
#panel-4-ctrl:checked~#panels #panel-4 main,
#panel-5-ctrl:checked~#panels #panel-5 main,
#panel-6-ctrl:checked~#panels #panel-6 main,
#panel-7-ctrl:checked~#panels #panel-7 main,
#panel-9-ctrl:checked~#panels #panel-9 main {
    max-height: initial;
    opacity: 1;
    padding: 20px 0
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1,
#panel-2-ctrl:checked~#tabs-list #li-for-panel-2,
#panel-3-ctrl:checked~#tabs-list #li-for-panel-3,
#panel-4-ctrl:checked~#tabs-list #li-for-panel-4,
#panel-5-ctrl:checked~#tabs-list #li-for-panel-5,
#panel-6-ctrl:checked~#tabs-list #li-for-panel-6,
#panel-7-ctrl:checked~#tabs-list #li-for-panel-7,
#panel-9-ctrl:checked~#tabs-list #li-for-panel-9 {
    pointer-events: none;
    cursor: default;
    transform: translate3d(0, 1px, 0);
    box-shadow: none;
    border-right: none
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1.last,
#panel-2-ctrl:checked~#tabs-list #li-for-panel-2.last,
#panel-3-ctrl:checked~#tabs-list #li-for-panel-3.last,
#panel-4-ctrl:checked~#tabs-list #li-for-panel-4.last,
#panel-5-ctrl:checked~#tabs-list #li-for-panel-5.last,
#panel-6-ctrl:checked~#tabs-list #li-for-panel-6.last,
#panel-7-ctrl:checked~#tabs-list #li-for-panel-7.last,
#panel-9-ctrl:checked~#tabs-list #li-for-panel-9.last {
    border-right: 1px solid transparent
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1+li,
#panel-2-ctrl:checked~#tabs-list #li-for-panel-2+li,
#panel-3-ctrl:checked~#tabs-list #li-for-panel-3+li,
#panel-4-ctrl:checked~#tabs-list #li-for-panel-4+li,
#panel-5-ctrl:checked~#tabs-list #li-for-panel-5+li,
#panel-6-ctrl:checked~#tabs-list #li-for-panel-6+li,
#panel-7-ctrl:checked~#tabs-list #li-for-panel-7+li,
#panel-9-ctrl:checked~#tabs-list #li-for-panel-9+li {
    border-left: 1px solid #dfdfdf
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label,
#panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label,
#panel-3-ctrl:checked~#tabs-list #li-for-panel-3 label.panel-label,
#panel-4-ctrl:checked~#tabs-list #li-for-panel-4 label.panel-label,
#panel-5-ctrl:checked~#tabs-list #li-for-panel-5 label.panel-label,
#panel-6-ctrl:checked~#tabs-list #li-for-panel-6 label.panel-label,
#panel-7-ctrl:checked~#tabs-list #li-for-panel-7 label.panel-label,
#panel-9-ctrl:checked~#tabs-list #li-for-panel-9 label.panel-label {
    background-color: #fff;
    color: #039;
    padding-top: 15px
}

#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label::after,
#panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label::after,
#panel-3-ctrl:checked~#tabs-list #li-for-panel-3 label.panel-label::after,
#panel-4-ctrl:checked~#tabs-list #li-for-panel-4 label.panel-label::after,
#panel-5-ctrl:checked~#tabs-list #li-for-panel-5 label.panel-label::after,
#panel-6-ctrl:checked~#tabs-list #li-for-panel-6 label.panel-label::after,
#panel-7-ctrl:checked~#tabs-list #li-for-panel-7 label.panel-label::after,
#panel-9-ctrl:checked~#tabs-list #li-for-panel-9 label.panel-label::after {
    height: 6px
}

ul#tabs-list {
    display: flex;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    padding: 0
}

ul#tabs-list li {
    text-align: center;
    font-size: .875em;
    width: 70px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    border-right: 1px solid #dfdfdf;
    position: relative
}

ul#tabs-list li:hover {
    transition: none;
    border-right: none
}

ul#tabs-list li:hover.last {
    border-right: 1px solid transparent
}

ul#tabs-list li:hover+li {
    border-left: 1px solid #dfdfdf
}

ul#tabs-list li label.panel-label {
    position: relative;
    padding: 15px 0;
    font-size: .875em
}

ul#tabs-list li label.panel-label::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 100%;
    background-color: #039;
    height: 0;
    transition-property: height;
    transition-duration: .2s
}

ul#tabs-list li label.panel-label:hover {
    padding-top: 15px
}

ul#tabs-list li label.panel-label:hover::after {
    height: 6px
}

.panel-radios {
    display: none
}

#panel-1 input[type=radio] {
    margin: 0 4px 10px 4px
}

.admin-container {
    background-color: #fff;
    padding: 30px;
    margin: 30px 0
}

.admin-container p {
    font-size: 18px;
    margin-bottom: 20px
}

.admin-container table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px
}

.admin-container td {
    padding: 5px 0;
    border: 1px solid #eee;
    text-align: center
}

.admin-container th {
    padding: 3px;
    border-bottom: 2px solid #212121;
    text-align: center
}

.admin-container tr:nth-child(2n+0) {
    background-color: #e0e0e0
}

.admin-container .sort-link a {
    color: #00f
}

.mp_product_image {
    width: 225px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover
}

.control-img-origin,
.control-img-origin-saveImageGroup {
    width: 33%;
    float: left;
    margin-bottom: 10px
}

.shipping-fee-panel {
    overflow: scroll;
    height: 500px
}

.ikkatsu {
    width: 40%;
    margin: 0
}

.color {
    font-size: 14px
}

.upload-image {
    margin-top: 10px;
    margin-bottom: 20px
}

.img-panel-item {
    margin-top: 10px
}

.article-products-loading-message,
.element-products-loading-message {
    padding: 20px 0;
    text-align: center;
    display: none
}

.article_product_search_input {
    font-size: 12px;
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.edit-image-group-info {
    float: left;
    width: 480px
}

.edit-image-group-btn {
    float: left;
    margin-top: 8px;
    margin-right: 5px
}

.edit-image-group-form {
    vertical-align: middle;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 400px
}

.edit-image-group-label {
    width: 70px;
    padding: 3px
}

.edit-image-group-container {
    width: 100%;
    white-space: nowrap
}

.edit-image-group-panel {
    overflow: scroll;
    white-space: normal
}

.product-edit-image-group-image .editpager {
    display: block !important;
    border-top: 1px solid #e0e0e0
}

.product-edit-image-group-image .editpager li {
    float: left;
    display: block;
    width: 50%;
    height: 20px;
    color: #555;
    padding: 1px 0 0;
    text-align: center;
    cursor: pointer
}

.product-cms-not-open-btn,
.product-cms-open-btn {
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 700
}

.combination-ranking-products {
    width: 100%;
    min-height: 182px;
    margin: 10px 0 25px;
    padding: 0 5px;
    border: 1px solid #ef5d60
}

.combination-edit-products {
    font-size: 0;
    height: 450px;
    overflow-y: scroll
}

.combination-edit-product {
    display: block;
    width: 146px;
    padding: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    float: left;
    margin: 10px 5px;
    position: relative;
    transition: .3s;
    text-decoration: none !important
}

.combination-edit-product:hover {
    opacity: .6
}

.combination-edit-product-action-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(114, 183, 219, .8);
    display: none
}

.combination-edit-product-action {
    font-size: 14px;
    color: #fff !important;
    width: 50%;
    text-align: center;
    padding: 10px 0;
    float: left
}

.combination-edit-product-action:hover {
    opacity: .8;
    text-decoration: none;
    cursor: pointer
}

.combination-edit-product-footer {
    background: #e0e0e0;
    font-size: 10px;
    text-align: center;
    margin-top: 5px
}

.edit-c-product-modal-desccount {
    margin-top: 5px
}

.already-edited-c-product {
    border: 1px solid #00f !important
}

.combination-edit-product .combination-edit-product-image {
    width: 100%;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover
}

.combination-edit-product .combination-edit-product-title {
    font-size: 10px;
    padding: 3px;
    height: 42px;
    overflow: hidden
}

.combination-edit-product .combination-edit-product-price {
    font-size: 10px;
    padding-right: 5px;
    text-align: right
}

.edit-c-product-modal {
    width: 800px;
    margin-top: 80px
}

.edit-c-product-modal .modal-header {
    font-size: 18px;
    border-radius: 5px
}

.edit-c-product-modal .edit-c-product-image {
    float: left;
    width: 200px
}

.edit-c-product-modal .edit-c-product-info {
    float: left;
    width: 568px;
    padding-left: 15px;
    padding-top: 10px
}

.edit-c-product-modal .edit-c-product-title {
    font-size: 16px;
    margin-bottom: 15px
}

.edit-c-product-modal .edit-c-product-desc {
    font-size: 13px;
    margin-bottom: 15px
}

.edit-c-product-modal .edit-c-product-desc-header {
    font-weight: 700;
    margin-bottom: 5px
}

.combination-ranking-products .combination-edit-product:before {
    width: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #8abdc1;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -5px
}

.combination-ranking-products .combination-edit-product:nth-of-type(1):before {
    content: "1";
    background: #ffc926
}

.combination-ranking-products .combination-edit-product:nth-of-type(2):before {
    content: "2";
    background: #b7b7b7
}

.combination-ranking-products .combination-edit-product:nth-of-type(3):before {
    content: "3";
    background: #a2632b
}

.combination-ranking-products .combination-edit-product:nth-of-type(4):before {
    content: "4";
    background: #badd
}

.combination-ranking-products .combination-edit-product:nth-of-type(5):before {
    content: "5";
    background: #87cefa
}

.combination-item-product-list {
    margin-top: 10px;
    height: 450px;
    overflow-y: scroll
}

.combination-list-product {
    width: 106px;
    padding: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    float: left;
    margin: 5px 3px;
    position: relative
}

.combination-list-product .combination-list-product-image {
    width: 100%;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover
}

.combination-list-product .combination-list-product-title {
    font-size: 10px;
    padding: 3px;
    height: 42px;
    overflow: hidden
}

.combination-list-product .combination-list-product-price {
    font-size: 10px;
    padding-right: 5px;
    text-align: right
}

.combination-list-product-action-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(114, 183, 219, .8);
    display: none
}

.combination-list-product-action {
    font-size: 14px;
    color: #fff !important;
    width: 50%;
    text-align: center;
    padding: 10px 0;
    float: left
}

.combination-list-product-action:hover {
    opacity: .8;
    text-decoration: none;
    cursor: pointer
}

#articles-edit-page .check_box.fixed,
#combination-edit-page .check_box.fixed {
    position: fixed;
    top: 0
}

#articles-edit-page .check_box.bottom-fixed,
#combination-edit-page .check_box.bottom-fixed {
    position: absolute;
    bottom: 50px
}

.combination-ranking-product-content {
    position: relative
}

.option-selects-table {
    width: 100%
}

.option-selects-table input {
    width: 60px
}

.option-table-no-col {
    width: 30px
}

.edit-option-col {
    width: 47px
}

.edit-option-info-area {
    width: 490px;
    line-height: 22px;
    float: left
}

.edit-option-btn-area {
    float: left
}

.edit-option-info-area select {
    height: 22px
}

.option-item {
    margin-bottom: 30px
}

.option-panel {
    margin: 0 !important
}

.option-item-move-btn {
    width: 100%;
    font-size: 0
}

.option-item-move-btn p {
    text-align: center;
    display: inline-block;
    width: 50%;
    padding: 3px;
    font-size: 16px;
    font-weight: 700;
    background: #e0e0e0
}

.option-item-move-btn i {
    font-size: 18px
}

.option-item-move-btn p:hover {
    background: #eee;
    cursor: pointer
}

.option-item-move-btn .option-item-up {
    border: 1px solid #e0e0e0;
    border-right: 0
}

.option-item-move-btn .option-item-down {
    border: 1px solid #e0e0e0
}

.edit-instagram-item-container {
    width: 100%;
    white-space: nowrap
}

.edit-instagram-item-panel {
    overflow: scroll;
    white-space: normal
}

.edit-instagram-item-container .product-instagram-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.edit-instagram-item-container .product-instagram-item iframe {
    margin: 0 !important;
    width: 330px !important
}

.instagram-item-delete-btn {
    border: 1px solid #e0e0e0;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    background: #e0e0e0
}

.instagram-item-delete-btn:hover {
    background: #eee;
    cursor: pointer
}

.product-sr-table {
    margin-top: 20px
}

.product-sr-table label {
    font-size: 13px;
    margin-bottom: 5px
}

.product-sr-table-notice {
    text-align: right;
    margin-top: 10px
}

.product-sr-table-desc {
    font-size: 14px
}

.product-sr-scroll-area {
    width: 100%;
    overflow: scroll
}

.product-sr-table table {
    margin: 0 0 10px
}

.product-sr-table table th {
    font-size: 11px;
    white-space: nowrap;
    text-align: center
}

.product-sr-table table td {
    font-size: 11px;
    border: 1px solid #888;
    text-align: center
}

.product-sr-table table td select {
    font-size: 11px;
    height: 20px
}

.product-tempSubOption {
    font-size: 16px;
    margin-top: 10px
}

.sceneLpEditPage {
    padding: 30px 0
}

.sceneLpEditPage__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}

.sceneLpSection {
    margin-bottom: 40px
}

.sceneLpSection__title {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700
}

.sceneLpSection__desc {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 1.5em
}

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

.sceneLpCategoryListEdit__item {
    display: flex;
    width: 49%;
    align-items: center;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid #eee
}

.sceneLpCategoryListEdit__image {
    width: 90px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover
}

.sceneLpCategoryListEdit__action {
    margin-left: 15px
}

.sceneLpCategoryListEditForm {
    display: flex;
    align-items: center
}

.sceneLpCategoryListEditForm .btn {
    height: 22px;
    margin-left: 8px
}

.sceneLpRankingProductEditItem {
    height: 40px
}

.sceneLpRankingProductEditItem__image {
    width: 56px;
    height: 41px;
    -o-object-fit: cover;
    object-fit: cover
}

.sceneLpTableWrapper {
    margin-bottom: 20px;
    max-height: 540px;
    overflow: scroll
}

.productEditOption {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0
}

.productEditOptionHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.productEditOptionHeader__name {
    font-size: 14px;
    font-weight: 700
}

.productEditSkuTable {
    width: 100%
}

.productEditSkuTable th {
    font-weight: 700;
    text-align: center
}

.productEditSkuTable td {
    height: 50px;
    vertical-align: middle;
    text-align: center
}

.productEditSkuTable__image {
    width: 60px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover
}

.productEditSkuSelect {
    width: 100%
}

.productEditSkuSelectSubmit {
    margin-top: 12px
}

.memberCalendar {
    position: relative;
    width: 700px;
    padding: 30px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    margin: 50px auto 80px
}

.memberCalendar__btnContainer {
    margin-top: 30px
}

.memberCalendar__btnContainer--flex {
    display: flex
}

.memberCalendar__btn {
    color: #fff !important;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 15px auto 20px;
    font-size: 15px;
    border-radius: 8px;
    border-style: none;
    position: relative;
    background: #e6aa5f;
    margin-left: 12px
}

.memberCalendar__btn:first-child {
    margin-left: 0
}

.memberCalendar__btn:hover {
    text-decoration: none;
    opacity: .8
}

.memberCalendar__btn--gray {
    background-color: #757575
}

.preciousDayAttention {
    text-align: center;
    font-size: 14px;
    margin-top: -20px;
    margin-bottom: 20px;
    color: #ef5d60
}

.preciousDayAttention--editForm {
    margin-top: 20px;
    margin-bottom: 22px
}

.preciousPeopleHeadMenu {
    padding: 10px 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    background: #fff;
    transform-style: preserve-3d
}

.preciousPeopleHeadMenu__link {
    font-size: 13px;
    line-height: 2.5em
}

.preciousPeopleHeadMenu:before {
    top: -8px;
    right: 14px;
    transform: rotate(45deg) skew(5deg, 5deg) translateZ(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    background: #fff;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px
}

.preciousPeopleHeadMenu:after {
    transform: rotate(45deg) skew(5deg, 5deg) translateZ(1px);
    top: -8px;
    right: 14px;
    background: #fff;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px
}

.memberCalendarDescription {
    margin: 0 auto;
    width: 100%
}

.memberCalendarDescription__title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #e6aa5f;
    margin-bottom: 20px;
    padding: 24px;
    border-bottom: 1px solid #e0e0e0
}

.memberCalendarDescription__text {
    width: 90%;
    color: #757575;
    font-size: 16px;
    line-height: 1.9;
    margin: 0 auto 30px
}

.calendarSwitch {
    margin-bottom: 64px
}

.calendarSwitch__items {
    display: flex;
    border: 1px solid #e6aa5f;
    border-radius: 8px;
    overflow: hidden
}

.calendarSwitch__item {
    width: 100%;
    text-align: center;
    color: #e6aa5f;
    padding: 9px 0 9px 0;
    font-size: 15px;
    line-height: 22px
}

.calendarSwitch__item.is-active {
    color: #fff;
    background-color: #e6aa5f
}

.calendarPanel__item {
    display: none
}

.calendarPanel__item.is-show {
    display: block
}

.calendarRecommend {
    margin: 0 auto 64px;
    color: #757575;
    position: relative
}

.calendarRecommend__icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px
}

.calendarRecommend__text {
    padding-top: 96px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    text-align: center
}

.calendarButton {
    width: 343px;
    margin: 40px auto 30px
}

.calendarButton__delete {
    color: #ef5d60 !important;
    font-size: 15px;
    line-height: 22px
}

.preciousPeopleHead {
    margin-bottom: 30px;
    position: relative
}

.preciousPeopleHead__menuBtn {
    position: absolute;
    right: 8px;
    top: 4px;
    transition: all .2s ease
}

.preciousPeopleHead__menuBtn:hover {
    opacity: .8
}

.preciousPeopleHead__imageContainer {
    border-radius: 50%;
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin: 0 auto
}

.preciousPeopleHead__image {
    width: 88px;
    height: 88px;
    -o-object-fit: cover;
    object-fit: cover
}

.preciousPeopleHead__name {
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
    color: #212121;
    font-weight: 700
}

.preciousPeopleHead__menu {
    position: absolute;
    right: -2px;
    top: 40px;
    display: none
}

.preciousPeopleHeadMenuSvgBtn {
    height: 24px;
    width: 24px;
    stroke: currentColor;
    stroke-width: 2px
}

.preciousPeopleIndex__title {
    font-style: normal;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 8px
}

.preciousPeopleIndex__card {
    display: flex;
    flex-wrap: wrap
}

.preciousPeopleIndex__cardContainer {
    width: calc(310px);
    margin-bottom: 30px;
    transition: all .2s ease
}

.preciousPeopleIndex__cardContainer:nth-child(2n+1) {
    margin-right: 20px
}

.preciousPeopleIndex__cardContainer:hover {
    opacity: .8;
    text-decoration: none
}

.preciousPeopleIndexCard {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 0 1rem rgba(56, 65, 74, .17);
    margin-bottom: 6px
}

.preciousPeopleIndexCard__title {
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    margin-bottom: 4px
}

.preciousPeopleIndexCard__subTitle {
    position: absolute;
    bottom: 6px;
    right: 16px;
    font-size: 12px;
    line-height: 22px;
    color: #fff
}

.preciousPeopleIndexCard__subTitle strong {
    font-size: 24px
}

.preciousPeopleIndexCard__date {
    font-size: 12px;
    line-height: 17px;
    color: #757575
}

.preciousPeopleIndexCard__date small {
    font-size: 14px
}

.preciousPeopleIndexCard__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: calc(310px);
    height: calc(310px)
}

.preciousPeopleIndexCard__menu {
    position: absolute;
    top: 14px;
    right: 14px;
    transition: all .2s ease
}

.preciousPeopleIndexCard__menu:hover {
    opacity: .8
}

.preciousDayIndex {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    margin: 0 auto 40px;
    display: block;
    width: 400px
}

.preciousDayIndex__title {
    position: absolute;
    top: 24px;
    left: 32px;
    font-size: 36px;
    line-height: 54px;
    color: #fff
}

.preciousDayIndex__subTitle {
    position: absolute;
    top: 77px;
    left: 32px;
    font-size: 14px;
    line-height: 29px;
    color: #fff
}

.preciousDayIndex__subTitle strong {
    font-size: 24px
}

.preciousDayIndex__date {
    position: absolute;
    bottom: 11px;
    left: 32px;
    font-size: 22px;
    line-height: 26px;
    color: #fff
}

.preciousDayIndex__date small {
    font-size: 14px
}

.preciousDayIndex__name {
    position: absolute;
    bottom: 8px;
    right: 16px;
    font-size: 24px;
    line-height: 36px;
    color: #fff
}

.preciousDayIndex__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 400px;
    height: 400px
}

.preciousDayIndex__menuBtn {
    position: absolute;
    top: 24px;
    right: 24px;
    transition: all .2s ease
}

.preciousDayIndex__menuBtn:hover {
    opacity: .8
}

.preciousDayIndex__menu {
    position: absolute;
    right: 13px;
    top: 45px;
    display: none
}

.preciousDayCalendar__card {
    flex-wrap: wrap
}

.preciousDayCalendar__title {
    font-style: normal;
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color: #212121;
    padding-left: 4px;
    margin-bottom: 16px
}

.preciousDayCalendarCard {
    display: flex;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.preciousDayCalendarCard__image {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    -o-object-fit: cover;
    object-fit: cover
}

.preciousDayCalendarCard__title {
    position: absolute;
    top: 9px;
    left: 17px;
    font-size: 34px;
    line-height: 54px;
    color: #fff
}

.preciousDayCalendarCard__subTitle {
    position: absolute;
    top: 60px;
    left: 17px;
    font-size: 14px;
    line-height: 29px;
    color: #fff
}

.preciousDayCalendarCard__subTitle strong {
    font-size: 24px
}

.preciousDayCalendarCard__provisionalRegistration {
    position: absolute;
    top: 90px;
    left: 12px;
    font-size: 18px;
    line-height: 29px;
    color: #fff
}

.preciousDayCalendarCard__provisionalRegistration strong {
    font-size: 24px
}

.preciousDayCalendarCard__date {
    position: absolute;
    bottom: 8px;
    left: 17px;
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

.preciousDayCalendarCard__date small {
    font-size: 14px
}

.preciousDayCalendarCard__name {
    position: absolute;
    bottom: 6px;
    right: 16px;
    font-size: 18px;
    line-height: 36px;
    color: #fff
}

.preciousDayCalendarCard__menuBtn {
    position: absolute;
    top: 14px;
    right: 14px;
    transition: all .2s ease
}

.preciousDayCalendarCard__menuBtn:hover {
    cursor: pointer;
    opacity: .8
}

.preciousDayCalendarCard__menu {
    position: absolute;
    right: 3px;
    top: 35px;
    display: none
}

.preciousDayCalendarCard__edit {
    color: #549186 !important;
    font-size: 12px;
    line-height: 17px;
    position: absolute;
    top: 22px;
    right: 0
}

.preciousDayCalendarCard__link {
    display: flex
}

.preciousDayCalendarCard__icon {
    position: absolute;
    top: 22px;
    right: 0
}

.preciousDayCalendarCardInfo {
    width: calc(100% - 64px);
    height: 64px;
    padding: 0 14px
}

.preciousDayCalendarCardInfo__name {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 4px
}

.preciousDayCalendarCardDate {
    display: flex
}

.preciousDayCalendarCardDate__day {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px
}

.preciousDayCalendarCardDate__day--strong {
    color: #e6aa5f;
    font-weight: 700;
    font-size: 16px
}

.preciousPeopleIndexRecommend__subTitle {
    font-style: normal;
    font-size: 14px;
    line-height: 23px;
    color: #e6aa5f;
    margin-bottom: 28px;
    margin-left: 12px;
    border-bottom: 2px solid #e6aa5f;
    display: inline-block;
    padding: 4px 8px
}

.userCalendar__title {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color: #212121;
    margin-top: 16px
}

.userCalendar__item--provisionalRegistration {
    opacity: .65
}

.userCalendarList {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #e0e0e0;
    transition: all .2s ease;
    position: relative
}

.userCalendarList:hover {
    opacity: .7;
    text-decoration: none
}

.userCalendarList__imageContainer {
    border-radius: 50%;
    overflow: hidden;
    width: 56px
}

.userCalendarList__image {
    height: 56px;
    width: 56px;
    -o-object-fit: cover;
    object-fit: cover
}

.userCalendarList__name {
    font-size: 16px;
    color: #212121;
    padding: 0 16px;
    letter-spacing: -.24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.userCalendarList__text {
    text-align: right;
    font-size: 12px;
    color: #757575;
    width: calc(50% - 28px);
    letter-spacing: -.24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.userCalendarList__text span {
    font-size: 18px
}

.userCalendarList__icon {
    position: absolute;
    right: 0
}

.calendarImageInput__wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: #e0e0e0;
    border-radius: 50px;
    background-size: cover
}

.calendarImageInput__icon {
    position: absolute;
    top: 34px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.calendarImageInput__file {
    display: none
}

.calendarImageInput__tentativeFile {
    display: none
}

.calendarImageInput__tentativeImage {
    display: block;
    background-image: url(https://s3.ap-northeast-1.amazonaws.com/gracia.tamp/product987/file_upload.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 250px;
    width: 100%;
    cursor: pointer
}

.calendarImageInputIconSvg {
    fill: none;
    stroke: #fff;
    width: 40px;
    height: 34px;
    stroke-width: 2px
}

.memberCalendarHead__title {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #212121;
    margin-bottom: 40px
}

.memberCalendarHead__text {
    text-align: center;
    color: #757575;
    font-size: 16px;
    line-height: 1.9;
    margin: 0 auto 30px
}

.calendarContent {
    margin: 20px auto 0;
    width: 70%;
    height: 200px;
    display: -ms-flexbox;
    padding: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    display: flex
}

.calendarContent__link:active {
    text-decoration: none;
    opacity: .7
}

.calendarContent__link:hover {
    text-decoration: none;
    opacity: .7
}

.calendarContent__imageWrapper {
    width: 70%;
    position: relative
}

.calendarContent__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.calendarContent__imageText {
    position: absolute;
    bottom: 5%;
    right: 0;
    font-size: 14px;
    color: #fff;
    background: #212121;
    opacity: .6;
    padding: 10px
}

.calendarContent__textGroup {
    margin: 0 auto;
    width: 30%;
    text-align: center
}

.calendarContent__date {
    font-size: 18px;
    font-weight: 700
}

.calendarContent__year {
    color: #757575;
    display: block;
    border-bottom: #757575;
    padding: 3px 0
}

.calendarContent__month {
    background: #757575;
    color: #fff;
    display: block;
    padding: 3px 0
}

.calendarContent__day {
    color: #757575;
    display: block;
    border-bottom: #757575 1px solid;
    padding: 10px 0;
    font-size: 30px
}

.calendarContent__periodGroup {
    font-size: 16px;
    padding-top: 15%
}

.calendarContent__periodText {
    font-size: 14px;
    display: block
}

.calendarContent__periodDays {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #e6aa5f;
    display: block
}

.calendarAdd {
    margin-top: 20px;
    text-align: right
}

.calendarAdd__btn:hover {
    cursor: pointer;
    text-decoration: none
}

.calendarAdd__btn>i {
    font-size: 24px;
    color: #fff !important;
    background: #e6aa5f !important;
    padding: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2)
}

.calendarForm--preciousPerson {
    margin-bottom: 24px
}

.calendarForm__categoryTitle {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.calendarForm__categoryTitle:before {
    content: " ";
    width: 3px;
    height: 20px;
    background-color: #e6aa5f;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.calendarForm__categoryTitle span {
    vertical-align: middle
}

.calendarForm__selecter {
    margin-top: 16px
}

.calendarForm__selecterLabel {
    position: relative;
    cursor: pointer
}

.calendarForm__selecterLabel span {
    vertical-align: bottom;
    color: #757575
}

.calendarForm__selecterInput {
    position: relative;
    cursor: pointer;
    width: 0;
    height: 16px;
    margin-right: 26px !important;
    margin-bottom: 2px !important;
    vertical-align: bottom
}

.calendarForm__selecterInput:before {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    content: '';
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transform: scale(0, 0);
    border-radius: 50%;
    background: #e6aa5f
}

.calendarForm__selecterInput:checked:before {
    transform: scale(1, 1)
}

.calendarForm__selecterInput:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    content: '';
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    background: #fff
}

.calendarForm__inputCountainer {
    margin-bottom: 24px
}

.calendarForm__inputTitle {
    font-size: 12px;
    line-height: 17px;
    color: #757575;
    margin-top: 20px;
    margin-bottom: 8px
}

.calendarFormInputSelect--multiple {
    display: flex
}

.calendarFormInputSelect__container {
    width: 100%;
    text-align: center;
    padding: 0 4px
}

.calendarFormInputSelect__items {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px
}

.calendarFormInputSelect__item {
    position: relative;
    display: inline-block
}

.calendarFormInputSelect__label {
    border: 1px solid #e6aa5f;
    background-color: #fff;
    color: #e6aa5f;
    border-radius: 16.5px;
    padding: 7px 16px;
    margin: 0 4px 5px 0
}

.calendarFormInputSelect__input {
    opacity: 0;
    position: absolute;
    margin-top: 23px !important;
    margin-left: 23px !important
}

.calendarFormInputSelect__input:checked+.calendarFormInputSelect__label {
    background-color: #e6aa5f;
    color: #fff
}

.calendarFormInputSelect__input.active+.calendarFormInputSelect__label {
    display: inline-block
}

.calendarFormImage {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 40px
}

.calendarFormImage__name {
    font-size: 16px;
    line-height: 23px;
    color: #757575;
    font-weight: 700;
    margin-top: 8px
}

.calendarFormImage__main {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    -o-object-fit: cover;
    object-fit: cover
}

.calendarFormImage__fileBtn {
    position: absolute;
    top: calc(50% - 19px);
    right: calc(50% - 40px);
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    color: #757575;
    background: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .09)
}

.calendarFormImage__changeBtn {
    font-size: 14px;
    float: right;
    background: #e0e0e0;
    padding: 12px;
    color: #757575
}

.calendarFormImage__changeBtn>i {
    padding-right: 10px
}

.calendarFormImage__imageContainer {
    position: relative;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    background-color: #e0e0e0;
    overflow: hidden;
    margin: 0 auto
}

.calendarFormImage__image {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    -o-object-fit: cover;
    object-fit: cover
}

.calendarFormGroup {
    margin-top: 10px;
    width: 100%
}

.calendarFormGroup__row {
    border-bottom: 1px solid #e0e0e0
}

.calendarFormGroup__row:first-child {
    border-top: 1px solid #e0e0e0
}

.calendarFormTitle {
    font-size: 16px;
    text-align: left;
    width: 100%;
    font-weight: 600;
    color: #757575;
    display: inline-block;
    padding-left: 5px;
    margin-top: 24px
}

.calendarFormData {
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: none;
    padding-left: 10px;
    margin: 10px 0;
    color: #e6aa5f
}

.calendarFormInput {
    text-align: left;
    padding-left: 20px
}

.calendarFormInput--error {
    border-bottom: 1px solid #ef5d60 !important
}

.calendarFormSelectWrapper {
    display: flex
}

.calendarFormText {
    width: 100%;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: none;
    padding-left: 10px;
    margin: 10px 0;
    color: #e6aa5f;
    outline: 0
}

.calendarFormSelectOneThird {
    position: relative;
    width: calc(90% / 3)
}

.calendarFormSelectOneThird__box {
    -momodalIMagez-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: 0;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: none;
    padding-left: 10px;
    margin: 10px 0;
    color: #e6aa5f;
    position: relative
}

.calendarFormSelectOneThird__box::-ms-expand {
    display: none
}

.calendarFormSelect {
    position: relative;
    width: 100%
}

.calendarFormSelect>label {
    width: 100%
}

.calendarFormSelect>label:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 0;
    height: 40px;
    width: 40px;
    background: #fff;
    border: none
}

.calendarFormSelect>label:after {
    content: '〉';
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 15px;
    margin: auto 0;
    width: 1px;
    height: 15px;
    color: #757575;
    transform: rotate(90deg)
}

.calendarFormSelect__box {
    -momodalIMagez-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    width: 100%;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: none;
    padding-left: 10px;
    margin: 10px 0;
    color: #e6aa5f;
    position: relative
}

.calendarFormSelect__box::-ms-expand {
    display: none
}

.calendarFormBox {
    display: block;
    width: 100%;
    height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    font-size: 16px;
    color: #757575;
    border: solid 1px #faeedf;
    background-color: #fff;
    background-image: none;
    border-radius: 4px
}

.calendarFormBox--long {
    display: inline;
    width: 100%
}

.calendarFormBox--middle {
    display: inline;
    width: 70px
}

.calendarFormBox--short {
    display: inline;
    width: 50px
}

.calendarFormInputError {
    color: #ef5d60;
    font-weight: 700;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px
}

.canvas-container {
    margin: 20px auto 0
}

#uploadImageCanvas {
    overflow: hidden
}

.uploadImageModalContent {
    padding-bottom: 30px
}

.uploadImageModalContent__btn {
    border-radius: 4px;
    display: block;
    border: 1px solid #e0e0e0;
    line-height: 40px;
    background: #fff;
    font-size: 14px;
    color: #757575;
    font-weight: 700;
    width: 60%;
    text-align: center;
    transition: .3s;
    margin: 20px auto
}

.uploadImageModalContent__btn:hover {
    opacity: .8;
    cursor: pointer
}

.uploadImageModalContent__canvasWrapper {
    margin: 0 auto 40px
}

.uploadImageModalContent__canvasWrapper--subOption {
    margin: 0;
    background: #212121;
    padding: 20px
}

.uploadImageModalContent__rangeWrapper {
    height: 30px;
    position: relative
}

.uploadImageModalContent__range {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    left: 50%;
    width: 80%;
    margin: 10px auto;
    transform: translate(-50%, -50%)
}

.uploadImageModalContent__range::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    background: #e0e0e0;
    height: 2px
}

.uploadImageModalContent__range:focus {
    outline: 0
}

.uploadImageModalContent__range::-moz-range-track {
    -moz-appearance: none;
    background: #e0e0e0;
    height: 2px
}

.uploadImageModalContent__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 2px solid;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    max-width: 80px;
    position: relative;
    bottom: 11px;
    background-color: #e6aa5f;
    cursor: -webkit-grab;
    transition: border 1s ease
}

.uploadImageModalContent__range::-moz-range-thumb {
    -moz-appearance: none;
    border: 2px solid;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    max-width: 80px;
    position: relative;
    bottom: 11px;
    background-color: #e6aa5f;
    cursor: -moz-grab;
    transition: border 1s ease
}

.uploadImageModalContent__range::-webkit-slider-thumb:active {
    cursor: -webkit-grabbing
}

.uploadImageModalContent__range::-moz-range-thumb:active {
    cursor: -moz-grabbing
}

.calendarFormBottom {
    margin: 30px auto;
    justify-content: space-between;
    width: 100%;
    text-align: center
}

.calendarFormBottom__iconBtn {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px
}

.calendarFormBottom__iconBtn>i {
    font-size: 24px;
    color: #e6aa5f !important;
    background: #fff !important;
    padding: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.calendarFormBottom__iconBtn--edit>i {
    font-size: 26px;
    color: #fff !important;
    background: #e6aa5f !important
}

.calendarFormBottom__btn {
    color: #fff !important;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 15px auto 20px;
    font-size: 15px;
    border-radius: 8px;
    border-style: none;
    position: relative;
    background: #e6aa5f
}

.calendarFormBottom__btn:hover {
    text-decoration: none;
    opacity: .8
}

#uploadImageLoading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .9;
    z-index: 100
}

#uploadImageLoading>.loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-weight: 700
}

#uploadImageLoading>.loadingMsg>i {
    color: #e6aa5f
}

.preciousDayAnnualScenesContainer__title {
    color: #212121;
    font-size: 14px;
    margin-bottom: 8px
}

.preciousDayAnnualScenesContainer__desc {
    color: #757575;
    font-size: 12px;
    margin-bottom: 18px
}

.preciousDayAnnualScene {
    position: relative;
    margin-bottom: 12px;
    padding-left: 3px
}

.transactionForm {
    padding: 20px
}

.transactionForm__title {
    font-size: 20px;
    font-weight: 700;
    border-left: 5px solid #e6aa5f;
    padding: 5px 0 5px 10px;
    margin: 30px 0
}

.transactionForm__changePaymentModal {
    top: 0;
    left: 0;
    z-index: 3000;
    width: 100vw;
    min-height: 100vh;
    background: rgba(0, 0, 0, .4);
    display: none;
    position: fixed
}

.transactionForm__flexWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-height: 100vh
}

.transactionForm__container {
    background: #fafafa;
    width: 700px;
    padding: 40px;
    border-radius: 8px;
    position: relative
}

.transactionForm__closeBtn {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 24px;
    color: #757575
}

.transactionForm__submitButton {
    color: #fff !important;
    background: #e6aa5f;
    width: 343px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.transactionForm__submitButton:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.transactionForm__submitButton:hover {
    background: #eec48f;
    text-decoration: none
}

.transactionAddressFormGroup {
    margin-bottom: 30px;
    position: relative
}

.transactionAddressFormGroup--noMarginBottom {
    margin-bottom: 0
}

.transactionAddressFormGroup__label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative;
    line-height: 17px
}

.transactionAddressFormGroup__label--normal {
    font-weight: 400
}

.transactionAddressFormGroup__label--deep {
    color: #757575
}

.transactionAddressFormGroup__labelLink {
    color: #549186 !important;
    margin-left: 12px;
    font-size: 12px
}

.transactionAddressFormGroup__icon {
    height: 20px;
    vertical-align: sub
}

.transactionAddressFormGroup__required {
    margin-left: 8px;
    color: #ef5d60
}

.transactionAddressFormGroup__note {
    font-size: 12px;
    margin-top: 5px;
    color: #757575
}

.transactionAddressFormGroup__errorMessage {
    font-size: 10px;
    line-height: 14px;
    color: #ef5d60;
    margin-top: 8px
}

.toggleButton {
    width: 100%;
    text-align: center;
    position: relative;
    color: #e6aa5f;
    background-color: #fff;
    border: 1px solid #e6aa5f;
    border-radius: 3px;
    line-height: 38px;
    cursor: pointer;
    margin-bottom: 20px
}

.toggleButton__leftIcon {
    margin-right: 8px;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 34px;
    top: 12px
}

.transactionStep {
    text-align: center;
    margin-top: 30px;
    font-size: 0
}

.transactionStep__item {
    font-size: 14px;
    display: inline-block;
    counter-increment: steps;
    width: 20%;
    text-align: center;
    position: relative;
    padding-top: 36px;
    color: #757575
}

.transactionStep__item--current {
    color: #e6aa5f !important;
    font-weight: 700
}

.transactionStep__item--current:before {
    background-color: #e6aa5f !important
}

.transactionStep__item--done:before {
    background-color: #e6aa5f !important
}

.transactionStep__item--done:after {
    background-color: #e6aa5f !important
}

.transactionStep__item:before {
    height: 26px;
    width: 26px;
    background-color: #faeedf;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    content: counter(steps);
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    top: 0;
    transform: translateX(-50%);
    border-radius: 50%
}

.transactionStep__item:not(:last-of-type):after {
    top: 11px;
    position: absolute;
    left: 50%;
    width: calc(100%);
    background-color: #faeedf;
    content: '';
    height: 4px;
    margin: 0
}

.transactionStep__link {
    text-decoration: none !important
}

.transactionStep__link:hover {
    opacity: .6
}

.receivesStep {
    text-align: center;
    margin-top: 30px;
    font-size: 0
}

.receivesStep__item {
    font-size: 14px;
    display: inline-block;
    counter-increment: steps;
    width: 20%;
    text-align: center;
    position: relative;
    padding-top: 36px;
    color: #757575
}

.receivesStep__item--current {
    color: #e6aa5f !important;
    font-weight: 700
}

.receivesStep__item--current:before {
    background-color: #e6aa5f !important
}

.receivesStep__item--done:before {
    background-color: #e6aa5f !important
}

.receivesStep__item--done:after {
    background-color: #e6aa5f !important
}

.receivesStep__item:before {
    height: 26px;
    width: 26px;
    background-color: #faeedf;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    content: counter(steps);
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    top: 0;
    transform: translateX(-50%);
    border-radius: 50%
}

.receivesStep__item:not(:last-of-type):after {
    top: 11px;
    position: absolute;
    left: 50%;
    width: calc(100%);
    background-color: #faeedf;
    content: '';
    height: 4px;
    margin: 0
}

.receivesStep__link {
    text-decoration: none !important
}

.receivesStep__link:hover {
    opacity: .6
}

.registrationStep {
    text-align: center;
    margin-top: 30px;
    font-size: 0
}

.registrationStep__item {
    font-size: 14px;
    display: inline-block;
    counter-increment: steps;
    width: 20%;
    text-align: center;
    position: relative;
    padding-top: 36px;
    color: #757575
}

.registrationStep__item--current {
    color: #e6aa5f !important;
    font-weight: 700
}

.registrationStep__item--current:before {
    background-color: #e6aa5f !important
}

.registrationStep__item--done:before {
    background-color: #e6aa5f !important
}

.registrationStep__item--done:after {
    background-color: #e6aa5f !important
}

.registrationStep__item:before {
    height: 26px;
    width: 26px;
    background-color: #faeedf;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    content: counter(steps);
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    top: 0;
    transform: translateX(-50%);
    border-radius: 50%
}

.registrationStep__item:not(:last-of-type):after {
    top: 11px;
    position: absolute;
    left: 50%;
    width: calc(100%);
    background-color: #faeedf;
    content: '';
    height: 4px;
    margin: 0
}

.registrationStep__link {
    text-decoration: none !important
}

.registrationStep__link:hover {
    opacity: .6
}

.transactionShippingForm {
    display: flex
}

.transactionShippingForm__left {
    width: 695px
}

.transactionShippingForm__right {
    width: 269px;
    position: relative;
    margin-left: 20px
}

.transactionShippingSection {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    border-radius: 10px
}

.transactionShippingSection:not(:last-of-type) {
    margin-bottom: 40px
}

.transactionShippingSection__clientName {
    font-size: 16px;
    font-weight: 700;
    padding: 15px 18px;
    border-radius: 10px 10px 0 0;
    background: #faeedf
}

.transactionShippingSection__shippingFreeMessage {
    display: none;
    margin-left: 20px;
    color: #ef5d60
}

.transactionShippingSubSection {
    border-top: 1px solid #faeedf
}

.transactionShippingSubSection--noBorder {
    border: none
}

.transactionShippingSubSection__title {
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #212121
}

.transactionShippingSubSection__title:before {
    content: "●";
    color: #e6aa5f;
    margin-right: 4px
}

.transactionShippingSubSection__subTitle {
    padding-bottom: 10px;
    margin-left: 16px;
    width: 90%
}

.transactionShippingSubSection__innerNotice {
    color: #ef5d60
}

.transactionShippingSubSection__noticeSubTitle {
    padding-bottom: 10px;
    margin-left: 16px;
    width: 90%;
    color: #ef5d60
}

.transactionShippingSubSection__deliveryOptions {
    padding: 0 15px 20px;
    margin-bottom: 20px
}

.transactionShippingSubSection__selectDateContainer {
    padding: 15px 15px 10px
}

.transactionShippingSubSection__selectDateContainer--hidden {
    display: none
}

.transactionShippingSubSection__notRequired {
    background: #757575;
    color: #fff;
    font-weight: 700;
    margin-left: 8px;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 5px;
    vertical-align: top
}

.transactionShippingSubSection__caution {
    padding: 0 15px 10px
}

.transactionShippingSubSection__caution--strong {
    color: #ef5d60
}

.transactionShippingSubSection__link {
    color: #e6aa5f !important;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700
}

.transactionShippingNote {
    padding: 5px 15px 20px
}

.transactionShippingNote__message {
    font-size: 12px;
    color: #757575;
    margin-top: 4px
}

.transactionShippingNote__message--bold {
    color: #ef5d60
}

.transactionShippingNote__openReceiptNoteBtn {
    color: #e6aa5f !important;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700
}

.transactionShippingReceiptNote {
    display: none;
    margin-top: 15px
}

.transactionShippingReceiptNote__title {
    font-size: 12px;
    margin-bottom: 12px
}

.transactionShippingReceiptNote__label {
    font-size: 12px;
    font-weight: 700
}

.transactionShippingReceiptNote__desc {
    font-size: 12px;
    margin-bottom: 12px
}

.transactionNextStepSection {
    box-shadow: 1px 0 5px 3px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 15px;
    width: 269px
}

.transactionNextStepSection.fixed {
    position: fixed;
    top: 30px
}

.transactionNextStepSection.bottom-fixed {
    position: absolute;
    bottom: 0
}

.transactionNextStepSection__submitBtn {
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, .12) 0 1px 6px, rgba(0, 0, 0, .12) 0 1px 4px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.transactionNextStepSection__submitBtn:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.transactionNextStepSection__submitBtn:hover {
    background: #eec48f;
    text-decoration: none
}

.transactionNextStepSection__submitBtn .fa-angle-right {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 16px
}

.transactionNextStepSection__submitBtn .fa-yen-sign {
    color: #fff;
    margin-right: 8px
}

.transactionNextStepSection__submitNote {
    font-size: 10px;
    line-height: 14px;
    font-weight: 500
}

.transactionNextStepSection__lowerSubmitSubscriptionNote {
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    display: block
}

.transactionNextStepSection__completeBtn {
    color: #fff !important;
    background: #e6aa5f;
    display: block;
    width: 100%;
    height: 56px;
    padding: 6px 24px 12px;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    position: relative;
    transition: .3s
}

.transactionNextStepSection__completeBtn:disabled {
    background: #faeedf !important;
    cursor: not-allowed
}

.transactionNextStepSection__completeBtn:hover {
    background-color: #eec48f;
    text-decoration: none
}

.transactionNextStepSection__completeBtn .fa-angle-right {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 16px
}

.transactionNextStepSection__completeBtn .fa-yen-sign {
    color: #fff;
    margin-right: 8px
}

.transactionNextStepSection__backBtn {
    color: #757575 !important;
    border: 1px solid #757575;
    display: block;
    width: 80%;
    padding: 12px 0;
    text-align: center;
    margin: 20px auto 0;
    font-size: 14px;
    border-radius: 5px;
    position: relative;
    transition: .3s
}

.transactionNextStepSection__backBtn:hover {
    opacity: .6;
    text-decoration: none
}

.transactionNextStepSection__backBtn .fa-angle-left {
    color: #757575 !important;
    font-size: 18px;
    position: absolute;
    left: 16px;
    top: 12px
}

.transactionNextStepSection__note {
    margin-top: 16px;
    margin-bottom: 16px
}

.transactionNextStepSection__note--assistant {
    cursor: pointer;
    font-weight: 700;
    color: #549186
}

.transactionNextStepSection__note--small {
    font-size: 12px
}

.transactionNextStepSection__notYetOrder {
    margin-bottom: 16px
}

.transactionShippingProductContainer:not(:last-of-type) {
    border-bottom: 1px solid #faeedf
}

.transactionShippingProductContainer__subOptions {
    padding: 0 20px 20px;
    margin-top: 20px;
    margin-bottom: 40px
}

.transactionShippingProduct {
    background: #fafafa;
    font-weight: 700;
    padding: 15px;
    display: flex
}

.transactionShippingProduct__image {
    width: 100px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover
}

.transactionShippingProductInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 380px
}

.transactionShippingProductInfo__title {
    font-size: 14px;
    color: #212121
}

.transactionShippingProductInfo__option {
    color: #757575;
    font-size: 12px;
    margin: 4px 0
}

.transactionShippingProductInfo__price {
    font-size: 14px
}

.transactionShippingSubSectionSelectDate--hidden {
    display: none;
    margin-bottom: 12px
}

.transactionShippingSubSectionSelectDate__title {
    font-size: 14px;
    margin-bottom: 4px
}

.transactionShippingSubSectionSelectDate__shippingFee {
    font-size: 14px
}

.transactionShippingSubSectionSelectDate__hasteShippingDate {
    margin-bottom: 4px;
    padding-left: 16px;
    font-size: 15px;
    margin-top: 5px
}

.transactionShippingSubSectionSelectDate__note {
    font-size: 12px;
    white-space: normal
}

.transactionShippingSubSectionSelectDate__required {
    margin-left: 8px;
    font-weight: 700;
    color: #ef5d60
}

.transactionNextStepPriceGroup {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.transactionNextStepPriceGroup__label {
    font-size: 14px
}

.transactionNextStepPriceGroup__label--big {
    font-size: 16px
}

.transactionNextStepPriceGroup__label--orange {
    color: #e6aa5f
}

.transactionNextStepPriceGroup__value {
    font-size: 16px
}

.transactionNextStepPriceGroup__value--big {
    font-size: 20px;
    font-weight: 700
}

.transactionNextStepPriceGroup__value--orange {
    color: #e6aa5f
}

.transactionNextStepPriceGroup__note {
    color: #ef5d60;
    font-size: 12px;
    font-weight: 700;
    margin: 5px 0
}

.hasteTextPaymentPage {
    margin-top: -16px;
    margin-bottom: 16px;
    font-size: 12px;
    text-align: right
}

.hasteTextShippingPage {
    margin-top: -16px;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: right
}

.transactionNextStepShippingFeeFreeGroup {
    padding-top: 10px;
    margin-bottom: 20px
}

.transactionNextStepShippingFeeFreeGroup__balance {
    text-align: center;
    font-size: 13px;
    margin-bottom: 8px
}

.transactionNextStepShippingFeeFreeGroup__balance--bold {
    font-size: 23px;
    margin-left: 10px;
    margin-right: 10px;
    color: #e6aa5f
}

.transactionNextStepShippingFeeFreeGroup__info {
    text-align: center;
    color: #e6aa5f;
    font-size: 12px
}

.transactionNextStepShippingFeeFreeGroup__achievement {
    text-align: center;
    font-size: 17px;
    margin-bottom: 8px
}

.transactionNextStepShippingFeeFreeGroup__note {
    font-size: 11px;
    text-align: center;
    color: #757575
}

.transactionQuestionnaire__title {
    font-size: 14px;
    font-weight: 700;
    margin: 4px auto
}

.transactionQuestionnaire__select {
    margin-bottom: 16px
}

.imageSubOption__selectFile {
    display: none
}

.imageSubOption__label {
    background: #e6aa5f;
    border-radius: 4px;
    border: none;
    color: #fff;
    padding: 5px 13px
}

.imageSubOption__label:hover {
    opacity: .7
}

.imageSubOption__image {
    width: 60%
}

.imageSubOptionImage {
    position: relative;
    width: 60%;
    height: 250px
}

.imageSubOptionImage__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.imageSubOptionImage__image--overlay {
    z-index: 100 !important
}

.subOptionEmoji {
    margin-bottom: 15px
}

.subOptionEmoji__button {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #212121;
    padding: 3px 10px;
    margin-right: 4px
}

.subOptionEmoji__note {
    margin-top: 7px
}

.nairePreview {
    font-size: 30px;
    font-family: gioviale, sans-serif;
    font-weight: 700;
    overflow: hidden;
    font-style: italic;
    width: 100%;
    border: 1px solid #757575;
    border-radius: 10px;
    line-height: 90px;
    height: 80px;
    text-align: center
}

.freeShippingOfShippingSection {
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding: 7px 10px;
    width: 339px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #549186
}

.freeShippingOfShippingSection:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 7%;
    margin-left: -10px;
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
    z-index: 2
}

.freeShippingOfShippingSection:after {
    content: "";
    position: absolute;
    top: -19px;
    left: 7%;
    margin-left: -10px;
    border: 9px solid transparent;
    border-bottom: 9px solid #549186;
    z-index: 1
}

.freeShippingOfShippingSectionText {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    display: table;
    margin: auto;
    text-align: left
}

.freeShippingOfShippingSectionText__price {
    font-weight: 700
}

.freeShippingOfShippingSectionText__tax {
    font-size: 10px
}

.freeShippingOfShippingSectionText__free-text {
    color: #549186;
    font-weight: 700
}

.freeShippingOfNextStepSection {
    justify-content: flex-end;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding: 7px 10px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #549186
}

.freeShippingOfNextStepSection:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 93%;
    margin-left: -10px;
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
    z-index: 2
}

.freeShippingOfNextStepSection:after {
    content: "";
    position: absolute;
    top: -19px;
    left: 93%;
    margin-left: -10px;
    border: 9px solid transparent;
    border-bottom: 9px solid #549186;
    z-index: 1
}

.freeShippingOfNextStepSectionText {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    display: table;
    margin: auto;
    text-align: left
}

.freeShippingOfNextStepSectionText__price {
    font-weight: 700
}

.freeShippingOfNextStepSectionText__tax {
    font-size: 10px
}

.freeShippingOfNextStepSectionText__free-text {
    color: #549186;
    font-weight: 700
}

.transactionPaymentForm {
    display: flex;
    padding: 20px 0
}

.transactionPaymentForm__left {
    width: 675px
}

.transactionPaymentForm__right {
    width: 269px;
    position: relative;
    margin-left: 20px
}

.transactionPaymentFormSecion {
    margin-bottom: 30px
}

.transactionPaymentFormSecion__title {
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    border-left: 5px solid #e6aa5f;
    padding: 5px 0 5px 10px
}

.transactionPaymentMethodWrapper {
    display: flex;
    padding: 20px 0
}

.transactionPaymentMethodList {
    width: 30%;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #faeedf
}

.transactionPaymentMethodList__item {
    margin-bottom: 16px
}

.transactionPaymentMethodList__item label {
    font-size: 14px;
    font-weight: 700
}

.transactionPaymentMethodList__item label:hover {
    cursor: pointer
}

.transactionPaymentMethodList__item input[type=radio] {
    display: none
}

.transactionPaymentMethodList__item input[type=radio]+label {
    padding-left: 20px;
    position: relative
}

.transactionPaymentMethodList__item input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 50%
}

.transactionPaymentMethodList__item input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #e6aa5f;
    border-radius: 50%
}

.transactionPaymentContentList {
    width: calc(70% - 30px);
    padding-right: 20px
}

.transactionPaymentSupportedCards {
    margin-bottom: 12px
}

.transactionPaymentSupportedCards li {
    width: 30px;
    margin-right: 10px;
    display: inline-block
}

.transactionPaymentSupportedCards li img {
    width: 100%
}

.transactionPaymentCardList__item {
    margin-bottom: 12px
}

.transactionPaymentCardList__item label {
    font-size: 14px;
    font-weight: 500
}

.transactionPaymentCardList__item label:hover {
    cursor: pointer
}

.transactionPaymentCardList__item input[type=radio] {
    display: none
}

.transactionPaymentCardList__item input[type=radio]+label {
    padding-left: 20px;
    position: relative
}

.transactionPaymentCardList__item input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 50%
}

.transactionPaymentCardList__item input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #e6aa5f;
    border-radius: 50%
}

.transactionPaymentCardForm {
    padding-top: 10px
}

.transactionPaymentCardForm__registerCheck label {
    font-size: 14px;
    font-weight: 700
}

.transactionPaymentCardForm__cardSafety {
    font-size: 12px;
    margin-top: 16px;
    color: #757575
}

.transactionPaymentCardFormGroup {
    margin-bottom: 16px
}

.transactionPaymentCardFormGroup__label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.transactionPaymentCardFormGroup__note {
    font-size: 12px;
    color: #757575;
    margin-top: 8px
}

.transactionPaymentCardFormGroup__cvcImage {
    width: 120px;
    margin-top: 12px
}

.transactionPaymentCardFormGroup__cvcDesc {
    font-size: 12px;
    margin-top: 8px
}

.transactionPaymentCardFormGroup__errorMessage {
    color: #ef5d60;
    margin-top: 5px;
    font-weight: 700
}

.transactionPaymentAtobarai__desc {
    font-size: 14px;
    margin-bottom: 20px
}

.transactionPaymentAtobarai__note {
    font-size: 12px;
    color: #757575
}

.transactionPaymentAtobaraiStep {
    margin-bottom: 16px
}

.transactionPaymentAtobaraiStep__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.transactionPaymentAtobaraiStep__content {
    font-size: 13px
}

.transactionPaymentAtobaraiStep__content--emphasis {
    font-weight: 700;
    color: #ef5d60
}

.transactionPaymentAtobaraiStep__note {
    font-size: 12px;
    color: #757575;
    margin-top: 4px
}

.transactionPaymentAtobaraiConfirmCustomer {
    margin-top: 30px
}

.transactionPaymentAtobaraiConfirmCustomer__header {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px
}

.transactionPaymentAtobaraiConfirmCustomer__desc {
    font-size: 13px;
    margin-bottom: 10px
}

.transactionPaymentAtobaraiConfirmCustomer__name {
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 14px
}

.transactionPaymentAtobaraiConfirmCustomer__address {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px
}

.transactionPaymentCvs__desc {
    font-size: 14px;
    margin-bottom: 20px
}

.transactionPaymentCvs__note {
    font-size: 12px;
    margin-bottom: 8px
}

.transactionPaymentCvs__note--red {
    color: #ef5d60
}

.transactionPaymentCvs__image {
    width: 100%;
    margin-bottom: 12px
}

.transactionPaymentCvsForm {
    margin-bottom: 20px
}

.transactionPaymentCvsForm__label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px
}

.transactionPaymentDaibiki__desc {
    font-size: 14px;
    margin-bottom: 20px
}

.transactionPaymentDaibiki__note {
    font-size: 12px;
    margin-bottom: 4px
}

.transactionPaymentDaibiki__note--bold {
    font-weight: 700
}

.transactionPaymentSelectCoupon {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #faeedf
}

.transactionPaymentSelectCoupon__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px
}

.transactionPaymentSelectCoupon__radio {
    font-size: 12px;
    margin-bottom: 8px
}

.transactionPaymentSelectCoupon__radio label {
    font-weight: 700
}

.transactionPaymentSelectCoupon__radio label:hover {
    cursor: pointer
}

.transactionPaymentSelectCoupon__radio input[type=radio] {
    display: none
}

.transactionPaymentSelectCoupon__radio input[type=radio]+label {
    padding-left: 20px;
    font-size: 14px;
    position: relative
}

.transactionPaymentSelectCoupon__radio input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #757575;
    border-radius: 50%
}

.transactionPaymentSelectCoupon__radio input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #e6aa5f;
    border-radius: 50%
}

.transactionPaymentSelectCoupon__note {
    font-size: 12px;
    color: #757575;
    padding-left: 16px
}

.transactionPaymentSelectPoint {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #faeedf
}

.transactionPaymentSelectPoint__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.transactionPaymentSelectPoint__note {
    font-size: 12px;
    margin-bottom: 8px
}

.transactionPaymentSelectPointForm__ownPoint {
    font-size: 12px;
    margin-bottom: 8px
}

.transactionConfirmForm {
    display: flex
}

.transactionConfirmForm__left {
    width: 675px
}

.transactionConfirmForm__right {
    width: 269px;
    position: relative;
    margin-left: 20px
}

.transactionConfirmAlert {
    border: 1px solid #ef5d60;
    border-radius: 12px;
    background: #fdf2f0;
    padding: 12px;
    margin-bottom: 20px
}

.transactionConfirmAlert__alert {
    font-size: 14px;
    color: #ef5d60;
    font-weight: 700;
    margin-bottom: 4px
}

.transactionConfirmAlert__alert .fa-exclamation-triangle {
    margin-right: 4px
}

.transactionConfirmAlert__desc {
    font-size: 12px;
    color: #757575
}

.transactionConfirmSection {
    border: 1px solid #faeedf;
    border-radius: 12px
}

.transactionConfirmSection:not(:last-of-type) {
    margin-bottom: 20px
}

.transactionConfirmSection__title {
    font-weight: 700;
    font-size: 16px;
    padding: 15px 18px;
    border-radius: 10px 10px 0 0;
    background: #faeedf
}

.transactionConfirmProductWrapper:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0
}

.transactionConfirmProduct {
    padding: 12px;
    display: flex
}

.transactionConfirmProduct__image {
    width: 84px;
    height: 68px;
    -o-object-fit: cover;
    object-fit: cover
}

.transactionConfirmProductInfo {
    padding-left: 8px;
    padding-right: 8px;
    width: 430px
}

.transactionConfirmProductInfo__notificationList {
    list-style: inside;
    font-size: 8px;
    color: #ef5d60
}

.transactionConfirmProductInfo__title {
    font-size: 12px;
    color: #212121
}

.transactionConfirmProductInfo__title__subscription {
    font-size: 12px;
    font-weight: 700;
    color: #ef5d60
}

.transactionConfirmProductInfo__option {
    color: #757575;
    font-size: 12px;
    margin-bottom: 4px
}

.transactionConfirmProductInfo__price {
    font-size: 12px
}

.transactionConfirmProductInfo__openOption {
    border: 1px solid #e6aa5f;
    color: #e6aa5f;
    padding: 6px;
    font-size: 12px;
    border-radius: 4px
}

.transactionConfirmProductInfo__openOption:hover {
    opacity: .6;
    cursor: pointer
}

.transactionConfirmInfo {
    display: flex;
    flex-wrap: wrap;
    padding: 10px
}

.transactionConfirmInfoSection {
    padding: 10px;
    width: 33%
}

.transactionConfirmInfoSection--wide {
    width: 66%
}

.transactionConfirmInfoSection__titleWrapper {
    display: flex;
    align-items: flex-start
}

.transactionConfirmInfoSection__title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-right: 8px
}

.transactionConfirmInfoSection__changeButton {
    border: 1px solid #e6aa5f;
    color: #e6aa5f;
    background: #fff;
    padding: 3px;
    width: 40px;
    height: 21px;
    font-size: 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.transactionConfirmInfoSection__value {
    font-size: 14px;
    margin: 4px 0
}

.transactionConfirmInfoSection__note {
    font-size: 12px;
    margin: 4px 0
}

.transactionConfirmProductSubOption {
    padding: 0 20px;
    margin-bottom: 20px
}

.transactionConfirmProductSubOption__item {
    font-size: 12px;
    margin: 6px 0
}

.transactionConfirmProductSubOption__image {
    height: 350px;
    max-width: 100%
}

.transactionConfirmDeliveryOption {
    display: flex;
    padding: 15px
}

.transactionConfirmDeliveryOption:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0
}

.transactionConfirmDeliveryOption__name {
    font-size: 13px;
    font-weight: 700
}

.transactionConfirmDeliveryOption__value {
    font-size: 13px;
    margin-left: 20px
}

.transactionConfirmClientTotalPriceWrapper {
    width: 50%;
    margin-left: auto;
    padding: 15px 20px 20px
}

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

.transactionConfirmClientTotalPriceGroup:not(:last-of-type) {
    margin-bottom: 16px
}

.transactionConfirmClientTotalPriceGroup__label {
    font-size: 12px
}

.transactionConfirmClientTotalPriceGroup__label--big {
    font-size: 14px
}

.transactionConfirmClientTotalPriceGroup__value {
    font-size: 14px
}

.transactionConfirmClientTotalPriceGroup__value--big {
    font-size: 18px;
    font-weight: 700
}

.transactionConfirmClientTotalPriceGroupHaste {
    margin-top: -16px;
    margin-bottom: 16px;
    font-size: 12px;
    text-align: right
}

.pickStoreHead {
    width: 80%;
    margin: 20px auto
}

.pickStoreHead__title {
    font-size: 19px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Meiryo UI"
}

.pickStoreHead__desc {
    margin-top: 10px;
    font-size: 12px;
    font-family: "Meiryo UI"
}

.pickStoreSearchForm {
    margin: 20px auto;
    width: 100%;
    display: table
}

.pickStoreSearchForm__input {
    border-radius: 10px 0 0 10px;
    -webkit-appearance: none;
    background: 0 0;
    display: table-cell;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #e6aa5f;
    padding: 8px 10px;
    height: 36px;
    width: 100%
}

.pickStoreSearchForm__input::-webkit-input-placeholder {
    color: #e6aa5f
}

.pickStoreSearchForm__input::-moz-placeholder {
    color: #e6aa5f
}

.pickStoreSearchForm__input:-ms-input-placeholder {
    color: #e6aa5f
}

.pickStoreSearchForm__input::-ms-input-placeholder {
    color: #e6aa5f
}

.pickStoreSearchForm__input::placeholder {
    color: #e6aa5f
}

.pickStoreSearchForm__input:focus {
    outline: 0
}

.pickStoreSearchForm__btn {
    border-radius: 0 10px 10px 0;
    background: #e6aa5f;
    color: #fff;
    display: table-cell;
    vertical-align: unset;
    padding: 0;
    width: 44px;
    text-align: center;
    min-height: 39px;
    font-size: 14px;
    line-height: 1.4
}

.pickStoreSearchForm__btn:hover {
    opacity: .8;
    cursor: pointer
}

.pickStoreList {
    width: 80%;
    margin: 0 auto
}

.pickStoreItem {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: solid 2px #e2e2e2;
    background: #fff
}

.pickStoreItem__address,
.pickStoreItem__cvsOpenTimes,
.pickStoreItem__openDMTime {
    font-size: 10px;
    font-family: "Meiryo UI"
}

.pickStoreItem__address--saturday,
.pickStoreItem__cvsOpenTimes--saturday,
.pickStoreItem__openDMTime--saturday {
    color: #00f
}

.pickStoreItem__address--holiday,
.pickStoreItem__cvsOpenTimes--holiday,
.pickStoreItem__openDMTime--holiday {
    color: red
}

.pickStoreItemAction {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    align-items: center
}

.pickStoreItemAction__mapOpenBtn {
    border: solid 1px #06a;
    text-decoration: none;
    background-color: #fff;
    color: #06a !important;
    padding: 2px 6px;
    text-align: center;
    font-size: 10px;
    font-family: "Meiryo UI"
}

.pickStoreItemAction__mapOpenBtn:hover {
    cursor: pointer
}

.pickStoreItemAction__selectBtn {
    padding: 4px 8px;
    background: #e6aa5f;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    font-size: 12px
}

.pickStoreItemAction__selectBtn:hover {
    opacity: .8;
    cursor: pointer
}

.pickStoreItemHeader {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.pickStoreItemHeader__icon {
    margin-right: 12px
}

.pickStoreItemHeader__name {
    font-size: 12px;
    font-family: "Meiryo UI";
    font-weight: 700
}

.pickStoreModal {
    z-index: 100;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #212121;
    background-color: rgba(0, 0, 0, .4);
    -webkit-animation: opac .8s;
    animation: opac .8s
}

.pickStoreModal__mapContainer {
    padding: 0;
    text-align: center
}

.pickStoreModalMap {
    width: 100%;
    height: 80vh
}

.subscriptionContractList__item {
    border: 1px solid #faeedf;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

.subscriptionContractList__item-title {
    font-size: 14px
}

.subscriptionContractList__item-submit {
    border-radius: 4px;
    border: 1px solid #ef5d60;
    font-size: 12px;
    font-weight: 700;
    color: #ef5d60 !important;
    text-decoration: none !important;
    transition: .3s;
    text-align: center;
    padding: 4px 8px;
    background: #fff
}

.subscriptionContractList__item-submit:hover {
    opacity: .6
}

.subscriptionContractList__item-submitDisable {
    border-radius: 4px;
    border: 1px solid #757575;
    font-size: 12px;
    font-weight: 700;
    color: #757575 !important;
    text-decoration: none !important;
    transition: .3s;
    text-align: center;
    padding: 4px 8px;
    background: #fff
}

.subscriptionContractList__message {
    font-size: 14px
}