body {
  margin: 0;
}

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

.title {
  position: relative;
  width: 100%;
}

.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-gp {
  bottom: 27%;
  left: 31.2%;
}

#btn-semigp-1 {
  bottom: 33.7%;
  left: 10%;
}

#btn-semigp-2 {
  bottom: 33.7%;
  right: 10%;
}

#btn-semigp-3 {
  bottom: 25%;
  left: 31.25%;
}

#btn-hititem-1 {
  bottom: 26%;
  left: 10%;
}

#btn-hititem-2 {
  bottom: 26%;
  right: 10%;
}

#btn-hititem-3 {
  bottom: 40.5%;
  left: 31.25%;
}

#btn-hititem-4 {
  bottom: 35.2%;
  left: 10%;
}

#btn-hititem-5 {
  bottom: 35.2%;
  right: 10%;
}

#btn-hititem-6 {
  bottom: 21.5%;
  left: 10%;
}

#btn-hititem-7 {
  bottom: 21.5%;
  right: 10%;
}

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

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

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

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

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

#btn-detail1-4 {
  bottom: 24.6%;
  left: 10%;
}

#btn-detail1-5 {
  bottom: 24.6%;
  right: 10%;
}

#btn-detail2-1 {
  bottom: 21.8%;
  left: 10%;
}

#btn-detail2-2 {
  bottom: 21.8%;
  right: 10%;
}

#btn-detail2-3 {
  bottom: 20%;
  left: 10%;
}

#btn-detail2-4 {
  bottom: 20%;
  right: 10%;
}

#btn-detail2-5 {
  bottom: 37.5%;
  left: 31.25%;
}

#btn-detail2-6 {
  bottom: 19%;
  left: 31.25%;
}

#btn-detail3-1 {
  bottom: 22.2%;
  left: 31.25%;
}

#btn-detail3-2 {
  bottom: 21.1%;
  left: 31.25%;
}

#btn-detail3-3 {
  bottom: 28.2%;
  left: 31.25%;
}

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

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

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

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

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

#btn-detail4-6 {
  bottom: 26.3%;
  left: 10%;
}

#btn-detail4-7 {
  bottom: 26.3%;
  right: 10%;
}

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

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

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

#btn-detail5-4 {
  bottom: 25%;
  right: 31.25%;
}

#btn-detail6-1 {
  bottom: 22.5%;
  left: 31.25%;
}

#btn-detail6-2 {
  bottom: 24%;
  left: 10%;
}

#btn-detail6-3 {
  bottom: 24%;
  right: 10%;
}

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

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

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

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

#btn-detail8-1 {
  bottom: 23%;
  left: 31.5%;
}

#btn-detail8-2 {
  bottom: 25.2%;
  right: 31.5%;
}

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

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

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

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

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

#btn-detail9-4 {
  bottom: 17.5%;
  right: 31.5%;
}

#btn-detail9-5 {
  bottom: 26.5%;
  right: 31.5%;
}

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

#btn-detail10-2 {
  bottom: 28.5%;
  right: 11.5%;
}

#btn-detail10-3 {
  bottom: 28.5%;
  right: 11.5%;
}

#btn-detail10-4 {
  bottom: 34.5%;
  right: 11.5%;
}

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

#btn-detail11-2 {
  bottom: 25%;
  left: 10%;
}

#btn-detail11-3 {
  bottom: 25%;
  right: 10%;
}

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

#btn-detail11-5 {
  bottom: 28.5%;
  right: 11.5%;
}

#btn-detail11-6 {
  bottom: 33%;
  right: 11.5%;
}

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

#btn-detail12-2 {
  bottom: 20.7%;
  right: 31.5%;
}

#btn-detail12-3 {
  bottom: 26%;
  right: 31.5%;
}

#btn-detail13-1 {
  bottom: 17%;
  right: 11.5%;
}

#btn-detail13-2 {
  bottom: 22%;
  right: 11.5%;
}

#btn-detail13-3 {
  bottom: 21.8%;
  left: 10%;
}

#btn-detail13-4 {
  bottom: 21.8%;
  right: 10%;
}

#btn-detail13-5 {
  bottom: 29%;
  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;
}

.pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 100;
  width: 50px;
}

#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 {
  position: relative;
  right: inherit;
  bottom: inherit;
  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;
}