@charset "utf-8";
/*--------------------------------------------------------------------
   base
---------------------------------------------------------------------*/
html, body{height: 100%;}
body{
    background:#fff;
	text-align:center;
	color:#000;
	font-size:13px;	
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

#container{
    width:600px;
    max-width:100%;
    margin:0 auto;
    padding:100px 0 300px;
}

	#countdown{
      width: 600px;
      max-width: 100%;
      aspect-ratio: 3 / 2;
      background: url(../images/def.gif) no-repeat 0 0 / contain;
	}
	
	#countdown.day01{background:url(../images/countdown_01.gif) 0 0 no-repeat;}
	#countdown.day02{background:url(../images/countdown_02.gif) 0 0 no-repeat;}
	#countdown.day03{background:url(../images/countdown_03.gif) 0 0 no-repeat;}
	#countdown.day04{background:url(../images/countdown_04.gif) 0 0 no-repeat;}
	#countdown.day05{background:url(../images/countdown_05.gif) 0 0 no-repeat;}
	#countdown.day06{background:url(../images/countdown_06.gif) 0 0 no-repeat;}
	#countdown.day07{background:url(../images/countdown_07.gif) 0 0 no-repeat;}
	
	#countdown.theday{background:url(../images/countdown_00.gif) 0 0 no-repeat;}
	#countdown.dayover{background:url(../images/countdown_over.gif) 0 0 no-repeat;}
    
    
    
.formBox{
    padding:50px 0;
    text-align:center;
}

.formBox h1{
	font-size: 1.6rem;
	font-weight: bold;
    text-align:center;
    padding-bottom:20px;
}
.formBox h1 + p{
    text-align:center;
    padding-bottom:20px;
}

.formBox .selectArea{
    padding:5px;
    font-size:15px;
    padding-bottom:30px;
}
.formBox .selectArea input[type="date"]{
	padding: 5px;
	border: #ccc 1px solid;
}

.formBox span{margin:0 0.5em;}

.formBox button{
    width:100px;
    height:40px;
    line-height:40px;
    border-radius:5px;
    border:#ccc 1px solid;
    background-color:#333;
    color:#fff;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
}