@charset "UTF-8";

/* ==========================================================================
 *	Foundation
 * ========================================================================== */
html {
    font-family: 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Helvetica, '游ゴシック', Meiryo, sans-serif;
    line-height: 1.231;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

body {
    font-weight: 500;
    color: #333;
}

a {
    display: block;
    text-decoration: none;
    color: #008DFF;
}

img {
    /* vertical-align: bottom; */
}

p {
    line-height: 1.5;
}

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

@media screen and (min-width: 768px) {
    a {
        -webkit-transition: .2s;
        transition: .2s;
    }

    a:hover {
        text-decoration: none;
    }
}

input::-ms-clear {
    visibility: hidden
}

/* ==========================================================================
 *	blockDoubleClick
 * ========================================================================== */
div.blockDoubleClick {
    background-color: rgba(255, 255, 255, 0.0);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
}

/* ==========================================================================
 *	Layout
 * ========================================================================== */
@media screen and (min-width: 768px) {
    #mainContents {
        padding-top: 20px;
    }
}

#header {
    position: relative;
    width: 100%;
    background: white;
    z-index: 10000;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(178, 178, 178, 0.8);
    box-shadow: inset 0 -1px 0 rgba(178, 178, 178, 0.8);
}

#header.is-sticky {
    -webkit-animation: stickyin .4s;
    animation: stickyin .4s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    position: fixed;
    top: 0;
}

.header__wrapper {
    display: block;
    width: 100%;
    overflow: hidden;
}

.header__foreign {
    display: none;
}

.header__brand {
    float: left;
    width: 14.375%;
    margin-right: auto;
}

.header__brand-copy {
    display: none;
}

.header__cart {
    display: none;
}

.header__logo {
    width: 100%;
}

.header__logo img {
    width: 100%;
}

.header__logo-type {
    display: none;
}

.header__info {
    display: none;
}

.header__navi {
    float: right;
    width: 85.625%;
    text-align: right;
    padding-left: 9.0625%;
}

.header__navi li {
    float: left;
    width: 19.591836735%;
}

.header__navi li img {
    width: 100%;
}

.header__navi-menu-open {
    background: #555555 url(/shop/cms/sp/images/btn_header_sp_menu_close.png) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    float: right !important;
    width: 19.591836735% !important;
}

.header__navi-menu-open a {
    background: none;
    margin: 0;
}

.header__navi-menu-open img {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.header__navi-menu-open.is-open {
    -webkit-animation: sp-menu-open-btn .4s;
    animation: sp-menu-open-btn .4s;
}

.header__navi-menu-open.is-open img {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.header__navi-cart {
    position: relative;
}

.header__navi-cart-icon {
    position: absolute;
    top: 7%;
    right: 18%;
    font-size: 10px;
    display: block;
    background: #fa6870;
    color: white;
    width: 15px;
    height: 15px;
    border-radius: 7px;
    text-align: center;
    font-weight: bold;
    line-height: 15px;
}

@-webkit-keyframes sp-menu-open-btn {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    50% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}

@keyframes sp-menu-open-btn {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    50% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}

@media screen and (min-width: 768px) {
    #header {
        *zoom: 1;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #header:before,
    #header:after {
        display: table;
        content: " ";
    }

    #header:after {
        clear: both;
    }

    #header.is-sticky {
        position: relative;
    }

    .header__foreign {
        display: block;
        background: #555555;
        color: white;
        letter-spacing: -.24em;
        text-align: right;
        font-size: 11px;
        font-size: 0.6875rem;
        margin-left: auto;
        margin-right: auto;
        padding: 5px calc(50% - 960px / 2) 7px;
    }

    .header__foreign ul {
        max-width: 960px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: right;
    }

    .header__foreign-link {
        display: inline-block;
        letter-spacing: 0;
    }

    .header__foreign-link:after {
        position: relative;
        top: -1px;
        display: inline-block;
        content: '|';
        font-size: 12px;
        margin-left: .9em;
        margin-right: .8em;
    }

    .header__foreign-link:last-child:after {
        display: none;
    }

    .header__foreign a {
        display: inline-block;
        text-decoration: none;
        color: currentColor;
    }

    .header__wrapper {
        display: block;
        width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .header__brand {
        width: 30.25%;
        padding-top: 5px;
        padding-bottom: 17px;
        float: left;
        letter-spacing: -.24em;
    }

    .header__brand-copy {
        display: table-cell;
        font-size: 12px;
        font-size: 0.75rem;
        max-width: 29em;
        margin-bottom: 1em;
        letter-spacing: 0;
        height: 2.6em;
        vertical-align: middle;
        font-feature-settings: 'pkna';
    }

    .header__logo {
        display: none;
    }

    .header__logo-type {
        display: inline-block;
        vertical-align: middle;
    }

    .header__info {
        width: 37.8%;
        float: right;
        display: block;
        padding-top: 12px;
        padding-right: 5px;
    }

    .header__info>.header__cs {
        margin-left: -70px;
        margin-right: -3px;
    }

    .header__info>.header__cs-rank {
        display: block;
        margin-top: -5px;
        margin-bottom: -2px;
    }

    .header__info>.header__cs-rank .header__cs-rank-name {
        font-size: 12px;
        font-size: 0.75rem;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .header__info>.header__cs-rank .header__cs-rank-name:after {
        border-top-width: 10px;
        border-bottom-width: 10px;
    }

    .header__info-row {
        clear: right;
        float: left;
    }

    .header__info-row:last-child {
        margin-top: 5px;
    }

    .header__cs {
        display: inline-block;
    }

    .header__cs-name {
        padding-top: 6px;
        font-size: 13px;
        font-size: 0.8125rem;
        text-align: right;
        color: #725756;
    }

    .header__cs-name a {
        display: inline-block;
        color: #725756;
        border-bottom: 1px solid;
    }

    .header__cs-name a:hover {
        border-bottom: none;
    }

    .header__cs-name span {
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        padding-right: .25em;
    }

    .header__cs-rank {
        display: none;
        margin-right: 1.6em;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        margin-top: 1em;
    }

    .header__cs-rank-title {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        margin-right: 5px;
    }

    .header__cs-rank-name {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background: #725756;
        color: white;
        font-weight: bold;
        padding: .72em;
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .header__cs-rank-name:after {
        position: absolute;
        top: 0;
        right: -1em;
        content: '';
        display: block;
        background: inherit;
        border: .6em solid transparent;
        border-top-width: 1.25em;
        border-bottom-width: 1.25em;
        border-right-color: white;
        -webkit-box-sizing: padding-box;
        box-sizing: padding-box;
    }

    .header__point {
        display: inline-block;
        vertical-align: middle;
        padding-left: 1em;
        background: white;
    }

    .header__point-title {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: bold;
        line-height: 1.1;
        text-align: center;
        margin-right: .5em;
    }

    .header__point-value {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: bold;
        color: #fb676e;
        text-align: left;
        min-width: 4.5em;
    }

    .header__lost-point-value {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: bold;
        color: #e60012;
        text-align: left;
        min-width: 4.5em;
    }

    .header__coupon {
        display: inline-block;
        vertical-align: middle;
        background: #ffcc70;
        border: 2px solid white;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 2em;
        padding: 2px 5px;
        cursor: pointer;
    }

    .header__coupon img {
        position: relative;
        top: -1px;
        right: -3px;
        width: 21px;
        vertical-align: middle;
    }

    .header__coupon-title {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .header__coupon-count {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
        line-height: 2;
        font-size: 12px;
        font-size: 0.75rem;
        width: 1.8em;
        height: 1.8em;
        border-radius: .9em;
        background: white;
    }

    .header__entry {
        display: inline-block;
        width: 140px;
        text-align: center;
        margin-left: 1.5625%;
        padding-top: 8px;
        margin-right: 5px;
    }

    .header__favorite-wrapper {
        width: 114px;
        display: inline-block;
    }

    .header__login {
        width: 114px;
        display: inline-block;
    }

    .header__btn {
        clear: left;
        background: #bfaa8d;
        -webkit-box-shadow: 0 2px 0 #d7d1c5;
        box-shadow: 0 2px 0 #d7d1c5;
        border-radius: 4px;
        font-size: 13px;
        font-size: 0.8125rem;
        font-weight: bold;
        color: white;
        text-align: center;
    }

    .header__btn img {
        display: inline-block;
        vertical-align: middle;
        margin-right: .5em;
    }

    .header__btn:hover {
        opacity: .8;
    }

    .header__btn--entry {
        padding-top: .3em;
        padding-bottom: .2em;
        margin-top: 5px;
    }

    .header__btn--entry img {
        margin-right: .25em;
    }

    .header__btn--login {
        padding-top: .5em;
        padding-bottom: .4em;
    }

    .header__btn--favorite {
        background: #ededed;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(50%, #fafafa), color-stop(51%, #ededed), to(#ededed));
        background-image: linear-gradient(to bottom, #fafafa 0, #fafafa 50%, #ededed 51%, #ededed 100%);
        border: 1px solid #e5e5e5;
        border-radius: 7px;
        color: black;
        font-weight: normal;
        -webkit-box-shadow: 0 2px 0 #d4d4d4;
        box-shadow: 0 2px 0 #d4d4d4;
        padding-top: .6em;
        padding-bottom: .5em;
        margin-bottom: 12px;
    }

    .header__btn--favorite:hover {
        opacity: 1;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f5f5f5), to(#f5f5f5));
        background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #f5f5f5 51%, #f5f5f5 100%);
    }

    .header__btn--favorite img {
        margin-right: .25em;
    }

    .header__cart {
        display: block;
        float: right;
        background: #f4f1eb;
        padding: 17px 3% 13px 2.7%;
        text-align: center;
        width: 21%;
        white-space: nowrap;
    }

    .header__cart>.header__cs-rank {
        display: block;
    }

    .header__cart-total {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        font-size: 0.8125rem;
        padding-top: 4px;
    }

    .header__cart-total span {
        font-size: 17px;
        font-size: 1.0625rem;
        font-weight: bold;
    }

    .header__cart-icon {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: 2px;
        margin-right: 6px;
    }

    .header__cart-icon span {
        position: absolute;
        top: -10px;
        right: -18px;
        font-size: 13px;
        font-size: 0.8125rem;
        display: block;
        background: #fe6769;
        color: white;
        width: 1.8em;
        height: 1.8em;
        border-radius: .9em;
        text-align: center;
        font-weight: bold;
        line-height: 1.7;
        border: 2px solid white;
    }

    .header__cart-btn {
        margin-top: 6px;
        background: #fa7977;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa7977), color-stop(50%, #fa7977), color-stop(51%, #fa6867), to(#fa6867));
        background-image: linear-gradient(to bottom, #fa7977 0, #fa7977 50%, #fa6867 51%, #fa6867 100%);
        border: 2px solid #fa6867;
        -webkit-box-shadow: 0 2px 0 #d4d4d4;
        box-shadow: 0 2px 0 #d4d4d4;
        font-size: 13px;
        font-size: 0.8125rem;
        padding: .7em 0 .6em;
        color: white;
        font-weight: bold;
        border-radius: 5px;
        text-align: center;
    }

    .header__cart-btn:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f35e5d), color-stop(50%, #f35e5d), color-stop(51%, #f24a4a), to(#f24a4a));
        background-image: linear-gradient(to bottom, #f35e5d 0, #f35e5d 50%, #f24a4a 51%, #f24a4a 100%);
        border-color: #fa6968;
    }

    .header__navi {
        display: none;
    }
}

@media screen and (min-width: 970px) {
    .header__cart {
        width: auto;
    }

    .header__info {
        width: 43%;
        padding-right: 42px;
    }

    .header__info>.header__cs {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
    }

    .header__info>.header__cs-rank {
        display: none;
    }

    .header__info-row {
        float: right;
    }

    .header__info-row:last-child {
        margin-top: 0;
        margin-left: -70px;
    }

    .header__point {
        width: 10.8em;
        text-align: right;
    }

    .header__cs-rank {
        display: inline-block;
    }

    .header__cs-rank-name {
        height: 32px;
    }

    .header__entry {
        margin-left: 15px;
    }

    .header__favorite-wrapper {
        width: 120px;
    }

    .header__login {
        width: 120px;
    }

    .header__cart .header__cs-rank {
        display: none;
    }
}

#simple-header {
    position: relative;
    width: 100%;
    background: white;
    z-index: 10000;
    padding: 20px;
    text-align: center;
}

.simple-header__logo {
    display: none;
}

.simple-header__logo-type {
    text-align: center;
}

@media screen and (min-width: 768px) {
    #simple-header {
        text-align: left;
        padding-bottom: 0;
    }

    .simple-header__logo {
        display: none;
    }

    .simple-header__logo-type {
        display: inline-block;
        vertical-align: middle;
    }

    .simple-header__logo-type img {
        width: 170px;
    }
}

.global-navi {
    display: none;
}

@-webkit-keyframes stickyin {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes stickyin {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes stickyout {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes stickyout {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes mega-menu-icon-in {
    0% {
        bottom: -2px;
        opacity: 0;
    }

    20% {
        bottom: -2px;
    }

    100% {
        bottom: -3px;
        opacity: 1;
    }
}

@keyframes mega-menu-icon-in {
    0% {
        bottom: -2px;
        opacity: 0;
    }

    20% {
        bottom: -2px;
    }

    100% {
        bottom: -3px;
        opacity: 1;
    }
}

@media screen and (min-width: 768px) {
    .global-navi {
        position: relative;
        display: block;
        background: #fafafa;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #fafafa), to(#fafafa));
        background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #fafafa 51%, #fafafa 100%);
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
        z-index: 10000;
    }

    .global-navi.is-sticky {
        width: 100%;
        -webkit-animation: stickyin .4s;
        animation: stickyin .4s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        position: fixed;
        top: 0;
    }

    .global-navi__wrapper {
        position: relative;
    }

    .global-navi__lists {
        display: table;
        width: 100%;
    }

    .global-navi__list {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        border-left: 1px solid #d4d4d4;
        -webkit-box-shadow: -1px 0 0 #fff;
        box-shadow: -1px 0 0 #fff;
    }

    .global-navi__list:before {
        pointer-events: none;
        position: absolute;
        content: '';
        display: block;
        bottom: -2px;
        left: 50%;
        border: 5px solid white;
        border-bottom-color: transparent;
        border-left-color: transparent;
        -webkit-box-shadow: 1px -1px 0 #d4d4d4;
        box-shadow: 1px -1px 0 #d4d4d4;
        width: 10px;
        height: 10px;
        opacity: 0;
        z-index: 10001;
        -webkit-transform: rotate(-45deg) translateX(-50%);
        -ms-transform: rotate(-45deg) translateX(-50%);
        transform: rotate(-45deg) translateX(-50%);
    }

    .global-navi__list.is-selected:before {
        opacity: 1;
        bottom: -3px;
        -webkit-animation: mega-menu-icon-in .2s;
        animation: mega-menu-icon-in .2s;
    }

    .global-navi__list a {
        text-align: center;
        position: relative;
        display: block;
        color: black;
        text-decoration: none;
        padding: 5px 16px;
        overflow: hidden;
        line-height: 1;
        font-size: 16px;
        font-size: 1rem;
    }

    .global-navi__list--search {
        border-right: 1px solid #d4d4d4;
    }

    .global-navi__list--search img {
        display: block;
        position: relative;
        top: 2px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .5em;
    }

    .global-navi__list--search a {
        text-align: center;
        padding-left: 17px;
    }

    .global-navi__list--search a:after {
        display: inline-block;
        content: '';
        border: 4px solid transparent;
        border-top-color: #000;
        margin-left: 5px;
    }

    .global-navi__menu {
        position: absolute;
        top: 100%;
    }
}

@media screen and (min-width: 960px) {
    .global-navi.is-locked {
        position: relative !important;
    }

    .global-navi__list a {
        padding: 21px 16px;
    }

    .global-navi__list--search img {
        display: inline-block;
        top: 2px;
        margin-right: .5em;
        margin-bottom: 0;
    }
}

.sp-menu {
    position: absolute;
    top: -100%;
    bottom: auto;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
}

.sp-menu.is-show {
    display: block;
    top: 90px;
    top: calc(14vw);
    height: auto;
}

.sp-menu__header {
    *zoom: 1;
    background: #ede6da;
    padding: 10px;
}

.sp-menu__header:before,
.sp-menu__header:after {
    display: table;
    content: " ";
}

.sp-menu__header:after {
    clear: both;
}

.sp-menu__header-left {
    float: left;
    width: 70%;
}

.sp-menu__header-left>a {
    display: inline-block;
}

.sp-menu__header-right {
    float: right;
    width: 27.8125%;
    border-left: 1px dotted #bda678;
    padding-left: 10px;
    text-align: center;
}

.sp-menu__header-name {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sp-menu__header-name span {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-right: .25em;
}

.sp-menu__header-name a {
    border-bottom: 1px solid;
    display: inline-block;
    color: #725756;
}

.sp-menu__header-cs-rank {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: 1em;
    margin-bottom: 1em;
}

.sp-menu__header-cs-rank span {
    position: relative;
    background: #725756;
    color: white;
    display: inline-block;
    font-weight: bold;
    padding: 11px .3em 9px;
    line-height: 0;
}

.sp-menu__header-cs-rank span:after {
    position: absolute;
    top: 0;
    right: -1em;
    content: '';
    display: block;
    background: inherit;
    border: .6em solid transparent;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-right-color: #ede6da;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    height: 1.6em;
}

.sp-menu__header-point {
    background: white;
    display: inline-block;
    padding: 2px 5px;
}

.sp-menu__header-point-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.1;
    text-align: center;
    margin-right: .5em;
}

.sp-menu__header-point-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #fb676e;
    text-align: left;
    min-width: 4.5em;
}

.sp-menu__header-lost-point-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: bold;
    color: #e60012;
    text-align: left;
    min-width: 4.5em;
}

.sp-menu__header-coupon {
    display: inline-block;
    vertical-align: middle;
    background: #ffcc70;
    border: 2px solid white;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2em;
    padding: 1px 5px;
}

.sp-menu__header-coupon span {
    color: black;
}

.sp-menu__header-coupon img {
    position: relative;
    top: -2px;
    width: 16px;
    vertical-align: middle;
}

.sp-menu__header-coupon-title {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    font-size: 0.6875rem;
}

.sp-menu__header-coupon-count {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    font-size: 11px;
    font-size: 0.6875rem;
    width: 1.8em;
    height: 1.8em;
    border-radius: .9em;
    background: white;
}

.sp-menu__header-cart {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 4px;
    margin-bottom: 3px;
}

.sp-menu__header-cart span {
    position: absolute;
    top: -5px;
    right: -15px;
    font-size: 11px;
    font-size: 0.6875rem;
    display: block;
    background: #fa6870;
    color: white;
    width: 1.8em;
    height: 1.8em;
    border-radius: .9em;
    text-align: center;
    font-weight: bold;
    line-height: 1.7;
    border: 2px solid white;
}

.sp-menu__header-total {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 5px;
    text-align: center;
}

.sp-menu__header-total span {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

.sp-menu__header-entry-btn {
    width: 51.627906977%;
}

.sp-menu__header-login-btn {
    width: 42.325581395%;
}

.sp-menu__header-cart-btn.c-btn {
    background: #fa6867;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa7977), color-stop(50%, #fa7977), color-stop(51%, #fa6867), to(#fa6867));
    background-image: linear-gradient(to bottom, #fa7977 0, #fa7977 50%, #fa6867 51%, #fa6867 100%);
    border: 2px solid #fa6867;
    border-radius: 7px;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
    box-shadow: 0 2px 0 #d4d4d4;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 3px;
    padding: .7em 0;
}

.sp-menu__lead-entry {
    margin-top: 20px;
}

.sp-menu__pickup {
    margin-bottom: 30px;
}

.sp-menu__navi-item {
    width: 100%;
    display: block;
    border-bottom: 1px solid #868686;
}

.sp-menu__navi-item img {
    width: 28px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.sp-menu__close-btn {
    padding: 5%;
}

@media screen and (min-width: 768px) {
    .sp-menu {
        display: none;
    }
}

.category-search {
    width: 100%;
}

.category-search__title {
    background: #595959;
    padding: .5em 1em;
    color: white;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

.category-search__upper-link {
    position: relative;
    background: #f4f1eb;
    font-size: 17px;
    font-size: 1.0625rem;
    border-bottom: 1px solid #d7d1c5;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .25s;
    transition: .25s;
    overflow: hidden;
    width: 100%;
    display: table;
}

.category-search__upper-link-direct {
    display: table-cell;
    width: 82%;
    text-decoration: underline;
}

.category-search__upper-link-direct img {
    width: 17.39% !important;
}

.category-search__upper-link-opener {
    display: table-cell;
    width: 18%;
}

.category-search__upper-link:before,
.category-search__upper-link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    content: '';
    -webkit-transition: .25s;
    transition: .25s;
    pointer-events: none;
}

.category-search__upper-link:before {
    background: white;
    width: 7.8125%;
    padding-top: 7.8125%;
    border-radius: 20%;
}

.category-search__upper-link:after {
    top: 40%;
    right: 25px;
    right: calc(1.5% + 20px);
    border: 3px solid #bfaa8d;
    border-left: none;
    border-bottom: none;
    width: 2.35%;
    padding-top: 2.35%;
    height: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(135deg) translate(10%, 30%);
    -ms-transform: rotate(135deg) translate(10%, 30%);
    transform: rotate(135deg) translate(10%, 30%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.category-search__upper-link.is-open {
    border-bottom: 1px solid white;
}

.category-search__upper-link.is-open:before {
    background: #bfaa8d;
}

.category-search__upper-link.is-open:after {
    border-color: white;
    -webkit-transform: rotate(-45deg) translate(-40%);
    -ms-transform: rotate(-45deg) translate(-40%);
    transform: rotate(-45deg) translate(-40%);
}

.category-search__upper-link>a {
    padding: 10px;
    color: currentColor;
}

.category-search__upper-link img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 14.0625%;
}

.category-search__lower-link {
    font-size: 15.5px;
    font-size: 0.96875rem;
    border-bottom: 1px solid #d7d1c4;
    line-height: 2;
}

.category-search__lower-link>a {
    padding: 10px;
}

.category-search__lower-link img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 7.8125%;
}

.category-search__form {
    padding: 10px;
}

.category-search__form input {
    padding: .4em !important;
    line-height: 1.6 !important;
    border: 2px solid #e9e0d2 !important;
    background: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.category-search__form-title {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px;
    margin-top: 10px;
}

.category-search__form-keyword {
    float: left;
    position: relative;
    width: 82%;
    width: calc(100% - 54px);
}

.category-search__form-keyword>input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 0 !important;
}

.category-search__form-price {
    float: left;
    width: 100%;
    font-weight: bold;
    white-space: nowrap;
}

.category-search__form-price2 {
    float: left;
    width: 82%;
    width: calc(100% - 54px);
    font-weight: bold;
    white-space: nowrap;
}

.category-search__form-price>input,
.category-search__form-price2>input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 36%;
    margin-right: 5px;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.category-search__form-button {
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bfaa8d;
    background: #bfaa8d;
    border-radius: 5px;
    padding: 10px;
    padding-top: 9px;
}

.category-search__line,
.category-search__description,
.category-search__em-text {
    display: none;
}

@media screen and (min-width: 768px) {
    .category-search {
        *zoom: 1;
        background: #f4f1eb;
    }

    .category-search:before,
    .category-search:after {
        display: table;
        content: " ";
    }

    .category-search:after {
        clear: both;
    }

    .category-search__title {
        text-align: center;
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 10px;
    }

    .category-search__inner {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .category-search__upper-link {
        display: inline-block;
        width: auto;
        border-bottom: none !important;
        font-weight: bold;
        height: 70px;
    }

    .category-search__upper-link:before {
        display: none;
    }

    .category-search__upper-link:after {
        border-color: #bfaa8d !important;
        -webkit-transform: rotate(45deg) translateY(-10%) !important;
        -ms-transform: rotate(45deg) translateY(-10%) !important;
        transform: rotate(45deg) translateY(-10%) !important;
        width: 10px;
        padding-top: 10px;
    }

    .category-search__upper-link a {
        text-decoration: none;
        line-height: 48px;
    }

    .category-search__upper-link img {
        width: 50px;
    }

    .category-search__upper-link-direct {
        display: block;
        width: auto;
        padding-right: 2.5em !important;
    }

    .category-search__upper-link-direct img {
        width: 50px !important;
        max-height: 50px;
    }

    .category-search__upper-link-opener {
        display: none;
    }

    .category-search__lower-links {
        *zoom: 1;
        display: block !important;
        border-top: 2px solid #d7d1c5;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .category-search__lower-links:before,
    .category-search__lower-links:after {
        display: table;
        content: " ";
    }

    .category-search__lower-links:after {
        clear: both;
    }

    .category-search__lower-links .c-link-list__item {
        border: none;
        width: 100%;
        max-width: 188px;
    }

    .category-search__lower-links .c-link-list__item .c-link {
        display: block;
        min-height: 0;
        padding-top: .7em;
        padding-bottom: .7em;
    }

    .category-search__lower-links .c-link-list__item .c-link:after {
        border-width: .15em;
        width: 6px;
        height: 6px;
    }

    .category-search__lower-link {
        font-weight: bold;
        display: inline-block;
        min-width: 12em;
        border-bottom: none;
        margin-bottom: 1em;
        /* width: 100%; */
        line-height: 1.2;
    }

    .category-search__lower-link a {
        padding-right: 2em;
    }

    .category-search__lower-link img {
        display: block;
        float: left;
        width: 26px;
        position: relative;
        top: -2px;
    }

    .category-search__lower-link-column {
        float: left;
        width: 190px;
        border-right: 1px solid #d7d1c5;
    }

    .category-search__lower-link-column:last-child {
        border-right: 0;
    }

    .category-search__lower-link-column--twoline {
        width: 380px;
    }

    .category-search__lower-link-bodycare {
        padding-top: 2px !important;
        line-height: 1.2;
    }

    .category-search__lower-link-bodycare img {
        position: relative;
        top: 3px;
        width: 28px;
        margin-right: 2px;
    }

    .category-search__form {
        display: none;
    }

    .category-search__line {
        clear: both;
        display: block;
        position: relative;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        margin-bottom: .7em;
        border-bottom: 1px solid #d7d1c5;
        -webkit-box-shadow: 0 1px 0 #ffffff;
        box-shadow: 0 1px 0 #ffffff;
    }

    .category-search__line hr {
        display: none;
    }

    .category-search__haircare {
        float: left;
        width: 56.25%;
    }

    .category-search__haircare .category-search__lower-link {
        width: 35%;
        display: block;
        float: left;
        min-width: 0;
    }

    .category-search__haircare__wig {
        width: 30% !important;
    }

    .category-search__kenkoukaden {
        float: right;
        width: 38.333333333%;
    }

    .category-search__kenkoukaden .category-search__lower-link {
        float: left;
        display: block;
        width: 50%;
        min-width: 10em;
    }

    .category-search__supplement {
        float: left;
        min-height: 195px;
        margin-top: 1em;
        border-bottom: 1px solid #d7d1c5;
        -webkit-box-shadow: 0 1px 0 #ffffff;
        box-shadow: 0 1px 0 #ffffff;
    }

    .category-search__supplement:before,
    .category-search__supplement:after {
        display: table;
        content: " ";

    }

    .category-search__supplement:after {
        clear: both;
    }

    .category-search__supplement .category-search__lower-link {
        /* float: left; */
        display: block;
        width: 100%;
        min-width: 10em;
    }

    .category-search__supplement__diet {
        width: 52% !important;
    }

    .category-search__fasion {
        float: right;
        width: 56.25%;
    }

    .category-search__fasion .category-search__lower-link {
        min-width: 0;
    }

    .category-search__fasion .category-search__lower-link .c-link img {
        margin-right: 2px;
    }

    .category-search__fasion .category-search__lower-link-column {
        width: 33.5%;
    }

    .category-search__fasion .category-search__lower-link-column--komono {
        width: 36%;
    }

    .category-search__fasion .category-search__lower-link-column--accessory {
        width: 30.5%;
    }

    .category-search__brand .category-search__upper-link:after {
        display: none;
    }

    .category-search__brand .category-search__lower-links {
        letter-spacing: -.34em;
        padding-top: .5em;
    }

    .category-search__brand .category-search__lower-link {
        width: 20%;
        vertical-align: middle;
        min-width: 0;
        letter-spacing: 0;
        margin-bottom: 0;
    }

    .category-search__other {
        float: left;
        width: 20.104166667%;
    }

    .category-search__other .category-search__upper-link {
        width: 100%;
    }

    .category-search__other .category-search__upper-link:after {
        right: 5px;
    }

    .category-search__other .category-search__upper-link-direct {
        padding-right: 0 !important;
        width: 100%;
    }

    .category-search__youto {
        float: right;
        width: 75.3125%;
    }

    .category-search__youto .category-search__upper-link {
        font-size: 17px;
        font-size: 1.0625rem;
    }

    .category-search__youto .category-search__lower-link {
        width: 33%;
        float: left;
        margin-bottom: 0;
    }

    .category-search__onayami-list {
        float: left;
        padding-left: .5em;
    }

    .category-search__onayami-list li {
        float: none;
    }

    .category-search__description {
        display: block;
        font-size: 11px;
        font-size: 0.6875rem;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .category-search__em-text {
        display: block;
        font-size: 11px;
        font-size: 0.6875rem;
        text-align: right;
        margin-bottom: 2em;
    }
}

.search {
    width: 100%;
}

.search__title {
    background: #595959;
    padding: .5em 1em;
    color: white;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

.search__upper-link {
    position: relative;
    background: #f4f1eb;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
    border-bottom: 1px solid #d7d1c5;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .25s;
    transition: .25s;
}

.search__upper-link>a {
    padding: 10px;
    padding-right: 40px;
    color: currentColor;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4em;
}

.search__upper-link img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 14.0625%;
}

.search__upper-link__thumb {
    width: 24% !important;
    margin-right: 2% !important;
}

.search__upper-link__brand-logo {
    width: 74% !important;
    margin-right: 0 !important;
}

.search__upper-link--brand {
    width: 50%;
    float: left;
    border-right: 1px solid #d7d1c5;
}

.search__upper-link--brand:nth-child(2n) {
    border-right: none;
}

.search__selected {
    margin-left: 1em;
    font-size: 16px;
    font-size: 1rem;
    padding: 5px;
    background: #e9e4da;
    min-height: 3em;
    display: flex;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.search__selected img {
    width: 17%;
}

.search__selected--brand {
    text-align: center;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search__selected--brand img {
    width: auto;
    margin-right: 0;
    max-width: 90%;
}

.search__selected--youto {
    padding: 5px 10px;
}

.search__selected-title {
    white-space: nowrap;
}

.search__inner {
    padding: 15px 20px;
}

.search__check-list {
    border-top: 1px solid #d7d1c5;
    margin-top: 5px;
}

.search__check-list li {
    padding-left: .7em;
    font-size: 13px;
    font-size: 0.8125rem;
}

.search__check-list label {
    width: 100%;
    display: block;
    padding: 1em;
}

.search__submit-btn {
    font-size: 19px;
    font-size: 1.1875rem;
}

#footer {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer__contact {
    margin-bottom: 25px;
}

.footer__contact a {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.footer__contact img {
    width: 100%;
}

.footer__logo-area {
    margin-bottom: 15px;
}

.footer__logo-area ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
}

.footer__logo-area li {
    display: inline-block;
    margin: 0 5px;
}

.footer__logo-area li:nth-child(1) {
    width: 20px;
}

.footer__logo-area li:nth-child(2) {
    width: 70px;
}

.footer__full-navi {
    display: none;
}

.footer__navi {
    display: block;
    overflow: hidden;
}

.footer__navi-item {
    float: left;
    width: 50%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #4d4d4d !important;
    border-bottom: 1px solid #868686;
    border-right: 1px solid #868686;
    font-size: 12px;
    font-size: 0.75rem;
}

.footer__navi-item:nth-child(2n) {
    border-right: none;
}

.footer__copyright {
    width: 100%;
    padding: 1em;
    text-align: center;
    background: #161616;
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
}

.footer__copyright--simple {
    background: none;
    color: #000000;
    font-weight: normal;
    padding: 1em 0 0;
}

@media screen and (min-width: 768px) {
    #footer {
        margin-top: 0;
        background: url(/shop/cms/sp/images/bg_footer.png);
    }

    #footer.footer--simple {
        background: none;
    }

    #footer.footer--simple .footer__navi {
        margin-bottom: 50px;
        border-color: #dedede;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #footer.footer--simple .footer__navi-item a {
        color: currentColor;
    }

    #footer.footer--simple .footer__navi-item a:after {
        top: 55%;
        border-color: currentColor;
    }

    .footer__inner {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer__logo-area {
        background: white;
        padding: 40px 0;
        margin-bottom: 0;
    }

    .footer__logo-area ul {
        display: block;
        text-align: center;
    }

    .footer__logo-area li {
        display: inline-block;
    }

    .footer__logo-area li:nth-child(1) {
        width: 40px;
    }

    .footer__logo-area li:nth-child(2) {
        width: 141px;
    }

    .footer__contact {
        display: none;
    }

    .footer__full-navi {
        *zoom: 1;
        display: block;
        color: white;
        font-size: 13px;
        font-size: 0.8125rem;
        -webkit-box-shadow: 0 1px 0 #706f6e;
        box-shadow: 0 1px 0 #706f6e;
        border-bottom: 1px solid #4a4948;
    }

    .footer__full-navi:before,
    .footer__full-navi:after {
        display: table;
        content: " ";
    }

    .footer__full-navi:after {
        clear: both;
    }

    .footer__full-navi a {
        color: currentColor;
    }

    .footer__full-navi-column {
        float: left;
        padding: 2.5em 1.5em 1.5em;
        border-right: 1px solid #4a4948;
        -webkit-box-shadow: inset -1px 0 #706f6e;
        box-shadow: inset -1px 0 #706f6e;
    }

    .footer__full-navi-column>ul {
        float: left;
    }

    .footer__full-navi-column>ul+ul {
        margin-left: .5em;
    }

    .footer__full-navi-column:last-child {
        border-right: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .footer__full-navi-column--brand {
        max-width: 215px;
    }

    .footer__full-navi-title {
        clear: left;
        font-weight: bold;
        line-height: 2.3;
        padding-top: 1.2em;
    }

    .footer__full-navi-title:first-child {
        padding-top: 0;
    }

    .footer__full-navi-title:before {
        content: '';
        width: .7em;
        height: .7em;
        display: inline-block;
        background: white;
        margin-right: .3em;
    }

    .footer__full-navi-item {
        line-height: 1.4;
        padding-left: .5em;
    }

    .footer__full-navi-item .c-link {
        padding-top: .5em;
        padding-bottom: .4em;
    }

    .footer__full-navi-item .c-link:after {
        top: .85em;
        -webkit-transform: translateY(0) rotate(45deg) scale(0.65);
        -ms-transform: translateY(0) rotate(45deg) scale(0.65);
        transform: translateY(0) rotate(45deg) scale(0.65);
        border-color: white;
    }

    .footer__navi {
        display: block;
        text-align: center;
        border-top: 1px solid #706f6e;
        -webkit-box-shadow: 0 1px 0 #706f6e;
        box-shadow: 0 1px 0 #706f6e;
        border-bottom: 1px solid #4a4948;
        padding: 1em 6%;
    }

    .footer__navi-item {
        width: auto;
        display: inline-block;
        border: none;
        background: none !important;
    }

    .footer__navi-item .c-link {
        background: none;
        padding-left: 1em;
    }

    .footer__navi-item .c-link:after {
        right: auto;
        left: 0;
        border-color: white;
        width: .4em;
        height: .4em;
        border-width: .1em;
    }

    .footer__copyright {
        font-weight: normal;
        padding: 2em 0;
        background: none;
    }

    .footer__copyright--simple {
        margin-top: -50px;
    }
}

#mainContents.is-hide {
    display: none;
}

/* ==========================================================================
 *	Object
 * ========================================================================== */
/* -----------------------------------------------------------------
 *	Component
 * ----------------------------------------------------------------- */
/* wrapper */
.c-wrapper {
    *zoom: 1;
}

.c-wrapper:before,
.c-wrapper:after {
    display: table;
    content: " ";
}

.c-wrapper:after {
    clear: both;
}

.c-wrapper--section {
    padding-top: 30px;
}

@media screen and (min-width: 768px) {
    .c-wrapper {
        width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        min-height: 50px;
    }
}

/* informationBlock */
#informationBlock {
    position: fixed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 20px;
    font-size: 14px;
    z-index: 9990;
    opacity: 0.8;
    background-color: #595959;
    color: white;
}

.addFavoriteResponse_errorText {
    background-color: #595959;
    color: white;
}

/* column */
.c-column__item,
.c-column__alpha,
.c-column__beta {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}

.c-column__beta {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .c-column {
        *zoom: 1;
        position: relative;
    }

    .c-column:before,
    .c-column:after {
        display: table;
        content: " ";
    }

    .c-column:after {
        clear: both;
    }

    .c-column__item {
        width: 49%;
        float: left;
    }

    .c-column__item:nth-of-type(2n) {
        float: right;
    }

    .c-column__alpha {
        width: 72.916666667%;
        float: right;
    }

    .c-column__alpha>.c-breadcrumbs:first-child {
        border-top: none;
        padding-top: 0;
    }

    .c-column__beta {
        width: 22.916666667%;
        float: left;
    }

    .c-column__left {
        float: left;
    }

    .c-column__right {
        float: right;
    }

    .c-column--rev {
        float: right;
    }

    .c-column--rev .c-column__beta {
        float: left;
    }

    .c-column--separate {
        position: relative;
    }

    .c-column--separate:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: '';
        display: block;
        border-right: 1px dotted #ccc;
        height: 100%;
    }

    .c-column--half {
        width: 50%;
    }

    .c-column--half .c-column__right {
        width: 50%;
    }

    .c-column--three {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 31.9148936%;
        max-width: none;
    }

    .c-column--three .c-column__center {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 31.9148936%;
        max-width: none;
        margin-left: 2.1276596%;
        margin-right: 2.1276596%;
    }

    .c-column--three .c-column__right {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 31.9148936%;
        max-width: none;
    }

    .c-column--cart .c-column__alpha {
        width: 63.333333333%;
        float: left;
    }

    .c-column--cart .c-column__beta {
        width: 33.333333333%;
        max-width: 300px;
        float: right;
    }
}

/* inner */
.c-inner {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .c-inner {
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .c-inner--cart {
        max-width: none;
        padding: 0 30px;
    }
}

/* button */
.c-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: #e60012;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
    color: white;
    padding: .8em .2em;
    font-size: inherit;
    font-weight: bold;
    z-index: 3;
    line-height: 1.231;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}

.c-btn>img {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
}

.c-btn--gray {
    background: gray;
}

.c-btn--close {
    background: gray;
    border-radius: 0;
}

.c-btn--close {
    background: gray;
    border: none;
    position: relative;
}

.c-btn--close:before,
.c-btn--close:after {
    position: absolute;
    left: 5%;
    top: 50%;
    content: '';
    pointer-events: none;
    width: 17px;
    height: 3px;
    background: #000000;
    border-radius: 2px;
}

.c-btn--close:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.c-btn--close:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.c-btn--black {
    background: #555555;
    border: none;
}

.c-btn--blue {
    background: #004298;
    border-color: #006cd4;
}

.c-btn--image {
    padding: 0;
    background: white;
    border: none;
    border-radius: 0;
}

.c-btn--image img {
    width: 100%;
}

.c-btn--full {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-btn--rich-black {
    background: #555555;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #686868), color-stop(50%, #686868), color-stop(51%, #555555), to(#555555));
    background-image: linear-gradient(to bottom, #686868 0, #686868 50%, #555555 51%, #555555 100%);
    border: 3px solid #555555;
    border-radius: 7px;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
    box-shadow: 0 2px 0 #d4d4d4;
}

.c-btn--rich-red {
    background: #fa6867;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa7977), color-stop(50%, #fa7977), color-stop(51%, #fa6867), to(#fa6867));
    background-image: linear-gradient(to bottom, #fa7977 0, #fa7977 50%, #fa6867 51%, #fa6867 100%);
    border: 3px solid #fa6867;
    border-radius: 7px;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
    box-shadow: 0 2px 0 #d4d4d4;
}

.c-btn--rich-white {
    background: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ededed), to(#ededed));
    background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #ededed 51%, #ededed 100%);
    border: 3px solid #e5e5e5;
    border-radius: 7px;
    color: black;
    font-weight: normal;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
    box-shadow: 0 2px 0 #d4d4d4;
    padding-top: .5em;
    padding-bottom: .4em;
}

.c-btn--reset {
    margin-top: 10px;
    width: auto;
    padding-left: 3em;
    padding-right: 3em;
}

.c-btn--back {
    margin-top: 10px;
    width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.c-btn--back.c-sp-only {
    display: inline-block;
}

.c-btn--inline {
    width: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: .2em .7em;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .c-btn--rich-red {
        border-width: 2px;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        font-size: 1.125rem;
    }

    .c-btn--rich-red:hover {
        opacity: 1 !important;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f35e5d), color-stop(50%, #f35e5d), color-stop(51%, #f24a4a), to(#f24a4a));
        background-image: linear-gradient(to bottom, #f35e5d 0, #f35e5d 50%, #f24a4a 51%, #f24a4a 100%);
        border-color: #fa6968;
    }

    .c-btn--rich-white {
        border-width: 1px;
    }

    .c-btn--rich-white:hover {
        opacity: 1 !important;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f5f5f5), to(#f5f5f5));
        background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #f5f5f5 51%, #f5f5f5 100%);
    }

    .c-btn--next {
        margin-top: 30px;
        max-width: 320px;
        display: block;
    }

    .c-btn--next+.c-btn--back {
        margin-top: 2em;
    }

    .c-btn--back-to-top {
        width: 335px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: .7em;
    }

    .c-btn--inline {
        font-size: 15px;
        font-size: 0.9375rem;
        padding: .4em 1em;
        vertical-align: middle;
    }

    .c-btn--entry {
        max-width: 320px;
        display: block;
    }

    .c-btn {
        cursor: pointer;
    }

    .c-btn:hover {
        opacity: .7;
    }
}

/* title */
.c-title {
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
}

.c-title__text {
    float: left;
    font-size: 17px;
    font-size: 1.0625rem;
}

.c-title__btn {
    float: right;
    margin-top: -3px;
    margin-right: -3px;
}

.c-title__lead {
    display: none;
}

.c-title--cart {
    border-top: 1px solid #53514f;
    text-align: left;
    font-weight: bold;
    padding: .7em 1em;
    background: #f8f3ec;
    line-height: 1.2;
}

.c-title--mypage {
    border-top: 2px solid #53514f;
    text-align: left;
    font-weight: bold;
    padding: .7em 1em;
    background: #f8f3ec;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 18px;
    font-size: 1.125rem;
}

@media screen and (min-width: 768px) {
    .c-title {
        position: relative;
        margin-bottom: 1.8em;
    }

    .c-title__btn {
        margin-top: -7px;
        margin-right: -7px;
        margin-bottom: -7px;
        padding: .6em 1.5em;
    }

    .c-title__lead {
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        text-align: center;
        margin-bottom: 1.8em;
    }

    .c-title--cart {
        font-size: 18px;
        font-size: 1.125rem;
        border-top: 2px solid #53514f;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .c-title--cart-top {
        margin-top: 0;
        background: none;
        border-top: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;
        padding: .8em;
    }

    .c-title--mypage {
        margin-bottom: 0;
    }
}

/* form */
.c-input--w450 {
    width: 450px;
}

.c-input--width-normal {
    width: 530px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-input--zip-code {
    width: 110px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-input--w50 {
    width: 4em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-input--w80 {
    width: 5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-input--w100 {
    width: 6em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-input--address {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-input--full {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-input--seccode {
    width: 5em;
    float: left;
    vertical-align: middle;
}

.c-input--seccode+.p-cart__note {
    overflow: hidden;
    padding-left: 1em !important;
    margin-top: 0 !important;
    line-height: 1.2;
}

.c-input--flat {
    padding: .5em !important;
    line-height: 1.6 !important;
    border: 2px solid #e9e0d2 !important;
    background: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.c-form select {
    vertical-align: middle;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    padding: 2px 11px 0;
    padding-right: 25px;
    height: 3em;
    border: 1px solid #cccccc !important;
    border-radius: 5px;
    font-size: 14px;
    font-size: 0.875rem;
    background: #ffffff url(./images/bg_select_box.png) 90% center no-repeat;
    background-position: calc(100% - 10px) center;
}

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

.c-form input[type=checkbox],
.c-form input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    margin: 0;
}

.c-form input[type=checkbox]+label,
.c-form input[type=radio]+label {
    margin-right: 1.5em;
    margin-bottom: .25em;
    position: relative;
    display: inline-block;
    padding-left: 24px;
    line-height: 2;
}

.c-form input[type=checkbox]+label:before,
.c-form input[type=radio]+label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    background: white;
}

.c-form input[type=checkbox]:checked+label:after,
.c-form input[type=radio]:checked+label:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 3px;
    width: 12px;
    height: 7px;
    margin-top: -5px;
    border-radius: 1px;
    border-left: 3px solid #09984b;
    border-bottom: 3px solid #09984b;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-form input[type=checkbox].is-disabled+label,
.c-form input[type=radio].is-disabled+label {
    color: #999;
}

.c-form input[type=radio]+label:before {
    border-radius: 30px;
    background: #fff;
}

.c-form input[type=radio]:checked+label:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 30px;
    background: #09984b;
}

.c-form input[type=text],
.c-form input[type=tel],
.c-form input[type=email],
.c-form input[type=number],
.c-form input[type=password] {
    font-size: 16px;
    font-size: 1rem;
    vertical-align: middle;
    padding: .25em .5em;
    line-height: 1.3;
    border: 1px solid #cccccc;
    background: white;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.c-form input[type=text]:focus::-moz-placeholder,
.c-form input[type=tel]:focus::-moz-placeholder,
.c-form input[type=email]:focus::-moz-placeholder,
.c-form input[type=number]:focus::-moz-placeholder,
.c-form input[type=password]:focus::-moz-placeholder {
    color: transparent;
}

.c-form input[type=text]:focus::-webkit-input-placeholder,
.c-form input[type=tel]:focus::-webkit-input-placeholder,
.c-form input[type=email]:focus::-webkit-input-placeholder,
.c-form input[type=number]:focus::-webkit-input-placeholder,
.c-form input[type=password]:focus::-webkit-input-placeholder {
    color: transparent;
}

.c-form input[type=text]+button,
.c-form input[type=tel]+button,
.c-form input[type=email]+button,
.c-form input[type=number]+button,
.c-form input[type=password]+button {
    margin-left: .5em;
}

.c-form input.c-checkbox--red+label:before {
    border-color: #EE3F39;
    background-color: #fff;
}

.c-form input.c-checkbox--red:checked+label:before {
    background: #EE3F39;
}

.c-form input.c-checkbox--agree+label {
    color: #000;
}

.c-form input.c-checkbox--agree+label:before {
    border-color: #ccc;
    background-color: none;
}

.c-form input.c-checkbox--agree:checked+label:before {
    background: #F2403A !important;
}

.c-form select+p,
.c-form input+p,
.c-form button+p {
    margin-top: 10px;
}

.c-form select.is-error,
.c-form input.is-error,
.c-form button.is-error {
    background-color: #ffe0df;
}

.c-form label,
.c-form select {
    max-width: 100%;
}

.c-form textarea {
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fbfbfb;
}

.c-form textarea.is-required {
    background: #ffe7e5;
}

.c-form input.hidden,
.c-form select.hidden,
.c-form button.hidden,
.c-form textarea.hidden {
    display: none;
}

.c-form__error-message {
    position: relative;
    margin-bottom: .5em;
    font-weight: bold;
    color: #e60012;
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 1.25em;
}

.c-form__error-message:before {
    display: inline-block;
    content: url(./images/ico_error_message.png);
    -webkit-transform: scale(0.5) translate(-50%, -50%);
    -ms-transform: scale(0.5) translate(-50%, -50%);
    transform: scale(0.5) translate(-50%, -50%);
    position: absolute;
    left: 0;
    top: 20%;
}

.c-form__error {
    background: #f9c5ca;
    color: #e60012;
    padding: .7em 1em;
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 2em;
}

.c-form__error-title {
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .c-input--full {
        max-width: 312px;
    }

    .c-input--address,
    .c-input--full {
        max-width: 312px;
    }

    .c-input--thin {
        width: 100%;
        max-width: 240px !important;
    }

    .c-input--seccode+.p-cart__note {
        clear: none;
        padding-right: 3em;
    }

    .c-form select {
        font-size: 14px;
        font-size: 0.875rem;
        vertical-align: middle;
        display: inline-block;
        line-height: 1;
        height: 3em;
        padding-right: 30px;
        background-color: white;
        border: 1px solid #a5a5a5;
        background-position: 95% center;
        background-position: calc(100% - 10px) center;
    }

    .c-form input[type=checkbox]+label,
    .c-form input[type=radio]+label {
        margin-bottom: .5em;
        padding-left: 30px;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-form input[type=checkbox]+label:before,
    .c-form input[type=radio]+label:before {
        width: 21px;
        height: 21px;
        border-width: 2px;
        -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
        margin-top: -11px;
    }

    .c-form input[type=radio]:checked+label:before {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .c-form input[type=radio]:checked+label:after {
        left: 5px;
        width: 11px;
        height: 11px;
        margin-top: -6px;
        border-radius: 100%;
        border: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .c-form input[type=text],
    .c-form input[type=tel],
    .c-form input[type=email],
    .c-form input[type=number],
    .c-form input[type=password] {
        font-size: 14px;
        font-size: 0.875rem;
        padding: .5em;
    }

    .c-form textarea {
        font-size: 16px;
        font-size: 1rem;
        white-space: pre-wrap;
    }

    .c-form__error-message {
        margin-top: .5em;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-form__error-message:before {
        display: inline-block;
        content: url(./images/ico_error_message.png);
        -webkit-transform: scale(0.6) translate(-50%, -50%);
        -ms-transform: scale(0.6) translate(-50%, -50%);
        transform: scale(0.6) translate(-50%, -50%);
        position: absolute;
        left: 0;
        top: 20%;
    }

    .c-form__error {
        padding: 1em;
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 1.5em;
    }

    .c-form__error p {
        text-align: center;
    }
}

/* breadcrumbs */
.c-breadcrumbs {
    *zoom: 1;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 15px;
    padding-top: 12px;
}

.c-breadcrumbs:before,
.c-breadcrumbs:after {
    display: table;
    content: " ";
}

.c-breadcrumbs:after {
    clear: both;
}

.c-breadcrumbs__list {
    *zoom: 1;
}

.c-breadcrumbs__list:before,
.c-breadcrumbs__list:after {
    display: table;
    content: " ";
}

.c-breadcrumbs__list:after {
    clear: both;
}

.c-breadcrumbs__item {
    float: left;
    line-height: 1.5;
}

.c-breadcrumbs__item>a {
    text-decoration: underline;
    color: #006699;
}

.c-breadcrumbs__item>a,
.c-breadcrumbs__item>strong {
    display: inline-block;
    vertical-align: middle;
}

.c-breadcrumbs__item:before {
    content: '>';
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.c-breadcrumbs__item:first-child:before {
    display: none;
}

@media screen and (min-width: 768px) {
    .c-breadcrumbs {
        margin-bottom: 34px;
        border-top: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;
    }

    .c-breadcrumbs a:hover {
        text-decoration: none;
    }
}

/* pager */
.c-pager {
    *zoom: 1;
    text-align: center;
    margin: 20px 0;
}

.c-pager:before,
.c-pager:after {
    display: table;
    content: " ";
}

.c-pager:after {
    clear: both;
}

.c-pager__list {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-pager__item {
    margin-right: 5px;
}

.c-pager__item>a {
    display: block;
    padding: 9px 0;
    line-height: 1;
    min-width: 35px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s;
    color: #666666;
    background-color: #f4f0eb;
    text-decoration: none;
    font-size: 15px;
    font-size: 0.9375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.c-pager__item.is-hidden {
    display: none;
}

.c-pager__item.is-current>a {
    background: #666666;
    color: white;
    border-color: #666666;
    pointer-events: none;
}

.c-pager__item--dots {
    width: 30px;
    padding: 0 5px;
}

.c-pager__item--dots img {
    width: 100%;
}

.c-pager__item--prev>a,
.c-pager__item--next>a {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-indent: -999px;
    width: 20px;
    background: none;
}

.c-pager__item--prev>a:before,
.c-pager__item--next>a:before {
    content: '';
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
}

.c-pager__item--prev>a:before {
    right: auto;
    left: 1em;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

@media screen and (min-width: 768px) {
    .c-pager__list {
        text-align: center;
    }

    .c-pager__item {
        margin-right: 12px;
        display: inline-block;
        vertical-align: middle;
    }

    .c-pager__item>a {
        min-width: 42px;
        padding: 13px 0;
    }

    .c-pager__item--dots {
        width: 24px;
        padding: 4px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .c-pager__item--dots img {
        vertical-align: middle;
    }

    .c-pager__item--prev {
        margin-right: 0;
    }

    .c-pager__item--next {
        margin-left: -12px;
    }
}

/* tag */
.c-tag {
    padding: .4em .7em;
    line-height: 1;
    color: white;
    text-align: center;
    min-width: 30px;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
    border: 1px solid #85c1d2;
    background: #85c1d2;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-bottom: 3px;
}

.c-tag--01 {
    background-color: #F7A200;
    border-color: #F7A200;
}

.c-tag--02 {
    background-color: #00AA8B;
    border-color: #00AA8B;
}

.c-tag--03 {
    background-color: #00BFD0;
    border-color: #00BFD0;
}

.c-tag--04 {
    background-color: #B3C800;
    border-color: #B3C800;
}

.c-tag--05 {
    background-color: #68C800;
    border-color: #68C800;
}

.c-tag--06 {
    background-color: #8B4298;
    border-color: #8B4298;
}

.c-tag--07 {
    background-color: #245584;
    border-color: #245584;
}

.c-tag--08 {
    background-color: #E20000;
    border-color: #E20000;
}

.c-tag--yellow {
    background-color: #ffcc36;
    border-color: #ffcc36;
    color: #7e5731;
}

.c-tag--teiki {
    border-color: #ea9b6b;
    background-color: white;
    color: #ec9961;
}

.c-tag--teiki:before {
    position: relative;
    top: -1px;
    display: inline-block;
    content: '';
    width: 13px;
    height: 9px;
    background: url(/shop/cms/sp/images/products/ico_tag_teiki.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-right: .4em;
    vertical-align: middle;
}

.c-tag--premium-teiki {
    border-color: #c2a274;
    background-color: white;
    color: #c2a274;
}

.c-tag--set {
    border-color: #9595c6;
    background-color: white;
    color: #9595c6;
}

/* pickup */
.c-pickup {
    /*   display: -webkit-box;
  display: -ms-flexbox; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*   text-align: center; */
}

.c-pickup a {
    color: currentColor;
    text-align: center;
}

.c-pickup a span {
    display: block;
}

.c-pickup__title {
    margin-top: 20px;
}

.c-pickup__item {
    border-right: 1px solid #cdcdcd;
    width: 33%;
    padding: 0 10px 2px;
}

.c-pickup__item:last-child {
    border-right: none;
}

.c-pickup__item-name {
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 5px;
}

.c-pickup__item-image {
    padding: 5px 10px;
    text-align: center;
}

.c-pickup__item-description {
    display: none;
}

@media screen and (min-width: 768px) {
    .c-pickup {
        -js-display: flex;
        border-bottom: 1px dotted #7f7f7f;
        padding-bottom: 2em;
        overflow: hidden;
    }

    .c-pickup__lead {
        margin-bottom: 3em;
    }

    .c-pickup__item {
        float: left;
    }

    .c-pickup__item a {
        overflow: hidden;
        display: block;
        position: relative;
    }

    .c-pickup__item a:after {
        position: absolute;
        right: .2em;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        content: '';
        width: .8em;
        height: .8em;
        border: .2em solid #bfaa8b;
        border-bottom: none;
        border-left: none;
    }

    .c-pickup__item-image {
        float: left;
        width: 38%;
        padding: 0;
        padding-top: 15px;
    }

    .c-pickup__item-text {
        float: right;
        width: 59%;
    }

    .c-pickup__item-name {
        text-align: left;
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: .5em;
    }

    .c-pickup__item-description {
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.2;
        padding-right: 1em;
    }
}

/* recommend */
.c-recommend {
    margin-bottom: 20px;
    border-top: 1px solid #dedede;
}

.c-recommend__title {
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: bold;
    padding: 10px 15px;
}

.c-recommend__list {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-destination: 0 25%;
    -ms-scroll-snap-destination: 0 25%;
    scroll-snap-destination: 0 25%;
    -webkit-scroll-snap-points-x: repeat(42%);
    -ms-scroll-snap-points-x: repeat(42%);
    scroll-snap-points-x: repeat(42%);
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
}

.c-recommend__item {
    display: inline-block;
    width: 40%;
    padding: 10px;
    margin-right: 1%;
}

.c-recommend__item-title {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #705150;
    margin-bottom: .5em;
}

.c-recommend__item-price {
    font-size: 12px;
    font-size: 0.75rem;
}

.c-recommend__item-price span {
    font-weight: bold;
    font-size: 15px;
    font-size: 0.9375rem;
}

@media screen and (min-width: 768px) {
    .c-recommend__list {
        overflow: hidden;
    }

    .c-recommend__list .slick-prev {
        top: 45%;
        left: 1%;
    }

    .c-recommend__list .slick-prev:before {
        font-size: 30px;
        border-width: 3px;
        border-color: #8f8f8f;
    }

    .c-recommend__list .slick-next {
        top: 45%;
        right: 1%;
        text-align: left;
    }

    .c-recommend__list .slick-next:before {
        font-size: 30px;
        border-width: 3px;
        border-color: #8f8f8f;
    }

    .c-recommend__item {
        width: 25%;
        margin-right: 0;
        padding: 25px 7px;
    }

    .c-recommend__item-title {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-recommend__item-price {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .c-recommend__item-price span {
        font-size: 16px;
        font-size: 1rem;
    }
}

/* selected-item */
.c-selected-item__title {
    padding: .25em;
    background: #5e4739;
    color: white;
    text-align: center;
    font-weight: bold;
}

.c-selected-item__title2 {
    padding: .25em;
    background: #5e4739;
    color: white;
    text-align: center;
    font-weight: bold;
    width: 94%;
    margin: 0 auto;
}

.c-selected-item__body {
    *zoom: 1;
    background: white;
    margin-bottom: 15px;
    padding: 15px 15px 10px;
    border: 1px solid #e6e6e6;
    border-top: none;
}

.c-selected-item__body:before,
.c-selected-item__body:after {
    display: table;
    content: " ";
}

.c-selected-item__body:after {
    clear: both;
}

.c-selected-item__image {
    float: left;
    width: 30%;
    padding: 5px;
    border: 1px solid #e0e0e0;
}

.c-selected-item__text-area {
    float: right;
    width: 66%;
}

.c-selected-item__number {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: .5em;
}

.c-selected-item__name {
    font-weight: bold;
    margin-bottom: .5em;
}

.c-selected-item__name_tt {
    font-weight: bold;
    margin-bottom: .5em;
}

.c-selected-item__type {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: .5em;
}

.c-selected-item__price {
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #5e4738;
    margin-bottom: .5em;
}

.c-selected-item__price span {
    font-size: 24px;
    font-size: 1.5rem;
}

.c-selected-item__amount {
    text-align: right;
    margin-bottom: 1.5em;
}

.c-selected-item__buy-btn {
    margin-bottom: .5em;
    font-size: 19px;
    font-size: 1.1875rem;
}

.c-selected-item__buy-btn img {
    position: relative;
    top: -3px;
}

.c-selected-item__buy-btn--end {
    color: white;
    font-weight: bold;
    background: #ababab;
    text-align: center;
    padding: .8em;
    border-radius: 5px;
}

.c-selected-item__buy-btn--wait {
    font-size: 14px;
    font-size: 0.875rem;
    color: #5e4738;
    font-weight: bold;
    background: #f9e191;
    text-align: center;
    padding: 1.2em .5em;
    border-radius: 5px;
    line-height: 1.35;
    margin-bottom: .7em;
}

.c-selected-item__buy-btn--wait span {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #f41e1e;
}

.c-selected-item__shipping-info {
    clear: both;
    background: #f4f0eb;
    padding: 1em;
    margin-bottom: 1em;
    margin-left: -.5em;
    margin-right: -.5em;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #5e4738;
    font-weight: bold;
}

.c-selected-item__shipping-info p {
    text-align: center;
}

.c-selected-item__shipping-info a {
    text-align: center;
    color: #333333;
    font-weight: normal;
    text-decoration: underline;
}

.c-selected-item__shipping-info a:hover {
    text-decoration: none;
}

/* number-input */
.c-number-input {
    display: inline-block;
    white-space: nowrap;
}

.c-number-input__label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.c-number-input__minus,
.c-number-input__plus {
    display: inline-block;
    vertical-align: middle;
}

.c-number-input input[type=number] {
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    border: 1px solid #949494;
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
    font-size: 17px;
    font-size: 1.0625rem;
    padding: 4px;
    line-height: 1.2;
    border-radius: 0;
}

/* choice-box */
.c-choice-box {
    position: relative;
    background: #f7f1e8 url(/shop/cms/sp/images/products/bg_choice_box.png);
    -webkit-background-size: 12px 12px;
    background-size: 12px;
    padding: 7px 7px 0;
    margin-bottom: 20px;
}

.c-choice-box:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: inherit;
    width: 0;
    height: 0;
    display: block;
    content: '';
    border-top: 20px solid transparent;
    border-left: 20px solid white;
    border-right: 20px solid white;
    border-bottom: none;
}

.c-choice-box__product-name {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    padding: 3px 10px 8px;
    border-bottom: 1px solid #d4c6b0;
    margin-left: -7px;
    margin-right: -7px;
}

.c-choice-box__title {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    padding: 5px;
    margin-bottom: 5px;
}

.c-choice-box__list {
    *zoom: 1;
}

.c-choice-box__list:before,
.c-choice-box__list:after {
    display: table;
    content: " ";
}

.c-choice-box__list:after {
    clear: both;
}

.c-choice-box__list--two-column .c-choice-box__list-item {
    width: 49.4%;
}

.c-choice-box__list--two-column .c-choice-box__list-item:nth-child(2n) {
    float: right;
}

.c-choice-box__list--two-column .c-choice-box__list-item input[type=checkbox]+label,
.c-choice-box__list--two-column .c-choice-box__list-item input[type=radio]+label {
    padding: 10px 5px;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-choice-box__list--two-column .c-choice-box__list-item input[type=checkbox]+label span,
.c-choice-box__list--two-column .c-choice-box__list-item input[type=radio]+label span {
    font-size: 14px;
    font-size: 0.875rem;
}

.c-choice-box__list-item {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 3px;
    margin-bottom: 10px;
}

.c-choice-box__list input[type=checkbox],
.c-choice-box__list input[type=radio] {
    /*   position: absolute; */
    clip: rect(0, 0, 0, 0);
}

.c-choice-box__list input[type=checkbox]+label,
.c-choice-box__list input[type=radio]+label {
    position: relative;
    background: white;
    border: 4px solid transparent;
    border-radius: 7px;
    min-height: 3.7em;
    text-align: center;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.c-choice-box__list input[type=checkbox]+label img,
.c-choice-box__list input[type=radio]+label img {
    margin-bottom: 5px;
    border-radius: 10px;
    max-width: 66.25px;
}

.c-choice-box__list input[type=checkbox]+label span,
.c-choice-box__list input[type=radio]+label span {
    display: block;
    text-align: center;
    font-size: 9px;
    font-size: 0.5625rem;
}

.c-choice-box__list input[type=checkbox]:checked+label,
.c-choice-box__list input[type=radio]:checked+label {
    border-color: #ab7f3d;
}

.c-choice-box__list input[type=checkbox]:checked+label:before,
.c-choice-box__list input[type=radio]:checked+label:before {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    content: url(/shop/cms/sp/images/products/ico_choice.png);
    -webkit-transform: scale(0.6) translate(50%, -50%);
    -ms-transform: scale(0.6) translate(50%, -50%);
    transform: scale(0.6) translate(50%, -50%);
    z-index: 2;
}

.c-choice-box__list input[type=radio]:disabled+label {
    border: none;
}

.c-choice-box__list input[type=radio]:disabled+label .wrap {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 7px;
    text-align: center;
    display: block;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0.2;

}

.c-choice-box>.c-selected-item {
    margin: 5px 5px 0;
    padding-bottom: 1px;
}

@media screen and (min-width: 768px) {
    .c-choice-box {
        -webkit-background-size: auto auto;
        background-size: auto;
    }

    .c-choice-box__list-item {
        cursor: pointer;
    }

    .c-choice-box__list-item label {
        cursor: pointer;
    }
}

/* lead-teiki */
.c-lead-teiki {
    background: #bfaa8d;
    padding: 0 10px 10px;
    border-radius: 5px;
}

.c-lead-teiki__title {
    padding: .25em;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
}

.c-lead-teiki__title img {
    vertical-align: middle;
    display: inline-block;
    margin-right: .25em;
}

.c-lead-teiki__body {
    background: white;
    border-radius: 5px;
}

.c-lead-teiki__body>a {
    position: relative;
    color: currentColor;
}

.c-lead-teiki__body>a:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
}

.c-lead-teiki__product {
    overflow: hidden;
    padding: 10px 15px;
}

.c-lead-teiki__image {
    float: left;
    width: 23.2%;
    margin-right: 4%;
}

.c-lead-teiki__text {
    float: left;
    width: 68%;
}

.c-lead-teiki__name {
    font-weight: bold;
    color: #99650c;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3;
    margin-bottom: .25em;
}

.c-lead-teiki__note {
    border-top: 1px solid #dcdcdc;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px 15px;
}

@media screen and (min-width: 768px) {
    .c-lead-teiki__title {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .c-lead-teiki__title img {
        width: 32px;
        margin-right: 7px;
    }

    .c-lead-teiki__name {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: .5em;
    }

    .c-lead-teiki__text .c-lead-teiki-icon {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-lead-teiki__note {
        border-top: 2px solid #dcdcdc;
        padding: 10px;
    }
}

/* lead-teiki-icon */
.c-lead-teiki-icon {
    display: inline-block;
    position: relative;
    background: #99651d;
    color: white;
    font-size: 14px;
    font-size: 0.875rem;
    min-width: 8em;
    text-align: center;
    padding: .25em 1em;
    font-weight: bold;
}

.c-lead-teiki-icon:before,
.c-lead-teiki-icon:after {
    position: absolute;
    content: '';
    top: 0;
    z-index: 2;
    border-width: 1em .5em;
    border-style: solid;
    border-color: transparent;
}

.c-lead-teiki-icon:before {
    left: 0;
    border-left-color: #fff;
}

.c-lead-teiki-icon:after {
    right: 0;
    border-right-color: #fff;
}

@media screen and (min-width: 768px) {
    .c-lead-teiki-icon {
        padding: .15em 1em;
        min-width: 7em;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .c-lead-teiki-icon:before,
    .c-lead-teiki-icon:after {
        border-width: .9em .5em;
    }
}

/* item-icon */
.c-item-icon {
    position: absolute;
    top: 0;
    left: 10px;
    font-weight: bold;
    color: #724d33;
    font-style: italic;
    font-size: 9px;
    font-size: 0.5625rem;
    background: url(/shop/cms/sp/images/products/bg_item_icon.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 5px 2px 12px 1px;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    min-width: 3em;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .c-item-icon {
        font-size: 11px;
        font-size: 0.6875rem;
        padding-top: 6px;
        padding-bottom: 13px;
    }
}

/* ranking */
.c-ranking {
    padding: 15px;
    padding-right: 0;
    background: #f5f5f5;
}

.c-ranking__title {
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: bold;
    margin-bottom: .5em;
}

.c-ranking__list {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    padding-bottom: 2px;
    padding-right: 10px;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-destination: 0 50%;
    -ms-scroll-snap-destination: 0 50%;
    scroll-snap-destination: 0 50%;
    -webkit-scroll-snap-points-x: repeat(56%);
    -ms-scroll-snap-points-x: repeat(56%);
    scroll-snap-points-x: repeat(56%);
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
}

.c-ranking__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 53%;
    white-space: normal;
    font-size: 12px;
    font-size: 0.75rem;
    background: white;
    padding: 10px;
    margin-right: 7px;
}

.c-ranking__item>a {
    color: currentColor;
}

.c-ranking__item-name {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #705150;
    margin-bottom: .5em;
}

.c-ranking__item-price {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
}

.c-ranking__item-price span {
    font-weight: bold;
    font-size: 15px;
    font-size: 0.9375rem;
}

.regularPrice {
    border-top: 1px solid #b7b7b7;
}

.c-ranking__item-tags {
    height: 2.2em;
}

.c-ranking__icon {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
}

@media screen and (min-width: 768px) {
    .c-ranking {
        border-top: 2px solid #dedede;
    }

    .c-ranking__list {
        overflow: hidden;
    }

    .c-ranking__list .slick-prev {
        left: 1.5%;
    }

    .c-ranking__list .slick-prev:before {
        font-size: 30px;
        border-width: 3px;
        border-color: #8f8f8f;
    }

    .c-ranking__list .slick-next {
        right: 1.5%;
        text-align: left;
    }

    .c-ranking__list .slick-next:before {
        font-size: 30px;
        border-width: 3px;
        border-color: #8f8f8f;
    }

    .c-ranking__item {
        width: 23.6%;
    }

    .c-ranking__item-name {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.3;
    }

    .c-ranking__item-price {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        margin-bottom: .25em;
    }

    .c-ranking__item-price span {
        font-size: 16px;
        font-size: 1rem;
    }
}

/* teiki-content */
.c-teiki-contents {
    margin-bottom: 20px;
}

.c-teiki-contents__title {
    font-weight: bold;
    text-align: center;
    padding: .3em;
    border-bottom: 1px dashed #d2d2d2;
    margin-bottom: .3em;
}

.c-teiki-contents__box {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.c-teiki-contents__list {
    padding: 10px 10px 0;
}

.c-teiki-contents__item {
    *zoom: 1;
    margin-bottom: 1em;
}

.c-teiki-contents__item:before,
.c-teiki-contents__item:after {
    display: table;
    content: " ";
}

.c-teiki-contents__item:after {
    clear: both;
}

.c-teiki-contents__item-name {
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: .25em;
}

.c-teiki-contents__item-price--single {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
}

.c-teiki-contents__item-price--single:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-bottom: 1px solid #333;
    width: 100%;
}

.c-teiki-contents__item-price--single span {
    font-size: 14px;
    font-size: 0.875rem;
}

.c-teiki-contents__thumb {
    float: left;
    width: 18%;
    border: 1px solid #bfbfbf;
    margin-right: 20px;
}

.c-teiki-contents__text {
    overflow: hidden;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-teiki-contents__single-total {
    *zoom: 1;
    background: #f4f0eb;
    font-weight: bold;
    padding: .5em 10px;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-teiki-contents__single-total:before,
.c-teiki-contents__single-total:after {
    display: table;
    content: " ";
}

.c-teiki-contents__single-total:after {
    clear: both;
}

.c-teiki-contents__single-total-title {
    float: left;
}

.c-teiki-contents__single-total-price {
    position: relative;
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
}

.c-teiki-contents__single-total-price:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*   border-bottom: 1px solid red; */
    width: 100%;
}

.c-teiki-contents__single-total-price__red-line-through:before {
    border-bottom: 1px solid #333;
}

.c-teiki-contents__single-total-price span {
    font-size: 14px;
    font-size: 0.875rem;
}

.c-teiki-contents__total {
    *zoom: 1;
}

.c-teiki-contents__total:before,
.c-teiki-contents__total:after {
    display: table;
    content: " ";
}

.c-teiki-contents__total:after {
    clear: both;
}

.c-teiki-contents__total-otoku {
    position: relative;
    float: left;
    font-size: 14px;
    font-size: 0.8925rem;
    background: #f9e191;
    font-weight: bold;
    padding: .5em;
    margin-right: 2em;
}

.c-teiki-contents__total-otoku:after {
    position: absolute;
    top: 0;
    right: -0.7em;
    display: block;
    content: '';
    background: inherit;
    border: 2em solid white;
    border-left: 1em solid #f9e191;
    border-right: none;
}

.c-teiki-contents__total-souryou {
    float: left;
    font-weight: bold;
    background: #bfaa8d;
    color: white;
    width: 3em;
    text-align: center;
    line-height: 1.1;
    padding: .5em .25em;
    font-size: 16px;
    font-size: 1.15rem;
    border-radius: 5px;
    margin-right: .5em;
    font-weight: bold;
}

.c-teiki-contents__total-text {
    float: right;
}

.c-teiki-contents__total-text-sub {
    float: right;
}

.c-teiki-contents__total-price {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
}

.c-teiki-contents__total-price span {
    font-size: 25px;
    font-size: 2rem;
    color: #99650c;
    font-weight: bold;
}

.c-teiki-contents__total-point {
    font-size: 15px;
    font-size: 1rem;
    padding-left: 2px;
}

.c-teiki-contents__total-point span {
    font-weight: bold;
}

.c-teiki-contents__total-campaign-point {
    font-size: 12px;
    font-size: 0.8rem;
    padding-left: 2px;
}

.c-teiki-contents__total-campaign-point-addition {
    font-size: 12px;
    font-size: 0.8rem;
    padding-left: 2px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .c-teiki-contents__total-otoku {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1.2;
        padding-left: .6em;
        margin-right: 1.4em;
    }

    .c-teiki-contents__total-otoku-text-01 {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .c-teiki-contents__total-otoku-text-02 {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .c-teiki-contents__total-souryou {
        padding: .6em .5em;
        width: 3.5em;
        line-height: 1.2;
        margin-right: 0;
        font-size: 1.0125rem
    }

    .c-teiki-contents__total-text {
        float: right;
        padding-right: 1em;
    }

    .c-teiki-contents__total-text-sub {
        float: right;
        padding-right: 1em;
    }

    .c-teiki-contents__total-price {
        font-weight: bold;
        text-align: right;
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: .15em;
    }

    .c-teiki-contents__total-price span {
        font-size: 1.5375rem;
    }

    .c-teiki-contents__total-point {
        font-size: 0.925rem;
        text-align: right;
    }

    .c-teiki-contents__total-campaign-point {
        font-size: 0.73rem;
        text-align: right;
    }

    .c-teiki-contents__total-campaign-point-addition {
        font-size: 0.73rem;
        text-align: right;
    }
}

/* tab */
.c-tab {
    *zoom: 1;
    letter-spacing: -0.4em;
    white-space: nowrap;
    border-bottom: 6px solid #bfaa8d;
    padding-left: 1%;
    overflow: hidden;
    overflow-x: auto;
}

.c-tab:before,
.c-tab:after {
    display: table;
    content: " ";
}

.c-tab:after {
    clear: both;
}

.c-tab__item {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 30%;
    border-radius: 5px 5px 0 0;
    margin-right: 1%;
    border: 1px solid #bfaa8d;
    border-bottom: none;
    font-size: 4.57vw;
}

.c-tab__item.is-current {
    background: #bfaa8d;
}

.c-tab__item.is-current .c-tab__target {
    color: white;
}

.c-tab__target {
    display: block;
    overflow: hidden;
    line-height: 3rem;
    text-align: center;
    font-weight: bold;
    color: #b89b70;
    cursor: pointer;
}

.c-tab__item.is-current .c-tab__target .p-detail__tab-teiki-icon--off {
    display: none;
}

.c-tab__item.is-current .c-tab__target .p-detail__tab-teiki-icon--on {
    display: inline-block;
}

.c-tab__target .p-detail__tab-teiki-icon--off {
    display: inline-block;
}

.c-tab__target .p-detail__tab-teiki-icon--on {
    display: none;
}

.c-tab__item--teiki {
    font-size: 4vw;
}

.c-tab__target img {
    vertical-align: text-bottom;
}

@media screen and (min-width: 768px) {
    .c-tab {
        text-align: left;
        overflow: hidden;
    }

    .c-tab__item {
        width: 18.5%;
        border-radius: 12px 12px 0 0;
        border-width: 2px;
        margin-right: .7%;
        vertical-align: bottom;
        font-size: 16px;
        font-size: 1rem;
    }

    .c-tab__item:hover {
        background: #bfaa8d;
    }

    .c-tab__item:hover .c-tab__target {
        color: white;
    }

    .c-tab__item.is-current .p-detail__tab-teiki-icon--off {
        display: none;
    }

    .c-tab__item.is-current .p-detail__tab-teiki-icon--on {
        display: inline-block;
    }

    .c-tab__target {
        padding: .6em 5px .5em;
        line-height: 1.3;
    }

    .c-tab__target .p-detail__tab-teiki-icon--off {
        display: inline-block;
    }

    .c-tab__target .p-detail__tab-teiki-icon--on {
        display: none;
    }

    .c-tab__target:hover .p-detail__tab-teiki-icon--off {
        display: none;
    }

    .c-tab__target:hover .p-detail__tab-teiki-icon--on {
        display: inline-block;
    }
}

/* total-box */
.c-total-box {
    background: white;
    display: table;
    width: 100%;
    height: 3.5em;
    border-bottom: 1px solid #cccccc;
}

.c-total-box__title {
    width: 29.830508475%;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    border-right: 1px dotted #cccccc;
    display: table-cell;
    vertical-align: middle;
}

.c-total-box__title span {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
}

.c-total-box__price {
    text-align: center;
    font-size: 13px;
    font-size: 0.8125rem;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.c-total-box__price span {
    margin-left: .25em;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

.c-total-box--alone {
    border-radius: 7px;
    border: 1px solid #cccccc;
}

@media screen and (min-width: 768px) {
    .c-total-box {
        background: none;
        height: auto;
    }

    .c-total-box__title {
        width: 100%;
        border-right: none;
        text-align: left;
        padding-bottom: .5em;
    }

    .c-total-box__price {
        display: none;
    }

    .c-total-box--alone {
        display: none;
    }

    .c-total-box--alone-pc {
        height: 3.2em;
        border-radius: 7px;
        background: white;
        border: 2px solid #cccccc;
    }

    .c-total-box--alone-pc .c-total-box__title {
        font-size: 12px;
        font-size: 0.75rem;
        text-align: center;
        border-right: 1px dotted #cccccc;
        width: 29%;
        vertical-align: middle;
        padding-bottom: 0;
    }

    .c-total-box--alone-pc .c-total-box__title span {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .c-total-box--alone-pc .c-total-box__price {
        display: table-cell;
        vertical-align: middle;
        font-size: 11px;
        font-size: 0.6875rem;
    }

    .c-total-box--alone-pc .c-total-box__price span {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

/* cart-box */
.c-cart-box {
    overflow: hidden;
    background: white;
    border-radius: 7px;
    border: 1px solid #cccccc;
}

.c-cart-box__no-item {
    overflow: hidden;
    background: white;
    border-radius: 7px;
    border: 1px solid #cccccc;
    padding-top: 70px;
    padding-bottom: 70px;
    background-position: center;
}

.c-cart-box+.c-cart-box {
    margin-top: 15px;
}

.c-cart-box__inner {
    padding: 1em;
}

.c-cart-box__inner:after {
    content: "";
    display: block;
    clear: both;
}

.c-cart-box__product-header {
    margin-bottom: 1em;
}

.c-cart-box__product-code {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: .5em;
}

.c-cart-box__product-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
}

.c-cart-box__product-body {
    *zoom: 1;
}

.c-cart-box__product-body:before,
.c-cart-box__product-body:after {
    display: table;
    content: " ";
}

.c-cart-box__product-body:after {
    clear: both;
}

.c-cart-box__product-image {
    float: left;
    width: 23.89380531%;
    margin-right: 2%;
    margin-left: 2%;
}

.c-cart-box__product-text {
    float: right;
    width: 64%;
}

.c-cart-box__product-type {
    margin-bottom: 1em;
}

.c-cart-box__product-info {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
}

.regularPurchases {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    clear: both;
    font-weight: normal;
}

.c-cart-box__product-return-info {
    font-size: 12px;
    font-size: 0.75rem;
    text-indent: -1em;
    padding-left: 1em;
}

.c-cart-box__product-reduced-msg {
    font-size: 12px;
    font-size: 0.75rem;
}

.c-cart-box__product-teiki-info {
    margin-top: 10px;
}

.c-cart-box__product-teiki-info__title {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-cart-box__product-teiki-info__cycle {
    font-weight: bold;
    background: #e2d4c1;
    margin-bottom: .5em;
    font-size: 11px;
    font-size: 0.6875rem;
    display: inline-block;
    padding: 2px;
}

.c-cart-box__product-teiki-info__cycle-schedule {
    display: inline-block;
    color: #fb6764;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: bold;
    margin-left: .25em;
}

.c-cart-box__product-teiki-info__body {
    font-size: 12px;
    font-size: 0.75rem;
}

.c-cart-box__product-teiki-info__body ul {
    margin-bottom: 1em;
    line-height: 1.5;
}

.c-cart-box__product-teiki-later {
    font-size: 11px;
    font-size: 0.6875rem;
    padding-left: 1em;
    text-indent: -1em;
    padding-top: .5em;
}

.c-cart-box__product-content {
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: .25em;
    margin-bottom: .5em;
}

.c-cart-box__product-total {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: right;
}

.c-cart-box__product-total span {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
}

.c-cart-box__title {
    overflow: hidden;
    font-weight: bold;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: .4em .5em;
    margin-left: -1em;
    margin-right: -1em;
    border-top: 1px solid #cccccc;
    border-bottom: 1px dotted #cccccc;
    margin-top: 1em;
    margin-bottom: 1em;
}

.c-cart-box__title--first {
    border-top: none;
    margin-top: -1.1em;
}

.c-cart-box__sub-title {
    display: block;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: .5em;
}

.c-cart-box__sub-title__note {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.75rem;
    margin-left: 1em;
}

.c-cart-box__price {
    text-align: center;
    font-size: 13px;
    font-size: 0.8125rem;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.c-cart-box__price span {
    margin-left: .25em;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

.c-cart-box__footer {
    *zoom: 1;
    display: table;
    width: 100%;
    border-top: 1px solid #cccccc;
}

.c-cart-box__footer:before,
.c-cart-box__footer:after {
    display: table;
    content: " ";
}

.c-cart-box__footer:after {
    clear: both;
}

.c-cart-box__footer-delete {
    display: table-cell;
    padding: 5px 0;
    border-right: 1px dotted #cccccc;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
}

.c-cart-box__footer-delete p {
    text-align: center;
}

.c-cart-box__footer-delete button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

.c-cart-box__footer-amount {
    display: table-cell;
    padding: 5px 15px;
    border-right: 1px dotted #cccccc;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
}

.c-cart-box__footer-amount p {
    margin-bottom: .3em;
}

.c-cart-box__footer-total {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    text-align: right;
    font-size: 12px;
    font-size: 0.75rem;
}

.c-cart-box__footer-total-price {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
}

.c-cart-box__footer-total-yen {
    font-size: 13px;
    font-size: 0.8125rem;
}

.c-cart-box__footer-total-taxdisp {
    font-size: 13px;
    font-size: 0.8125rem;
    display: inline-block;
}

.c-cart-box__total {
    *zoom: 1;
    padding: 0 5px 5px;
}

.c-cart-box__total:before,
.c-cart-box__total:after {
    display: table;
    content: " ";
}

.c-cart-box__total:after {
    clear: both;
}

.c-cart-box__total dt {
    clear: both;
    float: left;
    line-height: 1.9;
}

.c-cart-box__total dd {
    float: right;
    line-height: 1.9;
}

.c-cart-box__total-discount {
    color: #e60012;
}

.c-cart-box__total-payment {
    font-weight: bold;
    font-size: 17px;
    font-size: 1.0625rem;
}

.c-cart-box__total+.c-cart-box__total {
    border-top: 1px solid #b5b5b5;
    padding-top: 5px;
}

.c-cart-box__total+.c-cart-box__total--dot {
    border-top-style: dotted;
}

.c-cart-box__summary {
    padding-top: 10px;
}

.c-cart-box__summary:first-child {
    border-top: 1px solid #b5b5b5;
}

.c-cart-box__summary-title {
    padding: 0 5px;
    line-height: 1.9;
}

.c-cart-box__recomend {
    padding: .5em 0;
    text-align: center;
    background: #f4f4f4;
    color: #e60012;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-cart-box__auto-input-btn {
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
    color: white;
    background: #a6a6a6;
    border-radius: 5px;
    text-align: center;
    line-height: 1.2;
    padding: 4px 1.8em;
    display: inline-block;
    vertical-align: middle;
}

.c-cart-box__address-search-btn {
    position: relative;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
    color: #333333;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    text-align: center;
    line-height: 1.2;
    padding: 4px 1.8em;
    padding-left: 1.7em;
    display: inline-block;
    vertical-align: middle;
    background: white;
}

.c-cart-box__address-search-btn:after {
    content: '';
    position: absolute;
    right: .7em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: .7em;
    height: .7em;
    border: 2px solid #a6a6a6;
    border-bottom: none;
    border-left: none;
}

.c-cart-box .c-toggle-box {
    margin-left: -1em;
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
}

@media screen and (min-width: 768px) {
    .c-cart-box {
        border-width: 2px;
    }

    .c-cart-box__no-item {
        border-width: 2px;
    }

    .c-cart-box+.c-cart-box {
        margin-top: 20px;
    }

    .c-cart-box--entry {
        margin-bottom: 42px;
    }

    .c-cart-box--total {
        background: none;
        border: none;
        padding: 0;
        border-radius: 0;
    }

    .c-cart-box--total .c-cart-box__inner {
        padding: 10px 0 0;
    }

    .c-cart-box__title {
        padding: .7em;
    }

    .c-cart-box__title .c-title__btn {
        font-size: 13px;
        font-size: 0.8125rem;
        margin-top: -3px;
        margin-right: -3px;
        padding-top: .4em;
        padding-bottom: .4em;
        padding-left: 1.2em;
        padding-right: 1.2em;
        border-radius: 6px;
    }

    .c-cart-box__sub-title {
        margin-bottom: .25em;
        line-height: 1.2;
    }

    .c-cart-box__sub-title__note {
        display: block;
        margin-left: 0;
        margin-top: .5em;
    }

    .c-cart-box__sub-title__note--name {
        margin-top: 0;
    }

    .c-cart-box__form-title {
        margin-top: .5em;
        clear: left;
        width: 30%;
        padding-top: .5em;
        float: left;
    }

    .c-cart-box__form-input {
        margin-top: .5em;
        width: 70%;
        float: left;
    }

    .c-cart-box__form-input+.p-cart__note {
        clear: left;
        padding-top: .5em;
    }

    .c-cart-box__product-header {
        display: none;
    }

    .c-cart-box__product-image {
        width: 25.2805%;
        text-align: center;
    }

    .c-cart-box__product-image img {
        width: 100%;
    }

    .c-cart-box__product-image--confirm {
        width: 16%;
        margin-left: 0;
    }

    .c-cart-box__product-text {
        width: 68%;
    }

    .c-cart-box__product-text--confirm {
        width: 80%;
    }

    .c-cart-box__product-text .c-tag {
        float: right;
    }

    .c-cart-box__product-name {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.2;
        margin-bottom: .5em;
    }

    .c-cart-box__product-type {
        font-size: 14px;
        font-size: 0.875rem;
        float: left;
    }

    .c-cart-box__product-info {
        clear: both;
        font-weight: normal;
    }

    .c-cart-box__product-info br {
        display: none;
    }

    .c-cart-box__product-return-info {
        clear: left;
    }

    .c-cart-box__product-reduced-msg {
        clear: left;
    }

    .c-cart-box__product-teiki-info__title {
        max-width: none !important;
        border-bottom: none !important;
    }

    .c-cart-box__product-teiki-info__title.is-open {
        border-bottom: 2px solid #e5e5e5 !important;
    }

    .c-cart-box__product-teiki-info__group {
        width: 50%;
        float: left;
        padding: 10px;
    }

    .c-cart-box__product-teiki-info__cycle {
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 2px 5px;
    }

    .c-cart-box__teiki-cycle {
        border-top: 2px solid #cccccc;
        margin-left: -1em;
        margin-right: -1em;
        margin-top: 1em;
        margin-bottom: -5px;
        padding-top: 10px;
    }

    .c-cart-box__teiki-cycle-title {
        display: table-cell;
        border: none;
        padding: 5px 1em;
        border-right: 1px solid #cccccc;
    }

    .c-cart-box__teiki-cycle-input {
        padding-left: 1em;
        display: table-cell;
    }

    .c-cart-box__teiki-cycle-input label {
        margin-bottom: 0 !important;
        font-size: 16px !important;
    }

    .c-cart-box__footer {
        border-top-width: 2px;
    }

    .c-cart-box__footer-delete {
        padding: 12px 15px;
        border-right-width: 2px;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-cart-box__footer-delete p {
        display: inline-block;
        vertical-align: middle;
    }

    .c-cart-box__footer-delete button {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        width: 43px;
        padding: 0;
    }

    .c-cart-box__footer-delete button img {
        width: 100%;
    }

    .c-cart-box__footer-amount {
        padding-top: 12px;
        text-align: center;
        border-right-width: 2px;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-cart-box__footer-amount p {
        margin-bottom: 0;
        display: inline-block;
        vertical-align: middle;
    }

    .c-cart-box__footer-total {
        padding: 12px 15px;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-cart-box__footer-total-price {
        font-size: 24px;
        font-size: 1.5rem;
        display: inline-block;
    }

    .c-cart-box__footer-total-yen {
        display: inline-block;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-cart-box__total {
        *zoom: 1;
        padding: 0 5px 5px;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-cart-box__total:before,
    .c-cart-box__total:after {
        display: table;
        content: " ";
    }

    .c-cart-box__total:after {
        clear: both;
    }

    .c-cart-box__total dt {
        clear: both;
        float: left;
        line-height: 2.2;
    }

    .c-cart-box__total dd {
        float: right;
        line-height: 2.2;
    }

    .c-cart-box__total-discount {
        color: #e60012;
    }

    .c-cart-box__total dt.c-cart-box__total-payment {
        font-size: 14px;
        font-size: 0.875rem;
        padding-top: 6px;
    }

    .c-cart-box__total dd.c-cart-box__total-payment {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .c-cart-box__total+.c-cart-box__total {
        border-top: 3px solid #cccccc;
    }

    .c-cart-box__total+.c-cart-box__total--dot {
        border-width: 1px;
        border-top-style: dotted;
    }

    .c-cart-box__summary:first-child {
        border-top: 1px solid #ccc;
    }

    .c-cart-box__summary-title {
        line-height: 2.2;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-cart-box__recomend {
        background: #ffffff;
        color: #e60012;
        font-size: 16px;
        font-size: 1rem;
        margin-top: .5em;
        line-height: 1.4;
    }

    .c-cart-box__recomend--border {
        border: 1px solid;
    }
}

/* accordion-box */
.c-accordion-box {
    border: 2px solid #e5e5e5;
    background: white;
    border-radius: .5em;
}

.c-accordion-box__title {
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: .5em .25em;
}

.c-accordion-box__title>i {
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
}

.c-accordion-box__title.is-open>i {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.c-accordion-box__body {
    padding: .8em .8em 0;
}

@media screen and (min-width: 768px) {
    .c-accordion-box {
        -webkit-box-shadow: 0 2px 0 #d4d4d4;
        box-shadow: 0 2px 0 #d4d4d4;
    }

    .c-accordion-box__title {
        font-size: 14px;
        font-size: 0.875rem;
        border-width: 3px;
        padding: .5em;
        max-width: 240px;
        width: 100%;
        cursor: pointer;
    }

    .c-accordion-box__title>i {
        margin-left: .5em;
    }

    .c-accordion-box__body {
        *zoom: 1;
    }

    .c-accordion-box__body:before,
    .c-accordion-box__body:after {
        display: table;
        content: " ";
    }

    .c-accordion-box__body:after {
        clear: both;
    }
}

/* payment-info */
.c-payment-info {
    margin-top: 15px;
}

.c-payment-info--border {
    padding-top: 15px;
    border-top: 1px solid #cccccc;
    margin-left: -1em;
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
}

.c-payment-info__inner {
    padding: 15px;
    background: #eeeeee;
    font-size: 13px;
    font-size: 0.8125rem;
}

.c-payment-info__title {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1em;
    line-height: 1.2;
}

.c-payment-info__list>li {
    text-indent: -1em;
    padding-left: 1em;
}

#payment-method-daibiki .c-payment-info__list li {
    margin-bottom: 1em;
}

#payment-method-daibiki .c-payment-info__list li:last-child {
    margin-bottom: 0;
}

/* required */
.c-required {
    position: relative;
    top: -1px;
    background: #e60012;
    color: white;
    padding: .1em .5em;
    line-height: 1.4;
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
    .c-required {
        padding: .2em .5em;
    }
}

/* line */
.c-line {
    clear: both;
    padding: 1em 0 .7em;
}

.c-line>hr {
    margin: 0;
    border: none;
    border-bottom: 1px solid #d6d6d6;
}

.c-line--dot>hr {
    border-bottom: 1px dotted #d6d6d6 !important;
}

.c-line--full {
    margin-left: -1em;
    margin-right: -1em;
}

.c-line--reset {
    padding: .0em 0 0em;
}

@media screen and (min-width: 768px) {
    .c-line--dot {
        padding: .7em 0 1em;
    }

    .c-line--dot>hr {
        border-bottom: 2px dotted #d6d6d6 !important;
    }

    .c-line--full>hr {
        border-bottom-color: #eeeeee !important;
    }

    .c-line--reset {
        padding: .0em 0 0em;
    }
}

/* select-box */
.c-select-box {
    *zoom: 1;
    width: 100%;
    position: relative;
    border: 3px solid #ccc;
    padding: 10px;
    display: inline-block;
    letter-spacing: normal;
    border-radius: 5px;
    background: #f8f8f8;
    cursor: pointer;
}

.c-select-box:before,
.c-select-box:after {
    display: table;
    content: " ";
}

.c-select-box:after {
    clear: both;
}

.c-select-box+.c-select-box {
    margin-top: 10px;
}

.c-select-box label {
    cursor: pointer;
}

.c-select-box [type=radio]+span {
    margin-right: 1em;
    margin-bottom: .25em;
    display: inline-block;
    padding-left: 24px;
    line-height: 2;
}

.c-select-box [type=radio]+span:before {
    content: url(/shop/cms/sp/images/cart/ico_select_box.png);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-transform: scale(0.5) translate(-50%, -50%);
    -ms-transform: scale(0.5) translate(-50%, -50%);
    transform: scale(0.5) translate(-50%, -50%);
}

.c-select-box [type=radio]:checked+span:before {
    content: url(/shop/cms/sp/images/cart/ico_select_box_selected.png);
}

.c-select-box__header {
    border-bottom: 1px solid #cccccc;
    padding-bottom: .5em;
    margin-bottom: .5em;
    font-weight: bold;
}

.c-select-box__header-icon {
    position: relative;
    float: left;
}

.c-select-box__header-text {
    overflow: hidden;
    line-height: 1.2;
}

.c-select-box__payment-method {
    background: #bfaa8d;
    padding: .25em .5em;
    font-size: 12px;
    font-size: 0.75rem;
    color: white;
    font-weight: bold;
    display: inline-block;
    margin-bottom: .5em;
}

.c-select-box__payment-info {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 1em;
}

.c-select-box__address-title {
    padding: .2em .5em;
    font-weight: bold;
    display: inline-block;
    border: 1px solid;
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: .5em;
}

.c-select-box__address-name {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

.c-select-box__address-info {
    font-size: 12px;
    font-size: 0.75rem;
    word-break: break-all;
}

.c-select-box__shipping-info {
    margin-top: 1em;
    padding: .25em;
    background: white;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
}

.c-select-box__shipping-info span {
    color: #e60012;
    font-weight: bold;
}

.c-select-box__text-area {
    overflow: hidden;
}

.c-select-box__shipping-list-name {
    margin-top: -.2em;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    border-bottom: 1px solid #aeaeae;
    padding-bottom: .25em;
    margin-bottom: .5em;
}

.c-select-box.is-selected {
    border-color: #09984b;
}

.c-select-box.is-desabled {
    background: #a9a9a9;
    border-color: #838383;
}

@media screen and (min-width: 768px) {
    .c-select-box {
        padding: 15px 10px;
    }

    .c-select-box [type=radio]+span {
        margin-right: 1em;
        margin-bottom: .25em;
        display: inline-block;
        padding-left: 34px;
        line-height: 2;
    }

    .c-select-box [type=radio]+span:before {
        top: -17px;
        left: -10px;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        content: url(/shop/cms/sp/images/cart/ico_select_box.png);
    }

    .c-select-box [type=radio]:checked+span:before {
        content: url(/shop/cms/sp/images/cart/ico_select_box_selected.png);
    }

    .c-select-box--teiki {
        position: relative;
        padding-left: 62px;
    }

    .c-select-box--teiki .c-select-box__header-text {
        padding-left: 0;
    }

    .c-select-box--teiki .c-select-box__header-icon {
        position: absolute;
    }

    .c-select-box--teiki .c-select-box__address-title {
        float: left;
    }

    .c-select-box--teiki .c-select-box__address-body {
        overflow: hidden;
        padding-left: 1em;
        padding-top: .2em;
    }

    .c-select-box--teiki .c-select-box__address-name {
        font-weight: normal;
    }

    .c-select-box--teiki .c-select-box__address-info br {
        display: none;
    }

    .c-select-box--teiki .c-select-box__shipping-info {
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
    }

    .c-select-box--teiki [type=radio]+span:before {
        left: -62px;
    }
}

/* toggle-box */
.c-toggle-box {
    display: none;
}

.c-toggle-box.is-show {
    display: block;
}

/* campaign */
.c-campaign {
    margin-bottom: 30px;
    padding: 0 12px;
}

.c-campaign__title {
    margin-top: 30px;
}

.c-campaign__item {
    *zoom: 1;
}

.c-campaign__item:before,
.c-campaign__item:after {
    display: table;
    content: " ";
}

.c-campaign__item:after {
    clear: both;
}

.c-campaign__item a {
    overflow: hidden;
    position: relative;
    color: currentColor;
    padding: 10px 0;
}

.c-campaign__item a:after {
    position: absolute;
    right: .5em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .8em;
    height: .8em;
    border: .2em solid #a08768;
    border-bottom: none;
    border-left: none;
}

.c-campaign__image {
    float: left;
    width: 25.63237774%;
    margin-right: 3.372681282%;
}

.c-campaign__text {
    float: left;
    width: 63.23777403%;
    font-size: 13px;
    font-size: 0.8125rem;
}

.c-campaign__limit {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    color: #a08766;
}

@media screen and (min-width: 768px) {
    .c-campaign {
        padding: 0;
    }

    .c-campaign__item {
        padding: 10px 20px;
        border-bottom: 1px dotted #7f7f7f;
    }

    .c-campaign__image {
        width: 23.1%;
    }

    .c-campaign__text {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-campaign__limit {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: .5em;
    }
}

/* login-unit */
.c-login-unit {
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #e9e0d3;
}

.c-login-unit__title {
    background: #595959;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: white;
    text-align: center;
    padding: 5px 10px;
}

.c-login-unit__section {
    padding: 0 1.5em 1em;
    background: #f8f3ec;
}

.c-login-unit__section-title {
    background: #e9e0d3;
    padding: .5em 1em;
    font-weight: bold;
}

.c-login-unit__block-title {
    padding: 1em 0 .5em;
    font-weight: bold;
}

.c-login-unit__label {
    display: inline-block;
    margin-bottom: .5em;
}

.c-login-unit__label a {
    display: inline;
}

.c-login-unit__remember {
    text-align: center;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: 1em;
    margin-bottom: .5em;
}

.c-login-unit__link {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: .5em;
    margin-bottom: .5em;
}

.c-login-unit__entry-info {
    font-size: 12px;
    font-size: 0.75rem;
    text-indent: -1em;
    padding-left: 1em;
}

.c-login-unit__section-sub-title {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: bold;
    padding-bottom: 1em;
}

.c-login-sns__btn::after {
    content: "";
    display: block;
    clear: both;
}

.c-login-sns__btn li {
    float: left;
    padding-right: 1em;
    width: calc(100% / 5);
    max-width: 80px;
}

.c-login-sns__btn img {
    width: 100%;
}

.c-login-sns__info {
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
    .c-login-unit {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .c-login-unit__title {
        font-size: 15px;
        font-size: 0.9375rem;
        color: white;
    }

    .c-login-unit__section {
        padding: 0 18px 1em;
        background: #f8f3ec;
        border: 2px solid #e9e0d3;
    }

    .c-login-unit__section-title {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .c-login-unit__label {
        display: inline-block;
        margin-bottom: .4em;
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .c-login-unit__remember label {
        font-size: 12px !important;
    }

    .c-login-unit__remember input[type=checkbox]+label:before {
        width: 19px;
        height: 19px;
        margin-top: -10px;
    }

    .c-login-unit__btn {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-login-unit__link {
        font-size: 13px;
        font-size: 0.8125rem;
        margin-top: auto;
        margin-bottom: 0;
    }

    .c-login-sns__btn li {
        float: left;
        width: calc(100% / 5);
        padding-right: .5em;
    }

    .c-login-sns__btn img {
        cursor: pointer;
    }

    .c-login-sns__btn img:hover {
        opacity: 0.8;
    }
}

/* history */
.c-history {
    margin-top: -1px;
    border-bottom: 1px solid #d7d1c5;
}

.c-history__title {
    font-weight: bold;
    color: white;
    padding: .2em;
    background: #555555;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
}

.c-history__item {
    *zoom: 1;
    margin: 3.4375%;
    padding-bottom: 1em;
    border-bottom: 1px dotted #a0a0a0;
}

.c-history__item:before,
.c-history__item:after {
    display: table;
    content: " ";
}

.c-history__item:after {
    clear: both;
}

.c-history__item-image-area {
    float: left;
    width: 26.718121%;
    margin-right: 4.026845638%;
}

.c-history__item-amount {
    position: relative;
    top: -5px;
    font-size: 12px;
    font-size: 0.75rem;
    background: #bfaa8d;
    padding: .25em;
    line-height: 1;
    display: inline-block;
    color: white;
    font-weight: bold;
}

.c-history__item-text-area {
    float: left;
    width: 69.255034%;
}

.c-history__item-number {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: .7em;
}

.c-history__item-type-sticker {
    margin-bottom: .25em;
}

.c-history__item-name {
    font-size: 14px;
    font-size: 0.875rem;
    color: #705150;
    font-weight: bold;
    margin-bottom: .5em;
}

.c-history__item-name a {
    width: 90%;
}

.c-history__item-name a {
    display: block;
    color: currentColor;
    position: relative;
}

.c-history__item-name a:after {
    position: absolute;
    right: -20px;
    top: 30.5%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.c-history__item-price {
    font-size: 12px;
    font-size: 0.75rem;
}

.c-history__item-price span {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

.c-history__item-content {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 1em;
}

.c-history__item-detail {
    font-weight: bold;
    color: #535353;
    padding-top: .5em;
}

.c-history__item-buttons .c-btn {
    width: auto;
    padding-left: .5em;
    padding-right: .5em;
    vertical-align: middle;
}

.c-history__item-inquiry-btn {
    font-size: 10px;
    font-size: 0.625rem;
}

.c-history__item-buy-btn {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-top: .7em;
    padding-bottom: .7em;
}

.c-history__item-reserve-btn {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-top: .7em;
    padding-bottom: .7em;
}

.c-history__total {
    margin: 3.4375%;
    text-align: center;
}

.c-history__total-point {
    width: 71%;
    max-width: 470px;
    border: 2px solid #705150;
    color: #705150;
    padding: .25em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: .7em;
}

.c-history__total-point span {
    font-weight: bold;
}

.c-history__total-shipping {
    display: inline-block;
    vertical-align: middle;
    background: #f8f3ec;
    border: 1px solid #bfaa8d;
    font-size: 12px;
    font-size: 0.75rem;
    padding: .65em 0;
    margin-bottom: 1em;
}

.c-history__total-shipping.is-prepare {
    width: 27%;
    text-align: center;
}

.c-history__total-shipping.is-prepare .c-history__total-shipping-status {
    width: 100%;
    padding: 0;
    color: #fb6764;
    text-align: center;
    display: block;
}

.c-history__total-shipping-status {
    font-weight: bold;
    color: #725765;
    display: table-cell;
    vertical-align: middle;
    padding: 0 1.7em;
    text-align: center;
}

.c-history__total-shipping-info {
    border-left: 1px solid #c4c4c4;
    color: #252525;
    padding: 0 1em;
    display: table-cell;
}

.c-history__total-shipping-info p {
    line-height: 1.2;
}

.c-history__total-shipping-info p+p {
    margin-top: .25em;
}

.c-history__cancel {
    padding-top: .5em;
    margin-bottom: 2em;
    text-align: center;
}

.c-history__cancel .c-link {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
    .c-history__title {
        padding: .5em;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-history__item {
        margin: 20px 10px;
        padding-bottom: 1em;
        border-bottom: 1px dotted #a0a0a0;
    }

    .c-history__item-image-area {
        float: left;
        width: 20%;
        margin-right: 2%;
    }

    .c-history__item-amount {
        top: -5px;
        font-size: 13px;
        font-size: 0.8125rem;
        padding: .3em .4em;
    }

    .c-history__item-text-area {
        float: left;
        width: 78%;
    }

    .c-history__item-number {
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: .5em;
    }

    .c-history__item-name {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .c-history__item-name a {
        position: relative;
        display: inline-block;
    }

    .c-history__item-name a:after {
        display: none;
    }

    .c-history__item-price {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-history__item-price span {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-history__item-content {
        font-size: 14px;
        font-size: 0.875rem;
        float: left;
    }

    .c-history__item-buttons {
        float: right;
        padding-right: 10px;
    }

    .c-history__item-buttons .c-btn {
        width: auto;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .c-selected-item__buy-btn--wait {
        width: auto;
        padding-left: 1.5em;
        padding-right: 1.5em;
        font-size: 16px;
        font-size: 1rem;
        padding-top: .7em;
        padding-bottom: .7em;
    }

    .c-history__item-inquiry-btn {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .c-history__item-buy-btn {
        font-size: 16px;
        font-size: 1rem;
        padding-top: .7em;
        padding-bottom: .7em;
    }

    .c-history__item-reserve-btn {
        font-size: 16px;
        font-size: 1rem;
        padding-top: .7em;
        padding-bottom: .7em;
    }

    .c-history__total {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .c-history__total-point {
        width: 100%;
        max-width: none;
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 20px;
    }

    .c-history__total-point.is-prepare {
        width: 76%;
    }

    .c-history__total-shipping {
        font-size: 14px;
        font-size: 0.875rem;
        width: 100%;
        margin-bottom: 20px;
    }

    .c-history__total-shipping.is-prepare {
        width: 22%;
        padding-top: .3em;
        padding-bottom: .3em;
    }

    .c-history__total-shipping-info {
        border-left: 1px solid #c4c4c4;
        color: #252525;
        padding: 0;
        width: 82%;
        display: table-cell;
        text-align: center;
    }

    .c-history__total-shipping-info p {
        display: inline-block;
        line-height: 1.6;
    }

    .c-history__total-shipping-info p+p {
        margin-top: 0;
        margin-left: .7em;
    }

    .c-history__cancel {
        padding-top: 1em;
        margin-bottom: 2em;
    }

    .c-history__cancel .c-link {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

/* favorite */
.c-favorite {
    padding-bottom: 30px;
}

.c-favorite .p-products__item-review {
    font-size: 11px;
    font-size: 0.6875rem;
}

.c-favorite__buttons {
    float: right;
    width: 64%;
    padding-right: 10%;
}

.c-favorite__buttons .c-btn {
    vertical-align: top;
}

.c-favorite__delete-btn {
    float: right;
    padding: .2em 1em;
    text-align: center;
    width: 30%;
    border-width: 3px;
    margin-right: 5%;
}

.c-favorite__delete-btn img {
    top: auto;
    margin-right: 0;
    width: 13px;
}

.c-favorite__delete-btn span {
    display: none;
}

.c-favorite__buy-btn {
    float: right;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 65%;
    padding: .6em 0;
}

.c-customer_info__buttons {
    float: right;
    width: 100%;
    padding-right: 20%;
}

.c-customer_info__buttons .c-btn {
    vertical-align: top;
}

.c-customer_info__delete-btn {
    float: right;
    padding: .35em 0em;
    text-align: center;
    width: 15%;
    border-width: 3px;
    margin-right: 5%;
}

.c-customer_info__delete-btn img {
    top: auto;
    margin-right: 0;
    width: 13px;
}

.c-customer_info__delete-btn span {
    display: none;
}

.c-customer_info__change-btn {
    float: right;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 45%;
    padding: .6em 0;
}

@media screen and (min-width: 768px) {
    .c-favorite__detail {
        float: left;
        width: 66%;
    }

    .c-favorite__detail:hover .p-products__item-name {
        text-decoration: underline;
    }

    .c-favorite__detail .p-products__item-image-area {
        width: 30%;
        margin-left: auto;
        margin-right: auto;
    }

    .c-favorite__detail .p-products__item-text-area {
        float: right;
        width: 67%;
    }

    .c-favorite__detail .p-products__item-point {
        margin-left: 0;
    }

    .c-favorite__detail .p-products__item-review {
        padding-top: 0;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-favorite__buttons {
        width: 30%;
        padding-right: 10px;
        padding-top: 24px;
    }

    .c-favorite__delete-btn {
        float: right;
        padding: .3em 1.5em;
        width: auto;
        margin-right: 0;
    }

    .c-favorite__delete-btn img {
        top: -2px;
        width: 14px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
    }

    .c-favorite__delete-btn span {
        display: inline-block;
        font-size: 14px;
        font-size: 0.875rem;
        vertical-align: middle;
    }

    .c-favorite__buy-btn {
        float: none;
        font-size: 16px;
        font-size: 1rem;
        width: 100%;
        padding: .8em 0;
        margin-bottom: 20px;
    }

    .c-customer_info__buttons {
        float: right;
        width: 100%;
        padding-right: 30%;
    }

    .c-customer_info__delete-btn span {
        display: inline-block;
        font-size: 14px;
        font-size: 0.875rem;
        vertical-align: middle;
        margin-left: 4px;
    }

    .c-customer_info__change-btn {
        float: right;
        font-size: 13px;
        font-size: 0.8125rem;
        width: 30%;
        padding: .6em 0;
    }

    .c-customer_info__delete-btn {
        float: right;
        padding: .2em 1em;
        text-align: center;
        width: 23%;
        border-width: 3px;
        margin-right: 5%;
    }

    .c-customer_info_title {
        margin-top: 0px;
    }
}

/* my-teiki */
.c-my-teiki {
    margin-top: -1px;
    border-bottom: 1px solid #d7d1c5;
    padding: 3.4375%;
}

.c-my-teiki__title {
    font-weight: bold;
    color: white;
    padding: .2em;
    background: #555555;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 0px !important;
}

.c-my-teiki__item-header {
    *zoom: 1;
    margin-bottom: 1em;
}

.c-my-teiki__item-header:before,
.c-my-teiki__item-header:after {
    display: table;
    content: " ";
}

.c-my-teiki__item-header:after {
    clear: both;
}

.c-my-teiki__item-image-area {
    position: relative;
    float: left;
    width: 32.718120805%;
    margin-right: 4.026845638%;
}

.c-my-teiki__item-icon {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 3.8em;
    height: 3.8em;
    background: #bfaa8d;
    border-radius: 2em;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    font-size: 11px;
    font-size: 0.6875rem;
}

.c-my-teiki__item-icon p {
    text-align: center;
    font-weight: bold;
    line-height: 1.1;
}

.c-my-teiki__item-icon .premium {
    font-size: 10px;
    font-size: 0.625rem;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    letter-spacing: -.15em;
    text-indent: -.15em;
    display: block;
    white-space: nowrap;
}

.c-my-teiki__item-text-area {
    float: left;
    width: 63.255033557%;
}

.c-my-teiki__item-name {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: .5em;
}

.c-my-teiki__item-name a:after {
    position: absolute;
    right: -1.5em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .5em;
    height: .5em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.c-my-teiki__item-price {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 1em;
}

.c-my-teiki__item-price span {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

.c-my-teiki__next {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    font-size: 0.6875rem;
    padding: .5em;
    border: 2px solid #e9e0d3;
}

.c-my-teiki__next p {
    text-align: center;
}

.c-my-teiki__next-wrapper {
    text-align: center;
}

.c-my-teiki__next-date {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

.c-my-teiki__info-item {
    margin-top: 5px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.c-my-teiki__info-item-thumb {
    display: table-cell;
    width: 13.76146789%;
    vertical-align: middle;
    border: 1px solid #e0e0e0;
}

.c-my-teiki__info-item-text {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    padding-left: .5em;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-my-teiki__info-subtotal {
    *zoom: 1;
    background: #f4f0eb;
    margin-left: -.8em;
    margin-right: -.8em;
    padding: .5em .8em;
}

.c-my-teiki__info-subtotal:before,
.c-my-teiki__info-subtotal:after {
    display: table;
    content: " ";
}

.c-my-teiki__info-subtotal:after {
    clear: both;
}

.c-my-teiki__info-subtotal-title {
    float: left;
    font-weight: bold;
}

.c-my-teiki__info-subtotal-price {
    float: right;
    position: relative;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
}

.c-my-teiki__info-subtotal-price:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-bottom: 1px solid #333;
    width: 100%;
}

.c-my-teiki__info-subtotal-price span {
    font-size: 14px;
    font-size: 0.875rem;
}

.c-my-teiki__info-total {
    *zoom: 1;
    padding: 1.5em 0;
    text-align: center;
    letter-spacing: -.25em;
    margin-left: -.8em;
    margin-right: -.8em;
}

.c-my-teiki__info-total:before,
.c-my-teiki__info-total:after {
    display: table;
    content: " ";
}

.c-my-teiki__info-total:after {
    clear: both;
}

.c-my-teiki__info-total-otoku {
    position: relative;
    display: inline-block;
    letter-spacing: 0;
    vertical-align: middle;
    font-size: 10px;
    font-size: 0.625rem;
    background: #f9e191;
    font-weight: bold;
    padding: .5em;
    margin-right: 4.5%;
}

.c-my-teiki__info-total-otoku:after {
    position: absolute;
    top: 0;
    right: -1em;
    display: block;
    content: '';
    background: inherit;
    border: 2em solid white;
    border-left: 1em solid #f9e191;
    border-right: none;
}

.c-my-teiki__info-total-souryou {
    display: inline-block;
    letter-spacing: 0;
    vertical-align: middle;
    font-weight: bold;
    background: #bfaa8d;
    color: white;
    width: 3em;
    text-align: center;
    line-height: 1.1;
    padding: .5em .25em;
    font-size: 12px;
    font-size: 0.75rem;
    border-radius: 5px;
    margin-right: 2.5%;
}

.c-my-teiki__info-total-text {
    display: inline-block;
    letter-spacing: 0;
    vertical-align: middle;
}

.c-my-teiki__info-total-price {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
}

.c-my-teiki__info-total-price span {
    font-size: 22px;
    font-size: 1.375rem;
    color: #99650c;
    font-weight: bold;
}

.c-my-teiki__info-total-point {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 2px;
}

.c-my-teiki__info-total-point span {
    font-weight: bold;
}

.c-my-teiki__detail {
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 1em;
    margin-bottom: 2em;
}

.c-my-teiki__detail dt {
    clear: left;
    float: left;
    width: 8em;
    margin-bottom: .5em;
}

.c-my-teiki__detail dd {
    overflow: hidden;
    padding-left: 1em;
    margin-bottom: .5em;
}

.c-my-teiki__detail dd:before {
    content: '：';
    margin-left: -1em;
}

.c-my-teiki__link {
    position: relative;
    display: block;
    background: #f8f3ec;
    border: 2px solid #ddc4a3;
    border-radius: 3px;
    font-size: 14px;
    font-size: 0.875rem;
    color: currentColor;
    text-align: center;
    padding: .7em;
    margin-bottom: 1em;
    cursor: pointer;
}

.c-my-teiki__link:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .5em;
    height: .5em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.c-my-teiki__inquiry-btn {
    font-size: 12px;
    font-size: 0.75rem;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.c-my-teiki__header {
    *zoom: 1;
    margin-bottom: 20px;
}

.c-my-teiki__header:before,
.c-my-teiki__header:after {
    display: table;
    content: " ";
}

.c-my-teiki__header:after {
    clear: both;
}

.c-my-teiki__header-next {
    float: left;
    width: 49%;
}

.c-my-teiki__header-next p {
    display: inline-block;
    vertical-align: middle;
}

.c-my-teiki__header-total {
    float: right;
    width: 49%;
    padding: .25em;
    border-bottom: 2px solid #e9e0d3;
}

.c-my-teiki__header-total-title {
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
}

.c-my-teiki__header-total-price {
    text-align: center;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bold;
}

.c-my-teiki__header-total-price span {
    font-size: 16px;
    font-size: 1rem;
    padding-right: .1em;
}

.c-my-teiki__item {
    padding: 5px 0 0;
}

.c-my-teiki__footer {
    *zoom: 1;
    padding-top: 15px;
    margin-bottom: 15px;
}

.c-my-teiki__footer:before,
.c-my-teiki__footer:after {
    display: table;
    content: " ";
}

.c-my-teiki__footer:after {
    clear: both;
}

.c-my-teiki__footer .c-my-teiki__item-text-area {
    float: none;
    width: auto;
}

.c-my-teiki__footer .c-my-teiki__item-button-area {
    float: none;
}

@media screen and (min-width: 768px) {
    .c-my-teiki {
        padding: 3.4375% 0 44px;
    }

    .c-my-teiki .c-cart-box__product-teiki-info {
        margin: 0 3.4375%;
    }

    .c-my-teiki__title {
        padding: .5em;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-my-teiki__item-header {
        margin-bottom: 0;
    }

    .c-my-teiki__item-image-area {
        padding-top: 30px;
        width: 23.285714286%;
        margin-right: 1.857142857%;
    }

    .c-my-teiki__item-icon {
        top: 0;
        left: 5px;
        width: 44px;
        height: 44px;
    }

    .c-my-teiki__item-icon p {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .c-my-teiki__item-icon .premium {
        display: block;
        white-space: nowrap;
        letter-spacing: -.1em;
    }

    .c-my-teiki__item-text-area {
        width: 45.714285714%;
    }

    .c-my-teiki__item-button-area {
        float: right;
        width: 29.142857143%;
    }

    .c-my-teiki__item-name {
        font-size: 17px;
        font-size: 1.0625rem;
        font-weight: bold;
        padding-right: 2em;
        margin-bottom: .7em;
        line-height: 1.2;
    }

    .c-my-teiki__item-name a:after {
        display: none;
    }

    .c-my-teiki__item-price {
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 0;
    }

    .c-my-teiki__item-price span {
        font-weight: normal;
    }

    .c-my-teiki__item-price-number {
        font-weight: normal;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-my-teiki__item-price-number>span {
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
    }

    .c-my-teiki__next {
        display: block;
        margin-bottom: 10px;
        border-width: 3px;
        padding: 1em;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .c-my-teiki__next-wrapper {
        display: none;
    }

    .c-my-teiki__next-date {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-my-teiki__inquiry-btn {
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 1em;
        display: block;
        margin-bottom: 12px;
    }

    .c-my-teiki__link {
        padding: .9em;
        padding-right: 2em;
        border-radius: 8px;
    }

    .c-my-teiki__detail {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.4;
    }

    .c-my-teiki__info-inner {
        *zoom: 1;
        padding-left: 5px;
        padding-bottom: 24px;
    }

    .c-my-teiki__info-inner:before,
    .c-my-teiki__info-inner:after {
        display: table;
        content: " ";
    }

    .c-my-teiki__info-inner:after {
        clear: both;
    }

    .c-my-teiki__info-item-wrapper {
        float: left;
        width: 55%;
        border-right: 2px solid #d2d2d2;
    }

    .c-my-teiki__info-item {
        margin-top: 5px;
        margin-bottom: 14px;
        display: table;
        width: 100%;
    }

    .c-my-teiki__info-item:last-child {
        margin-bottom: 0;
    }

    .c-my-teiki__info-item-thumb img {
        width: 50px;
    }

    .c-my-teiki__info-item-text {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-my-teiki__info-price-wrapper {
        float: right;
        width: 45%;
        padding-left: 2em;
    }

    .c-my-teiki__info-subtotal {
        float: left;
        background: none;
        padding-top: 1em;
    }

    .c-my-teiki__info-subtotal-title {
        float: none;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-my-teiki__info-subtotal-price {
        float: none;
    }

    .c-my-teiki__info-total {
        *zoom: 1;
        padding: 0;
    }

    .c-my-teiki__info-total:before,
    .c-my-teiki__info-total:after {
        display: table;
        content: " ";
    }

    .c-my-teiki__info-total:after {
        clear: both;
    }

    .c-my-teiki__info-total-otoku {
        float: right;
        font-size: 10px;
        font-size: 0.625rem;
        background: #f9e191;
        padding: 1em;
        padding-bottom: .5em;
        margin-right: 1em;
        line-height: 1.1;
        text-align: center;
        min-width: 98px;
    }

    .c-my-teiki__info-total-otoku:after {
        top: auto;
        bottom: -15px;
        right: auto;
        left: 50%;
        border: 50px solid white;
        border-top: 1.5em solid #f9e191;
        border-bottom: none;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .c-my-teiki__info-total-otoku-text-01 {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .c-my-teiki__info-total-otoku-text-02 {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .c-my-teiki__info-total-souryou {
        clear: both;
        float: left;
        width: 54px;
        padding: .6em .25em;
        font-size: 16px;
        font-size: 1rem;
        margin-left: .5em;
    }

    .c-my-teiki__info-total-text {
        float: right;
        margin-right: 1em;
    }

    .c-my-teiki__info-total-price {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: bold;
    }

    .c-my-teiki__info-total-price span {
        font-size: 30px;
        font-size: 1.875rem;
    }

    .c-my-teiki__info-total-point {
        font-size: 17px;
        font-size: 1.0625rem;
        text-align: right;
        padding-right: 2px;
    }

    .c-my-teiki__header {
        margin-bottom: 20px;
    }

    .c-my-teiki__header-next p {
        display: inline-block;
        vertical-align: middle;
    }

    .c-my-teiki__header-total {
        padding: .7em .5em;
    }

    .c-my-teiki__header-total-title {
        float: left;
        padding-top: 8px;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .c-my-teiki__header-total-price {
        float: right;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-my-teiki__header-total-price span {
        font-size: 20px;
        font-size: 1.25rem;
        padding-right: .1em;
    }

    .c-my-teiki__item {
        padding: 15px 0;
    }

    .c-my-teiki__footer {
        margin-bottom: 0;
    }

    .c-my-teiki__footer .c-my-teiki__item-text-area {
        float: left;
        width: 63.255033557%;
    }

    .c-my-teiki__footer .c-my-teiki__item-button-area {
        float: right;
    }
}

/* auto-input-btn */
.c-auto-input-btn {
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
    color: white;
    background: #a6a6a6;
    border-radius: 5px;
    text-align: center;
    line-height: 1;
    padding: .9em 1em;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .c-auto-input-btn {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        border-radius: 10px;
        padding: .7em .8em;
    }
}

/* wide-set */
.c-wide-set {
    *zoom: 1;
}

.c-wide-set:before,
.c-wide-set:after {
    display: table;
    content: " ";
}

.c-wide-set:after {
    clear: both;
}

.c-wide-set dt {
    clear: left;
    float: left;
}

/* link */
.c-link {
    padding: 1.5em .7em;
    padding-right: 2em;
    position: relative;
    color: currentColor;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-link:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.c-link2,
.c-link3 {
    padding: 1.5em .7em;
    padding-right: 2em;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.c-link2 a,
.c-link3 a {
    color: #333 !important;
    text-decoration: none;
}

.c-link2:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.c-link3:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(315deg);
    -ms-transform: translateY(-50%) rotate(315deg);
    transform: translateY(-50%) rotate(315deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.c-link--gray {
    padding: 1em .7em;
    padding-right: 2em;
    background: #4d4d4d;
    color: white;
}

.c-link--gray:after {
    border-color: #9f9f9f;
}

.c-link--before {
    padding: 0;
    padding-left: 1.2em;
    position: relative;
    color: currentColor;
}

.c-link--before:after {
    right: auto;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(45deg) scale(0.65);
    -ms-transform: translateY(-50%) rotate(45deg) scale(0.65);
    transform: translateY(-50%) rotate(45deg) scale(0.65);
}

/* link-list */
.c-link-list {
    display: block;
    overflow: hidden;
}

.c-link-list__item {
    float: left;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dcd7cc;
    border-right: 1px solid #dcd7cc;
    font-size: 12px;
    font-size: 0.75rem;
}

.c-link-list__item>a {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: currentColor;
}

.c-link-list__item:nth-child(2n) {
    border-right: none;
}

@media screen and (min-width: 768px) {
    .c-link-list {
        *zoom: 1;
        display: block;
    }

    .c-link-list:before,
    .c-link-list:after {
        display: table;
        content: " ";
    }

    .c-link-list:after {
        clear: both;
    }

    .c-link-list__item {
        float: left;
    }
}

/* modal */
.c-modal__bg {
    position: fixed;
    display: block;
    top: 0;
    /* right: 0; */
    /* bottom: 0; */
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 100000;
}

.c-modal__wrapper {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.c-modal {
    position: absolute;
    display: none;
    max-width: 700px;
    width: 90%;
    height: auto;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px 1em;
    top: 50%;
    left: 50%;
    /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); */
    z-index: 100001;
}

.c-modal__wrapper--confirm {
    max-width: 500px;
}

.c-modal__wrapper--confirm .c-modal__button-area {
    margin-top: 5px;
}

.c-modal__wrapper_brand {
    max-width: 700px;
    max-height: 570px;
    width: 90%;
    height: auto;
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 120001;
}

.c-modal__wrapper_brand--confirm {
    max-width: 500px;
}

.c-modal__wrapper_brand--confirm .c-modal__button-area {
    margin-top: 5px;
}

.c-modal__wrapper_viwe {
    max-width: 700px;
    max-height: 570px;
    width: 90%;
    height: auto;
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100001;
}

.c-modal__wrapper_viwe--confirm {
    max-width: 500px;
}

.c-modal__wrapper_viwe--confirm .c-modal__button-area {
    margin-top: 5px;
}

.c-modal__header {
    *zoom: 1;
    padding: 0 20px;
    padding-right: 20px;
    margin: -20px;
    margin-bottom: 0;
}

.c-modal__header:before,
.c-modal__header:after {
    display: table;
    content: " ";
}

.c-modal__header:after {
    clear: both;
}

.c-modal__header--cart {
    position: relative;
    background: #414141;
    border-top: 1px solid #414141;
    color: white;
    margin-bottom: -2px;
}

.c-modal__header--cart .c-modal__close {
    margin-right: -8px;
    cursor: pointer;
}

.c-modal__title {
    float: left;
    padding: 12px 0;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
}

.c-modal__close {
    float: right;
    display: inline-block;
    width: auto;
    padding: .25em .5em;
    margin-top: 8px;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-modal__body {
    border-top: 1px solid #d2d2d2;
    padding-top: 15px;
}

.c-modal__body2 {
    border-top: none !important;
    padding-top: 15px;
}

.c-modal__body3 {
    border-top: none !important;
    padding-top: 15px;
    text-align: center;
}

.c-modal__body .p-cart__holding-point,
.c-modal__body .c-cart-box__title {
    margin-left: 0;
    margin-right: 0;
}

.c-modal__body .c-cart-box__form-input+.c-cart-box__form-input {
    margin-top: 10px;
    margin-bottom: 10px;
}

.c-modal__body--borderless {
    padding-top: 0;
    border-top: none;
}

.c-modal__button-area {
    text-align: center;
}

.c-modal__button-area--mypage {
    margin: 20px 0;
}

.c-modal__mod-button {
    max-width: 250px;
    padding-top: .5em;
    padding-bottom: .5em;
    vertical-align: middle;
    cursor: pointer;
}

.c-modal__delete-button {
    max-width: 220px;
    width: 61%;
    padding-top: .5em;
    padding-bottom: .5em;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-modal__cancel-button {
    max-width: 140px;
    width: 36%;
    font-size: 14px;
    font-size: 0.875rem;
    padding: .5em 0;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .c-modal {
        padding: 20px;
        border-radius: 10px;
    }

    .c-modal__header {
        padding-right: 20px;
    }

    .c-modal__close {
        padding: .5em 1em;
        margin-top: 10px;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .c-modal__body {
        padding: 0;
        border-top: 2px solid #d2d2d2;
        padding-top: 20px;
    }

    .c-modal__body--borderless {
        padding-top: 0;
        border-top: none;
    }

    .c-modal__delete-button {
        font-size: 16px;
        font-size: 1rem;
    }

    .c-modal__cancel-button {
        position: relative;
        top: -1px;
        font-size: 16px;
        font-size: 1rem;
        padding-top: .6em;
        padding-bottom: .6em;
        margin-left: 5px;
    }

    #lineQRModal {
        width: 30%;
    }
}

/*c-bg */
.c-bg {
    padding: 12px;
}

.c-bg--beige {
    overflow: hidden;
    background: #f4f1eb;
}

.c-bg--gray {
    overflow: hidden;
    background: #f4f4f4;
}

/* mega-menu */
.c-mega-menu {
    display: none;
    width: 100%;
    border: 1px solid #d4d4d4;
    padding: 20px 0;
    background: white;
    z-index: 9999;
    opacity: 0;
}

.c-mega-menu.is-open {
    display: block;
    opacity: 1;
    -webkit-animation: mega-menu-in .3s;
    animation: mega-menu-in .3s;
}

.c-mega-menu__column {
    float: left;
    border-right: 1px solid #d7d1c5;
    padding: 0 15px 10px;
}

.c-mega-menu__column:last-child {
    border-right: none;
}

.c-mega-menu__title-link {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 15px;
}

.c-mega-menu__title-link img {
    display: block;
    float: left;
    width: 26px;
    position: relative;
    top: -5px;
    margin-right: 5px;
}

.c-mega-menu__title-link a {
    padding: 10px 0;
    padding-right: 3em;
}

.c-mega-menu__lists {
    *zoom: 1;
}

.c-mega-menu__lists:before,
.c-mega-menu__lists:after {
    display: table;
    content: " ";
}

.c-mega-menu__lists:after {
    clear: both;
}

.c-mega-menu__lists .c-mega-menu__list {
    float: left;
}

.c-mega-menu__item {
    font-size: 13px;
    font-size: 0.8125rem;
}

.c-mega-menu__item a {
    padding: .5em 0;
    padding-right: 3em;
}

.c-mega-menu__item a:after {
    width: .5em;
    height: .5em;
}

.c-mega-menu__search {
    padding: 0 20px;
    float: left;
}

.c-mega-menu__search .c-btn {
    border: none;
    background: #bfaa8d;
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    width: auto;
    padding: 11px 15px;
    margin-left: 2px;
}

.c-mega-menu__search label {
    display: block;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
}

.c-mega-menu__search-price {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
}

.c-mega-menu__search-price input[type=number] {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 9px;
    border: 2px solid #e9e0d2;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 120px;
    margin-right: .5em;
}

.c-mega-menu__search-keyword {
    display: inline-block;
}

.c-mega-menu__search-keyword input[type=text] {
    font-size: 14px;
    font-size: 0.875rem;
    width: 320px;
    padding: 9px;
    border: 2px solid #e9e0d2;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#mega-cosmetics .c-mega-menu__column {
    width: 190px;
}

#mega-cosmetics .c-mega-menu__title-link {
    display: block;
}

#mega-cosmetics .c-mega-menu__title-link a {
    padding-right: 2em;
}

#mega-cosmetics .c-mega-menu__title-link a:after {
    right: 0;
}

#mega-purpose {
    padding-top: 15px;
    padding-bottom: 0;
}

#mega-purpose .c-mega-menu__title-link {
    width: 28%;
    vertical-align: middle;
    margin-right: 2%;
    margin-bottom: 5px;
}

#mega-search {
    width: auto;
    left: auto;
    right: 0;
}

@-webkit-keyframes mega-menu-in {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes mega-menu-in {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/* review */
.c-review {
    *zoom: 1;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.c-review:before,
.c-review:after {
    display: table;
    content: " ";
}

.c-review:after {
    clear: both;
}

.c-review__title {
    padding: 15px;
    color: #705150;
    position: relative;
    background: #f4f1eb;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    border-bottom: 1px solid #d7d1c5;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .25s;
    transition: .25s;
}

.c-review__title:before,
.c-review__title:after {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    content: '';
    -webkit-transition: .25s;
    transition: .25s;
}

.c-review__title:before {
    background: white;
    width: 7.8125%;
    padding-top: 7.8125%;
    border-radius: 20%;
}

.c-review__title:after {
    top: 40%;
    right: 24px;
    right: calc(1.5% + 20px);
    border: 3px solid #bfaa8d;
    border-left: none;
    border-bottom: none;
    width: 2.35%;
    padding-top: 2.35%;
    height: 0;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(135deg) translate(10%, 30%);
    -ms-transform: rotate(135deg) translate(10%, 30%);
    transform: rotate(135deg) translate(10%, 30%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.c-review__title.is-open:before {
    background: #bfaa8d;
}

.c-review__title.is-open:after {
    border-color: white;
    -webkit-transform: rotate(-45deg) translate(-40%);
    -ms-transform: rotate(-45deg) translate(-40%);
    transform: rotate(-45deg) translate(-40%);
}

.c-review__title img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.c-review__body {
    background: #f9f9f9;
    padding: 3%;
}

.c-review__product {
    *zoom: 1;
    padding-bottom: 10px;
}

.c-review__product:before,
.c-review__product:after {
    display: table;
    content: " ";
}

.c-review__product:after {
    clear: both;
}

.c-review__product-image {
    float: left;
    width: 20%;
    border: 1px solid #cacaca;
    margin-right: 4%;
}

.c-review__product-text {
    overflow: hidden;
}

.c-review__product-name {
    font-weight: bold;
    font-size: 15px;
    font-size: 0.9375rem;
}

.c-review__product-detail {
    font-size: 12px;
    font-size: 0.75rem;
}

.c-review__item {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: white;
    padding: 12px 13px;
    margin-bottom: 3%;
}

.c-review__item-title {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: .5em;
}

.c-review__item-title img {
    position: relative;
    vertical-align: middle;
    top: -2px;
    margin-right: .25em;
}

.c-review__item-satisfaction {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bold;
    padding-left: 2px;
}

.c-review__item-comment {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 2px;
}

.c-review__item-comment .contiueReview,
.c-review__item-comment .closeReview {
    cursor: pointer;
    color: currentColor;
    text-decoration: underline;
}

.c-review__item-comment .initial {
    display: inline;
}

.c-review__item-footer {
    *zoom: 1;
    margin-top: 1em;
    font-size: 13px;
    font-size: 0.8125rem;
    padding-top: .7em;
    padding-left: 2px;
    border-top: 1px solid #d2d2d2;
}

.c-review__item-footer:before,
.c-review__item-footer:after {
    display: table;
    content: " ";
}

.c-review__item-footer:after {
    clear: both;
}

.c-review__item-name {
    float: left;
    font-weight: bold;
}

.c-review__item-date {
    float: right;
}

.c-review__more {
    border-top: 1px solid #cccccc;
    text-align: center;
    margin-bottom: 1.5em;
}

.c-review__more-button {
    margin-top: -2px;
    display: inline-block;
    border: 1px solid #cccccc;
    border-top: none;
    border-radius: 0 0 7px 7px;
    background: #f9f9f9;
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: center;
}

.c-review__more-button.is-disabled {
    display: none;
}

.c-review__more-button a {
    display: block;
    text-align: center;
    padding: 0 2.5em .5em;
    color: #000000;
}

.c-review__post {
    width: 82.8125%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .c-review__title {
        padding: 12px;
        padding-bottom: 11px;
        font-size: 16px;
        font-size: 1rem;
        cursor: pointer;
    }

    .c-review__title img {
        width: 27px;
    }

    .c-review__title:before {
        background: white;
        right: 10px;
        width: 30px;
        padding-top: 30px;
        border-radius: 20%;
    }

    .c-review__title:after {
        top: 35%;
        right: 16px;
        border: 3px solid #bfaa8d;
        border-left: none;
        border-bottom: none;
        width: 8px;
        padding-top: 8px;
        height: 0;
        -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .c-review__body {
        padding: 19px;
        border: 1px solid #cccccc;
        border-bottom: none;
    }

    .c-review__product {
        *zoom: 1;
        padding-bottom: 13px;
    }

    .c-review__product:before,
    .c-review__product:after {
        display: table;
        content: " ";
    }

    .c-review__product:after {
        clear: both;
    }

    .c-review__product-image {
        width: 66px;
        margin-right: 10px;
    }

    .c-review__product-name {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .c-review__product-detail {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-review__item {
        border-width: 2px;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    .c-review__item:last-child {
        margin-bottom: 5px;
    }

    .c-review__item-satisfaction {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-review__item-comment {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .c-review__item-footer {
        font-size: 12px;
        font-size: 0.75rem;
        border-width: 2px;
    }

    .c-review__item-name {
        min-width: 17em;
    }

    .c-review__item-date {
        float: left;
    }

    .c-review__post {
        max-width: 318px;
    }
}

/* stars */
.c-stars {
    color: #f29700;
}

/* c-lead-entry */
.c-lead-entry__title {
    background: url(./images/bg_ttl_lead_entry.png) center no-repeat;
    -webkit-background-size: 100% 1.7em;
    background-size: 100% 1.7em;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    font-size: 4vw;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 3%;
    padding-right: 2%;
}

.c-lead-entry__title span {
    font-size: 25px;
    font-size: 1.5625rem;
    font-size: 5vw;
}

.c-lead-entry__body {
    background: #f5e7ae;
    padding: 5% 1.5% 2%;
}

.c-lead-entry__body ul {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-lead-entry__list {
    position: relative;
    width: 32%;
    background: white;
    border-radius: 5px;
    text-align: center;
}

.c-lead-entry__list-icon {
    position: relative;
    top: -1em;
    display: inline-block;
    background: #ea9fa7;
    color: white;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: bold;
    text-align: center;
    width: 5em;
    height: 2.2em;
    margin-bottom: -.5em;
}

.c-lead-entry__list-icon:before {
    position: absolute;
    content: '';
    right: -1em;
    border: 1.1em solid #ea9fa7;
    border-right-width: .5em;
    border-left-width: .5em;
    border-right-color: transparent;
}

.c-lead-entry__list-icon:after {
    position: absolute;
    content: '';
    left: -1em;
    border: 1.1em solid #ea9fa7;
    border-right-width: .5em;
    border-left-width: .5em;
    border-left-color: transparent;
}

.c-lead-entry__list-icon i {
    font-size: 15px;
    font-size: 0.9375rem;
}

.c-lead-entry__list-inner {
    text-align: center;
}

.c-lead-entry__list-title {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bold;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, transparent), color-stop(86%, #ffda8a), to(#ffda8a));
    background-image: linear-gradient(to bottom, transparent 0%, transparent 85%, #ffda8a 86%, #ffda8a 100%);
    -webkit-background-size: auto 1.4em;
    background-size: auto 1.4em;
    margin: 0 .25em .5em;
    font-feature-settings: 'pkna';
}

.c-lead-entry__list-body {
    background: white;
    border-radius: 5px;
    font-size: 9px;
    font-size: 0.5625rem;
    padding: 0 1em 1em;
    font-feature-settings: 'pkna';
}

.c-lead-entry__list-body p {
    line-height: 1.3;
}

@media screen and (min-width: 768px) {
    .c-lead-entry__title {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .c-lead-entry__title span {
        font-size: 25px;
        font-size: 1.5625rem;
    }

    .c-lead-entry__list-icon {
        font-size: 12px;
        font-size: 0.75rem;
        height: 28px;
    }

    .c-lead-entry__list-icon:before,
    .c-lead-entry__list-icon:after {
        border-top-width: 14px;
        border-bottom-width: 14px;
    }

    .c-lead-entry__list-icon i {
        font-size: 19px;
        font-size: 1.1875rem;
    }

    .c-lead-entry__list-inner {
        margin-top: -.25em;
    }

    .c-lead-entry__list-title {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: .25em;
    }

    .c-lead-entry__list-body {
        font-size: 11px;
        font-size: 0.6875rem;
    }
}

.c-line-friend__btn {
    display: inline-block;
    text-align: center;
    width: 155px;
    height: 32px;
    background-color: #00b833;
    color: #fff;
    border-radius: 6px;
    text-decoration: none !important;
}

.c-line-friend__btn:before {
    content: "";
    display: inline-block;
    background: url(/shop/cms/sp/images/line.png) 1px 4px no-repeat;
    background-size: 23px 23px;
    width: 25px;
    height: 32px;
    margin-right: 5px;
}

.c-line-friend__btn:after {
    content: "友だち追加";
    font-size: 16px;
    vertical-align: top;
    line-height: 32px;
    white-space: nowrap;
    font-weight: 400;
}

.c-line-friend__btn:hover {
    background-color: #02a52f;
}

/* table */
.c-table {
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 0.875rem;
    border: 1px solid #ebe7e1;
}

.c-table tr:last-child th,
.c-table tr:last-child td {
    border-bottom: none;
}

.c-table th {
    background: #595959;
    padding: 6px;
    color: white;
    border-bottom: 1px solid white;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
}

.c-table td {
    border-bottom: 1px solid #ebe7e1;
    border-right: 1px solid #ebe7e1;
    vertical-align: top;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
}


/* pc-only */
.c-pc-only {
    display: none;
}

@media screen and (min-width: 768px) {
    .c-pc-only {
        display: block !important;
    }

    span.c-pc-only,
    img.c-pc-only {
        display: inline-block !important;
    }
}

/* sp-only */
.c-sp-only {
    display: block;
}

span.c-sp-only,
img.c-sp-only {
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .c-sp-only {
        display: none !important;
    }
}

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

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

.slick-list:focus {
    outline: none;
}

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

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

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

.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    display: table;
    content: '';
    clear: both;
}

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

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

/* Slider */
.slick-loading .slick-list {
    background: #fff url("/shop/cms/sp/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-weight: normal;
    font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 58px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 10;
    overflow: visible;
}

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

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

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

.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-size: 20px;
    line-height: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0;
    text-align: left;
}

[dir='rtl'] .slick-prev {
    right: -1%;
    left: auto;
}

.slick-prev:before {
    left: 0;
    position: absolute;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .1em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
}

[dir='rtl'] .slick-prev:before {
    position: absolute;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .1em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
}

.slick-next {
    right: 0px;
    text-align: right;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -3%;
}

.slick-next:before {
    right: 0;
    position: absolute;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .1em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
}

[dir='rtl'] .slick-next:before {
    content: url(/shop/cms/sp/images/ico_slide_prev.png);
}

/* Dots */
.slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

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

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

.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 {
    font-size: 12px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '•';
    text-align: center;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: #cccccc;
}

/* relation-links */
.c-relation-links {
    display: none;
}

@media screen and (min-width: 768px) {
    .c-relation-links {
        overflow: hidden;
        display: block;
        margin-top: 60px;
        background: #f4f1eb;
        padding: 0 10px 10px;
    }

    .c-relation-links__title {
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .c-relation-links__list {
        padding: 10px 20px;
        background: white;
    }

    .c-relation-links__list li {
        display: inline;
        vertical-align: middle;
        line-height: 2.5;
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .c-relation-links__list li:after {
        content: '|';
        margin: 0 .5em;
        display: inline-block;
        vertical-align: middle;
    }

    .c-relation-links__list li:last-child:after {
        display: none;
    }

    .c-relation-links__list a {
        display: inline;
        vertical-align: middle;
        color: currentColor;
    }
}

/* em-text */
.c-em-text {
    display: none;
}

@media screen and (min-width: 768px) {
    .c-em-text {
        display: block;
        overflow: hidden;
        padding: 10px;
        padding-top: 50px;
    }

    .c-em-text__description {
        font-size: 13px;
        font-size: 0.8125rem;
        margin-bottom: 2em;
    }

    .c-em-text__em {
        font-size: 12px;
        font-size: 0.75rem;
        float: right;
    }
}

/*! politespace - v0.1.20 - 2016-09-26
 *Politely add spaces to input values to increase readability (credit card numbers, phone numbers, etc).
 *   https://github.com/filamentgroup/politespace
 *   Copyright (c) 2016 Filament Group (@filamentgroup)
 *   MIT License */
.politespace-proxy {
    position: relative;
    overflow: hidden;
    /* clearfix for floating siblings */
    display: inline-block;
}

.politespace-proxy-val {
    display: none;
}

.politespace-proxy.active.notempty>.politespace-proxy-val {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.politespace-proxy.active.notempty input {
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.politespace-proxy.active.notempty input[type=number] {
    -moz-appearance: textfield;
}

.politespace-proxy.active.notempty input[type=number]::-webkit-inner-spin-button,
.politespace-proxy.active.notempty input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* floating-side */
@media screen and (min-width: 768px) {
    .c-floating-side {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .c-floating-side.is-sticky {
        width: auto;
        max-width: 300px;
        position: fixed;
        top: 20px;
        bottom: 0;
    }

    .c-floating-side.is-sticky.is-thin {
        top: auto;
        bottom: 0;
        margin-bottom: 0;
    }

    .c-floating-side.is-locked {
        position: absolute;
        top: auto;
    }
}

/* select or die */
.sod_select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    line-height: 1;
    background: #ffffff;
    color: #444444;
    text-align: left;
    outline: 0;
    outline-offset: -2px;
    /* Opera */
    /* Use this if you're using a prefix and want to style it */
    /* Use this if you're using a placeholder and want to style it */
    /* If data-link-external is set on a specific option */
}

.sod_select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sod_select.c-form__select {
    position: relative;
    padding: 11px;
    padding-right: 20px;
    border: 2px solid #a5a5a5 !important;
    border-radius: 10px;
    font-size: 14px;
    font-size: 0.875rem;
}

.sod_select.c-form__select:before {
    content: "\25B2";
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 7px;
}

.sod_select.c-form__select:after {
    position: absolute;
    right: 10px;
    font-size: 7px;
    content: "\25BC";
    top: auto;
    bottom: 8px;
}

.sod_select.c-form__select.open {
    border-radius: 10px 10px 0 0;
}

.sod_select.c-form__select .sod_list_wrapper {
    border-radius: 0 0 10px 10px;
    border-width: 2px !important;
    border-color: #a5a5a5 !important;
    margin-left: -2px;
    margin-right: -2px;
}

.sod_select:hover,
.sod_select.open,
.sod_select.focus {
    border-color: #d7d1c4;
}

.sod_select.open {
    border-radius: 4px 4px 0 0;
}

.sod_select.disabled {
    border-color: #828282;
    color: #b2b2b2;
    cursor: not-allowed;
}

.sod_select .sod_label {
    display: block;
    overflow: visible;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 15px;
    pointer-events: none;
}

.sod_select .sod_list_wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    height: auto;
    margin: 0 -1px;
    background: #ffffff;
    border: 1px solid #d7d1c4;
    border-top: none;
    color: #444444;
    font-weight: 300;
    z-index: 1;
    padding: 0 3px 3px;
    border-radius: 0 0 4px 4px;
}

.sod_select.open .sod_list_wrapper {
    display: block;
}

.sod_select.disabled.open .sod_list_wrapper {
    display: none;
}

.sod_select .sod_list {
    display: block;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

.sod_select .sod_option {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding: 14px;
    list-style-type: none;
    border-top: 1px solid #d7d1c4;
    font-size: 12px;
    font-size: 0.75rem;
}

.sod_select .sod_option.optgroup {
    background: inherit;
    color: #939393;
    font-size: 10px;
    font-style: italic;
}

.sod_select .sod_option.optgroup.disabled {
    background: inherit;
    color: #939393;
    font-size: 10px;
    font-style: italic;
}

.sod_select .sod_option.groupchild {
    padding-left: 20px;
}

.sod_select .sod_option.is-placeholder {
    display: none;
}

.sod_select .sod_option.disabled {
    background: inherit;
    color: #cccccc;
}

.sod_select .sod_option.active {
    background: #f7f7f7;
    color: #333333;
}

.sod_select .sod_option.selected {
    font-weight: 700;
    padding-right: 25px;
    display: none;
}

.sod_select .sod_option.selected:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    color: #808080;
    height: 9px;
    width: 10px;
}

.sod_select.no_highlight .sod_option.selected {
    font-weight: 300;
}

.sod_select.no_highlight .sod_option.selected:before {
    display: none;
}

.sod_select .sod_option {
    /* If data-link is set on a specific option */
}

.sod_select select {
    display: none !important;
}

.sod_select.touch select {
    -webkit-appearance: menulist-button;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

.placeholder {
    color: #aaa;
}

/* -----------------------------------------------------------------
 * 	Project
 * ----------------------------------------------------------------- */
/* top */
.p-top__main-visual {
    margin-bottom: 40px;
}

.p-top__main-visual-item {
    display: none;
}

.p-top__main-visual-item img {
    width: 100%;
}

.p-top__main-visual .slick-dots {
    bottom: -25px;
}

.p-top__main-visual .slick-dots li {
    margin: 0 2px;
}

.p-top__main-visual .slick-dots button:before {
    color: #cacaca;
    font-size: 10px;
}

.p-top__main-visual .slick-dots li.slick-active button:before {
    color: #ffaeb2;
}

.p-top__main-visual-text {
    display: none;
}

.p-top__recommend-item {
    background: white;
    margin-bottom: 12px;
    padding: 2px;
    -webkit-box-shadow: 2px 2px 1px #dedbd6;
    box-shadow: 2px 2px 1px #dedbd6;
}

.p-top__recommend-item-image {
    width: 100%;
}

.p-top__recommend-item-body {
    padding: 10px;
    font-size: 12px;
    font-size: 0.75rem;
}

.p-top__recommend-category {
    display: inline-block;
    color: #fb676e;
    border: 2px solid;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: 5px 4px 3px;
    min-width: 5em;
    text-align: center;
    margin-bottom: 7px;
}

.p-top__campaign {
    margin-bottom: 30px;
    padding: 0 12px;
}

.p-top__campaign-title {
    margin-top: 30px;
}

.p-top__campaign-item:before,
.p-top__campaign-item:after {
    display: table;
    content: " ";
}

.p-top__campaign-item:after {
    clear: both;
}

.p-top__campaign-item a {
    overflow: hidden;
    position: relative;
    color: currentColor;
    padding: 10px 0;
}

.p-top__campaign-item a:after {
    position: absolute;
    right: .5em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .8em;
    height: .8em;
    border: .2em solid #a08768;
    border-bottom: none;
    border-left: none;
}


.p-top__campaign-item_none a:after {
    display: none;
}

.p-top__campaign-item+.p-top__campaign-item {
    border-top: 1px solid #bdbdbd;
}

.p-top__campaign-image {
    float: left;
    width: 25.63237774%;
    margin-right: 3.372681282%;
}

.p-top__campaign-text {
    float: left;
    width: 63.23777403%;
    font-size: 13px;
    font-size: 0.8125rem;
}

.p-top__campaign-limit {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    color: #a08766;
}

.p-top__products-lead {
    display: none;
}

.p-top__ranking {
    position: relative;
    background: url(/shop/cms/sp/parts/npRanking/images/bg_ranking.png);
    -webkit-background-size: 9px 9px;
    background-size: 9px;
    margin-bottom: 10px;
}

.p-top__ranking:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: url(/shop/cms/sp/parts/npRanking/images/bg_ranking_dogear.png);
    -webkit-transform: scale(0.5) translate(-50%, -50%);
    -ms-transform: scale(0.5) translate(-50%, -50%);
    transform: scale(0.5) translate(-50%, -50%);
}

.p-top__ranking .c-ranking__list {
    -webkit-scroll-snap-points-x: repeat(45%);
    -ms-scroll-snap-points-x: repeat(45%);
    scroll-snap-points-x: repeat(45%);
}

.p-top__ranking-title {
    font-weight: normal;
    padding-left: .5em;
}

.p-top__ranking-title span {
    color: #fb676e;
}

.p-top__ranking-item {
    width: 42%;
    margin-right: 7px;
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.09);
}

.p-top__ranking-item-name {
    font-size: 14px;
    font-size: 0.875rem;
}

.p-top__ranking-item-price {
    display: none;
}

.p-top__realtime {
    display: none;
}

.p-top__voice {
    *zoom: 1;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 30px;
}

.p-top__voice:before,
.p-top__voice:after {
    display: table;
    content: " ";
}

.p-top__voice:after {
    clear: both;
}

.p-top__voice-item {
    margin-bottom: 20px;
}

.p-top__voice-item-header {
    position: relative;
    background: url(/shop/cms/sp/common/index/images/top/bg_voice.png);
    -webkit-background-size: 3px 3px;
    background-size: 3px;
    color: white;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    padding-left: 80px;
    padding-bottom: 8px;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-top__voice-item-header:before {
    position: absolute;
    top: -8px;
    left: 10px;
    display: block;
    float: left;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    content: url(/shop/cms/sp/common/index/images/top/ico_voice.png);
}

.p-top__voice-item-header:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: inherit;
    width: 0;
    height: 0;
    display: block;
    content: '';
    border-top: 10px solid transparent;
    border-left: 10px solid white;
    border-right: 10px solid white;
    border-bottom: 10px solid white;
}

.p-top__voice-item-body {
    background: white;
}

.p-top__voice-item-body a {
    overflow: hidden;
    padding: 15px;
    position: relative;
    color: currentColor;
}

.p-top__voice-item-body a:after {
    position: absolute;
    right: .7em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .8em;
    height: .8em;
    border: .25em solid #ea9196;
    border-bottom: none;
    border-left: none;
}

.p-top__voice-item-image {
    float: left;
    width: 23.636363636%;
    margin-right: 3.636363636%;
    border: 1px solid #cccccc;
}

.p-top__voice-item-text {
    float: left;
    width: 67.272727273%;
    font-size: 12px;
    font-size: 0.75rem;
}

.p-top__voice-item-name {
    color: #705150;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: .5em;
}

.p-top__voice-item-price {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-top__brand {
    margin-bottom: 30px;
}

.p-top__brand-list {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 76.5625%;
}

.p-top__brand-list li {
    display: inline-block;
    padding: 10px 20px;
    border-bottom: 1px solid #b9b9b9;
}

.p-top__brand-more {
    text-align: center;
    color: #705150;
    margin-top: 10px;
}

.p-top__brand-more a {
    text-align: center;
    position: relative;
    color: currentColor;
    padding: 10px;
}

.p-top__brand-more a:before {
    content: '';
    display: inline-block;
    border-top: .5em solid currentColor;
    border-right: .4em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .4em solid transparent;
    -webkit-transform: translateY(35%);
    -ms-transform: translateY(35%);
    transform: translateY(35%);
    margin-right: .4em;
}

.p-top__column {
    background: url(/shop/cms/sp/images/top/bg_column.png);
    -webkit-background-size: 8px 8px;
    background-size: 8px;
    padding: 15px 15px 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.p-top__column-title {
    margin-bottom: 15px;
}

.p-top__column-item {
    padding: 12px 15px 15px;
    background: white no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fa6870), color-stop(28%, #fa6870), color-stop(29%, #888888));
    background-image: linear-gradient(to bottom, #fa6870 0%, #fa6870 28%, #888888 29%);
    -webkit-background-size: 3px 100%;
    background-size: 3px 100%;
    margin-bottom: 10px;
}

.p-top__column-item-date {
    font-weight: bold;
    color: #9a9a9a;
    margin-bottom: .5em;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-top__column-item-body {
    *zoom: 1;
}

.p-top__column-item-body:before,
.p-top__column-item-body:after {
    display: table;
    content: " ";
}

.p-top__column-item-body:after {
    clear: both;
}

.p-top__column-item-image {
    float: left;
    margin-right: 1em;
}

.p-top__column-item-text {
    overflow: hidden;
    font-size: 13px;
    font-size: 0.8125rem;
}

.p-top__news {
    padding: 15px;
    margin-bottom: 20px;
}

.p-top__news-title {
    position: relative;
    border-bottom: 1px solid #bfbfbf;
    padding-left: 40px;
    padding-bottom: .2em;
    color: #aa8753;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .14em;
}

.p-top__news-title:before {
    position: absolute;
    top: 4px;
    left: -4px;
    content: url(/shop/cms/sp/images/top/ico_news.png);
    display: inline-block;
    -webkit-transform: scale(0.5) translateY(-50%);
    -ms-transform: scale(0.5) translateY(-50%);
    transform: scale(0.5) translateY(-50%);
}

.p-top__news-item {
    padding: 15px;
    border-bottom: 1px dotted #c4c4c4;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-top__news-item a {
    color: currentColor;
    display: inline !important;
    text-decoration: underline;
}

.p-top__news-date {
    font-weight: bold;
    color: #aa8753;
    margin-bottom: .5em;
}

.p-top__sns {
    padding-bottom: 15px;
}

.p-top__sns-title {
    position: relative;
    font-size: 21px;
    font-size: 1.3125rem;
    color: #5d5d5d;
    text-align: center;
    margin-bottom: 10px;
}

.p-top__sns-title:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #5d5d5d;
    top: 50%;
    left: 0;
}

.p-top__sns-title span {
    display: inline-block;
    position: relative;
    background: #f4f1eb;
    padding: 0 10px;
    min-width: 5.5em;
}

.p-top__sns-list {
    *zoom: 1;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-top__sns-list:before,
.p-top__sns-list:after {
    display: table;
    content: " ";
}

.p-top__sns-list:after {
    clear: both;
}

.p-top__sns-list img {
    width: 100%;
}

.p-top__sns-list li {
    width: 29.5%;
    margin-right: 6%;
}

.p-top__sns-list li:last-child {
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    .p-top__main-visual {}

    .js-top-slide {
        max-width: 960px;
        margin: 0 auto;
    }

    .p-top__main-visual-text {
        *zoom: 1;
        background: #f4f1eb;
        margin-top: -95px;
        padding-top: 150px;
        padding-bottom: 60px;
        display: block;
    }

    .p-top__main-visual-text:before,
    .p-top__main-visual-text:after {
        display: table;
        content: " ";
    }

    .p-top__main-visual-text:after {
        clear: both;
    }

    .p-top__main-visual-text-inner {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .p-top__main-visual-logo {
        float: left;
        width: 45.828819068%;
    }

    .p-top__main-visual-copy {
        float: right;
        width: 51.895991333%;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-top__main-visual-copy p {
        line-height: 1.2;
    }

    .p-top__main-visual-link {
        padding-top: 1.4em;
    }

    .p-top__main-visual-link a {
        display: inline-block;
        color: currentColor;
        text-decoration: underline;
    }

    .p-top__main-visual-link a:after {
        position: relative;
        top: -.15em;
        right: -.3em;
        display: inline-block;
        content: '';
        border: 3px solid transparent;
        border-left-width: 4px;
        border-right-width: 4px;
        border-left-color: #fa6870;
    }

    .p-top__main-visual-link a:hover {
        text-decoration: none;
    }

    .p-top__pickup {
        margin-bottom: 30px;
    }

    .p-top__pickup .c-pickup__item-name {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: normal;
    }

    .p-top__recommend {
        margin-bottom: 50px;
    }

    .p-top__recommend-wrapper {
        *zoom: 1;
        max-width: 940px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .p-top__recommend-wrapper:before,
    .p-top__recommend-wrapper:after {
        display: table;
        content: " ";
    }

    .p-top__recommend-wrapper:after {
        clear: both;
    }

    .p-top__recommend-item {
        width: 49%;
        float: left;
        margin-bottom: 20px;
    }

    .p-top__recommend-item:nth-child(2n) {
        float: right;
    }

    .p-top__recommend-item-body {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-top__recommend-category {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .p-top__campaign {
        *zoom: 1;
        margin-bottom: 50px;
        padding-bottom: 25px;
        border-bottom: 1px dotted #7f7f7f;
    }

    .p-top__campaign:before,
    .p-top__campaign:after {
        display: table;
        content: " ";
    }

    .p-top__campaign:after {
        clear: both;
    }

    .p-top__campaign-wrapper {
        *zoom: 1;
        max-width: 940px;
        margin-left: auto;
        margin-right: auto;
    }

    .p-top__campaign-wrapper:before,
    .p-top__campaign-wrapper:after {
        display: table;
        content: " ";
    }

    .p-top__campaign-wrapper:after {
        clear: both;
    }

    .p-top__campaign-item {
        border-top: none !important;
        float: left;
        width: 48%;
    }

    .p-top__campaign-item:nth-child(2n) {
        float: right;
    }

    .p-top__campaign-image {
        width: 33%;
    }

    .p-top__campaign-text {
        width: 53%;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-top__campaign-limit {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: .5em;
    }

    .p-top__products-lead {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
    }

    .p-top__products-lead-text {
        padding-top: 1em;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.2;
        margin-bottom: 4em;
    }

    .p-top__ranking {
        float: left;
        width: 31%;
        background: none;
        overflow: visible;
        padding: 0;
        margin-right: 2.604166667%;
        border-top: none;
    }

    .p-top__ranking:last-child {
        margin-right: 0;
    }

    .p-top__ranking:before {
        display: none;
    }

    .p-top__ranking .c-ranking__list {
        overflow: visible;
        -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.09);
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.09);
        padding-right: 0;
        padding-bottom: 0;
    }

    .p-top__ranking .c-ranking__icon {
        width: 34px;
        left: 10px;
        top: 10px;
    }

    .p-top__ranking .c-ranking__item {
        padding: 0;
        overflow: hidden;
    }

    .p-top__ranking .c-ranking__item a {
        padding: 30px 0 25px;
        display: block;
        padding-right: 2.5em;
    }

    .p-top__ranking .c-ranking__item a:after {
        position: absolute;
        right: 1em;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        content: '';
        width: 1em;
        height: 1em;
        border: .3em solid #bfaa8b;
        border-bottom: none;
        border-left: none;
    }

    .p-top__ranking .c-ranking__item p {
        overflow: hidden;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-top__ranking .c-ranking__item-image {
        float: left;
        width: 34%;
        margin-right: 2%;
    }

    .p-top__ranking .c-ranking__item-name {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.2;
    }

    .p-top__ranking .c-ranking__item-price {
        padding-top: .5em;
        display: block;
        text-align: right;
        font-size: 11px !important;
        font-weight: bold;
    }

    .p-top__ranking .c-ranking__item-price span {
        font-size: 16px !important;
    }

    .p-top__ranking-wrapper {
        padding: 20px;
        padding-bottom: 0;
        overflow: hidden;
        position: relative;
        background: url(/shop/cms/sp/parts/npRanking/images/bg_ranking.png);
        margin-bottom: 60px;
    }

    .p-top__ranking-wrapper:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: url(/shop/cms/sp/parts/npRanking/images/bg_ranking_dogear.png);
    }

    .p-top__ranking-title {
        text-align: center;
        font-size: 25px;
        font-size: 1.5625rem;
        white-space: nowrap;
    }

    .p-top__ranking-title span {
        white-space: nowrap;
    }

    .p-top__ranking-item {
        display: block;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px dotted #cccccc;
    }

    .p-top__ranking-item:last-child {
        border-bottom: none;
    }

    .p-top__ranking-item-name {
        font-size: 18px !important;
    }

    .p-top__realtime {
        display: block;
        background: #bfaa8d url(./images/bg_realtime.jpg) repeat-x;
        border-radius: 8px;
        border: 20px solid #bfaa8d;
        border-top: none;
        padding-top: 12px;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 60px;
    }

    .p-top__realtime-title {
        display: inline-block;
        background: #bfaa8d;
        padding: 0 18px;
        margin-bottom: 13px;
    }

    .p-top__realtime-body {
        background: white;
        border-radius: 8px;
    }

    .p-top__realtime-item {
        padding: 2.173913043%;
        padding-right: 1.8%;
        border-bottom: 1px dotted #7f7f7f;
        white-space: nowrap;
    }

    .p-top__realtime-item:last-child {
        border-bottom: none;
    }

    .p-top__realtime-item-image {
        display: inline-block;
        vertical-align: middle;
        width: 9%;
    }

    .p-top__realtime-item-name {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        font-size: 1.125rem;
        color: #705150;
        font-weight: bold;
        width: 41%;
        padding-left: .5em;
    }

    .p-top__realtime-item-name a {
        color: currentColor;
    }

    .p-top__realtime-item-message {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        font-size: 0.875rem;
        width: 31%;
    }

    .p-top__realtime-item-price {
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        width: 17%;
        text-align: right;
    }

    .p-top__realtime-item-price span {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .p-top__voice {
        padding: 46px 0;
    }

    .p-top__voice-item {
        float: left;
        width: 32.291666667%;
        margin-right: 1.5625%;
    }

    .p-top__voice-item:last-child {
        margin-right: 0;
    }

    .p-top__voice-item-header {
        padding: 20px;
        font-size: 18px;
        font-size: 1.125rem;
        -webkit-background-size: auto auto;
        background-size: auto;
    }

    .p-top__voice-item-header p {
        line-height: 1.2;
    }

    .p-top__voice-item-header:before {
        display: none;
    }

    .p-top__voice-item-header:after {
        bottom: -30px;
        border-top-width: 15px;
        border-right-width: 20px;
        border-bottom-width: 15px;
        border-left-width: 20px;
    }

    .p-top__voice-item-body {
        border-radius: 0 0 10px 10px;
    }

    .p-top__voice-item-body a {
        padding: 30px 20px;
        padding-right: 8px;
    }

    .p-top__voice-item-body a:after {
        display: none;
    }

    .p-top__voice-item-image {
        width: 32%;
        margin-right: 7%;
    }

    .p-top__voice-item-text {
        width: 61%;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-top__voice-item-text p {
        line-height: 1.2;
    }

    .p-top__voice-item-name {
        font-size: 18px;
        font-size: 1.125rem;
        margin-top: 1em;
        margin-bottom: .5em;
    }

    .p-top__voice-item-price span {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .p-top__left {
        float: left;
        width: 47.916666667%;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .p-top__right {
        float: right;
        width: 46.875%;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .p-top__brand-title {
        padding-top: 20px;
        margin-bottom: 1.5em;
    }

    .p-top__brand-list {
        width: 100%;
    }

    .p-top__brand-list li {
        padding: 13px 20px;
    }

    .p-top__brand-more {
        padding-top: 15px;
    }

    .p-top__column {
        margin-top: 0;
        margin-bottom: 20px;
        -webkit-background-size: auto auto;
        background-size: auto;
        border: 1px solid #ebebeb;
    }

    .p-top__column-title img {
        width: 266px !important;
        max-width: 100%;
    }

    .p-top__column-item-image img {
        width: 55px;
        margin-top: 5px;
    }

    .p-top__news {
        padding: 0;
    }

    .p-top__news-title {
        font-size: 25px;
        font-size: 1.5625rem;
        padding-left: 55px;
    }

    .p-top__news-title:before {
        top: -5px;
        left: 0;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

    .p-top__news-item p {
        line-height: 1.3;
    }

    .p-top__sns {
        display: none;
    }
}

/* products list */
.p-products__header-image {
    width: 100%;
}

.p-products__header-lead {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 15px 0;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.p-products__contents {
    margin-bottom: 40px;
}

.p-products__search-tools {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #d7d1c5;
    border-bottom: 1px solid #d7d1c5;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.p-products__search-detail-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #d7d1c5;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    padding: 0 14px;
    text-align: center;
    color: currentColor;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    white-space: nowrap;
}

.p-products__search-header {
    display: none;
}

.p-products__search-order-tool {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

.p-products__search-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-right: 1px solid #d7d1c5;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    padding: 0 1em;
    padding-right: 2em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: currentColor;
}

.p-products__search-order:after {
    position: absolute;
    right: 1em;
    top: 45%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    content: '';
    width: .8em;
    height: .8em;
    border: .2em solid #c1a78e;
    border-bottom: none;
    border-left: none;
}

.p-products__search-order3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.p-products__search-order__select {
    position: relative;
    border-right: 1px solid #d7d1c5;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    padding: 17px;
    padding-right: 2em;
    color: currentColor;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-products__search-order__select:after {
    position: absolute;
    right: 1em;
    top: 45%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    content: '';
    width: .8em;
    height: .8em;
    border: .2em solid #c1a78e;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
}

.p-products__search-order__select.open:after {
    -webkit-transform: translateY(-10%) rotate(-45deg);
    -ms-transform: translateY(-10%) rotate(-45deg);
    transform: translateY(-10%) rotate(-45deg);
}

.p-products__search-order select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #333333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.p-products__search-type-button {
    position: relative;
    -ms-flex-preferred-size: 34px;
    flex-basis: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-products__search-type-button.is-active {
    background: #555555;
}

.p-products__search-type-button.is-active .p-products__search-type-button-image--on {
    display: block;
}

.p-products__search-type-button.is-active .p-products__search-type-button-image--off {
    display: none;
}

.p-products__search-type-button-image--on {
    display: none;
}

.p-products__search-type-button-image--off {
    display: block;
}

.p-products__search-result {
    background: #f4f0eb;
    text-align: center;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1em;
}

.p-products__search-result p {
    text-align: center;
}

.p-products__search-result-title {
    text-align: center;
    font-weight: bold;
    margin-top: -.4em;
}

.p-products__search-footer-text {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 15px;
}

.p-products__search-result-title span {
    font-weight: normal;
}

.p-products__search-result-count {
    font-weight: bold;
}

.p-products__search-pager {
    padding: 20px 0;
}

.loading-icon {
    position: relative;
    width: 100%;
    height: 100px;
}

.p-products__list {
    border-top: 1px solid #d7d1c5;
}

.p-products__list.is-block {
    *zoom: 1;
    border-top: 1px solid #d7d1c5;
    border-bottom: none;
}

.p-products__list.is-block:before,
.p-products__list.is-block:after {
    display: table;
    content: " ";
}

.p-products__list.is-block:after {
    clear: both;
}

.p-products__list.is-block .p-products__item {
    float: left;
    width: 50%;
    border-bottom: 1px solid #d7d1c5;
    border-top: none;
}

.p-products__list.is-block .p-products__item:nth-child(2n-1) {
    clear: left;
    border-right: 1px solid #d7d1c5;
}

.p-products__list.is-block .p-products__item>a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-products__list.is-block .p-products__item>a:after {
    display: none;
}

.p-products__list.is-block .p-products__item-image-area {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: .5em;
    height: 170px;
}

.p-products__list.is-block .p-products__item-image {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.p-products__list.is-block .p-products__item-type-sticker {
    text-align: left;
    height: 1.7em;
}

.p-products__list.is-block .p-products__item-text-area {
    float: none;
    width: 100%;
}

.p-products__list.is-block .p-products__item-point {
    border-bottom: none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.p-products__list.is-block .p-products__item-point+.p-products__item-tags {
    border-top: 1px solid #b7b7b7;
    padding-top: 10px;
}

.p-products__list.is-block .p-products__item-point+.p-products__item-detail {
    margin-top: -10px;
}

.p-products__list.is-block .p-products__item-detail-text {
    display: none !important;
}

.p-products__list.is-block .p-products__item-review-link span {
    display: none;
}

.p-products__item {
    *zoom: 1;
    border-bottom: 1px solid #d7d1c5;
    display: block;
}

.p-products__item:before,
.p-products__item:after {
    display: table;
    content: " ";
}

.p-products__item:after {
    clear: both;
}

.p-products__item>a {
    position: relative;
    overflow: hidden;
    color: currentColor;
    padding: 1em 10px;
}

.p-products__item>a:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .8em;
    height: .8em;
    border: .2em solid #adadad;
    border-bottom: none;
    border-left: none;
}

.p-products__item-icon {
    left: 20px;
}

.p-products__item-image-area {
    float: left;
    width: 31.71875%;
    margin-right: 4%;
}

.p-products__item-image {
    margin-bottom: .5em;
    max-width: 100%;
}

.p-products__list.is-block .p-products__item-image {
    max-height: 140px;
}

.p-products__item-type-sticker {
    text-align: center;
}

.p-products__item-text-area {
    float: left;
    width: 55%;
}

.p-products__item-name {
    font-weight: bold;
    color: #705150;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: .3em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.p-products__item-name+.p-products__item-detail-text {
    margin-top: -.3em;
    margin-bottom: .3em;
}

.p-products__item-tags {
    margin-bottom: .25em;
}

.p-products__item-price {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: .2em;
}

.p-products__item-price img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    top: -1px;
}

.p-products__item-price-strike {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #666666;
    font-weight: normal;
}

.p-products__item-price-strike span {
    padding-left: .5em;
    text-decoration: line-through;
}

.p-products__item-souryou {
    position: relative;
    top: -2px;
    font-size: 10px;
    font-size: 0.625rem;
    display: inline-block;
    padding: 1px 4px;
    color: white;
    background: #c1a78e;
}

.p-products__item-point {
    color: #545454;
    font-size: 12px;
    font-size: 0.75rem;
    /* border-bottom: 1px solid #b7b7b7; */
    padding-bottom: 10px;
    /* margin-bottom: 10px; */
}

.p-products__item-point span {
    font-weight: bold;
}

.p-products__item-campaign-point {
    color: #545454;
    font-size: 12px;
    font-size: 0.6875rem;
    padding-left: 5px;
    padding-bottom: 5px;
}

.p-products__item-campaign-point-addition {
    color: #545454;
    font-size: 12px;
    font-size: 0.6875rem;
    padding-left: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.is-block .p-products__item-teiki {
    border-top: 1px solid #b7b7b7;
    padding-top: 7px;
}

.p-products__item-teiki {
    padding-top: 20px;
    border-top: 1px solid #b7b7b7;
}

.is-hanpu .p-products__item-teiki {
    padding-top: 0;
    border-top: none;
}

.p-products__item-teiki-title {
    position: relative;
    background: #eb9967;
    font-weight: bold;
    color: white;
    font-size: 11px;
    font-size: 0.6875rem;
    text-align: center;
    padding: 2px;
    margin-bottom: 1em;
}

.p-products__item-teiki-title:after {
    position: absolute;
    left: 50%;
    bottom: -10px;
    content: '';
    border: 5px solid transparent;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #eb9967;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.p-products__item-detail {
    padding-top: 10px;
    border-top: 1px solid #b7b7b7;
}

.is-block .p-products__item-detail {
    padding-top: 0;
    border-top: none;
    margin-top: -10px;
}

.p-products__item-detail-text {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6;
}

.p-products__item-review {
    font-size: 1.0125rem;
}

.p-products__item-review-stars {
    color: #f29700;
}

.p-products__item-review-link {
    text-decoration: underline;
    cursor: pointer;
    font-size: 80%;
    display: inline;
}

.p-products__side {
    display: none;
}

.p-products__menu .c-pickup {
    padding-top: 10px;
    border-top: 1px solid #dcd7cc;
}

.p-products__menu .c-pickup__item {
    padding-left: 5px;
    padding-right: 5px;
}

.p-products__menu-list {
    margin-top: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #dcd7cc;
}

@media screen and (min-width: 768px) {
    .p-products__header-lead {
        border-bottom: none;
    }

    .p-products__search-tools {
        margin-top: -34px;
        *zoom: 1;
        display: block;
        border-top: 1px solid white;
        -webkit-box-shadow: 0 -1px 0 #d7d1c5;
        box-shadow: 0 -1px 0 #d7d1c5;
        border-bottom: none;
        background: #f4f0eb;
        padding: 10px;
    }

    .p-products__search-tools:before,
    .p-products__search-tools:after {
        display: table;
        content: " ";
    }

    .p-products__search-tools:after {
        clear: both;
    }

    .p-products__search-detail-btn {
        display: none;
    }

    .p-products__search-header {
        float: left;
        display: block;
        padding-left: 9px;
    }

    .p-products__search-header-title {
        font-weight: bold;
        font-size: 18px;
        font-size: 1.125rem;
        padding-top: 2px;
        margin-bottom: 2px;
    }

    .p-products__search-header-title span {
        font-weight: normal;
    }

    .p-products__search-header-result {
        font-size: 12px;
        font-size: 0.75rem;
    }

    .p-products__search-header-result span {
        font-weight: bold;
    }

    .p-products__search-order-tool {
        -js-display: block;
        display: block;
        float: right;
    }

    .p-products__search-order__select {
        position: relative;
        float: left;
        width: 160px;
        border: 1px solid #d7d1c5;
        border-radius: 4px;
        padding: 17px 0;
        padding-left: 15px;
        background: white;
        margin-right: 6px;
        cursor: pointer;
    }

    .p-products__search-order1 {
        position: relative;
        float: left;
        width: 160px;
        border: 1px solid #d7d1c5;
        border-radius: 4px;
        padding: 17px 0;
        padding-left: 15px;
        background: white;
        margin-right: 6px;
        overflow: hidden;
    }

    .p-products__search-order:before {
        position: absolute;
        content: '';
        pointer-events: none;
        background: white;
        width: 1.5em;
        height: 1.5em;
        right: 1.7em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .p-products__search-order select::-ms-expand {
        display: none;
    }

    .p-products__search-type-button {
        display: block;
        float: left;
        background: white;
    }

    .p-products__search-type-button img {
        width: 48px;
        border: 1px solid #d7d1c5;
    }

    .p-products__search-type-button.is-active img {
        border: none;
    }

    .p-products__search-result {
        display: none;
    }

    .p-products__search-footer {
        width: 95.714285714%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em;
    }

    .p-products__search-footer-text {
        font-size: 13px;
        font-size: 0.8125rem;
        margin-bottom: 2em;
    }

    .p-products__search-footer-result {
        font-size: 12px;
        font-size: 0.75rem;
        text-align: right;
    }

    .p-products__search-footer-result a {
        text-align: right;
        text-decoration: underline;
        color: currentColor;
    }

    .p-products__list.is-block {
        *zoom: 1;
        border-top: 1px solid #d7d1c5;
        border-bottom: none;
    }

    .p-products__list.is-block:before,
    .p-products__list.is-block:after {
        display: table;
        content: " ";
    }

    .p-products__list.is-block:after {
        clear: both;
    }

    .p-products__list.is-block .p-products__item {
        float: left;
        width: 25%;
        padding: 0 10px;
        border-bottom: 1px solid #d7d1c5;
        border-top: none;
        border-right: 1px solid #d7d1c5;
    }

    .p-products__list.is-block .p-products__item:nth-child(2n-1) {
        clear: none;
    }

    .p-products__list.is-block .p-products__item:nth-child(4n) {
        border-right: none;
    }

    .p-products__list.is-block .p-products__item-icon {
        left: 0;
        font-size: 10px;
        font-size: 0.625rem;
    }

    .p-products__list.is-block .p-products__item-image-area {
        margin-bottom: 0;
        margin-left: 0;
    }

    .p-products__list.is-block .p-products__item-name {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        margin-top: .25em;
        margin-bottom: .5em;
        word-wrap: break-word;
    }

    .p-products__list.is-block .p-products__item-type-sticker {
        height: 1.7em;
    }

    .p-products__list.is-block .p-products__item-type-sticker .c-tag {
        width: auto;
        font-size: 12px;
        font-size: 0.75rem;
        padding: 4px;
    }

    .p-products__list.is-block .p-products__item-tags {
        letter-spacing: -.25em;
    }

    .p-products__list.is-block .p-products__item-tags .c-tag {
        letter-spacing: 0;
        min-width: 70px;
        margin-right: 1px;
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 2px;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .p-products__list.is-block .p-products__item-price>img {
        display: none;
    }

    .p-products__list.is-block .p-products__item-teiki-title {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        font-size: 0.75rem;
        padding: 5px;
        margin-bottom: .5em;
    }

    .p-products__list.is-block .p-products__item-teiki-title:after {
        right: auto;
        left: 50%;
        bottom: -14px;
        border: 7px solid transparent;
        border-left-width: 6px;
        border-right-width: 6px;
        border-top-color: #eb9967;
    }

    .p-products__list.is-block .p-products__item-detail {
        border-top: none !important;
        padding-top: 0px;
        margin-top: 0px;
    }

    .p-products__list.is-block .p-products__item-point {
        margin-left: 0;
        margin-bottom: 0;
    }

    .p-products__item {
        *zoom: 1;
    }

    .p-products__item:before,
    .p-products__item:after {
        display: table;
        content: " ";
    }

    .p-products__item:after {
        clear: both;
    }

    .p-products__item>a {
        padding: 1em 0;
    }

    .p-products__item>a:after {
        display: none;
    }

    .p-products__item-image-area {
        width: 20%;
        margin-right: 2%;
        margin-left: 2%;
    }

    .p-products__item-type-sticker .c-tag {
        width: 100%;
        border-width: 2px;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-products__item-type-sticker .c-tag:before {
        width: 17px;
        height: 13px;
    }

    .p-products__item-text-area {
        float: left;
        width: 76%;
    }

    .p-products__item-name {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: .3em;
    }

    .p-products__item-tags {
        margin-bottom: .25em;
    }

    .p-products__item-price {
        display: inline-block;
        font-weight: bold;
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: .2em;
    }

    .p-products__item-price-number {
        font-size: 16px;
        font-size: 1rem;
    }

    .p-products__item-souryou {
        top: -1px;
        font-size: 11px;
        font-size: 0.6875rem;
    }

    .p-products__item-point {
        display: inline-block;
        font-size: 14px;
        font-size: 0.875rem;
        margin-left: 1em;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .p-products__item-point span {
        font-weight: bold;
    }

    .p-products__item-point--favorite {
        display: block;
    }

    .p-products__item-teiki {
        margin-top: 7px;
        margin-bottom: -5px;
    }

    .p-products__item-teiki-title {
        position: relative;
        width: 55px;
        padding: 5px 2px;
        line-height: 1.1;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: 1em;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .p-products__item-teiki-title:after {
        left: auto;
        bottom: 0;
        right: -2.76em;
        border: 18px solid transparent;
        border-left-width: 11px;
        border-right-width: 11px;
        border-left-color: #eb9967;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .p-products__item-teiki-body {
        display: inline-block;
        vertical-align: middle;
    }

    .p-products__item-detail {
        border-top: 1px solid #cacaca;
        padding-top: 12px;
        margin-top: 12px;
    }

    .p-products__item-detail-text {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.6;
    }

    .p-products__menu {
        display: none;
    }

    .p-products__side {
        display: block;
    }

    .p-products__side-title {
        margin-top: 20px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
        font-size: 14px;
        font-size: 0.875rem;
        width: 100%;
        color: white;
        background: #595959;
    }

    .p-products__side-category {
        border: 2px solid #f4f1eb;
        border-bottom: none;
    }

    .p-products__side-category-title {
        width: 100%;
        border-bottom: 2px solid white;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-products__side-category-title:last-child {
        border-bottom: none;
    }

    .p-products__side-category-title a {
        display: table;
        position: relative;
        overflow: hidden;
        /* width: 100%; */
        background: #f4f1eb;
        padding: 10px 15px 10px 10px;
    }

    .p-products__side-category-title a:after {
        right: 15px;
        border-width: 1px;
        width: 6px;
        height: 6px;
    }

    .p-products__side-category-thumb {
        display: table-cell;
        width: 40px;
        vertical-align: middle;
        background: white;
    }

    .p-products__side-category-thumb img {
        width: 40px;
    }

    .p-products__side-category-name {
        display: table-cell;
        /* padding-left: 10px;
    padding-right: 10px; */
        font-weight: bold;
        vertical-align: middle;
    }

    .p-products__side-category-name a {
        text-decoration: underline;
    }

    .p-products__side-category-name a:hover {
        text-decoration: none;
    }

    .p-products__side-category-links {
        padding: 10px;
        font-size: 13px;
        font-size: 0.8125rem;
        border-bottom: 2px solid #f4f1eb;
    }

    .p-products__side-category-title a {
        text-decoration: underline;
    }

    .p-products__side-category-title a:hover {
        text-decoration: none;
    }

    .p-products__side-category-links strong {
        display: block;
        font-weight: bold;
    }

    .p-products__side-category-item-name {
        position: relative;
        color: currentColor;
        padding: 6px;
        padding-left: 15px;
    }

    .p-products__side-category-item-name:after {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        content: '';
        border: 1px solid #bfaa8b;
        border-bottom: none;
        border-left: none;
        left: 0;
        width: 6px;
        height: 6px;
    }

    .p-products__side-category-item-name.is-open {
        font-weight: bold;
        text-decoration: none;
    }

    .p-products__side-category-item-name.is-open:after {
        top: .9em;
        left: 2px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }

    .p-products__side-category-group-02 {
        padding-left: 12px;
    }

    .p-products__side-category-group-02>li>.p-products__side-category-item-name:after {
        left: 5px;
        border-color: #3f3f3f;
        width: 4px;
        height: 4px;
    }

    .p-products__side-category-group-03 {
        padding-left: 10px;
    }

    .p-products__side-category-group-03>li>.p-products__side-category-item-name:after {
        top: 1em;
        left: 5px;
        border: 4px solid transparent;
        border-top-width: 3px;
        border-bottom-width: 3px;
        border-left-color: #745757;
        -webkit-transform: rotate(0deg) translateY(-50%);
        -ms-transform: rotate(0deg) translateY(-50%);
        transform: rotate(0deg) translateY(-50%);
    }

    .p-products__side-search {
        border: 1px solid #d7d1c5;
        border-top: none;
        -webkit-box-shadow: 0 2px 0 #f7f6f3;
        box-shadow: 0 2px 0 #f7f6f3;
    }

    .p-products__side-search-keyword {
        padding: 10px;
        position: relative;
    }

    .p-products__side-search-keyword input {
        width: 100%;
        border: 2px solid #e9e0d2 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .p-products__side-search-keyword:after {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%) scale(0.3);
        -ms-transform: translateY(-50%) scale(0.3);
        transform: translateY(-50%) scale(0.3);
        /* content: url(./images/ico_keyword_search.png); */
        display: block;
    }

    .p-products__side-search-keyword-icon {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%) scale(0.3);
        -ms-transform: translateY(-50%) scale(0.3);
        transform: translateY(-50%) scale(0.3);
        /* content: url(/shop/cms/sp/images/ico_keyword_search.png); */
        display: block;
    }

    .p-products__side-search-title {
        position: relative;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        border-top: 1px solid #d7d1c5;
        padding: 1.2em .7em;
        background: #f4f1eb;
        cursor: pointer;
    }

    .p-products__side-search-title a {
        padding: 1.2em .7em;
        background: #f4f1eb;
    }

    .p-products__side-search-title:after {
        position: absolute;
        top: 50%;
        content: '';
        border: 1px solid #bfaa8b;
        border-top: none;
        border-left: none;
        -webkit-transition: .2s;
        transition: .2s;
        right: 10px;
        -webkit-transform: rotate(45deg) translate(-80%);
        -ms-transform: rotate(45deg) translate(-80%);
        transform: rotate(45deg) translate(-80%);
        width: 7px;
        height: 7px;
    }

    .p-products__side-search-title a:after {
        position: absolute;
        top: 50%;
        content: '';
        border: 1px solid #bfaa8b;
        border-top: none;
        border-left: none;
        -webkit-transition: .2s;
        transition: .2s;
        right: 10px;
        -webkit-transform: rotate(45deg) translate(-80%);
        -ms-transform: rotate(45deg) translate(-80%);
        transform: rotate(45deg) translate(-80%);
        width: 7px;
        height: 7px;
    }

    .p-products__side-search-title.is-open:after {
        -webkit-transform: rotate(-135deg) translate(80%);
        -ms-transform: rotate(-135deg) translate(80%);
        transform: rotate(-135deg) translate(80%);
    }

    .p-products__side-search-links {
        border-top: 1px solid #d7d1c5;
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 10px 5px;
        padding-right: 0;
    }

    .p-products__side-search-links a {
        padding: 0 .7em;
        line-height: 2.4;
        text-decoration: underline;
    }

    .p-products__side-search-links a:after {
        right: 15px;
        width: 6px;
        height: 6px;
        border-width: 1px;
    }

    .p-products__side-search-links a:hover {
        text-decoration: none;
    }

    .p-products__side-checked {
        border: 1px solid #d7d1c5;
        border-top: none;
        border-bottom: none;
    }

    .p-products__side-checked-item {
        *zoom: 1;
        border-bottom: 1px solid #d7d1c5;
    }

    .p-products__side-checked-item:before,
    .p-products__side-checked-item:after {
        display: table;
        content: " ";
    }

    .p-products__side-checked-item:after {
        clear: both;
    }

    .p-products__side-checked-item>a {
        overflow: hidden;
        display: block;
        padding: 8px 5px;
        padding-right: 1.5em;
    }

    .p-products__side-checked-item>a:after {
        border-width: 2px;
        width: 7px;
        height: 7px;
        right: 10px;
    }

    .p-products__side-checked-item-image {
        float: left;
        width: 27%;
        margin-right: 3%;
    }

    .p-products__side-checked-item-text {
        float: left;
        width: 67%;
    }

    .p-products__side-checked-item-title {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        color: #705150;
        line-height: 1.2;
    }

    .p-products__side-checked-item-price {
        padding-top: 4px;
        text-align: right;
        font-size: 11px;
        font-size: 0.6875rem;
        font-weight: bold;
    }

    .p-products__side-checked-item-price span {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

/* products detail */
.p-detail__header {
    border-top: 2px solid #cac5be;
    border-bottom: 1px dotted #d2d2d2;
}

.p-detail__header-top {
    background: #f4f0eb;
    padding: 7px 15px 10px;
    font-weight: bold;
}

.p-detail__header-title {
    font-size: 24px;
    font-size: 1.5em;
    margin-bottom: 3px;
}

.p-detail__header-tag {
    font-size: 12px;
    font-size: 0.90rem;
    display: inline-block;
}

.p-detail__header-bottom {
    padding: 10px 15px;
}

.p-detail__header-tags {
    display: inline-block;
}

.p-detail__header-text {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: .5em;
}

.p-detail__header-msg {
    font-size: 0.8rem;
}

.p-detail__visual {
    margin-bottom: 15px;
}

.p-detail__visual-slide li {
    padding: 15px;
}

.p-detail__visual-slide img {
    width: 100%;
}

.p-detail__visual-thumb {
    *zoom: 1;
    background: #f4f0eb;
    padding: 15px;
}

.p-detail__visual-thumb:before,
.p-detail__visual-thumb:after {
    display: table;
    content: " ";
}

.p-detail__visual-thumb:after {
    clear: both;
}

.p-detail__visual-thumb li {
    position: relative;
    float: left;
    width: 15.254237288%;
    margin: 0 1.694% 2.5%;
}

.p-detail__visual-thumb li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #e2d3c0;
    -webkit-transition: .3s;
    transition: .3s;
}

.p-detail__visual-thumb li.is-current:before {
    border: 2px solid #fe5e9e;
}

.p-detail__staff-voice {
    padding: 7px 10px 5px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-top: 15px;
}

.p-detail__staff-voice-title {
    font-weight: bold;
    padding-bottom: .4em;
    margin-bottom: 5px;
    border-bottom: 2px solid #fa6870;
    font-size: 17px;
    font-size: 1.0625rem;
}

.p-detail__staff-voice-title img {
    vertical-align: middle;
    display: inline-block;
}

.p-detail__staff-voice-list {
    padding: 10px 10px 0;
}

.p-detail__staff-voice-headline {
    font-weight: bold;
    margin-bottom: .7em;
}

.p-detail__staff-voice-text {
    overflow: hidden;
}

.p-detail__staff-voice-text span {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 1em;
    line-height: 1.636363636;
}

.p-detail__staff-voice-text a {
    font-size: 0.8125rem;
    color: currentColor;
    text-decoration: underline;
}

.p-detail__staff-voice-text .initial {
    display: inline;
}

.p-detail__staff-voice-name {
    text-align: right;
}

.p-detail__description {
    padding: 7px 10px 10px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.p-detail__description-title {
    font-weight: bold;
    padding-bottom: .4em;
    margin-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 5px;
    font-size: 17px;
    font-size: 1.0625rem;
}

.p-detail__description-body {
    /*   padding: 5px; */
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.636363636;
}

.p-detail__outline {
    *zoom: 1;
    padding: 10px 25px 15px;
    background: #f4f0eb;
    margin-bottom: 15px;
}

.p-detail__outline:before,
.p-detail__outline:after {
    display: table;
    content: " ";
}

.p-detail__outline:after {
    clear: both;
}

.p-detail__outline-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: .5em;
    line-height: 1.2;
}

.p-detail__outline-image {
    float: left;
    width: 20%;
    border: 1px solid #cacaca;
    margin-right: 4%;
}

.p-detail__outline-image--teiki {
    position: relative;
    width: 25%;
}

.p-detail__outline-image--teiki:before {
    position: absolute;
    top: -8px;
    left: -8px;
    content: '定期';
    background: #99651d;
    color: white;
    border-radius: 2em;
    padding: 1.3em .3em;
    line-height: 0;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
}

.p-detail__outline-souryou {
    float: left;
    width: 18%;
    padding-top: 5px;
    margin-right: 4%;
}

.p-detail__outline-text {
    float: left;
    max-width: 54%;
    padding-top: 1%;
}

.p-detail__outline-text-sub {
    float: right;
    max-width: 76%;
    padding-top: 1%;
}

.p-detail__outline-text--teiki {
    overflow: hidden;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-detail__outline-normal-price {
    color: #666666;
    font-size: 12px;
    font-size: 0.75rem;
}

.p-detail__outline-normal-price .text-decoration-area {
    text-decoration: line-through;
}

.p-detail__outline-normal-price span {
    margin-left: .5em;
}

.p-detail__outline-price {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
}

.p-detail__outline-price span {
    font-size: 24px;
    font-size: 1.5rem;
    color: #99650c;
}

.p-detail__outline-point {
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 10px;
}

.p-detail__outline-point span {
    font-weight: bold;
}

.p-detail__outline-campaign-point {
    font-size: 11px;
    font-size: 0.7rem;
    margin-left: 10px;
}

.p-detail__outline-campaign-point-addition {
    font-size: 11px;
    font-size: 0.7rem;
    margin-left: 10px;
    font-weight: bold;
}

.p-detail__outline-teiki {
    display: none;
}

.p-detail__outline__teiki {
    clear: both;
    text-align: center;
    padding-top: 15px;
}

.p-detail__outline__teiki-btn {
    display: inline-block;
    position: relative;
    padding: 7px 15px;
    padding-right: 30px;
    border: 1px solid #5e4739;
    background: white;
    color: #5e4738;
}

.p-detail__outline__teiki-btn:after {
    position: absolute;
    right: .7em;
    top: 45%;
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .15em solid #5e4739;
    border-bottom: none;
    border-left: none;
}

.p-detail__outline__teiki-text {
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: .25em;
}

.p-detail__outline__teiki-text img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: .25em;
}

.p-detail__outline__teiki-price {
    text-align: center;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1;
}

.p-detail__outline__teiki-price span {
    font-size: 14px;
    font-size: 0.875rem;
    color: #ec9961;
    font-weight: bold;
}

.p-detail__recommend-commodity {
    margin-bottom: 20px;
}

.p-detail__recommend-commodity_area {
    margin-bottom: 15px;
}

.p-detail__recommend-commodity_title {
    font-weight: bold;
    padding-bottom: .4em;
    margin-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 5px;
    font-size: 17px;
    font-size: 1.0625rem;
}

.p-detail__recommend-commodity_body {
    /*   padding: 5px; */
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.636363636;
}

.p-detail__return {
    border: 4px solid #efe3d1;
    padding: 15px;
    margin-bottom: 20px;
}

.p-detail__postboxArea {
    border: 4px solid #efe3d1;
    padding: 15px;
    margin-bottom: 20px;
}

.p-detail__return-icon {
    float: left;
    background: #c1b29c;
    color: white;
    padding: 20px 15px;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    line-height: 0.6;
    margin-right: 18px;
}

.p-detail__return-iheader {
    font-weight: plain;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
}

.p-detail__return-idate {
    display: block;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.2rem;
    text-align: center;
}

.p-detail__return-text-area {
    overflow: hidden;
}

.p-detail__postboxArea-text-area {
    overflow: hidden;
}

.p-detail__return-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 3px;
}

.p-detail__postboxArea-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 3px;
}

.p-detail__return-title img {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.p-detail__postboxArea-title img {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.p-detail__return-text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4px;
    line-height: 1.2;
}

.p-detail__postboxArea-text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4px;
    line-height: 1.2;
}

.p-detail__return-note {
    font-size: 11px;
    font-size: 0.6875rem;
}

.p-detail__postboxArea-note {
    font-size: 11px;
    font-size: 0.6875rem;
}

.p-detail__return-note a {
    display: inline-block;
    color: currentColor;
    text-decoration: underline;
}

.p-detail__postboxArea-note a {
    display: inline-block;
    color: currentColor;
    text-decoration: underline;
}

.p-detail__inquiry {
    padding: 0 20px;
    margin-bottom: 30px;
}

.p-detail__sale_description {
    margin-bottom: 20px;
}

.p-detail__sale_description_area {
    margin-bottom: 15px;
}

.p-detail__sale_description_btn {
    margin-top: 20px;
}

.p-detail__sale_description_title {
    font-weight: bold;
    padding-bottom: .4em;
    margin-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 5px;
    font-size: 17px;
    font-size: 1.0625rem;
}

.p-detail__sale_description_body {
    /* padding: 5px; */
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.636363636;
}

.p-detail__feature-title {
    padding: 5px 15px;
    color: #a77c39;
    font-weight: bold;
    background: #f8f3ec;
    border-top: 2px solid #efe3d1;
    border-bottom: 2px solid #efe3d1;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1em;
}

.p-detail__feature-title>span {
    position: relative;
    top: -2px;
    display: inline-block;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1;
    padding: .2em .3em;
    border-radius: 1em;
    background: #a77c39;
    color: white;
}

.p-detail__feature-sub-title {
    font-weight: bold;
    color: #5e4738;
    font-size: 17px;
    font-size: 1.0625rem;
}

.p-detail__feature-body {
    margin-bottom: 20px;
}

.p-detail__feature-body>p,
.p-detail__feature-body>ul {
    margin-bottom: 1em;
    line-height: 1.7;
}

.p-detail__feature-image {
    margin-bottom: 30px;
}

.p-detail__sns {
    text-align: center;
    padding: 20px 0 0;
}

.p-detail__sns>li {
    display: inline-block;
    width: 27.34375%;
    padding: 4.6875%;
}

.p-detail__popup-link {
    display: inline-block;
    text-decoration: underline;
    background: #f4f0eb;
    padding: 1em 2em;
    margin-left: auto;
    margin-right: auto;
    color: #333333;
    min-width: 90%;
    text-align: center;
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 15px;
}

.p-detail__other-size {
    padding: 10px 10px 5px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    margin-bottom: 15px;
}

.p-detail__other-size-title {
    font-weight: bold;
    padding-bottom: .4em;
    margin-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 5px;
    font-size: 17px;
    font-size: 1.0625rem;
}

.p-detail__other-size-list li+li {
    border-top: 1px dotted #d9d4c8;
}

.p-detail__other-size-list a {
    position: relative;
    color: currentColor;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: .8em;
}

.p-detail__other-size-list a:after {
    position: absolute;
    right: .5em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
}

.p-detail__tab {
    display: none;
}

@media screen and (min-width: 768px) {
    .p-detail__column-item {
        width: 47.857142857%;
    }

    .p-detail__header {
        border-top: none;
        border-bottom: none;
    }

    .p-detail__header-top {
        background: #f4f0eb;
        padding: 15px;
        font-weight: bold;
    }

    .p-detail__header-title {
        font-size: 24px;
        font-size: 1.125rem;
    }

    .p-detail__header-tag {
        display: inline-block;
    }

    .p-detail__header-bottom {
        padding: 10px 0;
    }

    .p-detail__header-tags {
        display: inline-block;
        margin-bottom: .5em;
    }

    .p-detail__header-text {
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 0;
    }

    .p-detail__header-msg {
        font-size: 0.85rem;
    }

    .p-detail__visual-slide {
        border: 1px solid #d4d4d4;
    }

    .p-detail__visual-thumb {
        -webkit-box-shadow: inset 0 2px 0 #e8e4df;
        box-shadow: inset 0 2px 0 #e8e4df;
        padding-bottom: 5px;
    }

    .p-detail__visual-thumb li {
        width: 16.6%;
        cursor: pointer;
    }

    .p-detail__outline {
        background: none;
        padding: 0;
    }

    .p-detail__outline--teiki {
        background: #f4f0eb;
        padding: 15px 20px 15px;
    }

    .p-detail__outline-title {
        display: none;
    }

    .p-detail__outline-title--teiki {
        display: block;
        margin-bottom: .7em;
        font-size: 16px;
        font-size: 1rem;
    }

    .p-detail__outline-image {
        display: none;
    }

    .p-detail__outline-image--teiki {
        display: block;
        width: 22%;
    }

    .p-detail__outline-souryou {
        float: left;
        width: 17.910447761%;
    }

    .p-detail__outline-text {
        float: right;
        max-width: 75%;
    }

    .p-detail__outline-text-sub {
        float: right;
        max-width: 100%;
    }

    .p-detail__outline-normal-price {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-detail__outline-price {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .p-detail__outline-price span {
        font-size: 36px;
        font-size: 2.25rem;
    }

    .p-detail__outline-point {
        text-align: right;
        margin-left: 0;
    }

    .p-detail__outline-campaign-point {
        text-align: right;
        margin-left: 0;
    }

    .p-detail__outline-campaign-point-addition {
        text-align: right;
        margin-left: 0;
    }

    .p-detail__outline-teiki {
        overflow: hidden;
        width: 100%;
        display: block;
        padding-top: 7px;
        margin-bottom: .5em;
        margin-top: 7px;
    }

    .p-detail__outline-teiki-title {
        float: left;
        position: relative;
        background: #eb9967;
        color: white;
        width: 55px;
        padding: 5px 2px 4px;
        line-height: 1.1;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin-bottom: 0;
        margin-right: 1em;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: bold;
    }

    .p-detail__outline-teiki-title:after {
        position: absolute;
        content: '';
        left: auto;
        bottom: 0;
        right: -2.76em;
        border: 18px solid transparent;
        border-left-width: 11px;
        border-right-width: 11px;
        border-left-color: #eb9967;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .p-detail__outline-teiki-body {
        float: left;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

    .p-detail__outline-teiki-price {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        margin-bottom: .2em;
    }

    .p-detail__outline-teiki-price-number {
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
    }

    .p-detail__outline-teiki-point {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-detail__outline-teiki-point span {
        font-weight: bold;
    }

    .p-detail__outline__teiki {
        margin-bottom: 10px;
    }

    .p-detail__outline__teiki-btn {
        padding-top: 9px;
        padding-bottom: 9px;
        width: 80.597014925%;
    }

    .p-detail__outline__teiki-btn:after {
        border-width: .2em;
    }

    .p-detail__outline__teiki-text {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-detail__outline__teiki-text img {
        width: 23px;
    }

    .p-detail__outline__teiki-price {
        font-size: 11px;
        font-size: 0.6875rem;
    }

    .p-detail__outline__teiki-price span {
        font-size: 16px;
        font-size: 1rem;
    }

    .p-detail__return-note a:hover {
        text-decoration: none;
    }

    .p-detail__postboxArea-note a:hover {
        text-decoration: none;
    }

    .p-detail__inquiry {
        padding: 0;
    }

    .p-detail__inquiry a {
        padding: 15px;
    }

    .p-detail__feature-body {
        padding: 0 20px;
    }

    .p-detail__feature-body>p {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-detail__feature-image {
        margin-top: 30px;
    }

    .p-detail__feature-image--float-left {
        float: left;
        margin-left: 1em;
    }

    .p-detail__feature-image--float-right {
        float: right;
        margin-left: 1em;
    }

    .p-detail__feature-sub-title {
        font-size: 16px !important;
    }

    .p-detail__buy-lead-btn {
        max-width: 335px;
        margin-left: auto;
        margin-right: auto;
    }

    .p-detail__buy-lead-btn .c-btn {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .p-detail__sns {
        width: 50%;
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .p-detail__tab {
        display: block;
        overflow: visible;
        margin-bottom: 15px;
    }

    .p-detail__tab .c-tab__item {
        width: 48%;
        border-radius: 10px 10px 0 0;
        border-color: #b5b5b5;
    }

    .p-detail__tab .c-tab__item.is-current,
    .p-detail__tab .c-tab__item:hover {
        border-color: #bfaa8d;
    }

    .p-detail__tab .c-tab__item:first-child {
        margin-left: .5%;
        margin-right: 1.5%;
    }

    .p-detail__tab .c-tab__target {
        font-size: 14px;
        font-size: 0.875rem;
        padding-top: .7em;
    }

    .p-detail__popup-link {
        margin-bottom: -5px;
    }

    .c-selected-item__title2 {
        width: 100%;
    }
}

/* products detail - teiki */
.p-teiki__lead-single-btn {
    position: relative;
    border: 2px solid #e9e0d3;
    border-radius: 5px;
    padding: .7em;
    padding-right: 2em;
    font-size: 13px;
    font-size: 0.8125rem;
}

.p-teiki__lead-single-btn:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .7em;
    height: .7em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
}

.p-teiki__lead-single-btn a {
    color: currentColor;
}

.p-teiki__lead-title {
    background: #bfaa8d;
}

.p-teiki__contents-title {
    font-weight: bold;
    font-size: 17px;
    font-size: 1.0625rem;
    padding-left: .5em;
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid #d2d2d2;
}

.p-teiki__cycle-info {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1em;
}

.p-teiki__shipping-info {
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: .25em;
}

.p-teiki__more-cycle-btn {
    border: 2px solid #e9e0d3;
    background: #f4f0eb;
    font-weight: bold;
    color: #99650c;
    text-align: center;
    padding: .5em;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 2em;
    cursor: pointer;
}

.p-teiki__more-cycle-btn i {
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s;
}

.p-teiki__more-cycle-btn.is-open i {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.p-teiki__more-cycle-btn>a {
    color: currentColor;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .p-teiki__lead-title {
        font-size: 16px;
        font-size: 1rem;
    }

    .p-teiki__lead-title img {
        position: relative;
        top: -1px;
        width: 26px;
    }

    .p-teiki__contents-title {
        padding-left: 0;
    }
}

/* cart */
.p-cart__flow {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.p-cart__select-coupon label {
    margin-right: 0;
    width: 100%;
}

.p-cart__select-coupon select {
    width: 100%;
}

.p-cart__input-coupon {
    padding-top: 5px;
}

.p-cart__input-coupon label {
    margin-right: 0;
    width: 100%;
}

.p-cart__input-coupon input {
    width: 70%;
}

.p-cart__input-coupon button {
    position: relative;
    top: -1px;
    width: 25%;
    margin-left: 4%;
}

.p-cart__flow img {
    width: 83.125%;
}

.p-cart__tab-info {
    text-align: center;
    color: #5e4738;
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: .8em;
    margin-bottom: .8em;
}

.p-cart__shopping-info {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.p-cart__shopping-info-title {
    color: #e60012;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 10px;
}

.p-cart__shopping-info-text {
    font-size: 12px;
    font-size: 0.75rem;
}

.p-cart__total-box {
    margin-bottom: 15px;
}

.p-cart__btn-area {
    margin-bottom: 20px;
}

.p-cart__title {
    font-weight: bold;
    margin: 1em 0 .5em .5em;
}

.p-cart__point-info {
    overflow: hidden;
    background: #f8f3ec;
    padding: 7px 10px;
    border: 2px solid #ddc4a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.p-cart__point-info-icon {
    width: 12.280701754%;
}

.p-cart__point-info-text {
    font-size: 15px;
    font-size: 0.9375rem;
    padding-left: 10px;
}

.p-cart__point-info-text span {
    color: #996c33;
    font-weight: bold;
    font-size: 17px;
    font-size: 1.0625rem;
}

.p-cart__point-info-percent {
    color: #996c33;
    font-weight: bold;
}

.p-cart__recommend-list {
    *zoom: 1;
    display: flex;
    flex-wrap: wrap;
}

.p-cart__recommend-list:before,
.p-cart__recommend-list:after {
    display: table;
    content: " ";
}

.p-cart__recommend-list:after {
    clear: both;
}

.p-cart__recommend-item {
    float: left;
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
}

.p-cart__recommend-item-image {
    padding: 5px;
}

.p-cart__recommend-item-name {
    text-align: center;
    margin-bottom: .5em;
}

.p-cart__recommend-item-price {
    font-weight: bold;
    text-align: center;
    margin-bottom: .5em;
}

.p-cart__recommend-item-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    border: 2px solid #bebebe;
    padding: .1em 1em;
    font-size: 9px;
    font-size: 0.5625rem;
}

.p-cart__teiki-info {
    margin-bottom: 10px;
}

.p-cart__teiki-info-title {
    font-size: 18px;
    font-size: 1.125rem;
}

.p-cart__complete {
    font-size: 14px;
    font-size: 0.875rem;
}

.p-cart__complete-lead {
    font-weight: bold;
    font-size: 19px;
    font-size: 1.1875rem;
    padding-top: .5em;
}

.p-cart__complete p {
    text-align: center;
    margin-bottom: 1em;
}

.p-cart__complete a {
    display: inline-block;
    text-decoration: underline;
}

.p-cart__line-friend {
    text-align: center;
    margin-top: 2.5em;
}

.p-cart__continue {
    overflow: hidden;
    background: #f8f3ec;
    padding: 7px 10px 4px;
    padding-left: 15px;
    border: 2px solid #ddc4a3;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.p-cart__continue-text {
    font-size: 12px;
    font-size: 0.75rem;
    padding-left: 1.5em;
    padding-right: .5em;
    margin-right: auto;
    width: 61%;
}

.p-cart__continue-text span {
    font-weight: bold;
}

.p-cart__continue-btn {
    font-size: 15px;
    font-size: 0.9375rem;
}

.p-cart__continue-btn .c-btn {
    width: 6.5em;
    padding: .3em 0;
}

.p-cart__holding-point {
    margin-bottom: .5em;
    margin-left: -.5em;
    margin-right: -.5em;
    padding: 2px .5em;
    background: #f7f7f7;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-cart__holding-point span {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
}

.p-cart__holding-point span.lostPoint {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    color: #e60012;
}

.p-cart__note {
    padding-left: .4em;
    font-size: 12px;
    font-size: 0.75rem;
}

.p-cart__add-form {
    background: #ededed;
    margin-top: 1em;
    margin-left: -1em;
    margin-right: -1em;
    padding: 1em;
    border-top: 1px solid #cccccc;
}

.p-cart__add-form-title {
    font-weight: bold;
    font-size: 17px;
    font-size: 1.0625rem;
    margin-top: -.5em;
    margin-bottom: .5em;
    margin-left: -.5em;
}

.p-cart__added-address {
    line-height: 1.5;
}

.p-cart__added-address dt {
    width: 7em;
    white-space: nowrap;
    margin-right: 1em;
}

.p-cart__added-address dd {
    overflow: hidden;
    word-break: break-all;
}

.p-cart__mod-info {
    border: none;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.p-cart__mod-info .c-accordion-box__title {
    display: inline-block;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    padding-left: 1.5em;
    padding-right: 1.5em;
    -webkit-transition: .5s;
    transition: .5s;
}

.p-cart__mod-info .c-accordion-box__title.is-open {
    background: #ededed;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

.p-cart__mod-info .c-accordion-box__body {
    background: #ededed;
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: -1em;
    padding: 1em;
}

.p-cart__save-card-info {
    padding: .25em .5em;
    border: 1px solid #a5a5a5;
    font-weight: bold;
    background: #f8f3ec;
    border-radius: 5px;
    margin-bottom: .5em;
}

.p-cart__save-card-info>label {
    margin-bottom: 0 !important;
}

.p-cart__confirm-point {
    text-align: center;
}

.p-cart__confirm-point-use {
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
}

.p-cart__confirm-point-use span {
    font-size: 22px;
    font-size: 1.375rem;
}

.p-cart__confirm-point-result {
    display: inline-block;
    border-top: 1px solid #cccccc;
    padding-top: .25em;
    font-size: 16px;
    font-size: 1rem;
}

.p-cart__confirm-point-result span {
    font-weight: bold;
}

.p-cart__confirm-point-lost {
    display: inline-block;
    border-top: 1px solid #cccccc;
    padding-top: .25em;
    font-size: 16px;
    font-size: 1rem;
}

.p-cart__confirm-point-lost span {
    color: #e60012;
}

.p-cart__confirm-text {
    font-size: 14px;
    font-size: 0.875rem;
}

.p-cart__confirm-shipping-name {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: .25em;
}

.p-cart__confirm-payment {
    font-size: 14px;
    font-size: 0.875rem;
}

.p-cart__confirm-payment-method {
    padding-bottom: .25em;
    margin-bottom: .5em;
    font-weight: bold;
}

.p-cart__confirm-payment dl {
    line-height: 1.5;
}

.p-cart__confirm-payment dt {
    width: 8em;
}

.p-cart__confirm-payment dd:before {
    content: '：';
}

.p-cart__confirm-address {
    line-height: 1.5;
}

.p-cart__confirm-address dt {
    width: 7em;
}

.p-cart__confirm-address dd {
    overflow: hidden;
    padding-left: 1em;
    text-indent: -1em;
    word-break: break-all;
}

.p-cart__confirm-address dd:before {
    content: '：';
}

.p-cart__payment-teiki {
    line-height: 1 !important;
    margin-top: .5em;
}

.p-cart__payment-teiki:before,
.p-cart__payment-teiki:after {
    top: .5em !important;
}

.p-cart__payment-teiki span {
    color: #e60012;
    font-size: 12px;
    font-size: 0.75rem;
}

.p-cart__point-use-03:before,
.p-cart__point-use-03:after {
    top: 1em !important;
}

@media screen and (min-width: 768px) {
    .p-cart__flow_parent {
        min-height: 100%;
    }

    .p-cart__flow {
        position: absolute;
        top: 0;
        float: right;
        width: 100%;
        max-width: 960px;
        z-index: 10001;
        text-align: right;
    }

    .p-cart__flow img {
        width: 316px;
    }

    .p-cart__tab .slick-list {
        margin-left: -1%;
        padding-left: 1%;
    }

    .p-cart__tab .slick-prev {
        left: 0;
    }

    .p-cart__tab .slick-prev:before {
        position: absolute;
        right: 0;
        top: 55%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        content: '';
        width: .6em;
        height: .6em;
        border: .1em solid #cdb899;
        border-top: none;
        border-right: none;
        -webkit-transition: .2s;
        transition: .2s;
    }

    .p-cart__tab .slick-next {
        right: 0;
    }

    .p-cart__tab .slick-next:before {
        position: absolute;
        left: 0;
        top: 55%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        content: '';
        width: .6em;
        height: .6em;
        border: .1em solid #cdb899;
        border-bottom: none;
        border-left: none;
        -webkit-transition: .2s;
        transition: .2s;
    }

    .p-cart__tab .slick-disabled {
        opacity: 0;
    }

    .p-cart__tab-info {
        text-align: left;
        padding-top: 1.2em;
        margin-bottom: 1.2em;
    }

    .p-cart__shopping-info {
        padding-left: 1em;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .p-cart__shopping-info-title {
        color: #e60012;
        font-size: 15px;
        font-size: 0.9375rem;
        margin-bottom: 10px;
    }

    .p-cart__shopping-info-text {
        font-size: 12px;
        font-size: 0.75rem;
    }

    .p-cart__shopping-info-teiki {
        padding-left: 1.2em;
    }

    .p-cart__holding-point {
        text-align: center;
        margin-bottom: 1em;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .p-cart__note {
        clear: left;
        padding-left: 0;
        margin-bottom: 0;
    }

    .p-cart__btn-area .c-btn:first-child {
        margin-top: 0;
    }

    .p-cart__title {
        margin: 1em 0 .5em 0;
        font-size: 18px;
        font-size: 1.125rem;
    }

    .p-cart__title:first-child {
        margin: 0 0 .5em;
    }

    .p-cart__point-info {
        margin-top: 20px;
    }

    .p-cart__point-info-icon {
        width: 12.280701754%;
    }

    .p-cart__point-info-text {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .p-cart__point-info-text span {
        font-size: 15px;
        font-size: 0.9375rem;
    }

    .p-cart__point-info-percent {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-cart__recommend {
        padding-bottom: 40px;
        margin-bottom: 30px;
    }

    .p-cart__recommend-title {
        text-align: center;
        border: none;
        margin-top: 40px;
        background: none;
    }

    .p-cart__recommend-item {
        float: left;
        width: 25%;
        margin-left: 0;
        margin-right: 0;
        padding: 25px 7px;
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
    }

    .p-cart__recommend-item-name {
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        color: #705150;
        margin-bottom: .5em;
        text-align: left;
    }

    .p-cart__recommend-item-price {
        text-align: left;
    }

    .p-cart__recommend-item-button {
        display: none;
    }

    .p-cart__teiki-info {
        margin-top: 10px;
    }

    .p-cart__teiki-info-title {
        font-size: 14px !important;
        max-width: none !important;
    }

    .p-cart__save-card-info {
        display: inline-block;
        width: 60%;
    }

    .p-cart__confirm-point {
        padding: .2em .5em;
    }

    .p-cart__confirm-point-result {
        display: block;
        border-top-width: 2px;
        text-align: center;
    }

    .p-cart__confirm-point-lost {
        display: block;
        border-top-width: 2px;
        text-align: center;
    }

    .p-cart__complete {
        margin-top: 50px;
    }

    .p-cart__complete-lead {
        font-weight: bold;
        font-size: 22px;
        font-size: 1.375rem;
        padding-top: 1em;
        margin-bottom: .5em !important;
    }

    .p-cart__complete-number {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .p-cart__complete p {
        line-height: 1.9;
    }

    .p-cart__complete p:last-child {
        margin-bottom: 2em;
    }

    .p-cart__complete-sub-title {
        background: none;
        border-top: 2px solid #dedede;
    }

    .p-cart__complete-recommend {
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 2px solid #dedede;
        margin-bottom: 40px;
    }

    .p-cart__continue {
        padding: 9px 18px 7px;
        border: 4px solid #ddc4a3;
        margin-top: 20px;
    }

    .p-cart__continue-icon {
        position: relative;
        top: -2px;
        width: 37px;
    }

    .p-cart__continue-icon img {
        width: 100%;
    }

    .p-cart__continue-text {
        font-size: 16px;
        font-size: 1rem;
        padding-left: .5em;
        margin-right: auto;
        width: auto;
    }

    .p-cart__continue-text span {
        font-weight: bold;
    }

    .p-cart__continue-btn .c-btn {
        width: auto;
        font-size: 16px;
        font-size: 1rem;
        padding: .7em 1.5em;
        border-radius: 6px;
    }

    .p-cart__add-form {
        margin-bottom: -15px;
    }

    .p-cart__select-coupon label,
    .p-cart__select-coupon select {
        width: auto;
    }

    .p-cart__input-coupon label {
        margin-right: 0;
        width: auto;
    }

    .p-cart__input-coupon input {
        width: auto;
    }

    .p-cart__input-coupon button {
        width: auto;
        margin-left: 4%;
    }
}

/* login */
.p-login__wrapper {
    padding: 10px;
}

.p-login__label {
    display: inline-block;
    margin-left: -.5em;
    margin-bottom: .5em;
}

.p-login__remember {
    text-align: center;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: 1em;
}

.p-login__btn {
    margin-top: .5em;
    margin-bottom: .5em;
}

.p-login__link {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: .5em;
    margin-bottom: .5em;
}

.p-login__title,
.p-entry__title {
    font-weight: bold;
    padding-bottom: .5em;
}

@media screen and (min-width: 768px) {
    .p-login__wrapper .c-input--full {
        max-width: none;
    }

    .p-login__link {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

/* entry */
.p-entry__lead {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 30px;
}

.p-entry__lead-arrow {
    display: none;
}

.p-entry__terms {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: .5em;
}

.p-entry__terms .c-accordion-box__title {
    position: relative;
    text-align: left;
    line-height: 1.1;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: .6em 1em;
    padding-right: 2em;
}

.p-entry__terms .c-accordion-box__title:after {
    position: absolute;
    content: url(/shop/cms/sp/images/ico_accordion_plus.png);
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.5);
    -ms-transform: translateY(-50%) scale(0.5);
    transform: translateY(-50%) scale(0.5);
}

.p-entry__terms .c-accordion-box__body {
    padding-bottom: 1em;
}

.p-entry__wish-to-email {
    padding: .25em .5em;
    border: 1px solid #a5a5a5;
    font-weight: bold;
    background: #f8f3ec;
    border-radius: 5px;
    margin-bottom: 1em;
}

.p-entry__wish-to-email>label {
    margin-bottom: 0 !important;
}

.p-entry__confirm-title {
    color: #705150;
    margin-bottom: .2em;
}

.p-entry__confirm-text {
    padding-left: .7em;
    word-break: break-all;
}

.p-entry__complete-name {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 1em;
}

.p-entry__complete-thanks {
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 1em;
}

.p-entry__complete-text {
    font-size: 15px;
    font-size: 0.9375rem;
}

.p-sns-btn__wrapper:hover {
    opacity: 0.8;
}

.p-sns-btn__wrapper::after {
    content: "";
    display: block;
    clear: both;
}

.p-sns-btn__img {
    float: left;
    width: 111px;
    border-radius: 8px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
    box-shadow: 0 2px 0 #d4d4d4;
}

.p-sns-btn__text {
    float: left;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
    border: 3px solid #e5e5e5;
    border-left: none;
    color: black;
    padding: .8em .2em;
    font-size: inherit;
    z-index: 3;
    line-height: 1.231;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
    box-shadow: 0 2px 0 #d4d4d4;
    border-radius: 0 8px 8px 0;
    width: calc(100% - 111px + 7px);
    text-align: center;
    margin-left: -7px;
}

.p-sns-entry__title {
    display: block;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1.5em;
    text-align: center;
}

.p-lp-entry__login-change {
    margin-top: 15px;
    padding: 10px 0;
    text-align: center;
    background: #f4f4f4;
}

@media screen and (min-width: 768px) {
    .p-sns-entry::after {
        content: "";
        display: block;
        clear: both;
    }

    .p-sns-entry-btn {
        width: 50%;
        float: left;
        padding-right: 1em;
    }

    .p-entry__intro {
        *zoom: 1;
    }

    .p-entry__intro:before,
    .p-entry__intro:after {
        display: table;
        content: " ";
    }

    .p-entry__intro:after {
        clear: both;
    }

    .p-entry__intro-column {
        float: right;
        width: 47.916666667%;
    }

    .p-entry__intro-column:nth-child(2n) {
        float: left;
    }

    .p-entry__intro-column2 {
        float: left;
        width: 47.916666667%;
    }

    .p-entry__intro-column2:nth-child(2n) {
        float: right;
    }

    .p-entry__lead {
        width: 100%;
        margin-bottom: 10px;
    }

    .p-entry__lead-arrow {
        text-align: center;
        display: block;
        background: url(./images/bg_lead_entry_arrow.png) center top no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        font-weight: bold;
        font-size: 20px;
        font-size: 1.25rem;
        height: 4.2em;
        padding-top: .4em;
        padding-bottom: 3.5em;
    }

    .p-entry__terms {
        font-size: 14px;
        font-size: 0.875rem;
        margin-top: 1.5em;
        margin-bottom: .5em;
    }

    .p-entry__terms .c-accordion-box__title {
        position: relative;
        text-align: left;
        line-height: 1.1;
        font-size: 14px;
        font-size: 0.875rem;
        padding: 1.4em;
        padding-right: 2em;
        max-width: none;
    }

    .p-entry__terms .c-accordion-box__title:after {
        position: absolute;
        content: url(./images/ico_accordion_plus.png);
        right: 1em;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
    }

    .p-entry__terms .c-accordion-box__body {
        padding-bottom: 1em;
    }

    .p-entry__wish-to-email {
        max-width: 240px;
        margin-top: .25em;
        margin-bottom: -.1em;
    }

    .p-entry__confirm-title {
        clear: left;
        width: 30%;
        padding-top: .25em;
        padding-bottom: .25em;
        float: left;
    }

    .p-entry__confirm-title--address {
        padding-top: 1em;
    }

    .p-entry__confirm-text {
        width: 70%;
        padding-top: .25em;
        padding-bottom: .25em;
        float: left;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-entry__confirm-text:last-child {
        padding-top: 1em;
        margin-bottom: 1.5em;
    }

    .p-entry__complete-name {
        margin-top: 1.2em;
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-entry__complete-thanks {
        text-align: center;
        font-size: 22px;
        font-size: 1.375rem;
    }

    .p-entry__complete-text {
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 1.2em;
        text-align: center;
    }

    .p-entry__complete-recommend {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 100px;
        border-top: 1px solid #dedede;
    }

    .p-sns-coop {
        float: left;
    }

    .p-sns-coop:nth-child(2n) {
        float: right;
    }
}

/* mypage */
.p-mypage__header {
    *zoom: 1;
    background: #f4f1ed;
    padding: 10px;
    border-top: 1px solid #cac6bf;
}

.p-mypage__header:before,
.p-mypage__header:after {
    display: table;
    content: " ";
}

.p-mypage__header:after {
    clear: both;
}

.p-mypage__header-left {
    float: left;
    width: 70%;
    white-space: nowrap;
}

.p-mypage__header-left>a {
    display: inline-block;
}

.p-mypage__header-right {
    float: right;
    width: 25.8125%;
    padding-top: 7px;
    padding-left: 10px;
    text-align: center;
}

.p-mypage__header-title {
    font-size: 11px;
    font-size: 0.6875rem;
}

.p-mypage__header-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #725756;
    padding-left: 3px;
}

.p-mypage__header-sama {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 3px;
    padding-right: 4px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.p-mypage__header-cs-rank {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: 1em;
    margin-bottom: 1em;
}

.p-mypage__header-cs-rank span {
    position: relative;
    background: #725756;
    color: white;
    display: inline-block;
    font-weight: bold;
    padding: 11px .3em 9px;
    line-height: 0;
}

.p-mypage__header-cs-rank span:after {
    position: absolute;
    top: 0;
    right: -1em;
    content: '';
    display: block;
    background: inherit;
    border: .6em solid transparent;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-right-color: #f4f1ed;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    height: 1.6em;
}

.p-mypage__header-point {
    background: white;
    display: inline-block;
    padding: 2px 5px;
}

.p-mypage__header-point-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.1;
    text-align: center;
    margin-right: .5em;
}

.p-mypage__header-point-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #fb676e;
    text-align: left;
    min-width: 4.5em;
}

.p-mypage__header-coupon {
    display: inline-block;
    vertical-align: middle;
    background: #ffcc70;
    border: 2px solid white;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2em;
    padding: 0 5px 3px;
}

.p-mypage__header-coupon img {
    width: 16px;
    vertical-align: middle;
    display: inline-block;
}

.p-mypage__header-coupon-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1;
    padding-top: .7em;
    padding-bottom: .4em;
}

.p-mypage__header-coupon-count {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    font-size: 11px;
    font-size: 0.6875rem;
    width: 1.8em;
    height: 1.8em;
    border-radius: .9em;
    background: white;
}

.p-mypage__header-logout-btn.c-btn {
    background: #808080;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 3px;
    padding-top: .7em;
    padding-bottom: .7em;
}

.p-mypage__title {
    background: url(/shop/cms/sp/images/mypage/bg_mypage_title.png);
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
    font-size: 1rem;
    padding: .25em;
}

.p-mypage__menu-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-mypage__menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 33%;
    padding: 10px 0;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.p-mypage__menu-item:nth-child(3n) {
    border-right: none;
}

.p-mypage__menu-item a {
    color: currentColor;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-mypage__menu-item-icon {
    width: 14.0625vw;
    height: 14.0625vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-mypage__menu-item p {
    width: 100%;
    text-align: center;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .5em;
    margin-bottom: .5em;
    height: 1.5em;
    font-size: 13px;
    font-size: 0.8125rem;
}

.p-mypage__checked {
    border-top: none;
}

.p-mypage__pager {
    margin-top: 20px;
    margin-bottom: 20px;
}

.p-mypage__popup-coupon {
    background: #f4f1eb;
    padding: 7px;
    margin-bottom: 10px;
}

.p-mypage__popup-coupon-wrapper {
    margin-bottom: 15px;
}

.p-mypage__popup-coupon-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    width: 6.5em;
    background: white;
    padding: .5em;
    border-radius: 8px;
    color: #c2a274;
    border: 2px solid #c2a278;
}

.p-mypage__popup-coupon-name {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 1em;
    font-size: 16px;
    font-size: 1rem;
    max-width: 70%;
}

.p-mypage__popup-teiki .c-modal__button-area {
    padding-top: 10px;
}

.p-mypage__popup-teiki .c-modal__mod-button {
    max-width: 180px;
    width: 54%;
    vertical-align: middle;
}

.p-mypage__popup-teiki .c-modal__cancel-button {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    padding: .5em .8em;
}

.p-mypage__popup-teiki-title {
    font-weight: bold;
    font-size: 17px;
    font-size: 1.0625rem;
    margin-bottom: .8em;
}

.p-mypage__popup-teiki-sub-title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    padding-bottom: .4em;
    margin-bottom: .8em;
}

.p-mypage__popup-teiki-date {
    clear: both;
    float: left;
    padding: .7em 0;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
    margin-left: 5px;
}

.p-mypage__popup-teiki-button {
    margin-right: 5px;
    width: 54%;
    max-width: 12.5em;
    float: right;
    display: block;
    padding: .5em;
    background: #f4f1eb;
    border: 2px solid #5e4738;
    text-align: center;
    color: #5e4738;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.p-mypage__popup-teiki-button.is-on {
    color: white;
    border-color: #a6a6a6;
    background: #a6a6a6;
}

.p-mypage__popup-teiki-mod-info {
    text-align: center;
    margin-bottom: 10px;
}

.p-mypage__popup-teiki-mod-info-checkbox {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
}

.p-mypage__popup-teiki-mod-info-checkbox label {
    margin-right: .5em !important;
}

.p-mypage__popup-teiki-mod-info .c-accordion-box__title {
    display: inline-block;
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 2em;
    padding-right: 2em;
    max-width: none;
    width: auto;
    background: white;
}

.p-mypage__popup-teiki-mod-info .c-accordion-box__title.is-open {
    position: relative;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

.p-mypage__popup-teiki-mod-info .c-accordion-box__body {
    text-align: center;
    margin-top: -2px;
    background: white;
    border-top: 2px solid #e5e5e5;
    margin-bottom: -20px;
}

.p-mypage__popup-teiki-mod-info #payment-method-card {
    padding-top: 15px;
}

.p-mypage__popup-teiki-kaiyaku {
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 1.5em;
}

.p-mypage__popup-teiki-kaiyaku a {
    text-decoration: underline;
    color: #5e4738;
    cursor: pointer;
}

.p-mypage__popup-cancel-item {
    background: #f8f3ec;
    padding: 9px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-mypage__popup-cancel-confirm {
    padding-top: .5em;
    margin-bottom: 1em;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
}

.p-mypage__popup-cancel__info {
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 15px;
    margin-top: 25px;
    border-top: 1px solid #cccccc;
}

.p-mypage__popup-cancel__info p {
    padding-left: 12px;
    text-indent: -12px;
    line-height: 1.2;
    margin-bottom: .5em;
}

.p-mypage__popup-cancel__info-tel {
    font-size: 15px;
    font-size: 0.9375rem;
    padding-left: 12px;
    text-indent: 0 !important;
}

@media screen and (min-width: 768px) {
    .p-mypage {
        margin-top: -20px;
    }

    .p-mypage__header {
        display: none;
    }

    .p-mypage__title {
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-mypage__menu-list {
        display: block;
    }

    .p-mypage__menu-list+.p-mypage__menu-list {
        border-bottom: 2px solid #e9e4da;
    }

    .p-mypage__menu-list+.p-mypage__menu-list .p-mypage__menu-item:last-child {
        border-bottom: none;
    }

    .p-mypage__menu-item {
        display: block;
        width: 100%;
        padding: 0;
        border: none;
        border-bottom: 2px solid white;
    }

    .p-mypage__menu-item:hover,
    .p-mypage__menu-item.is-current {
        color: #fb676e;
    }

    .p-mypage__menu-item a {
        position: relative;
        display: block;
        background: #f4f1eb;
        padding: 15px;
    }

    .p-mypage__menu-item a:after {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        content: '';
        width: .4em;
        height: .4em;
        border: 1px solid #bfaa8b;
        border-bottom: none;
        border-left: none;
    }

    .p-mypage__menu-item-icon {
        width: 30px;
        height: auto;
        -js-display: inline-block;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
    }

    .p-mypage__menu-item p {
        font-weight: bold;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        height: auto;
        text-align: left;
        margin-bottom: 0;
        margin-top: 0;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-mypage__pickup {
        border-top: 1px solid #dedede;
        padding-top: 40px;
    }

    .p-mypage__checked {
        border-top: 1px solid #dedede;
    }

    .p-mypage__popup-coupon {
        padding: 13px 15px;
        margin-bottom: 15px;
    }

    .p-mypage__popup-coupon-wrapper {
        margin-bottom: 30px;
    }

    .p-mypage__popup-coupon-icon {
        font-size: 13px;
        font-size: 0.8125rem;
        padding: 8px;
        border: 2px solid #c2a278;
    }

    .p-mypage__popup-coupon-name {
        font-size: 24px;
        font-size: 1.5rem;
        max-width: 80%;
    }

    .p-mypage__popup-teiki .c-modal__button-area {
        padding-top: 0;
    }

    .p-mypage__popup-teiki-title {
        font-weight: bold;
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 1em;
    }

    .p-mypage__popup-teiki-sub-title {
        font-size: 16px;
        font-size: 1rem;
    }

    .p-mypage__popup-teiki-date {
        padding: .6em 0;
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 7px;
    }

    .p-mypage__popup-teiki-button {
        width: 12.5em;
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 7px;
    }

    .p-mypage__popup-teiki-mod-info-checkbox {
        text-align: center;
    }

    .p-mypage__popup-teiki-mod-info-checkbox label {
        font-size: 16px !important;
        margin-right: 3em !important;
    }

    .p-mypage__popup-teiki-kaiyaku {
        text-align: center;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .p-mypage__popup-teiki-kaiyaku a {
        display: inline-block;
    }
}

/* -----------------------------------------------------------------
 * 	Utility
 * ----------------------------------------------------------------- */
/* clearfix */
.u-cf {
    *zoom: 1;
}

.u-cf:before,
.u-cf:after {
    display: table;
    content: " ";
}

.u-cf:after {
    clear: both;
}

/* margin: */
.u-mb0 {
    margin-bottom: 0;
}

.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-mb50 {
    margin-bottom: 50px;
}

.u-mb60 {
    margin-bottom: 60px;
}

.u-mb70 {
    margin-bottom: 70px;
}

.u-mb80 {
    margin-bottom: 80px;
}

.u-mb90 {
    margin-bottom: 90px;
}

.u-mb100 {
    margin-bottom: 100px;
}

.u-mb200 {
    margin-bottom: 200px;
}

.u-ml10 {
    margin-left: 10px;
}

.u-ml20 {
    margin-left: 20px;
}

.u-ml40 {
    margin-left: 40px;
}

.u-mr10 {
    margin-right: 10px;
}

.u-mr20 {
    margin-right: 20px;
}

.u-mr1e {
    margin-right: 1em;
}

.u-mr2e {
    margin-right: 2em;
}

/* position: */
.u-position-rel {
    position: relative;
}

/* float: */
.u-float-right {
    float: right;
}

.u-float-left {
    float: left;
}

/* align: */
.u-align-left {
    text-align: left;
}

.u-align-right {
    text-align: right;
}

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

.u-vam {
    vertical-align: middle;
}

.u-vab {
    vertical-align: bottom;
}

/* font */
.u-font-bold {
    font-weight: bold;
}

.u-font-normal {
    font-weight: normal;
}

.u-font-30 {
    font-size: 30px;
    font-size: 1.875rem;
}

.u-font-25 {
    font-size: 25px;
    font-size: 1.5625rem;
}

.u-font-24 {
    font-size: 24px;
    font-size: 1.5rem;
}

.u-font-23 {
    font-size: 23px;
    font-size: 1.4375rem;
}

.u-font-22 {
    font-size: 22px;
    font-size: 1.375rem;
}

.u-font-21 {
    font-size: 21px;
    font-size: 1.3125rem;
}

.u-font-20 {
    font-size: 20px;
    font-size: 1.25rem;
}

.u-font-19 {
    font-size: 19px;
    font-size: 1.1875rem;
}

.u-font-18 {
    font-size: 18px;
    font-size: 1.125rem;
}

.u-font-17 {
    font-size: 17px;
    font-size: 1.0625rem;
}

.u-font-16 {
    font-size: 16px;
    font-size: 1rem;
}

.u-font-15 {
    font-size: 15px;
    font-size: 0.9375rem;
}

.u-font-14 {
    font-size: 14px;
    font-size: 0.875rem;
}

.u-font-13 {
    font-size: 13px;
    font-size: 0.8125rem;
}

.u-font-12 {
    font-size: 12px;
    font-size: 0.75rem;
}

.u-font-11 {
    font-size: 11px;
    font-size: 0.6875rem;
}

.u-font-10 {
    font-size: 10px;
    font-size: 0.625rem;
}

/* color */
.u-color-black {
    color: black;
}

.u-color-red {
    color: #e60012;
}

.u-color-orange {
    color: #FF3F00;
}

.u-color-blue {
    color: #002464;
}

/* display: */
.u-display-inline-block {
    display: inline-block;
}

.u-display-none {
    display: none;
}

.clearBoth {
    clear: both;
}

/*-----------------------------
  エラーメッセージ
-----------------------------*/
div.errorBlock {
    margin: 0px 5px 10px 0px;
    text-align: center;
}

.errorBlock span {
    background-color: #f9c5ca;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 3px;
    font-size: 14px;
    color: #e60012;
}

.errorMessage {
    color: red;
    font-size: 12px;
    text-align: left;
    padding-left: 5px;
}

div.informationBlock {
    margin: 0px 5px 10px 0px;
    text-align: center;
}

.informationBlock span {
    background-color: #ffefd5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 3px;
    font-size: 14px;
    color: #725756;
}

.informationMessage {
    color: #ffefd5;
    font-size: 12px;
    text-align: left;
    padding-left: 5px;
}

.hidden {
    display: none;
}

.initHidden {
    visibility: hidden;
}

.np-keyword-suggest .title,
.np-keyword-suggest .path {
    color: #000
}

.np-keyword-suggest .title:before,
.np-keyword-suggest .path:before {
    font-size: 10px;
    color: #FFF;
    margin-right: 4px;
    padding: 1px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.np-keyword-suggest .title:before {
    content: "商品名";
    background: #2E64FE;
    padding: 1px 9px;
}

.np-keyword-suggest .path:before {
    content: "カテゴリ";
    background: #FA5882;
}

.couponImg {
    height: 48px;
    width: auto;
}

.p-detail__popup-link {
    cursor: pointer;
}

#youtubeArea {
    width: auto;
    text-align: center;
    margin: 0 auto;
}

.youtubeArea {
    width: auto;
    text-align: center;
    margin: 0 auto;
}

.form_area_120 {
    width: 100%;
    margin: 0 auto
}

.cart_flow_next {
    text-align: center;
    margin: 0 auto
}

.cart_flow_next_area {
    text-align: center;
    margin: 30px 0 60px;

}

.error_tit {
    font-family: "";
    background-color: #FFEEFF;
    color: #333333;
    font-size: 18px;
    padding: 4px 0;
    text-align: left;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.7);
    box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.7);
}

.error_area {
    margin: 0 auto;
    padding-top: 15px
}

.error_txt {
    max-width: 560px;
    width: 80%;
    background-color: #FFFFFF;
    font-size: 14px;
    padding: 30px 0 30px;
    margin: auto;
    margin-top: 5px;
    padding-top: 15px;
    text-align: center;
    color: #333333;
    line-height: 30px;
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

.error_txt a,
.error_txt div {
    text-align: center;
}

#addressName,
#addressNameKana,
#addressAddress2,
#addressAddress3,
#lastName,
#lastNameKana #address2,
#address3 {
    ime-mode: active;
}

.cardNoInput,
.cardUserNameInput,
.securityCodeInput,
#addressPostalCode,
#addressPhoneNumber,
#postalCode,
#phoneNumber {
    ime-mode: disabled;
}

#loader {
    position: absolute;
    width: 60px;
    /*ローディングアイコンの横サイズ*/
    height: 60px;
    /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;
    /*CSS3で円を書く*/
    border: 10px solid #FFF;
    border-right-color: transparent;
    /*円の右にC状の空きをつける*/
    animation: spin 1s linear infinite;
    /*1秒毎にくるくる回転するアニメーション*/
    margin-top: 10px;
}

.loader-wrap {
    /* position: relative;
    width: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loader-small {
    position: absolute;
    width: 30px;
    /*ローディングアイコンの横サイズ*/
    height: 30px;
    /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;
    /*CSS3で円を書く*/
    border: 4px solid #595959;
    border-right-color: transparent;
    /*円の右にC状の空きをつける*/
    animation: spin 1s linear infinite;
    /*1秒毎にくるくる回転するアニメーション*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

@media screen and (min-width: 768px) {
    #loader {
        left: 15%;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
        opacity: 0.2;
    }

    50% {
        transform: rotate(180deg);
        opacity: 1.0;
    }

    100% {
        transform: rotate(360deg);
        opacity: 0.2;
    }
}