@charset "utf-8";
@media screen and (max-width: 780px){
/* 共通ヘッダー用 */
body{ background:none;overflow:hidden; }
#header, #cm_header{ width:100%; height:auto; }
#globalNavi li form{ width:100%; }
#searchtext{ width:80%; }
#sitelogo, #cm_sitelogo{ float:none; width:30%; height:auto; margin-bottom:10px; }
#sitelogo img{ padding-top:10px; margin:0; }
#topbanner{ display:none; }
#globalNavi ul{ width:100%; height:auto; position:inherit; padding:0; }
#globalNavi li{ height:auto; float:none; background:#000; border-bottom:1px solid #484848; }
#globalNavi li:hover{ background-color:#353535; }
#wrapper{ width:100%; padding:0; }
#globalNavi li a { text-indent:0; overflow:inherit; background:none; width:auto; }
#content{ background:none; }
#floatingbar { display: none; }

.sp { display: block !important; }

#headBlock {
	position:relative;
	padding: 6.5% 0 0 0;
	background-size: 100% auto;
	background-repeat: repeat-y;
}
#headBlock h1 {
	width: 60%;
	height: auto;
	margin: 0 auto 7% auto;
	position: relative;
	background-size: 100% auto;
	background: url(/common/special/award/2014/img/index_ttl_mainVisual.gif) left top no-repeat;
}

	#headBlock h1 span {
			position: absolute;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
			display: block;
			text-indent: -9999px;
	}
	#headBlock h1:before {
		content: "";
		display: block;
		padding-top: 63.18%;
	}
#headBlock .linkBtn {
	width: 96%;
	padding: 2%;
	position: static;
	margin: 0;
	background: #ced3da;
}
	#headBlock .linkBtn .btn01 {
		width: 49%;
		height: auto;
		position: relative;
	}
		#headBlock .linkBtn .btn01 a {
			background: url(/common/special/award/2014/img/index_btn_mainVisual_chart_sp.gif) left top no-repeat;
			background-size: 100%;
		}
	#headBlock .linkBtn .btn02 {
		width: 49%;
		height: auto;
		position: relative;
	}
		#headBlock .linkBtn .btn02 a {
			background: url(/common/special/award/2014/img/index_btn_mainVisual_vote_sp.gif) left top no-repeat;
			background-size: 100%;
		}
	#headBlock .linkBtn .btn:before {
		content: "";
		display: block;
		padding-top: 81.96%;
	}
	#headBlock .linkBtn .btn a {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		display: block;
	}

	/* menu */
	#headBlock #menu {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
	}
		#headBlock #menu #menuBtn {
			width: 45px;
			height: 45px;
			float: right;
			margin-top: 20px;
			margin-right: 2%;
			position: relative;
		}
			#headBlock #menu #menuBtn a {
				width: 100%;
				height: 100%;
				position: absolute;
				top:0;
				left:0;
				display: block;
				text-indent: -9999px;
				background-size: 45px 45px !important;
			}
			#headBlock #menu #menuBtn a.btn_open {
				background: url(/common/special/award/2014/img/index_btn_menu_sp.gif) left top no-repeat;
			}
			#headBlock #menu #menuBtn a.btn_close {
				background: url(/common/special/award/2014/img/index_btn_close_sp.gif) left top no-repeat;
			}
		#headBlock #menu .menuInner {
			width: 96%;
			height: 100%;
			display: none;
			padding: 74px 2% 0 2%;
			background: rgba(255,255,255,0.8);
		}
		#headBlock #menu ul {
			width: 100%;
			padding-top: 9px;
			background: url(/common/special/award/2014/img/index_bg_menu_sp.png) 96% top no-repeat;
			background-size: 12px 9px;
		}
			#headBlock #menu li {
				width: 100% !important;
				float:none;
				margin:0;
				background:none;
			}
			#headBlock #menu li.menu01 {
				border-top: 6px solid #ced3da;
			}
			#headBlock #menu .menu01:before, .menu01:after {
				padding-top: 10px;
			}
			#headBlock #menu li a {
				width: 100% !important;
				-wibkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				height:50px;
				line-height: 50px;
				display:block;
				color: #fff;
				font-size: 24px;
				text-shadow: none;
				padding: 0 3.2%;
				font-family: Helvetica NeueUI, Helvetica, "Trebuchet MS", Arial, sans-serif;
				overflow:hidden;
				position: relative;
			}
			#headBlock #menu li a:after {
				position: absolute;
				top: 50%;
				right: 3.2%;
				display: block;
				content: '';
				width: 8px;
				height: 8px;
				margin-top: -4px;
				border-top: 3px solid #fff;
				border-right: 3px solid #fff;
				-webkit-transform: rotate(135deg);
				transform: rotate(135deg);
			}
			#headBlock #menu li a.btn_about{ background: url(/common/special/award/2014/img/index_nav_about_sp.gif) 15px 50% no-repeat #f58500; background-size: 81px 18px; }
			#headBlock #menu li a.btn_chart{ background: url(/common/special/award/2014/img/index_nav_chart_sp.gif) 15px 50% no-repeat #1797d4; background-size: 79px 18px; }
			#headBlock #menu li a.btn_vote{ background: url(/common/special/award/2014/img/index_nav_vote_sp.gif) 15px 50% no-repeat #f7c600; background-size: 60px 18px; }
			#headBlock #menu li a.btn_commentary{ background: url(/common/special/award/2014/img/index_nav_crtCommentary_sp.gif) 15px 50% no-repeat #e60027; background-size: 254px 18px; }
			#headBlock #menu li a.btn_archive{ background: url(/common/special/award/2014/img/index_nav_archive_sp.gif) 15px 50% no-repeat #00a33b; background-size: 100px 18px; }

/* maincontent */
#maincontent {
	padding-bottom: 35px;
}
#maincontent .section {
	padding: 2% 0 3.4% 0;
}