@charset "shift-jis";

/************************************
*	ブラウザのデフォルトリセット設定*
************************************/
* {
	padding: 0;
	margin: 0;
}

/************************************
*	body設定                        *
************************************/

body {
	margin: 0px auto;
	font-size:16px;
	line-height:18px;
	background-color:#000;
	color:#fff;
	font-family: "Noto Sans Japanese";
	font-weight:200;
}

/************************************
*	hタグ
************************************/
h1{
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	height:0;
}
h2{
	font-size:28px;
	line-height:32px;
	font-weight:600;
	color:#12b112;
}
h3{
	font-size:14px;
	line-height:16px;
	padding-left:10px;
	font-weight:normal;
}


/************************************
*	ヘッダー
************************************/
#topimage {
	background-attachment:fixed;
}
#topmask {
	background-color:rgba(255,255,255,0.8);
}

#header-top{
	height:48px;
	border-bottom:solid 1px #360;
}
.logo{
	float:left;
}
.header{
	background: linear-gradient(#060, #030);
	height:100px;
	border-top:solid 1px #000;
}
.header-logo{
	float:left;
	margin:16px 0 0 10px;
	width:410px;
}
.header-menu{
	float:right;
	margin:54px 0 0 -420px;
	width:100%;
}
.menu-area{
	margin:0 0 0 420px;
}

.menu{
	float:left;
	text-align:center;
	text-decoration:none;
	margin-right:40px;
	font-size:17px;
	line-height:19px;
	color:#fff;
	font-weight:500;
}
.menu-area a .menu{transition: all .5s;}
.menu-area a:hover .menu{color:#d8650b;}
.menu-anchor{
}


/************************************
   フッター
************************************/
.footer{
	margin-top:80px;
	border-top:solid 1px #060;
	background-color:#001a00;
}
.footer-menu{
	padding:30px 0;
	border-top:solid 1px #000;
	border-bottom:solid 1px #060;
	background-color:#002500;
}
.footer-title{
	font-size:22px;
	line-height:24px;
	font-weight:600;
	color:#00bf00;
}
.footer-list{
	font-size:15px;
	line-height:17px;
	font-weight:400;
	color:#fff;
}
.footer-list a{transition: all .5s;}
.footer-list a:hover{color:#d8650b;}
.footer-list p:before {
	margin-right:8px;
	content:"・";
	color:#666;
	font-size:13px;
	line-height:17px;
	font-weight:500;
}

.footer-2line a{text-decoration:none;}
.footer-2line ul{
	list-style:none;
	margin:0 auto;
	width:94%;
	overflow:hidden;
}
.footer-2line ul li{
	float:left;
	width:48%;
}
.footer-2line ul li:nth-child(2n-1){
	margin-right:4%;
}
.footer-2line ul li img{
	width:100%;
}
.footer-2line-box{
}

.footer-menu-2line a{text-decoration:none;}
.footer-menu-2line ul{
	list-style:none;
	margin:20px auto 0;
	width:100%;
	overflow:hidden;
}
.footer-menu-2line ul li{
	float:left;
	width:49%;
}
.footer-menu-2line ul li:nth-child(2n-1){
	margin-right:2%;
}
.footer-menu-2line ul li img{
	width:100%;
}
.footer-menu-2line-box{
	background-color:#000;
}


.copyright{
	border-top:solid 1px #000;
	padding:50px 0;
	font-size:14px;
	line-height:16px;
	font-weight:400;
	text-align:center;
	color:#fff;
}

/************************************
   link
************************************/
a{
	color:#fff;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

.link-blue a{
	color:#09f;
}
.link-blue :hover{
	text-decoration:underline;
}

/************************************
   画像
************************************/
.image01{vertical-align:middle; padding-right:5px; margin-top:-2px;}

/************************************
   空白
************************************/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}

.margin01{margin:60px 10px 0;}
.margin02{margin:20px 12px 0;}
.margin03{margin:40px 20px;}

.pt30{padding-top:30px;}

.pl5{padding-left:5px;}
.pl30{padding-left:30px;}

.pr5{padding-right:5px;}
.pr30{padding-right:30px;}

.ptb10{padding:10px 0;}

.padding01{padding:5px 10px;}

/************************************
   フォント
************************************/
.fb{font-weight:bold;}
.fn{font-weight:normal;}

.f10{font-size:10px; line-height:12px;}
.f12{font-size:12px; line-height:14px;}
.f14{font-size:14px; line-height:16px;}
.f18{font-size:18px; line-height:20px;}

.fc-red{color:#c00;}
.fc-yellow{color:#ff0;}

.fc-seed{color:#66e330;}
.fc-20xx{color:#80d7c6;}
.fc-next{color:#e02c2d;}
.fc-plus{color:#f7f83f;}

.comment{
	font-size:12px;
	color:#f00;
	font-weight:normal;
}

.text01{
	border-left:solid 4px #66e330;
	border-bottom:solid 1px #060;
}
.text01 h3{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	border-left:solid 2px #060;
	padding:2px 0 7px 8px;
}
.text02{
	font-size:16px;
	line-height:32px;
	padding-left:14px;
}
.text03{
	font-size:16px;
	line-height:20px;
}
.text04{
	font-size:14px;
}
.text05{
	font-size:16px;
	line-height:28px;
}

/************************************
   フォーム
************************************/
.form_text18{width:18px;}
.form_text24{width:24px;}
.form_text32{width:32px;}
.form_text120{width:120px;}
.form_text200{width:200px;}
.form_text300{width:300px;}
.form_text460{width:460px;}
.form_text-contact{
	width:60%;
	border:solid 1px #12b112;
	background-color:#002800;
	padding:3px;
	color:#fff;
}

.form_textarea01{width:380px; height:260px;}
.form_textarea02{width:900px; height:180px;}
.form_textarea03{width:680px; height:120px;}
.form_textarea-contact{
	width:100%;
	height:120px;
	border:solid 1px #12b112;
	background-color:#002800;
	padding:3px;
	color:#fff;
}

.form_button{
	width:60%;
	height:36px;
	border:solid 1px #555;
	background: linear-gradient(#f3f3f3, #ccc);
	font-size:14px;
	line-height:24px;
	box-sizing:border-box;
}
.form_button:hover {
	border:solid 1px #555;
	background: linear-gradient(#fff, #e2e2e2);
	cursor:pointer;
}

.form_button02{
	width:25%;
	height:36px;
	border:solid 1px #555;
	background: linear-gradient(#f3f3f3, #ccc);
	font-size:14px;
	line-height:24px;
	box-sizing:border-box;
}
.form_button02:hover {
	border:solid 1px #555;
	background: linear-gradient(#fff, #e2e2e2);
	cursor:pointer;
}

.form_button03{
	width:50%;
	height:36px;
	border:solid 1px #555;
	background: linear-gradient(#f3f3f3, #ccc);
	font-size:14px;
	line-height:24px;
	box-sizing:border-box;
}
.form_button03:hover {
	border:solid 1px #555;
	background: linear-gradient(#fff, #e2e2e2);
	cursor:pointer;
}


/************************************
   フロート
************************************/
.wrapper {display:flex;}

.wrapper-left{flex:1;}
.wrapper-left2{flex:2;}
.wrapper-left3{flex:3;}
.wrapper-left10{margin-left:10px; flex:1;}
.wrapper-left20{margin-left:20px; flex:1;}

.width30{width:30px;}
.width40{width:40px;}
.width50{width:50px;}
.width60{width:60px;}
.width80{width:80px;}
.width120{width:120px;}
.width200{width:200px;}

.float{overflow:hidden;}


.width-quarter{width:25%;}
.width-half{width:50%;}

.float-left01{float:left; width:50%;}

.fl-200{float:left; width:200px;}
.fl-260{float:left; width:260px;}
.fl-340{float:left; width:340px;}
.fl-400{float:left; width:400px;}
.fl-460{float:left; width:460px;}
.fl-520{float:left; width:520px;}

/************************************
   DIV縦中央揃え
************************************/
div.outer {
	display: table;
	width: 100%;
}
* html div.outer {
	position: relative;
}
*+html div.outer {
	position: relative;
}
div.vertical_middle {
	display: table-cell;
	vertical-align: middle;
}
* html div.vertical_middle {
	position: absolute;
	top: 50%;
}
*+html div.vertical_middle {
	position: absolute;
	top: 50%;
}
div.vertical_middle p.inner {
	margin: 0;
}
* html div.vertical_middle p.inner {
	position: relative;
	top: -50%;
}
*+html div.vertical_middle p.inner {
	position: relative;
	top: -50%;
}


/************************************
   コンテンツ
************************************/
.main{
	float:left;
	width:100%;
	margin:0 -300px 0 0;
}
.side{
	float:right;
	width:300px;
}
.contents{
	margin:0 340px 0 0;
}

.headline{
	padding-left:10px;
	height:34px;
	background-image: url(../img/headline-back.png);
	background-repeat: no-repeat;
	background-position:right top;
	background-color:#000;
}
.headline-border{
	height:39px;
	background-image: url(../img/headline-decoration.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	background-color:#12b112;
}


.news-list{
	border-bottom:dotted 1px #060;
}
.news-list-day{
	width:100px;
	font-size:13px;
	line-height:20px;
	color:#999;
	font-weight:500;
}
.news-list-title{
	flex:1;
	font-size:17px;
	line-height:20px;
	color:#d8650b;
	font-weight:500;
}
.news-list{transition: all .5s;}
.news-list-day{transition: all .5s;}
.news-list-title{transition: all .5s;}
.news-list:hover{background-color:#282828;}
.news-list:hover .news-list-day{color:#fff;}
.news-list:hover .news-list-title{color:#fa0;}

.news-list-more{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 52, 0, .5)), to(rgba(0, 0, 0, .5)));
	background: linear-gradient(to bottom, rgba(0, 52, 0, .5), rgba(0, 0, 0, .5));
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	margin-top:30px;
	padding:10px 0;
	border:solid 1px #060;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; /* 左上,右上,左下,右下 */
	font-size:14px;
	line-height:24px;
	color:#fff;
	font-weight:500;
	text-align:center;
}
.news-list-more:hover{
  background-color: rgb(0, 104, 0, .5);
}


.flow{
	margin-top:30px;
	padding:5px 20px 6px;
	background-color:#222;
	border-bottom:solid 1px #005e00;
	font-size:11px;
	line-height:14px;
	font-weight:400;
	color:#fff;
}
.flow ul {
	font-size: 0;
}
.flow li {
	display: inline-block;
	font-size:13px;
	line-height:16px;
	font-weight:500;
}
.flow a {
	color:#fff;
	transition: all .3s;
}
.flow a:hover {
	color:#fa0;
}
.flow p:after {
	margin:0 12px;
	content:">";
}

.news-day{
	font-size:15px;
	line-height:18px;
	color:#fff;
	font-weight:500;
	padding:0 3px 2px;
}
.news-title{
	border-bottom:solid 1px #12b112;
	padding:0 3px 2px;
}
.news-tag{
	display:inline-block;
	background-color:#060;
	width:auto;
	color:#fff;
	font-size:11px;
	line-height:14px;
	padding:2px 10px 1px 10px;
}
.news-body{
	margin-top:20px;
	font-size:17px;
	line-height:29px;
	color:#fff;
	font-weight:500;
}

.page{
	margin:30px 0;
	font-weight:bold;
}
.page a{color:#ffe500;}
.page ul{
	list-style-type:none;
	padding-left:0;
}
.page li{
	border:solid 1px #060;
	background: linear-gradient(#010, #030);
}
.page a li{transition: all .5s;}
.page a:hover li{background:#131; color:#fa0;}

.page-inline{text-align:center;}
.page-inline li{display:inline;}

.number{
	padding:10px 14px;
	color:#999;
}
.active{ color:#fa0;}
a .number{color:#fff;}

.member-list{
	float:left;
	width:180px;
	margin:20px 15px 0 0;
}
.member-list-image{
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	background-color:#fff;
}
.member-list-image a:hover img{
	opacity: .75;
	-webkit-opacity: .75;
	-moz-opacity: .75;
	filter: alpha(opacity=75);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
}
.member-list-team{
	padding-top:5px;
	font-size:13px;
	line-height:17px;
	font-weight:500;
}
.member-list-name{
	font-size:17px;
	line-height:20px;
	font-weight:500;
}
.member-list-name a:hover{
	-webkit-transition: color 0.66s;
	-moz-transition: color 0.66s;
	-ms-transition: color 0.66s;
	transition: color 0.66s;
	color:#fa0;
}

.member-data{
	overflow:hidden;
	padding:10px 0;
	border-bottom:dotted 1px #060;
}
.member-image{
	float:left;
	width:240px;
}
.member-text{
	float:right;
	width:100%;
	margin:0 0 0 -240px;
}
.member-text-area{
	margin:0 0 0 250px;
}
.member-title{
	font-size:16px;
	line-height:20px;
	font-weight:600;
	color:#12b112;
}
.member-contents{
	padding-top:2px;
	font-size:18px;
	line-height:22px;
	font-weight:500;
}
.member-icon{
	margin-top:25px;
}
.member-icon ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.member-icon ul li{
	display:inline;
	margin-right:10px;
}
.member-record{
	list-style-type:none;
	margin-top:10px;
	font-size:16px;
	line-height:38px;
	font-weight:500;
}
.member-record li:before {
	margin-right:6px;
	content:"・";
}



.side-menu{
	border-bottom:solid 1px #040;
}
.side-title{
	padding:5px 10px;
	background: linear-gradient(to right, #002800, #000);
	border-bottom:solid 1px #060;
	font-size:15px;
	line-height:17px;
	font-weight:500;
	color:#fff;
}

.side-tag{
	overflow:hidden;
	padding:7px 10px;
	border-bottom:dotted 1px #060;
	font-size:13px;
	line-height:15px;
	font-weight:500;
}
.tag-count{
	padding-left:10px;
	font-size:11px;
	font-weight:400;
}

news-area a .side-tag{transition: all .3s;}
.news-area a:hover .side-tag{background-color:#282828; color:#fa0;}

.side-list-day{
	width:80px;
	font-size:13px;
	line-height:18px;
	color:#fff;
	font-weight:500;
}
.side-list-title{
	flex:1;
	font-size:14px;
	line-height:18px;
	color:#d8650b;
	font-weight:600;
}
.news-area a .side-list-title{transition: all .5s;}
.news-area a:hover .side-list-title{color:#fa0;}

.contents-line{
	padding:10px 0;
	border-bottom:dotted 1px #060;
}
.sponsor-text01{
	font-size:24px;
	font-weight:bold;
}

.contact-line{
	padding:20px 10px;
	border-bottom:dotted 1px #060;
	box-sizing:border-box;
}
.contact-text01{
	font-size:14px;
	font-weight:bold;
	color:#66e330;
}
.contact-text02{
	line-height:28px;
	padding:20px 5px 30px;
}
.contact-text03{
	font-size:14px;
	line-height:22px;
}

.seedjapan01{
	border-bottom:dotted 1px #fff;
	padding:20px 5px 5px;
}

.live-box{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.live-box > li{
	margin:30px 0 0 0;
	box-sizing:border-box;
	list-style:none;
	width:19.2%;
}
.live-box li{
	list-style:none;
}
.live-box li:nth-child(1n-1){
	margin-right:1%;
}
.live-box li:nth-child(5n){
	margin-right:0;
}
.live-title{
	font-size:14px;
	line-height:16px;
	margin-top:5px;
	word-wrap:break-word;
}

.introduction-text01{margin:0 20% 20px 20px;}
.introduction-text02{padding:20px 20px 40px 20px; background-color:#333; font-size:16px; line-height:38px;}

.introduction-list{
	border-radius: 5px 0 0 5px / 5px 0 0 5px; /* 左上,右上,右下,左下 */
	background-color:#060;
	padding:0 0 2px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.introduction-list-text{
	border-top:solid 1px #66e330;
	border-right:solid 1px #66e330;
	border-bottom:solid 1px #66e330;
	font-weight:bold;
	padding:0 10px 2px 0;
	background-color:#66e330;
	color:#000;
}
.introduction-list-text:before {
	position:relative;
	left:-8px;
	content:"◆";
	color:#060;
}
.introduction-index{border:solid 1px #060;}
.introduction-index2{border:solid 2px #040;}
.introduction-index-text{
	padding:7px 10px 9px 10px;
	background: linear-gradient(#002800, #000);
	border-bottom:solid 1px #040;
	font-weight:bold;
}
.introduction-index-list01{
	margin:0 10px;
	padding:12px 10px 14px 10px;
}
.introduction-index-list02{
	margin:0 10px 0 30px;
	padding:12px 10px 14px 10px;
}
.introduction-index2 .introduction-index-list01{border-bottom:dotted 1px #060;}
.introduction-index2 .introduction-index-list02:not(:last-child){border-bottom:dotted 1px #060;}
.introduction-index2 a:hover{color:#66e330;}

.introduction-title{
	border-left:solid 4px #66e330;
	border-bottom:solid 1px #060;
}
.introduction-title h3{
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	border-left:solid 2px #060;
	border-bottom:solid 1px #393;
	padding:15px 15px 18px 15px;
	background-color:#232;
}

.introduction-sub-title{border-top:solid 3px #393;}
.introduction-sub-title h3{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#000;
	padding:5px 10px 8px 10px;
	background-color:#0f0;
}
.introduction-top-button{
	display:inline-block;
	border-radius: 3px / 3px;
	border:solid 1px #fff;
	background-color:#f3f3f3;
	width:auto;
	color:#000;
	font-size:14px;
	line-height:16px;
	padding:1px 15px;
	font-weight:bold;
}
.introduction-top-button:before{
	content:"▲";
	padding-right:5px;
	font-size:10px;
}
.introduction-top-button:hover{color:#060;}
.introduction-image{
	width:600px;
	background-color:#222;
	margin:20px 0;
	padding:20px;
	box-sizing:border-box;
}
.introduction-image-title{
	border-left:solid 4px #090;
	margin-bottom:10px;
	padding:0 0 2px 10px;
	font-size:16px;
	line-height:20px;
	text-align:left;
}
.introduction-image-text{
	margin:5px 5px 0 5px;
	font-size:14px;
	line-height:20px;
	text-align:left;
}
.introduction-link a{color:#66e330;}
.introduction-link a:hover{text-decoration:underline;}

.introduction-logo-jfa:before{
	content:'';
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
	width:32px;
	height:24px;
	background-image:url(../img/introduction/jfa.jpg);
	background-size:contain;
}
.introduction-logo-ea:before{
	content:'';
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
	width:38px;
	height:24px;
	background-image:url(../img/introduction/ea.png);
	background-size:contain;
}


/* ワールドカップ予想 */
.worldcup-box{
	width:25%;
	box-sizing:border-box;
	margin:0 5px;
	border-top:solid 1px #393;
	border-left:solid 1px #393;
	border-right:solid 1px #393;
}
.worldcup-group{
	background-color:#393;
	padding:3px 5px 5px;
	font-size:18px; line-height:20px; font-weight:bold; color:#fff;
}
.worldcup-team{
	border-bottom:solid 1px #393;
	padding:8px 0;
	font-size:14px; line-height:16px;
}
.worldcup-team-select{background-color:#ff6; color:#000;}
.worldcup-team-text{margin-top:-2px;}
.worldcup-rank-text{margin:15px 15px 0; font-size:12px; font-weight:bold; line-height:14px; color:#ff0;}
.worldcup-item{margin:0 10px; box-sizing:border-box;}
.worldcup-member-box{
	box-sizing:border-box;
	border-top:solid 1px #393;
	border-left:solid 1px #393;
}
.worldcup-member-title{
	box-sizing:border-box;
	background-color:#030;
	border-right:solid 1px #393;
	border-bottom:solid 1px #393;
	padding:3px 5px;
	text-align:center;
	font-size:12px; font-weight:bold; line-height:14px;
}
.worldcup-member-text{
	box-sizing:border-box;
	border-right:solid 1px #393;
	border-bottom:solid 1px #393;
	padding:8px 5px;
	font-size:14px; font-weight:bold; line-height:16px;
}
.worldcup-team-none{margin-bottom:4px; text-align:center;}

.position-parent{display:flex; align-items:stretch; margin-top:30px;}
.position-children{flex:1; justify-content:space-between; margin:0 10px;}
.position-fw{border-left:solid 3px #33f; border-bottom:solid 1px #00c;}
.position-fw-inner{border-left:solid 3px #6cf; padding:3px 10px 5px; font-size:18px; font-weight:bold; color:#55f;}
.position-mf{border-left:solid 3px #090; border-bottom:solid 1px #090;}
.position-mf-inner{border-left:solid 3px #3e3; padding:3px 10px 5px; font-size:18px; font-weight:bold; color:#3c3;}
.position-df{border-left:solid 3px #f96; border-bottom:solid 1px #cc0;}
.position-df-inner{border-left:solid 3px #ee3; padding:3px 10px 5px; font-size:18px; font-weight:bold; color:#ee6;}
.position-gk{border-left:solid 3px #e11; border-bottom:solid 1px #c00;}
.position-gk-inner{border-left:solid 3px #fa0; padding:3px 10px 5px; font-size:18px; font-weight:bold; color:#f33;}