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

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent
}

html,
body {
    line-height: 1
}

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

ul,
ol {
    list-style: none
}

li {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    outline: none;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

a:hover {
    text-decoration: none
}

a,
span {
    color: inherit;
    font-weight: inherit
}

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

sup {
    vertical-align: super
}

input {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box
}

input::-webkit-search-decoration {
    display: none
}

input::focus {
    outline-offset: -2px
}

html {
    font-size: 10px;
    line-height: 1.4;
    font-weight: normal;
    color: #585657;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-break: strict;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    position: relative
}

html.is-fixed {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

html.is-fixed body {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0
}

@media (min-width: 1024px) {
    html.is-fixed body {
        position: static;
        top: auto;
        left: auto
    }
}

body {
    word-break: normal;
    word-wrap: break-word;
    font-size: 1.6rem
}

@media (min-width: 1024px) {
    body {
        font-size: 1.4rem
    }
}

a {
    text-decoration: none
}

@media (min-width: 1024px) {
    a:hover {
        text-decoration: none;
        opacity: 0.7
    }
}

img {
    backface-visibility: hidden
}

.js-tabContens {
    display: none
}

.js-tabContens.is-current {
    display: block
}

.js-accordionBody,
.js-accordionBody--seperated {
    display: none
}

.js-accordionBody.is-show {
    display: block
}

input,
select,
textarea {
    font-size: 1.6rem
}

@media (min-width: 1024px) {

    input,
    select,
    textarea {
        font-size: 1.4rem
    }
}

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

@media (max-width: 1023px) {
    .slick-slide {
        margin: 0 5px
    }
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.slick-loading .slick-list {
    background: #fff url("../image/ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url("../font/slick.eot");
    src: url("../font/slick.eot") format("embedded-opentype"), url("../font/slick.woff") format("woff"), url("../font/slick.ttf") format("truetype"), url("../font/slick.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.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(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    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, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 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, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    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-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 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, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.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%;
    object-fit: contain
}

.swiper-slide-zoomed {
    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%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.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,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.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-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.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
}

.l-footer {
    background-color: #EDEDED;
    margin-top: 40px;
    position: relative
}

.l-footer__body {
    background: #fff;
    padding: 0 30px 35px
}

@media (min-width: 1024px) {
    .l-footer__body {
        padding: 0 0 10px
    }
}

@media (min-width: 1024px) {
    .l-footer__body--hasBg {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        margin: 0;
        padding-top: 40px;
        padding-bottom: 20px
    }
}

.l-footer__block:nth-child(2) .l-footer__list:nth-child(2) {
    line-height: 1.2
}

@media (min-width: 1024px) {
    .l-footer__block {
        width: 33.3333%;
        max-width: 310px
    }

    .l-footer__block:nth-child(4) {
        max-width: 100%
    }

    .l-footer__block:nth-child(4) .l-footer__list:first-child {
        width: 35%
    }

    .l-footer__block:nth-child(4) .l-footer__list:nth-child(2) {
        width: 65%;
        line-height: 1.4
    }

    .l-footer__block:nth-child(4) .l-footer__list:nth-child(2) li+li {
        margin-top: 15px
    }
}

.l-footer__top {
    display: flex;
    justify-content: space-between;
    padding: 30px 0px 30px
}

@media (min-width: 1024px) {
    .l-footer__top {
        margin-bottom: 0;
        justify-content: flex-start;
        flex-direction: column;
        padding: 60px 0 0
    }
}

.l-footer__button {
    display: block;
    width: calc(50% - 5px);
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    font-size: 1.4rem;
    padding: 4px 0 6px
}

@media (min-width: 1024px) {
    .l-footer__button {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 285px;
        border-radius: 2px;
        padding: 0;
        transition: opacity 0.3s
    }

    .l-footer__button:hover {
        opacity: 0.8
    }
}

@media (min-width: 1024px) {
    .l-footer__button+.l-footer__button {
        margin-top: 20px
    }
}

.l-footer__linkText {
    display: inline-block;
    margin-top: 20px;
    position: relative
}

.l-footer__linkText::after {
    content: '';
    display: block;
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    position: absolute;
    width: 7px;
    height: 7px;
    top: 50%;
    right: -10px;
    transform: rotate(-45deg);
    margin-top: -3px
}

.l-footer__heading {
    font-weight: 500;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 1.6rem;
    padding: 24px 5px;
    position: relative;
    color: #707070
}

@media (min-width: 1024px) {
    .l-footer__heading {
        pointer-events: none;
        border: none;
        padding: 0;
        margin-bottom: 20px
    }
}

.l-footer__heading:nth-of-type(n+2) {
    border-top: none
}

.l-footer__heading::before,
.l-footer__heading::after {
    content: '';
    display: block;
    background-color: #707070;
    position: absolute
}

@media (min-width: 1024px) {

    .l-footer__heading::before,
    .l-footer__heading::after {
        display: none
    }
}

.l-footer__heading::before {
    width: 11px;
    height: 1px;
    top: 50%;
    right: 10px
}

.l-footer__heading::after {
    width: 1px;
    height: 11px;
    top: 50%;
    right: 15px;
    margin-top: -5px
}

.l-footer__heading.is-open:after {
    display: none
}

.l-footer__heading__second {
    font-weight: 500;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 1.6rem;
    padding: 24px 5px;
    position: relative;
    color: #707070
}

@media (min-width: 1024px) {
    .l-footer__heading__second {
        pointer-events: none;
        border: none;
        padding: 0;
        margin-bottom: 20px
    }
}

.l-footer__heading__second:nth-of-type(n+2) {
    border-top: none
}

.l-footer__heading__second::before,
.l-footer__heading__second::after {
    content: '';
    display: block;
    background-color: #707070;
    position: absolute
}

@media (min-width: 1024px) {

    .l-footer__heading__second::before,
    .l-footer__heading__second::after {
        display: none
    }
}

.l-footer__heading__second::before {
    width: 11px;
    height: 1px;
    top: 50%;
    right: 10px
}

.l-footer__heading__second::after {
    width: 1px;
    height: 11px;
    top: 50%;
    right: 15px;
    margin-top: -5px
}

.l-footer__heading__second.is-open:after {
    display: none
}

@media (max-width: 1023px) {
    .l-footer__heading__second {
        padding: 24px 30px
    }
}

.l-footer__contents {
    display: none
}

@media (min-width: 1024px) {
    .l-footer__contents {
        display: block !important
    }
}

@media (min-width: 1024px) {
    .l-footer__column {
        display: flex
    }
}

@media (min-width: 1024px) {
    .l-footer__column .l-footer__list {
        width: 50%
    }
}

.l-footer__column .l-footer__list .is-blank a:after {
    content: '';
    width: 13px;
    height: 13px;
    display: inline-block;
    font-size: 1.3rem;
    padding: 0 17px 0 0;
    background-image: url(../image/icon_blank.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain
}

@media (min-width: 1024px) {
    .l-footer__sitemap {
        padding: 0;
        margin: 0
    }
}

.l-footer__sitemap+.l-footer__sitemap .l-footer__heading {
    border-top: none
}

@media (min-width: 1024px) {
    .l-footer__list {
        padding: 0 0 0 15px
    }
}

.l-footer__list li {
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .l-footer__list li {
        border: none
    }
}

@media (min-width: 1024px) {
    .l-footer__list li+li {
        margin-top: 20px
    }
}

.l-footer__list a {
    display: block;
    font-size: 1.3rem;
    padding: 20px 5px 20px 25px;
    color: #707070;
    position: relative
}

.l-footer__list a.--second {
    padding: 24px 30px;
    font-size: 1.6rem
}

@media (max-width: 1023px) {
    .l-footer__list a.--third {
        padding: 20px 5px 20px 55px
    }
}

@media (min-width: 1024px) {
    .l-footer__list a {
        padding: 0
    }
}

.l-footer__list a::before {
    content: '';
    display: block;
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    position: absolute;
    width: 7px;
    height: 7px;
    top: 50%;
    right: 13px;
    transform: rotate(-45deg);
    margin-top: -3px
}

@media (min-width: 1024px) {
    .l-footer__list a::before {
        display: none
    }
}

.l-footer__bottom {
    padding: 30px 0px 15px
}

@media (min-width: 1024px) {
    .l-footer__bottom {
        width: 100%;
        padding: 0;
        margin: 70px 0 0
    }
}

.l-footer__logo {
    display: block;
    width: 203.31px;
    margin-bottom: 20px
}

@media (max-width: 1023px) {
    .l-footer__logo {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    .l-footer__logo {
        position: absolute;
        top: 40px;
        left: 0;
        margin-bottom: 0;
        transition: opacity 0.3s
    }

    .l-footer__logo:hover {
        opacity: 0.8
    }
}

.l-footer__logo img {
    display: block;
    width: 100%;
    height: 100%
}

.l-footer__copy {
    text-align: center;
    color: #707070;
    font-size: 1rem
}

.l-footer__toTopBtn {
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    position: fixed;
    width: 7.5vw;
    height: 6vw;
    bottom: 4%;
    right: 4vw;
    padding: 6vw;
    z-index: 10;
    transition: opacity 0.3s, visibility 0.3s
}

@media (min-width: 1024px) {
    .l-footer__toTopBtn {
        display: none
    }
}

.l-footer__toTopBtn::before {
    content: "";
    display: block;
    position: absolute;
    background: #707070;
    width: 7.5vw;
    height: 1px;
    top: 4vw;
    left: 2.25vw
}

.l-footer__toTopBtn span::before {
    content: "";
    display: block;
    transform: rotate(45deg);
    position: absolute;
    width: 4vw;
    height: 4vw;
    top: 6.5vw;
    left: 4vw;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070
}

.l-footer__toTopBtn.is-show {
    opacity: 1;
    visibility: visible
}

.l-footer--min {
    background-color: #EDEDED;
    margin-top: 40px
}

@media (min-width: 1024px) {
    .l-footer--min .l-footer__body--min {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        margin: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .l-footer--min .l-footer__body--min .l-footer__bottom {
        margin: 30px 0 0
    }
}

.l-footer--min .l-footer__body--min .l-footer__logo {
    top: 20px
}

.l-footer--noTop {
    background-color: #EDEDED;
    margin-top: 40px
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff
}

@media (min-width: 1024px) {
    .l-header {
        border-bottom: 1px solid #585657
    }
}

.l-header__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .l-header__inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
        position: relative
    }
}

.l-header__logo {
    order: 1;
    padding: 18px 10px;
    width: 203.31px
}

@media (min-width: 1024px) {
    .l-header__logo {
        order: 0;
        padding: 18px 0
    }
}

.l-header__logo img {
    display: block;
    width: 100%
}

.l-header__navi {
    order: 3;
    width: 100%;
    background-color: #585657
}

@media (min-width: 1024px) {
    .l-header__navi {
        order: 0;
        width: calc(100% - 203.31px - 110px);
        background-color: transparent
    }
}

.l-header__menu {
    order: 2;
    padding: 18px 10px
}

@media (min-width: 1024px) {
    .l-header__menu {
        order: 0;
        padding: 0
    }
}

.l-header--min {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #585657
}

.l-header-menu {
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .l-header-menu {
        width: 110px;
        justify-content: space-between
    }
}

.l-header-menu__item {
    margin-left: 20px
}

@media (min-width: 1024px) {
    .l-header-menu__item {
        margin: 0;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .l-header-menu__link {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.l-header-modal {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    background-color: #EDEDED;
    padding: 20px 30px
}

@media (min-width: 1024px) {
    .l-header-modal::after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: -12px;
        right: 96px;
        border-bottom: 12px solid #EDEDED;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent
    }
}

.l-header-modal.is-show {
    display: block
}

.l-header-modal__ttl {
    font-size: 1.6rem;
    margin: 0 0 20px
}

.l-header-modal__item+.l-header-modal__item {
    margin: 15px 0 0
}

.l-header-modal__link {
    font-size: 1.3rem
}

.l-header-category {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background-image: url(../image/icon_close.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right 10px top 20px
}

@media (min-width: 1024px) {
    .l-header-category {
        display: block;
        position: absolute;
        top: 60px;
        padding: 0;
        height: auto
    }
}

.l-header-category.is-show {
    display: block;
    background-color: rgba(172, 172, 172, 0.9)
}

.l-header-category__inner {
    background-color: #fff;
    padding: 25px 20px 50px;
    overflow: scroll;
    height: 100%
}

@media (min-width: 1024px) {
    .l-header-category__inner {
        overflow: visible;
        padding: 0;
        height: auto
    }
}

@media (min-width: 1024px) {
    .l-header-category__inner .c-searchForm {
        display: none
    }
}

.l-header-category__tab {
    display: flex;
    justify-content: center;
    margin: 30px 0 20px
}

@media (min-width: 1024px) {
    .l-header-category__tab {
        display: none
    }
}

.l-header-category__tab li {
    margin: 0 10px
}

.l-header-category__tab li:nth-of-type(1) a.is-current {
    color: #2095CC;
    text-decoration: underline
}

.l-header-category__tab li:nth-of-type(2) a.is-current {
    color: #CF5D93;
    text-decoration: underline
}

.l-header-category__tab a {
    font-size: 1.9rem
}

.l-main.has-smHeader {
    margin-top: -44px
}

@media (min-width: 1024px) {
    .l-main.has-smHeader {
        margin-top: 0
    }
}

.l-main__top {
    padding: 0 10px
}

@media (min-width: 1024px) {
    .l-main__top {
        padding: 0;
        max-width: 1200px;
        margin: 0 auto
    }
}

.l-main__contents {
    padding: 0 10px
}

@media (min-width: 1024px) {
    .l-main__contents {
        padding: 0;
        max-width: 1200px;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .l-main__contents.is-narrow {
        width: 1014px
    }
}

@media (min-width: 1024px) {
    .l-main__contents.has-side {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width: 1024px) {
    .l-main__contents.has-side.is-reverse {
        flex-direction: row-reverse
    }
}

.l-main__contents.has-side.is-reverse .l-main__side {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .l-main__contents.has-side.is-reverse .l-main__side {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .l-main__contents.has-side .l-main__side {
        width: 230px
    }
}

@media (min-width: 1024px) {
    .l-main__contents.has-side .l-main__body {
        width: calc(100% - 270px)
    }
}

@media (min-width: 1024px) {
    .p-top .l-main__side {
        margin-top: -70px
    }
}

.l-navi {
    display: none
}

@media (min-width: 1024px) {
    .l-navi {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 30px 0 35px
    }
}

.l-navi.is-show {
    display: block
}

@media (min-width: 1024px) {
    .l-navi.is-show {
        display: flex
    }
}

.l-navi__search {
    display: none
}

@media (min-width: 1024px) {
    .l-navi__search {
        display: block;
        width: 43%;
        max-width: 360px
    }
}

.l-navi__list {
    display: flex
}

.l-navi__item {
    width: 20%
}

@media (min-width: 1024px) {
    .l-navi__item {
        width: auto
    }
}

.l-navi__item.is-pc {
    display: none
}

@media (min-width: 1024px) {
    .l-navi__item.is-pc {
        display: block
    }
}

@media (min-width: 1024px) {
    .l-navi__item.is-sp {
        display: none
    }
}

@media (min-width: 1024px) {
    .l-navi__item+.l-navi__item {
        margin-left: 20px
    }
}

.l-navi__link {
    display: block;
    text-align: center;
    padding: 27px 0 7px;
    background-repeat: no-repeat;
    background-position: center 8px
}

@media (min-width: 1024px) {
    .l-navi__link {
        background: none;
        padding: 0
    }
}

.l-navi__link.is-shop {
    background-image: url(../image/icon_shop.svg)
}

@media (min-width: 1024px) {
    .l-navi__link.is-shop {
        background: none
    }
}

.l-navi__link.is-item {
    background-image: url(../image/icon_item.svg)
}

@media (min-width: 1024px) {
    .l-navi__link.is-item {
        background: none
    }
}

.l-navi__link.is-history {
    background-image: url(../image/icon_history.svg)
}

@media (min-width: 1024px) {
    .l-navi__link.is-history {
        background: none
    }
}

.l-navi__link.is-favorite {
    background-image: url(../image/icon_favorite.svg)
}

@media (min-width: 1024px) {
    .l-navi__link.is-favorite {
        background: none
    }
}

.l-navi__link.is-search {
    background-image: url(../image/icon_search.svg)
}

@media (min-width: 1024px) {
    .l-navi__link.is-search {
        background: none
    }
}

.l-navi__txt {
    font-size: 1rem
}

@media (max-width: 1023px) {
    .l-navi__txt {
        color: #fff
    }
}

@media (min-width: 1024px) {
    .l-navi__txt {
        font-size: 1.4rem
    }
}

.l-wrap {
    padding: 110.5px 0 0;
    width: 100%;
    overflow: hidden
}

@media (min-width: 1024px) {
    .l-wrap {
        padding: 61px 0 0
    }
}

.c-accordion__btn {
    text-decoration: underline
}

.c-accordion__btn.is-open::after {
    transform: rotate(225deg);
    bottom: -0.1em
}

.c-accordion__btn::after {
    content: "";
    display: inline-block;
    border-bottom: 1px solid #585657;
    border-right: 1px solid #585657;
    transform: rotate(45deg);
    width: 0.6em;
    height: 0.6em;
    position: relative;
    bottom: 0.2em;
    left: 0.5em
}

.c-accordion__body {
    padding-top: 20px
}

.ac-child__item {
    background-color: #f9f9f9;
    font-size: 1.4rem;
    padding-left: calc(10px + 1.5rem)
}

.c-addItem {
    background-color: #EDEDED;
    padding: 30px 10px 45px
}

@media (min-width: 1024px) {
    .c-addItem {
        padding: 30px 30px 30px
    }
}

.c-addItem form {
    display: block;
    width: 100%
}

.c-addItem__ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .c-addItem__ttl {
        justify-content: flex-start
    }
}

.c-addItem__ttl p {
    font-size: 2rem
}

@media (min-width: 1024px) {
    .c-addItem__ttl p {
        margin-right: 35px
    }
}

.c-addItem__ttl a {
    font-size: 1.3rem
}

@media (min-width: 1024px) {
    .c-addItem__block {
        padding: 0;
        width: 100%
    }
}

.c-addItem__block+.c-addItem__block {
    margin-top: 30px
}

.c-addItem__block.has-border+.c-addItem__block.has-border {
    border-top: 1px solid #fff;
    padding: 30px 0 0
}

.c-addItem__block .c-input--select {
    width: 100%
}

.c-addItem__add,
.c-addItem__noStock {
    display: none
}

.c-addItem__add.is-show,
.c-addItem__noStock.is-show {
    display: block
}

.c-addItem__noStock .c-text {
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-addItem__noStock .c-text {
        text-align: center
    }
}

.c-addItem__heading {
    font-size: 1.6rem;
    margin-bottom: 10px
}

.c-addItem__heading2 {
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 10px
}

.c-addItem__select {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px -4px
}

.c-addItem__select.is-height li {
    width: 25%
}

.c-addItem__select.is-drop li {
    width: 50%
}

.c-addItem__select.is-drop2 {
    margin-bottom: -10px
}

.c-addItem__select.is-drop2 li {
    width: calc((100% - 20px) / 3);
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-addItem__select.is-drop2 li {
        width: 91px;
        padding: 0
    }
}

.c-addItem__select.is-drop2 li+li {
    margin-left: 10px
}

.c-addItem__select.is-drop2 li:nth-child(3n+4) {
    margin-left: 0
}

@media (min-width: 1024px) {
    .c-addItem__select.is-drop2 li:nth-child(3n+4) {
        margin-left: 10px
    }
}

.c-addItem__select.is-drop2 li label {
    border: solid 1px #D0D0D0
}

.c-addItem__select.is-drop2 li label>span {
    font-size: 1.4rem
}

.c-addItem__select.is-drop2 li input:checked+label {
    border: solid 3px #2F6BBF
}

.c-addItem__select.is-scroll {
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 5px
}

.c-addItem__select.is-scroll li {
    flex-shrink: 0;
    padding: 0;
    width: 76px;
    height: 76px;
    border-radius: 3px
}

.c-addItem__select.is-scroll li+li {
    margin-left: 10px
}

.c-addItem__select.is-scroll li label {
    border: solid 1px #D0D0D0;
    height: 100%
}

.c-addItem__select.is-scroll li label>span {
    font-size: 1.4rem;
    line-height: 1.5
}

.c-addItem__select.is-scroll li label>span span {
    font-size: 2rem
}

.c-addItem__select.is-scroll li input:checked+label {
    border: solid 3px #2F6BBF
}

.c-addItem__select li {
    padding: 0 2px;
    margin-bottom: 4px;
    text-align: center
}

.c-addItem__select li.is-noStock {
    color: #ccc
}

.c-addItem__select input {
    display: none
}

.c-addItem__select input:checked+label {
    border: 3px solid #ACACAC
}

.c-addItem__select label {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer
}

.c-addItem__select label>span {
    font-size: 1.3rem
}

.c-addItem__select label>span span {
    font-size: 1.6rem
}

.c-addItem__addCart {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2F6BBF;
    color: #fff;
    height: 70px;
    border-radius: 3px
}

@media (min-width: 1024px) {
    .c-addItem__addCart {
        width: 345px;
        margin: 0 auto
    }
}

.c-addItem__addCart span {
    display: inline-block;
    background-image: url(../image/icon_cart-white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    font-size: 1.6rem;
    line-height: 22px
}

.c-addItem__addCart+p {
    text-align: center;
    font-size: 1.3rem;
    margin-top: 10px
}

.c-addItem__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 -16px
}

@media (min-width: 1024px) {
    .c-addItem__btns {
        max-width: 345px;
        margin: 30px auto -16px
    }
}

.c-addItem__btns li {
    width: calc(50% - 8px);
    margin-bottom: 16px
}

.c-addItem__btns li:first-child {
    width: 100%
}

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

.c-addItem__sns li {
    margin: 0 10px
}

.c-addItem .c-input--select {
    width: 100%
}

.c-alert {
    color: red;
    margin-top: 10px
}

.c-awootag__list {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1023px) {
    .c-awootag__list {
        flex-wrap: nowrap;
        overflow-x: auto
    }
}

.c-awootag__item {
    border: solid 1px #ccc;
    border-radius: 13px;
    padding: 3px 10px 6px 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #FFF;
    position: relative;
    white-space: nowrap
}

.c-awootag__item::before {
    content: "#";
    position: absolute;
    left: 10px;
    font-size: 1.2rem;
    top: 50%;
    transform: translateY(-50%)
}

.c-awootag__link {
    font-size: 1.2rem
}

.c-awoo--refineMenu {
    background-color: transparent;
    padding: 0 10px
}

@media (min-width: 1024px) {
    .c-awoo--refineMenu {
        display: none
    }
}

.c-awoo--refineMenu__btns {
    display: flex;
    justify-content: flex-end;
    height: 50px;
    padding: 5px 0;
    box-sizing: content-box
}

.c-awoo--refineMenu__btns>a {
    font-size: 1.2rem;
    width: 80px
}

.c-awoo--refineMenu__btns>a:nth-of-type(1) {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 0 5px;
    justify-content: flex-end;
    background-image: url(../image/icon_show-thumb.png);
    background-repeat: no-repeat;
    background-position: 30px 16px;
    margin-right: 15px
}

.c-awoo--refineMenu__btns>a:nth-of-type(1).is-detail {
    background-image: url(../image/icon_show-detail.gif)
}

.c-awoo--refineMenu__btns div {
    overflow: hidden;
    width: 80px;
    position: relative
}

.c-awoo--refineMenu__btns div a {
    height: 100%;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 0 5px;
    justify-content: flex-end;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_sort.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    pointer-events: none
}

.c-awoo--refineMenu__btns div select {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1024px) {
    .l-main__contents.has-side .l-main__body.l-awoo-main__body {
        width: 100%
    }
}

.c-itemList__item.c-awoo-itemList__item {
    margin-top: 30px
}

@media (min-width: 1024px) {
    .c-itemList__item.c-awoo-itemList__item {
        width: 20%
    }
}

.c-awootag__block {
    margin-top: 20px
}

.c-bannerList {
    margin: 0 -5px -10px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .c-bannerList {
        margin: 0 -10px -20px
    }
}

.c-bannerList__item {
    padding: 0 5px 10px;
    width: 50%
}

@media (min-width: 1024px) {
    .c-bannerList__item {
        padding: 0 10px 20px;
        width: 25%
    }
}

.c-bannerList__link {
    display: block
}

.c-bannerList__img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

.c-bannerList__tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
    font-size: 1rem;
    color: #fff;
    background-color: #ad4b8f;
    min-width: 80px;
    height: 16px;
    line-height: 16px;
    text-align: center
}

.c-bannerList__tag.is-tsc {
    background-color: #000000
}

.c-bannerList__tag.is-wtsc {
    background-color: #898989
}

.c-bannerList__tag.is-ul {
    background-color: #553800
}

.c-bannerList__tag.is-ulm {
    background-color: #C8B076
}

.c-bannerList__tag.is-os {
    background-color: #C66A4B
}

.c-bannerList__tag.is-info {
    background-color: #AD4B8F
}

.c-bannerList__date {
    margin-top: 5px;
    font-size: 1.2rem
}

.c-bannerList__txt {
    margin-top: 5px;
    font-size: 1.4rem;
    line-height: 1.7
}

@media (min-width: 1024px) {
    .c-bannerList__txt {
        line-height: 1.5
    }
}

.p-top .c-bannerList__txt {
    font-size: 1.1rem
}

.c-block+.c-block {
    margin-top: 40px
}

.c-block+.c-block.is-wide {
    margin-top: 60px
}

.c-block+.c-block.is-narrow {
    margin-top: 20px
}

.c-block.is-fit {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 1024px) {
    .c-block.is-fit {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.c-block.is-grey {
    background: #EDEDED
}

.c-block.has-border {
    border-top: 1px solid #EDEDED;
    padding-top: 30px
}

@media (min-width: 1024px) {
    .c-block.has-border {
        padding-top: 50px
    }
}

.c-block---campaign {
    margin-top: 30px
}

@media (min-width: 1024px) {
    .c-block.u-dsp-hidePC+.c-block {
        margin-top: 0px
    }
}

.c-box.is-gray {
    background-color: #EDEDED;
    padding: 30px 10px
}

.p-cart .c-box.is-gray {
    background-color: #F2F2F2
}

.c-box.is-border {
    border: 5px solid #EDEDED;
    padding: 12px
}

.c-box.is-red {
    padding: 20px 10px;
    background: #FFE5E5
}

@media (max-width: 1023px) {
    .c-box.is-sp-wide {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

.c-box.is-return:not(:root) {
    padding: 7px 14px;
    margin: 10px;
    margin-top: -20px
}

.c-box.is-return:not(:root) .c-text.is-red {
    margin-top: 5px
}

@media (min-width: 1024px) {
    .c-box.is-return:not(:root) {
        border: none;
        margin: 20px;
        margin-top: -40px;
        padding: 14px 18px;
        background-color: #fff;
        border-radius: 5px
    }
}

.c-box.has-cashBtn:not(:root) {
    padding: 20px
}

.c-breadcrumb {
    color: #707070;
    margin: 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 1024px) {
    .c-breadcrumb {
        width: 100%;
        margin: 10px 0
    }
}

.c-breadcrumb__item {
    display: inline
}

.c-breadcrumb__item+.c-breadcrumb__item::before {
    content: '>';
    display: inline-block;
    padding: 0 5px
}

.c-breadcrumb__link,
.c-breadcrumb span {
    font-size: 1.1rem
}

.c-button {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 1.4rem;
    padding: 0 10px;
    width: 100%;
    color: inherit;
    cursor: pointer
}

@media (min-width: 1024px) {
    .c-button {
        max-width: 345px
    }

    .c-button:hover {
        opacity: 0.7
    }
}

.c-button img {
    margin-right: 5px
}

.c-button.has-border {
    border: 1px solid #ACACAC
}

.c-button.is-blue {
    background-color: #2F6BBF;
    color: #fff
}

.c-button.is-black {
    background-color: #656364;
    color: #fff
}

.c-button.is-left {
    justify-content: flex-start
}

.c-button.is-wide {
    height: 70px;
    font-size: 1.6rem
}

.c-button.is-middle {
    height: 60px;
    font-size: 1.6rem
}

.c-button.is-short {
    width: 180px
}

.c-button.is-img {
    padding: 0
}

.c-button.is-img img {
    display: block;
    width: 100%;
    margin: 0
}

.c-button.is-firstguide img {
    width: 30px
}

.c-button.is-center {
    margin-right: auto;
    margin-left: auto
}

.c-button.is-disable {
    pointer-events: none;
    opacity: 0.3
}

.c-button.has-arrowTop::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    transform: rotate(45deg);
    margin-right: 10px;
    position: relative;
    top: 4px
}

@media (min-width: 1024px) {
    .c-button.has-arrowTop::before {
        top: 3px
    }
}

@media (min-width: 1024px) {
    .c-buttonGroup {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 730px;
        margin: 0 auto
    }
}

.c-buttonGroup__txt {
    width: 100%;
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .c-buttonGroup__txt {
        padding: 0 10px
    }
}

@media (min-width: 1024px) {
    .c-buttonGroup .c-button {
        width: 345px;
        height: 70px;
        margin: 0 10px
    }
}

.c-buttonGroup .c-button+.c-button {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .c-buttonGroup .c-button+.c-button {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .c-buttonGroup .c-button+.c-buttonGroup__txt {
        margin-top: 15px;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .c-buttonGroup.is-reverse {
        flex-direction: row-reverse
    }
}

.c-button-round {
    border-radius: 30px;
    border: solid 1px #999;
    text-align: center;
    margin: 0 auto;
    line-height: 1.5;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    width: calc(100% - 40px);
    padding: 16px 0
}

@media (min-width: 1024px) {
    .c-button-round {
        width: auto;
        padding: 16px 87px;
        font-size: 18px
    }
}

.c-cartCoupon__content {
    padding: 15px
}

.c-cartCoupon__content label {
    display: none
}

.c-cartCoupon__check {
    display: none
}

.c-cartCoupon__check+label {
    padding-left: 23px;
    position: relative
}

.c-cartCoupon__check+label::before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: solid 1px #707070;
    position: absolute;
    opacity: 0.3;
    left: 2px;
    top: 55%;
    transform: translateY(-50%)
}

.c-cartCoupon__check+label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 7px;
    width: 6px;
    height: 11px;
    opacity: 0.3;
    border-right: 2px solid #707070;
    border-bottom: 2px solid #707070;
    transform: rotate(45deg)
}

.c-cartCoupon__check:checked+label::before {
    background-color: #585657;
    border: solid 1px #585657;
    opacity: 1
}

.c-cartCoupon__check:checked+label::after {
    border-color: #fff;
    opacity: 1
}

.c-cartCoupon__check:checked+label+.c-cartCoupon__detail {
    display: block
}

.c-cartCoupon__detail {
    display: none;
    margin-top: 10px
}

.c-cartCoupon__detail-box {
    border: solid 1px #EFEFEF;
    border-radius: 5px;
    padding: 15px
}

.c-cartPrice {
    border-top: 1px solid #EDEDED
}

.p-cart .c-cartPrice,
.p-shopping .c-cartPrice {
    border-top: none
}

.c-cartPrice__item {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    border-bottom: 1px solid #EDEDED;
    padding: 11px 10px;
    position: relative
}

.p-cart .c-cartPrice__item,
.p-shopping .c-cartPrice__item {
    border-bottom: none;
    padding: 2px 0
}

.c-cartPrice__item.is-gray {
    background-color: #EDEDED
}

.c-cartPrice__item.is-gray+.c-cartPrice__item::before {
    content: '';
    display: block;
    width: calc(100% - 20px);
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 10px
}

.c-cartPrice__item.is-red {
    color: red
}

.c-cartPrice__item.is-semiBold {
    font-weight: 500
}

.c-cartPrice__item.is-bold {
    font-weight: bold
}

@media (min-width: 1024px) {
    .c-cartPrice__item.is-large .c-cartPrice__txt {
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {
    .c-cartPrice__item.is-large .c-cartPrice__price {
        font-size: 1.8rem
    }
}

.c-cartPrice__item.is-total {
    border-top: solid 1px #EDEDED;
    margin-top: 6px;
    padding-top: 6px
}

.c-cartPrice__item.is-total .c-cartPrice__txt {
    font-size: 1.6rem
}

.c-cartPrice__item.is-total .c-cartPrice__price {
    font-size: 1.8rem
}

.c-cartPrice__item.is-total .c-cartPrice__price span {
    font-size: 1.2rem
}

.c-cartPrice__item.is-tpoint {
    padding-top: 6px
}

.c-cartPrice__item.is-tpoint .c-cartPrice__price {
    position: relative;
    top: 5px
}

.c-cartPrice__item.is-dpoint {
    padding-top: 6px
}

.c-cartPrice__item.is-dpoint .c-cartPrice__price {
    position: relative;
    top: -5px
}

.c-cartPrice.is-inBox {
    border-top: 1px solid #EDEDED
}

.c-cartPrice.is-inBox .c-cartPrice__item {
    border-bottom: solid 1px #F2F2F2;
    padding: 15px
}

.c-cartPrice.is-inBox .c-cartPrice__item.has-no-border {
    border-bottom: none
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-total {
    border-top: none;
    padding-top: 8px;
    padding-bottom: 20px
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-total+.c-cartPrice__item {
    padding: 0 15px 20px
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-total .c-cartPrice__price {
    font-size: 2rem
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-total .c-cartPrice__txt span {
    font-size: 1rem
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-point .c-cartPrice__txt {
    font-size: 1.3rem
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-point .c-cartPrice__txt span {
    font-size: 1rem
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-point .c-cartPrice__price {
    font-size: 1.4rem
}

.c-cartPrice.is-inBox .c-cartPrice__item.is-point .c-cartPrice__price span {
    font-size: 1rem
}

.c-cartPrice.is-inBox .c-cartPrice__txt {
    font-size: 1.5rem
}

.c-cartPrice.is-inBox .c-cartPrice__price {
    font-size: 1.6rem
}

.c-cartPrice__txt {
    max-width: 230px;
    font-size: 1.6rem;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .c-cartPrice__txt {
        font-size: 1.4rem
    }
}

.c-cartPrice__txt span {
    font-size: 1.2rem
}

.p-cart .c-cartPrice__txt,
.p-shopping .c-cartPrice__txt {
    font-size: 1.4rem
}

.c-cartPrice__price {
    font-size: 1.8rem;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .c-cartPrice__price {
        font-size: 1.6rem
    }
}

.c-cartPrice__price span {
    font-size: 1.2rem
}

.p-cart .c-cartPrice__price,
.p-shopping .c-cartPrice__price {
    font-size: 1.4rem
}

.p-cart .c-cartPrice__price span,
.p-shopping .c-cartPrice__price span {
    font-size: 1.4rem
}

.c-cartPrice__tpoint {
    display: flex;
    flex-direction: column
}

.c-cartPrice__tpoint img {
    width: 93px;
    height: auto
}

.c-cartPrice__dpoint {
    display: flex;
    flex-direction: column
}

.c-cartPrice__dpoint img {
    width: 86px;
    height: auto
}

.c-cartPrice__wrap {
    background-color: #fff
}

.c-cartPrice__wrap .c-cartCoupon__check+label::after {
    top: 0
}

.c-category {
    display: none;
    border-top: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-category {
        border-top: none;
        background-color: #EDEDED;
        padding: 40px 20px
    }
}

@media (min-width: 1024px) {
    .c-category.is-category-men::after {
        right: 410px
    }
}

@media (min-width: 1024px) {
    .c-category.is-category-women::after {
        right: 335px
    }
}

@media (min-width: 1024px) {
    .c-category::after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: -12px;
        border-bottom: 12px solid #EDEDED;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent
    }
}

.c-category.is-current {
    display: block
}

@media (min-width: 1024px) {
    .c-category.is-current {
        display: none
    }
}

@media (min-width: 1024px) {
    .c-category.is-show {
        display: flex
    }
}

@media (min-width: 1024px) {
    .c-category__block {
        width: 100%
    }
}

.c-category__item {
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-category__item {
        border-bottom: none;
        position: relative
    }
}

.c-category__link {
    display: block;
    font-size: 1.3rem;
    padding: 15px 5px 15px 40px;
    background-repeat: no-repeat;
    background-position: 5px center;
    position: relative
}

@media (min-width: 1024px) {
    .c-category__link {
        padding: 15px 20px 15px 40px;
        font-size: 1.4rem
    }
}

.c-category__link.js-accordion::after {
    background-image: url(../image/icon_plus3.png);
    width: 11px;
    height: 11px;
    background-size: 11px
}

.c-category__link.is-open::after {
    background-image: url(../image/icon_minus3.gif);
    width: 11px;
    height: 11px;
    background-size: 11px
}

.c-category__link::after {
    content: '';
    display: block;
    width: 7px;
    height: 12px;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px
}

@media (min-width: 1024px) {
    .c-category__link::after {
        right: 20px
    }
}

.c-category__slist {
    display: none
}

@media (min-width: 1024px) {
    .c-category__slist {
        background-color: #E2E2E2;
        position: absolute;
        top: calc(100% + 15px);
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
        padding: 20px 40px 30px
    }
}

.c-category__sitem {
    border-top: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-category__sitem {
        border-top: none
    }
}

@media (min-width: 1024px) {
    .c-category__sitem+.c-category__sitem {
        margin-top: 30px
    }
}

.c-category__slink {
    display: block;
    font-size: 1.3rem;
    padding: 15px 5px 15px 40px;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right center
}

@media (min-width: 1024px) {
    .c-category__slink {
        padding: 0;
        background: none
    }
}

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

@media (min-width: 1024px) {
    .c-confirmItem {
        justify-content: flex-start
    }
}

.c-confirmItem .c-text {
    width: calc(100% - 120px)
}

@media (min-width: 1024px) {
    .c-confirmItem .c-text {
        width: 250px
    }
}

.c-confirmItem .c-button {
    width: 105px
}

.c-contents {
    padding: 0 10px
}

@media (min-width: 1024px) {
    .c-contents {
        padding: 0;
        max-width: 1200px;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .c-contents.is-narrow {
        width: 1014px
    }
}

.c-contItemList {
    margin: 30px -7px 0;
    display: flex;
    overflow-x: auto;
    padding-bottom: 20px
}

.c-contItemList__item {
    padding: 0 7px 0;
    flex-shrink: 0;
    width: 32%;
    max-width: 138px;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-contItemList__title {
    font-size: 1.4rem;
    font-weight: 500
}

.c-contItemList__link {
    margin-top: 5px;
    display: block;
    width: 100%
}

.c-contItemList__image {
    width: 100%
}

.c-contItemList__price {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.4rem
}

.c-contItemList__price span {
    display: block
}

.c-contItemList__price.is-sale span {
    font-size: 1.2rem;
    text-decoration: line-through
}

.c-contItemList__price.is-sale span+span {
    font-size: 1.4rem;
    text-decoration: none;
    display: block;
    color: #FF0000
}

.c-contItemList__note {
    font-size: 1.2rem;
    margin-bottom: 10px
}

.c-contItemList__button {
    margin-top: auto;
    padding: 3px 20px 5px;
    border-radius: 14px;
    background: #656364;
    color: #fff;
    font-size: 1.4rem;
    width: 100%;
    text-align: center
}

.c-formItem.is-para {
    display: flex;
    align-items: center
}

.c-formItem__paraItem:first-child {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .c-formItem__paraItem:first-child {
        margin-bottom: 0;
        margin-right: 30px
    }
}

.c-formItem.is-paraPc {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .c-formItem.is-paraPc {
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    .c-formItem.is-paraPc+.c-formItem.is-paraPc {
        margin-top: 20px
    }
}

.c-formItem.is-paraPc.is-spread {
    justify-content: space-between
}

.c-formItem.is-col {
    display: flex;
    flex-direction: column
}

.c-formItem.is-col.is-spread {
    justify-content: space-between
}

.c-formItem.is-col .c-input--radio+.c-input--radio {
    margin-top: 15px
}

.c-formItem.is-col .c-formItem__block+.c-formItem__block {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .c-formItem.is-col .c-formItem__block+.c-formItem__block {
        margin-top: 0
    }
}

.c-formItem.is-col .c-formItem__block+a,
.c-formItem.is-col .c-formItem__block+p {
    padding-top: 15px
}

@media (min-width: 1024px) {

    .c-formItem.is-col .c-formItem__block+a,
    .c-formItem.is-col .c-formItem__block+p {
        padding-top: 0
    }
}

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

.c-formItem__expiration .c-input--select {
    width: 70px !important;
    margin-right: 7px
}

.c-formItem__expirationText:first-of-type {
    display: flex;
    align-items: center;
    margin-right: 22px
}

.c-formItem__expirationText:first-of-type::after {
    content: "";
    height: 50px;
    width: 1px;
    background: #acacac;
    display: block;
    margin-left: 20px;
    transform: rotate(16deg)
}

@media (min-width: 1024px) {
    .c-formItem__security input {
        width: 100px
    }
}

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

.c-formItem__point input {
    width: calc(100% - 43px);
    margin-right: 15px
}

@media (min-width: 1024px) {
    .c-formItem__point input {
        width: 315px
    }
}

.c-formItem__repairSize {
    justify-content: space-between
}

.c-formItem__repairSize select {
    margin-top: 16px
}

.c-formItem__repairSize .c-input--select::after {
    top: 35px
}

.c-formItem__repairSuso .c-input--radio:first-child {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .c-formItem__repairSuso .c-input--radio:first-child {
        margin-bottom: 0;
        margin-right: 60px
    }
}

.c-formItem__repairSuso .c-input--radio label::before {
    top: 9%
}

.c-formItem__repairSuso .c-input--radio label::after {
    top: 9% !important
}

.c-formItem__repairSuso .c-input--radio p {
    margin-top: 5px
}

.c-formItem.is-birth {
    display: flex;
    align-items: center
}

.c-formItem.is-birth .c-input--select {
    width: 70px;
    margin-right: 5px
}

.c-formItem.is-birth .c-input--select:nth-last-of-type(3) {
    width: 100px
}

.c-formItem.is-birth p+.c-input--select {
    margin-left: 20px
}

@media (min-width: 1024px) {

    .c-formItem.is-name,
    .c-formItem.is-address,
    .c-formItem.is-grade {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px -20px
    }
}

@media (min-width: 1024px) {

    .c-formItem.is-name .c-formItem__block,
    .c-formItem.is-address .c-formItem__block,
    .c-formItem.is-grade .c-formItem__block {
        width: 50%;
        padding: 0 10px;
        margin: 0 0 20px
    }
}

.c-formItem.is-name .c-formItem__block+.c-formItem__block,
.c-formItem.is-address .c-formItem__block+.c-formItem__block,
.c-formItem.is-grade .c-formItem__block+.c-formItem__block {
    margin-top: 20px
}

@media (min-width: 1024px) {

    .c-formItem.is-name .c-formItem__block+.c-formItem__block,
    .c-formItem.is-address .c-formItem__block+.c-formItem__block,
    .c-formItem.is-grade .c-formItem__block+.c-formItem__block {
        margin-top: 0
    }
}

.c-formItem.is-gender {
    display: flex
}

.c-formItem.is-gender .c-input--radio+.c-input--radio {
    margin-left: 20px
}

.c-formItem.is-postcode .c-formItem__block {
    display: flex;
    align-items: center;
    margin: 5px 0
}

.c-formItem.is-postcode .c-formItem__block p {
    margin: 0 10px
}

.c-formItem.is-postcode .c-formItem__block .c-input--text:nth-of-type(1) {
    width: 75px
}

.c-formItem.is-postcode .c-formItem__block .c-input--text:nth-of-type(2) {
    width: 110px
}

.c-formItem.is-postcode .c-formItem__block .c-button {
    margin-left: 20px
}

@media (min-width: 1024px) {
    .c-formItem.is-postcode .c-formItem__block .c-button {
        width: 100px
    }
}

.c-formItem.is-coupon .c-formItem__block {
    display: flex;
    align-items: center;
    margin: 5px 0;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .c-formItem.is-coupon .c-formItem__block {
        justify-content: flex-start
    }
}

.c-formItem.is-coupon .c-formItem__block .c-input--text {
    width: calc(70% - 5px);
    padding: 8px 10px
}

@media (min-width: 1024px) {
    .c-formItem.is-coupon .c-formItem__block .c-input--text {
        width: 210px;
        padding: 9px 10px
    }
}

.c-formItem.is-coupon .c-formItem__block .c-button {
    margin-left: 5px;
    width: calc(100% * 90 / 305);
    height: 36px
}

@media (min-width: 1024px) {
    .c-formItem.is-coupon .c-formItem__block .c-button {
        width: 90px
    }
}

@media (min-width: 1024px) {
    .c-formItem.is-myShop {
        display: flex;
        flex-wrap: wrap
    }
}

.c-formItem.is-myShop .c-input--radio+.c-input--radio {
    margin-top: 15px
}

@media (min-width: 1024px) {
    .c-formItem.is-myShop .c-input--radio {
        width: 50%;
        margin-top: 20px
    }
}

.c-formItem.is-myShop .c-input--radio label {
    line-height: 1
}

@media (min-width: 1024px) {
    .c-formItem.is-myShop .c-input--radio label {
        line-height: 1.4
    }
}

@media (min-width: 1024px) {
    .c-formItem.is-magazine {
        display: flex;
        flex-wrap: wrap
    }
}

.c-formItem__magazinBlock {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0
}

@media (min-width: 1024px) {
    .c-formItem__magazinBlock {
        width: 50%;
        margin: 20px 0 20px
    }
}

@media (min-width: 1024px) {
    .c-formItem__magazinBlock.is-wide {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .c-formItem__magazinBlock.is-auto {
        width: auto
    }
}

.c-formItem__magazinBlock+.c-formItem__magazinBlock {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .c-formItem__magazinBlock:nth-of-type(n+3) {
        margin-top: 0
    }
}

.c-formItem__magazinBlock .c-input--check {
    width: 50%
}

@media (min-width: 1024px) {
    .c-formItem__magazinBlock .c-input--check {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .c-formItem__magazinBlock .c-input--check+.c-input--check {
        margin: 10px 0
    }
}

.c-formItem__magazinBlock .c-input--check.is-men {
    color: #2095CC
}

.c-formItem__magazinBlock .c-input--check.is-women {
    color: #CF5D93
}

.c-formItem__magazinImg {
    width: 100%;
    margin-bottom: 10px
}

.is-wide .c-formItem__magazinImg {
    margin: 0 -5px 0;
    display: flex;
    flex-wrap: wrap
}

.c-formItem__magazinImgInner {
    padding: 0 5px 10px
}

.c-formItem.is-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -12px
}

.c-formItem.is-wrap .c-input--radio {
    margin-bottom: 12px;
    margin-right: 52px
}

.c-heading--lv1 {
    font-size: 2.2rem;
    margin-bottom: 20px;
    line-height: 1.6;
    font-weight: 500
}

@media (min-width: 1024px) {
    .c-heading--lv1 {
        margin-bottom: 40px
    }
}

.c-heading--lv1.has-description {
    padding-right: 50px;
    position: relative
}

@media (min-width: 1024px) {
    .c-heading--lv1.has-description {
        padding-right: 300px
    }
}

.c-heading--lv1__txt {
    position: relative
}

.c-heading--lv1 span {
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-heading--lv1 span {
        font-size: 1.2rem
    }
}

.c-heading--lv1__description {
    background-color: #EDEDED;
    width: calc(100% + 50px);
    font-size: 1.2rem;
    overflow: hidden;
    max-height: 0;
    line-height: 0;
    opacity: 0;
    transition: max-height .4s ease-in-out, padding-top .4s ease-in-out, padding-bottom .4s ease-in-out, line-height .4s ease-in-out
}

@media (min-width: 1024px) {
    .c-heading--lv1__description {
        width: calc(100% + 300px);
        margin: 0
    }
}

.c-heading--lv1__description.is-open {
    max-height: 100vh;
    line-height: 1.8;
    padding: 10px 15px;
    opacity: 1
}

@media (min-width: 1024px) {
    .c-heading--lv1__description.is-open {
        margin-top: 10px
    }
}

.c-heading--lv1__descriptionBtn {
    display: block;
    width: 34px;
    height: 19px;
    position: absolute;
    bottom: 0;
    right: -50px;
    background-color: #EDEDED;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_dots_sm.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px
}

@media (min-width: 1024px) {
    .c-heading--lv1__descriptionBtn {
        right: -300px
    }
}

.c-heading--lv1__descriptionBtn.is-open {
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_close-gray.png);
    border-radius: 3px 3px 0 0;
    background-size: 12px 12px
}

.c-heading--lv1 .c-input--select {
    display: none
}

@media (min-width: 1024px) {
    .c-heading--lv1 .c-input--select {
        display: block;
        width: 245px;
        position: absolute;
        bottom: 0;
        right: -250px
    }

    .c-heading--lv1 .c-input--select::before {
        top: 15px
    }

    .c-heading--lv1 .c-input--select select {
        height: 35px;
        font-size: 1.4rem
    }
}

.c-heading--lv1+.c-text {
    margin: -15px 0 20px
}

@media (min-width: 1024px) {
    .c-heading--lv1+.c-text {
        margin: -35px 0 40px
    }
}

.c-heading--lv1.--medium {
    font-size: 2rem
}

.c-heading--lv2 {
    font-size: 1.7rem;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.4
}

@media (min-width: 1024px) {
    .c-heading--lv2 {
        font-size: 1.8rem
    }
}

.c-heading--lv2+.c-text {
    margin-top: -10px;
    margin-bottom: 20px
}

.c-heading--lv2.is-small {
    font-size: 1.5rem
}

.c-heading--lv3 {
    font-size: 1.6rem;
    margin-bottom: 10px;
    font-weight: 500;
    background-color: #EDEDED;
    padding: 10px 5px
}

@media (min-width: 1024px) {
    .c-heading--lv3 {
        font-size: 1.6rem;
        margin-bottom: 15px
    }
}

.c-heading--lv3+.c-list {
    margin-top: -10px
}

@media (min-width: 1024px) {
    .c-heading--lv3+.c-list {
        margin-top: -15px
    }
}

.c-heading--lv3+.c-list__paraPc {
    margin-top: 15px
}

.c-help {
    margin: 40px 0 0;
    padding-top: 40px;
    border-top: 2px dotted #ACACAC
}

@media (min-width: 1024px) {
    .c-help {
        padding-top: 0;
        border: none
    }
}

@media (min-width: 1024px) {
    .c-help .c-button {
        height: 50px
    }
}

@media (min-width: 1024px) {
    .c-help .c-text {
        text-align: center
    }
}

.c-help .c-buttonGroup {
    margin-bottom: 30px
}

.c-include--sp {
    display: block;
    width: 100%
}

@media (min-width: 1024px) {
    .c-include--sp {
        display: none
    }
}

.c-include--pc {
    display: none;
    width: 100%
}

@media (min-width: 1024px) {
    .c-include--pc {
        display: block
    }
}

.c-input--text {
    display: block;
    border-radius: 3px;
    padding: 16px 10px 13px;
    width: 100%;
    color: #585657;
    border: none;
    border: 1px solid #ACACAC;
    line-height: 1
}

@media (min-width: 1024px) {
    .c-input--text {
        max-width: 345px;
        padding: 15px 10px
    }
}

.c-input--text::-webkit-input-placeholder {
    color: #BCBCBC
}

.c-input--text:-ms-input-placeholder {
    color: #BCBCBC
}

.c-input--text::placeholder {
    color: #BCBCBC
}

.c-input--text.has-noBorder {
    border: none
}

.c-input--text.is-error {
    border: 1px solid #FF0000;
    background-color: #FFE5E5;
    margin-bottom: 5px
}

.c-input--select {
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .c-input--select {
        max-width: 345px
    }
}

.c-input--select.is-noBorder select {
    border: none
}

.c-input--select::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    display: block;
    transform: rotate(45deg);
    z-index: 1;
    pointer-events: none
}

.c-input--select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: 1px solid #ACACAC;
    border-radius: 3px;
    background: #fff;
    height: 50px;
    padding-left: 10px;
    width: 100%;
    color: #585657
}

.c-input--check label {
    display: inline-block;
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
    line-height: 26px
}

.c-input--check label::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px
}

.c-input--check label::after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 9px;
    height: 15px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    z-index: 1
}

.c-input--check input {
    display: none
}

.c-input--check input:checked+label::before {
    background-color: #585657
}

.c-input--radio label {
    display: block;
    position: relative;
    padding: 0 0 0 30px;
    cursor: pointer;
    line-height: 26px
}

.c-input--radio label::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
    border: 1px solid #ACACAC;
    border-radius: 50%
}

.c-input--radio input {
    display: none
}

.c-input--radio input:checked+label::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 5px;
    z-index: 1;
    border-radius: 50%;
    background: #666666
}

.c-input--textarea {
    display: block;
    border-radius: 3px;
    padding: 16px 10px 13px;
    width: 100%;
    color: #585657;
    border: none;
    border: 1px solid #ACACAC;
    line-height: 1.6
}

@media (min-width: 1024px) {
    .c-input--textarea {
        width: 345px;
        padding: 15px 10px
    }
}

.c-input--textarea.is-large {
    height: 180px
}

.c-input--textarea.is-error {
    border: 1px solid #FF0000;
    background-color: #FFE5E5;
    margin-bottom: 5px
}

.c-input--textarea::-webkit-input-placeholder {
    color: #BCBCBC
}

.c-input--textarea:-ms-input-placeholder {
    color: #BCBCBC
}

.c-input--textarea::placeholder {
    color: #BCBCBC
}

.c-item {
    position: relative
}

.c-item+.c-productMain__icon {
    display: none
}

@media (min-width: 1024px) {
    .c-item.has-hover:hover {
        top: -22px;
        right: 98px;
        z-index: 1;
        width: calc(100% + 120px);
        border: 2px solid #CCCCCC;
        background-color: #fff;
        padding: 20px 20px 20px 96px;
        border-radius: 3px
    }

    .c-item.has-hover:hover .c-item__link {
        opacity: 1
    }

    .c-item.has-hover:hover .c-item__fav {
        right: 15px;
        bottom: 146px
    }

    .c-item.has-hover:hover .c-item__fav.is-delete {
        bottom: 36px
    }

    .c-item.has-hover:hover .c-item__thumbs {
        display: flex;
        flex-wrap: wrap;
        width: 76px;
        justify-content: space-between;
        position: absolute;
        top: 55px;
        left: 20px
    }

    .c-item.has-hover:hover .c-item__thumbs div {
        width: 70px
    }

    .c-item.has-hover:hover .c-item__thumbs div+div {
        margin-top: 6px
    }

    .c-item.has-hover:hover .c-item__thumbs img {
        display: block;
        width: 100%
    }
}

.c-item.is-rank .c-item__img {
    position: relative
}

.c-item.is-rank .c-item__img span {
    display: block;
    width: 20px;
    height: 21px;
    background-color: #fff;
    text-align: center;
    line-height: 21px;
    border-radius: 20px;
    font-size: 1.4rem;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1
}

.c-item.is-rank--1 .c-item__img span {
    background-color: #C1AC59;
    color: #fff
}

.c-item.is-rank--2 .c-item__img span {
    background-color: #A4ACB9;
    color: #fff
}

.c-item.is-rank--3 .c-item__img span {
    background-color: #B58D92;
    color: #fff
}

.c-item__link {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .c-item__link {
        display: block
    }

    .c-item__link:hover {
        opacity: 0.7
    }
}

.c-item__label {
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    font-size: 1rem;
    width: 100%
}

@media (min-width: 1024px) {
    .c-item__label {
        font-size: 1.2rem;
        height: 35px
    }
}

.c-item__label li {
    margin: 0 10px 5px 0
}

.c-item__label--new,
.c-item__label--sale {
    color: red;
    font-weight: 500
}

.c-item__label--soldout {
    color: #ccc
}

.c-item__img {
    width: 100%;
    margin-bottom: 5px
}

.c-item__img img {
    display: block;
    width: 100%;
    height: auto
}

.c-item__thumbs {
    display: none
}

.c-item__brand {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    width: 100%
}

.c-item__txt {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6;
    height: 3.2em;
    overflow: hidden
}

.c-item__txt+.c-item__txt {
    display: none
}

.c-item__price {
    margin-top: 5px;
    font-size: 1.2rem;
    height: 35px
}

@media (min-width: 1024px) {
    .c-item__price {
        font-size: 1rem;
        height: 35px
    }
}

.c-item__price.is-sale {
    font-size: 1.2rem;
    margin-bottom: 8px
}

.c-item__price.is-sale>span:nth-of-type(1) {
    font-size: 1.2rem;
    text-decoration: line-through
}

.c-item__price.is-sale>span:nth-of-type(1) span {
    font-size: 1.2rem
}

.c-item__price.is-sale>span:nth-of-type(2) {
    margin-top: 5px;
    display: block;
    font-size: 1.2rem;
    color: red
}

@media (min-width: 1024px) {
    .c-item__price.is-sale>span:nth-of-type(2) {
        font-size: 1rem
    }
}

.c-item__price.is-sale>span:nth-of-type(2) span {
    font-size: 1.8rem
}

@media (min-width: 1024px) {
    .c-item__price.is-sale>span:nth-of-type(2) span {
        font-size: 1.6rem
    }
}

.c-item__price.is-sale>span:nth-of-type(2) span.sale-percent {
    display: inline-block;
    vertical-align: bottom;
    border-radius: 3px;
    margin-left: 10px;
    padding: 4px;
    color: #fff;
    background-color: red;
    font-size: 1.3rem;
    vertical-align: baseline
}

.c-item__price>span:nth-of-type(1) {
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-item__price>span:nth-of-type(1) {
        font-size: 1rem
    }
}

.c-item__price>span:nth-of-type(1) span {
    font-size: 1.8rem
}

@media (min-width: 1024px) {
    .c-item__price>span:nth-of-type(1) span {
        font-size: 1.6rem
    }
}

.c-item__fav {
    display: block;
    width: 20px;
    height: 18px;
    background-image: url(../image/icon_favorite-dis.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 15px;
    right: 0
}

@media (min-width: 1024px) {
    .c-item__fav {
        width: 18px;
        height: 15px;
        bottom: 15px
    }
}

.c-item__fav.is-active {
    background-image: url(../image/icon_favorite-act.png)
}

.c-item__fav.is-delete {
    background: none;
    font-size: 1.2rem;
    text-decoration: underline;
    width: 2em;
    bottom: 13px
}

@media (min-width: 1024px) {
    .c-item__fav.is-delete {
        bottom: 16px
    }
}

.c-item__txt--abbr {
    position: relative;
    line-height: 1.25;
    height: calc(1.25em * 2);
    overflow: hidden;
    background: #FFF
}

.c-item__txt--abbr span {
    margin-right: 1em
}

.c-item__txt--abbr:before {
    content: "…";
    bottom: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 30%);
    padding-left: 1em
}

.c-item__txt--abbr:after {
    content: "";
    width: 100%;
    height: 100%;
    margin-left: -1em;
    position: absolute;
    background: #FFF
}

.p-product-list .c-itemList {
    column-gap: 5px
}

@media (min-width: 1024px) {
    .p-product-list .c-itemList {
        column-gap: 16px
    }
}

.p-product-list .c-itemList__item {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    padding: 0 10px 21px 10px;
    border-radius: 5px;
    width: calc(50% - 2.5px);
    position: relative;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .p-product-list .c-itemList__item {
        width: calc(25% - 15.5px)
    }
}

.p-product-list .c-item {
    position: static
}

@media (min-width: 1024px) {
    .p-product-list .c-item.has-hover:hover {
        border: 1px solid #E3E3E3;
        top: -1px;
        right: -1px;
        position: absolute;
        width: calc(100% + 85px);
        padding: 0px 10px 21px 93px;
        border-radius: 5px
    }

    .p-product-list .c-item.has-hover .c-item__fav {
        right: 5px;
        bottom: 5px
    }

    .p-product-list .c-item.has-hover .c-item__thumbs {
        top: 35px
    }
}

.p-product-list .c-item__img {
    position: relative
}

.p-product-list .c-item__fav {
    background-image: url(../image/icon_favorite-dis-230731.png);
    width: 24px;
    height: 20px;
    right: 5px;
    bottom: 5px;
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer
}

.p-product-list .c-item__fav.is-active {
    background-image: url(../image/icon_favorite-act-230731.png)
}

@media (max-width: 1023px) {
    .c-button.is-fixed {
        transition: opacity 0.3s, visibility 0.3s;
        width: 60px;
        height: 60px;
        position: fixed;
        right: 10px;
        bottom: 70px;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        border-radius: 9999px;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        opacity: 0;
        visibility: hidden
    }

    .c-button.is-fixed.is-show {
        opacity: 1;
        visibility: visible
    }

    .c-button.is-fixed img {
        margin-right: 0;
        margin-bottom: 7px
    }
}

@media (min-width: 1024px) {
    .c-button.is-fixed {
        display: none
    }
}

.c-itemList {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px -25px
}

@media (min-width: 1024px) {
    .c-itemList {
        margin: 10px -6px -30px
    }
}

@media (min-width: 1024px) {

    .c-itemList.has-hover.is-history .c-itemList__item,
    .c-itemList.has-hover.is-favorite .c-itemList__item {
        min-height: 420px;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .c-itemList.is-small {
        min-height: auto
    }
}

@media (max-width: 1023px) {
    .c-itemList.is-small .c-itemList__item {
        width: 33.3333%
    }
}

.c-itemList.is-small .c-item__price>span:nth-of-type(1) {
    font-size: 1.1rem
}

@media (min-width: 1024px) {
    .c-itemList.is-small .c-item__price>span:nth-of-type(1) {
        font-size: 1rem
    }
}

.c-itemList.is-small .c-item__price>span:nth-of-type(1) span {
    font-size: 1.4em
}

@media (min-width: 1024px) {
    .c-itemList.is-small .c-item__price>span:nth-of-type(1) span {
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {
    .c-itemList.type-b {
        min-height: auto
    }
}

.c-itemList.type-b .c-itemList__item {
    width: 33.3333%
}

@media (min-width: 1024px) {
    .c-itemList.type-b .c-itemList__item {
        width: 12.5%
    }
}

.c-itemList.type-b .c-itemList__item:nth-of-type(n+4) {
    display: none
}

@media (min-width: 1024px) {
    .c-itemList.type-b .c-itemList__item:nth-of-type(n+4) {
        display: block
    }
}

.c-itemList.type-b .c-item__price>span:nth-of-type(1) {
    font-size: 1.1rem
}

@media (min-width: 1024px) {
    .c-itemList.type-b .c-item__price>span:nth-of-type(1) {
        font-size: 1rem
    }
}

.c-itemList.type-b .c-item__price>span:nth-of-type(1) span {
    font-size: 1.4em
}

@media (min-width: 1024px) {
    .c-itemList.type-b .c-item__price>span:nth-of-type(1) span {
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {

    .c-itemList.is-ranking,
    .c-itemList.is-recommend {
        min-height: auto
    }
}

.c-itemList.is-ranking .c-itemList__item,
.c-itemList.is-recommend .c-itemList__item {
    width: 33.3333%
}

@media (min-width: 1024px) {

    .c-itemList.is-ranking .c-itemList__item,
    .c-itemList.is-recommend .c-itemList__item {
        width: 16.6666%
    }
}

.c-itemList.is-ranking .c-item__price>span:nth-of-type(1),
.c-itemList.is-recommend .c-item__price>span:nth-of-type(1) {
    font-size: 1.1rem
}

@media (min-width: 1024px) {

    .c-itemList.is-ranking .c-item__price>span:nth-of-type(1),
    .c-itemList.is-recommend .c-item__price>span:nth-of-type(1) {
        font-size: 1rem
    }
}

.c-itemList.is-ranking .c-item__price>span:nth-of-type(1) span,
.c-itemList.is-recommend .c-item__price>span:nth-of-type(1) span {
    font-size: 1.4em
}

@media (min-width: 1024px) {

    .c-itemList.is-ranking .c-item__price>span:nth-of-type(1) span,
    .c-itemList.is-recommend .c-item__price>span:nth-of-type(1) span {
        font-size: 1.6rem
    }
}

@media (max-width: 1023px) {
    .c-itemList.is-sp-scroll {
        margin-bottom: 0;
        padding-bottom: 15px;
        overflow-x: auto;
        flex-wrap: nowrap
    }
}

@media (max-width: 1023px) {
    .c-itemList.is-sp-scroll .c-itemList__item {
        margin-bottom: 0;
        width: 40%;
        flex-shrink: 0
    }
}

@media (min-width: 1024px) {
    .c-itemList.is-sp-scroll .c-itemList__item {
        width: 16.66667%
    }
}

@media (max-width: 1023px) {
    .c-itemList--spScroll {
        margin-bottom: 0;
        padding-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap
    }
}

@media (max-width: 1023px) {
    .c-itemList--spScroll .c-itemList__item {
        margin-bottom: 0;
        width: 38%;
        flex-shrink: 0;
        min-width: 130px
    }
}

.c-itemList--spScroll .c-itemList__item:nth-child(n+9) {
    display: none
}

.c-itemList__item {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 25px
}

@media (min-width: 1024px) {
    .c-itemList__item {
        width: 25%;
        padding: 0 6px;
        margin-bottom: 30px;
        position: relative
    }
}

.c-itemList__link {
    display: block
}

.c-itemList__img {
    display: block;
    width: 100%
}

.c-itemList__txt {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 5px
}

.c-itemList.is-ranking.is-scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 0
}

.c-itemList.is-ranking.is-scroll>* {
    min-width: 135px;
    margin-bottom: 0
}

.c-itemList.is-ranking.is-scroll>* .c-item.is-rank .c-item__img span {
    width: 16px;
    height: 17px;
    line-height: 17px;
    font-size: 1.1rem;
    top: 4px;
    left: 5px;
    z-index: 1
}

.c-itemList.is-ranking.is-scroll>* .c-item__price>span:nth-of-type(1) span {
    font-size: 14px
}

@media (min-width: 1024px) {
    .c-itemList.is-ranking.is-scroll>* .c-item__price>span:nth-of-type(1) span {
        font-size: 15px
    }
}

@media (min-width: 1024px) {
    .c-itemList.is-ranking.is-scroll>* {
        min-width: 105px
    }
}

.c-itemList.u-text-mt-none .c-text+.c-text {
    margin-top: 0
}

.c-itemList.u-text-mt-none .c-text.is-xxx-small {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.c-itemList.is-showDetail {
    display: block
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail {
        display: flex
    }
}

.c-itemList.is-showDetail .c-itemList__item {
    width: 100%
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail .c-itemList__item {
        width: 25%
    }
}

.c-itemList.is-showDetail .c-item__label {
    order: 2;
    margin-bottom: 10px
}

@media (max-width: 1023px) {
    .c-itemList.is-showDetail .c-item__label {
        height: auto
    }
}

.c-itemList.is-showDetail .c-item__img {
    order: 1
}

@media (max-width: 1023px) {
    .c-itemList.is-showDetail .c-item__img {
        margin-bottom: 20px
    }
}

.c-itemList.is-showDetail .c-item__brand {
    order: 3;
    margin-bottom: 5px
}

@media (max-width: 1023px) {
    .c-itemList.is-showDetail .c-item__brand {
        font-size: 1.6rem
    }
}

.c-itemList.is-showDetail .c-item__txt {
    order: 4
}

@media (max-width: 1023px) {
    .c-itemList.is-showDetail .c-item__txt {
        font-size: 1.4rem
    }
}

.c-itemList.is-showDetail .c-item__txt+.c-item__txt {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail .c-item__txt+.c-item__txt {
        display: none
    }
}

.c-itemList.is-showDetail .c-item .c-review {
    width: 100%;
    margin-top: 10px;
    order: 6;
    font-size: 1.4rem
}

.c-itemList.is-showDetail .c-item__price {
    order: 5
}

.c-itemList.is-showDetail .c-item__price.is-sale {
    font-size: 1.2rem
}

.c-itemList.is-showDetail .c-item__price.is-sale>span:nth-of-type(1) {
    font-size: 1.2rem;
    text-decoration: line-through
}

.c-itemList.is-showDetail .c-item__price.is-sale>span:nth-of-type(1) span {
    font-size: 1.2rem
}

.c-itemList.is-showDetail .c-item__price.is-sale>span:nth-of-type(2) {
    margin-top: 5px;
    display: block;
    font-size: 1.6rem;
    color: red
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail .c-item__price.is-sale>span:nth-of-type(2) {
        font-size: 1rem
    }
}

.c-itemList.is-showDetail .c-item__price.is-sale>span:nth-of-type(2) span {
    font-size: 2.4rem
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail .c-item__price.is-sale>span:nth-of-type(2) span {
        font-size: 1.6rem
    }
}

.c-itemList.is-showDetail .c-item__price>span:nth-of-type(1) {
    font-size: 1.6rem
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail .c-item__price>span:nth-of-type(1) {
        font-size: 1rem
    }
}

.c-itemList.is-showDetail .c-item__price>span:nth-of-type(1) span {
    font-size: 2.4rem
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail .c-item__price>span:nth-of-type(1) span {
        font-size: 1.6rem
    }
}

.c-itemList.is-showDetail .c-item+.c-productMain__icon {
    display: flex
}

@media (min-width: 1024px) {
    .c-itemList.is-showDetail .c-item+.c-productMain__icon {
        display: none
    }
}

.c-list.is-media .c-item__label {
    height: auto
}

.c-keyword__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -10px
}

.c-keyword__list+.c-keyword__list {
    margin-top: 10px
}

.c-keyword__item {
    padding: 0 5px;
    margin-bottom: 10px
}

.c-keyword__item:nth-of-type(1) {
    width: 100%
}

@media (min-width: 1024px) {
    .c-keyword__item:nth-of-type(1) {
        width: auto
    }
}

.c-keyword__item a {
    display: flex;
    align-items: center;
    background-color: #EDEDED;
    font-size: 1.4rem;
    padding: 15px 10px;
    border-radius: 3px
}

@media (min-width: 1024px) {
    .c-keyword__item a {
        padding: 18px 15px
    }
}

.c-label {
    display: flex
}

.c-label__item {
    font-size: 1.2rem;
    margin-right: 10px
}

@media (min-width: 1024px) {
    .c-label__item {
        margin-right: 15px
    }
}

.c-label__item.is-new {
    color: #ff0000
}

.c-label__item.is-soldout {
    color: #CCCCCC
}

.c-link {
    font-size: 1.3rem
}

.c-link a {
    display: inline-block;
    font-size: 1.3rem;
    padding: 0 15px 0 0;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;
    line-height: 1.75
}

.c-link.is-right {
    text-align: right
}

.c-link.is-center {
    text-align: center
}

.c-link.is-blank a {
    background-image: url(../image/icon_blank.gif)
}

.c-pagelink {
    display: inline-block;
    padding-top: 100px;
    margin-top: -100px
}

.c-list {
    border-top: 1px solid #EDEDED
}

.c-list__item {
    border-bottom: 1px solid #EDEDED
}

.c-list__item .c-list {
    border-top: none
}

.c-list__item .c-list--top {
    background-color: #F8F8F8;
    border-top: solid 1px #EDEDED;
    padding-bottom: 23px;
    padding-left: 20px;
    padding-top: 7px;
    padding-right: 20px
}

@media (min-width: 1024px) {
    .c-list__item .c-list--top {
        padding-right: 0;
        padding-bottom: 20px;
        padding-top: 10px
    }
}

.c-list__item .c-list .c-list__item {
    border-top: 1px solid #EDEDED;
    border-bottom: none
}

.c-list__item .c-list .c-list__item--top {
    border-top: none;
    border-bottom: none
}

.c-list__item .c-list .c-list__link {
    padding: 14px 30px
}

@media (min-width: 1024px) {
    .c-list__item .c-list .c-list__link {
        padding: 14px 30px 14px 30px
    }
}

.c-list__link {
    display: block;
    font-size: 1.6rem;
    padding: 18px 5px;
    line-height: 1.6;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right 5px center
}

@media (min-width: 1024px) {
    .c-list__link {
        font-size: 1.4rem;
        padding: 14px 25px 14px 10px
    }
}

.c-list__link.is-blank::after {
    content: '';
    width: 1em;
    height: 1em;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../image/icon_blank.gif);
    background-position: center;
    background-size: auto;
    margin-left: 5px
}

.c-list__link.has-child {
    background-image: url(../image/icon_plus.png)
}

.c-list__link.has-child.is-open {
    background-image: url(../image/icon_minus.gif)
}

.c-list__iconLink {
    position: relative;
    display: block;
    font-size: 1.6rem;
    padding: 21px 5px 21px 62px;
    line-height: 1.6;
    background-repeat: no-repeat;
    background-position: left 14px top 16px;
    background-size: auto 35px
}

@media (min-width: 1024px) {
    .c-list__iconLink {
        font-size: 1.4rem;
        padding: 14px 25px 14px 40px;
        background-position: left 5px center;
        background-size: 22px
    }
}

.c-list__iconLink::after {
    content: '';
    display: block;
    width: 7px;
    height: 12px;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px
}

@media (min-width: 1024px) {
    .c-list__iconLink::after {
        left: auto;
        right: 5px
    }
}

.c-list__iconLink--top {
    padding: 11px 5px 11px 43px
}

@media (min-width: 1024px) {
    .c-list__iconLink--top {
        padding: 10px 10px 10px 30px
    }
}

.c-list__iconLink--top::after {
    right: 2px
}

@media (min-width: 1024px) {
    .c-list__iconLink--top::after {
        right: auto;
        left: 14px
    }
}

.c-list__iconLink--all {
    background-color: #fff;
    border: solid 1px #EDEDED;
    border-radius: 3px;
    padding: 6px 0;
    text-align: center;
    margin-top: 5px
}

@media (min-width: 1024px) {
    .c-list__iconLink--all {
        padding: 6px 0;
        margin-top: 7px;
        max-width: 190px
    }
}

.c-list__iconLink--all::after {
    right: 10px;
    left: auto
}

.c-list__iconLink.has-child::after {
    background-image: url(../image/icon_plus.png);
    width: 11px;
    height: 11px;
    background-size: 11px
}

.c-list__iconLink.has-child.is-open::after {
    background-image: url(../image/icon_minus.gif);
    width: 11px;
    height: 11px;
    background-size: 11px
}

.c-list__paraPc {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .c-list__paraPc {
        flex-direction: row
    }
}

.c-list__paraPc.is-spread {
    justify-content: space-between
}

.c-list__col {
    display: flex;
    flex-direction: column
}

.c-list__col.is-spread {
    justify-content: space-between
}

.c-list__col .c-list__item {
    border-bottom: none
}

.c-list__col .c-list__item+.c-list__item {
    border-top: 1px solid #EDEDED;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 0
}

.c-mediaBanner {
    display: block;
    max-width: 754px;
    margin: 0 auto
}

.c-mediaBanner img {
    display: block;
    width: 100%
}

.c-mediaList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px -4px
}

@media (min-width: 1024px) {
    .c-mediaList {
        margin: 0 -3px -6px
    }
}

@media (min-width: 1024px) {
    .c-mediaList.is-mens .c-mediaList__item {
        width: 25%
    }
}

@media (min-width: 1024px) {
    .c-mediaList.is-ladies .c-mediaList__item {
        width: 16.6666%
    }
}

.c-mediaList__item {
    width: 25%;
    padding: 0 2px;
    margin: 0 0 4px
}

@media (min-width: 1024px) {
    .c-mediaList__item {
        padding: 0 3px;
        margin: 0 0 6px
    }
}

.c-mediaList__link {
    display: flex;
    height: 83px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ACACAC;
    border-radius: 3px;
    font-size: 1.6rem;
    position: relative;
    text-align: center
}

.c-mediaList__link::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-left: 1px solid #ACACAC;
    border-bottom: 1px solid #ACACAC;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -5px
}

.c-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    padding: 0;
    background-image: url(../image/icon_close.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right 10px top 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s 0.3s, background-color 0.3s
}

@media (min-width: 1024px) {
    .c-menu {
        position: absolute;
        top: 60px;
        left: auto;
        right: 0;
        width: auto;
        height: auto;
        background: none;
        background-color: #EDEDED;
        padding: 0;
        transition: none;
        overflow: visible
    }
}

@media (min-width: 1024px) {
    .c-menu::after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: -12px;
        right: 4px;
        border-bottom: 12px solid #EDEDED;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent
    }
}

.c-menu.is-show {
    background-color: rgba(172, 172, 172, 0.9);
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.1s, background-color 0.3s
}

@media (min-width: 1024px) {
    .c-menu.is-show {
        transition: none;
        background-color: #EDEDED
    }
}

.c-menu.is-show .c-menu__inner2 {
    left: 0
}

.c-menu__inner {
    padding: 0 40px 0 0
}

.c-menu__inner2 {
    background-color: #fff;
    padding: 20px 10px 150px;
    position: relative;
    left: -100%;
    transition: left 0.2s
}

@media (min-width: 1024px) {
    .c-menu__inner2 {
        background-color: transparent;
        height: auto;
        display: flex;
        padding: 30px 40px 35px 0;
        overflow: hidden;
        left: 0
    }
}

@media (min-width: 1024px) {
    .c-menu__block {
        margin: 0 40px;
        margin: 0 0 0 40px
    }
}

@media (min-width: 1024px) {
    .c-menu__block.is-sp {
        display: none
    }
}

.c-menu__heading {
    font-size: 1.6rem;
    padding: 7px 5px;
    background-color: #EDEDED;
    color: #707070;
    font-weight: 500
}

@media (min-width: 1024px) {
    .c-menu__heading {
        padding: 0;
        margin-bottom: 20px
    }
}

.c-menu__item {
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-menu__item+.c-menu__item {
        margin-top: 20px
    }
}

@media (min-width: 1024px) {
    .c-menu__item.is-sp {
        display: none
    }
}

.c-menu__item.is-sp {
    font-weight: bold
}

.c-menu__link {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 18px 5px;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center
}

@media (min-width: 1024px) {
    .c-menu__link {
        padding: 0 40px 0 0;
        font-size: 1.3rem;
        line-height: 1
    }
}

.c-menu__link.has-child {
    background-image: url(../image/icon_plus.png)
}

.c-menu__link.is-open {
    background-image: url(../image/icon_minus.gif)
}

.c-menu__slist .c-menu__item {
    border-bottom: none;
    border-top: 1px solid #EDEDED
}

.c-menu__slist .c-menu__link {
    padding-left: 25px
}

.c-menu__items {
    display: flex;
    margin: 0 -3px;
    padding: 0 0 15px
}

.c-menu__items li {
    width: 33.3333%;
    padding: 0 3px
}

.c-menu__items a {
    display: block
}

.c-menu__items img {
    display: block;
    width: 100%
}

.c-modal {
    position: fixed;
    display: none;
    flex-direction: column;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px 0 0;
    background-color: rgba(172, 172, 172, 0.9);
    background-image: url(../image/icon_close.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right 10px top 20px;
    z-index: 9999
}

@media (min-width: 1024px) {
    .c-modal {
        background-image: none;
        padding: 60px 0
    }
}

@media (min-width: 1024px) {
    .c-modal::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 20px;
        right: 50%;
        margin-right: -507px;
        background-image: url(../image/icon_close.png);
        background-repeat: no-repeat;
        background-size: 19px;
        background-position: right center;
        cursor: pointer
    }
}

.c-modal.is-show {
    display: flex;
    background-color: rgba(172, 172, 172, 0.9)
}

.c-modal__inner {
    background-color: #fff;
    padding: 40px 10px 50px;
    position: relative;
    overflow: scroll;
    height: 100%
}

@media (min-width: 1024px) {
    .c-modal__inner {
        height: auto;
        width: 1014px;
        margin: 0 auto;
        padding: 50px 30px
    }
}

.c-modal__heading--lv1 {
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .c-modal__heading--lv1 {
        font-size: 2.4rem;
        margin-bottom: 45px
    }
}

.c-modal__heading--lv2 {
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 1.9rem;
    line-height: 1.4
}

@media (min-width: 1024px) {
    .c-modal__heading--lv2 {
        margin-bottom: 30px;
        font-size: 2.2rem;
        line-height: 1.7
    }
}

.c-modal.is-min::before {
    content: none
}

.c-modal.is-min.c-modal {
    background-image: none
}

.c-modal.is-min .c-modal__inner {
    overflow: visible;
    height: auto;
    margin: 0 10px
}

@media (min-width: 1024px) {
    .c-modal.is-min .c-modal__inner {
        margin: 0 auto
    }
}

.c-modal.is-min .c-modal__closeBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.c-modal.is-min .c-modal__closeBtn::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -30px;
    right: 1%;
    background-image: url(../image/icon_close.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right center;
    cursor: pointer
}

@media (min-width: 1024px) {
    .c-modal .p-stock {
        display: block;
        min-height: 640px
    }
}

@media (min-width: 1024px) {
    .c-modal .p-stock .c-addItem {
        margin-top: 10px
    }
}

.c-modal .p-stock__info+.c-block {
    width: calc(100% + 20px)
}

@media (min-width: 1024px) {
    .c-modal .p-stock__info+.c-block {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .c-modal.p-reserve .p-stock {
        display: block;
        min-height: 360px
    }
}

.c-mySize {
    background-color: #EDEDED;
    padding: 20px 10px;
    margin: 20px 0 0
}

@media (min-width: 1024px) {
    .c-mySize {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .c-mySize.is-noReg .c-mySize__txt {
        width: 550px;
        display: flex;
        align-items: center
    }
}

@media (min-width: 1024px) {
    .c-mySize.is-noReg .c-mySize__txt p:nth-of-type(1) {
        margin: 0
    }
}

@media (min-width: 1024px) {
    .c-mySize.is-noReg .c-mySize__txt p:nth-of-type(2) {
        margin: 0 0 0 10px
    }
}

@media (min-width: 1024px) {
    .c-mySize.is-noReg .c-mySize__btns {
        width: calc(100% - 550px);
        display: flex;
        justify-content: flex-end
    }
}

@media (min-width: 1024px) {
    .c-mySize.is-noReg .c-button {
        width: 100%;
        max-width: 265px;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .c-mySize__txt {
        width: 305px
    }
}

.c-mySize__txt p:nth-of-type(1) {
    color: #2F6BBF;
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-mySize__txt p:nth-of-type(1) {
        text-align: left;
        line-height: 1.5;
        margin-bottom: 5px
    }
}

.c-mySize__txt p:nth-of-type(1) br {
    display: none
}

@media (min-width: 1024px) {
    .c-mySize__txt p:nth-of-type(1) br {
        display: inline
    }
}

@media (min-width: 1201px) {
    .c-mySize__txt p:nth-of-type(1) br {
        display: none
    }
}

.c-mySize__txt p:nth-of-type(2) {
    text-align: center;
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .c-mySize__txt p:nth-of-type(2) {
        text-align: left;
        line-height: 1.5
    }
}

.c-mySize__btns {
    margin-top: 15px;
    display: flex;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .c-mySize__btns {
        width: calc(100% - 305px);
        max-width: 540px;
        margin: 0
    }
}

.c-mySize__btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 5px);
    height: 50px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .c-mySize__btns a br {
        display: none
    }
}

.c-mySize+.c-text {
    margin-top: 5px;
    padding: 0 10px
}

@media (min-width: 1024px) {
    .c-mySize+.c-text {
        padding: 0
    }
}

.c-mySize-new .c-mySize-new__link {
    position: relative;
    display: block;
    border-radius: 5px;
    border: 2px solid #EAEAEA;
    text-align: center;
    padding: 9px 0 7px
}

@media (min-width: 1024px) {
    .c-mySize-new .c-mySize-new__link {
        margin-top: 20px;
        border-radius: 0;
        padding: 12px 0 10px
    }
}

.c-mySize-new .c-mySize-new__link span.is-sub {
    font-size: 10px;
    display: block;
    margin-bottom: 5px
}

.c-mySize-new .c-mySize-new__link span.is-arrow {
    font-size: 13px;
    position: relative
}

.c-mySize-new .c-mySize-new__link span.is-arrow::before {
    content: '';
    display: block;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    position: absolute;
    width: 7px;
    height: 7px;
    top: 50%;
    right: -15px;
    transform: rotate(-45deg);
    margin-top: -3px
}

.c-newsList {
    border-bottom: 1px solid #d2d2d2
}

.c-newsList__item {
    border-top: 1px solid #d2d2d2
}

.c-newsList__link {
    display: block;
    padding: 20px 17px 20px 8px;
    background: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png) no-repeat center right;
    font-size: 1.4rem;
    background-position: calc(100% - 10px)
}

.c-newsList__date {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.1em;
    font-size: 1.2rem
}

.c-newsList__tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
    font-size: 1rem;
    color: #fff;
    background-color: #ad4b8f;
    min-width: 80px;
    height: 16px;
    line-height: 16px;
    text-align: center
}

.c-newsList__tag.is-tsc {
    background-color: #000000
}

.c-newsList__tag.is-wtsc {
    background-color: #898989
}

.c-newsList__tag.is-ul {
    background-color: #553800
}

.c-newsList__tag.is-ulm {
    background-color: #C8B076
}

.c-newsList__tag.is-os {
    background-color: #C66A4B
}

.c-newsList__tag.is-info {
    background-color: #AD4B8F
}

.c-newsList__txt {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.7
}

.c-outlet-list__img-link img {
    width: 100%;
    height: auto;
    max-width: 100%
}

.c-outlet-list__wrapper {
    overflow-x: scroll;
    padding-bottom: 10px;
    margin-right: -10px;
    margin-top: 16px
}

.c-outlet-list__list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 800px
}

.c-outlet-list__link {
    display: block;
    border-radius: 20px;
    font-size: 1.2rem;
    border: 1px solid #E20315;
    background: #FFF;
    padding: 5px 10px;
    position: relative;
    color: #E20315;
    font-weight: 600
}

.c-awoo--refineMenu {
    background-color: transparent;
    padding: 0 10px
}

@media (min-width: 1024px) {
    .c-awoo--refineMenu {
        display: none
    }
}

.c-outlet-list__block {
    margin-top: 20px
}

.c-pager {
    margin: 100px -10px 20px;
    background-color: #EDEDED;
    padding: 15px 10px;
    position: relative
}

@media (min-width: 1024px) {
    .c-pager {
        display: flex;
        justify-content: center;
        margin: 40px 0;
        padding: 15px 0
    }
}

.c-pager__list {
    display: flex;
    justify-content: center;
    align-items: center
}

.c-pager__list li {
    padding: 0 5px
}

.c-pager__list a {
    display: flex;
    background-color: #fff;
    width: 36px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    border-radius: 3px
}

.c-pager__list a.is-current {
    border: 3px solid #A0A0A0;
    pointer-events: none
}

.c-pager__list span {
    display: inline-block;
    text-align: center;
    width: 36px
}

.c-pager__prev,
.c-pager__next {
    display: block;
    background-color: #585657;
    width: 90px;
    height: 40px;
    border-radius: 3px;
    position: absolute;
    top: -60px
}

@media (min-width: 1024px) {

    .c-pager__prev,
    .c-pager__next {
        top: 50%;
        margin-top: -20px
    }
}

.c-pager__prev::before,
.c-pager__next::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -5px
}

.c-pager__prev {
    left: 10px
}

@media (min-width: 1024px) {
    .c-pager__prev {
        margin-right: 50px;
        left: 50%;
        margin-left: -300px
    }
}

.c-pager__prev::before {
    border-left: 1px solid #fff;
    left: 50%;
    transform: rotate(45deg);
    margin-left: -5px
}

.c-pager__next {
    right: 10px
}

@media (min-width: 1024px) {
    .c-pager__next {
        margin-left: 50px;
        right: 50%;
        margin-right: -300px
    }
}

.c-pager__next::before {
    border-right: 1px solid #fff;
    right: 50%;
    transform: rotate(-45deg);
    margin-right: -5px
}

@media (min-width: 1024px) {
    .c-productInCart {
        display: flex;
        max-width: 635px
    }
}

@media (min-width: 1024px) {
    .p-cart .c-productInCart {
        display: flex;
        max-width: 580px
    }
}

.c-productInCart__pcImg {
    display: none
}

@media (min-width: 1024px) {
    .c-productInCart__pcImg {
        display: block;
        margin-right: 20px
    }
}

.c-productInCart__pcImg .c-button {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    padding: 0 4px
}

@media (min-width: 1024px) {
    .p-cart .c-productInCart__pcImg {
        flex-shrink: 0;
        width: 215px
    }

    .p-cart .c-productInCart__pcImg img {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .p-shopping__cartItem .c-productInCart__pcImg {
        flex-shrink: 0;
        width: 215px
    }

    .p-shopping__cartItem .c-productInCart__pcImg img {
        width: 100%
    }
}

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

.c-productInCart__spImg {
    max-width: 270px;
    width: 100%;
    width: 115px;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .c-productInCart__spImg {
        display: none
    }
}

.c-productInCart__spImg img {
    display: block;
    width: 100%
}

.c-productInCart__spImg .c-button {
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    padding: 0 4px;
    white-space: nowrap
}

.c-productInCart__infoText {
    width: calc(100% - 115px - 15px)
}

@media (min-width: 1024px) {
    .c-productInCart__infoText {
        width: auto
    }
}

.c-productInCart__infoText+.c-productInCart__infoPrice {
    margin-top: 8px
}

.c-productInCart__infoText.is-noImage {
    width: 100%
}

.c-productInCart__ttl {
    line-height: 1.7
}

.p-cart .c-productInCart__ttl,
.p-shopping .c-productInCart__ttl {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42
}

.c-productInCart__ttl--red.c-text {
    font-size: 1rem;
    font-weight: 500
}

@media (min-width: 1024px) {
    .c-productInCart__ttl--red.c-text {
        font-size: 1.2rem
    }
}

.c-productInCart__infoPrice {
    width: 100%
}

.c-productInCart__specItem {
    line-height: 1.6
}

.p-cart .c-productInCart__specItem,
.p-shopping .c-productInCart__specItem {
    font-size: 12px
}

.c-productInCart__specItem+.c-productInCart__specItem {
    margin-top: 5px
}

.c-productInCart__specItem.is-flex {
    display: flex
}

.c-productInCart__specItem.is-flex .c-productInCart__specData {
    margin-left: 1em;
    text-indent: -0.5em
}

.c-productInCart__specTtl {
    display: inline-block;
    min-width: 85px
}

.p-cart .c-productInCart__specTtl,
.p-shopping .c-productInCart__specTtl {
    min-width: 75px
}

.c-productInCart__specData::before {
    content: ":";
    color: #585657;
    display: inline-block;
    margin: 0 0.3em
}

.c-productInCart__specData.is-link {
    color: #2F6BBF
}

.c-productInCart__specBlock+.c-productInCart__specBlock {
    margin-top: 15px
}

.c-productInCart__button {
    margin-top: 20px;
    width: 100%
}

@media (min-width: 1024px) {
    .c-productInCart__button {
        margin-top: 50px;
        width: 290px
    }
}

.c-productInCart__annotation {
    border-top: 1px solid #EDEDED;
    padding-top: 20px
}

.c-productInfo {
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED
}

.c-productInfo+.c-productInfo {
    border-top: none
}

.c-productInfo__ttl {
    padding: 20px 0;
    margin-bottom: 0;
    background-image: url(../image/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right 5px center
}

@media (min-width: 1024px) {
    .c-productInfo__ttl {
        background: none;
        pointer-events: none
    }
}

.c-productInfo__ttl.is-open {
    background-image: url(../image/icon_minus.gif)
}

@media (min-width: 1024px) {
    .c-productInfo__ttl.is-open {
        background: none
    }
}

.c-productInfo__body {
    display: none;
    padding: 0 0 20px;
    font-size: 1.4rem;
    line-height: 2
}

@media (min-width: 1024px) {
    .c-productInfo__body {
        display: block !important;
        padding: 0 0 30px
    }
}

.c-productInfo__body.is-show {
    display: block
}

.c-productInfo__body p {
    font-size: 1.4rem;
    line-height: 2
}

.c-productInfo__body p+p {
    margin-top: 20px
}

@media (max-width: 1023px) {
    .c-productInfo.is-description .c-productInfo__body.js-accordionBody--description {
        display: block;
        max-height: 4vh;
        overflow: hidden;
        transition: max-height 0.5s
    }

    .c-productInfo.is-description .c-productInfo__body.js-accordionBody--description.is-show {
        max-height: 200vh
    }

    .c-productInfo.is-description .c-productInfo__body.js-accordionBody--description.has-banner {
        max-height: 410px
    }

    .c-productInfo.is-description .c-productInfo__body.js-accordionBody--description.has-banner.is-show {
        max-height: 200vh
    }
}

.c-productInfo .p-productInfo__banner img {
    max-width: 100%
}

.c-productMain {
    margin-bottom: 25px
}

.c-productMain .c-label {
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .c-productMain .c-label {
        margin-bottom: 30px
    }
}

.c-productMain__brand {
    font-size: 1.4rem;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-productMain__brand {
        font-size: 1.6rem;
        margin-bottom: 15px
    }
}

.c-productMain__ttl {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-productMain__ttl {
        font-size: 2.2rem;
        margin-bottom: 15px
    }
}

.c-productMain__price.is-sale>span:nth-of-type(1) {
    text-decoration: line-through;
    font-size: 1.4rem;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-productMain__price.is-sale>span:nth-of-type(1) {
        font-size: 1.6rem
    }
}

.c-productMain__price.is-sale>span:nth-of-type(1) span {
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .c-productMain__price.is-sale>span:nth-of-type(1) span {
        font-size: 1.6rem
    }
}

.c-productMain__price.is-sale>span:nth-of-type(2) {
    color: red
}

.c-productMain__price>span {
    font-size: 1.6rem;
    margin-bottom: 10px;
    display: block
}

@media (min-width: 1024px) {
    .c-productMain__price>span {
        margin-bottom: 20px
    }
}

.c-productMain__price>span span {
    font-size: 2.4rem
}

@media (min-width: 1024px) {
    .c-productMain__price>span span {
        font-size: 2.6rem
    }
}

.c-productMain__code {
    font-size: 1.2rem
}

.c-productMain__rating {
    margin: 20px 0 0
}

.c-productMain__rating .c-review {
    font-size: 1.4rem
}

.c-productMain__rating .c-review__star {
    font-size: 1.5rem
}

.c-productMain__icon {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .c-productMain__icon {
        margin-top: 10px
    }
}

.c-productMain__icon li {
    margin-right: 15px;
    margin-top: 20px;
    width: 10vw
}

@media (min-width: 1024px) {
    .c-productMain__icon li {
        width: 40px
    }
}

.c-productMain__icon img {
    max-width: 100%;
    height: auto
}

.c-productInfo .c-productReview__header {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #ededed;
    margin: 15px 0 10px;
    padding: 0 0 15px
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__header {
        align-items: center
    }
}

.c-productInfo .c-productReview__header p {
    width: 90px;
    margin-bottom: 5px;
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__header p {
        width: 80px;
        margin: 0
    }
}

.c-productInfo .c-productReview__header>div {
    width: calc(100% - 90px)
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__header>div {
        display: flex;
        width: calc(100% - 80px)
    }

    .c-productInfo .c-productReview__header>div br {
        display: none
    }
}

.c-productInfo .c-productReview__header>div .c-input--select {
    display: inline-block;
    width: auto;
    margin-bottom: 5px
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__header>div .c-input--select {
        margin: 0 10px 0 0
    }

    .c-productInfo .c-productReview__header>div .c-input--select::after {
        margin-top: -5px
    }
}

.c-productInfo .c-productReview__header>div .c-input--select select {
    height: 23px;
    padding: 0 25px 0 10px;
    font-size: 1.4rem
}

.c-productInfo .c-productReview__post+.c-productReview__post {
    margin-top: 30px
}

.c-productInfo .c-productReview__date {
    font-size: 1.2rem
}

.c-productInfo .c-productReview__info {
    font-weight: bold;
    font-size: 1.4rem;
    margin-top: 10px;
    line-height: 1.4
}

.c-productInfo .c-productReview .c-review {
    margin-top: 0
}

.c-productInfo .c-productReview__txt {
    font-size: 1.4rem;
    margin-top: 10px;
    line-height: 1.8
}

.c-productInfo .c-productReview__name {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px
}

.c-productInfo .c-productReview__ref p {
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__ref p {
        text-align: right
    }
}

.c-productInfo .c-productReview__ref ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__ref ul {
        justify-content: flex-end
    }
}

.c-productInfo .c-productReview__ref li {
    width: 120px;
    padding: 0 3px
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__ref li {
        width: auto
    }
}

.c-productInfo .c-productReview__ref li:first-child {
    width: 90px
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__ref li:first-child {
        width: 110px
    }
}

.c-productInfo .c-productReview__ref li:last-child {
    width: 80px;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    border-left: 1px solid #EDEDED
}

.c-productInfo .c-productReview__ref li:last-child a {
    border: none
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__ref li:last-child a {
        padding: 5px 0
    }
}

.c-productInfo .c-productReview__ref a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #acacac;
    font-size: 1.2rem;
    border-radius: 3px;
    padding: 5px 0
}

@media (min-width: 1024px) {
    .c-productInfo .c-productReview__ref a {
        padding: 5px 15px
    }
}

.c-productSlider__main {
    height: calc(100vw * 500 / 375)
}

@media (min-width: 1024px) {
    .c-productSlider__main {
        height: 720px
    }
}

@media (min-width: 1024px) {
    .c-productSlider__main .slick-list {
        position: relative;
        z-index: 99
    }
}

.c-productSlider__main .slick-prev,
.c-productSlider__main .slick-next {
    z-index: 100;
    width: 28px;
    height: 28px
}

.c-productSlider__main .slick-prev::before,
.c-productSlider__main .slick-next::before {
    display: block;
    position: relative;
    font-size: 0;
    width: 20px;
    height: 20px;
    border-top: 1px solid #585657
}

.c-productSlider__main .slick-prev {
    left: 10px
}

.c-productSlider__main .slick-prev::before {
    border-left: 1px solid #585657;
    transform: rotate(-45deg);
    left: 5px
}

.c-productSlider__main .slick-next {
    right: 2px
}

.c-productSlider__main .slick-next::before {
    border-right: 1px solid #585657;
    transform: rotate(45deg);
    right: 5px
}

.c-productSlider__slide {
    pointer-events: none
}

@media (min-width: 1024px) {
    .c-productSlider__slide.slick-current {
        pointer-events: auto
    }
}

.c-productSlider__slide img {
    display: block;
    width: 100%
}

.c-productSlider__sub {
    margin: 20px 0 0
}

@media (min-width: 1024px) {
    .c-productSlider__sub {
        margin: 0
    }
}

@media (min-width: 1024px) {
    .c-productSlider__sub .swiper-container {
        margin: 0 -6px
    }
}

@media (min-width: 1024px) {
    .c-productSlider__sub .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0 -12px
    }
}

.c-productSlider__thumb {
    width: 50px
}

@media (min-width: 1024px) {
    .c-productSlider__thumb {
        width: 92px;
        padding: 0 6px;
        margin-bottom: 12px;
        cursor: pointer
    }
}

.c-productSlider__thumb.is-current {
    position: relative
}

.c-productSlider__thumb.is-current::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 4px solid #A0A0A0
}

@media (min-width: 1024px) {
    .c-productSlider__thumb.is-current::before {
        left: 6px;
        width: calc(100% - 12px)
    }
}

.c-productSlider__thumb img {
    display: block;
    width: 100%
}

@media (max-width: 1023px) {
    .zoomContainer {
        pointer-events: none
    }
}

.c-qaList {
    margin: 0 -10px;
    border-bottom: 1px solid #EDEDED
}

.c-qaList__q {
    border-top: 1px solid #EDEDED;
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 20px 35px 20px 10px;
    background-image: url(../image/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    cursor: pointer
}

@media (min-width: 1024px) {
    .c-qaList__q {
        padding: 20px 10px;
        font-size: 1.4rem
    }

    .c-qaList__q:hover {
        opacity: 0.7
    }
}

.c-qaList__q.is-open {
    background-image: url(../image/icon_minus.gif)
}

.c-qaList__a {
    border-top: 1px solid #EDEDED;
    padding: 10px
}

@media (min-width: 1024px) {
    .c-qaList__a {
        padding: 10px 10px 30px
    }
}

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

.c-quantity__btns {
    display: flex;
    padding-top: 4px
}

.c-quantity__btn {
    display: flex;
    align-items: center;
    background-color: #D2D2D2;
    width: 24px;
    height: 26px;
    color: #fff;
    justify-content: center
}

.c-quantity__btn.is-minus {
    border-radius: 3px 0 0 3px;
    font-size: 1.2rem;
    font-weight: bold
}

.c-quantity__btn.is-plus {
    border-radius: 0 3px 3px 0;
    font-size: 1.4rem;
    font-weight: bold
}

.c-quantity__btn.is-disable {
    pointer-events: none;
    opacity: 0.5
}

.p-cart .c-quantity__btn {
    border-radius: 0
}

.c-quantity__input {
    max-width: 26px;
    height: 26px;
    border: 1px solid #D2D2D2;
    border-radius: 0;
    margin: 0;
    font-size: 1.4rem;
    text-align: center;
    padding: 0;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0
}

.p-cart .c-quantity__input {
    border: none
}

.c-quantity__delete {
    font-size: 1.1rem;
    text-align: right;
    display: block;
    margin-right: 10px
}

.p-cart .c-quantity__delete {
    text-decoration: underline
}

.c-quantity input[type=number]::-webkit-inner-spin-button,
.c-quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.c-rankingMenu__heading {
    display: none
}

@media (min-width: 1024px) {
    .c-rankingMenu__heading {
        display: block;
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 1.8rem
    }
}

.c-rankingMenu__gender {
    margin-bottom: 20px
}

.c-rankingMenu__gender .c-rankingMenu__item {
    margin: 0 5px
}

@media (min-width: 1024px) {
    .c-rankingMenu__gender .c-rankingMenu__item {
        margin: 0
    }
}

.c-rankingMenu__gender .c-rankingMenu__item:nth-of-type(1) a.is-current {
    color: #2095CC;
    text-decoration: underline
}

@media (min-width: 1024px) {
    .c-rankingMenu__gender .c-rankingMenu__item:nth-of-type(1) a.is-current {
        background-color: #EDEDED;
        color: inherit;
        text-decoration: none
    }
}

.c-rankingMenu__gender .c-rankingMenu__item:nth-of-type(2) a.is-current {
    color: #EA7CA2;
    text-decoration: underline
}

@media (min-width: 1024px) {
    .c-rankingMenu__gender .c-rankingMenu__item:nth-of-type(2) a.is-current {
        background-color: #EDEDED;
        color: inherit;
        text-decoration: none
    }
}

.c-rankingMenu__gender .c-rankingMenu__link {
    font-size: 1.9rem
}

@media (min-width: 1024px) {
    .c-rankingMenu__gender .c-rankingMenu__link {
        font-size: 1.4rem
    }
}

@media (min-width: 1024px) {
    .c-rankingMenu__category {
        margin-top: 40px
    }
}

@media (min-width: 1024px) {
    .c-rankingMenu__category .c-list {
        display: block !important
    }
}

@media (min-width: 1024px) {
    .c-rankingMenu__category .c-list__link.has-child {
        background: none;
        pointer-events: none;
        font-weight: bold
    }
}

.c-rankingMenu__category .c-list__link.is-current {
    background-color: #EDEDED
}

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

@media (min-width: 1024px) {
    .c-rankingMenu__list {
        display: block;
        border-top: 1px solid #EDEDED
    }
}

@media (min-width: 1024px) {
    .c-rankingMenu__item {
        border-bottom: 1px solid #EDEDED
    }
}

@media (min-width: 1024px) {
    .c-rankingMenu__link {
        display: block;
        font-size: 1.4rem;
        line-height: 1.6;
        padding: 14px 25px 14px 10px;
        background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
        background-repeat: no-repeat;
        background-position: right 5px center
    }
}

.c-refine {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background-image: url(../image/icon_close.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right 10px top 20px
}

@media (min-width: 1024px) {
    .c-refine {
        display: block;
        position: static;
        padding: 0
    }
}

.c-refine.is-show {
    display: block;
    background-color: rgba(172, 172, 172, 0.9)
}

@media (min-width: 1024px) {
    .c-refine.is-show {
        background-color: transparent
    }
}

@media (min-width: 1024px) {
    .c-refine.has-result .c-refine__inner {
        padding: 130px 0 0
    }
}

.c-refine__inner {
    background-color: #fff;
    padding: 25px 20px 200px;
    position: relative;
    overflow: scroll;
    height: 100%
}

@media (min-width: 1024px) {
    .c-refine__inner {
        overflow: visible;
        height: auto;
        padding: 0
    }
}

.c-refine__inner .c-searchForm {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .c-refine__inner .c-searchForm {
        display: none
    }
}

.c-refine__form {
    display: none
}

@media (min-width: 1024px) {
    .c-refine__form {
        display: block;
        margin-top: 30px
    }
}

.c-refine__form p {
    width: 100%
}

.c-refine__form div {
    display: flex
}

.c-refine__form div input[type="text"] {
    border: 1px solid #ACACAC;
    border-right: none;
    border-radius: 3px 0 0 3px;
    font-size: 1.6rem;
    padding: 15px;
    width: calc(100% - 50px)
}

@media (min-width: 1024px) {
    .c-refine__form div input[type="text"] {
        font-size: 1.2rem;
        padding: 12px 10px;
        width: calc(100% - 40px)
    }
}

.c-refine__form div input[type="text"]::-webkit-input-placeholder {
    color: #707070
}

.c-refine__form div input[type="text"]:-ms-input-placeholder {
    color: #707070
}

.c-refine__form div input[type="text"]::placeholder {
    color: #707070
}

.c-refine__form div input[type="submit"] {
    width: 50px;
    border-radius: 0 3px 3px 0;
    background-color: #585657;
    background-image: url(../image/icon_search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px
}

@media (min-width: 1024px) {
    .c-refine__form div input[type="submit"] {
        width: 40px;
        background-size: 14px
    }
}

.c-refine__ttl {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .c-refine__ttl {
        text-align: left;
        margin-bottom: 10px;
        font-size: 1.6rem
    }
}

.c-refine__list {
    border-top: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refine__list {
        margin-top: 15px;
        border-top: none
    }
}

.c-refine__keyword {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refine__keyword {
        display: none
    }
}

.c-refine__keyword p {
    font-size: 1.3rem
}

.c-refine__keyword .c-input--text {
    width: calc(100% - 90px);
    font-size: 1.6rem;
    padding: 0 10px;
    height: 35px
}

.c-refine__keyword .c-input--text::placeholder {
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-refine__item.is-openPC .js-accordionBody {
        display: block !important
    }
}

.c-refine__item .c-link {
    margin-top: -5px;
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .c-refine__item.is-open>.js-accordionBody {
        display: block
    }
}

@media (min-width: 1024px) {
    .c-refine__item.is-open .c-refine__heading {
        background: none;
        pointer-events: none
    }
}

@media (min-width: 1024px) {
    .c-refine__item.is-open .c-refine__list--lv2 {
        display: block
    }
}

@media (min-width: 1024px) {
    .c-refine__item.is-open .c-refine__list--lv2 {
        display: block
    }
}

@media (min-width: 1024px) {
    .c-refine__item.is-current {
        background-color: #EDEDED;
        border-top: 1px solid #fff
    }
}

.c-refine__heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 5px;
    min-height: 54px;
    font-size: 1.3rem;
    background-image: url(../image/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refine__heading {
        background-image: url(../image/icon_plus2.png);
        font-size: 1.8rem;
        font-weight: 500;
        padding: 10px 38px 10px 0;
        min-height: 45px;
        font-size: 1.6rem
    }
}

.c-refine__heading.is-open {
    background-image: url(../image/icon_minus.gif)
}

@media (min-width: 1024px) {
    .c-refine__heading.is-open {
        background-image: url(../image/icon_minus2.gif)
    }
}

.c-refine__heading span {
    max-width: 170px;
    line-height: 1.6;
    font-size: 1.1rem;
    text-align: right
}

@media (min-width: 1024px) {
    .c-refine__heading span {
        display: none
    }
}

.c-refine__list--lv2 {
    margin-bottom: 15px
}

.c-refine__list--lv2 .c-refine__item {
    border-bottom: 1px solid #EDEDED
}

.c-refine__list--lv3 {
    border-top: 1px solid #EDEDED
}

.c-refine__list--lv3 .c-refine__item:last-child {
    border-bottom: none
}

@media (min-width: 1024px) {
    .c-refine__list--lv3.is-show {
        display: block
    }
}

.c-refine__heading--lv2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 5px;
    min-height: 54px;
    font-size: 1.3rem;
    background-image: url(../image/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right 10px center
}

@media (min-width: 1024px) {
    .c-refine__heading--lv2 {
        padding: 10px 30px 10px 10px;
        font-size: 1.4rem;
        min-height: 45px
    }
}

.c-refine__heading--lv2.is-open {
    background-image: url(../image/icon_minus.gif)
}

.c-refine__heading--lv2.is-open:not(.js-accordion) {
    background-image: none;
    pointer-events: none
}

.c-refine__heading--lv2.is-current {
    background-color: #EDEDED
}

.c-refine__link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 30px;
    min-height: 54px;
    font-size: 1.3rem;
    line-height: 1.6;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center
}

@media (min-width: 1024px) {
    .c-refine__link {
        padding: 10px 30px 10px 25px;
        font-size: 1.4rem;
        min-height: 45px
    }
}

.c-refine__check input {
    display: none
}

.c-refine__check input:checked+label {
    background-color: #EDEDED;
    background-image: url(../image/icon_checked.png)
}

.c-refine__check label {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 45px;
    min-height: 54px;
    font-size: 1.3rem;
    line-height: 1.6;
    background-image: url(../image/icon_check.png);
    background-repeat: no-repeat;
    background-position: left 25px center
}

@media (min-width: 1024px) {
    .c-refine__check label {
        min-height: 45px
    }
}

.c-refine__color {
    display: flex;
    flex-wrap: wrap;
    margin: -1px -5px -10px;
    padding: 10px 0 15px 30px;
    background-color: #fff;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refine__color {
        margin: -1px -4px -8px;
        padding: 15px 10px 0;
        border-bottom: none
    }
}

.c-refine__color li {
    padding: 0 5px 10px;
    width: 33.333%;
    max-width: 100px
}

@media (min-width: 1024px) {
    .c-refine__color li {
        padding: 0 4px 8px
    }
}

.c-refine__color input {
    display: none
}

.c-refine__color input:checked+label::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../image/icon_checked_02.png) no-repeat top left;
    background-size: contain;
    position: absolute;
    top: -4px;
    left: -4px
}

.c-refine__color label {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 2px
}

@media (min-width: 1024px) {
    .c-refine__color label {
        height: 30px
    }
}

.c-refine__color span {
    color: #fff;
    font-size: 1rem
}

.c-refine__color span.is-black {
    color: #585657
}

.c-refine__result {
    background-color: #EDEDED;
    padding: 15px 20px 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

@media (min-width: 1024px) {
    .c-refine__result {
        width: 230px;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0;
        padding: 10px 10px 15px
    }
}

@media (min-width: 1024px) {
    .c-refine__result.is-fixed {
        position: fixed;
        top: 60px;
        left: 0
    }
}

@media (min-width: 1201px) {
    .c-refine__result.is-fixed {
        left: 50%;
        margin-left: -600px
    }
}

.c-refine__result p {
    width: 100%;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-refine__result p {
        font-size: 1.4rem;
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .c-refine__result p span {
        font-size: 2.6rem
    }
}

.c-refine__result a {
    width: calc(50% - 5px)
}

@media (min-width: 1024px) {
    .c-refine__result a {
        height: 40px
    }
}

.c-refine__priceWrap {
    padding: 30px 25px;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refine__priceWrap {
        padding: 30px 10px
    }
}

.c-refine .ui-widget.ui-widget-content {
    border: none;
    background-color: #CCCCCC;
    border-radius: 20px;
    height: 4px
}

.c-refine .ui-slider-range {
    background: none;
    background-color: #5E5E5E;
    height: 4px
}

.c-refine .ui-slider-handle {
    width: 20px;
    height: 20px;
    background: none;
    border: none !important;
    background: #5E5E5E !important;
    border-radius: 30px;
    top: -8px !important;
    box-shadow: none
}

.c-refine__range {
    margin: 18px 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-refine__range input {
    font-size: 1.6rem;
    width: 110px;
    height: 36px;
    color: #707070;
    text-align: left;
    flex: 1;
    border: 1px solid #ACACAC;
    padding: 0 10px;
    border-radius: 3px
}

@media (min-width: 1024px) {
    .c-refine__range input {
        display: block;
        width: 70px;
        font-size: 1.3rem;
        padding: 0 5px
    }
}

.c-refine__range span {
    display: inline-block;
    font-size: 1.4rem;
    width: 10px;
    text-align: right;
    line-height: 1.4;
    margin: 0 5px 0 0;
    color: #707070
}

@media (min-width: 1024px) {
    .c-refine__range span {
        width: auto;
        margin: 0 3px 0 0
    }
}

.c-refine__range span:nth-of-type(2) {
    margin: 0 8px
}

@media (min-width: 1024px) {
    .c-refine__range span:nth-of-type(2) {
        margin: 0 5px 0 10px
    }
}

.c-refineList {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding-top: 60px
}

@media (min-width: 1024px) {
    .c-refineList {
        display: block;
        position: static;
        padding: 0
    }
}

.c-refineList.is-show {
    display: block;
    background-color: rgba(172, 172, 172, 0.9)
}

@media (min-width: 1024px) {
    .c-refineList.is-show {
        background-color: transparent
    }
}

@media (min-width: 1024px) {
    .c-refineList.has-result .c-refineList__inner {
        padding: 130px 0 0
    }
}

.c-refineList__inner {
    background-color: #fff;
    padding: 25px 20px 200px;
    position: relative;
    overflow: scroll;
    height: 100%;
    border-radius: 15px
}

@media (min-width: 1024px) {
    .c-refineList__inner {
        overflow: visible;
        height: auto;
        padding: 0;
        border-radius: 0
    }
}

.c-refineList__inner .c-searchForm {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .c-refineList__inner .c-searchForm {
        display: none
    }
}

.c-refineList__form {
    display: none
}

@media (min-width: 1024px) {
    .c-refineList__form {
        display: block;
        margin-top: 30px
    }
}

.c-refineList__form p {
    width: 100%
}

.c-refineList__form div {
    display: flex
}

.c-refineList__form div input[type="text"] {
    border: 1px solid #ACACAC;
    border-right: none;
    border-radius: 3px 0 0 3px;
    font-size: 1.6rem;
    padding: 15px;
    width: calc(100% - 50px)
}

@media (min-width: 1024px) {
    .c-refineList__form div input[type="text"] {
        font-size: 1.2rem;
        padding: 12px 10px;
        width: calc(100% - 40px)
    }
}

.c-refineList__form div input[type="text"]::-webkit-input-placeholder {
    color: #707070
}

.c-refineList__form div input[type="text"]:-ms-input-placeholder {
    color: #707070
}

.c-refineList__form div input[type="text"]::placeholder {
    color: #707070
}

.c-refineList__form div input[type="submit"] {
    width: 50px;
    border-radius: 0 3px 3px 0;
    background-color: #585657;
    background-image: url(../image/icon_search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px
}

@media (min-width: 1024px) {
    .c-refineList__form div input[type="submit"] {
        width: 40px;
        background-size: 14px
    }
}

.c-refineList__ttl {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 18px
}

@media (min-width: 1024px) {
    .c-refineList__ttl {
        text-align: left;
        margin-bottom: 10px;
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {
    .c-refineList__list {
        margin-top: 15px;
        border-top: none
    }
}

.c-refineList__keyword {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refineList__keyword {
        display: none
    }
}

.c-refineList__keyword p {
    font-size: 1.3rem
}

.c-refineList__keyword .c-input--text {
    width: calc(100% - 90px);
    font-size: 1.6rem;
    padding: 0 10px;
    height: 35px
}

.c-refineList__keyword .c-input--text::placeholder {
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-refineList__item.is-openPC .js-accordionBody {
        display: block !important
    }
}

.c-refineList__item .c-link {
    margin-top: -5px;
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .c-refineList__item.is-open>.js-accordionBody {
        display: block
    }
}

@media (min-width: 1024px) {
    .c-refineList__item.is-open .c-refineList__heading {
        background: none;
        pointer-events: none
    }
}

@media (min-width: 1024px) {
    .c-refineList__item.is-open .c-refineList__list--lv2 {
        display: block
    }
}

@media (min-width: 1024px) {
    .c-refineList__item.is-open .c-refineList__list--lv2 {
        display: block
    }
}

@media (min-width: 1024px) {
    .c-refineList__item.is-current {
        background-color: #EDEDED;
        border-top: 1px solid #fff
    }
}

.c-refineList__item:last-of-type.c-refineList__item .c-refineList__common {
    border-bottom: none
}

.c-refineList__item:last-of-type.c-refineList__item .c-refineList__common.has-border-bt {
    border-bottom: 1px solid #EDEDED
}

.c-refineList__item:last-of-type.c-refineList__item .c-refine__priceWrap {
    border-bottom: none
}

.c-refineList__item:last-of-type.c-refineList__item .c-refine__priceWrap.has-border-bt {
    border-bottom: 1px solid #EDEDED
}

.c-refineList__heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 5px;
    min-height: 54px;
    font-size: 1.5rem;
    background-image: url(../image/icon_minus.gif);
    background-repeat: no-repeat;
    background-position: right 10px center
}

.c-refineList__heading.has-border-bt {
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refineList__heading {
        background-image: url(../image/icon_minus2.gif);
        font-size: 1.8rem;
        font-weight: 500;
        padding: 10px 38px 10px 0;
        min-height: 45px;
        font-size: 1.6rem
    }
}

.c-refineList__heading.is-close {
    background-image: url(../image/icon_plus.png)
}

@media (min-width: 1024px) {
    .c-refineList__heading.is-close {
        background-image: url(../image/icon_plus2.png)
    }
}

.c-refineList__heading span {
    max-width: 170px;
    line-height: 1.6;
    font-size: 1.1rem;
    text-align: right
}

@media (min-width: 1024px) {
    .c-refineList__heading span {
        display: none
    }
}

.c-refineList__list--lv2 {
    margin-bottom: 15px
}

.c-refineList__list--lv2 .c-refineList__item {
    border-bottom: 1px solid #EDEDED
}

.c-refineList__list--lv3 {
    border-top: 1px solid #EDEDED
}

.c-refineList__list--lv3 .c-refineList__item:last-child {
    border-bottom: none
}

@media (min-width: 1024px) {
    .c-refineList__list--lv3.is-show {
        display: block
    }
}

.c-refineList__heading--lv2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 5px;
    min-height: 54px;
    font-size: 1.3rem;
    background-image: url(../image/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right 10px center
}

@media (min-width: 1024px) {
    .c-refineList__heading--lv2 {
        padding: 10px 30px 10px 10px;
        font-size: 1.4rem;
        min-height: 45px
    }
}

.c-refineList__heading--lv2.is-open {
    background-image: url(../image/icon_minus.gif)
}

.c-refineList__heading--lv2.is-open:not(.js-accordion) {
    background-image: none;
    pointer-events: none
}

.c-refineList__heading--lv2.is-current {
    background-color: #EDEDED
}

.c-refineList__link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 30px;
    min-height: 54px;
    font-size: 1.3rem;
    line-height: 1.6;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center
}

@media (min-width: 1024px) {
    .c-refineList__link {
        padding: 10px 30px 10px 25px;
        font-size: 1.4rem;
        min-height: 45px
    }
}

.c-refineList__check input {
    display: none
}

.c-refineList__check input:checked+label {
    background-color: #EDEDED;
    background-image: url(../image/icon_checked.png)
}

.c-refineList__check label {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0 10px 45px;
    min-height: 54px;
    font-size: 1.3rem;
    line-height: 1.6
}

@media (min-width: 1024px) {
    .c-refineList__check label {
        min-height: 45px
    }
}

.c-refineList__common {
    display: flex;
    flex-wrap: wrap;
    margin: -1px 0px -10px;
    padding: 10px 0 25px 0;
    background-color: #fff;
    border-bottom: 1px solid #EDEDED
}

.c-refineList__common.has-border-bt {
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refineList__common {
        margin: -1px -4px -8px;
        padding: 15px 10px 0;
        border-bottom: none
    }
}

.c-refineList__common input {
    display: none
}

.c-refineList__common input:checked+label {
    border: 2px solid #1864CE
}

.c-refineList__common input:checked+label::after {
    content: ''
}

.c-refineList__common label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    margin-bottom: 10px;
    width: auto;
    min-height: 30px;
    height: auto;
    border: 1px solid #cccccc;
    border-radius: 20px;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 0 15px;
    color: #666;
    position: relative;
    cursor: pointer
}

@media (min-width: 1024px) {
    .c-refineList__common label {
        font-size: 1.2rem;
        min-height: 30px;
        padding: 2px 12px 2px 12px;
        border-radius: 9999px;
        line-height: calc(15 / 14)
    }
}

.c-refineList__common span {
    color: #fff;
    font-size: 1.2rem
}

.c-refineList__common span.is-black {
    color: #585657
}

.c-refineList__color {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 25px 0;
    background-color: #fff;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refineList__color {
        padding: 15px 10px 0;
        border-bottom: none
    }
}

.c-refineList__color li {
    padding: 0 5px 10px;
    width: 33.333%
}

.c-refineList__color li:nth-child(n+7) {
    padding: 0 5px 0px
}

@media (min-width: 1024px) {
    .c-refineList__color li {
        padding: 0 4px 8px
    }

    .c-refineList__color li:nth-child(n+7) {
        padding: 0 5px 10px
    }

    .c-refineList__color li:nth-child(n+9) {
        padding: 0 5px 0
    }
}

.c-refineList__color input {
    display: none
}

.c-refineList__color input:checked+label::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid #1864CE;
    border-radius: 20px;
    top: 0;
    left: 0
}

.c-refineList__color label {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    border-radius: 20px
}

@media (min-width: 1024px) {
    .c-refineList__color label {
        height: 30px
    }
}

.c-refineList__color span {
    color: #fff;
    font-size: 1rem
}

.c-refineList__color span.is-black {
    color: #585657
}

.c-refineList__pattern {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 25px 0;
    background-color: #fff;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refineList__pattern {
        margin: -1px -4px -8px;
        padding: 15px 10px 0;
        border-bottom: none
    }
}

.c-refineList__pattern li {
    padding: 0 5px 40px;
    width: 25%
}

@media (min-width: 1024px) {
    .c-refineList__pattern li {
        padding: 0 4px 38px;
        width: 33.333%
    }
}

.c-refineList__pattern input {
    display: none
}

.c-refineList__pattern input:checked+label::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid #1864CE;
    border-radius: 9999px;
    top: 0;
    left: 0
}

.c-refineList__pattern label {
    position: relative;
    width: 60px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer
}

.c-refineList__pattern img {
    position: relative;
    width: 60px;
    height: 60px
}

.c-refineList__pattern span {
    display: flex;
    justify-content: center;
    color: #333;
    font-size: 1rem;
    text-align: center;
    line-height: 1.2;
    margin-top: 5px
}

.c-refineList__result {
    background-color: #EDEDED;
    padding: 15px 20px 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

@media (min-width: 1024px) {
    .c-refineList__result {
        width: 230px;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 0;
        padding: 10px 10px 15px
    }
}

@media (min-width: 1024px) {
    .c-refineList__result.is-fixed {
        position: fixed;
        top: 60px;
        left: 0
    }
}

@media (min-width: 1201px) {
    .c-refineList__result.is-fixed {
        left: 50%;
        margin-left: -600px
    }
}

.c-refineList__result p {
    width: 100%;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .c-refineList__result p {
        font-size: 1.4rem;
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .c-refineList__result p span {
        font-size: 2.6rem
    }
}

.c-refineList__result a {
    width: calc(50% - 5px)
}

@media (min-width: 1024px) {
    .c-refineList__result a {
        height: 40px
    }
}

.c-refineList__priceWrap {
    padding: 30px 25px;
    border-bottom: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-refineList__priceWrap {
        padding: 30px 10px
    }
}

.c-refineList .ui-widget.ui-widget-content {
    border: none;
    background-color: #CCCCCC;
    border-radius: 20px;
    height: 4px
}

.c-refineList .ui-slider-range {
    background: none;
    background-color: #5E5E5E;
    height: 4px
}

.c-refineList .ui-slider-handle {
    width: 20px;
    height: 20px;
    background: none;
    border: none !important;
    background: #5E5E5E !important;
    border-radius: 30px;
    top: -8px !important;
    box-shadow: none;
    z-index: 1 !important
}

.c-refineList__range {
    margin: 18px 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-refineList__range input {
    font-size: 1.6rem;
    width: 110px;
    height: 36px;
    color: #707070;
    text-align: left;
    flex: 1;
    border: 1px solid #ACACAC;
    padding: 0 10px;
    border-radius: 3px
}

@media (min-width: 1024px) {
    .c-refineList__range input {
        display: block;
        width: 70px;
        font-size: 1.3rem;
        padding: 0 5px
    }
}

.c-refineList__range span {
    display: inline-block;
    font-size: 1.4rem;
    width: 10px;
    text-align: right;
    line-height: 1.4;
    margin: 0 5px 0 0;
    color: #707070
}

@media (min-width: 1024px) {
    .c-refineList__range span {
        width: auto;
        margin: 0 3px 0 0
    }
}

.c-refineList__range span:nth-of-type(2) {
    margin: 0 8px
}

@media (min-width: 1024px) {
    .c-refineList__range span:nth-of-type(2) {
        margin: 0 5px 0 10px
    }
}

.c-refineList .p-refineList__wrap {
    display: none
}

@media (min-width: 1024px) {
    .c-refineList .p-refineList__wrap {
        display: block
    }
}

@media (min-width: 1024px) {
    .c-refineList .p-refineList__btnWrap {
        display: none
    }
}

.c-refineList .p-refineList__btnWrap .p-refineList__button {
    border: 1px solid #DBDBDB;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    color: #333;
    background-color: #fff;
    border-radius: 9999px;
    font-size: 1.4rem;
    padding: 0 10px;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    background-image: url(../image/icon_plus.png);
    background-repeat: no-repeat;
    background-position: right 26px center;
    font-weight: 500
}

.c-refineList .p-refineList__btnWrap .p-refineList__button::after {
    content: "その他の絞り込み条件"
}

.c-refineList .p-refineList__btnWrap .p-refineList__button.on-click {
    background-image: url(../image/icon_minus.gif)
}

.c-refineList .p-refineList__btnWrap .p-refineList__button.on-click::after {
    content: "絞り込み条件を閉じる"
}

.c-refineList .p-refineList__closeBtn {
    display: block;
    position: fixed;
    top: 75px;
    right: 22px;
    padding: 6px;
    background-color: #fff;
    z-index: 9999;
    border: none
}

@media (min-width: 1024px) {
    .c-refineList .p-refineList__closeBtn {
        display: none
    }
}

.c-refineMenu {
    background-color: #EDEDED;
    padding: 15px 10px;
    margin: 20px 0
}

@media (min-width: 1024px) {
    .c-refineMenu {
        display: none
    }
}

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

.c-refineMenu__btns.is-long a:nth-of-type(1) {
    width: calc(100% - 50px)
}

.c-refineMenu__btns>a {
    font-size: 1.2rem;
    width: 40px
}

.c-refineMenu__btns>a:nth-of-type(1) {
    width: calc(100% - 90px)
}

.c-refineMenu__btns>a:nth-of-type(2),
.c-refineMenu__btns>a:nth-of-type(3) {
    display: flex;
    align-items: flex-end;
    text-align: center;
    padding: 0 0 5px;
    justify-content: center
}

.c-refineMenu__btns>a:nth-of-type(2) {
    background-image: url(../image/icon_show-thumb.png);
    background-repeat: no-repeat;
    background-position: center 8px
}

.c-refineMenu__btns>a:nth-of-type(2).is-detail {
    background-image: url(../image/icon_show-detail.gif)
}

.c-refineMenu__btns>a:nth-of-type(3) {
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_sort.png);
    background-repeat: no-repeat;
    background-position: center 8px
}

.c-refineMenu__btns div {
    overflow: hidden;
    width: 40px;
    position: relative
}

.c-refineMenu__btns div a {
    height: 100%;
    font-size: 1.2rem;
    display: flex;
    align-items: flex-end;
    text-align: center;
    padding: 0 0 5px;
    justify-content: center;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_sort.png);
    background-repeat: no-repeat;
    background-position: center 8px;
    pointer-events: none
}

.c-refineMenu__btns div select {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-refineMenu__keyword {
    margin: 0 -10px
}

@media (min-width: 1024px) {
    .c-refineMenu__keyword {
        margin: 0
    }
}

.c-refineMenu__keyword div {
    width: 100%;
    overflow-x: scroll;
    padding: 0 10px
}

@media (min-width: 1024px) {
    .c-refineMenu__keyword div {
        overflow: hidden;
        padding: 0
    }
}

.c-refineMenu__keyword ul {
    width: 9999px;
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .c-refineMenu__keyword ul {
        width: auto;
        display: block;
        margin: 0
    }
}

.c-refineMenu__keyword li {
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .c-refineMenu__keyword li {
        width: 100%;
        margin: 0
    }
}

.c-refineMenu__keyword li+li {
    padding: 0 0 0 10px
}

@media (min-width: 1024px) {
    .c-refineMenu__keyword li+li {
        margin-top: 10px;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .c-refineMenu__keyword li:nth-of-type(n+4) {
        display: none
    }
}

.c-refineMenu__keyword a {
    background-color: #fff;
    font-size: 1.2rem;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    border-radius: 3px
}

@media (min-width: 1024px) {
    .c-refineMenu__keyword a {
        font-size: 1.4rem;
        border: 1px solid #ACACAC;
        padding: 10px;
        height: auto;
        justify-content: flex-start
    }
}

.c-relatedCategory__heading {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 10px;
    cursor: pointer
}

.c-relatedCategory__heading.is-open span::after {
    display: none
}

.c-relatedCategory__heading span {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0
}

.c-relatedCategory__heading span::before,
.c-relatedCategory__heading span::after {
    content: '';
    background-color: #BFBFBF;
    position: absolute;
    top: 50%
}

.c-relatedCategory__heading span::before {
    width: 11px;
    height: 1px;
    right: 0;
    margin-top: -1px
}

.c-relatedCategory__heading span::after {
    width: 1px;
    height: 11px;
    right: 5px;
    margin-top: -6px
}

.c-relatedCategory__lists {
    display: none
}

.c-relatedCategory__item {
    display: inline;
    font-size: 1.2rem;
    line-height: 2;
    color: #707070
}

.c-relatedCategory__item+.c-relatedCategory__item::before {
    content: '/';
    display: inline;
    padding: 0 3px
}

.c-relatedCategory__link {
    text-decoration: underline
}

.c-reserveList__ttl {
    font-size: 2rem
}

.c-reserveList__setAside {
    border-top: 1px solid #EDEDED;
    padding-top: 15px;
    display: block;
    position: relative
}

.c-reserveList__setAside::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    border-top: 2px solid #BFBFBF;
    border-right: 2px solid #BFBFBF;
    transform: rotate(45deg);
    width: 12px;
    height: 12px
}

.c-reserveList__setAside+.c-reserveList__setAside {
    margin-top: 15px
}

.c-reserveList__setAside:last-child {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 15px
}

.c-reserveList__setAsideItem+.c-reserveList__setAsideItem {
    margin-top: 5px
}

.c-reserveList__txtHasBorder {
    border-top: 1px solid #EDEDED;
    padding-top: 10px
}

.c-review {
    padding: 5px 0 0;
    font-size: 1.2rem
}

.c-review__star {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #efefef;
    font-size: 1.3rem
}

.c-review__star::before,
.c-review__star::after {
    content: '★★★★★'
}

.c-review__star::after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #EBCE8C
}

.c-review__star[data-rate="5"]::after {
    width: 100%
}

.c-review__star[data-rate="4.5"]::after {
    width: 90%
}

.c-review__star[data-rate="4"]::after {
    width: 80%
}

.c-review__star[data-rate="3.5"]::after {
    width: 70%
}

.c-review__star[data-rate="3"]::after {
    width: 60%
}

.c-review__star[data-rate="2.5"]::after {
    width: 50%
}

.c-review__star[data-rate="2"]::after {
    width: 40%
}

.c-review__star[data-rate="1.5"]::after {
    width: 30%
}

.c-review__star[data-rate="1"]::after {
    width: 20%
}

.c-review__star[data-rate="0.5"]::after {
    width: 10%
}

.c-review__star[data-rate="0"]::after {
    width: 0%
}

.c-searchForm {
    display: flex;
    position: relative
}

.c-searchForm__text[type="text"] {
    border: 1px solid #ACACAC;
    border-right: none;
    border-radius: 3px 0 0 3px;
    font-size: 1.6rem;
    padding: 15px;
    width: calc(100% - 50px)
}

@media (min-width: 1024px) {
    .c-searchForm__text[type="text"] {
        font-size: 1.2rem;
        padding: 8px 10px;
        width: calc(100% - 40px)
    }
}

.c-searchForm__text[type="text"]::-webkit-input-placeholder {
    color: #707070
}

.c-searchForm__text[type="text"]:-ms-input-placeholder {
    color: #707070
}

.c-searchForm__text[type="text"]::placeholder {
    color: #707070
}

.c-searchForm__submit {
    width: 50px;
    border-radius: 0 3px 3px 0;
    background-color: #585657;
    background-image: url(../image/icon_search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px
}

@media (min-width: 1024px) {
    .c-searchForm__submit {
        width: 40px;
        background-size: 14px
    }
}

.c-searchForm-candidate {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ACACAC;
    border-top: none;
    border-radius: 3px;
    padding: 0 10px 5px
}

@media (min-width: 1024px) {
    .c-searchForm-candidate {
        border: 1px solid #707070;
        border-top: none;
        width: calc(100% - 39px);
        padding: 0 0 10px
    }
}

.c-searchForm-candidate.is-show {
    display: block
}

.c-searchForm-candidate__heading {
    background-color: #bbb;
    color: #fff;
    font-size: 1.4rem;
    padding: 10px
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__heading {
        margin: 0 10px
    }
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__item {
        padding: 0 10px
    }

    .c-searchForm-candidate__item:hover .c-searchForm-candidate__link {
        background-color: #f7f7f7
    }

    .c-searchForm-candidate__item:hover .c-searchForm-candidate__detail {
        display: block
    }
}

.c-searchForm-candidate__item+.c-searchForm-candidate__item {
    border-top: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__item+.c-searchForm-candidate__item {
        border-top: none
    }
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__item+.c-searchForm-candidate__item .c-searchForm-candidate__link {
        border-top: 1px solid #EDEDED
    }
}

.c-searchForm-candidate__item.is-hide {
    display: none
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__item.is-hide {
        display: block
    }
}

.c-searchForm-candidate__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 20px 10px 10px;
    position: relative;
    min-height: 40px
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__link {
        display: block;
        padding: 10px 20px 10px 10px;
        min-height: 0
    }

    .c-searchForm-candidate__link:hover {
        opacity: 1
    }
}

.c-searchForm-candidate__link::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px
}

.c-searchForm-candidate__link .blue {
    color: #2F6BBF
}

.c-searchForm-candidate__link .bold {
    font-weight: 500
}

.c-searchForm-candidate__txt {
    font-size: 1.2rem;
    display: block
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__txt {
        display: inline-block;
        margin: 0 10px 0 0
    }
}

.c-searchForm-candidate__subtxt {
    font-size: 1rem;
    display: block;
    margin: 6px 0 0
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__subtxt {
        display: inline-block
    }
}

.c-searchForm-candidate__detail {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    border: 1px solid #707070;
    border-radius: 3px;
    background-color: #fff;
    width: 320px;
    padding: 10px
}

.c-searchForm-candidate__product+.c-searchForm-candidate__product {
    margin-top: 15px
}

.c-searchForm-candidate__product.is-sale .c-searchForm-candidate__productPrice span:nth-of-type(1) {
    text-decoration: line-through;
    font-size: 1rem;
    margin-right: 10px
}

.c-searchForm-candidate__product.is-sale .c-searchForm-candidate__productPrice span:nth-of-type(2) {
    color: #ff0000;
    font-size: 1.2rem
}

.c-searchForm-candidate__productLink {
    display: flex
}

.c-searchForm-candidate__productImg {
    width: 60px
}

.c-searchForm-candidate__productImg img {
    display: block;
    width: 100%
}

.c-searchForm-candidate__productInfo {
    width: calc(100% - 60px);
    padding: 0 0 0 10px;
    line-height: 1.5
}

.c-searchForm-candidate__productBrand {
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__productBrand {
        font-size: 1rem
    }
}

.c-searchForm-candidate__productTxt {
    font-size: 1.2rem
}

.c-searchForm-candidate__productPrice {
    font-size: 1rem
}

@media (min-width: 1024px) {
    .c-searchForm-candidate__productPrice {
        font-size: 1.2rem
    }
}

.c-searchForm-candidate__productMore {
    text-align: right
}

.c-searchForm-candidate__productMore a {
    font-size: 1rem;
    display: inline-block;
    position: relative;
    padding: 0 10px 0 0
}

.c-searchForm-candidate__productMore a::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -2px
}

.c-searchForm-history {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ACACAC;
    border-top: none;
    border-radius: 3px;
    padding: 0 10px
}

@media (min-width: 1024px) {
    .c-searchForm-history {
        border: 1px solid #707070;
        border-top: none;
        width: calc(100% - 39px);
        padding: 0
    }
}

.c-searchForm-history.is-show {
    display: block
}

.c-searchForm-history__item {
    position: relative
}

@media (min-width: 1024px) {
    .c-searchForm-history__item {
        padding: 0 10px
    }

    .c-searchForm-history__item:hover .c-searchForm-history__link {
        background-color: #f7f7f7
    }
}

.c-searchForm-history__item+.c-searchForm-history__item {
    border-top: 1px solid #EDEDED
}

@media (min-width: 1024px) {
    .c-searchForm-history__item+.c-searchForm-history__item {
        border-top: none
    }
}

@media (min-width: 1024px) {
    .c-searchForm-history__item+.c-searchForm-history__item .c-searchForm-history__link {
        border-top: 1px solid #EDEDED
    }
}

.c-searchForm-history__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 20px 10px 10px;
    position: relative;
    min-height: 40px;
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-searchForm-history__link {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 10px 20px 10px 10px;
        min-height: 40px
    }

    .c-searchForm-history__link:hover {
        opacity: 1
    }
}

.c-searchForm-history__delete {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -10px
}

@media (min-width: 1024px) {
    .c-searchForm-history__delete {
        right: 10px
    }
}

.c-searchForm-history__delete::before,
.c-searchForm-history__delete::after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background-color: #5a5a5a;
    position: absolute;
    top: 50%;
    left: 5px;
    transform-origin: center
}

.c-searchForm-history__delete::before {
    transform: rotate(45deg)
}

.c-searchForm-history__delete::after {
    transform: rotate(-45deg)
}

@media (min-width: 1024px) {
    .c-shopAddress {
        padding-right: 365px;
        position: relative;
        min-height: 345px
    }
}

.c-shopAddress__map {
    position: relative;
    padding-top: 100%;
    margin: 20px 0
}

@media (min-width: 1024px) {
    .c-shopAddress__map {
        width: 345px;
        height: 345px;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0
    }
}

.c-shopAddress__map iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 1024px) {
    .c-shopAddress__map iframe {
        width: 345px;
        height: 345px
    }
}

@media (min-width: 1024px) {
    .c-shopAddress .c-text {
        margin-bottom: 20px
    }
}

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

.c-shopList__item+.c-shopList__item {
    margin-top: 20px
}

.c-shopList__info {
    width: 50%
}

.c-shopList__brand {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 5px
}

.c-shopList__name {
    font-size: 1.4rem;
    display: flex;
    align-items: center
}

.c-shopList__btns {
    width: 50%;
    max-width: 172px;
    display: flex;
    justify-content: flex-end
}

@media (min-width: 1024px) {
    .c-shopList__btns {
        max-width: 178px
    }
}

.c-shopList__btns .c-button {
    width: calc(50% - 2px);
    margin: 0;
    font-size: 1.1rem;
    padding: 0;
    height: 36px
}

@media (min-width: 1024px) {
    .c-shopList__btns .c-button {
        width: 84px
    }
}

.c-shopList__icon {
    margin-top: 10px;
    margin-right: 15px
}

.c-shopList__infoBtn {
    margin-left: 10px
}

.c-suggest {
    font-size: 1.6rem;
    margin: 10px 0 0;
    line-height: 1.6
}

.c-suggest p {
    display: inline;
    font-weight: 500
}

.c-suggest ul {
    display: inline
}

.c-suggest li {
    display: inline
}

.c-suggest li+li::before {
    content: '、'
}

.c-suggest li a {
    text-decoration: underline;
    font-weight: 500
}

.c-table {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .c-table {
        border-bottom: 1px solid #EDEDED
    }
}

.c-table.is-repair.is-disable {
    position: relative
}

.c-table.is-repair.is-disable::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 204, 204, 0.6);
    position: absolute;
    top: 0;
    left: 0
}

.c-table.is-repair.is-hide {
    display: none
}

.c-table__heading {
    width: 100%;
    font-size: 1.6rem;
    background: #EDEDED;
    padding: 8px 6px;
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .c-table__heading {
        width: 250px;
        margin: 0;
        padding: 0 15px;
        display: flex;
        align-items: center
    }
}

.c-table__heading.is-hide {
    display: none
}

.c-table__heading.is-hide.is-show {
    display: block
}

@media (min-width: 1024px) {
    .c-table__heading.is-hide.is-show {
        display: flex
    }
}

.c-table__heading.is-required span {
    margin-left: 0.5em;
    margin-top: 4px;
    color: red;
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .c-table__heading+.c-table__body {
        border-top: 1px solid #EDEDED
    }
}

.c-table__body {
    width: 100%
}

@media (min-width: 1024px) {
    .c-table__body {
        width: calc(100% - 250px);
        padding: 20px 30px
    }
}

.c-table__body.is-hide {
    display: none
}

.c-table__body.is-hide.is-show {
    display: block
}

@media (min-width: 1024px) {
    .c-table__body.is-hide.is-show {
        display: flex
    }
}

.c-table__body+.c-table__heading {
    margin-top: 30px
}

@media (min-width: 1024px) {
    .c-table__body+.c-table__heading {
        margin: 0;
        border-top: 1px solid #fff
    }
}

.c-tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #acacac
}

.c-tabs__tab {
    width: 140px;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #acacac;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .c-tabs__tab {
        width: 160px
    }
}

.c-tabs__tab.is-current {
    color: #fff;
    background-color: #acacac
}

.c-tabs__tab+.c-tabs__tab {
    margin-left: 10px
}

.c-tabs__tabContent {
    display: none
}

.c-tabs__tabContent.is-current {
    display: block
}

.c-tabs__tabContent .c-block:first-child {
    margin-bottom: -20px
}

.c-text {
    font-size: 1.6rem;
    line-height: 1.6
}

@media (min-width: 1024px) {
    .c-text {
        font-size: 1.4rem
    }
}

.c-text.is-small {
    font-size: 1.4rem
}

.c-text.is-s-small {
    font-size: 1.3rem
}

.c-text.is-x-small {
    font-size: 1.2rem
}

.c-text.is-xx-small {
    font-size: 1.1rem
}

.c-text.is-xxx-small {
    font-size: 1rem
}

@media (min-width: 1024px) {
    .c-text.is-large {
        font-size: 1.6rem
    }
}

.c-text.is-red {
    color: red
}

.c-text.is-center {
    text-align: center
}

.c-text.is-right {
    text-align: right
}

.c-text.is-semiBold {
    font-weight: 500
}

.c-text.is-bold {
    font-weight: bold
}

.c-text.is-wide {
    line-height: 1.75
}

.c-text.is-underline {
    text-decoration: underline
}

.c-text a {
    text-decoration: underline
}

.c-text+.c-text {
    margin-top: 1em
}

.c-text+.c-text.has-noMargin {
    margin-top: 0
}

.c-text.has-ArrowRt {
    padding-right: 1rem
}

.c-text.has-ArrowRt::after {
    content: "";
    display: inline-block;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    transform: rotate(45deg);
    width: 0.5em;
    height: 0.5em;
    position: relative;
    bottom: 0.1em;
    left: 0.2em
}

.c-text.has-ArrowBtm::after {
    content: "";
    display: inline-block;
    border-bottom: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    transform: rotate(45deg);
    width: 0.6em;
    height: 0.6em;
    position: relative;
    bottom: 0.2em;
    left: 0.5em
}

.p-addCart-crossSell {
    padding-inline: 28px
}

@media (max-width: 1023px) {
    .p-addCart-crossSell {
        padding-inline: 0
    }
}

.p-addCart-crossSell__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px
}

@media (max-width: 1023px) {
    .p-addCart-crossSell__list {
        gap: 14px
    }
}

.p-addCart-crossSell__headingLv2 {
    color: #585657;
    font-size: 18px;
    font-weight: 500
}

.p-addCart-crossSell__headingLv2 span {
    display: block;
    color: #949393;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px
}

@media (max-width: 1023px) {
    .p-addCart-crossSell__headingLv2 {
        font-size: 16px
    }

    .p-addCart-crossSell__headingLv2 span {
        font-size: 12px;
        margin-bottom: 8px
    }
}

.p-addCart-crossSell__img {
    display: block;
    margin-top: 8px
}

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

@media (max-width: 1023px) {
    .p-addCart-crossSell__img {
        margin-top: 11px
    }
}

.p-addItem .c-text {
    font-size: 1.5rem
}

@media (min-width: 1024px) {
    .p-addItem .c-text {
        margin: 20px 0;
        font-size: 1.8rem
    }
}

.p-addItem .c-text+.c-text {
    font-size: 1.4rem;
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-addItem .c-text+.c-text {
        margin-top: 20px;
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {
    .p-addItem .c-itemList__item {
        width: 16.6666%
    }
}

.p-addItem .c-itemList__item:nth-of-type(n+4) {
    display: none
}

@media (min-width: 1024px) {
    .p-addItem .c-itemList__item:nth-of-type(n+4) {
        display: block
    }
}

.p-addItem__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .p-addItem__btns {
        width: 490px;
        margin: 0 auto
    }
}

.p-addItem__btns .c-button {
    width: calc(50% - 5px)
}

.p-addItem__btns .c-button:nth-of-type(1) {
    width: 100%;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .p-addItem__btns .c-button:nth-of-type(1) {
        width: 100%;
        max-width: none
    }
}

@media (min-width: 1024px) {
    .p-addItem__btns .c-button {
        width: 240px
    }
}

.p-article__header {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .p-article__header {
        margin-bottom: 30px
    }
}

.p-article__header h1 {
    font-size: 2.2rem;
    margin-bottom: 10px;
    line-height: 1.6
}

.p-article__date {
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 10px
}

.p-article__tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
    font-size: 1rem;
    color: #fff;
    background-color: #ad4b8f;
    min-width: 80px;
    height: 16px;
    line-height: 16px;
    text-align: center
}

.p-article__tag.is-tsc {
    background-color: #000000
}

.p-article__tag.is-wtsc {
    background-color: #898989
}

.p-article__tag.is-ul {
    background-color: #553800
}

.p-article__tag.is-ulm {
    background-color: #C8B076
}

.p-article__tag.is-os {
    background-color: #C66A4B
}

.p-article__tag.is-info {
    background-color: #AD4B8F
}

.p-article__main {
    margin: 0 0 60px;
    font-size: 1.4rem;
    line-height: 1.7
}

@media (min-width: 1024px) {
    .p-article__main {
        margin: 0 0 40px
    }
}

.p-article__main p {
    font-size: 1.4rem;
    line-height: 1.7
}

.p-article__main p+p {
    margin-top: 1em
}

@media (min-width: 1024px) {
    .p-article__main p+p {
        margin-top: 1.5em
    }
}

.p-article__main img {
    max-width: 100%;
    display: block
}

@media (max-width: 1023px) {
    .p-article__main img {
        margin: 1em auto
    }
}

@media (min-width: 1024px) {
    .p-article__main img {
        margin: 1em 0
    }
}

.p-article__main img+p {
    margin-top: 1em
}

@media (min-width: 1024px) {
    .p-article__main img+p {
        margin-top: 1.5em
    }
}

.p-article__share {
    border-top: 1px solid #EDEDED;
    padding: 20px 0
}

.p-article__share ul {
    display: flex
}

@media (min-width: 1024px) {
    .p-article__share ul {
        justify-content: center
    }
}

.p-article__share p {
    font-size: 1.4rem;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .p-article__share p {
        text-align: center
    }
}

.p-article__share li {
    margin-right: 10px
}

@media (min-width: 1024px) {
    .p-article__share li {
        margin: 0 5px
    }
}

.p-article__pager {
    display: flex;
    margin: 0 -10px;
    justify-content: space-between;
    background-color: #EDEDED;
    padding: 15px 10px
}

@media (min-width: 1024px) {
    .p-article__pager {
        margin: 0;
        padding: 15px 20px
    }
}

.p-article__prev,
.p-article__next {
    display: block;
    background-color: #585657;
    width: 90px;
    height: 40px;
    border-radius: 3px;
    position: relative
}

.p-article__prev::before,
.p-article__next::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -5px
}

.p-article__prev::before {
    border-left: 1px solid #fff;
    left: 50%;
    transform: rotate(45deg);
    margin-left: -5px
}

.p-article__next::before {
    border-right: 1px solid #fff;
    right: 50%;
    transform: rotate(-45deg);
    margin-right: -5px
}

.p-brandTop .l-header {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s
}

.p-brandTop.is-showHeader .l-header,
.p-brandTop.is-showNav .l-header {
    opacity: 1;
    pointer-events: auto
}

.p-brand {
    height: 100%
}

.p-brand__bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 0
}

@media (min-width: 1024px) {
    .p-brand__bg {
        background: url("../image/bg_brand_tsc2.jpg") no-repeat top center;
        background-size: contain
    }
}

@media (min-width: 1024px) {
    .p-brand__bg.is-ul {
        background: url("../image/bg_brand_ul_2023.jpg") no-repeat center center;
        background-size: cover
    }
}

@media (min-width: 1024px) {
    .p-brand__bg.is-white {
        background: url("../image/bg_brand_white_2023.jpg") no-repeat top center;
        background-size: contain
    }
}

.p-brand__bg.is-out {
    position: absolute
}

@media (min-width: 1024px) {
    .p-brand__bg.is-out {
        position: fixed
    }
}

.p-brand__bgImg {
    margin: 0 auto;
    width: 100%;
    max-width: 480px;
    height: 100vh;
    background: url("../image/bg_brand_tsc-sp.jpg") no-repeat bottom center;
    background-size: cover
}

.p-brand__bgImg h1 {
    font-size: 1px;
    text-indent: -9999px
}

@media (min-width: 1024px) {
    .p-brand__bgImg {
        display: none
    }
}

.is-ul .p-brand__bgImg {
    background: url("../image/bg_brand_ul_2023-sp.jpg") no-repeat top center;
    background-size: cover
}

@media (min-width: 1024px) {
    .is-ul .p-brand__bgImg {
        display: none
    }
}

.is-white .p-brand__bgImg {
    background: url("../image/bg_brand_white_2023-sp.jpg") no-repeat top center;
    background-size: cover
}

@media (min-width: 1024px) {
    .is-white .p-brand__bgImg {
        display: none
    }
}

.p-brand__hero {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.7s ease
}

.p-brand__hero.is-bg {
    background-color: rgba(0, 0, 0, 0.3)
}

.p-brand__heroFirst {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 0
}

.p-brand__heroLogo {
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 278px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    width: 278px
}

@media (min-width: 1024px) {
    .p-brand__heroLogo {
        top: 50%;
        left: 15.57143%;
        transform: translate(0, -50%);
        width: 392px
    }
}

.is-default .p-brand__heroLogo[data-switch="she"] {
    opacity: 0;
    visibility: hidden
}

.is-she .p-brand__heroLogo[data-switch="default"] {
    opacity: 0;
    visibility: hidden
}

.p-brand__heroLogo.is-ul {
    display: none
}

@media (min-width: 1024px) {
    .p-brand__heroLogo.is-ul {
        display: block;
        top: 50%;
        width: 660px;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.p-brand__heroLogo.is-white {
    top: 40px;
    width: 194px
}

@media (min-width: 1024px) {
    .p-brand__heroLogo.is-white {
        top: 50%;
        width: 315px
    }
}

.p-brand__heroScroll {
    position: absolute;
    padding-bottom: 60px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 54px;
    text-align: center;
    overflow: hidden
}

@media (min-width: 1024px) {
    .p-brand__heroScroll {
        left: 28.57143%;
        width: 70px
    }
}

.p-brand__heroScrollText {
    color: #fff;
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .p-brand__heroScrollText {
        font-size: 1.4rem
    }
}

.p-brand__heroScrollLine {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 10px auto 0;
    width: 1px;
    height: calc(100% - 20px);
    background-color: #fff;
    display: block;
    animation: lineScroll 1.5s ease-in infinite
}

.p-brand__heroBodyWrap {
    position: relative;
    height: 370px
}

@media (min-width: 1024px) {
    .p-brand__heroBodyWrap {
        padding-left: 15.57143%;
        height: 540px
    }
}

.p-brand__heroBodyWrap.is-white {
    height: 220px
}

@media (min-width: 1024px) {
    .p-brand__heroBodyWrap.is-white {
        height: 350px
    }
}

.p-brand__heroBodyWrap.is-ul {
    height: 430px
}

@media (min-width: 1024px) {
    .p-brand__heroBodyWrap.is-ul {
        height: 670px
    }
}

.is-default .p-brand__heroBodyWrap.is-show {
    height: 1450px
}

@media (min-width: 1024px) {
    .is-default .p-brand__heroBodyWrap.is-show {
        height: 1940px
    }
}

.is-she .p-brand__heroBodyWrap.is-show {
    height: 1300px
}

@media (min-width: 1024px) {
    .is-she .p-brand__heroBodyWrap.is-show {
        height: 1710px
    }
}

.p-brand__heroBodyWrap.is-show.is-white {
    height: 860px
}

@media (min-width: 1024px) {
    .p-brand__heroBodyWrap.is-show.is-white {
        height: 1020px
    }
}

.p-brand__heroBodyWrap.is-show.is-ul {
    height: 1040px
}

@media (min-width: 1024px) {
    .p-brand__heroBodyWrap.is-show.is-ul {
        height: 1560px
    }
}

.p-brand__heroBody {
    position: absolute;
    padding: 30px 40px 50px;
    z-index: 1;
    height: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease
}

@media (min-width: 1024px) {
    .p-brand__heroBody {
        margin: 0 auto;
        padding: 60px 0;
        max-width: 870px
    }
}

.is-she .p-brand__heroBody[data-switch="default"] {
    opacity: 0;
    visibility: hidden
}

.is-default .p-brand__heroBody[data-switch="she"] {
    opacity: 0;
    visibility: hidden
}

.p-brand__heroText {
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    line-height: 2.22;
    letter-spacing: 0.1em
}

@media (min-width: 1024px) {
    .p-brand__heroText {
        font-size: 2.6rem
    }
}

.is-ul .p-brand__heroText {
    font-size: 1.6rem
}

@media (min-width: 1024px) {
    .is-ul .p-brand__heroText {
        font-size: 2.6rem
    }
}

.p-brand__heroText+.p-brand__heroText {
    margin-top: 50px
}

.p-brand__heroText>span {
    display: block;
    filter: blur(7px);
    opacity: 0;
    transition: filter 1s ease, opacity 1s ease;
    white-space: nowrap
}

.p-brand__heroText>span.is-scrollin {
    filter: blur(0);
    opacity: 1
}

.p-brand__heroMore {
    cursor: pointer;
    margin-top: 20px;
    padding: 0 20px 0 0;
    position: relative;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    appearance: none;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    filter: blur(7px);
    opacity: 0;
    transition: filter 1s ease, opacity 1s ease;
    position: absolute;
    bottom: 110px
}

@media (min-width: 1024px) {
    .p-brand__heroMore {
        margin-top: 50px;
        font-size: 1.6rem;
        bottom: 140px
    }
}

.p-brand__heroMore.is-scrollin {
    filter: blur(0);
    opacity: 1
}

.p-brand__heroMore.is-hidden {
    display: none
}

.p-brand__heroMore::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transform-origin: center
}

@media (min-width: 1024px) {
    .p-brand__heroMore::after {
        width: 10px;
        height: 10px
    }
}

.p-brand__heroMore--close::after {
    top: 5px;
    transform: rotate(-135deg)
}

.p-brand__heroTextMore {
    margin-top: 50px;
    display: none
}

.p-brand__heroTextMore.is-show {
    display: block
}

.p-brand__heroImage {
    margin-top: 30px;
    display: block;
    width: 160px;
    opacity: 0;
    transition: opacity 1s ease
}

.p-brand__heroImage.is-scrollin {
    opacity: 1
}

.p-brand__heroDots {
    margin-top: 50px;
    position: absolute;
    bottom: 40px
}

@media (min-width: 1024px) {
    .p-brand__heroDots {
        bottom: 70px
    }
}

.p-brand__heroDots.is-hidden {
    display: none
}

.p-brand__heroDot {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff
}

.p-brand__heroDot.is-active {
    background-color: #000
}

.p-brand__heroDot+.p-brand__heroDot {
    margin-left: 20px
}

.p-brand__body {
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
    background-color: #fff
}

.p-brand__bnr {
    padding-top: 20px
}

.p-brand__bnrLink {
    display: block;
    margin: 0 auto;
    max-width: 335px
}

.p-brand__section {
    padding: 40px 20px
}

@media (min-width: 1024px) {
    .p-brand__section {
        padding: 60px 20px
    }
}

.p-brand__section--gray {
    background-color: #f7f6f4
}

.p-brand__coodList {
    margin: 0 -5px -10px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-brand__coodList {
        margin: 0 auto;
        max-width: 870px
    }
}

.p-brand__coodItem {
    width: 33.3333%;
    padding: 0 5px 10px
}

@media (min-width: 1024px) {
    .p-brand__coodItem {
        width: 25%
    }
}

.p-brand__link {
    display: block
}

.p-brand__image {
    display: block;
    width: 100%
}

.p-brand__btnWrap {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .p-brand__btnWrap {
        margin-top: 30px
    }
}

.p-brand__anchorBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 1.4rem;
    padding: 0 10px;
    width: 100%
}

@media (min-width: 1024px) {
    .p-brand__anchorBtn {
        margin: 0 auto;
        max-width: 345px
    }
}

.p-brand__anchorBtnText {
    position: relative
}

.p-brand__anchorBtnText::after {
    content: "";
    position: absolute;
    top: 3px;
    right: -12px;
    width: 6px;
    height: 6px;
    border: 1px solid #585657;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    transform-origin: center
}

.p-brand__prodList {
    margin: 0 -5px -15px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-brand__prodList {
        margin: 0 auto -15px;
        max-width: 690px
    }
}

.p-brand__prodItem {
    width: 50%;
    padding: 0 5px 15px
}

@media (min-width: 1024px) {
    .p-brand__prodItem {
        width: 33.333%
    }
}

.p-brand__storeImage {
    margin: 0 -20px;
    display: block;
    width: calc(100% + 40px)
}

@media (min-width: 1024px) {
    .p-brand__storeImage {
        margin: 0 auto;
        width: 870px
    }
}

.p-brand__shopWrap {
    margin: 0 -10px
}

@media (min-width: 1024px) {
    .p-brand__shopWrap {
        margin: 0 auto;
        max-width: 910px
    }
}

.p-brand__campWrap {
    margin: 0 -10px
}

@media (min-width: 1024px) {
    .p-brand__campWrap {
        margin: 0 auto;
        max-width: 870px
    }
}

.p-brand__subTitle {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 500
}

.p-brand__catList {
    margin: 0 0 -20px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-brand__catList {
        margin: 0 -5px;
        justify-content: center
    }
}

.p-brand__catItem {
    width: 100%;
    padding: 0 0 20px
}

@media (min-width: 1024px) {
    .p-brand__catItem {
        padding: 0 5px;
        width: 310px
    }
}

.p-brand__snsLogo {
    display: block;
    margin: 30px auto 0;
    width: 100px;
    text-align: center
}

@media (min-width: 1024px) {
    .p-brand__snsLogo {
        margin-top: 60px
    }
}

.p-brand__snsList {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.p-brand__snsItem {
    padding: 0 10px 0;
    width: 70px
}

.p-brand__menus {
    margin: 30px auto 0;
    display: flex;
    justify-content: space-between;
    max-width: 960px
}

.p-brand__menu {
    width: 46%
}

.p-brand__menuTitle {
    font-size: 1.9rem
}

.p-brand__menuList {
    margin-top: 40px;
    display: inline-block;
    width: 50%
}

.p-brand__menuList--noTitle {
    margin-top: 0
}

.p-brand__menuList--m {
    width: 60%
}

.p-brand__menuList--s {
    width: 40%
}

.p-brand__menuList+.p-brand__menuList {
    float: right
}

.p-brand__menuItem+.p-brand__menuItem {
    margin-top: 10px
}

.p-brand__menuLink {
    display: block;
    font-size: 1.4rem;
    padding: 18px 5px 18px 40px;
    background-repeat: no-repeat;
    background-position: left 5px center;
    white-space: nowrap
}

.p-brand__rankWrap {
    max-width: 960px;
    margin: 0 -10px
}

@media (min-width: 1024px) {
    .p-brand__rankWrap {
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .p-brand__col-pc3 {
        margin: 0 -15px -20px
    }
}

.p-brand__col-pc3 .c-bannerList__item {
    width: 50%
}

@media (min-width: 1024px) {
    .p-brand__col-pc3 .c-bannerList__item {
        width: 33.33333%;
        padding: 0 15px 20px
    }
}

@media (max-width: 1023px) {
    .p-brand__col-pc3 .c-bannerList__item--sp-lg {
        width: 100%;
        padding-bottom: 30px
    }
}

.p-brand__col-pc3 .c-bannerList__img {
    height: auto;
    margin-bottom: 0
}

@keyframes lineScroll {
    0% {
        transform: translate(0, 0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate(0, 100%);
        opacity: 0
    }
}

@media (min-width: 1024px) {
    .p-cart {
        display: flex;
        justify-content: space-between;
        padding: 0 8px;
        align-items: flex-start
    }
}

.p-cart__left {
    padding: 0 5px
}

@media (min-width: 1024px) {
    .p-cart__left {
        width: calc(100% - 335px - 45px);
        padding: 0
    }
}

.p-cart__right {
    margin-top: 37px
}

.p-cart__right .c-box {
    padding: 30px 20px;
    margin-bottom: -20px
}

@media (min-width: 1024px) {
    .p-cart__right .c-box {
        padding: 30px 20px 0;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .p-cart__right {
        width: 375px;
        margin-top: 0;
        background-color: #F2F2F2
    }
}

.p-cart__btn--amazon {
    height: auto;
    margin-bottom: -10px
}

@media (min-width: 1024px) {
    .p-cart__btn--amazon {
        height: 50px;
        margin-bottom: 0
    }
}

.p-cart__payImg {
    max-width: 205px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px
}

.p-cart__head {
    margin-bottom: 15px
}

.p-cart__headBottom {
    padding-top: 5px;
    border-top: solid 2px #E8E8E8;
    position: relative;
    margin-top: 15px
}

.p-cart__headBottom.is-step1::before {
    content: "";
    width: calc(100% * 88 / 355);
    height: 2px;
    background-color: #585657;
    position: absolute;
    left: 0;
    top: -2px
}

.p-cart__headBottom.is-step1>.c-text.is-x-small {
    padding-left: 14px
}

.p-cart__headBottom.is-step2::before {
    content: "";
    width: calc(100% * 177 / 355);
    height: 2px;
    background-color: #585657;
    position: absolute;
    left: 0;
    top: -2px
}

.p-cart__headBottom.is-step2>.c-text.is-x-small {
    padding-left: 76px
}

.p-cart__headBottom.is-step3::before {
    content: "";
    width: calc(100% * 266 / 355);
    height: 2px;
    background-color: #585657;
    position: absolute;
    left: 0;
    top: -2px
}

.p-cart__headBottom.is-step3>.c-text.is-x-small {
    padding-left: 215px
}

@media (min-width: 1024px) {
    .p-cart__headBottom {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px
    }

    .p-cart__headBottom.is-step1::before {
        content: "";
        width: calc(100% * 250 / 1000)
    }

    .p-cart__headBottom.is-step1>.c-text.is-x-small {
        padding-left: 175px
    }

    .p-cart__headBottom.is-step2::before {
        content: "";
        width: calc(100% * 500 / 1000)
    }

    .p-cart__headBottom.is-step2>.c-text.is-x-small {
        padding-left: 420px
    }

    .p-cart__headBottom.is-step3::before {
        content: "";
        width: calc(100% * 750 / 1000)
    }

    .p-cart__headBottom.is-step3>.c-text.is-x-small {
        padding-left: 666px
    }
}

.p-cart__headingWrap+.c-text {
    padding-left: 15px;
    margin-top: 5px
}

.p-cart__heading {
    font-size: 22px;
    font-weight: 500;
    margin-top: 10px
}

.p-cart__amount {
    margin-top: 16px;
    font-weight: bold;
    color: #585657;
    margin-bottom: 12px;
    padding: 0 5px
}

.p-cart__amount+.c-text {
    padding: 0 5px
}

.p-cart__amountTxt {
    font-size: 16px
}

.p-cart__amountTxt span {
    font-size: 14px
}

.p-cart__amountPrice {
    font-size: 22px;
    margin-left: 20px
}

.p-cart__amountPrice span {
    font-size: 16px
}

.p-cart__box {
    padding-top: 20px
}

.p-cart__box.is-gray {
    background-color: #F2F2F2
}

.p-cart__boxTxt {
    font-size: 1.3rem;
    line-height: 1.85
}

.c-text.is-red+.p-cart__boxTxt {
    margin-top: 15px
}

.p-cart__floatArea {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 1000;
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: 0 -2px 8px rgba(204, 204, 204, 0.6)
}

.p-cart__floatArea.is-hide {
    display: none
}

@media (min-width: 1024px) {
    .p-cart__floatArea {
        display: none
    }
}

.p-cart__floatArea .c-button {
    height: 54px;
    font-size: 1.5rem
}

.p-cart__detailInput {
    display: none
}

.p-cart__detailInput:checked+label+.p-cart__productReturn {
    max-height: 1500px
}

.p-cart__detailInput:checked+label::after {
    display: none
}

.p-cart__detailInput+label {
    font-size: 1.3rem;
    display: flex;
    justify-content: flex-end;
    padding-right: 12px;
    position: relative
}

.p-cart__detailInput+label::before {
    content: "";
    width: 7px;
    height: 1px;
    background-color: #666;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 0
}

.p-cart__detailInput+label::after {
    content: "";
    width: 1px;
    height: 7px;
    background-color: #666;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 3px
}

.p-cart__productReturn {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s
}

.p-cart__btnWrap {
    margin-top: 50px
}

.p-cart__btnWrap .c-button {
    height: 50px;
    max-width: 335px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .p-cart__btnWrap {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #fff
    }
}

.p-cart__otherBlock {
    margin-top: 38px
}

.p-cart__otherBlock .c-heading--lv2 {
    text-align: center;
    font-size: 1.8rem
}

@media (min-width: 1024px) {
    .p-cart__otherBlock .c-heading--lv2 {
        font-size: 2.4rem
    }
}

.p-cart__otherBlock .c-block+.c-block {
    margin-top: 30px
}

@media (min-width: 1024px) {
    .p-cart__otherBlock .c-block+.c-block {
        margin-top: 60px
    }
}

.p-cart-add {
    margin-top: 48px;
    background-color: #fff
}

@media (min-width: 1024px) {
    .p-cart-add {
        margin-top: 0;
        padding-top: 18px
    }
}

.p-cart-add__inner {
    display: flex;
    column-gap: 5px
}

.p-cart-add__inner>* {
    flex: 1
}

.p-cart-add__link {
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-radius: 5px;
    background: #707070;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 10px 20px 10px 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    position: relative
}

.p-cart-add__link::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    background-color: #000;
    background-image: url("../image/icon_right_arrow.svg");
    background-repeat: no-repeat;
    background-position: center center
}

.p-complete {
    padding-bottom: 56px
}

.p-complete__bottom {
    margin: 0 auto;
    padding: 44px 0 0 0
}

@media (min-width: 1024px) {
    .p-complete__bottom {
        max-width: 880px
    }
}

.p-complete__container {
    max-width: 335px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .p-complete__container {
        max-width: none
    }
}

.p-complete__text {
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: normal;
    margin: 16px 0 0 0
}

@media (min-width: 1024px) {
    .p-complete__text {
        font-size: 1.6rem
    }
}

.p-complete .c-heading--lv3 {
    color: #333;
    font-weight: 400;
    line-height: normal;
    padding: 3px 0 4px 8px
}

.p-complete .p-mysize {
    padding: 61px 0 0
}

@media (min-width: 1024px) {
    .p-complete .p-mysize {
        padding: 47px 0 0
    }
}

.p-complete .p-mysize__link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #656364;
    margin: 6px 0 0 0
}

.p-complete .p-mysize__link::after {
    content: "";
    display: block;
    width: 7.5px;
    height: 7.5px;
    border-top: 1px solid #6f6f6f;
    border-right: 1px solid #6f6f6f;
    border-radius: 1px;
    transform: rotate(45deg)
}

@media (min-width: 1024px) {
    .p-complete .p-mysize__link {
        max-width: 400px;
        margin: 6px auto 0;
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {
    .p-contact .c-input--textarea {
        width: 100%
    }
}

.p-contact .js-input__birthNoRequired {
    margin-top: 10px
}

.p-contact__alertBox {
    display: none;
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 1024px) {
    .p-contact__alertBox {
        margin-left: 0;
        margin-right: 0
    }
}

.p-contact__alert--birth {
    display: flex;
    flex-direction: column
}

.p-contact .c-alert {
    line-height: 1.6;
    font-size: 1.4rem
}

.c-table__heading.js-input__memNumberConfirm,
.c-table__body.js-input__memNumberConfirmBody {
    border-top: none !important
}

@media (max-width: 1023px) {

    .c-table__heading.js-input__memNumberConfirm,
    .c-table__body.js-input__memNumberConfirmBody {
        background: none;
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .p-coordinate {
        display: flex
    }
}

@media (min-width: 1024px) {
    .p-coordinate__mv {
        width: 540px
    }
}

.p-coordinate__mv img {
    display: block;
    width: 100%
}

@media (min-width: 1024px) {
    .p-coordinate__mv img {
        margin-bottom: 15px
    }
}

.p-coordinate__info {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .p-coordinate__info {
        width: calc(100% - 540px);
        padding: 0 0 0 30px;
        margin-top: 0
    }
}

.p-coordinate__items {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .p-coordinate__items {
        margin-top: 30px
    }
}

.p-coordinate__category {
    font-size: 1.2rem;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .p-coordinate__category {
        margin-bottom: 15px
    }
}

.p-coordinate__brand {
    font-size: 1.6rem;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .p-coordinate__brand {
        margin-bottom: 15px
    }
}

.p-coordinate__ttl {
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .p-coordinate__ttl {
        font-size: 2.2rem
    }
}

.p-coordinateItemList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -20px
}

.p-coordinateItemList__item {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .p-coordinateItemList__item {
        width: 100%;
        padding: 0 0 0 110px;
        position: relative;
        min-height: 120px
    }
}

.p-coordinateItemList__img {
    display: block
}

@media (min-width: 1024px) {
    .p-coordinateItemList__img {
        width: 90px;
        position: absolute;
        top: 0;
        left: 0
    }
}

.p-coordinateItemList__img img {
    display: block;
    width: 100%
}

.p-coordinateItemList__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .p-coordinateItemList__body {
        justify-content: flex-start
    }
}

.p-coordinateItemList__link {
    display: block;
    width: 100%
}

@media (min-width: 1024px) {
    .p-coordinateItemList .c-item__txt {
        height: auto
    }
}

.p-coordinateItemList .c-item__fav {
    position: relative;
    bottom: -5px
}

@media (min-width: 1024px) {
    .p-coordinateItemList .c-item__fav {
        bottom: -8px
    }
}

.p-digi-lab__listItemImg {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .p-digi-lab__listItemImg {
        margin-right: 20px;
        margin-bottom: 0;
        width: 225px
    }
}

.p-digi-lab__listItemImg img {
    width: 100%
}

.p-entry__alertBox {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 1024px) {
    .p-entry__alertBox {
        margin-left: 0;
        margin-right: 0
    }
}

.p-entry__alertArea--text {
    margin-bottom: 30px
}

.p-entry__list {
    margin-bottom: 50px
}

@media (min-width: 1024px) {
    .p-entry__list {
        margin-bottom: 60px
    }
}

.p-entry__textbox {
    width: 100%;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .p-entry__textbox {
        width: 345px;
        margin-bottom: 0
    }
}

.p-entry__textbox.is-mail {
    width: 120px
}

.p-entry__textbox.is-mailLarge {
    width: 200px
}

.p-entry__check {
    text-align: center;
    margin-bottom: 20px
}

.p-entry__check label {
    display: inline-block
}

.p-entry__btmAreaButton {
    width: 345px;
    margin: 0 auto 20px
}

.p-entry__btmAreaTxt {
    width: 345px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #fff
}

@media (min-width: 1024px) {
    .p-entry__btmAreaTxt {
        margin-top: 0;
        padding-top: 0;
        border: none
    }
}

.p-entry__addressTxt .c-text+.c-text {
    margin-top: 0.5em
}

@media (min-width: 1024px) {
    .p-entry .p-social-login__container {
        max-width: 880px
    }
}

.p-fitting .p-fitting__head {
    margin-bottom: 15px
}

.p-fitting .p-fitting__headBottom {
    padding-top: 5px;
    border-top: solid 2px #E8E8E8;
    position: relative;
    margin-top: 15px
}

.p-fitting .p-fitting__headBottom.is-step1::before {
    content: "";
    width: calc(100% * 88 / 355);
    height: 2px;
    background-color: #585657;
    position: absolute;
    left: 0;
    top: -2px
}

.p-fitting .p-fitting__headBottom.is-step1>.c-text.is-x-small {
    padding-left: 14px
}

.p-fitting .p-fitting__headBottom.is-step2::before {
    content: "";
    width: calc(100% * 177 / 355);
    height: 2px;
    background-color: #585657;
    position: absolute;
    left: 0;
    top: -2px
}

.p-fitting .p-fitting__headBottom.is-step2>.c-text.is-x-small {
    text-align: center
}

.p-fitting .p-fitting__headBottom.is-step3::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #585657;
    position: absolute;
    left: 0;
    top: -2px
}

.p-fitting .p-fitting__headBottom.is-step3>.c-text.is-x-small {
    padding-right: 35px;
    text-align: right
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting__headBottom {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px
    }

    .p-fitting .p-fitting__headBottom.is-step1::before {
        content: "";
        width: calc(100% * 250 / 1000)
    }

    .p-fitting .p-fitting__headBottom.is-step1>.c-text.is-x-small {
        padding-left: 175px
    }

    .p-fitting .p-fitting__headBottom.is-step2::before {
        content: "";
        width: calc(100% * 500 / 1000)
    }

    .p-fitting .p-fitting__headBottom.is-step3::before {
        content: "";
        width: 100%
    }

    .p-fitting .p-fitting__headBottom.is-step3>.c-text.is-x-small {
        padding-right: 35px;
        text-align: right
    }
}

.p-fitting .p-fitting__heading {
    font-size: 22px;
    font-weight: 500;
    margin-top: 10px
}

.p-fitting .p-fitting__amount {
    margin-top: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 12px;
    padding: 0 5px
}

.p-fitting .p-fitting__amount+.c-text {
    padding: 0 5px
}

.p-fitting .p-fitting__amountTxt {
    font-size: 16px
}

.p-fitting .p-fitting__amountTxt span {
    font-size: 14px
}

.p-fitting .p-fitting__amountPrice {
    font-size: 22px;
    margin-left: 20px
}

.p-fitting .p-fitting__amountPrice span {
    font-size: 16px
}

.p-fitting .p-fitting__confirmInfo {
    margin-top: 30px
}

.p-fitting .p-fitting__confirmInfo .c-heading--lv2 {
    font-size: 1.7rem;
    margin-bottom: 20px
}

.p-fitting .p-fitting__confirmInfo .c-heading--lv2 span {
    margin-left: 0.5em;
    margin-top: 4px;
    color: red;
    font-size: 1.2rem
}

.p-fitting .p-fitting__confirmInfo .c-heading--lv3 {
    padding: 9px 5px;
    margin-bottom: 15px
}

.p-fitting .p-fitting__confirmInfoTtl {
    font-size: 1.5rem;
    letter-spacing: 0.1em
}

.p-fitting .p-fitting__confirmInfoData {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 5px
}

.p-fitting .p-fitting__confirmInfoItem {
    font-size: 1.4rem;
    line-height: 1.5
}

.p-fitting .p-fitting__confirmInfoItem+.p-shopping__confirmInfoItem {
    margin-top: 3px
}

.p-fitting .p-fitting__confirmInfoItem.is-sm {
    font-size: 1.2rem
}

.p-fitting .p-fitting__confirmInfoButton {
    width: 95px;
    height: 40px
}

.p-fitting .p-fitting-table__heading {
    width: 100%;
    font-size: 1.6rem;
    background: #EDEDED;
    padding: 8px 6px;
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting-table__heading {
        width: 250px;
        margin: 0;
        padding: 0 15px;
        display: flex;
        align-items: center
    }

    .p-fitting .p-fitting-table__heading+.p-fitting-table__body {
        border-top: 1px solid #EDEDED
    }
}

.p-fitting .c-input--select select:disabled {
    border: 1px solid #E8E8E8;
    color: #CCCCCC
}

.p-fitting .c-input--textarea {
    height: 50px;
    line-height: 1
}

@media (min-width: 1024px) {
    .p-fitting .c-input--textarea {
        width: 100%;
        line-height: 1.6
    }
}

.p-fitting .p-fitting-table {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting-table {
        border-bottom: 1px solid #EDEDED
    }
}

.p-fitting .p-fitting-table__body {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px 5px
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting-table__body {
        width: calc(100% - 250px);
        padding: 20px 30px
    }
}

.p-fitting .c-text+.c-text.u-mt-none {
    margin-top: 0
}

.p-fitting .p-fitting__left {
    padding: 0 5px
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting__left {
        width: calc(100% - 335px - 45px);
        padding: 0
    }
}

.p-fitting .p-fitting__right {
    margin-top: 37px
}

.p-fitting .p-fitting__right .c-box {
    padding: 30px 20px;
    margin-bottom: -20px
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting__right .c-box {
        padding: 30px 20px 0;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting__right {
        width: 375px;
        margin-top: 0;
        background-color: #F2F2F2
    }
}

@media (min-width: 1024px) {
    .p-fitting .p-fitting__flex {
        display: flex;
        justify-content: space-between;
        padding: 0 8px
    }
}

.p-fitting .c-heading--lv2.is-bold {
    font-weight: bold
}

@media (min-width: 1024px) {
    .p-fitting .c-shopAddress__map {
        width: 345px;
        height: 345px;
        position: relative;
        top: initial;
        right: initial;
        margin: 20px 0;
        padding: 0
    }
}

.p-fitting .p-fitting__detailButton {
    width: 150px;
    height: 50px
}

.p-fitting .p-fitting__block:not(:root) {
    margin-top: 30px
}

.p-fitting__reserve {
    background: #EDEDED;
    padding: 20px 20px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .p-fitting__reserve {
        margin-left: initial;
        margin-right: initial
    }
}

@media (min-width: 1024px) {
    .p-fitting__reserve-wrapper {
        max-width: 355px;
        margin-left: auto;
        margin-right: auto
    }
}

.c-button.p-fitting__reserveButton {
    border: 1px solid #656364;
    height: 46px;
    font-size: 1.3rem
}

.c-button.p-fitting__reserveButton.is-gray {
    background: #585657;
    color: #fff
}

.c-button.p-fitting__reserveButton.is-gray>span {
    background: #fff;
    color: #585657
}

@media (min-width: 1024px) {
    .c-button.p-fitting__reserveButton {
        padding: 0 5px
    }
}

.c-button.p-fitting__reserveButton>span {
    background: #656364;
    color: #fff;
    font-size: 1.3rem;
    border-radius: 3px;
    width: 60px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px
}

.c-button.p-fitting__reserveButton>span span {
    font-size: 10px;
    margin-left: 1px;
    margin-right: 1px
}

.c-text.p-fitting__cartText {
    font-size: 1.5rem
}

.p-fitting__left .c-cartPrice__item.is-total {
    border-top: none
}

@media (min-width: 1024px) {
    .p-fitting__flex .p-cart__right {
        background-color: transparent
    }

    .p-fitting__flex .p-cart__right .c-box {
        padding: 30px 20px
    }
}

@media (max-width: 1023px) {
    .p-guide__mysize img {
        max-width: 100%;
        height: auto
    }
}

.p-history__listItem.is-left {
    width: 100%
}

.p-history__listItem.is-left .c-productInCart__specTtl {
    min-width: 120px
}

@media (min-width: 1024px) {
    .p-history__listItem.is-left .c-productInCart__specTtl {
        min-width: 100px
    }
}

.p-history__listItem.is-left.is-half {
    width: 100%
}

@media (min-width: 1024px) {
    .p-history__listItem.is-left.is-half {
        width: 345px
    }
}

@media (min-width: 1024px) {
    .p-history__listItem.is-left.is-half .c-button {
        width: 285px
    }
}

.p-history__listItem.is-left .c-text.has-ArrowRt {
    text-align: right;
    display: block
}

@media (min-width: 1024px) {
    .p-history__listItem.is-left .c-text.has-ArrowRt {
        text-align: left;
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .p-history__listItem.is-right {
        padding-right: 5px;
        width: 379px
    }
}

.p-history__listItem.is-left+.p-history__listItem.is-right .c-list__item:first-child {
    border-top: 1px solid #EDEDED;
    margin-top: 20px;
    padding-top: 20px
}

@media (min-width: 1024px) {
    .p-history__listItem.is-left+.p-history__listItem.is-right .c-list__item:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }
}

.p-history__buttonSmall {
    width: 290px
}

.p-history .c-productInCart {
    max-width: 744px;
    width: 100%
}

.p-history .c-productInCart .c-productInCart__specItem.is-flex {
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-history .c-productInCart__infoText {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .p-history .c-cartPrice {
        width: 450px
    }
}

.p-list-category__tab {
    display: flex;
    justify-content: center;
    margin: 10px 0 10px
}

.p-list-category__tab li {
    margin: 0 10px
}

.p-list-category__tab li:nth-of-type(1) a.is-current {
    color: #2095CC;
    text-decoration: underline
}

.p-list-category__tab li:nth-of-type(2) a.is-current {
    color: #CF5D93;
    text-decoration: underline
}

.p-list-category__tab a {
    font-size: 1.9rem
}

.c-category.p-list-category {
    border-top: none;
    background: #fff;
    padding: 5px 0 20px 0
}

@media (min-width: 1024px) {
    .c-category.p-list-category {
        padding: 20px 0
    }
}

.c-category.p-list-category.is-current {
    display: block
}

.p-list-category__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-list-category__list {
        row-gap: 10px
    }
}

.p-list-category__list>* {
    width: 50%
}

@media (min-width: 1024px) {
    .p-list-category__list>* {
        width: 25%;
        row-gap: 10px
    }
}

.p-list-category__item {
    height: 65px
}

.p-list-category__iconLInk {
    position: relative;
    display: block;
    font-size: 1.4rem;
    padding: 15px 5px 14px 0;
    line-height: 1.6;
    background-repeat: no-repeat;
    background-position: left 4px top 16px;
    background-size: auto 35px;
    display: flex;
    align-items: center;
    height: 100%
}

@media (min-width: 1024px) {
    .p-list-category__iconLInk {
        font-size: 1.4rem;
        padding: 14px 0 14px 10px;
        background-position: left 5px center;
        background-size: 22px
    }
}

.p-list-category__iconLInk::after {
    content: '';
    display: block;
    width: 7px;
    height: 12px;
    background-image: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px
}

@media (min-width: 1024px) {
    .p-list-category__iconLInk::after {
        left: auto;
        right: 25px
    }
}

.p-list-category__iconLInk img {
    width: auto;
    height: 35px;
    margin-right: 9px
}

* {
    box-sizing: border-box
}

.p-login2 {
    color: #666
}

.p-login2 .l-main__contents {
    width: 100%;
    padding: 17px 20px 0
}

@media (min-width: 1024px) {
    .p-login2 .l-main__contents {
        width: 860px;
        padding: 0
    }
}

.p-login2 .p-login2-formArea .c-button {
    max-width: 100%
}

.p-login2 .p-login2-formArea .c-button.is-wide {
    height: 65px
}

.p-login2 .p-login2-registerArea__item:nth-child(2) .c-button {
    max-width: 360px
}

.p-login2 .c-input--text {
    max-width: 100%;
    padding: 18px 10px 19px
}

.p-login2 .c-input--text.p-txt14 {
    font-size: 1.4rem
}

.p-login2 .c-link a {
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .p-login2 .c-link a {
        background-position: right 6px
    }
}

@media (max-width: 1023px) {
    .p-login2 .c-button img {
        max-width: 335px;
        max-height: 50px
    }
}

.p-login2.cont_wrap {
    margin-top: 58px
}

.p-login2-heading--lv2 {
    font-size: 2rem;
    color: #333;
    font-weight: bold
}

.p-login2-heading--lv3 {
    font-size: 1.8rem;
    line-height: 1.44;
    color: #333;
    font-weight: bold
}

.p-login2-formArea {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .p-login2-formArea {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (max-width: 1023px) {
    .p-login2-formArea .p-login2-heading--lv2 {
        display: none
    }
}

.p-login2-formArea__item {
    width: 100%
}

@media (min-width: 1024px) {
    .p-login2-formArea__item {
        width: 360px
    }
}

@media (max-width: 1023px) {
    .p-login2-formArea__item:last-child {
        margin-top: 40px
    }
}

.p-login2-formArea__formItem {
    margin-top: 20px
}

@media (max-width: 1023px) {
    .p-login2-formArea__formItem:nth-child(2) {
        margin-top: 0
    }
}

.p-login2-formArea__item--center {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px solid #CECECE;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 122.5px
}

@media (max-width: 1023px) {
    .p-login2-formArea__item--center {
        display: none
    }
}

.p-login2-formArea__item--center::before {
    content: "";
    width: 1px;
    height: 356px;
    background-color: #CECECE;
    position: absolute;
    z-index: -1
}

.p-login2-formArea__buttonWrap {
    margin-top: 30px
}

.p-login2-formArea__socialLogin .c-link {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-login2-formArea__socialLogin .c-link {
        margin-top: 15px
    }
}

.p-login2-formArea__socialLoginItem {
    margin-top: 20px
}

.p-login2-formArea__socialLoginItem+.c-text {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-login2-formArea__socialLoginItem+.c-text {
        margin-top: 20px
    }
}

.p-login2-registerArea__item {
    text-align: center
}

.p-login2-registerArea__item+.p-login2-registerArea__item {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .p-login2-registerArea__item+.p-login2-registerArea__item {
        margin-top: 70px
    }
}

.p-login2-registerArea {
    margin: 75px 0 0;
    padding: 40px 0 110px 0;
    border-top: 1px solid #CECECE;
    position: relative
}

@media (min-width: 1024px) {
    .p-login2-registerArea {
        padding: 45px 0 110px 0;
        margin: 80px 0 0
    }
}

.p-login2-registerArea .p-login2-heading--lv2 {
    position: absolute;
    padding: 0 20px;
    background-color: #fff;
    top: -15px;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 1023px) {
    .p-login2-registerArea .p-login2-heading--lv2 {
        width: 72%;
        text-align: center;
        white-space: nowrap;
        padding: 0
    }
}

.p-login2-registerArea__buttonText {
    font-size: 1.7rem;
    font-weight: bold
}

.p-login2-registerArea__buttonIcon {
    margin-right: 11px
}

.p-login2-points {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.p-login2-points+.c-text {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .p-login2-points+.c-text {
        margin-top: 15px
    }
}

.p-login2-point+.p-login2-point {
    margin-left: calc(100vw * 30 / 375)
}

@media (min-width: 1024px) {
    .p-login2-point+.p-login2-point {
        margin-left: 48px
    }
}

.p-login2-point__illust+.c-text {
    margin-top: 5px
}

@media (max-width: 1023px) {
    .p-login2-point__illust+.c-text {
        white-space: nowrap
    }
}

.p-login2-pointLink {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.p-login2-pointLink__item+.p-login2-pointLink__item {
    margin-left: 40px
}

.p-login2-registerArea__itemBottom {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .p-login2-registerArea__itemBottom {
        margin-top: 60px
    }
}

.p-login2-membershipCard {
    padding: 50px 60px
}

.p-login2-membershipCard__contents {
    width: 700px;
    margin-right: auto;
    margin-left: auto
}

.p-login2-membershipCard__contents .p-login2-textList__item .p-login2-text--md {
    line-height: 1.8
}

.p-login2-anchor--hasIcon {
    font-weight: bold;
    position: relative
}

.p-login2-anchor--hasIcon::before {
    content: '';
    background-image: url("https://www.uktsc.com/user_data/packages/store/img/mypage/icon_login_newTab.svg");
    background-repeat: no-repeat;
    background-size: 9px;
    position: absolute;
    width: 9px;
    height: 9px;
    top: 6px;
    right: -13px
}

@media all and (-ms-high-contrast: none) {
    .p-login2-formArea__item--center::before {
        top: -122.5px;
        left: 50%
    }
}

@media (min-width: 1024px) {
    .p-maypageLogin {
        display: flow-root;
        overflow: hidden;
        width: 1014px
    }
}

.p-maypageLogin__content+.p-maypageLogin__content {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .p-maypageLogin__content+.p-maypageLogin__content {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .p-maypageLogin__content.is-left {
        width: calc(100% - 335px - 45px);
        width: 645px;
        float: left
    }
}

@media (min-width: 1024px) {
    .p-maypageLogin__content.is-left:first-of-type {
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .p-maypageLogin__content.is-right {
        width: 335px;
        margin-top: 0;
        float: right
    }
}

@media (min-width: 1024px) {
    .p-maypageLogin__inputTxt input {
        width: 505px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-maypageLogin__ttlLarge {
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center
}

.p-maypageLogin__boxBorder {
    padding: 25px 20px;
    border: 5px solid #ddd;
    border-radius: 3px;
    background: #fff
}

.p-maypageLogin__listTtl {
    margin-bottom: 6px;
    font-weight: bold
}

.p-maypageLogin__listData {
    font-size: 1.3rem;
    line-height: 1.8;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ededed
}

@media (min-width: 1024px) {
    .p-maypageLogin__txtCenter {
        width: 425px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-maypageLogin__btn--amazon {
    height: auto;
    margin-bottom: -10px
}

@media (min-width: 1024px) {
    .p-maypageLogin__btn--amazon {
        height: 50px;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .p-mypage__intro {
        width: 365px;
        margin: 0 auto
    }
}

.p-mypage__topName {
    margin-bottom: 18px;
    font-size: 2.2rem;
    text-align: center
}

.p-mypage__topName--s {
    font-size: 1.4rem
}

.p-mypage__topId {
    margin-bottom: 35px;
    font-size: 1.4rem;
    line-height: 1.7;
    text-align: center
}

@media (min-width: 1024px) {
    .p-mypage__menuGrid {
        display: flex;
        margin: 0 -25px 0
    }
}

@media (min-width: 1024px) {
    .p-mypage__menuColumn {
        width: 50%;
        padding: 0 25px
    }
}

.p-mypage__menuColumn>.c-list {
    border-top: none
}

@media (min-width: 1024px) {
    .p-mypage__menuColumn>.c-list {
        border-top: 1px solid #EDEDED
    }
}

.p-mypage__sizeLinks {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.p-mypage__sizeLink {
    padding: 0 12px 0 37px;
    margin-left: auto;
    position: relative;
    display: flex;
    font-size: 1.3rem;
    background: url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow.png) no-repeat center right
}

.p-mypage__sizeLink::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 18px;
    top: -3px;
    left: 0;
    background: url(../image/icon_measure.png) no-repeat center center;
    background-size: contain
}

.p-mypage__sizeLink+.p-mypage__sizeLink {
    margin-top: 13px
}

.p-mypage__menuList {
    margin-top: -10px
}

@media (min-width: 1024px) {
    .p-mypage__menuList {
        margin-top: -16px
    }
}

.p-mypage__menuList--lv2 {
    border-top: 1px solid #EDEDED
}

.p-mypage__menuItem {
    border-bottom: 1px solid #EDEDED;
    font-size: 1.4rem
}

.p-mypage__menuItem:last-child {
    border-bottom: none
}

.p-mypage__menuPoint {
    padding: 16px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.p-mypage__menuPointHead {
    font-weight: 500;
    font-size: 1.6rem
}

@media (min-width: 1024px) {
    .p-mypage__menuPointHead {
        font-size: 1.4rem
    }
}

.p-mypage__menuPointAmount {
    color: #2F6BBF;
    font-size: 2.2rem;
    font-weight: 500
}

.p-mypage__menuPointAmount--s {
    font-size: 1.6rem
}

.p-mypage__menuPointText {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem
}

.p-mypage__menuTPoint {
    padding: 30px 0;
    font-size: 1.4rem
}

.p-mypage__menuTPointImage {
    margin-right: 8px
}

.p-mypage__menuTPointButton {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .p-mypage__menuTPointButton {
        display: flex;
        justify-content: center
    }
}

.p-mypage__mysize .l-main__top {
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .p-mypage__mysize .l-main__top {
        margin-bottom: 25px
    }
}

@media (min-width: 1024px) {
    .p-mypage__mysize.c-modal::before {
        margin-right: -397px
    }
}

@media (min-width: 1024px) {
    .p-mypage__mysize .c-modal__inner {
        width: calc(745px + 60px)
    }
}

@media (min-width: 1024px) {
    .p-mypage__mysize.is-min .c-modal__inner {
        width: 450px
    }
}

@media (min-width: 1024px) {
    .p-mypage__mysize .c-list__paraPc {
        padding-right: 30px
    }
}

.p-mypage__mysize .c-list__paraPc img {
    width: 100%
}

@media (min-width: 1024px) {
    .p-mypage__mysize .c-list__paraPc img {
        width: 345px
    }
}

.p-mypage__mysize .c-formItem {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .p-mypage__mysize .c-formItem {
        margin-top: 0;
        width: 345px
    }
}

.p-mypage__mysize .c-table__heading {
    font-weight: 500;
    padding: 5px 6px
}

@media (min-width: 1024px) {
    .p-mypage__mysize .c-table__heading {
        padding: 8px 6px
    }
}

.p-mypage__reserveList .c-reserveList__setAsideItem span {
    min-width: 80px;
    display: inline-block
}

@media (min-width: 1024px) {
    .p-mypage__reserveList .c-reserveList__setAsideItem span {
        min-width: 70px
    }
}

.p-mypage__tpoint .c-heading--lv3+.c-text {
    margin-bottom: 15px
}

.p-mypage__terms {
    padding: 20px 20px 60px
}

.p-mypage__terms .c-input--check {
    text-align: center
}

.p-mypage__scrollArea {
    height: 280px;
    overflow: scroll;
    border: 1px solid #ccc;
    padding: 10px
}

@media (min-width: 1024px) {
    .p-mypage__scrollArea {
        height: 100%
    }
}

.p-mypage__qr {
    margin-bottom: 60px
}

@media (min-width: 1024px) {
    .p-mypage__qr {
        margin-bottom: 0
    }
}

.p-mypage__qr .c-block+.c-block {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .p-mypage__qr .c-block+.c-block {
        margin-top: 60px
    }
}

.p-mypage__qrContent {
    text-align: center
}

.p-mypage__qrContent>img {
    width: 123px
}

@media (min-width: 1024px) {
    .p-mypage__qrContent>img {
        width: auto
    }
}

.p-mypage__memberStatus {
    display: flex;
    justify-content: center
}

.p-mypage__memberStatusItem {
    padding: 10px 0;
    width: 86px;
    border: 1px solid #ccc;
    font-size: 1rem
}

.p-mypage__memberStatusItem+.p-mypage__memberStatusItem {
    margin-left: 10px
}

@media (min-width: 1024px) {
    .p-productDetail::after {
        content: "";
        display: block;
        clear: both
    }
}

.p-productDetail__anchor {
    display: flex;
    width: 100%;
    z-index: 10;
    position: fixed;
    font-size: 1.4rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    color: #585657;
    height: 40px;
    max-width: 335px;
    top: 70px;
    left: 50%;
    transform: translateX(-50%)
}

.p-productDetail__anchor::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 9999px;
    z-index: -10;
    opacity: 0.9;
    border: 1px solid #e6e6e6
}

.p-productDetail__anchor::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-left: 5px;
    transform: rotate(-45deg)
}

@media (min-width: 1024px) {
    .p-productDetail__anchor {
        display: none
    }
}

.p-productDetail__anchor.is-show {
    opacity: 1;
    pointer-events: auto
}

.p-productDetail__anchor span {
    display: inline-flex;
    align-items: center
}

.p-productDetail__anchor img {
    margin-right: 0.8rem
}

.p-productDetail__mv {
    margin: 0 -10px 20px
}

@media (min-width: 1024px) {
    .p-productDetail__mv {
        float: left;
        width: 540px;
        margin: 0 0 45px;
        overflow: hidden
    }
}

@media (min-width: 1024px) {
    .p-productDetail__info {
        float: right;
        width: calc(100% - 580px)
    }
}

.p-productDetail__other {
    margin: 40px 0px
}

@media (min-width: 1024px) {
    .p-productDetail__other {
        float: left;
        width: 540px;
        margin-top: 0;
        margin: 0
    }
}

.p-productDetail__other .c-item__label {
    height: auto
}

.p-productDetail__other .c-item__price>span:nth-of-type(1) {
    font-size: 1.1rem
}

@media (min-width: 1024px) {
    .p-productDetail__other .c-item__price>span:nth-of-type(1) {
        font-size: 1rem
    }
}

.p-productDetail__other .c-item__price>span:nth-of-type(1) span {
    font-size: 1.4em
}

@media (min-width: 1024px) {
    .p-productDetail__other .c-item__price>span:nth-of-type(1) span {
        font-size: 1.6rem
    }
}

.p-productDetail__other .c-item__fav {
    bottom: 17px
}

.p-productDetail__attention {
    margin: 20px 0
}

.p-productDetail__attention p {
    font-size: 1.1rem;
    line-height: 1.8
}

@media (max-width: 1023px) {
    .p-products .c-refineMenu__btns>a:first-child {
        font-size: 1.6rem
    }
}

.p-products__textBox {
    border: solid 2px #EDEDED;
    padding: 0.5rem
}

.p-products__sizeLink {
    position: relative
}

.p-products__sizeLink::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 18px;
    top: 4px;
    left: -38px;
    background: url(../image/icon_measure.png) no-repeat center center;
    background-size: contain
}

.p-recruit__bnr {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-recruit__bnr {
        display: flex;
        justify-content: center
    }
}

.p-recruit__bnr img {
    width: 100%
}

.p-recruit__bnrLink {
    margin: 10px auto 0;
    display: block;
    max-width: 195px
}

@media (min-width: 1024px) {
    .p-recruit__bnrLink {
        margin: 10px 10px 0
    }
}

.p-repair__item+.p-repair__item {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .p-repair {
        max-width: 1014px;
        margin: 0 auto
    }
}

.p-repair__itemCheckbox {
    display: flex;
    flex-direction: column
}

.p-repair__ttl {
    display: inline-block;
    border: 1px solid #ACACAC;
    font-size: 15px;
    padding: 6px 22px
}

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

@media (min-width: 1024px) {
    .p-repair__itemInfo {
        width: 347px
    }
}

.p-repair__itemInfo img {
    margin-right: 16px
}

@media (min-width: 1024px) {
    .p-repair__itemInfo img {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .p-repair__itemInfoText {
        width: 216px
    }
}

@media (min-width: 1024px) {
    .p-repair__sizeText {
        width: 345px
    }
}

.p-repair__secBottom {
    padding: 20px 0;
    margin-top: 60px;
    margin-right: -15px;
    margin-left: -15px;
    background: #EDEDED
}

@media (min-width: 1024px) {
    .p-repair__secBottom {
        margin-right: auto;
        margin-left: auto;
        width: 1014px
    }
}

.p-repair__secBottomButton {
    width: 345px;
    font-size: 1.6rem
}

.p-repair__secBottomButton.is--center {
    margin: 0 auto
}

@media (min-width: 1024px) {
    .p-repair__check {
        display: flex
    }
}

.p-repair__check .c-input--radio+.c-input--radio {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-repair__check .c-input--radio+.c-input--radio {
        margin-top: 0;
        margin-left: 15px
    }
}

@media (min-width: 1024px) {
    .p-review .c-input--textarea {
        width: 100%
    }
}

.p-review__alertBox {
    margin-left: -10px;
    margin-right: -10px;
    display: none
}

@media (min-width: 1024px) {
    .p-review__alertBox {
        margin-left: 0;
        margin-right: 0
    }
}

.p-review .c-heading--lv1 {
    margin-bottom: 15px
}

.p-review .c-alert {
    line-height: 1.6;
    font-size: 1.4rem
}

.p-review .c-productInCart {
    max-width: none
}

.p-review .zv-form {
    padding: 0
}

.p-review .zv-form .zv-form-star {
    margin-left: 0
}

.p-review .zv-form .zv-star-sentence {
    height: 20px
}

@media (min-width: 1024px) {
    .p-shopping {
        max-width: 1014px;
        margin: 0 auto;
        padding: 0 8px;
        margin-top: 40px
    }
}

@media (min-width: 1024px) {
    .p-shopping.is-para::after {
        content: '';
        display: block;
        clear: both
    }
}

.p-shopping__step {
    display: flex;
    margin: 0 -10px 30px -10px
}

@media (min-width: 1024px) {
    .p-shopping__step {
        margin: 0 0 47px 0
    }
}

.p-shopping__stepItem {
    width: 341px;
    font-size: 1.8rem;
    text-align: center;
    background: #ccc;
    color: #fff;
    padding: 15px 0;
    position: relative
}

.p-shopping__stepItem span {
    font-size: 1.1rem
}

.p-shopping__stepItem:nth-child(2) {
    width: 321px;
    padding-left: 20px
}

@media (min-width: 1024px) {
    .p-shopping__stepItem:nth-child(2) {
        width: 341px;
        padding-left: 0
    }
}

.p-shopping__stepItem:last-child span {
    display: block;
    margin-top: 1.25em
}

@media (min-width: 1024px) {
    .p-shopping__stepItem:last-child span {
        display: inline;
        margin-top: 0
    }
}

.p-shopping__stepItem::before {
    content: "";
    display: block;
    width: 66px;
    height: 84px;
    border-top: 42px solid transparent;
    border-left: 25px solid #fff;
    border-bottom: 42px solid transparent;
    position: absolute;
    top: 0;
    right: -67px;
    z-index: 1
}

@media (min-width: 1024px) {
    .p-shopping__stepItem::before {
        height: 66px;
        border-top: 33px solid transparent;
        border-left: 25px solid #fff;
        border-bottom: 33px solid transparent
    }
}

.p-shopping__stepItem::after {
    content: "";
    display: block;
    width: 66px;
    height: 84px;
    border-top: 42px solid transparent;
    border-left: 25px solid #ccc;
    border-bottom: 42px solid transparent;
    position: absolute;
    top: 0;
    right: -66px;
    z-index: 1
}

@media (min-width: 1024px) {
    .p-shopping__stepItem::after {
        height: 66px;
        border-top: 33px solid transparent;
        border-left: 25px solid #ccc;
        border-bottom: 33px solid transparent
    }
}

.p-shopping__stepItem:last-child::before,
.p-shopping__stepItem:last-child::after {
    content: none
}

.p-shopping__stepItem.is-selected {
    background: #707070
}

.p-shopping__stepItem.is-selected::after {
    border-left: 25px solid #707070
}

.p-shopping__listSec+.p-shopping__listSec {
    margin-top: 50px
}

.p-shopping__secTtl {
    font-size: 2.2rem
}

.p-shopping__creditContent {
    margin-top: 15px;
    display: none
}

.p-shopping__accordion {
    border-top: 1px solid #EDEDED;
    padding-top: 20px
}

.p-shopping__point {
    width: 100%
}

@media (min-width: 1024px) {
    .p-shopping__point {
        width: 345px
    }
}

.p-shopping__pointItem {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.p-shopping__pointTtl {
    font-size: 1.4rem
}

.p-shopping__pointData {
    font-size: 1.8rem
}

.p-shopping__pointData span {
    font-size: 1.6rem
}

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

.p-shopping__tpointTtl p {
    margin-top: 5px;
    margin-left: 10px
}

.p-shopping__contentConfirm {
    display: flex;
    flex-direction: column-reverse
}

@media (min-width: 1024px) {
    .p-shopping__contentConfirm {
        display: block
    }
}

.p-shopping__cartItem {
    padding: 0 5px
}

@media (min-width: 1024px) {
    .p-shopping__cartItem {
        float: left;
        width: 580px;
        overflow: hidden;
        padding: 0
    }
}

.p-shopping__confirmInfo {
    margin-top: 60px
}

.p-shopping__confirmInfo .c-heading--lv2 {
    font-size: 1.7rem;
    margin-bottom: 20px
}

.p-shopping__confirmInfo .c-heading--lv3 {
    padding: 9px 5px;
    margin-bottom: 15px
}

.p-shopping__confirmInfoTtl {
    font-size: 1.5rem;
    letter-spacing: 0.1em
}

.p-shopping__confirmInfoList+.p-shopping__confirmInfoList {
    margin-top: 20px
}

.p-shopping__confirmInfoData {
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px 5px
}

.p-shopping__confirmInfoItem {
    font-size: 1.4rem;
    line-height: 1.5
}

.p-shopping__confirmInfoItem+.p-shopping__confirmInfoItem {
    margin-top: 3px
}

.p-shopping__confirmInfoItem.is-sm {
    font-size: 1.2rem
}

.p-shopping__confirmInfoButton {
    width: 95px;
    height: 40px
}

.p-shopping__info {
    margin-bottom: 34px;
    background-color: #F2F2F2;
    padding: 20px
}

@media (max-width: 1023px) {
    .p-shopping__info {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (min-width: 1024px) {
    .p-shopping__info {
        float: right;
        width: calc(100% - 625px);
        margin-bottom: 0
    }
}

.p-shopping__info .c-cartPrice {
    background-color: #fff;
    padding: 5px 10px
}

.p-shopping__info .c-cartPrice__txt {
    font-size: 1.3rem
}

.p-shopping__info .c-cartPrice__txt.has-space {
    padding-left: 15px
}

.p-shopping__info .c-cartPrice__price {
    font-size: 1.3rem
}

.p-shopping__info .c-cartPrice__price span {
    font-size: 1.2rem;
    margin-right: 2px
}

.p-shopping__info .c-cartPrice__item:not(:last-child) {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #F2F2F2
}

.p-shopping__info .c-cartPrice__item.is-large .c-cartPrice__txt {
    font-size: 1.7rem
}

.p-shopping__info .c-cartPrice__item.is-large .c-cartPrice__txt span {
    font-size: 1rem
}

.p-shopping__info .c-cartPrice__item.is-large .c-cartPrice__price {
    font-size: 2rem
}

.p-shopping__pointAccordion {
    margin-top: 30px;
    display: none
}

.p-shopping__cardBlock {
    display: none
}

.p-shopping__cardBlock.is-current {
    display: block
}

.p-shopping__boxArea:not(:root) {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .p-shopping__boxArea:not(:root) {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background-color: #F2F2F2
    }
}

.p-shopping__boxArea:not(:root) .c-box {
    padding: 26px 20px 21px
}

.p-shopping__boxArea:not(:root) .c-buttonGroup {
    max-width: 660px
}

.p-shopping__boxArea:not(:root) .c-buttonGroup__txt {
    margin-bottom: 22px
}

.p-shopping__btns .c-button.is-middle {
    height: 60px
}

.p-shopping__btns .c-button+.c-button {
    margin-top: 10px;
    height: 40px;
    font-size: 1.4rem
}

.p-shopping__progress {
    border-bottom: solid 2px #E8E8E8;
    padding-top: 27px;
    padding-bottom: 5px;
    margin-bottom: 21px;
    position: relative
}

.p-shopping__progress::before {
    content: "";
    height: 2px;
    background-color: #585657;
    position: absolute;
    left: 0;
    bottom: -2px
}

.p-shopping__progress[data-progress="0"]::before {
    width: 0
}

.p-shopping__progress[data-progress="1"]::before {
    width: 20%
}

.p-shopping__progress[data-progress="2"]::before {
    width: 40%
}

.p-shopping__progress[data-progress="3"]::before {
    width: 60%
}

.p-shopping__progress[data-progress="4"]::before {
    width: 80%
}

.p-shopping__progress[data-progress="5"]::before {
    width: 100%
}

.p-shopping__progress.is-float {
    position: fixed;
    background-color: #fff;
    width: calc(100vw * 335 / 375);
    top: 61px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    z-index: 10
}

@media (min-width: 1024px) {
    .p-shopping__progress.is-float {
        width: 680px
    }
}

.p-shopping__progress.is-float::after {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: -1
}

.p-shopping__progress-text {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #333
}

.p-shopping--input .l-main__contents.is-narrow {
    padding: 0 20px
}

@media (min-width: 1024px) {
    .p-shopping--input .l-main__contents.is-narrow {
        max-width: 680px;
        padding: 0
    }
}

.p-shopping--input .c-heading--lv2 {
    font-size: 1.7rem;
    color: #000;
    font-weight: bold
}

.p-shopping--input .c-block+.c-block {
    margin-top: 30px
}

.p-shopping--input .c-input--radio label {
    font-size: 1.4rem;
    padding: 0 0 0 25px
}

.p-shopping--input .c-input--radio label::before {
    width: 20px;
    height: 20px;
    margin-top: -9px;
    top: 49%;
    z-index: 10
}

.p-shopping--input .c-input--radio input:checked+label::after {
    width: 10px;
    height: 10px;
    margin-top: -4px;
    top: 49%
}

.p-shopping--input .p-shopping__accordion .c-input--radio label {
    font-size: 1.2rem;
    padding: 0 0 0 25px
}

.p-shopping--input .c-table__heading {
    background-color: #fff;
    padding: 0;
    font-size: 1.4rem;
    margin-bottom: 12px
}

.p-shopping--input .c-table__body textarea {
    resize: none;
    width: 100%;
    height: 70px;
    border-radius: 3px;
    border-color: #D0D0D0
}

@media (min-width: 1024px) {
    .p-shopping--input .c-table__body textarea {
        height: 50px
    }
}

@media (min-width: 1024px) {
    .p-shopping--input .c-table__body {
        width: 100%;
        padding: 0
    }
}

.p-shopping--input .btn_modal_pointDetail {
    background: #fff;
    border-radius: 3px;
    padding: 4px 9px;
    display: block;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: bold;
    max-width: 72px;
    border: solid 1px #C4C4C4;
    position: absolute;
    right: 3px;
    top: 0
}

@media (min-width: 1024px) {
    .p-shopping--input .btn_modal_pointDetail {
        right: 51px
    }
}

@media (min-width: 1024px) {
    .p-shopping--input .c-table__heading+.c-table__body {
        border-top: none
    }
}

@media (min-width: 1024px) {
    .p-shopping--input .c-table__body+.c-table__heading {
        margin-top: 30px
    }
}

.p-shopping--input .p-shopping__point {
    position: relative
}

.p-shopping--input .p-shopping__pointAccordion .c-formItem__point input {
    padding: 10px
}

.p-shopping--input .p-shopping__pointAccordion {
    margin-top: 20px
}

.p-shopping--input .c-accordion__btn.is-open::after {
    bottom: 0
}

.p-shopping--input .p-shopping__pointItem {
    justify-content: flex-start
}

.p-shopping--input .p-shopping__pointData {
    font-size: 1.7rem
}

.p-shopping--input .p-shopping__pointData span {
    font-size: 1.4rem
}

.p-shopping--input .p-shopping__pointTtl {
    margin-right: 8px
}

.p-shopping--input .p-shopping__pointTtl--delete {
    font-size: 1.3rem;
    margin-right: 3px
}

.p-shopping--input .p-shopping__pointData--delete {
    font-size: 1.3rem
}

.p-shopping--input .c-input--check label {
    font-size: 1.4rem;
    line-height: 22px;
    padding: 0 0 0 31px
}

.p-shopping--input .c-input--check label::before {
    width: 22px;
    height: 22px;
    border: solid 1px #D3D3D3;
    background-color: #fff
}

.p-shopping--input .c-input--check label::after {
    border-right: 3px solid #D3D3D3;
    border-bottom: 3px solid #D3D3D3;
    top: 2px;
    left: 7px;
    width: 8px;
    height: 13px
}

.p-shopping--input .c-input--check input:checked+label::before {
    border-color: #585657
}

.p-shopping--input .c-input--check input:checked+label::after {
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff
}

.p-shopping--input .p-shopping__accordion {
    padding-top: 0;
    border-top: none
}

.p-shopping--input .c-block.is-sp-full {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.p-shopping--input .c-block.is-sp-full .c-box.is-gray {
    padding: 20px
}

.p-shopping--input .c-text a {
    text-decoration: none
}

.p-shopping--input .c-text a.is-underline {
    text-decoration: underline
}

.p-shopping--input .c-accordion__btn {
    text-decoration: none
}

.p-shopping--input .c-accordion__btn::after {
    width: 0.4em;
    height: 0.4em
}

.p-shopping__area-container {
    padding-left: 20px
}

.p-shopping__box {
    border-radius: 10px;
    border: solid 1px #E9E9E9;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 24px
}

.p-shopping__box+.p-shopping__box {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-shopping__box+.p-shopping__box {
        margin-top: 30px
    }
}

@media (min-width: 1024px) {
    .p-shopping__box .c-table {
        flex-direction: column;
        border-bottom: none
    }
}

.p-shopping__box-heading {
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 21px
}

.p-shopping__box-heading.is-required span {
    margin-left: 9px;
    margin-top: 3px;
    color: red;
    font-size: 1.1rem
}

.p-shopping__box-heading img {
    margin-right: 6px
}

.p-shopping__destination {
    display: flex;
    padding-left: 25px;
    margin-top: 5px
}

.p-shopping__destination dt+dd {
    margin-left: 10px
}

.p-shopping__destination dd .c-text+.c-text {
    margin-top: 0
}

.p-shopping__destination-inputArea .c-input--text {
    padding: 10px
}

.p-shopping__destination-inputArea .c-text+.c-text {
    margin-top: 0
}

.p-shopping__destination-inputArea .c-table__body+.c-table__heading {
    margin-top: 23px
}

.p-shopping__destination-inputArea .c-formItem.is-postcode .c-formItem__block {
    margin: 0
}

.p-shopping__destination-inputArea .c-formItem.is-postcode .c-formItem__block .c-input--text:nth-of-type(1) {
    width: 60px
}

.p-shopping__destination-inputArea .c-formItem.is-postcode .c-formItem__block p {
    font-size: 1.2rem;
    margin: 0 3px
}

.p-shopping__destination-inputArea .c-formItem.is-postcode .c-formItem__block .c-input--text:nth-of-type(2) {
    width: 80px;
    margin-right: 10px
}

.p-shopping__destination-inputArea .c-formItem.is-postcode .c-formItem__block .c-button {
    margin-left: auto;
    height: 40px;
    max-width: 105px
}

@media (min-width: 1024px) {
    .p-shopping__destination-inputArea .c-formItem.is-postcode .c-formItem__block .c-button {
        margin-left: 20px
    }
}

.p-shopping__destination-inputArea .c-input--select::after {
    top: 42%
}

.p-shopping__destination-inputArea .c-input--select select {
    height: 40px;
    font-size: 1.4rem
}

.p-shopping__destination-inputArea .c-table__heading.is-required span {
    margin-left: 9px;
    margin-top: 3px;
    color: red;
    font-size: 1.1rem
}

.p-shopping__cardBlock .c-input--select select {
    height: 40px;
    font-size: 1.4rem
}

.p-shopping__cardBlock .c-input--text {
    padding: 10px
}

.p-shopping__cardBlock .c-input--select::after {
    top: 42%
}

.p-shopping__amazonpay {
    margin-top: 20px
}

.p-shopping__amazonpay-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem
}

.p-shopping__amazonpay-txt img {
    margin-right: 6px
}

.p-shopping__amazonpay-btn {
    display: flex;
    justify-content: center;
    margin-top: 7px
}

.p-shopping__amazonpay-btn img {
    width: 100%;
    max-width: 335px;
    height: auto
}

.p-shopping__credit-img {
    margin-top: -9px
}

@media (min-width: 1024px) {
    .p-shopping__credit-img {
        width: 291px
    }
}

.p-shopping__credit-img img {
    width: 100%
}

.p-shopping__accordion-part {
    padding-left: 26px;
    font-size: 1.2rem
}

.p-shopping__navBtn {
    position: absolute;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 50px;
    height: 76px;
    top: 0
}

.p-shopping__navBtn::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    transform-origin: center;
    border-right: 2px solid #fff;
    z-index: 1
}

.p-shopping__navBtn::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 40px;
    background: #cdcdcd;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%)
}

.p-shopping__navBtn--prev {
    left: -2px
}

.p-shopping__navBtn--prev::before {
    top: 29px;
    left: 10px;
    transform: rotate(-135deg) translateY(-50%);
    z-index: 2
}

.p-shopping__navBtn--prev::after {
    left: 0;
    border-radius: 0 3px 3px 0
}

.p-shopping__scroll-area-wrap {
    position: relative
}

.p-shopping__navBtn--next {
    right: -2px
}

.p-shopping__navBtn--next::before {
    top: 36px;
    right: 10px;
    transform: rotate(45deg) translateY(-50%);
    z-index: 2
}

.p-shopping__navBtn--next::after {
    right: 0;
    border-radius: 3px 0 0 3px
}

.p-shopping__text--light {
    color: #666
}

.p-snsMv {
    margin: 0 -10px;
    background-color: #EDEDED;
    background-image: url(../image/mv_main.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 215px;
    padding: 20px 0 150px
}

@media (min-width: 1024px) {
    .p-snsMv {
        height: 400px;
        position: relative;
        background-size: 430px;
        padding: 30px 0 0
    }
}

.p-snsMv__heading {
    font-size: 3rem;
    text-align: center;
    font-weight: 500
}

@media (min-width: 1024px) {
    .p-snsMv__heading {
        font-size: 3.4rem
    }
}

.p-snsMv__heading span {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .p-snsMv__heading span {
        font-size: 1.8rem;
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .p-snsMain {
        width: 660px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 60px 0 0
    }
}

.p-snsMain__block {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .p-snsMain__block {
        width: 300px;
        margin-top: 0;
        margin-bottom: 50px
    }
}

.p-snsMain__img {
    display: block;
    width: 200px;
    margin: 0 auto 15px
}

@media (min-width: 1024px) {
    .p-snsMain__img {
        width: 100%;
        margin-bottom: 20px
    }
}

.p-snsMain__name {
    font-size: 1.6rem;
    text-align: center;
    margin: 0 0 10px
}

@media (min-width: 1024px) {
    .p-snsMain__name {
        margin-bottom: 15px
    }
}

.p-snsMain__txt {
    font-size: 1.2rem;
    line-height: 1.6
}

@media (min-width: 1024px) {
    .p-snsMain__txt {
        margin-bottom: 20px
    }
}

.p-snsMain__snsList {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

@media (min-width: 1024px) {
    .p-snsMain__snsList {
        margin: 0
    }
}

.p-snsMain__snsList li {
    width: 40px;
    margin: 0 10px
}

.p-snsMain__snsList a {
    display: block
}

.p-snsMain__snsList img {
    display: block;
    width: 100%
}

.p-sns-follow {
    background-color: #EDEDED;
    margin: 0 -10px;
    padding: 34.33px 10px 36px
}

@media (min-width: 1024px) {
    .p-sns-follow {
        max-width: 864px;
        margin: 0 auto;
        border-radius: 20px
    }
}

.p-sns-follow__inner {
    margin: 0 auto;
    max-width: 335px
}

.p-sns-follow__heading {
    position: relative;
    color: #000;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: normal
}

.p-sns-follow__heading::before,
.p-sns-follow__heading::after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 30.6px;
    background-color: #000;
    bottom: -1px
}

.p-sns-follow__heading::before {
    transform: rotate(-45deg);
    left: 24px
}

.p-sns-follow__heading::after {
    transform: rotate(45deg);
    right: 24px
}

.p-sns-follow__img-container {
    margin: 18px 0 0 0
}

.p-sns-follow__img {
    width: 100%;
    height: auto
}

.p-sns-follow__link {
    display: flex;
    background-color: #fff;
    height: 60px;
    max-width: 335px;
    justify-content: center;
    align-items: center;
    gap: 5.41px;
    border: 2px solid #dbdbdb;
    border-radius: 5px;
    margin: 27px 0 0 0
}

.p-sns-follow__link::before {
    content: "";
    display: block;
    background-image: url(../image/icon_mail.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 22px
}

.p-sns-follow__text {
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: normal
}

.p-sns-follow .p-sns__list {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 32px 0 0 0
}

.p-sns-follow .p-sns__item button {
    border: 0;
    padding: 0;
    cursor: pointer
}

.p-sns-follow .p-sns__item button:hover {
    opacity: 0.7
}

.p-social-login__container {
    max-width: 335px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .p-social-login__container {
        max-width: none
    }
}

.p-social-login__text {
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: normal;
    margin: 16px 0 0 0
}

@media (min-width: 1024px) {
    .p-social-login__text {
        font-size: 1.6rem
    }
}

.p-social-login__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 6px 0 0 0
}

@media (min-width: 1024px) {
    .p-social-login__list {
        flex-direction: row;
        gap: 20px
    }
}

.p-social-login__item {
    border-radius: 3px;
    width: 100%;
    height: 40px
}

@media (min-width: 1024px) {
    .p-social-login__item {
        width: 33%
    }
}

.p-social-login__item:first-child {
    border: 1px solid #bab3a0;
    background: linear-gradient(180deg, #f7dd9e 0%, #f1c351 100%)
}

.p-social-login__item:first-child .p-social-login__link {
    gap: 7.02px
}

.p-social-login__item:first-child .p-social-login__link-text {
    color: #000;
    font-weight: 400
}

.p-social-login__item:nth-child(2) {
    background-color: #00b927
}

.p-social-login__item:nth-child(2) .p-social-login__link::before {
    content: "";
    display: block;
    background-image: url(../image/line_logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.512px;
    height: 28.119px
}

.p-social-login__item:nth-child(3) {
    background-color: #000
}

.p-social-login__item:nth-child(3) .p-social-login__link::before {
    content: "";
    display: block;
    background-image: url(../image/apple_logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 26px
}

.p-social-login__link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 7.74px
}

.p-social-login__link-text {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: normal
}

.p-social-login__attention {
    color: red;
    font-size: 1.2rem;
    font-weight: 350;
    line-height: 18px;
    margin: 16px 0 0 0
}

@media (min-width: 1024px) {
    .p-social-login__attention {
        text-align: center
    }
}

.p-social-login__detail {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #000;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    margin: 16px 0 0 0
}

.p-social-login__detail::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    transform: rotate(45deg)
}

.p-stock {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-stock {
        position: relative;
        padding: 0 0 0 515px;
        padding: 0 0 0 305px;
        min-height: 360px
    }
}

@media (min-width: 1024px) {
    .p-stock.is-wide {
        padding: 0 0 0 515px
    }
}

@media (min-width: 1024px) {
    .p-stock.is-wide .p-stock__img {
        width: 480px
    }
}

@media (min-width: 1024px) {
    .p-stock.is-wide .p-stock__brand {
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {
    .p-stock.is-wide .p-stock__name {
        font-size: 2.2rem;
        font-weight: 500
    }
}

.p-stock__img {
    width: 115px
}

@media (min-width: 1024px) {
    .p-stock__img {
        width: 480px;
        width: 270px;
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0
    }
}

.p-stock__img img {
    display: block;
    width: 100%
}

.p-stock__info {
    width: calc(100% - 115px);
    padding-left: 15px
}

@media (min-width: 1024px) {
    .p-stock__info {
        width: 100%;
        padding-left: 0;
        margin-bottom: 0
    }
}

.p-stock__brand {
    font-size: 1.4rem;
    margin-bottom: 5px
}

.p-stock__name {
    font-size: 1.4rem;
    line-height: 1.7
}

.p-stock__txt {
    font-size: 1.4rem;
    line-height: 1.7
}

.p-stock .c-addItem {
    margin-top: 30px
}

.p-stock__table {
    display: flex;
    align-items: center;
    margin-top: -10px;
    margin-bottom: 15px
}

.p-stock__table dd {
    font-size: 1.4rem;
    margin-left: 5px
}

.p-stock__table dd+dt {
    margin-left: 20px
}

.p-top__top {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .p-top__top {
        margin-bottom: 40px
    }
}

.p-top__heroButtons {
    margin: 0 -10px;
    display: flex;
    position: relative
}

@media (min-width: 1024px) {
    .p-top__heroButtons {
        margin: 20px 0 0 0
    }
}

.p-top__heroButton {
    position: relative;
    width: 100%;
    padding-bottom: 144%
}

@media (min-width: 1024px) {
    .p-top__heroButton {
        padding-bottom: 51.42857%
    }
}

@media (min-width: 1024px) {
    .p-top__heroButton:hover {
        opacity: 0.7
    }
}

.p-top__heroLink {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media (min-width: 1024px) {
    .p-top__heroLink:hover {
        opacity: 1
    }
}

.p-top__heroTitle {
    font-size: 3rem;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    line-height: 1.2
}

.p-top__heroTitle--s {
    display: block;
    padding-right: 20px;
    background: url(../image/icon_arrow-triple.svg) no-repeat center right;
    font-size: 1.3rem;
    line-height: 1.7
}

.p-top .c-button {
    height: 46px
}

.p-top .swiper-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.p-top__heroImage {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.p-top__heroImage.--men {
    background-image: url("https://www.uktsc.com/user_data/packages/store/all/img/top/img_main_men_sp_230828.jpg")
}

@media (min-width: 1024px) {
    .p-top__heroImage.--men {
        background-image: url("../image/img_main_men_pc_230828.jpg")
    }
}

.p-top__heroImage.--women {
    background-image: url("../image/img_main_women_sp_230828.jpg")
}

@media (min-width: 1024px) {
    .p-top__heroImage.--women {
        background-image: url("../image/img_main_women_pc_230828.jpg")
    }
}

.p-top .swiper-slide-active .p-top__heroImage,
.p-top .swiper-slide-duplicate-active .p-top__heroImage,
.p-top .swiper-slide-prev .p-top__heroImage {
    animation: zoomOut 8s linear 0s 1 normal both
}

.p-top__title {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    margin-bottom: 17px
}

@media (min-width: 1024px) {
    .p-top__title {
        margin-bottom: 25px
    }
}

.p-top__title--s {
    margin-top: 10px;
    font-size: 1.2rem;
    letter-spacing: 0.12em
}

.p-top__titleJp {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: bold;
    font-size: 2rem
}

.p-top__titleJp--s {
    margin-top: 6px;
    font-size: 1.4rem;
    font-weight: normal
}

.p-top__sub-title {
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: 0.1em
}

.p-top__heading {
    text-align: center;
    margin-bottom: 15px;
    font-size: 2rem
}

.p-top__link a {
    font-size: 1.4rem
}

.p-top__brandList {
    margin: 0 -5px -15px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-top__brandList {
        margin-bottom: 0
    }
}

.p-top__brandItem {
    padding: 0 5px 15px;
    width: 50%
}

@media (min-width: 1024px) {
    .p-top__brandItem {
        padding-bottom: 0;
        width: 25%
    }
}

.p-top__brandLink {
    display: block
}

.p-top__brandImage {
    width: 100%
}

.p-top__brandLogo {
    margin: 10px auto 0;
    display: inherit;
    width: 120px
}

.p-top__category {
    margin-top: 42px
}

@media (min-width: 1024px) {
    .p-top__category {
        margin-top: 60px;
        padding: 0 95px
    }
}

.p-top__categoryList {
    margin: 0 -10.5px -1px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-top__categoryList {
        margin: 0 -5px -10px
    }
}

.p-top__categoryItem {
    width: 50%;
    padding: 0 0.5px 1px
}

@media (min-width: 1024px) {
    .p-top__categoryItem {
        width: 33.333%;
        padding: 0 5px 10px
    }
}

.p-top__categoryLink {
    display: block;
    padding-bottom: 74.86631%;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.p-top__categoryText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    font-weight: 500;
    text-align: center
}

.p-top__categoryText--s {
    margin-top: 6px;
    display: block;
    font-size: 1.2rem
}

.p-top__shopList {
    margin: 0 -5px -10px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-top__shopList {
        margin-bottom: 40px;
        padding: 0 75px
    }
}

.p-top__shopItem {
    padding: 0 5px 10px;
    width: 50%
}

@media (min-width: 1024px) {
    .p-top__shopItem {
        width: 33.333%
    }
}

.p-top__menuTabs {
    margin-bottom: 20px;
    display: flex;
    font-size: 1.4rem
}

.p-top__menuTab {
    cursor: pointer;
    padding-bottom: 5px;
    position: relative
}

.p-top__menuTab.is-current {
    border-bottom: 2px solid #585657
}

.p-top__menuTab+.p-top__menuTab {
    margin-left: 16px
}

.p-top__menu {
    display: none
}

.p-top__menu.is-current {
    display: block
}

.p-top__nav {
    display: flex;
    justify-content: center;
    position: relative
}

.p-top__navItem {
    padding: 18px 0
}

@media (min-width: 1024px) {
    .p-top__navItem {
        padding-bottom: 20px
    }
}

.p-top__navItem+.p-top__navItem {
    margin-left: 1em
}

.p-top__navLink {
    cursor: pointer;
    font-size: 1.9rem
}

.p-top__navLink.is-current {
    color: #2095cc;
    padding-bottom: 2px;
    border-bottom: 2px solid #2095cc
}

.p-top__navLink--women.is-current {
    color: #ea7ca2;
    border-bottom-color: #ea7ca2
}

.p-top__navCategory {
    display: none;
    padding: 15px 7px;
    position: absolute;
    top: 70px;
    left: -10px;
    z-index: 3;
    background-color: #EDEDED;
    width: 100vw
}

@media (min-width: 1024px) {
    .p-top__navCategory {
        padding: 20px;
        top: 65px;
        left: calc(50% - 50vw)
    }
}

.p-top__navCategory::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -12px;
    right: calc(50% - 80px);
    border-bottom: 12px solid #EDEDED;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.p-top__navCategory.is-show {
    display: block
}

.p-top__navCategoryList {
    margin: 0 auto -10px;
    display: flex;
    flex-wrap: wrap;
    max-width: 370px
}

@media (min-width: 1024px) {
    .p-top__navCategoryList {
        margin: 0 auto;
        width: 100%;
        max-width: 750px
    }
}

.p-top__navCategoryItem {
    padding: 0 5px 10px;
    width: 50%
}

@media (min-width: 1024px) {
    .p-top__navCategoryItem {
        width: 25%;
        padding-bottom: 0
    }
}

.p-top__navCategoryLink {
    display: block;
    text-align: center
}

.p-top__navCategoryImage {
    width: 100%
}

.p-top__navCategoryLogo {
    margin: 10px auto 0;
    width: 120px
}

.p-top__slide {
    margin: 0px -10px 0;
    position: relative
}

@media (min-width: 1201px) {
    .p-top__slide {
        margin: 0 calc(((100vw - 1200px) / 2) * -1)
    }
}

.p-top__slide img.u-dsp-hidePC {
    display: block
}

@media (min-width: 1024px) {
    .p-top__slide img.u-dsp-hidePC {
        display: none
    }
}

.p-top__slide img.u-dsp-showPC {
    display: none
}

@media (min-width: 1024px) {
    .p-top__slide img.u-dsp-showPC {
        display: block
    }
}

.p-top__slide .slick-dotted.slick-slider {
    margin-bottom: 0
}

.p-top__slide .slick-dots {
    margin-top: 10px;
    position: relative;
    bottom: 0
}

@media (min-width: 1024px) {
    .p-top__slide .slick-dots {
        margin-top: 20px
    }
}

.p-top__slide .slick-dots li {
    width: auto;
    height: auto
}

.p-top__slide .slick-dots li button {
    content: "";
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bfbfbf
}

.p-top__slide .slick-dots li button::before {
    display: none
}

.p-top__slide .slick-dots li.slick-active button {
    background-color: #585657
}

.p-top__slide .slick-arrow {
    z-index: 1
}

.p-top__slide .slick-prev,
.p-top__slide .slick-next {
    display: none
}

@media (min-width: 1024px) {

    .p-top__slide .slick-prev,
    .p-top__slide .slick-next {
        display: block;
        position: absolute;
        font-size: 0;
        width: 50px;
        height: 50px;
        background-color: rgba(255, 255, 255, 0.8);
        top: 230px
    }
}

@media (min-width: 1024px) {

    .p-top__slide .slick-prev::before,
    .p-top__slide .slick-next::before {
        content: "";
        display: block;
        position: absolute;
        width: 15px;
        height: 15px;
        border-top: 2px solid #000;
        top: 50%;
        transform-origin: center
    }
}

@media (min-width: 1024px) {
    .p-top__slide .slick-prev {
        left: calc(50% - 425px)
    }
}

@media (min-width: 1024px) {
    .p-top__slide .slick-prev::before {
        right: 10px;
        border-left: 2px solid #000;
        transform: rotate(-45deg) translateY(-50%)
    }
}

@media (min-width: 1024px) {
    .p-top__slide .slick-next {
        right: calc(50% - 425px)
    }
}

@media (min-width: 1024px) {
    .p-top__slide .slick-next::before {
        left: 10px;
        border-right: 2px solid #000;
        transform: rotate(45deg) translateY(-50%)
    }
}

.p-top__slideList {
    opacity: 0;
    transition: opacity 0.3s
}

.p-top__slideList.slick-initialized {
    opacity: 1
}

@media (min-width: 1024px) {
    .p-top__slideItem {
        margin: 0 10px;
        width: calc(780 / 1400 * 100%);
        max-width: 780px
    }
}

.p-top__slideImage {
    width: 100%
}

.p-top__info {
    text-align: center
}

.p-top__guideList {
    margin-bottom: -1px;
    margin: 0 -10px
}

@media (min-width: 1024px) {
    .p-top__guideList {
        margin: 0 -5px;
        display: flex;
        flex-wrap: wrap
    }
}

.p-top__guideItem {
    padding-bottom: 1px
}

@media (min-width: 1024px) {
    .p-top__guideItem {
        padding: 0 5px;
        width: 25%
    }
}

.p-top__slideHiddenText {
    visibility: hidden;
    position: absolute
}

.p-top__slideFloat {
    position: absolute;
    bottom: 30px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 3;
    transition: opacity 0.3, visibility 0.3s
}

@media (min-width: 1024px) {
    .p-top__slideFloat {
        width: calc(100% + 2px);
        max-width: 782px;
        left: calc(50% + 1px);
        transform: translateX(-50%)
    }
}

.p-top__slideFloat.is-hidden {
    visibility: hidden;
    opacity: 0
}

.p-top__slideFloat.is-fixed {
    position: fixed;
    bottom: 0
}

.p-top__slideFloatLink {
    padding: 5px 10px;
    display: block
}

@media (min-width: 1024px) {
    .p-top__slideFloatLink {
        padding: 18px
    }
}

.p-top__slideText {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold
}

@media (min-width: 1024px) {
    .p-top__slideText {
        font-size: 2.4rem;
        text-align: center
    }
}

.p-top__guideLink {
    display: block;
    padding: 17px 19px 17px 10px;
    background: #EDEDED url(https://www.uktsc.com/user_data/packages/store/all/img/common/icon_arrow2.png) no-repeat center right;
    background-position-x: calc(100% - 10px);
    font-size: 1.4rem
}

.p-top__infoLink {
    font-size: 1.4rem;
    color: red;
    position: relative
}

.p-top__infoLink.has-arrow::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
    transform: rotate(-45deg) translateY(-50%);
    right: -13px;
    top: 50%
}

.p-top__coodList {
    margin: 0 -10px;
    display: flex;
    overflow: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px
}

@media (min-width: 1024px) {
    .p-top__coodList {
        margin: 0 -5px;
        padding-left: 0;
        padding-right: 0;
        justify-content: space-between
    }
}

.p-top__coodItem {
    width: 155px;
    padding: 0;
    flex-shrink: 0;
    padding: 0 5px
}

@media (min-width: 1024px) {
    .p-top__coodItem {
        width: 220px;
        padding: 0
    }
}

.p-top__coodLink {
    display: block
}

.p-top__coodImage {
    display: block;
    width: 100%
}

.p-top__coodInfo {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;
    color: #666;
    line-height: 1.5;
    margin-top: 0;
    padding: 5px
}

@media (min-width: 1024px) {
    .p-top__coodInfo {
        padding: 0;
        margin-top: 10px
    }
}

.p-top__coodInfo span {
    display: block
}

.p-top__tabs {
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.p-top__tab {
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .p-top__tab {
        font-size: 1.5rem
    }
}

.p-top__tab--m {
    font-size: 1.9rem
}

.p-top__tab.is-current {
    color: #2095cc;
    padding-bottom: 2px;
    border-bottom: 2px solid #2095cc
}

.p-top__tab+.p-top__tab {
    margin-left: 2em
}

.p-top__tab--women.is-current {
    color: #ea7ca2;
    border-bottom-color: #ea7ca2
}

.p-top__tab--women+.p-top__tab--women {
    margin-left: 1.5em
}

@media (min-width: 1024px) {
    .p-top__tab--women+.p-top__tab--women {
        margin-left: 2em
    }
}

.p-top__tabContent {
    display: none
}

.p-top__tabContent.is-current {
    display: block
}

.p-top__btnWrap {
    max-width: 275px;
    margin: 25px auto 0
}

.p-top__bannerList {
    margin: 0 -5px -10px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .p-top__bannerList--logo {
        margin: 0 0 -20px;
        justify-content: center
    }

    .p-top__bannerList--logo .p-top__bannerItem:first-child .p-top__bannerImage {
        max-width: 240px
    }
}

.p-top__bannerList--logo .p-top__bannerItem:first-child .p-top__bannerImage {
    max-width: 154.69px
}

.p-top__bannerItem {
    padding: 0 5px 10px;
    width: 50%
}

@media (min-width: 1024px) {
    .p-top__bannerItem {
        padding: 0 10px 20px;
        width: 25%
    }
}

.p-top__bannerItem:first-child {
    width: 100%
}

.p-top__bannerLink {
    display: block;
    padding: 0 8px
}

.p-top__bannerList--logo .p-top__bannerLink {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cfcfcf;
    height: 75px
}

@media (min-width: 1024px) {
    .p-top__bannerList--logo .p-top__bannerLink {
        height: 98px
    }
}

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

.p-top__bannerList--logo .p-top__bannerImage {
    max-width: 141px
}

.p-top__pickup {
    margin: 0 -10px
}

@media (min-width: 1024px) {
    .p-top__pickup+.p-top__pickup {
        margin-top: 60px
    }
}

.p-top__pickupTitle {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .p-top__pickupTitle {
        margin: 0 -15px 20px;
        width: 100%;
        font-size: 2.4rem
    }
}

.p-top__pickupInner {
    overflow-x: auto;
    padding: 0 15px 20px
}

@media (min-width: 1024px) {
    .p-top__pickupInner {
        overflow-x: visible;
        padding: 0 15px 0 30px
    }
}

.p-top__pickupList {
    display: inline-block;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    vertical-align: top
}

@media (min-width: 1024px) {
    .p-top__pickupList {
        margin: 0 -15px 0
    }
}

.p-top__pickupList.slick-dotted.slick-slider {
    margin-bottom: 0
}

.p-top__pickupList .slick-dots {
    margin-top: 10px;
    position: relative;
    bottom: 0
}

@media (min-width: 1024px) {
    .p-top__pickupList .slick-dots {
        margin-top: 20px
    }
}

.p-top__pickupList .slick-dots li {
    width: auto;
    height: auto
}

.p-top__pickupList .slick-dots li button {
    content: "";
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bfbfbf
}

.p-top__pickupList .slick-dots li button::before {
    display: none
}

.p-top__pickupList .slick-dots li.slick-active button {
    background-color: #585657
}

.p-top__pickupList .slick-arrow {
    z-index: 1
}

.p-top__pickupList .slick-prev,
.p-top__pickupList .slick-next {
    display: none
}

@media (min-width: 1024px) {

    .p-top__pickupList .slick-prev,
    .p-top__pickupList .slick-next {
        display: block;
        position: absolute;
        font-size: 0;
        width: 50px;
        height: 50px;
        top: 180px
    }
}

.p-top__pickupList .slick-prev::before,
.p-top__pickupList .slick-next::before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 2px solid #000;
    top: 50%;
    transform-origin: center
}

@media (min-width: 1024px) {
    .p-top__pickupList .slick-prev {
        left: -33px
    }
}

.p-top__pickupList .slick-prev::before {
    left: 50%;
    border-left: 2px solid #222;
    transform: rotate(-45deg) translateY(-50%)
}

@media (min-width: 1024px) {
    .p-top__pickupList .slick-next {
        right: -35px
    }
}

.p-top__pickupList .slick-next::before {
    right: 50%;
    border-right: 2px solid #222;
    transform: rotate(45deg) translateY(-50%)
}

.p-top__pickupList.no-slide .slick-dots,
.p-top__pickupList.no-slide .slick-arrow {
    display: none
}

@media (min-width: 1024px) {

    .p-top__pickupList.is-no-caption .slick-prev,
    .p-top__pickupList.is-no-caption .slick-next {
        top: calc(50% - 30px)
    }
}

.p-top__pickupList.is-sp-narrow .p-top__pickupItem {
    width: calc(150 / 355 * 100%)
}

@media (min-width: 1024px) {
    .p-top__pickupList.is-sp-narrow .p-top__pickupItem {
        width: calc(290 / 930 * 100%)
    }
}

.p-top__pickupItem {
    display: inline-block;
    width: calc(185 / 355 * 100%);
    vertical-align: top
}

@media (min-width: 1024px) {
    .p-top__pickupItem {
        width: calc(290 / 930 * 100%);
        padding: 0 15px 0
    }
}

.p-top__pickupItem+.p-top__pickupItem {
    margin-left: 20px
}

@media (min-width: 1024px) {
    .p-top__pickupItem+.p-top__pickupItem {
        margin-left: 0
    }
}

.p-top__pickupItem+.p-top__pickupItem:last-child {
    margin-right: 20px
}

@media (min-width: 1024px) {
    .p-top__pickupItem+.p-top__pickupItem:last-child {
        margin-right: 0
    }
}

.p-top__pickupLink {
    display: block
}

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

.p-top__pickupText {
    margin-top: 5px;
    color: #707070;
    font-size: 1.2rem;
    line-height: 1.67;
    white-space: normal
}

@media (min-width: 1024px) {
    .p-top__pickupText {
        margin-top: 16px;
        font-size: 1.4rem
    }
}

.p-top__pickupText .is-bold {
    font-weight: bold
}

.p-top__pickupText .is-large {
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .p-top__pickupText .is-large {
        font-size: 1.6rem
    }
}

.p-top__insta {
    margin-bottom: 34px
}

@media (min-width: 1024px) {
    .p-top__insta {
        margin-bottom: 45px
    }
}

.p-top__pickup+.p-top__insta {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .p-top__pickup+.p-top__insta {
        margin-top: 110px
    }
}

.p-top__instaVisumo {
    margin-top: 17px
}

.p-top__instaVisumo .ecbn-selection-title,
.p-top__instaVisumo .ecbn-selection-description,
.p-top__instaVisumo .ecbn-selection-footer2,
.p-top__instaVisumo .ecbn-selection-image-loading-more {
    display: none
}

.p-top__instaVisumo .ecbn-selection-item {
    width: 33.333% !important;
    padding: 2.5px !important
}

@media (min-width: 1024px) {
    .p-top__instaVisumo .ecbn-selection-item {
        width: 25% !important;
        padding: 5px !important
    }
}

.p-top__instaButtonWrap {
    text-align: center;
    margin: 20px auto 0
}

@media (min-width: 1024px) {
    .p-top__instaButtonWrap {
        margin-top: 20px
    }
}

.p-top__instaButton {
    display: inline-block;
    padding: 6px 13px 8px;
    border: solid 1px #cfcfcf;
    color: #707070;
    font-size: 1.2rem;
    text-align: center
}

@media (max-width: 1023px) {
    .p-top__instaButton {
        padding: 5px 30px 7px
    }
}

@media (max-width: 1023px) {
    .p-top .c-list {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background-color: #f5f5f5;
        border-top: solid 1px #fff
    }

    .p-top .c-list--top {
        background-color: #fafafa
    }

    .p-top .c-list__item {
        border-bottom: solid 1px #fff
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1.15)
    }

    100% {
        transform: scale(1)
    }
}

@media (max-width: 1023px) {
    .p-top__sns {
        padding: 30px 0 10px;
        position: relative
    }

    .p-top__sns .p-top__title {
        font-size: 1.4rem
    }

    .p-top__sns .c-heading__lv2 {
        font-size: 1.3rem;
        margin-bottom: 10px
    }

    .p-top__sns .p-top__list {
        display: flex;
        justify-content: space-between
    }

    .p-top__sns .p-top__list.is-col {
        flex-direction: column;
        justify-content: center
    }

    .p-top .p-top__sns {
        padding: 0 0 65px
    }

    .p-top__sns-heading {
        text-align: center;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        color: #000;
        margin-bottom: 10px;
        font-weight: bold
    }

    .p-top__snsList--icon {
        width: 305px;
        margin-right: auto;
        margin-left: auto
    }

    .p-top__snsListItem {
        width: 45px
    }

    .p-top__snsListItem button {
        border: 0;
        background-color: transparent;
        outline: none;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .p-top__snsListItem img {
        width: 100%
    }

    .micromodal-slide {
        opacity: 0;
        visibility: hidden;
        z-index: 9999
    }

    .micromodal-slide.is-open {
        visibility: inherit;
        opacity: 1;
        transition: all ease-in 0.1s
    }

    .micromodal-slide {
        position: absolute;
        position: fixed;
        top: 19.5vh;
        left: 50%;
        transform: translateX(-50%);
        width: 85vw
    }

    .p-top__modal#modal-2 .p-top__modalContent,
    .p-top__modal#modal-3 .p-top__modalContent {
        height: 62vh
    }

    .p-top__modalTitle {
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center
    }

    .p-top__modalContainer {
        background-color: #fff;
        position: relative;
        border-radius: 3px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
    }

    .p-top__modalCloseButton {
        position: absolute;
        top: -15px;
        right: -15px;
        background: transparent;
        border: 0;
        outline: none;
        padding: 0;
        background-image: url("../image/icon_modal_close.svg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 31px;
        height: 31px;
        z-index: 2
    }

    .p-top__modalHeader {
        background-color: #ededed;
        padding: 10px 0;
        border-radius: 3px 3px 0 0
    }

    .p-top__modalContent {
        padding: 15px 20px 15px;
        height: 66vh;
        overflow: scroll
    }

    .p-top__modalItem a {
        display: flex;
        flex-direction: column
    }

    .p-top__modalItem+.p-top__modalItem {
        margin-top: 20px
    }

    .p-top__modalItem div:first-child {
        margin-bottom: 10px;
        text-align: center
    }

    .p-top__modalItem img {
        max-width: 100px
    }

    .p-top__modalItemTitle {
        margin-bottom: 7px;
        font-size: 1.4rem;
        text-align: center
    }

    .p-top__modalCopyrights {
        border-top: 1px solid #ededed;
        margin-top: 30px;
        padding-top: 15px;
        font-size: 9px
    }

    .is-hidden {
        overflow: hidden
    }
}

@media (min-width: 1024px) {
    .p-top__sns {
        padding: 50px 0 0;
        position: relative
    }

    .p-top__sns .p-top__title {
        font-size: 1.4rem
    }

    .p-top__sns .p-top__list {
        display: flex;
        justify-content: space-between
    }

    .p-top .p-top__sns {
        padding: 0 0 60px
    }

    .p-top__sns-heading {
        text-align: center;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        color: #000;
        margin-bottom: 20px;
        font-weight: bold
    }

    .p-top__snsList--icon {
        width: 305px;
        margin-right: auto;
        margin-left: auto
    }

    .p-top__snsList--button {
        width: 500px;
        margin-right: auto;
        margin-left: auto
    }

    .p-top__snsListButton .c-button.is-grey {
        border-radius: 0;
        padding: 4px 0;
        width: 230px;
        justify-content: flex-start;
        height: 30px;
        position: relative;
        display: block;
        text-align: center
    }

    .p-top__snsListItem {
        width: 45px
    }

    .p-top__snsListItem button {
        border: 0;
        background-color: transparent;
        outline: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        width: 100%
    }

    .p-top__snsListItem button:hover {
        opacity: 0.7;
        transition: all ease 0.2s
    }

    .p-top__snsListItem img {
        width: 100%
    }

    .micromodal-slide {
        opacity: 0;
        visibility: hidden;
        z-index: 10
    }

    .micromodal-slide.is-open {
        visibility: inherit;
        opacity: 1;
        transition: all ease-in 0.1s
    }

    .micromodal-slide {
        position: absolute;
        position: fixed;
        top: 20%;
        left: 50%;
        transform: translateX(-50%)
    }

    .p-top__modal#modal-2 .p-top__modalContent,
    .p-top__modal#modal-3 .p-top__modalContent {
        height: 52vh
    }

    .p-top__modalTitle {
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center
    }

    .p-top__modalContainer {
        background-color: #fff;
        width: 412px;
        position: relative;
        border-radius: 3px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
    }

    .p-top__modalCloseButton {
        position: absolute;
        top: -15px;
        right: -15px;
        background: transparent;
        border: 0;
        outline: none;
        padding: 0;
        background-image: url("../image/icon_modal_close.svg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 31px;
        height: 31px;
        cursor: pointer
    }

    .p-top__modalHeader {
        background-color: #ededed;
        padding: 10px 0;
        border-radius: 3px 3px 0 0
    }

    .p-top__modalContent {
        padding: 26px 20px 15px;
        height: 66vh;
        overflow: scroll
    }

    .p-top__modalItem a {
        display: flex;
        align-items: center
    }

    .p-top__modalItem+.p-top__modalItem {
        margin-top: 30px
    }

    .p-top__modalItem div:first-child {
        margin-right: 15px;
        text-align: center
    }

    .p-top__modalItem img {
        width: 110px
    }

    .p-top__modalItemTitle {
        margin-bottom: 7px;
        font-size: 1.4rem
    }

    .p-top__modalCopyrights {
        border-top: 1px solid #ededed;
        margin-top: 30px;
        padding-top: 15px;
        font-size: 9px
    }
}

.p-top__modalOverlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999
}

.p-top__modalOverlay.is-active {
    display: block
}

.p-top--all {
    padding-bottom: 40px;
    margin-bottom: -40px
}

.p-top--all .p-top__heroTitle {
    font-size: 3.4rem;
    text-shadow: 2px 2px 4px #000
}

.p-top--all+.l-footer {
    margin-top: 0
}

@media (min-width: 1024px) {
    .p-top--all .p-top__heroButtons {
        margin-top: 0
    }
}

.p-top__youtube__title {
    text-align: center
}

.p-top__youtube__title img {
    max-width: 200px;
    height: auto
}

@media (max-width: 1023px) {
    .p-top__youtube__title img {
        max-width: 150px
    }
}

.p-top__youtube__wrapper {
    position: relative;
    overflow: hidden;
    width: 75%;
    margin: 0 auto
}

@media (max-width: 1023px) {
    .p-top__youtube__wrapper {
        width: 85%
    }
}

.p-top__youtube__wrapper::before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.p-top__youtube__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.p-top__catch {
    padding: 0 5px
}

@media (min-width: 1024px) {
    .p-top__catch {
        padding: 0
    }
}

.p-top__catch+.p-top__campaign {
    margin-top: 30px
}

@media (min-width: 1024px) {
    .p-top__catch+.p-top__campaign {
        margin-top: 32px
    }
}

.p-top__catchList {
    display: flex;
    justify-content: center;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto
}

.p-top__catchItem {
    width: calc((100% - 45px) / 4);
    flex-shrink: 0;
    text-align: center
}

@media (min-width: 1024px) {
    .p-top__catchItem {
        width: 90px
    }
}

.p-top__catchItem+.p-top__catchItem {
    margin-left: 15px
}

@media (min-width: 1024px) {
    .p-top__catchItem+.p-top__catchItem {
        margin-left: 30px
    }
}

.p-top__catchImgWrap+.p-top__catchText {
    margin-top: 5px
}

.p-top__catchImg {
    width: 100%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16)
}

.p-top__catchText {
    font-size: 1.1rem;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .p-top__catchText {
        font-size: 1.2rem
    }
}

.p-top__campaign {
    margin-top: 30px
}

@media (min-width: 1024px) {
    .p-top__campaign {
        margin-top: 32px
    }
}

.p-top__campaignList {
    display: flex;
    margin-top: 11px;
    overflow-x: scroll;
    overflow-y: hidden
}

@media (min-width: 1024px) {
    .p-top__campaignList {
        margin-top: 24px
    }
}

.p-top__campaignHeading {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center
}

@media (min-width: 1024px) {
    .p-top__campaignHeading {
        font-size: 2.2rem
    }
}

.p-top__campaignItem {
    width: 155px;
    flex-shrink: 0
}

@media (min-width: 1024px) {
    .p-top__campaignItem {
        width: calc((100% - 30px) / 4)
    }
}

.p-top__campaignItem+.p-top__campaignItem {
    margin-left: 10px
}

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

.p-top__newArrival {
    position: relative
}

@media (min-width: 1024px) {
    .p-top__newArrival .p-top__tabContents {
        width: 570px;
        overflow-x: visible;
        overflow-y: visible;
        position: absolute;
        top: 49px;
        left: 360px
    }
}

.p-top__newArrival .p-top__tabContents .c-itemList {
    overflow-x: scroll;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    padding-bottom: 5px
}

@media (min-width: 1024px) {
    .p-top__newArrival .p-top__tabContents .c-itemList {
        overflow-x: visible
    }
}

.p-top__newArrival .p-top__tabContents .c-itemList__item {
    margin-bottom: 0
}

.p-top__newArrival .p-top__tabContents::-webkit-scrollbar {
    display: none
}

@media (min-width: 1024px) {
    .p-top__newArrival .p-top__tabContents+.p-top__btnWrap {
        margin-top: 60px
    }
}

.p-top__newArrival .c-itemList__item {
    min-width: 152px
}

@media (min-width: 1024px) {
    .p-top__newArrival .c-itemList__item {
        min-width: initial
    }
}

.p-top__newArrivalTop {
    width: calc(100vw * 265 / 375);
    position: relative;
    margin-top: 26px
}

@media (min-width: 1024px) {
    .p-top__newArrivalTop {
        width: 330px;
        margin-top: 36px
    }
}

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

.p-top__newArrivalTextBlock {
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: 0;
    right: calc(100vw * -80 / 375);
    width: calc(100vw * 190 / 375);
    padding: 7px 10px 14px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.08);
    color: #000
}

@media (min-width: 1024px) {
    .p-top__newArrivalTextBlock {
        bottom: -30px;
        right: auto;
        left: 269px;
        padding: 10px 15px 20px;
        width: 480px
    }
}

.p-top__newArrivalName {
    font-size: 1.4rem;
    margin-top: 7px;
    line-height: 1.43;
    font-weight: 500
}

@media (min-width: 1024px) {
    .p-top__newArrivalName {
        font-size: 1.6rem
    }
}

.p-top__newArrivalPrice {
    font-size: 1.4rem;
    margin-top: 5px
}

.p-top__newArrivalText {
    font-size: 1.2rem;
    line-height: 1.66;
    margin-top: 12px
}

@media (min-width: 1024px) {
    .p-top__newArrivalText {
        font-size: 1.4rem;
        margin-top: 20px;
        line-height: 1.87
    }
}

.p-top__shopArea {
    width: 100%;
    position: relative
}

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

.p-top__shopAreaTextWrap {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    width: 145px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 1024px) {
    .p-top__shopAreaTextWrap {
        width: 230px;
        height: 80px
    }
}

.p-top__shopAreaText {
    font-size: 2rem;
    letter-spacing: 0.1em;
    color: #000;
    font-weight: 500;
    text-align: center
}

@media (min-width: 1024px) {
    .p-top__shopAreaText {
        font-size: 2.4rem
    }
}

.p-top__shopAreaText span {
    display: block;
    font-size: 1.2rem;
    margin-top: 5px
}

@media (min-width: 1024px) {
    .p-top__shopAreaText span {
        font-size: 1.6rem
    }
}

.p-top__tagListWrap {
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 5px;
    padding-bottom: 10px
}

@media (min-width: 1024px) {
    .p-top__tagListWrap {
        display: flex;
        overflow-x: visible;
        overflow-y: visible
    }
}

.p-top__tagList {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px
}

.c-block+.p-top__tagList {
    margin-top: 21px
}

@media (min-width: 1024px) {
    .c-block+.p-top__tagList {
        margin-top: 15px
    }
}

.p-top__tagList--white {
    margin-top: 5px;
    white-space: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 1024px) {
    .p-top__tagList--white {
        margin-top: 10px
    }
}

.p-top__tagList--white .p-top__tagItem {
    background-color: #fff;
    padding: 4px 10px 5px 10px;
    font-size: 1.1rem
}

.p-top__tagList--white .p-top__tagItem::before {
    display: none
}

.p-top__tagItem {
    border: solid 1px #ccc;
    border-radius: 13px;
    padding: 3px 10px 6px 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #f4f4f4;
    position: relative
}

.p-top__tagItem::before {
    content: "#";
    position: absolute;
    left: 10px;
    font-size: 1.2rem;
    top: 50%;
    transform: translateY(-50%)
}

.p-top__tagLink {
    font-size: 1.2rem
}

.p-top__scrollBtn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.p-top__scrollBtn--prev {
    left: 0
}

.p-top__scrollBtn--prev::before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    transform-origin: center;
    left: -20px;
    border-left: 2px solid #222;
    border-top: 2px solid #222;
    transform: rotate(-45deg) translateY(-50%)
}

.p-top__scrollBtn--next {
    right: 0
}

.p-top__scrollBtn--next::before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 2px solid #222;
    top: 50%;
    transform-origin: center;
    border-right: 2px solid #222;
    transform: rotate(45deg) translateY(-50%)
}

.p-top__feature {
    margin-top: 40px
}

.p-top__featureInner {
    position: relative
}

.p-top__featureListWrap {
    overflow-x: scroll;
    overflow-y: hidden
}

@media (min-width: 1024px) {
    .p-top__featureListWrap {
        display: flex
    }
}

.p-top__featureList {
    display: flex
}

.p-top__featureList+.p-top__featureList {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-top__featureList+.p-top__featureList {
        margin-top: 0;
        margin-left: 10px
    }
}

.p-top__featureItem {
    width: 187px;
    flex-shrink: 0
}

@media (min-width: 1024px) {
    .p-top__featureItem {
        width: 240px
    }
}

.p-top__featureItem+.p-top__featureItem {
    margin-left: 10px
}

.p-top__featureImage {
    width: 100%
}

.p-top__topicInner {
    position: relative
}

.p-top__topicListWrap {
    overflow-x: scroll;
    overflow-y: hidden
}

@media (min-width: 1024px) {
    .p-top__topicListWrap {
        display: flex
    }
}

.p-top__topicList {
    display: flex
}

.p-top__topicList+.p-top__topicList {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-top__topicList+.p-top__topicList {
        margin-top: 0;
        margin-left: 20px
    }
}

.p-top__topicItem {
    width: 155px;
    flex-shrink: 0
}

.p-top__topicItem+.p-top__topicItem {
    margin-left: 10px
}

@media (min-width: 1024px) {
    .p-top__topicItem+.p-top__topicItem {
        margin-left: 20px
    }
}

.p-top__topicImage {
    width: 100%
}

.p-top__heroButtons-wrapper {
    position: relative
}

.p-top__heroLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.p-top-square__heroButton {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 70px;
    z-index: 1
}

@media (max-width: 1023px) {
    #mainSlideMens+.p-top-square__heroButton {
        margin-left: 6px
    }
}

.p-top-square__contents {
    color: #000;
    margin-bottom: 40px
}

@media (min-width: 1024px) {
    .p-top-square__contents {
        margin-bottom: 55px
    }
}

.p-top-square__caution {
    font-size: 1.2rem;
    text-decoration: underline;
    display: flex;
    justify-content: center
}

.p-top-square__contents {
    margin-top: 15px
}

.p-top-square__logo {
    display: flex;
    justify-content: center;
    margin-top: 57px;
    width: 245.41px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .p-top-square__logo {
        margin-top: 42px;
        width: 309px;
        margin-left: auto;
        margin-right: auto
    }
}

.p-top-square__logo img {
    width: 100%
}

.p-top-square__title {
    font-size: 2.6rem;
    font-weight: 500;
    line-height: calc(38 / 26);
    text-align: center;
    margin-top: 38px
}

@media (min-width: 1024px) {
    .p-top-square__title {
        margin-top: 40px
    }
}

.p-top-square__title span {
    font-size: 1.8rem
}

@media (min-width: 1024px) {
    .p-top-square__title span {
        font-size: 2rem
    }
}

.p-top-square__bland-sub {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 17.4px
}

@media (min-width: 1024px) {
    .p-top-square__bland-sub {
        margin-top: 25.5px
    }
}

.p-top-square__bland-main {
    font-size: 2.8rem;
    font-weight: 500;
    text-align: center;
    margin-top: 8px
}

@media (min-width: 1024px) {
    .p-top-square__bland-main {
        font-size: 3.2rem;
        margin-top: 15px
    }
}

.p-top-square__bland-text {
    font-size: 1.6rem;
    line-height: calc(28 / 16);
    text-align: center;
    margin-top: 15px
}

.p-top-square__blandLogo {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

@media (min-width: 1024px) {
    .p-top-square__blandLogo {
        margin-top: 18px
    }
}

.p-top-square__headingLv2 {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    line-height: calc(30 / 18)
}

@media (min-width: 1024px) {
    .p-top-square__headingLv2 {
        font-size: 2.2rem
    }
}

.p-top-square__container {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.p-top-square__shopping {
    margin-top: 72px
}

@media (min-width: 1024px) {
    .p-top-square__shopping {
        margin-top: 80px
    }
}

.p-top-square__shopping-inner {
    position: relative;
    margin-top: 20px;
    width: 100%;
    padding-bottom: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../image/img_square_shopping_sp.jpg")
}

@media (min-width: 1024px) {
    .p-top-square__shopping-inner {
        background-image: url("../image/img_square_shopping_pc.jpg");
        padding-bottom: 520px
    }
}

.p-top-square__shopping-logo {
    width: 255.33px;
    position: absolute;
    top: 29.6px;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width: 1024px) {
    .p-top-square__shopping-logo {
        width: 290.47px
    }
}

.p-top-square__shopping-logo img {
    width: 100%
}

.p-top-square__shopping-btn-wrapper {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    column-gap: 15px;
    margin-left: 3px;
    z-index: 2
}

@media (min-width: 1024px) {
    .p-top-square__shopping-btn-wrapper {
        bottom: 30px;
        column-gap: 30px
    }
}

.p-top-square__category {
    margin-top: 30px;
    position: relative
}

@media (min-width: 1024px) {
    .p-top-square__category {
        margin-top: 50px
    }
}

.p-top-square__category-wrapper {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .p-top-square__category-wrapper {
        margin-top: 15px
    }
}

.p-top-square__category-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px
}

@media (min-width: 1024px) {
    .p-top-square__category-list {
        gap: 15px
    }
}

.p-top-square__category-link {
    display: block;
    width: 100%;
    position: relative
}

.p-top-square__category-link img {
    width: 100%;
    height: auto
}

.p-top-square__category-link span {
    height: 24px;
    background: #525252;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0.9
}

.p-top-square__category-link span::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    margin-left: 5px
}

@media (min-width: 1024px) {
    .p-top-square__category-link span {
        height: 30px
    }
}

.p-top-square__banner {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .p-top-square__banner {
        margin-top: 70px
    }
}

.p-top-square__banner-inner {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 1024px) {
    .p-top-square__banner-inner {
        padding-left: 0;
        padding-right: 0
    }
}

.p-top-square__banner-list {
    display: flex;
    flex-direction: column;
    row-gap: 40px
}

.p-top-square__banner-link {
    display: block;
    width: 100%
}

.p-top-square__banner-link img {
    max-width: 100%;
    height: auto
}

.p-top-square__ec-inner {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .p-top-square__ec-inner {
        margin-top: 55px
    }
}

.p-top-square__ec-list {
    display: flex;
    column-gap: 17px;
    row-gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
    max-width: 355px;
    margin-left: auto;
    margin-right: auto
}

.p-top-square__ec-item {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.p-top-square__ec-text {
    font-size: 1.4rem;
    line-height: calc(16.8 / 14)
}

.p-top-square__btn-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 5px;
    margin-top: 30px;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .p-top-square__btn-wrapper {
        max-width: 550px;
        margin-top: 60px;
        column-gap: 30px
    }
}

.p-top-square__btn-wrapper img {
    max-width: 100%;
    height: auto
}

#back-to-top {
    position: fixed;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    transition: bottom 0.5s ease
}

#back-to-top.visible {
    z-index: 9999;
    bottom: 0
}

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

.p-top-float__inner {
    height: 60px;
    width: 375px;
    background-color: #585657;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    position: relative;
    z-index: 2;
    box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.2);
    opacity: 0.9;
    padding-left: 29px;
    padding-right: 22px
}

@media (min-width: 1024px) {
    .p-top-float__inner {
        width: 660px;
        height: 80px
    }
}

.p-top-float__title {
    margin-top: 10px;
    font-size: 1.3rem;
    text-align: center;
    color: #fff;
    font-weight: 500
}

@media (min-width: 1024px) {
    .p-top-float__title {
        margin-top: 12px;
        font-size: 1.5rem
    }
}

.p-top-float__wrapper {
    display: flex;
    justify-content: center;
    column-gap: 52.5px;
    align-items: center;
    margin-top: 6px
}

@media (min-width: 1024px) {
    .p-top-float__wrapper {
        margin-top: 14px
    }
}

@media (min-width: 1024px) {
    .p-top-float__link img {
        height: auto
    }

    .p-top-float__link img[data-gender="men"] {
        width: 176.37px
    }

    .p-top-float__link img[data-gender="women"] {
        width: 220.24px
    }
}

.p-top.p-top--all.--new .c-category::after {
    display: none
}

.p-top.p-top--all.--new .p-top__heroButtons {
    flex-direction: column;
    margin: 0
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top__heroButtons {
        flex-direction: row
    }
}

.p-top.p-top--all.--new .p-top__heroButton {
    padding-bottom: 50.66667%
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top__heroButton {
        padding-bottom: 51.42857%
    }
}

.p-top.p-top--all.--new .p-top__heroLogo {
    position: relative;
    transform: initial;
    top: 0;
    left: 0;
    height: 70px;
    z-index: 2
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top__heroLogo {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(360 / 1400 * 100vw);
        height: calc(160 / 1400 * 100vw);
        background: #fff;
        border-radius: 0px 0px 30px 30px
    }
}

.p-top.p-top--all.--new .p-top__heroLogo picture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.p-top.p-top--all.--new .p-top__heroLogo picture img {
    width: 190.67px
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top__heroLogo picture img {
        width: calc(245 / 1400 * 100vw)
    }
}

.p-top.p-top--all.--new .p-top-square__shopping-inner {
    padding-bottom: 115.38462%;
    background-image: url("../image/img_square_shopping_sp_241030.jpg")
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top-square__shopping-inner {
        background-image: url("../image/img_square_shopping_pc_241030.jpg");
        padding-bottom: 560px
    }
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top-square__shopping-logo {
        width: 255px
    }
}

.p-top.p-top--all.--new .p-top-float__wrapper {
    column-gap: 45px;
    margin-top: 9px
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top-float__wrapper {
        column-gap: 55px
    }
}

.p-top.p-top--all.--new .p-top-float__inner {
    height: 70px;
    box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.15)
}

@media (max-width: 1023px) {
    .p-top.p-top--all.--new .p-top-float__inner {
        width: 390px;
        border-radius: 0
    }
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top-float__inner {
        width: 550px;
        border-radius: 10px 10px 0px 0px
    }
}

.p-top.p-top--all.--new .p-top-float__link {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.p-top.p-top--all.--new .p-top-float__link.is-border {
    position: relative
}

.p-top.p-top--all.--new .p-top-float__link.is-border::after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    position: absolute;
    top: 5px;
    right: -27px;
    background: #fff
}

.p-top.p-top--all.--new .p-top-float__link span {
    font-size: 14px
}

.p-top.p-top--all.--new .p-top-float__title {
    margin-top: 11px
}

@media (min-width: 1024px) {
    .p-top.p-top--all.--new .p-top-float__title {
        font-size: 13px
    }
}

.p-top-square__heroViewMore {
    position: absolute;
    top: calc(41 / 375 * 100vw);
    z-index: 2
}

@media (min-width: 1024px) {
    .p-top-square__heroViewMore {
        top: calc(310 / 1400 * 100vw)
    }
}

.p-top-square__heroViewMore.--men {
    right: 0
}

@media (min-width: 1024px) {
    .p-top-square__heroViewMore.--men {
        right: calc(30 / 1400 * 100vw)
    }
}

.p-top-square__heroViewMore.--women {
    left: 0
}

@media (min-width: 1024px) {
    .p-top-square__heroViewMore.--women {
        left: calc(30 / 1400 * 100vw)
    }
}

.p-top-square__heroViewMore.--women .p-top-square__heroViewTitle {
    text-align: right
}

@media (min-width: 1024px) {
    .p-top-square__heroViewMore.--women .p-top-square__heroViewTitle {
        letter-spacing: -0.24px
    }
}

.p-top-square__heroViewTitle {
    font-family: "Montserrat", sans-serif;
    color: #050505;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.p-top-square__heroViewTitle span {
    font-size: 14px
}

@media (min-width: 1024px) {
    .p-top-square__heroViewTitle span {
        font-size: 24px
    }
}

@media (min-width: 1024px) {
    .p-top-square__heroViewTitle {
        font-size: 50px;
        text-align: center
    }
}

.p-top-square__heroViewButton {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    width: 220px;
    height: 54px;
    padding: 17px 56px 20px 55px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: #000;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
    margin-top: 4px
}

@media (min-width: 1024px) {
    .p-top-square__heroViewButton {
        width: 300px;
        height: 70px;
        padding: 23px 82px 25px 81px;
        font-size: 18px
    }
}

.p-top-square__heroViewButton svg:nth-child(1) {
    margin-left: 5px
}

.p-top-square__shoppingViewMore {
    height: 140px;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%
}

.p-top-square__shoppingViewMore>* {
    flex: 1
}

@media (min-width: 1024px) {
    .p-top-square__shoppingViewMore {
        height: 160px
    }
}

.p-top-square__shoppingMen {
    position: relative;
    border-right: 1px solid #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 8px
}

.p-top-square__shoppingMen::after {
    content: "";
    display: block;
    mix-blend-mode: multiply;
    background: #7a7a7a;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.p-top-square__shoppingWomen {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 8px
}

.p-top-square__shoppingWomen::after {
    content: "";
    display: block;
    mix-blend-mode: multiply;
    background: #7a7a7a;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.p-top-square__shoppingViewTitle {
    color: #fff;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .p-top-square__shoppingViewTitle {
        font-size: 32px
    }
}

.p-top-square__shoppingViewTitle span {
    font-size: 14px
}

@media (min-width: 1024px) {
    .p-top-square__shoppingViewTitle span {
        font-size: 16px
    }
}

.p-top-square__shoppingViewButton {
    color: #000;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    width: 155px;
    padding: 13px 23px 15px 23px;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .p-top-square__shoppingViewButton {
        width: 220px;
        padding: 13px 55px 15px 56px
    }
}

.p-top-square__shoppingViewButton svg:nth-child(1) {
    margin-left: 5px
}

.p-top-square__round-btn-wrapper {
    margin-top: 45px;
    display: flex;
    column-gap: 10px;
    padding: 0 20px;
    justify-content: center
}

.p-top-square__round-btn-wrapper>* {
    flex: 1
}

@media (min-width: 1024px) {
    .p-top-square__round-btn-wrapper {
        margin-top: 56px;
        column-gap: 20px;
        padding: 0
    }
}

.p-top-square__round--btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #000;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    max-width: 300px
}

@media (max-width: 1023px) {
    .p-top-square__round--btn svg {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 12px
    }
}

@media (min-width: 1024px) {
    .p-top-square__round--btn svg {
        margin-left: 8px
    }
}

.p-top-square__round--btnText {
    color: #fff;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

@media (min-width: 1024px) {
    .p-top-square__round--btnText {
        font-size: 24px
    }
}

.p-top-square__round--btnText span {
    font-size: 12px
}

@media (min-width: 1024px) {
    .p-top-square__round--btnText span {
        font-size: 16px
    }
}

@media (max-width: 1023px) {
    .p-top-square__round--btnText.--women {
        margin-right: 5px
    }
}

.p-top-highest-series__container {
    margin-top: 64px
}

@media (min-width: 1024px) {
    .p-top-highest-series__container {
        margin-top: 80px
    }
}

.p-top-highest-series__container--mens {
    margin: 0 -10px 66px
}

.p-top-highest-series__heading {
    font-size: 22px;
    font-weight: 700;
    word-break: auto-phrase
}

.p-top-highest-series__heading span {
    font-size: 18px;
    font-weight: 500
}

.p-top-highest-series__list {
    max-width: 660px;
    margin-inline: auto
}

@media (min-width: 1024px) {
    .p-top-highest-series__list {
        margin-top: 24px
    }
}

.p-top-highest-series__item {
    margin: 0
}

.p-top-highest-series__image {
    width: 100%
}

.p-top-highest-series__text {
    line-height: 32px;
    width: fit-content;
    margin-inline: auto;
    word-break: auto-phrase;
    margin-top: 26px
}

@media (min-width: 1024px) {
    .p-top-highest-series__text {
        margin-top: 40px
    }
}

.p-top-highest-series__button {
    width: 85%;
    max-width: 330px;
    margin-inline: auto;
    color: #656364
}

@media (min-width: 1024px) {
    .p-top-highest-series__button {
        width: 275px
    }
}

@media (max-width: 1023px) {
    .p-top__pickupInner.u-mr-negative10 {
        margin-right: -15px
    }
}

.p-top__pickupList.js-top-banner-slide--3 {
    margin-right: -10px
}

@media (max-width: 1023px) {
    .p-top__pickupList.js-top-banner-slide--3 .slick-slide {
        margin-left: 0;
        margin-right: 20px
    }

    .p-top__pickupList.js-top-banner-slide--3 .slick-slide div:nth-child(1) {
        margin-bottom: 10px
    }
}

.u-dsp-showPC {
    display: none
}

@media (min-width: 1024px) {
    .u-dsp-showPC {
        display: block
    }
}

.u-dsp-hidePC {
    display: block
}

@media (min-width: 1024px) {
    .u-dsp-hidePC {
        display: none
    }
}

.u-dsp-block {
    display: block
}

.u-dsp-inlineBlock {
    display: inline-block
}

.u-dsp-none {
    display: none
}

.u-lh15 {
    line-height: 1.5
}

.u-lh17 {
    line-height: 1.7
}

.u-lh2 {
    line-height: 2
}

.u-mt0 {
    margin-top: 0px
}

.u-mt5 {
    margin-top: 5px
}

.u-mt10 {
    margin-top: 10px
}

.u-mt15 {
    margin-top: 15px
}

.u-mt20 {
    margin-top: 20px
}

.u-mt25 {
    margin-top: 25px
}

.u-mt30 {
    margin-top: 30px
}

.u-mt35 {
    margin-top: 35px
}

.u-mt40 {
    margin-top: 40px
}

.u-mt45 {
    margin-top: 45px
}

.u-mt50 {
    margin-top: 50px
}

.u-mt55 {
    margin-top: 55px
}

.u-mt60 {
    margin-top: 60px
}

.u-mt65 {
    margin-top: 65px
}

.u-mt70 {
    margin-top: 70px
}

.u-mt75 {
    margin-top: 75px
}

.u-mt80 {
    margin-top: 80px
}

.u-mt85 {
    margin-top: 85px
}

.u-mt90 {
    margin-top: 90px
}

.u-mt95 {
    margin-top: 95px
}

.u-mt100 {
    margin-top: 100px
}

.u-mt105 {
    margin-top: 105px
}

.u-mt110 {
    margin-top: 110px
}

.u-mt115 {
    margin-top: 115px
}

.u-mt120 {
    margin-top: 120px
}

.u-mt125 {
    margin-top: 125px
}

.u-mt130 {
    margin-top: 130px
}

.u-mt135 {
    margin-top: 135px
}

.u-mt140 {
    margin-top: 140px
}

.u-mt145 {
    margin-top: 145px
}

.u-mt150 {
    margin-top: 150px
}

.u-mt155 {
    margin-top: 155px
}

.u-mt160 {
    margin-top: 160px
}

.u-mt165 {
    margin-top: 165px
}

.u-mt170 {
    margin-top: 170px
}

.u-mt175 {
    margin-top: 175px
}

.u-mt180 {
    margin-top: 180px
}

.u-mt185 {
    margin-top: 185px
}

.u-mt190 {
    margin-top: 190px
}

.u-mt195 {
    margin-top: 195px
}

.u-mt200 {
    margin-top: 200px
}

.u-mt205 {
    margin-top: 205px
}

.u-mt210 {
    margin-top: 210px
}

.u-mt215 {
    margin-top: 215px
}

.u-mt220 {
    margin-top: 220px
}

.u-mt225 {
    margin-top: 225px
}

.u-mt230 {
    margin-top: 230px
}

.u-mt235 {
    margin-top: 235px
}

.u-mt240 {
    margin-top: 240px
}

.u-mt245 {
    margin-top: 245px
}

.u-mt250 {
    margin-top: 250px
}

.u-mt255 {
    margin-top: 255px
}

.u-mt260 {
    margin-top: 260px
}

.u-mt265 {
    margin-top: 265px
}

.u-mt270 {
    margin-top: 270px
}

.u-mt275 {
    margin-top: 275px
}

.u-mt280 {
    margin-top: 280px
}

.u-mt285 {
    margin-top: 285px
}

.u-mt290 {
    margin-top: 290px
}

.u-mt295 {
    margin-top: 295px
}

.u-mt300 {
    margin-top: 300px
}

.u-mb0 {
    margin-bottom: 0px
}

.u-mb5 {
    margin-bottom: 5px
}

.u-mb10 {
    margin-bottom: 10px
}

.u-mb15 {
    margin-bottom: 15px
}

.u-mb20 {
    margin-bottom: 20px
}

.u-mb25 {
    margin-bottom: 25px
}

.u-mb30 {
    margin-bottom: 30px
}

.u-mb35 {
    margin-bottom: 35px
}

.u-mb40 {
    margin-bottom: 40px
}

.u-mb45 {
    margin-bottom: 45px
}

.u-mb50 {
    margin-bottom: 50px
}

.u-mb55 {
    margin-bottom: 55px
}

.u-mb60 {
    margin-bottom: 60px
}

.u-mb65 {
    margin-bottom: 65px
}

.u-mb70 {
    margin-bottom: 70px
}

.u-mb75 {
    margin-bottom: 75px
}

.u-mb80 {
    margin-bottom: 80px
}

.u-mb85 {
    margin-bottom: 85px
}

.u-mb90 {
    margin-bottom: 90px
}

.u-mb95 {
    margin-bottom: 95px
}

.u-mb100 {
    margin-bottom: 100px
}

.u-mb105 {
    margin-bottom: 105px
}

.u-mb110 {
    margin-bottom: 110px
}

.u-mb115 {
    margin-bottom: 115px
}

.u-mb120 {
    margin-bottom: 120px
}

.u-mb125 {
    margin-bottom: 125px
}

.u-mb130 {
    margin-bottom: 130px
}

.u-mb135 {
    margin-bottom: 135px
}

.u-mb140 {
    margin-bottom: 140px
}

.u-mb145 {
    margin-bottom: 145px
}

.u-mb150 {
    margin-bottom: 150px
}

.u-mb155 {
    margin-bottom: 155px
}

.u-mb160 {
    margin-bottom: 160px
}

.u-mb165 {
    margin-bottom: 165px
}

.u-mb170 {
    margin-bottom: 170px
}

.u-mb175 {
    margin-bottom: 175px
}

.u-mb180 {
    margin-bottom: 180px
}

.u-mb185 {
    margin-bottom: 185px
}

.u-mb190 {
    margin-bottom: 190px
}

.u-mb195 {
    margin-bottom: 195px
}

.u-mb200 {
    margin-bottom: 200px
}

.u-mb205 {
    margin-bottom: 205px
}

.u-mb210 {
    margin-bottom: 210px
}

.u-mb215 {
    margin-bottom: 215px
}

.u-mb220 {
    margin-bottom: 220px
}

.u-mb225 {
    margin-bottom: 225px
}

.u-mb230 {
    margin-bottom: 230px
}

.u-mb235 {
    margin-bottom: 235px
}

.u-mb240 {
    margin-bottom: 240px
}

.u-mb245 {
    margin-bottom: 245px
}

.u-mb250 {
    margin-bottom: 250px
}

.u-mb255 {
    margin-bottom: 255px
}

.u-mb260 {
    margin-bottom: 260px
}

.u-mb265 {
    margin-bottom: 265px
}

.u-mb270 {
    margin-bottom: 270px
}

.u-mb275 {
    margin-bottom: 275px
}

.u-mb280 {
    margin-bottom: 280px
}

.u-mb285 {
    margin-bottom: 285px
}

.u-mb290 {
    margin-bottom: 290px
}

.u-mb295 {
    margin-bottom: 295px
}

.u-mb300 {
    margin-bottom: 300px
}

.u-ml0 {
    margin-left: 0px
}

.u-ml5 {
    margin-left: 5px
}

.u-ml10 {
    margin-left: 10px
}

.u-ml15 {
    margin-left: 15px
}

.u-ml20 {
    margin-left: 20px
}

.u-ml25 {
    margin-left: 25px
}

.u-ml30 {
    margin-left: 30px
}

.u-ml35 {
    margin-left: 35px
}

.u-ml40 {
    margin-left: 40px
}

.u-ml45 {
    margin-left: 45px
}

.u-ml50 {
    margin-left: 50px
}

.u-ml55 {
    margin-left: 55px
}

.u-ml60 {
    margin-left: 60px
}

.u-ml65 {
    margin-left: 65px
}

.u-ml70 {
    margin-left: 70px
}

.u-ml75 {
    margin-left: 75px
}

.u-ml80 {
    margin-left: 80px
}

.u-ml85 {
    margin-left: 85px
}

.u-ml90 {
    margin-left: 90px
}

.u-ml95 {
    margin-left: 95px
}

.u-ml100 {
    margin-left: 100px
}

.u-ml105 {
    margin-left: 105px
}

.u-ml110 {
    margin-left: 110px
}

.u-ml115 {
    margin-left: 115px
}

.u-ml120 {
    margin-left: 120px
}

.u-ml125 {
    margin-left: 125px
}

.u-ml130 {
    margin-left: 130px
}

.u-ml135 {
    margin-left: 135px
}

.u-ml140 {
    margin-left: 140px
}

.u-ml145 {
    margin-left: 145px
}

.u-ml150 {
    margin-left: 150px
}

.u-ml155 {
    margin-left: 155px
}

.u-ml160 {
    margin-left: 160px
}

.u-ml165 {
    margin-left: 165px
}

.u-ml170 {
    margin-left: 170px
}

.u-ml175 {
    margin-left: 175px
}

.u-ml180 {
    margin-left: 180px
}

.u-ml185 {
    margin-left: 185px
}

.u-ml190 {
    margin-left: 190px
}

.u-ml195 {
    margin-left: 195px
}

.u-ml200 {
    margin-left: 200px
}

.u-ml205 {
    margin-left: 205px
}

.u-ml210 {
    margin-left: 210px
}

.u-ml215 {
    margin-left: 215px
}

.u-ml220 {
    margin-left: 220px
}

.u-ml225 {
    margin-left: 225px
}

.u-ml230 {
    margin-left: 230px
}

.u-ml235 {
    margin-left: 235px
}

.u-ml240 {
    margin-left: 240px
}

.u-ml245 {
    margin-left: 245px
}

.u-ml250 {
    margin-left: 250px
}

.u-ml255 {
    margin-left: 255px
}

.u-ml260 {
    margin-left: 260px
}

.u-ml265 {
    margin-left: 265px
}

.u-ml270 {
    margin-left: 270px
}

.u-ml275 {
    margin-left: 275px
}

.u-ml280 {
    margin-left: 280px
}

.u-ml285 {
    margin-left: 285px
}

.u-ml290 {
    margin-left: 290px
}

.u-ml295 {
    margin-left: 295px
}

.u-ml300 {
    margin-left: 300px
}

.u-mr0 {
    margin-right: 0px
}

.u-mr5 {
    margin-right: 5px
}

.u-mr10 {
    margin-right: 10px
}

.u-mr15 {
    margin-right: 15px
}

.u-mr20 {
    margin-right: 20px
}

.u-mr25 {
    margin-right: 25px
}

.u-mr30 {
    margin-right: 30px
}

.u-mr35 {
    margin-right: 35px
}

.u-mr40 {
    margin-right: 40px
}

.u-mr45 {
    margin-right: 45px
}

.u-mr50 {
    margin-right: 50px
}

.u-mr55 {
    margin-right: 55px
}

.u-mr60 {
    margin-right: 60px
}

.u-mr65 {
    margin-right: 65px
}

.u-mr70 {
    margin-right: 70px
}

.u-mr75 {
    margin-right: 75px
}

.u-mr80 {
    margin-right: 80px
}

.u-mr85 {
    margin-right: 85px
}

.u-mr90 {
    margin-right: 90px
}

.u-mr95 {
    margin-right: 95px
}

.u-mr100 {
    margin-right: 100px
}

.u-mr105 {
    margin-right: 105px
}

.u-mr110 {
    margin-right: 110px
}

.u-mr115 {
    margin-right: 115px
}

.u-mr120 {
    margin-right: 120px
}

.u-mr125 {
    margin-right: 125px
}

.u-mr130 {
    margin-right: 130px
}

.u-mr135 {
    margin-right: 135px
}

.u-mr140 {
    margin-right: 140px
}

.u-mr145 {
    margin-right: 145px
}

.u-mr150 {
    margin-right: 150px
}

.u-mr155 {
    margin-right: 155px
}

.u-mr160 {
    margin-right: 160px
}

.u-mr165 {
    margin-right: 165px
}

.u-mr170 {
    margin-right: 170px
}

.u-mr175 {
    margin-right: 175px
}

.u-mr180 {
    margin-right: 180px
}

.u-mr185 {
    margin-right: 185px
}

.u-mr190 {
    margin-right: 190px
}

.u-mr195 {
    margin-right: 195px
}

.u-mr200 {
    margin-right: 200px
}

.u-mr205 {
    margin-right: 205px
}

.u-mr210 {
    margin-right: 210px
}

.u-mr215 {
    margin-right: 215px
}

.u-mr220 {
    margin-right: 220px
}

.u-mr225 {
    margin-right: 225px
}

.u-mr230 {
    margin-right: 230px
}

.u-mr235 {
    margin-right: 235px
}

.u-mr240 {
    margin-right: 240px
}

.u-mr245 {
    margin-right: 245px
}

.u-mr250 {
    margin-right: 250px
}

.u-mr255 {
    margin-right: 255px
}

.u-mr260 {
    margin-right: 260px
}

.u-mr265 {
    margin-right: 265px
}

.u-mr270 {
    margin-right: 270px
}

.u-mr275 {
    margin-right: 275px
}

.u-mr280 {
    margin-right: 280px
}

.u-mr285 {
    margin-right: 285px
}

.u-mr290 {
    margin-right: 290px
}

.u-mr295 {
    margin-right: 295px
}

.u-mr300 {
    margin-right: 300px
}

.u-newLine-sp:before {
    content: "\A";
    white-space: pre
}

@media (min-width: 1024px) {
    .u-newLine-sp:before {
        content: none
    }
}

.u-newLine-pc:before {
    content: none
}

@media (min-width: 1024px) {
    .u-newLine-pc:before {
        content: "\A";
        white-space: pre
    }
}