/*
	Theme Name: Er Sele United Football Club Theme
	Theme URI: 
	Description: Er Sele United Football Club Theme
	Version: 1.0
	Author: TribalWorks
	Tags: HTML5, CSS3
*/

/*--------------------------------------------------------
基本設定
--------------------------------------------------------*/
body {
	font-size:16px;
	line-height:26px;
	margin:0;
	padding:0;
	text-align:center;
	color:#fff;
	background-color:#556b2f;
}

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset{
	font-size:16px;
	line-height:26px;
  	font-style:normal;
	font-family:     'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;

}

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,section{
	margin:0;
	padding:0;
}

div{text-align:left;}

a:link{text-decoration:none;color:#333;}
a:visited{text-decoration:none;color:#333;}
a:active{text-decoration:none;color:#333;}
a:focus{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;color:#333;}

img{
	border:0;
	vertical-align: bottom;
}

.fs10{font-size:10px;}
.fs14{font-size:14px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}
.fs30{font-size:30px;}

.red{
	color:#ff0000;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.ml20{margin-left:20px;}
.mb20{margin-bottom: 20px;}
.mt50{margin-top: 50px;}

.mr20{margin-right: 20px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}

.p40{padding:40px;}

.b{font-weight:bold;}

.white{color:#fff;}
.red{color:#ff0000;}
.blue{color:#0000ff;}
.yellow{color: #ffff00;}

.borderradius {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.clearfix:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix{
  min-height:1px;
}

* html .clearfix{
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--------------------------------------------------------
--基本設定--
--------------------------------------------------------*/

/*--------------------------------------------------------
メニュー固定
--------------------------------------------------------*/

header {
  position: fixed;
  width: 100%;
  z-index:10001;
  height:120px;
}

.topnav {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

#body {
}

/*--------------------------------------------------------
-メニュー固定-
--------------------------------------------------------*/

/*--------------------------------------------------------
共通設定
--------------------------------------------------------*/

#header{
	width:1000px;
	margin:0 auto;
}

#logo{
	width:250px;
	float:left;
}

div#wrap{
    width:750px;
	float:right;
}

#wrap ul{
    margin:0;
    padding:0;
    text-align:right;
}

#wrap li{
    display:inline-block;
	margin-right:20px;
	margin-top:50px;
	font-size:16px;
}

/*--------------------------------------------------------
-共通設定-
--------------------------------------------------------*/

/*--------------------------------------------------------
メイン
--------------------------------------------------------*/

#main{
}

#mainin{
	width:1000px;
	margin:0 auto;
}

#mainin h2{
	background-color:#ffff00;
	color:#333;
	font-size:24px;
	font-weight:normal;
	padding:20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-align:center;
	margin-top:40px;
}

#mainin h3{
	background-color:#333;
	color:#fff;
	font-size:28px;
	font-weight:normal;
	padding:20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	margin:40px 0;
}

#mainin h4{
	background-color:#fff;
	color:#000;
	font-size:20px;
	font-weight:normal;
	padding:10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	margin:10px 0;
}

/*--------------------------------------------------------
-メイン-
--------------------------------------------------------*/

/*--------------------------------------------------------
トップページ
--------------------------------------------------------*/

.snsicon{text-align: center;
margin-top: 20px;
margin-bottom: 10px;}
.snsicon image{margin: 10px;}

#whatsnew{
}

#whatsnewtitle{
	font-size:28px;
	background-color:#00b900;
	padding:10px;
	font-weight:bold;
}

.wdate{
	width:12%;
	float:left;
	margin-top:10px;
}

.wchar{
	width:80%;
	float:left;
	margin-top:10px;
}


.btn01{
	width:48%;
	float:left;
}

.btn02{
	width:48%;
	float:left;
	margin-left:20px;
}

#topbtn{
	margin-top:50px;
}

.btntitle{
	color:#5a5a5a;
	font-size:18px;
	margin-top:10px;
	font-weight:normal;
	text-align:center;
}

#topinfo{
}

.half01{
	width:490px;
	float:left;
}

.half02{
	width:490px;
	float:right;
}

#topinfo h2{
	background-color:#ff0000;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	padding:20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-align:center;
	
}

.wn{
	width:420px;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:70px;
	height:50px;
	margin-top:20px;
}

.wnchar{
	height:25px;
	line-height:25px;
	font-size:14px;
}

.wndate{
	height:25px;
	line-height:25px;
	font-size:16px;
	font-weight:bold;
}

#toptel{
	font-size:36px;
	font-weight:bold;
	margin-top:10px;
	}

a.top-contact-btn {
	margin-top:20px;
  display: block;
  height: 40px;
  width: 98%;
  padding:1px;
  text-decoration: none;
  line-height: 40px;
  color: #fff;
  font-size:16px;
  text-shadow: 0px -1px 0px #af6d01;
  background: #fff;
  border: 1px solid #ff9900;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.top-contact-btn span{
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
  background: #ff0000;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff0000));
  background: -moz-linear-gradient(top,  #ff0000,  #ff0000);
  background: -o-linear-gradient(top,  #ff0000,  #ff0000);
  background: -ms-linear-gradient(top,  #ff0000,  #ff0000);
  background: linear-gradient(top,  #ff0000,  #ff0000);
  border-radius: 20px;
}
a.top-contact-btn:hover{
  opacity: 0.8;
}
a.top-contact-btn:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}

.sponsor{text-align: center;margin-bottom: 40px;margin-top: 40px;}


/*--------------------------------------------------------
-トップページ-
--------------------------------------------------------*/

/*--------------------------------------------------------
クラブ概要
--------------------------------------------------------*/

#clubtbl table{
	width:100%;
	margin:40px 0;
}

#clubtbl th{
	width:160px;
	text-align:left;
	padding:20px;
	font-weight:normal;
	font-size:15px;
	background-color:#fff;
	color:#333;
}

#clubtbl td{
	width:760px;
	text-align:left;
	padding:20px;
	font-size:15px;
	background-color:#fff;
	color:#333;
}

#rules a:link{text-decoration:none;color:#fff;}
#rules a:visited{text-decoration:none;color:#fff;}
#rules a:active{text-decoration:none;color:#fff;}
#rules a:focus{text-decoration:none;color:#fff;}
#rules a:hover{text-decoration:underline;color:#fff;}

/*--------------------------------------------------------
-クラブ概要-
--------------------------------------------------------*/

/*--------------------------------------------------------
スタッフ紹介
--------------------------------------------------------*/

.staff-wrap{
display: flex;
width: 100%;
margin-top: 40px;
background-color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding-bottom: 20px;
}

.staff-img{
width: 25%;
padding: 20px;
}

.staff-img img{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.staff-info{
width: 73%;
margin-left: 2%;
color: #333;
}

.staff-info p{
color: #fff;
}

.staff-info-title{
background-color: #e9e382;
color: #f0070b;
margin-right: 20px;
padding: 5px 10px;
font-size: 1.2em;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.staff-name{
background-color: #e61c3d;
color: #e7fb63;
font-size: 1.4em;
font-weight: bold;
padding: 10px;
margin: 20px 20px 20px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


.staffinfo{
	padding:30px;
	margin-top:40px;
	border-bottom:1px dotted #fff;
}

.staffname{
	background-color:#fff;
	padding:20px;
	color:#333;
	font-size:26px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

/*--------------------------------------------------------
-スタッフ紹介-
--------------------------------------------------------*/

/*--------------------------------------------------------
スケジュール
--------------------------------------------------------*/

.prevmonth{
	width:300px;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
}

.prevmonth a:link{text-decoration:none;color:#fff;}
.prevmonth a:visited{text-decoration:none;color:#fff;}
.prevmonth a:active{text-decoration:none;color:#fff;}
.prevmonth a:focus{text-decoration:none;color:#fff;}
.prevmonth a:hover{text-decoration:underline;color:#fff;}

.nextmonth{
	width:300px;
	float:right;
	margin-top:10px;
	margin-bottom:20px;
	text-align:right;
}

.nextmonth a:link{text-decoration:none;color:#fff;}
.nextmonth a:visited{text-decoration:none;color:#fff;}
.nextmonth a:active{text-decoration:none;color:#fff;}
.nextmonth a:focus{text-decoration:none;color:#fff;}
.nextmonth a:hover{text-decoration:underline;color:#fff;}

.scheduletable{
	width:1000px;
	border-collapse:collapse;
	margin-bottom:30px;
	background-color:#fff;
	color:#000;
}

.scheduletable td{
	 border:1px #000 solid;
	 padding:4em 5px;
	 
	font-size:13px;
 }

.scheduletable .bbk1{
	background-color:#000;
	color:#fff;
}

.scheduletable .brw1{
	border-right:#fff 1px solid;
}

 
.scheduletable .bb3{
	 border-bottom:3px #000 solid;
}


.st01{
	width:120px;
	text-align:center;
}

.st02{
	width:220px;
	text-align:center;
}

.st03{
	width:220px;
	text-align:center;
}

.st04{
	width:220px;
	text-align:center;
}

.st05{
	width:220px;
	text-align:center;
}

.noschedule{
	padding-top:150px;
	padding-bottom:150px;
	text-align:center;
}


/*--------------------------------------------------------
スケジュール
--------------------------------------------------------*/

/*--------------------------------------------------------
試合結果
--------------------------------------------------------*/

.matchdate{
	font-size:20px;
	margin-bottom:10px;
	
}

.matchname{
	margin-bottom:10px;
	font-size:14px;
}

.matchplace{
	margin-bottom:10px;
	font-size:14px;
}

.resulttable{
	width:1000px;
	border-collapse:collapse;
	margin-bottom:30px;
	border:1px #000 solid;
	background-color:#fff;
}

.resulttable td{
	 border:1px #000 solid;
	 padding:5px;
	 color:#000;
	font-size:13px;
 }
 
.resulttable .bbk1{
	background-color:#000;
	color:#fff;
}

.resulttable .brw1{
	border-right:#fff 1px solid;
}

.rt01{
	width:100px;
	text-align:center;
}

.rt02{
	width:200px;
	text-align:center;
}

.rt03{
	width:100px;
	text-align:center;
}

.rt04{
	width:200px;
	text-align:center;
}

.rt05{
	width:202px;
}


/*--------------------------------------------------------
試合結果
--------------------------------------------------------*/


/*--------------------------------------------------------
無料体験
--------------------------------------------------------*/

#trial{
	margin-top:40px;
}

#trial li{
	margin-left:40px;
}

/*--------------------------------------------------------
-無料体験-
--------------------------------------------------------*/

/*--------------------------------------------------------
フォーム
--------------------------------------------------------*/

.form{
	width:960px;
	border:dotted 1px #fff;
	padding:20px;
}

.form dt{
	padding-top:20px;
	border-bottom:#fff solid 1px;
}

.form dd{
	padding-top:10px;
}



/*--------------------------------------------------------
/フォーム/
--------------------------------------------------------*/


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	background-color:#ffff00;
	margin-top:20px;
	padding:20px;
	color:#333;
}

#footerin{
	width:1000px;
	margin:0 auto;
}

#footerinfo{}

#footercompany{
	width:400px;
	float:left;
	font-size:14px;
}

#footermenu{
	width:400px;
	float:right;
	margin-top:20px;
}

#footermenu01{
	width:50%;
	float:left;
	font-size:14px;
}

#footermenu02{
	width:48%;
	float:right;
	font-size:14px;
}

#footermenu a:link{text-decoration:none;color:#333;}
#footermenu a:visited{text-decoration:none;color:#333;}
#footermenu a:active{text-decoration:none;color:#333;}
#footermenu a:focus{text-decoration:none;color:#333;}
#footermenu a:hover{text-decoration:underline;color:#333;}

#cr{
	background-color:#000;
	color:#fff;
	text-align:center;
	font-size:9px;
	padding:10px;
}
/*--------------------------------------------------------
-フッター-
--------------------------------------------------------*/


/*--------------------------------------------------------
投稿
--------------------------------------------------------*/

.datetimebox{
	margin-top:40px;
}

.postcahr{
	margin-top:40px;
}
/*--------------------------------------------------------
-投稿-
--------------------------------------------------------*/