/*/////////////// CSS変数設定 ///////////////////*/
@import "./root.css";
/*/////////////// CSS変数設定 ///////////////////*/


@media screen and (max-width: 1049px) {
	.countdown_frame{
		width:100%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
		
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}	
	.countdown_details{
		width:100%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
	}

	
}
@media screen and (min-width: 1050px) {
	.countdown_frame{
		width:1050px;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.countdown_details{
		width:1050px;
		
		margin:0px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
		 -webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	
}
.countdown_details .panelbox{
		margin:5px;
}