.font-yumin{
	font-family: "游明朝", YuMincho,'Yu Mincho', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Noto Serif JP","serif" !important;
}

.font-garamond{
	font-family: 'EB Garamond', serif !important;
}

.font-arno{
	font-family: arno-pro, serif !important; 
}

.inview{
	opacity: 0;
}

/*footer {
    margin-top: 0px;
}*/

.scrolled main {
    padding-top: calc(130px + var(--fsBannerHeight));
}

html {
  scroll-padding-top: 0px
}


#hs{
	margin: 0px;
	padding: 0px;
    color: #040404;
}

#hs img{
    image-rendering: -webkit-optimize-contrast;
}

_::-webkit-full-page-media, _:future, :root #hs img {/*safari*/
    image-rendering: auto;
}

footer {
    margin-top: 0px;
}


html {
    -webkit-font-smoothing: antialiased;
}

body{
	-webkit-font-smoothing: subpixel-antialiased;
}


#hs .cbg{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    position: relative;
}

#hs .pagetop{
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 12px;
    left: 12px;
    z-index: 500;
    display: none;
}

#hs .pagetop .pagetop-link{
    margin: 0;
    padding: 0;
    width: 62px;
}

#hs .pagetop .pagetop-link a{
    margin: 0;
    padding: 35px 0px 0;
    width: 62px;
    height: 62px;
    box-sizing: border-box;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1;
    background-color: #000;
    color: #FFF;
    font-style: italic;
    font-weight: 600;
    background-image: url(../../images/sp/commons/20230824/page_top.svg);
    background-repeat: no-repeat;
    background-position: center top 16px;
    background-size: 19px auto;
    box-shadow: 0 0 12.1px 0.9px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

#hs .kv{
    margin: 0px;
    padding: 0px;
    overflow: visible;
    z-index: 20;
    position: relative;
}

#hs .kv-in{
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: relative;
}

#hs .kv h1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 13.1vw;
    left: 0;
    width: 56.6vw;
    text-align: center;
    color: #378b6b;
    font-size: 6.9vw;
    line-height: 1;
    font-weight: 600;
}

#hs .kv .kv-new{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8.9vw;
    left: 22.9vw;
    width: 10.7vw;
    height: 2.4vw;
    text-align: center;
    font-size: 1.9vw;
    line-height: 1;
    font-weight: 600;
    color: #0e7139;
    background-image: url(../../images/special_contents/HeadScrub/20230816/kv_new.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
	justify-content: center;
    align-items: center;
}

#hs .kv .kv-text{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 21vw;
    left: 0;
    width: 56.6vw;
    text-align: center;
    font-size: 1.7vw;
    line-height: 1.5;
    font-weight: 600;
    color: #040404;
}

#hs .kv .kv-online{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 27vw;
    left: 21vw;
}

#hs .kv .kv-online a{
    margin: 0;
    padding: 0;
    width: 14.9vw;
    height: 2.9vw;
    background-image: url(../../images/special_contents/HeadScrub/20230901_2/label_tokuten.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
	justify-content: center;
    align-items: center;
    letter-spacing: -0.05em;
    font-size: 1.4vw;
    line-height: 1;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

_::-webkit-full-page-media, _:future, :root #hs .kv .kv-online a{
	font-size: 1.3vw;
}

#hs .kv .kv-label{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4.7vw;
    left: 41.1vw;
    width: 8.9vw;
    z-index: 200;
}


#hs .open-menu-out{
    right: 0px;
    z-index: 110;
    position: absolute;
    top: 94px;
    transition: none;
}

#hs .open-menu{
    position: relative;
    top: 0px;
    right: 0px;
}

#hs .open-menu.fix{
    position: fixed;
    top: 160px;
}

#hs .open-menu .open-menu-in{
    transform: translateX(0%);
    transition: all 0.8s cubic-bezier(.165, .84, .44, 1);
}

#hs .open-menu.open .open-menu-in{
    transform: translateX(-343px);
}

#hs .open-menu .btn{
    position: relative;
    z-index: 80;
}

#hs .open-menu .btn a{
    opacity: 1;
    display: block;
    transition: unset;
}

#hs .open-menu .btn a span.open-text{
    display: none;
}

#hs .open-menu .btn a span.close-text{
    display: inline-block;
}

#hs .open-menu.open .btn a span.open-text{
    display: inline-block;
}

#hs .open-menu.open .btn a span.close-text{
    display: none;
}

#hs .open-menu .open-menu-list{
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 5px;
    right: -343px;
    /*right: 0px;*/
    z-index: 50;
    overflow: hidden;
    width: 343px;
    /*height: 385px;*/
    height: 436px;
    /*height: 487px;*/
    /*height: 528px;*/
    background-image: url(../../images/special_contents/HeadScrub/20230816/bg_menu.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#hs .open-menu .open-menu-frame1{
    margin: 0px;
    padding: 0px;
}

#hs .open-menu .open-menu-frame2{
    margin: 0px;
    padding: 15px 0px 0px;
}

#hs .open-menu .open-menu-list-iner{
    margin: 0px;
    padding: 0px;
    
}

#hs .open-menu .open-menu-list ul li{
    margin: 0px;
	padding: 0px;
    width: 100%;
}

#hs .open-menu .open-menu-list ul li a{
    margin: 0px;
	padding: 0px 20px 0px 22px;
    display: block;
    position: relative;
    color: #fef5e3;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    opacity: 1;
    width: 100%;
    box-sizing: border-box;
}

#hs .open-menu .open-menu-list ul li a .nt{
    font-size: 1.2rem;
}

#hs .open-menu .open-menu-list ul li a svg{
    font-size: 1.1rem;
    position: absolute;
    top:50%;
    left:6px;
    transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

#hs .open-menu .open-menu-list ul li a span.in{
    display: block;
    margin: 0px;
    padding: 12px 0px 12px 40px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
    box-sizing: border-box;
}

#hs .open-menu .open-menu-list ul li:last-child a span.in{
    border-bottom: 0px none;
}


#hs .mlead{
    margin: 0px;
	padding: 0px 0px 100px;
    background-color: #fffbee;
}

#hs .mlead .text{
    margin: 0px;
	padding: 40px 0px 0px;
    font-size: 1.8rem;
    line-height: 1.7;
    text-align: center;
    font-weight: 600;
}

#hs .mlead .text sup{
    font-size: 1.2rem;
    vertical-align: super;
}

#hs .mlead ul.nav1{
    margin: 30px auto 0px;
	padding: 0px;
    width: 1065px;
    height: 141px;
    position: relative;
}

#hs .mlead ul.nav1 li{
    margin: 0px;
	padding: 0px;
    position: absolute;
    width: 357px;
}

#hs .mlead ul.nav1 li.n1{
    left: 0px;
    top: 0px;
}

#hs .mlead ul.nav1 li.n2{
    left: 350px;
    top: 0px;
}

#hs .mlead ul.nav1 li.n3{
    left: 700px;
    top: 0px;
}

#hs .mlead ul.nav1 li a{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 141px;
    text-decoration: none;
    display: block;
}

#hs .mlead ul.nav1 li.n1 a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/nav_ref.png);
    background-repeat: no-repeat;
}

#hs .mlead ul.nav1 li.n2 a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/nav_rel.png);
    background-repeat: no-repeat;
}

#hs .mlead ul.nav1 li.n3 a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/nav_rep.png);
    background-repeat: no-repeat;
}

#hs .mlead ul.nav1 li a .t1{
    margin: 0px;
    padding: 23px 0px 0px;
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: center;
    display: block;
    font-weight: 600;
    letter-spacing: -0.05em;
}

#hs .mlead ul.nav1 li a .t1 sup{
    font-size: 0.9rem;
    vertical-align: super;
}

_::-webkit-full-page-media, _:future, :root #hs .mlead ul.nav1 li a .t1{
	font-size: 1.4rem;
}

_::-webkit-full-page-media, _:future, :root #hs .mlead ul.nav1 li a .t1 sup{
	font-size: 0.8rem;
}

#hs .mlead ul.nav1 li a .t2{
    margin: 0px;
    padding: 4px 0px 0px 118px;
    font-size: 2.7rem;
    line-height: 1;
    text-align: left;
    display: block;
    font-weight: 600;
    letter-spacing: -0.03em;
}

#hs .mlead ul.nav1 li.n3 a .t2{
    padding: 4px 0px 0px 108px;
}

#hs .mlead ul.nav1 li a .t3{
    margin: 0px;
    padding: 0px;
    font-size: 1.6rem;
    letter-spacing: -0.05em;
}

#hs .mlead ul.nav1 li.n1 a .t2{
    color: #008b6b;
}

#hs .mlead ul.nav1 li.n2 a .t2{
    color: #5940bb;
}

#hs .mlead ul.nav1 li.n3 a .t2{
    color: #e9683b;
}

#hs .mlead .nav1-nt{
    margin: 0px auto;
	padding: 2px 0px 0px;
    width: 1038px;
    font-size: 1.2rem;
    line-height: 1;
    text-align: right;
}


#hs .mlead .bn-special-gift{
    margin: 40px auto 0;
    padding: 0px;
    width: 816px;
}

#hs .mlead .bn-special-gift a{
    margin: 0;
    padding: 0px;
    width: 100%;
    display: block;
    text-decoration: none;
    height: 296px;
    background-image: url(../../images/special_contents/HeadScrub/20230901_2/bg_top_sg.png);
    background-repeat: no-repeat;
}

#hs .mlead .bn-special-gift .bsg-detail{
    margin: 0px;
	padding: 30px 0px 0px 305px;
    position: relative;
}

#hs .mlead .bn-special-gift .bsg-detail .bsg-img{
    margin: 0px;
	padding: 0px;
    position: absolute;
    top: 75px;
    left: 54px;
}

#hs .mlead .bn-special-gift .bsg-detail .detail{
    margin: 0px;
	padding: 0px;
}

#hs .mlead .bn-special-gift .bsg-detail .detail h2{
    margin: 0px;
    padding: 0px;
    color: #008b6b;
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 600;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .label{
    margin: 8px 0 0 9px;
    padding: 7px 0px 0px;
    width: 171px;
    height: 30px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 600;
    background-image: url(../../images/special_contents/HeadScrub/20230901_2/labell_top_sg.png);
    background-repeat: no-repeat;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .bsg-text{
    margin: 0px;
    padding: 17px 0px 0px 9px;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #040404;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .bsg-text .tax{
    font-size: 1.4rem;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .bsg-text .green{
    color: #008b6b;
    font-size: 2.4rem;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .bsg-nt{
    margin: 0px;
    padding: 5px 0px 0px 9px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400;
    color: #040404;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .bsg-link{
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    margin: 0px;
	padding: 25px 0px 0px 9px;
    color: #9c894c;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .bsg-link span{
    margin: 0px;
    padding: 0px 35px 0px 0px;
    height: 27px;
    display: inline-block;
    border-bottom: 2px solid #9c894c;
    background-size: 24px auto;
    font-weight: 500;
    position: relative;
}

#hs .mlead .bn-special-gift .bsg-detail .detail .bsg-link span:after{
    content: "";
    margin: 0px;
    padding: 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url(../../images/sp/special_contents/HeadScrub/20230901_2/arrro_link.svg);
    background-repeat: no-repeat;
    background-size: 24px auto;
    position: absolute;
    top: -2px;
    right: 3px;
}

#hs .mlead ul.nav2{
    /*margin: 50px auto 0px;*/
    margin: 0px auto 0px;
	padding: 0px;
    /*width: 673px;*/
    width: 350px;
    height: 128px;
    position: relative;
}

#hs .mlead ul.nav2 li{
    margin: 0px;
	padding: 0px;
    position: absolute;
    width: 175px;
}

#hs .mlead ul.nav2 li.n1{
    left: 0px;
    top: 0px;
}

#hs .mlead ul.nav2 li.n2{
    /*left: 166px;*/
    left: 0px;
    top: 0px;
}

#hs .mlead ul.nav2 li.n3{
    /*left: 331px;*/
    right: 0px;
    top: 0px;
}

#hs .mlead ul.nav2 li.n4{
    right: 0px;
    top: 0px;
}

#hs .mlead ul.nav2 li a{
    margin: 0px;
    padding: 30px 0px 0px;
    box-sizing: border-box;
    width: 100%;
    height: 128px;
    text-decoration: none;
    display: block;
    background-image: url(../../images/special_contents/HeadScrub/20230901_2/nav_ank.png);
    background-repeat: no-repeat;
    color: #FFF;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.2;
}

#hs .mlead ul.nav2 li.n3 a,
#hs .mlead ul.nav2 li.n4 a{
    padding: 40px 0px 0px;
}

#hs .mlead .free{
    margin: 0;
    padding: 60px 0;
    position: relative;
}

#hs .mlead .free:before{
    content: "";
    margin: 0;
    padding: 0px;
    background-image: url(../../images/special_contents/HeadScrub/20240425/mlead_line.png);
    background-repeat: repeat-x;
    background-size: auto 18px;
    width: 100%;
    height: 18px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#hs .mlead .free:after{
    content: "";
    margin: 0;
    padding: 0px;
    background-image: url(../../images/special_contents/HeadScrub/20240425/mlead_line.png);
    background-repeat: repeat-x;
    background-size: auto 18px;
    width: 100%;
    height: 18px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


#hs .mlead .free .free1{
    margin: 0;
    padding: 0px;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 600;
}

#hs .mlead .free .free1 sup{
    vertical-align: super;
}

#hs .mlead .free .free2{
    margin: 0;
	padding: 8px 0 0px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0em;
}

#hs .mlead .gwp{
    margin: 0px auto;
    padding: 60px 0 40px;
    width: 1040px;
    border-bottom: 1px solid #a69968;
}

#hs .mlead .gwp .gwp-text1{
    text-align: center;
    margin: 0;
    padding: 0px;
    font-size: 2rem;
    line-height: 1.6;
    font-weight: 600;
}

#hs .mlead .gwp .gwp-text1 span{
    text-align: center;
    margin: 0px auto;
	padding: 0px;
    width: 400px;
    position: relative;
    display: flex;
	align-items: center;
}

#hs .mlead .gwp .gwp-text1 span:before,
#hs .mlead .gwp .gwp-text1 span:after {
	border-top: 1px solid #675341;
	content: "";
	flex-grow: 1;
}

#hs .mlead .gwp .gwp-text1 span:before {
	margin-right: 10px;
}

#hs .mlead .gwp .gwp-text1 span:after {
	margin-left: 10px;
}
#hs .mlead .gwp .gwp-text2{
    text-align: center;
    margin: 20px 0px 0;
    padding: 0px;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 600;
}

#hs .mlead .gwp .gwp-notes{
    margin: 10px 0px 0;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
}

#hs .mlead .gwp .gwp-img{
    position: relative;
    width: 300px;
    margin: 20px auto 0;
	padding: 0px;
}

#hs .how-to-use{
	margin: 34px auto 0;
	padding: 0px;
	width: 912px;
    position: relative;
}

#hs .how-to-use-in{
	margin: 0;
	padding: 0px;
    position: relative;
}

#hs .how-to-use .how-to-use-in h3{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#hs .how-to-use .how-to-use-in h3 a{
	padding: 10px 0px;
	font-size: 2.6rem;
	line-height:1;
	font-weight:600;
    display: block;
	position:relative;
    text-decoration: none;
    background-color: #433a31;
    color: #FFF;font-style: italic;
}

#hs .how-to-use .how-to-use-in h3 a .icon {
    font-size: 2.2rem;
    line-height: 1;
    font-style: normal;
    text-decoration: none;
	position: absolute;
    top: 50%;
    right: 310px;
    
    transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-weight: 400;
    display: inline-block;
}

#hs .how-to-use .how-to-use-in h3 a .plus{
	display:block;
}

#hs .how-to-use .how-to-use-in h3 a .minus {
	display:none;
}

#hs .how-to-use.open .how-to-use-in h3 a .plus{
	display:none;
}

#hs .how-to-use.open .how-to-use-in h3 a .minus {
	display:block;
}

#hs .how-to-use-more{
    padding: 0px 0px 50px;
    /*display: none;*/
    margin: 0px;
    width: 100%;
    background-color: #FFF;
    position: relative;
    border-top: 2px solid #a89968;
    border-bottom: 2px solid #a89968;
}
#hs .how-to-use .htu-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 145px;
}

#hs .how-to-use .htu-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 145px;
}

#hs .how-to-use .how-to-use-more h3{
    margin: 35px auto 0;
    padding: 0 0 10px;
    width: 465px;
    font-weight: 600;
    text-align: center;
    background-image: url(../../images/special_contents/BestCosmeAward/20231207/t_howtouse.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    letter-spacing: -0.02em;
}

#hs .how-to-use .how-to-use-more h3 .item{
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #a18b4f;
    font-size: 3.4rem;
    line-height: 1;
    font-style: italic;
    vertical-align: super;
}

#hs .how-to-use .how-to-use-more h3 .use{
    margin: 0 0 0 15px;
    padding: 0;
    display: inline-block;
    font-size: 5.8rem;
    line-height: 1;
    font-style: italic;
}

#hs .how-to-use .how-to-use-more .htu-detail{
    margin: 35px auto 0px;
	padding: 0px;
    width: 792px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
}

#hs .how-to-use .how-to-use-more .htu-detail .img{
    margin: 0px;
	padding: 0px;
    width: 327px;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail{
    margin: 0px;
	padding: 0px;
    text-align: center;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .text{
    margin: 0px;
	padding: 0px;
    font-size: 1.6rem;
    line-height: 1.6;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .fre{
    margin: 20px auto 0px;
	padding: 18px 0px 25px;
    width: 368px;
    background-color: #f1ede3;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .fre h4{
    margin: 0px;
	padding: 0px;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .fre h4 span{
    margin: 0px auto;
    padding: 0px;
    color: #a18b4f;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400;
    
    display: flex;
    align-items: center;
    text-align: center;
    width: 250px;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .fre h4 span:before,
#hs .how-to-use .how-to-use-more .htu-detail .detail .fre h4 span:after {
	border-top: 1px solid #a18b4f;
	content: "";
	flex-grow: 1;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .fre h4 span:before {
	margin-right: 10px;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .fre h4 span:after {
	margin-left: 10px;
}

#hs .how-to-use .how-to-use-more .htu-detail .detail .fre .fre-text{
    margin: 0px;
	padding: 10px 0px 0px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1;
}



#hs .lead-block{
    margin: 90px auto 0px;
	padding: 0px;
    width: 816px;
    position: relative;
    display: flex;
	justify-content: space-between;
}

#hs .lead-block .img{
    order: 1;
}

#hs .lead-block .lead-text{
    font-size: 1.7rem;
    line-height: 1.7;
    text-align: left;
    margin: 0px;
	padding: 0px;
    letter-spacing: -0.05em;
    order: 2;
}

#hs .lead-block .lead-text2{
    margin: 40px 0px 0px;
	padding: 0px;
}

#hs .lead-block .lead-text2:first-child{
    margin: 0px;
}

#hs .lead-block .lead-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: -32px;
    left: -32px;
    width: auto;
}

#hs .lead-block .lead-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -58px;
    right: -32px;
    width: auto;
}






#hs .ingredients{
    margin: 105px 0px 0px;
	padding: 0px;
}

#hs .ingredients h2{
    margin: 0px;
	padding: 0px;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
}

#hs .ingredients .component{
	margin: 30px auto 0;
	padding: 0px;
	width: 816px;
    position: relative;
}

#hs .ingredients .component-in{
	margin: 0;
	padding: 0px;
    position: relative;
}

#hs .ingredients .component h3{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#hs .ingredients .component h3 a{
	padding: 15px 0px;
	font-size: 1.8rem;
	line-height:1;
	font-weight:400;
    display: block;
	position:relative;
    text-decoration: none;
    border-top: 1px solid #008b6b;
    border-bottom: 1px solid #008b6b;
    color: #008b6b;
}

#hs .ingredients .component h3 a .icon {
    font-size: 3rem;
    text-decoration: none;
	position: absolute;
    top: 52%;
    right: 10px;
    
    transform: translateY(-52%);
	-webkit- transform: translateY(-52%);
    font-weight: 400;
    display: inline-block;
}

#hs .ingredients .component h3 a .plus{
	display:block;
}

#hs .ingredients .component h3 a .minus {
	display:none;
}

#hs .ingredients .component.open h3 a .plus{
	display:none;
}

#hs .ingredients .component.open h3 a .minus {
	display:block;
}

#hs .ingredients .component-more{
    padding: 90px 0px 60px;
    display: none;
    margin: 0px;
    width: 100%;
    background-color: #FFF;
    position: relative;
}

#hs .ingredients h3{
    margin: 0px;
	padding: 0px;
    text-align: center;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
}

#hs .ingredients .ing-block{
    margin: 60px auto 0px;
	padding: 0px;
    position: relative;
    width: 666px;
}

#hs .ingredients .ing-block.ing2{
    margin: 73px auto 0px;
}

#hs .ingredients .ing-block.ing3{
    margin: 57px auto 0px;
}

#hs .ingredients .ing-block h4{
    color: #a89968;
    margin: 0px;
	padding: 0px;
    font-size: 2.1rem;
    line-height: 1.5;
}

#hs .ingredients .ing-block h4 sup{
    font-size: 1.2rem;
    vertical-align: super;
}

#hs .ingredients .ing-block .ing-text{
    margin: 0px;
	padding: 8px 210px 0px 0px;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: -0.02em;
}

#hs .ingredients .ing-block .ing-text sup{
    font-size: 0.8rem;
    vertical-align: super;
}

#hs .ingredients .ing-block.ing1 .ing-img{
    margin: 0px;
	padding: 0px;
    position: absolute;
    top: -5px;
    right: -13px;
}

#hs .ingredients .ing-block.ing2 .ing-img{
    margin: 0px;
	padding: 0px;
    position: absolute;
    top: -5px;
    right: 8px;
}

#hs .ingredients .ing-block.ing3 .ing-img{
    margin: 0px;
	padding: 0px;
    position: absolute;
    top: -5px;
    right: 0px;
}

#hs .ingredients .ing-notes{
    margin: 0px auto;
	padding: 70px 0px 0px;
    font-size: 1.2rem;
    line-height: 1.7;
    width: 666px;
}

#hs .ingredients .ing-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
}

#hs .ingredients .ing-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

#hs .ingredients .ing-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
}

#hs .ingredients .ing-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: auto;
}

#hs .ingredients .ing-obj5{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 174px;
    right: 0px;
    width: auto;
}

#hs .ingredients .ing-obj6{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 356px;
    left: 0px;
    width: auto;
}

#hs .ingredients .ing-obj7{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 53px;
    right: 0px;
    width: auto;
}

#hs .mlead .voice{
    /*margin: 65px auto 0;*/
    margin: 40px auto 0;
    padding: 0;
    width: 816px;
}

#hs .mlead .voice h2{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    color: #008b6b;
    font-weight: 600;
}

#hs .mlead .voice .voice-list{
    margin: 30px 0px 0;
    padding: 0;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#hs .mlead .voice .voice-list .voice-block{
    margin: 0;
    padding: 3px;
    width: 395px;
    background-image: url(../../images/special_contents/HeadScrub/20230901_2/bg_voice.png?a=20230831);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 2px solid #a28e5e;
    box-sizing: border-box;
}

#hs .mlead .voice .voice-list .voice-block-in{
    margin: 0;
    padding: 0;
    border: 1px solid #a28e5e;
    height: 100%;
    display: flex;
	justify-content: center;
    align-items: center;
}

#hs .mlead .voice .voice-list .vtext{
    margin: 0;
    padding: 30px 0;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: -0.05em;
}

#hs .mlead .voice .voice-list .vtext span{
    display: inline-block;
    position: relative;
}

#hs .mlead .voice .voice-list .vtext span:before{
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../../images/sp/special_contents/HeadScrub/20230901_2/kakko_l.png);
    background-size: 100% 100%;
    margin: 0px;
    padding: 0px;
    width: 27px;
    height: 21px;
    position: absolute;
    left: -24px;
    top: -12px;
}

#hs .mlead .voice .voice-list .vtext span:after{
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../../images/sp/special_contents/HeadScrub/20230901_2/kakko_r.png);
    background-size: 100% 100%;
    margin: 0px;
    padding: 0px;
    width: 27px;
    height: 21px;
    position: absolute;
    right: -24px;
    bottom: -12px;
}


#hs .mlead .sns-cp{
    margin: 40px 0px 0px;
    padding: 40px 0px 0px;
}

#hs .mlead .sns-cp h2{
    margin: 0px;
    padding: 0px;
    font-size: 3.6rem;
    line-height: 1;
    text-align: center;
    color: #008b6b;
    font-weight: 600;
}

#hs .mlead .sns-cp .cp-text {
    margin: 25px 0 0;
    padding: 0px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight: 600;
}

#hs .mlead .sns-cp .cp-btn{
	margin: 25px auto 0px;
	padding: 0px;
	width: 215px;
}

#hs .mlead .sns-cp .cp-btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 100%;
}

#hs .mlead .sns-cp .cp-btn a svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1.2rem;
}

#hs .mlead .sns-cp .notes-cp{
	margin: 0px auto;
	padding: 60px 0px 0px;
	width: 720px;
    position: relative;
    z-index: 10;
}

#hs .mlead .sns-cp .notes-cp h3{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#hs .mlead .sns-cp .notes-cp h3 a{
	padding: 24px 0px;
	font-size:1.4rem;
	line-height:1;
	font-weight:400;
    display: block;
	position:relative;
	color:#FFF;
    text-decoration: none;
    background-color: #008b6b;
}

#hs .mlead .sns-cp .notes-cp h3 a .icon {
    font-size: 2.8rem;
    text-decoration: none;
	position: absolute;
    top: 58%;
    right: 20px;
    
    transform: translateY(-58%);
	-webkit- transform: translateY(-58%);
    font-weight: 400;
    display: inline-block;
}

#hs .mlead .sns-cp .notes-cp h3 a .plus{
	display:block;
}

#hs .mlead .sns-cp .notes-cp h3 a .minus {
	display:none;
}

#hs .mlead .sns-cp .notes-cp.open h3 a .plus{
	display:none;
}

#hs .mlead .sns-cp .notes-cp.open h3 a .minus {
	display:block;
}

#hs .mlead .sns-cp .notes-cp .notes-list{
    padding: 35px 40px 40px;
    display: none;
    margin: 0px;
    background-color: #FFF;
    border: 1px solid #008b6b;
}

#hs .mlead .sns-cp .notes-cp .notes-list ul li{
	margin: 4px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size:1.6rem;
	line-height:1.7;
	list-style:none;
	position:relative;
}

#hs .mlead .sns-cp .notes-cp .notes-list ul li:first-child{
	margin: 0px;
}

#hs .mlead .sns-cp .notes-cp .notes-list ul li:before {
	position:absolute;
	top:6px;
    left: 0px;
	width: 14px;
    height: 14px;
    background-color: #2b0c08;
    border-radius: 50%;
    content: "";
}

#hs .mlead .sns-cp .notes-cp .notes-list ul li ul{
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#hs .mlead .sns-cp .notes-cp .notes-list ul li ul li{
	margin: 4px 0px 0px;
	padding: 0px 0px 0px 12px;
	font-size:1.5rem;
	line-height:1.6;
	list-style:none;
	position:relative;
}

#hs .mlead .sns-cp .notes-cp .notes-list ul li ul li:before {
	position:absolute;
	top:10px;
    left: 0px;
	width: 4px;
    height: 4px;
    background-color: #2b0c08;
    border-radius: 50%;
    content: "";
}







#hs .item{
    margin: 0;
    padding: 90px 0 80px;
}

#hs .item.ref{
    background-color: #eefffb;
}

#hs .item.rel{
    background-color: #f2efff;
}

#hs .item.rep{
    background-color: #fee6de;
}

#hs .item .en{
    margin: 0;
    padding: 0px;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    font-weight: 600;
}

#hs .item h2{
    margin: 0;
    padding: 14px 0px 60px;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.05em;
    background-image: url(../../images/special_contents/HeadScrub/20230816/t_fra.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#hs .item.ref .en,
#hs .item.ref h2{
    color: #008b6b;
}

#hs .item.rel .en,
#hs .item.rel h2{
    color: #5940bb;
}

#hs .item.rep .en,
#hs .item.rep h2{
    color: #e9683b;
}

#hs .item .item-block{
    margin: 45px auto 0;
	padding: 50px 0 0 468px;
    width: 912px;
    position: relative;
    box-sizing: border-box;
    min-height: 424px;
}

#hs .item.rep .item-block{
    padding: 18px 0 0 468px;
}

#hs .item .item-block .img{
    position: absolute;
    top: 0px;
    left: 0px;
}

#hs .item .item-block .text1{
    padding: 0px;
    font-size: 2.6rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    position: relative;
    letter-spacing: -0.05em;
}

#hs .item .item-block .text1 sup{
    font-size: 1.5rem;
    vertical-align: super;
}

#hs .item .item-block .text2{
    padding: 10px 0px 0px;
    font-size: 1.9rem;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    position: relative;
    letter-spacing: -0.05em;
    color: #008b6b;
}

#hs .item .item-block .text2 sup{
    font-size: 1.1rem;
    vertical-align: super;
}

#hs .item.rel .item-block .text2{
    color: #5940bb;
}

#hs .item.rep .item-block .text2{
    color: #e9683b;
}

#hs .item .item-block .type{
    margin: 30px auto 0;
    padding: 0px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    width: 285px;
}

#hs .item .item-block .type li{
    padding: 0;
    margin: 0px;
    width: 138px;
    font-size: 1.9rem;
    line-height: 1;
    text-align: center;
    color: #FFF;
    letter-spacing: -0.05em;
}

#hs .item .item-block .type.rep-t{
    width: 100%;
    justify-content: center;
}

#hs .item .item-block .type li.rep1{
    width: 168px;
}

#hs .item .item-block .type li.rep2{
    width: 108px;
}

#hs .item .item-block .type li.rep3{
    width: 283px;
    margin-top: 8px;
}

#hs .item .item-block .type li span.t1{
    margin: 0px;
	padding: 2px;
    background-color: #5fb9a5;
    display: block;
}

#hs .item .item-block .type li span.t2{
    margin: 0px;
	padding: 8px 0px;
    display: block;
    border: 1px solid #FFF;
}

#hs .item.rel .item-block .type li span.t1{
    background-color: #9686d6;
}

#hs .item.rep .item-block .type li span.t1{
    background-color: #ef8e6c;
}

#hs .item .item-block .name-and-price{
	margin: 30px 0px 0px;
	padding: 0px;
	display:block;
    text-align: center;
}

#hs .item .item-block h3{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
	letter-spacing:normal;
}

#hs .item .item-block .price{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
}

#hs .item .item-block .btn-list{
	margin: 25px auto 0px;
	padding: 0px;
	width: 445px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#hs .item .item-block .btn-list .btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.4rem;
	line-height: 1.4rem;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width:215px;
    cursor: pointer;
}

#hs .item .item-block .btn-list .btn a span svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1.1rem;
}

#hs .item .item-beg{
    margin: 0 auto;
    padding: 80px 245px 0px 0px;
    width: 953px;
    height: 344px;
    box-sizing: border-box;
    background-image: url(../../images/special_contents/HeadScrub/20230816/frame_ref.png);
    background-repeat: no-repeat;
    position: relative;
}

#hs .item.rel .item-beg{
    background-image: url(../../images/special_contents/HeadScrub/20230816/frame_rel.png);
    background-repeat: no-repeat;
}

#hs .item.rep .item-beg{
    background-image: url(../../images/special_contents/HeadScrub/20230816/frame_rep.png);
    background-repeat: no-repeat;
}

#hs .item .item-beg.sak{
    padding: 60px 245px 0px 0px;
}

#hs .item .item-beg h3{
    font-size: 3rem;
    line-height: 1;
    text-align: center;
    color: #008b6b;
    margin: 0px;
    padding: 0px 0px 30px;
    background-image: url(../../images/special_contents/HeadScrub/20230816/t_beg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#hs .item.rel .item-beg h3{
    color: #5940bb;
}

#hs .item.rep .item-beg h3{
    color: #e9683b;
}

#hs .item .item-beg.sak h3{
    line-height: 1.2;
    padding: 0px 0px 20px;
}

#hs .item .item-beg .beg-img{
    position: absolute;
    top: 62px;
    right: 136px;
}

#hs .item .item-beg.sct .beg-img{
    position: absolute;
    top: 63px;
    right: 130px;
}

#hs .item .item-beg.hsd .beg-img{
    position: absolute;
    top: 63px;
    right: 180px;
}

#hs .item .item-beg.hhck .beg-img{
    position: absolute;
    top: 50px;
    right: 120px;
}

#hs .item .item-beg.sak .beg-img{
    position: absolute;
    top: 130px;
    right: 100px;
}

#hs .item .item-beg .limited {
    position: absolute;
    top: 12px;
    right: -38px;
    width: 80px;
    height: 80px;
    background-color: #a89968;
    border-radius: 50%;
    z-index: 15;
    padding: 3px;
    box-sizing: border-box;
}

#hs .item .item-beg.hsd .limited {
    top: 0px;
    right: -88px;
}

#hs .item .item-beg.hhck .limited {
    top: -10px;
    right: -20px;
}

#hs .item .item-beg.sak .limited {
    top: -85px;
    right: -20px;
}

#hs .item .item-beg .limited .limited-in{
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #FFF;
    border-radius: 50%;
    box-sizing: border-box;
}

#hs .item .item-beg .limited .ltext{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.1;
    margin-top: 0px;
    
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 51%;
    -webkit-transform: translateY(-51%);
    transform: translateY(-51%);
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFF;
}

#hs .item .item-beg .name-and-price{
	margin: 25px 0px 0px;
	padding: 0px;
	display:block;
    text-align: center;
}

#hs .item .item-beg h4{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
	letter-spacing:normal;
}

#hs .item .item-beg .price{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
}

#hs .item .item-beg .btn-list{
	margin: 25px auto 0px;
	padding: 0px;
	width: 402px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#hs .item .item-beg .btn-list .btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 194px;
    cursor: pointer;
}

#hs .item .item-beg .btn-list .btn a span svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1rem;
}

#hs .item .item-beg .bcs {
    margin: 25px auto 0px;
	padding: 0px;
	width: 402px;
    text-align: center;
}

#hs .item .item-beg .bbg {
    margin: 0px;
    padding: 14px 0px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
    text-decoration: none;
    position: relative;
    display: inline-block;
    background: #FFF;
    width: 194px;
    border: 1px solid #008b6b;
}

#hs .item .item-beg-slider{
	margin: 36px auto 0;
	padding: 0px;
	width: 1040px;
    position: relative;
}

#hs .item .item-beg-slider .slick-arrow {
	position: absolute;
	top: 170px;
	width: 46px;
	height: 46px;
	font-size: 0;
	cursor: pointer;
	outline: none;
	z-index:50;
    display: block;
}

#hs .item .item-beg-slider .slick-prev {
    left: 43px;
    background-repeat: no-repeat;
    background-image: url(../../images/special_contents/HeadScrub/20230816/arrow_prev.svg);
    background-position: 0px 0px;
    background-size: 100% 100%;
    transition: unset;
    border-width: 0px;
    border-style: none;
    cursor: pointer;
    opacity: 1;
}

#hs .item .item-beg-slider .slick-next {
    right: 43px;
    background-repeat: no-repeat;
    background-image: url(../../images/special_contents/HeadScrub/20230816/arrow_next.svg);
    background-position: 0px 0px;
    background-size: 100% 100%;
    transition: unset;
    border-width: 0px;
    border-style: none;
    cursor: pointer;
    opacity: 1;
}

#hs .item .item-beg-slider .slick-prev:after {
	display: none;
}

#hs .item .item-beg-slider .slick-next:after {
	display: none;
}




#hs .item .beg-notes{
	margin: 10px auto 0px;
	padding: 0px;
	font-size: 1.2rem;
	line-height:1;
    width: 900px;
}

#hs .item .ref-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 61px;
    left: 0px;
    width: auto;
}

#hs .item .ref-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

#hs .item .ref-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
}

#hs .item .ref-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 17px;
    right: 0px;
    width: auto;
}

#hs .item .rel-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 14px;
    left: 0px;
    width: auto;
}

#hs .item .rel-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 13px;
    right: 0px;
    width: auto;
}

#hs .item .rel-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: auto;
}

#hs .item .rel-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: auto;
}

#hs .item .rep-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
}

#hs .item .rep-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

#hs .item .rep-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
}

#hs .item .rep-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: auto;
}

#hs .special-kit{
    margin: 0;
    padding: 60px 0px 40px;
    background-color: #fffbee;
}

#hs .special-kit h2{
    margin: 0;
    padding: 0px 0px 45px;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
    background-image: url(../../images/special_contents/HeadScrub/20230816/t_fra.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#hs .special-kit .sk-nav{
    margin: 28px auto 0;
    padding: 0px;
    width: 870px;
    height: 73px;
    position: relative;
}

#hs .special-kit .sk-nav ul{
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-size:0;
    position: relative;
    width: 870px;
    height: 73px;
    overflow: visible;
}

#hs .special-kit .sk-nav ul li{
    width: 291px;
    height: 73px;
    /*position: absolute;
    top: 0;*/
    letter-spacing: -0.05em;
}

#hs .special-kit .sk-nav ul li.n1{
    left: 0;
}

#hs .special-kit .sk-nav ul li.n2{
    left: 291px;
}

#hs .special-kit .sk-nav ul li.n3{
    right: 0;
}

#hs .special-kit .sk-nav ul li a{
    margin: 0px;
	padding: 22px 0px 0px;
    box-sizing: border-box;
    text-align: center;
    color: #FFF;
    font-size: 2.3rem;
    line-height: 1;
    font-weight: 600;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 73px;
}

#hs .special-kit .sk-nav ul li a .font-yumin{
    font-size: 1.5rem;
}

#hs .special-kit .sk-nav ul li.n1 a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/btn_ref.png);
    background-repeat: no-repeat;
    color: #008b6b;
}

#hs .special-kit .sk-nav ul li.n1.slick-current a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/btn_ref_on.png);
    background-repeat: no-repeat;
    color: #FFF;
}

#hs .special-kit .sk-nav ul li.n2 a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/btn_rel.png);
    background-repeat: no-repeat;
    color: #5940bb;
}

#hs .special-kit .sk-nav ul li.n2.slick-current a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/btn_rel_on.png);
    background-repeat: no-repeat;
    color: #FFF;
}

#hs .special-kit .sk-nav ul li.n3 a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/btn_rep.png);
    background-repeat: no-repeat;
    color: #e9683b;
}

#hs .special-kit .sk-nav ul li.n3.slick-current a{
    background-image: url(../../images/special_contents/HeadScrub/20230816/btn_rep_on.png);
    background-repeat: no-repeat;
    color: #FFF;
}

#hs .special-kit .sk-slider{
    width: 995px;
    margin: 35px auto 0px;
	padding: 0px;
    position: relative;
}

#hs .special-kit .sk-slider ul{
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-size:0;
    position: relative;
    width: 995px;
    overflow: visible;
}

#hs .special-kit .sk-slider ul li{
	display: inline-block;
	margin: 0px;
	padding: 70px 0px 2px 380px;
	width: 100%;
    height: 476px;
	vertical-align:top;
    position: relative;
    box-sizing: border-box;
}

#hs .special-kit .sk-slider ul li.sk1{
    background-image: url(../../images/special_contents/HeadScrub/20230816/sk_frame_ref.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#hs .special-kit .sk-slider ul li.sk2{
    background-image: url(../../images/special_contents/HeadScrub/20230816/sk_frame_rel.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#hs .special-kit .sk-slider ul li.sk3{
    background-image: url(../../images/special_contents/HeadScrub/20230816/sk_frame_rep.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#hs .special-kit .sk-slider h3{
    font-size: 2.2rem;
    line-height: 1.6;
    text-align: center;
    color: #008b6b;
    margin: 0px;
    padding: 0px;
}

#hs .special-kit .sk-slider .sk2 h3{
    color: #5940bb;
}

#hs .special-kit .sk-slider .sk3 h3{
    color: #e9683b;
}

#hs .special-kit .sk-slider .sk-img{
    position: absolute;
    top: 133px;
    left: 90px;
}

#hs .special-kit .sk-slider .sk-img .rel{
	margin: 0px;
	padding: 0px;
	position: relative;
    display: block;
}

#hs .special-kit .sk-slider .sk-img .limited {
    position: absolute;
    top: 31px;
    right: 9px;
    width: 80px;
    height: 80px;
    background-color: #a89968;
    border-radius: 50%;
    z-index: 15;
    padding: 3px;
    box-sizing: border-box;
}

#hs .special-kit .sk-slider .sk-img .limited .limited-in{
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #FFF;
    border-radius: 50%;
    box-sizing: border-box;
}

#hs .special-kit .sk-slider .sk-img .limited .ltext{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.1;
    margin-top: 0px;
    
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 51%;
    -webkit-transform: translateY(-51%);
    transform: translateY(-51%);
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFF;
}

#hs .special-kit .sk-slider .name-and-price{
	margin: 20px 0px 0px;
	padding: 0px;
	display:block;
    text-align: center;
}

#hs .special-kit .sk-slider h4{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
	letter-spacing:normal;
}

#hs .special-kit .sk-slider .price{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
}

#hs .special-kit .sk-slider .btn-list{
	margin: 20px auto 0px;
	padding: 0px;
	width: 400px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#hs .special-kit .sk-slider .btn-list .btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 194px;
    cursor: pointer;
}

#hs .special-kit .sk-slider .btn-list .btn a span svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1rem;
}

#hs .special-kit .sk-slider .kit-text{
	margin: 25px auto 0px;
	padding: 20px 0px;
    width: 400px;
    background-color:rgba(255,255,255,0.4);
    position: relative;
}

#hs .special-kit .sk-slider .kit-text h5{
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
}

#hs .special-kit .sk-slider .sk2 .kit-text h5{
    color: #5940bb;
}

#hs .special-kit .sk-slider .sk3 .kit-text h5{
    color: #e9683b;
}

#hs .special-kit .sk-slider .kit-text p.kit-t{
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px 35px;
	font-size: 1.2rem;
	line-height: 1.4;
    letter-spacing: -0.05em;
}

#hs .special-kit .sk-slider .slick-arrow {
	position: absolute;
	top: 235px;
	width: 46px;
	height: 46px;
	font-size: 0;
	cursor: pointer;
	outline: none;
	z-index:50;
    display: block;
}

#hs .special-kit .sk-slider .slick-prev {
    left: 20px;
    background-repeat: no-repeat;
    background-image: url(../../images/special_contents/HeadScrub/20230816/arrow_prev.svg);
    background-position: 0px 0px;
    background-size: 100% 100%;
    transition: unset;
    border-width: 0px;
    border-style: none;
    cursor: pointer;
    opacity: 1;
}

#hs .special-kit .sk-slider .slick-next {
    right: 20px;
    background-repeat: no-repeat;
    background-image: url(../../images/special_contents/HeadScrub/20230816/arrow_next.svg);
    background-position: 0px 0px;
    background-size: 100% 100%;
    transition: unset;
    border-width: 0px;
    border-style: none;
    cursor: pointer;
    opacity: 1;
}

#hs .special-kit .sk-slider .slick-prev:after {
	display: none;
}

#hs .special-kit .sk-slider .slick-next:after {
	display: none;
}


#hs .special-kit .limited-gift{
	margin: 80px 0px 0px;
	padding: 0px;
}

#hs .special-kit .limited-gift .lg-block {
	margin: 3px auto 0px;
	padding: 0px 0 0 375px;
    width: 775px;
    position: relative;
}

#hs .special-kit .limited-gift .lg-block.mt {
	margin: 20px auto 0px;
}

#hs .special-kit .limited-gift .lg-block .lk-img{
    position: absolute;
    top: 0px;
    left: 30px;
}

#hs .special-kit .limited-gift .lg-block.mt .lk-img{
    position: absolute;
    top: 20px;
    left: 40px;
    width: 250px;
}

#hs .special-kit .limited-gift .lg-block.mt .lk-img:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	-webkit- transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #e2f0d9;
    content: "";
}

#hs .special-kit .limited-gift .lg-block .lk-img .rel{
	margin: 0px;
	padding: 0px;
	position: relative;
    display: block;
}

#hs .special-kit .limited-gift .lg-block .lk-img .limited {
    position: absolute;
    top: 10px;
    right: -27px;
    width: 80px;
    height: 80px;
    background-color: #a89968;
    border-radius: 50%;
    z-index: 15;
    padding: 3px;
    box-sizing: border-box;
}

#hs .special-kit .limited-gift .lg-block.mt .lk-img .limited {
    top: -30px;
    right: -85px;
}

#hs .special-kit .limited-gift .lg-block .lk-img .limited .limited-in{
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #FFF;
    border-radius: 50%;
    box-sizing: border-box;
}

#hs .special-kit .limited-gift .lg-block .lk-img .limited .ltext{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.1;
    margin-top: 0px;
    
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 51%;
    -webkit-transform: translateY(-51%);
    transform: translateY(-51%);
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFF;
}

#hs .special-kit .limited-gift .lg-block .name-and-price{
	margin: 0px;
	padding: 20px 0px 0px;
	display:block;
    text-align: center;
}

#hs .special-kit .limited-gift .lg-block h3{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
	letter-spacing:normal;
}

#hs .special-kit .limited-gift .lg-block .price{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight:400;
}

#hs .special-kit .limited-gift .lg-block .btn-list{
	margin: 20px auto 0px;
	padding: 0px;
	width: 400px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#hs .special-kit .limited-gift .lg-block .btn-list .btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 194px;
    cursor: pointer;
}

#hs .special-kit .limited-gift .lg-block .btn-list .btn a span svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1rem;
}

#hs .special-kit .limited-gift .lg-block .kit-text{
	margin: 30px auto 0px;
	padding: 20px 0px;
    width: 400px;
    background-color:rgba(255,255,255,0.4);
    position: relative;
}

#hs .special-kit .limited-gift .lg-block .kit-text h4{
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
}

#hs .special-kit .limited-gift .lg-block .kit-text p.kit-t{
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px 35px;
	font-size: 1.2rem;
	line-height: 1.4;
    letter-spacing: -0.05em;
}

#hs .special-kit .sk-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
}

#hs .special-kit .sk-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

#hs .special-kit .sk-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 681px;
    left: 0px;
    width: auto;
}

#hs .special-kit .sk-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 705px;
    right: 0px;
    width: auto;
}

#hs .special-kit .sk-obj5{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
}

#hs .special-kit .sk-obj6{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: auto;
}


#hs .special-gift{
    margin: 0;
    padding: 80px 0 64px;
    background-color: #ebf3ee;
}

#hs .special-gift .sg-block{
    margin: 0 auto;
    padding: 0px 300px 0 0;
    position: relative;
    width: 816px;
    box-sizing: border-box;
}

#hs .special-gift .sg-block h2{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
    
}

#hs .special-gift .sg-block .senko{
    margin: 10px auto 0;
	padding: 11px 0px 0px;
    text-align: center;
    font-size: 2.1rem;
    line-height: 1;
    font-weight: 600;
    width: 213px;
    height: 40px;
    box-sizing: border-box;
    color: #FFF;
    background-image: url(../../images/special_contents/HeadScrub/20230816/label_senko.png);
    background-repeat: no-repeat;
}

#hs .special-gift .sg-block .text{
    margin: 35px auto 0;
	padding: 0px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight: 600;
}

#hs .special-gift .sg-block .text2{
    margin: 10px auto 0;
	padding: 0px;
    text-align: center;
    font-size: 2.9rem;
    line-height: 1.3;
    font-weight: 600;
    color: #008b6b;
    letter-spacing: -0.1em;
}

#hs .special-gift .sg-block .text2 span{
    font-size: 2.5rem;
}

#hs .special-gift .sg-block .img{
    position: absolute;
    top: -8px;
    right: 55px;
}

#hs .special-gift .sg-block .nt{
    margin: 15px auto 0;
	padding: 0px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
}

#hs .special-gift .sg-component{
	margin: 50px auto 0;
	padding: 0px;
	width: 816px;
    position: relative;
}

#hs .special-gift .sg-component-in{
	margin: 0;
	padding: 0px;
    position: relative;
}

#hs .special-gift .sg-component h3{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#hs .special-gift .sg-component h3 a{
	padding: 15px 0px;
	font-size: 1.8rem;
	line-height:1;
	font-weight:400;
    display: block;
	position:relative;
    text-decoration: none;
    border-top: 1px solid #008b6b;
    border-bottom: 1px solid #008b6b;
    color: #008b6b;
}

#hs .special-gift .sg-component h3 a .icon {
    font-size: 3rem;
    text-decoration: none;
	position: absolute;
    top: 52%;
    right: 10px;
    
    transform: translateY(-52%);
	-webkit- transform: translateY(-52%);
    font-weight: 400;
    display: inline-block;
}

#hs .special-gift .sg-component h3 a .plus{
	display:block;
}

#hs .special-gift .sg-component h3 a .minus {
	display:none;
}

#hs .special-gift .sg-component.open h3 a .plus{
	display:none;
}

#hs .special-gift .sg-component.open h3 a .minus {
	display:block;
}

#hs .special-gift .sg-component-more{
    padding: 14px 70px 0px;
    display: none;
    margin: 0px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#hs .special-gift .sg-component-more ul{
    padding: 0px;
    margin: 0px;
}

#hs .special-gift .sg-component-more ul li{
    padding: 0px 0 0 15px;
    margin: 6px 0px 0px;
    font-size: 1.2rem;
    line-height: 1.5;
    position: relative;
    text-align: left;
    letter-spacing: -0.03em;
}

#hs .special-gift .sg-component-more ul li:before {
	position:absolute;
	top:0px;
    left: 0px;
    content: "※";
}

#hs .special-gift .sg-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
}

#hs .special-gift .sg-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

#hs .special-gift .sg-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 152px;
    left: 0px;
    width: auto;
}

#hs .special-gift .sg-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 149px;
    right: 0px;
    width: auto;
}

#hs .special-gift .sg-obj5{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
}

#hs .special-gift .sg-obj6{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: auto;
}



#hs .event{
    margin: 0;
    padding: 90px 0 80px;
    /*background-color: #fffbee;*/
    background-color: #ebf3ee;
}

#hs .event .event-flex{
    margin: 0 auto;
    padding: 0px;
    width: 1065px;
    display: flex;
	justify-content: space-between;
    align-items: center;
}

#hs .event .event-flex .event-left{
    margin: 0;
    padding: 5px 0px 0px;
    width: 580px;
}

#hs .event .event-flex .event-left h2{
    margin: 0;
    padding: 0px 0 35px;
    text-align: center;
    font-size: 4.2rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
    background-image: url(../../images/special_contents/HeadScrub/20230921/t_event.png);
    background-size: 76px auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    letter-spacing: -0.02em;
}

#hs .event .event-flex .event-left .collabo{
    margin: 0;
    padding: 50px 0 0px;
    text-align: center;
    font-size: 3.8rem;
    line-height: 1;
    font-weight: 600;
    color: #5b4910;
}

#hs .event .event-flex .event-left .text{
    margin: 0;
    padding: 30px 0 0px;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.5;
    font-weight: 600;
    color: #5b4910;
    letter-spacing: -0.02em;
}

#hs .event .event-flex .event-right{
    margin: 0;
    padding: 0px;
    width: 485px;
    position: relative;
}

#hs .event .event-flex .event-right .img{
    margin: 0;
    padding: 0px;
}

#hs .event .event-flex .event-right .notes{
    margin: 0;
    padding: 0px;
    width: 408px;
    font-size: 1.2rem;
    line-height: 1;
    text-align: right;
    position: absolute;
    bottom: -20px;
    left: 0px;
}

#hs .event .event-detail{
    margin: 58px auto 0;
    padding: 0px;
    width: 912px;
    height: 142px;
    background-image: url(../../images/special_contents/HeadScrub/20230921/frame_event.png);
    background-repeat: no-repeat;
}

#hs .event .event-detail h3{
    margin: 0;
    padding: 30px 0px 0px;
    font-size: 2.2rem;
    line-height: 1;
    text-align: center;
    color: #008b6b;
    font-weight: 600;
}

#hs .event .event-detail .detail{
    margin: 15px auto 0;
    padding: 15px 2px 0px;
    background-image: url(../../images/special_contents/HeadScrub/20230921/line_event.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: flex;
	justify-content: space-between;
    width: 723px;
    box-sizing: border-box;
}

#hs .event .event-detail .detail dl{
    margin: 0;
    padding: 0px;
    display: table;
    font-size: 1.5rem;
    line-height: 1;
}

#hs .event .event-detail .detail dl dt{
    margin: 0;
    padding: 5px 10px 3px;
    display: table-cell;
    background-color: #a89968;
    color: #FFF;
}

#hs .event .event-detail .detail dl dd{
    margin: 0;
    padding: 5px 0px 3px 10px;
    display: table-cell;
}

#hs .event .text2{
    margin: 0;
    padding: 25px 0px 0px;
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.7;
}

#hs .event .btn{
	margin: 45px auto 0px;
	padding: 0px;
	width: 215px;
}

#hs .event .btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 100%;
    cursor: pointer;
}

#hs .event .btn a svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1.1rem;
}

#hs .event .event-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
}

#hs .event .event-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 153px;
    right: 0px;
    width: auto;
}

#hs .event .event-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 8px;
    width: auto;
}

#hs .event .event-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: auto;
}

#hs .event .event-obj5{
    margin: 0;
    padding: 0;
    position: absolute;
    top: -30px;
    left: 15px;
    width: auto;
}

#hs .event .event-obj6{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 83px;
    left: 490px;
    width: auto;
}









#hs .special-movie{
    margin: 0;
    padding: 60px 0 20px;
    /*background-color: #fffbee;*/
}

#hs .special-movie h2{
    margin: 0;
    padding: 0px 0px 45px;
    text-align: center;
    font-size: 6.4rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
    background-image: url(../../images/special_contents/HeadScrub/20230816/t_fra.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    
}

#hs .special-movie .movie-rel{
	margin: 36px auto 0;
	padding: 0px;
	width: 700px;
    position: relative;
    box-sizing: border-box;
}

#hs .special-movie .movie-area-in {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#hs .special-movie .movie-area-in iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#hs .special-movie .sm-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 4px;
    width: auto;
}

#hs .special-movie .sm-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

#hs .special-movie .sm-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
    width: auto;
}

#hs .quiz{
    margin: 0;
    padding: 90px 0px;
    /*background-color: #fffbee;*/
    background-color: #ebf3ee;
}

#hs .quiz .quiz-inner{
    margin: 0 auto;
    padding: 0px;
    position: relative;
    width: 1040px;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
}

#hs .quiz .img-outer{
    margin: 0px;
	padding: 0px;
    width: 524px;
    position: relative;
}

#hs .quiz .img{
    margin: 0px;
	padding: 0px;
}

#hs .quiz .quiz-detail{
    margin: 0px;
	padding: 0px;
    width: 510px;
}

#hs .quiz .en{
    margin: 0px;
	padding: 0px;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    color: #a89968;
}

#hs .quiz h2.h2{
    margin: 0px;
	padding: 20px 0px 45px;
    font-size: 4rem;
    line-height: 1.2;
    text-align: center;
    color: #008b6b;
    background-image: url(../../images/special_contents/HeadScrub/20230816/t_fra.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#hs .quiz .label{
    margin: 25px auto 0px;
	padding: 12px 0px 0px;
    font-size: 1.9rem;
    line-height: 1;
    text-align: center;
    color: #008b6b;
    background-image: url(../../images/special_contents/HeadScrub/20230901/quiz_label.png);
    background-repeat: no-repeat;
    width: 211px;
    height: 40px;
    font-weight: 600;
}

#hs .quiz .text{
    margin: 0px;
	padding: 20px 0px 0px;
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
}

#hs .quiz .btn{
	margin: 25px auto 0px;
	padding: 0px;
	width: 215px;
}

#hs .quiz .btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 100%;
}

#hs .quiz .btn a svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1.2rem;
}

#hs .quiz .quiz-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
}

#hs .quiz .quiz-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

#hs .quiz .quiz-obj3{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: auto;
}

#hs .quiz .quiz-obj4{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: auto;
}

#hs .quiz .quiz-obj5{
    margin: 0;
    padding: 0;
    position: absolute;
    top: -10px;
    left: -16px;
    width: auto;
}

#hs .quiz .quiz-obj6{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -13px;
    right: -14px;
    width: auto;
}


/*modal*/

.font-capito-news2 {
    font-family: 'capitolium-news-2', serif;
}

body.modaal-noscroll {
    overflow: hidden;
}

.wh100{
    width: 100%;
	height: 100%;
}

.wh100-l{
    width: 100%;
	height: 100%;
    /*height: calc(var(--vh, 1vh) * 100);*/
}

.wh100-pd{
    padding: 0;
}

.modal{
    display: none;
    /*display: block;*/
	position: fixed;
	top: 0;
	left: 0;
    z-index: 2200000000 !important;
	overflow-y: auto;
    background-color: #fffbee;
}

.modal .closeBtn {
    position: absolute;
    right: 2.2vw;
    top: 2.2vw;
    z-index: 20;
}

.modal .closeBtn a{
    width: 3.5vw;
    height: 3.5vw;
    background-color: #a89968;
    border-radius: 50%;
    display: flex;
    align-items: center;
	justify-content: center;
}

.modal .closeBtn img{
    width: 1.4vw;
    height: auto;
}

.quiz-modal-bg{
    margin: 0px;
	padding: 0px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    display: block;
    position: relative;
    height: 100%;
}

.quiz-modal-bg2{
    margin: 0px;
	padding: 0px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    /*position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
	-webkit- transform: translate(-50%, -50%);*/
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
}

.sp-flex{
    width: 100%;
    height: 100%;
}

.modal-pd{
	padding: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.modal-frame{
	width: 100%;
    height: 100%;
    overflow: visible;
    margin: 0 auto;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.quiz-q .modal-frame,
.quiz-r .modal-frame{
    overflow: hidden;
}

.modal-in-pd{
	padding: 0px;
}

.quiz-q .modal-in-pd{
	padding: 0px;
}

.quiz-r .modal-in-pd{
	padding: 4.9vw 0 2.1vw;
}

.h-auto.modal-pd{
    height: auto;
}

.h-auto .modal-frame{
    height: auto;
}

.h-auto .sp-flex{
    height: auto;
}

#quiz-start{
    position: relative;
    
}

.modal .start-logo{
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.modal .start-logo img{
    width: 9.9vw;
}

.modal .start-en{
    margin: 0;
    padding: 3.1vw 0 0;
    font-size: 2.2vw;
    line-height: 1;
    color: #aa9a68;
    text-align: center;
    font-weight: 600;
}

.modal h2.start-h2{
    margin: 0;
    padding: 1.4vw 0 5.9vw;
    font-size: 4.5vw;
    line-height: 1;
    text-align: center;
    color: #008d6b;
    background-image: url(../../images/special_contents/HeadScrub/20230901/op_obj3.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 12.8vw auto;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.modal .modal-lead2{
    margin: 0;
    padding: 2.4vw 0 0;
    text-align: center;
    font-size: 1.3vw;
    line-height: 1.5;
    font-weight: 600;
    width: 100%;
}

.modal .modal-btn{
	margin: 0;
	padding: 3vw 0 0;
    text-align: center;
    width: 100%;
    z-index: 10;
    position: relative;
}

.modal .modal-btn a{
    margin: 0;
    padding: 0.3vw;
    text-align: center;
    color: #FFF;
    font-size: 1.3vw;
    line-height: 1;
    text-decoration: none;
    position: relative;
    display: inline-block;
    background-color: #008d6b;
    width: 20.8vw;
}

.modal .modal-btn a span.bar{
    padding: 1.1vw 0;
    display: block;
    border: 1px solid #FFF;
}

.modal .modal-btn a span.bar svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 1.7vw;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1vw;
}

.modal .quiz-start-obj1{
    position: absolute;
    top: 1.1vw;
    left: 0.8vw;
    width: 36.7vw;
    z-index: 5;
}

.modal .quiz-start-obj2{
    position: absolute;
    bottom: 1.3vw;
    right: 0.8vw;
    width: 36.7vw;
    z-index: 5;
}

.modal .quiz-start-obj4{
    position: absolute;
    top: -0.8vw;
    right: -0.8vw;
    width: 3.3vw;
    z-index: 5;
}

.modal .quiz-start-obj5{
    position: absolute;
    bottom: -1.3vw;
    left: -1.6vw;
    width: 5.7vw;
    z-index: 5;
}


#quiz-start{
    display: block;
}

#quiz-q1{
    display: none;
}

#quiz-q2{
    display: none;
}

#quiz-q3{
    display: none;
}

#quiz-q4{
    display: none;
}

#quiz-r1{
    display: none;
}

#quiz-r2{
    display: none;
}

#quiz-r3{
    display: none;
}

.modal .q-en{
    margin: 0;
    padding: 0;
    font-size: 1.5vw;
    line-height: 1;
    color: #aa9a68;
    text-align: center;
    font-weight: 600;
}

.modal h2.q-h2{
    margin: 0;
    padding: 1vw 0 0;
    font-size: 2vw;
    line-height: 1;
    text-align: center;
    color: #008d6b;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.modal h3.q-h3{
    margin: 2.4vw auto 0;
	padding: 0;
    font-size: 2.6vw;
    line-height: 1;
    color: #a89968;
    font-weight: 600;
    width: 76.4vw;
    display: flex;
    align-items: center;
    text-align: center;
}

.modal h3.q-h3:before,
.modal h3.q-h3:after {
	border-top: 1px solid #a89968;
	content: "";
	flex-grow: 1;
}

.modal h3.q-h3:before{
    margin-right: 1.9vw;
}

.modal h3.q-h3:after{
    margin-left: 1.9vw;
}

.modal .q-text{
    margin: 0 auto;
	padding: 1.8vw 0 0;
    font-size: 1.9vw;
    line-height: 1;
    color: #2d1d14;
    font-weight: 600;
    width: 100%;
    text-align: center;
    letter-spacing: -0;
}

.modal .q-select{
    margin: 1.7vw auto 0;
    padding: 0.7vw 0 0;
    font-size: 1.4vw;
    line-height: 1;
    color: #FFF;
    font-weight: 600;
    width: 17.2vw;
    height: 2.6vw;
    text-align: center;
    letter-spacing: -0.02em;
    background-image: url(../../images/special_contents/HeadScrub/20230901/label_select.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.modal .q-answer{
    margin: 0 auto;
	padding: 2.4vw 0 0;
    width: 76.4vw;
    border-bottom: 1px solid #a89968;
}

.modal .q-answer-list{
    margin: 0 auto;
	padding: 0;
    width: 66.1vw;
    height: 22.5vw;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.modal #quiz-q3 .q-answer-list,
.modal #quiz-q4 .q-answer-list{
    width: 49.5vw;
}

.modal .q-answer-list li{
    margin: 0;
	padding: 0;
    width: 16.5vw;
    text-align: center;
}

.modal .q-answer-list li a{
    margin: 0;
	padding: 0;
    display: block;
    text-decoration: none;
}

.modal .q-answer-list li .q-answer-img{
    width: 13.2vw;
    margin: 0 auto;
	padding: 0;
}

.modal .q-answer-list li .q-answer-text{
    font-size: 1.3vw;
    line-height: 1.5;
    margin: 0;
	padding: 0.6vw 0 0;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.modal .q-footer-out{
    margin: 0px;
	padding: 0;
    width: 100%;
}

.modal .q-footer-out .q-footer{
    margin: 1.2vw auto 0;
	padding: 0;
    width: 76.4vw;
    text-align: center;
    position: relative;
}

.modal .q-footer-out .q-footer .q-footer-back{
    margin: 0px;
	padding: 0px;
    position: absolute;
    top: 0vw;
    left:0px;
}

.modal .q-footer-out .q-footer .q-footer-back a{
    margin: 0px;
	padding: 0px;
    display: block;
    text-decoration: none;
    color: #a18b4f;
    font-size:1.3vw;
    line-height: 1;
}

.modal .q-footer-out .q-footer .q-footer-back a svg{
	margin: 0 0.7vw 0 0;
	padding: 0px;
    font-size:1vw;
}

.modal .q-footer-out .q-footer .q-footer-num{
    margin: 0px;
	padding: 0px;
    color: #a18b4f;
    font-size:1.3vw;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.2em;
}

.modal .quiz-q-obj1{
    position: absolute;
    top: 1.1vw;
    left: 1.1vw;
    width: 15.7vw;
    z-index: 5;
}

.modal .quiz-q-obj2{
    position: absolute;
    bottom: 1.3vw;
    right: 1.5vw;
    width: 15.3vw;
    z-index: 5;
}


#quiz-r1{
    background-color: #eefffb;
}

#quiz-r2{
    background-color: #f2efff;
}

#quiz-r3{
    background-color: #fee6de;
}

.modal .r-area{
    margin: 0;
	padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.modal .r-head{
    margin: 0 auto;
	padding: 0;
    width: 68.4vw;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.modal .r-area .quiz-r-img{
    margin: 0;
	padding: 0 0 0 3.6vw;
    width: 31.3vw;
    box-sizing: border-box;
}

.modal .r-area .r-head-detail{
    margin: 0;
	padding: 0;
    width: 36.8vw;
    text-align: center;
    position: relative;
}

.modal .quiz-r-text1{
    margin: 0;
	padding: 0;
    font-size: 1.5vw;
    line-height: 1;
    font-weight: 600;
}

.modal .quiz-r-text2{
    margin: 0;
    padding: 0.8vw 0 2.3vw;
    font-size: 2.4vw;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
    background-image: url(../../images/special_contents/HeadScrub/20230901/a_obj1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 3.5vw auto;
    letter-spacing: -0.02em;
}

.modal #quiz-r2 .quiz-r-text2{
    color: #5940bb;
}

.modal #quiz-r3 .quiz-r-text2{
    color: #e9683b;
}

.modal .quiz-r-text3{
    margin: 0;
	padding: 1vw 0 0;
    font-size: 1.4vw;
    line-height: 1.5;
    color: #1f977a;
    /*letter-spacing: -0.02em;*/
}

.modal #quiz-r2 .quiz-r-text3{
    color: #5940bb;
}

.modal #quiz-r3 .quiz-r-text3{
    color: #e9683b;
}
.modal .quiz-r-text3 sup{
    font-size: 1vw;
    vertical-align: super;
}

.modal .quiz-r-text4{
    margin: 0;
	padding: 0.8vw 0 0;
    font-size: 1.2vw;
    line-height: 1.4;
    /*letter-spacing: -0.02em;*/
}

.modal .quiz-r-text4 sup{
    font-size: 1vw;
    vertical-align: super;
}

.modal .modal-btn-list{
	margin: 0;
	padding: 0;
	width: 29.4vw;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
}

.modal .modal-btn-list .modal-btn-l a{
	margin: 0;
	padding: 1vw 0;
	text-align: center;
	color: #FFF;
	font-size: 1vw;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 13.9vw;
    cursor: pointer;
}

.modal .modal-btn-list .modal-btn-l a svg{
	margin: 0;
	padding: 0;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 1.1vw;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size: 0.6vw;
}

.modal .r-step4{
    margin: 3.2vw auto 0;
    padding: 3vw 0 0;
    position: relative;
    box-sizing: border-box;
    width: 62.8vw;
    height: 22.6vw;
    background-image: url(../../images/special_contents/HeadScrub/20230901/frame_mint.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.modal #quiz-r2 .r-step4{
    background-image: url(../../images/special_contents/HeadScrub/20230901/frame_lavender.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.modal #quiz-r3 .r-step4{
    background-image: url(../../images/special_contents/HeadScrub/20230901/frame_geranium.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.modal .r-step4 h3{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1;
    color: #aa9a68;
}

.modal .r-step4 ul{
    margin: 1vw auto 0;
    padding: 0;
    position: relative;
    width: 48.6vw;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.modal .r-step4 ul li{
    margin: 0;
    padding: 0;
    width: 10vw;
    position: relative;
}

/*.modal .r-step4 ul li:after{
    margin: 0;
    padding: 0;
    width: 0.8vw;
    height: 1.3vw;
    content: "";
    position: absolute;
    top: 3.4vw;
    right: -1.9vw;
    background-image: url(../../images/sp/special_contents/HeadScrub/20230901/step_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.modal .r-step4 ul li.s4-4:after{
    display: none;
}*/

.modal .r-step4 ul li .s4-img{
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.modal .r-step4 ul li .s4-img a{
    display: block;
}

.modal .r-step4 ul li .s4-img span.rel{
    display: flex;
    width: 100%;
    height: 7.4vw;
    flex-wrap: wrap;
	justify-content: center;
    align-items: flex-end;
}

.modal .r-step4 ul li .s4-img img{
    width: 6.6vw;
}

.modal .r-step4 ul li .s4-img span.s4-obj{
    width: 3.5vw;
    position: absolute;
    bottom: 0.6vw;
    right: 0.4vw;
}

.modal #quiz-r2 .r-step4 ul li .s4-img span.s4-obj{
    width: 4.5vw;
    position: absolute;
    bottom: -0.3vw;
    right: -0.4vw;
}

.modal #quiz-r3 .r-step4 ul li .s4-img span.s4-obj{
    width: 2.6vw;
    position: absolute;
    bottom: 0.5vw;
    right: 1.1vw;
}

.modal .r-step4 ul li .s4-img .s4-rank{
    position: absolute;
    top: 1vw;
    left: 0.7vw;
    font-size: 2.1vw;
    line-height: 1;
    color: #aa9a68;
    font-weight: 400;
}

.modal .r-step4 ul li .s4-name{
    font-size: 1vw;
    line-height: 1.2;
    color: #008b6b;
    text-align: center;
    margin: 0;
	padding: 0.2vw 0;
    width: 100%;
    /*height: 3.2vw;*/
    display: flex;
	justify-content: center;
    align-items: center;
}

.modal #quiz-r2 .r-step4 ul li .s4-name{
    color: #5940bb;
}

.modal #quiz-r3 .r-step4 ul li .s4-name{
    color: #e9683b;
}

.modal .r-step4 ul li .s4-btn{
	margin: 0;
	padding: 0;
	width: 100%;
}

.modal .r-step4 ul li .s4-btn a{
	margin: 0;
	padding: 1vw 0.3vw 1vw 0;
	text-align: center;
	color: #FFF;
	font-size: 1vw;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 100%;
    cursor: pointer;
    box-sizing: border-box;
}

.modal .r-step4 ul li .s4-btn a svg{
	margin: 0;
	padding: 0;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0.6vw;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size: 0.6vw;
}

.modal .r-step4-notes{
    font-size: 0.8vw;
    line-height: 1.3;
    margin: 0 auto;
	padding: 0.7vw 0 0;
    width: 57.9vw;
    text-align: left;
}

.modal .more{
    font-size: 1.3vw;
    line-height: 1;
    margin: 0;
	padding: 0;
}

.modal #quiz-r3 .more{
    margin: -1.3vw 0 0;
}

.modal .more a{
    color: #a3935f;
    text-decoration: underline;
}

.modal #quiz-r1 .quiz-r-obj1{
    position: absolute;
    top: 0;
    left: 0;
    width: 8.1vw;
    z-index: 5;
}

.modal #quiz-r1 .quiz-r-obj2{
    position: absolute;
    top: 11.3vw;
    right: 0;
    width: 10.1vw;
    z-index: 5;
}

.modal #quiz-r1 .quiz-r-obj3{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 17.2vw;
    z-index: 5;
}

.modal #quiz-r1 .quiz-r-obj4{
    position: absolute;
    bottom: 0;
    right: 0.2vw;
    width: 14vw;
    z-index: 5;
}

.modal #quiz-r2 .quiz-r-obj1{
    position: absolute;
    top: 0;
    left: 0;
    width: 16.7vw;
    z-index: 5;
}

.modal #quiz-r2 .quiz-r-obj2{
    position: absolute;
    top: 18.5vw;
    right: 0;
    width: 9.9vw;
    z-index: 5;
}

.modal #quiz-r2 .quiz-r-obj3{
    position: absolute;
    bottom: 0;
    left: 0.4vw;
    width: 17.2vw;
    z-index: 5;
}

.modal #quiz-r2 .quiz-r-obj4{
    position: absolute;
    bottom: 0;
    right: 1.2vw;
    width: 16vw;
    z-index: 5;
}

.modal #quiz-r3 .quiz-r-obj1{
    position: absolute;
    top: 0;
    left: 0;
    width: 17.1vw;
    z-index: 5;
}

.modal #quiz-r3 .quiz-r-obj2{
    position: absolute;
    top: 16.6vw;
    right: 0;
    width: 10.1vw;
    z-index: 5;
}

.modal #quiz-r3 .quiz-r-obj3{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 18.1vw;
    z-index: 5;
}

.modal #quiz-r3 .quiz-r-obj4{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18.1vw;
    z-index: 5;
}


#hs .banner-area{
    margin: 0px;
	padding: 90px 0px;
}

#hs .banner-area .bn-liveshopping{
    margin: 0px auto;
	padding: 0px;
    width: 912px;
}

#hs .banner-area .bn-liveshopping a{
    margin: 0px;
    padding: 50px 350px 0 0px;
    width: 100%;
    height: 346px;
    display: block;
    background-image: url(../../images/special_contents/HeadScrub/20230901_2/bn_liveshopping.jpg);
    background-repeat: no-repeat;
    box-sizing: border-box;
    text-decoration: none;
}

#hs .banner-area .bn-liveshopping .en{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 5rem;
    line-height: 1;
    color: #a28931;
    font-weight: 600;
}

#hs .banner-area .bn-liveshopping h2{
    margin: 0px;
    padding: 15px 0px 0px;
    text-align: center;
    font-size: 2rem;
    line-height: 1;
    color: #a28931;
    font-weight: 600;
}

#hs .banner-area .bn-liveshopping .text{
    margin: 0px;
    padding: 20px 0px 0px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #5b4910;
    letter-spacing: -0.05em;
}

#hs .banner-area .bn-liveshopping .btn{
	margin: 20px auto 0px;
	padding: 0px;
	width: 194px;
}

#hs .banner-area .bn-liveshopping .btn span{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #a89654;
	width: 100%;
    cursor: pointer;
}

#hs .banner-area .bn-liveshopping .btn span svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1.1rem;
}


#hs .instgram{
	margin: 0px;
	padding: 70px 0px 80px;
	/*background-color: #ebf3ee;*/
    background-color: #fffbee;
}

#hs .instgram h2 {
    margin: 0;
    padding: 0px 0px 55px;
    text-align: center;
    font-size: 5rem;
    line-height: 1;
    font-weight: 600;
    color: #008b6b;
    background-image: url(../../images/special_contents/HeadScrub/20230816/t_fra.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

#hs .instgram h2 span{
    font-size: 6.4rem;
    letter-spacing: 0.05em;
}

#hs .instgram .text{
    margin: 0;
    padding: 35px 0px 0px;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 400;
}

#hs .instgram .text a{
    color: #008b6b;
    text-decoration: none;
}

#hs .instgram .btn{
	margin: 58px auto 0px;
	padding: 0px;
	width: 215px;
}

#hs .instgram .btn a{
	margin: 0px;
	padding: 14px 0px;
	text-align: center;
	color: #FFF;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #008b6b;
	width: 100%;
    cursor: pointer;
}

#hs .instgram .btn a svg{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
    font-size:1.1rem;
}

#hs .instgram .instgram-block{
	margin: 30px auto 0px;
	padding: 0px;
	width: 1040px;
}

#hs .bt-area{
    margin: 0px;
	padding: 20px 0px 100px;
    background-color: #fffbee;
}





#hs .c-footer{
    margin: 0px;
    padding: 0px;
}

#hs .line{
    margin: 0;
    padding: 44px 0px;
    background-color: #ebf3ee;
    /*background-color: #fffbee;*/
}

#hs .line-frame{
    margin: 0 auto;
    padding: 70px 0px 0px;
    width: 641px;
    height: 288px;
    box-sizing: border-box;
    position: relative;
    background-image: url(../../images/special_contents/HeadScrub/20230816/frame_line.png);
    background-repeat: no-repeat;
}

#hs .line h2{
    margin: 0px;
    padding: 0px;
    font-size: 2.6rem;
    line-height: 1;
    text-align: center;
}

#hs .line .text{
	margin: 0px;
    padding: 18px 0px 0px;
    font-size: 1.4rem;
    line-height: 1em;
    text-align: center;
}

#hs .line .btn{
	margin: 0px;
	padding: 23px 0px 0px;
	text-align:center;
}

#hs .line .btn a{
	margin: 0px;
	padding: 26px 0px 0px 70px;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	line-height: 1;
	text-decoration: none;
	position: relative;
	display: inline-block;
	background: #00b900;
	width:272px;
	height:70px;
	border-radius:10px;
	box-sizing:border-box;
	font-weight:600;
}

#hs .line .btn a:before{
	content: "";
	background: url(../../images/special_contents/HolidayCollection/20211014/icon_line.png?a=20211014) no-repeat center center;
    background-size: 50px auto;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #009e00;
	width: 70px;
	height:70px;
	position: absolute;
	left: 0px;
	top: 0px;
}


.sns{
    margin: 0;
    padding: 0px;
    /*background-color: #ebf3ee;*/
    background-color: #fffbee;
}

.sns-bg{
    margin: 0 auto;
    padding: 60px 0px;
    width: 704px;
    position: relative;
}

.sns .sns-obj1{
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    left: -26px;
    width: auto;
}

.sns .sns-obj2{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: -63px;
    width: auto;
}

.sns-frame{
    margin: 0 auto;
    padding: 40px 0px 25px;
    width: 640px;
    height: auto;
    box-sizing: border-box;
    background-color:rgba(255,255,255,0.4);
    position: relative;
    border-radius: 10px;
}

.sns-frame-in{
    margin: 0;
    padding: 0;
}

.sns-frame-in2{
    margin: 0;
    padding: 0;
}

.sns h3{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 3.9rem;
    line-height: 1;
    color: #a89968;
    font-weight: 600;
}

.sns .social-btn {
    margin-top: 10px;
    position: relative;
    z-index: 20;
    font-size: 0;
}

.fb-like > span {
	width: 162px !important;
}
.fb-like iframe {
	width: 162px !important;
}