@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

.pc { display: block !important; }
.sp { display: none !important; }

a:link { color:#888; text-decoration:none; }
a:visited { color:#888; }

body{
    padding: 0;
    color:#888;
    background: #fff;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-size: 16px;
}

a:hover{
	opacity: 0.5;
	transition: 1s
}

#wrapper{
	padding: 80px 0;
	animation: loading 4s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.logo{
    position: absolute;
    top: 12px;
    left: 20px;
    width: 140px;
}
.logo img {
    width: 100%;
}

.timer{
	font-size: 10vw;
	animation: loading 10s;
}

.sodstarlogo{
	width: 40%;
	margin: 60px auto;
}

.days{
	font-size: 4vw;
}

.sodlogo{
	margin-top: 100px;
	margin-bottom: 40px;
	width: 20%;
}

.footer{
	padding: 10px 0;
}

.copy{
	font-size: 90%;
}

.container {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio:11 / 10;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.container::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 30px 30px #fff;
}

.container img{
  width: 100%;
}
@media screen and ( max-width:640px ){
h1{
	font-size: 140%;
}
]

@media screen and ( max-width:480px ){
h1{
	font-size: 120%;
}
]