@import url('https://fonts.googleapis.com/css?family=Noto+Sans:700');

.yycountdown-box{
	font-family: 'Noto Sans';
}

#timer .yycountdown-box .yyc-day{
	color:#ff0;
}
#timer .yycountdown-box .yyc-hou{
	color:#ff0;
}
#timer .yycountdown-box .yyc-min{
	color:#ff0;
}
#timer .yycountdown-box .yyc-sec{
	color:#ff0;
}

#timer .yycountdown-box .yyc-day-text,
#timer .yycountdown-box .yyc-hou-text,
#timer .yycountdown-box .yyc-min-text,
#timer .yycountdown-box .yyc-sec-text{
	color:#fff;
}

@media screen and (max-width: 767px) {
.yycountdown-box{
	text-align:center;
	line-height:1;
}
.yycountdown-box br{
	display:none;
}
#timer .yycountdown-box .yyc-day{
	font-size:30px;
}
#timer .yycountdown-box .yyc-hou{
	font-size:30px;
}
#timer .yycountdown-box .yyc-min{
	font-size:30px;
}
#timer .yycountdown-box .yyc-sec{
	font-size:30px;
}

#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:10px !important;
}
}

@media screen and (min-width: 768px) {
.yycountdown-box{
	line-height:0.9 !important;
	margin-left:35px !important;
}

#timer .yycountdown-box .yyc-day{
	font-size:96px;
	margin-left:0.55em;
}
#timer .yycountdown-box .yyc-hou{
	font-size:96px;
}
#timer .yycountdown-box .yyc-min{
	font-size:96px;
}
#timer .yycountdown-box .yyc-sec{
	font-size:96px;
}

#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:16px;
}
}