body {
  margin: 0;
}

.product-box img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.inner {
	width: 91%;
	margin: 0 auto;
}

.inner h2 {
	padding: 13.8% 0 8.6%;
	text-align: center;
}

.detail-box {
	padding-bottom: 10%;
}
.detail-box .detail-sec {
	position: relative;
	margin-bottom: 6%;
	box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.2);
}

.btn-buy {
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 0;
	width: 100%;
	
}

.btn-buy li {
	display: inline-block;
	width: 41%;
	padding: 0 3.5%;
}

#contents .banner-note {
	font-size: 2.2vw;
}

#contents p.banner-note:nth-of-type(2) {
	padding-bottom: 5%;
}

#grandprix-sec01 ul:nth-of-type(1) {
	top: 63.7%;
}

#grandprix-sec01 ul:nth-of-type(2) {
	top: 74.1%;
}

#new-face-sec01 .btn-buy {
	top: 72%;
}

#beauty-hall-sec01 ul:nth-of-type(1) {
	top: 65%;
}

#beauty-hall-sec01 ul:nth-of-type(2) {
	top: 75%;
}

#beauty-hall-sec02 .btn-buy {
	top: 72%;
}

#beauty-hall-sec03 .btn-buy {
	top: 71.5%;
}


#detail1-sec01 .btn-buy {
	top: 70.8%;
}

#detail1-sec02 .btn-buy {
	top: 74.8%;
}

#detail1-sec03 .btn-buy {
	top: 74.4%;
}

#detail2-sec01 ul:nth-of-type(1) {
	top: 62.3%;
}

#detail2-sec01 ul:nth-of-type(2) {
	top: 76.6%;
}

#detail2-sec02 .btn-buy {
	top: 74.2%;
}

#detail2-sec03 .btn-buy {
	top: 75%;
}


#detail3-sec01 .btn-buy {
	top: 70%;
}

#detail3-sec02 .btn-buy {
	top: 73.5%;
}

#detail3-sec03 .btn-buy {
	top: 73.4%;
}


#detail4-sec01 .btn-buy {
	top: 72%;
}

#detail4-sec02 .btn-buy {
	top: 73%;
}

#detail4-sec03 .btn-buy {
	top: 72.5%;
}


#detail5-sec01 ul:nth-of-type(1) {
	top: 52.6%;
}

#detail5-sec01 ul:nth-of-type(2) {
	top: 76%;
}

#detail5-sec02 .btn-buy {
	top: 73.2%;
}

#detail5-sec03 .btn-buy {
	top: 72.5%;
}

#detail6-sec01 .btn-buy {
	top: 65.4%;
}

#detail6-sec02 .btn-buy {
	top: 71%;
}

#detail6-sec03 .btn-buy {
	top: 70.4%;
}

#detail7-sec01 .btn-buy {
	top: 70.5%;
}

#detail7-sec02 .btn-buy {
	top: 76.2%;
}

#detail7-sec03 .btn-buy {
	top: 71.6%;
}

#detail8-sec01 .btn-buy {
	top: 70%;
}

#detail8-sec02 .btn-buy {
	top: 73.8%;
}

#detail8-sec03 .btn-buy {
	top: 74%;
}

#detail9-sec01 ul:nth-of-type(1) {
	top: 55.4%;
}

#detail9-sec01 ul:nth-of-type(2){
	top: 80.2%;
}

#detail9-sec02 .btn-buy {
	top: 69.8%;
}

#detail9-sec03 .btn-buy {
	top: 73.6%;
}

#detail9-sec04 .btn-buy {
	top: 65.3%;
}

#detail9-sec05 .btn-buy {
	top: 72.1%;
}

#detail10-sec01 .btn-buy {
	top: 69%;
}

#detail10-sec02 .btn-buy {
	top: 69%;
}

#detail10-sec03 .btn-buy {
	top: 68.5%;
}

#detail10-sec04 .btn-buy {
	top: 74.4%;
}

#detail10-sec05 .btn-buy {
	top:68.7%;
}

#detail10-sec06 .btn-buy {
	top: 67.2%;
}

#detail11-sec01 .btn-buy {
	top: 69.5%;
}

#detail11-sec02 ul:nth-of-type(1) {
	top: 67%;
}

#detail11-sec02 ul:nth-of-type(2){
	top: 79.3%;
}

#detail11-sec03 .btn-buy {
	top: 72.2%;
}

#detail12-sec01 ul:nth-of-type(1) {
	top: 61.8%;
}

#detail12-sec01 ul:nth-of-type(2){
	top: 74.6%;
}

#detail12-sec02 .btn-buy {
	top: 74%;
}

#best-price-sec01 .btn-buy {
	top: 77%;
}

#best-price-sec02 .btn-buy {
	top: 74.8%;
}

#best-price-sec03 .btn-buy {
	top: 77%;
}

#best-price-sec04 .btn-buy {
	top: 76%;
}


.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%;
}


/* background*/
#grandprix {
	background: url(../img/season/1812/grandprix/grandprix_bg.jpg) no-repeat top;
	background-size: cover;
}

#new-face {
	background: url(../img/season/1812/new_face/new_face_bg.jpg) no-repeat top;
	background-size: cover;
}

#beauty-hall {
	background: url(../img/season/1812/beauty_hall/beauty_hall_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail1 {
	background: url(../img/season/1812/detail1/detail1_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail2 {
	background: url(../img/season/1812/detail2/detail2_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail3 {
	background: url(../img/season/1812/detail3/detail3_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail4 {
	background: url(../img/season/1812/detail4/detail4_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail5 {
	background: url(../img/season/1812/detail5/detail5_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail6 {
	background: url(../img/season/1812/detail6/detail6_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail7 {
	background: url(../img/season/1812/detail7/detail7_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail8 {
	background: url(../img/season/1812/detail8/detail8_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail9 {
	background: url(../img/season/1812/detail9/detail9_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail10 {
	background: url(../img/season/1812/detail10/detail10_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail11 {
	background: url(../img/season/1812/detail11/detail11_bg.jpg) no-repeat top;
	background-size: cover;
}

#detail12 {
	background: url(../img/season/1812/detail12/detail12_bg.jpg) no-repeat top;
	background-size: cover;
}

#best-price {
	background: url(../img/season/1812/best_price/best_price_bg.jpg) no-repeat top;
	background-size: cover;
}


#contents h2 img{
	margin: 0 auto;
}

#contents h3 {
	padding-bottom: 8.6%;
}

h3:nth-of-type(2) img {
	padding-top: 3%;
}

#hero {
	background: url(../img/season/1812/top/hero_bg.jpg) no-repeat center;
	background-size: cover;
}

#hero img {
	opacity: 0;
	animation: hero-top 1.5s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

#hero #shine {
	position: absolute;
	top:0;
	left:0;
}

@keyframes hero-top {
	100% {
		opacity: 1;
	}
}

#main section p {
	margin: 0;
}

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

#category h3 {
	padding:10% 34% 10%;
	width: 32%;
}

#category {
  padding-bottom: 7%;
  background: url(../img/season/1812/common/nav_cat_bg.jpg) no-repeat top;
  background-size: cover;
}

#category ul {
font-size:0;
margin: 0 auto;
width: 97%;
}

#category ul li {
  background-color: rgba(255,255,255,0.80);
  width: 46%;
  margin: 2%;
  display:inline-block;
  font-size:1px;
  box-shadow: 7px 7px 25px rgba(0, 0, 0, 0.2);
}

#best-price h2 {
	padding: 13.8% 0 6.9%;
}

#best-price p {
	padding-bottom: 9%;
}

.pagetop {
  position: fixed;
  right: 2%;
  bottom: 3%;
  z-index: 100;
  width: 10%;
}

.pagetop img {
  width: 100%;
}

#bottom-contents .nav-cat {
	padding: 10px 0 ;
    background: url(../img/season/1812/common/nav_cat_bg.jpg) no-repeat top;
    background-size: cover;
}

#bottom-contents .nav-cat h4 {
  padding:10% 34% 10%;
	width: 32%;
}

#bottom-contents .nav-cat ul  {
font-size:0;
  margin: 0 auto 6%;
  width: 97%;
}

 #bottom-contents .nav-cat ul li{
  background-color: rgba(255,255,255,0.80);
  width: 46%;
  margin: 2%;
  display:inline-block;
  font-size:1px;
  box-shadow: 7px 7px 25px rgba(0, 0, 0, 0.2);
}

#bottom-contents .nav .nav-cosme {
  margin-bottom: 9.5%;
}

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

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

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

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

#contents .btn-pagetop {
	margin: 5% 0 0;
	padding: 0 0 22px;
}

#contents .btn-pagetop img{
	width: 17%;
	margin: 0 auto;
}