@charset "utf-8";
/* **************************************************************** *
 * @desc@ NEWS
 * @edit@ 2019/02/20 小セクションタイトル調整
 * @edit@ 2019/01/15 画像幅調整
 * **************************************************************** */

/* ================================================================ *
 * @desc@ カテゴリナビ
 * ================================================================ */
.ctgNav{
	margin:0 auto 60px;
	text-align:center;
}
.ctgNav li{
	display:inline-block;
	padding:0 10px 20px;
	width:140px;
	vertical-align:middle;
}
.ctgNav li>a,.ctgNav li>span{
	overflow:hidden;
	outline:none;
	display:block;
	border-width:1px;
	border-style:solid;
	height:38px;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	font-size:1px;
	line-height:0;
	text-indent:-9999px;
}

/* カテゴリ別カラー */
.ctgNav li.all>a{
	border-color:#000;
	background-image:url(../img/bt_all_def.png);
}
.ctgNav li.all>a:hover,.ctgNav li.all>span{
	border-color:#000;
	background-color:#000;
	background-image:url(../img/bt_all_cur.png);
}
.ctgNav li.event>a{
	border-color:#369fd2;
	background-image:url(../img/bt_event_def.png);
}
.ctgNav li.event>a:hover,.ctgNav li.event>span{
	border-color:#369fd2;
	background-color:#369fd2;
	background-image:url(../img/bt_event_cur.png);
}
.ctgNav li.game>a{
	border-color:#dc4c7d;
	background-image:url(../img/bt_game_def.png);
}
.ctgNav li.game>a:hover,.ctgNav li.game>span{
	border-color:#dc4c7d;
	background-color:#dc4c7d;
	background-image:url(../img/bt_game_cur.png);
}
.ctgNav li.media>a{
	border-color:#48ba82;
	background-image:url(../img/bt_media_def.png);
}
.ctgNav li.media>a:hover,.ctgNav li.media>span{
	border-color:#48ba82;
	background-color:#48ba82;
	background-image:url(../img/bt_media_cur.png);
}
.ctgNav li.special>a{
	border-color:#f5a21d;
	background-image:url(../img/bt_special_def.png);
}
.ctgNav li.special>a:hover,.ctgNav li.special>span{
	border-color:#f5a21d;
	background-color:#f5a21d;
	background-image:url(../img/bt_special_cur.png);
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
}
/* ================================================================ *
 * @desc@ ページャー
 * ================================================================ */
.pager{
	margin:-30px auto 0;
	text-align:center;
}
.pager li{
	display:inline-block;
	padding:0 5px;
	width:40px;
	vertical-align:middle;
}
.pager li.tip{
	width:60px;
}
.pager li>a,.pager li>span{
	overflow:hidden;
	outline:none;
	display:block;
	border:1px solid #b5b5b6;
	padding:12px 0;
	background:#fff;
	color:#000;
	font-size:12px;
	line-height:12px;
}
.pager li.move>a{
	border-color:transparent;
	background:transparent;
}
.pager li>a:hover,.pager li>span.cur{
	border-color:#91e100;
	background:#91e100;
	color:#fff;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	.pager li{
		padding:0 2px;
		width:30px;
	}
	.pager li>a,.pager li>span{
		padding:8px 0;
	}
	.pager li.move{
		width:30px;
	}
}
/* ================================================================ *
 * @desc@ 詳細
 * ================================================================ */
.detailBox{
	box-sizing:border-box;
	position:relative;
	margin:0 auto 80px;
	border:1px solid #b5b5b6;
	padding:20px 10px;
	width:800px;
	min-height:400px;
	background:#fff;
	color:#333;
	font-size:1.6rem;
	line-height:1.6em;
	text-align:left;
}
.detailBox:before{
	content:'';
	display:block;
	position:absolute;
	left:-1px;
	top:-26px;
	z-index:10000;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	width:100px;
	height:26px;
}
.detailBox img{
	line-height:0;
	vertical-align:bottom;
}
/* 件名 */
.detailBox>h1{
	margin:0 0 20px;
	border-bottom:1px solid #b5b5b6;
	padding:0 20px 5px;
	font-size:3.0rem;
	line-height:1.2em;
	font-weight:bold;
}
.detailBox h1>span{
	display:inline-block;
	vertical-align:middle;
}
/* 公開日 */
.detailBox .date{
	position:absolute;
	right:-1px;
	top:-48px;
	border-bottom:20px solid #888;
	padding:0 1px 0 0;
	width:780px;
	height:28px;
	color:#888;
	font-size:30px;
	line-height:1.0em;
	text-align:right;
}
/* 本文 */
.detailBox .body{
	margin:0;
	padding:0 20px 20px;
	font-size:2.0rem;
	line-height:2.0em;
}
.detailBox .body p{
	margin:1em 0 0;
	line-height:inherit;
}
.detailBox .body .ib{
	display:inline-block;
	vertical-align:middle;
}
/* ボタン型リンク */
.detailBox .body .bt{
	display:inline-block;
	margin:0 auto;
	border-radius:4px;
	padding:0.8em 1.8em;
	background:#61b100;
	color:#fff;
	font-size:1.8rem;
	line-height:1.0em;
	letter-spacing:0.1em;
	text-indent:0.1em;
	text-align:center;
	vertical-align:middle;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.1);
	box-shadow:4px 4px 0 rgba(0,0,0,0.2);
}
.detailBox .body .bt:hover{
	background:#a1f100;
	text-shadow:0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 rgba(0,0,0,0);
}
/* 通常リスト */
.detailBox .body ul.def{
	position:relative;
	margin:0;
	line-height:1.4em;
}
.detailBox .body ul.def.more{
	padding-bottom:1.5em;
}
.detailBox .body ul.def>li{
	position:relative;
	margin:0.3em 0 0 0.3em;
	padding:0;
	text-indent:1em;
}
.detailBox .body ul.def>li:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0.3em;
	border-radius:1em;
	background:#0096a5;
	width:0.6em;
	height:0.6em;
}
.detailBox .body ul.def.more:after{
	content:'他';
	position:absolute;
	left:0.2em;
	bottom:0;
	color:#0096a5;
	font-size:0.9em;
	line-height:1.0em;
}
.detailBox .body ol.def{
	position:relative;
	margin:0;
	padding-inline-start:2em;
	line-height:1.4em;
}
.detailBox .body ol.def>li{
	list-style:decimal-leading-zero;
	position:relative;
	margin:0.3em 0 0 0;
	padding:0;
}

/* 項目名付きリスト */
.detailBox .body dl{
	margin:1em 0 0;
}
.detailBox .body dt{
	margin:1em 0 5px;
	font-size:2.0rem;
	line-height:1.0em;
	font-weight:bold;
}
.detailBox .body dt>span{
	display:inline-block;
	vertical-align:middle;
}
.detailBox .body dd>p:first-child{
	margin-top:0;
}
/* 画像 */
.detailBox .body .pic{
	margin:1em 0 0;
	text-align:center;
}
.detailBox .body ul.pic{
	margin-top:0;
}
.detailBox .body .pic>li{
	display:inline-block;
	margin:1em 15px 0;
	line-height:0;
	vertical-align:bottom;
}
.detailBox .body .pic img{
	box-sizing:border-box;
	line-height:0;
	vertical-align:middle;
}
.detailBox .body .pic img.border{
	border:1px solid #b5b5b6;
}
.detailBox .body .pic .cap{
	display:block;
	margin-top:5px;
	font-size:1em;
	line-height:1.2em;
}
.detailBox .body .pic .cap>span{
	display:inline-block;
	vertical-align:middle;
}
/* 表組み */
.detailBox .body table{
	box-sizing:border-box;
	margin:30px 0 0;
	border:1px solid #b5b5b6;
	border-collapse:separate;
	border-spacing:1px;
	font-size:1.4rem;
	line-height:1.4em;
}
.detailBox .body *>table:first-child{
	margin-top:0;
}
.detailBox .body table.full{
	width:100%;
}
.detailBox .body th{
	padding:3px 8px;
	width:10em;
	background:#e5e5e5;
	font-weight:normal;
	vertical-align:middle;
}
.detailBox .body td{
	padding:5px 8px;
	background:#fff;
	font-weight:normal;
	vertical-align:middle;
}
.detailBox .body table>tbody>tr:nth-of-type(even)>td{
	background:#f5f5f5;
}
/* 注釈 */
.detailBox .body .note{
	margin:1em 0 0;
	font-size:0.9em;
	line-height:1.4em;
}
.detailBox .body .note>li{
	margin:0.5em 0 0 1em;
	text-indent:-1em;
}
/* 小セクション */
.detailBox .body>section{
	margin:30px 0 0;
	font-size:0.8em;
	line-height:1.8em;
}
.detailBox .body>section>h1{
	margin:0 0 15px;
	padding:8px 5px 6px;
	color:#fff;
	font-size:2.0rem;
	line-height:1.1em;
	font-weight:bold;
	text-align:center;
}
.detailBox .body>section>h1>span{
	display:inline-block;
	vertical-align:middle;
}
.detailBox .body>section h2{
	margin:15px 0 5px;
	border-bottom:1px solid #b5b5b6;
	padding:8px 5px 1px;
	font-size:2.0rem;
	line-height:1.1em;
	font-weight:bold;
	text-align:center;
}
.detailBox .body>section h2>span{
	display:inline-block;
	vertical-align:middle;
}
/* カテゴリ別カラー */
.detailBox.event .date{
	border-bottom-color:#369fd2;
}
.detailBox.event:before{
	background-image:url(../img/news_ctg_event.png);
}
.detailBox.event .body>section>h1{
	background-color:#369fd2;
}
.detailBox.event .body>section h2{
	border-bottom-color:#369fd2;
	color:#369fd2;
}
.detailBox.game .date{
	border-bottom-color:#dc4c7d;
}
.detailBox.game:before{
	background-image:url(../img/news_ctg_game.png);
}
.detailBox.game .body>section>h1{
	background-color:#dc4c7d;
}
.detailBox.game .body>section h2{
	border-bottom-color:#dc4c7d;
	color:#dc4c7d;
}
.detailBox.media .date{
	border-bottom-color:#48ba82;
}
.detailBox.media:before{
	background-image:url(../img/news_ctg_media.png);
}
.detailBox.media .body>section>h1{
	background-color:#48ba82;
}
.detailBox.game .body>section h2{
	border-bottom-color:#48ba82;
	color:#48ba82;
}
.detailBox.special .date{
	border-bottom-color:#f5a21d;
}
.detailBox.special:before{
	background-image:url(../img/news_ctg_special.png);
}
.detailBox.special .body>section>h1{
	background-color:#f5a21d;
}
.detailBox.special .body>section h2{
	border-bottom-color:#f5a21d;
	color:#f5a21d;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	.detailBox{
		margin:80px auto 80px;
		width:380px;
	}
	/* 件名 */
	.detailBox>h1{
		padding:0 0 5px;
		font-size:2.0rem;
		line-height:1.2em;
	}
	/* 公開日 */
	.detailBox .date{
		top:-43px;
		width:360px;
		height:23px;
		font-size:25px;
		line-height:1.0em;
	}
	/* 本文 */
	.detailBox .body{
		padding:0 0 30px;
		font-size:1.6rem;
		line-height:1.8em;
	}
	.detailBox .body dt{
		font-size:1.8rem;
		line-height:1.0em;
	}
	/* 画像 */
	.detailBox .body .pic>li{
		margin:1em 10px 0;
		max-width:160px;
	}
	.detailBox .body .pic.break>li{
		display:block;
		margin:1em 10px 0 !important;
		max-width:100%;
	}
	.detailBox .body .pic>li:nth-of-type(odd){
		margin-left:0;
	}
	.detailBox .body .pic>li:nth-of-type(even){
		margin-right:0;
	}
	/* 表組み */
	.detailBox .body table,
	.detailBox .body tbody,
	.detailBox .body tr{
		display:block;
	}
	.detailBox .body tr{
		border-bottom:1px solid #d5d5d6;
	}
	.detailBox .body tbody>tr:last-child{
		border-bottom:none;
	}
	.detailBox .body th{
		display:block;
		width:auto;
	}
	.detailBox .body td{
		display:block;
		padding:5px 8px 10px;
	}
	.detailBox .body table>tbody>tr:nth-of-type(even)>td{
		background:#fff;
	}
	/* 注釈 */
	.detailBox .body .note>li{
		margin:0.5em 0 0;
		text-indent:0;
	}

	/* 小セクション */
	.detailBox .body>section{
		font-size:0.9em;
		line-height:1.8em;
	}
	.detailBox .body>section>h1{
		padding:8px 10px 6px;
		font-size:1.6rem;
		line-height:1.2em;
		font-weight:normal;
		text-align:left;
	}
	.detailBox .body>section>h1>span{
		display:inline;
	}
}