/*PC*/
@media print, screen and (min-width: 768px) {

.clock_wrap{
position: relative;
margin: 80px auto 0;
}

.clock_wrap .clock_tit{
font-size: 1.4rem;
font-weight: 800;
line-height: 1;
margin: 0 0 80px;
text-align: center;
text-shadow: 0 0 10px #ea6486;
font-family: 'Smooch Sans', sans-serif;
}

.clock_wrap .clock_tit span{
font-size: 1.8rem;
}

#countdown {
position: relative;
transform: translate3d(0, -50%, 0);
font-size: 1.2rem;
font-style: italic;
line-height: 1.6;
-webkit-animation: fadein 1s linear forwards;
animation: fadein 1s linear forwards;
text-align: center;
font-family: 'Smooch Sans', sans-serif;
text-shadow: 0 0 10px #ea6486;
}

#countdown span {
font-size:7.6rem;
vertical-align: baseline;
}

#countdown em {
font-size:3.6rem;
font-weight: 500;
vertical-align: baseline;
}

}
/*SP*/
@media print, screen and (max-width: 767px) {
.clock_wrap{
position: relative;
margin: 40px auto 0;
}

.clock_wrap .clock_tit{
font-size: 1.2rem;
font-weight: 300;
line-height: 1;
margin: 0 0 30px;
text-align: center;
text-shadow: 0 0 10px #ea6486;
font-family: 'Smooch Sans', sans-serif;
}

.clock_wrap .clock_tit span{
font-size: 1.6rem;
}

#countdown {
position: relative;
transform: translate3d(0, -50%, 0);
font-size: 1rem;
font-style: italic;
line-height: 1.6;
-webkit-animation: fadein 1s linear forwards;
animation: fadein 1s linear forwards;
text-align: center;
font-family: 'Smooch Sans', sans-serif;
text-shadow: 0 0 10px #ea6486;
}

#countdown span {
font-size:3.6rem;
vertical-align: baseline;
}

#countdown em {
font-size:2rem;
font-weight: 500;
vertical-align: baseline;
}

}

@-webkit-keyframes fadein {
0% {
filter: blur(50px);
}
100% {
filter: blur(0);
}
}

@keyframes fadein {
0% {
filter: blur(50px);
}
100% {
filter: blur(0);
}
}