@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: url(../images/bg.gif) top center;
padding: 30px 0 60px;
}

.ct_inbox {
width: 100%;
margin: 0 auto;
background: url(../images/bg_line.png) top center repeat-x;
}

.ct_inbox .mainimg {
width: 100%;
max-width: 1203px;
margin: 0 auto 30px;
}

.ct_inbox p {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0 auto 30px;
padding: 10px;
}

.ct_inbox .btn_box {
display: -webkit-flex;
display: flex;

-webkit-justify-content: space-around;
justify-content: space-around;

max-width: 980px;
margin: 0 auto;
}

.ct_inbox .btn_buy {
display: block;
max-width: 400px;
width: 90%;
margin: 0 auto 30px;
text-align: center;
font-size: 16px;
font-weight: bold;
color:#333;
}

.ct_inbox .btn_buy img {
margin-top: 5px;
}