@charset "UTF-8";*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url("/font/Noto_Sans_JP/static/NotoSansJP-Light.ttf") format("truetype");
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url("/font/Noto_Sans_JP/static/NotoSansJP-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 600;
    src: url("/font/Noto_Sans_JP/static/NotoSansJP-Bold.ttf") format("truetype");
}
@font-face {
    font-family: 'Ginto';
    font-style: normal;
    font-weight: 400;
    src: url("/font/MAIN/ABCGintoNormal-Light.otf") format("opentype");
}
@font-face {
    font-family: 'Ginto';
    font-style: normal;
    font-weight: 500;
    src: url("/font/MAIN/ABCGintoNormal-Regular.otf") format("opentype");
}
@font-face {
    font-family: 'Ginto';
    font-style: normal;
    font-weight: 700;
    src: url("/font/MAIN/ABCGintoNormal-Medium.otf") format("opentype");
}
html {
    font-size: 62.5%
}

body {
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

li,ul {
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

button,input,select,textarea {
    font: inherit
}

button,input[type=button],input[type=submit] {
    cursor: pointer
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

body {
    min-width: 1240px;
    color: #2C2C2C;
    word-wrap: break-word;
    font-size: 80%;
    font-family: "Ginto","Noto Sans Japanese",sans-serif;
    line-height: 150%;
    font-weight: 400;
    -webkit-text-size-adjust: none;
    font-feature-settings: "palt";
    letter-spacing: 0.075em
}
@media screen and (max-width: 768px) {
body {
    min-width: 375px;
    color: #2C2C2C;
    word-wrap: break-word;
    font-size: 80%;
    font-family: "Ginto","Noto Sans Japanese",sans-serif;
    line-height: 150%;
    font-weight: 400;
    -webkit-text-size-adjust: none;
    font-feature-settings: "palt";
    letter-spacing: 0.075em
}
}

body.is-modal-opened {
    height: 100vh;
    overflow-y: hidden
}

body.scroll-prevent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body svg {
    vertical-align: bottom
}

body a {
    color: #333
}

body sup {
    font-size: 1rem;
    white-space: nowrap
}

@media screen and (min-width: 992px) {
    body sup {
        font-size:1.1rem
    }
}

body input[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 100vh
}

.lozad {
    opacity: 0
}

.lozad[data-loaded=true] {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.alert {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    color: #468847
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #356635
}

.alert-info {
    background-color: #d9edf7;
    color: #333
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #1a1a1a
}

.alert-warning {
    background-color: #fcf8e3;
    color: #cd0200
}

.alert-warning hr {
    border-top-color: #f8e5be
}

.alert-warning .alert-link {
    color: #9a0200
}

.alert-danger {
    background-color: #ff0039;
    color: #fff
}

.alert-danger hr {
    border-top-color: #d60054
}

.alert-danger .alert-link {
    color: #e6e6e6
}

.formError {
    opacity: 1!important;
    position: absolute;
    top: 0!important;
    left: initial!important;
    right: 0!important
}

.formErrorContent {
    background: #ee0101;
    color: #fff;
    font-size: 1.1rem;
    border-radius: 4px;
    max-width: 200px;
    padding: 4px 8px
}

.formErrorContent::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 8px;
    border: 7px solid transparent;
    border-top: 8px solid #ee0101
}

.l-container {
    padding-top: 120px;
    margin-bottom: 48px
}

@media screen and (max-width: 991px) {
    .l-container {
        padding-top:0
    }
}

@media screen and (min-width: 992px) {
    .l-container {
        padding-top:0;
        margin-bottom: 100px
    }
}

.l-footer {
    /*
    background: #f8f8f8;
    */
    padding-top: 20px;
}

@media screen and (min-width: 992px) {
    .l-footer {
        background: #f8f8f8;
        padding-top: 40px;
    }
}

.l-footer__logo {
    display:none
}

@media screen and (min-width: 992px) {
    .l-footer__logo {
        display:block;
        text-align: center;
        width: 50%;
        max-width: 165px;
        margin: 32px auto
    }
}

.l-footer__sns {
    margin: 16px auto
}
@media screen and (min-width: 992px) {
    .l-footer__sns {
        margin: 32px auto
    }
}


.l-footer__copyright {
    color: #333;
    font-size: 1.1rem;
    text-align: center;
    padding: 8px 0 24px
}

@media screen and (min-width: 992px) {
    .l-footer__copyright {
        padding:32px 0
    }
}

:root {
    --distance: -300px
}

@-webkit-keyframes animate-banner {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(var(--distance));
        transform: translateX(var(--distance))
    }
}

@keyframes animate-banner {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(var(--distance));
        transform: translateX(var(--distance))
    }
}

@media screen and (max-width: 991px) {
    .l-header {
        position:sticky;
        top: 0;
        z-index: 999999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.l-header__notice {
    background: #f8f8f8;
    margin-top: 72px;
    margin-bottom: -64px;
    padding: 14px 0;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-weight: 300!important;
    font-size: 1.2rem;
    text-align: left
}

@media screen and (max-width: 991px) {
    .l-header__notice {
        width:100%;
        top: 0;
        z-index: 1000;
        position: relative;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 992px) {
    .l-header__notice {
        margin-top:0;
        margin-bottom: 0
    }
}

.l-header__notice--bg-gray {
    background: #eee
}

.l-header__notice--sp-none {
    display: none
}

@media screen and (min-width: 992px) {
    .l-header__notice--sp-none {
        display:inline
    }
}

.l-header__notice.is-hidden-notice {
    display: none
}

.l-header__notice p,.l-header__notice span {
    font-weight: 300
}

.l-header__notice a {
    display: block
}

.l-header__notice a:hover {
    text-decoration: underline
}

.l-header__notice-item {
    white-space: nowrap;
    text-align: center
}

.l-header__notice-item>p {
    display: inline-block
}

.l-header__notice-item.is-animated {
    text-align: left
}

.l-header__notice-item.is-animated p {
    -webkit-animation: animate-banner 4s linear 1;
    animation: animate-banner 4s linear 1;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.is-smartbanner {
    position: relative;
    top: 0;
    z-index: 1000000
}

.is-smartbanner img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 992px) {
    .is-smartbanner {
        display:none
    }
}

@media screen and (min-width: 992px) {
    .l-mypage {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.l-mypage__container {
    margin: 0 0 40px
}

@media screen and (min-width: 992px) {
    .l-mypage__container {
        width:73%;
        max-width: 800px;
        margin: 40px auto 80px
    }
}

.l-mypage__menu {
    margin: 0 0 40px
}

@media screen and (min-width: 992px) {
    .l-mypage__menu {
        width:calc(27% - 64px);
        margin: 40px 64px 80px 0
    }
}

.c-about__title {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.2rem;
    color: #333;
    line-height: 1.38;
    letter-spacing: .02em
}

@media screen and (min-width: 992px) {
    .c-about__title {
        font-size:4.8rem
    }
}

.c-about__subtitle {
    color: #333
}

.c-about__description {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 2
}

@media screen and (min-width: 992px) {
    .c-about__description {
        font-size:1.3rem
    }
}

.c-about__description-image {
    width: 120px;
    margin-left: auto
}

.c-about__section-title {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2rem;
    font-weight: 400;
    color: #333;
    letter-spacing: .02em;
    line-height: 1.38
}

@media screen and (min-width: 992px) {
    .c-about__section-title {
        font-size:2.6rem
    }
}

.c-about__section-image {
    margin-bottom: 28px
}

.c-about__section-image img {
    width: 100%
}

.c-about__link-button {
    margin: 32px 0
}

@media screen and (min-width: 992px) {
    .c-about__link-button {
        max-width:480px;
        margin: 64px auto 32px
    }
}

.c-about__link-button a {
    display: block;
    border: 1px solid #333;
    text-align: center;
    padding: 20px 0;
    position: relative
}

.c-about__link-button a::after {
    display: inline-block;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px
}

.c-about__link-button a:hover {
    opacity: .7
}

.c-accordion__heading {
    border-top: 1px solid #c7c7c7;
    padding: 20px 24px 20px 8px;
    cursor: pointer;
    position: relative
}

.c-accordion__heading::after,.c-accordion__heading::before {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: #8d8d8d;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-accordion__heading::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: .5s;
    transition: .5s
}

.c-accordion__heading.is-opened::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s;
    transition: .5s
}

.c-accordion__container {
    display: none;
    padding: 0 8px 24px
}

.c-accordion__container-attention {
    color: #F2F2F2
}

.c-accordion__container p+p {
    margin-top: 12px
}

.c-accordion__container a {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 500;
    text-decoration: underline;
    margin: 8px 0
}

.c-pd-howto--product .c-accordion__heading {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-howto--product .c-accordion__heading {
        font-size:1.4rem
    }
}

.c-banner {
    text-align: center
}

.c-banner a {
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 576px) {
    .c-banner a:hover img {
        opacity:.8
    }
}

.c-banner--gray {
    background-color: #f8f8f8
}

.c-banner__inner {
    padding: 40px 20px 0
}

@media screen and (min-width: 992px) {
    .c-banner__inner {
        padding:60px 0 0;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.c-breadcrumb {
    display: none
}

@media screen and (min-width: 992px) {
    .c-breadcrumb {
        display:block
    }
}

.c-breadcrumb__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 0
}

.c-breadcrumb__item {
    display: list-item;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

.c-breadcrumb__item br {
    display: none
}

.c-breadcrumb__item+.c-breadcrumb__item {
    padding-left: 16px;
    position: relative
}

.c-breadcrumb__item+.c-breadcrumb__item::before {
    display: inline-block;
    border-top: solid 1px #8d8d8d;
    border-right: solid 1px #8d8d8d;
    width: 6px;
    height: 6px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 4px
}

.c-button__blue,.c-button__gold,.c-button__gray,.c-button__gray--disabled,.c-button__green,.c-button__light-gray,.c-button__orange,.c-button__pink,.c-button__white {
    width: 100%;
    border: 0;
    border-radius: 100vh;
    padding: 10px;
    display: block;
    text-align: center
}

.c-button__blue:hover,.c-button__gold:hover,.c-button__gray:hover,.c-button__green:hover,.c-button__light-gray:hover,.c-button__orange:hover,.c-button__pink:hover,.c-button__white:hover {
    opacity: .8
}

.c-button__pink {
    color: #fff;
    background: #F2F2F2
}

.c-button__gold {
    color: #fff;
    background: #c3a66c
}

.c-button__green {
    color: #fff;
    background: #3aaab4
}

.c-button__gray {
    color: #fff;
    background: #727171
}

.c-button__gray--disabled {
    color: #fff;
    background: #c7c7c7;
    pointer-events: none
}

.c-button__light-gray {
    color: #fff;
    background: #9d9d9d
}

.c-button__white {
    color: #333;
    background: #fff;
    border: 1px solid #c7c7c7
}

.c-button__orange {
    color: #fff;
    background: #ffaf7c
}

.c-button__blue {
    color: #fff;
    background: #90c1c7
}

.c-category-title__category {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 2.2rem;
    margin: 16px 8px
}

@media screen and (min-width: 992px) {
    .c-category-title__category {
        font-size: 2.2rem;
        margin: 40px 0 40px;
        font-weight: 500;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.c-category-title__image img {
    width: 100%
}

.c-category-title__description {
    color: #9d9d9d;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-category-title__description {
        font-size:1.4rem;
        text-align: center
    }
}

.c-complete {
    border: 1px solid #e3e3e3;
    padding: 20px 16px
}

@media screen and (min-width: 992px) {
    .c-complete {
        padding:40px
    }
}

.c-complete__description {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .c-complete__description {
        margin-bottom:40px
    }
}

.c-complete__description-text {
    margin-bottom: 20px
}

.c-complete__button {
    width: 100%;
    max-width: 390px;
    margin: 40px auto 0
}

.c-confirm-buttons {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .c-confirm-buttons {
        margin-top:60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 992px) {
    .c-confirm-buttons__button {
        width:280px;
        margin: 0
    }
}

.c-confirm-buttons__button+.c-confirm-buttons__button {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-confirm-buttons__button+.c-confirm-buttons__button {
        margin-top:0
    }
}

.c-confirm {
    margin-top: 30px
}

.c-confirm__heading {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .c-confirm__heading {
        margin-bottom:24px
    }
}

.c-confirm__heading-title {
    color: #333;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.8rem;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-confirm__heading-title {
        font-size:2rem;
        padding-bottom: 12px
    }
}

.c-confirm__item {
    margin-bottom: 20px
}

.c-confirm__item-label {
    margin-bottom: 12px
}

.c-confirm__item-text {
    color: #333;
    padding: 12px;
    border: 1px solid #e3e3e3;
    border-radius: 3px
}

.c-confirm__item-text img {
    margin-left: 20px
}

@media screen and (min-width: 992px) {
    .c-detail-table {
        margin-top:32px
    }
}

.c-detail-table tr:nth-child(odd) {
    background: #f8f8f8
}

.c-detail-table th {
    padding: 12px 8px;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    color: #333;
    text-align: left
}

@media screen and (min-width: 992px) {
    .c-detail-table th {
        font-size:1.4rem
    }
}

.c-detail-table td {
    padding: 12px 8px;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-detail-table td {
        font-size:1.4rem
    }
}

.c-detail-table__table {
    border: 0;
    border-collapse: collapse;
    width: 100%
}

.c-detail-table__table--th-w32 th {
    width: 32%
}

.c-detail-table__table--th-w45 th {
    width: 45%
}

.c-detail-table__link {
    color: #3aaab4;
    text-decoration: underline
}

.c-form-keyword form {
    position: relative
}

.c-form-keyword__textbox {
    width: 100%;
    padding: 12px;
    border: 1px solid #8d8d8d;
    border-radius: 4px
}

@media screen and (min-width: 992px) {
    .c-form-keyword__textbox {
        padding:12px
    }
}

.c-form-keyword__textbox::-webkit-input-placeholder {
    color: #c7c7c7
}

.c-form-keyword__textbox::-moz-placeholder {
    color: #c7c7c7
}

.c-form-keyword__textbox:-ms-input-placeholder {
    color: #c7c7c7
}

.c-form-keyword__textbox::-ms-input-placeholder {
    color: #c7c7c7
}

.c-form-keyword__textbox::placeholder {
    color: #c7c7c7
}

.c-form-keyword__button {
    background: 0 0;
    border: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px
}

.c-form-keyword__icon-search {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Icon_-_Search%22%20data-name%3D%22Icon%20-%20Search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.042%22%20height%3D%2216%22%20viewBox%3D%220%200%2016.042%2016%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_693%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20693%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(0.042)%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_208%22%20data-name%3D%22%E3%83%91%E3%82%B9%20208%22%20d%3D%22M15.9%2C14.5l-3.3-3.3A6.847%2C6.847%2C0%2C0%2C0%2C14%2C7%2C6.957%2C6.957%2C0%2C0%2C0%2C7%2C0%2C6.957%2C6.957%2C0%2C0%2C0%2C0%2C7a6.957%2C6.957%2C0%2C0%2C0%2C7%2C7%2C6.847%2C6.847%2C0%2C0%2C0%2C4.2-1.4l3.3%2C3.3ZM2%2C7A4.951%2C4.951%2C0%2C0%2C1%2C7%2C2a4.951%2C4.951%2C0%2C0%2C1%2C5%2C5%2C4.951%2C4.951%2C0%2C0%2C1-5%2C5A4.951%2C4.951%2C0%2C0%2C1%2C2%2C7Z%22%20fill%3D%22%23c7c7c7%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: inline-block
}

@media screen and (min-width: 992px) {
    .c-form-keyword__icon-search {
        width:20px;
        height: 20px
    }
}

.c-form {
    margin-bottom: 20px
}

.c-form--center {
    text-align: center
}

.c-form__label {
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-form__label {
        margin-bottom:12px
    }
}

.c-form__label--required::after {
    display: inline-block;
    content: "必須";
    background: #F2F2F2;
    color: #fff;
    border-radius: 3px;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1;
    padding: 3px 6px;
    margin-left: 4px
}

.c-form__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-form__flex-item {
    width: calc(50% - 8px);
    position: relative
}

.c-form__flex-item+.c-form__flex-item {
    margin-left: 16px
}

.c-form__flex>span {
    margin: 0 8px
}

.c-form__input {
    position: relative
}

.c-form__input+.c-form__input {
    margin-top: 8px
}

.c-form__input-annotation {
    font-size: 1.3rem;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-form__input-annotation {
        font-size:1.4rem
    }
}

.c-form__input-caution {
    font-size: 1.2rem;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-form__input-caution {
        font-size:1.3rem
    }
}

@media screen and (min-width: 992px) {
    .c-form__input--half {
        width:50%
    }
}

.c-form__input--zip {
    width: 160px
}

.c-form__input--zip01 {
    width: 100px
}

.c-form__input--zip02 {
    width: 120px
}

@media screen and (min-width: 992px) {
    .c-form__input--tel {
        width:160px
    }
}

.c-form__zip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-form__zip-01 {
    margin-right: 8px;
    margin-left: 4px
}

.c-form__zip-02 {
    margin-left: 4px
}

.c-form__card-cvv {
    margin-top: 20px
}

.c-form__card-cvv-text {
    margin: 12px 0;
    font-size: 1.2rem
}

.c-form input::-webkit-input-placeholder {
    color: #c7c7c7
}

.c-form input::-moz-placeholder {
    color: #c7c7c7
}

.c-form input:-ms-input-placeholder {
    color: #c7c7c7
}

.c-form input::-ms-input-placeholder {
    color: #c7c7c7
}

.c-form input::placeholder {
    color: #c7c7c7
}

.c-form input:focus {
    color: #333
}

.c-form input[type=email],.c-form input[type=number],.c-form input[type=password],.c-form input[type=search],.c-form input[type=tel],.c-form input[type=text] {
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    padding: 8px 12px;
    width: 100%
}

@media screen and (min-width: 992px) {
    .c-form input[type=email],.c-form input[type=number],.c-form input[type=password],.c-form input[type=search],.c-form input[type=tel],.c-form input[type=text] {
        padding:16px;
        font-size: 1.6rem
    }
}

.c-form input[type=checkbox] {
    visibility: hidden
}

.c-form input[type=checkbox]+label {
    position: relative
}

.c-form input[type=checkbox]+label::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -30px;
    border: 1px solid #c7c7c7;
    background: #fff;
    border-radius: 3px;
    cursor: pointer
}

.c-form input[type=checkbox]:checked+label::after {
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    position: absolute;
    top: 36%;
    left: -23px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%)
}

.c-form input[type=radio] {
    visibility: hidden
}

.c-form input[type=radio]+label {
    cursor: pointer;
    display: inline-block;
    padding: 4px 20px 4px 28px;
    position: relative
}

.c-form input[type=radio]+label::before {
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-form input[type=radio]+label::after {
    background: #333;
    border-radius: 50%;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-form input[type=radio]:checked+label::after {
    opacity: 1
}

.c-form select {
    width: 100%
}

@media screen and (min-width: 992px) {
    .c-form select {
        font-size:1.6rem
    }
}

.c-form textarea {
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    padding: 12px
}

.c-form__agree {
    margin: 28px 0;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-form__agree {
        margin:32px 0
    }
}

.c-form__agree-text {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-form__agree-text {
        text-align:center
    }
}

.c-form__agree-text a {
    text-decoration: underline
}

.c-form__button {
    max-width: 390px;
    margin-right: auto;
    margin-left: auto
}

.c-form__back {
    text-align: center;
    margin-top: 28px
}

.c-form__back a {
    text-decoration: underline
}

.c-form__caution {
    color: #F2F2F2;
    font-size: 1.3rem;
    margin-top: 8px
}

.c-form__annotation {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    margin-top: 8px
}

.c-heading__topics-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    margin: 32px 0;
    line-height: 1.38;
    color: #333;
    letter-spacing: .02em;
    padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
    .c-heading__topics-title {
        font-size:2.2rem;
        margin: 32px 0 48px
    }
}

.c-heading__topics-subtitle {
    font-size: 1.1rem;
    text-align: center;
    margin: 4px 0 24px
}

@media screen and (min-width: 992px) {
    .c-heading__topics-subtitle {
        font-size:1.3rem;
        margin: 4px 0 48px
    }
}

.c-heading__page-title-en {
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin: 40px 0 48px;
    line-height: 1.38;
    color: #333;
    letter-spacing: .02em
}

@media screen and (min-width: 992px) {
    .c-heading__page-title-en {
        font-size:3.2rem;
        margin: 48px 0 80px
    }
}

.c-heading__page-title {
    color: #333;
    font-size: 2.2rem;
    font-weight: 400;
    margin: 20px 0 40px
}

@media screen and (min-width: 992px) {
    .c-heading__page-title {
        font-size:2.4rem;
        margin: 16px 0 60px
    }
}

.c-heading__mypage-title {
    color: #333;
    font-size: 2.2rem;
    font-weight: 400;
    margin: 20px 0 40px;
    line-height: 1
}

@media screen and (min-width: 992px) {
    .c-heading__mypage-title {
        font-size:2.4rem;
        margin: 0 0 40px
    }
}

.c-heading__recommend-title {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 2rem;
    padding-bottom: 20px;
    margin-bottom: 28px;
    border-bottom: 1px solid #c7c7c7
}

@media screen and (min-width: 992px) {
    .c-heading__recommend-title {
        font-size:2.2rem
    }
}

.c-heading__subtitle {
    color: #333;
    font-size: 2rem;
    font-weight: 400
}

@media screen and (min-width: 992px) {
    .c-heading__subtitle {
        font-size:2.2rem
    }
}

.c-heading__subtitle-ja {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.6
}

@media screen and (min-width: 992px) {
    .c-heading__subtitle-ja {
        font-size:2.4rem
    }
}

.c-heading__mv {
    position: relative
}

.c-heading__mv-image {
    position: relative;
    height: 0;
    padding-bottom: 53.33333%
}

.c-heading__mv-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 992px) {
    .c-heading__mv-image {
        position:relative;
        height: 0;
        padding-bottom: 24.30556%
    }

    .c-heading__mv-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.c-heading__mv-image img {
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}

.c-important-info {
    color: #F2F2F2;
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .c-important-info {
        margin-bottom:40px
    }
}

.c-important-info__head {
    font-size: 1.5rem;
    margin-bottom: 4px
}

@media screen and (min-width: 992px) {
    .c-important-info__head {
        font-size:1.6rem;
        margin-bottom: 8px
    }
}

.c-important-info__text a {
    color: #F2F2F2;
    text-decoration: underline
}

@media screen and (min-width: 992px) {
    .c-insta-card {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-insta-card__movie {
    width: 100%;
    aspect-ratio: 284/500
}

.c-insta-card__movie iframe {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 992px) {
    .c-insta-card__movie {
        width:30%
    }
}

.c-insta-card__info {
    padding-top: 8px
}

@media screen and (min-width: 992px) {
    .c-insta-card__info {
        width:calc(70% - 80px);
        padding-top: 0
    }
}

.c-insta-card__info-subtitle {
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .c-insta-card__info-subtitle {
        font-size:1.6rem;
        margin: 20px 0
    }
}

@media screen and (min-width: 992px) {
    .c-insta-card__info .c-slider {
        overflow:hidden
    }
}

@media screen and (min-width: 992px) {
    .c-insta-card__info .c-slider img {
        width:72%
    }
}

@media screen and (max-width: 991px) {
    .c-insta-card__info .c-slider .swiper-button-next,.c-insta-card__info .c-slider .swiper-button-prev {
        display:none
    }
}

@media screen and (min-width: 992px) {
    .c-insta-card__info .c-slider .swiper-button-next,.c-insta-card__info .c-slider .swiper-button-prev {
        width:32px;
        height: 32px;
        background-color: rgba(77,77,77,.8);
        color: #fff;
        border-radius: 50%
    }

    .c-insta-card__info .c-slider .swiper-button-next::after,.c-insta-card__info .c-slider .swiper-button-prev::after {
        font-size: 16px
    }
}

.c-insta-card__info .c-slider .swiper-button-next {
    right: 0
}

.c-insta-card__info .c-slider .swiper-button-prev {
    left: 0
}

.c-insta-card__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .c-insta-card__items {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.c-insta-card__item {
    width: calc(50% - 12px);
    margin-bottom: 12px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-insta-card__item {
        width:calc(50% - 20px)
    }
}

.c-insta-card__item img {
    width: 90%
}

.c-insta-card__item-name {
    font-size: 1.2rem;
    text-align: center
}

.c-insta-card__title {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-insta-card__title {
        font-size:1.4rem
    }
}

.c-insta-card__text {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-insta-card__text {
        font-size:1.3rem;
        max-height: 160px;
        overflow-y: auto;
        padding-right: 16px
    }

    .c-insta-card__text::-webkit-scrollbar {
        background: 0 0;
        border: 1px solid #aeaeae;
        border-radius: 18px;
        overflow: hidden;
        width: 9px
    }

    .c-insta-card__text::-webkit-scrollbar-button {
        display: none
    }

    .c-insta-card__text::-webkit-scrollbar-piece,.c-insta-card__text::-webkit-scrollbar-piece:start {
        background: #aeaeae
    }

    .c-insta-card__text::-webkit-scrollbar-corner,.c-insta-card__text::-webkit-scrollbar-thumb {
        background: #aeaeae;
        border-radius: 18px;
        overflow: hidden
    }
}

.c-item-card__inner {
    padding-bottom: 8px;
    position: relative
}

.c-item-card__labels {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.c-item-card__label {
    display: inline-block;
    background: #fff;
    border: 1px solid #000;
    border-radius: 100vh;
    padding: 4px 12px;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .c-item-card__label {
        font-size:1.4rem
    }
}

.c-item-card__label+.c-item-card__label {
    margin-left: 8px
}

.c-item-card__image {
    overflow: hidden
}

.c-item-card__image img {
    width: 100%
}

.c-item-card__info {
    text-align: center;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .c-item-card__info {
        margin:16px 0
    }
}

.c-item-card__info-text {
    color: #333;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-bottom: 12px
}

.c-item-card__info-category {
    font-size: 1.3rem;
    margin-bottom: 4px
}

@media screen and (min-width: 992px) {
    .c-item-card__info-category {
        font-size:1.4rem
    }
}

.c-item-card__info-name {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
}

@media screen and (min-width: 992px) {
    .c-item-card__info-name {
        font-size:1.5rem
    }
}

.c-item-card__info-price {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-item-card__info-price {
        font-size:1.3rem
    }
}

.c-item-card__info-price span+span {
    margin-left: 8px
}

.c-item-card__info-price .is-linethrough {
    font-size: 1.1rem;
    -webkit-text-decoration: line-through solid #333;
    text-decoration: line-through solid #333
}

.c-item-card__info-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-item-card__info-icons {
        margin:12px 0
    }
}

.c-item-card__info-icon {
    border: 1px solid;
    border-radius: 3px;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-item-card__info-icon {
        margin-bottom:0
    }
}

.c-item-card__info-icon a {
    font-size: 1.1rem;
    text-decoration: none;
    padding: 2px 6px
}

@media screen and (min-width: 992px) {
    .c-item-card__info-icon a {
        font-size:1.2rem;
        padding: 2px 8px
    }
}

.c-item-card__info-icon--pores {
    border: 1px solid #fac9c2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 6px
}

.c-item-card__info-icon--aging {
    border: 1px solid #e6cfe4;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 6px
}

.c-item-card__info-icon--dullness {
    border: 1px solid #c1e8fa;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-right: 6px
}

.c-item-card__info-icon--dry {
    border: 1px solid #c9d2ea;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-right: 6px
}

.c-item-card__info-icon--sensitive {
    border: 1px solid #f9ccdf;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.c-item-card__info-icon--innerdry {
    border: 1px solid #fddab3;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.c-item-card__cart-btn {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    margin: 24px auto 0;
    max-width: 150px;
    position: relative;
    z-index: 10
}

.c-item-list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .c-item-list__items {
        -webkit-box-pack:stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.c-item-list__item {
    width: calc(50% - 6px);
    margin-bottom: 32px
}

@media screen and (min-width: 992px) {
    .c-item-list__item {
        width:calc(100% / 4 - 32px * 3 / 4);
        margin-right: 32px
    }

    .c-item-list__item:nth-child(4) {
        margin-right: 0
    }
}

.c-keyword {
    padding: 60px 20px;
    background: #f2f2f2
}

.c-keyword__inner {
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .c-keyword__inner {
        max-width:1020px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-keyword__heading {
    margin-bottom: 24px
}

@media screen and (min-width: 992px) {
    .c-keyword__heading {
        width:200px
    }
}

.c-keyword__heading-title {
    font-size: 2.6rem;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (min-width: 992px) {
    .c-keyword__heading-title {
        font-size:3.2rem
    }
}

@media screen and (min-width: 992px) {
    .c-keyword__search {
        width:calc(100% - 200px);
        padding-left: 8px
    }
}

.c-keyword__category {
    margin: 32px 0 0
}

.c-keyword__category-text {
    color: #333
}

.c-keyword__category-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 8px 0
}

.c-keyword__category-item {
    margin: 12px 8px 0 0
}

@media screen and (min-width: 992px) {
    .c-keyword__category-item {
        margin:0 8px 8px 0
    }
}

.c-keyword__category-item a {
    display: block;
    color: #fff;
    background: #c3a66c;
    border-radius: 24px;
    padding: 8px 20px 8px 28px;
    text-align: center;
    position: relative
}

.c-keyword__category-item a::after {
    position: absolute;
    content: '#';
    left: 16px
}

.c-link a,.c-link__default a,.c-link__pink a,.c-link__white a {
    display: block;
    border-radius: 50px;
    font-size: 1.4rem;
    text-align: center;
    padding: 12px;
    width: 100%;
    max-width: 295px;
    margin: 0 auto
}

.c-link__default a {
    color: #333;
    border: 1px solid #c7c7c7
}

.c-link__default a:hover {
    border: 1px solid #8d8d8d
}

.c-link__default-arrow {
    position: relative
}

.c-link__default-arrow::after {
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px
}

.c-link__white a {
    color: #333;
    background-color: #fff;
    border: 1px solid #c7c7c7
}

.c-link__white a:hover {
    border: 1px solid #8d8d8d
}

.c-link__white-arrow {
    position: relative
}

.c-link__white-arrow::after {
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px
}

.c-link__pink a {
    color: #fff;
    background-color: #e7a9b7;
    border: 1px solid #e7a9b7
}

.c-link__pink a:hover {
    color: #e7a9b7;
    background-color: #fff;
    border: 1px solid #e7a9b7
}

.c-link__pink-arrow {
    position: relative
}

.c-link__pink-arrow::after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px
}

.c-link__pink-arrow:hover::after {
    border-top: solid 1px #e7a9b7;
    border-right: solid 1px #e7a9b7;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.c-login {
    background: #f8f8f8;
    padding: 32px 20px
}

@media screen and (min-width: 992px) {
    .c-login {
        padding:48px 40px
    }
}

.c-login+.c-login {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-login+.c-login {
        margin-top:0
    }
}

.c-login__heading {
    text-align: center;
    margin-bottom: 24px
}

.c-login__heading-description {
    text-align: left;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    margin-top: 24px
}

.c-login__button {
    max-width: 295px;
    margin: 28px auto 0;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .c-login__button {
        max-width:300px;
        font-size: 1.6rem
    }
}

.c-login__forgot-password {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    text-align: center;
    margin: 16px 0 28px
}

.c-login__forgot-password a {
    text-decoration: underline
}

.c-login__line-button {
    max-width: 295px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-login__line-button {
        max-width:300px
    }
}

.c-login__line-button a {
    background: #00b900;
    border-radius: 4px;
    color: #fff;
    display: block;
    line-height: 44px;
    padding-left: 44px;
    height: 44px;
    text-align: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .c-login__line-button a {
        font-size:1.6rem
    }
}

.c-login__line-button a::before {
    /*background-image: url(LINE格納URL);*/
    background-size: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px
}

.c-login__line-button a::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    display: inline-block;
    width: 44px;
    height: 100%;
    border-right: 1px solid #00af00
}

.c-login__line-text {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    margin-bottom: 8px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-login__line-text {
        margin-bottom:12px
    }
}

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

.c-login__text {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-login__text {
        font-size:1.4rem
    }
}

.c-login__text a {
    text-decoration: underline
}

@media screen and (min-width: 992px) {
    .c-media-card {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .c-media-card__image {
        width:48%
    }
}

.c-media-card__info {
    padding-top: 8px
}

@media screen and (min-width: 992px) {
    .c-media-card__info {
        width:calc(52% - 40px);
        padding-top: 0
    }
}

.c-media-card__info-title {
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-media-card__info-title {
        font-size:2.4rem
    }
}

.c-media-card__info-subtitle {
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .c-media-card__info-subtitle {
        font-size:1.6rem;
        margin: 20px 0
    }
}

.c-media-card__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 992px) {
    .c-media-card__items {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
        margin: 0 28px
    }
}

.c-media-card__item {
    width: calc(50% - 12px);
    margin-bottom: 12px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-media-card__item {
        width:calc(50% - 20px)
    }
}

.c-media-card__item img {
    width: 90%
}

.c-media-card__item-name {
    font-size: 1.2rem;
    text-align: center
}

.c-menu-list__items {
    margin: 32px 0
}

@media screen and (min-width: 992px) {
    .c-menu-list__items {
        margin:0
    }
}

.c-menu-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 8px;
    border-bottom: 1px solid #e3e3e3;
    position: relative
}

.c-menu-list__item:first-child {
    border-top: 1px solid #e3e3e3
}

.c-menu-list__item:hover {
    opacity: .7
}

.c-menu-list__item::after {
    border-top: solid 1px #8d8d8d;
    border-right: solid 1px #8d8d8d;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 12px
}

.c-menu-list__item+.c-menu-list__item {
    border-top: 0
}

.c-menu-list__item {
    position: relative
}

.c-menu-list__item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.c-modal {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000
}

.c-modal__wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px
}

@media screen and (min-width: 992px) {
    .c-modal__wrapper {
        padding:80px
    }
}

.c-modal__wrapper::-webkit-scrollbar {
    display: none
}

.c-modal__wrapper::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%
}

.c-modal__bg {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(51,51,51,.8);
    width: 100%;
    height: 100%
}

.c-modal__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10
}

@media screen and (min-width: 992px) {
    .c-modal__close {
        width:40px;
        height: 40px
    }
}

.c-modal__close span {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin: 0 12px;
    padding: 0;
    width: 2px;
    height: 24px;
    background: #8d8d8d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 992px) {
    .c-modal__close span {
        right:8px;
        height: 40px
    }
}

.c-modal__close span:first-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-modal__inner {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.c-modal__container {
    background: #fff;
    padding: 40px 20px;
    height: calc(90vh - 40px);
    text-align: left;
    overflow: scroll
}

@media screen and (min-width: 992px) {
    .c-modal__container {
        height:unset;
        max-height: calc(80vh);
        max-width: 1100px;
        padding: 48px 60px
    }
}

.c-modal__container>:first-child {
    margin-top: 0
}

.c-mypage-buttons {
    margin-top: 28px
}

@media screen and (min-width: 992px) {
    .c-mypage-buttons {
        margin-top:40px
    }
}

@media screen and (min-width: 992px) {
    .c-mypage-buttons__buttons {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-mypage-buttons__buttons-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.c-mypage-buttons__buttons-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-mypage-buttons__buttons-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-mypage-buttons__buttons-right {
        margin-top:0
    }
}

.c-mypage-buttons__buttons--subs-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-mypage-buttons__button {
    width: 124px
}

@media screen and (min-width: 992px) {
    .c-mypage-buttons__button {
        width:140px
    }
}

.c-mypage-buttons__button--large {
    width: 260px
}

@media screen and (min-width: 992px) {
    .c-mypage-buttons__button--large {
        width:200px
    }
}

.c-mypage-buttons__button+.c-mypage-buttons__button {
    margin-left: 12px
}

.c-mypage-buttons__button-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-mypage-buttons__button-right a {
    width: 124px
}

@media screen and (min-width: 992px) {
    .c-mypage-buttons__button-right a {
        width:140px
    }
}

.c-mypage-calendar__td--closed .c-mypage-calendar__day,.c-mypage-calendar__td--past .c-mypage-calendar__day,.c-mypage-calendar__td--scheduled .c-mypage-calendar__day {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    padding: 1px;
    width: 20px;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__td--closed .c-mypage-calendar__day,.c-mypage-calendar__td--past .c-mypage-calendar__day,.c-mypage-calendar__td--scheduled .c-mypage-calendar__day {
        width:24px;
        height: 24px
    }
}

.c-mypage-calendar {
    margin: 40px 0
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar {
        margin:60px 0 0
    }
}

.c-mypage-calendar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 12px
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__header {
        margin:0 0 24px
    }
}

.c-mypage-calendar__header-next,.c-mypage-calendar__header-prev {
    width: 65px
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__header-next,.c-mypage-calendar__header-prev {
        width:80px
    }
}

.c-mypage-calendar__header-next {
    text-align: right
}

.c-mypage-calendar__header-button a {
    background: #3aaab4;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    padding: 4px 12px;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__header-button a {
        padding:4px 20px;
        font-size: 1.4rem
    }
}

.c-mypage-calendar__header-button a:hover {
    opacity: .8
}

.c-mypage-calendar__header-title {
    width: calc(100% - 130px);
    font-size: 1.4rem;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__header-title {
        width:calc(100% - 160px);
        font-size: 1.6rem
    }
}

.c-mypage-calendar__table {
    border: 1px solid #e3e3e3;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed
}

.c-mypage-calendar__table td,.c-mypage-calendar__table th {
    border: 1px solid #e3e3e3;
    font-weight: 400
}

.c-mypage-calendar__table td {
    height: 80px;
    padding: 2px
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__table td {
        height:112px;
        padding: 4px
    }
}

.c-mypage-calendar__day {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__day {
        font-size:1.4rem
    }
}

.c-mypage-calendar__text {
    font-size: 1.2rem;
    line-height: 1.38;
    margin-top: 4px;
    margin: 4px 2px 0
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__text {
        font-size:1.3rem;
        margin: 8px 0 0
    }
}

.c-mypage-calendar__text a {
    display: inline-block;
    color: #3aaab4;
    font-size: 1.1rem;
    line-height: 1.38;
    margin: 4px 0
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__text a {
        font-size:1.2rem
    }
}

.c-mypage-calendar__text a:hover {
    text-decoration: underline
}

.c-mypage-calendar__th {
    background: #f8f8f8
}

@media screen and (min-width: 992px) {
    .c-mypage-calendar__th {
        padding:2px 0
    }
}

.c-mypage-calendar__th--sun {
    color: #ee0101
}

.c-mypage-calendar__th--sat {
    color: #00f
}

.c-mypage-calendar__td {
    width: 100%;
    height: 100%
}

.c-mypage-calendar__td--sun .c-mypage-calendar__day {
    color: #ee0101
}

.c-mypage-calendar__td--sat .c-mypage-calendar__day {
    color: #00f
}

.c-mypage-calendar__td--scheduled .c-mypage-calendar__day {
    background: #e7a9b7;
    color: #fff
}

.c-mypage-calendar__td--closed .c-mypage-calendar__day {
    background: #3aaab4;
    color: #fff
}

.c-mypage-calendar__td--today {
    background: #fcf4f6
}

.c-mypage-calendar__td--past .c-mypage-calendar__day {
    background: #c7c7c7;
    color: #fff
}

.c-mypage-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -20px;
    background: #f8f8f8;
    overflow-x: auto
}

@media screen and (min-width: 992px) {
    .c-mypage-tab {
        margin:0
    }
}

.c-mypage-tab--order .c-mypage-tab__tab {
    width: 50%
}

.c-mypage-tab__tab {
    background: #f8f8f8;
    border-bottom: 1px solid #e3e3e3
}

.c-mypage-tab__tab.is-active {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-bottom: 1px solid #fff
}

.c-mypage-tab__tab a {
    padding: 18px 0;
    text-align: center;
    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;
    height: 100%
}

.c-mypage-tab--subs-orders {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .c-mypage-tab--subs-orders {
        border-bottom:1px solid #e3e3e3
    }
}

.c-mypage-tab--subs-orders .c-mypage-tab__tab {
    line-height: 1.38
}

@media screen and (max-width: 991px) {
    .c-mypage-tab--subs-orders .c-mypage-tab__tab {
        width:calc(100% / 3);
        border: 0
    }
}

@media screen and (min-width: 992px) {
    .c-mypage-tab--subs-orders .c-mypage-tab__tab {
        width:20%
    }
}

@media screen and (max-width: 991px) {
    .c-mypage-tab--subs-orders .c-mypage-tab__tab.is-active {
        border:1px solid #e3e3e3
    }
}

.c-mypage-tab--subs-orders .c-mypage-tab__tab:nth-child(4),.c-mypage-tab--subs-orders .c-mypage-tab__tab:nth-child(5) {
    border-bottom: 0
}

.c-mypage-tab--subs-orders .c-mypage-tab__tab a {
    padding: 12px 0;
    height: 60px
}

@media screen and (min-width: 992px) {
    .c-mypage-tab--subs-orders .c-mypage-tab__tab a {
        padding:18px 0;
        height: 100%
    }
}

.c-mypage-tab__panel {
    margin: 20px 0
}

@media screen and (min-width: 992px) {
    .c-mypage-tab__panel {
        margin:40px 0
    }
}

.c-mypage__description {
    margin: 20px 0
}

@media screen and (min-width: 992px) {
    .c-mypage__description {
        margin:40px 0
    }
}

.c-order-form {
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .c-order-form {
        margin-bottom:60px
    }
}

.c-order-form__heading {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .c-order-form__heading {
        margin-bottom:24px
    }
}

.c-order-form__heading-title {
    color: #333;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.8rem;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-order-form__heading-title {
        font-size:2rem;
        padding-bottom: 12px
    }
}

.c-order-form__heading-text {
    font-size: 1.3rem;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-order-form__heading-text {
        font-size:1.4rem;
        margin-top: 12px
    }
}

.c-order-form__heading-attention {
    color: #d36f86;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-order-form__heading-attention {
        font-size:1.4rem
    }
}

@media screen and (min-width: 992px) {
    .c-order-items {
        margin-top:20px
    }
}

.c-order-items__header {
    display: none
}

@media screen and (min-width: 992px) {
    .c-order-items__header {
        border-top:1px solid #e3e3e3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #333;
        padding: 12px 0
    }
}

@media screen and (min-width: 992px) {
    .c-order-items__header-image {
        width:96px
    }
}

@media screen and (min-width: 992px) {
    .c-order-items__header-info {
        width:calc(100% - 96px);
        padding-left: 4%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

.c-order-items__header-name {
    width: 52%
}

.c-order-items__header-num {
    width: 16%
}

.c-order-items__header-price {
    width: 16%
}

.c-order-items__header-subtotal {
    width: 16%
}

.c-order-items__items {
    margin-top: 20px;
    border-bottom: 1px solid #727171
}

@media screen and (min-width: 992px) {
    .c-order-items__items {
        margin-top:0
    }
}

.c-order-items__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e3e3e3;
    padding: 16px 0 24px
}

@media screen and (min-width: 992px) {
    .c-order-items__item {
        padding:20px 0
    }
}

.c-order-items__item-image {
    width: 30%;
    max-width: 200px
}

@media screen and (min-width: 992px) {
    .c-order-items__item-image {
        width:96px
    }
}

.c-order-items__item-info {
    width: 70%;
    padding-left: 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 992px) {
    .c-order-items__item-info {
        width:calc(100% - 96px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

.c-order-items__item-name {
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-order-items__item-name {
        width:52%
    }
}

.c-order-items__item-name a {
    text-decoration: underline
}

.c-order-items__item-sku {
    color: #9d9d9d;
    font-size: 1.3rem;
    margin: 8px 0
}

.c-order-items__item-price {
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-order-items__item-price {
        width:16%
    }
}

.c-order-items__item-price-num {
    font-size: 1.6rem;
    margin-right: 4px
}

@media screen and (min-width: 992px) {
    .c-order-items__item-price-num {
        font-size:1.8rem
    }
}

@media screen and (min-width: 992px) {
    .c-order-items__item-num {
        margin-top:0;
        width: 16%
    }
}

.c-order-items__item-num form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .c-order-items__item-num form {
        display:block
    }
}

.c-order-items__item-subtotal {
    margin-top: 8px
}

.c-order-items__item-subtotal-num {
    font-size: 1.6rem;
    margin-right: 4px
}

@media screen and (min-width: 992px) {
    .c-order-items__item-subtotal-num {
        font-size:1.8rem;
        margin-top: 0;
        width: 16%
    }
}

.c-pagination {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-pagination__prev {
    font-size: 0
}

.c-pagination__prev a {
    display: inline-block;
    width: 18px;
    height: 40px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-pagination__prev a {
        width:40px
    }
}

.c-pagination__prev a::after {
    border-bottom: solid 1px #333;
    border-left: solid 1px #333;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.c-pagination__next {
    font-size: 0
}

.c-pagination__next a {
    display: inline-block;
    width: 18px;
    height: 40px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-pagination__next a {
        width:40px
    }
}

.c-pagination__next a::after {
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.c-pagination__page {
    margin: 0 4px
}

@media screen and (min-width: 992px) {
    .c-pagination__page {
        margin:0 8px
    }
}

.c-pagination__page a {
    display: block;
    font-size: 1.4rem;
    text-align: center;
    padding: 8px 12px;
    width: 40px;
    height: 40px
}

@media screen and (min-width: 992px) {
    .c-pagination__page a {
        padding:8px 16px
    }
}

.c-pagination__page.is-active {
    background: #fcf4f6;
    border-radius: 50%;
    pointer-events: none
}

.c-pd-award {
    background: #fcf4f6;
    padding: 32px 12px
}

@media screen and (min-width: 992px) {
    .c-pd-award {
        padding:48px 20px 40px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-award__heading {
        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;
        margin-left: -16%
    }
}

.c-pd-award__heading-image {
    width: 30%;
    margin: 0 auto 20px;
    max-width: 108px
}

@media screen and (min-width: 992px) {
    .c-pd-award__heading-image {
        margin:0 24px 0 0
    }
}

.c-pd-award__heading-info {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    color: #333;
    letter-spacing: .02em;
    text-align: center
}

.c-pd-award__heading-title {
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-award__heading-title {
        font-size:2.8rem;
        margin-bottom: 16px
    }
}

.c-pd-award__heading-subtitle {
    font-size: 1.1rem;
    line-height: 1.2
}

@media screen and (min-width: 992px) {
    .c-pd-award__heading-subtitle {
        font-size:1.6rem
    }
}

.c-pd-award__inner {
    background: #fff;
    border-radius: 4px;
    padding: 20px 16px;
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-award__inner {
        padding:20px 24px;
        margin-top: 24px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-award__items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-pd-award__item {
    opacity: 1;
    height: auto;
    -webkit-transition: height .4s ease 0s,margin-top .4s ease 0s;
    transition: height .4s ease 0s,margin-top .4s ease 0s
}

.c-pd-award__item+.c-pd-award__item {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-award__item+.c-pd-award__item {
        margin-top:0
    }
}

@media screen and (min-width: 992px) {
    .c-pd-award__item {
        width:calc(100% / 3 - 20px * 2 / 3);
        margin-right: 20px
    }

    .c-pd-award__item:nth-child(3n) {
        margin-right: 0
    }

    .c-pd-award__item:nth-child(n+4) {
        margin-top: 16px
    }
}

.c-pd-award__item.is-award-hidden-pc {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 991px) {
    .c-pd-award__item.is-award-hidden {
        opacity:0;
        height: 0;
        margin: 0;
        padding: 0
    }
}

.c-pd-award__item-title {
    color: #e7a9b7;
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 4px
}

@media screen and (min-width: 992px) {
    .c-pd-award__item-title {
        font-size:1.8rem
    }
}

.c-pd-award__item-subtitle {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-award__item-subtitle {
        font-size:1.4rem
    }
}

.c-pd-award__item-text {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.6
}

@media screen and (min-width: 992px) {
    .c-pd-award__item-text {
        font-size:1.3rem
    }
}

.c-pd-award__more {
    cursor: pointer
}

.c-pd-award__more-text {
    font-size: 1.1rem;
    padding: 20px 0 0;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-award__more-text {
        font-size:1.3rem;
        padding: 32px 0 0
    }
}

.c-pd-award__more-text span {
    position: relative;
    margin-left: -20px
}

.c-pd-award__more-text span::after,.c-pd-award__more-text span::before {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background: #8d8d8d;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-pd-award__more-text span::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: .5s;
    transition: .5s
}

.c-pd-award--logo .c-pd-award__inner {
    padding: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-award--logo .c-pd-award__inner {
        padding:24px 32px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-award--logo .c-pd-award__items {
        gap:20px 40px
    }
}

.c-pd-award--logo .c-pd-award__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .c-pd-award--logo .c-pd-award__item {
        width:calc(100% / 2 - 40px * 1 / 2);
        margin-right: 0
    }
}

.c-pd-award--logo .c-pd-award__item-image {
    width: 64px
}

@media screen and (min-width: 992px) {
    .c-pd-award--logo .c-pd-award__item-image {
        width:88px
    }
}

.c-pd-award--logo .c-pd-award__item-outline {
    width: calc(100% - 64px);
    padding-left: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-award--logo .c-pd-award__item-outline {
        width:calc(100% - 88px)
    }
}

.c-pd-banner {
    padding: 0 20px;
    margin: 16px 0
}

@media screen and (min-width: 992px) {
    .c-pd-banner {
        padding:0;
        margin: 24px 0
    }
}

.c-pd-banner--w100 {
    padding: 0;
    margin: 0
}

.c-pd-banner--sustainable {
    padding: 0;
    margin: 0 0 40px
}

@media screen and (min-width: 992px) {
    .c-pd-banner--sustainable {
        margin:0 0 48px
    }
}

.c-pd-banner__item+.c-pd-banner__item {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-banner__item+.c-pd-banner__item {
        margin-top:24px
    }
}

.c-pd-banner__item img {
    width: 100%;
    height: auto
}

.c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
    font-family: "Noto Sans Japanese","Ginto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    color: #333;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
        font-size:1.1rem;
        margin-top: 12px
    }
}

.c-pd-box {
    background: #f7f3eb;
    padding: 40px 12px
}

@media screen and (min-width: 992px) {
    .c-pd-box {
        padding:56px 20px
    }
}

.c-pd-box__inner {
    background: #fff;
    border-radius: 8px;
    padding: 28px 20px
}

@media screen and (min-width: 992px) {
    .c-pd-box__inner {
        padding:40px
    }
}

.c-pd-box__heading {
    border-bottom: 1px solid #c3a66c;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-box__heading {
        padding-bottom:28px;
        margin-bottom: 20px
    }
}

.c-pd-box__heading-num {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .02em;
    line-height: 1;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-box__heading-num {
        font-size:2.4rem;
        margin-bottom: 20px
    }
}

.c-pd-box__heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem
}

@media screen and (min-width: 992px) {
    .c-pd-box__heading-title {
        font-size:2rem
    }
}

.c-pd-box__description {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .c-pd-box__description {
        font-size:1.5rem
    }
}

.c-pd-box__text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-box__text {
        font-size:1.5rem
    }
}

.c-pd-box__text sup {
    font-size: .8rem
}

@media screen and (min-width: 992px) {
    .c-pd-box__text sup {
        font-size:1rem
    }
}

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

@media screen and (min-width: 576px) {
    .c-pd-box__flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 992px) {
    .c-pd-box__flex {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-top: 24px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-box__flex--reverse {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.c-pd-box__flex-items {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-box__flex-items {
        margin:0;
        width: calc(100% - 320px - 40px)
    }
}

@media screen and (min-width: 576px) {
    .c-pd-box__flex-image {
        max-width:200px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-box__flex-image {
        max-width:320px;
        width: 320px
    }
}

.c-pd-box__flex-info {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-box__flex-info {
        margin-top:0;
        width: calc(100% - 314px - 40px)
    }
}

.c-pd-box__flex--puff .c-pd-box__flex-image {
    width: 64%;
    max-width: 200px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-box__flex--puff .c-pd-box__flex-image {
        width:220px;
        max-width: 220px;
        margin: 0
    }
}

@media screen and (min-width: 992px) {
    .c-pd-box__flex--puff .c-pd-box__flex-info {
        margin-top:40px;
        width: calc(100% - 260px)
    }
}

.c-pd-box__item+.c-pd-box__item {
    border-top: 1px solid #e3e3e3;
    margin-top: 8px;
    padding-top: 8px
}

.c-pd-box__item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-pd-box__item-flex-image {
    width: 100px
}

.c-pd-box__item-flex-info {
    width: calc(100% - 120px)
}

.c-pd-box__item-name {
    font-size: 1.3rem;
    line-height: 2;
    margin-bottom: 4px
}

@media screen and (min-width: 992px) {
    .c-pd-box__item-name {
        font-size:1.4rem
    }
}

.c-pd-box__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem
}

@media screen and (min-width: 992px) {
    .c-pd-box__item-text {
        font-size:1.2rem
    }
}

@media screen and (max-width: 991px) {
    .c-pd-box__flex-items--FM10159 .c-pd-box__item-flex-image {
        width:76px
    }
}

@media screen and (max-width: 991px) {
    .c-pd-box__flex-items--FM10159 .c-pd-box__item-flex-info {
        width:calc(100% - 100px)
    }
}

.c-pd-content__inner {
    padding: 40px 20px 48px
}

@media screen and (min-width: 992px) {
    .c-pd-content__inner {
        padding:48px 0 64px;
        max-width: 840px;
        margin: 0 auto
    }
}

@media screen and (min-width: 992px) {
    .c-pd-content__inner--mx940 {
        max-width:940px
    }
}

.c-pd-content__title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-content__title {
        font-size:2.4rem;
        margin-bottom: 28px
    }
}

.c-pd-content__keywords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 16px 0 20px
}

@media screen and (min-width: 992px) {
    .c-pd-content__keywords {
        margin:22px auto 28px;
        max-width: 640px
    }
}

.c-pd-content__keywords-item {
    margin: 0 2px;
    background: #c3a66c;
    border-radius: 100vh;
    color: #fff;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    padding: 4px 16px;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-pd-content__keywords-item {
        margin:6px 4px 0;
        font-size: 2rem;
        padding: 6px 16px
    }
}

.c-pd-content__description {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-content__description {
        font-size:1.6rem
    }
}

.c-pd-content__annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    color: #333;
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-content__annotation {
        font-size:1.2rem
    }
}

.c-pd-content__percent {
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    color: #333;
    margin: 32px 0;
    padding: 12px 0
}

@media screen and (min-width: 992px) {
    .c-pd-content__percent {
        margin:40px 0;
        padding: 24px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-pd-content__percent-wrapper {
    max-width: 840px;
    padding: 0 20px;
    margin: 64px auto
}

@media screen and (min-width: 992px) {
    .c-pd-content__percent-wrapper {
        padding:0;
        margin: 80px auto
    }
}

.c-pd-content__percent-text {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    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
}

@media screen and (min-width: 992px) {
    .c-pd-content__percent-text {
        font-size:2.2rem
    }
}

@media screen and (min-width: 992px) {
    .c-pd-content__percent-text+.c-pd-content__percent-text {
        margin-left:80px
    }
}

.c-pd-content__percent-text span {
    font-size: 4rem;
    padding: 0 8px 0 16px
}

@media screen and (min-width: 992px) {
    .c-pd-content__percent-text span {
        font-size:4.8rem
    }
}

.c-pd-content__cruelty-free {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-pd-content__cruelty-free {
        margin-top:40px
    }
}

.c-pd-content__cruelty-free-image {
    width: 295px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-content__cruelty-free-image {
        width:405px
    }
}

.c-pd-content__cruelty-free-text {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 16px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-content__cruelty-free-text {
        font-size:1.2rem
    }
}

.c-pd-content__cruelty-free+.c-pd-content__sustainable {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-pd-content__cruelty-free+.c-pd-content__sustainable {
        margin-top:40px
    }
}

.c-pd-content__sustainable {
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0
}

.c-pd-content__sustainable-image {
    width: 100px
}

@media screen and (min-width: 992px) {
    .c-pd-content__sustainable-image {
        width:150px
    }
}

.c-pd-content__sustainable-text {
    width: calc(100% - 100px);
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-content__sustainable-text {
        width:calc(100% - 150px);
        font-size: 2rem
    }
}

.c-pd-content a {
    text-decoration: underline
}

.c-pd-content__anchor {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 24px 0 8px
}

@media screen and (min-width: 992px) {
    .c-pd-content__anchor {
        padding:28px 0 4px;
        margin-top: 64px
    }
}

.c-pd-content__anchor-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-content__anchor-title {
        font-size:2.4rem
    }
}

.c-pd-content__anchor-items {
    margin: 20px 0 0
}

@media screen and (min-width: 992px) {
    .c-pd-content__anchor-items {
        margin:28px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-pd-content__anchor-item {
    margin-bottom: 8px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-pd-content__anchor-item {
        width:calc(50% - 30px);
        margin-bottom: 16px
    }
}

.c-pd-content__anchor-item::before {
    border-bottom: solid 2px #e7a9b7;
    border-right: solid 2px #e7a9b7;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 12px
}

.c-pd-content__anchor-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding-left: 40px
}

.c-pd-content__anchor-item a:hover {
    opacity: .8
}

.c-pd-content__anchor-item-info {
    width: calc(100% - 88px)
}

@media screen and (min-width: 992px) {
    .c-pd-content__anchor-item-info {
        width:calc(100% - 96px)
    }
}

.c-pd-content__anchor-item-name,.c-pd-content__anchor-item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem
}

@media screen and (min-width: 992px) {
    .c-pd-content__anchor-item-name,.c-pd-content__anchor-item-text {
        font-size:1.4rem
    }
}

.c-pd-content__anchor-item-image {
    width: 64px
}

@media screen and (min-width: 992px) {
    .c-pd-content__anchor-item-image {
        width:80px
    }
}

.c-pd-faq {
    background: #f7f3eb
}

.c-pd-faq__inner {
    padding: 40px 12px
}

@media screen and (min-width: 992px) {
    .c-pd-faq__inner {
        padding:48px 20px;
        width: 100%
    }
}

.c-pd-faq__title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-faq__title {
        font-size:2.4rem;
        margin-bottom: 28px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-faq__items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-pd-faq__item {
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    height: auto
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item {
        width:calc(100% / 3 - 8px * 2 / 3);
        margin-right: 8px;
        padding: 32px
    }

    .c-pd-faq__item:nth-child(3n) {
        margin-right: 0
    }
}

.c-pd-faq__item+.c-pd-faq__item {
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item+.c-pd-faq__item {
        margin-top:0
    }
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item:nth-child(n+4) {
        margin-top:8px
    }
}

.c-pd-faq__item-question {
    font-size: 1.3rem;
    position: relative;
    padding-left: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item-question {
        font-size:1.5rem;
        padding-left: 24px
    }
}

.c-pd-faq__item-question::before {
    position: absolute;
    content: 'Q.';
    left: 0;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item-question::before {
        font-size:1.5rem
    }
}

.c-pd-faq__item-answer {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 12px;
    position: relative;
    padding-left: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item-answer {
        font-size:1.3rem;
        padding-left: 24px
    }
}

.c-pd-faq__item-answer::before {
    position: absolute;
    content: 'A.';
    left: 0;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    color: #c3a66c
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item-answer::before {
        font-size:1.5rem
    }
}

.c-pd-faq__item a {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    text-decoration: underline
}

.c-pd-faq__item-annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    color: #333;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item-annotation {
        font-size:1.1rem
    }
}

.c-pd-faq__item-image {
    max-width: 200px;
    margin: 16px auto 0
}

@media screen and (min-width: 992px) {
    .c-pd-faq__item-image {
        margin:20px auto 0
    }
}

.c-pd-faq a {
    text-decoration: underline
}

.c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    color: #333;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
        font-size:1.1rem;
        margin-top: 12px
    }
}

.c-pd-feature {
    background: #fff8f8
}

.c-pd-feature__heading {
    padding: 48px 0 24px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-feature__heading {
        padding:64px 0 40px
    }
}

.c-pd-feature__heading-title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1
}

@media screen and (min-width: 992px) {
    .c-pd-feature__heading-title {
        font-size:3.6rem
    }
}

.c-pd-feature__heading-subtitle {
    color: #c3a66c;
    font-size: 1.3rem;
    margin-top: 6px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__heading-subtitle {
        font-size:1.6rem
    }
}

.c-pd-feature__points {
    padding-bottom: 48px
}

.c-pd-feature__points-heading {
    position: relative
}

.c-pd-feature__points-heading-inner {
    position: absolute;
    top: 24px;
    left: 0;
    right: 0
}

@media screen and (min-width: 992px) {
    .c-pd-feature__points-heading-inner {
        top:56px;
        padding: 0 40px
    }
}

.c-pd-feature__points-heading-text {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    text-align: center;
    color: #333
}

@media screen and (min-width: 992px) {
    .c-pd-feature__points-heading-text {
        font-size:2.4rem
    }
}

.c-pd-feature__points-heading-image img {
    width: 100%
}

.c-pd-feature__point {
    margin-top: -20px;
    padding: 0 12px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point {
        margin-top:-40px;
        padding: 0 20px
    }
}

.c-pd-feature__point+.c-pd-feature__point {
    margin-top: 16px
}

.c-pd-feature__point-inner {
    background: #fff;
    border-radius: 8px;
    padding: 28px 20px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-inner {
        padding:40px 80px
    }
}

.c-pd-feature__point-heading {
    border-bottom: 1px solid #c3a66c;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-heading {
        padding-bottom:28px;
        margin-bottom: 20px
    }
}

.c-pd-feature__point-heading-num {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .02em;
    line-height: 1;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-heading-num {
        font-size:2.4rem;
        margin-bottom: 20px
    }
}

.c-pd-feature__point-heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-heading-title {
        font-size:2rem
    }
}

.c-pd-feature__point-heading-flex {
    border-bottom: 1px solid #c3a66c;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-heading-flex {
        padding-bottom:28px;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-heading-flex-image {
        width:45%;
        max-width: 350px
    }
}

.c-pd-feature__point-heading-flex-info {
    padding-top: 28px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-heading-flex-info {
        width:55%;
        padding: 0 20px
    }
}

.c-pd-feature__point-subheading {
    text-align: center;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-subheading {
        margin-bottom:28px
    }
}

.c-pd-feature__point-subheading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.7rem
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-subheading-title {
        font-size:1.9rem
    }
}

.c-pd-feature__point-subtitle {
    color: #c3a66c;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-subtitle {
        font-size:2rem;
        margin-bottom: 20px
    }
}

.c-pd-feature__point-subtitle--bg-gold {
    background: #f9f6f0;
    padding: 8px 0;
    margin: 32px 0 0
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-subtitle--bg-gold {
        font-size:1.8rem;
        margin: 40px 0 0
    }
}

.c-pd-feature__point--subimage {
    margin: 0
}

.c-pd-feature__point-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-text {
        font-size:1.5rem
    }
}

.c-pd-feature__point-text sup {
    font-size: .8rem
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-text sup {
        font-size:1rem
    }
}

.c-pd-feature__point-text--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-pd-feature__point-text+.c-pd-feature__point-ingredients {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-text+.c-pd-feature__point-ingredients {
        margin-top:40px
    }
}

.c-pd-feature__point-annotations {
    margin: 20px 0;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-annotations {
        padding:0
    }
}

.c-pd-feature__point-image {
    width: 100%;
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-image {
        margin:40px auto 0
    }
}

.c-pd-feature__point-image img {
    width: 100%
}

.c-pd-feature__point-image--mx420 {
    max-width: 420px
}

.c-pd-feature__point-terminology {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-pd-feature__point-terminology-image {
    width: 23%
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-terminology-image {
        width:110px
    }
}

.c-pd-feature__point-terminology-caption {
    font-size: 1rem;
    margin-top: 8px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-terminology-caption {
        font-size:1.2rem
    }
}

.c-pd-feature__point-terminology-info {
    width: calc(77% - 16px)
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-terminology-info {
        width:calc(100% - 110px - 20px)
    }
}

.c-pd-feature__point-terminology-word {
    color: #c3a66c;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-terminology-word {
        font-size:1.8rem;
        margin-bottom: 12px
    }
}

.c-pd-feature__point-terminology-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-terminology-text {
        font-size:1.5rem
    }
}

.c-pd-feature__point-ingredients {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 12px -2px 0
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-ingredients {
        margin:12px -2px
    }
}

.c-pd-feature__point-ingredients--left {
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

@media screen and (max-width: 575px) {
    .c-pd-feature__point-ingredients--left-sp {
        -webkit-box-pack:stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

.c-pd-feature__point-ingredient {
    width: calc(100% / 3);
    margin-bottom: 16px;
    padding: 0 2px;
    max-width: 110px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-ingredient {
        margin-bottom:0
    }
}

.c-pd-feature__point-ingredient img {
    border-radius: 4px
}

.c-pd-feature__point-ingredient-caption {
    font-size: 1.1rem;
    margin-top: 8px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-feature__flex--pc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-pd-feature__flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

.c-pd-feature__flex-image {
    max-width: 360px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-feature__flex-image {
        width:360px
    }
}

.c-pd-feature__flex-image img {
    width: 100%
}

.c-pd-feature__flex-info {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__flex-info {
        margin-top:0;
        padding-left: 40px;
        width: calc(100% - 360px)
    }
}

.c-pd-feature a {
    text-decoration: underline
}

.c-pd-feature__shape {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__shape {
        margin-top:32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.c-pd-feature__shape-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-pd-feature__bg-hexagon--yellow {
    background: linear-gradient(135deg,#fffbd0 0,#fffbd0 50%,#fff8bc 50%,#fff8bc 100%)
}

@media screen and (min-width: 992px) {
    .c-pd-feature__bg-hexagon--yellow {
        width:210px
    }
}

.c-pd-feature__bg-hexagon--yellow::after,.c-pd-feature__bg-hexagon--yellow::before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border: 46px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent
}

.c-pd-feature__bg-hexagon--yellow::before {
    right: 100%;
    border-right-color: #fffbd0
}

.c-pd-feature__bg-hexagon--yellow::after {
    left: 100%;
    border-left-color: #fff8bc
}

.c-pd-feature__bg-hexagon--blue {
    background: linear-gradient(135deg,#f4fbfc 0,#f4fbfc 50%,#e9f6f7 50%,#e9f6f7 100%)
}

@media screen and (min-width: 992px) {
    .c-pd-feature__bg-hexagon--blue {
        width:210px;
        margin: 0 0 0 12px
    }
}

.c-pd-feature__bg-hexagon--blue::after,.c-pd-feature__bg-hexagon--blue::before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border: 46px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent
}

.c-pd-feature__bg-hexagon--blue::before {
    right: 100%;
    border-right-color: #f4fbfc
}

.c-pd-feature__bg-hexagon--blue::after {
    left: 100%;
    border-left-color: #e9f6f7
}

.c-pd-feature__bg-circle--pink {
    background: linear-gradient(135deg,#fcf4f6 0,#fcf4f6 50%,#f9ecef 50%,#f9ecef 100%)
}

@media screen and (min-width: 992px) {
    .c-pd-feature__bg-circle--pink {
        margin:0 auto
    }
}

.c-pd-feature__bg-circle--pink+.c-pd-feature__bg-circle--pink {
    margin-left: 8px
}

.c-pd-feature__bg-square--yellow {
    background: linear-gradient(135deg,#f9f6f0 0,#f9f6f0 50%,#f3ede1 50%,#f3ede1 100%)
}

.c-pd-feature__bg-square--yellow+.c-pd-feature__bg-square--yellow {
    margin-left: 8px
}

.c-pd-feature__setitem {
    background: #fff;
    border-radius: 8px;
    margin: 0 12px 12px;
    padding: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem {
        margin:0 20px 20px;
        padding: 40px 80px
    }
}

.c-pd-feature__setitem-heading {
    margin: 8px 0 16px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-heading {
        margin:0 0 20px
    }
}

.c-pd-feature__setitem-title {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2rem
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-title {
        font-size:3.2rem
    }
}

.c-pd-feature__setitem-info {
    margin: 20px 0 40px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-info {
        margin:32px 0 48px
    }
}

.c-pd-feature__setitem-name {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-name {
        font-size:2rem
    }
}

.c-pd-feature__setitem-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-text {
        font-size:1.5rem;
        margin-top: 20px
    }
}

.c-pd-feature__setitem-annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-annotation {
        font-size:1.2rem;
        margin-top: 32px
    }
}

.c-pd-feature__setitem-point-title {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-point-title {
        font-size:2.4rem;
        letter-spacing: .02em
    }
}

.c-pd-feature__setitem-point-title::after {
    position: absolute;
    content: '';
    background-color: #c3a66c
}

@media screen and (max-width: 991px) {
    .c-pd-feature__setitem-point-title::after {
        width:1px;
        height: calc(100% - 68px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-point-title::after {
        width:calc(100% - 100px);
        height: 1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-point-inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 24px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-point-image {
        width:360px
    }
}

.c-pd-feature__setitem-point-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8;
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-point-text {
        font-size:1.5rem;
        width: calc(100% - 400px);
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .c-pd-feature__setitem-point {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-pd-feature__setitem-point-title {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        width: 16px
    }

    .c-pd-feature__setitem-point-inner {
        width: calc(100% - 16px - 20px)
    }
}

.c-pd-feature__setitem-howto {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 28px;
    padding: 20px 8px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-howto {
        margin-top:32px;
        padding: 24px 12px
    }
}

.c-pd-feature__setitem-howto-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    width: 80px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-howto-title {
        font-size:1.3rem;
        width: 88px
    }
}

.c-pd-feature__setitem-howto-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    width: calc(100% - 80px)
}

@media screen and (min-width: 992px) {
    .c-pd-feature__setitem-howto-text {
        font-size:1.3rem;
        width: calc(100% - 88px)
    }
}

.c-pd-header {
    padding: 48px 0
}

@media screen and (min-width: 992px) {
    .c-pd-header {
        padding:80px 0
    }
}

.c-pd-header__inner {
    padding: 16px 20px 0
}

@media screen and (min-width: 992px) {
    .c-pd-header__inner {
        padding:20px 70px 16px;
        max-width: 960px;
        margin: 0 auto
    }
}

.c-pd-header__box {
    margin: 64px 0 0
}

@media screen and (min-width: 992px) {
    .c-pd-header__box {
        margin:96px 0 0
    }
}

.c-pd-header__title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1.2;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-header__title {
        font-size:3.6rem
    }
}

.c-pd-header__subtitle {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    list-style: 1.6;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-header__subtitle {
        font-size:2.4rem
    }
}

.c-pd-header__image {
    aspect-ratio: 1/1
}

@media screen and (min-width: 576px) {
    .c-pd-header__image {
        aspect-ratio:980/480
    }
}

.c-pd-header__title+.c-pd-header__image {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-pd-header__title+.c-pd-header__image {
        margin-top:40px
    }
}

.c-pd-header__title+.c-pd-header__subtitle {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-header__title+.c-pd-header__subtitle {
        margin-top:28px
    }
}

.c-pd-header__text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-header__text {
        font-size:1.6rem
    }
}

.c-pd-header__text+.c-pd-header__text {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-header__text+.c-pd-header__text {
        margin-top:28px
    }
}

.c-pd-header__subtitle+.c-pd-header__text {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-header__subtitle+.c-pd-header__text {
        margin-top:28px
    }
}

.c-pd-header__annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    color: #9d9d9d;
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-header__annotation {
        font-size:1.1rem
    }
}

.c-pd-howto {
    padding: 24px 12px 40px
}

@media screen and (min-width: 992px) {
    .c-pd-howto {
        padding:48px 20px;
        width: 50%
    }
}

.c-pd-howto__title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-howto__title {
        margin-bottom:28px
    }
}

.c-pd-howto__inner {
    background: #fff;
    border-radius: 4px;
    padding: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-howto__inner {
        padding:20px
    }
}

.c-pd-howto__movie {
    position: relative;
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-howto__movie {
        max-width:300px
    }
}

.c-pd-howto__movie::before {
    content: "";
    display: block;
    padding-top: 125%;
    background: #f2f2f2
}

.c-pd-howto__movie::after {
    position: absolute;
    content: 'Loading...';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-pd-howto__movie.is-loaded::after {
    content: ''
}

.c-pd-howto__movie-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.c-pd-howto__movie-thumbnail::before {
    display: block;
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    z-index: 1
}

.c-pd-howto__movie-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-pd-howto__movie-thumbnail:hover .c-product-desc__movie-playbtn-icon::before {
    -webkit-transform: scale(1.125);
    transform: scale(1.125)
}

.c-pd-howto__movie-playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.c-pd-howto__movie-playbtn-icon {
    display: block;
    position: relative;
    margin: auto;
    width: 52px;
    height: 52px
}

.c-pd-howto__movie-playbtn-icon::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    border-radius: 50%;
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    content: ""
}

.c-pd-howto__movie-playbtn-icon::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(15%) rotate(-90deg);
    transform: translateX(15%) rotate(-90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    margin: auto;
    border-radius: 4px;
    border-width: 12px 8px 0 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    width: 0;
    height: 0;
    content: ""
}

.c-pd-howto__movie-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-pd-howto__movie-inner::before {
    content: '';
    display: block;
    padding-top: 125%
}

.c-pd-howto__movie-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.c-pd-howto__movie-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-howto__movie-text {
        font-size:1.4rem
    }
}

.c-pd-howto__text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-pd-howto__text {
        font-size:1.4rem
    }
}

.c-pd-howto__image {
    margin: 0 auto 16px
}

@media screen and (min-width: 992px) {
    .c-pd-howto__image {
        margin:0 auto 20px
    }
}

.c-pd-howto__image--mx320 {
    max-width: 320px
}

.c-pd-howto__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-pd-howto__step+.c-pd-howto__step {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e3e3e3
}

.c-pd-howto__step-image {
    width: 112px
}

@media screen and (min-width: 992px) {
    .c-pd-howto__step-image {
        width:100px
    }
}

.c-pd-howto__step-info {
    width: calc(100% - 128px)
}

@media screen and (min-width: 992px) {
    .c-pd-howto__step-info {
        width:calc(100% - 120px)
    }
}

.c-pd-howto__step-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-pd-howto__step-text {
        font-size:1.4rem
    }
}

.c-pd-howto a {
    text-decoration: underline
}

.c-pd-howto--product .c-pd-howto__inner {
    background-color: #fff;
    border-radius: 4px;
    padding: 28px 16px 28px
}

.c-pd-howto--product .c-accordion:last-child {
    border-bottom: 1px solid #c7c7c7
}

.c-pd-image img {
    width: 100%
}

.c-pd-lulucos.c-pd-voice__inner {
    padding-top: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-lulucos.c-pd-voice__inner {
        padding-top:40
    }
}

.c-pd-lulucos__review {
    padding: 8px 4px 0
}

@media screen and (min-width: 992px) {
    .c-pd-lulucos__review {
        padding:12px
    }
}

.c-pd-lulucos__review-text {
    font-size: 1.1rem;
    line-height: 1.4
}

@media screen and (min-width: 992px) {
    .c-pd-lulucos__review-text {
        font-size:1.3rem;
        line-height: 1.4
    }
}

.c-pd-lulucos__review-text+.c-pd-lulucos__review-text {
    margin-top: 6px
}

@media screen and (min-width: 992px) {
    .c-pd-lulucos__review-text+.c-pd-lulucos__review-text {
        margin-top:8px
    }
}

.c-pd-lulucos .swiper-button-prev {
    left: 0;
    right: auto
}

.c-pd-lulucos .swiper-button-next {
    left: auto;
    right: 0
}

.c-pd-lulucos .swiper-button-next,.c-pd-lulucos .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,.7);
    top: 64px
}

@media screen and (min-width: 500px) {
    .c-pd-lulucos .swiper-button-next,.c-pd-lulucos .swiper-button-prev {
        top:32%
    }
}

@media screen and (min-width: 768px) {
    .c-pd-lulucos .swiper-button-next,.c-pd-lulucos .swiper-button-prev {
        top:36%
    }
}

@media screen and (min-width: 992px) {
    .c-pd-lulucos .swiper-button-next,.c-pd-lulucos .swiper-button-prev {
        top:110px
    }
}

.c-pd-lulucos .swiper-button-next::after,.c-pd-lulucos .swiper-button-prev::after {
    position: absolute;
    content: '';
    border-bottom: solid 2px #333;
    border-left: solid 2px #333;
    width: 12px;
    height: 12px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.c-pd-lulucos .swiper-button-prev::after {
    left: 16px
}

.c-pd-lulucos .swiper-button-next::after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    right: 16px
}

.c-pd-lulucos__powered {
    font-size: 1rem;
    text-align: right;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-lulucos__powered {
        font-size:1.1rem;
        margin-top: 40px
    }
}

.c-pd-lulucos__powered img {
    width: 124px;
    height: auto;
    margin-top: -6px
}

@media screen and (min-width: 992px) {
    .c-pd-main__flex-pc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    color: #333;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
        font-size:1.1rem;
        margin-top: 12px
    }
}

.c-pd-mask {
    background: #f7f3eb;
    padding-bottom: 40px
}

.c-pd-mask__heading {
    padding: 48px 0 0;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-mask__heading {
        padding:64px 0 0
    }
}

.c-pd-mask__heading-title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1
}

@media screen and (min-width: 992px) {
    .c-pd-mask__heading-title {
        font-size:3.6rem
    }
}

.c-pd-mask__heading-subtitle {
    color: #c3a66c;
    font-size: 1.3rem;
    margin-top: 6px
}

@media screen and (min-width: 992px) {
    .c-pd-mask__heading-subtitle {
        font-size:1.6rem
    }
}

.c-pd-mask__heading-image {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-mask__heading-image {
        margin-top:40px
    }
}

.c-pd-mask__heading-image img {
    width: 100%
}

.c-pd-mask__contents {
    background: #fff;
    margin: -20px 12px 0 12px;
    border-radius: 8px;
    padding: 28px 20px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .c-pd-mask__contents {
        margin:-40px 20px 0 20px;
        padding: 40px 80px
    }
}

.c-pd-mask__point-heading {
    border-bottom: 1px solid #c3a66c;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-heading {
        padding-bottom:28px;
        margin-bottom: 20px
    }
}

.c-pd-mask__point-heading-subtitle {
    color: #c3a66c;
    font-size: 1.8rem;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-heading-subtitle {
        font-size:2rem
    }
}

.c-pd-mask__point-heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-heading-title {
        font-size:2rem
    }
}

.c-pd-mask__point-subtitle {
    color: #c3a66c;
    font-size: 1.6rem;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-subtitle {
        font-size:1.8rem
    }
}

.c-pd-mask__point-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-text {
        font-size:1.5rem
    }
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-pd-mask__point-flex-image {
    max-width: 360px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-flex-image {
        width:360px;
        margin: 0
    }
}

.c-pd-mask__point-flex-info {
    margin: 16px 0 0
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-flex-info {
        margin:0;
        width: calc(100% - 400px)
    }
}

.c-pd-mask__point-numbered {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-numbered {
        margin:40px 0 0
    }
}

.c-pd-mask__point-numbered-items {
    margin-top: 20px;
    counter-reset: rank
}

.c-pd-mask__point-numbered-item {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    position: relative;
    padding-left: 36px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 1.5rem;
    line-height: 26px
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-numbered-item {
        padding-left:40px;
        padding-bottom: 16px;
        margin-bottom: 16px;
        font-size: 1.7rem;
        line-height: 30px
    }
}

.c-pd-mask__point-numbered-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #c3a66c
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-numbered-item::before {
        width:28px;
        height: 28px
    }
}

.c-pd-mask__point-numbered-item::after {
    position: absolute;
    top: 0;
    left: 8px;
    counter-increment: rank;
    content: counter(rank);
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    color: #fff
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-numbered-item::after {
        font-size:1.4rem;
        left: 10px
    }
}

.c-pd-mask__point-numbered-item:first-child::after {
    left: 9px
}

@media screen and (min-width: 992px) {
    .c-pd-mask__point-numbered-item:first-child::after {
        left:11px
    }
}

.c-pd-message {
    border: 1px solid #c7c7c7;
    margin: 20px;
    padding: 40px 24px
}

@media screen and (min-width: 992px) {
    .c-pd-message {
        margin:20px 0;
        padding: 48px
    }
}

.c-pd-message__title {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .02em;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-message__title {
        font-size:2.4rem
    }
}

@media screen and (min-width: 992px) {
    .c-pd-message__content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 32px
    }
}

.c-pd-message__content-image {
    margin: 24px auto;
    max-width: 274px
}

@media screen and (min-width: 992px) {
    .c-pd-message__content-image {
        margin:0;
        width: 274px
    }
}

.c-pd-message__content-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-pd-message__content-text {
        font-size:1.3rem;
        width: calc(100% - 274px - 40px)
    }
}

.c-pd-problems {
    background: #fff0f0
}

@media screen and (min-width: 992px) {
    .c-pd-problems {
        position:relative
    }
}

.c-pd-problems--gray {
    background: #f4f4f5
}

.c-pd-problems__inner {
    padding: 40px 12px
}

@media screen and (min-width: 992px) {
    .c-pd-problems__inner {
        padding:48px 0;
        position: relative;
        z-index: 1;
        height: 369px
    }
}

.c-pd-problems__title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-problems__title {
        font-size:2.4rem;
        margin-bottom: 28px
    }
}

.c-pd-problems__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 992px) {
    .c-pd-problems__items {
        max-width:624px;
        margin: 0 auto
    }
}

.c-pd-problems__item {
    background: rgba(255,255,255,.7);
    border-radius: 4px;
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 16px 12px 16px 40px;
    margin-bottom: 4px;
    width: calc(50% - 2px)
}

@media screen and (min-width: 992px) {
    .c-pd-problems__item {
        font-size:1.5rem;
        padding: 20px 28px 20px 56px;
        width: calc(50% - 4px);
        margin-bottom: 8px;
        min-height: 86px
    }
}

.c-pd-problems__item::before {
    position: absolute;
    left: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4yMTIiIGhlaWdodD0iMTUuNTQ5IiB2aWV3Qm94PSIwIDAgMTcuMjEyIDE1LjU0OSI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xNzkyIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxNzkyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkwLjYyOSAtMjgzMy43MjgpIj4KICAgIDxnIGlkPSJJY29uX2ZlYXRoZXItY2hlY2stc3F1YXJlIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1jaGVjay1zcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MS4xMjkgMjgzNC4yMjgpIj4KICAgICAgPHBhdGggaWQ9IuODkeOCuV84MDMiIGRhdGEtbmFtZT0i44OR44K5IDgwMyIgZD0iTTEzLjUsMTIuMWwyLjYxMiwyLjYxMkwyNC44Miw2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC44MTUgLTUuMTI5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNhNjZjIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8cGF0aCBpZD0i44OR44K5XzgwNCIgZGF0YS1uYW1lPSLjg5HjgrkgODA0IiBkPSJNMTkuNjM0LDExLjc3NXY1LjY1OGExLjY1LDEuNjUsMCwwLDEtMS42ODIsMS42MTdINi4xODJBMS42NSwxLjY1LDAsMCwxLDQuNSwxNy40MzNWNi4xMTdBMS42NSwxLjY1LDAsMCwxLDYuMTgyLDQuNUgxNS40MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNSAtNC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzI3MTcxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==)
}

@media screen and (min-width: 992px) {
    .c-pd-problems__item::before {
        left:20px
    }
}

@media screen and (min-width: 992px) {
    .c-pd-problems__item--col1 {
        width:100%
    }
}

.c-pd-problems__item sup {
    font-size: .8rem
}

@media screen and (min-width: 992px) {
    .c-pd-problems__item sup {
        font-size:1rem
    }
}

.c-pd-problems__annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    margin-top: 4px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .c-pd-problems__annotation {
        font-size:1.2rem;
        max-width: 624px;
        margin: 4px auto 0
    }
}

.c-pd-problems__image {
    margin-top: -100px
}

@media screen and (min-width: 992px) {
    .c-pd-problems__image {
        margin-top:0;
        position: absolute;
        top: 0;
        left: 0
    }
}

.c-pd-problems__image--mt-56-sp {
    margin-top: -56px
}

@media screen and (min-width: 992px) {
    .c-pd-problems__image--mt-56-sp {
        margin-top:0
    }
}

@media screen and (min-width: 992px) {
    .c-pd-problems__image--right {
        margin-top:0;
        position: absolute;
        top: 0;
        left: auto;
        right: 0
    }
}

.c-pd-problems__image img {
    width: 100%
}

@media screen and (min-width: 992px) {
    .c-pd-problems__image img {
        width:auto;
        height: 369px
    }
}

.c-pd-sdgs {
    padding: 0 20px;
    margin: 56px 0 48px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs {
        max-width:840px;
        margin: 0 auto;
        padding: 0
    }
}

.c-pd-sdgs__heading {
    text-align: center;
    margin-bottom: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__heading {
        margin-bottom:32px
    }
}

.c-pd-sdgs__heading-title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__heading-title {
        font-size:3.6rem
    }
}

.c-pd-sdgs__heading-subtitle {
    color: #c3a66c;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__heading-subtitle {
        font-size:1.6rem
    }
}

.c-pd-sdgs__contents {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__contents {
        margin-top:32px
    }
}

.c-pd-sdgs__contents-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__contents-title {
        font-size:2rem;
        margin-bottom: 32px
    }
}

.c-pd-sdgs__contents-title span {
    display: inline-block;
    position: relative
}

.c-pd-sdgs__contents-title span::after,.c-pd-sdgs__contents-title span::before {
    position: absolute;
    width: 30px;
    height: 1px;
    background: #333;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__contents-title span::after,.c-pd-sdgs__contents-title span::before {
        width:60px
    }
}

.c-pd-sdgs__contents-title span::before {
    left: -48px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__contents-title span::before {
        left:-78px
    }
}

.c-pd-sdgs__contents-title span::after {
    right: -48px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__contents-title span::after {
        right:-78px
    }
}

.c-pd-sdgs__contents-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__contents-text {
        font-size:1.5rem
    }
}

.c-pd-sdgs__text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__text {
        font-size:1.4rem
    }
}

.c-pd-sdgs__points {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__points {
        margin-top:40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-pd-sdgs__point {
    background: #fcf4f6;
    border-radius: 4px;
    padding: 24px 16px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__point {
        width:calc(50% - 4px);
        padding: 32px 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-pd-sdgs__point:last-child {
        width: 100%;
        margin-top: 8px!important
    }
}

.c-pd-sdgs__point+.c-pd-sdgs__point {
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__point+.c-pd-sdgs__point {
        margin-top:0
    }
}

.c-pd-sdgs__cruelty-free-image {
    max-width: 271px;
    margin: 20px auto 0
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__cruelty-free-image {
        max-width:405px
    }
}

.c-pd-sdgs__banner {
    max-width: 980px;
    margin: 48px auto
}

@media screen and (min-width: 992px) {
    .c-pd-sdgs__banner {
        margin:64px auto
    }
}

.c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
        font-size:1.1rem
    }
}

.c-pd-skintype__inner {
    padding: 45px 15px 15px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__inner {
        padding:72px 20px
    }
}

.c-pd-skintype__set {
    position: relative;
    padding: 32px 16px 0
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__set {
        padding:48px 60px 68px;
        background-color: #fff
    }
}

.c-pd-skintype__set-subtitle {
    color: #fff;
    border-radius: 100vh;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    padding: 4px;
    text-align: center;
    width: 312px;
    position: absolute;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__set-subtitle {
        font-size:2.3rem;
        width: 460px;
        top: -24px
    }
}

.c-pd-skintype__set-subtitle::after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    border-width: 12px 9px 0 9px;
    border-style: solid;
    border-color: #fac9c2 transparent transparent transparent
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__set-subtitle::after {
        display:block;
        border-width: 14px 11px 0 11px;
        border-style: solid;
        border-color: #fac9c2 transparent transparent transparent;
        bottom: -14px
    }
}

.c-pd-skintype__set-description {
    font-size: 1.3rem;
    padding: 6px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__set-description {
        font-size:1.8rem;
        margin-top: 12px
    }
}

.c-pd-skintype__set-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2.4rem;
    margin: 4px 0 16px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__set-title {
        font-size:2.8rem;
        margin: 0;
        padding-bottom: 16px;
        position: relative
    }
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__set-title::after {
        background-color:#f0a094;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 78px;
        height: 1px
    }
}

.c-pd-skintype__recommend {
    margin: 0 -16px;
    padding: 32px 0;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__recommend {
        margin:0;
        padding: 32px 0 0
    }
}

.c-pd-skintype__recommend-title {
    display: inline-block;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__recommend-title {
        font-size:1.7rem;
        padding: 0 24px
    }
}

.c-pd-skintype__recommend-container {
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
    padding: 40px 40px 32px;
    margin-top: -12px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__recommend-container {
        padding:32px 40px
    }
}

.c-pd-skintype__recommend-items {
    display: inline-block;
    text-align: left
}

.c-pd-skintype__recommend-item {
    font-size: 1.3rem;
    line-height: 1.3;
    padding-left: 28px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__recommend-item {
        font-size:1.4rem
    }
}

.c-pd-skintype__recommend-item::before {
    position: absolute;
    left: 0
}

.c-pd-skintype__recommend-item+.c-pd-skintype__recommend-item {
    margin-top: 16px
}

.c-pd-skintype__recommend-annotation {
    margin-top: 8px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__recommend-annotation {
        text-align:right
    }
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__column {
        background-color:#fff
    }
}

.c-pd-skintype__column-box {
    background-color: rgba(255,255,255,.6);
    margin: 0 -15px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__column-box {
        background-color:#fff;
        margin: 0 60px
    }
}

.c-pd-skintype__column-inner {
    padding: 20px 32px 24px 32px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__column-inner {
        background-color:#f7f7f7;
        max-width: 980px;
        margin: 0 auto;
        padding: 32px 60px;
        text-align: center
    }
}

.c-pd-skintype__column-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    border-bottom: 1px solid;
    padding-bottom: 12px;
    padding-left: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__column-title {
        font-size:1.8rem;
        width: 532px;
        margin: 0 auto;
        padding-bottom: 16px;
        padding-left: 0
    }
}

.c-pd-skintype__column-title span {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2.2rem;
    padding-right: 4px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__column-title span {
        font-size:2.5rem
    }
}

.c-pd-skintype__column-text {
    font-size: 1.3rem;
    line-height: 2;
    padding: 16px 16px 0
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__column-text {
        font-family:'Noto Sans JP',sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.4rem;
        padding: 32px 0 0
    }
}

.c-pd-skintype__column-annotation {
    padding: 4px 0 0 32px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__column-annotation {
        padding:8px 0 0;
        text-align: center
    }
}

.c-pd-skintype__steps {
    background-color: #fff;
    margin: 40px 0 0;
    padding: 15px 15px 0
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps {
        margin:0;
        padding: 64px 32px 0
    }
}

.c-pd-skintype__steps-inner {
    max-width: 980px;
    margin: 0 auto
}

.c-pd-skintype__steps-title {
    color: #fff;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 4px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-title {
        font-size:1.6rem;
        padding: 6px;
        max-width: 315px;
        margin: 0 auto
    }
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 60px 0 20px
    }
}

.c-pd-skintype__steps-item {
    margin: 0 -15px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item {
        margin:0;
        width: calc(100% / 3 - 46px * 2 / 3);
        margin-right: 46px
    }

    .c-pd-skintype__steps-item:nth-child(3n) {
        margin-right: 0
    }
}

.c-pd-skintype__steps-item+.c-pd-skintype__steps-item {
    border-top: 1px solid #c7c7c7
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item+.c-pd-skintype__steps-item {
        border-top:0
    }
}

.c-pd-skintype__steps-item-inner {
    padding: 32px 15px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-inner {
        padding:0;
        text-align: center;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-pd-skintype__steps-item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-flex {
        display:block
    }
}

.c-pd-skintype__steps-item-image {
    width: 46.5%;
    max-width: 300px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-image {
        width:100%
    }
}

.c-pd-skintype__steps-item-image a:hover img {
    opacity: .7
}

.c-pd-skintype__steps-item-info {
    width: calc(100% - 46.5% - 20px)
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-info {
        width:100%;
        margin-top: 12px
    }
}

.c-pd-skintype__steps-item-num {
    color: #c3a66c;
    font-size: 1.8rem;
    border-bottom: 1px solid #c3a66c;
    padding: 0 8px 6px;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-num {
        margin-bottom:28px
    }
}

.c-pd-skintype__steps-item-num.u-d-block--sp {
    display: inline-block
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-num.u-d-block--sp {
        display:none
    }
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-num.u-d-none--sp {
        display:inline-block
    }
}

.c-pd-skintype__steps-item-name {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-name {
        font-size:1.8rem
    }
}

.c-pd-skintype__steps-item-amount {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-amount {
        font-size:1.4rem
    }
}

.c-pd-skintype__steps-item-price {
    font-size: 1.4rem;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-price {
        font-size:1.5rem
    }
}

.c-pd-skintype__steps-item-price span {
    font-size: 1rem;
    padding-left: 4px
}

.c-pd-skintype__steps-item-texts {
    padding: 0 10px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-texts {
        padding:0;
        text-align: left
    }
}

.c-pd-skintype__steps-item-text {
    font-size: 1.3rem;
    line-height: 2;
    padding-top: 24px;
    margin-top: 32px;
    border-top: 1px dashed #e6e6e6
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-text {
        font-family:'Noto Sans JP',sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.4rem;
        padding-top: 20px;
        margin-top: 24px;
        border-top: 1px solid #c7c7c7
    }
}

.c-pd-skintype__steps-item-annotation {
    margin-top: 16px
}

.c-pd-skintype__steps-item-link {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-link {
        margin-top:32px
    }
}

.c-pd-skintype__steps-item-link a {
    font-size: 1.3rem;
    padding: 9px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__steps-item-link a {
        padding:12px
    }
}

.c-pd-skintype__banner {
    background-color: #fff;
    padding: 32px 15px
}

@media screen and (min-width: 992px) {
    .c-pd-skintype__banner {
        padding:68px 0
    }
}

.c-pd-skintype__banner a {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    text-align: center
}

.c-pd-skintype__banner a:hover img {
    opacity: .7
}

.c-pd-skintype--pores .c-pd-skintype__recommend-item::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4wMTQiIGhlaWdodD0iMTUuNTU4IiB2aWV3Qm94PSIwIDAgMTcuMDE0IDE1LjU1OCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxwYXRoIGQ9Ik0xNi4xMTQsMTUuMjEzYS41LjUsMCwwLDEtLjM1NC0uMTQ2bC0yLjYxNC0yLjYxNGEuNS41LDAsMSwxLC43MDctLjcwN2wyLjI2LDIuMjYsOC4zNTktOC4zNTlhLjUuNSwwLDEsMSwuNzA3LjcwN2wtOC43MTMsOC43MTNBLjUuNSwwLDAsMSwxNi4xMTQsMTUuMjEzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguODEzIC01LjEyOSkiIGZpbGw9IiNkODcyNjQiLz48cGF0aCBkPSJNMTcuOTYsMTkuNTU4SDYuMTgzQTIuMTUzLDIuMTUzLDAsMCwxLDQsMTcuNDQxVjYuMTE4QTIuMTUzLDIuMTUzLDAsMCwxLDYuMTgzLDRoOS4yNTRhLjUuNSwwLDEsMSwwLDFINi4xODNBMS4xNTMsMS4xNTMsMCwwLDAsNSw2LjExOFYxNy40NDFhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMsMS4xMThIMTcuOTZhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMtMS4xMThWMTEuNzc5YS41LjUsMCwxLDEsMSwwdjUuNjYyQTIuMTUzLDIuMTUzLDAsMCwxLDE3Ljk2LDE5LjU1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgLTQuNSkiIGZpbGw9IiM3MjcxNzEiLz48L2c+PC9zdmc+)
}

.c-pd-skintype--dry .c-pd-skintype__recommend-item::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4wMTQiIGhlaWdodD0iMTUuNTU4IiB2aWV3Qm94PSIwIDAgMTcuMDE0IDE1LjU1OCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxwYXRoIGQ9Ik0xNi4xMTQsMTUuMjEzYS41LjUsMCwwLDEtLjM1NC0uMTQ2bC0yLjYxNC0yLjYxNGEuNS41LDAsMSwxLC43MDctLjcwN2wyLjI2LDIuMjYsOC4zNTktOC4zNTlhLjUuNSwwLDEsMSwuNzA3LjcwN2wtOC43MTMsOC43MTNBLjUuNSwwLDAsMSwxNi4xMTQsMTUuMjEzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguODEzIC01LjEyOSkiIGZpbGw9IiM2NTdmYmUiLz48cGF0aCBkPSJNMTcuOTYsMTkuNTU4SDYuMTgzQTIuMTUzLDIuMTUzLDAsMCwxLDQsMTcuNDQxVjYuMTE4QTIuMTUzLDIuMTUzLDAsMCwxLDYuMTgzLDRoOS4yNTRhLjUuNSwwLDEsMSwwLDFINi4xODNBMS4xNTMsMS4xNTMsMCwwLDAsNSw2LjExOFYxNy40NDFhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMsMS4xMThIMTcuOTZhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMtMS4xMThWMTEuNzc5YS41LjUsMCwxLDEsMSwwdjUuNjYyQTIuMTUzLDIuMTUzLDAsMCwxLDE3Ljk2LDE5LjU1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgLTQuNSkiIGZpbGw9IiM3MjcxNzEiLz48L2c+PC9zdmc+)
}

.c-pd-skintype--dullness .c-pd-skintype__recommend-item::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4wMTQiIGhlaWdodD0iMTUuNTU4IiB2aWV3Qm94PSIwIDAgMTcuMDE0IDE1LjU1OCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxwYXRoIGQ9Ik0xNi4xMTQsMTUuMjEzYS41LjUsMCwwLDEtLjM1NC0uMTQ2bC0yLjYxNC0yLjYxNGEuNS41LDAsMSwxLC43MDctLjcwN2wyLjI2LDIuMjYsOC4zNTktOC4zNTlhLjUuNSwwLDEsMSwuNzA3LjcwN2wtOC43MTMsOC43MTNBLjUuNSwwLDAsMSwxNi4xMTQsMTUuMjEzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguODEzIC01LjEyOSkiIGZpbGw9IiM2OWE2YzEiLz48cGF0aCBkPSJNMTcuOTYsMTkuNTU4SDYuMTgzQTIuMTUzLDIuMTUzLDAsMCwxLDQsMTcuNDQxVjYuMTE4QTIuMTUzLDIuMTUzLDAsMCwxLDYuMTgzLDRoOS4yNTRhLjUuNSwwLDEsMSwwLDFINi4xODNBMS4xNTMsMS4xNTMsMCwwLDAsNSw2LjExOFYxNy40NDFhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMsMS4xMThIMTcuOTZhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMtMS4xMThWMTEuNzc5YS41LjUsMCwxLDEsMSwwdjUuNjYyQTIuMTUzLDIuMTUzLDAsMCwxLDE3Ljk2LDE5LjU1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgLTQuNSkiIGZpbGw9IiM3MjcxNzEiLz48L2c+PC9zdmc+)
}

.c-pd-skintype--sensitive .c-pd-skintype__recommend-item::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4wMTQiIGhlaWdodD0iMTUuNTU4IiB2aWV3Qm94PSIwIDAgMTcuMDE0IDE1LjU1OCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxwYXRoIGQ9Ik0xNi4xMTQsMTUuMjEzYS41LjUsMCwwLDEtLjM1NC0uMTQ2bC0yLjYxNC0yLjYxNGEuNS41LDAsMSwxLC43MDctLjcwN2wyLjI2LDIuMjYsOC4zNTktOC4zNTlhLjUuNSwwLDEsMSwuNzA3LjcwN2wtOC43MTMsOC43MTNBLjUuNSwwLDAsMSwxNi4xMTQsMTUuMjEzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguODEzIC01LjEyOSkiIGZpbGw9IiNjYjViOGIiLz48cGF0aCBkPSJNMTcuOTYsMTkuNTU4SDYuMTgzQTIuMTUzLDIuMTUzLDAsMCwxLDQsMTcuNDQxVjYuMTE4QTIuMTUzLDIuMTUzLDAsMCwxLDYuMTgzLDRoOS4yNTRhLjUuNSwwLDEsMSwwLDFINi4xODNBMS4xNTMsMS4xNTMsMCwwLDAsNSw2LjExOFYxNy40NDFhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMsMS4xMThIMTcuOTZhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMtMS4xMThWMTEuNzc5YS41LjUsMCwxLDEsMSwwdjUuNjYyQTIuMTUzLDIuMTUzLDAsMCwxLDE3Ljk2LDE5LjU1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgLTQuNSkiIGZpbGw9IiM3MjcxNzEiLz48L2c+PC9zdmc+)
}

.c-pd-skintype--aging .c-pd-skintype__recommend-item::before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4wMTQiIGhlaWdodD0iMTUuNTU4IiB2aWV3Qm94PSIwIDAgMTcuMDE0IDE1LjU1OCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiPjxwYXRoIGQ9Ik0xNi4xMTQsMTUuMjEzYS41LjUsMCwwLDEtLjM1NC0uMTQ2bC0yLjYxNC0yLjYxNGEuNS41LDAsMSwxLC43MDctLjcwN2wyLjI2LDIuMjYsOC4zNTktOC4zNTlhLjUuNSwwLDEsMSwuNzA3LjcwN2wtOC43MTMsOC43MTNBLjUuNSwwLDAsMSwxNi4xMTQsMTUuMjEzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguODEzIC01LjEyOSkiIGZpbGw9IiNhMzUzYjIiLz48cGF0aCBkPSJNMTcuOTYsMTkuNTU4SDYuMTgzQTIuMTUzLDIuMTUzLDAsMCwxLDQsMTcuNDQxVjYuMTE4QTIuMTUzLDIuMTUzLDAsMCwxLDYuMTgzLDRoOS4yNTRhLjUuNSwwLDEsMSwwLDFINi4xODNBMS4xNTMsMS4xNTMsMCwwLDAsNSw2LjExOFYxNy40NDFhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMsMS4xMThIMTcuOTZhMS4xNTMsMS4xNTMsMCwwLDAsMS4xODMtMS4xMThWMTEuNzc5YS41LjUsMCwxLDEsMSwwdjUuNjYyQTIuMTUzLDIuMTUzLDAsMCwxLDE3Ljk2LDE5LjU1OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgLTQuNSkiIGZpbGw9IiM3MjcxNzEiLz48L2c+PC9zdmc+)
}

.c-pd-skintype--pores .c-pd-skintype__inner {
    background-color: #ffeeeb
}

.c-pd-skintype--pores .c-pd-skintype__set-subtitle {
    background-color: #fac9c2
}

.c-pd-skintype--pores .c-pd-skintype__set-subtitle::after {
    border-color: #fac9c2 transparent transparent transparent
}

.c-pd-skintype--pores .c-pd-skintype__set-title {
    color: #f0a094
}

.c-pd-skintype--pores .c-pd-skintype__set-title::after {
    background-color: #f0a094
}

.c-pd-skintype--pores .c-pd-skintype__set-button a {
    background-color: #f0a094
}

@media screen and (max-width: 991px) {
    .c-pd-skintype--pores .c-pd-skintype__recommend {
        background-color:#ffeeeb
    }
}

.c-pd-skintype--pores .c-pd-skintype__recommend-title {
    background-color: #ffeeeb
}

@media screen and (min-width: 992px) {
    .c-pd-skintype--pores .c-pd-skintype__recommend-title {
        background-color:#fff
    }
}

.c-pd-skintype--pores .c-pd-skintype__recommend-container {
    border-color: #fac9c2
}

.c-pd-skintype--pores .c-pd-skintype__column-title {
    border-color: #f0a094
}

.c-pd-skintype--pores .c-pd-skintype__column-title span {
    color: #f0a094
}

.c-pd-skintype--pores .c-pd-skintype__steps-title {
    background-color: #fac9c2
}

.c-pd-skintype--dry .c-pd-skintype__inner {
    background-color: #e6ebf7
}

.c-pd-skintype--dry .c-pd-skintype__set-subtitle {
    background-color: #c9d2ea
}

.c-pd-skintype--dry .c-pd-skintype__set-subtitle::after {
    border-color: #c9d2ea transparent transparent transparent
}

.c-pd-skintype--dry .c-pd-skintype__set-title {
    color: #98a8ce
}

.c-pd-skintype--dry .c-pd-skintype__set-title::after {
    background-color: #98a8ce
}

.c-pd-skintype--dry .c-pd-skintype__set-button a {
    background-color: #98a8ce
}

@media screen and (max-width: 991px) {
    .c-pd-skintype--dry .c-pd-skintype__recommend {
        background-color:#e6ebf7
    }
}

.c-pd-skintype--dry .c-pd-skintype__recommend-title {
    background-color: #e6ebf7
}

@media screen and (min-width: 992px) {
    .c-pd-skintype--dry .c-pd-skintype__recommend-title {
        background-color:#fff
    }
}

.c-pd-skintype--dry .c-pd-skintype__recommend-container {
    border-color: #c9d2ea
}

.c-pd-skintype--dry .c-pd-skintype__column-title {
    border-color: #98a8ce
}

.c-pd-skintype--dry .c-pd-skintype__column-title span {
    color: #98a8ce
}

.c-pd-skintype--dry .c-pd-skintype__steps-title {
    background-color: #c9d2ea
}

.c-pd-skintype--dullness .c-pd-skintype__inner {
    background-color: #e8f6fc
}

.c-pd-skintype--dullness .c-pd-skintype__set-subtitle {
    background-color: #c1e8fa
}

.c-pd-skintype--dullness .c-pd-skintype__set-subtitle::after {
    border-color: #c1e8fa transparent transparent transparent
}

.c-pd-skintype--dullness .c-pd-skintype__set-title {
    color: #80c2e0
}

.c-pd-skintype--dullness .c-pd-skintype__set-title::after {
    background-color: #80c2e0
}

.c-pd-skintype--dullness .c-pd-skintype__set-button a {
    background-color: #80c2e0
}

@media screen and (max-width: 991px) {
    .c-pd-skintype--dullness .c-pd-skintype__recommend {
        background-color:#e8f6fc
    }
}

.c-pd-skintype--dullness .c-pd-skintype__recommend-title {
    background-color: #e8f6fc
}

@media screen and (min-width: 992px) {
    .c-pd-skintype--dullness .c-pd-skintype__recommend-title {
        background-color:#fff
    }
}

.c-pd-skintype--dullness .c-pd-skintype__recommend-container {
    border-color: #c1e8fa
}

.c-pd-skintype--dullness .c-pd-skintype__column-title {
    border-color: #80c2e0
}

.c-pd-skintype--dullness .c-pd-skintype__column-title span {
    color: #80c2e0
}

.c-pd-skintype--dullness .c-pd-skintype__steps-title {
    background-color: #c1e8fa
}

.c-pd-skintype--sensitive .c-pd-skintype__inner {
    background-color: #ffebf4
}

.c-pd-skintype--sensitive .c-pd-skintype__set-subtitle {
    background-color: #f9ccdf
}

.c-pd-skintype--sensitive .c-pd-skintype__set-subtitle::after {
    border-color: #f9ccdf transparent transparent transparent
}

.c-pd-skintype--sensitive .c-pd-skintype__set-title {
    color: #e395b6
}

.c-pd-skintype--sensitive .c-pd-skintype__set-title::after {
    background-color: #e395b6
}

.c-pd-skintype--sensitive .c-pd-skintype__set-button a {
    background-color: #e395b6
}

@media screen and (max-width: 991px) {
    .c-pd-skintype--sensitive .c-pd-skintype__recommend {
        background-color:#ffebf4
    }
}

.c-pd-skintype--sensitive .c-pd-skintype__recommend-title {
    background-color: #ffebf4
}

@media screen and (min-width: 992px) {
    .c-pd-skintype--sensitive .c-pd-skintype__recommend-title {
        background-color:#fff
    }
}

.c-pd-skintype--sensitive .c-pd-skintype__recommend-container {
    border-color: #f9ccdf
}

.c-pd-skintype--sensitive .c-pd-skintype__column-title {
    border-color: #e395b6
}

.c-pd-skintype--sensitive .c-pd-skintype__column-title span {
    color: #e395b6
}

.c-pd-skintype--sensitive .c-pd-skintype__steps-title {
    background-color: #f9ccdf
}

.c-pd-skintype--aging .c-pd-skintype__inner {
    background-color: #f7eaf6
}

.c-pd-skintype--aging .c-pd-skintype__set-subtitle {
    background-color: #e6cfe4
}

.c-pd-skintype--aging .c-pd-skintype__set-subtitle::after {
    border-color: #e6cfe4 transparent transparent transparent
}

.c-pd-skintype--aging .c-pd-skintype__set-title {
    color: #cb92c5
}

.c-pd-skintype--aging .c-pd-skintype__set-title::after {
    background-color: #cb92c5
}

.c-pd-skintype--aging .c-pd-skintype__set-button a {
    background-color: #cb92c5
}

@media screen and (max-width: 991px) {
    .c-pd-skintype--aging .c-pd-skintype__recommend {
        background-color:#f7eaf6
    }
}

.c-pd-skintype--aging .c-pd-skintype__recommend-title {
    background-color: #f7eaf6
}

@media screen and (min-width: 992px) {
    .c-pd-skintype--aging .c-pd-skintype__recommend-title {
        background-color:#fff
    }
}

.c-pd-skintype--aging .c-pd-skintype__recommend-container {
    border-color: #e6cfe4
}

.c-pd-skintype--aging .c-pd-skintype__column-title {
    border-color: #cb92c5
}

.c-pd-skintype--aging .c-pd-skintype__column-title span {
    color: #cb92c5
}

.c-pd-skintype--aging .c-pd-skintype__steps-title {
    background-color: #e6cfe4
}

.c-pd-special-item {
    background: #fff8f8;
    padding: 40px 20px
}

@media screen and (min-width: 992px) {
    .c-pd-special-item {
        padding:48px 20px
    }
}

.c-pd-special-item__inner {
    background: #fff;
    border-radius: 8px;
    padding: 28px 20px
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__inner {
        padding:40px 80px
    }
}

.c-pd-special-item__heading {
    text-align: center
}

.c-pd-special-item__heading-title {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2rem
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__heading-title {
        font-size:3.2rem
    }
}

.c-pd-special-item__items {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__items {
        margin-top:24px
    }
}

.c-pd-special-item__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-pd-special-item__item+.c-pd-special-item__item {
    border-top: 1px solid #c7c7c7;
    margin-top: 24px;
    padding-top: 24px
}

.c-pd-special-item__item-image {
    width: 96px
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__item-image {
        width:120px
    }
}

.c-pd-special-item__item-info {
    width: calc(100% - 96px - 12px)
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__item-info {
        width:calc(100% - 120px - 20px)
    }
}

.c-pd-special-item__item-name {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__item-name {
        font-size:1.6rem
    }
}

.c-pd-special-item__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__item-text {
        font-size:1.2rem
    }
}

.c-pd-special-item__item-size {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__item-size {
        font-size:1.1rem
    }
}

.c-pd-special-item__annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-special-item__annotation {
        font-size:1.2rem;
        margin-top: 28px
    }
}

.c-pd-steps {
    padding: 40px 12px 24px
}

@media screen and (min-width: 992px) {
    .c-pd-steps {
        padding:48px 20px;
        width: 50%
    }
}

.c-pd-steps__title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-steps__title {
        margin-bottom:28px
    }
}

.c-pd-steps__item {
    background: #fff;
    border-radius: 4px;
    padding: 12px 20px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item {
        padding:16px 24px
    }
}

.c-pd-steps__item:not(:last-child)::after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #9d9d9d
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item:not(:last-child)::after {
        bottom:-16px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #9d9d9d
    }
}

.c-pd-steps__item+.c-pd-steps__item {
    margin-top: 14px
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item+.c-pd-steps__item {
        margin-top:24px
    }
}

.c-pd-steps__item.is-pickup {
    border: 1px solid #e7a9b7;
    color: #e7a9b7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px 8px 20px
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item.is-pickup {
        padding:8px 8px 8px 24px
    }
}

.c-pd-steps__item.is-active {
    background: #e7a9b7;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px 8px 20px
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item.is-active {
        padding:8px 8px 8px 24px
    }
}

.c-pd-steps__item.is-step-pickup {
    border: 1px solid #e7a9b7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px 8px 20px
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item.is-step-pickup {
        padding:8px 8px 8px 24px
    }
}

.c-pd-steps__item-name,.c-pd-steps__item-step {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item-name,.c-pd-steps__item-step {
        font-size:1.5rem
    }
}

.c-pd-steps__item-image {
    width: 64px
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item-image {
        width:80px
    }
}

.c-pd-steps__item-info {
    width: calc(100% - 64px)
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item-info {
        width:calc(100% - 80px)
    }
}

.c-pd-steps__item-num {
    color: #fff;
    background-color: #727171;
    border-radius: 0 0 100px 0;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    padding: 6px 60px 6px 12px;
    width: 72px;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-steps__item-num {
        font-size:1.1rem;
        width: 76px
    }
}

.c-pd-steps__item.is-step-pickup .c-pd-steps__item-num {
    background-color: #e7a9b7
}

.c-pd-steps__item.is-step-pickup .c-pd-steps__item-name {
    color: #e7a9b7
}

.c-pd-steps a {
    text-decoration: underline
}

.c-pd-steps--set .c-pd-steps__item {
    padding: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-steps--set .c-pd-steps__item {
        padding:12px 16px
    }
}

.c-pd-steps__more {
    cursor: pointer;
    position: relative;
    width: 100%;
    height: 24px;
    margin-top: 32px;
    text-align: center;
    padding-right: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-steps__more {
        height:28px;
        margin-top: 40px;
        padding-right: 48px
    }
}

.c-pd-steps__more::after,.c-pd-steps__more::before {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background: #8d8d8d;
    position: absolute;
    top: 50%;
    left: calc(50% + 24px);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 992px) {
    .c-pd-steps__more::after,.c-pd-steps__more::before {
        width:16px;
        top: calc(50% - 2px);
        left: calc(50% + 16px)
    }
}

.c-pd-steps__more::after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    -webkit-transition: .5s;
    transition: .5s
}

.js-step-hidden {
    margin-top: 14px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@media screen and (min-width: 992px) {
    .js-step-hidden {
        margin-top:24px
    }
}

.js-step-hidden.is-step-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0
}

.c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    color: #333;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-feature__point-annotation,.c-pd-feature__point-terminology-annotation,.c-pd-skintype__column-annotation,.c-pd-skintype__recommend-annotation,.c-pd-skintype__steps-item-annotation,.c-pd-tips__tip-annotation {
        font-size:1.1rem;
        margin-top: 12px
    }
}

.c-pd-tips {
    background: #fff8f8;
    padding-bottom: 40px
}

.c-pd-tips__heading {
    padding: 48px 0 0;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-tips__heading {
        padding:64px 0 0
    }
}

.c-pd-tips__heading-title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1
}

@media screen and (min-width: 992px) {
    .c-pd-tips__heading-title {
        font-size:3.6rem
    }
}

.c-pd-tips__heading-subtitle {
    color: #c3a66c;
    font-size: 1.3rem;
    margin-top: 6px
}

@media screen and (min-width: 992px) {
    .c-pd-tips__heading-subtitle {
        font-size:1.6rem
    }
}

.c-pd-tips__heading-image {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-pd-tips__heading-image {
        margin-top:40px
    }
}

.c-pd-tips__heading-image img {
    width: 100%
}

.c-pd-tips__contents {
    background: #fff;
    margin: -20px 12px 0 12px;
    border-radius: 8px;
    padding: 28px 20px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .c-pd-tips__contents {
        margin:-40px 20px 0 20px;
        padding: 40px 80px
    }
}

.c-pd-tips__tip+.c-pd-tips__tip {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e3e3e3
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip+.c-pd-tips__tip {
        margin-top:28px;
        padding-top: 28px
    }
}

.c-pd-tips__tip-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.c-pd-tips__tip-heading-num {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .02em;
    margin-right: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-heading-num {
        font-size:2.4rem;
        margin-right: 12px
    }
}

.c-pd-tips__tip-heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-heading-title {
        font-size:2rem
    }
}

.c-pd-tips__tip-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-text {
        font-size:1.5rem
    }
}

.c-pd-tips__tip-flex {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-flex {
        margin-top:40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-pd-tips__tip-flex-image {
    width: 185px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-flex-image {
        width:320px;
        margin: 0
    }
}

.c-pd-tips__tip-flex-image--w100-sp {
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-flex-image--w100-sp {
        width:320px;
        margin: 0
    }
}

.c-pd-tips__tip-flex-info {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-flex-info {
        margin-top:0;
        width: calc(100% - 360px)
    }
}

.c-pd-tips__tip-ol {
    margin-top: 16px
}

.c-pd-tips__tip-ol li {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8;
    padding-left: 1em;
    text-indent: -1.2em
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-ol li {
        font-size:1.5rem
    }
}

.c-pd-tips__tip-ol li span {
    margin-right: 4px
}

.c-pd-tips__tip-ol li+li {
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-ol li+li {
        margin-top:12px
    }
}

.c-pd-tips__tip-content.c-pd-tips__tip-flex {
    margin-top: 0
}

@media screen and (min-width: 992px) {
    .c-pd-tips__tip-content.c-pd-tips__tip-flex {
        margin-top:28px
    }
}

.c-pd-visumo {
    margin: 60px 0 40px
}

@media screen and (min-width: 992px) {
    .c-pd-visumo {
        margin:84px 0 64px
    }
}

.c-pd-visumo__heading {
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .c-pd-visumo__heading {
        margin-bottom:40px
    }
}

.c-pd-visumo__heading-title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1
}

@media screen and (min-width: 992px) {
    .c-pd-visumo__heading-title {
        font-size:3.6rem
    }
}

.c-pd-visumo__heading-subtitle {
    color: #c3a66c;
    font-size: 1.3rem;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-pd-visumo__heading-subtitle {
        font-size:1.6rem
    }
}

.c-pd-visumo__heading-keywords {
    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;
    margin-top: 4px
}

.c-pd-visumo__heading-keyword {
    color: #c3a66c;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-visumo__heading-keyword {
        font-size:1.6rem
    }
}

.c-pd-visumo__heading-keyword+.c-pd-visumo__heading-keyword {
    margin-left: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-visumo__slider {
        margin:0 -10px
    }
}

.c-pd-voice {
    background: #f7f3eb
}

.c-pd-voice__inner {
    padding: 40px 0 16px;
    width: calc(100% - 24px);
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-pd-voice__inner {
        padding:48px 20px;
        width: 100%
    }
}

.c-pd-voice__title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-voice__title {
        font-size:2.4rem;
        margin-bottom: 28px
    }
}

.c-pd-voice__heading {
    padding: 8px 0 24px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-voice__heading {
        padding:16px 0 28px
    }
}

.c-pd-voice__heading-title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1
}

@media screen and (min-width: 992px) {
    .c-pd-voice__heading-title {
        font-size:3.6rem
    }
}

.c-pd-voice__heading-subtitle {
    color: #c3a66c;
    font-size: 1.3rem;
    margin-top: 6px
}

@media screen and (min-width: 992px) {
    .c-pd-voice__heading-subtitle {
        font-size:1.6rem
    }
}

.c-pd-voice__items {
    padding-bottom: 36px
}

@media screen and (min-width: 992px) {
    .c-pd-voice__items {
        padding-bottom:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-pd-voice__item {
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    height: auto
}

@media screen and (min-width: 992px) {
    .c-pd-voice__item {
        width:calc(100% / 3 - 8px)
    }
}

.c-pd-voice__item>div {
    height: 100%
}

.c-pd-voice__item-title {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-pd-voice__item-title {
        font-size:1.5rem
    }
}

.c-pd-voice__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .c-pd-voice__item-text {
        font-size:1.3rem;
        margin: 16px 0
    }
}

.c-pd-voice__item-user {
    color: #c3a66c;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .c-pd-voice__item-user {
        font-size:1.2rem
    }
}

.c-pd-voice__annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    text-align: right;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-voice__annotation {
        font-size:1.2rem;
        margin-top: 16px
    }
}

.c-pd-voice .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px
}

.c-pd-voice .swiper-pagination-bullet {
    width: 6px;
    height: 6px
}

.c-pd-voice1 {
    background: #f7f3eb;
    margin: 12px 0 40px
}

.c-pd-voice1__inner {
    padding: 28px 12px
}

@media screen and (min-width: 992px) {
    .c-pd-voice1__inner {
        padding:20px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-pd-voice1__title {
    color: #c3a66c;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    margin-bottom: 12px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-pd-voice1__title {
        font-size:2.4rem;
        margin-bottom: 0;
        margin-right: 40px;
        width: 200px
    }
}

.c-pd-voice1__item {
    background: #fff;
    border-radius: 24px;
    padding: 24px;
    height: auto
}

@media screen and (min-width: 992px) {
    .c-pd-voice1__item {
        padding:32px 48px;
        width: calc(100% - 240px)
    }
}

.c-pd-voice1__item>div {
    height: 100%
}

.c-pd-voice1__item-title {
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .c-pd-voice1__item-title {
        font-size:1.8rem
    }
}

.c-pd-voice1__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .c-pd-voice1__item-text {
        font-size:1.5rem;
        margin: 16px 0
    }
}

.c-pd-voice1__item-user {
    color: #c3a66c;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .c-pd-voice1__item-user {
        font-size:1.2rem
    }
}

.c-pd-voice1__annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    text-align: right;
    padding-right: 8px
}

@media screen and (min-width: 992px) {
    .c-pd-voice1__annotation {
        font-size:1.2rem;
        padding-right: 20px
    }
}

.c-pd-voice1 .c-review-star {
    margin-bottom: 12px
}

.c-pd-voice1 .c-review-star__star {
    width: 12px;
    height: 12px
}

@media screen and (min-width: 992px) {
    .c-pd-voice1 .c-review-star__star {
        width:15px;
        height: 15px
    }
}

.c-pickup-keyword {
    max-width: 700px;
    margin: 0 auto
}

.c-pickup-keyword__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 8px 0
}

@media screen and (min-width: 992px) {
    .c-pickup-keyword__items {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-pickup-keyword__item {
    margin: 8px 8px 8px 0
}

.c-pickup-keyword__item a {
    display: block;
    color: #fff;
    background: #c3a66c;
    border-radius: 100vh;
    padding: 4px 20px 4px 24px;
    text-align: center;
    position: relative
}

.c-pickup-keyword__item a::after {
    position: absolute;
    content: '#';
    left: 8px
}

.c-product-cart {
    border-top: 1px solid #c7c7c7;
    margin-top: 24px;
    padding: 24px 20px 0
}

@media screen and (min-width: 992px) {
    .c-product-cart {
        padding:24px 0 0
    }
}

.c-product-cart__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-product-cart__heading-title {
    font-size: 1.6rem;
    position: relative;
    padding-left: 12px
}

@media screen and (min-width: 992px) {
    .c-product-cart__heading-title {
        font-size:1.8rem
    }
}

.c-product-cart__heading-title::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    left: 0;
    width: 4px;
    height: 16px;
    background: #e7a9b7;
    border-radius: 100vw
}

.c-product-cart__heading-title--single::before {
    background: #e7a9b7
}

.c-product-cart__heading-title--recurring::before {
    background: #c3a66c
}

.c-product-cart__heading-title--recurring span {
    border: 1px solid #c3a66c;
    border-radius: 3px;
    color: #c3a66c;
    display: inline-block;
    font-size: 1.2rem;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-left: 8px;
    padding: 0 4px
}

.c-product-cart__heading-link a {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    text-decoration: underline
}

@media screen and (min-width: 992px) {
    .c-product-cart__heading-link a {
        font-size:1.1rem
    }
}

.c-product-cart__option.c-select {
    padding-top: 20px
}

.c-product-cart__option.c-select::after {
    top: 40px
}

.c-product-cart__row {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .c-product-cart__row {
        margin:28px 0
    }
}

.c-product-cart__row--price {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 16px;
    border-bottom: 1px solid #e3e3e3
}

@media screen and (max-width: 991px) {
    .c-product-cart__row--price {
        display:block
    }
}

@media screen and (min-width: 992px) {
    .c-product-cart__row--price {
        margin-top:16px
    }
}

.c-product-cart__cycle {
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-product-cart__cycle {
        margin-bottom:12px
    }
}

.c-product-cart__cycle-text {
    display: inline-block;
    border: 1px solid #c3a66c;
    border-radius: 8px;
    padding: 8px;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-product-cart__cycle-text {
        font-size:1.3rem;
        padding: 4px 12px
    }
}

.c-product-cart__cycle-text::after,.c-product-cart__cycle-text::before {
    position: absolute;
    content: ''
}

.c-product-cart__cycle-text::before {
    bottom: -2px;
    left: 40%;
    width: 20px;
    height: 3px;
    background: #fff
}

.c-product-cart__cycle-text::after {
    bottom: -6px;
    left: calc(40% + 3px);
    width: 18px;
    height: 1px;
    background: #c3a66c;
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.c-product-cart__price-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-product-cart__price-off {
    border: 1px solid #d36f86;
    border-radius: 4px;
    color: #d36f86;
    font-size: 1.2rem;
    padding: 0 4px;
    margin-right: 8px;
    margin-bottom: -8px
}

.c-product-cart__price-num {
    font-size: 2.2rem
}

@media screen and (min-width: 992px) {
    .c-product-cart__price-num {
        font-size:2.4rem
    }
}

.c-product-cart__price-mark {
    font-size: 1.6rem;
    margin: 0 4px 0 2px
}

@media screen and (min-width: 992px) {
    .c-product-cart__price-mark {
        font-size:1.8rem
    }
}

.c-product-cart__price-tax {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem
}

.c-product-cart__listprice {
    position: relative;
    display: inline-block
}

@media screen and (min-width: 992px) {
    .c-product-cart__listprice {
        margin-bottom:4px
    }
}

.c-product-cart__listprice::after {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #333
}

@media screen and (min-width: 992px) {
    .c-product-cart__listprice::after {
        top:14px
    }
}

.c-product-cart__listprice-num {
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .c-product-cart__listprice-num {
        font-size:1.6rem
    }
}

.c-product-cart__listprice-mark {
    font-size: 1.1rem;
    margin: 0 0 0 2px
}

@media screen and (min-width: 992px) {
    .c-product-cart__listprice-mark {
        font-size:1.2rem
    }
}

.c-product-cart__listprice-tax {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem
}

.c-product-cart__point {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-product-cart__point {
        margin-top:0
    }
}

.c-product-cart__point-container {
    margin-top: 6px
}

.c-product-cart__point-num {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem
}

.c-product-cart__point-border {
    border: 1px solid #c7c7c7;
    padding: 6px 6px 4px;
    margin-right: 8px;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .c-product-cart__point-border {
        font-size:1.2rem
    }
}

.c-product-cart__point-title {
    font-size: 1.3rem;
    margin-bottom: 4px;
    position: relative;
    padding-left: 10px
}

.c-product-cart__point-title::before {
    background-color: #333;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 6px
}

.c-product-cart__point-container a {
    text-decoration: underline
}

.c-product-cart__point-annotation {
    color: #333;
    font-size: 1rem;
    margin-top: 6px
}

@media screen and (min-width: 992px) {
    .c-product-cart__point-annotation {
        font-size:1.1rem
    }
}

.c-product-cart .c-button {
    width: 75%;
    padding-left: 28px
}

.c-product-cart__button {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-product-cart__button {
        font-size:1.6rem
    }
}

.c-product-cart__button-flex {
    font-size: 1.3rem;
    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
}

@media screen and (min-width: 992px) {
    .c-product-cart__button-flex {
        font-size:1.6rem
    }
}

.c-product-cart__button-flex .c-svg--icon-cart {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

@media screen and (min-width: 992px) {
    .c-product-cart__button-flex .c-svg--icon-cart {
        width:24px;
        height: 24px;
        margin-right: 12px
    }
}

.c-product-desc__text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300
}

.c-product-desc__text-small {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-product-desc__text-small {
        font-size:1.3rem
    }
}

.c-product-desc__text-very-small {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .c-product-desc__text-very-small {
        font-size:1.1rem
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__flex-pc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__flex-pc .c-product-desc__image {
        width:32%
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__flex-pc .c-product-desc__text {
        width:calc(68% - 24px)
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--wrap {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.c-product-desc__steps-block+.c-product-desc__steps-block {
    margin-top: 20px
}

.c-product-desc__steps-label {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps-label {
        font-size:1.5rem
    }
}

.c-product-desc__step {
    background: #f8f8f8;
    border-radius: 6px;
    margin-bottom: 16px;
    padding: 18px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-product-desc__step {
        width:calc(70% / 4 - 32px);
        height: 135px;
        padding: 0 12px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-product-desc__step--kit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #f8f8f8;
    border-radius: 3px;
    padding: 10px 16px 10px 16px;
    margin-bottom: 28px
}

@media screen and (min-width: 992px) {
    .c-product-desc__step--kit {
        background:0 0;
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0
    }
}

.c-product-desc__step:not(:last-child)::after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #9d9d9d
}

@media screen and (min-width: 992px) {
    .c-product-desc__step:not(:last-child)::after {
        bottom:auto;
        left: auto;
        top: 50%;
        right: -20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border-left: 8px solid #9d9d9d;
        border-right: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent
    }
}

.c-product-desc__step-name {
    font-size: 1.4rem
}

.c-product-desc__step-item {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem
}

.c-product-desc__step-image img {
    width: 80px;
    height: auto
}

@media screen and (min-width: 992px) {
    .c-product-desc__step-image img {
        width:120px
    }
}

.c-product-desc__step.is-active {
    background: linear-gradient(116deg,#fcf4f6 0,#fcf4f6 32%,#f9ecef 32%,#f9ecef 100%);
    padding: 8px 8px 8px 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 992px) {
    .c-product-desc__step.is-active {
        padding:8px 8px 8px 12px;
        width: 30%
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__step.is-active .c-product-desc__step-left {
        width:calc(100% - 140px)
    }
}

.c-product-desc__step--annotation {
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .c-product-desc__step--annotation {
        margin-bottom:0
    }
}

.c-product-desc__step--annotation:not(:last-child)::after {
    bottom: -36px
}

@media screen and (min-width: 992px) {
    .c-product-desc__step--annotation:not(:last-child)::after {
        bottom:auto
    }
}

.c-product-desc__step-annotation {
    position: absolute;
    bottom: -20px;
    left: 8px;
    font-size: 1.1rem
}

@media screen and (min-width: 992px) {
    .c-product-desc__step-annotation {
        bottom:-28px;
        font-size: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--wrap .c-product-desc__step {
        width:140px;
        height: auto;
        margin-bottom: 0;
        margin-left: 12px
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--wrap .c-product-desc__step:nth-child(5n+1) {
        margin-left:0
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--wrap .c-product-desc__step--kit {
        width:20%;
        padding-top: 0
    }
}

.c-product-desc__steps--wrap .c-product-desc__step--kit .c-product-detail__step-item-info {
    text-align: left
}

.c-product-desc__steps--wrap .c-product-desc__step--kit .c-product-detail__step-item-image {
    width: 24%;
    max-width: 64px;
    margin: 0
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--wrap .c-product-desc__step--kit .c-product-detail__step-item-image {
        width:auto;
        max-width: 110px
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--wrap .c-product-desc__step--kit:not(:last-child)::after {
        right:0
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--wrap .c-product-desc__step:not(.c-product-desc__step--kit) {
        height:140px
    }
}

.c-product-desc__steps--FMW0016 .c-product-desc__step:not(.c-product-desc__step--kit) {
    width: 100%
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--FMW0016 .c-product-desc__step:not(.c-product-desc__step--kit) {
        width:16%;
        margin-right: 20px
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__steps--FM20150 .c-product-desc__step:not(.c-product-desc__step--kit)+.c-product-desc__step:not(.c-product-desc__step--kit) {
        margin-left:28px
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__howto-image {
        width:32%
    }
}

@media screen and (min-width: 992px) {
    .c-product-desc__howto-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-product-desc__howto-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 12px;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-product-desc__howto-item {
        width:calc(50% - 14px);
        padding-bottom: 16px;
        margin-bottom: 16px
    }
}

.c-product-desc__howto-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

@media screen and (min-width: 992px) {
    .c-product-desc__howto-item:nth-child(2n+1):nth-last-child(2) {
        border-bottom:0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.c-product-desc__howto-item-image {
    width: 120px;
    margin-right: 16px
}

@media screen and (min-width: 992px) {
    .c-product-desc__howto-item-image {
        width:180px;
        margin-right: 20px
    }
}

.c-product-desc__howto-item-info {
    width: calc(100% - 136px)
}

@media screen and (min-width: 992px) {
    .c-product-desc__howto-item-info {
        width:calc(100% - 200px)
    }
}

.c-product-desc__nouse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    margin: 20px 0
}

.c-product-desc__nouse-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-product-desc__nouse-item {
    padding: 4px 8px;
    margin-left: 8px;
    border: 1px solid #e3e3e3;
    border-radius: 4px
}

.c-product-desc__text-our-love {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-product-desc__text-our-love {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px
    }
}

.c-product-desc__text-our-love-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    color: #333;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-product-desc__text-our-love-text {
        margin-top:0;
        margin-left: 20px
    }
}

.c-product-desc__movie {
    position: relative;
    width: 100%;
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .c-product-desc__movie {
        width:30%
    }
}

.c-product-desc__movie::before {
    content: "";
    display: block;
    padding-top: 125%;
    background: #f2f2f2
}

.c-product-desc__movie::after {
    position: absolute;
    content: 'Loading...';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-product-desc__movie.is-loaded::after {
    content: ''
}

.c-product-desc__movie--178::before {
    padding-top: 178%
}

.c-product-desc__movie-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.c-product-desc__movie-thumbnail::before {
    display: block;
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    z-index: 1
}

.c-product-desc__movie-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-product-desc__movie-thumbnail:hover .c-product-desc__movie-playbtn-icon::before {
    -webkit-transform: scale(1.125);
    transform: scale(1.125)
}

.c-product-desc__movie-playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.c-product-desc__movie-playbtn-icon {
    display: block;
    position: relative;
    margin: auto;
    width: 52px;
    height: 52px
}

.c-product-desc__movie-playbtn-icon::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    border-radius: 50%;
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    content: ""
}

.c-product-desc__movie-playbtn-icon::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(15%) rotate(-90deg);
    transform: translateX(15%) rotate(-90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    margin: auto;
    border-radius: 4px;
    border-width: 12px 8px 0 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    width: 0;
    height: 0;
    content: ""
}

.c-product-desc__movie-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-product-desc__movie-inner::before {
    content: '';
    display: block;
    padding-top: 125%
}

.c-product-desc__movie-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.c-product-desc__movie--178 .c-product-desc__movie-inner::before {
    padding-top: 178%
}

.c-product-desc__movie-caption {
    color: #333;
    font-size: 1.2rem;
    margin-top: 8px
}

.c-pd-feature__bg-hexagon--blue,.c-pd-feature__bg-hexagon--yellow,.c-product-detail__bg-hexagon--blue,.c-product-detail__bg-hexagon--yellow {
    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;
    font-size: 1.5rem;
    position: relative;
    height: 92px;
    width: calc(100% - 24px);
    max-width: 300px;
    text-align: center;
    margin: 0 auto
}

.c-pd-feature__bg-circle--pink,.c-product-detail__bg-circle--pink {
    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;
    font-size: 1.2rem;
    position: relative;
    height: 96px;
    width: 96px;
    border-radius: 100%
}

.c-pd-feature__bg-square--yellow,.c-product-detail__bg-square--yellow {
    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;
    font-size: 1.2rem;
    position: relative;
    height: 96px;
    width: 96px;
    border-radius: 8px
}

@-webkit-keyframes readmore-show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes readmore-show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.c-product-detail__inner {
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__inner {
        padding:0
    }
}

.c-product-detail__inner--sp {
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__inner--sp {
        padding:0
    }
}

.c-product-detail__image--mt40 {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .c-product-detail__image--mt40 {
        margin-top:60px
    }
}

.c-product-detail__image--default {
    position: relative;
    height: 0;
    padding-bottom: 156.26667%
}

.c-product-detail__image--default img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 992px) {
    .c-product-detail__image--default {
        position:relative;
        height: 0;
        padding-bottom: 48.97959%
    }

    .c-product-detail__image--default img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.c-product-detail__image img {
    width: 100%;
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}

.c-product-detail__description {
    padding: 24px 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__description {
        max-width:760px;
        margin: 0 auto
    }
}

.c-product-detail__description-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    text-align: center;
    margin: 24px 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-title {
        font-size:2.4rem
    }
}

.c-product-detail__description-subtitle {
    color: #c3a66c;
    font-size: 1.6rem;
    text-align: center;
    margin: 32px 0 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-subtitle {
        font-size:1.8rem;
        margin: 40px 0 20px
    }
}

.c-product-detail__description-subtitle--bg-gold {
    background: #f9f6f0;
    padding: 8px 0
}

.c-product-detail__description-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-text {
        font-size:1.6rem
    }
}

.c-product-detail__description-text-sub {
    font-size: 1.3rem
}

.c-product-detail__description-present {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
    margin: 28px 0 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-present {
        font-size:2rem;
        margin: 32px 0 40px
    }
}

.c-product-detail__description-items {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-items {
        margin-top:40px
    }
}

.c-product-detail__description-items dt {
    font-size: 1.5rem;
    margin: 24px 0 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-items dt {
        font-size:1.6rem
    }
}

.c-product-detail__description-items dt span {
    color: #c3a66c;
    margin-right: 4px
}

.c-product-detail__description-items dd {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-items dd {
        font-size:1.4rem
    }
}

.c-product-detail__description-kits {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__description-kits {
        margin-top:40px
    }
}

.c-product-detail__description-kits-items {
    counter-reset: number
}

.c-product-detail__description-kits-item {
    position: relative;
    padding-left: 20px
}

.c-product-detail__description-kits-item::after {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: number;
    content: counter(number) "."
}

.c-product-detail__description-kits-item--disc::after {
    content: "・"
}

.c-product-detail__description-kits-item--none {
    padding-left: 0
}

.c-product-detail__description-kits-item--none::after {
    content: normal
}

.c-product-detail__percent {
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    color: #333
}

@media screen and (min-width: 992px) {
    .c-product-detail__percent {
        margin:40px 0 60px;
        padding: 32px 0 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-product-detail__percent-text {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8rem;
    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
}

@media screen and (min-width: 992px) {
    .c-product-detail__percent-text {
        font-size:2.2rem
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__percent-text+.c-product-detail__percent-text {
        margin-left:80px
    }
}

.c-product-detail__percent-text span {
    font-size: 4rem;
    padding: 0 8px 0 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__percent-text span {
        font-size:4.8rem
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__item {
        width:32%
    }
}

.c-product-detail__item+.c-product-detail__item {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__item+.c-product-detail__item {
        margin-top:0;
        margin-left: 40px
    }
}

.c-product-detail__item-image {
    width: 60%;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-product-detail__item-image {
        width:100%
    }
}

.c-product-detail__item-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    text-align: center;
    margin: 20px 0 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__item-title {
        font-size:1.8rem
    }
}

.c-product-detail__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    text-align: center
}

.c-product-detail__movie {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 20px 0 24px
}

.c-product-detail__movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-product-detail__annotations {
    margin-top: 24px
}

.c-product-detail__annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    color: #333;
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-product-detail__annotation {
        font-size:1.2rem
    }
}

.c-product-detail__trouble-title {
    background: #9d9d9d;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    margin-bottom: 20px;
    font-weight: 400
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-title {
        font-size:1.5rem;
        margin-bottom: 24px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-product-detail__trouble-item {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    position: relative;
    padding-left: 56px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-item {
        width:calc(100% / 3 - 8px * 2 / 3);
        margin-right: 8px;
        margin-bottom: 8px
    }

    .c-product-detail__trouble-item:nth-child(3n) {
        margin-right: 0
    }
}

.c-product-detail__trouble-item::before {
    position: absolute;
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4yMTIiIGhlaWdodD0iMTUuNTQ5IiB2aWV3Qm94PSIwIDAgMTcuMjEyIDE1LjU0OSI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xNzkyIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxNzkyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkwLjYyOSAtMjgzMy43MjgpIj4KICAgIDxnIGlkPSJJY29uX2ZlYXRoZXItY2hlY2stc3F1YXJlIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1jaGVjay1zcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MS4xMjkgMjgzNC4yMjgpIj4KICAgICAgPHBhdGggaWQ9IuODkeOCuV84MDMiIGRhdGEtbmFtZT0i44OR44K5IDgwMyIgZD0iTTEzLjUsMTIuMWwyLjYxMiwyLjYxMkwyNC44Miw2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC44MTUgLTUuMTI5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNhNjZjIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8cGF0aCBpZD0i44OR44K5XzgwNCIgZGF0YS1uYW1lPSLjg5HjgrkgODA0IiBkPSJNMTkuNjM0LDExLjc3NXY1LjY1OGExLjY1LDEuNjUsMCwwLDEtMS42ODIsMS42MTdINi4xODJBMS42NSwxLjY1LDAsMCwxLDQuNSwxNy40MzNWNi4xMTdBMS42NSwxLjY1LDAsMCwxLDYuMTgyLDQuNUgxNS40MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNSAtNC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzI3MTcxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==)
}

.c-product-detail__trouble-item+.c-product-detail__trouble-item {
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-item+.c-product-detail__trouble-item {
        margin-top:0
    }
}

.c-product-detail__trouble-lp {
    background: #fff0f0
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp {
        position:relative
    }
}

.c-product-detail__trouble-lp--FM10132 {
    background: #ebecee;
    position: relative
}

.c-product-detail__trouble-lp--FM10154,.c-product-detail__trouble-lp--FM10155 {
    background: #f4f4f5;
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp--FM10154,.c-product-detail__trouble-lp--FM10155 {
        margin-top:80px
    }
}

.c-product-detail__trouble-lp-inner {
    padding: 40px 28px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-inner {
        padding:48px 0;
        position: relative;
        z-index: 1
    }
}

.c-product-detail__trouble-lp-inner--annotation {
    padding: 40px 28px 80px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-inner--annotation {
        padding:36px 0
    }
}

.c-product-detail__trouble-lp-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-flex {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-product-detail__trouble-lp-annotation {
    font-size: 1.1rem;
    font-weight: 300;
    margin-top: 8px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-annotation {
        font-size:1.2rem;
        max-width: 608px;
        margin: 4px auto 0
    }
}

.c-product-detail__trouble-lp-title {
    color: #d36f86;
    text-align: center;
    margin-bottom: 28px;
    font-size: 1.8rem;
    font-weight: 400
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-title {
        font-size:2rem
    }
}

.c-product-detail__trouble-lp-title--gray {
    color: #727171
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 608px;
        margin: 0 auto
    }
}

.c-product-detail__trouble-lp-item {
    background: rgba(255,255,255,.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    position: relative;
    padding-left: 56px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-item {
        width:calc(100% / 2 - 4px);
        margin-bottom: 8px
    }
}

.c-product-detail__trouble-lp-item::before {
    position: absolute;
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4yMTIiIGhlaWdodD0iMTUuNTQ5IiB2aWV3Qm94PSIwIDAgMTcuMjEyIDE1LjU0OSI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xNzkyIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxNzkyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkwLjYyOSAtMjgzMy43MjgpIj4KICAgIDxnIGlkPSJJY29uX2ZlYXRoZXItY2hlY2stc3F1YXJlIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1jaGVjay1zcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MS4xMjkgMjgzNC4yMjgpIj4KICAgICAgPHBhdGggaWQ9IuODkeOCuV84MDMiIGRhdGEtbmFtZT0i44OR44K5IDgwMyIgZD0iTTEzLjUsMTIuMWwyLjYxMiwyLjYxMkwyNC44Miw2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC44MTUgLTUuMTI5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNhNjZjIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgICA8cGF0aCBpZD0i44OR44K5XzgwNCIgZGF0YS1uYW1lPSLjg5HjgrkgODA0IiBkPSJNMTkuNjM0LDExLjc3NXY1LjY1OGExLjY1LDEuNjUsMCwwLDEtMS42ODIsMS42MTdINi4xODJBMS42NSwxLjY1LDAsMCwxLDQuNSwxNy40MzNWNi4xMTdBMS42NSwxLjY1LDAsMCwxLDYuMTgyLDQuNUgxNS40MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNSAtNC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzI3MTcxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==)
}

.c-product-detail__trouble-lp-item+.c-product-detail__trouble-lp-item {
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-item+.c-product-detail__trouble-lp-item {
        margin-top:0
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-item--col1 {
        width:100%
    }
}

.c-product-detail__trouble-lp-item sup {
    font-size: .8rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-item sup {
        font-size:1rem
    }
}

.c-product-detail__trouble-lp-image {
    margin-top: -80px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-image {
        margin-top:0;
        position: absolute;
        top: 0;
        right: 0
    }
}

.c-product-detail__trouble-lp-image img {
    width: 100%
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp-image img {
        width:auto;
        height: 332px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp--FM10102 .c-product-detail__trouble-lp-inner {
        padding:36px 0
    }
}

.c-product-detail__trouble-lp--FM10102.c-product-detail__trouble-lp-image {
    margin-top: -60px
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp--FM10102.c-product-detail__trouble-lp-image {
        margin-top:0
    }
}

.c-product-detail__trouble-lp--FM10132 .c-product-detail__trouble-lp-inner {
    position: relative;
    z-index: 1
}

.c-product-detail__trouble-lp--FM10132 .c-product-detail__trouble-lp-item {
    display: block;
    height: auto;
    padding: 24px 20px 24px 52px
}

.c-product-detail__trouble-lp--FM10132 .c-product-detail__trouble-lp-item::before {
    top: 26px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.c-product-detail__trouble-lp--FM10132 .c-product-detail__trouble-lp-item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 16px
}

.c-product-detail__trouble-lp--FM10132 .c-product-detail__trouble-lp-image {
    position: absolute;
    bottom: 0;
    z-index: 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp--FM10132 .c-product-detail__trouble-lp-image {
        left:0
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp--FM10132 .c-product-detail__trouble-lp-image img {
        height:100%
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__trouble-lp--FM10154 .c-product-detail__trouble-lp-image {
        left:0
    }
}

.c-product-detail__points {
    background: #f8f8f8;
    padding-bottom: 40px
}

.c-product-detail__points--lp {
    background: #fff8f8;
    padding-bottom: 40px
}

.c-product-detail__points--FM10102 {
    background: #fff0f0
}

.c-product-detail__points--FM10119 {
    background: #f7ece2
}

.c-product-detail__points--FM10137 {
    background: #f4f4f5
}

.c-product-detail__points--FM20138,.c-product-detail__points--kit {
    padding-top: 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__points--FM20138,.c-product-detail__points--kit {
        padding-top:72px
    }
}

.c-product-detail__points--renewal {
    background: #f5f1e9;
    padding-bottom: 64px;
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__points--renewal {
        margin-top:64px
    }
}

.c-product-detail__points-heading {
    position: relative
}

.c-product-detail__points-heading-inner {
    padding: 40px 20px 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__points-heading-inner {
        padding:32px 32px 40px
    }
}

.c-product-detail__points-heading-inner--lp {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__points-heading-inner--lp {
        top:60px;
        padding: 0 40px
    }
}

.c-product-detail__points-heading-title {
    color: #fff;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    background: #c3a66c;
    padding: 8px;
    text-align: center;
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__points-heading-title {
        font-size:1.5rem
    }
}

.c-product-detail__points-heading-catch {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    text-align: center;
    color: #333
}

@media screen and (min-width: 992px) {
    .c-product-detail__points-heading-catch {
        font-size:2.4rem
    }
}

.c-product-detail__points-bg img {
    width: 100%
}

.c-product-detail__points-title {
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    padding: 40px 0 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__points-title {
        font-size:2.4rem;
        padding: 56px 0 48px
    }
}

.c-product-detail__points-title--gold {
    color: #c3a66c
}

.c-product-detail__point {
    margin: 0 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point {
        max-width:660px;
        margin: 0 auto
    }
}

.c-product-detail__point--lp {
    margin-top: -56px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--lp {
        max-width:660px;
        margin: -160px auto 0
    }
}

.c-product-detail__point--subimage {
    margin: 20px 0
}

.c-product-detail__point--renewal {
    margin: 0 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--renewal {
        max-width:880px;
        margin: 0 auto
    }
}

.c-product-detail__point--renewal+.c-product-detail__point--renewal {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--renewal+.c-product-detail__point--renewal {
        margin-top:40px
    }
}

.c-product-detail__point+.c-product-detail__point {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point+.c-product-detail__point {
        margin-top:40px
    }
}

.c-product-detail__point-image {
    background: #fff
}

.c-product-detail__point-image img {
    width: 100%;
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}

.c-product-detail__point-subimage {
    margin: 32px auto 0
}

.c-product-detail__point-subimage--w40 {
    width: 40%;
    max-width: 180px
}

.c-product-detail__point-inner {
    padding: 28px 20px;
    background: #fff
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-inner {
        padding:40px
    }
}

.c-product-detail__point-heading {
    text-align: center;
    margin-bottom: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid #c3a66c
}

.c-product-detail__point-heading--noborder {
    text-align: center
}

.c-product-detail__point-heading-number {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: .02em;
    color: #c3a66c;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-heading-number {
        font-size:2.4rem
    }
}

.c-product-detail__point-heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-heading-title {
        font-size:2rem
    }
}

.c-product-detail__point-heading-subtitle {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3rem;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-heading-subtitle {
        font-size:1.6rem
    }
}

.c-product-detail__point-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.8
}

.c-product-detail__point-text-subtitle {
    margin: 24px 0 12px;
    padding-top: 24px;
    border-top: 1px solid #e3e3e3;
    text-align: center
}

.c-product-detail__point-text sup {
    font-size: .8rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-text sup {
        font-size:1rem
    }
}

.c-product-detail__point-small-text {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-small-text {
        font-size:1.4rem
    }
}

.c-product-detail__point-annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    color: #9d9d9d;
    color: #333;
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-annotation {
        font-size:1.2rem
    }
}

.c-product-detail__point-ingredient {
    margin-bottom: 40px
}

.c-product-detail__point-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-product-detail__point-items--col2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-product-detail__point-items--col2 .c-product-detail__point-item {
    width: calc(50% - 4px);
    margin: 0 2px;
    max-width: 110px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-items--col2 .c-product-detail__point-item {
        width:calc(25% - 8px);
        margin: 0 4px
    }
}

.c-product-detail__point-items--col3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

.c-product-detail__point-items--col3 .c-product-detail__point-item {
    width: calc(100% / 3 - 4px);
    margin: 0 2px 12px;
    max-width: 110px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-items--col3 {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-product-detail__point-items--col3 .c-product-detail__point-item {
        width: calc(25% - 8px);
        margin: 0 4px
    }
}

.c-product-detail__point-items--rows {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-items--rows .c-product-detail__point-item {
        width:calc(20% - 8px);
        margin: 0 4px 16px
    }
}

.c-product-detail__point-item-image {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.c-product-detail__point-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-product-detail__point-item-text {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 8px
}

.c-product-detail__point-subtitle {
    color: #c3a66c;
    font-size: 1.6rem;
    text-align: center;
    margin: 20px 0 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-subtitle {
        font-size:1.8rem;
        margin: 20px 0 16px
    }
}

.c-product-detail__point-subtitle--bg-gold {
    background: #f9f6f0;
    padding: 8px 0
}

.c-product-detail__point-border {
    border-top: 1px solid #e3e3e3;
    padding-top: 24px
}

.c-product-detail__point-itemize-item {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    padding-left: 20px;
    position: relative
}

.c-product-detail__point-itemize-item::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: '';
    background: #c3a66c;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.c-product-detail__point-itemize-item+.c-product-detail__point-itemize-item {
    margin-top: 8px
}

.c-product-detail__point-link {
    width: 92%;
    max-width: 310px;
    margin: 28px auto 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-link {
        width:392px
    }
}

.c-product-detail__point-link .c-button+.c-button {
    margin-top: 16px
}

.c-product-detail__point-tips-wrapper {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-tips-wrapper {
        margin-top:40px
    }
}

.c-product-detail__point-tip {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-tip {
        margin-top:24px;
        padding-bottom: 24px
    }
}

.c-product-detail__point-tip:last-child {
    border-bottom: 0
}

.c-product-detail__point-tip-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-tip-heading {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }
}

.c-product-detail__point-tip-tips {
    background: #c3a66c;
    color: #fff;
    border-radius: 50px;
    padding: 5px 12px;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1;
    margin-right: 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-tip-tips {
        font-size:1.5rem;
        padding: 6px 12px 4px
    }
}

.c-product-detail__point-tip-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-tip-title {
        font-size:1.7rem
    }
}

.c-product-detail__point-tip-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem
}

.c-product-detail__point-variants {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-variants {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 600px;
        margin: 24px auto 0
    }
}

.c-product-detail__point-variant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-variant {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        width: calc(100% / 3 - 20px);
        position: relative
    }
}

.c-product-detail__point-variant-img {
    min-width: 120px;
    width: 30%
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-variant-img {
        width:100%
    }
}

.c-product-detail__point-variant-info {
    width: 70%;
    padding-left: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-variant-info {
        width:100%;
        padding-left: 0;
        margin-top: 16px;
        text-align: center
    }
}

.c-product-detail__point-variant-name {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 8px
}

.c-product-detail__point-variant-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem
}

.c-product-detail__point-variant-new {
    color: #e7a9b7;
    border: 1px solid #e7a9b7;
    border-radius: 50px;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1;
    padding: 5px 12px;
    margin-bottom: 8px;
    display: inline-block
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-variant-new {
        position:absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        height: 61px;
        width: 61px;
        font-size: 1.2rem;
        padding: 0;
        margin: 0;
        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
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-product-detail__point-flex-right {
    width: 36%;
    max-width: 110px;
    margin: 24px auto 0;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-flex-right {
        margin-top:0;
        width: 110px;
        margin-top: 0;
        margin-left: 32px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-flex-left {
        width:calc(100% - 142px)
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-flex--reserve {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.c-product-detail__point-flex--reserve .c-product-detail__point-flex-right {
    width: 67%;
    max-width: 235px
}

.c-product-detail__point--FM10166 .c-product-detail__point-flex {
    padding-bottom: 24px
}

.c-product-detail__point--FM10166 .c-product-detail__point-flex+.c-product-detail__point-flex {
    border-top: 1px solid #e3e3e3;
    padding-top: 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--FM10166 .c-product-detail__point-flex+.c-product-detail__point-flex {
        padding-top:24px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--FM10166 .c-product-detail__point-items--col2 {
        -webkit-box-pack:stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--FM10166 .c-product-detail__point-items--col2 .c-product-detail__point-item {
        width:110px
    }
}

.c-product-detail__point--FM10166 .c-product-detail__point-flex-left {
    width: 180px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--FM10166 .c-product-detail__point-flex-left {
        width:35%;
        margin: 0
    }
}

.c-product-detail__point--FM10166 .c-product-detail__point-flex-right {
    width: 100%;
    margin: 0;
    max-width: 100%;
    text-align: left
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--FM10166 .c-product-detail__point-flex-right {
        width:calc(65% - 32px)
    }
}

.c-product-detail__point--FM10166 .c-product-detail__point-subtitle {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: left
}

@media screen and (min-width: 992px) {
    .c-product-detail__point--FM10166 .c-product-detail__point-subtitle {
        font-size:1.6rem
    }
}

.c-product-detail__point-pickup {
    background: #f9f6f0;
    margin-top: 20px
}

.c-product-detail__point-pickup-title {
    color: #c3a66c;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding: 20px;
    border-bottom: 2px solid #fff
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-pickup-title {
        font-size:1.8rem;
        padding: 20px 32px
    }
}

.c-product-detail__point-pickup-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8;
    padding: 16px 20px 24px
}

@media screen and (min-width: 992px) {
    .c-product-detail__point-pickup-text {
        font-size:1.4rem;
        padding: 16px 32px 28px
    }
}

.c-product-detail__tips {
    padding: 48px 20px 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__tips {
        padding:64px 0 0
    }
}

.c-product-detail__tips-header {
    position: relative
}

.c-product-detail__tips-heading {
    position: absolute;
    bottom: 20px;
    padding: 12px 0 12px 24px;
    width: 295px;
    background: -webkit-gradient(linear,left top,right top,color-stop(70%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(90deg,#fff 70%,rgba(255,255,255,0) 100%)
}

@media screen and (min-width: 992px) {
    .c-product-detail__tips-heading {
        width:366px
    }
}

.c-product-detail__tips-heading-title {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2rem;
    color: #333;
    letter-spacing: .02em
}

@media screen and (min-width: 992px) {
    .c-product-detail__tips-heading-title {
        font-size:2.6rem
    }
}

.c-product-detail__tips-heading-text {
    font-size: 1.1rem;
    color: #333
}

@media screen and (min-width: 992px) {
    .c-product-detail__tips-heading-text {
        font-size:1.2rem
    }
}

.c-product-detail__tip {
    padding: 20px 0 28px;
    border-bottom: 1px solid #e3e3e3
}

@media screen and (min-width: 992px) {
    .c-product-detail__tip {
        padding:32px 0
    }
}

.c-product-detail__tip:first-child {
    border-top: 1px solid #e3e3e3;
    margin-top: 32px
}

.c-product-detail__tip-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__tip-heading {
        margin-bottom:24px
    }
}

.c-product-detail__tip-heading-number {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: .02em;
    color: #c3a66c;
    margin-right: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__tip-heading-number {
        font-size:2rem;
        margin-right: 28px;
        margin-bottom: 0
    }
}

.c-product-detail__tip-heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__tip-heading-title {
        font-size:2rem
    }
}

.c-product-detail__tip-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.8
}

.c-product-detail__tip-text-bold {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-right: 8px
}

@media screen and (min-width: 992px) {
    .c-product-detail__tip-flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-product-detail__tip-flex-left {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__tip-flex-left {
        width:calc(70% - 20px)
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__tip-flex-right {
        width:calc(30% - 20px)
    }
}

.c-product-detail__FM10115tips {
    background: #fcfaff;
    padding: 64px 0 40px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-product-detail__FM10115tips {
        padding:80px 0 40px
    }
}

.c-product-detail__FM10115tips-heading {
    text-align: center;
    color: #333
}

.c-product-detail__FM10115tips-heading-title {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.8rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__FM10115tips-heading-title {
        font-size:3.2rem
    }
}

.c-product-detail__FM10115tips-heading-text {
    font-size: 1.1rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__FM10115tips-heading-text {
        font-size:1.2rem
    }
}

.c-product-detail__FM10115tips-description {
    padding: 32px 20px 40px
}

@media screen and (min-width: 992px) {
    .c-product-detail__FM10115tips-description {
        padding:48px 0 40px;
        width: 660px;
        margin: 0 auto
    }
}

.c-product-detail__FM10115tips-description-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__FM10115tips-description-title {
        font-size:2rem
    }
}

.c-product-detail__FM10115tips-description-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 1.8
}

.c-product-detail__FM10115tips-inner {
    padding: 0 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__FM10115tips-inner {
        padding:0;
        width: 660px;
        margin: 0 auto
    }
}

.c-product-detail__FM10115tips-inner .c-product-detail__point-inner {
    background: rgba(255,255,255,.7)
}

.c-product-detail__FM10115tips-inner .c-product-detail__point-inner+.c-product-detail__point-inner {
    margin-top: 20px
}

.c-product-detail__FM10115tips-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 0
}

.c-product-detail__FM10115tips-bg img {
    width: 100%
}

.c-product-detail__awards {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-product-detail__awards {
        margin-top:40px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__awards-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-product-detail__awards-item {
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__awards-item {
        margin-top:16px;
        width: calc(50% - 12px)
    }
}

.c-product-detail__awards-media {
    color: #e7a9b7;
    font-size: 1.6rem;
    margin-bottom: 4px
}

@media screen and (min-width: 992px) {
    .c-product-detail__awards-media {
        font-size:1.8rem
    }
}

.c-product-detail__awards-name {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.8
}

@media screen and (min-width: 992px) {
    .c-product-detail__awards-name {
        font-size:1.4rem
    }
}

.c-product-detail__award {
    background: #fcf4f6;
    padding: 60px 12px 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award {
        padding:80px 24px 40px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-heading {
        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;
        margin-left: -16%
    }
}

.c-product-detail__award-heading-image {
    width: 40%;
    margin: 0 auto 24px;
    max-width: 140px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-heading-image {
        margin:0 48px 0 0;
        max-width: 150px
    }
}

.c-product-detail__award-heading-info {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    color: #333;
    letter-spacing: .02em;
    text-align: center
}

.c-product-detail__award-heading-title {
    font-size: 2.6rem;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-heading-title {
        font-size:3.2rem;
        margin-bottom: 16px
    }
}

.c-product-detail__award-heading-subtitle {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-heading-subtitle {
        font-size:1.6rem
    }
}

.c-product-detail__award-inner {
    background: #fff;
    padding: 28px 20px;
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-inner {
        padding:32px;
        margin-top: 48px
    }
}

.c-product-detail__award-inner+.c-product-detail__award-inner {
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-inner+.c-product-detail__award-inner {
        margin-top:16px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-item {
        width:calc(50% - 20px);
        margin-bottom: 20px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-item:nth-last-child(-n+2) {
        margin-bottom:0
    }
}

.c-product-detail__award-item+.c-product-detail__award-item {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-item+.c-product-detail__award-item {
        margin-top:0
    }
}

.c-product-detail__award-item-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: #e7a9b7;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-item-title {
        font-size:1.8rem
    }
}

.c-product-detail__award-item-subtitle {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-item-subtitle {
        font-size:1.4rem
    }
}

.c-product-detail__award-item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-item-text {
        font-size:1.4rem
    }
}

.c-product-detail__award+.c-product-detail__points,.c-product-detail__award+.c-product-detail__trouble-lp--FM10154,.c-product-detail__award+.c-product-detail__trouble-lp--FM10155 {
    margin-top: 0
}

.c-product-detail__award-label {
    font-size: 1.3rem;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__award-label {
        font-size:1.4rem;
        padding-bottom: 12px;
        margin-bottom: 20px
    }
}

.c-product-detail__numbered {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__numbered {
        margin:40px 60px 0
    }
}

.c-product-detail__numbered-title {
    color: #c3a66c;
    font-size: 1.6rem;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-product-detail__numbered-title {
        font-size:1.8rem
    }
}

.c-product-detail__numbered-items {
    margin-top: 20px;
    counter-reset: rank
}

.c-product-detail__numbered-item {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    position: relative;
    padding-left: 36px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 12px;
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__numbered-item {
        font-size:1.7rem
    }
}

.c-product-detail__numbered-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #c3a66c
}

@media screen and (min-width: 992px) {
    .c-product-detail__numbered-item::before {
        width:28px;
        height: 28px
    }
}

.c-product-detail__numbered-item::after {
    position: absolute;
    top: 3px;
    left: 8px;
    counter-increment: rank;
    content: counter(rank);
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    color: #fff
}

@media screen and (min-width: 992px) {
    .c-product-detail__numbered-item::after {
        font-size:1.4rem;
        top: 4px;
        left: 10px
    }
}

.c-product-detail__shape {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .c-product-detail__shape {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.c-product-detail__shape-title {
    color: #e7a9b7;
    border: 1px solid #f6dee4;
    border-radius: 100vh;
    font-size: 1.5rem;
    text-align: center;
    padding: 4px 0;
    margin-bottom: 20px
}

.c-product-detail__shape-title--FM10119,.c-product-detail__shape-title--FM10132,.c-product-detail__shape-title--FM10134,.c-product-detail__shape-title--FM10143 {
    width: calc(96px * 3 + 8px * 2);
    margin-left: auto;
    margin-right: auto
}

.c-product-detail__shape-plus {
    height: 21px;
    margin: 16px auto;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-product-detail__shape-plus {
        margin:auto 21px 36px
    }
}

.c-product-detail__shape-plus::after,.c-product-detail__shape-plus::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #c7c7c7;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.c-product-detail__shape-plus::after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.c-product-detail__shape-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-product-detail__bg-hexagon--yellow {
    background: linear-gradient(135deg,#fffbd0 0,#fffbd0 50%,#fff8bc 50%,#fff8bc 100%)
}

@media screen and (min-width: 992px) {
    .c-product-detail__bg-hexagon--yellow {
        width:210px
    }
}

.c-product-detail__bg-hexagon--yellow::after,.c-product-detail__bg-hexagon--yellow::before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border: 46px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent
}

.c-product-detail__bg-hexagon--yellow::before {
    right: 100%;
    border-right-color: #fffbd0
}

.c-product-detail__bg-hexagon--yellow::after {
    left: 100%;
    border-left-color: #fff8bc
}

.c-product-detail__bg-hexagon--blue {
    background: linear-gradient(135deg,#f4fbfc 0,#f4fbfc 50%,#e9f6f7 50%,#e9f6f7 100%)
}

@media screen and (min-width: 992px) {
    .c-product-detail__bg-hexagon--blue {
        width:210px;
        margin: 0 0 0 12px
    }
}

.c-product-detail__bg-hexagon--blue::after,.c-product-detail__bg-hexagon--blue::before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border: 46px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent
}

.c-product-detail__bg-hexagon--blue::before {
    right: 100%;
    border-right-color: #f4fbfc
}

.c-product-detail__bg-hexagon--blue::after {
    left: 100%;
    border-left-color: #e9f6f7
}

.c-product-detail__bg-circle--pink {
    background: linear-gradient(135deg,#fcf4f6 0,#fcf4f6 50%,#f9ecef 50%,#f9ecef 100%)
}

@media screen and (min-width: 992px) {
    .c-product-detail__bg-circle--pink {
        margin:0 auto
    }
}

.c-product-detail__bg-circle--pink+.c-product-detail__bg-circle--pink {
    margin-left: 8px
}

.c-product-detail__bg-square--yellow {
    background: linear-gradient(135deg,#f9f6f0 0,#f9f6f0 50%,#f3ede1 50%,#f3ede1 100%)
}

.c-product-detail__bg-square--yellow+.c-product-detail__bg-square--yellow {
    margin-left: 8px
}

.c-product-detail__icon-times {
    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;
    margin-top: 28px
}

@media screen and (min-width: 992px) {
    .c-product-detail__icon-times {
        margin-top:40px
    }
}

.c-product-detail__step {
    padding: 64px 20px 40px;
    background: #ebecee
}

@media screen and (min-width: 992px) {
    .c-product-detail__step {
        padding:56px 16px
    }
}

.c-product-detail__step-title {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 28px
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-title {
        font-size:2rem
    }
}

.c-product-detail__step-inner .c-accordion {
    background: #fff;
    margin-bottom: 8px
}

.c-product-detail__step-inner .c-accordion__heading {
    border-top: 0;
    padding: 24px 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-inner .c-accordion__heading {
        padding:28px 32px
    }
}

.c-product-detail__step-inner .c-accordion__heading::after,.c-product-detail__step-inner .c-accordion__heading::before {
    background: #727171;
    right: 20px
}

.c-product-detail__step-inner .c-accordion:last-child {
    border-bottom: 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-product-detail__step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item {
        display:block;
        width: 20%;
        margin-bottom: 0
    }
}

.c-product-detail__step-item::after {
    position: absolute;
    bottom: -20px;
    right: 30%;
    content: '';
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #9d9d9d
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item::after {
        top:55px;
        bottom: auto;
        right: -8px;
        border-right: 0;
        border-left: 9px solid #9d9d9d;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent
    }
}

.c-product-detail__step-item:last-child::after {
    border: 0
}

.c-product-detail__step-item--or::after {
    border: 0;
    border-radius: 50%;
    background: #9d9d9d;
    width: 18px;
    height: 18px
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--or::after {
        width:20px;
        height: 20px
    }
}

.c-product-detail__step-item--or::before {
    position: absolute;
    content: 'or';
    bottom: -18px;
    right: calc(30% + 4px);
    color: #fff;
    z-index: 2;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--or::before {
        top:56px;
        bottom: auto;
        right: -3px
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item+.c-product-detail__step-item {
        padding-left:12px
    }
}

.c-product-detail__step-item-image {
    width: 36%;
    max-width: 100px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item-image {
        width:auto;
        max-width: 110px;
        margin: 0 auto
    }
}

.c-product-detail__step-item-info {
    width: 64%;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item-info {
        width:auto;
        margin-top: 12px
    }
}

.c-product-detail__step-item-info sup {
    font-size: 1rem
}

.c-product-detail__step-item-category {
    font-size: 1.1rem
}

.c-product-detail__step-item-name {
    font-size: 1.3rem;
    margin-top: 4px!important
}

.c-product-detail__step-item-annotation {
    margin-top: 8px!important;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    color: #333
}

.c-product-detail__step-item--award {
    background: #f8f8f8;
    border-radius: 3px;
    padding: 10px 16px 10px 16px;
    margin-bottom: 28px
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--award {
        background:0 0;
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0
    }
}

.c-product-detail__step-item--award:first-child {
    padding: 16px
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--award:first-child {
        padding:8px 32px 8px 8px
    }
}

.c-product-detail__step-item--award::after {
    position: absolute;
    bottom: -20px;
    right: 50%;
    content: '';
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #9d9d9d
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--award::after {
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 4px;
        bottom: auto;
        border-right: 0;
        border-left: 9px solid #9d9d9d;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent
    }
}

.c-product-detail__step-item--award .c-product-detail__step-item-info {
    text-align: left
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--award .c-product-detail__step-item-info {
        text-align:center;
        margin-top: 0
    }
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--award:first-child .c-product-detail__step-item-info {
        width:100%;
        height: 100%;
        background: #f8f8f8;
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-product-detail__step-item--award .c-product-detail__step-item-image {
    width: 24%;
    max-width: 64px;
    margin: 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__step-item--award .c-product-detail__step-item-image {
        width:auto;
        max-width: 110px;
        margin: 0 auto
    }
}

.c-product-detail__readmore-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .c-product-detail__readmore-text {
        display:block;
        -webkit-animation: none;
        animation: none
    }
}

.c-product-detail__readmore.is-opened .c-product-detail__readmore-text {
    display: block;
    -webkit-animation: readmore-show 1s ease-in 0s;
    animation: readmore-show 1s ease-in 0s
}

.c-product-detail__readmore-inner {
    display: none
}

@media screen and (min-width: 992px) {
    .c-product-detail__readmore-inner {
        display:block;
        -webkit-animation: none;
        animation: none
    }
}

.c-product-detail__readmore.is-opened .c-product-detail__readmore-inner {
    display: block;
    -webkit-animation: readmore-show 1s ease-in 0s;
    animation: readmore-show 1s ease-in 0s
}

.c-product-detail__readmore-button {
    margin: 12px 0;
    padding: 16px;
    text-align: center;
    cursor: pointer
}

@media screen and (min-width: 992px) {
    .c-product-detail__readmore-button {
        display:none
    }
}

.c-product-detail__readmore-button-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    display: inline-block;
    position: relative
}

.c-product-detail__readmore-button-text::after,.c-product-detail__readmore-button-text::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -20px;
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: #8d8d8d
}

.c-product-detail__readmore-button-text::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: .5s;
    transition: .5s
}

.c-product-detail__readmore.is-opened .c-product-detail__readmore-button-text::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s;
    transition: .5s
}

.c-product-detail__image-caption {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    color: #9d9d9d;
    margin-top: 4px;
    margin-right: 8px;
    text-align: right
}

@media screen and (min-width: 992px) {
    .c-product-detail__image-caption {
        font-size:1.2rem
    }
}

.c-product-detail__banner img {
    width: 100%
}

.c-product-detail__movie {
    position: relative;
    width: 100%;
    margin: 32px auto 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__movie {
        width:30%;
        margin: 40px auto 0
    }
}

.c-product-detail__movie::before {
    content: "";
    display: block;
    padding-top: 125%;
    background: #f2f2f2
}

.c-product-detail__movie::after {
    position: absolute;
    content: 'Loading...';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-product-detail__movie.is-loaded::after {
    content: ''
}

.c-product-detail__movie-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.c-product-detail__movie-thumbnail::before {
    display: block;
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    z-index: 1
}

.c-product-detail__movie-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-product-detail__movie-thumbnail:hover .c-product-detail__movie-playbtn-icon::before {
    -webkit-transform: scale(1.125);
    transform: scale(1.125)
}

.c-product-detail__movie-playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.c-product-detail__movie-playbtn-icon {
    display: block;
    position: relative;
    margin: auto;
    width: 52px;
    height: 52px
}

.c-product-detail__movie-playbtn-icon::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    border-radius: 50%;
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    content: ""
}

.c-product-detail__movie-playbtn-icon::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(15%) rotate(-90deg);
    transform: translateX(15%) rotate(-90deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    margin: auto;
    border-radius: 4px;
    border-width: 12px 8px 0 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    width: 0;
    height: 0;
    content: ""
}

.c-product-detail__movie-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-product-detail__movie-inner::before {
    content: '';
    display: block;
    padding-top: 125%
}

.c-product-detail__movie-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.c-product-detail__movie--178 {
    width: 225px;
    height: 400px
}

.c-product-detail__movie--178::before {
    padding-top: 178%
}

.c-product-detail__movie--178 .c-product-detail__movie-inner::before {
    padding-top: 178%
}

.c-product-detail__movie-caption {
    color: #9d9d9d;
    font-size: 1.2rem;
    margin-top: 8px
}

.c-product-detail__lineup-inner {
    padding: 40px 20px
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-inner {
        padding:40px 0 60px
    }
}

.c-product-detail__lineup-subtitle {
    color: #bca978;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-subtitle {
        font-size:1.8rem
    }
}

.c-product-detail__lineup-subtitle::after,.c-product-detail__lineup-subtitle::before {
    position: absolute;
    width: 30%;
    height: 1px;
    background: #bca978;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-subtitle::after,.c-product-detail__lineup-subtitle::before {
        width:42%
    }
}

.c-product-detail__lineup-subtitle::before {
    left: 0
}

.c-product-detail__lineup-subtitle::after {
    right: 0
}

.c-product-detail__lineup-items {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.c-product-detail__lineup-item {
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-item {
        width:calc(100% / 3 - 40px * 2 / 3);
        margin-right: 40px;
        position: relative
    }

    .c-product-detail__lineup-item:nth-child(3n) {
        margin-right: 0
    }
}

.c-product-detail__lineup-item-image {
    position: relative;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-item-image {
        max-width:355px;
        position: static
    }
}

.c-product-detail__lineup-item-image--actual::before {
    color: #bca978;
    content: "\73FE\54C1";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bca978;
    border-radius: 50px;
    font-size: 1.4rem;
    padding: 4px 12px
}

.c-product-detail__lineup-item-image--coffret::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url();
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 66px
}

.c-product-detail__lineup-item-description {
    color: #bca978;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-item-description {
        font-size:1.3rem
    }
}

.c-product-detail__lineup-item-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    text-align: center
}

@media screen and (min-width: 992px) {
    .c-product-detail__lineup-item-title {
        font-size:1.2rem
    }
}

.c-product-detail__lineup-item-amount {
    font-size: 1rem;
    text-align: center;
    margin-top: 4px
}

.c-product-detail__lineup-item-amount+.c-product-detail__lineup-item-title {
    margin-top: 16px
}

.c-product-slider {
    position: relative
}

@media screen and (max-width: 575px) {
    .c-product-slider__slider {
        padding:28px 20px 20px
    }

    .c-product-slider__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .c-product-slider__item {
        width: calc(50% - 6px);
        margin-bottom: 32px
    }

    .c-product-slider__item:last-child,.c-product-slider__item:nth-last-child(2) {
        margin-bottom: 0
    }

    .c-product-slider .swiper-button-next,.c-product-slider .swiper-button-prev,.c-product-slider .swiper-container-horizontal>.swiper-scrollbar {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .c-product-slider .is-loading {
        opacity:0;
        visibility: hidden
    }

    .c-product-slider__slider {
        position: relative
    }

    .c-product-slider__items {
        margin: 32px 0 48px
    }

    .c-product-slider .swiper-button-next,.c-product-slider .swiper-button-prev {
        width: 44px;
        height: 44px;
        border: 1px solid #f2f2f2;
        border-radius: 50%;
        background: #fff;
        top: calc(50% - 22px)
    }

    .c-product-slider .swiper-button-next::after,.c-product-slider .swiper-button-prev::after {
        font-size: 1.2rem;
        color: #8d8d8d
    }

    .c-product-slider .swiper-button-prev {
        left: -22px
    }

    .c-product-slider .swiper-button-prev.swiper-button-disabled {
        opacity: 0
    }

    .c-product-slider .swiper-button-next {
        right: -22px
    }

    .c-product-slider .swiper-button-next.swiper-button-disabled {
        opacity: 0
    }

    .c-product-slider .swiper-container-horizontal>.swiper-scrollbar {
        position: absolute;
        left: calc((95% - 16px) * .15);
        bottom: 0;
        height: 1px;
        width: calc((95% - 16px) * .7);
        background: #e3e3e3
    }

    .c-product-slider .swiper-scrollbar .swiper-scrollbar-drag {
        background: #8d8d8d
    }
}

.c-product-slider__item {
    position: relative
}

.c-product-slider__item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.c-product-slider2 {
    position: relative
}

.c-product-slider2 .is-loading {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.c-product-slider2__slider {
    position: relative
}

.c-product-slider2__items {
    margin: 32px 0 48px
}

.c-product-slider2 .swiper-button-next,.c-product-slider2 .swiper-button-prev {
    width: 44px;
    height: 44px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    background: #fff;
    top: calc(50% - 22px)
}

@media screen and (max-width: 991px) {
    .c-product-slider2 .swiper-button-next,.c-product-slider2 .swiper-button-prev {
        display:none
    }
}

.c-product-slider2 .swiper-button-next::after,.c-product-slider2 .swiper-button-prev::after {
    font-size: 1.2rem;
    color: #8d8d8d
}

.c-product-slider2 .swiper-button-prev {
    left: -22px
}

.c-product-slider2 .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.c-product-slider2 .swiper-button-next {
    right: -22px
}

.c-product-slider2 .swiper-button-next.swiper-button-disabled {
    opacity: 0
}

.c-product-slider2 .swiper-scrollbar {
    height: 3px;
    width: 70%;
    max-width: 730px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e3e3e3
}

@media screen and (min-width: 992px) {
    .c-product-slider2 .swiper-scrollbar {
        height:2px
    }
}

.c-product-slider2 .swiper-scrollbar .swiper-scrollbar-drag {
    background: #8d8d8d
}

.c-product-slider2__item {
    position: relative
}

.c-product-slider2__item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.c-review-star__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-review-star__star {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDEzLjMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZTNlM2UzO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNyAwIDkuMDIgNC41OCAxNCA1LjA4IDEwLjI2IDguNDEgMTEuMzMgMTMuMyA3IDEwLjc4IDIuNjcgMTMuMyAzLjc0IDguNDEgMCA1LjA4IDQuOTggNC41OCA3IDAiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat
}

.c-review-star__star--half {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDEzLjMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZTNlM2UzO30uY2xzLTJ7ZmlsbDojQzNBNjZDO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNyAwIDkuMDIgNC41OCAxNCA1LjA4IDEwLjI2IDguNDEgMTEuMzMgMTMuMyA3IDEwLjc4IDIuNjcgMTMuMyAzLjc0IDguNDEgMCA1LjA4IDQuOTggNC41OCA3IDAiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNyAxMC43OCA3IDAgNC45OCA0LjU4IDAgNS4wOCAzLjc0IDguNDEgMi42NyAxMy4zIDcgMTAuNzgiLz48L3N2Zz4=)
}

.c-review-star__star--full {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDEzLjMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojQzNBNjZDO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNyAwIDkuMDIgNC41OCAxNCA1LjA4IDEwLjI2IDguNDEgMTEuMzMgMTMuMyA3IDEwLjc4IDIuNjcgMTMuMyAzLjc0IDguNDEgMCA1LjA4IDQuOTggNC41OCA3IDAiLz48L3N2Zz4=)
}

.c-select {
    position: relative
}

.c-select::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #727171;
    border-right: 1px solid #727171;
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
    top: 50%;
    right: 8px
}

.c-select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 4px 32px 4px 16px;
    border: 1px solid #c7c7c7;
    color: #333;
    border-radius: 3px;
    width: 100%
}

.c-select__select ::-ms-expand {
    display: none
}

.c-select__select--order {
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-select__select--order {
        font-size:1.3rem
    }
}

.c-select--num {
    font-size: 1.5rem;
    width: 75px
}

@media screen and (min-width: 992px) {
    .c-select--num {
        font-size:1.8rem;
        width: 100px
    }
}

.c-slider-sp {
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-slider-sp {
        overflow:visible;
        position: static
    }
}

.c-slider-sp__inner.is-loading {
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 992px) {
    .c-slider-sp__inner.is-loading {
        opacity:1;
        visibility: visible
    }
}

@media screen and (min-width: 992px) {
    .c-slider-sp__slider-container {
        overflow:visible
    }
}

@media screen and (min-width: 992px) {
    .c-slider-sp__slides {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-slider-sp__button-next.swiper-button-next,.c-slider-sp__button-prev.swiper-button-prev {
    width: 44px;
    height: 44px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    background: #fff;
    top: calc(50% - 22px)
}

.c-slider-sp__button-next.swiper-button-next::after,.c-slider-sp__button-prev.swiper-button-prev::after {
    font-size: 1.2rem;
    color: #8d8d8d
}

@media screen and (min-width: 992px) {
    .c-slider-sp__button-next.swiper-button-next,.c-slider-sp__button-prev.swiper-button-prev {
        display:none
    }
}

.c-slider-sp__button-prev.swiper-button-prev {
    left: 4px
}

.c-slider-sp__button-prev.swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.c-slider-sp__button-next.swiper-button-next {
    right: 10px
}

.c-slider-sp__button-next.swiper-button-next.swiper-button-disabled {
    opacity: 0
}

.swiper-container-horizontal>.swiper-scrollbar.c-slider-sp__scrollbar {
    position: absolute;
    left: calc((95% - 16px) * .15);
    bottom: 0;
    height: 1px;
    width: calc((95% - 16px) * .7);
    background: #e3e3e3
}

.swiper-scrollbar.c-slider-sp__scrollbar .swiper-scrollbar-drag {
    background: #8d8d8d
}

.c-slider {
    width: 100%
}

.c-slider.is-loading {
    opacity: 0;
    visibility: hidden
}

.c-slider img {
    width: 100%;
}

.c-slider .swiper-wrapper {
    padding-bottom: 0px
}

.c-slider--product .swiper-slide {
    overflow: hidden
}

.c-slider__button.swiper-button-next,.c-slider__button.swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 0;
    top: 50%
}

.c-slider__button.swiper-button-next::after,.c-slider__button.swiper-button-prev::after {
    font-size: 2rem;
    color: #333
}

.c-slider__button.swiper-button-prev {
    left: 0
}

.c-slider__button.swiper-button-prev {
    right: 0
}

.c-slider__button--product.swiper-button-next,.c-slider__button--product.swiper-button-prev {
    background: #fff;
    border-radius: 0
}

.c-slider__button--product.swiper-button-next::after,.c-slider__button--product.swiper-button-prev::after {
    font-size: 1.4rem;
    color: #333
}

.c-slider .swiper-button-next.swiper-button-disabled,.c-slider .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.c-slider .swiper-pagination-bullets {
    bottom: 8px
}

.c-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
    width: 6px;
    height: 6px
}

.c-slider .swiper-pagination-bullet {
    opacity: 1;
    background: #e3e3e3
}

.c-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #727171
}

.c-sns__items {
    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;
    width: 100%
}

@media screen and (max-width: 991px) {
    .c-sns__items {
      margin-top: -28px;
    }
}

.c-sns__item {
    width: 25%;
    max-width: 24px;
    margin-left: 32px
}

.c-sns__item:first-child {
    margin-left: 0
}
/*
@media screen and (max-width: 991px) {
    .l-footer__sns .c-sns__items {
     
        margin-left:-40px
     
        }
}
*/
.l-footer__sns .c-sns__item {
    width: 20%
}

.c-step-time__items {
    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;
    color: #c3a66c;
    margin: 28px 0
}

@media screen and (min-width: 992px) {
    .c-step-time__items {
        margin:32px 0
    }
}

.c-step-time__item {
    position: relative;
    padding-left: 28px;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .c-step-time__item {
        font-size:1.3rem
    }
}

.c-step-time__item--morning::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBpZD0i44Kw44Or44O844OXXzQzNjUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQzNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03OTEuOTY3IC0yNTIuOTU2KSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzEzMTgiIGRhdGEtbmFtZT0i44OR44K5IDEzMTgiIGQ9Ik04MDAuOTY2LDI1Ny40NzNhNC40ODQsNC40ODQsMCwxLDAsNC40ODQsNC40ODNBNC40ODMsNC40ODMsMCwwLDAsODAwLjk2NiwyNTcuNDczWm0wLDcuMjY3YTIuNzgzLDIuNzgzLDAsMSwxLDIuNzg0LTIuNzg0QTIuNzg3LDIuNzg3LDAsMCwxLDgwMC45NjYsMjY0Ljc0WiIgZmlsbD0iI2MzYTY2YyIvPgogICAgPHJlY3QgaWQ9IumVt+aWueW9ol8xODQ0IiBkYXRhLW5hbWU9IumVt+aWueW9oiAxODQ0IiB3aWR0aD0iMS40IiBoZWlnaHQ9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwMC4yNjcgMjUyLjk1NikiIGZpbGw9IiNjM2E2NmMiLz4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMTg0NSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMTg0NSIgd2lkdGg9IjEuNCIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MDAuMjY3IDI2Ny45NTYpIiBmaWxsPSIjYzNhNjZjIi8+CiAgICA8cmVjdCBpZD0i6ZW35pa55b2iXzE4NDYiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDE4NDYiIHdpZHRoPSIzIiBoZWlnaHQ9IjEuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODA0LjcxNCAyNTcuMjE5KSByb3RhdGUoLTQ1KSIgZmlsbD0iI2MzYTY2YyIvPgogICAgPHJlY3QgaWQ9IumVt+aWueW9ol8xODQ3IiBkYXRhLW5hbWU9IumVt+aWueW9oiAxODQ3IiB3aWR0aD0iMyIgaGVpZ2h0PSIxLjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc5NC4xMDcgMjY3LjgyNSkgcm90YXRlKC00NSkiIGZpbGw9IiNjM2E2NmMiLz4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMTg0OCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMTg0OCIgd2lkdGg9IjMiIGhlaWdodD0iMS40IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MDYuOTY3IDI2MS4yNTYpIiBmaWxsPSIjYzNhNjZjIi8+CiAgICA8cmVjdCBpZD0i6ZW35pa55b2iXzE4NDkiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDE4NDkiIHdpZHRoPSIzIiBoZWlnaHQ9IjEuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzkxLjk2NyAyNjEuMjU2KSIgZmlsbD0iI2MzYTY2YyIvPgogICAgPHJlY3QgaWQ9IumVt+aWueW9ol8xODUwIiBkYXRhLW5hbWU9IumVt+aWueW9oiAxODUwIiB3aWR0aD0iMS40IiBoZWlnaHQ9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwNC43MTQgMjY2LjY5NCkgcm90YXRlKC00NSkiIGZpbGw9IiNjM2E2NmMiLz4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMTg1MSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMTg1MSIgd2lkdGg9IjEuNCIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OTQuMTA3IDI1Ni4wODcpIHJvdGF0ZSgtNDQuOTg3KSIgZmlsbD0iI2MzYTY2YyIvPgogIDwvZz4KPC9zdmc+Cg==)
}

.c-step-time__item--night::after {
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8cGF0aCBpZD0i44OR44K5XzEzMTkiIGRhdGEtbmFtZT0i44OR44K5IDEzMTkiIGQ9Ik04MzAuMywyNjQuMzUxYTUuMzYyLDUuMzYyLDAsMCwxLTMuMDA4LTguNTg0LjI2MS4yNjEsMCwwLDAtLjI2My0uNDE1LDcuMDU5LDcuMDU5LDAsMSwwLDguMjE2LDguMjE1LjI2MS4yNjEsMCwwLDAtLjQxNS0uMjYyQTUuMzU5LDUuMzU5LDAsMCwxLDgzMC4zLDI2NC4zNTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODIxLjI0OSAtMjU1LjM0NykiIGZpbGw9IiNjM2E2NmMiLz4KPC9zdmc+Cg==)
}

.c-step-time__item--night-text::after {
    top: 0
}

.c-step-time__icons {
    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
}

.c-step-time__icon {
    position: relative;
    width: 20px;
    height: 20px
}

.c-step-time__icon+.c-step-time__icon {
    margin-left: 8px
}

.c-step {
    margin-top: -72px;
    padding-top: 72px!important
}

@media screen and (min-width: 992px) {
    .c-step {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0;
        padding-top: 0!important
    }
}

.c-step__heading {
    background: #f8f8f8;
    padding: 28px 20px
}

@media screen and (min-width: 992px) {
    .c-step__heading {
        padding:36px 28px;
        width: 200px
    }
}

.c-step__heading-num {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: #333;
    margin-bottom: 4px
}

@media screen and (min-width: 992px) {
    .c-step__heading-num {
        font-size:1.8rem
    }
}

.c-step__heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1
}

.c-step__heading-title--makeup {
    font-size: 2rem
}

@media screen and (min-width: 992px) {
    .c-step__inner {
        width:calc(100% - 200px);
        padding: 0 32px
    }
}

.c-step__special {
    background: #fcf4f6;
    padding: 44px 20px 0;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-step__special {
        padding:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 6px
    }
}

@media screen and (min-width: 992px) {
    .c-step__special-heading {
        width:200px;
        padding: 40px 28px 0
    }
}

.c-step__special-heading-title {
    font-family: source-han-serif-japanese,serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    text-align: center
}

.c-step__special-plus {
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 992px) {
    .c-step__special-plus {
        top:-14px;
        left: 100px
    }
}

.c-step__special-plus span {
    display: block;
    width: 24px;
    height: 24px;
    background: #727171;
    border-radius: 50%;
    position: relative
}

.c-step__special-plus span::after,.c-step__special-plus span::before {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 25%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-step__special-plus span::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

@media screen and (min-width: 992px) {
    .c-step__special-inner {
        width:calc(100% - 200px);
        padding: 0 32px
    }
}

.c-step__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 28px
}

@media screen and (min-width: 992px) {
    .c-step__items {
        margin-top:40px;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

.c-step__item {
    width: calc(50% - 6px);
    text-align: center;
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .c-step__item {
        width:calc(100% / 3 - 20px * 2 / 3);
        margin-right: 20px
    }

    .c-step__item:nth-child(3n) {
        margin-right: 0
    }
}

.c-step__item a {
    display: block
}

.c-step__item a:hover {
    opacity: .7
}

.c-step__item-image {
    position: relative
}

@media screen and (min-width: 992px) {
    .c-step__item-image {
        padding:0 47px;
        background: #fff
    }
}

.c-step__item-image-inner {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.c-step__item-image-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-step__item-image-inner img {
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}

.c-step__item-time {
    margin: 12px 0
}

.c-step__item-info sup {
    font-size: 1rem
}

.c-step__item-category {
    font-size: 1.2rem;
    margin-bottom: 4px
}

.c-step__item-name {
    font-size: 1.3rem;
    margin-bottom: 8px
}

.c-step__item-price {
    font-size: 1.2rem
}

.c-step__item-price span+span {
    margin-left: 8px
}

.c-step__item-annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    color: #333;
    margin-top: 8px
}

.c-step__arrow-bottom {
    margin-top: 80px
}

.c-step__arrow-bottom span {
    display: block;
    position: relative
}

.c-step__arrow-bottom span::after {
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 24px solid #727171
}

@media screen and (min-width: 992px) {
    .c-step__arrow-bottom span::after {
        left:100px
    }
}

@media screen and (min-width: 992px) {
    .c-sub-banner__wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width: 992px) {
    .c-sub-banner__inner {
        width:calc(50% - 10px);
        margin-bottom: 20px
    }
}

.c-sub-banner__inner+.c-sub-banner__inner {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-sub-banner__inner+.c-sub-banner__inner {
        margin-top:0
    }
}

.c-sub-banner__inner img {
    width: 100%
}

.c-sub-banner__inner a {
    display: block
}

.c-sub-banner__inner a:hover {
    opacity: .7
}

@media screen and (min-width: 992px) {
    .c-sub-banner__flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .c-sub-banner__flex-item {
        width:calc(50% - 12px)
    }
}

.c-sub-banner__flex-item+.c-sub-banner__flex-item {
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .c-sub-banner__flex-item+.c-sub-banner__flex-item {
        margin-top:0
    }
}

.c-sub-banner--bottom {
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .c-sub-banner--bottom {
        padding:0;
        max-width: 1120px;
        margin: 80px auto 0
    }
}

.c-svg {
    display: block;
    position: relative
}

.c-svg--icon-app::before,.c-svg--icon-cart::before,.c-svg--icon-coupon::before,.c-svg--icon-facebook::before,.c-svg--icon-faq::before,.c-svg--icon-favorite::before,.c-svg--icon-instagram::before,.c-svg--icon-line::before,.c-svg--icon-mail::before,.c-svg--icon-rabbit::before,.c-svg--icon-search::before,.c-svg--icon-service::before,.c-svg--icon-twitter::before,.c-svg--icon-user::before,.c-svg--icon::before,.c-svg--logo-shai::before {
    content: "";
    display: block;
    width: 100%
}

.c-svg svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-svg--icon::before {
    padding-top: 100%
}

.c-svg--icon-search::before {
    padding-top: 100%
}

.c-svg--icon-user::before {
    padding-top: 100%
}

.c-svg--icon-favorite::before {
    padding-top: 100%
}

.c-svg--icon-cart::before {
    padding-top: 100%
}

.c-svg--icon-instagram::before {
    padding-top: 100%
}

.c-svg--icon-facebook::before {
    padding-top: 100%
}

.c-svg--icon-twitter::before {
    padding-top: 100%
}

.c-svg--icon-line::before {
    padding-top: 100%
}

.c-svg--icon-app::before {
    padding-top: 100%
}

.c-svg--icon-service {
    width: 50px;
    height: 50px;
    margin: 0 auto
}

.c-svg--icon-service::before {
    padding-top: 100%
}

.c-svg--icon-faq {
    width: 50px;
    height: 50px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .c-svg--icon-faq {
        width:60px;
        height: 60px
    }
}

.c-svg--icon-faq::before {
    padding-top: 100%
}

.c-svg--icon-rabbit {
    width: 24px;
    height: 42px
}

.c-svg--icon-rabbit::before {
    padding-top: 182%
}

.c-svg--icon-morning,.c-svg--icon-night {
    width: 39px;
    height: 39px
}

.c-svg--icon-coupon {
    width: 20px;
    height: 20px
}

.c-svg--icon-coupon::before {
    padding-top: 100%
}

.c-svg--icon-mail {
    width: 30px;
    height: 20px;
    margin-bottom: 4px
}

.c-svg--icon-mail::before {
    padding-top: 100%
}

.c-svg--star svg {
    width: 15px;
    height: 15px
}

.c-svg--text-our-love {
    width: 282px;
    height: 30px
}

.c-svg__pink {
    fill: #f3d0d8
}

.c-svg__white {
    fill: #fff
}

.c-svg__gray {
    fill: #727171
}

.c-svg__gold {
    fill: #c3a66c
}

.c-tab {
    width: 100%;
    margin: 0 auto
}

.c-tab input[type=radio] {
    display: none
}

.c-tab__tabs {
    text-align: center;
    font-size: 0
}

.c-tab__tabs label {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 1.4rem
}

.c-tab #tab1:checked~.c-tab__panels #panel1 {
    display: block
}

.c-tab #tab2:checked~.c-tab__panels #panel2 {
    display: block
}

.c-tab #tab3:checked~.c-tab__panels #panel3 {
    display: block
}

.c-tab #tab4:checked~.c-tab__panels #panel4 {
    display: block
}

.c-tab #tab5:checked~.c-tab__panels #panel5 {
    display: block
}

.c-tab #tab6:checked~.c-tab__panels #panel6 {
    display: block
}

.c-tab #tab7:checked~.c-tab__panels #panel7 {
    display: block
}

.c-tab #tab8:checked~.c-tab__panels #panel8 {
    display: block
}

.c-tab #tab9:checked~.c-tab__panels #panel9 {
    display: block
}

.c-tab__panels {
    background: #fff
}

.c-tab__panel {
    width: 100%;
    display: none;
    padding: 0
}

.c-table {
    overflow-x: auto;
    margin-right: -20px;
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-table {
        margin-right:0;
        margin-top: 32px
    }
}

.c-table--favorites,.c-table--points,.c-table--scroll-hidden {
    overflow-x: hidden
}

.c-table__table {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    border: 0;
    border-collapse: collapse;
    width: 100%
}

@media screen and (min-width: 992px) {
    .c-table__table--pc-wrap {
        white-space:inherit
    }
}

.c-table__table-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-table__table-flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-table__table-copybtn {
    border: none;
    background: 0 0;
    margin-right: 12px;
    margin-left: 12px
}

.c-table__table-mail {
    margin-left: 12px
}

.c-table tr:nth-child(even) {
    background: #f8f8f8
}

.c-table th {
    padding: 12px 8px;
    font-weight: 400;
    font-size: 1.4rem;
    text-align: left;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background: #fff;
    color: #333
}

.c-table__th-name {
    width: 40%
}

.c-table__th-limit {
    width: 140px
}

.c-table td {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    padding: 12px 8px
}

.c-table__link a {
    color: #3aaab4;
    text-decoration: underline
}

.c-table__nowrap {
    white-space: nowrap
}

.c-table__input-code {
    width: 180px;
    color: #333;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: 0;
    background: 0 0
}

.c-table--coupon {
    margin-right: 0;
    overflow-x: hidden
}

@media screen and (min-width: 992px) {
    .c-table--coupon table {
        table-layout:fixed
    }
}

@media screen and (max-width: 991px) {
    .c-table--coupon tr:nth-child(even) {
        background:0 0
    }
}

@media screen and (max-width: 991px) {
    .c-table--coupon th {
        display:none
    }
}

@media screen and (max-width: 991px) {
    .c-table--coupon td {
        display:block;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .c-table--coupon .c-table__td-name {
        background:#f8f8f8;
        margin-top: 24px;
        font-weight: 400;
        border: 1px solid #e3e3e3;
        white-space: normal
    }
}

@media screen and (max-width: 991px) {
    .c-table--coupon .c-table__td-limit {
        background:#fff;
        padding: 16px 8px 0;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3
    }

    .c-table--coupon .c-table__td-limit span {
        padding-right: 8px
    }
}

@media screen and (max-width: 991px) {
    .c-table--coupon .c-table__td-code {
        background:#fff;
        padding: 12px 8px;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3
    }
}

.c-table--coupon .c-table__td-code .c-table__table-copybtn-wrapper {
    margin-right: 8px;
    margin-left: 8px
}

.c-table--coupon .c-table__td-code .c-table__table-icon-text {
    font-size: 1rem;
    text-align: center
}

.p-about__heading {
    position: relative
}

.p-about__heading-info {
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 8%
}

@media screen and (min-width: 992px) {
    .p-about__heading-info {
        left:12%
    }
}

.p-about__heading-logo {
    display: none
}

@media screen and (min-width: 992px) {
    .p-about__heading-logo {
        display:block;
        max-width: 230px;
        margin: 0 auto 40px
    }
}

.p-about__heading-image img {
    width: 100%
}

.p-about__heading-copy {
    text-align: center;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.7rem;
    color: #333;
    letter-spacing: .02em
}

@media screen and (min-width: 992px) {
    .p-about__heading-copy {
        font-size:2rem
    }
}

.p-about__heading-copy span {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-left: 4px
}

.p-about__hello {
    text-align: center;
    padding: 64px 20px 40px;
    border-bottom: 1px solid #c7c7c7
}

.p-about__hello-title {
    margin-bottom: 28px
}

.p-about__hello-subtitle {
    margin-bottom: 20px
}

.p-about__section {
    padding: 120px 0 24px
}

.p-about__section-heading {
    position: relative
}

.p-about__section-title {
    position: absolute;
    top: -68px;
    left: 20px
}

@media screen and (min-width: 992px) {
    .p-about__section-title {
        top:50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 992px) {
    .p-about__section-image {
        width:850px;
        margin-left: auto
    }
}

.p-about__section-image img {
    width: 100%
}

.p-about__section-inner {
    padding: 28px 40px
}

@media screen and (min-width: 992px) {
    .p-about__section-inner {
        width:850px;
        margin-right: 0;
        margin-left: auto;
        padding: 32px 0
    }
}

.p-about__section-subtitle {
    border-top: 1px solid #333;
    padding-top: 12px;
    font-size: 1.8rem
}

@media screen and (min-width: 992px) {
    .p-about__section-subtitle {
        font-size:2rem
    }
}

.p-about__section-flex {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .p-about__section-flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-about__section-flex h3 {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .p-about__section-flex-col2 {
        width:calc(50% - 20px)
    }
}

.p-about__section-flex-col2+.p-about__section-flex-col2 {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .p-about__section-flex-col2+.p-about__section-flex-col2 {
        margin-top:0
    }
}

@media screen and (min-width: 992px) {
    .p-about__section-flex-col3 {
        width:calc(100% / 3 - 12px)
    }
}

.p-about__section-flex-col3+.p-about__section-flex-col3 {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .p-about__section-flex-col3+.p-about__section-flex-col3 {
        margin-top:0
    }
}

.p-about__section-items {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .p-about__section-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 48px
    }
}

.p-about__section-item {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    height: 96px;
    padding: 0 16px;
    background: #fcf4f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .p-about__section-item {
        width:calc(50% - 2px);
        margin-bottom: 4px;
        font-size: 1.4rem;
        padding: 0 40px
    }
}

.p-about__section-item--image {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-about__section-item+.p-about__section-item {
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .p-about__section-item+.p-about__section-item {
        margin-top:0
    }
}

.p-about__profile {
    border-top: 1px solid #c7c7c7;
    margin-top: 32px;
    padding: 48px 20px
}

.p-about__profile-inner {
    border: 1px solid #e3e3e3;
    padding: 32px 20px
}

@media screen and (min-width: 992px) {
    .p-about__profile-inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 48px 96px
    }
}

.p-about__profile-image {
    text-align: center;
    margin-top: 20px;
    position: relative;
    z-index: -1
}

@media screen and (min-width: 992px) {
    .p-about__profile-image {
        margin-top:0
    }
}

.p-about__profile-image img {
    width: 150px;
    height: 220px
}

.p-about__profile-container {
    margin-top: 28px
}

@media screen and (min-width: 992px) {
    .p-about__profile-container {
        margin-top:0;
        width: 75%
    }
}

.p-about__profile-name {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300
}

@media screen and (min-width: 992px) {
    .p-about__profile-name {
        margin-top:24px
    }
}

.p-about__profile-name span {
    font-size: 1.1rem
}

@media screen and (min-width: 992px) {
    .p-about__profile-name span {
        font-size:1.2rem
    }
}

.p-about__profile-description {
    margin-top: 12px;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem
}

@media screen and (min-width: 992px) {
    .p-about__profile-description {
        font-size:1.2rem
    }
}

.p-about__benefit {
    text-align: center;
    padding: 0 20px
}

.p-about__benefit-title {
    margin-bottom: 28px
}

.p-about__benefit-items {
    margin: 20px 0
}

@media screen and (min-width: 992px) {
    .p-about__benefit-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-about__benefit-item {
    background: #f8f8f8;
    padding: 24px 0
}

@media screen and (min-width: 992px) {
    .p-about__benefit-item {
        width:calc(25% - 4px)
    }
}

.p-about__benefit-item+.p-about__benefit-item {
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-about__benefit-item+.p-about__benefit-item {
        margin-top:0
    }
}

.p-about__benefit-item-description {
    margin: 16px 0 12px;
    color: #c3a66c;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .p-about__benefit-item-description {
        margin:20px 0 12px;
        font-size: 1.5rem
    }
}

.p-about__benefit-item-text {
    font-size: 1.8rem
}

@media screen and (min-width: 992px) {
    .p-about__benefit-item-text {
        font-size:2rem
    }
}

.p-about__benefit-annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    text-align: center
}

@media screen and (min-width: 992px) {
    .p-about__benefit-annotation {
        font-size:1.2rem
    }
}

.p-add-order {
    margin-bottom: 60px
}

@media screen and (min-width: 992px) {
    .p-add-order {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .p-add-order__images {
        width:calc(50% - 24px)
    }
}

.p-add-order__images-inner {
    position: relative
}

@media screen and (min-width: 992px) {
    .p-add-order__images .swiper-pagination {
        display:none
    }
}

.p-add-order__thumbs {
    display: none
}

@media screen and (min-width: 992px) {
    .p-add-order__thumbs {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.p-add-order .thumb-list-item {
    cursor: pointer;
    width: calc(100% / 4 - 24px);
    margin-right: 20px
}

.p-add-order .thumb-list-item:nth-child(4n) {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .p-add-order__thumb {
        cursor:pointer;
        width: calc(100% / 5 - 8px);
        margin-right: 8px;
        margin-bottom: 8px
    }

    .p-add-order__thumb:nth-child(5n) {
        margin-right: 0
    }

    .p-add-order__thumb.is-active {
        border: 1px solid #e3e3e3
    }
}

@media screen and (min-width: 992px) {
    .p-add-order__contents {
        width:calc(50% - 20px)
    }
}

.p-add-order__info {
    padding: 20px 0 0;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-add-order__info {
        padding:0
    }
}

.p-add-order__info-catchphrase {
    color: #333;
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-add-order__info-catchphrase {
        font-size:1.4rem
    }
}

.p-add-order__info-name {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-add-order__info-name {
        font-size:1.8rem
    }
}

.p-add-order__info-size {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem;
    margin-bottom: 8px
}

.p-add-order__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .p-add-order__labels {
        margin-top:16px
    }
}

.p-add-order__label {
    border: 1px solid;
    border-radius: 3px
}

.p-add-order__label a {
    font-size: 1.3rem;
    text-decoration: none;
    padding: 4px 8px
}

.p-add-order__label--pores {
    border: 1px solid #fac9c2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 6px
}

.p-add-order__label--aging {
    border: 1px solid #e6cfe4;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 6px
}

.p-add-order__label--dullness {
    border: 1px solid #c1e8fa;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-right: 6px
}

.p-add-order__label--dry {
    border: 1px solid #c9d2ea;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-right: 6px
}

.p-add-order__label--sensitive {
    border: 1px solid #f9ccdf;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.p-add-order__label--innerdry {
    border: 1px solid #fddab3;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.p-add-order__cart .c-product-cart {
    margin: 24px -20px 0;
    padding: 24px 20px 0
}

@media screen and (min-width: 992px) {
    .p-add-order__cart .c-product-cart {
        margin:32px 0 0;
        padding: 32px 0 0
    }
}

.p-add-order__cart-onetime,.p-add-order__cart-option,.p-add-order__cart-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.p-add-order__cart-onetime label,.p-add-order__cart-option label,.p-add-order__cart-quantity label {
    font-size: 1.4rem;
    width: 12%;
    margin-right: 12px
}

.p-add-order__cart-onetime .c-select__select,.p-add-order__cart-option .c-select__select,.p-add-order__cart-quantity .c-select__select {
    width: 200px
}

.p-add-order__cart .c-product-cart__option {
    width: 100%
}

.p-add-order__cart-onetime-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-add-order__cart-onetime-text {
        margin-top:12px
    }
}

.p-add-order__cart-button {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .p-add-order__cart-button {
        margin-top:32px
    }
}

.p-add-order__cart-button .c-button {
    padding: 0;
    width: 295px;
    margin: 0 auto
}

.p-campaign {
    background: #fcf4f6;
    padding: 40px 0 48px
}

@media screen and (min-width: 992px) {
    .p-campaign {
        padding:80px 20px 60px
    }
}

@media screen and (min-width: 992px) {
    .p-campaign__inner {
        max-width:1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-campaign__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-campaign__items {
        padding:0
    }
}

.p-campaign__item {
    width: calc(50% - 6px);
    margin-left: 12px;
    margin-bottom: 28px
}

@media screen and (min-width: 992px) {
    .p-campaign__item {
        width:calc(100% / 3 - 44px * 2 / 3);
        margin-left: 44px;
        margin-bottom: 44px
    }
}

.p-campaign__item:first-child {
    margin-left: 0
}

@media screen and (max-width: 991px) {
    .p-campaign__item:nth-child(2n+1) {
        margin-left:0
    }
}

@media screen and (min-width: 992px) {
    .p-campaign__item:nth-child(3n+1) {
        margin-left:0
    }
}

.p-campaign__item a {
    display: block
}

.p-campaign__item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 5s ease;
    transition: all 5s ease
}

.p-campaign__item-image {
    overflow: hidden
}

.p-campaign__item-image img {
    width: 100%;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.p-campaign__item-info {
    padding-top: 12px
}

@media screen and (min-width: 992px) {
    .p-campaign__item-info {
        padding-top:20px
    }
}

.p-campaign__item-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6
}

@media screen and (min-width: 992px) {
    .p-campaign__item-title {
        font-size:1.5rem
    }
}

.p-campaign__link.is-show--sp {
    display: block
}

@media screen and (min-width: 992px) {
    .p-campaign__link.is-show--sp {
        display:none
    }
}

@media screen and (min-width: 992px) {
    .p-campaign__link.is-show--sp.is-show--pc {
        display:block
    }
}

@media screen and (min-width: 992px) {
    .c-cart-items {
        margin-top:20px
    }
}

.c-cart-items__header {
    display: none
}

@media screen and (min-width: 992px) {
    .c-cart-items__header {
        border-top:1px solid #e3e3e3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #333;
        padding: 12px 0
    }
}

@media screen and (min-width: 992px) {
    .c-cart-items__header-image {
        width:96px
    }
}

@media screen and (min-width: 992px) {
    .c-cart-items__header-info {
        width:calc(100% - 96px);
        padding-left: 4%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

.c-cart-items__header-name {
    width: 60%
}

.c-cart-items__header-num {
    width: 20%
}

.c-cart-items__header-price {
    width: 20%
}

.c-cart-items__header--order-name {
    width: 52%
}

.c-cart-items__header--order-num {
    width: 16%
}

.c-cart-items__header--order-price {
    width: 16%
}

.c-cart-items__header--order-subtotal {
    width: 16%
}

.c-cart-items__items {
    margin-top: 20px;
    border-bottom: 1px solid #727171
}

@media screen and (min-width: 992px) {
    .c-cart-items__items {
        margin-top:0
    }
}

.c-cart-items__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e3e3e3;
    padding: 16px 0 24px
}

@media screen and (min-width: 992px) {
    .c-cart-items__item {
        padding:20px 0
    }
}

.c-cart-items__item-image {
    width: 30%;
    max-width: 200px
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-image {
        width:96px
    }
}

.c-cart-items__item-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.c-cart-items__item-delete a {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 14px;
    display: block;
    padding-left: 20px;
    position: relative
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-delete a {
        font-size:1.3rem;
        line-height: 15px
    }
}

.c-cart-items__item-delete a::before {
    position: absolute;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8ZyBpZD0i44Kw44Or44O844OXXzM1NTYiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDM1NTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjEgLTY2MCkiPgogICAgPGcgaWQ9IumVt+aWueW9ol8xNjc5IiBkYXRhLW5hbWU9IumVt+aWueW9oiAxNjc5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjEgNjYwKSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICA8cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIzIiBzdHJva2U9Im5vbmUiLz4KICAgICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIuNSIgZmlsbD0ibm9uZSIvPgogICAgPC9nPgogICAgPGcgaWQ9IuOCsOODq+ODvOODl18zNTU1IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAzNTU1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQgLTI1KSI+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMTA4NiIgZGF0YS1uYW1lPSLjg5HjgrkgMTA4NiIgZD0iTS0xNTU3OCw2NjU0Ljk0bDYsNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU5NTcuNDg0IC01OTY1LjUwOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMTA4NyIgZGF0YS1uYW1lPSLjg5HjgrkgMTA4NyIgZD0iTS0xNTU3Miw2NjU0Ljk0bC02LDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1OTU3LjQ4NCAtNTk2NS41MDkpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 14px;
    height: 14px
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-delete a::before {
        width:15px;
        height: 15px
    }
}

.c-cart-items__item-info {
    width: 70%;
    padding-left: 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-info {
        width:calc(100% - 96px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch
    }
}

.c-cart-items__item-name {
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-name {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        width: 60%
    }
}

.c-cart-items__item-name a {
    text-decoration: underline
}

.c-cart-items__item-sku {
    color: #333;
    font-size: 1.3rem;
    margin: 8px 0
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-price {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3;
        width: 20%
    }
}

.c-cart-items__item-price span {
    font-size: 1.6rem;
    margin-right: 4px
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-price span {
        font-size:1.8rem
    }
}

.c-cart-items__item-num {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-num {
        margin-top:0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 20%
    }
}

.c-cart-items__item-num form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-num form {
        display:block
    }
}

.c-cart-items__item-num .c-select {
    width: 96px
}

.c-cart-items__item-subtotal span {
    font-size: 1.6rem;
    margin-right: 4px
}

@media screen and (min-width: 992px) {
    .c-cart-items__item-subtotal span {
        font-size:1.8rem
    }
}

.c-cart-items__update {
    width: 64px;
    margin-left: 16px;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .c-cart-items__update {
        margin-top:12px;
        margin-left: 0;
        width: 96px
    }
}

.c-cart-items__update input {
    padding: 4px
}

.p-cart {
    margin-bottom: 64px
}

@media screen and (min-width: 992px) {
    .p-cart {
        margin-bottom:80px
    }
}

.p-cart__information--pink {
    color: #d36f86;
    background: #fcf4f6;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 1.4rem
}

.p-cart__information--pink span {
    font-size: 2.2rem;
    margin: 0 8px
}

@media screen and (min-width: 992px) {
    .p-cart__footer {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-cart__footer-next {
    margin-bottom: 24px
}

@media screen and (min-width: 992px) {
    .p-cart__footer-next {
        width:40%;
        max-width: 360px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .p-cart__footer-prev {
        width:60%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.p-cart__footer-error {
    color: #d36f86;
    font-size: 1.2rem;
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-cart__empty {
    text-align: center;
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-cart__empty {
        margin-bottom:80px
    }
}

.p-cart__empty-link {
    margin-top: 24px;
    margin-bottom: 28px
}

.p-cart__empty-link a {
    text-decoration: underline
}

.p-cart__sum {
    margin-bottom: 40px
}

.p-cart__sum-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0 12px;
    border-bottom: 1px solid #e3e3e3
}

@media screen and (min-width: 992px) {
    .p-cart__sum-inner {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.p-cart__sum-inner span {
    font-size: 2.2rem;
    margin-right: 12px
}

@media screen and (min-width: 992px) {
    .p-cart__sum-label {
        width:160px
    }
}

@media screen and (min-width: 992px) {
    .p-cart__sum-value {
        width:calc(100% - 160px);
        text-align: right;
        margin-right: 20px
    }
}

.p-cart__button-next {
    max-width: 295px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .p-cart__button-next {
        max-width:335px
    }
}

.p-cart__button-prev {
    max-width: 295px;
    margin: 32px auto 40px;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-cart__button-prev {
        max-width:220px;
        margin: 40px 0
    }
}

.p-cart__button-prev::before {
    display: inline-block;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 20px
}

@media screen and (min-width: 992px) {
    .p-cart__annotations {
        margin-top:20px
    }
}

.p-cart__annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    margin-bottom: 2px
}

@media screen and (min-width: 992px) {
    .p-cart__annotation {
        font-size:1.2rem
    }
}

.p-cart__annotation--pink {
    color: #d36f86
}

.p-cart__login-heading {
    margin-top: -72px!important;
    padding-top: 72px!important
}

.p-cart__login-heading-title {
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .p-cart__login-heading-title {
        font-size:2.4rem;
        margin-bottom: 40px
    }
}

.p-cart__login-heading-title::after,.p-cart__login-heading-title::before {
    position: absolute;
    height: 1px;
    width: calc(50% - 120px);
    content: '';
    border-top: 1px solid #727171;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 992px) {
    .p-cart__login-heading-title::after,.p-cart__login-heading-title::before {
        width:calc(50% - 140px)
    }
}

.p-cart__login-heading-title::before {
    left: 0
}

.p-cart__login-heading-title::after {
    right: 0
}

.p-cart__recommend {
    margin-top: 64px
}

@media screen and (min-width: 992px) {
    .p-cart__recommend {
        margin-top:96px
    }
}

@media screen and (min-width: 992px) {
    .p-cart__recommend .is-loading .swiper-slide.c-product-slider__item {
        width:20%
    }
}

.p-cart__wrapping {
    margin: 32px 0 16px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping {
        margin:40px 0 16px
    }
}

.p-cart__wrapping-title {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 20px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-title {
        font-size:1.5rem;
        margin-bottom: 24px
    }
}

.p-cart__wrapping-item--pink {
    background: #fcf4f6
}

.p-cart__wrapping-item--pink .p-cart__wrapping-info {
    border-top: 1px solid #e7a9b7
}

.p-cart__wrapping-item--pink .p-cart__wrapping-text {
    color: #e7a9b7
}

.p-cart__wrapping-item--gold {
    background: #f5f1e9
}

.p-cart__wrapping-item--gold .p-cart__wrapping-info {
    border-top: 1px solid #c3a66c
}

.p-cart__wrapping-item--gold .p-cart__wrapping-text {
    color: #c3a66c
}

.p-cart__wrapping-item--orange {
    background: #fff3eb
}

.p-cart__wrapping-item--orange .p-cart__wrapping-info {
    border-top: 1px solid #ffaf7c
}

.p-cart__wrapping-item--orange .p-cart__wrapping-text {
    color: #ffaf7c
}

.p-cart__wrapping-item--blue {
    background: #eef6f7
}

.p-cart__wrapping-item--blue .p-cart__wrapping-info {
    border-top: 1px solid #90c1c7
}

.p-cart__wrapping-item--blue .p-cart__wrapping-text {
    color: #90c1c7
}

.p-cart__wrapping-item+.p-cart__wrapping-item {
    margin-top: 8px
}

.p-cart__wrapping-item-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    position: relative
}

.p-cart__wrapping-item-heading::after,.p-cart__wrapping-item-heading::before {
    content: '';
    display: block;
    width: 13px;
    height: 1px;
    background: #727171;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-item-heading::after,.p-cart__wrapping-item-heading::before {
        width:15px;
        right: 16px
    }
}

.p-cart__wrapping-item-heading::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.p-cart__wrapping-item-heading.is-opened::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.p-cart__wrapping-item-image {
    width: 80px
}

.p-cart__wrapping-item-info {
    width: calc(100% - 80px - 28px);
    padding-left: 20px
}

.p-cart__wrapping-item-name {
    font-size: 1.4rem;
    font-weight: 400
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-item-name {
        font-size:1.5rem
    }
}

.p-cart__wrapping-item-price {
    font-size: 1.2rem;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-item-price {
        font-size:1.3rem
    }
}

.p-cart__wrapping-item-price span {
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-item-price span {
        font-size:1.1rem
    }
}

.p-cart__wrapping-item-container {
    display: none;
    padding: 16px 16px 24px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-item-container {
        padding:24px 24px 32px
    }
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-item .c-button {
        max-width:392px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-cart__wrapping-name {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 16px;
    padding-left: 16px;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-name {
        font-size:2rem;
        margin-bottom: 20px
    }
}

.p-cart__wrapping-name::before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    top: 8px;
    left: 0
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-name::before {
        top:12px
    }
}

.p-cart__wrapping-info {
    margin: 24px -16px 0;
    padding: 24px 16px 0
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-info {
        margin:32px -24px 0;
        padding: 32px 24px 0
    }
}

.p-cart__wrapping-text {
    font-size: 1.4rem;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-text {
        font-size:1.6rem;
        margin-bottom: 12px
    }
}

.p-cart__wrapping-description {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-description {
        font-size:1.4rem
    }
}

.p-cart__wrapping-description+.p-cart__wrapping-description {
    margin-top: 16px;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-description+.p-cart__wrapping-description {
        margin-top:20px;
        font-size: 1.1rem
    }
}

.p-cart__wrapping-products {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-products {
        font-size:1.1rem
    }
}

.p-cart__wrapping-cart {
    text-align: center
}

.p-cart__wrapping-cart-button {
    max-width: 232px;
    margin-right: auto;
    margin-left: auto
}

.p-cart__wrapping-price {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-price {
        font-size:2rem;
        margin-bottom: 16px
    }
}

.p-cart__wrapping-price span {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-price span {
        font-size:1.1rem
    }
}

.p-cart__wrapping-annotations {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-annotations {
        font-size:1.1rem
    }
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-types {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.p-cart__wrapping-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 180px;
        padding: 0 10px
    }
}

.p-cart__wrapping-type+.p-cart__wrapping-type {
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type+.p-cart__wrapping-type {
        margin-top:0
    }
}

.p-cart__wrapping-type-image {
    width: 40%
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type-image {
        width:100%
    }
}

.p-cart__wrapping-type-image a:hover img {
    opacity: .7
}

.p-cart__wrapping-type-info {
    width: 60%;
    padding-left: 12px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type-info {
        width:100%;
        padding: 12px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%
    }
}

.p-cart__wrapping-type-name {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type-name {
        font-size:1.5rem
    }
}

.p-cart__wrapping-type-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    margin-top: 4px
}

.p-cart__wrapping-type-button {
    width: 120px;
    margin: 8px auto 0
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type-button {
        width:140px;
        margin: 16px auto 0
    }
}

.p-cart__wrapping-type-button a {
    font-size: 1.1rem;
    padding: 8px
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type-button a {
        font-size:1.3rem;
        padding: 10px
    }
}

.p-cart__wrapping-type-price {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type-price {
        font-size:1.5rem
    }
}

.p-cart__wrapping-type-price span {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .p-cart__wrapping-type-price span {
        font-size:1.1rem
    }
}

.p-cart__content {
    margin-top: 60px
}

@media screen and (min-width: 992px) {
    .p-cart__content {
        margin-top:80px
    }
}

.p-cart__content-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 1px solid #727171
}

@media screen and (min-width: 992px) {
    .p-cart__content-title {
        font-size:2.2rem
    }
}

.p-cart__content-title .c-svg--icon-faq {
    width: 32px;
    height: 32px;
    margin: 0 16px 0 0
}

@media screen and (min-width: 992px) {
    .p-cart__content-title .c-svg--icon-faq {
        width:40px;
        height: 40px;
        margin: 0 24px 0 0
    }
}

.p-cart__payment {
    padding: 20px 8px;
    border-bottom: 1px solid #c7c7c7
}

@media screen and (min-width: 992px) {
    .p-cart__payment {
        padding:24px 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.p-cart__payment-name {
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .p-cart__payment-name {
        font-size:1.7rem
    }
}

.p-cart__payment-name span {
    display: block;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .p-cart__payment-name span {
        display:inline;
        font-size: 1.2rem;
        margin-top: 0;
        padding-left: 10px
    }
}

.p-cart__payment-images {
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .p-cart__payment-images {
        margin-top:0
    }
}

.p-cart__payment-images>img+img {
    margin-left: 10px
}

.p-cart__payment-images__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 10px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.p-cart__shipping {
    padding: 20px 8px 0
}

@media screen and (min-width: 992px) {
    .p-cart__shipping {
        padding:24px 16px 0
    }
}

.p-cart__shipping-title {
    font-size: 1.5rem;
    margin-top: 24px;
    margin-bottom: 4px
}

.p-cart__shipping-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .p-cart__shipping-text {
        font-size:1.5rem
    }
}

.p-cart__shipping-text+.p-cart__shipping-text {
    margin-top: 16px
}

.p-cart__shipping-text a {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    text-decoration: underline
}

.p-cart__shipping-title+.p-cart__shipping-text {
    margin-top: 4px
}

.p-cart__shipping-image {
    max-width: 264px;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .p-cart__shipping-image {
        max-width:490px;
        margin: 16px 0
    }
}

.p-cart__shipping-annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1rem;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .p-cart__shipping-annotation {
        font-size:1.2rem;
        margin: 16px 0
    }
}

.p-cart__shipping-link {
    margin-top: 40px
}

@media screen and (min-width: 992px) {
    .p-cart__shipping-link {
        margin-top:48px
    }
}

@media screen and (min-width: 992px) {
    .p-cart__shipping-link a {
        max-width:392px
    }
}

.p-cart__confirm-text {
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .p-cart__confirm-text {
        font-size:1.6rem
    }
}

.p-cart__confirm-attention {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0
}

.p-cart__present {
    padding: 40px 0 0
}

.p-cart__present-title {
    background-color: #f5f1e9;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
    padding: 8px
}

@media screen and (min-width: 992px) {
    .p-cart__present-title {
        font-size:1.6rem;
        padding: 12px
    }
}

@media screen and (min-width: 992px) {
    .p-cart__present-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.p-cart__present-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .p-cart__present-item {
        display:block;
        text-align: center;
        width: 20%;
        margin: 0 12px
    }
}

.p-cart__present-item+.p-cart__present-item {
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-cart__present-item+.p-cart__present-item {
        margin-top:0
    }
}

@media screen and (max-width: 991px) {
    .p-cart__present-item-image {
        width:88px;
        padding-left: 8px
    }
}

.p-cart__present-item-name {
    font-size: 1.3rem;
    margin-top: 8px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .p-cart__present-item-name {
        width:calc(100% - 13px - 88px);
        padding-left: 12px;
        font-size: 1.2rem
    }
}

.p-cart__present2 {
    padding: 40px 0 0
}

.p-cart__present2-title {
    background-color: #fcf4f6;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
    padding: 8px
}

@media screen and (min-width: 992px) {
    .p-cart__present2-title {
        font-size:1.6rem;
        padding: 12px
    }
}

@media screen and (min-width: 992px) {
    .p-cart__present2-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.p-cart__present2-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .p-cart__present2-item {
        display:block;
        width: 20%;
        margin: 0 12px
    }
}

.p-cart__present2-item+.p-cart__present2-item {
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-cart__present2-item+.p-cart__present2-item {
        margin-top:0
    }
}

.p-cart__present2-item-radio {
    width: 16px
}

@media screen and (min-width: 992px) {
    .p-cart__present2-item-radio {
        width:auto;
        height: 24px;
        text-align: center
    }
}

@media screen and (max-width: 991px) {
    .p-cart__present2-item label {
        width:calc(100% - 24px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 991px) {
    .p-cart__present2-item-image {
        width:88px;
        padding-left: 8px
    }
}

.p-cart__present2-item-name {
    font-size: 1.3rem;
    margin-top: 8px;
    text-align: left
}

@media screen and (max-width: 991px) {
    .p-cart__present2-item-name {
        width:calc(100% - 13px - 88px);
        padding-left: 12px;
        font-size: 1.2rem
    }
}

.p-cart__present2-item.is-nostock .p-cart__present2-item-radio {
    position: relative
}

.p-cart__present2-item.is-nostock .p-cart__present2-item-radio::before {
    position: absolute;
    content: '×';
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 992px) {
    .p-cart__present2-item.is-nostock .p-cart__present2-item-radio::before {
        left:50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.p-cart__present2-item.is-nostock .p-cart__present2-item-image {
    position: relative
}

.p-cart__present2-item.is-nostock .p-cart__present2-item-image::before {
    position: absolute;
    content: '';
    background-color: rgba(0,0,0,.5);
    width: 80px;
    height: 100%
}

@media screen and (min-width: 992px) {
    .p-cart__present2-item.is-nostock .p-cart__present2-item-image::before {
        width:100%
    }
}

.p-cart__present2-item.is-nostock .p-cart__present2-item-image::after {
    position: absolute;
    content: '\7D42\a0\4E86';
    border: 1px solid #fff;
    border-radius: 100vh;
    color: #fff;
    font-size: 1rem;
    top: 50%;
    left: 8px;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 4px 8px
}

@media screen and (min-width: 992px) {
    .p-cart__present2-item.is-nostock .p-cart__present2-item-image::after {
        left:0;
        font-size: 1.2rem;
        width: 72%
    }
}

.p-contact__important {
    margin-top: -20px
}

.p-contact__important.is-hidden {
    display: none
}

.p-customer-terms__description {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-customer-terms__description {
        font-size:1.4rem
    }
}

.p-customer-terms__item+.p-customer-terms__item {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .p-customer-terms__item+.p-customer-terms__item {
        margin-top:28px
    }
}

.p-customer-terms__item-title {
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .p-customer-terms__item-title {
        font-size:1.8rem;
        margin-bottom: 16px
    }
}

.p-customer-terms__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .p-customer-terms__item-text {
        font-size:1.4rem
    }
}

.p-customer-terms__item a {
    text-decoration: underline
}

.p-faq__header {
    width: 100%;
    background: #f8f8f8;
    padding: 32px 20px
}

@media screen and (min-width: 992px) {
    .p-faq__header {
        padding:80px 0
    }
}

.p-faq__header-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .p-faq__header-items {
        max-width:1120px;
        margin-right: auto;
        margin-left: auto;
        overflow-x: auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.p-faq__header-item {
    background: #fff;
    border-radius: 4px;
    width: calc(50% - 2px);
    padding: 14px 12px;
    margin-bottom: 4px;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-faq__header-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 7 - 8px);
        padding: 32px 0 60px;
        text-align: center;
        margin-bottom: 0
    }
}

.p-faq__header-item:hover {
    opacity: .7
}

.p-faq__header-item:last-child {
    margin-right: 0
}

@media screen and (max-width: 991px) {
    .p-faq__header-item a {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 991px) {
    .p-faq__header-item a .c-svg--icon-faq {
        width:28px;
        height: 28px;
        margin: 0
    }
}

.p-faq__header-title {
    font-size: 1.1rem;
    line-height: 1.3;
    padding-left: 12px
}

@media screen and (min-width: 992px) {
    .p-faq__header-title {
        font-size:1.4rem;
        margin-top: 24px;
        padding-left: 0
    }
}

@media screen and (max-width: 991px) {
    .p-faq__header-title::after {
        border-bottom:solid 1px #333;
        border-right: solid 1px #333;
        width: 6px;
        height: 6px;
        position: absolute;
        content: '';
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        right: 12px
    }
}

@media screen and (min-width: 992px) {
    .p-faq__header-title::after {
        border-bottom:solid 1px #333;
        border-right: solid 1px #333;
        width: 6px;
        height: 6px;
        position: absolute;
        content: '';
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        bottom: 38px;
        width: 8px;
        height: 8px
    }
}

.p-faq__container {
    margin: 28px 0
}

@media screen and (min-width: 992px) {
    .p-faq__container {
        margin:60px 0
    }
}

.p-faq__faq {
    margin-top: -120px;
    padding-top: 120px
}

@media screen and (min-width: 992px) {
    .p-faq__faq {
        margin-top:0;
        padding-top: 0
    }
}

.p-faq__faq+.p-faq__faq {
    margin-top: -88px
}

@media screen and (min-width: 992px) {
    .p-faq__faq+.p-faq__faq {
        margin-top:0;
        padding-top: 60px
    }
}

.p-faq__faq-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 400;
    padding: 20px 0;
    border-bottom: 1px solid #727171
}

@media screen and (min-width: 992px) {
    .p-faq__faq-title {
        font-size:2.2rem
    }
}

.p-faq__faq-title .c-svg--icon-faq {
    width: 32px;
    height: 32px;
    margin: 0 16px 0 0
}

@media screen and (min-width: 992px) {
    .p-faq__faq-title .c-svg--icon-faq {
        width:40px;
        height: 40px;
        margin: 0 24px 0 0
    }
}

.p-faq__faq-accordion {
    border-bottom: 1px solid #c7c7c7;
    cursor: pointer
}

.p-faq__faq-accordion-question {
    border-top: 0;
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .p-faq__faq-accordion-question {
        font-size:1.7rem
    }
}

.p-faq__faq-accordion-answer {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300
}

.p-faq__faq-accordion-answer a {
    text-decoration: underline;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500
}

.p-faq__faq-attention {
    color: #d36f86
}

.p-favorites__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.p-favorites__heading-image {
    width: 36%
}

@media screen and (min-width: 992px) {
    .p-favorites__heading-image {
        width:16%
    }
}

.p-favorites__heading-name {
    width: calc(64% - 12px)
}

@media screen and (min-width: 992px) {
    .p-favorites__heading-name {
        width:calc(84% - 24px)
    }
}

.p-favorites__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 8px
}

.p-favorites__content:nth-child(even) {
    background: #f8f8f8
}

.p-favorites__content-image {
    width: 36%
}

@media screen and (min-width: 992px) {
    .p-favorites__content-image {
        width:16%
    }
}

.p-favorites__content-info {
    width: calc(64% - 12px)
}

@media screen and (min-width: 992px) {
    .p-favorites__content-info {
        width:calc(84% - 24px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-favorites__content-name {
    font-size: 1.3rem;
    line-height: 1.3
}

@media screen and (min-width: 992px) {
    .p-favorites__content-name {
        font-size:1.5rem
    }
}

.p-favorites__content-name a {
    color: #3aaab4
}

.p-favorites__content-price {
    font-size: 1.2rem;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-favorites__content-price {
        font-size:1.4rem;
        margin-top: 12px
    }
}

.p-favorites__content-link {
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .p-favorites__content-link {
        margin-top:0;
        width: 80px;
        padding-left: 20px
    }
}

@media screen and (min-width: 992px) {
    .p-favorites__content-left {
        width:calc(100% - 80px)
    }
}

.p-feature {
    padding: 40px 20px 48px
}

@media screen and (min-width: 992px) {
    .p-feature {
        padding:80px 20px 100px
    }
}

@media screen and (min-width: 992px) {
    .p-feature__inner {
        padding:0;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-feature__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-feature__item {
    width: calc(50% - 10px);
    margin-bottom: 32px;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-feature__item {
        width:calc(50% - 24px);
        margin-top: 16px
    }
}

@media screen and (min-width: 992px) {
    .p-feature__item:first-child {
        margin-top:0
    }
}

@media screen and (min-width: 992px) {
    .p-feature__item:nth-child(2) {
        margin-top:0
    }
}

@media screen and (min-width: 992px) {
    .p-feature__item a {
        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-feature__item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 5s ease;
    transition: all 5s ease
}

.p-feature__item-image {
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .p-feature__item-image {
        width:57%
    }
}

.p-feature__item-image img {
    width: 100%;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.p-feature__item-labels {
    position: absolute;
    top: -28px;
    left: 0
}

@media screen and (min-width: 992px) {
    .p-feature__item-labels {
        top:-40px;
        left: 16px
    }
}

.p-feature__item-label {
    display: inline-block;
    color: #c3a66c;
    background: #fff;
    border: 1px solid #c3a66c;
    border-radius: 100vh;
    padding: 2px 10px;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .p-feature__item-label {
        font-size:1.4rem;
        padding: 4px 12px
    }
}

.p-feature__item-info {
    padding: 12px 0
}

@media screen and (min-width: 992px) {
    .p-feature__item-info {
        width:43%;
        padding-left: 20px;
        position: relative
    }
}

.p-feature__item-heading {
    font-size: 1.3rem;
    font-weight: 400
}

@media screen and (min-width: 992px) {
    .p-feature__item-heading {
        font-size:1.4rem
    }
}

.p-feature__item-date {
    color: #9d9d9d;
    margin-top: 8px;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

.p-feature__link {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .p-feature__link {
        margin-top:56px
    }
}

.p-footer-link {
    border-top: 1px solid #e3e3e3;
    padding: 24px 20px 0
}

.p-footer-link__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 82%;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .p-footer-link__items {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap;
        width: auto
    }
}

.p-footer-link__item {
    margin: 0 16px 16px 0
}

@media screen and (min-width: 992px) {
    .p-footer-link__item {
        margin:0 28px 0 0
    }

    .p-footer-link__item--pc1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .p-footer-link__item--pc2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .p-footer-link__item--pc3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .p-footer-link__item--pc4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-right: 0
    }
}

.p-footer-link__item a {
    display: block;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-footer-link__item a {
        font-size:1.3rem
    }
}

.p-footer-link__item a:hover {
    text-decoration: underline
}

.p-footer-menu__sp {
    padding-top: 48px
}

.p-footer-menu__sp-items {
    border-top: 1px solid #e3e3e3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .p-footer-menu__sp-items {
        display:none
    }
}

.p-footer-menu__sp-item {
    width: 50%;
    border-bottom: 1px solid #e3e3e3
}

.p-footer-menu__sp-item:nth-child(odd) {
    border-right: 1px solid #e3e3e3
}

.p-footer-menu__sp-item a {
    display: block;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    padding: 18px 16px
}

.p-footer-menu__pc {
    display: none
}

@media screen and (min-width: 992px) {
    .p-footer-menu__pc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-footer-menu__pc-inner {
        width: calc(100% / 5)
    }

    .p-footer-menu__pc-heading {
        font-size: 1.7rem;
        font-family: "Ginto",serif;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 8px
    }

    .p-footer-menu__pc-contents {
        padding-left: 32px;
        border-left: 1px solid #e3e3e3
    }

    .p-footer-menu__pc-menu a {
        display: block;
        padding: 8px 0;
        font-family: 'Noto Sans JP',"Ginto",sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 1.4rem
    }

    .p-footer-menu__pc-menu a:hover {
        text-decoration: underline
    }
}

.p-information {
    margin: 60px 0 0;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .p-information {
        width:calc(50% - 40px);
        margin: 80px 0 0;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .p-information .c-heading__topics-subtitle {
        margin-bottom:36px
    }
}

.p-information__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e3e3e3
}

.p-information__item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.p-information__item-heading {
    font-size: 1.3rem;
    line-height: 1.6
}

@media screen and (min-width: 992px) {
    .p-information__item-heading {
        font-size:1.4rem
    }
}

.p-information__item-heading:hover {
    text-decoration: underline
}

.p-information__item-date {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    color: #333;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-information__item-date {
        font-size:1.3rem
    }
}

.p-iglive {
    margin: 40px 0 48px
}

@media screen and (min-width: 992px) {
    .p-iglive {
        margin:80px 0 0
    }
}

.p-instagram {
    margin: 60px 0
}

@media screen and (min-width: 992px) {
    .p-instagram {
        margin:80px 0 0
    }
}

.p-instalive {
    margin-top: 20px;
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .p-instalive {
        margin-top:64px;
        overflow: visible
    }
}

.p-instalive .u-contents-inner {
    padding-right: 20px;
    padding-left: 20px
}

@media screen and (min-width: 992px) {
    .p-instalive .u-contents-inner {
        padding-right:0;
        padding-left: 0
    }
}

.p-instalive .c-slider {
    overflow: visible
}

@media screen and (min-width: 992px) {
    .p-instalive .c-slider {
        max-width:720px;
        margin: 0 auto
    }
}

@media screen and (min-width: 992px) {
    .p-instalive .c-heading__topics-subtitle {
        margin-bottom:36px
    }
}

@media screen and (min-width: 992px) {
    .p-instalive__items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 12px
    }
}

@media screen and (max-width: 991px) {
    .p-instalive__items.is-flex-center {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 4px
    }
}

.p-instalive__item {
    cursor: pointer;
    height: auto
}

.p-instalive__item:hover img {
    opacity: .7
}

.p-instalive__item-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    margin-top: 8px;
    text-align: left
}

@media screen and (min-width: 992px) {
    .p-instalive__item-title {
        font-size:1.4rem
    }
}

.p-instalive__modal {
    max-width: 400px
}

@media screen and (min-width: 992px) {
    .p-instalive__modal {
        max-width:960px
    }
}

@media screen and (min-width: 992px) {
    .p-instalive .c-modal__container {
        max-height:630px
    }
}

@media screen and (min-width: 992px) {
    .p-instalive .c-slider .swiper-wrapper {
        padding-bottom:0
    }
}

.p-instalive .swiper-scrollbar {
    position: absolute;
    left: calc(15% - 10px);
    bottom: 0;
    height: 1px;
    width: 70%;
    background: #e3e3e3
}

@media screen and (min-width: 992px) {
    .p-instalive .swiper-scrollbar {
        display:none
    }
}

.p-instalive .swiper-scrollbar .swiper-scrollbar-drag {
    background: #8d8d8d
}

.p-instalive__modal {
    max-width: 1100px
}

.p-keyword {
    margin: 40px 0 72px
}

@media screen and (min-width: 992px) {
    .p-keyword {
        margin:48px 0 120px
    }
}

.p-law-infos__table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed
}

.p-law-infos__table th {
    padding: 12px 8px;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    text-align: left;
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
    width: 25%
}

.p-law-infos__table td {
    padding: 12px 8px;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    border: 1px solid #e3e3e3;
    width: 75%
}

.p-law-infos__table td pre {
    white-space: inherit;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

.p-limited {
    background: #f8f8f8;
    padding: 40px 0 80px
}

@media screen and (min-width: 992px) {
    .p-limited {
        padding:80px 0 80px
    }
}

.p-limited__slider {
    margin-left: calc(5% + 8px)
}

@media screen and (min-width: 992px) {
    .p-limited__slider {
        width:100%;
        margin: 0 auto
    }
}

.p-limited__items {
    padding-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-limited__items {
        padding-bottom:0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.p-limited__item {
    position: relative
}

@media screen and (min-width: 992px) {
    .p-limited__item {
        width:calc(100% / 3 - 32px * 2 / 3);
        margin-right: 32px;
        background: #fff;
        height: auto;
        margin-bottom: 20px
    }

    .p-limited__item:nth-child(3n) {
        margin-right: 0
    }
}

.p-limited__item a {
    display: block
}

.p-limited__item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 5s ease;
    transition: all 5s ease
}

.p-limited__item-label {
    position: absolute;
    top: 16px;
    left: 16px;
    border: 1px solid #c3a66c;
    border-radius: 100vh;
    background: #fff;
    color: #c3a66c;
    padding: 0 12px
}

.p-limited__item-card {
    background: #fff;
    padding: 24px 16px
}

@media screen and (min-width: 992px) {
    .p-login {
        max-width:980px;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .p-login__member {
        width:calc(50% - 16px)
    }
}

.p-login__register {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .p-login__register {
        width:calc(50% - 16px);
        margin-top: 0
    }
}

.p-login__register .c-login__line {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .p-login__register .c-login__line {
        margin-top:28px
    }
}

.p-login__register-cart-annotation {
    text-align: center;
    margin: 16px auto 0;
    font-size: 1.2rem
}

.p-login .c-form {
    position: relative
}

.p-media {
    margin: 60px 0
}

@media screen and (min-width: 992px) {
    .p-media {
        width:calc(50% - 40px);
        margin: 80px 0 0
    }
}

@media screen and (max-width: 991px) {
    .p-media {
        overflow:hidden
    }

    .p-media .u-contents-inner {
        padding-right: 20px;
        padding-left: 20px
    }

    .p-media .c-slider {
        overflow: visible
    }
}

@media screen and (min-width: 992px) {
    .p-media .c-heading__topics-subtitle {
        margin-bottom:36px
    }
}

.p-media__item {
    cursor: pointer;
    height: auto
}

.p-media__item:hover img {
    opacity: .7
}

.p-media__item-image {
    text-align: center;
    height: 192px
}

@media screen and (min-width: 992px) {
    .p-media__item-image {
        height:200px
    }
}

.p-media__item-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.p-media__item-title {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.p-media__modal {
    max-width: 400px
}

@media screen and (min-width: 992px) {
    .p-media__modal {
        max-width:960px
    }
}

@media screen and (min-width: 992px) {
    .p-media .c-modal__container {
        max-height:630px
    }
}

.p-media .swiper-scrollbar {
    position: absolute;
    left: calc(15% - 10px);
    bottom: 0;
    height: 1px;
    width: 70%;
    background: #e3e3e3
}

.p-media .swiper-scrollbar .swiper-scrollbar-drag {
    background: #8d8d8d
}

.p-menu-sp {
    position: fixed;
    top: 64px;
    left: 0;
    background: #fff;
    width: 100%;
    height: calc(100% - 64px);
    opacity: 0;
    -webkit-transition: opacity .6s ease,visibility .6s ease;
    transition: opacity .6s ease,visibility .6s ease;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none
}

@media screen and (max-width: 991px) {
    .p-menu-sp {
        -webkit-box-ordinal-group:5;
        -ms-flex-order: 4;
        order: 4
    }
}

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

.p-menu-sp.is-active {
    display: block;
    opacity: 1;
    z-index: 10001;
    width: 100%
}

.p-menu-sp__search {
    width: calc(100% - 40px);
    margin: 20px auto
}

.p-menu-sp__heading-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-menu-sp__heading-item {
    width: 50%;
    text-align: center;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.p-menu-sp__heading-item:first-child {
    border-left: 0
}

.p-menu-sp__heading-item a {
    display: block;
    padding: 12px 0
}

.p-menu-sp .p-menu-sp__heading-item {
    position: relative
}

.p-menu-sp .p-menu-sp__heading-item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.p-menu-sp__category {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.p-menu-sp__category-label {
    background: #f8f8f8;
    padding: 8px 8px 8px 20px;
    font-size: 1.7rem;
    color: #333;
    letter-spacing: .02em;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400
}

.p-menu-sp__category-items {
    padding: 8px 0
}

.p-menu-sp__category-item a {
    position: relative;
    display: block;
    padding: 16px 20px;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    color: #333;
    font-size: 1.5rem;
    letter-spacing: .02em
}

.p-menu-sp__category-item a::after {
    border-top: solid 1px #8d8d8d;
    border-right: solid 1px #8d8d8d;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px
}

.p-menu-sp__category-item a:hover::after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.p-menu-sp__menus {
    width: 100%
}

.p-menu-sp__menus-item {
    border-bottom: 1px solid #e3e3e3
}

.p-menu-sp__menus-item a {
    display: block;
    position: relative;
    padding: 28px 0 28px 28px;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2rem;
    color: #333;
    letter-spacing: .02em
}

.p-menu-sp__menus-item a::after {
    border-top: solid 1px #8d8d8d;
    border-right: solid 1px #8d8d8d;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px
}

.p-menu-sp__menus-item a:hover::after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.p-menu-sp__link {
    border-bottom: 1px solid #e3e3e3
}

.p-menu-sp__link-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 0
}

.p-menu-sp__link-item {
    width: 50%
}

.p-menu-sp__link-item a {
    display: block;
    font-size: 1.2rem;
    padding: 6px 6px 6px 28px
}

.p-menu-sp__sns {
    padding: 32px 0
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.modal-open {
    overflow: hidden
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(51,51,51,.8)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .8
}

.modal-scrollable {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060
}

.modal {
    outline: 0;
    position: absolute;
    left: 50%;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    padding: 0;
    background-color: #fff;
    border-radius: 0;
    margin-top: 0!important
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header::after,.modal-header::before {
    content: "";
    display: table
}

.modal-header::after {
    clear: both
}

.modal-header .close {
    margin-top: 0;
    position: absolute;
    top: 4px;
    right: 8px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 0;
    background: #fff;
    font-size: 2.4rem
}

.modal-header .modal-title {
    margin: 0
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-body p {
    margin-bottom: 12px
}

.form-group label {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-right: 12px
}

.form-group input.input-sm {
    width: 300px;
    border-radius: 4px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    padding: 4px 12px
}

a.register.btn {
    color: #fff;
    background: #727171;
    padding: 8px 16px;
    border-radius: 100vh;
    margin-top: 12px;
    display: inline-block
}

.p-nav {
    width: 100%;
    height: 72px;
    background: #fff;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    z-index: 100001;
    border-bottom: 1px solid #f2f2f2
}

@media screen and (max-width: 991px) {
    .p-nav {
        position:relative;
        top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 992px) {
    .p-nav {
        height:inherit;
        position: relative;
        border-top: 1px solid #f2f2f2;
        padding: 0
    }
}

@media screen and (max-width: 991px) {
    .p-nav__body {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3
    }
}

.p-nav__body.is-active {
    background-color: rgba(0,0,0,.2);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    cursor: pointer
}

.p-nav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .p-nav__inner {
        width:100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 16px 20px
    }
}

.p-nav__icon-menu-sp {
    /*width: 112px;*/
    height: 56px;
    padding: 6px 12px 12px
}

@media screen and (min-width: 992px) {
    .p-nav__icon-menu-sp {
        display:none;
        position: static
    }
}

.p-nav__icon-menu-sp-inner {
    padding: 0;
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: relative
}

.p-nav__icon-menu-sp-inner::after {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    content: 'MENU';
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    display: block;
    margin: 0 auto
}

.p-nav__icon-menu-sp-inner span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    background: #8d8d8d;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-nav__icon-menu-sp-inner span:nth-child(1) {
    top: 4px
}

.p-nav__icon-menu-sp-inner span:nth-child(2) {
    top: 15px
}

.p-nav__icon-menu-sp-inner span:nth-child(3) {
    top: 25px;
    width: 18px
}

.p-nav__icon-menu-sp-inner.is-active span:nth-child(1) {
    top: 14px;
    width: 32px;
    background: #8d8d8d;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-nav__icon-menu-sp-inner.is-active span:nth-child(2) {
    top: 14px;
    width: 32px;
    background: #8d8d8d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.p-nav__icon-menu-sp-inner.is-active span:nth-child(3) {
    display: none
}

.p-nav__logo {
    width: calc(100% - 112px * 2);
    margin-left: -55px;
}

@media screen and (min-width: 992px) {
    .p-nav__logo {
        width:163px;
        max-width: inherit;
        margin-left: 0;
    }
}

.p-nav__logo-svg {
    width: 142px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .p-nav__logo-svg {
        width:163px
    }
}

.p-nav__logo-4th {
    text-align: center
}

.p-nav__logo-4th svg {
    width: 120px;
    height: auto
}

@media screen and (min-width: 992px) {
    .p-nav__logo-4th svg {
        width:163px
    }
}

.p-nav__logo-image {
    text-align: center
}

.p-nav__logo-image img {
    height: 50px;
    width: auto
}

@media screen and (min-width: 992px) {
    .p-nav__logo-image img {
        height:68px;
        width: auto
    }
}

.p-nav__menu {
    display: none;
    width: 100%;
    height: 100%;
    top: 72px;
    left: 0;
    background: white;
}

.p-menu-sp.menuOn {
    display: block;
    opacity: 100;
}

@media screen and (min-width: 992px) {
    .p-nav__menu {
        display:block
    }
}

.p-nav__menu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

@media screen and (min-width: 992px) {
    .p-nav__menu-items {
        margin:0 0 0 20px
    }
}

.p-nav__menu-item {
    padding: 10px 20px;
    font-family: 'Noto Sans JP';
}

@media screen and (min-width: 992px) {
    .p-nav__menu-item {
        padding:16px 10px
    }
}

@media screen and (min-width: 1030px) {
    .p-nav__menu-item {
        padding:16px 16px
    }
}

.p-nav__menu-item>a,.p-nav__menu-item>p {
    color: #333;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    display: block;
    cursor: pointer
}

.p-nav__menu-item>a:hover,.p-nav__menu-item>p:hover {
    color: #333;
    opacity: .7
}

.p-nav__link {
    width: 112px;
    height: 56px;
    padding: 12px
}

@media screen and (min-width: 992px) {
    .p-nav__link {
        width:auto;
        height: auto;
        padding: 0
    }
}

.p-nav__link-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0
}

@media screen and (min-width: 992px) {
    .p-nav__link-icons {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.p-nav__link-icon {
    width: 100%;
    max-width: 30px
}

@media screen and (min-width: 992px) {
    .p-nav__link-icon {
        width:28px;
        margin-left: 24px
    }
}

.p-nav__link-icon--search {
    cursor: pointer
}

.p-nav__link-icon--cart {
    margin-left: 12px
}

@media screen and (min-width: 992px) {
    .p-nav__link-icon--cart {
        margin-left:24px
    }
}

.p-nav__products-inner {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: #fff
}

.p-nav__products:hover .p-nav__products-inner {
    overflow: visible;
    opacity: 1;
    visibility: visible;
    display: block;
    z-index: 100;
    top: 80px;
}

.p-nav__keyword {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0;
    height: 0;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: none
}

@media screen and (min-width: 992px) {
    .p-nav__keyword.is-active {
        padding:12px 0;
        height: auto;
        opacity: 1;
        display: block
    }
}

.p-nav__keyword-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.p-nav__keyword-inner input {
    width: 300px
}

.p-nav__cart-num {
    position: absolute;
    top: -2px;
    right: -4px;
    width: 18px;
    height: 18px;
    line-height: 16px;
    color: #fff;
    background: #c3a66c;
    border-radius: 50%;
    font-size: 1.2rem;
    text-align: center
}

.p-newitems {
    background: #f8f8f8;
    padding: 40px 0 0
}

@media screen and (min-width: 992px) {
    .p-newitems {
        padding:80px 0 0
    }
}

.p-newitems__slider {
    margin-left: calc(5% + 8px)
}

@media screen and (min-width: 992px) {
    .p-newitems__slider {
        width:100%;
        margin: 0 auto
    }
}

.p-newitems__items {
    padding-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-newitems__items {
        padding-bottom:0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 992px) {
    .p-newitems__item {
        width:calc(100% / 3 - 32px * 2 / 3);
        margin-right: 32px;
        background: #fff;
        height: auto;
        margin-bottom: 20px
    }

    .p-newitems__item:nth-child(3) {
        margin-right: 0
    }
}

.p-newitems__item a {
    display: block
}

.p-newitems__item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.p-newitems__item-card {
    background: #fff;
    padding: 24px 16px
}

@media screen and (min-width: 992px) {
    .p-news__items-flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-news__item {
    padding-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-news__item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-news__item+.p-news__item {
    border-top: 1px solid #e3e3e3;
    padding-top: 40px
}

.p-news__item-image {
    width: 100%;
    max-width: 350px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .p-news__item-image {
        width:calc(36% - 64px);
        max-width: inherit;
        margin: 0
    }
}

.p-news__item-image img {
    width: 100%
}

.p-news__item-image-load {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.p-news__item-image-load img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-news__item-image-load img {
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}

.p-news__item-info {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .p-news__item-info {
        margin-top:0;
        width: 64%
    }
}

@media screen and (min-width: 992px) {
    .p-news__item-heading {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-news__item-title {
    font-size: 1.8rem;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-news__item-title {
        font-size:2rem
    }
}

.p-news__item-date {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-news__item-date {
        font-size:1.3rem;
        padding-left: 12px
    }
}

.p-news__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .p-news__item-text {
        font-size:1.4rem
    }
}

.p-news__item-text a {
    text-decoration: underline
}

.p-news__item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px
}

@media screen and (min-width: 992px) {
    .p-news__item-flex {
        width:50%;
        padding-bottom: 40px
    }
}

.p-news__item-flex:hover {
    opacity: .8
}

.p-news__item-flex+.p-news__item-flex {
    border-top: 1px solid #e3e3e3;
    padding-top: 20px
}

@media screen and (min-width: 992px) {
    .p-news__item-flex+.p-news__item-flex {
        border-top:0
    }
}

@media screen and (min-width: 992px) {
    .p-news__item-flex:nth-child(-n+2) {
        border-top:0;
        padding-top: 0
    }
}

.p-news__item-flex-image {
    width: 40%
}

.p-news__item-flex-image-load {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.p-news__item-flex-image-load img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-news__item-flex-image-load img {
    -webkit-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}

.p-news__item-flex-info {
    width: calc(60% - 20px)
}

@media screen and (min-width: 992px) {
    .p-news__item-flex-info {
        padding-right:20px
    }
}

.p-news__item-flex-title {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-news__item-flex-title {
        font-size:1.5rem
    }
}

.p-news__item-flex-date {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-news__item-flex-date {
        font-size:1.3rem
    }
}

.p-news__pagination {
    margin: 64px 0 0;
    width: 100%;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .p-news__pagination {
        margin:96px 0 0
    }
}

.p-news__item-flex {
    position: relative;
    margin-right: 100px;
}

.p-news__item-flex a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.p-order-history__inner {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .p-order-history__inner {
        margin-top:40px
    }
}

.p-order-history__text--pink {
    color: #d36f86
}

.p-order-history__list {
    margin-top: 20px
}

.p-order-history__item {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.p-order-history__item:first-child {
    border-top: 1px solid #c7c7c7;
    padding-top: 20px
}

.p-order-history__item dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-order-history__item dt {
    width: 88px
}

.p-order-history__item dd {
    width: calc(100% - 88px);
    padding-left: 12px
}

.p-order-history__item-link {
    margin-top: 8px
}

.p-order-history__item-link a {
    color: #3aaab4;
    text-decoration: underline
}

.p-order-history__item--subs dt {
    width: 120px
}

.p-order-history__item--subs dd {
    width: calc(100% - 120px)
}

.p-order-history__item--points:first-child {
    border-top: 0;
    padding-top: 0
}

.p-order-history__item--points dt {
    width: 100px
}

.p-order-history__item--points dd {
    width: calc(100% - 100px)
}

.p-pagetop {
    display: none;
    position: fixed;
    right: 24px;
    bottom: 108px;
    cursor: pointer;
    z-index: 100
}

@media screen and (min-width: 992px) {
    .p-pagetop {
        bottom:24px
    }
}

.p-pagetop.is-show-chatbot {
    bottom: 80px
}

@media screen and (min-width: 992px) {
    .p-pagetop.is-show-chatbot {
        bottom:24px
    }
}

.p-pagetop a {
    display: block
}

.p-pagetop a span {
    display: block;
    width: 44px;
    height: 44px;
    background: #f3d0d8;
    border-radius: 50%;
    position: relative
}

.p-pagetop a span::after {
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: '';
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.p-password__form {
    margin: 20px 0 40px
}

@media screen and (min-width: 992px) {
    .p-password__form {
        margin:40px 0 40px
    }
}

.p-password__attention {
    margin: 40px 0;
    background: #f8f8f8;
    padding: 20px
}

@media screen and (min-width: 992px) {
    .p-password__attention {
        padding:20px 40px
    }
}

.p-password__attention-title {
    font-size: 1.5rem;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-password__attention-title {
        font-size:1.6rem;
        margin-bottom: 16px
    }
}

.p-password__attention-text {
    margin-bottom: 16px
}

@media screen and (min-width: 992px) {
    .p-password__attention-text {
        margin-bottom:24px
    }
}

.p-password__attention-item {
    margin-bottom: 12px
}

.p-privacy__description {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-privacy__description {
        font-size:1.4rem
    }
}

.p-privacy__item+.p-privacy__item {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .p-privacy__item+.p-privacy__item {
        margin-top:28px
    }
}

.p-privacy__item-title {
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .p-privacy__item-title {
        font-size:1.8rem;
        margin-bottom: 16px
    }
}

.p-privacy__item-text {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .p-privacy__item-text {
        font-size:1.4rem
    }
}

.p-privacy__item a {
    text-decoration: underline
}

@media screen and (min-width: 992px) {
    .p-product-detail {
        margin-top:40px
    }
}

@media screen and (min-width: 992px) {
    .p-product-detail__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 48px
    }
}

.p-product-detail__inner-pc {
    margin-top: 28px
}

@media screen and (min-width: 992px) {
    .p-product-detail__inner-pc {
        max-width:980px;
        margin: 64px auto 0 auto
    }
}

@media screen and (min-width: 992px) {
    .p-product-detail__images {
        width:calc(50% - 40px)
    }
}

.p-product-detail__images-inner {
    position: relative
}

@media screen and (min-width: 992px) {
    .p-product-detail__images .swiper-pagination {
        display:none
    }
}

.p-product-detail__image {
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.p-product-detail__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-product-detail__thumbs {
    display: none
}

@media screen and (min-width: 992px) {
    .p-product-detail__thumbs {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.p-product-detail .thumb-list-item {
    cursor: pointer;
    width: calc(100% / 4 - 20px);
    margin-right: 20px
}

.p-product-detail .thumb-list-item:nth-child(4n) {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .p-product-detail__thumb {
        cursor:pointer;
        width: calc(100% / 5 - 8px);
        margin-right: 8px;
        margin-bottom: 8px
    }

    .p-product-detail__thumb:nth-child(5n) {
        margin-right: 0
    }

    .p-product-detail__thumb.is-active {
        border: 1px solid #e3e3e3
    }
}

.p-product-detail__favorite {
    position: absolute;
    bottom: 48px;
    right: 20px;
    z-index: 10
}

.p-product-detail__favorite-button {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e3e3e3
}

.p-product-detail__favorite-button--off {
    fill: #c7c7c7
}

.p-product-detail__favorite-button--on {
    fill: #e7a9b7
}

@media screen and (min-width: 992px) {
    .p-product-detail__contents {
        width:calc(50% - 40px)
    }
}

.p-product-detail__info {
    padding: 32px 20px 0;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-product-detail__info {
        padding:0
    }
}

.p-product-detail__info-catchphrase {
    color: #333;
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-catchphrase {
        font-size:1.5rem
    }
}

.p-product-detail__info-name {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-name {
        font-size:2rem
    }
}

.p-product-detail__info-size {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem;
    margin-bottom: 8px
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-size {
        font-size:1.6rem
    }
}

.p-product-detail__info-shipping {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-shipping {
        font-size:1.6rem
    }
}

.p-product-detail__info-attention {
    color: #d36f86;
    font-size: 1.4rem;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-attention {
        font-size:1.5rem
    }
}

.p-product-detail__info-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.p-product-detail__info-review-num {
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-review-num {
        font-size:1.3rem
    }
}

.p-product-detail__info-review-num a {
    display: inline-block
}

.p-product-detail__info-review-num a.js-review-link {
    font-size: 1.3rem;
    margin-left: 8px;
    text-decoration: underline
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-review-num a.js-review-link {
        font-size:1.4rem
    }
}

.p-product-detail__info-review-num span {
    padding-right: 4px
}

.p-product-detail__info-review-num span a.is-review-link {
    position: relative;
    padding-right: 12px
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-review-num span a.is-review-link {
        padding-right:16px
    }
}

.p-product-detail__info-review-num span a.is-review-link::after {
    border-bottom: solid 1px #333;
    border-right: solid 1px #333;
    width: 6px;
    height: 6px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-review-num span a.is-review-link::after {
        width:7px;
        height: 7px;
        top: 42%;
        right: 6px
    }
}

.p-product-detail__info-square {
    background: #fcf4f6;
    text-align: center;
    font-size: 1.3rem;
    padding: 12px 20px;
    margin: 24px 0
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-square {
        font-size:1.4rem
    }
}

.p-product-detail__info-square-flex {
    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-product-detail__info-square-flex img {
    width: 72px
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-square-flex img {
        width:88px
    }
}

.p-product-detail__info-square-flex p {
    padding-left: 16px;
    text-align: left
}

@media screen and (min-width: 992px) {
    .p-product-detail__info-square-flex p {
        padding-left:32px
    }
}

.p-product-detail__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .p-product-detail__labels {
        margin-top:16px
    }
}

.p-product-detail__label {
    border: 1px solid;
    border-radius: 3px
}

.p-product-detail__label a {
    font-size: 1.3rem;
    text-decoration: none;
    padding: 4px 8px
}

.p-product-detail__label--pores {
    border: 1px solid #fac9c2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 6px
}

.p-product-detail__label--aging {
    border: 1px solid #e6cfe4;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 6px
}

.p-product-detail__label--dullness {
    border: 1px solid #c1e8fa;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-right: 6px
}

.p-product-detail__label--dry {
    border: 1px solid #c9d2ea;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-right: 6px
}

.p-product-detail__label--sensitive {
    border: 1px solid #f9ccdf;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.p-product-detail__label--innerdry {
    border: 1px solid #fddab3;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.p-product-detail__links {
    margin: 24px 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 992px) {
    .p-product-detail__links {
        margin:32px 0 20px
    }
}

.p-product-detail__link {
    margin-left: 16px
}

.p-product-detail__link a {
    display: inline-block;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    text-decoration: underline
}

@media screen and (min-width: 992px) {
    .p-product-detail__link a {
        font-size:1.1rem
    }
}

.p-product-detail__accordion {
    padding: 0 20px;
    margin: 64px 0 40px
}

@media screen and (min-width: 992px) {
    .p-product-detail__accordion {
        padding:0;
        margin: 80px 0
    }
}

.p-product-detail__accordion .c-accordion:last-child {
    border-bottom: 1px solid #c7c7c7
}

.p-product-detail__keyword {
    border-top: 1px solid #e3e3e3
}

@media screen and (min-width: 992px) {
    .p-product-detail__keyword {
        margin-top:80px
    }
}

.p-product-detail__cart-sp {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 190;
    width: 100%;
    background: #fff
}

.p-product-detail__cart-sp-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px 20px
}

@media screen and (min-width: 992px) {
    .p-product-detail__cart-sp-inner {
        display:none
    }
}

.p-product-detail__cart-sp form {
    width: 100%
}

.p-product-detail__cart-sp form+form {
    margin-left: 20px
}

.p-product-detail__cart-sp-link {
    display: block;
    width: 100%
}

.p-product-detail__common-banners {
    margin-top: 40px;
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-product-detail__common-banners {
        margin-top:80px;
        margin-bottom: 80px
    }
}

.p-product-detail__common-banner {
    margin-bottom: 20px;
    padding: 0 20px;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-product-detail__common-banner {
        max-width:980px;
        margin: 0 auto 40px;
        padding: 0
    }
}

.p-product-detail__common-banner a:hover {
    opacity: .8
}

.p-product-detail__common-banner img {
    width: 100%
}

.p-products__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 20px;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .p-products__option {
        padding:0
    }
}

.p-products__option-count {
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-products__option-count {
        font-size:1.3rem
    }
}

.p-products__option-count span {
    font-size: 1.8rem;
    margin-right: 8px
}

@media screen and (min-width: 992px) {
    .p-products__option-count span {
        font-size:2rem
    }
}

.p-products__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #c7c7c7;
    padding: 32px 20px 0
}

@media screen and (min-width: 992px) {
    .p-products__items {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 40px 0 0
    }
}

.p-products__item {
    width: calc(50% - 6px);
    margin-bottom: 40px
}

@media screen and (min-width: 992px) {
    .p-products__item {
        width:calc(100% / 3 - 32px * 2 / 3);
        margin-right: 32px;
        margin-bottom: 80px
    }

    .p-products__item:nth-child(3n) {
        margin-right: 0
    }
}

.p-products__item a {
    display: block
}

.p-products__item a:hover img {
    opacity: .7
}

.p-products__favorite {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10
}

.p-products__favorite-button {
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e3e3e3
}

@media screen and (min-width: 992px) {
    .p-products__favorite-button {
        width:48px;
        height: 48px
    }
}

.p-products__favorite-button--off {
    fill: #c7c7c7
}

.p-products__favorite-button--on {
    fill: #e7a9b7
}

.p-products__favorite-button svg {
    width: 12px;
    height: 20px;
    vertical-align: middle
}

@media screen and (min-width: 992px) {
    .p-products__favorite-button svg {
        width:20px;
        height: 22px
    }
}

.p-products__btn-cart {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    margin: 24px auto 0;
    max-width: 150px
}

.p-products__btn-more.c-link__default a {
    font-size: 1.2rem;
    padding: 10px;
    font-weight: 400
}

.p-products__pagination {
    margin: 48px auto 0
}

.p-products__banner {
    margin: 20px 0;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .p-products__banner {
        max-width:calc(1120px + 40px);
        margin: 20px auto
    }
}

.p-products__banner a:hover img {
    opacity: .8
}

.p-products__chart {
    margin-top: 40px;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .p-products__chart {
        margin-top:80px
    }
}

.p-products__chart-image {
    max-width: 880px;
    margin: 0 auto
}

.p-products__chart-image img {
    width: 100%
}

.p-ranking {
    background: #f7f3eb;
    padding: 40px 0 40px
}

@media screen and (min-width: 992px) {
    .p-ranking {
        padding:80px 20px
    }
}

.p-ranking__items {
    padding: 0 20px;
    counter-reset: rank
}

@media screen and (min-width: 992px) {
    .p-ranking__items {
        padding:0;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.p-ranking__item {
    background: #fff;
    margin-bottom: 12px;
    padding: 32px 12px 20px;
    width: calc(50% - 6px);
    position: relative
}

@media screen and (min-width: 992px) {
    .p-ranking__item {
        padding:20px 44px 28px;
        width: calc(50% - 16px);
        margin-bottom: 0
    }
}

.p-ranking__item .c-item-card__inner {
    padding-bottom: 0
}

.p-ranking__item .c-item-card__info {
    margin: 8px 0 0
}

.p-ranking__item .c-item-card__info-category {
    font-size: 1.2rem
}

.p-ranking__item .c-item-card__info-name {
    font-size: 1.3rem
}

.p-ranking__item .c-item-card__info-price {
    font-size: 1.2rem
}

.p-ranking__item::before {
    position: absolute;
    top: 8px;
    left: 8px;
    content: '';
    display: inline-block;
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.203%22%20height%3D%2234.198%22%20viewBox%3D%220%200%2034.203%2034.198%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2750%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202750%22%20transform%3D%22translate(0.1%200.1)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_976%22%20data-name%3D%22%E3%83%91%E3%82%B9%20976%22%20d%3D%22M34%2C17c0%2C1.457-1.608%2C2.684-1.969%2C4.027-.371%2C1.392.4%2C3.256-.305%2C4.475S29.007%2C27%2C28%2C28s-1.272%2C3.009-2.5%2C3.724-3.083-.066-4.475.305C19.686%2C32.39%2C18.46%2C34%2C17%2C34s-2.686-1.608-4.029-1.969c-1.392-.371-3.256.4-4.475-.305S7%2C29%2C6%2C28s-3.009-1.272-3.724-2.5.064-3.083-.308-4.475C1.61%2C19.686%2C0%2C18.46%2C0%2C17s1.61-2.681%2C1.969-4.024c.371-1.392-.4-3.256.308-4.475S5%2C7%2C6%2C6%2C7.273%2C2.991%2C8.5%2C2.277s3.083.064%2C4.475-.308C14.316%2C1.61%2C15.545%2C0%2C17%2C0s2.689%2C1.61%2C4.032%2C1.969c1.392.371%2C3.256-.4%2C4.475.308S27%2C5%2C28%2C6s3.009%2C1.272%2C3.724%2C2.5-.066%2C3.083.305%2C4.475C32.395%2C14.316%2C34%2C15.545%2C34%2C17Z%22%20fill%3D%22%23fff%22%20stroke%3D%22%239d9d9d%22%20stroke-width%3D%220.2%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_977%22%20data-name%3D%22%E3%83%91%E3%82%B9%20977%22%20d%3D%22M22.645%2C37.712a3.964%2C3.964%2C0%2C0%2C1-2.128-.939%2C5.044%2C5.044%2C0%2C0%2C0-1.448-.8%2C5.337%2C5.337%2C0%2C0%2C0-1.717-.041%2C3.9%2C3.9%2C0%2C0%2C1-2.251-.241%2C3.934%2C3.934%2C0%2C0%2C1-1.338-1.839%2C5.282%2C5.282%2C0%2C0%2C0-.886-1.456%2C5.22%2C5.22%2C0%2C0%2C0-1.45-.88%2C3.924%2C3.924%2C0%2C0%2C1-1.847-1.344%2C3.906%2C3.906%2C0%2C0%2C1-.252-2.249%2C5.187%2C5.187%2C0%2C0%2C0-.051-1.7%2C4.987%2C4.987%2C0%2C0%2C0-.8-1.475%2C3.96%2C3.96%2C0%2C0%2C1-.929-2.12%2C3.937%2C3.937%2C0%2C0%2C1%2C.933-2.119%2C4.931%2C4.931%2C0%2C0%2C0%2C.8-1.454%2C5.3%2C5.3%2C0%2C0%2C0%2C.043-1.72%2C3.912%2C3.912%2C0%2C0%2C1%2C.24-2.246%2C3.932%2C3.932%2C0%2C0%2C1%2C1.855-1.341%2C5.353%2C5.353%2C0%2C0%2C0%2C1.457-.875%2C5.106%2C5.106%2C0%2C0%2C0%2C.887-1.457A3.9%2C3.9%2C0%2C0%2C1%2C15.1%2C9.576a3.889%2C3.889%2C0%2C0%2C1%2C2.257-.242%2C5.248%2C5.248%2C0%2C0%2C0%2C1.711-.04%2C5.1%2C5.1%2C0%2C0%2C0%2C1.439-.8%2C3.958%2C3.958%2C0%2C0%2C1%2C2.124-.945%2C3.973%2C3.973%2C0%2C0%2C1%2C2.111.926%2C5.06%2C5.06%2C0%2C0%2C0%2C1.482.8%2C5.324%2C5.324%2C0%2C0%2C0%2C1.722.043%2C3.911%2C3.911%2C0%2C0%2C1%2C2.245.24%2C3.909%2C3.909%2C0%2C0%2C1%2C1.332%2C1.847%2C5.3%2C5.3%2C0%2C0%2C0%2C.88%2C1.465%2C5.142%2C5.142%2C0%2C0%2C0%2C1.457.886A3.9%2C3.9%2C0%2C0%2C1%2C35.693%2C15.1a3.888%2C3.888%2C0%2C0%2C1%2C.243%2C2.26%2C5.266%2C5.266%2C0%2C0%2C0%2C.039%2C1.706%2C5.068%2C5.068%2C0%2C0%2C0%2C.8%2C1.445%2C3.96%2C3.96%2C0%2C0%2C1%2C.939%2C2.12%2C3.968%2C3.968%2C0%2C0%2C1-.936%2C2.119%2C5.082%2C5.082%2C0%2C0%2C0-.8%2C1.456%2C5.323%2C5.323%2C0%2C0%2C0-.041%2C1.716%2C3.9%2C3.9%2C0%2C0%2C1-.242%2C2.25%2C3.954%2C3.954%2C0%2C0%2C1-1.841%2C1.338%2C5.32%2C5.32%2C0%2C0%2C0-1.455.885%2C5.2%2C5.2%2C0%2C0%2C0-.88%2C1.45%2C3.921%2C3.921%2C0%2C0%2C1-1.343%2C1.846%2C3.9%2C3.9%2C0%2C0%2C1-2.26.246%2C5.215%2C5.215%2C0%2C0%2C0-1.692.041%2C5.041%2C5.041%2C0%2C0%2C0-1.45.8A3.957%2C3.957%2C0%2C0%2C1%2C22.645%2C37.712Zm-4.386-2.075a3.413%2C3.413%2C0%2C0%2C1%2C.875.1%2C5.292%2C5.292%2C0%2C0%2C1%2C1.525.833%2C3.8%2C3.8%2C0%2C0%2C0%2C1.986.895%2C3.787%2C3.787%2C0%2C0%2C0%2C1.983-.894%2C5.3%2C5.3%2C0%2C0%2C1%2C1.528-.834%2C5.379%2C5.379%2C0%2C0%2C1%2C1.777-.049%2C3.673%2C3.673%2C0%2C0%2C0%2C2.115-.213%2C3.759%2C3.759%2C0%2C0%2C0%2C1.243-1.737%2C5.364%2C5.364%2C0%2C0%2C1%2C.929-1.52%2C5.469%2C5.469%2C0%2C0%2C1%2C1.524-.933%2C3.792%2C3.792%2C0%2C0%2C0%2C1.733-1.239%2C3.676%2C3.676%2C0%2C0%2C0%2C.208-2.105%2C5.5%2C5.5%2C0%2C0%2C1%2C.049-1.8%2C5.342%2C5.342%2C0%2C0%2C1%2C.836-1.534%2C3.8%2C3.8%2C0%2C0%2C0%2C.892-1.978%2C3.792%2C3.792%2C0%2C0%2C0-.894-1.978%2C5.312%2C5.312%2C0%2C0%2C1-.834-1.522%2C5.429%2C5.429%2C0%2C0%2C1-.047-1.79%2C3.665%2C3.665%2C0%2C0%2C0-.21-2.115%2C3.674%2C3.674%2C0%2C0%2C0-1.729-1.236%2C5.315%2C5.315%2C0%2C0%2C1-1.528-.937%2C5.473%2C5.473%2C0%2C0%2C1-.928-1.534%2C3.685%2C3.685%2C0%2C0%2C0-1.231-1.737%2C3.682%2C3.682%2C0%2C0%2C0-2.1-.207%2C5.491%2C5.491%2C0%2C0%2C1-1.8-.05A5.309%2C5.309%2C0%2C0%2C1%2C24.6%2C8.682%2C3.805%2C3.805%2C0%2C0%2C0%2C22.627%2C7.8a3.79%2C3.79%2C0%2C0%2C0-1.982.9%2C5.34%2C5.34%2C0%2C0%2C1-1.515.836%2C5.418%2C5.418%2C0%2C0%2C1-1.8.048%2C3.655%2C3.655%2C0%2C0%2C0-2.112.21%2C3.727%2C3.727%2C0%2C0%2C0-1.235%2C1.729%2C5.27%2C5.27%2C0%2C0%2C1-.938%2C1.529%2C5.517%2C5.517%2C0%2C0%2C1-1.526.923%2C3.769%2C3.769%2C0%2C0%2C0-1.745%2C1.24%2C3.688%2C3.688%2C0%2C0%2C0-.207%2C2.1%2C5.478%2C5.478%2C0%2C0%2C1-.05%2C1.8%2C5.177%2C5.177%2C0%2C0%2C1-.832%2C1.532A3.764%2C3.764%2C0%2C0%2C0%2C7.8%2C22.627a3.79%2C3.79%2C0%2C0%2C0%2C.885%2C1.979%2C5.241%2C5.241%2C0%2C0%2C1%2C.836%2C1.552%2C5.359%2C5.359%2C0%2C0%2C1%2C.058%2C1.785A3.678%2C3.678%2C0%2C0%2C0%2C9.8%2C30.048a3.756%2C3.756%2C0%2C0%2C0%2C1.738%2C1.244%2C5.392%2C5.392%2C0%2C0%2C1%2C1.519.929%2C5.45%2C5.45%2C0%2C0%2C1%2C.935%2C1.526%2C3.772%2C3.772%2C0%2C0%2C0%2C1.237%2C1.731%2C3.678%2C3.678%2C0%2C0%2C0%2C2.107.208C17.64%2C35.661%2C17.953%2C35.636%2C18.259%2C35.636Z%22%20transform%3D%22translate(-5.63%20-5.63)%22%20fill%3D%22%239d9d9d%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2
}

@media screen and (min-width: 992px) {
    .p-ranking__item::before {
        top:12px;
        left: 12px;
        width: 46px;
        height: 46px
    }
}

.p-ranking__item::after {
    position: absolute;
    top: 8px;
    left: 8px;
    counter-increment: rank;
    content: counter(rank);
    text-align: center;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 34px;
    width: 34px;
    height: 34px;
    color: #9d9d9d;
    z-index: 3
}

@media screen and (min-width: 992px) {
    .p-ranking__item::after {
        top:12px;
        left: 12px;
        font-size: 1.9rem;
        line-height: 46px;
        width: 46px;
        height: 46px
    }
}

.p-ranking__item--first {
    padding: 32px 12px 20px;
    width: 100%
}

@media screen and (min-width: 992px) {
    .p-ranking__item--first {
        padding:40px 60px 32px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.p-ranking__item--first .c-item-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-ranking__item--first .c-item-card__image {
    width: 42%
}

.p-ranking__item--first .c-item-card__info {
    width: calc(58% - 8px)
}

@media screen and (min-width: 992px) {
    .p-ranking__item--first .c-item-card__info-category {
        font-size:1.6rem;
        margin-bottom: 8px
    }
}

@media screen and (min-width: 992px) {
    .p-ranking__item--first .c-item-card__info-name {
        font-size:1.8rem
    }
}

@media screen and (min-width: 992px) {
    .p-ranking__item--first .c-item-card__info-price {
        font-size:1.5rem;
        margin-top: 12px
    }
}

.p-ranking__item--first::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2750%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202750%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240.01%22%20height%3D%2240.003%22%20viewBox%3D%220%200%2040.01%2040.003%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_976%22%20data-name%3D%22%E3%83%91%E3%82%B9%20976%22%20d%3D%22M40.009%2C20c0%2C1.715-1.892%2C3.158-2.317%2C4.738-.437%2C1.637.467%2C3.831-.359%2C5.265s-3.2%2C1.763-4.382%2C2.942-1.5%2C3.541-2.942%2C4.382-3.628-.078-5.265.359C23.164%2C38.111%2C21.721%2C40%2C20.006%2C40s-3.161-1.892-4.741-2.317c-1.637-.437-3.831.467-5.265-.359s-1.76-3.2-2.939-4.382S3.52%2C31.449%2C2.679%2C30s.075-3.628-.362-5.265C1.895%2C23.164%2C0%2C21.721%2C0%2C20s1.895-3.155%2C2.317-4.735c.437-1.637-.467-3.831.362-5.265s3.2-1.76%2C4.382-2.939S8.558%2C3.52%2C10%2C2.679s3.628.075%2C5.265-.362C16.845%2C1.895%2C18.291%2C0%2C20%2C0s3.164%2C1.895%2C4.744%2C2.317c1.637.437%2C3.831-.467%2C5.265.362s1.763%2C3.2%2C2.942%2C4.382%2C3.541%2C1.5%2C4.382%2C2.939-.078%2C3.628.359%2C5.265C38.117%2C16.845%2C40.009%2C18.291%2C40.009%2C20Z%22%20fill%3D%22%23e3ce8e%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_977%22%20data-name%3D%22%E3%83%91%E3%82%B9%20977%22%20d%3D%22M25.311%2C43.04a4.664%2C4.664%2C0%2C0%2C1-2.5-1.1A5.935%2C5.935%2C0%2C0%2C0%2C21.1%2C41a6.279%2C6.279%2C0%2C0%2C0-2.02-.048%2C4.594%2C4.594%2C0%2C0%2C1-2.649-.284A4.629%2C4.629%2C0%2C0%2C1%2C14.861%2C38.5a6.215%2C6.215%2C0%2C0%2C0-1.042-1.714%2C6.143%2C6.143%2C0%2C0%2C0-1.706-1.035A4.617%2C4.617%2C0%2C0%2C1%2C9.94%2C34.169a4.6%2C4.6%2C0%2C0%2C1-.3-2.647%2C6.1%2C6.1%2C0%2C0%2C0-.06-2%2C5.868%2C5.868%2C0%2C0%2C0-.942-1.735A4.66%2C4.66%2C0%2C0%2C1%2C7.55%2C25.291a4.632%2C4.632%2C0%2C0%2C1%2C1.1-2.493%2C5.8%2C5.8%2C0%2C0%2C0%2C.936-1.711%2C6.236%2C6.236%2C0%2C0%2C0%2C.05-2.024%2C4.6%2C4.6%2C0%2C0%2C1%2C.282-2.642A4.626%2C4.626%2C0%2C0%2C1%2C12.1%2C14.842a6.3%2C6.3%2C0%2C0%2C0%2C1.715-1.03A6.009%2C6.009%2C0%2C0%2C0%2C14.858%2C12.1a4.584%2C4.584%2C0%2C0%2C1%2C1.571-2.163%2C4.576%2C4.576%2C0%2C0%2C1%2C2.656-.285A6.176%2C6.176%2C0%2C0%2C0%2C21.1%2C9.6a6%2C6%2C0%2C0%2C0%2C1.693-.941%2C4.657%2C4.657%2C0%2C0%2C1%2C2.5-1.112%2C4.675%2C4.675%2C0%2C0%2C1%2C2.483%2C1.09%2C5.954%2C5.954%2C0%2C0%2C0%2C1.743.944%2C6.264%2C6.264%2C0%2C0%2C0%2C2.026.05%2C4.6%2C4.6%2C0%2C0%2C1%2C2.642.282%2C4.6%2C4.6%2C0%2C0%2C1%2C1.567%2C2.173%2C6.238%2C6.238%2C0%2C0%2C0%2C1.035%2C1.724A6.051%2C6.051%2C0%2C0%2C0%2C38.5%2C14.856a4.585%2C4.585%2C0%2C0%2C1%2C2.163%2C1.573%2C4.575%2C4.575%2C0%2C0%2C1%2C.286%2C2.659A6.2%2C6.2%2C0%2C0%2C0%2C41%2C21.1a5.963%2C5.963%2C0%2C0%2C0%2C.939%2C1.7%2C4.659%2C4.659%2C0%2C0%2C1%2C1.1%2C2.495%2C4.668%2C4.668%2C0%2C0%2C1-1.1%2C2.494A5.98%2C5.98%2C0%2C0%2C0%2C41%2C29.5a6.263%2C6.263%2C0%2C0%2C0-.048%2C2.019%2C4.594%2C4.594%2C0%2C0%2C1-.284%2C2.647A4.652%2C4.652%2C0%2C0%2C1%2C38.5%2C35.739a6.259%2C6.259%2C0%2C0%2C0-1.712%2C1.041%2C6.124%2C6.124%2C0%2C0%2C0-1.036%2C1.706%2C4.614%2C4.614%2C0%2C0%2C1-1.581%2C2.172%2C4.584%2C4.584%2C0%2C0%2C1-2.659.29A6.136%2C6.136%2C0%2C0%2C0%2C29.519%2C41a5.932%2C5.932%2C0%2C0%2C0-1.707.939A4.656%2C4.656%2C0%2C0%2C1%2C25.311%2C43.04ZM20.15%2C40.6a4.016%2C4.016%2C0%2C0%2C1%2C1.029.115%2C6.227%2C6.227%2C0%2C0%2C1%2C1.795.98%2C4.467%2C4.467%2C0%2C0%2C0%2C2.337%2C1.053%2C4.457%2C4.457%2C0%2C0%2C0%2C2.334-1.052%2C6.235%2C6.235%2C0%2C0%2C1%2C1.8-.982%2C6.329%2C6.329%2C0%2C0%2C1%2C2.091-.057%2C4.322%2C4.322%2C0%2C0%2C0%2C2.489-.251%2C4.423%2C4.423%2C0%2C0%2C0%2C1.462-2.044%2C6.312%2C6.312%2C0%2C0%2C1%2C1.094-1.788%2C6.435%2C6.435%2C0%2C0%2C1%2C1.793-1.1%2C4.462%2C4.462%2C0%2C0%2C0%2C2.039-1.458%2C4.326%2C4.326%2C0%2C0%2C0%2C.245-2.477%2C6.474%2C6.474%2C0%2C0%2C1%2C.057-2.117%2C6.286%2C6.286%2C0%2C0%2C1%2C.984-1.8%2C4.469%2C4.469%2C0%2C0%2C0%2C1.049-2.327%2C4.461%2C4.461%2C0%2C0%2C0-1.052-2.328%2C6.251%2C6.251%2C0%2C0%2C1-.981-1.791%2C6.388%2C6.388%2C0%2C0%2C1-.055-2.107%2C4.313%2C4.313%2C0%2C0%2C0-.248-2.489%2C4.324%2C4.324%2C0%2C0%2C0-2.035-1.454%2C6.254%2C6.254%2C0%2C0%2C1-1.8-1.1%2C6.44%2C6.44%2C0%2C0%2C1-1.092-1.805%2C4.336%2C4.336%2C0%2C0%2C0-1.448-2.044%2C4.333%2C4.333%2C0%2C0%2C0-2.472-.244%2C6.461%2C6.461%2C0%2C0%2C1-2.124-.059%2C6.247%2C6.247%2C0%2C0%2C1-1.835-.986%2C4.478%2C4.478%2C0%2C0%2C0-2.317-1.038A4.46%2C4.46%2C0%2C0%2C0%2C22.958%2C8.9a6.283%2C6.283%2C0%2C0%2C1-1.783.983%2C6.375%2C6.375%2C0%2C0%2C1-2.114.056%2C4.3%2C4.3%2C0%2C0%2C0-2.485.247%2C4.385%2C4.385%2C0%2C0%2C0-1.453%2C2.034%2C6.2%2C6.2%2C0%2C0%2C1-1.1%2C1.8%2C6.491%2C6.491%2C0%2C0%2C1-1.8%2C1.086%2C4.435%2C4.435%2C0%2C0%2C0-2.054%2C1.46%2C4.339%2C4.339%2C0%2C0%2C0-.244%2C2.473%2C6.446%2C6.446%2C0%2C0%2C1-.059%2C2.123%2C6.092%2C6.092%2C0%2C0%2C1-.979%2C1.8%2C4.429%2C4.429%2C0%2C0%2C0-1.045%2C2.326%2C4.46%2C4.46%2C0%2C0%2C0%2C1.042%2C2.328%2C6.167%2C6.167%2C0%2C0%2C1%2C.983%2C1.826%2C6.306%2C6.306%2C0%2C0%2C1%2C.069%2C2.1%2C4.328%2C4.328%2C0%2C0%2C0%2C.258%2C2.478%2C4.42%2C4.42%2C0%2C0%2C0%2C2.044%2C1.463%2C6.345%2C6.345%2C0%2C0%2C1%2C1.787%2C1.093%2C6.413%2C6.413%2C0%2C0%2C1%2C1.1%2C1.8%2C4.438%2C4.438%2C0%2C0%2C0%2C1.456%2C2.037%2C4.328%2C4.328%2C0%2C0%2C0%2C2.479.245C19.423%2C40.627%2C19.791%2C40.6%2C20.15%2C40.6Z%22%20transform%3D%22translate(-5.29%20-5.29)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-ranking__item--first::after {
    color: #fff
}

@media screen and (min-width: 992px) {
    .p-ranking__item--second {
        margin-bottom:32px;
        max-height: 360px
    }
}

.p-ranking__item--second::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2751%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202751%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242.006%22%20height%3D%2242%22%20viewBox%3D%220%200%2042.006%2042%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_976%22%20data-name%3D%22%E3%83%91%E3%82%B9%20976%22%20d%3D%22M42.006%2C21c0%2C1.8-1.986%2C3.315-2.432%2C4.975-.459%2C1.719.49%2C4.022-.377%2C5.528s-3.363%2C1.851-4.6%2C3.089-1.571%2C3.718-3.089%2C4.6-3.809-.082-5.528.377C24.32%2C40.014%2C22.805%2C42%2C21%2C42s-3.319-1.986-4.978-2.432c-1.719-.459-4.023.49-5.528-.377s-1.848-3.363-3.086-4.6S3.7%2C33.019%2C2.813%2C31.5s.079-3.809-.38-5.528C1.989%2C24.32%2C0%2C22.805%2C0%2C21s1.989-3.312%2C2.432-4.971c.459-1.719-.49-4.023.38-5.528s3.363-1.848%2C4.6-3.086S8.985%2C3.7%2C10.5%2C2.813s3.809.079%2C5.528-.38C17.686%2C1.989%2C19.2%2C0%2C21%2C0s3.322%2C1.989%2C4.981%2C2.432c1.719.459%2C4.022-.49%2C5.528.38s1.851%2C3.363%2C3.089%2C4.6%2C3.718%2C1.571%2C4.6%2C3.086-.082%2C3.809.377%2C5.528C40.02%2C17.686%2C42.006%2C19.2%2C42.006%2C21Z%22%20fill%3D%22%23b5b5b6%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_977%22%20data-name%3D%22%E3%83%91%E3%82%B9%20977%22%20d%3D%22M26.2%2C44.811a4.9%2C4.9%2C0%2C0%2C1-2.629-1.16%2C6.231%2C6.231%2C0%2C0%2C0-1.789-.985%2C6.593%2C6.593%2C0%2C0%2C0-2.121-.051%2C4.824%2C4.824%2C0%2C0%2C1-2.781-.3%2C4.86%2C4.86%2C0%2C0%2C1-1.653-2.272%2C6.526%2C6.526%2C0%2C0%2C0-1.094-1.8%2C6.449%2C6.449%2C0%2C0%2C0-1.791-1.087A4.848%2C4.848%2C0%2C0%2C1%2C10.06%2C35.5a4.826%2C4.826%2C0%2C0%2C1-.311-2.779%2C6.408%2C6.408%2C0%2C0%2C0-.063-2.1A6.161%2C6.161%2C0%2C0%2C0%2C8.7%2C28.795%2C4.893%2C4.893%2C0%2C0%2C1%2C7.55%2C26.176%2C4.863%2C4.863%2C0%2C0%2C1%2C8.7%2C23.559a6.092%2C6.092%2C0%2C0%2C0%2C.983-1.8%2C6.547%2C6.547%2C0%2C0%2C0%2C.053-2.125%2C4.833%2C4.833%2C0%2C0%2C1%2C.3-2.774%2C4.857%2C4.857%2C0%2C0%2C1%2C2.292-1.657%2C6.613%2C6.613%2C0%2C0%2C0%2C1.8-1.082%2C6.308%2C6.308%2C0%2C0%2C0%2C1.1-1.8%2C4.813%2C4.813%2C0%2C0%2C1%2C1.65-2.271%2C4.8%2C4.8%2C0%2C0%2C1%2C2.788-.3A6.484%2C6.484%2C0%2C0%2C0%2C21.774%2C9.7a6.3%2C6.3%2C0%2C0%2C0%2C1.777-.988A4.89%2C4.89%2C0%2C0%2C1%2C26.176%2C7.55a4.909%2C4.909%2C0%2C0%2C1%2C2.607%2C1.144%2C6.251%2C6.251%2C0%2C0%2C0%2C1.83.991%2C6.577%2C6.577%2C0%2C0%2C0%2C2.127.053%2C4.832%2C4.832%2C0%2C0%2C1%2C2.773.3%2C4.829%2C4.829%2C0%2C0%2C1%2C1.645%2C2.282%2C6.549%2C6.549%2C0%2C0%2C0%2C1.087%2C1.81%2C6.352%2C6.352%2C0%2C0%2C0%2C1.8%2C1.1%2C4.813%2C4.813%2C0%2C0%2C1%2C2.271%2C1.651%2C4.8%2C4.8%2C0%2C0%2C1%2C.3%2C2.792%2C6.5%2C6.5%2C0%2C0%2C0%2C.048%2C2.107%2C6.261%2C6.261%2C0%2C0%2C0%2C.985%2C1.785%2C4.892%2C4.892%2C0%2C0%2C1%2C1.16%2C2.619%2C4.9%2C4.9%2C0%2C0%2C1-1.157%2C2.618%2C6.279%2C6.279%2C0%2C0%2C0-.989%2C1.8%2C6.576%2C6.576%2C0%2C0%2C0-.051%2C2.119%2C4.823%2C4.823%2C0%2C0%2C1-.3%2C2.78%2C4.885%2C4.885%2C0%2C0%2C1-2.274%2C1.653%2C6.572%2C6.572%2C0%2C0%2C0-1.8%2C1.093%2C6.429%2C6.429%2C0%2C0%2C0-1.087%2C1.791A4.844%2C4.844%2C0%2C0%2C1%2C35.5%2C42.311a4.813%2C4.813%2C0%2C0%2C1-2.792.3%2C6.442%2C6.442%2C0%2C0%2C0-2.091.051%2C6.228%2C6.228%2C0%2C0%2C0-1.792.986A4.889%2C4.889%2C0%2C0%2C1%2C26.2%2C44.811Zm-5.419-2.564a4.216%2C4.216%2C0%2C0%2C1%2C1.081.121A6.538%2C6.538%2C0%2C0%2C1%2C23.744%2C43.4%2C4.69%2C4.69%2C0%2C0%2C0%2C26.2%2C44.5a4.679%2C4.679%2C0%2C0%2C0%2C2.45-1.1%2C6.546%2C6.546%2C0%2C0%2C1%2C1.888-1.031%2C6.645%2C6.645%2C0%2C0%2C1%2C2.2-.06%2C4.538%2C4.538%2C0%2C0%2C0%2C2.613-.264A4.643%2C4.643%2C0%2C0%2C0%2C36.88%2C39.9a6.627%2C6.627%2C0%2C0%2C1%2C1.148-1.877%2C6.757%2C6.757%2C0%2C0%2C1%2C1.883-1.153%2C4.685%2C4.685%2C0%2C0%2C0%2C2.141-1.53%2C4.542%2C4.542%2C0%2C0%2C0%2C.257-2.6%2C6.8%2C6.8%2C0%2C0%2C1%2C.06-2.223A6.6%2C6.6%2C0%2C0%2C1%2C43.4%2C28.619a4.692%2C4.692%2C0%2C0%2C0%2C1.1-2.443%2C4.684%2C4.684%2C0%2C0%2C0-1.1-2.444%2C6.563%2C6.563%2C0%2C0%2C1-1.03-1.881%2C6.707%2C6.707%2C0%2C0%2C1-.058-2.212%2C4.528%2C4.528%2C0%2C0%2C0-.26-2.613A4.539%2C4.539%2C0%2C0%2C0%2C39.915%2C15.5a6.566%2C6.566%2C0%2C0%2C1-1.888-1.157%2C6.761%2C6.761%2C0%2C0%2C1-1.147-1.9A4.552%2C4.552%2C0%2C0%2C0%2C35.36%2C10.3a4.549%2C4.549%2C0%2C0%2C0-2.595-.256%2C6.784%2C6.784%2C0%2C0%2C1-2.23-.062%2C6.559%2C6.559%2C0%2C0%2C1-1.927-1.035%2C4.7%2C4.7%2C0%2C0%2C0-2.433-1.09A4.682%2C4.682%2C0%2C0%2C0%2C23.727%2C8.97%2C6.6%2C6.6%2C0%2C0%2C1%2C21.855%2C10a6.694%2C6.694%2C0%2C0%2C1-2.219.059%2C4.515%2C4.515%2C0%2C0%2C0-2.609.259A4.6%2C4.6%2C0%2C0%2C0%2C15.5%2C12.456a6.511%2C6.511%2C0%2C0%2C1-1.159%2C1.888%2C6.815%2C6.815%2C0%2C0%2C1-1.885%2C1.14A4.656%2C4.656%2C0%2C0%2C0%2C10.3%2C17.017a4.556%2C4.556%2C0%2C0%2C0-.256%2C2.6%2C6.768%2C6.768%2C0%2C0%2C1-.062%2C2.228%2C6.4%2C6.4%2C0%2C0%2C1-1.028%2C1.893%2C4.651%2C4.651%2C0%2C0%2C0-1.1%2C2.442A4.682%2C4.682%2C0%2C0%2C0%2C8.952%2C28.62a6.475%2C6.475%2C0%2C0%2C1%2C1.032%2C1.917%2C6.621%2C6.621%2C0%2C0%2C1%2C.072%2C2.206%2C4.544%2C4.544%2C0%2C0%2C0%2C.271%2C2.6%2C4.64%2C4.64%2C0%2C0%2C0%2C2.146%2C1.536%2C6.662%2C6.662%2C0%2C0%2C1%2C1.877%2C1.147A6.733%2C6.733%2C0%2C0%2C1%2C15.5%2C39.912a4.66%2C4.66%2C0%2C0%2C0%2C1.529%2C2.139%2C4.544%2C4.544%2C0%2C0%2C0%2C2.6.257C20.015%2C42.278%2C20.4%2C42.247%2C20.779%2C42.247Z%22%20transform%3D%22translate(-5.178%20-5.178)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-ranking__item--second::after {
    color: #fff
}

@media screen and (min-width: 992px) {
    .p-ranking__item--third {
        margin-bottom:32px;
        max-height: 360px
    }
}

.p-ranking__item--third::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2752%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202752%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242.008%22%20height%3D%2242.001%22%20viewBox%3D%220%200%2042.008%2042.001%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_976%22%20data-name%3D%22%E3%83%91%E3%82%B9%20976%22%20d%3D%22M42.008%2C21c0%2C1.8-1.986%2C3.316-2.433%2C4.975-.459%2C1.719.49%2C4.023-.377%2C5.528s-3.363%2C1.851-4.6%2C3.089-1.571%2C3.718-3.089%2C4.6-3.809-.082-5.528.377C24.321%2C40.015%2C22.806%2C42%2C21.005%2C42s-3.319-1.986-4.978-2.433c-1.719-.459-4.023.49-5.528-.377s-1.848-3.363-3.086-4.6S3.7%2C33.02%2C2.813%2C31.5s.079-3.809-.38-5.528C1.989%2C24.321%2C0%2C22.806%2C0%2C21s1.989-3.312%2C2.433-4.972c.459-1.719-.49-4.023.38-5.528s3.363-1.848%2C4.6-3.086S8.985%2C3.7%2C10.5%2C2.813s3.809.079%2C5.528-.38C17.687%2C1.989%2C19.2%2C0%2C21%2C0s3.322%2C1.989%2C4.981%2C2.433c1.719.459%2C4.023-.49%2C5.528.38s1.851%2C3.363%2C3.089%2C4.6%2C3.718%2C1.571%2C4.6%2C3.086-.082%2C3.809.377%2C5.528C40.022%2C17.687%2C42.008%2C19.2%2C42.008%2C21Z%22%20fill%3D%22%23ba9788%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_977%22%20data-name%3D%22%E3%83%91%E3%82%B9%20977%22%20d%3D%22M26.2%2C44.812a4.9%2C4.9%2C0%2C0%2C1-2.629-1.16%2C6.232%2C6.232%2C0%2C0%2C0-1.789-.985%2C6.593%2C6.593%2C0%2C0%2C0-2.121-.051%2C4.824%2C4.824%2C0%2C0%2C1-2.781-.3%2C4.86%2C4.86%2C0%2C0%2C1-1.653-2.273%2C6.526%2C6.526%2C0%2C0%2C0-1.094-1.8%2C6.449%2C6.449%2C0%2C0%2C0-1.791-1.087A4.848%2C4.848%2C0%2C0%2C1%2C10.06%2C35.5a4.826%2C4.826%2C0%2C0%2C1-.311-2.779%2C6.408%2C6.408%2C0%2C0%2C0-.063-2.1A6.161%2C6.161%2C0%2C0%2C0%2C8.7%2C28.8%2C4.893%2C4.893%2C0%2C0%2C1%2C7.55%2C26.177%2C4.864%2C4.864%2C0%2C0%2C1%2C8.7%2C23.559a6.092%2C6.092%2C0%2C0%2C0%2C.983-1.8%2C6.548%2C6.548%2C0%2C0%2C0%2C.053-2.125%2C4.834%2C4.834%2C0%2C0%2C1%2C.3-2.774%2C4.857%2C4.857%2C0%2C0%2C1%2C2.292-1.657%2C6.613%2C6.613%2C0%2C0%2C0%2C1.8-1.082%2C6.309%2C6.309%2C0%2C0%2C0%2C1.1-1.8%2C4.813%2C4.813%2C0%2C0%2C1%2C1.65-2.271%2C4.8%2C4.8%2C0%2C0%2C1%2C2.788-.3%2C6.484%2C6.484%2C0%2C0%2C0%2C2.114-.049%2C6.3%2C6.3%2C0%2C0%2C0%2C1.777-.988A4.89%2C4.89%2C0%2C0%2C1%2C26.177%2C7.55a4.909%2C4.909%2C0%2C0%2C1%2C2.608%2C1.144%2C6.251%2C6.251%2C0%2C0%2C0%2C1.83.991%2C6.577%2C6.577%2C0%2C0%2C0%2C2.127.053%2C4.832%2C4.832%2C0%2C0%2C1%2C2.773.3%2C4.829%2C4.829%2C0%2C0%2C1%2C1.645%2C2.282%2C6.55%2C6.55%2C0%2C0%2C0%2C1.087%2C1.81%2C6.353%2C6.353%2C0%2C0%2C0%2C1.8%2C1.1%2C4.814%2C4.814%2C0%2C0%2C1%2C2.271%2C1.651%2C4.8%2C4.8%2C0%2C0%2C1%2C.3%2C2.792%2C6.505%2C6.505%2C0%2C0%2C0%2C.048%2C2.107%2C6.261%2C6.261%2C0%2C0%2C0%2C.985%2C1.785%2C4.892%2C4.892%2C0%2C0%2C1%2C1.16%2C2.619%2C4.9%2C4.9%2C0%2C0%2C1-1.157%2C2.618%2C6.279%2C6.279%2C0%2C0%2C0-.989%2C1.8%2C6.576%2C6.576%2C0%2C0%2C0-.051%2C2.12%2C4.823%2C4.823%2C0%2C0%2C1-.3%2C2.78%2C4.885%2C4.885%2C0%2C0%2C1-2.274%2C1.654%2C6.572%2C6.572%2C0%2C0%2C0-1.8%2C1.093%2C6.43%2C6.43%2C0%2C0%2C0-1.087%2C1.791A4.845%2C4.845%2C0%2C0%2C1%2C35.5%2C42.312a4.813%2C4.813%2C0%2C0%2C1-2.792.3%2C6.443%2C6.443%2C0%2C0%2C0-2.091.051%2C6.228%2C6.228%2C0%2C0%2C0-1.792.986A4.889%2C4.889%2C0%2C0%2C1%2C26.2%2C44.812ZM20.78%2C42.249a4.216%2C4.216%2C0%2C0%2C1%2C1.081.121A6.538%2C6.538%2C0%2C0%2C1%2C23.745%2C43.4%2C4.69%2C4.69%2C0%2C0%2C0%2C26.2%2C44.5a4.679%2C4.679%2C0%2C0%2C0%2C2.45-1.1%2C6.547%2C6.547%2C0%2C0%2C1%2C1.888-1.031%2C6.645%2C6.645%2C0%2C0%2C1%2C2.2-.06%2C4.538%2C4.538%2C0%2C0%2C0%2C2.614-.264A4.644%2C4.644%2C0%2C0%2C0%2C36.881%2C39.9a6.627%2C6.627%2C0%2C0%2C1%2C1.148-1.877%2C6.757%2C6.757%2C0%2C0%2C1%2C1.883-1.153%2C4.685%2C4.685%2C0%2C0%2C0%2C2.141-1.53%2C4.542%2C4.542%2C0%2C0%2C0%2C.257-2.6%2C6.8%2C6.8%2C0%2C0%2C1%2C.06-2.223A6.6%2C6.6%2C0%2C0%2C1%2C43.4%2C28.62a4.692%2C4.692%2C0%2C0%2C0%2C1.1-2.443%2C4.684%2C4.684%2C0%2C0%2C0-1.1-2.444%2C6.563%2C6.563%2C0%2C0%2C1-1.03-1.881%2C6.707%2C6.707%2C0%2C0%2C1-.058-2.212%2C4.528%2C4.528%2C0%2C0%2C0-.26-2.613A4.54%2C4.54%2C0%2C0%2C0%2C39.916%2C15.5a6.567%2C6.567%2C0%2C0%2C1-1.888-1.157%2C6.762%2C6.762%2C0%2C0%2C1-1.147-1.9%2C4.552%2C4.552%2C0%2C0%2C0-1.52-2.146%2C4.549%2C4.549%2C0%2C0%2C0-2.595-.256%2C6.784%2C6.784%2C0%2C0%2C1-2.23-.062A6.559%2C6.559%2C0%2C0%2C1%2C28.61%2C8.948a4.7%2C4.7%2C0%2C0%2C0-2.433-1.09A4.683%2C4.683%2C0%2C0%2C0%2C23.728%2C8.97%2C6.6%2C6.6%2C0%2C0%2C1%2C21.856%2C10a6.694%2C6.694%2C0%2C0%2C1-2.219.059%2C4.515%2C4.515%2C0%2C0%2C0-2.609.259A4.6%2C4.6%2C0%2C0%2C0%2C15.5%2C12.456a6.511%2C6.511%2C0%2C0%2C1-1.159%2C1.889%2C6.816%2C6.816%2C0%2C0%2C1-1.885%2C1.14A4.656%2C4.656%2C0%2C0%2C0%2C10.3%2C17.017a4.556%2C4.556%2C0%2C0%2C0-.256%2C2.6%2C6.768%2C6.768%2C0%2C0%2C1-.062%2C2.229%2C6.4%2C6.4%2C0%2C0%2C1-1.028%2C1.893%2C4.651%2C4.651%2C0%2C0%2C0-1.1%2C2.442%2C4.683%2C4.683%2C0%2C0%2C0%2C1.094%2C2.444%2C6.475%2C6.475%2C0%2C0%2C1%2C1.032%2C1.917%2C6.621%2C6.621%2C0%2C0%2C1%2C.072%2C2.206%2C4.544%2C4.544%2C0%2C0%2C0%2C.271%2C2.6%2C4.64%2C4.64%2C0%2C0%2C0%2C2.147%2C1.536%2C6.662%2C6.662%2C0%2C0%2C1%2C1.877%2C1.147A6.734%2C6.734%2C0%2C0%2C1%2C15.5%2C39.914a4.66%2C4.66%2C0%2C0%2C0%2C1.529%2C2.139%2C4.544%2C4.544%2C0%2C0%2C0%2C2.6.257C20.016%2C42.279%2C20.4%2C42.249%2C20.78%2C42.249Z%22%20transform%3D%22translate(-5.178%20-5.178)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.p-ranking__item--third::after {
    color: #fff
}

.p-ranking__item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 5s ease;
    transition: all 5s ease
}

@media screen and (min-width: 992px) {
    .p-ranking__item-first {
        width:calc(49.3% - 16px)
    }
}

@media screen and (min-width: 992px) {
    .p-ranking__item-first .c-item-card__inner {
        display:block
    }
}

@media screen and (min-width: 992px) {
    .p-ranking__item-first .c-item-card__image {
        width:100%
    }
}

@media screen and (min-width: 992px) {
    .p-ranking__item-first .c-item-card__info {
        width:100%;
        margin: 20px 0 0
    }
}

.p-ranking__item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .p-ranking__item-flex {
        width:calc(50.7% - 16px)
    }
}

.p-registrations__banner {
    margin-bottom: 32px
}

@media screen and (min-width: 992px) {
    .p-registrations__banner {
        margin-bottom:36px
    }
}

.p-returning__heading {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.8rem;
    padding-bottom: 8px;
    border-bottom: 1px solid #727171
}

@media screen and (min-width: 992px) {
    .p-returning__heading {
        font-size:2rem
    }
}

.p-returning__container {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    margin: 20px 0
}

@media screen and (min-width: 992px) {
    .p-returning__container {
        max-width:980px;
        margin: 28px auto;
        font-size: 1.4rem
    }
}

.p-returning__info {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .p-returning__info {
        margin-top:30px
    }
}

.p-returning__info dt {
    margin-bottom: 4px
}

.p-returning__list {
    margin-top: 20px
}

.p-review {
    padding: 120px 20px 20px;
    margin: -116px 0 48px
}

@media screen and (min-width: 992px) {
    .p-review {
        padding:0;
        margin: 40px 0 80px
    }
}

.p-review__heading {
    font-size: 1.8rem;
    font-weight: 400
}

@media screen and (min-width: 992px) {
    .p-review__heading {
        font-size:2rem
    }
}

.p-review__container {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .p-review__container {
        margin-top:24px
    }
}

.p-review__average {
    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-review__average-value {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.8rem;
    color: #727171;
    margin-right: 8px
}

@media screen and (min-width: 992px) {
    .p-review__average-value {
        font-size:3.2rem
    }
}

.p-review__average-star {
    font-size: 1.4rem;
    color: #e7a9b7;
    margin: 0 4px 0 16px
}

@media screen and (min-width: 992px) {
    .p-review__average-star {
        font-size:1.5rem
    }
}

.p-review__average-num {
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-review__average-num {
        font-size:1.3rem
    }
}

.p-review__post {
    margin-top: 20px
}

.p-review__post-button {
    max-width: 300px;
    margin: 0 auto;
    position: relative
}

.p-review__post-button::after {
    display: inline-block;
    border-bottom: solid 1px #727171;
    border-right: solid 1px #727171;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 20px
}

.p-review__post-button.is-opened::after {
    border: 0;
    border-top: solid 1px #727171;
    border-left: solid 1px #727171;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    top: calc(50% + 4px)
}

.p-review__post-form {
    display: none;
    width: 100%;
    border: 1px solid #e3e3e3;
    margin: 20px 0;
    padding: 32px 20px
}

@media screen and (min-width: 992px) {
    .p-review__post-form {
        margin:40px 0;
        padding: 40px
    }
}

.p-review__post-register {
    max-width: 300px;
    margin: 20px auto 0
}

@media screen and (min-width: 992px) {
    .p-review__post-register {
        margin:40px auto 20px
    }
}

.p-review__post-letters {
    font-size: 1.2rem;
    text-align: right
}

.p-review__reviews {
    margin-top: 32px
}

.p-review__review {
    border-top: 1px solid #e3e3e3;
    padding: 24px 0;
    opacity: 1;
    height: auto;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.p-review__review.is-review-hidden {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.p-review__review-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-review__review-row-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.p-review__review-star {
    color: #e7a9b7;
    margin-right: 16px;
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .p-review__review-star {
        font-size:1.5rem
    }
}

.p-review__review-name {
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-review__review-name {
        font-size:1.3rem
    }
}

.p-review__review-date {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-review__review-date {
        font-size:1.3rem
    }
}

.p-review__review-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    margin: 12px 0
}

@media screen and (min-width: 992px) {
    .p-review__review-title {
        font-size:1.5rem
    }
}

.p-review__review-comment {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .p-review__review-comment {
        font-size:1.4rem
    }
}

.p-review__read-more {
    margin-top: 20px
}

.p-review__read-more button {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    border: 0;
    background: 0 0;
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

@media screen and (min-width: 992px) {
    .p-review__read-more button {
        max-width:360px
    }
}

.p-review__read-more button span {
    position: relative
}

.p-review__read-more button span::after {
    display: inline-block;
    border-bottom: solid 1px #333;
    border-right: solid 1px #333;
    width: 8px;
    height: 8px;
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: -28px
}

@media screen and (min-width: 992px) {
    .p-review__read-more button span::after {
        right:-40px
    }
}

.p-service {
    margin: 48px 0
}

@media screen and (min-width: 992px) {
    .p-service {
        margin:100px 0 40px
    }
}

.p-service__heading {
    /*
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    */
    padding: 24px 0;
    text-align: center
}

.p-service__heading-title {
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.p-service__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
    gap: 0 16px
}

@media screen and (min-width: 992px) {
    .p-service__items {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap;
        gap: 0 20px
    }
}


.p-service__item {
    text-align: center;
    padding: 20px 8px;
}

@media screen and (min-width: 992px) {
    
    .p-service__item {
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }
}

.p-service__item img {
    max-width: 350px
}
.p-service__item-subtitle{
    color: #000;
    margin: 20px 0px 40px 0px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;


}
.p-service__item-text {
    color: #000;
    margin: 20px 15px 20px 15px;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    line-height: 1.7em;
}

.p-service__banners {
    margin-top: 28px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .p-service__banners {
        margin-top:60px;
        margin-bottom: 80px
    }
}

.p-service__banner+.p-service__banner {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .p-service__banner+.p-service__banner {
        margin-top:40px
    }
}

.p-staff-recommend {
    background-color: #fcf4f6;
    padding: 40px 20px 48px
}

@media screen and (min-width: 992px) {
    .p-staff-recommend {
        padding:80px 20px 100px
    }
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__inner {
        padding:0;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-staff-recommend__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__items {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.p-staff-recommend__item {
    width: 100%;
    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
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item {
        width:calc(100% / 3 - 32px * 2 / 3);
        margin-left: 32px;
        display: block
    }

    .p-staff-recommend__item:first-child {
        margin-left: 0
    }
}

.p-staff-recommend__item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 5s ease;
    transition: all 5s ease
}

.p-staff-recommend__item+.p-staff-recommend__item {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item+.p-staff-recommend__item {
        margin-top:0
    }
}

.p-staff-recommend__item-image {
    overflow: hidden;
    width: 48%
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item-image {
        width:100%
    }
}

.p-staff-recommend__item-image img {
    width: 100%;
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.p-staff-recommend__item-labels {
    margin-bottom: 4px
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item-labels {
        margin-bottom:8px
    }
}

.p-staff-recommend__item-label {
    display: inline-block;
    color: #c3a66c;
    background: #fff;
    border: 1px solid #c3a66c;
    border-radius: 100vh;
    padding: 4px 12px;
    font-size: 1rem
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item-label {
        font-size:1.4rem
    }
}

.p-staff-recommend__item-info {
    padding: 0 0 0 20px;
    width: 52%
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item-info {
        width:100%;
        padding: 20px 20px 0
    }
}

.p-staff-recommend__item-heading {
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item-heading {
        font-size:1.6rem
    }
}

.p-staff-recommend__item-text {
    font-size: 1.3rem;
    margin: 8px 0
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item-text {
        font-size:1.4rem
    }
}

.p-staff-recommend__item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.p-staff-recommend__item-name {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.2
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__item-name {
        font-size:1.3rem
    }
}

.p-staff-recommend__annotation {
    color: #333;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1rem;
    text-align: right;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-staff-recommend__annotation {
        font-size:1.2rem;
        margin-top: 12px
    }
}

.p-staff-recommend__item {
    position: relative
}

.p-staff-recommend__item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.p-step__heading {
    text-align: center;
    margin: 80px 0 64px;
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .p-step__heading {
        margin:120px 0 96px
    }
}

.p-step__heading-title {
    color: #333;
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.8rem;
    line-height: 1.38;
    margin-bottom: 28px;
    letter-spacing: .02em
}

@media screen and (min-width: 992px) {
    .p-step__heading-title {
        font-size:4rem;
        margin-bottom: 40px
    }
}

.p-step__heading-description {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 2;
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-step__heading-description {
        font-size:1.3rem
    }
}

.p-step__flow-items {
    text-align: center;
    padding: 20px 20px 12px;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: visible
}

@media screen and (min-width: 576px) {
    .p-step__flow-items {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 992px) {
    .p-step__flow-items {
        padding:24px 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.p-step__flow-item {
    font-size: 1.5rem;
    padding-right: 20px;
    margin-right: 8px;
    margin-bottom: 8px;
    white-space: nowrap;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-step__flow-item {
        font-size:1.6rem;
        margin-right: 60px;
        margin-bottom: 0
    }
}

.p-step__flow-item::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    content: '';
    border-left: 10px solid #727171;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

@media screen and (min-width: 992px) {
    .p-step__flow-item::after {
        right:-40px;
        border-left: 12px solid #727171
    }
}

.p-step__flow-item:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 992px) {
    .p-step__flow-item:last-child {
        margin-right:0
    }
}

.p-step__flow-item:last-child::after {
    border: 0
}

.p-step__flow-item a {
    display: block
}

.p-step__flow-item a:hover {
    text-decoration: underline;
    opacity: .7
}

.p-step__annotations {
    margin-top: 24px
}

@media screen and (min-width: 992px) {
    .p-step__annotations {
        margin-top:100px
    }
}

.p-step__annotation {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    color: #333
}

.p-submenu__title {
    font-style: normal;
    font-weight: 400;
    font-size: 2.2rem;
    text-align: center;
    color: #333;
    margin-top: 40px;
    letter-spacing: .02em
}

@media screen and (min-width: 992px) {
    .p-submenu__title {
        font-size:2.6rem;
        margin-top: 48px
    }
}

.p-submenu__categories {
    background: #fff;
    padding: 24px 0 28px
}

@media screen and (min-width: 992px) {
    .p-submenu__categories {
        padding:24px 0 48px
    }
}

.p-submenu__categories-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-submenu__categories-left {
    width: 75%
}

.p-submenu__categories-right {
    width: 25%
}

.p-submenu__category-heading {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.7rem;
    color: #333;
    letter-spacing: .02em;
    margin-bottom: 12px
}

.p-submenu__category-heading--ja {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.7rem;
    color: #333;
    letter-spacing: .02em;
    margin-bottom: 12px
}

.p-submenu__category-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-submenu__category-item {
    width: calc(100% / 3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.p-submenu__category .p-submenu__category-item {
    position: relative
}

.p-submenu__category .p-submenu__category-item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.p-submenu__category-image {
    width: 25%
}

.p-submenu__category-title {
    width: 75%;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem
}

.p-submenu__category-title a {
    display: block;
    padding-left: 16px
}

.p-submenu__category+.p-submenu__category {
    margin-top: 36px
}

.p-submenu__category-col3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-submenu__category-col3 .p-submenu__category-1 {
    width: calc((100% / 3) * 1)
}

.p-submenu__category-col3 .p-submenu__category-2 {
    width: calc((100% / 3) * 2)
}

.p-submenu__category-1 .p-submenu__category-item {
    width: 100%
}

.p-submenu__category-2 .p-submenu__category-item {
    width: 50%
}

.p-submenu__category-trouble {
    margin-right: 56px
}

.p-submenu__category-trouble-heading {
    font-size: 1.8rem;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400
}

.p-submenu__category-trouble-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

.p-submenu__category-trouble-item {
    width: calc(20% - 12px);
    border-radius: 3px
}

.p-submenu__category-trouble-item--pores {
    border: 1px solid #fac9c2
}

.p-submenu__category-trouble-item--dullness {
    border: 1px solid #c1e8fa
}

.p-submenu__category-trouble-item--sensitive {
    border: 1px solid #f9ccdf
}

.p-submenu__category-trouble-item--aging {
    border: 1px solid #e6cfe4
}

.p-submenu__category-trouble-item--dry {
    border: 1px solid #c9d2ea
}

.p-submenu__category-trouble-item a {
    display: block;
    text-align: center;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1;
    padding: 8px 0
}

.p-submenu__recommend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #c7c7c7;
    margin-bottom: 20px
}

.p-submenu__recommend-item:hover {
    border: 1px solid #8d8d8d
}

.p-submenu__recommend-image {
    width: 25%
}

.p-submenu__recommend-title {
    width: 75%;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.5rem
}

.p-submenu__recommend-title a {
    display: block;
    padding-left: 16px
}

.p-submenu__recommend-link a {
    font-size: 1.5rem
}

.p-submenu .p-submenu__recommend-item {
    position: relative
}

.p-submenu .p-submenu__recommend-item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

.p-submenu__keyword {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto 60px;
    border-top: 1px solid #e3e3e3
}

.p-subs__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-block:24px 28px}

@media screen and (min-width: 992px) {
    .p-subs__header {
        padding-block:0 40px
    }
}

.p-subs__header .c-heading__mypage-title {
    margin: 0
}

.p-subs__header-point a {
    font-size: 1.2rem;
    padding-inline:10px}

@media screen and (min-width: 992px) {
    .p-subs__header-point a {
        font-size:1.3rem;
        padding-inline:12px}
}

.p-subs__header-text {
    color: #727171;
    font-size: 1.2rem;
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .p-subs__header-text {
        font-size:1.3rem
    }
}

.p-subs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 992px) {
    .p-subs__item {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.p-subs__item+.p-subs__item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e3e3e3
}

.p-subs__item-image {
    width: 32%
}

@media screen and (min-width: 992px) {
    .p-subs__item-image {
        width:160px
    }
}

.p-subs__item-info {
    width: 68%;
    padding-left: 16px
}

@media screen and (min-width: 992px) {
    .p-subs__item-info {
        width:calc(100% - 160px);
        padding-left: 40px
    }
}

.p-subs__item-name {
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .p-subs__item-name {
        font-size:1.6rem
    }
}

.p-subs__item-quantity {
    font-size: 1.3rem;
    margin-top: 8px
}

@media screen and (min-width: 992px) {
    .p-subs__item-quantity {
        font-size:1.4rem;
        margin-top: 16px
    }
}

.p-subs__item-price {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .p-subs__item-price {
        font-size:1.4rem
    }
}

.p-subs__item-button {
    width: 100px;
    margin-top: 16px
}

@media screen and (min-width: 992px) {
    .p-subs__item-button {
        width:120px;
        margin-top: 20px
    }
}

.p-subs__item-button a {
    font-size: 1.3rem;
    padding: 8px
}

@media screen and (min-width: 992px) {
    .p-subs__item-button a {
        font-size:1.4rem
    }
}

.p-subs__point {
    position: relative
}

@media screen and (min-width: 992px) {
    .p-subs__point {
        margin:0 20px
    }
}

.p-subs__point-item {
    height: auto
}

.p-subs__point-item-card {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-subs__point-item-info {
    margin-top: 12px
}

.p-subs__point-item-name {
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .p-subs__point-item-name {
        font-size:1.5rem
    }
}

.p-subs__point-item-price {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 8px
}

.p-subs__point-item-price span {
    font-size: 1.1rem
}

.p-subs__point-item-button {
    font-size: 1.2rem;
    width: 120px;
    margin: 12px auto 0
}

@media screen and (min-width: 992px) {
    .p-subs__point-item-button {
        font-size:1.3rem;
        width: 140px;
        margin: 20px auto 0
    }
}

.p-subs__point-item-button a {
    font-size: 1.3rem;
    padding: 8px
}

.p-subs__point .swiper-container.js-point-items {
    padding-bottom: 60px
}

@media screen and (min-width: 992px) {
    .p-subs__point .swiper-container.js-point-items {
        padding-bottom:80px
    }
}

.p-subs__point .swiper-container.js-point-items.is-loading {
    opacity: 0;
    visibility: hidden;
    height: 0!important
}

.p-subs__point .swiper-button-next,.p-subs__point .swiper-button-prev {
    width: 44px;
    height: 44px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    background: #fff;
    top: calc(50% - 22px)
}

@media screen and (max-width: 991px) {
    .p-subs__point .swiper-button-next,.p-subs__point .swiper-button-prev {
        display:none
    }
}

.p-subs__point .swiper-button-prev {
    left: -22px
}

.p-subs__point .swiper-button-next {
    right: -22px
}

.p-subs__point .swiper-button-next::after,.p-subs__point .swiper-button-prev::after {
    font-size: 1.2rem;
    color: #8d8d8d
}

.p-subs__point .swiper-button-next.swiper-button-disabled,.p-subs__point .swiper-button-prev.swiper-button-disabled {
    display: none
}

.p-subs__point .swiper-scrollbar {
    height: 3px;
    width: 70%;
    max-width: 730px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e3e3e3
}

@media screen and (min-width: 992px) {
    .p-subs__point .swiper-scrollbar {
        height:2px
    }
}

.p-subs__point .swiper-scrollbar .swiper-scrollbar-drag {
    background: #8d8d8d
}

.p-subs__add {
    position: relative
}

@media screen and (min-width: 992px) {
    .p-subs__add {
        margin:0 20px
    }
}

.p-subs__add-item {
    height: auto
}

.p-subs__add-item-card {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-subs__add-item-info {
    margin-top: 12px
}

.p-subs__add-item-name {
    font-size: 1.4rem
}

@media screen and (min-width: 992px) {
    .p-subs__add-item-name {
        font-size:1.5rem
    }
}

.p-subs__add-item-price {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 8px
}

.p-subs__add-item-price span {
    font-size: 1.1rem
}

.p-subs__add-item-button {
    width: 100px;
    margin: 12px auto 0
}

@media screen and (min-width: 992px) {
    .p-subs__add-item-button {
        width:120px;
        margin: 20px auto 0
    }
}

.p-subs__add-item-button a {
    font-size: 1.3rem;
    padding: 8px
}

.p-subs__add .swiper-container.js-add-items {
    padding-bottom: 60px
}

@media screen and (min-width: 992px) {
    .p-subs__add .swiper-container.js-add-items {
        padding-bottom:80px
    }
}

.p-subs__add .swiper-container.js-add-items.is-loading {
    opacity: 0;
    visibility: hidden;
    height: 0!important
}

.p-subs__add .swiper-button-next,.p-subs__add .swiper-button-prev {
    width: 44px;
    height: 44px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    background: #fff;
    top: calc(50% - 22px)
}

@media screen and (max-width: 991px) {
    .p-subs__add .swiper-button-next,.p-subs__add .swiper-button-prev {
        display:none
    }
}

.p-subs__add .swiper-button-prev {
    left: -22px
}

.p-subs__add .swiper-button-next {
    right: -22px
}

.p-subs__add .swiper-button-next::after,.p-subs__add .swiper-button-prev::after {
    font-size: 1.2rem;
    color: #8d8d8d
}

.p-subs__add .swiper-button-next.swiper-button-disabled,.p-subs__add .swiper-button-prev.swiper-button-disabled {
    display: none
}

.p-subs__add .swiper-scrollbar {
    height: 3px;
    width: 70%;
    max-width: 730px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #e3e3e3
}

@media screen and (min-width: 992px) {
    .p-subs__add .swiper-scrollbar {
        height:2px
    }
}

.p-subs__add .swiper-scrollbar .swiper-scrollbar-drag {
    background: #8d8d8d
}

.p-subs__form-quantity {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 992px) {
    .p-subs__form-quantity {
        margin:40px 0 0
    }
}

.p-subs__form-quantity label {
    margin-right: 12px
}

.p-subs__form-quantity .c-select {
    width: 80%;
    max-width: 254px
}

@media screen and (min-width: 992px) {
    .p-subs__form-quantity .c-select {
        width:120px
    }
}

.p-subs__buttons .c-mypage-buttons__button--back {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.p-subs__buttons .c-mypage-buttons__button--cancel {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 0 0 0 12px;
    max-width: 180px
}

.p-subs__buttons .c-mypage-buttons__button--save {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.p-top-banner {
    padding: 20px 20px 40px
}

@media screen and (min-width: 992px) {
    .p-top-banner {
        padding:40px 20px 60px
    }
}

@media screen and (min-width: 992px) {
    .p-top-banner__wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width: 992px) {
    .p-top-banner__inner {
        width:calc(50% - 10px);
        margin-bottom: 20px
    }
}

.p-top-banner__inner+.p-top-banner__inner {
    margin-top: 20px
}

@media screen and (min-width: 992px) {
    .p-top-banner__inner+.p-top-banner__inner {
        margin-top:0
    }
}

.p-top-banner__inner img {
    width: 100%
}

.p-top-banner__inner a {
    display: block
}

.p-top-banner__inner a:hover {
    opacity: .7
}

@media screen and (min-width: 992px) {
    .p-top-banner__flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .p-top-banner__flex-item {
        width:calc(50% - 12px)
    }
}

.p-top-banner__flex-item+.p-top-banner__flex-item {
    margin-top: 12px
}

@media screen and (min-width: 992px) {
    .p-top-banner__flex-item+.p-top-banner__flex-item {
        margin-top:0
    }
}

.p-top-banner--bottom {
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .p-top-banner--bottom {
        padding:0;
        max-width: 1120px;
        margin: 80px auto 0
    }
}

.p-top-items {
    background: #f8f8f8;
    padding: 40px 0 48px
}

@media screen and (min-width: 992px) {
    .p-top-items {
        padding:80px 0 68px
    }
}

.p-top-items__contents {
    padding: 0 10px
}

.p-top-items__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 992px) {
    .p-top-items__items {
        -webkit-box-pack:stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-top-items__item {
    width: calc(50% - 6px);
    margin-bottom: 12px;
    position: relative
}

@media screen and (min-width: 992px) {
    .p-top-items__item {
        width:calc(100% / 3 - 32px * 2 / 3);
        margin-right: 32px;
        margin-bottom: 32px;
        background: #fff
    }

    .p-top-items__item:nth-child(3n) {
        margin-right: 0
    }
}

.p-top-items__item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 5s ease;
    transition: all 5s ease
}

.p-top-items__item-labels {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3
}

@media screen and (min-width: 992px) {
    .p-top-items__item-labels {
        top:16px;
        left: 16px
    }
}

.p-top-items__item-card {
    background: #fff;
    height: 100%;
    padding: 32px 16px 20px
}

@media screen and (min-width: 992px) {
    .p-top-items__item-card {
        padding:56px 16px
    }
}

.p-top-items__item-card .c-item-card__info {
    margin: 8px 0 0
}

@media screen and (min-width: 992px) {
    .p-top-items__item-card .c-item-card__info {
        margin:16px 0 0
    }
}

.p-top-items__item-card .c-item-card__info-category {
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-top-items__item-card .c-item-card__info-category {
        font-size:1.4rem
    }
}

/*
.p-top-items__item-card .c-item-card__info-name {
    font-size: 1.2rem
}
*/
@media screen and (min-width: 992px) {
    .p-top-items__item-card .c-item-card__info-name {
        font: size 1.5rem;
        margin: 40px 0 0 0;
    }
}

.p-top-items__item-card .c-item-card__info-price {
    font-size: 1.2rem
}

@media screen and (min-width: 992px) {
    .p-top-items__item-card .c-item-card__info-price {
        font-size:1.3rem
    }
}

.p-top-items__link {
    margin-top: 20px
}
/*
@media screen and (min-width: 992px) {
    .p-top-mv .swiper-wrapper {
        padding-bottom:48px
    }
}
*/
@media screen and (min-width: 992px) {
    .p-top-mv .swiper-pagination-bullets {
        bottom:20px
    }
}

.p-top-mv .swiper-pagination-bullet {
    margin: 0 5px!important
}

@media screen and (min-width: 992px) {
    .p-top-mv .swiper-pagination-bullet {
        margin:0 10px!important
    }
}

.p-top-product {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 40px 0 36px
}

@media screen and (min-width: 992px) {
    .p-top-product {
        padding:64px 0 80px
    }
}

.p-top-product__inner {
    padding: 0 10px
}

@media screen and (min-width: 992px) {
    .p-top-product__contents {
        max-width:1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.p-top-product__categories {
    background: #fff;
    padding: 24px 0 48px
}

.p-top-product__categories-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width: 992px) {
    .p-top-product__categories-inner {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

/*
@media screen and (min-width: 992px) {
    .p-top-product__categories-left {
        width:75%
    }
}
*/
@media screen and (min-width: 992px) {
    .p-top-product__categories-right {
        width:25%
    }
}

.p-top-product__category-heading {
    font-family: "Ginto",serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.7rem;
    color: #333;
    letter-spacing: .02em;
    line-height: 1.2;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .p-top-product__category-heading {
        font-size:2rem;
        margin-bottom: 20px
    }
}

.p-top-product__category-heading--ja {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.7rem;
    color: #333;
    letter-spacing: .02em;
    margin-bottom: 12px
}

@media screen and (min-width: 992px) {
    .p-top-product__category-heading--ja {
        font-size:2rem;
        margin-bottom: 20px
    }
}

.p-top-product__category-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: end;
}

@media screen and (min-width: 992px) {
    .p-top-product__category-items {
        margin:0
    }
}

.p-top-product__category-item {
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .p-top-product__category-item {
        width:calc(100% / 3 - 10px * 2 / 3);
        margin-right: 10px
    }

    .p-top-product__category-item:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__category-item {
        width:calc(100% / 3);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.p-top-product__category .p-top-product__category-item {
    position: relative;
    width: 300px;
}

.p-top-product__category .p-top-product__category-item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

@media screen and (max-width: 991px) {
    .p-top-product__category-items--nav {
        margin:0
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__category-items--nav .p-top-product__category-item {
        width:calc(100% / 3 - 8px * 2 / 3);
        margin-right: 8px
    }

    .p-top-product__category-items--nav .p-top-product__category-item:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__category-image {
        width:25%
    }
}

.p-top-product__category-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 8px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .p-top-product__category-title {
        font-size:1.5rem;
        margin-top: 0;
        width: 75%;
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__category-title a {
        display:block;
        /* padding-left: 16px; */
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__category--2 {
        border:0;
        padding: 0 0 16px
    }
}

.p-top-product__category--3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: end;
}

@media screen and (max-width: 991px) {
    .p-top-product__category--3 {
        border:0;
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__category--3 {
        width:100%
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__category--3 .p-top-product__category-col1 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% / 3 - 10px * 2 / 3);
        margin-right: 10px
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__category--3 .p-top-product__category-col1 {
        width:calc(100% / 3)
    }
}

.p-top-product__category--3 .p-top-product__category-col1 .p-top-product__category-items {
    margin: 0
}

@media screen and (max-width: 991px) {
    .p-top-product__category--3 .p-top-product__category-col1 .p-top-product__category-item {
        width:auto;
        margin-right: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__category--3 .p-top-product__category-col1 .p-top-product__category-item {
        width:100%
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__category-delimit {
        border-top:1px solid #e3e3e3;
        padding-top: 28px;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 36px;
        margin-bottom: 36px
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__category-trouble {
        margin-right:56px
    }
}

.p-top-product__category-trouble-heading {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.7rem;
    color: #333;
    letter-spacing: .02em;
    margin-bottom: 20px
}

.p-top-product__category-trouble-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 992px) {
    .p-top-product__category-trouble-items {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 500px
    }
}

.p-top-product__category-trouble-item {
    border-radius: 3px;
    margin-bottom: 12px;
    margin-right: 8px
}

@media screen and (min-width: 992px) {
    .p-top-product__category-trouble-item {
        width:150px
    }
}

.p-top-product__category-trouble-item--pores {
    border: 1px solid #fac9c2
}

.p-top-product__category-trouble-item--dullness {
    border: 1px solid #c1e8fa
}

.p-top-product__category-trouble-item--sensitive {
    border: 1px solid #f9ccdf
}

.p-top-product__category-trouble-item--aging {
    border: 1px solid #e6cfe4
}

@media screen and (max-width: 991px) {
    .p-top-product__category-trouble-item--aging {
        width:149px
    }
}

.p-top-product__category-trouble-item--dry {
    border: 1px solid #c9d2ea
}

.p-top-product__category-trouble-item--innerdry {
    border: 1px solid #fddab3
}

@media screen and (max-width: 991px) {
    .p-top-product__category-trouble-item--innerdry {
        width:149px
    }
}

.p-top-product__category-trouble-item a {
    display: block;
    text-align: center;
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    padding: 4px 18px
}

@media screen and (min-width: 992px) {
    .p-top-product__category-trouble-item a {
        font-size:1.5rem;
        line-height: 1.2;
        padding: 8px 0
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__recommend {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__recommend-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__recommend-item {
        width:calc(100% / 3 - 24px * 2 / 3);
        margin-right: 24px;
        margin-bottom: 20px
    }

    .p-top-product__recommend-item:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__recommend-item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px;
        border: 1px solid #c7c7c7;
        margin-bottom: 20px
    }

    .p-top-product__recommend-item:hover {
        border: 1px solid #8d8d8d
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__recommend-items--nav {
        margin:0
    }
}

@media screen and (max-width: 991px) {
    .p-top-product__recommend-items--nav .p-top-product__recommend-item {
        width:calc(100% / 3 - 8px * 2 / 3);
        margin-right: 8px
    }

    .p-top-product__recommend-items--nav .p-top-product__recommend-item:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__recommend-image {
        width:25%
    }
}

.p-top-product__recommend-image img {
    width: 100%
}

.p-top-product__recommend-title {
    font-family: 'Noto Sans JP',sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 8px;
    text-align: center
}

@media screen and (min-width: 992px) {
    .p-top-product__recommend-title {
        font-size:1.5rem;
        margin-top: 0;
        width: 75%;
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .p-top-product__recommend-title a {
        display:block;
        padding-left: 16px
    }
}

.p-top-product__recommend-link a {
    font-size: 1.3rem
}

@media screen and (min-width: 992px) {
    .p-top-product__recommend-link a {
        font-size:1.5rem
    }
}

.p-top-product__recommend .p-top-product__recommend-item {
    position: relative
}

.p-top-product__recommend .p-top-product__recommend-item a::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    content: ""
}

@media screen and (max-width: 991px) {
    .p-top-product--sptop .p-top-product__category-trouble-item {
        min-width:64px
    }

    .p-top-product--sptop .p-top-product__category-trouble-item a {
        padding: 4px 8px
    }

    .p-top-product--sptop .p-top-product__category-trouble-item--dullness,.p-top-product--sptop .p-top-product__category-trouble-item--sensitive {
        width: 78px
    }

    .p-top-product--sptop .p-top-product__category-trouble-item--aging {
        width: 125px
    }

    .p-top-product--sptop .p-top-product__category-trouble-item--innerdry {
        width: 120px
    }
}

@media screen and (min-width: 992px) {
    .p-nav__menu .p-top-product__category-heading {
        font-family:"Ginto",serif;
        font-style: normal;
        font-weight: 400;
        font-size: 1.7rem;
        color: #333;
        letter-spacing: .02em;
        margin-bottom: 12px
    }

    .p-nav__menu .p-top-product__category-heading--ja {
        font-family: 'Noto Sans JP',sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 1.7rem;
        color: #333;
        letter-spacing: .02em;
        margin-bottom: 12px
    }
}

.u-d-none--sp {
    display: none
}

@media screen and (min-width: 992px) {
    .u-d-none--sp {
        display:block
    }
}

.u-d-block--sp {
    display: block
}

@media screen and (min-width: 992px) {
    .u-d-block--sp {
        display:none
    }
}

.u-d-inline--sp {
    display: inline
}

@media screen and (min-width: 992px) {
    .u-d-inline--sp {
        display:none
    }
}

.u-d-inline--pc {
    display: none
}

@media screen and (min-width: 992px) {
    .u-d-inline--pc {
        display:inline
    }
}

.u-d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 991px) {
    .u-d-flex--sp {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 992px) {
    .u-d-flex--pc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.u-flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .u-flex-between--sp {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 992px) {
    .u-flex-between--pc {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.u-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .u-flex-center--sp {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 992px) {
    .u-flex-center--pc {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.u-flex-align-default {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (max-width: 991px) {
    .u-flex-align-default--sp {
        -webkit-box-align:stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media screen and (min-width: 992px) {
    .u-flex-align-default--pc {
        -webkit-box-align:stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.u-flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 991px) {
    .u-flex-align-center--sp {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 992px) {
    .u-flex-align-center--pc {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.u-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 992px) {
    .u-flex--pc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.u-flex__justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.u-flex__justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.u-flex__direction-row-rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.u-m-0 {
    margin: 0!important
}

.u-mr-0 {
    margin-right: 0!important
}

.u-ml-0 {
    margin-left: 0!important
}

.u-ml-8 {
    margin-left: 8px
}

.u-ml-12 {
    margin-left: 12px
}

.u-ml-20 {
    margin-left: 20px
}

.u-ml-24 {
    margin-left: 24px
}

.u-ml-24--pc {
    margin-left: 0
}

@media screen and (min-width: 992px) {
    .u-ml-24--pc {
        margin-left:24px
    }
}

.u-ml-40 {
    margin-left: 40px
}

.u-mt-0 {
    margin-top: 0!important
}

.u-mt-4 {
    margin-top: 4px!important
}

.u-mt-8 {
    margin-top: 8px!important
}

.u-mt-12 {
    margin-top: 12px!important
}

.u-mt-16 {
    margin-top: 16px!important
}

.u-mt-20 {
    margin-top: 20px!important
}

.u-mt-24 {
    margin-top: 24px!important
}

.u-mt-28 {
    margin-top: 28px!important
}

.u-mt-32 {
    margin-top: 32px!important
}

.u-mt-36 {
    margin-top: 36px!important
}

.u-mt-40 {
    margin-top: 40px!important
}

.u-mt-44 {
    margin-top: 44px!important
}

.u-mt-48 {
    margin-top: 48px!important
}

.u-mt-52 {
    margin-top: 52px!important
}

.u-mt-56 {
    margin-top: 56px!important
}

.u-mt-60 {
    margin-top: 60px!important
}

.u-mt-64 {
    margin-top: 64px!important
}

.u-mt-68 {
    margin-top: 68px!important
}

.u-mt-72 {
    margin-top: 72px!important
}

.u-mt-76 {
    margin-top: 76px!important
}

.u-mt-80 {
    margin-top: 80px!important
}

.u-mb-0 {
    margin-bottom: 0!important
}

.u-mb-4 {
    margin-bottom: 4px!important
}

.u-mb-8 {
    margin-bottom: 8px!important
}

.u-mb-12 {
    margin-bottom: 12px!important
}

.u-mb-16 {
    margin-bottom: 16px!important
}

.u-mb-20 {
    margin-bottom: 20px!important
}

.u-mb-24 {
    margin-bottom: 24px!important
}

.u-mb-28 {
    margin-bottom: 28px!important
}

.u-mb-32 {
    margin-bottom: 32px!important
}

.u-mb-36 {
    margin-bottom: 36px!important
}

.u-mb-40 {
    margin-bottom: 40px!important
}

.u-mb-44 {
    margin-bottom: 44px!important
}

.u-mb-48 {
    margin-bottom: 48px!important
}

.u-mb-52 {
    margin-bottom: 52px!important
}

.u-mb-56 {
    margin-bottom: 56px!important
}

.u-mb-60 {
    margin-bottom: 60px!important
}

.u-mb-64 {
    margin-bottom: 64px!important
}

.u-mb-68 {
    margin-bottom: 68px!important
}

.u-mb-72 {
    margin-bottom: 72px!important
}

.u-mb-76 {
    margin-bottom: 76px!important
}

.u-mb-80 {
    margin-bottom: 80px!important
}

@media screen and (min-width: 992px) {
    .u-mt-0--pc {
        margin-top: 50px!important
    }

    .u-mt-4--pc {
        margin-top: 4px!important
    }

    .u-mt-8--pc {
        margin-top: 8px!important
    }

    .u-mt-12--pc {
        margin-top: 12px!important
    }

    .u-mt-16--pc {
        margin-top: 16px!important
    }

    .u-mt-20--pc {
        margin-top: 20px!important
    }

    .u-mt-24--pc {
        margin-top: 24px!important
    }

    .u-mt-28--pc {
        margin-top: 28px!important
    }

    .u-mt-32--pc {
        margin-top: 32px!important
    }

    .u-mt-36--pc {
        margin-top: 36px!important
    }

    .u-mt-40--pc {
        margin-top: 40px!important
    }

    .u-mt-44--pc {
        margin-top: 44px!important
    }

    .u-mt-48--pc {
        margin-top: 48px!important
    }

    .u-mt-52--pc {
        margin-top: 52px!important
    }

    .u-mt-56--pc {
        margin-top: 56px!important
    }

    .u-mt-60--pc {
        margin-top: 60px!important
    }

    .u-mt-64--pc {
        margin-top: 64px!important
    }

    .u-mt-68--pc {
        margin-top: 68px!important
    }

    .u-mt-72--pc {
        margin-top: 72px!important
    }

    .u-mt-76--pc {
        margin-top: 76px!important
    }

    .u-mt-80--pc {
        margin-top: 80px!important
    }

    .u-mb-0--pc {
        margin-bottom: 0!important
    }

    .u-mb-4--pc {
        margin-bottom: 4px!important
    }

    .u-mb-8--pc {
        margin-bottom: 8px!important
    }

    .u-mb-12--pc {
        margin-bottom: 12px!important
    }

    .u-mb-16--pc {
        margin-bottom: 16px!important
    }

    .u-mb-20--pc {
        margin-bottom: 20px!important
    }

    .u-mb-24--pc {
        margin-bottom: 24px!important
    }

    .u-mb-28--pc {
        margin-bottom: 28px!important
    }

    .u-mb-32--pc {
        margin-bottom: 32px!important
    }

    .u-mb-36--pc {
        margin-bottom: 36px!important
    }

    .u-mb-40--pc {
        margin-bottom: 40px!important
    }

    .u-mb-44--pc {
        margin-bottom: 44px!important
    }

    .u-mb-48--pc {
        margin-bottom: 48px!important
    }

    .u-mb-52--pc {
        margin-bottom: 52px!important
    }

    .u-mb-56--pc {
        margin-bottom: 56px!important
    }

    .u-mb-60--pc {
        margin-bottom: 60px!important
    }

    .u-mb-64--pc {
        margin-bottom: 64px!important
    }

    .u-mb-68--pc {
        margin-bottom: 68px!important
    }

    .u-mb-72--pc {
        margin-bottom: 72px!important
    }

    .u-mb-76--pc {
        margin-bottom: 76px!important
    }

    .u-mb-80--pc {
        margin-bottom: 80px!important
    }

    .u-mb-100--pc {
        margin-bottom: 100px!important
    }
}

.u-p-0 {
    padding: 0!important
}

.u-pl-0 {
    padding-left: 0!important
}

.u-pr-0 {
    padding-right: 0!important
}

.u-pt-0 {
    padding-top: 0!important
}

.u-pt-4 {
    padding-top: 4px!important
}

.u-pt-8 {
    padding-top: 8px!important
}

.u-pt-12 {
    padding-top: 12px!important
}

.u-pt-16 {
    padding-top: 16px!important
}

.u-pt-20 {
    padding-top: 20px!important
}

.u-pt-24 {
    padding-top: 24px!important
}

.u-pt-28 {
    padding-top: 28px!important
}

.u-pt-32 {
    padding-top: 32px!important
}

.u-pt-36 {
    padding-top: 36px!important
}

.u-pt-40 {
    padding-top: 40px!important
}

.u-pt-44 {
    padding-top: 44px!important
}

.u-pt-48 {
    padding-top: 48px!important
}

.u-pt-52 {
    padding-top: 52px!important
}

.u-pt-56 {
    padding-top: 56px!important
}

.u-pt-60 {
    padding-top: 60px!important
}

.u-pt-64 {
    padding-top: 64px!important
}

.u-pt-68 {
    padding-top: 68px!important
}

.u-pt-72 {
    padding-top: 72px!important
}

.u-pt-76 {
    padding-top: 76px!important
}

.u-pt-80 {
    padding-top: 80px!important
}

.u-pb-0 {
    padding-bottom: 0!important
}

.u-pb-4 {
    padding-bottom: 4px!important
}

.u-pb-8 {
    padding-bottom: 8px!important
}

.u-pb-12 {
    padding-bottom: 12px!important
}

.u-pb-16 {
    padding-bottom: 16px!important
}

.u-pb-20 {
    padding-bottom: 20px!important
}

.u-pb-24 {
    padding-bottom: 24px!important
}

.u-pb-28 {
    padding-bottom: 28px!important
}

.u-pb-32 {
    padding-bottom: 32px!important
}

.u-pb-36 {
    padding-bottom: 36px!important
}

.u-pb-40 {
    padding-bottom: 40px!important
}

.u-pb-44 {
    padding-bottom: 44px!important
}

.u-pb-48 {
    padding-bottom: 48px!important
}

.u-pb-52 {
    padding-bottom: 52px!important
}

.u-pb-56 {
    padding-bottom: 56px!important
}

.u-pb-60 {
    padding-bottom: 60px!important
}

.u-pb-64 {
    padding-bottom: 64px!important
}

.u-pb-68 {
    padding-bottom: 68px!important
}

.u-pb-72 {
    padding-bottom: 72px!important
}

.u-pb-76 {
    padding-bottom: 76px!important
}

.u-pb-80 {
    padding-bottom: 80px!important
}

@media screen and (min-width: 992px) {
    .u-pt-0--pc {
        padding-top:0!important
    }

    .u-pt-4--pc {
        padding-top: 4px!important
    }

    .u-pt-8--pc {
        padding-top: 8px!important
    }

    .u-pt-12--pc {
        padding-top: 12px!important
    }

    .u-pt-16--pc {
        padding-top: 16px!important
    }

    .u-pt-20--pc {
        padding-top: 20px!important
    }

    .u-pt-24--pc {
        padding-top: 24px!important
    }

    .u-pt-28--pc {
        padding-top: 28px!important
    }

    .u-pt-32--pc {
        padding-top: 32px!important
    }

    .u-pt-36--pc {
        padding-top: 36px!important
    }

    .u-pt-40--pc {
        padding-top: 40px!important
    }

    .u-pt-44--pc {
        padding-top: 44px!important
    }

    .u-pt-48--pc {
        padding-top: 48px!important
    }

    .u-pt-52--pc {
        padding-top: 52px!important
    }

    .u-pt-56--pc {
        padding-top: 56px!important
    }

    .u-pt-60--pc {
        padding-top: 60px!important
    }

    .u-pt-64--pc {
        padding-top: 64px!important
    }

    .u-pt-68--pc {
        padding-top: 68px!important
    }

    .u-pt-72--pc {
        padding-top: 72px!important
    }

    .u-pt-76--pc {
        padding-top: 76px!important
    }

    .u-pt-80--pc {
        padding-top: 80px!important
    }

    .u-pb-0--pc {
        padding-bottom: 0!important
    }

    .u-pb-4--pc {
        padding-bottom: 4px!important
    }

    .u-pb-8--pc {
        padding-bottom: 8px!important
    }

    .u-pb-12--pc {
        padding-bottom: 12px!important
    }

    .u-pb-16--pc {
        padding-bottom: 16px!important
    }

    .u-pb-20--pc {
        padding-bottom: 20px!important
    }

    .u-pb-24--pc {
        padding-bottom: 24px!important
    }

    .u-pb-28--pc {
        padding-bottom: 28px!important
    }

    .u-pb-32--pc {
        padding-bottom: 32px!important
    }

    .u-pb-36--pc {
        padding-bottom: 36px!important
    }

    .u-pb-40--pc {
        padding-bottom: 40px!important
    }

    .u-pb-44--pc {
        padding-bottom: 44px!important
    }

    .u-pb-48--pc {
        padding-bottom: 48px!important
    }

    .u-pb-52--pc {
        padding-bottom: 52px!important
    }

    .u-pb-56--pc {
        padding-bottom: 56px!important
    }

    .u-pb-60--pc {
        padding-bottom: 60px!important
    }

    .u-pb-64--pc {
        padding-bottom: 64px!important
    }

    .u-pb-68--pc {
        padding-bottom: 68px!important
    }

    .u-pb-72--pc {
        padding-bottom: 72px!important
    }

    .u-pb-76--pc {
        padding-bottom: 76px!important
    }

    .u-pb-80--pc {
        padding-bottom: 80px!important
    }
}

.u-text-black {
    color: #333
}

.u-text-red {
    color: #d36f86
}

.u-text-white {
    color: #fff
}

.u-text-base {
    color: #333
}

@media screen and (max-width: 991px) {
    .u-text-base--sp {
        color:#333
    }
}

.u-text-pink {
    color: #e7a9b7
}

.u-text__align-left {
    text-align: left
}

@media screen and (min-width: 992px) {
    .u-text__align-left--pc {
        text-align:left
    }
}

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

@media screen and (min-width: 992px) {
    .u-text__align-center--pc {
        text-align:center
    }
}

.u-text__align-right {
    text-align: right
}

@media screen and (max-width: 991px) {
    .u-text__align-right--sp {
        text-align:right
    }
}

@media screen and (min-width: 992px) {
    .u-text__align-right--pc {
        text-align:right
    }
}

.u-contents-inner {
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .u-contents-inner {
        max-width:calc(1120px + 40px);
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px
    }
}

.u-contents-inner--sp-slider {
    padding: 0 0 0 20px
}

@media screen and (min-width: 992px) {
    .u-contents-inner--sp-slider {
        padding:0 20px
    }
}

@media screen and (min-width: 992px) {
    .u-contents-inner--pc {
        max-width: calc(1120px + 40px);
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .u-contents-inner--pc2 {
        margin-left: auto;
        margin-right: auto;
        width: 800px;
    }
        .u-contents-inner--pc3 {
        margin-left: 480px;
        margin-right: auto;
        width: 800px;
    }
}

.u-contents-inner--form {
    padding: 0 20px
}

@media screen and (min-width: 992px) {
    .u-contents-inner--form {
        max-width:980px;
        margin-right: auto;
        margin-left: auto;
        padding: 0
    }
}

.u-bgc--pink {
    background: #fcf4f6
}

.u-bgc--lightpink {
    background: #fff8f8
}

.u-bgc--lightgray {
    background: #f8f8f8
}

.u-border-top {
    border-top: 1px solid #e3e3e3;
    padding-top: 24px
}

.u-mx--640 {
    max-width: 640px;
    margin-right: auto;
    margin-left: auto
}

.u-mx--560 {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto
}

a.u-link-underline {
    text-decoration: underline
}

.button {
    background: #FFFFFF;
    border: 1px solid rgba(44, 44, 44, 0.25);
    border-radius: 27px;
    width: 160px;
    height: 45px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.075em;
    transition: 0.4s;
    font-size: 12px;
}

.about {
    position: relative;
    margin-top: 80px;
    /*margin-bottom: 104px*/
}
@media screen and (max-width: 768px) {
    .about {
        margin-top: 50px;
    }
}
.about:before {
    content: "";
    display: block;
    width: 0;
    /*padding-top: 20%*/
}
.about__inner {
    display: flex;
    gap: 1rem;       /* 要素間の余白 */
}
/* 左側は3、右側は1の比率 */
.about__image {
    flex: 3;         /* 3 の比率 */
    background-color: #fff;
    padding: 1rem;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
 .about__image {
   width: 100%;
   padding: 30px;
}
}
.about__content {
    flex: 1;         /* 1 の比率 */
    background-color: #fff;
    padding: 1rem;
    box-sizing: border-box;
}
@media screen and (max-width: 768px) {
    .about__content {
      display: none;
    }
  }
.about_sp_title{
   width:100%;
   text-align: center;
}
@media screen and (min-width: 768px) {
.about_sp_title{
    display: none;
}
  }

.about__heading {
    font-family: "Ginto", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.075em;
    margin-bottom: 50px;
}
.about__title-wrap {
    margin-bottom: 38px
}
.about__title {
    font-size: 14px;
    font-weight: 600;
    font-family: "Ginto", sans-serif;
    letter-spacing: 0.075em;
    position: relative;
    padding: 6px 0 18px 5px;
    opacity: 0.25;
    cursor: pointer;
    box-sizing: border-box
}
.about__title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #2C2C2C
}
.about__title:hover {
    opacity: 0.5
}
.about__title.slick-current {
    opacity: 1
}
.about__title.slick-current:after {
    height: 3px
}
.about__text {
    font-size: 16px;
    margin-bottom: 47px;
    letter-spacing: 0.3em;
    line-height: 1.8em;
    font-weight: 450;
}

.p-top-items {
    background: #f8f8f8;
    padding: 40px 0 48px
}

@media screen and (min-width: 992px) {
    .p-top-items {
        padding:80px 0 68px
    }
}

.p-store {
    background: #fff;
    padding: 40px 0 48px
}

@media screen and (min-width: 992px) {
    .p-store {
        padding: 40px 0 40px;
    }
}

.p-store__contents {
    padding: 0 20px
}

.p-store__items {
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 992px) {
    .p-store__items {
        display: flex;
        -webkit-box-pack:stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.c-store {
    width: calc(50% - 6px);
    margin-bottom: 12px;
    position: relative;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .c-store {
/*        width:calc(100% / 3 - 32px * 2 / 3); */
        width:calc(100% / 2 - 32px * 1);
        margin-right: 32px;
/*         margin-bottom: 32px;   */
        background: #fff;
        text-align: center;
    }

    .c-store:nth-child(3n) {
        margin-right: 0
    }
}

.c-store-img{
    width: calc(50% - 6px);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.c-store-more{
    text-align: center;
    font-size: 14px;
    margin: 20px 0 60px;
}
@media screen and (min-width: 992px) {
.c-store-more{
    text-align: center;
    font-size: 14px;
    margin: 20px 0 20px;
}
}

.p-news {
    background: #fff;
    padding: 40px 0 48px
}

@media screen and (min-width: 992px) {
    .p-news {
        padding:80px 0 68px
    }
}

.p-news__contents {
    padding: 0 20px
}

.p-news__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .p-news__items {
        -webkit-box-pack:stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 40px;
    }
}

.c-news {
    width: calc(50% - 6px);
    margin-bottom: 12px;
    position: relative;
    text-align: center;
}

@media screen and (min-width: 992px) { 
    .c-news {
        width:calc(100% / 3 - 32px * 2 / 3);
        margin-right: 32px;
        margin-bottom: 32px;
        background: #fff;
        text-align: center;
    }

    .c-news:nth-child(3n) {
        margin-right: 0
    }
}

.c-news-text{
    font-size: 14px;
}


.acc{
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background: #000;;
    margin: 40px auto;
}
.acc2{
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background: #000;;
    margin: 20px auto;
}
.acc3{
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background: #000;;
    margin: 40px auto;
}

@media screen and (max-width: 992px) {
.acc3{
    display: none;
}
}
.c-svg--logo-shai{
    margin-top: 30px;
}

.about-page__header__title{
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 50px;
    line-height: 1.7;
    text-align: center;
}

@media screen and (min-width: 992px) {
.about-page__header__title{
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 550;
    line-height: 1.5;
    text-align: center;
}
}


.about-page__header__subtitle{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    letter-spacing: 0.8px;
    line-height: 1.5em;
}

@media screen and (min-width: 992px) {
    .about-page__header__subtitle{
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2em;
        margin-bottom: 50px;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.3em;
        line-height: 2.0em;
    }
}

.about-page__header__txt{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.8px;
}

@media screen and (min-width: 992px) {
    .about-page__header__txt{
        font-size: 16px;
        font-weight: 500;
        line-height: 2.2em;
        margin-bottom: 50px;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.3em;
        line-height: 2;
    }   
}

.about-page__header__brand {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    padding: 25px 40px
}

@media screen and (min-width: 992px) {
    .about-page__header__brand {
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     background: #FFFFFF;
     padding: 25px 40px
    }
}


.about-page__header__brand-icon {
    padding: 7px;
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 50%;
    background: #e5e5e5;
    color: #000;
    font-weight: 600;
    font-size: 14.5px
}
.about-page__header__brand-icon p {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #F2F2F2;
    text-align: center
}
.about-page__header__brand-txt {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 2
}
/*3項目*/
/*
.about-page__think {
    padding: 90px 0 20px
}
*/
.about-page__think__content {
    position: relative;
    margin-top: 250px;
    margin-bottom: 100px
}
.about-page__think__content:before {
    content: "";
    display: block;
    padding-top: 40%
}
.about-page__think__content__inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}
@media screen and (min-width: 992px) {
.about-page__think__content {
    position: relative;
    margin-top: 50px;
    margin-bottom: 100px
}
.about-page__think__content:before {
    content: "";
    display: block;
    padding-top: 40%
}
.about-page__think__content__inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}
}
.about-page__think__txtbox {
    width: 600px;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.15em;
    line-height: 2
}
.about-page__think__txtbox-right {
    float: right;
    width: 600px;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.15em;
    line-height: 2
}
.about-page__think__txtbox-right:after {
    content: '';
    display: block;
    clear: both
}
.about-page__think__txt-header {
    position: relative
}
.about-page__think__title {
    font-size: 26px;
    font-family: "Ginto", sans-serif;
    font-weight: 500;
    line-height: 1.5;
    margin: 10px 120px 10px 10px;
}
.about-page__think__subtitle-sp{
    font-size: 14px;
    font-family: "Ginto", sans-serif;
    font-weight: 500;
    line-height: 1.5;
    margin: 10px 20px 20px 20px;
}
.about-page__think__subtitle__left {
    position: relative;
    font-size: 15px;
    margin-bottom: 30px;
    padding-left: 20px;
    font-weight: 500;
    line-height: 1.8;
    max-width: 600px;
}
.about-page__think__subtitle__right {
    position: relative;
    font-size: 15px;
    margin-bottom: 30px;
    padding-left: 20px;
    font-weight: 500;
    line-height: 1.8;
    max-width: 550px;
}
@media screen and (min-width: 992px) {
    .about-page__think__subtitle__left {
    position: relative;
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 120px;
    font-weight: 500;
    line-height: 1.8
}
.about-page__think__subtitle__right {
    position: relative;
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 0;
    font-weight: 500;
    line-height: 1.8;
    margin: 0px 110px 10px 10px;
}
}
/*
.about-page__think__subtitle:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 1px;
    background: #000
}
    */
.about-page__think__no1 {
    position: absolute;
    top: -75px;
    margin-left: 20px;
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
    font-size: 25px;
    font-family: "Ginto", "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    color: #F2F2F2;
    letter-spacing: 0.2em;
}
.about-page__think__no2 {
    position: absolute;
    top: -75px;
    right: 20px;
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
    font-size: 25px;
    font-family: "Ginto", "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    color: #F2F2F2;
    letter-spacing: 0.2em;
}
.about-page__think__no3 {
    position: absolute;
    top: -110px;
    margin-left: 20px;
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
    font-size: 25px;
    font-family: "Ginto", "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    color: #F2F2F2;
    letter-spacing: 0.2em;
}
@media screen and (min-width: 992px) {
.about-page__think__no1 {
    position: absolute;
    padding-left: 100px;
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
    font-size: 50px;
    font-family: "Ginto", "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    color: #F2F2F2;
    letter-spacing: 0.2em;
}
.about-page__think__no2 {
    position: absolute;
    padding-right: 180px;
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
    font-size: 50px;
    font-family: "Ginto", "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    color: #F2F2F2;
    letter-spacing: 0.2em;

}.about-page__think__no3 {
    position: absolute;
    padding-left: 100px;
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
    font-size: 50px;
    font-family: "Ginto", "Noto Sans Japanese", sans-serif;
    font-weight: 100;
    color: #F2F2F2;
    letter-spacing: 0.2em;
    padding-top: 25px;
}
}

.about-page__think__img-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
.about-page__think__img-right img {
    width:100vw;
    margin-top: 55px;
}
.about-page__think__img-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.about-page__think__img-left img {
    width: 100%
}

@media screen and (min-width: 992px) {
.about-page__think__img-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%
}
.about-page__think__img-right img {
    width: 500px;
    padding-right: 50px;
    margin-top: 60px;
}

.about-page__think__img-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%
}
.about-page__think__img-left img {
    margin-top: 60px;
    padding-left: 115px;
}
}

.p-points__items {
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 992px) {
    .p-points__items {
        display: flex;
        -webkit-box-pack:stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto
    }
}

.c-point {
    width: calc(50% - 6px);
    margin-bottom: 12px;
    position: relative;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .c-point {
        width:calc(100% / 3 - 32px * 2 / 3);
        margin-right: 32px;
        margin-bottom: 32px;
        background: #fff;
        text-align: center;
    }

    .c-point:nth-child(3n) {
        margin-right: 0
    }
}

.about-page__principle__subtitle{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    letter-spacing: 0.8px;
    line-height: 1.5em;
}

@media screen and (min-width: 992px) {
    .about-page__principle__subtitle{
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2em;
        margin-bottom: 20px;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.3em;
        line-height: 2.0em;
    }
}

.footer__logo{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.about-page__3points__txt{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.8px;
}

@media screen and (min-width: 992px) {
    .about-page__3points__txt{
        font-size: 16px;
        font-weight: 500;
        line-height: 2.2em;
        margin-bottom: 100px;
        margin-right: auto;
        margin-left: auto;
        letter-spacing: 0.3em;
        line-height: 2;
    }   
}

.about-page__think__title_p01{
        font-size: 20px;
        margin:20px 20px 20px 20px;
        font-family: "Ginto", sans-serif;
        font-weight: 500;
        line-height: 1.5;
        max-width: 600px;
        
    }
@media screen and (min-width: 992px) {
    .about-page__think__title_p01{
        font-size: 26px;
        margin:10px 10px 10px 120px;
        font-family: "Ginto", sans-serif;
        font-weight: 500;
        line-height: 1.5;
        padding-top: 35px;

    }
}

@media screen and (max-width: 992px) {
    .about-page__think{
        display: none;
    }
}
@media screen and (min-width: 992px) {
    .about-page__think{
        display: block;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 992px) {
    .about-page__think__sp{
        display:none;
    }
}
.about-page__think__text_left{
    margin-left: 120px;
}
.about-page__think__text_right{
    margin: 0px 110px 10px 10px;
}

.globalmenu__inner {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media screen and  (max-width: 767px) {
.globalmenu__inner {
    display: none;
}
}
.globalmenu__item {
    padding: 0 20px
}
.globalmenu__item--parent:before {
    content: none;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 131px;
    left: 0;
    z-index: 1900;
    pointer-events: none
}
.globalmenu__item--parent:hover:before {
    content: ""
}
.globalmenu__item--parent:hover .globalmenu__link--parent:after {
    border-top: none;
    border-bottom: 4px solid #2C2C2C
}
.globalmenu__item--parent:hover .globalmenu__children {
    display: block
}
.globalmenu__link {
    height: 90px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.075em;
    cursor: pointer
}
.globalmenu__link--parent:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #2C2C2C;
    margin-left: 6px
}
.globalmenu__children {
    display: none;
    background: #F7F8FA;
    width: 100%;
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 2000
}
.globalmenu__children__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1240px;
    margin: 0 auto;
    padding: 48px 20px;
    box-sizing: border-box
}
.globalmenu__children__heading {
    margin-bottom: 30px;
    padding-top: 35px
}
.globalmenu__itemlist {
    width: 957px
}

.video_contents {
width: 100%;
text-align: center;
margin: auto;
padding: 4% 4% 4% 4%;
background: #fff;
}
.video_main {
width: 100%;
max-width: 960px;
}

/*トライアル1*/

.item-head {
    background: #F7F8FA;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    /* margin-bottom: 10px; */
    padding: 50px 0 48px;
}
.item-head__image {
    width: 680px;
    margin-right: 60px;
}
.item-gallery {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.item-gallery__large .slick-prev {
    left: 15px;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 30px;
    width: 18px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1000;
    transition: 0.4s;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
    display: none;
}
.slick-slide img {
    display: block;
}
.item-gallery__large__item img {
    width: 100%;
}

.item-gallery img {
    display: block !important;
    width: 100%;
}
.item-head__image img {
    display: block;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.item-gallery__thumb {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}
.item-gallery__thumb__item.is-active {
    border: 1px solid #707070;
}

.item-gallery__thumb__item {
    width: calc(14.28571% - 10px);
    margin: 0 5px 10px;
    background-color: #fff;
    border: 1px solid transparent;
}
.item-gallery__thumb__item img {
    width: 100%;
}
.item-head__main {
    width: 450px;
}
.statusicons {
    display: block;
    padding: 0;
}
.statusicons li {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 7px 10px;
    min-width: 49px;
    min-height: 1em;
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 1em;
    border: 1px solid #333;
    border-radius: 20px;
}
.item-head__category {
    padding-top: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    letter-spacing: 0.075em;
    margin-bottom: 7px;
}
@media screen and  (max-width: 767px) {
    .item-head__category {
    padding-top: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    letter-spacing: 0.075em;
    margin-bottom: 7px;
}
}

.item-head__category p {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.item-head__name {
    font-size: 26px;
    line-height: 1.42308;
    font-weight: 500;
    letter-spacing: 0.075em;
    margin-bottom: 20px;
}
.item-head__text {
    margin-bottom: 25px;
    line-height: 1.75;
    font-weight: 450;
}
.item-head__subtext {
    font-size: 12px;
    margin-bottom: 25px;
    letter-spacing: 0.3em;
    line-height: 1.75;
    font-weight: 450;
}

.fz12 {
    font-size: 12px !important;
}
.item-head__detail {
    padding: 20px 0 25px 0;
    border-top: 1px solid #E5E5E5;
}
.item-head__item {
    display: flex;
    align-items: center;
    padding: 15px 0;
}
.item-head__total__label {
    width: 104px;
    font-size: 14px;
    letter-spacing: 0.075em;
}
.item-head__total {
    display: flex;
    align-items: center;
    padding: 15px 0 8px;
    font-size: 16px;
    margin-bottom: 2px;
    letter-spacing: 0.075em;
}

.item-head__label {
    width: 104px;
    font-size: 14px;
    letter-spacing: 0.075em;
}
.item-head__content {
    font-size: 14px;
    font-family: "Ginto", "Noto Sans Japanese", sans-serif;
    width: calc(100% - 104px);
    letter-spacing: 0.075em;
}
.item-content {
    padding: 50px 0;
}
.item-content__wrapper {
    margin: 0 20px;
    box-sizing: border-box;
}
.item-content__mv{
    text-align: center;
}

.item-content__mv img {
    width: 800px;
}

.item-contents_acco {
    padding: 50px 0;
    width: 375px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 992px) {
.item-contents_acco {
    padding: 50px 0;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
}
.item-contents_acco__wrapper {
    margin: 0 20px;
    box-sizing: border-box;
}

@media screen and (min-width: 992px) {
    .item-content__mv img {
    width: 800px;
}   
}

.item-detail {
    border-top: 1px solid #E5E5E5;
}

.item-detail:last-child {
    border-bottom: 1px solid #E5E5E5;
}

.item-detail__heading {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.075em;
    height: 83px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 75px 0 15px;
    cursor: pointer;
    transition: 0.4s;
}

.item-detail__content {
    display: none;
    font-size: 14px;
    line-height: 1.71429;
    letter-spacing: 0.075em;
    padding: 0 15px 25px 15px;
}

/*tr1*/
/*tr2*/

@media screen and (min-width: 992px) {
    .p-product-detail__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 48px;
    }
}

.p-product-detail__inner {
    /*border-bottom: 1px solid #c7c7c7;*/
    margin-top: 40px;
}
@media screen and (min-width: 992px) {
    .p-product-detail__images {
        width: calc(50% - 40px);
    }
}
.p-product-detail__images-inner {
    position: relative;

}
.c-slider {
    width: 100%;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.c-slider .swiper-wrapper {
    padding-bottom: 30px;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex
;
    transition-property: transform;
    box-sizing: content-box;
}
.c-slider--product .swiper-slide {
    overflow: hidden;
}

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

/*Swiper*/
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 14px;
    /*background: #444;*/
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .mySwiper2 {
    height: 80%;
    width: 100%;
  }

  .mySwiper {
    height: 15%;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .mySwiper .swiper-slide {
    /*width: 25%;*/
    height: 100%;
    /*opacity: 0.4;*/
  }

  .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .productsPages .imageArea {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .infoArea{
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }



@media screen and (min-width: 992px) {
  .productsPages .imageArea {
    width: calc(55% - 40px);
  }
  .infoArea{
    width: calc(45% - 40px);
    margin-top: 0px;
}
}

.online-shop-box {
    position: relative;
    margin: 20px 0 0;
    padding: 0 15px 15px;
    text-align: center;
    border-top: 1px solid #E5E5E5;
}
@media screen and (max-width: 992px) {
    .online-shop-box{
        display: none;
    }
}

.online-shop-title {
    margin: 50px 0 20px;
    font-size: 20px;
    font-weight: bold;
}

.online-shop-subtitle {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
}

.online-shop-logo {
    display: flex;
    justify-content: space-around;
    margin: 35px 0px 35px 0px;
}
.online-shop-box__3 {
    width: 100%;
    padding: 0 0 20px;
    background-color: #C5C6C7;
    text-align: center;
}
.online-shop-box__inner__3 {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 10px;
    background-color: #FFF;
    border-radius: 30px;
    border: 1px solid #e5e5e5;
}
p.online-shop-title {
    text-align: center;
    margin: 25px 0px 0px 0px;
    padding: 20px 0 0;
    font-size: 17px;
    font-weight: bold;
    color: #2C2C2C;
}
.online-shop-store {
    display: flex;
    align-items: center;
    margin: 20px;
}
.online-shop-img {
    flex: 1;
    margin: 25px 0 15px 20px;
}
.online-shop__button-more {
    display: block;
    width: 135px;
    height: 40px;
    margin: 25px 20px 15px;
    padding: 10px 5px;
    background: #FFFFFF;
    border: 1px solid rgba(44, 44, 44, 0.25);
    box-sizing: border-box;
    font-size: 10px;
    text-align: center;
}
@media screen and (min-width: 992px) {
.online-shop-box__inner__3{
    display: none;
}
}

:root {
  --swiper-navigation-color: #000;
  --swiper-pagination-color: #000;
}


.announce {
    background: #f8f8f8;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
    font-family: "Noto Sans Japanese", sans-serif;
    letter-spacing: 0.075em;
    padding: 12px 0 10px;
}