@charse "UTF-8";

/* PC */
* {box-sizing: border-box;}

a{
/*    background: #ffffff;*/
    display: block;
}
a:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
body{
  line-height: 0;
  background: url("../img/pc/bg.png") repeat-y top center;
  background-color: #red;
}
.margin-bottom{
  margin: 2% 0;
}
@-webkit-keyframes flash {
  0% {opacity: .4;}
  100% {opacity: 1;}
}
@keyframes flash {
  0% {opacity: .4;}
  100% {opacity: 1;}
}
#wrapper{
  background: url("../img/pc/inner_bg.png") repeat-y top center;
  width: 1366px;
  margin: 0 auto;
  background-size: 1366px auto;
}
.container {
    margin: 0 auto;
    width: 1366px;
}
.bx-wrapper{
    margin: 20px auto 0;
    width: 1203px;
}
.bx-wrapper .bx-pager{
    display: none;
}
.section{
    padding: 0;
  /*  margin-bottom: 30px;*/
    text-align: center;
}

header .container{
    text-align: center;
}

.video{
    padding: 0;
    margin: 30px 0;
    box-sizing: border-box;
}
.video iframe {
    position: static;
    width: 1323px;
    height: 744px;
}
.mv{
    margin: 0 auto;
    padding: 0;
}

.shop{
    margin: 0 0 30px;
}
.shop h2{text-align: center;}
.shop ul{padding: 0 35px;}
.shop li{
    display: inline-block;
    margin-right: 50px;
    margin-top: 20px;
}
.shop li:nth-child(2n){
    margin-right: 0;
}
.shop dl{
    position: relative;
    margin-bottom: 10px;
}
.shop dl dd img{
    width: 202px;
}
.shop dl dd.btn1{
    position: absolute;
    top: 510px;
    left: 100px;
}
.shop dl dd.btn2{
    position: absolute;
    top: 510px;
    right: 90px;
}
.shop dl dd.btn3{
    position: absolute;
    top: 675px;
    left: 100px;
}
.shop dl dd.btn4{
    position: absolute;
    top: 675px;
    right: 100px;
}
footer{
  width: 1366px;
  height: 80px;
  background-color: #000;
  text-align: center;
	line-height: 0;
  position: relative;
}
#copy {
  color: #FFF;
  font-size: 8px;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.sp{display: none;}

/* SP */
@media (max-width: 750px) {
    .pc{display: none;}
    .sp{display: block;}
    body{
      background-color: #FFF;
      background: url("../img/pc/inner_bg.png") repeat-y top center;

    }
    img{width: 100%;}
    li{list-style-type:none;}
    #wrapper {width: 100%;}
    .section{margin-bottom: 3%;}
    .bx-wrapper{margin-top: 5%;margin-bottom: 5%;}
    .bx-wrapper .bx-pager{display: none;}

    #wrapper{
        background-size: contain;
    }
    .w_9 > img{
    width:95vw;
    }

    .container {
        margin: 0;
        padding: 0 2%;
        width: 100%;
    }
    .slider{
        padding: 0 3%;
    }
    .bx-wrapper{
        margin: 0;
        width: 100%;
    }

    .video {
        position: relative;
        height: 0;
        margin: 0;
        padding: 30px 0 56.25%;
        overflow: hidden;
    }

    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .shop{
        margin: 2% 0 5%;
    }
    .shop ul{
        padding: 0 1%;
    }
    .shop li{
        display: block;
        margin-right: 0;
        margin-top: 3%;
    }
    .shop dl{
        position: relative;
        margin-bottom: 2%;
    }
    .shop dl dd{
        width: 24.5%;
    }
    .shop dl dd img{
        width: 100%;
    }
    .shop dl dd.btn1{
      position: absolute;
      top: 47%;
      left: 46%;
            }
    .shop dl dd.btn2{
      position: absolute;
      top: 46%;
      right: 4%;
            }
    .shop dl dd.btn3{
        position: absolute;
        top: 52%;
        left: 38%;
    }
    .shop dl dd.btn4{
        position: absolute;
        top: 52%;
        right: 5%;
    }

    footer dl{
        position: relative;
    }
    footer dd{
        width: 34%;
    }
    footer dd.app1{
        position: absolute;
        top: 28%;
        left: 28%;
    }
    footer dd.app2{
        position: absolute;
        top: 28%;
        right: 2%;
    }
    footer > p > img{
      width: 59vw;
      margin-top: 3vw;
        }
    footer{
      text-align: center;
        width: 100%;
        height: 55vw;
    }
    #copy {
      width: 90vw;
    color: #FFF;
    font-size: 2vw;
    position: absolute;
    bottom: 10vw;
    left: 50%;
    transform: translateX(-50%);
}

}