body {
font-family: 'Roboto',arial,sans-serif;
background:#000; 
color:#fff;
text-align:center;
font-size:13px;
line-height:1.5;
}
@media screen and (max-width: 599px) and (orientation: portrait), screen and (min-width: 300px) and (max-width: 767px) and (orientation: landscape){
	body {
		height: 100vh;
	}
}

/*
body.bgImgCountDown {
background: url(tokyo202212countdown.jpg) no-repeat center center;
width: 99%;
  height: 98vh;
  background-size: cover;
  background-position: center;
}
*/

a {
	color:#fff;
	text-decoration: none; 
}
.index_outer{
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
   
	padding: 15px 30px;
	color: #fff;
	text-align: center;
}
.page_outer{
	padding: 70px 30px;
	color: #fff;
	text-align: center;
}

h2 {
font-size:22px;
padding:60px 0 10px;
}
h3 {
font-size:17px;
	margin:0;
    padding:40px 0 15px;
}
p {
	margin:0;
    padding:0;
}

ul {
	position: fixed;
    right: 20px;
    bottom: 15px;
    margin:0;
    padding:0;
}
ul li {
	font-size:15px;
	display:inline-block;
	list-style: none;
	vertical-align: middle;
	padding:0 10px 0 0;
}
p.c {
	position: fixed;
    left: 20px;
    bottom: 17px;
	}
	
	
	
	
.countdown {
width: 200px;
    height: 40px;
    margin:auto;
}
#countdown {
    display: block;
    font-size: 29px;
    width: 200px;
    height: 40px;
    line-height: 40px;
        margin:auto;
}
.countdown:hover {
}
a:hover {
cursor:pointer;
}