@charset "utf-8";
/* **************************************************************** *
 * @desc@ 共通レイアウト
 * @edit@ 2019/02/20 強調タグのスタイルを継承に修正
 * @edit@ 2019/01/15 操作許可まわり修正
 * **************************************************************** */
body{
	background:#000;
	color:#000;
	font-size:1.4rem;
	line-height:1.8em;
	text-align:center;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	-webkit-user-select:none;
	-webkit-user-drag:none;
/*	-webkit-touch-callout:none; */
	-khtml-user-select:none;
	-khtml-user-drag:none;
	-moz-user-select:none;
	-moz-user-drag:none;
	user-select:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.8em;
	font-weight:normal;
}
p{
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.8em;
}
ul,ol,li,dl,dt,dd{
	list-style:none;
	margin:0;
	padding:0;
}
a{
	color:#61b100;
	text-decoration:none;
	transition:all 0.4s;
}
a:hover{
	color:#a1f100;
}
img{
	max-width:100%;
	height:auto;
	line-height:0 !important;
	vertical-align:bottom;
}
a img{
	transition:all 0.4s;
}
a:hover img{
	opacity:0.6;
}
strong,em{
	font-weight:inherit;
	font-style:inherit;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	html{
		font-size:70.0%;
	}
}
/* ================================================================ *
 * @desc@ 汎用クラス
 * ================================================================ */
.emColor01{
	color:#c82800;
}
.emColor02{
	color:#4670cc;
}
.emColor03{
	color:#0096a5;
}
.emBold{
	font-weight:bold;
}
/* 操作許可 */
.ctrlAllow{
	-webkit-user-select:text !important;
	-webkit-user-drag:auto !important;
/*	-webkit-touch-callout:default !important; */
	-khtml-user-select:text !important;
	-khtml-user-drag:auto !important;
	-moz-user-select:text !important;
	-moz-user-drag:auto !important;
	user-select:text !important;
/*	user-drag:element !important; */
}
/* ================================================================ *
 * @desc@ ベースレイアウト
 * ================================================================ */
#Wrap{
	padding:150px 0 0;
	background:#fff url(../img/wrap_bg.png) center repeat fixed;
}
#Container{
	position:relative;
	margin:0 auto;
	padding:0 0 20px;
	width:1280px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Wrap{
		padding:100px 0 0;
	}
	#Container{
		padding:0 10px 20px;
		width:380px;
	}
}
/* ================================================================ *
 * @desc@ セクション
 * ================================================================ */
section.cmnSection{
	position:relative;
	padding:0 0 100px;
}
section.cmnSection>h1{
	margin:0 0 65px;
}
section.cmnSection .btList{
	margin:0;
	text-align:center;
}
section.cmnSection .btList>li{
	display:inline-block;
	margin:0 15px;
	vertical-align:middle;
}
section.cmnSection .bt{
	overflow:hidden;
	display:inline-block;
	position:relative;
	padding:5px 10px;
	background:
		url(../img/bt_bg_l.png) -40% 0 no-repeat,
		url(../img/bt_bg_r.png) 120% 0 no-repeat,
		#000;
	background-size:auto 100%,auto 100%;
	color:#fff;
	line-height:1.0em;
	text-align:center;
	vertical-align:middle;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	section.cmnSection{
		padding:0 0 50px;
	}
	section.cmnSection>h1{
		margin:0 0 50px;
	}
	section.cmnSection>h1 img{
		width:auto;
		height:50px;
	}
}
/* ================================================================ *
 * @desc@ ウィンドウフレーム
 * ================================================================ */
.frameBox{
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding:27px 0;
	max-width:980px;
	background-color:transparent;
	background-image:
		url(../img/frame_lt.png),
		url(../img/frame_rb.png);
	background-position:left top,right bottom;
	background-repeat:no-repeat,no-repeat;
}
.frameBox:before,
.frameBox:after{
	content:'';
	box-sizing:border-box;
	position:absolute;
	width:100%;
	height:20px;
	background:#000;
}
.frameBox:before{
	left:30px;
	top:7px;
}
.frameBox:after{
	right:30px;
	bottom:7px;
}
.frameBox>div{
	border:1px solid #000;
	background:#fff;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
}
/* ================================================================ *
 * @desc@ ニュースリスト
 * ================================================================ */
.newsList{
	padding:0 0 50px;
}
.newsList>li{
	display:inline-block;
	margin:0 20px 50px;
	border:1px solid #b5b5b6;
	background:#fff;
	font-size:1.6rem;
	line-height:1.6em;
	vertical-align:top;
}
.newsList>li>a,.newsList>li>span{
	position:relative;
	display:block;
	width:416px;
	height:430px;
	color:#000;
	text-decoration:none;
	transition:all 0.4s;
}
.newsList>li.none>span{
	padding:195px 0;
	width:416px;
	height:40px;
	font-size:40px;
	line-height:40px;
	color:#b5b5b6;
}
.newsList>li>a:hover{
	opacity:0.6;
}
.newsList>li .detail{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	text-align:left;
}
.newsList>li .detail .date{
	display:block;
	padding:15px 20px 0 39px;
	color:#808080;
	font-size:1.5rem;
	line-height:1.1em;
}
.newsList>li .detail .txt{
	position:relative;
	display:block;
	border-left:19px solid #b5b5b6;
	padding:10px 20px 20px 20px;
	min-height:80px;
	font-weight:bold;
}
.newsList>li .detail .txt:before{
	content:'';
	display:block;
	position:absolute;
	left:-19px;
	top:-35px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	width:26px;
	height:100px;
}
.newsList>li .detail .txt>span{
	display:inline-block;
	vertical-align:middle;
}
/* カテゴリ別カラー */
.newsList>li.event .detail .txt{
	border-left-color:#369fd2;
}
.newsList>li.event .detail .txt:before{
	background-image:url(../img/news_ctg_event.png);
}
.newsList>li.game .detail .txt{
	border-left-color:#dc4c7d;
}
.newsList>li.game .detail .txt:before{
	background-image:url(../img/news_ctg_game.png);
}
.newsList>li.media .detail .txt{
	border-left-color:#48ba82;
}
.newsList>li.media .detail .txt:before{
	background-image:url(../img/news_ctg_media.png);
}
.newsList>li.special .detail .txt{
	border-left-color:#f5a21d;
}
.newsList>li.special .detail .txt:before{
	background-image:url(../img/news_ctg_special.png);
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	.newsList{
		padding:0 0 50px;
	}
	.newsList>li{
		margin:0 0 50px;
		font-size:1.5rem;
		line-height:1.6em;
	}
	.newsList>li>a,.newsList>li>span{
		width:312px;
		height:auto;
	}
	.newsList>li.none>span{
		padding:100px 0;
		width:312px;
		height:30px;
		font-size:30px;
		line-height:30px;
		color:#b5b5b6;
	}
	.newsList>li .detail{
		position:relative;
	}
}
/* ================================================================ *
 * @desc@ エラードキュメント
 * ================================================================ */
#Error section.cmnSection>h1{
	font-size:8.0rem;
	line-height:1.0em;
	font-weight:bold;
	letter-spacing:-0.08em;
}
#Error .frameBox p{
	padding:80px 30px;
	color:#888;
	font-size:2.0rem;
	line-height:1.0em;
	font-weight:bold;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Error section.cmnSection>h1{
		font-size:4.0rem;
		line-height:1.0em;
	}
}