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


/*投票時非投票時切り替え*/
.novote{
	display:none;
}


h1:before{
	padding-top:21%;
}



/*応募のステップ*/
#cont_quiz_step{
}
#cont_quiz_step ul{
	display:table;
	margin:0;
	padding:0;
}
#cont_quiz_step li{
	width:32%;
	display:table-cell;
	border-top:1px dotted #4e4e4e;
	border-left:1px dotted #4e4e4e;
	border-bottom:1px dotted #4e4e4e;
}
#cont_quiz_step li span{
	display:block;
	background:#FFFFFF;
	padding:5px;
	width:50%;
}
#cont_quiz_step p{
	margin:0;
	padding:0.5em;
}
#cont_quiz_step li.cont_last{
	border-right:1px dotted #4e4e4e;
}




/*投票数表示*/
#cont_cntview{
	
}
#cont_cntview>div{
	margin:0 -5px;
}
#cont_cntview ul{
	margin:15px 0 0 0;
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 5px 0;  /* 左右 上下で記述 */
	width:100%;
	padding:0;
}
#cont_cntview ul li{
	display:table-cell;
	border:1px dotted #4e4e4e;
	vertical-align:top;
}
#cont_cntview li .inner{
	margin:5px;
}
#cont_cntview .cont_count_num span{
	display:block;
	width:20%;
	float:left;
	border-left:1px solid #000000;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#cont_cntview .cont_cnt_bar_wrap{
	background:url(/resources/img/special/drive/bg_quiz_graph.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
}
#cont_cntview .cont_cnt_bar_wrap.gray{
	background:url(/resources/img/special/drive/bg_quiz_graph_g.jpg) no-repeat;
}



#cont_cntview .cont_cnt_bar_wrap:after{
	padding-top: 95%;
  display: block;
  content: "";
}
#cont_cntview .cont_cnt_bar_wrap>div
{
	position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: auto;
}
#cont_cntview .cont_cnt_bar{
	position:absolute;
	bottom:0;
	left:50%;
	width:40%;
	margin-left:-20%;
	/*height:80%;*/
	background:url(/resources/img/special/drive/bg_quiz_graph.png) repeat-y;
	background-position:center;
	background-size:100% auto;
}
#cont_cntview .cont_graph_img{
	position:absolute;
	bottom:0;
	left:60%;
	width:35%;
	display:none;
}
#cont_cntview .cont_kaisaikettei{
	position:absolute;
	bottom:0;
}
#cont_cntview p.cont_areaname{
	margin:0;
	padding:0.5em;
	background:#1a1a1a;
}
#cont_cntview p.cont_areaadd{
	margin:0;
	padding:0.5em;
	padding-bottom:0;
}
#cont_cntview p.cont_areaname a {
	float:right;
}


/*後○○日*/
.cont_last_day{
	/*margin:15px 0 0 0;*/
	padding:0;
}
.cont_last_day img{
	display:block;
	float:left;
}
.cont_last_day .cont_img01{
	width:80%;
}
.cont_last_day .cont_img02 , .cont_last_day .cont_img03{
	width:6%;
	border-left:1px solid #000;
	box-sizine:border-box;
	-moz-box-sizing:border-box;
}
.cont_last_day .cont_img04{
	width:6%;
}




/*クイズ表示*/
#cont_quiz_view{
}
#cont_quiz_view>ul{
	padding:0;
}
#cont_quiz_view>ul>li{
	list-style-type:none;
	margin-bottom:5px;
}
#cont_quiz_view .cont_quiz_q{
	border:1px dotted #555554;
}
#cont_quiz_view .cont_quiz_q .cont_quiz_q_tbl{
	display:table;
}
#cont_quiz_view .cont_quiz_q .cont_quiz_q_tbl>div{
	display:table-cell;
	vertical-align:middle;
}
#cont_quiz_view .cont_num{
	background:#FFFFFF;
	width:90px;
	text-align:center;
}
#cont_quiz_view p{
	margin:0;
	padding:15px;
}
.quiz_select_btn{
	margin:0 -2px;
}
.quiz_select_btn ul{
	width:100%;
	margin:2px 0 0 0;
	padding:0;
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 2px 0;  /* 左右 上下で記述 */
}
.quiz_select_btn li{
	display:table-cell;
	cursor:pointer;
	width:34%;
	background:#373737;
	padding:10px 0;
}
.quiz_select_btn li.sct{
	-webkit-touch-callout:none;
  -webkit-tap-highlight-color:#ffff00;
}
.quiz_select_btn li.selected , .quiz_select_btn li.sct:hover{
	background:#ffff00;
	color:#000000;
}
.cont_hidden{
	display:none;
}
.quiz_ans{
	border:3px solid #ffff00;
	background:#FFFFFF;
	text-align:center;
	color:#000000;
}
#cont_quiz_view .quiz_ans p {
	padding-top:0;
}







/*クイズに参加*/
.cont_quiz_ent{
	text-align:center;
	padding-bottom:15px;
}





/*投票部分*/
#cont_vote{
}
#cont_vote ul.cont_vote_area{
	padding:0;
	margin-left:-10px;
}
#cont_vote ul.cont_vote_area li {
	width:33.3%;
	float:left;
	list-style-type:none;
}
#cont_vote ul.cont_vote_area li>div{
	margin-left:10px;
	background:#0a0a0a;
	border-radius:10px;
	border:1px solid #181818;
}
#cont_vote ul.cont_vote_area li>div>div{
	background:#0f0f0f;
	margin:5px;
	border-radius:10px;
	padding:10px;
}
#cont_vote.active ul.cont_vote_area li{
	cursor:pointer;
	-webkit-touch-callout:none;
  -webkit-tap-highlight-color:#FFFFFF;
	/*background:#FFFFFF;
	color:#009AD1;*/
}
#vote_num_view{
	font-size:150%;
	margin:50px 0;
	color:#FFFFFF;
	text-align:center;
}
#cont_vote .cont_vote_area .cnt_num{
	background:#FFFFFF;
	padding:3px;
	text-align:center;
	color:#000000;
	margin-top:0;
}
#cont_vote .cont_blue{
	color:#008aff;
}



	
	
/*リトライ*/
#retry{
	cursor:pointer;
}




/*リンク*/
.cont_linkwrap{
	border: 1px solid #333333;
  clear: both;
  padding: 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.cont_linkwrap a{
	color:#FFFFFF;	
}




/*壁紙ダウンロード*/
.cont_down_list{
		margin-left:-10px;
		padding:0;
}
.cont_down_list li{
		list-style-type:none;
		width:33.3%;
		float:left;
}
.col2{
	width:66.6%;
	float:left;
}
.col2 .cont_down_list li{
		width:50%;
}
.cont_down_list>li>div{
	margin-left:10px;
	padding:15px 0;
}
.col1{
	width:33.3%;
	float:left;
}
.col1 .cont_down_list li{
		width:100%;
}






/*結果発表イベントについて*/
.cont_happyo{
	border: 1px solid #333333;
  clear: both;
  padding: 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.cont_happyo h2{
	font-size:200%;
	color:#FFFD00;
	margin:0;
	padding:0;
}





@media screen and (max-width:640px){
h1:before{
	padding-top:23%;
}

#cont_quiz_step{
	font-size:85.7%;
}
#cont_quiz_step ul{
	display:block;
}
#cont_quiz_step li{
	display:block;
	width:auto;
	box-sizing:border-box;
	border-right:1px dotted #4e4e4e;
	border-bottom:none;
}
#cont_quiz_step li:last-child{
	border-bottom:1px dotted #4e4e4e;
}
#cont_quiz_step li span img{
	width:40%;
	max-width:78px;
	display:block;
}

#cont_cntview p.cont_areaadd{
	font-size:79%;
}
#cont_cntview li .inner{
	margin:0;
}
#cont_quiz_view .cont_num{
	width:65px;
}
#cont_quiz_view p{
	margin:0;
	padding:8px;
}
.quiz_select_btn li{
	padding:0;
}

#cont_vote ul.cont_vote_area{
	margin-left:-5px;
}
#cont_vote ul.cont_vote_area li>div{
	margin-left:5px;
}
#cont_vote ul.cont_vote_area li>div>div{
	margin:0;
	padding:0;
	font-size:85.7%;
}
}