body {
  margin: 0;
}

#contents img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.title {
  position: relative;
  width: 100%;
  background: url(/sp/cms/onlineshop/h/beautytopic/img/season/1712/top/hero_bg_anime.gif) center top no-repeat;
  background-size: cover;
}

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

.title #hero-title-anime {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73%;
  transform: translate(-50%, -40%);
  z-index: 21;
}

.title #hero-title {
  position: relative;
  width: 100%;
  z-index: 20;
}

.title .hero-item {
  position: absolute;
  top: -20%;
  left: 50%;
  margin-left: -75vw;
  width: 150vw !important;
}

.title #hero-item1 {
  z-index: 30;
}

.title #hero-item2 {
  z-index: 10;
}

.title .kira {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.product {
  position: relative;
}

.product .btn-detail {
  position: absolute;
  width: 37.5%;
}

#btn-detail1-1 {
  bottom: 31.7%;
  left: 10%;
}

#btn-detail1-2 {
  bottom: 31.7%;
  right: 10%;
}

#btn-detail1-3 {
  bottom: 22.6%;
  left: 31.25%;
}

#btn-detail2-1 {
  bottom: 24.3%;
  left: 31.25%;
}

#btn-detail3-1 {
  bottom: 24.4%;
  left: 10%;
}

#btn-detail3-2 {
  bottom: 24.4%;
  right: 10%;
}

#btn-detail3-3 {
  bottom: 20.8%;
  right: 31.25%;
}

#btn-detail3-4 {
  bottom: 22.4%;
  left: 10%;
}

#btn-detail3-5 {
  bottom: 22.4%;
  right: 10%;
}

#btn-detail4-1 {
  bottom: 34%;
  left: 10%;
}

#btn-detail4-2 {
  bottom: 34%;
  right: 10%;
}

#btn-detail4-3 {
  bottom: 20.2%;
  left: 10%;
}

#btn-detail4-4 {
  bottom: 20.2%;
  right: 10%;
}

#btn-detail4-5 {
  bottom: 20.8%;
  left: 10%;
}

#btn-detail4-6 {
  bottom: 20.8%;
  right: 10%;
}

#btn-detail4-7 {
  bottom: 36.8%;
  right: 31.25%;
}

#btn-detail4-8 {
  bottom: 18%;
  right: 31.25%;
}

#btn-detail5-1 {
  bottom: 24.8%;
  right: 31.25%;
}

#btn-detail5-2 {
  bottom: 21.2%;
  right: 31.25%;
}

#btn-detail5-3 {
  bottom: 22.7%;
  right: 31.25%;
}

#btn-detail6-1 {
  bottom: 24.3%;
  left: 10%;
}

#btn-detail6-2 {
  bottom: 24.3%;
  right: 10%;
}

#btn-detail6-3 {
  bottom: 21.7%;
  right: 31.5%;
}

#btn-detail6-4 {
  bottom: 21%;
  right: 31.25%;
}

#btn-detail6-5 {
  bottom: 24.5%;
  left: 10%;
}

#btn-detail6-6 {
  bottom: 24.5%;
  right: 10%;
}

#btn-detail7-1 {
  bottom: 41.1%;
  right: 31.5%;
}

#btn-detail7-2 {
  bottom: 21.5%;
  right: 31.5%;
}

#btn-detail7-3 {
  bottom: 22%;
  right: 31.5%;
}

#btn-detail7-4 {
  bottom: 25%;
  right: 31.5%;
}

#btn-detail8-1 {
  bottom: 28.8%;
  left: 10%;
}

#btn-detail8-2 {
  bottom: 28.8%;
  right: 10%;
}

#btn-detail8-3 {
  bottom: 24.5%;
  left: 10%;
}

#btn-detail8-4 {
  bottom: 24.5%;
  right: 10%;
}

#btn-detail8-5 {
  bottom: 27.5%;
  right: 31.5%;
}

#btn-detail9-1 {
  bottom: 24.2%;
  right: 31.5%;
}

#btn-detail9-2 {
  bottom: 24.2%;
  right: 31.5%;
}

#btn-detail9-3 {
  bottom: 27.5%;
  right: 31.5%;
}

#btn-detail10-1 {
  bottom: 25.8%;
  right: 31.5%;
}

#btn-detail10-2 {
  bottom: 21.6%;
  right: 31.5%;
}

#btn-detail10-3 {
  bottom: 27.2%;
  right: 31.5%;
}

#btn-detail11-1 {
  bottom: 27.3%;
  right: 31.5%;
}

#btn-detail11-2 {
  bottom: 36.3%;
  right: 31.5%;
}

#btn-detail11-3 {
  bottom: 18.3%;
  right: 31.5%;
}

#btn-detail11-4 {
  bottom: 24.4%;
  right: 31.5%;
}

#btn-detail12-1 {
  bottom: 29%;
  right: 11%;
}

#btn-detail12-2 {
  bottom: 30%;
  right: 11%;
}

#btn-detail12-3 {
  bottom: 25.5%;
  right: 11%;
}

#btn-detail12-4 {
  bottom: 27%;
  right: 11%;
}

#btn-detail12-5 {
  bottom: 25%;
  right: 11%;
}

#btn-detail12-6 {
  bottom: 25%;
  right: 11%;
}

#btn-detail12-7 {
  bottom: 28.2%;
  right: 11%;
}

#btn-detail12-8 {
  bottom: 28%;
  right: 11%;
}

#btn-detail12-9 {
  bottom: 24.8%;
  right: 11%;
}

#btn-detail12-10 {
  bottom: 29.3%;
  right: 11%;
}

#btn-detail13-1 {
  bottom: 24%;
  right: 31.5%;
}

#btn-detail13-2 {
  bottom: 22.3%;
  right: 31.5%;
}

#btn-detail14-1 {
  bottom: 23.5%;
  right: 31.5%;
}

#btn-detail14-2 {
  bottom: 27%;
  right: 31.5%;
}

#btn-detail15-1 {
  bottom: 27%;
  right: 11%;
}

#btn-detail15-2 {
  bottom: 27%;
  right: 11%;
}

#btn-detail15-3 {
  bottom: 27%;
  right: 11%;
}

#btn-detail15-4 {
  bottom: 25%;
  right: 11%;
}

#btn-detail15-5 {
  bottom: 25%;
  right: 11%;
}

#btn-detail15-6 {
  bottom: 27%;
  right: 11%;
}

#btn-detail15-7 {
  bottom: 29%;
  right: 11%;
}

#btn-detail16-1 {
  bottom: 25%;
  right: 11%;
}

#btn-detail16-2 {
  bottom: 25%;
  right: 11%;
}

#btn-detail16-3 {
  bottom: 27%;
  right: 11%;
}

#btn-detail16-4 {
  bottom: 25%;
  right: 14.5%;
}

#btn-detail16-5 {
  bottom: 26%;
  right: 14.5%;
}

#category {
  margin-bottom: 4em;
}

#category ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 96%;
}

#category ul li {
  width: 50%;
}

#banners li {
  margin-bottom: 2em;
}

#bottom-contents .nav .nav-cat {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3em;
  padding: 0 2%;
}

#bottom-contents .nav .nav-cat li {
  margin-bottom: 0.5em;
  width: 50%;
}

#bottom-contents .nav .nav-cosme {
  margin-bottom: 3em;
}

#bottom-contents .nav .nav-cosme li {
  margin-bottom: 1em;
}

#bottom-contents .btn-pagetop {
  margin: 0 auto 2em;
  width: 62.5%;
}

#bottom-contents .btn-onlineshop {
  margin: 0 auto 5em;
  width: 62.5%;
}

#bottom-contents .btn-back {
  margin: 0 auto 1em;
  width: 62.5%;
}

#bottom-contents .note {
  font-size: 80%;
  padding-bottom: 20px;
}