:root {
    --color-green: #52655F;
    --font-source-sans-pro: "Source Sans Pro","Noto Sans JP",sans-serif;
    /* 1080px基準 = 1 ÷ 1080 × 100 */
    --1px: 0.09vw;
    --2px: 0.18vw;
    --3px: 0.27vw;
    --4px: 0.37vw;
    --5px: 0.46vw;
    --6px: 0.55vw;
    --7px: 0.64vw;
    --8px: 0.74vw;
    --9px: 0.83vw;
    --10px: 0.92vw;
    --11px: 1.01vw;
    --12px: 1.11vw;
    --13px: 1.20vw;
    --14px: 1.29vw;
    --15px: 1.38vw;
    --16px: 1.48vw;
    --17px: 1.57vw;
    --18px: 1.67vw;
    --19px: 1.76vw;
    --20px: 1.85vw;
    --21px: 1.94vw;
    --22px: 2.04vw;
    --23px: 2.13vw;
    --24px: 2.22vw;
    --25px: 2.31vw;
    --26px: 2.41vw;
    --27px: 2.50vw;
    --28px: 2.59vw;
    --29px: 2.69vw;
    --30px: 2.78vw;
    --31px: 2.87vw;
    --32px: 2.96vw;
    --33px: 3.06vw;
    --34px: 3.15vw;
    --35px: 3.24vw;
    --36px: 3.33vw;
    --37px: 3.43vw;
    --38px: 3.52vw;
    --39px: 3.61vw;
    --40px: 3.70vw;
    --41px: 3.80vw;
    --42px: 3.89vw;
    --43px: 3.98vw;
    --44px: 4.07vw;
    --45px: 4.17vw;
    --46px: 4.26vw;
    --47px: 4.35vw;
    --48px: 4.44vw;
    --49px: 4.54vw;
    --50px: 4.63vw;
    --51px: 4.72vw;
    --52px: 4.81vw;
    --53px: 4.91vw;
    --54px: 5.00vw;
    --55px: 5.09vw;
    --56px: 5.19vw;
    --57px: 5.28vw;
    --58px: 5.37vw;
    --59px: 5.46vw;
    --60px: 5.56vw;
    --61px: 5.65vw;
    --62px: 5.74vw;
    --63px: 5.83vw;
    --64px: 5.93vw;
    --65px: 6.02vw;
    --66px: 6.11vw;
    --67px: 6.20vw;
    --68px: 6.30vw;
    --69px: 6.39vw;
    --70px: 6.48vw;
    --71px: 6.57vw;
    --72px: 6.67vw;
    --73px: 6.76vw;
    --74px: 6.85vw;
    --75px: 6.94vw;
    --76px: 7.04vw;
    --77px: 7.13vw;
    --78px: 7.22vw;
    --79px: 7.31vw;
    --80px: 7.41vw;
    --81px: 7.50vw;
    --82px: 7.59vw;
    --83px: 7.68vw;
    --84px: 7.78vw;
    --85px: 7.87vw;
    --86px: 7.96vw;
    --87px: 8.05vw;
    --88px: 8.15vw;
    --89px: 8.24vw;
    --90px: 8.33vw;
    --91px: 8.43vw;
    --92px: 8.52vw;
    --93px: 8.61vw;
    --94px: 8.70vw;
    --95px: 8.80vw;
    --96px: 8.89vw;
    --97px: 8.98vw;
    --98px: 9.07vw;
    --99px: 9.17vw;
    --100px: 9.26vw;
    --103px: 9.53vw;
    --120px: 11.11vw;
    --158px: 15.00vw;
    --167px: 15.50vw;
    --168px: 14.67vw;
    --170px: 15.74vw;
    --209px: 19.35vw;
    --210px: 19.44vw;
    --220px: 20.37vw;
    --230px: 21.48vw;
    --232px: 21.48vw;
    --235px: 21.75vw;
    --272px: 25.22vw;
    --275px: 25.50vw;
    --298px: 27.59vw;
    --306px: 28.33vw;
    --347px: 32.22vw;
    --355px: 32.87vw;
    --392px: 36.29vw;
    --535px: 49.53vw;
    --590px: 54.62vw;
    --640px: 59.25vw;
}
@media (max-width: 767px) {
:root {
/* 375px基準 = 1 ÷ 375 × 100 */ 
    --1px: 0.27vw;
    --2px: 0.53vw;
    --3px: 0.80vw;
    --4px: 1.07vw;
    --5px: 1.33vw;
    --6px: 1.60vw;
    --7px: 1.87vw;
    --8px: 2.13vw;
    --9px: 2.40vw;
    --10px: 2.67vw;
    --11px: 2.93vw;
    --12px: 3.20vw;
    --13px: 3.47vw;
    --14px: 3.73vw;
    --15px: 4.00vw;
    --16px: 4.27vw;
    --17px: 4.53vw;
    --18px: 4.80vw;
    --19px: 5.07vw;
    --20px: 5.33vw;
    --21px: 5.60vw;
    --22px: 5.87vw;
    --23px: 6.13vw;
    --24px: 6.40vw;
    --25px: 6.67vw;
    --26px: 6.93vw;
    --27px: 7.20vw;
    --28px: 7.47vw;
    --29px: 7.73vw;
    --30px: 8.00vw;
    --31px: 8.27vw;
    --32px: 8.53vw;
    --33px: 8.80vw;
    --34px: 9.07vw;
    --35px: 9.33vw;
    --36px: 9.60vw;
    --37px: 9.87vw;
    --38px: 10.13vw;
    --39px: 10.40vw;
    --40px: 10.67vw;
    --41px: 10.93vw;
    --42px: 11.20vw;
    --43px: 11.47vw;
    --44px: 11.73vw;
    --45px: 12.00vw;
    --46px: 12.27vw;
    --47px: 12.53vw;
    --48px: 12.80vw;
    --49px: 13.07vw;
    --50px: 13.33vw;
    --51px: 13.60vw;
    --52px: 13.87vw;
    --53px: 14.13vw;
    --54px: 14.40vw;
    --55px: 14.67vw;
    --56px: 14.93vw;
    --57px: 15.20vw;
    --58px: 15.47vw;
    --59px: 15.73vw;
    --60px: 16.00vw;
    --61px: 16.27vw;
    --62px: 16.53vw;
    --63px: 16.80vw;
    --64px: 17.07vw;
    --65px: 17.33vw;
    --66px: 17.60vw;
    --67px: 17.87vw;
    --68px: 18.13vw;
    --69px: 18.40vw;
    --70px: 18.67vw;
    --71px: 18.93vw;
    --72px: 19.20vw;
    --73px: 19.47vw;
    --74px: 19.73vw;
    --75px: 20.00vw;
    --76px: 20.27vw;
    --77px: 20.53vw;
    --78px: 20.80vw;
    --79px: 21.07vw;
    --80px: 21.33vw;
    --81px: 21.60vw;
    --82px: 21.87vw;
    --83px: 22.13vw;
    --84px: 22.40vw;
    --85px: 22.67vw;
    --86px: 22.93vw;
    --87px: 23.20vw;
    --88px: 23.47vw;
    --89px: 23.73vw;
    --90px: 24.00vw;
    --91px: 24.27vw;
    --92px: 24.53vw;
    --93px: 24.80vw;
    --94px: 25.07vw;
    --95px: 25.33vw;
    --96px: 25.60vw;
    --97px: 25.87vw;
    --98px: 26.13vw;
    --99px: 26.40vw;
    --100px: 26.67vw;
    --103px: 27.46vw;
    --120px: 32.00vw;
    --158px: 42.13vw;
    --167px: 44.53vw;
    --168px: 44.80vw;
    --170px: 45.33vw;
    --209px: 55.73vw;
    --210px: 56.00vw;
    --220px: 58.66vw;
    --232px: 61.33vw;
    --230px: 61.33vw;
    --235px: 62.66vw;
    --272px: 72.00vw;
    --275px: 73.33vw;
    --298px: 79.46vw;
    --535px: 142.67vw;
    --306px: 81.60vw;
    --347px: 92.53vw;
    --355px: 94.66vw;
    --392px: 104.53vw;
    --590px: 157.33vw;
    --640px: 170.66vw; 
}
}

/* ----------------------------------------
Large Compornent (section)
----------------------------------------- */
/* header */
.v3-header {
    .c-sns-list.c-sns-list-white {
        li.c-sns-tiktok {
            a {
                span {
                    background-image: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-tiktok-w.svg);
                }
            }
        }
    
    }
    .l-nav-bottom .l-nav-link li:nth-child(4) {
        @media (max-width: 767px) {
            border-left: 1px solid #a8a8a8;
        }
    }
}

/* footer */
.v3-footer {
    padding: var(--48px) 0 var(--80px);
    background: #EEE;
    .l-footer-content {
        display: block;
        .l-footer-logo {
            margin-bottom: var(--36px);
        }
        .c-sns-title {
            font-size: var(--14px);
            font-weight: 400;
            line-height: var(--20px);
            margin-bottom: var(--20px);
        }
        .c-sns-list {
            justify-content: flex-start;
            margin-bottom: var(--60px);
            gap: var(--20px);
            li {
                a {
                    span {
                        height: auto;
                        color: transparent;
                        padding-top: 2rem;
                    }
                }
            }
            .c-sns-youtube {
                a {
                    span {
                        width: var(--34px);
                        background-image: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-youtube-b.svg);
                    }
                }
            }
            .c-sns-instagram {
                a {
                    span {
                        width: var(--26px);
                        background-image: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-instagram-b.svg);
                    }
                }
            }
            .c-sns-twitter {
                a {
                    span {
                        width: var(--26px);
                        background-image: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-x-b.svg);

                    }
                }
            }
            .c-sns-facebook {
                a {
                    span {
                        width: var(--29px);
                        background-image: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-facebook-b.svg);
                    }
                }
            }
            .c-sns-tiktok {
                a {
                    span {
                        width: var(--29px);
                        background-image: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-tiktok-b.svg);
                    }
                }
            }
            .c-sns-line {
                a {
                    span {
                        width: var(--31px);
                        background-image: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-line-b.svg);
                    }
                }
            }
        }
        .l-nav-list {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: var(--40px);
            li {
                a {
                    color: #191919;
                    font-family: var(--font-source-sans-pro);
                    font-size: var(--18px);
                    font-weight: 600;
                    line-height: var(--20px);
                    span {
                        color: #191919;
                        font-family: var(--font-source-sans-pro);
                        font-size: var(--18px);
                        font-weight: 600;
                        line-height: var(--20px);
                        position: relative;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        &::before {
                            display: block;
                        }
                    }
                }
            }
            .l-nav-login {
                a {
                    span {
                        position: relative;
                        &::before {
                            content: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-login.svg);
                            width: var(--17px);
                            margin-right: var(--14px);
                        }
                    }
                }
            }
            .l-nav-mypage {
                a {
                    span {
                        position: relative;
                        &::before {
                            content: url(https://gigaplus.makeshop.jp/mysmoothskin/v3/assets/images/common/icon-mypage.svg);
                            width: var(--17px);
                            margin-right: var(--14px);
                        }
                    }
                }
            }
        }
        .l-nav-menu {
            gap: var(--16px);
            li {
                margin: 0;
                &.secondary {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    /* &::before {
                        content: "";
                        display: block;
                        width: var(--4px);
                        height: var(--2px);
                        background: #000;
                        margin-right: var(--2px);
                    } */
                }
                a {
                    font-size: var(--14px)!important;
                    padding: 0;
                }
            }
        }
        .l-nav-bottom {
            border-top: solid 1px #000;
            padding-top: var(--20px);
            margin-bottom: var(--15px);
        }
    }
    .l-footer-copyright {
        text-align: left;
    }
}

/* faq-list */
.v3-c-faq-list {
    background-color: #fff;
    padding: var(--30px) 0 var(--60px);
    margin-top: 0;
    .c-sec-title {
        margin-bottom: var(--18px);
        line-height: var(--28px);
    }
    .c-faq-list {
        margin-top: var(--20px);
    }
    .c-btn {
        padding: .5em 1.4em;
    }
}

/* guarantee */
.v3-c-guarantee {
    padding: var(--15px) var(--10px);
    background: #E5DBCF;
    .v3-c-guarantee__inner {
        border: solid 1px #fff;
        padding: var(--10px);
    }
    .v3-c-guarantee__content {
        background: #fff;
        padding: var(--20px) var(--18px);
    }
    .v3-c-guarantee__title {
        font-size: var(--20px);
        font-weight: 400;
        text-align: center;
        margin-bottom: var(--3px);
        color: #191919;
    }

    .v3-c-guarantee__icon {
        text-align: center;
        margin-bottom: var(--10px);
        &-image {
            display: inline-block;
            max-width: 100%;
            height: auto;
        }
    }

    .v3-c-guarantee__box {
        background-color: #F8F6E8;
        padding: var(--13px) var(--15px) var(--16px);
        .v3-c-guarantee__badge {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: var(--7px);
            margin-bottom: var(--2px);

            .v3-c-guarantee__badge-image {
                display: block;
                width: var(--80px);
                height: auto;
            }
            .v3-c-guarantee__badge-text {
                color: #AC956D;
                font-size: var(--16px);
                font-weight: 500;
                line-height: var(--28px);
            }
        }
        .v3-c-guarantee__text {
            font-size: var(--12px);
            font-weight: 400;
            line-height: var(--20px);
            margin-bottom: var(--10px);
        }
        .v3-c-guarantee__note {
            font-size: var(--10px);
            font-weight: 400;
            line-height: var(--20px);
        }
    }
}

/* pankuzu */
.pankuzu{
    position: fixed;
    top: calc(2.4rem * var(--scale-pc));
    left: calc(6.4rem * var(--scale-pc));
	    z-index: 2;
    letter-spacing: 1pt;
}
	.breadcrumb{
		display: flex;
		font-size: calc(1.4rem * var(--scale-pc));
		text-shadow: -1px -1px 0 #f6f6f6, 1px -1px 0 #f6f6f6, -1px 1px 0 #f6f6f6, 1px 1px 0 #f6f6f6;
	}
	.breadcrumb li::after {
    content: ">";
    margin: 0 6px;
    position: relative;
    top: -1px;
		font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}
	.breadcrumb li:last-child::after {
    display: none;
}
	#copied-title {
		overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 46vw;
	}
@media screen and (max-width: 767px) {
.pankuzu {
    position: static;
    padding-right: 4rem;
    padding-left: 4rem;
}
#copied-title {
    width: 66vw;
	}
}
.pankuzu {
  bottom: calc(2.4rem * var(--scale-pc));
  top: auto;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .pankuzu {
    letter-spacing: 0;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  #shopbrand .l-sb-header.is-show,
  #shopbrand .l-sb-header {
    transform: translateY(18.8rem);
  }
}

.breadcrumb li {
  white-space: nowrap;
}

.breadcrumb li:last-child {
  white-space: pre-wrap;
}

@media screen and (min-width: 768px) {
  .pankuzu.prdct {
    bottom: calc(0.4rem * var(--scale-pc));
  }
}
.pankuzu {bottom: calc(2.4rem * var(--scale-pc));top:auto;width: 50%;}@media screen and (max-width: 767px) {.pankuzu {letter-spacing: 0;width: 100%;padding-top: 1rem;padding-bottom: 1rem;}#shopbrand .l-sb-header.is-show ,#shopbrand .l-sb-header {transform: translateY(18.8rem);}}.breadcrumb li {white-space: nowrap;}.breadcrumb li:last-child {white-space: pre-wrap;}@media screen and (min-width: 768px) {.pankuzu.prdct{bottom: calc(0.4rem * var(--scale-pc));}}


/* ----------------------------------------
Page
----------------------------------------- */
/* news */
#news {
    padding-bottom: var(--60px);
}