@charset "UTF-8";
/*! #######################################################################
D02YT170821_776
####################################################################### */

/* timmer 
------------------------------------- */

#inner {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	line-height:1.3;
	
}
#inner .size36{
	/*display:block;*/
	text-align:center;
	color:#666;
}
#countdown,
#countdown2,
#countdown3,
#countdown4 {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: bold;
	color: #CB1F1F;
	text-align:center;
	font-size:40px;
}
.day, .hou, .min, .sec, .mil{/*カウントする数字の大きさ*/
	font-size: 56px;
}
.day {
}
.hou {
}
.min {
}
.sec {
}
.mil {
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 36px;
	color:#666;
}
.size36 { font-size: 36px; padding-top:5px;}


/* date */
.moji_date {
	font-size: 56px;
	color:#ea5151;
}



@media screen and (max-width: 768px){
#countdown {
	width: 100%;
}
.day, .hou, .min, .sec, .mil{/*カウントする数字の大きさ*/
	font-size: 40px;
	line-height:1 !important;
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 30px;
	line-height:1 !important;
}
.size36{
	font-size:24px;
	line-height:1 !important;
}
#inner {
	padding-top:5px;
	line-height:1.6!important;
}

}
	
	
	
@media screen and (max-width:640px){
#countdown {
	width: 100%;
}

.day, .hou, .min, .sec, .mil{/*カウントする数字の大きさ*/
	font-size: 24px;
	line-height:1 !important;
}
.moji {/*日とか時間とか秒とかの文字の色と大きさ*/
	font-size: 20px;
	line-height:1 !important;
}
.size36{
	font-size:18px;
	line-height:1 !important;
}
#inner {
	line-height:1 !important;
	margin-top:-10px;
}

}