@charset "utf-8";
/* CSS Document */


/***************************************************************************************************************************/
/* common                                                                                                                  */

*{
	padding:0;
	margin:0;
	list-style:none;
	}
	
body,html{
	font-size:14px;
	line-height:1.8em;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#333;
	}
	
a:hover img{
	opacity:0.8;
	}
	
img{
	max-width:100%;
	height:auto;
	}

/* common
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* size                                                                                                                    */

body,html{
	width:100%;
	overflow-x:hidden;
	}

@media screen and (min-width: 1001px){
body,html{
	min-width:1000px;
	}

body{
	background:url(../../image/common/back.png) center top 80px no-repeat;
	}

body>header>div,
body>div,
body>section,
body>footer>div>ul,
body>footer>nav>ul,
body>footer>nav>div,
body>footer>small>div,
body>span.goTop{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	}
body>div,
body>section{
	clear:both;
	}
}
@media screen and (max-width: 1000px) {
body>header nav, body>section, body>footer nav, body>header h1{
	width:100%;
	box-sizing:border-box;
	overflow-x:hidden;
	}
}


/* size
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* header                                                                                                                  */


body>header #google_translate_element .goog-te-gadget-simple{
	padding:0;
	font-size:12px;
	}

@media screen and (min-width: 1001px){
html>iframe{
	position:absolute;
	z-index:10;
	top:4px;
	height:74px;
	overflow:hidden;
	}
.jEmb{
	position:relative !important;
	top:-4px !important;
	}

body>header{
	background:url(../../image/common/header.png) left top repeat-x;
	position:relative;
	}

body>header>div:first-child{
	/*background:url(../../image/common/headerBG.png) left top 14px no-repeat;*/
	padding-top:8px;
	height:78px;
	box-sizing:border-box;
	width:980px;
	position:relative;
	overflow:hidden;
	}
body>header>div:first-child>a{
	float:left;
	}
body>header>div:first-child ul.teamList{
	float:left;
	width:430px;
	padding-left:10px;
	}
body>header>div:first-child ul li{
	display:inline-block;
	position:relative;
	margin:3px 4px;
	}
body>header>div:first-child ul.teamList li img{
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	}
body>header>div:first-child ul.teamList li img, body>header>div:first-child>a img{
	vertical-align:bottom;
	opacity:0.6;
	}
body>header>div:first-child ul.teamList li img:hover, body>header>div:first-child>a:hover img{
	opacity:1;
	-webkit-filter: grayscale(0%);
	filter: none;
	}
body>header>div:first-child ul.headerBanner{
	position:absolute;
	right:0;
	top:12px;
	}
body>header>div:first-child ul.headerBanner li{
	display:inline-block;
	}
	
body>header>div:nth-of-type(2){
	padding:6px;
	}
body>header>div>h1{
	float:left;
	position:relative;
	z-index:10;
	}
body>header>div>nav{
	text-align:right;
	font-size:0.9em;
	}
body>header>div>nav li{
	display:inline-block;
	}
body>header>div>nav ul:first-child{
	height:46px;
	padding-top:10px;
	box-sizing:border-box;
	margin-right:160px;
	}
body>header>div>nav ul li{
	margin:0 10px;
	}
body>header>div>nav ul a{
	text-decoration:none;
	color:#333;
	}
body>header>div>nav ul a:hover, body>header>div>nav ul a:active{
	text-decoration:underline;
	}
body>header>div>nav ul:first-child a{
	position:relative;
	padding-left:12px;
	}
body>header>div>nav ul:first-child a:before{
	content:"";
	position:absolute;
	display:block;
	height:0;
	width:0;
	border:4px solid transparent;
	border-left:6px solid #005a25;
	border-radius:40px;
	left:0px;
	top:5px;
	}

body>header>div>nav ul:nth-of-type(2){
	letter-spacing:-.40em;
	position:relative;
	}
body>header>div>nav ul:nth-of-type(2)>li:last-child{
	position:absolute;
	right:0;
	top:-40px;
	}
body>header>div>nav ul:nth-of-type(2)>li{
	margin:4px 0px 4px 0;
	line-height:22px;
	background:url(../../image/common/headerNav.png) right top repeat-y;
	}
body>header>div>nav ul:nth-of-type(2)>li:last-of-type, body>header>div>nav ul:nth-of-type(2)>li:nth-last-of-type(2){
	background:none !important;
	}
body>header>div>nav ul:nth-of-type(2)>li:first-child{
	background:url(../../image/common/headerNav.png) left top repeat-y,url(../../image/common/headerNav.png) right top repeat-y;
	}
body>header>div>nav ul:nth-of-type(2)>li>a{
	color:#fff;
	text-decoration:none;
	padding:2px 10px 0;
	display:inline-block;
	letter-spacing:0;
	}
body>header>div>nav ul:nth-of-type(2)>li a:hover, body>header>div>nav ul:nth-of-type(2)>li a:active{
	background-color:rgba(255,255,240,0.2);
	}

body>header>div>nav ul:nth-of-type(2) li>span{
	background-color:#fff;
	border-radius:4px;
	display:inline-block;
	line-height:22px;
	margin:0 6px;
	}
body>header>div>nav ul:nth-of-type(2) li>span a{
	letter-spacing:0;
	background:url(../../image/common/headerButton.png) left center repeat-x;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:2px 10px 0 30px;
	border-radius:4px;
	text-shadow: 1px 0px 4px #e16407, 0px 1px 4px #e16407, -1px 0px 4px #e16407, 0px -1px 4px #e16407;
	position:relative;
	}
body>header>div>nav ul:nth-of-type(2) li>span a:before{
	content:url(../../image/common/headerButtonIcon.png);
	position:absolute;
	left:6px;
	top:0px;
	}
body>header>div>nav ul:nth-of-type(2) li>span a:hover, body>header>div>nav ul:nth-of-type(2) li>span a:active{
	opacity:0.8;
	}

body>header #google_translate_element span{
	letter-spacing:0 !important;
	}
body>header .goog-te-gadget-simple>span{
	display:inline-block;
	float:right;
	text-align:left;
	width:116px;
	}
.goog-te-gadget-simple>span span:first-child{
	width:84px;
	display:inline-block;
	}
.goog-te-gadget-icon{
	float:left;
	}
.goog-te-gadget-simple{
	width:140px;
	overflow:hidden;
	}
.goog-te-gadget-simple:after{
	content:"";
	display:block;
	clear:both;
	}

body>header>div{
	overflow:visible;
	}
body>header>div>nav ul:nth-of-type(2)>li{
	position:relative;
	}
body>header>div>nav ul:nth-of-type(2)>li>ul{
	position:absolute;
	z-index:10;
	background:#00491e;
	color:#fff;
	text-align:left;
	display:none;
	}
body>header>div>nav ul:nth-of-type(2)>li>ul li{
	width:200px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	margin:0;
	position:relative;
	}
body>header>div>nav ul:nth-of-type(2)>li>ul>li:last-child{
	border-bottom:none;
	}
body>header>div>nav ul:nth-of-type(2)>li>ul a{
	color:#fff;
	text-decoration:none;
	letter-spacing:0px;
	text-align:left;
	display:block;
	padding:4px 6px 4px 24px;
	position:relative;
	}
body>header>div>nav ul:nth-of-type(2)>li>ul a:hover{
	background:rgba(255,255,255,0.2);
	}
body>header>div>nav ul:nth-of-type(2)>li>ul a:before{
	content:"";
	position:absolute;
	display:block;
	height:0;
	width:0;
	border:4px solid transparent;
	border-left:6px solid #fff;
	left:10px;
	top:10px;
	border-radius:40px;
	}
body>header>div>nav ul:nth-of-type(2)>li>ul>li>ul{
	position:absolute;
	top:0;
	right:-200px;
	width:200px;
	z-index:10;
	background:#00491e;
	color:#fff;
	text-align:left;
	display:none;
	}
}
@media screen and (max-width: 1000px) {
body>header{
	position:relative;
	padding-top:10px;
	}
body>header>div:first-child{
	display:none;
	}
	
body>header>div>h1{
	overflow:hidden;
	background:url(../../image/common/spHeader2.png) bottom repeat-x;
	background:url(../../image/common/spHeader.png) left bottom 24px repeat-x;
	}
body>header>div>nav{
	background:#00491e;
	}
body>header>div>nav ul{
	display:inline;
	}
body>header>div>nav li{
	width:33.33%;
	display:inline-block;
	float:left;
	text-align:center;
	border:1px solid #397853;
	box-sizing:border-box;
	line-height:2.4em;
	height:2.4em;
	overflow:hidden;
	}
body>header>div>nav li:hover, body>header>div>nav li:active{
	background:#397853;
	}
body>header>div>nav a{
	color:#fff;
	text-decoration:none;
	display:block;
	}
	
body>header #google_translate_element .goog-te-gadget-simple{
	text-align:left;
	line-height:1.4em;
	}
body>header #google_translate_element span{
	display:inline-block;
	}
	
body>header>div>nav ul:nth-of-type(2)>li>ul{
	display:none !important;
	}

}
@media screen and (min-width: 600px) {
body>header>div>span{
	display:none !important;
	}
body>header>div>nav{
	display:block !important;
	}
}
@media screen and (max-width: 599px) {
html>iframe{
	display:none !important;
	}

body>header>div:first-child{
	position:static;
	text-align:center;
	width:100%;
	}
body>header>div:nth-of-type(2){
	position:relative;
	}
body>header>div>span{
	display:inline-block;
	font-size:20px;
	line-height:20px;
	padding:10px;
	color:#fff;
	background:#397853;
	border:1px solid #00491e;
	position:absolute;
	right:10px;
	top:30px;
	border-radius:2px;
	}
body>header>div>nav li{
	width:100% !important;
	}
body>header>div>nav{
	display:none;
	}
	
body>header>div>nav ul:last-child:after{
	content:"";
	clear:both;
	display:block;
	}
body>header>div>nav ul{
	display:block;
	background:#00491e;
	}
body>header>div>nav{
	background:none;
	}
}

header .icon{
	float:right;
	padding:10px 0;
}

header .icon li{
	float:left;
	height:30px;
	padding:0 10px 0 0;
}

@media screen and (max-width: 599px) {
header .icon{
	margin:-10px 0 0 0;
	padding:0;
}
}


/* header
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* footer                                                                                                                  */

body>footer>nav ul li{
	display:inline-block;
	}
body>footer>nav ul li:not(:first-child){
	margin-top:50px;
	border-left:1px dotted #5aa963;
	height:28px;
	padding-left:4px;
	}
body>footer>nav ul li:last-child{
	border-right:1px dotted #5aa963;
	}
body>footer>nav ul li:not(:first-child) a{
	display:inline-block;
	height:24px;
	padding:2px 6px;
	}

@media screen and (min-width: 1001px){
body>footer{
	background:url(../../image/common/footer.png) left top repeat-x;
	}
body>footer>nav{
	padding-top:2px;
	}

body>footer>nav table{
	padding:10px 0 14px;
	}
body>footer>nav table td{
	padding-right:20px;
	}
body>footer>nav table a{
	color:#333;
	text-decoration:none;
	font-size:0.9em;
	}
body>footer>nav table a:hover, body>footer>nav table a:active{
	text-decoration:underline;
	}
body>footer>nav table a:before{
	content:url(../../image/common/footerListIcon.png);
	padding-right:4px;
	position:relative;
	top:-2px;
	}
	
body>footer>div{
	background:#fff;
	padding:20px 0;
	}
body>footer>div li{
	display:inline-block;
	margin-right:4px;
	}
body>footer>div li a{
	display:inline-block;
	}
body>footer>div li a img{
	vertical-align:middle;
	}
	
body>footer>small{
	border-top:1px solid #e4e6e5;
	color:#767676;
	background:#fff;
	display:block;
	}
body>footer>small span{
	float:right;
	line-height:40px;
	}
body>footer>small span:first-child{
	float:left;
	}
body>footer>small span img{
	vertical-align:middle;
	padding-right:4px;
	position:relative;
	top:-2px;
	}
body>footer>small span a{
	color:#767676;
	text-decoration:none;
	}
body>footer>small span a:hover, body>footer>small span a:active{
	text-decoration:underline;
	}
}
@media screen and (max-width: 1000px) {
body>footer>nav ul{
	background:url(../../image/common/spHeader3.png) bottom repeat-x;
	background:url(../../image/common/spHeader.png) left bottom 2px repeat-x;
	}
body>footer>nav table, body>footer>nav tbody{
	display:block;
	clear:both;
	width:100%;
	}
body>footer>nav tr{
	display:block;
	}
body>footer>nav td{
	width:33.33%;
	display:inline-block;
	background:#00491e;
	text-align:center;
	float:left;
	box-sizing:border-box;
	border:1px solid #397853;
	line-height:2.4em;
	height:2.4em;
	overflow:hidden;
	cursor:default;
	}
body>footer>nav td a{
	color:#fff;
	text-decoration:none;
	display:block;
	}
body>footer>nav td a:hover, body>footer>nav td a:active{
	background:#397853;
	}
	
body>footer>div{
	margin:20px 0;
	text-align:center;
	}
body>footer>div li{
	display:inline-block;
	}
body>footer>small {
border-top: 1px solid #e4e6e5;
color: #767676;
background: #fff;
display: block;
text-align:center;
	}
body>footer>small span{
	display:block;
	width:100%;
	padding-top:10px;
	line-height:2em;
	}
body>footer>small span img{
	vertical-align:middle;
	padding-right:4px;
	}
body>footer>small span a{
	color:#767676;
	text-decoration:none;
	}
}
@media screen and (min-width: 600px) {
#div-gpt-ad-1423421621309-0{
	display:none;
	}

body>footer>nav ul{
	text-align:right;
	}
body>footer>nav ul li:first-child{
	float:left;
	}
body>footer>nav td:first-child{
	display:none;
	}
body>footer>nav>span{
	display:none !important;
	}
body>footer>nav>div{
	display:block !important;
	}
}
@media screen and (max-width: 599px) {
#div-gpt-ad-1423421621309-0{
	position:relative;
	top:-50px;
	}
	
body>footer>nav td{
	width:100%;
	float:none;
	}
body>footer>nav ul{
	text-align:center;
	}
body>footer>nav ul li:first-child{
	display:none;
	}
body>footer>nav ul li:not(:first-child){
	margin-top:0;
	}

body>footer>nav{
	position:relative;
	}
body>footer>nav>span{
	display:block;
	background:#00491e;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #397853;
	line-height:2.4em;
	height:2.4em;
	overflow:hidden;
	color:#fff;
	}
body>footer>nav>div{
	display:none;
	}
body>footer>nav{
	overflow:visible;
	}
}



/* footer
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* other                                                                                                                    */

body.subwin{
	padding:20px;
	box-sizing:border-box;
	}
body.subwin>.article{
	padding:20px 30px;
	border:10px solid #f5f5f5;
	}
body.subwin>a{
	margin-top:2px;
	display:inline-block;
	text-decoration:none;
	color:#333;
	}
body.subwin>a:before{
	content:url(../../image/common/close.png);
	position:relative;
	top:2px;
	margin-right:4px;
	}
body.subwin>a:hover{
	opacity:0.8;
	}

body>span.goTop{
	height:60px;
	margin:0px auto 20px;
	position:relative;
	display:block;
	overflow:visible;
	text-align:right;
	box-sizing:border-box;
	}
body>span.goTop a{
	display:inline-block;
	width:48px;
	height:48px;
	position:absolute;
	bottom:0;
	z-index:10;
	transition:.4s
	}

@media screen and (min-width: 1300px){
body>span.goTop{
	width:960px;
	}
body>span.goTop a{
	margin-right:-80px;
	}	
}
@media screen and (max-width: 1299px) {
body>span.goTop{
	margin:10px 0 10px 0;
	padding-right:10px;
	}
}
@media screen and (max-width: 1299px) {
body>span.goTop{
	padding-right:60px;
	}
}
@media screen and (max-width: 1000px) {
}


@media screen and (min-width: 1001px){
}
@media screen and (max-width: 1000px) {
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 599px) {
}

/* other
/***************************************************************************************************************************/




/***************************************************************************************************************************/
/* wpList                                                                                                                  */

.wpList li{
	background:#effff6;
	}
.wpList li:nth-of-type(odd){
	background:#c8f4da;
	}
.wpList li span{
	font-size:0.8em;
	}
.wpList li>span{
	width:100px;
	}
.wpList li>a:first-of-type{
	width:90px;
	}
.wpList li a span{
	display:inline-block;
	min-width:100px;
	padding:0;
	padding-top:2px;
	margin-right:12px;
	line-height:1.8em;
	color:#fff;
	text-decoration:none;
	text-align:center;
	}
.wpList li a span:hover{
	opacity:0.6;
	}
.wpList li a.news span, .wpList li a.game span{
	background:#08662f;
	}
.wpList li a.result span, .wpList li a.monthly span{
	background:#e70000;
	}
.wpList li a.home span, .wpList li a.event-s span{
	background:#f26c00;
	}
.wpList li a.recruitment span, .wpList li a.media-s span{
	background:#5fad30;
	}
.wpList li a.media span{
	background:#650866;
	}
.wpList li a.diary span{
	background:#e02f64;
	}
.wpList li a.comic span{
	background:#d44b47;
	}
	
.wpList li a.academy span, .wpList li a.u-18 span, .wpList li a.u-15 span, .wpList li a.u-14 span, .wpList li a.u-13 span, .wpList li a.school span,
.wpList li a.academy-s span, .wpList li a.u-18-s span, .wpList li a.u-15-s span, .wpList li a.u-14-s span, .wpList li a.u-13-s span{
	background:#082566;
	}
.wpList li a:not([class]){
	padding-right:10px;
	text-decoration:none;
	color:#333;
	}
.wpList li a:not([class]):hover, .wpList li a:not([class]):active{
	text-decoration:underline;
	}

.wpList li a:visited{
	color:#636;
	}
@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
.wpList{
	display:table;
	width:100%;
	}
.wpList li{
	display:table-row;
	width:100%;
	}
.wpList li span, .wpList li a{
	display:table-cell;
	padding:10px 0;
	}
.wpList li>span{
	min-width:100px;
	padding-left:10px;
	}
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
.wpList li{
	padding:10px;
	}
.wpList li a:not([class]){
	display:block;
	}
.wpList li a span{
	margin-left:10px;
	}
}

/* wpList
/***************************************************************************************************************************/
