/* CSS Document */

.yycountdown-box{
	text-align:center;
	margin:0;
    letter-spacing: 1px;
}

#timer{
    position: fixed;
    left: 20px;
    bottom: -80px;
    z-index: 100;
    display: inline-block !important;    
    width: 358px;
    height: 120px;
    background: url('../image/countdown/bg2.jpg') no-repeat left top;
    background-size: 358px 120px;
    padding-top: 90px;
    font-weight: bold;
    animation-name: LeftToRight;
    -webkit-animation-name: LeftToRight;
    animation-duration: 2s;
    animation-timing-function: ease-in;
}

#timer .yycountdown-box::before{
    content: "キックオフまで ";
	font-size:0.8em;
	color:#ff6e00 !important;
}

#timer .yycountdown-box .yyc-day
,#timer .yycountdown-box .yyc-hou
,#timer .yycountdown-box .yyc-min
,#timer .yycountdown-box .yyc-sec{
	font-size:1.4em;
	color:#ff6e00 !important;
}

#timer .yycountdown-box .yyc-day-text,
#timer .yycountdown-box .yyc-hou-text,
#timer .yycountdown-box .yyc-min-text,
#timer .yycountdown-box .yyc-sec-text{
	font-size:1.0em;
	color:#ff6e00 !important;
}
/*
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
*/

@keyframes LeftToRight {
  0% {
    opacity: 0;
    transform: translateX(-1200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
@media screen and (max-width: 640px) {
    #timer .yycountdown-box .yyc-day
    ,#timer .yycountdown-box .yyc-hou
    ,#timer .yycountdown-box .yyc-min
    ,#timer .yycountdown-box .yyc-sec{    
        font-size:1.8em;
    }
}*/