@charset "utf-8";
.mainTitle{
	background:url(../_img/top/header_back.jpg) repeat;
	transition:background-position 3600s linear;
	background-position:0 0;
	position:relative;
	overflow:hidden;
}
.mainTitle.start{
	background-position:80000px 0;
}
.mainTitle > *{
	position:relative;
	z-index:1;
}

.termBox{
	background:url(../_img/top/term_bg.png) repeat-x;
	padding:30px 0 20px;
}

header h2{
	margin-top:0.5em;
	margin-bottom:2.8em;
}
.subTitle{
	position:relative;
	color:white;
	padding:3em 0;
	overflow:hidden;
}
.subTitle::before{
	content:"";
	background:rgba(0,0,0,0.7);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.subTitle::after{
	content:"";
	background:url(../_img/top/header_back.jpg) repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition:background-position 3600s linear;
	background-position:0 -452px;
}
.subTitle.start::after{
	background-position:-80000px -452px;
}

.subTitle > *{
	position:relative;
	z-index:1;
}
.subTitle .title{
	margin-top:0em;
	margin-bottom:1em;
}

.subTitle p{
	margin-bottom:2em;
}



ul.scheduleList{
	margin:auto;
	margin-bottom:6em;
	max-width:810px;
}

ul.scheduleList li{
	border-radius:20px;
	border:6px solid #e0e0e0;
	background-color:#f0f0f0;
	background-image:url(../_img/common/deco_line.png);
	background-repeat:repeat;
	position:relative;
	overflow:hidden;
	padding:1.5%;
	margin-bottom:18px;
}

ul.scheduleList li.passed{
	border-color:#505050;
}
ul.scheduleList li.passed::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.4;
}

ul.scheduleList li.current{
	background-color:#29b6e9;
	border-color:#21a3d2;
}
ul.scheduleList li .term.now{
	display:none;
}
ul.scheduleList li.current .term{
	display:none;
}
ul.scheduleList li.current .term.now{
	display:inline;
}

ul.scheduleList .term{
	width:68.1%;
	vertical-align:middle;
	margin-right:3%;
}

ul.scheduleList .unitIcon{
	width:10%;
	border-radius:24%;
	border:4px solid white;
	margin-left:2%;
	vertical-align:middle;
}


.step{
	 margin-bottom:1em;
}

.toRanking{
	top:-3em;
}

.showFinish{
	display:none;
}

/* close */
.cpCloseText {
	margin: 0 0 3em;
}

.cpCloseText span {
	line-height: 1.3;
	font-family:'Rounded Mplus 1c';
	font-size:233.4%;
	font-weight: 700;
	color: #888;
}

.disable:after {
	display: none;
}

@media screen and (min-width: 769px) {
	.rankingSec h1{
		font-size:233.4%;
	}
}

@media screen and (max-width: 768px) {
	header h2{
		margin-top:2%;
		margin-bottom:6%;
	}
	
	.mainTitle{
		background-size:128%;
	}
	
	.mainTitle h1 img{
		width:20%;
	}
	.mainTitle .wWrap{
		width:100%;
	}
	.subTitle::after{
		background-size:128%;
	}

	.rankingSec .btnToVote{
		top:1em;
	}

	.subTitle p{
		margin-left:5%;
		margin-right:5%;
		text-align:left;
	}
	
}