/* pc-only */
.product-title-wrapper {
    margin-top: 10.25rem;
}

.product-title {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.13125rem;
    text-align: center;
    padding: 1.94rem 45.12rem 1.88rem 48.56rem;
    background: #FDF8DF;
    white-space: nowrap;
}

.container {
    margin: 3.75rem 14.63rem 6.75rem 13.62rem;
    display: flex;
    justify-content: space-between;
}

.main-img-container img {
    width: 40.625rem;
    height: 40.625rem;
    aspect-ratio: 1/1;
    margin-bottom: 2.81rem;
}

.sub-img-container {
    width: 40.625rem;
    display: flex;
    justify-content: space-between;
}

.sub-img-container img {
    width: 13.125rem;
    height: 13.125rem;
    aspect-ratio: 1/1;
}

.sub-img-container img:last-child {
    visibility: hidden;
}

.product-charm p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.9375rem; /* 153.659% */
    letter-spacing: 0.28188rem;
    margin-bottom: 17.75rem;
}

.charm-detail-wrapper {
    padding: 1.87rem 3.94rem 1.81rem 3.81rem;
    background: #FDF8DF;
    margin-bottom: 5.19rem;
}

.charm-detail-title {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.13125rem;
    text-align: center;
    padding-bottom: 1.25rem;
}

.charm-detail-container {
    padding: 2.38rem 2.06rem 2.62rem 3.87rem;
    background: #FFFFFF;
}

.charm-detail-item {
    display: flex;
    align-items: center;
    padding-bottom: 1.19rem;
}

.charm-detail-item:last-child {
    padding-bottom: 0;
}

.charm-detail-item img {
    width: 2.3125rem;
    height: 2.3125rem;
    aspect-ratio: 1/1;
    margin-right: 1.56rem;
}

.charm-detail-item p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 1.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.10875rem;
}

.volume-detail {
    padding: 1.44rem 8.06rem 1.5rem 6.81rem;
    border: 1px solid #000;
    text-align: center;
}

.volume-detail p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.0975rem;
}

.accordion-header {
    display: flex;
    align-items: center;
    padding: 2.19rem 6.75rem 2.13rem 30.37rem;
    background: #E3F7BF;
    margin: 0 14.63rem 5.13rem 13.56rem;
}

.accordion-header__title {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15rem;
    white-space: nowrap;
    padding-right: 21.75rem;
}

.accordion-icon {
    width: 3.0625rem;
    height: 3.0625rem;
    aspect-ratio: 1/1;
}

.accordion-item {
    display: flex;
    align-items: center;
    padding: 2.19rem 6.75rem 2.13rem 30.37rem;
    background: #E3F7BF;
    margin: 0 14.63rem 0 13.56rem;
}

.accordion-header__body {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15rem;
    white-space: nowrap;
    padding-right: 22rem;
}

.accordion-icon__body {
    width: 2.75rem;
    height: 4.1875rem;
    aspect-ratio: 44/67;
}

.notice-body {
    display: none;
}

.notice-body-sp {
    display: none;
}

.item-content {
    padding: 4.14rem 3.5rem 16.06rem 6.5rem;
    background: #FAFBD7;
    margin: 0 14.63rem 5.13rem 13.56rem;
}

.item-content p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.1875rem; /* 167.5% */
    letter-spacing: 0.375rem;
    padding-bottom: 4rem;
}

.price-wrapper {
    margin: 0 12.13rem 6.75rem 9.81rem;
}

.sub-title span {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15rem;
    padding: 0.44rem 9.25rem 0.44rem 10.19rem;
    border: 1px solid #000000;
}

.sub-price {
    width: 98.0625rem;
    height: 0 auto;
    padding: 2.49rem 0 4.38rem 0;
}

.single-title span {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15rem;
    padding: 0.44rem 9.25rem 0.44rem 10.19rem;
    border: 1px solid #000000;
}

.single-price {
    width: 98.0625rem;
    height: 0 auto;
    padding: 2.49rem 0 2.49rem 0;
}

.single-title a:nth-of-type(2) .single-price {
    padding: 0;
}

.single-title a:nth-of-type(3) .single-price {
    padding-bottom: 4.38rem;
}

.customer-voice {
    margin: 0 10.69rem 7.69rem 11.25rem;
}

.customer-voice-title {
    color: #FFF;
    font-family: "Noto Sans TC";
    font-size: 3.0625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.18375rem;
    padding: 2.75rem 41.25rem 2.25rem 40.69rem;
    background: #FBA3BA;
    white-space: nowrap;
}

.customer-voice-content {
    padding: 2.69rem 3.81rem 3.87rem 3.69rem;
    background: #FFF2F5;
}

.customer-voice-img {
    width: 90.75rem;
    height: 0 auto;
}

.customer-voice-content .customer-voice-img:nth-of-type(1) {
    padding-bottom: 5.06rem;
}

.faq-header {
    display: flex;
    align-items: center;
    padding: 2.19rem 8.44rem 1.5rem 41.13rem;
    background: #E3F7BF;
    margin: 0 10.87rem 4.88rem 11.5rem;
}

.faq-header__title {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 3.0625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.18375rem;
    white-space: nowrap;
    padding-right: 31.44rem;
}

.faq-item {
    display: flex;
    align-items: center;
    background: #E3F7BF;
    padding: 2.19rem 8.44rem 1.5rem 41.13rem;
    margin: 0 10.87rem 0 11.5rem;
}

.faq-header__body {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 3.0625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.18375rem;
    white-space: nowrap;
    padding-right: 31.44rem;
}

.faq-content {
    padding: 4.14rem 3.5rem 16.06rem 6.5rem;
    background: #FAFBD7;
    margin: 0 10.87rem 4.88rem 11.5rem;
}

.faq-container {
    padding: 1.75rem 3.53rem 2.5rem 5.31rem;
    background: #FFFFFF;
    border: 4px solid #3EA34A;
    margin-bottom: 5.88rem;
}

.faq-item-header {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.1875rem; /* 167.5% */
    letter-spacing: 0.3rem;
    padding-bottom: 1.31rem;
}

.faq-item-body {
    color: #27A33B;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.1875rem; /* 167.5% */
    letter-spacing: 0.3rem;
}

.lp-img {
    margin: 0 13.44rem 18.5rem 13.75rem;
}

.lp-img img {
    width: 92.5rem;
    height: 0 auto;
}

.also-bought-title {
    display: flex;
    margin: 0 40.44rem 0 34.69rem;
}

.also-bought-title img {
    width: 3.6875rem;
    height: 3.75rem;
    aspect-ratio: 59/60;
}

.also-bought-title span {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 3.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.585rem;
    padding: 0 4.88rem;
    white-space: nowrap;
}

.product-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 5.63rem 27.06rem 22.56rem 26rem;
}

.product-area {
    width: 21.875rem;
    display: flex;
    flex-direction: column !important;
    text-decoration: none;
    color: inherit;
}

.product-area img {
    display: block;
    width: 100%;
}

.text-area {
    width: 21.875rem;
    height: 8.75rem;
    font-family: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
    background-color: #F7E8DC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.product-name {
    color: #000;
    /* font-family: "Noto Sans TC"; */
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0.5rem;
}

.product-catchphrase {
    color: #000;
    /* font-family: "Noto Sans TC"; */
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 0.75rem;
}

.text-area img {
    width: 16.625rem;
    height: 2.1875rem;
}

.btn-view-all {
    width: 44.125rem;
    height: 3.0625rem;
    margin: 4.31rem 14.88rem 3.37rem 14.13rem;
}

.contact {
    display: flex;
    margin: 0 17.69rem 10.94rem 14.81rem;
}

.tel-btn {
    width: 41.6875rem;
    height: 18.625rem;
    aspect-ratio: 620/277;
    margin-right: 3.81rem;
}

.line {
    width: 41.6875rem;
    height: 8.875rem;
    aspect-ratio: 667/142;
    margin-bottom: 1.88rem;
}

.question {
    width: 41.75rem;
    height: 7.875rem;
    aspect-ratio: 334/63;
    align-items: center;
}

/* sp-only */

.product-title-wrapper-sp {
    padding: 4.5rem 7.81rem 5.06rem 8rem;
    background: #FDF8DF;
}

.product-title-wrapper-sp img {
    width: 16.25rem;
    height: 0 auto;
    margin: 0 9.12rem 3.06rem 6.81rem;
}

.product-title-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.13125rem;
    white-space: nowrap;
    text-align: center;
}

.container-sp {
    margin: 3.31rem 3.56rem 2.44rem 3.81rem;
}

.main-img-container-sp img {
    width: 40.625rem;
    height: 40.625rem;
    aspect-ratio: 1/1;
    padding-bottom: 2.88rem;
}

.sub-img-container-sp {
    display: flex;
    justify-content: space-between;
}

.sub-img-container-sp img:last-child {
    visibility: hidden;
}

.sub-img-container-sp img {
    width: 13.125rem;
    height: 13.125rem;
    aspect-ratio: 1/1;
}

.volume-detail-sp {
    padding: 1.44rem 6.94rem 1.31rem 5.81rem;
    border: 1px solid #000;
    margin: 0 2.87rem 0 2.69rem;
    text-align: center;
}

.volume-detail-sp p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.105rem;
    white-space: nowrap;
}

.product-charm-sp p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.9375rem; /* 180% */
    letter-spacing: 0.24063rem;
    white-space: nowrap;
    text-align: center;
    margin: 2.88rem 5.38rem 6.44rem 5.25rem;
}

.charm-detail-wrapper-sp {
    padding: 1.87rem 3.94rem 1.81rem 3.81rem;
    background: #FDF8DF;
    margin: 0 2.81rem 5.12rem 2.75rem;
}

.charm-detail-title-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1425rem;
    text-align: center;
    padding-bottom: 1.5rem;
}

.charm-detail-container-sp {
    padding: 2.38rem 0.63rem 2.63rem 2.94rem;
    background: #FFFFFF;
}

.charm-detail-item-sp {
    display: flex;
    align-items: center;
    padding-bottom: 1.19rem;
}

.charm-detail-item-sp:last-child {
    padding-bottom: 0;
}

.charm-detail-item-sp img {
    width: 2.3125rem;
    height: 2.3125rem;
    aspect-ratio: 1/1;
    margin-right: 1.31rem;
}

.charm-detail-item-sp p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.12rem;
}

.accordion-header-sp {
    display: flex;
    align-items: center;
    padding: 1.56rem 4.75rem 1.5rem 14.25rem;
    background: #E3F7BF;
    margin: 0 2.81rem 5.75rem 2.75rem;
}

.accordion-header__title-sp {
    color: #000;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.9375rem; /* 123.684% */
    letter-spacing: 0.1425rem;
    margin-right: 5.62rem;
    text-align: center;
    white-space: nowrap;
}

.accordion-icon-sp {
    width: 2.625rem;
    height: 2.625rem;
    aspect-ratio: 1/1;
}

.accordion-item-sp {
    display: flex;
    align-items: center;
    padding: 1.56rem 4.75rem 1.5rem 14.25rem;
    background: #E3F7BF;
    margin: 0 2.81rem 0 2.75rem;
}

.accordion-header__body-sp {
    color: #000;
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.9375rem; /* 123.684% */
    letter-spacing: 0.1425rem;
    margin-right: 5.62rem;
    text-align: center;
    white-space: nowrap;
}

.accordion-icon__body-sp {
    width: 2.75rem;
    height: 4.1875rem;
    aspect-ratio: 44/67;
}

.item-content-sp {
    margin: 0 2.81rem 5.75rem 2.75rem;
    padding: 3.5rem 2.19rem 34.44rem 2.75rem;
    background: #FAFBD7;
}

.item-content-sp p {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.4375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.0625rem; /* 166.667% */
    letter-spacing: 0.24375rem;
    white-space: nowrap;
    padding-bottom: 4rem;
}

.price-wrapper-sp {
    margin: 0 3.44rem 5.69rem 3.31rem;
}

.sub-title-sp {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sub-title-sp span {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1425rem;
    padding: 0.44rem 10.62rem 0.45rem 10.19rem;
    border: 1px solid #000000;
}

.sub-price-sp {
    width: 41.25rem;
    height: 0 auto;
    padding: 4.37rem 0;
}

.single-title-sp {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-price-sp {
    width: 41.25rem;
    height: 0 auto;
    padding: 4.37rem 0;
}

.single-title-sp span {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1425rem;
    padding: 0.44rem 10.62rem 0.45rem 10.19rem;
    border: 1px solid #000000;
}

.single-title-sp a:nth-of-type(2) .single-price-sp {
    padding: 0;
}

.single-title-sp a:nth-of-type(3) .single-price-sp {
    padding-bottom: 4.38rem;
}

.customer-voice-sp {
    margin: 0 1.19rem 8.13rem 1.31rem;
}

.customer-voice-title-sp {
    color: #FFF;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1425rem;
    padding: 1.87rem 16.31rem 2.44rem 16rem;
    background: #FBA3BA;
}

.customer-voice-content-sp {
    padding: 5.81rem 1.19rem 3.5rem 1.25rem;
    background: #FFF2F5;
}

.customer-voice-content-sp .customer-voice-img-sp:nth-of-type(1) {
    width: 43.125rem;
    height: 0 auto;
    padding-bottom: 3.31rem;
}

.customer-voice-content-sp .customer-voice-img-sp:nth-of-type(2) {
    width: 42.9375rem;
    height: 0 auto;
}

.faq-header-sp {
    display: flex;
    align-items: center;
    padding: 2.19rem 3.5rem 2.38rem 16.69rem;
    background: #E3F7BF;
    margin: 0 2.5rem 5.13rem 1.81rem;
}

.faq-header__title-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1425rem;
    white-space: nowrap;
    padding-right: 10.44rem;
}

.faq-item-sp {
    display: flex;
    align-items: center;
    background: #E3F7BF;
    padding: 2rem 2.62rem 1.75rem 16.62rem;
    margin: 0 2.5rem 0rem 1.81rem;
}

.faq-header__body-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.1425rem;
    white-space: nowrap;
    padding-right: 11rem;
}

.faq-content-sp {
    padding: 2.94rem 2.06rem 4.38rem 2.06rem;
    background: #FAFBD7;
    margin: 0 2.5rem 4.87rem 1.81rem;
}

.faq-container-sp {
    padding: 2rem 1.94rem 3.06rem 1.94rem;
    background: #FFFFFF;
    border: 4px solid #3EA34A;
    margin-bottom: 5.88rem;
}

.faq-item-header-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.1875rem; /* 176.316% */
    letter-spacing: 0.285rem;
    padding-bottom: 1.94rem;
    white-space: nowrap;
}

.faq-item-body-sp {
    color: #27A33B;
    font-family: "Noto Sans TC";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.1875rem; /* 167.5% */
    letter-spacing: 0.3rem;
    white-space: nowrap;
}

.lp-img-sp {
    margin: 0 2.75rem 17.5rem 2.75rem;
}

.lp-img-sp img {
    width: 42.5rem;
    height: 0 auto;
}

.also-bought-title-sp {
    display: flex;
    align-items: center;
    margin: 0 7.56rem 0 5.81rem;
}

.also-bought-title-sp img {
    width: 3.6875rem;
    height: 3.75rem;
    aspect-ratio: 59/60;
}

.also-bought-title-sp span {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 3.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.585rem;
    padding: 0 1.12 0 1.31rem;
    white-space: nowrap;
}

.product-container-sp {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 5.63rem 1.5rem 11.62rem 1.44rem;
}

.product-area-sp {
    width: 21.875rem;
    display: flex;
    flex-direction: column !important;
    text-decoration: none;
    color: inherit;
}

.product-area-sp img {
    display: block;
    width: 100%;
}

.text-area-sp {
    width: 21.875rem;
    height: 8.75rem;
    font-family: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
    background-color: #F7E8DC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.product-name-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0.5rem;
}

.product-catchphrase-sp {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 0.75rem;
}

.text-area-sp img {
    width: 16.625rem;
    height: 2.1875rem;
}

.btn-view-all-sp {
    width: 44.125rem;
    height: 3.0625rem;
    margin: 0 1.94rem 5.19rem 1.94rem;
}

.contact-title-sp {
    width: 12.5rem;
    height: 2.625rem;
    color: #402005;
    font-family: "Noto Sans TC";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.2925rem;
    margin: 5.25rem 16.19rem 3.12rem 19.31rem;
}

.contact-container-sp {
    width: 45.3125rem;
    height: 34.5625rem;
    background: #F8E6D8;
    margin: 0 1.31rem 4.25rem 1.38rem;
}

.tel-title-sp {
    color: #454545;
    font-family: "Noto Sans TC";
    font-size: 1.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 90.323% */
    letter-spacing: 0.44563rem;
    padding: 2.56rem 15.81rem 2.12rem 15.62rem;
    white-space: nowrap;
}

.tel-img-sp {
    width: 45.31rem;
    height: 9.375rem;
    aspect-ratio: 298/75;
    padding: 0 4.12rem 0 3.94rem;
}

.line-title-sp {
    color: #454545;
    font-family: "Noto Sans TC";
    font-size: 1.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem; /* 90.323% */
    letter-spacing: 0.44563rem;
    padding: 2.69rem 18.12rem 2.06rem 18.06rem;
    white-space: nowrap;
}

.line-img-sp {
    width: 45.31rem;
    height: 9.3125rem;
    aspect-ratio: 4/1;
    padding: 0 4.06rem 0 4rem;
}

.sub-title span {
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15rem;
    padding: 0.44rem 9.25rem 0.44rem 10.19rem;
    border: 1px solid #000000;
}

.sub-price {
    width: 98.0625rem;
    height: 0 auto;
    padding: 2.49rem 0 4.38rem 0;
}