@charset "utf-8";
.cf:after{
    content: "";
    display: block;
    clear: both;
}

.container{
  width:1000px;
  margin:0 auto
}

#contentsArea{
    width: 1000px;
}

#mainArea{
    padding: 0;
}

#contents{
    position:relative;
    width:1000px;
    margin:0 auto;
}

#footerArea:before,
#footerArea:after {
    display: none;
}

@media only screen and (max-width: 767px) {
    #contentsArea{
        width: 100%;
        padding: 0;
    }
}

/* button */
.btn {
    position: absolute;
}

.btn-01 {
    top: 75%;
    left: 20.8%;
}

@media only screen and (max-width: 767px) {
    .btn-01 {
        width: 58.93%;
    }
}

.btn-02 {
	top: 18.99%;
	left: 18%;
}

.btn-03 {
    top: 67.6%;
    left: 62%;
}

.btn-04 {
    top: 76.8%;
    left: 22.9%;
}

.btn-05 {
    top: 94.31%;
    left: 18%;
}

.btn-06 {
    top: 94.31%;
    left: 62.1%;
}

.btn-07 {
    top: 56.1%;
    left: 25%;
}

.btn-08 {
	top: 56.9%;
	left: 20.6%;
}

.btn-09 {
	top: 42.8%;
	left: 57%;
}

.btn-10 {
	top: 79.3%;
	left: 20.7%;
}

.btn-11 {
    top: 52.9%;
    left: 18%;
}

.btn-12 {
    top: 52.88%;
    left: 61.9%;
}

.btn-13 {
    top: 67.6%;
    left: 18%;
}

.btn-14 {
	top: 19%;
    left: 63%;
}

.btn-15 {
    top: 36.3%;
    left: 18.1%;
}

.btn-16 {
    top: 36.3%;
    left: 62.6%;
}


@media only screen and (max-width: 767px) {
    .btn-02,
    .btn-03,
    .btn-04,
    .btn-05,
    .btn-06,
    .btn-07,
    .btn-08,
    .btn-09,
    .btn-10,
    .btn-11,
    .btn-12,
    .btn-13,
    .btn-14,
    .btn-15,
    .btn-16{
        width: 22.4%;
    }
}

/* making */
.making-video_wrap {
    width: 67.5%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
}


/* ueda_pro css
-------------------------------- */
.pic04 {
    position: relative;
  }

  .btn01 {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
  }