@charset "shift_jis";
/* CSS Document */

.fadeIn {
  opacity: 0;
  transition: 1s;
}
.fadeIn.is-show {
  opacity: 1;
}
.slideIn {
  opacity: 0;
}
.slideIn.is-show {
  animation: SlideIn 1s;
  opacity: 1;
}

@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.ct_box {
background: #FFFADA;
}

.ct_inbox {
width: 100%;
max-width: 1190px;
margin: 0 auto;
background: url(../images/bg.png) top center;
padding: 0 0 60px;
}


#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.promo_movie_box {
max-width: 720px;
margin: 0 auto 30px;
}

#contents .mainimg_box {
position: relative;
margin-bottom: 30px;
}

#contents .mainimg_box a {
display: block;
width: 246px;
z-index: 100;
margin: auto;
position: absolute;
bottom:10px;
left:0;
right:0;
}

#contents h2 {
display: block;
margin: 40px auto 20px;
}

#contents .howtoimg {
display: block;
margin: 0px auto 40px;
}

#contents .howtoimg.howto04 {
display: block;
max-width: 980px;
}