body{
	margin:0;
}

#contents img {
	display: block;
	width: 100%;
	height: auto;
}

#title{
	margin:0;
}

#item-area{
	background:url(/sp/cms/onlineshop/h/beautytopic/img/season/1603/slide_bg.gif) no-repeat;
	background-size:100% auto;
}


.pagetop {
  margin: 2em auto 2em;
  width: 25.84%;
}

#bottom-banner {
  margin: 0 auto;
  width: 93.75%;
}

#btn-onlineshop {
  margin: 5% auto 2em;
  width: 75%;
 }


#slider1{
	margin-bottom: 1em;
}

.slide-title{
	position:relative;
	padding:20% 0 5%;
}
.slide-title li{
	position:absolute;
	top: 60%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
  	width:62%;
	display:none;
}

#slide-pager{
	text-align:center;
}

#slide-pager li{
	display:inline-block;
	width:21%;
	margin:0 0.5% 3%;
}

#slide-pager li a{
	display:block;
}

.slide-icon{
	position:relative;
	margin-bottom:13%;
}
.slide-icon li{
	width:92%;
	margin: 0 auto;
	display:none;
}



/* detail
----------------------------------------------------*/
.products {
	margin-bottom: 3em;
}

.item {
	margin-bottom: 3em;
}

.btn-detail {
	width: 50%;
}

.item .btn-detail {
	margin-left: 6.25%;
}

.uservoice {
	margin-bottom: 2em;
}

.point {
	position: relative;
	margin-bottom: 2em;
}

.point .btn-detail {
	position: absolute;
	bottom: 9%;
	margin-left: 6.25%;
}

.detail2 .point .btn-detail {
	bottom: 8%;
}

.detail3 .point .btn-detail,
.detail4 .point .btn-detail {
	bottom: 8.5%;
}

.detail5 .point .btn-detail {
	bottom: 9.5%;
}

.detail6 .point .btn-detail {
	bottom: 7%;
}

.detail7 .point #point1,
.detail7 .point #point2 {
    position: relative;
}

.detail7 .point #point1 .btn-detail {
    position: absolute;
	bottom: 7%;
}

.detail7 .point #point2 .btn-detail {
    position: absolute;
	bottom: 11%;
}