@charset "utf-8";


.page_list .submenu ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}
.page_list .submenu ul li{
	width: 100px;
	height: 25px;
	line-height: 25px;
	background: #e6e6e6;
	margin: 2px;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.page_list .submenu ul li a{
	color: #818181;
	display: block;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: .7px;
}

.category span.topics,
.page_list .submenu ul.topics li.topics{
	background: #c71010;
}
.category span.news,
.page_list .submenu ul.news li.news{
	background: #1ea171;
}
.category span.media,
.page_list .submenu ul.media li.media{
	background: #581eb7;
}
.category span.game,
.page_list .submenu ul.game li.game{
	background: #0f4d92;
}
.category span.report,
.page_list .submenu ul.report li.report{
	background: #ecb635;
}
.category span.etc,
.page_list .submenu ul.etc li.etc{
	background: #707070;
}
.category span.macine,
.page_list .submenu ul.macine li.macine{
	background: #7c540e;
}
.page_list .submenu ul li.select{
	background: #000;
}

.page_list .submenu ul.topics li.topics a{
	color: #FFF;
}
.page_list .submenu ul.news li.news a{
	color: #FFF;
}
.page_list .submenu ul.media li.media a{
	color: #FFF;
}
.page_list .submenu ul.game li.game a{
	color: #FFF;
}
.page_list .submenu ul.game li.report a{
	color: #FFF;
}
.page_list .submenu ul.etc li.etc a{
	color: #FFF;
}
.page_list .submenu ul.macine li.macine a{
	color: #FFF;
}
.page_list .submenu ul li.select a{
	color: #FFF;
}






@media screen and (max-width: 979px) {
.page_list .submenu:after{
	top: 0;
	bottom: inherit;
	left: 0;
}
.page_list .submenu{
	padding-top: .7em;
	width: 100%;
}
.page_list .submenu ul li{
	width: 24%;
	height: auto;
	line-height: none;
	margin: .5%;
}
.page_list .submenu ul li a{
	font-size: 14px;
	padding: 10px 15px;
}
}
@media screen and (max-width: 400px) {
.page_list .submenu ul li{
	width: 32%;
	height: auto;
	line-height: none;
	margin: .5%;
}
}


.page_list ul.archives{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}
.page_list ul.archives li{
	width: 255px;
	display: block;
	margin: 0 10px 40px;
}
.page_list ul.archives li .image_box{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.page_list ul.archives li .image_box:before {
	content:"";
	display: block;
	padding-top: 74%;
}
.page_list ul.archives li .image_box img{
	height: 105%;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
}
.page_list ul.archives li .image_box .category{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 85px;
}
.page_list ul.archives li .image_box .category span{
	color: #FFF;
	font-size: 12px;
	padding: 2px 0;
	text-align: center;
	display: block;
}
.page_list ul.archives li .date{
	padding: 10px 0 5px;
	font-size: 12px;
	color: #1e4594;
}
.page_list ul.archives li .title{
}

@media screen and (max-width: 979px) {
.page_list ul.archives li{
	width: 30%;
	margin: 0 1.5% 2%;
}
}
@media screen and (max-width: 768px){
.page_list ul.archives li{
	width: 29%;
	margin: 0 2% 2%;
}
}
@media screen and (max-width: 620px) {
.page_list ul.archives li{
	width: 46%;
	margin: 0 2% 2%;
}
}

/*page_details
************************************************************************************/
.page_details{}

.page_details section.section .entry_title{
	font-size: 28px;
	font-weight: 700;
	padding: 0 0 15px 0;
	margin: 0 0 2em 0;
	position: relative;
	text-align: center;
}
.page_details section.section .entry_title:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: '';
	width: 1em;
	height: 3px;
	background-color: #000;
}

.page_details section.section .cate_box{
	text-align: center;
}
.page_details section.section .cate_box p{
	display: inline-block;
}

.page_details section.section .cate_box .date{
	font-size: 13px;
	padding-left: 1em;
}
.page_details section.section .cate_box .category span{
	color: #FFF;
	font-size: 12px;
	padding: 5px 20px;
	text-align: center;
	display: block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.inWP{
	font-size: 16px;
}
@media screen and (max-width: 979px) {
.page_details section.section .entry_title{
	font-size: 23px;
}
.inWP video,
.inWP iframe{
	max-width: 100%;
	height: auto;
}
}
@media screen and (max-width: 620px) {
.page_details section.section .entry_title{
	font-size: 21px;
}
}


/* inWP
************************************************************************************/
.inWP table{
	width: 100%;
	margin: 5px auto 15px auto;
	border-collapse:collapse;
	border: 0;
}

.inWP table caption{
	padding: 5px 0;
	text-align: left;
	display: block;
	width: 100%;
	font-weight: bold;
}
.inWP table caption:before{
	content: "■";
}

.inWP table th{
	padding: 10px 10px;
	text-align: center;
	border-bottom: 1px dotted #000;
	color: #000;
}
.inWP table th span{
	background: #deff43;
	padding: 0 2px;
}
.inWP table td{
	padding: 10px 10px;
	border-bottom: 1px dotted #000;
}
.inWP table tr:last-child th,
.inWP table tr:last-child td{
	border-bottom: 1px solid #000;
}

.inWP table thead th{
	background: #999;
	color: #FFF;
}


/*画像寄せ
----------------------------------------------------------------------*/
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
@media screen and (max-width: 768px){
.inWP img{
	max-width: 100%;
	height: auto;
}
.alignleft {
	float: none;
	margin: 5px auto;
	display: block;
}

.alignright {
	float: none;
	margin: 5px auto;
	display: block;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
}

/*各パーツ
----------------------------------------------------------------------*/
.inWP ol{
	list-style-type: decimal;
	margin: 0 0 20px 2em;
}
.inWP ol li{
	margin: 5px 0;
}

.inWP ul{
	list-style-type: disc;
	margin: 0 0 20px 2em;
}
.inWP ul li{
	margin: 5px 0;
}


/*ページング
----------------------------------------------------------------------*/
.page_navi{
	text-align: center;
}

ul.page_navi li{
	margin: 10px 0 15px 0;
	background: none;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}

ul.page_navi li span{
	background: #002c75;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 3.5;
	margin: 0 2px;
	display: block;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
ul.page_navi li a{
	background: #999;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 3.5;
	margin: 0 2px;
	display: block;
	text-decoration: none;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

ul.page_navi li:hover span,
ul.page_navi li:hover a{
	background: #000;
}

.screen-reader-response,
.wpcf7-not-valid-tip,
.wpcf7-response-output{
	color: #F00;
	display: block;
	padding: 0.3em 0;
}

.navi .cmt{
	text-align:center;
}