@import url(/css/common/mainVisual.css);

h1.topMain {

	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	transform: translate(-50%, -50%);
	z-index: 0;
	color: #ffffff;

}

/* -------------------------------------
　ページスタイル
-------------------------------------- */
#text-box p{

	margin-bottom:20px;

}

section{

	margin:0px auto 5px;

}

/* 権利表記
==================================================================================*/
.point{

	text-align:right;

}

.point a{

	display:inline-block;
	padding-left:10px;
	background-image:url(/img/common/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 40%;
	font-size:12px;

}

/* KONAMI News
==================================================================================*/
.news_box h3{

	font-size:120%;
	padding-left:8px;
	border-left:5px solid #b60014;
	border-bottom:1px solid #d1d1d1;
	display:block;
	vertical-align:bottom;

}

.news_box h3 span{

	font-size:70%;
	font-weight:normal;
	margin-left:10px;

}

.news_box h3 span a{

	margin:0px 5px;

}

/* KONAMI Notice News (コナミホールディングス)
==================================================================================*/
#knmNewsArea.news_box ul{

	padding:0;

}

#knmNewsArea.news_box ul li{

	width: 100%;
	vertical-align: top;
	margin-bottom: 2em;
	position: relative;
	text-align:left;

}

#knmNewsArea.news_box ul li a {

		display: block;
		height: 100%;
		position: relative;

}

#knmNewsArea.news_box ul li div.newsCom{

	font-size:0.8em

}

#knmNewsArea.news_box ul li div.newsCom span{

	background-color:#777777;
	color:#ffffff;
	text-align:center;

}

#knmNewsArea.news_box ul li div.newsCom:after{

	background-color:#ffffff;
	padding:0 1em;
	text-align:center;
	color:#333333;
	font-family:"メイリオ", Meiryo;

}

#knmNewsArea.news_box ul li span.text{

	padding:0.5em 0;
	display:block;

}


/* KONAMI Notice News
==================================================================================*/
#noticeArea.news_box ul.news{

	padding:0;
	padding-left:1em;

}

#noticeArea.news_box ul.news li{

	list-style-type:none;
	height:auto;
	padding:0;
	padding-left:1em;
	margin:0;

}

#noticeArea.news_box ul.news li div.date{

	font-size: 0.8em;
	font-family:"I-OTF-UDゴ本文Pro B","I-OTF-UDゴ表示Pro B{pm}";
	font-weight: 900;

}



/* KONAMI Group News
==================================================================================*/
#newsArea.news_box h3 a.rss{

	margin-left:10px;
	width:15px;
	height:15px;
	background-image:url(/img/common/ic_rss.png);
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;

}

#newsArea.news_box h3 a.rss span{

	display:none;

}

#newsArea.news_box .newslist{

	width:100%;
	margin:0px;
	padding:0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}

#newsArea.news_box .newslist li{

	width:100%;
	max-width:300px;
	height:500px;
	display:inline-block;
	vertical-align: top;
	margin-bottom:2em;
	border:1px solid #d0d0d0;

}

#newsArea.news_box .newslist li a{

	display:block;
	height: 100%;
	position: relative;

}

#newsArea.news_box .newslist li a:hover{

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

}

#newsArea.news_box .newslist li img{

	width:100%;
	height:100%;

}

#newsArea.news_box .newslist li a:hover img{

	transition:all .3s ease-in-out;
	transform:scale(1.08);

}

#newsArea.news_box .newslist li div.imgBox{

	background-color:#777777;
	padding-top:1.5em;
	overflow: hidden;
	/* height:320px; */

}

#newsArea.news_box .newslist li div.newsCom{

	color: #ffffff;
	background-color: #777777;
	text-align: center;
	margin-bottom:0.3em;
	padding:0.3em;

}

#newsArea.news_box .newslist li div.textBox{

	padding:0 0.5em;
	position:relative;

}
#newsArea.news_box .newslist li span{

	display:block;
	margin-bottom:0.5em;

}

.product li div.textBox span.date{

	font-size: 0.8em;
	font-family:"I-OTF-UDゴ本文Pro B","I-OTF-UDゴ表示Pro B{pm}";
	font-weight: 900;

}

.product li div.textBox span.date:before{

	font-family:"メイリオ", Meiryo;

}

#businessMenu{

	margin-bottom:4em;

}

#businessMenu .businessMenuBox{

	width:100%;

}

#businessMenu .businessMenuBox .businessMenuBtn{

	display: inline-table;
	width: 100%;
	height: 50px;
	vertical-align: middle;
	cursor: pointer;
	transition: all .3s ease-in-out;

}

#businessMenu .businessMenuBox .businessMenuBtn a{

	vertical-align: middle;
	text-align: center;
	display: table-cell;
	border:1px solid #aaaaaa;
	width:100%;
	line-height: 1.2em;
	font-size: 1em;

}

#businessMenu .businessMenuBox .businessContentBox h4{

	border-top: 1px solid #ffffff;
	padding-top:1em;
	margin-top:0.5em;
	font-size: 1.2em;

}

#newsArea.news_box ul li span.date:before{

	display:inline-block;
	position: absolute;
	top: 0;
	right:0.5em;

}

#newsArea.news_box ul li a:after{

	display:block;
	position: absolute;
	width: 100%;
	top: 0;
	color:#ffffff;
	font-weight: 900;
	text-align: center;

}


#newsArea.news_box ul li.release a:after{

	content: "Latest News";
	background-color:#777777;

}

#newsArea.news_box ul li.pickup a:after{

	content: "Pickup";
	background-color:#990014;

}

#newsArea.news_box ul li.information a:after{

	content: "Notice";
	background-color:#990014;

}

/* KONAMI News Share
==================================================================================*/
#knmNewsArea.news_box ul li.release div.newsCom:after,
#knmNewsArea.news_box ul li.ir-release div.newsCom:after,
#newsArea.news_box ul li.release span.date:before,
#newsArea.news_box ul li.ir-release span.date:before,
#businessMenu .businessContentBox .corporate-content .news-table dl.release dt span:after{

	content:"News Release";

}

#knmNewsArea.news_box ul li.topics div.newsCom:after,
#knmNewsArea.news_box ul li.ir-library div.newsCom:after,
#knmNewsArea.news_box ul li.ir-share div.newsCom:after,
#knmNewsArea.news_box ul li.ir-topics div.newsCom:after,
#newsArea.news_box ul li.topics span.date:before,
#newsArea.news_box ul li.ir-library span.date:before,
#newsArea.news_box ul li.ir-share span.date:before,
#newsArea.news_box ul li.ir-topics span.date:before,
#businessMenu .businessContentBox .corporate-content .news-table dl.topics dt span:after{

	content:"Topics";

}

#knmNewsArea.news_box ul li.info div.newsCom:after,
#knmNewsArea.news_box ul li.ir-notice div.newsCom:after,
#newsArea.news_box ul li.info span.date:before,
#newsArea.news_box ul li.ir-notice span.date:before,
#businessMenu .businessContentBox .corporate-content .news-table dl.info dt span:after{

	content:"Notice";

}

#knmNewsArea.news_box ul li.ath div.newsCom:after,
#knmNewsArea.news_box ul li.ath-gym div.newsCom:after,
#knmNewsArea.news_box ul li.ath-swim div.newsCom:after,
#knmNewsArea.news_box ul li.ath-gymswim div.newsCom:after,
#knmNewsArea.news_box ul li.ath-other div.newsCom:after,
#newsArea.news_box ul li.ath span.date:before,
#newsArea.news_box ul li.ath-gym span.date:before,
#newsArea.news_box ul li.ath-swim span.date:before,
#newsArea.news_box ul li.ath-gymswim span.date:before,
#newsArea.news_box ul li.ath-other span.date:before,
#businessMenu .businessContentBox .corporate-content .news-table dl[class*=ath] dt span:after{

	content:"Athlete";

}

#knmNewsArea.news_box ul li.mv div.newsCom:after,
#newsArea.news_box ul li.mv span.date:before,
#businessMenu .businessContentBox .corporate-content .news-table dl.mv dt span:after{

	content:"Movie News";

}

/* KONAMI Special content
==================================================================================*/
section#special-content{

	background-color:#787878;
	margin-bottom:0px;
	width:100%;
	margin:0px auto;
	color:#ffffff;
	padding-bottom:1em;

}

section#special-content .special-area{

	position:relative;

}

section#special-content .special-area h3{

	font-size:1.4em;
	margin-bottom:10px;

}

section#special-content .special-area h3 a{

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

}

section#special-content .special-area h3 a:hover{

	color:#ff9900;

}

section#special-content .special-area .index-box ul{

	list-style-type:none;

}

section#special-content .special-area .index-box ul li a{

	color:#ffffff;
	transition:all .3s ease-in-out;
	padding-left:15px;
	background-image:url(/img/common/white_arrow.png);
	background-repeat:no-repeat;
	background-position:left center;

}

section#special-content .special-area .index-box ul li a:hover{

	color:#ff9900;
	text-decoration:none;

}

section#special-content .special-area #special-box .itemBox{

	max-width:300px;
	width:100%;
	display:inline-block;
	margin-bottom:1em;
	vertical-align:top;

}

section#special-content .special-area #special-box .itemBox img{

	width:100%;

}

section#special-content .special-area #special-box .itemBox .text{

	padding:0px 10px;
	display:block;

}

section#special-content .special-area #special-box .itemBox a{

	color:#ffffff;
	display:block;
	transition:all .3s ease-in-out;

}

section#special-content .special-area #special-box .itemBox a:hover{

	color:#ff9900;
	text-decoration:none;

}

section#special-content .special-area #special-box .itemBox .pic{

	display:block;
	width:100%;
	position:relative;

}

section#special-content .special-area #special-box .itemBox .pic .icon{

	display:block;
	width:100%;
	position:absolute;
	padding-top:56.25%;
	background-image:url(/img/common/mv_icon.png);
	background-repeat:no-repeat;
	background-position:center;

}

section#special-content .special-area #special-box .itemBox .special:before{

	content:"特集";
	color:#494949;

	display:inline-block;
	width:150px;
	margin-right:10px;
	margin-bottom:5px;
	text-align:center;
	background-color:#ffffff;

}

section#special-content .special-area #special-box .itemBox .mv:before{

	content:"動画ニュース";
	color:#494949;
	display:inline-block;
	width:150px;
	margin-right:10px;
	margin-bottom:5px;
	text-align:center;
	background-color:#ffffff;

}

section#special-content .contentData_open{

	display:block;
	width:100%;
	padding:10px;
	background-color:#d1d1d1;
	color:#333333;
	font-size:1.6em;
	text-align:center;
	line-height:1.2em;
	cursor:pointer;
	margin:auto;

}

section#special-content .contentData_open span{

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

}

/* KONAMI Limited Movie
==================================================================================*/
#group-limited{

	margin:3em auto;

}

#group-limited .limited-area h3{

	font-size:120%;
	padding-left:8px;
	border-left:5px solid #b60014;
	border-bottom:1px solid #d1d1d1;
	display:block;
	vertical-align:bottom;
	margin-bottom:2em;

}

.bc-iframe, .bc-iframe body, .bc-player-HkUHPjJQG_default, .bc-player-HkUHPjJQG_default .vjs-poster{

	background-color: #ffffff;

}

.limited-box{

	/* text-align:center; */
	width:100%;
	max-width:768px;
	margin:auto;

}

.limited-box .limited-movieBox{

	display:none;

}

.limited-box .video-js{

	display:block;
	margin-bottom:2em;
	width:100%;
	margin:auto;
	margin-bottom:2em;

}

#limited-modal{

	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:none;
	color:#ffffff;

}

#limited-modal .limited-background{

	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:120;

}

#limited-modal .limited-box{

		position:absolute;
		top:50%;
	left:50%;
		transform:translate(-50%,-50%);
	z-index:150;

}


#limited-modal .limited-box .limitedMovie-close{

	font-size:2em;
	text-align:right;
	width:100%;
	max-width:768px;
	margin:auto;

}

#limited-modal .limited-box .limitedMovie-close i{

	cursor:pointer;

}

/* KONAMI 特別版
==================================================================================*/
section#specialEdition{

	padding:1em 0em;
	margin-bottom:1em;
	width:100%;

}

section#specialEdition #editionBox{

	max-width:980px;
	width:100%;
	margin:auto;
	display:block;
	text-align:center;

}

section#specialEdition #editionBox .itemBox{

	max-width:320px;
	width:100%;
	display:inline-block;
	margin-bottom:1em;
	vertical-align:top;

}

section#specialEdition #editionBox .itemBox img{

	width:100%;

}

section#specialEdition #editionBox .itemBox span{

	text-align:left;
	display:block;

}

section#specialEdition #editionBox .itemBox .text{

	padding:0px 10px;
	display:block;
	text-align:left;

}

section#specialEdition #editionBox .itemBox a{

	display:block;
	transition:all .3s ease-in-out;

}

section#specialEdition #editionBox .itemBox a:hover{

	color:#b60014;
	text-decoration:none;

}

section#specialEdition #editionBox .itemBox .pic{

	display:block;
	width:100%;
	position:relative;

}

section#specialEdition #editionBox .itemBox .pic .icon{

	display:block;
	width:100%;
	position:absolute;
	padding-top:56.25%;
	background-image:url(/img/common/mv_icon.png);
	background-repeat:no-repeat;
	background-position:center;

}

section#specialEdition #editionBox .itemBox .mv:before{

	content:"動画ニュース";
	color:#ffffff;
	display:inline-block;
	width:150px;
	margin-right:10px;
	margin-bottom:5px;
	text-align:center;
	background-color:#787878;

}

/* KCC銀座Section
==================================================================================*/
section#esportsArea{

	width:100%;
	background-color:#d1d1d1;
	margin:0;

}

section#esportsArea h4{

	padding-top:1em;
	margin-top:0.5em;
	font-size: 1.2em;

}

section#esportsArea #eSportsSubArea.subContentBox ul.table{

	list-style-type: none;
	padding:0;
	width:100%;

}

section#esportsArea #eSportsSubArea.subContentBox ul.table li{

	position:relative;

}


section#esportsArea #eSportsSubArea.subContentBox ul.table li.coming{

	cursor: pointer;
	transition: all .3s ease-in-out;

}

section#esportsArea #eSportsSubArea.subContentBox ul.table li a{

	display:block;
	width:300px;
	height:170px;
	overflow: hidden;

}

section#esportsArea #eSportsSubArea.subContentBox ul.table li span{

	display:none;

}

section#esportsArea #eSportsSubArea.subContentBox ul.table li a:after{

	content: "";
	color:#ffffff;
	background-color: rgba(0,0,0,0);
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 170px;
	text-align: center;
	transition: all .3s ease-in-out;
	display:block;

}

/* section#esportsArea #eSportsSubArea.subContentBox ul.table li a:hover:after{

	content: "\00a0";
	background-color: rgba(182,0,20,0.3);

}*/

section#esportsArea #eSportsSubArea.subContentBox ul.table li a:hover img{

	transition: all .3s ease-in-out;
	transform:scale(1.08);

}

section#esportsArea #eSportsSubArea.subContentBox ul.table li.coming a:hover:after{

	content: "Coming Soon";
	background-color: rgba(0,0,0,0.6);

}


/* 一時的なお知らせ
==================================================================================*/
#tempNews ul{

	list-style-type: none;
	padding:0;
	margin:0;
	margin-bottom:3em;

}

#tempNews ul li{

	font-size:1em;

}

#tempNews ul li:not(:last-of-type){

	margin-bottom:1em;

}

#tempNews ul li:before{

	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 8px;
	border-color: transparent transparent transparent #787878;
	display:inline-block;
	margin-right:0.5em;
	margin-left:1em;

}

@media (min-width:769px){

	h2{

		font-size:120%;
		padding-left:8px;
		border-left:8px solid #b60014;
		display:block;
		margin-left:10px;
		vertical-align:bottom;

	}

	/* TOP画像部分 CSS
	==================================================================================*/
	#top_main{

		max-height: 600px;
		width:100%;
		max-width:1200px;
		min-width:980px;
		position:relative;
		margin-bottom:0px;

	}

	#top_main .title{

		position:absolute;
		display:block;

		top:50%;
		transform:translateY(-50%);

		left:calc((100% - 980px) / 2 + 1em);
		left:-webkit-calc((100% - 980px) / 2 + 3em);

	}


	#top_main .title span{

		font-family:"メイリオ", Meiryo;
		color:#555555;
		font-weight:normal;
		font-size:30px;
		line-height:1.8em;
		text-shadow:0px 0px 15px #ffffff,10px 0px 15px #ffffff,10px 10px 15px #ffffff,0px 10px 15px #ffffff,-10px 0px 15px #ffffff,-10px -10px 15px #ffffff,0px -10px 15px #ffffff,10px -10px 15px #ffffff,-10px 10px 15px #ffffff;
		z-index:50;

	}

	/* 事業部エリア
	==================================================================================*/
	/* 事業部エリア
	==================================================================================*/
	#businessMenu{

		width:980px;
		display: flex;
		justify-content: space-between;
		position: relative;

	}

	#businessMenu .businessMenuBox:not(:last-of-type){

		margin-right:1em;

	}

	#businessMenu .businessMenuBox a{

		transition: all .3s ease-in-out;

	}

	#businessMenu .businessMenuBox .businessMenuBtn a:hover{

		border-bottom:rgba(117,117,117,0.85);
		background-color:rgba(117,117,117,0.85);
		color:#ffffff;

	}

	#businessMenu .businessMenuBox.active .businessMenuBtn a{

		border-bottom:rgba(117,117,117,0.85);
		background-color:rgba(117,117,117,0.85);
		color:#333333;

	}

	#businessMenu .businessMenuBox .businessContentBox{

		color:#ffffff;
		position:absolute;
		width: 980px;
		background: rgba(117,117,117,0.85);
		padding: 1em;
		z-index: 500;
		display:none;
		top:50px;
		left:0;

	}

	#businessMenu .businessMenuBox.active .businessContentBox{

		z-index:450;

	}

	#businessMenu .businessMenuBox .businessContentBox a{

		color:#ffffff;

	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink{

		position:relative;
		text-align: right;
		padding-right:1em;

	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink ul{

		padding:0;
		margin:0;
		list-style-type: none;
		display:flex;
		/* position: absolute;
		top: 50%;
		left: 0.5em;
		transform: translateY(-50%); */

	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink ul li{

		margin:0;
		padding:0;
		margin-left:2em;
		padding-left: 1em;
		display:inline-block;
		position:relative;

	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink ul li:first-of-type{

		margin:0;

	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink ul li:before{

		content:"";
		display:inline-block;
		width:10px;
		height:10px;
		margin:auto;
		position:absolute;
		top:0px;
		left:0px;
		bottom:0px;
		background-color:#b60014;
		border-radius:4px;


	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink ul li:after{

		content:"";
		position:absolute;
		border-top:1px solid #ffffff;
		border-right:1px solid #ffffff;
		top:0px;
		bottom:0px;
		left:0px;
		display:inline-block;
		height:5px;
		width:5px;
		margin:auto;
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);

	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink ul li a{

		font-size:1.2em;

	}

	#businessMenu .businessMenuBox .businessContentBox .businessCorporateLink .subContentMenuClose{

		display:none;
		background-image: url(/img/common/content-close.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: contain;
		cursor: pointer;
		width: 2em;
		height: 2em;
		margin-right:0.5em;

	}

	#businessMenu .businessMenuBox .businessContentBox .flexBox{

		display: flex;
		justify-content: space-between;

	}

	#businessMenu .businessMenuBox .businessContentBox .table{

		padding:0;
		margin:1em;
		display:inline-block;

	}

	#businessMenu #kdeArea.businessMenuBox .table{

		width:25%;
		text-align:center;

	}

	#businessMenu .businessMenuBox .businessContentBox span.small{

		font-size:0.7em;
		margin-left:10px;

	}

	#businessMenu #kamArea.businessMenuBox .table{

		width: 35%;
		padding: 0;
		margin: 1em 0;
		display: flex;
		justify-content: space-between;
		list-style: none;

	}

	#businessMenu #kamArea.businessMenuBox .table li{

		width:49%;
		vertical-align: top;
		text-align: center;

	}

	#businessMenu #kamArea.businessMenuBox .table li a{

		display: inline-block;
		vertical-align: middle;

	}


	#businessMenu #kamArea.businessMenuBox .table li a img{

		width:100%;
		max-width: 80px;
		background-color: #333333;

	}

	#businessMenu #kamArea.businessMenuBox .socialBox{

		width:30%;

	}
	
	#businessMenu #kamArea.businessMenuBox .businessContentBox ul.socialWeb{

		width:10em;

	}
	
	

	#businessMenu #kgiArea.businessMenuBox .flexTableBox{

		margin:1em auto 2em;
		margin: 1em auto 2em;
		display: flex;
		justify-content: space-between;
		width: 100%;

	}

	#businessMenu #kgiArea.businessMenuBox .flexTableBox .table{

		width: 33%;
		line-height: 1em;
		vertical-align: bottom;
		margin: 0;
		padding: 0 0.5em;
		text-align: center;

	}

	#businessMenu #kgiArea.businessMenuBox .flexTableBox .table a{

		display: inline-block;

	}

	#businessMenu #kgiArea.businessMenuBox .flexTableBox .table img{

		width:100%;
		display:block;

	}

	#businessMenu #kgiArea.businessMenuBox .flexBox{

		width:500px;
		margin:auto;

	}

	#businessMenu #kgiArea.businessMenuBox .flexBox .table{

		width:50%;
		padding:0 1em;

	}

	#businessMenu #kgiArea.businessMenuBox .flexBox .table li{

		white-space: nowrap;

	}

	#businessMenu #kscArea.businessMenuBox .flexBox{

		margin:1em 0;
		padding:0 1em;

	}

	#businessMenu #kscArea.businessMenuBox .table{

		margin:0;
		width:14%;

	}


	#businessMenu .businessMenuBox .businessContentBox div.businessTextBox p{

		padding:1em;
		display:block;

	}


	#businessMenu .businessMenuBox .businessContentBox ul.listBox{

		margin: auto;
		padding: 0;
		width: 70%;
		text-align:left;

	}

	#businessMenu .businessMenuBox .businessContentBox ul.listBox li{

		line-height: 1.2em;
		margin-bottom:0.5em;

	}


	#businessMenu .businessMenuBox .businessContentBox .corporate-content h1.newsTitle{

		padding:1em 0 0.5em;
		margin-top:1em;
		font-weight:bold;
		border-top:1px solid #777777;
		font-size:1.2em;

	}

	#businessMenu .businessMenuBox .businessContentBox .corporate-content .news-table dl{

		display:table-row;

	}

	#businessMenu .businessMenuBox .businessContentBox .corporate-content .news-table dl dt, #businessMenu .businessMenuBox .businessContentBox .corporate-content .news-table dl dd{

		display:table-cell;
		padding-bottom:1em;
		vertical-align:top;

	}

	#businessMenu .businessMenuBox .businessContentBox .corporate-content .news-table dl dt{

		white-space:nowrap;
		width:25%;

	}

	#businessMenu .businessMenuBox .businessContentBox .corporate-content .news-table dl dt span:after{

		width:120px;
		height:100%;
		text-align:center;
		background-color:#333333;
		color:#fdfdfd;
		margin:0em 1em;
		display:inline-block;
		white-space:pre;
		font-size:87.5%;
		font-weight:900;

	}

	#businessMenu #businessMenu .businessMenuBox .businessContentBox a:hover{

		color:#ff9900;

	}

	/* Bannerエリア
	==================================================================================*/
	#banner {

		margin-bottom:20px;
		position:relative;
		width:980px;

	}

	#banner-box{

		width:100%;
		height:100%;
		overflow:hidden;
		position:relative;
		margin:0px auto;

	}

	#banner div.icon_box{

		width:15px;
		height:165px;
		background-color:#ececec;
		display:none;
		position:absolute;
		z-index:100;

	}

	#banner div.before{

		background-image:url(/img/common/before_off.png);
		background-repeat:no-repeat;
		background-position:center center;
		top:0px;
		left:0px;

	}

	#banner div.after{

		background-image:url(/img/common/after_off.png);
		background-repeat:no-repeat;
		background-position:center center;
		top:0px;
		right:0px;

	}

	#banner div .icon{

		position:absolute;
		width:50px;
		height:50px;
		z-index:50;
		display:none;
		cursor:pointer;
		top:35px;

	}

	#banner div.before .icon{

		background-image:url(/img/common/banner_before.png);
		left:0px;
		top:35%;

	}

	#banner div.after .icon{

		background-image:url(/img/common/banner_after.png);
		right:0px;
		top:35%;

	}

	#banner-box ul#banner-main{

		list-style-type:none;
		padding:0px;
		display:block;
		text-align:center;

	}

	#banner-box ul#banner-main li{

		width:300px;
		height:300px;
		display:inline-block;
		margin-right:2.5em;

	}

	#banner-box ul#banner-main li:last-of-type{

		margin-right:0px;

	}

	#banner-box ul#banner-main li a{

		display:inline-block;
		height:100%;
		position:relative;
		border:1px solid #d1d1d1;

	}

	#banner-box ul#banner-main li a img{

		border:none;
		width:100%;

	}

	#banner-box ul#banner-main li a div.filter{

		background-color:#ff0000;
		width:300px;
		height:300px;
		position:absolute;
		top:0px;
		left:0px;
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		-khtml-opacity:0.2;
		opacity:0.2;

	}

	/* KONAMI Group News
	==================================================================================*/
	#newsArea.news_box .newslist li:not(:nth-of-type(3n)){

		/* margin-right:2.7em; */

	}

	/* KONAMI Notice News (コナミホールディングス)
	==================================================================================*/
	#knmNewsArea.news_box ul{

		padding-left:1em;

	}

	#knmNewsArea.news_box ul li {

		padding-left:1em;
		display:block;
		width:100%;

	}

	#knmNewsArea.news_box ul li span.date{

			width:16em;
			display:inline-block;

	}

	#knmNewsArea.news_box ul li div.newsCom span{

		padding:0 1em;
		width:25em;
		display:inline-block;

	}

	#knmNewsArea.news_box ul li div.newsCom:after{

		display:inline-block;
		padding:0 1em;
		width:8em;

	}

	#knmNewsArea.news_box ul li span.text{

		padding:0.5em 0;
		display:block;

	}

	#knmNewsArea.news_box ul li .newsCom{

		display:inline-block;
		margin-left:1em;

	}

	/* KONAMI Special content
	==================================================================================*/
	section#special-content{

		min-width:980px;

	}

	section#special-content .special-area{

		max-width:980px;
		margin:0px auto;
		padding:15px 0px;
		width:100%;

	}

	section#special-content .special-area .index-box{

		text-align:right;

	}

	section#special-content .special-area .index-box ul{

		display:inline-flex;
		padding:0.5em;

	}


	section#special-content .special-area .index-box ul li{

		margin-left:20px;

	}

	section#special-content .special-area #special-box{

		width:980px;
		display: flex;
		/* justify-content: space-between; */
		flex-wrap: wrap;

	}

	section#special-content .special-area #special-box .itemBox:not(:nth-of-type(3n)){

		margin-right:2.7em;

	}

	section#special-content .special-area #special-box .itemBox:nth-of-type(3n){

		margin-right:0px;

	}

	section#special-content .special-area #special-box .itemBox{

		height:300px;

	}

	/* KNM 特別版
	==================================================================================*/
	section#specialEdition #editionBox .itemBox:not(:last-of-type){

		margin-right:5px;

	}

	/* KCC銀座セクション
	==================================================================================*/
	#esportsArea .subContentBox{

		width:980px;
		margin:auto;

	}

	#esportsArea .subContentBox .flexBox{

		display: flex;
		justify-content: space-between;

	}

	#esportsArea .subContentBox ul.table{

		display:flex;
		justify-content: space-between;
		margin:1em 0 2em;

	}

	/* 表示させないもの
	==================================================================================*/
	#knm_menu {

		display:none;

	}

	.limited-box .limited-movieBox{

		width:100%;
		max-width:768px;
		margin:auto;

	}

	#limited-modal .limited-box .video-js{

		width:100%;
		padding-top:56.25%;

	}

	#group-limited .limited-box .video-js{

		padding-top:56.25%;

	}

	#newsArea.news_box .newsData_open{

		display:none;

	}


}

@media (max-width:768px){

	/* TOP画像部分 CSS
	==================================================================================*/
	#top_main{

		width:100%;
		position:relative;

	}

	#top_main .title{

		position:absolute;
		display:block;

		width:90%;

		left:50%;
		bottom:2em;
		transform:translateX(-50%);
		z-index:50;

	}

	#top_main .mobileImgBox li a>span{

		display:none;

	}

	#top_main .title span{

		font-size:18px;
		font-family:"メイリオ", Meiryo;
		color:#555555;

		line-height:1.6em;

		font-weight:normal;
		text-shadow:0px 0px 15px #ffffff,10px 0px 15px #ffffff,10px 10px 15px #ffffff,0px 10px 15px #ffffff,-10px 0px 15px #ffffff,-10px -10px 15px #ffffff,0px -10px 15px #ffffff,10px -10px 15px #ffffff,-10px 10px 15px #ffffff;

	}

	#top_main .group_box{

		position:static;
		bottom:0px;
		left:0px;
		z-index:50;
		padding:0px;
		width:100%;

	}

	#top_main .thumnail-button{

		display:none;

	}

	/* 企業情報エリア
	==================================================================================*/
	#knm_menu {

		display:block;
		margin: 0px auto 10px;
		text-align: center;

	}

	#knm_menu ul{

		margin:0px;
		padding:0px;
		list-style-type:none;
		text-align: left;

	}

	#knm_menu ul li{

		/* float:left; */
		display:inline-block;

		width:49%;
		border:1px solid #ccc;
		border-bottom:none;

		/*
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		*/

		padding:10px 5px;
		font-size:90%;

		background:#fff;
		background:-moz-linear-gradient(top, #fff, #e8e8e8);
		background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
		background:-webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
		background:-ms-linear-gradient(top, #fff 0%,#e8e8e8 100%);
		background:-o-linear-gradient(top, #fff 0%,#e8e8e8 100%);
		background:linear-gradient(to bottom, #fff 0%,#e8e8e8 100%);

	}

	#knm_menu ul li:nth-last-of-type(-n+2){

		border-bottom:1px solid #ccc;

	}

	#knm_menu ul li a{

		background-image:url(/img/common/mobile/icon_box_arrow_r.gif);
		background-color:transparent;
		background-repeat:no-repeat;
		background-position:right center;
		background-size:11px 11px;
		width:100%;
		height:100%;
		display:inline-block;
		text-align:left;

	}

	/* 事業部エリア
	==================================================================================*/
	#businessMenu{

		padding:0 1em;

	}

	#businessMenu .businessMenuBox .businessMenuBtn{

		text-align:center;
		margin-bottom:0.5em;
		width:100%;

	}

	#businessMenu .businessMenuBox .businessContentBox{

		display: none !important;

	}

	/* KONAMI Group News
	==================================================================================*/
	#knmNewsArea.news_box .newslist{

		text-align:center;

	}

	#knmNewsArea.news_box ul li{

		max-width: 300px;
			display: inline-block;
		border: 1px solid #d0d0d0;

	}

	#knmNewsArea.news_box ul li div.newsCom:after{

		position:absolute;
		right:0em;
		top:2.5em;
		display:block;

	}

	#knmNewsArea.news_box ul li a{

		padding:2em 0.5em 0.5em;

	}

	#knmNewsArea.news_box ul li .newsCom{

		font-size: 0.8em;
			text-align: right;
			width: 55%;
			display: inline-block;

	}

	#knmNewsArea.news_box ul li .newsCom span{

		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:0;


	}


	#newsArea.news_box .newslist{

		text-align: center;

	}

	#newsArea.news_box .newslist li{

		text-align: left;
		margin:auto;
		margin-bottom:2em;
		display:none;
		height:100%;
		min-height: 500px;

	}

	#newsArea.news_box .newslist li.active{

		display:inline-block;

	}

	#newsArea.news_box .newsData_open{

		display:block;
		width:100%;
		padding:10px;
		background-color:#d1d1d1;
		color:#333333;
		font-size:1.6em;
		text-align:center;
		line-height:1.2em;
		cursor:pointer;
		margin:auto;

	}

	#newsArea.news_box .newsData_open span{

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

	}


	/* KONAMI Special content
	==================================================================================*/
	section#special-content .special-area h3{

		padding:0.5em;

	}

	section#special-content .special-area .index-box ul{

		padding:0.5em;
		text-align:right;

	}

	section#special-content .special-area .index-box ul li{

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

	}

	section#special-content .special-area #special-box{

		text-align:center;


	}

	section#special-content .special-area #special-box .itemBox{

		margin:0px auto 20px;
		text-align:left;

	}

	/* KCC銀座セクション
	==================================================================================*/
	#esportsArea {

		padding:1em 0.5em;

	}

	section#esportsArea{

		text-align:center;

	}

	section#esportsArea h4{

		padding:0;
		margin:0;
		margin-bottom:1em;

	}

	#esportsArea .subContentBox ul.table{

		text-align: center;
		display:block;

	}

	#esportsArea .subContentBox ul.table li{

		width:100%;

		display:block;

		margin-bottom:1em;
		text-align:center;


	}

	#esportsArea .subContentBox ul.table li a{

		margin:auto;

	}

	#esportsArea .subContentBox ul.table li.coming a:after{

		content: "Coming Soon";
		background-color: rgba(0,0,0,0.6);
		left: 50%;
		transform: translateX(-50%);

	}


	/* 表示させないもの
	==================================================================================*/
	#banner {

		display:none;

	}

	.limited-box .video-js{

		padding-top:56.25%;

	}

}

@media(min-width:640px) and (max-width:768px){

	#knmNewsArea.news_box ul li{

		max-width: 640px;
			display: inline-block;
		border: 1px solid #d0d0d0;

	}

	#knmNewsArea.news_box ul li .newsCom{

		width:75%;

	}

	#newsArea.news_box .newslist, section#special-content .special-area #special-box{

		text-align:left;
		width: 640px;
		margin: auto;

	}

	#newsArea.news_box .newslist li{

		margin:0;
		margin-bottom:2em;

	}

	#newsArea.news_box .newslist li:nth-of-type(odd), section#special-content .special-area #special-box .itemBox:nth-of-type(odd){

		margin-right:2em;

	}

	section#special-content .special-area #special-box .itemBox{

		height:300px;

	}

}