@charset "UTF-8"; /* RWDfullscreen01 start=> */
.color4, .slice.color4, .bulle.color4, .ctaBox.color4 {
    background-color: #525252
}

.RWDMenuIcon001 {
    background-color: rgb(255, 255, 255)
}

.navbar-nav>li:hover {
    background-color: rgba(255, 255, 255, 0)
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent
}

.navbar-default .navbar-nav > li > a {
    color: #b6b6b6
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff
}

.navbar-nav > li > a i:hover {
    color: #000000
}

ul.nav li ul {
    background: #000000
}

ul.nav li ul li {
    background: transparent
}

.navbar .nav li ul li:hover {
    background-color: transparent
}

.navbar .nav li.active a, .navbar .nav li.active a:hover {
    color: #FFFFFF
}

.in ul.nav {
    background: transparent
}

.RWDnews005 h1.main-title {
    color: transparent
}

.RWDnews005 h2.sub-title {
    color: transparent
}

.RWDnews005 .section-line {
    background-color: transparent
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons div {
    color: #313131
}

.RWDnews005 .owl-theme .owl-controls .owl-buttons div {
    background: #ffffff
}

.text-left {
    color: #666666
}

.RWDproduct002 h1.main-title {
    color: #999999
}

.RWDproduct002 h2.sub-title {
    color: #999999
}

.RWDproduct002 .section-line {
    background-color: #999999
}

.RWDproduct002 .btn.btn-rj {
    background-color: #e7ac06
}

.RWDproduct002 .btn.btn-rj {
    border-color: rgba(255, 255, 255, 0)
}

.RWDproduct002 .btn.btn-rj {
    color: #ffffff
}

.RWDproduct002 .btn.btn-rj:hover, .btn.btn-rj:focus {
    background-color: rgba(231, 172, 6, 0.7)
}

.RWDproduct002 .btn.btn-rj:hover, .btn.btn-rj:focus {
    color: #ffffff
}

.portfolio-item > .inner-content > .portfolio-content > .portfolio-detail a > .portfolio-text {
    color: #ffffff
}

.RWDPreloader001 {
    background: #ffffff
}

.copyright_desc {
    color: #ffffff
}

.copyright_desc a {
    color: #ffffff
}

.copyright_desc a:hover {
    color: #ffffff
}

/* <= RWDfullscreen01 end */
:root {
    --TransitionDefault: .5s ease;
    --ColorPrimary: #799C8E;
    --ColorSecondary: #A5C2B2;
    --ColorPrimaryHover: #3A4542;
    --ColorSecondaryHover: var(--ColorPrimary);
    --ColorBg: #F8F8F4;
    --TextColorPrimary: #3A4542;
    --TextColorSecondary: #5F6563;
    --TextColorTitle: #799C8E;
    --BorderPrimary: 1px solid #799C8E;
    --BorderSecondary: 1px solid #DDE6E0;
    --BorderColorPrimary: #799C8E;
    --BorderColorSecondary: #DDE6E0;
    --BtnOutlineTextColor: #3A4542;
    --BtnOutlineBg: transparent;
    --BtnOutlineHoverTextColor: white;
    --BtnOutlineHoverBg: var(--ColorPrimary);
    --BtnPrimaryTextColor: white;
    --BtnPrimaryBg: var(--ColorPrimary);
    --BtnPrimaryHoverTextColor: white;
    --BtnPrimaryHoverBg: #5b7f71;
    --BtnSecondaryTextColor: white;
    --BtnSecondaryBg: #92baaa;
    --BtnSecondaryHoverTextColor: white;
    --BtnSecondaryHoverBg: var(--ColorPrimary);
    --BtnBorderRadius: 99em;
    --BtnWidth: 250px;
    --BtnHeight: 55px;
    --BtnFontSize: clamp(0.9375rem, 0.75rem + 0.2344vw, 1.125rem);
    --BtnMarginTop: max(5vw,3rem);
    --FontFamily: "Lato", "Noto Serif TC", serif;
    --FontFamilyEn: "Lato", sans-serif;
    --FontFamilyTw: "Noto Serif TC", serif;
    --NaviHeight: 100px;
    --NaviStickyOffset: calc(var(--NaviHeight) + 1rem);
    --NaviTextColor: #fff;
    --NaviHoverTextColor: var(--ColorSecondary);
    --NaviUpTextColor: #fff;
    --NaviUpHoverTextColor: var(--ColorSecondary);
    --NaviBtnPrimaryTextColor: var(--BtnPrimaryTextColor);
    --NaviBtnPrimaryBg: var(--BtnPrimaryBg);
    --NaviBtnPrimaryHoverTextColor: var(--BtnPrimaryHoverTextColor);
    --NaviBtnPrimaryHoverBg: var(--BtnPrimaryHoverBg);
    --NaviBtnWidth: 200px;
    --NaviBtnSecondaryTextColor: var(--BtnSecondaryTextColor);
    --NaviBtnSecondaryBg: var(--BtnSecondaryBg);
    --NaviBtnSecondaryHoverTextColor: var(--BtnSecondaryHoverTextColor);
    --NaviBtnSecondaryHoverBg: var(--BtnSecondaryHoverBg);
    --FontSizePrimary: clamp(1.625rem, 1.2941rem + 0.4412vw, 2rem);
    --FontSizeSecondary: clamp(1.125rem, 1.0147rem + 0.1471vw, 1.25rem);
    --FontSizeItemTitle: clamp(1.25rem, 0.9483rem + 0.3448vw, 1.5rem);
    --FontSizeHint: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);
    --FontSizeBody: clamp(0.9375rem, 0.75rem + 0.2344vw, 1.125rem);
    --FontSizeTitleDeco: clamp(1rem, 0.7861rem + 0.4462vw, 1.5rem);
    --FontSizeNavi: clamp(0.9375rem, 0.75rem + 0.2344vw, 1.125rem);
    --SectionPadding: max(6vw,5rem);
    --SectionMarginBottom: max(3vw, 3rem);
    --ItemPadding: max(2vw, 1.5rem);
    --CardPadding: max(3vw, 2rem);
    --BlockPadding: max(3vw, 2rem);
    --Space1: 1rem;
    --Space2: max(2vw, 1.5rem);
    --Space3: max(3vw, 2rem);
    --Space4: max(4vw, 2.5rem);
    --Space5: max(10vw, 3rem);
    --ContainerDefaultWidth: 85%;
    --BorderRadius: 2em;
    --TransformCenter: translateX(-50%) translateY(-50%);
    --TransformXCenter: translateX(-50%);
    --TransformYCenter: translateY(-50%);
    --SnsLine: #4cc764;
    --SnsFB: #1877f2;
    --SnsMessenger: linear-gradient(20deg, rgba(0, 153, 255, 1) 0%, rgba(160, 51, 255, 1) 60%, rgba(255, 82, 128, 1) 90%, rgba(255, 112, 97, 1) 100%);
    --SnsYT: #ff0000;
    --SnsIG: linear-gradient(45deg, rgba(250, 225, 0, 1) 0%, rgba(252, 183, 32, 1) 15%, rgba(255, 121, 80, 1) 30%, rgba(255, 28, 116, 1) 50%, rgba(108, 28, 209, 1) 100%);
    --SnsTwitter: #000;
    --SnsShopee: #ed4c2f
}

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

img.cover {
    width: 100%;
    height: 100%;
    max-width: unset;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100%;
    min-height: 100%
}

.img-radius {
    border-radius: var(--BorderRadius);
    overflow: hidden
}

a,button,button:hover,a:is(:hover,:active,:focus,:visited) {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    text-decoration: none
}

a:hover,a:focus {
    color: var(--ColorPrimaryHover)
}

body {
    margin: 0;
    font-family: var(--FontFamily);
    letter-spacing: 2.5px;
    line-height: 1.6;
    font-size: var(--FontSizeBody);
    color: var(--TextColorSecondary);
    background-repeat: repeat;
    font-weight: 400
}

.fl {
    width: max(5vw,85px)
}

.fl img {
    width: 100%;
    -webkit-animation-name: zeroall;
    animation-name: zeroall;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@keyframes zeroall {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes zeroall {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

.container-fluid {
    width: 100%;
    z-index: 1;
    position: relative;
    padding-inline:0}

.container-95 {
    width: 95%;
    margin: auto;
    z-index: 1;
    position: relative
}

.container-90 {
    width: 90%;
    margin: auto;
    z-index: 1;
    position: relative
}

.container-85 {
    width: 85%;
    margin: auto;
    z-index: 1;
    position: relative
}

.container-80 {
    width: 80%;
    margin: auto;
    z-index: 1;
    position: relative
}

.container-75 {
    width: 75%;
    margin: auto;
    z-index: 1;
    position: relative
}

.container-70 {
    width: 70%;
    margin: auto;
    z-index: 1;
    position: relative
}

.section-spacing {
    padding: var(--SectionPadding) 0;
    position: relative
}

.section-spacing-top {
    padding-top: var(--SectionPadding);
    position: relative
}

.section-spacing-bottom {
    padding-bottom: var(--SectionPadding);
    position: relative
}

.default-list {
    padding-left: 20px;
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

hr.default-hr {
    padding-top: 2.5rem;
    margin-top: 2.5rem;
    border-top: var(--BorderSecondary);
    margin-bottom: 0
}

.d-grid {
    display: grid
}

.column-one {
    grid-template-columns: 1fr
}

.column-half {
    grid-template-columns: 1fr 1fr
}

.column-gap-1 {
    -webkit-column-gap: var(--Space1);
    -moz-column-gap: var(--Space1);
    column-gap: var(--Space1)
}

.column-gap-2 {
    -webkit-column-gap: var(--Space2);
    -moz-column-gap: var(--Space2);
    column-gap: var(--Space2)
}

.column-gap-3 {
    -webkit-column-gap: var(--Space3);
    -moz-column-gap: var(--Space3);
    column-gap: var(--Space3)
}

.column-gap-4 {
    -webkit-column-gap: var(--Space4);
    -moz-column-gap: var(--Space4);
    column-gap: var(--Space4)
}

.column-gap-5 {
    -webkit-column-gap: var(--Space5);
    -moz-column-gap: var(--Space5);
    column-gap: var(--Space5)
}

.row-gap-1 {
    row-gap: var(--Space1)
}

.row-gap-2 {
    row-gap: var(--Space2)
}

.row-gap-3 {
    row-gap: var(--Space3)
}

.row-gap-4 {
    row-gap: var(--Space4)
}

.row-gap-5 {
    row-gap: var(--Space5)
}

.gap-1 {
    gap: var(--Space1)
}

.gap-2 {
    gap: var(--Space2)
}

.gap-3 {
    gap: var(--Space3)
}

.gap-4 {
    gap: var(--Space4)
}

.gap-5 {
    gap: var(--Space5)
}

.mt-1 {
    margin-top: var(--Space1)
}

.mt-2 {
    margin-top: var(--Space2)
}

.mt-3 {
    margin-top: var(--Space3)
}

.mt-4 {
    margin-top: var(--Space4)
}

.mt-5 {
    margin-top: var(--Space5)
}

::-moz-selection {
    background: #555;
    color: #fff
}

::selection {
    background: #555;
    color: #fff
}

::-moz-selection {
    background: #555;
    color: #fff
}

.section-title {
    position: relative
}

.section-title-bottom {
    margin-bottom: var(--SectionMarginBottom)
}

.index .main-title,.main-title {
    letter-spacing: 3px;
    font-weight: 500;
    margin-top: 0rem;
    margin-bottom: 0;
    font-size: var(--FontSizePrimary);
    color: var(--TextColorPrimary);
    line-height: 1.5
}

.index .sub-title,.sub-title {
    letter-spacing: 2px;
    font-weight: 500;
    font-size: var(--FontSizeSecondary);
    line-height: 1.5;
    color: var(--TextColorSecondary)
}

h3+p {
    margin-top: 1rem
}

p+p {
    margin-top: 1.5rem
}

.main-title+.sub-title {
    margin-top: 5px
}

.en-title {
    font-size: var(--FontSizeTitleDeco);
    font-weight: 500;
    letter-spacing: 1px;
    font-family: var(--FontFamilyEn) !important;
    color: var(--TextColorSecondary);
    line-height: 1
}

:is(.main-title,.sub-title,.en-title,p).white {
    color: #fff !important
}

h3 {
    font-size: var(--FontSizeItemTitle);
    color: var(--TextColorTitle);
    letter-spacing: 2px;
    font-weight: 400;
    line-height: 1.3
}

p,.description {
    font-size: var(--FontSizeBody);
    letter-spacing: 2px;
    color: var(--TextColorSecondary);
    line-height: 1.8;
    font-weight: 400;
    font-family: var(--FontFamily) !important
}

.btn-group a,.RWDbtn01 .btn {
    border: none;
    padding: 10px;
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    letter-spacing: 1px;
    margin-top: var(--BtnMarginTop);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    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
}

.btn-group .main-btn {
    color: var(--BtnPrimaryTextColor);
    background: var(--BtnPrimaryBg)
}

.btn-group .sub-btn {
    color: var(--BtnSecondaryTextColor);
    background: var(--BtnSecondaryBg)
}

.btn-group .outline-btn {
    border: var(--BorderPrimary);
    background: var(--BtnOutlineBg);
    border-width: 0 0 1px;
    padding: 0 0 10px;
    color: var(--BtnOutlineTextColor);
    border-radius: 0
}

.btn-group i,.btn-group img {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    margin-left: 10px
}

.m-auto {
    margin-inline:auto}

.btn-group-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.en-body-txt {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ColorPrimary);
    font-weight: 400
}

.footer-block {
    background: var(--TextColorTitle);
    color: #fff
}

.footer-block .footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--Space2)
}

.footer-block .footer-info .footer-col.contact span {
    display: inline-block;
    min-width: 60px;
    padding-right: .5rem
}

.footer-block .footer-info .footer-col .footer-title {
    font-size: calc(var(--FontSizeBody)*.9);
    text-transform: uppercase;
    margin-bottom: var(--Space1);
    color: #fff;
    opacity: .6;
    font-weight: 400
}

.footer-block .footer-info .footer-col.guides {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.footer-block .footer-info .footer-col.guides ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 1rem
}

.footer-block .footer-info .footer-col p,.footer-block .footer-info .footer-col a,.footer-block .footer-info .footer-col li {
    font-size: var(--FontSizeBody);
    color: #fff;
    margin: .25rem 0
}

.footer-block .footer-info .footer-col a {
    text-decoration: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.footer-block .footer-info .footer-col a:hover {
    opacity: .8
}

.footer-block .footer-info .footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-block .footer-info .footer-col ul li {
    margin: .3rem 0
}

.footer-block .footer-info .footer-col .footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.footer-block .footer-info .footer-col .footer-social a {
    background: hsla(0,0%,100%,.7);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px
}

.footer-block .footer-info .footer-col .footer-social a img {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-block .footer-other-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: max(var(--FontSizeBody)*.8,12px);
    color: #fff;
    opacity: .4;
    font-family: 微軟正黑體,sans-serif;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.footer-block .footer-other {
    border-top: 1px solid hsla(0,0%,100%,.2);
    padding: var(--Space2) 0 0
}

.footer-block .footer-other .container-70 {
    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
}

.footer-block .footer-other p {
    font-size: max(var(--FontSizeBody)*.8,12px);
    color: #fff;
    opacity: .4
}

.footer-block .footer-other .footer-copy {
    margin: 0
}

.footer-block .footer-other .footer-top-link {
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.footer-block .footer-other .footer-top-link img {
    width: 12px;
    height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid hsla(0,0%,100%,.4);
    border-radius: 50%
}

footer {
    margin-top: 0;
    color: unset;
    border-top: 0;
    background: unset;
    background: #fff6e0;
    padding-bottom: 2rem
}

.keyarrow p,.copyrights,.copyrights a,.copyrights:hover,.copyright_desc,.copyright_desc a,.copyright_desc a:hover {
    font-weight: 400;
    font-size: max(var(--FontSizeBody)*.9,12px) !important;
    color: #fff !important;
    letter-spacing: 1px
}

.RWDssl01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.RWDssl01 .ii-https {
    color: #76ff32
}

.copyright_desc:after {
    content: "|";
    padding: 0 1rem;
    opacity: .5
}

.copyrights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 6rem
}

.footer-info p,.footer-info a {
    color: #4a4a4a
}

.footer-info-list>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--FontSizeBody);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.scrollTop002 {
    position: relative !important;
    right: 0;
    bottom: 0;
    opacity: 1 !important
}

.scrollTop002 .top_btn img {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid hsla(0,0%,100%,.4);
    border-radius: 50%;
    padding: 11px;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.scrollTop002 .top_btn {
    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;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.scrollTop002 .scrollTop002 .txt {
    letter-spacing: 1px
}

.footer-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.footer-btn a {
    text-align: center;
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    padding: 10px;
    border-radius: var(--BtnBorderRadius);
    line-height: 1;
    font-size: var(--BtnFontSize);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--BtnOutlineBg);
    border: 1px solid var(--BtnOutlineTextColor);
    color: var(--BtnOutlineTextColor)
}

@media(min-width: 1200px)and (hover: hover)and (pointer: fine) {
    .footer-sns .iconRounded:hover {
        background-color:rgba(0,0,0,0)
    }

    .footer-sns ul.socialNetwork li:hover {
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    .footer-edm #btn_order_email:hover {
        background-color: var(--BtnPrimaryHoverBg);
        border-color: var(--BtnPrimaryHoverBg);
        color: var(--BtnPrimaryHoverTextColor)
    }

    .footer-edm #btn_reject_email:hover {
        background-color: var(--BtnSecondaryHoverBg);
        border-color: var(--BtnSecondaryHoverBg);
        color: var(--BtnSecondaryHoverTextColor)
    }

    .top_btn:hover img {
        background: var(--ColorPrimaryHover);
        border-color: var(--ColorPrimaryHover)
    }
}

@media(max-width: 2048px) {
    .footer-block .container-70 {
        width:80%
    }
}

@media(max-width: 1680px) {
    .footer-block .footer-info .footer-col .footer-social a {
        width:45px;
        height: 45px
    }

    .footer-block .footer-info .footer-col .footer-social a img {
        width: 25px;
        height: 19px
    }
}

@media(max-width: 1199px) {
    .footer-block .container-70 {
        width:90%
    }
}

@media(max-width: 991px) {
    .footer-block .footer-info .footer-col.guides {
        -ms-flex-preferred-size:45%;
        flex-basis: 45%
    }

    .footer-block .footer-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-col.social {
        width: 100%
    }
}

@media(max-width: 800px) {
    .footer-block .footer-other-inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .copyright_desc:after {
        display: none
    }
}

@media(max-width: 650px) {
    .footer-block .container-70 {
        width:100%;
        padding: 0 2rem
    }

    .footer-block .footer-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-block .footer-other .container-70 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.5rem 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

:root {
    --NaviHeight: 100px;
    --NaviStickyOffset: calc(var(--NaviHeight) + 1rem);
    --NaviTextColor: #fff;
    --NaviHoverTextColor: rgba(255, 255, 255, 0.8);
    --NaviUpTextColor: #3A4542;
    --NaviUpHoverTextColor: var(--ColorPrimary);
    --NaviBtnPrimaryTextColor: var(--BtnPrimaryTextColor);
    --NaviBtnPrimaryBg: var(--BtnPrimaryBg);
    --NaviBtnPrimaryHoverTextColor: var(--BtnPrimaryHoverTextColor);
    --NaviBtnPrimaryHoverBg: var(--BtnPrimaryHoverBg);
    --NaviBtnWidth: 200px;
    --NaviBtnSecondaryTextColor: var(--BtnSecondaryTextColor);
    --NaviBtnSecondaryBg: var(--BtnSecondaryBg);
    --NaviBtnSecondaryHoverTextColor: var(--BtnSecondaryHoverTextColor);
    --NaviBtnSecondaryHoverBg: var(--BtnSecondaryHoverBg)
}

.collapsing_header .main {
    top: 0 !important;
    background-color: rgba(0,0,0,0);
    margin-top: var(--NaviHeight) !important
}

.RWDmenu_plus04 .container {
    width: 100% !important;
    max-width: unset;
    padding: 0
}

.RWDmenu_plus04 .site-nav .menu {
    text-align: right
}

.RWDmenu_plus04 .site-nav .menu>li>a {
    font-size: var(--FontSizeNavi);
    text-align: center;
    color: var(--NaviTextColor);
    letter-spacing: 1px;
    font-weight: 400
}

.RWDmenu_plus04 .site-nav .menu>li>a:hover,.RWDmenu_plus04 .site-nav .menu>li>a.active {
    background: rgba(0,0,0,0);
    color: var(--NaviHoverTextColor)
}

.RWDmenu_plus04 .site-nav .menu>li>a.active:after,.RWDmenu_plus04 .site-nav .menu>li>a.is-active:after {
    border-color: var(--ColorPrimary)
}

.RWDmenu_plus04 .site-nav .menu>li.active>a {
    background: rgba(0,0,0,0);
    color: var(--NaviHoverTextColor)
}

.RWDmenu_plus04 .site-nav .menu>li>ul {
    width: 200px;
    margin-left: -100px;
    padding: 0
}

.RWDmenu_plus04 .site-nav .menu ul li a {
    font-size: var(--FontSizeNavi);
    text-align: center;
    color: var(--NaviUpTextColor);
    padding-right: 10px
}

.RWDmenu_plus04 .site-nav .menu ul li a:hover {
    text-decoration: unset;
    font-weight: 400;
    color: var(--NaviHoverTextColor)
}

.RWDmenu_plus04 .site-nav .menu ul li.has-child>a:after {
    right: 20px;
    border-color: var(--NaviTextColor)
}

.RWDmenu_plus04 .site-nav .menu ul li.active>a {
    text-decoration: unset;
    font-weight: 400;
    color: var(--NaviHoverTextColor)
}

.RWDmenu_plus04 .site-nav .manu-item:hover>a {
    text-decoration: unset;
    font-weight: 400;
    color: var(--NaviHoverTextColor)
}

.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .site-nav .menu li.has-child>a:after {
    border-color: var(--NaviTextColor)
}

.RWDmenu_plus04 .lang-select:hover .lang-select-label {
    background: rgba(0,0,0,0);
    color: var(--NaviHoverTextColor)
}

.RWDmenu_plus04 .header {
    height: var(--NaviHeight);
    padding: 0 5%;
    background: rgba(0,0,0,0);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 .header::before {
    content: "";
    width: 100%;
    height: 120%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.9%, rgba(58, 69, 66, 0.3)), to(rgba(58, 69, 66, 0)));
    background: linear-gradient(180deg, rgba(58, 69, 66, 0.3) 12.9%, rgba(58, 69, 66, 0) 100%);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    position: absolute;
    top: 0;
    left: 0
}

.RWDmenu_plus04 .header .logo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    height: var(--NaviHeight)
}

.RWDmenu_plus04 .header .logo a::before,.RWDmenu_plus04 .header .logo img,.RWDmenu_plus04 .header .logo a {
    position: relative;
    aspect-ratio: 19/10;
    height: calc(var(--NaviHeight) - 60px)
}

.RWDmenu_plus04 .header .logo img {
    /* -webkit-filter: invert(1) grayscale(1) contrast(10); */
    /* filter: invert(1) grayscale(1) contrast(10); */
}

.RWDmenu_plus04 .cart-block,.RWDmenu_plus04 .querycar-block,.RWDmenu_plus04 .member-block,.RWDmenu_plus04 .cart-block .bottom-box,.RWDmenu_plus04 .querycar-block .bottom-box {
    background-color: #f8f8f4
}

.RWDmenu_plus04 .is-up .features :is(.cart-btn,.querycar-btn,.member-btn,.share-group) img {
    -webkit-filter: brightness(0.2);
    filter: brightness(0.2)
}

.RWDmenu_plus04 .features {
    float: right
}

.RWDmenu_plus04 .features :is(.cart-btn,.querycar-btn,.share-group a,i,.lang-select) {
    color: var(--NaviTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 .features :is(.cart-btn,.querycar-btn,.member-btn,.share-group) img {
    width: 20px;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 .features .lang-select-label,.RWDmenu_plus04 .features :is(.cart-btn,.querycar-btn,.member-btn,.search-btn) {
    padding-inline:15px !important;height: var(--NaviHeight);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.RWDmenu_plus04 .features .cart-btn .cart-nu {
    top: 0px;
    position: relative;
    font-size: 0
}

.RWDmenu_plus04 .features .cart-btn .cart-nu span {
    font-size: 14px;
    line-height: 1
}

.RWDmenu_plus04 .features .cart-btn .cart-btn img {
    width: 20px
}

.RWDmenu_plus04 .features .member-btn {
    margin-right: 4px
}

.RWDmenu_plus04 .features .share-group span {
    font-size: var(--FontSizeNavi);
    text-align: center;
    color: var(--NaviTextColor)
}

.lang-select-options a {
    font-size: var(--FontSizeNavi)
}

.RWDmenu_plus04 .header.is-up:before {
    opacity: 1;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    background: rgba(248,248,244,.5);
    height: 100%;
    backdrop-filter: blur(2px)
}

.RWDmenu_plus04 .header.is-up .logo img {
    -webkit-filter: none;
    filter: none
}

.RWDmenu_plus04 .header.is-up :is(.site-nav .menu>li>a),.RWDmenu_plus04 .header.is-up .features :is(.cart-btn,.querycar-btn,.share-group a,i,.lang-select) {
    color: var(--NaviUpTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle {
    color: var(--NaviUpTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line {
    background: var(--NaviUpTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .header.is-up .lang-select-label:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:after {
    border-color: var(--NaviUpTextColor)
}

.search-box.is-up .search3_bar {
    border-color: var(--NaviUpTextColor)
}

.search-box.is-up .model.RWDsearch003 {
    top: 25px;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 :is(.cart-block,.querycar-block) .pic {
    background: rgba(0,0,0,0)
}

.RWDmenu_plus04 :is(.member-block,.querycar-block) .querycar-block-headline,.RWDmenu_plus04 :is(.member-block,.querycar-block) .login-headline {
    font-size: var(--FontSizeItemTitle);
    text-align: left;
    font-weight: 500
}

.RWDmenu_plus04 .cart-block .cart-block-headline {
    font-size: var(--FontSizeItemTitle);
    text-align: left;
    font-weight: 500
}

.RWDmenu_plus04 .cart-block .bottom-box .total {
    font-size: var(--FontSizeNavi)
}

.RWDmenu_plus04 .cart-block .bottom-box .pay-btn {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    background: var(--NaviBtnPrimaryBg);
    font-size: var(--BtnFontSize)
}

.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    background: var(--NaviBtnSecondaryHoverBg)
}

.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn {
    font-size: var(--BtnFontSize);
    background: var(--NaviBtnPrimaryBg);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    color: var(--NaviBtnPrimaryTextColor)
}

.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    background: var(--NaviBtnSecondaryHoverBg)
}

.RWDmenu_plus04 .querycar-block .bottom-box .search_btn {
    background: var(--NaviBtnPrimaryBg);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    font-size: var(--FontSizeNavi)
}

.RWDmenu_plus04 .querycar-block .bottom-box .total {
    font-size: var(--FontSizeNavi)
}

.RWDmenu_plus04 .member-block :is(a.login,button.login,a.login.is-on,button.login.is-on) {
    background-color: var(--NaviBtnPrimaryBg);
    color: var(--NaviBtnPrimaryTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border-radius: var(--BtnBorderRadius)
}

.RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block button.login {
    background-color: var(--NaviBtnSecondaryBg);
    color: var(--NaviBtnSecondaryTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    font-weight: 500;
    font-size: var(--BtnFontSize)
}

.RWDmenu_plus04 .member-block a.signin,.RWDmenu_plus04 .member-block button.signin {
    background-color: var(--BtnOutlineBg);
    color: var(--BtnOutlineTextColor);
    border: var(--BorderPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border-radius: var(--BtnBorderRadius);
    font-weight: 500;
    font-size: var(--BtnFontSize)
}

.RWDmenu_plus04 .member-block .form-area .group label {
    margin-top: 0
}

#btn_member_login {
    float: none;
    background: var(--BtnPrimaryBg);
    padding: 6px 12px
}

#btn_member_login,#div_forget_content #forget_table_btn {
    background: var(--BtnPrimaryBg);
    border: 1px solid var(--BtnPrimaryTextColor);
    color: var(--BtnPrimaryTextColor);
    border-radius: var(--BtnBorderRadius);
    -webkit-transform: var(--TransitionDefault);
    transform: var(--TransitionDefault)
}

#div_forget_content .subject {
    letter-spacing: 2px;
    font-weight: 500;
    color: var(--TextColorPrimary)
}

#forget_table .verifyimg {
    width: 80px
}

#forget_table .th {
    font-weight: 400;
    color: var(--TextColorPrimary)
}

.RWDmenu_plus04 #mobile-menu .menu>li {
    border-bottom: var(--BorderSecondary)
}

.RWDmenu_plus04 #mobile-menu .menu>li.active {
    background-color: var(--ColorPrimary);
    color: #fff !important
}

.RWDmenu_plus04 #mobile-menu .menu>li.active>a {
    background-color: rgba(0,0,0,0);
    color: #fff !important
}

.RWDmenu_plus04 #mobile-menu .menu .toggle-submenu:after {
    color: var(--NaviUpTextColor)
}

.RWDmenu_plus04 #mobile-menu .menu>li.active>.toggle-submenu:after {
    color: #fff
}

.RWDmenu_plus04 #mobile-menu .menu>li>ul>li.active>.toggle-submenu:after {
    color: var(--NaviTextColor)
}

.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a {
    letter-spacing: 2px
}

.RWDmenu_plus04 #mobile-menu .menu li a {
    color: var(--TextColorPrimary);
    font-size: var(--FontSizeNavi)
}

.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a {
    color: var(--NaviUpTextColor)
}

.RWDmenu_plus04 .ml-stack-nav-toggle {
    color: var(--NaviUpTextColor);
    height: var(--NaviHeight);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-block:0;-webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 .ml-stack-nav-toggle__line {
    background: var(--NaviTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDmenu_plus04 #search-box.full .form-control {
    font-size: 30px
}

.RWDmenu_plus04 #search-box.full .ibtn {
    font-size: 25px
}

.search-box .model.RWDsearch003 {
    top: 20px;
    right: 450px;
    font-size: var(--FontSizeBody);
    z-index: 300;
    letter-spacing: 2px;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.search-box .search3_wrap {
    width: 280px
}

.search-box .search3_bar {
    border: var(--BorderSecondary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-box .search3_submit {
    height: calc(var(--NaviHeight) - 40px)
}

.search-box .search3_submit .ii-search1:before {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-box .search3_bar,.search-box .search3_input,.search-box .search3_submit {
    background: rgba(0,0,0,0)
}

@media(min-width: 1200px)and (hover: hover)and (pointer: fine) {
    .RWDmenu_plus04 .features>div:hover .cart-nu,.RWDmenu_plus04 .features>div:hover i {
        color:var(--NaviHoverTextColor)
    }

    .RWDmenu_plus04 .site-nav .menu>li.dropdown>a:hover:after,.RWDmenu_plus04 .site-nav .menu>li.has-child>a:hover:after {
        border-color: var(--NaviHoverTextColor)
    }

    .RWDsearch01 .bottom-box .search_btn:hover,.RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover {
        background: var(--NaviBtnPrimaryHoverBg);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault);
        color: #fff
    }

    .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {
        background: var(--NaviBtnSecondaryHoverBg);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .RWDmenu_plus04 .lang-select-label:hover::after,.RWDmenu_plus04 .header .site-nav .menu li.has-child>a:hover:after,.RWDmenu_plus04 .header .site-nav .menu li.active>a:after,.RWDmenu_plus04 .header .site-nav .menu li.has-child:hover>a:after {
        border-color: var(--NaviHoverTextColor)
    }

    .RWDmenu_plus04 .is-up .lang-select-label:hover::after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child>a:hover:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.active>a:after,.RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child:hover>a:after {
        border-color: var(--NaviUpHoverTextColor)
    }

    .lang-select-label:hover i,.RWDmenu_plus04 .features .lang-select:hover .lang-select-label i,.RWDmenu_plus04 .lang-select:hover .lang-select-label {
        color: var(--NaviHoverTextColor)
    }

    .RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover {
        text-decoration: unset;
        font-weight: 400;
        color: var(--NaviHoverTextColor);
        background: var(--NaviUpHoverTextColor)
    }

    .RWDmenu_plus04 .lang-select:hover .lang-select-label,.RWDmenu_plus04 .site-nav .menu>li>a:hover {
        background: rgba(0,0,0,0);
        color: var(--NaviHoverTextColor)
    }

    .RWDmenu_plus04 .member-block a.signin:hover,.RWDmenu_plus04 .member-block button.signin:hover {
        background-color: var(--BtnOutlineHoverBg);
        color: var(--BtnOutlineHoverTextColor);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault);
        border-color: var(--BtnOutlineHoverBg)
    }

    .RWDmenu_plus04 .member-block a.login:hover,.RWDmenu_plus04 .member-block button.login:hover,.RWDmenu_plus04 .member-block a.login.is-on:hover,.RWDmenu_plus04 .member-block button.login.is-on:hover {
        background-color: var(--NaviBtnPrimaryHoverBg);
        color: var(--NaviBtnPrimaryTextColor);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .lang-select-options a:hover,.lang-select-options a:hover * {
        font-weight: 400;
        color: var(--NaviHoverTextColor)
    }

    .RWDmenu_plus04 .member-block .other a:hover {
        color: var(--NaviHoverTextColor);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    #btn_member_login:hover,#div_forget_content #forget_table_btn:hover {
        background: var(--BtnPrimaryHoverBg);
        border: 1px solid var(--BtnPrimaryHoverBg);
        color: var(--BtnPrimaryTextColor)
    }

    .RWDmenu_plus04 #mobile-menu .menu>li:hover>a,.RWDmenu_plus04 #mobile-menu .menu>li>ul>li>a:hover {
        color: var(--NaviHoverzTextColor)
    }

    .RWDmenu_plus04 .ml-stack-nav-toggle:hover i,.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover,.RWDmenu_plus04 .ml-stack-nav-toggle:hover {
        color: var(--NaviHoverTextColor);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line,.RWDmenu_plus04 .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line {
        background: var(--NaviHoverTextColor);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .RWDmenu_plus04 .header.is-up :is(.features .cart-btn,.features .querycar-btn,.features .share-group a,.features i,.features .lang-select,.site-nav .menu>li>a):hover {
        color: var(--NaviUpHoverTextColor)
    }

    .RWDmenu_plus04 .header.is-up .features>div:hover .cart-nu,.RWDmenu_plus04 .header.is-up .features>div:hover i {
        color: var(--NaviUpTextColor)
    }
}

@media(max-width: 1920px) {
    :root {
        --NaviHeight: 85px
    }

    .RWDmenu_plus04 .header .logo a::before,.RWDmenu_plus04 .header .logo img,.RWDmenu_plus04 .header .logo a {
        height: calc(var(--NaviHeight) - 10px);
    }
}

@media(max-width: 1199px) {
    :root {
        --NaviHeight: 75px
    }

    .RWDmenu_plus04 #mobile-menu {
        background: #f8f8f4
    }

    .ml-stack-nav-toggle i {
        display: none
    }

    .RWDmenu_plus04 .site-nav {
        display: none
    }

    .RWDmenu_plus04 .header-in,.RWDmenu_plus04 #mobile-menu {
        display: block
    }

    .RWDmenu_plus04 .ml-stack-nav-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .RWDmenu_plus04 .features .lang-select,.RWDmenu_plus04 .features .language-block {
        display: none
    }

    .RWDmenu_plus04 #mobile-menu .menu>li>ul>li>ul>li>a {
        padding-left: 50px
    }
}

@media(max-width: 1024px) {
    .RWDmenu_plus04 .ml-stack-nav-toggle {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .RWDmenu_plus04 .features .member-btn,.RWDmenu_plus04 .features .search-btn {
        padding-inline:10px}

    .RWDmenu_plus04 .features {
        margin-right: 0;
        padding-right: 0
    }

    .RWDmenu_plus04 .features:after {
        display: none
    }
}

.index .main.cd-main-content {
    overflow: hidden
}

.btn-group a {
    position: relative;
    padding-right: 2.75rem
}

.btn-group a img {
    display: none
}

.btn-group a::before {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 24px;
    border-radius: 99em;
    background: var(--ColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.btn-group a::after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    top: calc(50% - 5px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    display: block;
    background: url(archive/image/customization/arrow-right.svg) 0 0 repeat-x;
    background-size: auto 100%;
    border-radius: 50%;
    -webkit-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-property: background-position;
    transition-property: background-position
}

.btn-group a:hover::after {
    background-position: 16px 0
}

.btn-group a:hover::before {
    background: var(--ColorPrimaryHover)
}

.main-product-image-wrapper .product-leaf-large .leaf-ripples,.main-product-image-wrapper .product-leaf-small .leaf-ripples {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0
}

.main-product-image-wrapper .product-leaf-large .leaf-ripples .ripple,.main-product-image-wrapper .product-leaf-small .leaf-ripples .ripple {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
    border: 1.5px solid rgba(89,136,142,.35);
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 .12rem .2rem hsla(0,0%,100%,.4),inset 0 -0.12rem .2rem hsla(0,0%,100%,.34),inset 0 .5rem .5rem rgba(34,100,158,.24),0 -0.12rem .12rem rgba(34,100,158,.25);
    box-shadow: 0 .12rem .2rem hsla(0,0%,100%,.4),inset 0 -0.12rem .2rem hsla(0,0%,100%,.34),inset 0 .5rem .5rem rgba(34,100,158,.24),0 -0.12rem .12rem rgba(34,100,158,.25);
    -webkit-animation: rippleWave 7.8s infinite;
    animation: rippleWave 7.8s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1)
}

.main-product-image-wrapper .product-leaf-large .leaf-ripples .ripple {
    top: 20%;
    right: 5%;
    left: auto;
    width: 85%;
    height: 25%
}

.main-product-image-wrapper .product-leaf-small .leaf-ripples .ripple {
    bottom: 10%;
    width: 60%;
    height: 26%;
    border-width: 2.2px;
    border-color: rgba(89,136,142,.45);
    -webkit-box-shadow: 0 .14rem .22rem hsla(0,0%,100%,.46),inset 0 -0.14rem .22rem hsla(0,0%,100%,.4),inset 0 .62rem .62rem rgba(34,100,158,.3),0 -0.14rem .14rem rgba(34,100,158,.32);
    box-shadow: 0 .14rem .22rem hsla(0,0%,100%,.46),inset 0 -0.14rem .22rem hsla(0,0%,100%,.4),inset 0 .62rem .62rem rgba(34,100,158,.3),0 -0.14rem .14rem rgba(34,100,158,.32);
    -webkit-animation-name: rippleWaveSmall;
    animation-name: rippleWaveSmall
}

.main-product-image-wrapper .product-leaf-large .leaf-ripples .ripple:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.main-product-image-wrapper .product-leaf-large .leaf-ripples .ripple:nth-child(2) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.main-product-image-wrapper .product-leaf-small .leaf-ripples .ripple:nth-child(1) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.main-product-image-wrapper .product-leaf-small .leaf-ripples .ripple:nth-child(2) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

#smooth-wrapper {
    position: static;
    height: auto;
    overflow: visible
}

#smooth-content {
    overflow: visible
}

.RWDvideo006 {
    width: 100%
}

.RWDvideo006__wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}

.RWDvideo006__wrapper .RWDvideo006__video {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 20;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.RWDvideo006__wrapper .RWDvideo006__video::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.25)), color-stop(60%, transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent 60%);
    z-index: 1;
    bottom: 0
}

.RWDvideo006__wrapper .RWDvideo006__video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.RWDvideo006__wrapper .RWDvideo006__editor {
    position: absolute;
    bottom: 4vw;
    z-index: 30;
    color: #fff;
    width: 95%;
    right: 0
}

.RWDvideo006__wrapper .RWDvideo006__editor .hero-copy {
    display: grid;
    grid-template-columns: max(20vw,480px) auto;
    grid-template-rows: [hero-title] 1fr 1fr;
    gap: 0 1rem;
    grid-template-areas: "hero-title hero-desc" "hero-sub hero-desc"
}

.RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-title {
    font-weight: 400;
    font-size: clamp(2rem,1.5rem + .625vw,2.5rem);
    margin: 0 0 .8rem;
    grid-area: hero-title;
    letter-spacing: 3px
}

.RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-sub {
    text-transform: uppercase;
    font-weight: 300;
    font-size: clamp(1.25rem,.9375rem + .3906vw,1.5625rem);
    letter-spacing: 2px;
    margin: 0 0 1rem;
    color: #eff4f2;
    grid-area: hero-sub
}

.RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-divider {
    width: clamp(240px,30vw,520px);
    height: 1px;
    background: hsla(0,0%,100%,.35);
    margin: .75rem 0 1rem
}

.RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-desc {
    font-size: var(--FontSizeBody);
    line-height: 1.8;
    font-weight: 400;
    border-top: 1px solid rgba(239,244,242,.4);
    padding-top: 2rem;
    grid-area: hero-desc;
    color: #fff;
    margin-top: .5rem
}

@media(min-aspect-ratio: 16/9) {
    .RWDvideo006__wrapper .RWDvideo006__video iframe {
        height:56.25vw
    }
}

@media(max-aspect-ratio: 16/9) {
    .RWDvideo006__wrapper .RWDvideo006__video iframe {
        width:177.78vh
    }
}

.green-bg {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18.31%, #F4F7F6), color-stop(106.44%, #C1DED7));
    background: linear-gradient(180deg, #F4F7F6 18.31%, #C1DED7 106.44%)
}

.about-block {
    padding-top: calc(var(--SectionPadding)*1.5)
}

.about-block .about-grid {
    display: grid;
    width: 100%;
    margin-inline:auto;gap: 2rem 1rem;
    grid-template-columns: 2fr 1.5fr 3fr 3fr 3.7fr;
    grid-template-areas: "lotus . header header . ." "lotus . hand hand woman woman" ". . hand hand woman woman" ". . . listen woman woman"
}

.about-block img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.about-block .about-lotus {
    grid-area: lotus;
    align-self: start;
    overflow: hidden
}

.about-block .about-lotus img {
    margin-top: -10%
}

.about-block .about-header {
    grid-area: header;
    margin-bottom: var(--Space4)
}

.about-block .about-header .main-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-block .about-header .main-title img {
    max-width: max(4vw,5rem);
    padding-right: 1.5rem
}

.about-block .about-hand {
    grid-area: hand;
    height: 25vw;
    width: 100%;
    margin-left: auto;
    overflow: hidden;
    will-change: width;
    contain: layout paint
}

.about-block .about-woman {
    grid-area: woman;
    overflow: hidden
}

.about-block .about-woman img {
    margin-top: -12%
}

.about-block .about-description.listen-label {
    grid-area: listen;
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: max(5vw,5rem)
}

.about-block .about-title {
    font-size: var(--FontSizeSectionTitle);
    font-weight: 400;
    letter-spacing: .05em;
    margin-bottom: var(--Space3)
}

.about-block .about-block .about-description {
    margin-bottom: var(--Space4)
}

.product-block.section-spacing {
    padding-top: calc(var(--SectionPadding)*1.2);
    padding-bottom: calc(var(--SectionPadding)*.7)
}

.product-block::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(196deg, rgba(245, 249, 249, 0) 30.63%, #59888E 103.43%);
    pointer-events: none
}

.product-grid {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 0 var(--Space3);
    margin-inline:auto}

.product-grid .main-product-info {
    padding-top: max(6vw,5rem);
    max-width: 80%
}

.main-product-image-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 20% auto 25%;
    grid-template-areas: "leaf-large product-bottle ." ". product-bottle leaf-small"
}

.main-product-image-wrapper img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1
}

.main-product-image-wrapper .product-leaf-large {
    grid-area: leaf-large;
    position: relative;
    will-change: transform
}

.main-product-image-wrapper .product-leaf-large img {
    height: 18vw;
    width: 90%;
    -o-object-position: right center;
    object-position: right center
}

.main-product-image-wrapper .product-bottle {
    grid-area: product-bottle;
    grid-column: 1/4;
    position: relative
}

.main-product-image-wrapper .product-bottle img {
    position: relative;
    z-index: 1;
    width: 85%;
    height: 53vw;
    -o-object-fit: contain;
    object-fit: contain;
    left: -10%
}

.main-product-image-wrapper .product-bottle .product-ripples {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none
}

.main-product-image-wrapper .product-bottle .product-ripples .ripple {
    position: absolute;
    bottom: 20%;
    left: 32%;
    width: 52%;
    height: 16vw;
    -webkit-transform: translateX(-50%) scale(0.55);
    transform: translateX(-50%) scale(0.55);
    border: 2px solid rgba(89,136,142,.4);
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 .12rem .2rem hsla(0,0%,100%,.42),inset 0 -0.12rem .2rem hsla(0,0%,100%,.36),inset 0 .6rem .6rem rgba(34,100,158,.28),inset .22rem 0 .34rem rgba(34,100,158,.16),inset -0.22rem 0 .34rem rgba(34,100,158,.16),0 -0.12rem .12rem rgba(34,100,158,.3);
    box-shadow: 0 .12rem .2rem hsla(0,0%,100%,.42),inset 0 -0.12rem .2rem hsla(0,0%,100%,.36),inset 0 .6rem .6rem rgba(34,100,158,.28),inset .22rem 0 .34rem rgba(34,100,158,.16),inset -0.22rem 0 .34rem rgba(34,100,158,.16),0 -0.12rem .12rem rgba(34,100,158,.3);
    -webkit-animation: rippleWave 8s infinite;
    animation: rippleWave 8s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1)
}

.main-product-image-wrapper .product-bottle .product-ripples .ripple:nth-child(2) {
    display: block;
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.main-product-image-wrapper .product-bottle .product-ripples .ripple:nth-child(3) {
    display: none
}

.main-product-image-wrapper .product-leaf-small {
    grid-area: leaf-small;
    position: relative;
    will-change: transform;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: var(--Space4)
}

@-webkit-keyframes rippleWave {
    0% {
        -webkit-transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        opacity: .42
    }

    75% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }
}

@keyframes rippleWave {
    0% {
        -webkit-transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        opacity: .42
    }

    75% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }
}

@-webkit-keyframes rippleWaveSmall {
    0% {
        -webkit-transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        opacity: .56
    }

    75% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }
}

@keyframes rippleWaveSmall {
    0% {
        -webkit-transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        transform: translateX(-50%) scaleX(0.3) scaleY(0.48);
        opacity: .56
    }

    75% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        transform: translateX(-50%) scaleX(2.3) scaleY(2.2);
        opacity: 0
    }
}

.main-product-info .btn-link {
    display: inline-block;
    margin-top: 2rem;
    color: #444;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding-bottom: .25rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.main-product-info .btn-link:hover {
    border-bottom-color: #000
}

.animation-block {
    position: relative;
    width: 100%;
    background: var(--ColorBg);
    z-index: 5
}

.animation-block .video-bg-wrapper .video-main {
    height: 100%
}

.animation-block .video-bg-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden
}

.animation-fullvideo {
    position: relative;
    z-index: 1;
    height: 100%
}

.animation-fullvideo .video-bg-wrapper .video-main iframe {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

.animation-fullvideo .video-bg-wrapper::before {
    display: none
}

.animation-canvas {
    height: 100vh;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: visible;
    z-index: 6
}

.animation-afterscroll {
    position: absolute;
    top: 0;
    left: 50%;
    width: 90%;
    height: auto;
    margin: 0 auto;
    min-height: min(106vh,55vw);
    -webkit-transform: var(--TransformXCenter);
    transform: var(--TransformXCenter);
    display: grid;
    grid-template-columns: 17% auto 17%;
    grid-template-areas: "animation-mirror animation-video-target ." "animation-mirror animation-video-target ." ". animation-video-target animation-product" ". animation-text animation-product";
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: max(2.5vw,3rem);
    padding-top: var(--NaviHeight)
}

.animation-video-target {
    grid-area: animation-video-target;
    height: 100%;
    width: 100%;
    position: relative
}

.animation-mirror {
    grid-area: animation-mirror;
    overflow: hidden
}

.animation-mirror img,.animation-product img {
    -webkit-transform: none !important;
    transform: none !important
}

.animation-text {
    grid-area: animation-text;
    width: 65%;
    margin: 0 0 0 auto;
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    padding: 0 2rem
}

.animation-product {
    grid-area: animation-product;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    overflow: hidden
}

.video-main-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.video-main-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.animation-title {
    position: absolute;
    font-size: 1.5rem;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    z-index: 20;
    will-change: top,left;
    left: 6%;
    top: 20%
}

.animation-afterscroll .animation-mirror,.animation-afterscroll .animation-product,.animation-afterscroll .animation-text {
    will-change: transform,opacity
}

.video-bg-wrapper {
    overflow-y: visible;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative
}

.video-bg-wrapper .video-main {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 20;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-bg-wrapper .video-main iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(min-aspect-ratio: 16/9) {
    .video-main iframe {
        height:56.25vw
    }
}

@media(max-aspect-ratio: 16/9) {
    .video-main iframe {
        width:177.78vh
    }
}

.steps-block {
    position: relative;
    background: var(--ColorBg)
}

.step-image-device {
    display: none
}

.steps-block:before {
    content: "";
    position: sticky;
    display: block;
    width: 50%;
    height: var(--NaviHeight);
    background: var(--ColorBg);
    top: 0;
    margin: 0 0 0 auto;
    z-index: 1
}

.steps-grid {
    display: grid;
    grid-template-columns: 50% auto;
    gap: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.steps-content {
    grid-column: 2/-1;
    margin-top: var(--NaviHeight);
    padding-top: max(10vw,5rem)
}

.steps-content .section-title-bottom {
    padding: 0 0 0 max(8vw,4rem)
}

.steps-images {
    grid-column: 1/2;
    height: calc(100vh - var(--NaviHeight));
    width: 100%;
    display: grid;
    overflow: hidden;
    will-change: transform
}

.steps-image,.steps-mask {
    grid-area: 1/1/2/2;
    height: 100%
}

.steps-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.steps-mask {
    width: 100%;
    height: 100%;
    background-color: var(--ColorBackground);
    --mask-position: 100%;
    -webkit-mask-image: url("archive/image/customization/slide_mask.webp");
    -webkit-mask-size: 100% 400%;
    -webkit-mask-position: 50% var(--mask-position);
    -webkit-mask-repeat: no-repeat;
    mask-image: url("archive/image/customization/slide_mask.webp");
    mask-size: 100% 400%;
    mask-position: 50% var(--mask-position);
    mask-repeat: no-repeat;
    pointer-events: none
}

.steps-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.step-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4rem;
    padding: max(4vw,4rem) max(8vw,4rem);
    border-top: var(--BorderSecondary);
    min-height: 62vh
}

.step-num {
    font-weight: 400;
    padding-top: .5rem;
    line-height: 1;
    color: var(--ColorPrimary);
    letter-spacing: 1px
}

.step-info h3 {
    font-weight: 500;
    color: var(--TextColorPrimary);
    padding: .5rem 0 2rem;
    margin: 0
}

.series-block {
    background: var(--ColorBg);
    text-align: center;
    padding-top: calc(var(--SectionPadding)*.7)
}

.series-block .product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 450px;
    margin: 0 auto
}

.series-block .product-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--Space4)
}

.series-block .product-image-wrapper img {
    display: block;
    margin: 0 auto var(--Space2);
    max-width: 270px;
    max-height: 30vw;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.15));
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.series-block .product-info .product-en-deco {
    color: var(--ColorPrimary);
    font-size: calc(var(--FontSizeBody)*.9)
}

.series-block .product-name {
    font-size: var(--FontSizeItemTitle);
    font-weight: 500;
    color: var(--TextColorPrimary);
    margin: .5rem 0 0
}

.series-block .product-info span {
    color: var(--TextColorPrimary)
}

.series-block .product-pricing {
    font-size: calc(var(--FontSizeBody)*.9);
    margin: 1.5rem 0 1rem;
    border-top: var(--BorderSecondary);
    padding-top: 1rem;
    color: var(--TextColorSecondary);
    font-weight: 300;
    letter-spacing: 1px
}

.series-block .product-spec:after {
    content: "/";
    padding: 0 5px;
    opacity: .5
}

.series-block .outline-btn {
    margin: 2rem auto 0;
    border-width: 1px;
    padding: 5px 2rem;
    border-radius: 99rem;
    max-width: var(--BtnWidth);
    width: 100%;
    height: var(--BtnHeight);
    font-size: var(--BtnFontSize);
    letter-spacing: 1px;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    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;
    position: relative
}

.series-block .outline-btn:after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    border-radius: 50%;
    -webkit-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-property: background-position;
    transition-property: background-position;
    background: url(archive/image/customization/arrow-right3.svg) 0 0 repeat-x;
    background-size: auto 100%;
    top: 50%;
    right: 2rem
}

.series-item:hover .series-image {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.testimonial-block {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--ColorBg)), color-stop(15%, #F5F9F9), to(rgba(193, 222, 215, 0.5)));
    background: linear-gradient(180deg, var(--ColorBg) 0%, #F5F9F9 15%, rgba(193, 222, 215, 0.5) 100%);
    padding: calc(var(--SectionPadding)*.9) 0 calc(var(--SectionPadding)*1.3)
}

.testimonial-block .section-title-bottom {
    text-align: center
}

.testimonial-swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-top: var(--BorderSecondary);
    padding-top: max(4.5vw,4rem)
}

.testimonial-swiper .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.testimonial-swiper .testimonial-card {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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
}

.testimonial-swiper .testimonial-card::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--BorderColorSecondary);
    left: calc(var(--Space5)/2*-1)
}

.testimonial-swiper .testimonial-card .testimonial-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: var(--Space2)
}

.testimonial-swiper .testimonial-card .testimonial-content p {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.testimonial-swiper .testimonial-card .testimonial-author {
    text-align: center
}

.testimonial-swiper .testimonial-card .testimonial-author .testimonial-location {
    margin-right: .5rem
}

.testimonial-swiper .testimonial-controls {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3rem;
    margin-top: max(4.5vw,4rem);
    height: auto
}

.testimonial-swiper .testimonial-controls .swiper-button-prev,.testimonial-swiper .testimonial-controls .swiper-button-next {
    position: relative;
    width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    margin: 0;
    color: var(--BorderColorPrimary)
}

.testimonial-swiper .testimonial-controls .swiper-button-prev::before,.testimonial-swiper .testimonial-controls .swiper-button-next::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #ced6d1;
    border-radius: 50%;
    background: rgba(0,0,0,0);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.testimonial-swiper .testimonial-controls .swiper-button-prev::after,.testimonial-swiper .testimonial-controls .swiper-button-next::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    background: url(archive/image/customization/arrow-right2.svg) 0 0 repeat-x;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    background-size: auto 100%;
    border-radius: 50%;
    -webkit-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-property: background-position;
    transition-property: background-position
}

.testimonial-swiper .testimonial-controls .swiper-button-prev:hover,.testimonial-swiper .testimonial-controls .swiper-button-next:hover {
    color: #fff
}

.testimonial-swiper .testimonial-controls .swiper-button-prev:hover::before,.testimonial-swiper .testimonial-controls .swiper-button-next:hover::before {
    background: var(--ColorPrimary);
    border-color: var(--ColorPrimary)
}

.testimonial-swiper .testimonial-controls .swiper-button-prev:hover::after,.testimonial-swiper .testimonial-controls .swiper-button-next:hover::after {
    background-position: 18px 0;
    -webkit-filter: grayscale(1) contrast(10) brightness(10);
    filter: grayscale(1) contrast(10) brightness(10)
}

.testimonial-swiper .testimonial-controls .swiper-button-prev::after {
    -webkit-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1)
}

.testimonial-swiper .testimonial-controls .testimonial-pagination {
    min-width: 60px;
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: 0;
    width: auto
}

.testimonial-swiper .testimonial-controls .testimonial-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: rgba(0,0,0,.25);
    opacity: 1
}

.testimonial-swiper .testimonial-controls .testimonial-pagination .swiper-pagination-bullet-active {
    background: var(--ColorPrimary)
}

.contact-block {
    position: relative;
    overflow: hidden;
    text-align: center
}

.contact-block::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(153, 36%, 16%, 0.1)), to(transparent));
    background: linear-gradient(to bottom, hsla(153, 36%, 16%, 0.1), transparent);
    left: 0;
    top: 0
}

.contact-block .contact-bg {
    position: absolute;
    top: -20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 125%;
    z-index: -1
}

.contact-block .contact-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -o-object-position: center 65%;
    object-position: center 65%
}

.contact-block .model {
    position: inherit
}

.contact-block .contact-content {
    position: relative;
    z-index: 1;
    padding: 0 1rem;
    min-height: max(10vw,15rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact-block .contact-content .section-title-bottom {
    margin-bottom: 1.5rem
}

.contact-block .contact-content .section-title-bottom img {
    width: 70%;
    max-width: 90px
}

.contact-block .contact-content .main-title {
    margin-top: var(--Space3)
}

.contact-block .contact-content .btn-group .outline-btn {
    margin: 0 auto
}

.fixed-notice {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
    padding: 10px;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(10px);
    font-size: clamp(.6875rem,.6237rem + .1571vw,.875rem);
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5
}

.fixed-notice a {
    color: #fff
}

@media(min-width: 1200px)and (hover: hover)and (pointer: fine) {
    .series-block .btn-group .outline-btn:hover,.product-item a:hover .outline-btn {
        color:#fff;
        background: var(--ColorPrimaryHover)
    }

    .series-block .product-item a:hover .outline-btn::after {
        background-position: 15px 0;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .product-item a:hover img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }

    .series-block .outline-btn:hover::after:hover::after {
        background-position: 15px 0;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }
}

@media(max-width: 2048px) {
    .contact-block .contact-content .section-title-bottom img {
        max-width:80px
    }
}

@media(max-width: 1536px) {
    .about-block .about-grid {
        grid-template-columns:2fr 1fr 3fr 3fr 3.7fr
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-desc {
        padding-top: 1.5rem;
        margin-top: 5px
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy {
        grid-template-columns: max(20vw,440px) auto
    }

    .main-product-image-wrapper .product-leaf-small {
        right: 20%
    }

    .main-product-image-wrapper .product-bottle img {
        width: 90%
    }

    .steps-content {
        padding-top: max(5vw,5rem)
    }

    .animation-afterscroll {
        width: 95%;
        min-height: 56vw;
        gap: 2rem
    }

    .animation-title {
        left: 4%;
        top: 12%
    }

    .animation-product img {
        height: 25vw;
        -o-object-fit: cover;
        object-fit: cover
    }

    .animation-mirror img {
        height: 18vw;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: left top;
        object-position: left top
    }

    .animation-fullvideo .video-bg-wrapper .video-main iframe {
        -webkit-transform: translate(-50%, -50%) scale(1.3);
        transform: translate(-50%, -50%) scale(1.3)
    }

    .step-item {
        gap: 2.5rem
    }

    .contact-block::before {
        height: 15%
    }

    .product-grid .main-product-info {
        padding-top: 3rem
    }

    .contact-block .contact-bg img {
        width: 120%;
        max-width: inherit;
        margin: 0 -10%
    }

    .step-item {
        padding: max(4vw,4rem) max(7vw,4rem)
    }

    .steps-content .section-title-bottom {
        padding: 0 max(7vw,4rem)
    }

    .series-block .product-pricing {
        margin: .5rem 0 1rem;
        padding-top: .5rem
    }

    .series-block .outline-btn {
        margin: 1rem auto 0;
        max-width: calc(var(--BtnWidth) - 50px)
    }

    .btn-group a::after {
        width: 14px;
        height: 9px
    }
}

@media(max-width: 1440px) {
    :root {
        --NaviHeight: 80px
    }

    .container-70 {
        width: 80%
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-title {
        font-size: clamp(1.625rem,1.1704rem + .7339vw,1.875rem)
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-sub {
        font-size: calc(var(--FontSizeBody)*1.1)
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy {
        grid-template-columns: max(20vw,360px) auto
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-desc {
        padding-top: 1rem
    }

    .RWDmenu_plus04 .features :is(.cart-btn,.querycar-btn,.member-btn,.share-group) img {
        width: 16px
    }

    .steps-content {
        padding-top: 3rem
    }

    .step-info h3 {
        padding: .5rem 0 1rem
    }

    .contact-block .contact-content .section-title-bottom img {
        max-width: 70px
    }

    .animation-title .main-title {
        font-size: calc(var(--FontSizePrimary)*.95);
        letter-spacing: 2px
    }

    .animation-title {
        left: 3%
    }

    .animation-afterscroll {
        min-height: 60vw
    }
}

@media(max-width: 1199px) {
    :root {
        --BtnMarginTop: 3rem
    }

    .index .main-title,.main-title {
        letter-spacing: 1.5px
    }

    .RWDvideo006__wrapper .RWDvideo006__video,.RWDvideo006__wrapper .RWDvideo006__video iframe {
        height: 100svh
    }

    .about-block .about-description.listen-label {
        margin-top: 3rem
    }

    .about-block .about-grid {
        grid-template-areas: "lotus . header header . ." "lotus . hand hand woman woman" ". . hand hand woman woman" ". . listen listen woman woman"
    }

    .about-block .about-grid {
        grid-template-columns: 2fr .8fr 3fr 3fr 3.7fr
    }

    .animation-text {
        width: 92%
    }

    .animation-afterscroll {
        grid-template-areas: "animation-mirror animation-video-target animation-video-target" "animation-mirror animation-video-target animation-video-target" ". animation-video-target animation-video-target" ". animation-text animation-product"
    }

    .animation-video-target {
        min-height: 45vw
    }

    .step-info p br {
        display: none
    }

    .series-block .product-image-wrapper img {
        max-width: 100%
    }

    .product-block.section-spacing {
        padding-bottom: calc(var(--SectionPadding))
    }

    .product-grid .main-product-info {
        max-width: 90%
    }

    .product-grid {
        grid-template-columns: 55% auto
    }

    .main-product-image-wrapper .product-bottle img {
        width: 100%
    }

    .main-product-image-wrapper .product-leaf-small {
        right: 30%;
        margin-bottom: 1rem
    }

    .animation-fullvideo .video-bg-wrapper .video-main iframe {
        -webkit-transform: translate(-50%, -50%) scale(1.5);
        transform: translate(-50%, -50%) scale(1.5)
    }

    .product-grid .main-product-info {
        padding-top: 0
    }

    .contact-block .contact-bg img {
        width: 150%;
        margin: 0 -25%
    }
}

@media(max-width: 991px) {
    .RWDvideo006__wrapper .RWDvideo006__video::before {
        background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), color-stop(60%, transparent));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 60%)
    }

    .RWDvideo006__wrapper .RWDvideo006__editor {
        bottom: 4.5rem;
        width: 90%
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy {
        grid-template-areas: "hero-title" "hero-sub" "hero-desc";
        grid-template-columns: auto
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-desc {
        margin: 0;
        padding-top: 1.1rem
    }

    .about-block .about-hand {
        height: 55vw
    }

    .about-block .about-lotus img {
        margin-top: -20%;
        width: 80%
    }

    .about-block .about-lotus {
        display: none
    }

    .about-block .about-grid {
        grid-template-columns: 10vw 30% auto 30% 5vw;
        gap: 4rem 1rem;
        grid-template-areas: ". header header header ." "hand hand hand hand ." ". listen listen woman ."
    }

    .about-block .about-hand img {
        height: 115%
    }

    .product-block.section-spacing {
        padding-top: calc(var(--SectionPadding)*2);
        padding-bottom: calc(var(--SectionPadding)*1.3)
    }

    .product-grid {
        grid-template-columns: auto
    }

    .main-product-image-wrapper .product-leaf-large img {
        height: 24vw;
        width: 80%
    }

    .main-product-image-wrapper .product-bottle img {
        width: 100%;
        height: 80vw;
        margin-top: -10%;
        left: -5%
    }

    .main-product-image-wrapper {
        grid-template-columns: 32% auto 30%
    }

    .product-block::before {
        background: linear-gradient(195deg, rgba(245, 249, 249, 0) 20%, rgba(89, 136, 142, 0.6) 45%, rgba(245, 249, 249, 0) 75%)
    }

    .main-product-image-wrapper .product-leaf-small {
        right: -5%
    }

    .product-grid .main-product-info {
        margin: 0 auto;
        max-width: 100%
    }

    .main-product-image-wrapper .product-bottle .product-ripples .ripple {
        position: absolute;
        bottom: 26%;
        left: 46%;
        width: 46%;
        height: 16vw
    }

    .animation-block .video-bg-wrapper {
        height: 70vw
    }

    .animation-mirror img {
        height: 28vw;
        width: 80%;
        -o-object-position: left 30%;
        object-position: left 30%
    }

    .animation-mirror {
        display: none
    }

    .animation-canvas {
        height: auto;
        width: 100%
    }

    .animation-afterscroll {
        grid-template-areas: ". animation-text animation-product";
        grid-template-columns: 5vw auto 30%;
        gap: 3rem 1rem;
        width: 100%;
        position: relative;
        min-height: auto
    }

    .animation-fullvideo {
        height: auto
    }

    .animation-video-target {
        display: none
    }

    .animation-text {
        width: 100%
    }

    .animation-block {
        padding-top: 0
    }

    .animation-product img {
        height: 32vw
    }

    .step-image-device {
        display: none
    }

    .steps-images {
        display: none
    }

    .step-image-device {
        display: block
    }

    .steps-grid {
        display: block
    }

    .step-item {
        gap: 3rem;
        padding: 0px 3rem 2rem;
        border: 0;
        grid-template-columns: 30px auto;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: auto
    }

    .steps-list {
        margin-bottom: 5rem;
        position: relative
    }

    .steps-list:last-child {
        margin-bottom: 0
    }

    .steps-list:before {
        content: "";
        position: absolute;
        width: 1px;
        height: calc(100% - 30px + 5rem);
        background: var(--BorderColorSecondary);
        left: calc(3rem + 9px);
        bottom: -5rem
    }

    .step-image-device img {
        width: calc(100% - 30px - 6rem);
        margin: 0 0 0 auto;
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .step-info h3 {
        padding: 0
    }

    .steps-block:before {
        display: none
    }

    .steps-content {
        padding-top: 0;
        margin-top: 0
    }

    .steps-block {
        border-top: var(--BorderSecondary);
        border-bottom: var(--BorderSecondary)
    }

    .steps-content .section-title-bottom {
        padding: 0 3rem
    }

    .series-block {
        padding-top: var(--SectionPadding)
    }

    .series-block .outline-btn {
        margin: 1rem 0 0
    }

    .series-block .product-info {
        text-align: left;
        margin-top: max(8vw,3rem)
    }

    .series-block .product-image-wrapper img {
        max-height: 45vw
    }

    .product-item>a {
        display: grid;
        grid-template-columns: 45% auto;
        gap: 2rem;
        padding-top: 3rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: 62vw;
        margin: 0 auto
    }

    .product-item:first-child>a {
        padding-top: 0
    }

    .series-block .product-list {
        grid-template-columns: auto
    }

    .series-block .product-pricing {
        margin: .5rem 0 1rem;
        padding-top: 0;
        border: 0
    }

    .contact-block .contact-bg img {
        width: 220%;
        margin: 0 -55%
    }

    .fixed-notice {
        letter-spacing: .5px
    }
}

@media(max-width: 800px) {
    .about-block .about-header .main-title {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media(max-width: 767px) {
    .product-item>a {
        grid-template-columns:45% auto;
        width: 100%;
        min-width: auto
    }
}

@media(max-width: 650px) {
    :root {
        --FontSizePrimary: clamp(1.5rem, 1.3241rem + 0.7407vw, 1.625rem);
        --BtnHeight: 50px
    }

    .RWDvideo006__wrapper .RWDvideo006__editor {
        width: 100%;
        left: 0;
        text-align: center
    }

    .RWDvideo006__wrapper .RWDvideo006__video::before {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0.6)), color-stop(45%, transparent));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 10%, transparent 45%)
    }

    .about-block .about-header .main-title img {
        max-width: max(4vw,4rem);
        padding-right: .5rem
    }

    .about-block {
        padding-top: var(--SectionPadding)
    }

    .about-block .about-woman {
        padding: 0 2rem
    }

    .about-block .about-header {
        margin-bottom: 0;
        padding: 0 2rem
    }

    .about-block .about-grid {
        grid-template-columns: auto;
        gap: 3rem 1rem;
        grid-template-areas: "header" "hand" "listen" "woman"
    }

    .about-block .about-description.listen-label {
        margin-top: 0;
        padding: 0 2rem
    }

    .testimonial-swiper .testimonial-card::before {
        display: none
    }

    .btn-group,.btn-group-vertical {
        width: 100%
    }

    .about-block .about-lotus {
        display: none
    }

    .main-product-image-wrapper .product-bottle .product-ripples .ripple {
        width: 48%;
        height: 30vw
    }

    .step-image-device img {
        width: calc(100% - 30px - 3.5rem)
    }

    .step-item {
        gap: 1.5rem;
        padding: 0px 3rem 2rem
    }

    .step-item {
        padding: 0px 2rem 2rem
    }

    .steps-list:before {
        content: "";
        left: calc(2rem + 9px)
    }

    .series-block .product-info {
        margin-top: 2rem
    }

    .series-block .product-image-wrapper img {
        max-height: 60vw
    }

    .animation-title .main-title {
        font-size: var(--FontSizePrimary);
        margin-top: 2rem
    }

    .animation-fullvideo .video-bg-wrapper .video-main iframe {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }

    .animation-block .video-bg-wrapper,.animation-afterscroll .video-bg-wrapper .video-main iframe {
        height: 56vw
    }

    .animation-video-target {
        min-height: auto;
        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;
        gap: 2.5rem 0
    }

    .animation-title {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial
    }

    .steps-content .section-title-bottom {
        text-align: left;
        padding: 0 2rem
    }

    .animation-afterscroll {
        padding: 0;
        grid-template-areas: "animation-text" "animation-product";
        grid-template-columns: auto;
        gap: 0
    }

    .animation-text {
        margin-top: 1.5rem;
        display: block
    }

    .animation-title {
        padding: 0 2rem
    }

    .animation-product {
        display: none
    }

    .btn-group .outline-btn {
        width: 100%;
        max-width: calc(var(--BtnWidth) - 30px);
        padding: 5px 1.5rem
    }

    .series-block .outline-btn:after {
        right: 1.5rem
    }

    .product-item>a {
        gap: 1rem
    }

    .product-item>a {
        padding-top: 0
    }

    .series-block {
        padding-bottom: 2rem
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-title {
        font-size: clamp(1.5rem,1.3241rem + .7407vw,1.625rem)
    }

    .contact-block .contact-bg>img {
        opacity: 0
    }

    .contact-block .vis-ph img {
        width: 100%;
        margin: 0;
        height: 100%;
        top: 0;
        position: absolute
    }

    .contact-block .contact-content {
        width: 90%;
        padding: 0 2rem
    }
}

@media(max-width: 480px) {
    .index .main-title,.main-title {
        letter-spacing:2px
    }

    .container-70,.container-90 {
        width: 100%;
        padding: 0 2rem
    }

    .RWDvideo006__wrapper .RWDvideo006__editor .hero-copy .hero-sub {
        font-size: var(--FontSizeBody)
    }

    .step-item {
        gap: 1rem
    }

    .step-image-device img {
        width: calc(100% - 30px - 3rem)
    }

    .series-block .product-image-wrapper img {
        max-height: 68vw;
        margin-bottom: 1rem
    }

    .product-item>a {
        grid-template-columns: 36% auto;
        gap: 1.5rem
    }

    .product-grid .main-product-info {
        padding: 0 2rem
    }

    .main-product-image-wrapper .product-bottle img {
        height: 105vw;
        margin-top: -10%;
        left: -7%
    }

    .main-product-image-wrapper .product-leaf-large img {
        height: 35vw;
        width: 70%
    }

    .product-block.section-spacing {
        padding-top: calc(var(--SectionPadding)*1.2)
    }

    .contact-block .contact-content {
        min-height: 72vw;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .contact-block .contact-content .main-title {
        margin-top: var(--Space3);
        font-size: var(--FontSizeItemTitle);
        letter-spacing: 2px
    }

    .contact-block .btn-group {
        max-width: 200px
    }
}

@media(max-width: 380px) {
    .product-item>a {
        grid-template-columns:auto;
        gap: 0
    }

    .series-block .product-info {
        margin-top: 1rem;
        text-align: center
    }

    .btn-group .outline-btn {
        margin: 1rem auto 0
    }

    .product-item {
        margin-bottom: 2rem
    }

    .contact-block .contact-content {
        width: 100%;
        padding: 0 2rem
    }
}

figure {
    margin: 0
}

a {
    text-decoration: none
}

.page_wrapper_bg section.call_to_action a,.page_wrapper_bg section.call_to_action a:hover,.page_wrapper_bg section.call_to_action a:focus,.page_wrapper_bg section.call_to_action .btn,.page_wrapper_bg section.call_to_action .btn:hover,.layoutlist_3 .dbtn_v2,.layoutlist_3 .dbtn_v2:hover {
    text-decoration: none;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.row {
    margin-right: 0px;
    margin-left: 0px
}

.boxname {
    margin: 0 10px
}

div[style="clear: both;"] {
    display: none
}

._bd_btn._bd_btn-primary:hover {
    color: var(--BtnPrimaryHoverTextColor);
    background-color: var(--BtnPrimaryHoverBg);
    border-color: var(--BtnPrimaryHoverBg)
}

._bd_btn._bd_btn-primary {
    background: var(--BtnPrimaryBg);
    border-radius: 5px !important
}

._bd_btn._bd_btn-default {
    background: rgba(0,0,0,0);
    border: 1px solid var(--BtnSecondaryBg);
    color: var(--BtnSecondaryBg);
    border-radius: var(--BtnBorderRadius) !important
}

._bd_btn._bd_btn-default:hover {
    color: var(--BtnSecondaryHoverTextColor);
    background-color: var(--BtnSecondaryHoverBg);
    border-color: var(--BtnSecondaryHoverBg)
}

._bd_row a {
    color: var(--TextColorSecondary)
}

.login_box_body .control-label,#btn_forget_form,#btn_reverify_form,.link-style,.member_join,#forget_table .th,#join_form,.RWDquiry,.RWDshopping,.RWDproduct_page .control-box .control-label,.RWDproduct_page .products-info .download .control-label,.RWDproduct_page .products-info .pd-info .control-label,.RWDproduct_page .products-info .txt .title,#mobile-fixed input,#mobile-fixed select,#mobile-fixed select.form-control:not([size]):not([multiple]),#plusbuy_mobile-fixed input,#plusbuy_mobile-fixed select,#plusbuy_mobile-fixed select:not([size]):not([multiple]),.RWDproduct_page input,.RWDproduct_page select,.RWDproduct_page select.form-control:not([size]):not([multiple]),.RWDproduct_page .btn,.RWDproduct_page .ibtn,.hgroup .breadcrumb,.shopping-item-box .item-btn,#join_form select,#join_form select.form-control:not([size]):not([multiple]),.RWDshopping select,.RWDshopping select.form-control:not([size]):not([multiple]),.bonus-box .form-group .btn,.voucher-box .form-group .btn,.form-control,select,textarea,.video_item_summary,.download .search-go,.layoutlist_2 .listdate .yearmonth,.layoutlist_2 .list_subject .subsubject,.layoutlist_4 .listdate .yearmonth,.rwdlayoutlist_9 .summary,.rwdlayoutlist_9 .cdate,.RWDsearch01 .search-nav-btn,.count_info,.layoutlist_5 .item .summary,.list-btn_mobile,.list-btn,.buybtn,.layoutlist_3 .dbtn_v2,#mobile-fixed .btn,#plusbuy_mobile-fixed .btn,#mobile-fixed .stock,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page,.sum-box .total .td:last-child small,.delivery-editor ul,.goadd-box,.info-editor ul,.plus-fixed .name a,.plus-list .name a,.shopping-item .name,.shopping-step .name,.RWDshopping,.RWDshopping .btn,.bonus-box .form-group .btn,.delivery-editor,.goadd-box .goadd,.info-editor,.login-box a,.login-box a:hover,.plus-list .addcart,.plus-list .price-box,.shopping-item .tag,.shopping-title .freight,.shops-box .shops,.voucher-box .btn.vouchers,.voucher-box .form-group .btn,.login_box_footer a.shopping_view,.shopping_viewlogin__member,.RWDproduct_page .download_container .btn,.RWDsearch_page .list-img .name,.RWDmenu_plus04 .cart-block .name,.RWDmenu_plus04 .querycar-block .name,.RWDmenu_plus04 .cart-block .spe-box,.RWDmenu_plus04 .querycar-block .spe-box,.RWDtimeline02 .timeline2_list .block .text,.shopping_viewlogin__intro {
    font-size: var(--FontSizeBody);
    letter-spacing: 2.5px;
    line-height: 1.5
}

.list-btn {
    padding: 0 10px;
    margin: 20px 0 0;
    height: calc(var(--BtnHeight)*.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.layoutlist_5 .product_list_item .subject {
    margin: 10px 0 0
}

.layoutlist_5 .item .buybtn {
    width: 100%;
    padding: 5px 0
}

input#top_search_searchkey {
    font-size: 20px !important;
    letter-spacing: 2.5px !important
}

.cd-search.full .ibtn,.RWDmenu_plus04 #search-box.full .ibtn {
    font-size: 20px
}

.search-in #search_box_text {
    font-size: 20px !important
}

.search-box #search_box_text {
    font-size: 15px !important
}

.RWDmenu_plus04 .member-block .form-area .group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.login_box_footer a.member_join {
    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
}

.login_box_footer {
    width: 100%
}

.page_wrapper_bg .RWDeditor01 ol,.page_wrapper_bg .RWDeditor01 ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.3rem
}

@-webkit-keyframes num-bg {
    0% {
        background: var(--TextColorSecondary);
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        background: var(--TextColorSecondary);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes num-bg {
    0% {
        background: var(--TextColorSecondary);
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    100% {
        background: var(--TextColorSecondary);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.page_wrapper_bg section.call_to_action {
    padding: var(--SectionPadding) 0;
    min-height: 35vw
}

.page_wrapper_bg section.call_to_action>.container {
    padding: 0;
    width: var(--ContainerDefaultWidth);
    max-width: calc(95% - 30px)
}

.page_wrapper_bg .article-text .container {
    width: 100%;
    padding: 0
}

.hgroup .container {
    width: 100%;
    margin: 0 0 var(--Space3);
    padding-bottom: var(--Space2);
    border-bottom: var(--BorderSecondary)
}

.RWDsearch_page .list-title .qty,.RWDsearch_page .list-tab li .qty {
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor)
}

.RWDsearch_page .search-list .hashtag_block .hashtagLink {
    color: var(--BtnOutlineTextColor);
    background: var(--BtnOutlineBg)
}

.RWDsearch_page .search-list {
    margin-bottom: calc(var(--SectionPadding) - var(--ItemPadding))
}

.RWDsearch_page .list-img .name {
    height: auto;
    text-align: left;
    font-size: var(--FontSizeItemTitle);
    color: var(--TextColorPrimary)
}

.RWDsearch_page .list-img>ul>li {
    width: 20%;
    margin-bottom: var(--ItemPadding)
}

.RWDsearch_page .list-title {
    margin-bottom: 2rem;
    font-size: var(--FontSizeItemTitle);
    font-weight: 600
}

.RWDsearch_page .list-img .pic {
    height: auto !important
}

.RWDsearch_page .list-img .btn-box {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.RWDsearch_page .ibtn,.RWDsearch_page .more {
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    padding: 10px 15px;
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    border: 0;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    line-height: 1;
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: unset
}

.RWDsearch01 {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.RWDsearch01 .search-text {
    font-size: var(--FontSizeBody);
    color: var(--TextColorSecondary);
    margin-bottom: 0
}

.pageTitle {
    letter-spacing: 3px;
    font-weight: 500;
    margin-top: 0rem;
    margin-bottom: 0;
    font-size: var(--FontSizePrimary);
    color: var(--TextColorPrimary);
    line-height: 1.5;
    text-align: center
}

.breadcrumb>li+li:before,.page_wrapper_bg .hgroup .breadcrumb,.page_wrapper_bg .hgroup .breadcrumb a {
    color: var(--TextColorSecondary);
    font-size: 13px
}

.page_wrapper_bg .hgroup h1 {
    line-height: 1.5;
    font-size: var(--FontSizePrimary);
    color: var(--TextColorPrimary)
}

.page_wrapper_bg .article-text h2 {
    font-size: var(--FontSizePrimary);
    line-height: 1.5;
    letter-spacing: 2.5px
}

.page_wrapper_bg .article-text h3 {
    letter-spacing: 2.5px;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: var(--FontSizeItemTitle)
}

.page_wrapper_bg .article-text h4 {
    font-size: var(--FontSizeHint);
    line-height: 1.7;
    letter-spacing: 2.5px;
    margin: 15px 0 15px
}

.article-text,.article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav,.RWDslider01 .slick-dots button {
    font-size: var(--FontSizeBody);
    line-height: 1.8;
    letter-spacing: 2.5px;
    color: var(--TextColorSecondary);
    font-weight: 400;
    font-family: var(--FontFamily)
}

#mobile-fixed,#plusbuy_mobile-fixed,.RWDproduct_page {
    font-family: var(--FontFamily)
}

.bd_row h1,.bd_row h2,.bd_row h3,.bd_row h4,.bd_row h5,.bd_row h6 {
    font-family: var(--FontFamily)
}

._bd_row label,._bd_row li,._bd_row p,._bd_row td {
    font-size: var(--FontSizeBody);
    line-height: 1.8;
    font-weight: 400
}

._bd_row li {
    margin-bottom: 10px
}

._bd_row ol {
    padding-left: 22px
}

._bd_row ul {
    padding-left: 18px
}

#panelCms .btn.btn-primary {
    float: none;
    border-radius: var(--BtnBorderRadius) !important
}

.refill_btn {
    display: none
}

.btn {
    font-size: var(--BtnFontSize)
}

.RWDmenu_plus04 .member-block a.login,.RWDmenu_plus04 .member-block a.signin,.RWDmenu_plus04 .member-block button.login,.RWDmenu_plus04 .member-block button.signin {
    border-radius: var(--BtnBorderRadius)
}

.ebtn,.btn.btn_back {
    margin-right: 0;
    float: unset;
    background: rgba(0,0,0,0) !important;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: var(--ItemPadding);
    width: 100%
}

.productcontent .btn.btn_back {
    margin-top: 0
}

#reply_app .member_block_rp .star_block_box_rp .add_msg_rp,.RWDquiry .btn.normal,.btn.btn_back a {
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    padding: 10px 15px;
    background: var(--BtnOutlineBg);
    color: var(--BtnOutlineTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border: 1px solid var(--BtnOutlineTextColor);
    line-height: 1;
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ebtn a,.new-form .new-width .currectsend_btn a {
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    padding: 10px 15px;
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border: 1px solid var(--BtnPrimaryTextColor);
    line-height: 1;
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.new-form .new-width .currectsend_btn a,.ebtn a,.btn.btn_back a {
    margin-left: auto
}

.new-form .new-width .currectsend_btn a:hover,.ebtn a:hover,.btn.btn_back a:hover {
    border: 1px solid var(--BtnPrimaryHoverTextColor);
    color: var(--BtnPrimaryHoverTextColor);
    background: var(--BtnPrimaryHoverBg)
}

#reply_add_box .send_button_rp {
    padding: 10px 15px;
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border: 1px solid var(--BtnPrimaryTextColor);
    line-height: 1;
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#reply_add_box .box_rp .one_rp .style_box_rp .select_box_rp {
    width: 100%
}

.RWDshopping .btn.normal {
    border-radius: 0
}

.RWDshopping_v3 .order-infobox .btn-row {
    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;
    gap: 1rem
}

.RWDshopping_v3 .order-infobox .btn-row .links {
    margin-bottom: 0
}

.RWDshopping .btn.bg1 {
    background: rgba(0,0,0,0);
    color: var(--BtnPrimaryTextColor);
    border: 1px solid var(--BtnPrimaryTextColor);
    border-radius: var(--BtnBorderRadius)
}

.RWDshopping .btn.bg1:hover {
    border-radius: 0;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border: 1px solid var(--BtnPrimaryBg);
    color: var(--BtnPrimaryHoverTextColor) !important;
    background: var(--BtnPrimaryBg)
}

.layoutlist_4 .showY br {
    display: none
}

.RWDshopping .btn.normal {
    max-width: initial
}

.page_wrapper_bg.lang_en .voucher-box .form-group .btn {
    width: auto
}

.RWDshopping .btn.bg2 {
    border-radius: 0 !important;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border: 1px solid var(--BtnPrimaryTextColor) !important;
    color: var(--BtnPrimaryTextColor) !important;
    background: var(--BtnPrimaryTextColor) !important
}

.RWDshopping .btn.bg2:hover {
    background: var(--BtnPrimaryHoverTextColor) !important;
    color: var(--BtnPrimaryHoverTextColor) !important;
    border: 1px solid var(--BtnPrimaryHoverTextColor) !important
}

.RWDshopping .btn.bg2 i {
    -webkit-transition: none;
    transition: none
}

.RWDshopping .btn.bg3 {
    background: rgba(0,0,0,0);
    color: var(--BtnPrimaryTextColor);
    border: 1px solid var(--BtnPrimaryTextColor);
    border-radius: 0
}

.RWDshopping .btn.bg3:hover {
    border-radius: 0;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border: 1px solid var(--BtnPrimaryHoverTextColor);
    color: var(--BtnPrimaryHoverTextColor) !important;
    background: var(--BtnPrimaryHoverBg)
}

.RWDshopping .btn.normal {
    max-width: initial
}

.gray82radius-btn,.RWDshopping_v3 .order-infobox .btn-row .links,.RWDshopping_v3 .cartform-submit {
    width: var(--BtnWidth);
    line-height: 1;
    min-height: unset;
    border-radius: var(--BtnBorderRadius);
    background: var(--BtnPrimaryBg)
}

.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn,.RWDshopping_v3 .order-infobox .btn-row .links,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn,.payhint-modal .btn-row .gray33radius-btn {
    background: var(--BtnPrimaryBg)
}

.RWDshopping_v3 .cartform-submit:hover,.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn:hover,.RWDshopping_v3 .order-infobox .btn-row .links:hover,.RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn:hover,.payhint-modal .btn-row .gray33radius-btn:hover {
    background: var(--BtnPrimaryHoverBg);
    color: var(--BtnPrimaryHoverTextColor)
}

.gray82empty-btn,.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn {
    color: var(--BtnOutlineTextColor);
    border-color: var(--BtnOutlineTextColor);
    background: var(--BtnOutlineBg)
}

.gray82empty-btn:active,.gray82empty-btn:focus,.gray82empty-btn:visited,.gray82empty-btn:hover,.RWDshopping_v3 .cart-fill .cart-list .info-pane .gray82empty-btn:hover,.RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn:hover {
    color: var(--BtnOutlineHoverTextColor);
    border-color: var(--BtnOutlineHoverTextColor);
    background: var(--BtnOutlineHoverBg)
}

.selectpick .selectDropdown .selectOption input[type=radio].forSelect:checked+label {
    background-color: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor)
}

.blue-link {
    color: var(--ColorPrimary)
}

.blue-link:hover {
    color: var(--ColorPrimaryHover)
}

.RWDmenu_plus04 .cart-block .pic,.RWDmenu_plus04 .querycar-block .pic {
    background: rgba(0,0,0,0)
}

#btn_member_login {
    float: none;
    background: var(--BtnPrimaryBg);
    padding: 6px 12px
}

#btn_member_login,#div_forget_content #forget_table_btn {
    background: var(--BtnPrimaryBg);
    border: 1px solid var(--BtnPrimaryTextColor);
    color: var(--BtnPrimaryTextColor);
    border-radius: var(--BtnBorderRadius);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.memberlist .col-sm-9.col-md-9 .btn.btn-primary a,.memberlist .col-sm-9.col-md-9 .btn.btn-primary a:hover {
    color: var(--BtnPrimaryTextColor) !important
}

#btn_reverify_form:hover,#btn_forget_form:hover,.form-checkbox:hover,.form-group .form-radio:hover,.member_login a:hover,.member_login a:hover .member_join_strong {
    color: var(--ColorPrimaryHover)
}

.RWDmenu_plus04 .member-block .login-is-on .item a:hover {
    color: var(--NaviHoverTextColor)
}

.search_area input {
    margin-left: 5px
}

.member .css-table .tr a {
    color: var(--ColorPrimaryHover)
}

.go2member {
    text-decoration: underline !important;
    color: var(--ColorPrimary)
}

#join_form {
    background: #fff
}

.join_form-title {
    font-size: var(--FontSizeItemTitle);
    color: var(--TextColorPrimary);
    font-weight: 500
}

#join_form input#memberColumns_00003 {
    min-width: 130px
}

#join_form .btn-primary {
    width: var(--BtnWidth);
    float: none;
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    border: 1px solid var(--BtnPrimaryBg);
    padding: 6px 12px;
    height: var(--BtnHeight);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    font-size: var(--BtnFontSize);
    letter-spacing: 2.5px
}

#join_form .btn-link:hover {
    text-decoration: none
}

.webbtn {
    background: var(--BtnPrimaryBg)
}

.webbtn:hover {
    background: var(--BtnPrimaryHoverBg);
    color: var(--BtnPrimaryHoverTextColor)
}

.btn-primary,.shopping_viewlogin__submit {
    color: var(--BtnPrimaryTextColor);
    background-color: var(--BtnPrimaryBg);
    border: 1px solid var(--BtnPrimaryBg);
    border-radius: var(--BtnBorderRadius) !important;
    float: right;
    margin-right: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#join_form .btn-primary:hover,.no-touch .shopping_viewlogin__submit:hover,.shopping_viewlogin__submit:hover {
    background: var(--BtnPrimaryHoverBg);
    color: var(--BtnPrimaryHoverTextColor);
    border-color: var(--BtnPrimaryHoverBg)
}

#shopping_viewlogin_form.processing .shopping_viewlogin__submit {
    color: var(--BtnPrimaryTextColor);
    background-color: var(--BtnPrimaryBg);
    border: 1px solid var(--BtnPrimaryBg);
    border-radius: var(--BtnBorderRadius) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shoppingQuery .shopping_viewlogin__submit {
    float: unset;
    margin: 2rem auto
}

.btn-primary a {
    color: var(--BtnPrimaryTextColor);
    font-size: var(--FontSizeBody)
}

.btn.btn-primary:focus a,.btn.btn-primary:hover a,.btn.btn-primary:active a {
    color: var(--BtnPrimaryTextColor) !important
}

.btn-primary:hover {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    color: var(--BtnPrimaryHoverTextColor);
    background-color: var(--BtnPrimaryBg);
    border-color: var(--BtnPrimaryBg)
}

.btn-primary:active:hover,.btn-primary:active:focus {
    background-color: var(--BtnSecondaryBg);
    border: 1px solid var(--BtnSecondaryBg)
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: var(--BtnPrimaryHoverTextColor) !important;
    background-color: var(--BtnPrimaryHoverBg);
    border-color: var(--BtnPrimaryHoverBg);
    outline: none
}

.shopping_viewlogin__member a:hover {
    color: var(--TextColorPrimary)
}

#div_forget_area * {
    border-radius: 0
}

.join_form_btns {
    text-align: right
}

.collapsing_header .main {
    overflow: inherit;
    margin-top: var(--NaviHeight) !important
}

.main section .container .article-text>.container>.xrow {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block
}

.main section .container .article-text>.container .xrow #sidebar {
    position: sticky;
    top: var(--NaviStickyOffset);
    left: 0
}

.page_wrapper_bg .m2018 .products-nav .nav-title {
    font-size: var(--FontSizeItemTitle);
    padding: 5px 20px;
    margin-bottom: 0;
    font-weight: bold;
    color: var(--BtnPrimaryTextColor);
    background: var(--BtnPrimaryBg)
}

#sidebar .products-nav {
    font-family: var(--FontFamily)
}

#sidebar .products-nav>ul {
    padding: 10px 20px
}

.m2018 .products-nav .sidemenu2__ul--child li {
    padding-left: 25px
}

.page_wrapper_bg .m2018 .products-nav {
    background: #fff
}

.page_wrapper_bg .m2018 .products-nav li:not(.has-child)>a:hover {
    color: var(--ColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.page_menu_block ul.nav>li>a,.page_wrapper_bg .m2018 .products-nav>ul>li>a {
    padding: 0px 10px !important;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    font-size: calc(var(--FontSizeItemTitle) - 4px) !important;
    letter-spacing: 2.5px !important;
    font-weight: 500 !important
}

.page_wrapper_bg .m2018 .products-nav>ul>li {
    padding: 15px 0px;
    margin: 0px;
    border-bottom: var(--BorderSecondary)
}

.page_wrapper_bg .m2018 .products-nav>ul>li:last-child a {
    padding-bottom: 5px
}

.page_wrapper_bg .m2018 .products-nav>ul>li:last-child {
    border-bottom: 0
}

.page_wrapper_bg .m2018 .products-nav ul .is-open>a,.page_wrapper_bg .m2018 .products-nav ul .active>a,.m2018 .products-nav ul li>ul>li:hover>a,.m2018 .search-box .ibtn:hover {
    color: var(--ColorPrimary);
    font-weight: 500
}

.page_wrapper_bg .m2018 .products-nav .sidemenu2__ul>li.active:not(.iscate)>a::before {
    content: "";
    background: var(--ColorPrimary);
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 9px;
    border-radius: 100%;
    margin-bottom: 2px
}

.m2018 .products-nav>ul>li {
    padding: 0;
    margin: 0
}

.m2018 .products-nav a {
    padding: 12px 0px !important;
    font-weight: 400;
    font-size: calc(var(--FontSizeItemTitle) - 4px)
}

.m2018 .products-nav ul>li>.toggle-submenu {
    top: 14px
}

.m2018 .search-box {
    margin-bottom: 24px
}

.pagecontent .RWDslider01,.pagecontent .RWDeditor01 {
    margin-top: calc(var(--SectionPadding)/1.5) !important
}

.pagecontent .article_model[data-seq="0"] {
    margin-top: 0 !important
}

.RWDslider01 .products-list .products-item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.RWDslider01.pic-right .products-list .products-item .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.RWDslider01 .text {
    color: var(--TextColorSecondary)
}

.RWDtimeline01 li.event .point {
    z-index: 1
}

.RWDtimeline01 li.event .point .title,.RWDtimeline02 li.event .point .title {
    font-size: var(--FontSizeItemTitle);
    font-weight: 500;
    color: var(--TextColorPrimary)
}

.RWDtimeline02 {
    margin-top: var(--SectionPadding);
    padding-top: 0
}

.RWDtimeline02 .timeline2_list .block .text-in {
    max-height: 70px
}

.RWDtimeline02 .control-box {
    top: 0
}

.page_wrapper_bg .pagecontent .RWDtimeline01 {
    margin-top: var(--SectionPadding)
}

.productlist .layoutlist_2,.productlist .layoutlist_4,.productlist .layoutlist_5,.albumlist .layoutlist_2,.albumlist .layoutlist_4,.articlelist .layoutlist_2,.articlelist .layoutlist_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page_wrapper_bg .cate_list .subject {
    color: var(--TextColorPrimary);
    font-size: var(--FontSizeItemTitle);
    font-weight: 500;
    margin-top: 16px;
    margin-bottom: 0;
    text-align: left
}

.page_wrapper_bg .cate_list .subject a {
    color: var(--TextColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

#article .cate_list.row>div {
    margin-bottom: var(--ItemPadding);
    margin-top: 0
}

.rwdlayoutlist_9 .litem .litem__imgs,.layoutlist_7 .litem .img,#article .cate_list.row .img {
    overflow: hidden
}

#product .product_list_item img,.rwdlayoutlist_9 .litem img,.layoutlist_7 .litem img,#article .cate_list.row img {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.customized_columns>.row,.col-sm-6 {
    margin-top: 0
}

.webdesc {
    margin-bottom: var(--SectionMarginBottom);
    font-size: calc(var(--FontSizeItemTitle) - 4px);
    padding-inline:15px}

#album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject,.rwdlayoutlist_9 .subject,.layoutlist_8 .article_subject,.RWDtimeline02 .model-title,.RWDtimeline01 .model-title,#product .item .subject a,.page_wrapper_bg #article .layoutlist_7 .subject a,.page_wrapper_bg #article .layoutlist_4 .item .list_subject>a,.page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {
    font-size: var(--FontSizeSecondary);
    font-weight: 500;
    margin: 0px 0px 16px !important;
    display: block;
    line-height: 1.5 !important;
    color: var(--TextColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.rwdlayoutlist_9 .summary,.item .summary .itemlink,.page_wrapper_bg :is(.layoutlist_4,.layoutlist_8,.layoutlist_7) .summary a,.page_wrapper_bg .subsubject {
    font-weight: 400;
    line-height: 1.8;
    color: var(--TextColorSecondary);
    font-size: var(--FontSizeBody);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.page_wrapper_bg #article :is(.layoutlist_4,.layoutlist_2) .listdate {
    text-align: center;
    border-left: var(--BorderSecondary)
}

.page_wrapper_bg :is(.layoutlist_4,.layoutlist_2) .listdate .yearmonth {
    padding-bottom: 0
}

.page_wrapper_bg :is(.layoutlist_4,.layoutlist_2,.layoutlist_8) .item {
    width: 100%
}

#article .layoutlist_2 .item {
    width: 100%
}

#article .layoutlist_4 .item {
    border-bottom: var(--BorderSecondary);
    padding: var(--ItemPadding) 0
}

#article .layoutlist_8 .item,#article .layoutlist_7 .litem,#article .rwdlayoutlist_9 .litem {
    padding-block:0;margin-bottom: var(--ItemPadding);
    margin-top: 0
}

#article .layoutlist_4 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#article .layoutlist_4 .fixrow {
    width: 100%
}

#article .layoutlist_4 .listdate {
    padding: 0 10px;
    width: 150px;
    border-left: 1px solid #eee
}

#article .layoutlist_4 .listdate .day {
    font-size: 25px
}

#article .layoutlist_4 .listdate .yearmonth {
    letter-spacing: 2.5px;
    padding: 0;
    font-size: 12px !important
}

#article .layoutlist_4 .item .list_img {
    padding-left: 0
}

#article .layoutlist_4 .list_subject {
    width: calc(100% - 90px)
}

#article .layoutlist_4 .list_subject .summary {
    margin: 0
}

#article .layoutlist_4 .xrow.list {
    height: auto
}

.rwdlayoutlist_6 ul,.rwdlayoutlist_6 ul a,.page_wrapper_bg .layoutlist_5 .list_date,.page_wrapper_bg .layoutlist_5 .list_subject a {
    font-size: calc(var(--FontSizeItemTitle-6px));
    color: var(--TextColorPrimary)
}

#article .layoutlist_5 .list_subject a {
    letter-spacing: 2.5px
}

#article .layoutlist_5 .item {
    padding: 15px 0px
}

.rwdlayoutlist_6 .subject_title {
    font-size: calc(var(--FontSizeItemTitle) - 4px);
    color: var(--TextColorPrimary);
    font-weight: 500
}

.page_wrapper_bg .layoutlist_7 .subject {
    margin-top: 20px;
    margin-bottom: 0
}

.page_wrapper_bg .layoutlist_7 .summary a {
    margin-top: 0
}

.page_wrapper_bg #article .layoutlist_7 .subject a {
    margin-bottom: 0 !important
}

.layoutlist_7>.row:before,.layoutlist_7>.row:after {
    display: none
}

:is(.downloadlist,#article) .cate_list.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layoutlist_7 .row,.layoutlist_7 .row:after,.layoutlist_7 .row:before {
    clear: inherit !important;
    margin-right: 0;
    margin-left: 0
}

.layoutlist_8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.layoutlist_8 .list_subject {
    padding: 0 max(3vw,2.5rem)
}

.layoutlist_8 .list_subject .summary {
    margin: 0
}

#article .layoutlist_8 .item {
    padding-bottom: max(3vw,2.5rem)
}

#article .layoutlist_8 .item .list_img {
    padding: 0
}

.layoutlist_8 .listdate {
    text-align: center
}

.layoutlist_8 .listdate .day {
    color: var(--TextColorPrimary);
    font-size: 2vw
}

.layoutlist_8 .listdate .yearmonth {
    font-size: calc(var(--FontSizeBody)*.9);
    color: var(--TextColorSecondary)
}

.rwdlayoutlist_9 .cdate {
    font-size: calc(var(--FontSizeBody)*.9);
    color: var(--TextColorSecondary);
    padding-top: 0;
    padding-bottom: 4px
}

.no-touch .rwdlayoutlist_9 .litem:hover .litem__imgs::after,.rwdlayoutlist_9 .cdate::before {
    display: none
}

.rwdlayoutlist_9 .summary {
    margin: 0
}

.layoutlist_4 .product_list_item,.layoutlist_2 .product_list_item {
    margin-top: 0;
    margin-bottom: var(--ItemPadding);
    border-bottom: 0
}

#product .item .subject {
    height: auto !important;
    text-align: center;
    margin: 1.5rem 0;
    border-bottom: var(--BorderSecondary);
    padding-top: 1rem
}

.productlist .layoutlist_4>div {
    margin: 0
}

.productlist .layoutlist_4 .product_list_item {
    padding-bottom: 0;
    border: 0
}

.productlist .layoutlist_4 .hashtag_block {
    margin-top: 0;
    margin-bottom: 10px
}

.productlist .layoutlist_2 .item .compare .btn_compare {
    color: var(--BtnOutlineTextColor);
    border: 1px solid var(--BtnOutlineTextColor);
    background: var(--BtnOutlineBg);
    border-radius: var(--BorderRadius);
    padding: 10px;
    text-align: center;
    font-size: var(--BtnFontSize)
}

.productlist .layoutlist_2 .item .compare {
    margin-bottom: 0;
    border-top: 0;
    margin-top: 20px;
    padding-top: 20px
}

.productlist .layoutlist_2 .item .compare .ii-check {
    border: 1px solid var(--BtnOutlineTextColor)
}

.productlist .layoutlist_3 .item {
    margin-top: 0;
    margin-bottom: var(--ItemPadding)
}

.productlist .layoutlist_3 .item .col-sm-12.col-md-6:nth-of-type(1),.productlist .layoutlist_3 .item .col-md-12 {
    padding: 0
}

.layoutlist_4 .pricearea {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    letter-spacing: 2.5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 15px;
    line-height: 1;
    margin-bottom: 16px
}

.layoutlist_4 .amount_div,.layoutlist_4 .stands_options,.layoutlist_4 .cate_div {
    padding: 0;
    margin: 0
}

.layoutlist_4 .amount_div,.layoutlist_4 .stands_div,.layoutlist_4 .cate_div {
    margin-bottom: 8px
}

.layoutlist_4 .cate_div .nocateselect {
    display: none
}

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

.pricearea .payprice,.pricearea .price,.layoutlist_4 .sellprice {
    color: #f10404;
    font-weight: 500;
    font-size: calc(var(--FontSizeItemTitle) - 4px);
    margin: 0
}

.layoutlist_4 .subject {
    height: auto !important;
    line-height: 1.5;
    min-height: auto;
    font-weight: 500;
    margin-bottom: 0
}

.layoutlist_4 .buybtn {
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border-radius: var(--BtnBorderRadius);
    padding: 10px 0;
    margin-top: 1.5rem;
    margin-bottom: 0
}

.pricearea .price.delline,.pricearea .price.fixprice,li#O_fixPrice,li#O_fixPrice b,li#O_fixPrice span {
    text-decoration: line-through;
    color: var(--TextColorSecondary);
    font-size: var(--FontSizeBody)
}

.cate_title,.stands_name,.amount_name {
    margin-right: 3px
}

.layoutlist_5 .list-btn_mobile a,.layoutlist_5 .product_list_item .list-btn_mobile,.layoutlist_5 .product_list_item .list-btn,.layoutlist_5 .product_list_item .buybtn {
    background-color: var(--BtnPrimaryBg);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    font-size: var(--BtnFontSize)
}

.closeup-frame .right select {
    border: var(--BorderSecondary);
    color: var(--TextColorSecondary);
    font-size: var(--FontSizeBody)
}

.layoutlist_5 .closeup-frame .left {
    margin-bottom: var(--ItemPadding)
}

.page_content1 #productbx_bg {
    background: #efefef;
    -moz-opacity: 1;
    opacity: 1
}

.product_desc_content {
    color: var(--TextColorPrimary);
    letter-spacing: 2.5px;
    line-height: 1.8
}

#prod_price .currency,.page_content1 #prod_price {
    margin-top: 0;
    color: #fe0000
}

#prod_price .money {
    font-weight: bold;
    color: #fe0000;
    font-size: var(--FontSizeItemTitle);
    margin-left: 5px
}

#member_org_price,div#prod_fixprice,.pagecontent.menu5 .page_content1 #prod_price,.pagecontent.menu8 .page_content1 #prod_price {
    margin: 0
}

._shopping_info>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    letter-spacing: 2.5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    line-height: 1
}

.productcontent .page_content1 .info {
    text-align: center;
    margin: 30px 0 0
}

.productcontent .page_content1 .product_desc_subject {
    text-align: center
}

.page_content1 .spec-scroll .items ul li:hover {
    border: 1px solid var(--TextColorPrimary)
}

#product>div.page_content1>div.product_top.row>div:nth-child(3) {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    margin: 30px 0 0
}

.page_content1 #prod_name,.page_content1 #prod_name .product_name {
    font-size: var(--FontSizeSecondary);
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.5;
    color: var(--TextColorPrimary);
    margin-bottom: 8px
}

.spec-scroll .items ul li {
    border: 0
}

#product>div.page_content1>div.product_top.row>div.info.col-sm-12.col-md-12.col-xs-12>div:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin: auto;
    max-width: 900px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.productcontent .page_content1 .info :is(.page_content2 .btn,#btn_querycar,#btn_shopping,#prod_amount_area,#prod_stands2_area,#prod_stands_area,.page_content1 .btn.btn_querycar) {
    margin: 0 !important
}

#btn_shopping_tracking,#prod_stands_area,#prod_stands2_area,#prod_amount_area,.btn_shopping,.btn_querycar {
    width: calc(33.3333333333% - 10px) !important
}

.dd-container,:not(.member) .page_wrapper_bg .dd-select {
    width: 100% !important
}

#product .page_content1 .btnfloat {
    margin-inline:0 !important}

#btn_shopping_tracking,#product .page_content1 #btn_shopping,#product .page_content1 #btn_querycar {
    margin: auto
}

#product .spec-scroll .items ul li,#product .page_content1_thumbphoto .swiper-slide {
    border: 0
}

.page_content1 #prod_no {
    display: none
}

#btn_shopping {
    border-radius: 0;
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    border: 1px solid var(--BtnPrimaryTextColor)
}

.fbtn {
    border-radius: 0;
    font-size: 14px;
    background: var(--BtnPrimaryBg);
    background: rgba(0,0,0,0);
    color: var(--BtnPrimaryTextColor);
    border: 1px solid var(--BtnPrimaryBg);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

#product .fbtn {
    font-size: var(--BtnFontSize)
}

#btn_querycar {
    border-radius: 0;
    font-size: var(--BtnFontSize);
    background: var(--BtnOutlineBg);
    color: var(--BtnOutlineTextColor);
    border: 1px solid var(--BtnOutlineTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.page_content1 .dd-selected {
    letter-spacing: 2.5px;
    padding: 0 40px 0 10px;
    font-size: var(--FontSizeBody);
    line-height: 32px
}

.page_content1 .dd-selected,.page_wrapper_bg .dd-pointer-down {
    border: var(--BorderSecondary)
}

label.dd-option-text {
    font-size: var(--FontSizeBody);
    color: var(--TextColorPrimary);
    line-height: 1 !important;
    margin: 0 !important;
    font-weight: 400
}

.dd-option {
    padding: 5px 10px
}

#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop {
    margin-top: max(2.5vw,2rem);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem
}

#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop,#mobile-fixed .btn-shop .btn.shop {
    background: var(--BtnPrimaryBg);
    color: var(--BtnSecondaryTextColor);
    border-radius: var(--BtnBorderRadius);
    width: 100%
}

#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add,#mobile-fixed .btn-shop .btn.add {
    background: var(--BtnOutlineTextColor);
    color: var(--BtnPrimaryTextColor);
    border-radius: var(--BtnBorderRadius);
    width: 100%
}

.RWDproduct_page .products-info .download .control-label,.RWDproduct_page .products-info .pd-info .control-label,.RWDproduct_page .products-info .style-radio .control-label {
    width: 100%
}

.btn-compare .ii {
    position: relative;
    top: -1px
}

.RWDproduct_page .menu3 .hashtag .hashtag_block {
    width: 100%;
    padding-inline:0}

.RWDproduct_page .menu3 .pic-box,.RWDproduct_page .hashtag .hashtag_block,.RWDproduct_page .pic-box {
    width: 60%;
    padding-right: var(--Space3)
}

.RWDproduct_page .menu3 .products-info,.RWDproduct_page .products-info {
    width: 40%
}

.RWDproduct_page .hashtag .hashtag_block {
    margin-top: 0;
    margin-bottom: 1rem
}

.RWDproduct_page .products-info .name {
    font-size: calc(var(--FontSizePrimary)*.95);
    font-weight: 500;
    color: var(--TextColorPrimary);
    line-height: 1.3;
    margin-bottom: 1rem
}

.RWDproduct_page .products-info .nu,.RWDproduct_page .products-info .stock,.RWDproduct_page .products-info .subname,.RWDproduct_page .products-info .txt .editor {
    font-size: var(--FontSizeBody);
    line-height: 1.6;
    font-weight: 400;
    color: var(--TextColorSecondary);
    letter-spacing: 2.5px
}

.RWDproduct_page .products-info .price-box b {
    font-size: var(--FontSizeItemTitle);
    margin-left: 4px;
    font-weight: 400;
    color: var(--TextColorTitle)
}

.RWDproduct_page .products-info .price-box li {
    margin-right: 0
}

.RWDproduct_page .products-info .price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 15px;
    line-height: 1
}

.RWDproduct_page .btn-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 15px
}

.RWDproduct_page .btn-other .ibtn {
    padding: 0
}

.RWDproduct_page .form-group {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 10px
}

.RWDproduct_page .products-info .select-box,.RWDproduct_page .products-info .qtybox {
    width: 100%
}

.RWDproduct_page .products-info .txt .editor {
    border-top: var(--BorderSecondary);
    border-bottom: var(--BorderSecondary);
    padding: 2rem 0;
    margin: 2rem 0
}

.RWDproduct_page .products-info .price-box li.delline:after {
    display: none
}

.RWDproduct_page .products-info .txt .title {
    display: none
}

.RWDproduct_page .products-info .pd-info .control-label {
    color: var(--TextColorPrimary)
}

.btn-compare {
    border-top: var(--BorderSecondary);
    padding-top: 2rem;
    margin-top: 2rem
}

.btn-compare .btn.add {
    border: 1px solid var(--BtnOutlineTextColor);
    color: var(--BtnOutlineTextColor);
    background: var(--BtnOutlineBg);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDproduct_page .download_container .btn {
    width: auto
}

.RWDproduct_page .file_area {
    width: 100% !important
}

.products-info .download_container .btn {
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    border: 1px solid var(--BtnPrimaryTextColor)
}

.page_wrapper_bg .products-info .dd-selected {
    border: 0
}

.menu5 .products-info .download_container {
    display: grid;
    grid-template-columns: 2fr 1fr
}

.page_wrapper_bg .articlerelated-box .title,.RWDproduct_page .related-box .title {
    font-size: var(--FontSizeItemTitle);
    color: var(--TextColorPrimary);
    font-weight: 500;
    letter-spacing: 2.5px;
    position: relative
}

.page_wrapper_bg .articlerelated-box .title,.RWDproduct_page .products-info .txt .title,.RWDproduct_page .related-box .title {
    border-bottom: var(--BorderSecondary);
    margin-bottom: 3rem;
    padding-bottom: 1rem
}

.page_wrapper_bg .articlerelated-box,.RWDproduct_page .related-box {
    margin: var(--SectionPadding) 0 0;
    overflow: hidden
}

.page_wrapper_bg .articlerelated-box .article-slider .item .name,.RWDproduct_page .related-box .name {
    color: var(--TextColorPrimary);
    margin-top: 16px;
    font-weight: 500;
    letter-spacing: 2.5px;
    margin-bottom: 8px
}

.page_wrapper_bg .articlerelated-box .article-slider .item .name {
    line-height: 1.5;
    max-height: unset;
    margin-top: 4px;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.page_wrapper_bg .articlerelated-box .article-slider .item .pic {
    margin-top: 0
}

.page_wrapper_bg .articlerelated-box .article-slider .item .summary {
    margin-top: 0;
    font-size: var(--FontSizeBody);
    line-height: 1.6;
    color: var(--TextColorSecondary)
}

.page_wrapper_bg .articlerelated-box .article-slider .item .date {
    color: var(--TextColorSecondary)
}

.page_wrapper_bg .articlerelated-box .article-slider .item {
    padding: 0 1.5rem 1rem
}

.RWDproduct_page .related-box .price-box li.delline,#mobile-fixed .price-box li.delline {
    text-decoration: line-through;
    color: var(--TextColorSecondary)
}

.RWDproduct_page .related-box .item a:hover .name {
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.RWDproduct_page .related-box .item {
    padding: 0 1.5rem 1rem
}

.RWDproduct_page .related-box .price-box {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0;
    font-size: 14px
}

.page_wrapper_bg .articlerelated-box .slick-arrow,.RWDproduct_page .related-box .slick-arrow {
    top: unset;
    bottom: 1rem
}

.productlist .sortbar {
    margin-top: 0;
    margin-bottom: 20px !important;
    text-align: left;
    width: 100% !important;
    padding-inline:15px;float: unset
}

.productlist .sortbar a {
    color: var(--TextColorPrimary)
}

.productlist .sortbar a:hover {
    color: var(--ColorPrimaryHover)
}

.RWDproduct_page .tab-box .tab-container>ul>li ul,.RWDproduct_page .tab-box .tab-container>ul>li ol {
    padding-left: 22px
}

.page_wrapper_bg .tabs nav a,.RWDproduct_page .tab-box .tab-menu a {
    margin: 0 5px 0 0;
    padding: 15px 30px;
    height: auto;
    font-size: calc(var(--FontSizeItemTitle) - 4px);
    background: rgba(0,0,0,0);
    border: 0;
    position: relative;
    color: var(--TextColorPrimary);
    background: rgba(0,0,0,0)
}

.page_wrapper_bg .tabs nav li.tab-current a,.RWDproduct_page .tab-box .tab-menu li.active a {
    color: var(--ColorPrimaryHover);
    border: rgba(0,0,0,0);
    background: rgba(0,0,0,0);
    font-weight: 500;
    letter-spacing: 2.5px
}

.page_wrapper_bg .tabs .content,.RWDproduct_page .tab-box .tab-container {
    border: var(--BorderSecondary)
}

.RWDproduct_page .tab-box .tab-menu li:last-child a:after {
    opacity: 0
}

.page_wrapper_bg .tabs nav ul li:before,.RWDproduct_page .tab-box .tab-menu a:after {
    content: "";
    background: #ccc;
    position: absolute;
    width: 1px;
    height: 15px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#mobile-fixed,.RWDproduct_page {
    color: var(--TextColorSecondary)
}

.page_wrapper_bg .tabs .content,.RWDproduct_page .tab-box .tab-container>ul>li {
    padding: var(--ItemPadding);
    line-height: 1.5;
    font-size: var(--FontSizeBody)
}

.RWDproduct_page .tab-box .tab-menu li.active a:before {
    display: none
}

.RWDproduct_page .tab,.RWDproduct_page .tab:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.productcontent .tabs nav ul {
    margin: 0 !important
}

.page_wrapper_bg .tabs {
    margin: var(--SectionPadding) 0 0
}

.tabs nav ul li:first-child {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tabs nav li:last-child:before {
    opacity: 0
}

.tabs nav li.tab-current a::before,.tabs nav li.tab-current a::after,.tabs nav li.tab-current:after {
    display: none
}

.tabs nav ul li {
    border: 0
}

.layoutlist_2 .album_item {
    height: auto !important
}

#album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject {
    padding: 16px 0 0 0;
    margin: 0 !important
}

.album_item img {
    max-height: unset !important
}

.layoutlist_1 .album_item,.albumlist .layoutlist_2 .album_item {
    margin: 0 0 var(--ItemPadding);
    height: auto !important
}

.row .album_d_item a {
    border-bottom: 0
}

.album_d_item .album_item_subject {
    font-size: var(--FontSizeBody)
}

.albumcontent .layoutlist_1 .row a,.row .album_d_item a {
    padding-bottom: 0
}

.page_content1v1 .album_d_item .album_item_subject {
    bottom: 0;
    opacity: 1 !important;
    background: rgba(0,0,0,0)
}

.page_content1v1 .album_d_item {
    margin-bottom: 60px !important
}

#album .page_content2 .dis .dis_li .text {
    font-size: var(--FontSizeBody);
    line-height: 1.8;
    letter-spacing: 2.5px;
    color: var(--TextColorPrimary);
    margin: 0 0 30px
}

.photo_view .flexslider .slides2 {
    height: max(10vw,150px) !important
}

.photo_num {
    position: relative;
    text-align: right;
    margin: 10px 0 0px
}

#album .page_content4 .page_desc2,#album .page_content3 .page_desc2 {
    margin-top: var(--ItemPadding)
}

.lg-sub-html p {
    font-size: var(--FontSizeBody);
    color: #fff;
    font-weight: 400
}

#album .page_desc {
    margin: 0 0 var(--ItemPadding) 0
}

.rwd .faq_answer {
    font-size: var(--FontSizeBody);
    letter-spacing: 2.5px;
    line-height: 1.8;
    padding: 0;
    padding-bottom: 1rem
}

.rwd .faq_question {
    padding: 20px 0px;
    font-size: 18px;
    letter-spacing: 2.5px
}

.rwd .faq_item:first-child .faq_question {
    padding: 0px 0px 20px
}

.faq1 .layoutlist_2 {
    background: #fff
}

.faq_split {
    border-top: 0
}

.faq_item {
    border-bottom: var(--BorderSecondary)
}

.faq_a_icon,.faq_q_icon {
    position: relative;
    margin: 0 10px;
    width: 20px;
    height: 30px;
    z-index: 10;
    background: rgba(0,0,0,0)
}

.faq_a_icon:before,.faq_q_icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 30px;
    font-size: 20px;
    color: var(--TextColorPrimary);
    line-height: 1;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0;
    padding-bottom: 3px;
    font-weight: 500
}

.faq_a_icon:before {
    content: "A";
    padding-left: 3px
}

.faq_q_icon:before {
    content: "Q"
}

.videolist .video_item_subject {
    font-size: var(--FontSizeItemTitle);
    letter-spacing: 2.5px;
    font-weight: 500;
    color: var(--TextColorPrimary);
    margin: 16px 0px 0;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.videolist .video_item_summary {
    font-size: var(--FontSizeBody);
    text-align: left;
    color: var(--TextColorSecondary);
    margin-top: 4px
}

.videolist .video_item {
    margin: 0 0 var(--ItemPadding)
}

.layoutlist_5 .dbtn_v2,.page_wrapper_bg .dd-selected,.download .search_bg {
    border: var(--BorderSecondary)
}

.download .search_input {
    background: rgba(0,0,0,0);
    color: var(--TextColorSecondary)
}

.download .search-go:hover,.no-touch .layoutlist_5 .dbtn_v2:hover {
    background: var(--BtnSecondaryHoverBg);
    border-color: var(--BtnSecondaryHoverBg);
    color: var(--BtnSecondaryHoverTextColor)
}

.layoutlist_5 .dbtn_v2 {
    display: inline-block;
    margin: 15px 0 0;
    padding: 6px .8em;
    font-size: 14px;
    line-height: 1.2;
    color: var(--TextColorPrimary);
    border-radius: 2px;
    background: #fff;
    text-decoration: none;
    cursor: pointer
}

.layoutlist_5 .download_subject {
    line-height: 1.4
}

.layoutlist_5 .summary {
    margin: 8px 0 0;
    font-size: var(--FontSizeBody);
    line-height: 1.4;
    color: var(--TextColorSecondary)
}

.dd-option,.dd-selected {
    font-size: var(--FontSizeBody);
    color: var(--TextColorSecondary);
    letter-spacing: 2.5px
}

.download_container {
    border: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 70% auto
}

.download_container .btn {
    font-size: var(--BtnFontSize);
    background: var(--BtnPrimaryBg);
    color: #fff;
    border-radius: 0;
    padding: 5px;
    height: 35px;
    width: var(--BtnWidth);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download_container .btn:hover {
    background: var(--BtnSecondaryBg)
}

.file_area label.dd-option-text {
    margin: 0;
    font-weight: 400;
    display: block
}

#file_dlist a.dd-option {
    padding: 12px
}

.recruitment .list_table tr,.recruitment .list_table th,.recruitment .list_table th.list_no,.download .list_table th.list_no,.download .list_table th {
    font-weight: 500;
    color: var(--TextColorPrimary)
}

.downlaod5_item_subject,.layoutlist_3 .download_subject {
    font-size: var(--FontSizeItemTitle);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    color: var(--TextColorPrimary)
}

.downlaod5_item_btn,.layoutlist_3 .dbtn_v2 {
    margin: 24px 0 0;
    padding: 0px 0;
    font-size: var(--BtnFontSize);
    color: var(--BtnOutlineTextColor);
    border: 1px solid var(--BtnOutlineTextColor);
    background: var(--BtnOutlineBg);
    text-align: center;
    max-width: var(--BtnWidth);
    width: 100%;
    height: calc(var(--BtnHeight)*.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.download5_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--ItemPadding)
}

.download5_list::before,.download5_list::after {
    display: none
}

.downlaod5_item_img,.download5_list .customized_columns>.row,.download5_list .col-sm-6 {
    width: 100%
}

.download5_list .col-sm-6 {
    display: grid;
    grid-template-columns: 50% auto;
    gap: 3vw;
    margin-bottom: 0;
    padding: 0
}

.download .list_table,.list_faketb__li {
    font-size: calc(var(--FontSizeItemTitle) - 4px)
}

.download .list_table .oneline {
    border-bottom: 0;
    padding: 0
}

.layoutlist_3 .download .list_table td {
    padding: 0
}

.download .item {
    margin-bottom: var(--ItemPadding)
}

.downloadlist .page_wrapper_bg .article-text .container {
    padding: 0
}

.list_faketb__li>div {
    padding: 18px 12px
}

.page_wrapper_bg .dd-select a:hover {
    color: #313131
}

.download .search-go {
    line-height: 2.4;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    font-weight: 400;
    font-size: 14px !important
}

.amount_div.choice_num_type_b {
    display: grid;
    grid-template-columns: 45px 1fr
}

.layoutlist_4 .choice_num_type_b .quantity .minus,.layoutlist_4 .choice_num_type_b .quantity .plus {
    height: 30px;
    width: 30px
}

.layoutlist_4 .choice_num_type_b .quantity input.qty {
    width: calc(100% - 64px);
    height: 30px
}

.list_faketb__download {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    min-width: 80px
}

.list_faketb__no {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    min-width: 50px
}

.layoutlist_4 .showY input,.layoutlist_4 .showY select,.layoutlist_4 .showY textarea {
    font-family: var(--FontFamily);
    color: #121212
}

.recruitment .list_table td.list_position {
    border-bottom: var(--BorderSecondary);
    padding-left: 0;
    padding-right: 0
}

.customized_columns .fillform {
    font-size: var(--FontSizeItemTitle);
    margin: var(--SectionMarginBottom) 0 2rem;
    text-align: center;
    font-weight: 500
}

.recruitmentcontent .position {
    font-size: var(--FontSizeItemTitle);
    line-height: 1.8;
    margin-top: 0;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: var(--BorderSecondary);
    color: var(--TextColorPrimary)
}

.store_search_submit {
    background: var(--BtnOutlineBg);
    color: var(--BtnOutlineTextColor);
    border: 1px solid var(--BtnOutlineTextColor)
}

.eformsDesc,.eformsDesc_bottom {
    font-size: calc(var(--FontSizeItemTitle) - 4px);
    color: var(--TextColorPrimary);
    text-align: center;
    margin: 0;
    padding: 0
}

.eformsDesc {
    border: 0
}

.eformscontent .layoutlist_1.page_content2 {
    max-width: 800px;
    margin: 0 auto;
    width: 90%
}

.eformscontent .layoutlist_1.page_content3 {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto
}

.eformscontent .layoutlist_1.page_content2 .customized_columns,.eformscontent .layoutlist_1.page_content2 .new-form {
    margin: var(--ItemPadding) 0
}

.eformscontent .customized_columns,.eformscontent .new-form {
    margin-left: 0;
    margin-right: 0
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.form-horizontal .control-label {
    font-weight: 500;
    width: 100px;
    padding: 0 10px
}

textarea.form-control {
    min-height: 130px
}

.systemmsg {
    text-align: center
}

.form-horizontal .form-column,.eformscontent .form-column {
    width: calc(100% - 100px);
    padding: 0
}

.new-form .new-width .row .col-md-11 {
    margin-bottom: 0;
    margin-top: 0
}

.eformscontent .col-sm-6.address-col-1,.eformscontent .col-sm-6.address-col-2 {
    width: 50%;
    padding: 0;
    float: left
}

.eformscontent .col-sm-12.col-md-11 .col-sm-12 {
    width: 100%;
    padding: 0
}

.customized_columns>.row .col-sm-12.col-md-11 {
    width: 100%
}

.eforms_complete .hgroup,.eforms_complete .hgroup .container {
    width: 100%
}

.eforms_complete section.call_to_action>.container {
    min-height: 35vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.eforms_complete .ebtn {
    margin-top: 0
}

.eforms_complete .col-sm-12.col-md-12 .ebtn a {
    margin-inline:auto}

.eformscontent .customized_columns>.row .col-sm-12.col-md-11 {
    float: unset
}

.customized_columns .css-table .th.textarea {
    width: 10%
}

.RWDquiry .btn-box {
    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;
    gap: 1rem
}

.RWDquiry .shopping_form .control-box img {
    margin-left: 10px
}

.RWDquiry .btn.bg2,.btn.normal.bg3 {
    background: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    border: 0
}

.info-box .title,.shopping-title {
    font-size: var(--FontSizeItemTitle);
    color: var(--TextColorPrimary)
}

.privacy_block,.privacy_block p {
    line-height: 2;
    letter-spacing: 2.5px;
    color: var(--TextColorPrimary)
}

.privacy_block a {
    color: var(--TextColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.privacy_block a:hover {
    color: var(--TextColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    text-decoration: none
}

.privacy_block h5 {
    font-size: var(--FontSizeItemTitle);
    font-weight: bold;
    margin: 50px 0 10px;
    color: var(--TextColorPrimary)
}

.privacy_block h6 {
    font-size: var(--FontSizeBody)
}

.privacy_block ul {
    padding-left: 20px
}

.shopping_txt {
    line-height: 2;
    letter-spacing: 2.5px;
    color: var(--TextColorPrimary)
}

.shopping_txt a {
    color: var(--TextColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault)
}

.shopping_txt a:hover {
    color: var(--TextColorPrimary);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    text-decoration: none
}

.shopping_txt .item_row {
    margin-bottom: 50px
}

.shopping_txt h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    color: #b90000;
    text-decoration: underline
}

.shopping_txt h3 {
    font-size: var(--FontSizeItemTitle);
    font-weight: bold;
    margin: 0 0 10px;
    color: var(--TextColorPrimary)
}

.shopping_txt ul {
    padding-left: 24px
}

.privacy_block,.shopping_txt {
    max-width: 1200px;
    margin: auto
}

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

.page .page_active {
    background: #121212
}

.page .page_active,.page ul li a,.page ul li a:hover {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: var(--FontSizeBody)
}

.page ul li a:hover {
    background: #eee
}

a.info-box__gopay,.delivery-editor a {
    background: var(--TextColorPrimary);
    padding: 5px 20px;
    color: #fff !important;
    border-color: var(--TextColorPrimary)
}

.layoutlist_4 .list_subject .hashtag_block .hashtagLink,.rwdlayoutlist_9 .hashtag_block .hashtagLink,.hashtag_block .hashtagLink {
    color: var(--BtnOutlineTextColor);
    background: var(--BtnOutlineBg);
    border: 1px solid var(--BtnOutlineTextColor)
}

#article .layoutlist_7 .litem>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#article .hashtag_block {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.compare .clearall {
    right: 5%
}

.compare .clearall,.page_wrapper_bg .fix-compare-btn {
    color: var(--BtnOutlineTextColor);
    background: var(--BtnOutlineBg);
    border: 1px solid var(--BtnOutlineTextColor);
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    font-weight: 500
}

.compare .main_title {
    font-size: var(--FontSizePrimary);
    letter-spacing: 2.5px;
    font-weight: 500
}

.compare .clearall {
    top: 59px
}

.compare .main_box .memo {
    padding: 0;
    font-size: var(--FontSizeBody) !important;
    letter-spacing: 2.5px;
    line-height: 1.5;
    color: var(--TextColorSecondary) !important;
    margin-bottom: 0
}

.compare .main_box .main_name {
    font-size: var(--FontSizeItemTitle);
    color: var(--TextColorPrimary);
    font-weight: 500;
    line-height: 1.5;
    min-height: unset !important;
    margin-bottom: 16px
}

.compare .main_box .id {
    display: none
}

.compare .main_box .normal_price {
    font-size: var(--FontSizeBody);
    color: var(--TextColorSecondary)
}

.compare .main_box .special_price .num,.compare .main_box .special_price {
    color: #df0000;
    font-size: calc(var(--FontSizeItemTitle) - 4px);
    letter-spacing: 2.5px;
    line-height: 1.5
}

.compare .main_box .special_price {
    margin-top: 5px;
    margin-bottom: 0
}

.compare .main_box .more {
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    background-color: var(--BtnPrimaryBg);
    color: var(--BtnPrimaryTextColor);
    margin: 2rem auto;
    font-size: 15px;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    border-radius: var(--BorderRadius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.compare .ii-close1 {
    font-size: 22px
}

.compare .swiper-button-prev,.compare .swiper-button-next {
    width: 65px;
    height: 65px;
    color: var(--BtnOutlineTextColor);
    border: 1px solid var(--BtnOutlineTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    background-color: var(--BtnOutlineBg);
    border-radius: var(--BtnBorderRadius)
}

.compare .main_box .memo,.compare .main_box .main_name,.compare .main_box .normal_price,.compare .main_box .special_price {
    padding-inline:15px}

.compare .compare-container {
    width: 90%
}

#reply_app {
    max-width: unset
}

#reply_add_box .box_rp .one_rp .style_box_rp .select_box_rp {
    width: 100%
}

#reply_app .msg_area_rp .line_rp .name_rp {
    color: var(--TextColorPrimary);
    font-size: var(--FontSizeItemTitle);
    margin-bottom: 1rem
}

#reply_app .msg_area_rp .line_rp .memo_rp {
    color: var(--TextColorSecondary);
    font-size: var(--FontSizeBody)
}

#reply_app .page_control_rp div {
    width: 30px;
    height: 30px
}

#reply_app .respond_form .button_rp,#reply_app .msg_area_rp .line_rp .reply_box_rp {
    border-radius: var(--BorderRadius)
}

#reply_app .respond_form .button_rp {
    color: var(--BtnPrimaryTextColor);
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    border: 1px solid var(--BtnPrimaryTextColor);
    font-size: var(--BtnFontSize);
    background: var(--BtnPrimaryBg);
    width: var(--BtnWidth);
    height: var(--BtnHeight);
    margin-top: 2rem
}

#reply_app .member_block_rp .star_block_box_rp .star_list_rp {
    color: var(--ColorPrimary)
}

#reply_app .member_block_rp {
    padding-top: var(--ItemPadding);
    gap: 2vw
}

#reply_app .top_line_rp {
    font-size: var(--FontSizeSecondary);
    color: var(--TextColorPrimary);
    text-align: center
}

#reply_app .member_block_rp .star_block_box_rp .add_msg_rp {
    margin-left: auto
}

@media(min-width: 1200px)and (hover: hover)and (pointer: fine) {
    .layoutlist_7 .litem:hover .subject a,#article .cate_list.row>div:hover .subject a {
        color:var(--ColorPrimaryHover)
    }

    #product .product_list_item:hover img,.rwdlayoutlist_9 .litem:hover img,.layoutlist_7 .litem:hover img,#article .cate_list.row>div:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .page_wrapper_bg .hgroup .breadcrumb a:hover,.articlerelated-box .article-slider .item:hover .name,.video_item:hover .video_item_subject,.RWDproduct_page .related-box .item a:hover .name,#product .product_list_item:hover .subject a,.rwdlayoutlist_9 .litem:hover .subject,.page_wrapper_bg #article .layoutlist_8 .item:hover .article_subject,.page_wrapper_bg #article .layoutlist_7 .litem:hover .subject a,.page_wrapper_bg #article :is(.layoutlist_2,.layoutlist_7) .item:hover .list_subject a,.page_wrapper_bg #article .layoutlist_4 .item:hover .list_subject>a {
        color: var(--ColorPrimaryHover)
    }

    .RWDsearch_page .ibtn:hover,.RWDsearch_page .more:hover,.RWDquiry .btn.bg2:hover,.btn.normal.bg3:hover,.layoutlist_4 .buybtn:hover {
        background: var(--BtnPrimaryHoverBg);
        color: var(--BtnPrimaryHoverTextColor)
    }

    .layoutlist_5 .product_list_item .list-btn_mobile:hover,.layoutlist_5 .product_list_item .list-btn:hover,.layoutlist_5 .product_list_item .buybtn:hover {
        background-color: var(--BtnPrimaryHoverBg);
        color: var(--BtnPrimaryHoverTextColor);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .products-info .download_container .btn:hover {
        background-color: var(--BtnPrimaryHoverBg);
        color: var(--BtnPrimaryHoverTextColor);
        border-color: var(--BtnPrimaryHoverBg);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .downlaod5_item:hover .downlaod5_item_subject,.download .item:hover .download_subject,#album .album_item:hover .album_item_subject,.page_wrapper_bg .tabs nav a:hover,.RWDproduct_page .tab-box .tab-menu a:hover,.RWDproduct_page .products-nav ul li>ul>li:hover>a,.RWDproduct_page .btn-other .ibtn:hover {
        color: var(--ColorPrimaryHover)
    }

    #reply_app .msg_area_rp .line_rp .reply_box_rp:hover,#reply_app .member_block_rp .star_block_box_rp .add_msg_rp:hover,.RWDsearch_page .search-list .hashtag_block .hashtagLink:hover,.layoutlist_4 .list_subject .hashtag_block .hashtagLink:hover,.rwdlayoutlist_9 .hashtag_block .hashtagLink:hover,.productlist .layoutlist_2 .item .compare .btn_compare:hover,.compare .clearall:hover,.page_wrapper_bg .fix-compare-btn:hover,.hashtag_block .hashtagLink:hover,.RWDquiry .btn.normal:hover,.store_search_submit:hover,.downlaod5_item_btn:hover,.no-touch .layoutlist_3 .dbtn_v2:hover,.btn-compare .btn.add:hover,#btn_querycar:hover {
        background: var(--BtnOutlineHoverBg);
        color: var(--BtnOutlineHoverTextColor);
        border: 1px solid var(--BtnOutlineHoverBg);
        -webkit-transition: var(--TransitionDefault);
        transition: var(--TransitionDefault)
    }

    .productlist .layoutlist_2 .item .compare .btn_compare:hover .ii-check {
        border: 1px solid var(--BtnPrimaryHoverTextColor)
    }

    #reply_app .respond_form .button_rp:hover,#reply_add_box .send_button_rp:hover,.compare .main_box .more:hover,.fbtn:hover,#btn_shopping:hover {
        background: var(--BtnPrimaryHoverBg);
        color: var(--BtnPrimaryHoverTextColor);
        border: 1px solid var(--BtnPrimaryHoverBg)
    }

    .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {
        background-color: var(--BtnSecondaryBg);
        color: var(--BtnSecondaryHoverTextColor)
    }

    .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover {
        background-color: var(--BtnPrimaryHoverBg);
        color: var(--BtnPrimaryHoverTextColor)
    }

    .RWDproduct_page .download_container:hover .btn {
        background: var(--ColorPrimaryHover)
    }
}

@media(max-width: 1920px) {
    .page_wrapper_bg section.call_to_action {
        min-height:700px
    }

    .layoutlist_8 .listdate .day {
        font-size: 3vw
    }

    .list5 .download5_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 1680px) {
    .page_wrapper_bg section.call_to_action>.container {
        width:85%
    }

    .RWDproduct_page .hashtag .hashtag_block,.RWDproduct_page .pic-box {
        width: 65%
    }

    .RWDproduct_page .products-info {
        width: 35%
    }

    #article .layoutlist_4 .listdate {
        width: 110px
    }

    .RWDsearch_page .list-img>ul>li {
        width: 25%
    }

    .compare .compare-container {
        width: 100%
    }

    .compare .clearall {
        right: 0
    }

    .compare .main_box .more {
        margin: 1rem auto
    }

    .page_wrapper_bg .articlerelated-box .article-slider .item,.RWDproduct_page .related-box .item {
        padding: 0 1rem .5rem
    }
}

@media(max-width: 1440px) {
    .page_wrapper_bg section.call_to_action>.container {
        width:90%
    }

    #sidebar.layoutmenu1,#sidebar.layoutmenu3,#sidebar.layoutmenu6 {
        padding-right: 40px
    }

    .page_wrapper_bg .m2018 .products-nav>ul>li {
        padding: 12px 0px
    }
}

@media(max-width: 1366px) {
    .RWDsearch_page .list-img>ul>li,.productlist .layoutlist_4>div,.menu5 .rwdlayoutlist_9 .litem,.videolist .video_item,.layoutlist_2 .album_item,#article .layoutlist_7 .litem,#article .cate_list.row>div,.productlist :is(.layoutlist_5,.layoutlist_4) .col-sm-3.col-md-3 {
        width:33.3333333333%;
        float: left
    }

    .layoutlist_7 .row,.layoutlist_7 .row:after,.layoutlist_7 .row:before {
        clear: inherit !important;
        margin-right: 0;
        margin-left: 0
    }

    .layoutlist_8 .listdate .day {
        font-size: 40px
    }

    .download5_list {
        grid-template-columns: repeat(2, 1fr)
    }

    .menu3 .rwdlayoutlist_9 .litem {
        width: 50%
    }
}

@media(max-width: 1199px) {
    .page_wrapper_bg section.call_to_action>.container {
        width:95%
    }

    #sidebar.layoutmenu1,#sidebar.layoutmenu3,#sidebar.layoutmenu6 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: var(--SectionMarginBottom)
    }

    .productlist .layoutlist_3>div {
        width: 50%
    }

    .main section .container .article-text>.container .xrow #sidebar {
        position: relative;
        top: 0
    }

    .productlist .sortbar {
        margin-bottom: var(--SectionMarginBottom) !important
    }

    .member .col-sm-9,.productlist .sortbar,.pagecontent {
        width: 100% !important
    }

    .productlist .sortbar,.webdesc {
        padding-inline:0}

    #article .layoutlist_4 .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: var(--BorderSecondary);
        padding: 0;
        margin-bottom: var(--ItemPadding);
        border: 0
    }

    #article .layoutlist_4 .item .list_img,#article .layoutlist_4 .list_subject,#article .layoutlist_4 .listdate {
        width: 100%
    }

    #article .layoutlist_4 .item .list_img {
        padding: 0;
        margin: 0 0 10px
    }

    #article .layoutlist_4 .list_subject {
        padding: 0;
        margin: 0 0 10px
    }

    #article .layoutlist_4 .listdate {
        border: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        border-left: 0 !important
    }

    #article .layoutlist_4 .listdate .day:before {
        content: "/";
        margin-right: 5px;
        color: var(--TextColorSecondary)
    }

    #article .layoutlist_4 .listdate .yearmonth,#article .layoutlist_4 .listdate .day {
        font-size: 12px;
        color: var(--TextColorSecondary);
        position: relative;
        margin-left: 5px
    }

    .pagecontent,#article .layoutlist_4 .fixrow {
        padding-inline:0 !important}

    .productlist .sortbar,.webdesc {
        text-align: center
    }

    .menu3 .rwdlayoutlist_9 .litem {
        width: 33.3333333333%
    }

    .litem__text {
        width: 90%
    }

    #reply_app .msg_block_rp {
        width: 100%
    }
}

@media(max-width: 1024px) {
    .page_content1 #prod_name {
        width:100%;
        margin-bottom: 8px
    }

    .form-group label {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #join_form .form-checkbox,#join_form .form-radio {
        padding: 0 0 0 28px !important
    }

    .rwd .faq_item:first-child .faq_question {
        padding: 0px 0px 15px
    }

    .rwd .faq_question {
        padding: 15px 0;
        font-size: 16px
    }

    .faq_a_icon:before,.faq_q_icon:before {
        font-size: 18px
    }

    .RWDsearch01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #reply_app .msg_block_rp {
        width: 90%
    }
}

@media(max-width: 991px) {
    .page_wrapper_bg .article-text .container {
        padding:0
    }

    .hgroup .page_subject {
        text-align: center;
        padding: 0
    }

    .hgroup .container {
        border-bottom: 0;
        padding: 0
    }

    .hgroup .breadcrumb {
        text-align: center;
        float: none !important;
        position: static;
        padding: 0;
        border: 0
    }

    .RWDeditor01 .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px
    }

    .RWDeditor01 .col-md-6 img {
        width: 100%
    }

    .RWDslider01 .products-list .products-item .box {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .RWDsearch_page .list-img>ul>li,.layoutlist_2 .video_item,.productlist .layoutlist_4>div,.menu5 .rwdlayoutlist_9 .litem,.videolist .video_item,.layoutlist_2 .album_item,#article .layoutlist_7 .litem,#article .cate_list.row>div,.productlist :is(.layoutlist_5,.layoutlist_4) .col-sm-3.col-md-3 {
        width: 50%
    }

    .litem__text {
        width: 85%
    }

    #product .layoutlist_3.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .item .summary {
        line-height: 1.5
    }

    .album-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .album-list .item {
        width: 33.3333333333%
    }

    .download .list_table .container::after {
        clear: none
    }

    .download .list_table .container .row::after {
        clear: none
    }

    .download .list_table .container .row div:last-child {
        clear: none !important
    }

    .download .oneline {
        border-bottom: none;
        clear: none
    }

    .eforms_complete .hgroup,.eforms_complete .hgroup .container {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .eformscontent .layoutlist_1.page_content2,.eformscontent .layoutlist_1.page_content3 {
        width: 100%
    }

    .eformscontent .layoutlist_1 {
        width: 100%
    }

    .eformscontent .form-horizontal .control-label {
        padding: 0 !important;
        width: 100%
    }

    .form-horizontal .form-column,.eformscontent .form-column {
        width: 100%;
        padding: 0 !important
    }

    .RWDproduct_page .hashtag .hashtag_block,.RWDproduct_page .menu3 .pic-box,.RWDproduct_page .menu3 .products-info,.RWDproduct_page .products-info,.RWDproduct_page .pic-box {
        width: 100%;
        padding: 0
    }

    .RWDproduct_page .products-info .name-box {
        margin-top: 2rem
    }

    .page_wrapper_bg .tabs .content,.RWDproduct_page .tab-box .tab-container>ul>li {
        padding: 1.5rem
    }

    .download_container {
        grid-template-columns: 80% auto
    }

    .RWDshopping_v3 .cart-wrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .voucherbonus-btn {
        text-decoration: underline
    }

    .toggleblock-head .mainblue {
        color: var(--TextColorPrimary)
    }

    .download .search-container {
        margin-left: 20px;
        margin-top: 0
    }

    .download5_list .col-sm-6 {
        grid-template-columns: 1fr
    }

    .downlaod5_item_btn {
        max-width: unset
    }

    .RWDsearch_page .list-img>ul {
        margin: 0
    }

    .articlecontent .btn.btn_back a {
        margin-right: 0
    }
}

@media(max-width: 850px) {
    .RWDslider01 .products-list .box {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .RWDslider01 .products-list .products-item .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .RWDslider01.pic-right .products-list .products-item .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .RWDslider01 .pic-list,.RWDslider01 .text {
        width: 100%;
        padding: 0 !important
    }

    .RWDslider01 .control-box {
        right: 0;
        position: relative;
        width: 100%;
        text-align: center
    }

    .RWDslider01 .pic-list,.RWDslider01 .text,.RWDslider01 .pic img {
        width: 100%
    }

    .RWDslider01 .pic-list {
        padding-right: 0
    }

    .RWDslider01.pic-right .pic-list {
        padding-left: 0
    }

    .pagecontent .RWDslider01,.article1 .pagecontent .RWDeditor01 {
        margin-top: 30px
    }

    #article .layoutlist_3 .listdate .yearmonth {
        padding-bottom: 0px
    }

    #album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject,.rwdlayoutlist_9 .subject,.layoutlist_8 .article_subject,.RWDtimeline02 .model-title,.RWDtimeline01 .model-title,#product .item .subject a,.page_wrapper_bg #article .layoutlist_7 .subject a,.page_wrapper_bg #article .layoutlist_4 .item .list_subject>a,.page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {
        margin: 0px !important
    }

    #album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject {
        padding: 8px 0 0 0
    }

    .layoutlist_2 .album_item {
        padding: 0 10px
    }

    .layoutlist_3 .dbtn_v2 {
        width: 100%;
        text-align: center
    }

    .form-horizontal .control-label {
        width: 100%
    }

    .form-horizontal .form-group .col-sm-12.col-md-11 {
        width: 100%
    }
}

@media(max-width: 800px) {
    .block_body .page_content2 .btn,.block_body .page_content1 .btn,.page_content2 .btn,.page_content1 .btn {
        margin-top:var(--ItemPadding) !important
    }

    .page_content1 .download_container .btn {
        margin-top: 0 !important
    }

    .list_faketb__li>div {
        padding: 18px 8px
    }
}

@media(max-width: 768px) {
    #join_form {
        padding:0
    }
}

@media(max-width: 767px) {
    .layoutlist_8.rwd .item,#article .layoutlist_7 .litem,#article .layoutlist_4 .xrow.list>div,#video .layoutlist_2 .video_item,.album-list .item,.row .album_d_item,.photo .content_box,#album .layoutlist_2 .album_item,#album .layoutlist_1 .row.masonry .album_item,#product .layoutlist_5.layoutlist .col-sm-4,#product .layoutlist_5.layoutlist .col-sm-3.col-md-3,.productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3,#product .layoutlist_4 .col-xs-6,#product .layoutlist_3.row>.col-md-12,#product .layoutlist_2 .col-sm-6 {
        width:50% !important
    }

    #article .layoutlist_2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2.5rem 2rem
    }

    .page_wrapper_bg #article .layoutlist_2 .listdate {
        border-left: 0;
        text-align: left
    }

    #article .layoutlist_2 .item {
        width: calc(50% - 1rem);
        padding: 0;
        border-bottom: 0
    }

    #article .layoutlist_2 .list_subject,#article .layoutlist_2 .listdate {
        padding-left: 0px;
        padding-right: 0
    }

    #article .layoutlist_2 .listdate .yearmonth::after {
        content: "/";
        position: relative;
        display: inline-block
    }

    #article .layoutlist_2 .listdate .yearmonth,.layoutlist_2 .listdate .day {
        display: inline-block
    }

    #article .layoutlist_2 .listdate .yearmonth,#article .layoutlist_2 .listdate .day {
        font-size: 12px !important;
        letter-spacing: 2.5px !important;
        margin-left: -3px;
        color: var(--TextColorSecondary)
    }

    #article .layoutlist_3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #article .layoutlist_3 .item {
        width: calc(50% - 21px);
        margin: 0 10px
    }

    #article .layoutlist_3 .listdate .day {
        font-size: 12px !important;
        letter-spacing: 2.5px !important;
        color: var(--TextColorSecondary)
    }

    #article .layoutlist_3 .listdate .day::before {
        content: " / "
    }

    #article .layoutlist_4 .xrow.list>div {
        margin-bottom: var(--ItemPadding)
    }

    .rwdlayoutlist_6 .subject_title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .rwdlayoutlist_6 .list_no {
        width: 16.66666667%
    }

    .rwdlayoutlist_6 .list_subject {
        width: 66.66666667%
    }

    .rwdlayoutlist_6 .list_date {
        width: 16.66666667%
    }

    .rwdlayoutlist_6 .list_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .rwdlayoutlist_6 .list_item .column.no {
        width: 16.66666667%
    }

    .rwdlayoutlist_6 .list_item .column.subject {
        width: 66.66666667%
    }

    .rwdlayoutlist_6 .list_item .column.date {
        width: 16.66666667%
    }

    #article .layoutlist_7 .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .layoutlist_7 .row:before,.layoutlist_7 .row:after {
        display: none
    }

    .layoutlist_7 .summary {
        margin-top: 0 !important
    }

    .layoutlist_8.rwd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .layoutlist_8.rwd .item {
        border-bottom: 0;
        padding-inline:15px}

    #article .layoutlist_8 .item {
        padding-bottom: 0
    }

    .layoutlist_8.rwd .list_img+.list_subject {
        margin-top: 15px;
        padding-inline:0}

    .layoutlist_8.rwd .listdate {
        text-align: left;
        margin-top: 10px;
        padding: 0
    }

    .layoutlist_8.rwd .listdate .yearmonth,.layoutlist_8.rwd .listdate .day {
        color: var(--TextColorSecondary);
        font-size: 12px;
        letter-spacing: 2.5px
    }

    .tab_content {
        font-size: var(--FontSizeBody);
        color: var(--TextColorSecondary);
        line-height: 1.5
    }

    .page_wrapper_bg .tab {
        border-top: var(--BorderSecondary);
        padding: 15px
    }

    .page_wrapper_bg .tab_title {
        font-size: var(--FontSizeHint);
        color: var(--TextColorPrimary);
        line-height: 1.5;
        font-weight: 400
    }

    .tab.open .tab_title {
        margin: 0 0 20px;
        font-weight: 500
    }

    .page_wrapper_bg .tab:last-child {
        border-bottom: var(--BorderSecondary)
    }

    .RWDproduct_page .faq-item .faq-question {
        padding: 10px 0;
        font-size: var(--FontSizeHint);
        color: var(--TextColorPrimary);
        letter-spacing: 2.5px
    }

    .RWDproduct_page .faq-item.active .faq-question {
        background: #ddd
    }

    .RWDproduct_page .faq-item .faq-question:before {
        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
    }

    .page_content1 #productbx {
        overflow: hidden
    }

    #mobile-fixed .btn-shop {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #mobile-fixed .btn-shop:after {
        display: none
    }

    #mobile-fixed .btn-shop .btn,#plusbuy_mobile-fixed .btn-shop .btn {
        margin-top: 10px
    }

    #mobile-fixed.show-info {
        z-index: 203
    }

    #mobile-fixed .container {
        margin-block:12px;padding: 0 1rem
    }

    #btn_shopping_tracking,#prod_stands_area,#prod_stands2_area,#prod_amount_area,.btn_shopping,.btn_querycar {
        width: calc(100% - 10px) !important
    }

    .productlist .layoutlist_3 .item .col-sm-12.col-md-6 {
        padding-inline:0}

    #product .item .subject {
        margin-top: 8px
    }

    .productlist .layoutlist_4 .product_list_item .img1 {
        margin-bottom: 0
    }

    .productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3 {
        float: left
    }

    .productlist .layoutlist_4 .pricearea {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #product .layoutlist_5.layoutlist {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .layoutlist_5 .list-btn_mobile a {
        line-height: 2;
        margin-top: 8px
    }

    .RWDproduct_page .btn-other {
        margin: 10px 0
    }

    .RWDproduct_page .btn-other li {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: block;
        text-align: left;
        padding: 0
    }

    .RWDproduct_page .btn-other li .ii {
        display: inline-block
    }

    #album .layoutlist_1 .row.masonry {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #album .layoutlist_1 .row.masonry .album_item {
        margin-top: 0 !important;
        padding-inline:10px}

    #album .layoutlist_2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .albumcontent section.call_to_action .container .article-text .container .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page_content1v1 .album_d_item {
        margin-bottom: 20px !important
    }

    #article .layoutlist_4 .item {
        display: initial
    }

    .photo_view .flex-direction-nav .flex-disabled {
        opacity: 10 !important
    }

    .download .list_table td.list_subject {
        text-align: center
    }

    .download .list_table th.split {
        display: none
    }

    .download .list_table td {
        line-height: 1.5;
        padding: 10px
    }

    .download .list_table th.list_downloadbtn,.download .list_table th.list_no,.download .list_table td.list_no {
        min-width: 100px
    }

    .download .list_table th.list_date {
        width: calc(100% - 200px)
    }

    .download .list_table td.split {
        display: none
    }

    .download .item table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .download .oneline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .download .list_table td {
        width: 100%;
        padding-top: 15px
    }

    .download .list_table td:nth-child(2) {
        display: none
    }

    .download .oneline .col-md-4.col-sm-6 {
        width: 33.3333333333%
    }

    .layoutlist_5 .downlaod_item {
        width: 50%
    }

    .download5 .search-container {
        margin: 10px 0 0
    }

    .downloadForMobile__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #video .layoutlist_2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #mobile-fixed .fixed-bottom .price-box {
        text-align: center
    }

    #mobile-fixed .btn-box.step1 li,#mobile-fixed .btn-box.step2 li {
        padding: 0 1px
    }

    #mobile-fixed .btn-box .normal {
        text-align: center;
        padding: 10px 0;
        font-size: 15px !important
    }

    #mobile-fixed .btn-box ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .RWDshopping_v3 .cart-container {
        width: 100%;
        margin: auto
    }

    .page_wrapper_bg .fix-compare.is-phone {
        padding: 10px 15px
    }

    .page_wrapper_bg .is-phone .fix-compare-btn {
        color: var(--BtnOutlineTextColor);
        background: var(--BtnOutlineBg);
        border: 1px solid var(--BtnOutlineTextColor);
        border-radius: var(--BtnBorderRadius);
        font-size: var(--BtnFontSize);
        font-weight: 500
    }

    .compare .clearall {
        top: 0
    }

    .compare .main_box .memo,.compare .main_box .main_name {
        text-align: left
    }

    .compare .compare-container {
        padding: 0
    }

    .compare .main_box {
        padding: 0 10px
    }

    .compare .main_box .main_name {
        font-size: calc(var(--FontSizeItemTitle)*.9)
    }

    .compare .swiper-button-prev,.compare .swiper-button-next {
        width: 35px;
        height: 35px;
        background-color: #fff
    }

    .compare .main_box .memo,.compare .main_box .main_name,.compare .main_box .normal_price,.compare .main_box .special_price {
        padding-inline:0px}

    .compare .main_box .normal_price,.compare .main_box .special_price {
        text-align: left;
        font-size: 14px;
        letter-spacing: 2.5px;
        min-height: unset !important
    }

    .page_wrapper_bg .fix-compare.is-phone.active {
        top: var(--NaviHeight);
        -webkit-transform: unset;
        transform: unset
    }

    #reply_app .member_block_rp {
        padding-top: 1rem
    }

    .list_faketb__subject {
        text-align: center
    }

    .RWDshopping_v3 .cart-tit {
        padding: 0
    }
}

@media screen and (min-width: 415px)and (max-width: 767px) {
    .RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .RWDslider01 .text {
        width: 100%
    }

    .RWDslider01.pic-right .pic-list {
        padding: 0
    }

    .RWDslider01 .products-list .box,.RWDslider01.pic-right .products-list .box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 95%;
        margin: auto;
        padding: 0 !important
    }

    .RWDslider01 .pic-list {
        width: 100%;
        padding: 0;
        margin: auto;
        float: none !important
    }

    .RWDslider01.pic-right .control-box {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        right: auto
    }

    .RWDslider01 .control-box {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .compare .main_box .more {
        margin: 1rem
    }
}

@media(max-width: 600px) {
    :root {
        --BtnWidth: 100%
    }

    .btn.btn_back,.ebtn,.block_body .page_content2 .btn,.block_body .page_content1 .btn,.page_content2 .btn,.page_content1 .btn,.btn-primary {
        width: 100% !important
    }

    .page_wrapper_bg .pagecontent {
        padding: 0px !important
    }

    .page_wrapper_bg .article-text .container {
        padding: 0
    }

    .fixrow {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    #article .cate_list.row .col-sm-6.col-md-4 {
        margin: 0 0 30px
    }

    .rwdlayoutlist_6 ul {
        margin: 0
    }

    .rwdlayoutlist_6 li {
        margin: 0;
        border-bottom: #dfdfdf solid 1px;
        padding: 10px 0 10px
    }

    .rwdlayoutlist_6 .subject_title {
        display: none
    }

    .rwdlayoutlist_6 .list_item {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .rwdlayoutlist_6 .list_item .column.no,.rwdlayoutlist_6 .list_item .column.subject,.rwdlayoutlist_6 .list_item .column.date {
        width: 100%
    }

    .RWDslider01 .pic-list {
        width: 100%
    }

    .RWDtimeline01 .line_dot,.RWDtimeline01 .line_dot2 {
        left: 4px
    }

    .RWDtimeline01 li.event:before {
        left: 27px
    }

    .RWDtimeline01 li.event .point {
        width: calc(100% - 90px);
        left: 90px
    }

    .RWDtimeline01 li.event .point .date {
        font-size: 14px;
        letter-spacing: 2.5px
    }

    .file_area {
        margin: 0 0 0px
    }

    .download_container {
        grid-template-columns: 1fr
    }

    .new-form {
        margin-top: 0
    }

    #album .page_desc {
        margin: 0 0 var(--SectionPadding)
    }

    #product>div.page_content1>div.product_top.row>div.info.col-sm-12.col-md-12.col-xs-12>div:nth-child(4) {
        grid-template-columns: 1fr;
        grid-template-areas: "prod_stands_area" "prod_stands2_area" "prod_amount_area" "btn_shopping " "btn_querycar "
    }

    #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop {
        grid-template-columns: 1fr
    }

    .RWDproduct_page .download_container .btn {
        height: 33px
    }

    .RWDproduct_page .btn-other {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .RWDproduct_page .btn-other li {
        width: 100%;
        text-align: center
    }

    .RWDproduct_page .btn-other {
        margin: 30px 0 0px;
        gap: 8px
    }

    .row .album_d_item {
        width: 100%
    }

    .photo .content_box {
        width: 100% !important
    }

    .download .oneline .col-md-4.col-sm-6 {
        width: 100%;
        margin-bottom: 20px
    }

    .RWDshopping .btn.normal {
        width: 100%;
        margin: 5px 0
    }

    .shopping-step li span.name {
        font-size: 13px !important
    }

    #mobile-fixed .btn-box {
        width: 180px
    }

    #mobile-fixed .fixed-in {
        width: calc(100% - 180px);
        letter-spacing: 2.5px
    }

    .RWDshopping_v3 .order-infobox .btn-row {
        padding: 0
    }

    .RWDquiry .btn.normal {
        margin: 0
    }

    .grecaptcha-badge {
        bottom: 75px !important
    }

    #reply_app {
        padding: 2rem 1rem
    }

    .layoutlist_5 .downlaod_item {
        width: 100%
    }

    .download5 .search-container {
        margin: 10px 0 0 !important
    }
}

@media(max-width: 480px) {
    .layoutlist_5 .downlaod_item {
        width:100%
    }

    .download5 .search-container {
        margin: 10px 0 0 !important
    }
}

@media(max-width: 414px) {
    .RWDslider01 .pic-list,.RWDslider01.pic-right .pic-list {
        margin:0
    }
}

@media(max-width: 380px) {
    #mobile-fixed .btn-box {
        width:170px;
        padding-left: 10px
    }

    #mobile-fixed .fixed-in {
        width: calc(100% - 170px)
    }

    .RWDproduct_page .faq-item .editor {
        padding: 20px
    }

    .compare .main_box {
        padding: 0 5px
    }

    .RWDshopping_v3 .cart-list-table .cart-list-body .cart-row:nth-last-of-type(1) .cart-cell {
        padding: 1rem 1.5rem 1.5rem
    }

    .RWDshopping_v3 .cart-list-table .cart-cell.info,.RWDshopping_v3 .cart-list-table .cart-cell.pic {
        width: 100%
    }

    .RWDshopping_v3 .cart-list-table .cart-cell.pic .picbox {
        width: 90%;
        height: auto;
        aspect-ratio: 1/1;
        margin-left: 0
    }

    .RWDshopping_v3 .cart-list-table .cart-cell.qtt .delete-btn {
        right: 10px
    }
}

.page_wrapper_bg .RWDmenu_plus04 .features>div:hover .cart-nu,.page_wrapper_bg .RWDmenu_plus04 .features>div:hover i {
    color: var(--NaviUpTextColor)
}

.page_wrapper_bg .RWDmenu_plus04 .header:before {
    opacity: 1;
    -webkit-transition: var(--TransitionDefault);
    transition: var(--TransitionDefault);
    background: #f8f8f4;
    height: 100%
}

.page_wrapper_bg .RWDmenu_plus04 .header .ml-stack-nav-toggle__line {
    background: var(--NaviUpTextColor)
}

.page_wrapper_bg .RWDmenu_plus04 .lang-select-label:hover::after,.page_wrapper_bg .RWDmenu_plus04 .header .site-nav .menu li.has-child>a:hover:after,.page_wrapper_bg .RWDmenu_plus04 .header .site-nav .menu li.active>a:after,.page_wrapper_bg .RWDmenu_plus04 .header .site-nav .menu li.has-child:hover>a:after {
    border-color: var(--NaviUpTextColor)
}

.page_wrapper_bg .RWDmenu_plus04 .site-nav .manu-item:hover>a,.page_wrapper_bg .RWDmenu_plus04 .site-nav .menu ul li a:hover {
    color: #fff;
    background: var(--NaviUpHoverTextColor)
}

.page_wrapper_bg .RWDmenu_plus04 .lang-select:hover .lang-select-label,.page_wrapper_bg .RWDmenu_plus04 .site-nav .menu>li>a:hover {
    color: var(--NaviUpHoverTextColor)
}

.page_wrapper_bg .pagecontent {
    padding: 0 !important
}

.page_wrapper_bg .RWDmenu_plus04 .header .logo img {
    -webkit-filter: none;
    filter: none
}

.page_wrapper_bg .RWDmenu_plus04 .header .site-nav .menu>li>a:hover {
    color: var(--NaviUpHoverTextColor)
}

.page_wrapper_bg .RWDmenu_plus04 .header :is(.site-nav .menu>li>a),.page_wrapper_bg .RWDmenu_plus04 .features :is(.cart-btn,.querycar-btn,.share-group a,i,.lang-select) {
    color: var(--NaviUpTextColor)
}

.page_wrapper_bg .RWDmenu_plus04 .features :is(.cart-btn,.querycar-btn,.member-btn,.share-group) img {
    -webkit-filter: brightness(0.2);
    filter: brightness(0.2)
}

.page_wrapper_bg .RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.page_wrapper_bg .RWDmenu_plus04 .lang-select-label:after,.page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.page_wrapper_bg .RWDmenu_plus04 .site-nav .menu li.has-child>a:after {
    border-color: var(--NaviUpTextColor)
}

.page_wrapper_bg .RWDmenu_plus04 .site-nav .menu ul li a {
    color: var(--NaviUpTextColor)
}

.collapsing_header .main {
    background: var(--ColorBg)
}

.product1.productcontent .page_wrapper_bg section.call_to_action>.container {
    width: 100%;
    max-width: 90%
}

.item.product_list_item {
    background: #fefefb
}

.RWDproduct_page figure {
    width: 100%
}

.RWDproduct_page figure img {
    width: 100%
}

.RWDproduct_page .products-con {
    max-width: 1550px;
    margin: 0 auto
}

.RWDproduct_page .products-info .txt .editor .sub-title {
    color: var(--TextColorPrimary)
}

.RWDproduct_page .products-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.RWDproduct_page .products-info .txt {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.RWDproduct_page .products-info .txt .editor ul {
    padding-left: 1.3rem
}

.RWDproduct_page .products-info .txt .editor b {
    display: block;
    font-weight: 500;
    color: var(--TextColorPrimary)
}

.RWDproduct_page .products-info .txt .editor li {
    padding-bottom: 1rem
}

.products-editor ul {
    padding-left: 1.3rem
}

.products-editor li {
    padding-bottom: 1rem
}

.products-editor .sub-title {
    color: var(--TextColorPrimary)
}

.hgroup .breadcrumb {
    position: relative;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0);
    border: 0
}

.page_content3_mainphoto .swiper-slide img {
    width: calc(100% - 1px)
}

.RWDproduct_page .products-editor {
    margin: 4rem auto 0
}

.RWDproduct_page .products-editor .innerpage {
    background: #fefefb
}

.RWDproduct_page .products-editor .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn.btn_back a {
    margin: max(4vw,3rem) auto 0
}

.RWDproduct_page .pic-box .thumbnails ul li {
    width: auto
}

.product-faq {
    border-bottom: var(--BorderSecondary);
    padding-bottom: 2rem;
    margin-bottom: 2rem
}

.product-faq .q-item {
    font-size: var(--FontSizeSecondary);
    font-weight: 500;
    color: var(--TextColorPrimary);
    margin-bottom: .5rem
}

.product_list_item .summary {
    line-height: 1.6;
    text-align: center
}

.page_content3_photowrap .swiper-button-prev {
    left: 10px
}

.page_content3_photowrap .swiper-button-next {
    right: 10px
}

.page_content3_photowrap .swiper-button-next:after,.page_content3_photowrap .swiper-button-prev:after {
    font-size: 17px
}

.container-60 {
    width: 80%;
    margin: 0 auto;
    max-width: 1550px
}

.page_content3_photowrap .swiper-button-next,.page_content3_photowrap .swiper-button-prev {
    width: 36px;
    height: 36px;
    background: rgba(248,248,244,.5);
    color: var(--TextColorPrimary);
    outline: none;
    border-radius: 50%
}

.article1 .page_wrapper_bg section.call_to_action>.container {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #F4F7F6), color-stop(106.44%, #e1ece9));
    background: linear-gradient(180deg, #F4F7F6 20%, #e1ece9 106.44%)
}

.article1 .RWDbanner_plus01 .slick-caption .txt1 {
    color: var(--TextColorPrimary)
}

.article1 .page_wrapper_bg .RWDmenu_plus04 .header:before,.article5 .page_wrapper_bg .RWDmenu_plus04 .header:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 244, 0.5)), to(transparent));
    background: linear-gradient(to bottom, rgba(248, 248, 244, 0.5), transparent);
    backdrop-filter: none
}

.article1 .RWDmenu_plus04 .header.is-up:before,.article5 .RWDmenu_plus04 .header.is-up:before {
    background: rgba(248,248,244,.5);
    backdrop-filter: blur(2px)
}

.article1 .collapsing_header .main,.article5 .collapsing_header .main {
    background: #fff
}

.article1 .page_wrapper_bg section.call_to_action>.container,.article5 .page_wrapper_bg section.call_to_action>.container {
    max-width: 100%;
    width: 100%
}

.article1 .page_wrapper_bg section.call_to_action,.article5 .page_wrapper_bg section.call_to_action {
    padding-bottom: 0;
    padding-top: 0
}

.article1 .collapsing_header .main,.article5 .collapsing_header .main {
    margin-top: 0 !important
}

.article1 .hgroup .container,.article5 .hgroup .container {
    margin: 0;
    border: 0;
    padding: 2rem 0 0;
    display: none
}

.article1 .pageTitle,.article5 .pageTitle {
    display: none;
    padding: 0
}

.article1 .hgroup .breadcrumb,.article5 .hgroup .breadcrumb {
    position: relative;
    bottom: 0
}

.article1 .RWDbanner_plus01 .slick-caption .txt1,.article5 .RWDbanner_plus01 .slick-caption .txt1 {
    font-size: var(--FontSizePrimary);
    margin-bottom: max(2vw,3rem)
}

.article1 .RWDbanner_plus01 .slick-caption .txt2,.article5 .RWDbanner_plus01 .slick-caption .txt2 {
    font-size: var(--FontSizeSecondary)
}

.article1 .RWDbanner_plus01 .slick-caption .container,.article5 .RWDbanner_plus01 .slick-caption .container {
    width: 70%
}

.article1 .RWDbanner_plus01 .slick-caption,.article5 .RWDbanner_plus01 .slick-caption {
    top: 35%
}

.article1 hr.default-hr,.article5 hr.default-hr {
    padding-top: var(--SectionPadding);
    margin-top: var(--SectionPadding)
}

.innerpage-about .about-wrapper {
    background: #fefefb
}

.innerpage-about .about-content-info .main-title img {
    max-width: max(4vw,5rem);
    padding-right: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

.innerpage-about .about-image-main {
    grid-area: image-main
}

.innerpage-about .about-image-sub {
    grid-area: image-sub
}

.innerpage-about h3.sub-title {
    font-size: calc(var(--FontSizeSecondary)*1.2);
    color: var(--TextColorPrimary);
    margin: 0 0 2rem
}

.innerpage-about .main-title+.sub-title {
    padding-top: 1rem
}

.innerpage-about .about-wrapper .container-70 {
    grid-template-columns: 35% auto 12%;
    grid-template-areas: "image-main . image-sub" "image-main . ." "image-main content-info content-info";
    gap: 0 max(8vw,3rem)
}

.innerpage-about .about-content-info {
    grid-area: content-info
}

.innerpage-about .about-article2 .container-70 {
    grid-template-columns: auto 40%;
    gap: 0 max(8vw,3rem)
}

.innerpage-about .article2-content-info {
    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
}

.innerpage-about .article2-content .article2-content-inner {
    max-width: 70%;
    border-bottom: var(--BorderSecondary);
    padding-bottom: max(3vw,3rem);
    margin-bottom: max(3vw,3rem)
}

.innerpage-about .article2-content .article2-content-inner:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.innerpage-about .section-title-bottom .sub-title {
    font-size: var(--FontSizeSecondary)
}

.article2-image-full {
    position: relative;
    margin-top: calc(var(--SectionPadding)*1.5);
    min-height: 25vw
}

.article2-image-full .main-title {
    color: #fff;
    min-height: 25vw;
    position: relative;
    z-index: 1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-full-wrapper {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.article2-image-full img {
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95);
    margin-top: -6vw;
    height: 140%;
    max-height: inherit
}

.about-content3-inner {
    padding: max(4vw,3rem) 0
}

.article5 .RWDbanner_plus01 .slick-caption .txt1 {
    color: #fff
}

.article5 .RWDbanner_plus01 .slick-caption .txt2 {
    color: #ddd
}

.article5 .pagecontent .RWDslider01,.article5 .pagecontent .RWDeditor01 {
    margin-top: 0 !important
}

.brand-certify.column-30-auto {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.brand-page .container-70 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.brand-page .article2-content {
    border-top: var(--BorderSecondary);
    padding-top: calc(var(--SectionMarginBottom) + 2rem)
}

.column-30-auto {
    grid-template-columns: 30% auto
}

.column-third {
    grid-template-columns: repeat(3, 1fr)
}

.innerpage-brand {
    background: var(--ColorBg)
}

.brand-certify-item {
    position: relative
}

.brand-certify-item {
    border-top: var(--BorderSecondary);
    padding-top: 1.5rem;
    margin: 1.5rem 0 0
}

.certify-text:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--ColorSecondary);
    border-radius: 50%;
    margin-right: 1rem;
    top: -2px
}

.certify-icon img {
    max-width: 70px
}

.certify-icon {
    background: #fff;
    width: max(9vw,100px);
    height: max(9vw,100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto
}

.article2.articlecontent .page_wrapper_bg .article-text .container {
    max-width: 1400px
}

.aritcle-share h3.sub-title {
    font-size: calc(var(--FontSizeSecondary)*1.2);
    color: var(--TextColorPrimary);
    margin: 0 0 1rem
}

.layoutlist_7 .cdate {
    display: none
}

.innerpage .btn-group .outline-btn {
    margin-top: 2rem
}

.article-more-link .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.article-more-link .outline-btn {
    width: auto;
    padding-right: 60px
}

.article-block-01 .text-box {
    padding: 0 5%
}

.page_wrapper_bg .RWDeditor01 ul b {
    display: block
}

.page_wrapper_bg .RWDeditor01 li {
    margin-bottom: 1rem
}

.pagecontent .single-photo {
    margin-top: 0 !important
}

.innerpage-feedback .d-grid {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.innerpage-feedback .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.innerpage-feedback .page_wrapper_bg .container-70 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.innerpage-feedback .inner-feedback-box span {
    display: block
}

.innerpage-feedback .inner-feedback-box {
    margin-bottom: 2rem
}

.innerpage-feedback .btn-group .outline-btn {
    width: auto;
    padding-right: 60px
}

@media(max-width: 2048px) {
    .page_wrapper_bg .container-70 {
        width:80%
    }

    .article1 .RWDbanner_plus01 .slick-caption .container,.article5 .RWDbanner_plus01 .slick-caption .container {
        width: 80%
    }

    .innerpage-about .article2-content .article2-content-inner {
        max-width: 80%
    }

    .innerpage-feedback .d-grid {
        grid-template-columns: 65% auto;
        gap: var(--Space3)
    }
}

@media(max-width: 1536px) {
    .innerpage-about .article2-content .article2-content-inner {
        max-width:90%
    }

    .article1 .RWDbanner_plus01 .slick-caption .txt1,.article5 .RWDbanner_plus01 .slick-caption .txt1 {
        margin-bottom: 2rem
    }

    .column-30-auto {
        grid-template-columns: 40% auto;
        -webkit-column-gap: var(--Space4);
        -moz-column-gap: var(--Space4);
        column-gap: var(--Space4)
    }
}

@media(max-width: 1440px) {
    .innerpage-about .article2-content .article2-content-inner {
        max-width:100%
    }

    .article1 .RWDbanner_plus01 .slick-caption .txt2,.article5 .RWDbanner_plus01 .slick-caption .txt2 {
        font-size: var(--FontSizeBody)
    }

    .brand-page .article2-content-info {
        padding-top: 0
    }
}

@media(max-width: 1199px) {
    .article1 .RWDbanner_plus01 .slick-caption .container,.article5 .RWDbanner_plus01 .slick-caption .container {
        width:90%
    }

    .page_wrapper_bg .container-70 {
        width: 90%
    }

    .about-content3-inner {
        padding: 1rem 0
    }

    .article2-image-full .main-title {
        min-height: 30vw
    }

    .page_wrapper_bg .products-editor .container-70 {
        width: 100%;
        padding: 0 2rem
    }

    .innerpage-about.brand-page .sub-title {
        margin-bottom: 0
    }

    .brand-page .article2-content {
        padding-top: var(--SectionMarginBottom)
    }
}

@media(max-width: 991px) {
    .innerpage-about .about-wrapper .container-70 {
        grid-template-columns:65% auto;
        grid-template-areas: "content-info content-info" "image-main image-sub";
        gap: 2rem 1rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .innerpage-about .about-image-sub img {
        max-height: 35vw
    }

    .innerpage-about .about-article2 .container-70 {
        grid-template-columns: auto;
        gap: 2rem 1rem
    }

    .article2-image-main img {
        max-height: 70vw;
        -o-object-position: center 70%;
        object-position: center 70%
    }

    .article2-image-full .main-title {
        min-height: 40vw
    }

    .article-block .column-half {
        grid-template-columns: auto
    }

    .article-block .text-box {
        padding: var(--Space3) 0
    }

    .products-editor .article-block-03 .column-half {
        grid-template-areas: "text-box" "image-box";
        gap: 0
    }

    .products-editor .article-block-03 .image-box {
        grid-area: image-box
    }

    .products-editor .article-block-03 .text-box {
        grid-area: text-box
    }

    .container-60 {
        width: 100%
    }

    .innerpage-feedback .d-grid {
        grid-template-columns: auto;
        gap: 0
    }

    .column-30-auto {
        grid-template-columns: auto;
        gap: 2rem 0
    }

    .brand-page .article2-image-main img {
        max-height: 80vw;
        -o-object-position: center 85%;
        object-position: center 85%
    }

    .article1 hr.default-hr,.article5 hr.default-hr {
        padding-top: 3rem;
        margin-top: 3rem
    }

    .article2-image-full {
        margin-top: var(--SectionPadding)
    }

    .article1 .RWDbanner_plus01 .slick-caption,.article5 .RWDbanner_plus01 .slick-caption {
        top: 20%
    }

    .RWDbanner_plus01 .banner-slider.bg .slick-item {
        height: 65vh !important
    }
}

@media(max-width: 767px) {
    .article-block-01 .text-box {
        padding:0
    }

    .article-text,.article-text p,.RWDslider01 .editor,.RWDtimeline01 li.event .point .editor,#sidebar .products-nav,.RWDslider01 .slick-dots button {
        letter-spacing: 1.5px
    }

    section.article-text p {
        font-size: var(--FontSizeBody);
        line-height: 1.8
    }

    .page_wrapper_bg .article-text h2 {
        line-height: 1.3;
        letter-spacing: 1px
    }

    .RWDproduct_page .products-editor {
        margin: 0
    }

    .RWDproduct_page .products-info .control-box,.RWDproduct_page .pd-info,.RWDproduct_page .products-info .btn-shop,.RWDproduct_page .thumbnails,.RWDproduct_page .tab-box {
        display: none !important
    }

    .RWDproduct_page .products-info {
        display: block
    }
}

@media(max-width: 650px) {
    :root {
        --SectionMarginBottom: max(3vw, 2rem)
    }

    .article1 .RWDbanner_plus01 .slick-caption .container,.article5 .RWDbanner_plus01 .slick-caption .container {
        width: 100%;
        padding: 0 2rem
    }

    .article-more-link .btn-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem 0
    }

    .innerpage .btn-group .outline-btn:nth-child(2) {
        margin: 0
    }

    .innerpage .btn-group .outline-btn {
        width: 100%
    }

    .article2-image-full .main-title {
        min-height: 60vw
    }

    .product1.productcontent .page_wrapper_bg section.call_to_action>.container {
        max-width: 100%;
        padding: 0 2rem
    }

    .page_wrapper_bg .layoutlist_7 .subject {
        margin-top: .5rem
    }

    #album .layoutlist_2 .album_item_subject,#album .layoutlist_1 .album_item_subject,.rwdlayoutlist_9 .subject,.layoutlist_8 .article_subject,.RWDtimeline02 .model-title,.RWDtimeline01 .model-title,#product .item .subject a,.page_wrapper_bg #article .layoutlist_7 .subject a,.page_wrapper_bg #article .layoutlist_4 .item .list_subject>a,.page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {
        font-size: calc(var(--FontSizeSecondary)*.9)
    }

    .rwdlayoutlist_9 .summary,.item .summary .itemlink,.page_wrapper_bg :is(.layoutlist_4,.layoutlist_8,.layoutlist_7) .summary a,.page_wrapper_bg .subsubject {
        line-height: 1.5
    }

    .page_wrapper_bg section.call_to_action>.container {
        width: 100%
    }

    .layoutlist_8.rwd .item,#article .layoutlist_7 .litem,#article .layoutlist_4 .xrow.list>div,#video .layoutlist_2 .video_item,.album-list .item,.row .album_d_item,.photo .content_box,#album .layoutlist_2 .album_item,#album .layoutlist_1 .row.masonry .album_item,#product .layoutlist_5.layoutlist .col-sm-4,#product .layoutlist_5.layoutlist .col-sm-3.col-md-3,.productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3,#product .layoutlist_4 .col-xs-6,#product .layoutlist_3.row>.col-md-12,#product .layoutlist_2 .col-sm-6 {
        padding: 0 10px
    }

    .page_wrapper_bg .article-text h2 {
        font-size: calc(var(--FontSizePrimary)*.95)
    }

    :is(.innerpage-about,.aritcle-share) h3.sub-title {
        font-size: calc(var(--FontSizeSecondary)*1.1);
        letter-spacing: 2px
    }

    .innerpage-about .section-title-bottom .sub-title {
        font-size: calc(var(--FontSizeSecondary)*.9)
    }

    .page_wrapper_bg .hgroup h1 {
        line-height: 1.3
    }

    .pageTitle {
        margin: 0 0 1rem 0
    }

    .innerpage-feedback .btn-group .outline-btn {
        width: 100%
    }

    .RWDbanner_plus01 .banner-slider.bg .slick-item {
        height: 100vh !important
    }

    .article5 .RWDbanner_plus01 .slick-caption .txt2 {
        color: #eee
    }

    .article1 .RWDbanner_plus01 .slick-caption .txt1,.article5 .RWDbanner_plus01 .slick-caption .txt1 {
        margin-bottom: 1rem
    }

    .article1 .RWDbanner_plus01 .slick-caption,.article5 .RWDbanner_plus01 .slick-caption {
        top: 17%
    }
}

@media(max-width: 480px) {
    .page_wrapper_bg .container-70,.page_wrapper_bg .container-fulid {
        width:100%;
        padding: 0 2rem
    }

    .page_wrapper_bg .text-center {
        text-align: left
    }

    .page_wrapper_bg .RWDbanner_plus01 .slick-caption.txt-left,.page_wrapper_bg .RWDbanner_plus01 .slick-caption.txt-right {
        text-align: left
    }

    .innerpage-about .about-wrapper .container-70 {
        grid-template-columns: auto;
        grid-template-areas: "content-info" "image-main"
    }

    .innerpage-about .about-image-sub {
        display: none
    }

    .article2-image-main img {
        max-height: initial
    }

    #product .layoutlist_2 .col-sm-6 {
        width: 100% !important
    }

    .page_wrapper_bg .products-editor .container-70 {
        padding: 0 1.5rem
    }
}

@media(max-width: 380px) {
    .layoutlist_8.rwd .item,#article .layoutlist_7 .litem,#article .layoutlist_4 .xrow.list>div,#video .layoutlist_2 .video_item,.album-list .item,.row .album_d_item,.photo .content_box,#album .layoutlist_2 .album_item,#album .layoutlist_1 .row.masonry .album_item,#product .layoutlist_5.layoutlist .col-sm-4,#product .layoutlist_5.layoutlist .col-sm-3.col-md-3,.productlist .layoutlist_4 .col-sm-4.col-md-4,.productlist .layoutlist_4 .col-sm-3.col-md-3,#product .layoutlist_4 .col-xs-6,#product .layoutlist_3.row>.col-md-12,#product .layoutlist_2 .col-sm-6 {
        width:100% !important
    }
}