@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);
  }
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 1s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 1s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.ct_box {
background: url(../images/bg.jpg) top center no-repeat;
background-attachment: fixed;
background-size: cover;
width: 100%;

overflow: hidden;

}


.mainimg_box {
width: 100%;
width: 1140px ;
margin: 0 auto 40px;
position: relative;
}

.mainimg_box h1 {
display: block;
width: 100%;
}

.mainimg_box .price_box {
position: absolute;
width: 222px;
right:11.3%;
bottom:12.80%;

display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.mainimg_box .price_box a {
display: block;
max-width: 222px;
width: 100%;
}



.ct_box .data_txt {
max-width: 1180px;
margin:0 auto;
text-align: center;
clear: both;
}
.ct_box .data_txt>div {
display: inline-block;
}
.ct_box .data_txt p {
text-align: left;
color:#fff;
font-size: 13px;
margin-bottom: 15px;
}
.ct_box .data_txt p strong {
font-size: 18px;
}

.ct_box .data_txt a {
color:#fff;
text-decoration: underline!important;
}


.view_timer {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;

position: fixed;
left:0;
right:0;
bottom:20px;
margin: 0 auto;
z-index: 1000;
max-width: 994px;
width: 90%;
}

.view_timer .btn_buy {
display: block;
max-width: 994px;
width: 100%;
}


.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 150px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}


.ct_box .anime_box {
width: 94%;
max-width: 891px;
margin: 0 auto 80px;
}

.ct_box .ttl_box {
background: url(../images/ttl_bg.png) no-repeat center center;
background-size: cover;
margin-bottom: 30px;
}
.ct_box .ttl_box h2 {
display: block;
width: 1007px;
margin: 0 auto;
background: url(../images/ttl_inbg_pc.png) no-repeat center center;
background-size: cover;
}


.ct_box .sec01_box {
width: 96%;
max-width: 974px;
margin: 0 auto 80px;
}

.ct_box .sec02_box {
width: 96%;
max-width: 923px;
margin: 0 auto 80px;
}


.ct_box .sec03_box_pc {
width: 96%;
max-width: 1092px;
margin: 0 auto 80px;
text-align: right;
}
.ct_box .sec03_box_pc p {
padding-top: 10px;
color:#fff;
}


.ct_box .sec03_box_sp {
display: none;
}



.ct_box .sec04_photo_box {
max-width: 980px;
width: 96%;
margin: 0 auto;
}

.ct_box .sec04_photo_box .sec04_photo {
max-width: 792px;
width: 100%;
margin-bottom: 20px;
}

.ct_box .sec04_photo_box .sec04_photo02 {
float: right;
}
.ct_box .sec04_photo_box .sec04_photo03 {
clear: both;
float: left;
}
.ct_box .sec04_photo_box .sec04_photo04 {
clear: both;
float: right;
margin-bottom: 80px;
}




.ct_box .buy_box {
clear: both;
max-width: 980px;
width: 96%;
margin: 0 auto 80px;
position: relative;
}
.ct_box .buy_box .price_box {
position: absolute;
width: 222px;
left: 10%;
bottom: 8%;

display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.ct_box .buy_box .price_box a {
display: block;
max-width: 222px;
width: 100%;
}


.ct_box .sec00_box {
max-width: 1040px;
margin: 0 auto 80px;

padding: 0 5px;

display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.ct_box .sec00_box>div {
width: 32%;
}