.font-yumin{
	font-family: YuMincho,'Yu Mincho',"Sawarabi Mincho", "メイリオ", "Meirio", "MS PGothic", "Hiragino Kaku Gothic ProN", "Osaka", "sans-serif";
}

.inview{
	opacity: 0;
}

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

.wrapper {
    display: block;
}

#spc .lp-line-bn {
    padding: 40px 5% 0px;
}



#hc{
	margin: 0px;
	padding: 0px;
}

#hc .mv{
	background: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height:auto;
}

#hc .mv h1{
	margin: 0px;
	padding: 0px;
}


#hc .mlead{
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px;
}

#hc .mlead .text{
	margin: 0px;
	padding: 15px 0px 0px;
	font-size:1.4rem;
	line-height:2.3rem;
	letter-spacing:normal;
}


#hc .item{
	margin: 20px 15px 0px;
	padding: 15px;
	width: auto;
	border: 2px solid #b49666;
}

#hc .item .tb .img{
	width:120px;
}

#hc .item .tb .td{
	padding: 0px 0px 0px 10px;
}

#hc .item .tb .td h2{
	margin: 0px;
	padding: 5px 0px 0px;
	font-weight:600;
	font-size:1.5rem;
	line-height:1.5rem;
}

#hc .item .tb .td ul{
	margin: 20px 0px 0px;
	padding: 0px;
}

#hc .item .tb .td ul li{
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 18px;
	position:relative;
	font-size: 1.3rem;
    line-height: 2rem;
}



#hc .lineup{
	margin: 20px auto;
	padding: 20px 0px 0px;
	width:100%;
}

#hc .lineup h2{
	font-size: 2.6rem;
	line-height: 2.6rem;
}

#hc .lineup h2:before {
	margin-right: 10px;
}

#hc .lineup h2:after {
	margin-left: 10px;
}

#hc .lineup ul{
	margin: 0px;
	padding: 0px;
	display: block;
	width:100%;
}

#hc .lineup ul > li{
	display: block;
	margin: 30px 0px 0px;
	padding: 0px 0px 0 40px;
	width: auto;
}

#hc .lineup ul > li.i1{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/label_01.png) no-repeat right 10px;
	background-size:100% 40px;
}

#hc .lineup ul > li.i2{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/label_02.png) no-repeat right 10px;
	background-size:100% 40px;
}

#hc .lineup ul > li.i3{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/label_03.png) no-repeat right 10px;
	background-size:100% 40px;
}

#hc .lineup ul > li.i4{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/label_04.png) no-repeat right 10px;
	background-size:100% 40px;
}

#hc .lineup ul > li.i5{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/label_05.png) no-repeat right 10px;
	background-size:100% 40px;
}

#hc .lineup ul > li.i6{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/label_06.png) no-repeat right 10px;
	background-size:100% 40px;
}

#hc .lineup ul > li .tb .img{
	width: 60px;
}

#hc .lineup ul > li .tb .data {
	margin: 0px;
	padding: 0px 0 5px 20px;
}

#hc .lineup ul > li.i1 .tb .data{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/f_01.png) no-repeat left 175px bottom;
	background-size: 80px auto;
}

#hc .lineup ul > li.i2 .tb .data{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/f_02.png) no-repeat left 175px bottom;
	background-size: 75px auto;
}

#hc .lineup ul > li.i3 .tb .data{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/f_03.png) no-repeat left 175px bottom;
	background-size: 70px auto;
}

#hc .lineup ul > li.i4 .tb .data{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/f_04.png) no-repeat left 175px bottom;
	background-size: 75px auto;
}

#hc .lineup ul > li.i5 .tb .data{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/f_05.png) no-repeat left 175px bottom;
	background-size: 70px auto;
	padding: 0px 0px 5px 20px;
}

#hc .lineup ul > li.i6 .tb .data{
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191001/f_06.png) no-repeat left 175px bottom;
	background-size: 75px auto;
	padding: 0px 0px 5px 20px;
}

#hc .lineup ul > li .tb .data h3{
	margin: 0px;
	padding: 22px 0px 0px;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#hc .lineup ul > li .tb .data .price{
	margin: 0px;
	padding: 35px 0px 0px;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#hc .lineup ul > li .tb .data .text{
	margin: 0px;
	padding: 10px 20px 0px 0px;
	font-size: 1.4rem;
	line-height:2rem;
	letter-spacing:normal;
}

#hc .lineup ul > li .tb .data .btn a{
	margin: 0px;
	padding:15px 0px;
	font-size:1.4rem;
	line-height: 1.4rem;
	width: 150px;
}

#hc .lineup ul > li .tb .data .bcs{
	margin: 10px 0 0px;
	padding: 8px 0px;
	font-size:1.1rem;
	line-height: 1.4rem;
	width: 150px;
}


#hc .mini-size{
	margin: 20px 15px 0px;
	padding: 20px 0px 0px;
	width: auto;	
}

#hc .mini-size h2{
	margin: 0px;
	padding: 13px 0px;
	font-size: 2.4rem;
	line-height: 3rem;
}

#hc .mini-size .tb{
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}

#hc .mini-size .tb .img{
	margin: 0px;
	padding: 50px 0px 0px;
	width:100%;
	display: block;
}

#hc .mini-size .tb .img .rel{
	position:relative;
}

#hc .mini-size .tb .img .item-img{
	margin: 0px;
	padding: 0px 15%;
	text-align:center;
}

#hc .mini-size .tb .img .item-price{
	margin: 0px;
	padding: 5px 0px 0px;
	text-align:center;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#hc .mini-size .tb .img .item-label{
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 5px;
	top: -10%;
	width:18%;
}

#hc .mini-size .tb .td{
	margin: 0px;
	padding: 10px 0px 30px;
	display: block;
}


#hc .mini-size .tb .td .text{
	margin: 0px;
	padding: 5px 0px 0px;
	font-size:1.4rem;
	line-height:2.4rem;
	letter-spacing:normal;
	text-align:center;
}

#hc .mini-size .tb .td .text2{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size:1.4rem;
	line-height:2.4rem;
	letter-spacing:normal;
	text-align:center;
}

#hc .mini-size .tb .td .btn{
	margin: 0px;
	padding: 20px 0px 0px;
	text-align:center;
}

#hc .mini-size .tb .td .btn a{
	margin: 0px;
	padding:20px 0px;
	text-align: center;
	color: #FFF;
	font-size:1.4rem;
	line-height: 1.4rem;
	width: 250px;
}

#hc .mini-size .tb .td .bcs{
	margin: 20px auto 0px;
	padding: 8px 0px;
	font-size:1.3rem;
	line-height: 1.8rem;
	background: #FFF;
	text-align: center;
	border: 2px solid #b79c8b;
	width: 250px;
	text-align:center;
}



#hc .campaign{
	margin: 20px 15px 0px;
	padding: 20px 0px 0px;
	width: auto;	
}

#hc .campaign h2{
	margin: 0px;
	padding: 13px 0px;
	font-size: 2rem;
	line-height: 2.6rem;
}

#hc .campaign .cbody{
	margin: 0px;
	padding: 20px;
}

#hc .campaign .tb{
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}

#hc .campaign .tb .img{
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}

#hc .campaign .tb .img .item-img{
	margin: 0px;
	padding: 0px;
}

#hc .campaign .tb .td{
	margin: 0px;
	padding: 20px 0px 0px;
	display: block;
}


#hc .campaign .tb .td .text{
	margin: 0px;
	padding: 0px 0px 0px;
	font-size:1.5rem;
	line-height:2.5rem;
	letter-spacing:normal;
}

#hc .campaign .tb .td .text2{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size:1.5rem;
	line-height:2.5rem;
	letter-spacing:normal;
}


#hc .campaign .event-sns-detail{
	margin: 20px auto 0;
	padding: 0px 15px 20px;

}

#hc .campaign .event-sns-detail ul li{
	margin: 0px;
	padding: 15px 0px 0px;
	font-size:1.5rem;
	line-height:2.5rem;
}

#hc .campaign .event-sns-detail ul li ol{
	margin: 5px 0px 0px 20px;
	padding: 0px;
	list-style: decimal;
}

#hc .campaign .event-sns-detail ul li ol li{
	margin: 5px 0px 0px;
	padding: 0px;
	list-style: decimal;
}

#hc .campaign .event-sns-detail .notes{
	margin: 0px;
	padding: 10px 0px 0px;
	font-size: 1.4rem;
	line-height:2.2rem;
}


#hc .campaign .event-sns-btn{
	margin: 30px auto 0;
	padding: 0px;
}

#hc .campaign .event-sns-btn ul{
	margin: 0px;
	padding: 0px;
	font-size:0;
	text-align:center;
}

#hc .campaign .event-sns-btn ul li{
	margin: 15px 0px 0px;
	padding: 0px;
	display:block;
	text-align:left;
}

#hc .campaign .event-sns-btn ul li a{
	display: block;
	margin: 0px auto;
	padding: 23px 13px;
	width: 230px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1.4rem;
	line-height:1.4rem;
	position: relative;
}

#hc .campaign .event-sns-btn ul li a span{
	padding: 0px 15px 0px 40px;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#hc .campaign .event-sns-btn ul li a span svg.icon{
    font-size:3.5rem;
}


#hc .campaign .event-sns-notes{
	margin: 30px 0 0;
	padding: 0px;
}

#hc .campaign .event-sns-notes h3{
	margin: 0px;
	padding: 0px;
	
}

#hc .campaign .event-sns-notes h3 a{
	display: block;
	margin: 0px;
	padding: 10px 0px;
	font-size: 1.5rem;
	line-height:1.5rem;

	
}

#hc .campaign .event-sns-notes h3 a span{
	display: inline-block;
	position: relative;
	font-size: 1.5rem;
	line-height:1.5rem;
	padding:0 10px 0px 0px;
}

#hc .campaign .event-sns-notes h3 a:hover{
	opacity:1;
}

#hc .campaign .event-sns-notes .notes-detail{
	background: #f4f3f2;
	margin: 0px;
	padding: 15px 15px 20px;
	text-align: left;
	display:none;
}

#hc .campaign .event-sns-notes .notes-detail ul li{
	margin: 3px 0px 0px;
	padding: 0px 0px 0px 8px;
	font-size: 1.3rem;
	line-height:2rem;
	background: url(../../../images/special_contents/new_handcream_1910/20191001/li_notes.png) no-repeat left top 7px;
}

#hc .campaign .event-sns-notes .notes-detail .notes{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 1.3rem;
	line-height:2rem;
}


#hc .ranking{
	margin: 30px 0 0px;
	padding: 20px 0px;
	width:100%;
}

#hc .ranking h2{
	margin: 0px;
	padding: 0px;
	background: none;
	height: auto;
	width: 100%;
	display: block;
}

#hc .ranking h2 span.flex{
	margin: 0px;
	padding: 0px;
	display: flex;
	align-items: center;
}

#hc .ranking h2 span.title{
	margin: 0px auto;
	padding: 15px 0px;
	color: #493528;
	font-size: 2rem;
	line-height: 2rem;
	font-weight: 800;
	text-align: center;
	background: url(../../../images/sp/special_contents/new_handcream_1910/20191114/t_ranking.png) no-repeat;
	background-size: 100% 100%;
	height: auto;
	width: 260px;
	display: inline-block;
}


#hc .ranking h2 span.flex:before,
#hc .ranking h2 span.flex:after {
	border-top: 1px solid #493528;
	content: "";
	flex-grow: 1;
}

#hc .ranking .in {
    margin: 0px;
    padding: 20px 0px 0px;
}