.hidden_box { 
    left: 0;
    right: 0;
    margin: auto;
    padding: 26px 0px 29px 0px;
    z-index: 999;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px #0c0f15;
    color: #fff;
    cursor: pointer;
    background: #263044;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #fff;
	color: #263044;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 23px 0;
    height: auto;
    opacity: 1;
}





.stb_ft {
    position: absolute;
    top: 44%;
    left: 2.5%;
    margin: auto;
}



#demo {max-width:640px; margin:0 auto;}

.timer, .timer-1 {
    font-size: 27px;
    color: #bf0001;
    font-weight: bold;
}

.timer-2 {
    font-size: 23px;
    color: #fea427;
    font-weight: bold;
}
@media (max-width: 360px) {
.timer-2 {
    font-size: 21px;
    color: #fea427;
    font-weight: bold;
}

}
.timer-3 {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}
.timer div,
.timer-1 div,
.timer-2 div,
.timer-3 div{display:inline-block;}


.timer-title {margin:0 0 4px 0;}


.is-complete {
color:red;
-webkit-animation-name: blinker;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}

@-webkit-keyframes blinker {
from { opacity: 1.0; }
to { opacity: 0.0; }
}


.double-flash {
  animation: double-flash_1027 2s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes double-flash_1027 {
  0%,100% { opacity:1 }
  50% { opacity:0 }
  
}

.tada {
  animation: tada_3472 3.6s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes tada_3472 {
  0% { transform: scale(1) }
  5.55556% { transform:scale(.9) rotate(-8deg) }
  11.11111% { transform:scale(.9) rotate(-8deg) }
  16.66667% { transform:scale(1.3) rotate(8deg) }
  22.22222% { transform:scale(1.3) rotate(-8deg) }
  27.77778% { transform:scale(1.3) rotate(8deg) }
  33.33333% { transform:scale(1.3) rotate(-8deg) }
  38.88889% { transform:scale(1.3) rotate(8deg) }
  44.44444% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}



.passing {
  animation: passing_5645 4s linear infinite;
  transform-origin: 50% 50%;
}

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

.passing {
  animation: passing_656 4s linear infinite;
  transform-origin: 50% 50%;
}

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

.amazon_p1 {
    position: absolute;
    top: 79%;
    width: 100%;
}
.amazon_p2 {
    position: absolute;
    top: 16.5%;
    left: 48%;
    margin: auto;
    width: 28%;
}
.amazon_p3 {
    position: absolute;
    top: 12.5%;
    left: 3%;
    margin: auto;
    width: 45%;
}
.amazon_p4 {
    position: absolute;
    top: 29.3%;
    right: 2%;
    margin: auto;
    width: 38%;
}


.amazon_main {
    position: absolute;
    top: 37.3%;
    left: 4%;
    margin: auto;
    width: 57%;
}

.amazon_toroku1 {
    position: absolute;
    top: 57%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}
.amazon_toroku2 {
    position: absolute;
    top: 7%;
    left: 0;
    right: 0;
    margin: auto;
    width: 93%;
    z-index: 9999;
}
.amazon_p5 {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}

.amazon_p6 {
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    margin: auto;
    width: 75%;
}

.amazon_p7 {
    position: absolute;
    top: 6%;
    left: 0;
    right: 0;
    margin: auto;
    width: 94%;
}
.amazon_p8 {
    position: absolute;
    top: 37.3%;
    right: 0;
    left: 0;
    margin: auto;
    width: 94%;
}
.amazon_p9 {
    position: absolute;
    top: 68.5%;
    right: 0%;
    left: 0;
    margin: auto;
    width: 94%;
}
.amazon_p10 {
    position: absolute;
    top: 23%;
    left: 0;
    right: 0;
    margin: auto;
    width: 86%;
}
.amazon_p11 {
    position: absolute;
    top: 6%;
    right: 0%;
    left: 0;
    margin: auto;
    width: 48%;
}
.amazon_p12 {
    position: absolute;
    top: 2.3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 68%;
}
.amazon_riyuu1 {
    position: absolute;
    top: 13.3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}
.amazon_riyuu2 {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}
.amazon_riyuu3 {
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}
.amazon_riyuu4 {
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}
.amazon_tm {
    position: absolute;
    top: 3%;
    left: 17%;
    margin: auto;
}

.amazon_main2 {
    position: absolute;
    top: 8.5%;
    right: 0%;
    left: 0;
    margin: auto;
    width: 65%;
}

.amazon_torack {
    position: absolute;
    top: 49%;
    width: 100%;
}

.amazon_p13 {
    position: absolute;
    top: 77%;
    left: 0;
    right: 0;
    margin: auto;
    width: 19%;
}

.amazon_p14 {
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
    margin: auto;
    width: 67%;
   z-index: 999;
}

.torack {
  width: 100%;
}
.torack img {
    padding-left: 100%;
    animation: scrollAnime 6s linear infinite;
    width: 31%;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}
.torack2 {
  width: 100%;
}
.torack2 img {
    padding-left: 100%;
    animation: scrollAnime 6s linear infinite;
    width: 37%;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}


.amazon_cptimer {
    position: absolute;
    top: 75.5%;
    /* left: 0; */
    right: 14%;
    margin: auto;
}


.amazon_curia{
    background: #1e2738;
    padding: 5px;
    color: #fff600;
    font-size: 20px;
    text-align: center;
}
@media (max-width: 360px) {
.amazon_curia {
    background: #1e2738;
    padding: 5px;
    color: #fff600;
    font-size: 17px;
    text-align: center;
}
.timer, .timer-1 {
    font-size: 24px;
    color: #bf0001;
    font-weight: bold;
}
}

.loop_wrap {
    display: flex;
    overflow: hidden;
    position: absolute;
    top: 77.5%;
}

.loop_wrap img {
  width: auto;
  height: 100%;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
  animation:loop 10s -5s linear infinite;
}

.loop_wrap2 {
    display: flex;
    overflow: hidden;
    position: absolute;
    top: 51%;
}

.loop_wrap2 img {
  width: auto;
  height: 100%;
}
@keyframes loop3 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}


.loop_wrap2 img:first-child {
  animation: loop3 10s -5s linear infinite;

}