@charset "utf-8";

/*
フッター・サイトマップ
----------------------------------------- */
footer #page_sitemap{

	display:block;

}

.jobs_menu .jobs-title small{

	font-size:0.8em;
	margin-left:1em;
	font-weight:normal;
	font-family:"I-OTF-UDゴ本文Pro R";
	display:inline-block;

}

#section-contents-footer{

	width:100%;

}

/* KONAMI Special content
==================================================================================*/
#videoNewList{

	background-color:#787878;
	margin-bottom:0px;
	width:100%;
	margin:0px auto;
	padding:2em 0;
	margin-bottom:2.5em;
	font-size:1.1em;

}

#videoNewList .videoBox{

	position:relative;

}

#videoNewList .videoBox h3{

	font-size:1.4em;
	color:#ffffff;

}

#videoNewList .videoBox h3 span.small{

	font-size:0.6em;
	font-weight:normal;
	line-height:1em;
	display:inline-block;
	margin-left:2em;
	font-family:"I-OTF-UDゴ本文Pro R";


}

#videoNewList .videoBox a{

	color:#ffffff;
	transition:all .3s ease-in-out;
	text-decoration:none;

}

#videoNewList .videoBox a:hover{

	color:#ff9900;

}

#videoNewList .videoBox .index-box ul{

	list-style-type:none;
	padding:0px;

}

#videoNewList .videoBox .index-box ul li a{

	padding-left:15px;
	background-image: url(/img/common/icons/white_arrow.svg);
	background-size: 1em;
	background-repeat:no-repeat;
	background-position:left center;

}

#videoNewList .videoBox .pic{

	margin-bottom:0.5em;

}

#videoNewList .videoBox .movie-box{

	margin-bottom:auto;

}

#videoNewList .videoBox .movie-box .itemBox div.pic+span:before{

	background-color:#ffffff;
	color:#494949;

}

#videoNewList .videoBox .contentData_open{

	background-color: #d1d1d1;
	color: #333333;

}

#videoNewList .videoBox .contentData_open span i{

	display:none;

}

#videoNewList .videoBox .contentData_open span{

	padding-right: 30px;
	background-image: url(/img/common/icons/reload01.svg);
	background-repeat: no-repeat;
	background-position: right center;

}


@media (min-width:769px){

	section#content-box.clearfix{

		display:block;

	}

	section#content-box .pageTitleTop .content-open{

		top:10px;

	}

	/* KONAMI Special content
	==================================================================================*/
	#videoNewList .videoBox{

		width:980px;
		margin:auto;

	}

	#videoNewList .videoBox .index-box{

		position:absolute;
		top:0px;
		right:10px;

	}

	#videoNewList .videoBox .index-box ul li{

		float:left;
		margin-left:20px;

	}

	/*
	フッター・サイトマップ
	==================================================================================*/
	footer #page_sitemap .jobs_menu .pageSub-menu>li{

		width:25%;

	}

	.spNon{

		display:none;

	}

}


@media (max-width:768px){

	section#content-menu{

		top:61px;

	}

	section#content-menu .pageMain-menu {

		border-top:none;
		border-bottom:none;

	}

	section#content-menu .jobs-title:not(:first-of-type){

		margin-top:30px;

	}

	section#content-menu .pageSub-menu li{

		border:none;


	}

	section#content-menu .pageSub-menu h3{

		padding-left:10px;

	}

	section#content-menu h3.jobCareer{

		padding: 10px;
		padding-left:15px;

	}


	.jobs_menu .jobs-title small a{

		display:inline-block !important;

	}

	/* KONAMI Special content
	==================================================================================*/
	#videoNewList .videoBox h3{

		padding:0 0.5em;
		line-height: 1em;

	}

	#videoNewList .videoBox h3 a{

		display:block;
		margin-bottom:0.3em;

	}

	#videoNewList .videoBox h3 span.small{

		display:block;
		margin:0;
		margin-bottom:1em;

	}

	#videoNewList .videoBox .index-box ul{

		margin:0.5em;
		padding:0px;
		text-align:right;

	}

	#videoNewList .videoBox .index-box ul li{

		display:inline-block;
		margin-left:20px;

	}

	#videoNewList .videoBox .movie-box .itemBox{

		text-align:left;


	}

	#videoNewList .videoBox .movie-box .itemBox div.pic+span{

		font-size:0.8em;

	}

	#videoNewList .videoBox .movie-box .itemBox div.pic+span:before{

		font-size:1em;

	}



	/*
	フッター・サイトマップ
	==================================================================================*/
	footer .jobs_menu ul.pageSub-menu li h3{

		background-color: #aaaaaa;
		padding:5px !important;
		padding-left: 15px !important;

	}

	footer .jobs_menu ul.pageSub-menu li h3 a {

		text-align: left;
		padding: 0px;

	}

	.pcNon{

		display:none;

	}

}