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

/*===============
base
=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
}

body{
min-width: 320px;
font-size: 62.5%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.4;
color:#333;
background:#fff;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}




ul,ol{
list-style: none;
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




p,dd{
font-size:1.2em;
}

/*footerの背景指定*/

/*全体*/

#all {width:100%; overflow:hidden;}

/*==================
header
====================*/

#all #header-area {width:100%;}
#all #header-area #header01 #header01_area {width:100%;}




 #all #header-area #header01 {width:100%;height: 85px;}
 
#all #header-area #header01 #header01_area #header-title {
/*		float: left;
	margin-top: 58px;
margin-left: -15px; 
width: 50%;
max-width:100%;*/


width: 50%;
	height: auto;
margin-top: 53px;
margin-left: -30px;



}

#all #header-area #header01 #header01_area #header-title h2 a {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	background-size: 141px 22px;
	-webkit-background-size: 141px 22px;
	   -moz-background-size: 141px 22px;
	   -o-background-size: 141px 22px;
	   -ms-background-size: 141px 22px;
}
#all #header-area #header01 #header01_area #header-title h2 {
	/*margin: 0px;
	padding: 0px;
	position:absolute;
top:58px;
left:93px;
*/
/*
float: left;
	margin-top: 58px;
margin-left: -15px; 
*/
}
 

/*header左側の設定*/

 #all #header-area #header01 #header01_area #emblem {
	height: auto;

	float: left;
}
#all #header-area #header01 #header01_area #emblem h1 {margin-left:0px; margin-top:0px;}
 #all #header-area #header01 #header01_area #emblem img {
	height: auto;
		width: 78%;
}




/*header右側の設定*/

#all #free_area {width:100%; position:absolute; right:0px; top:0px;}

#all #header-area #header01 #header01_area #free_area {
	float: right;
	width:64%;
	height: 55px;
	overflow:hidden;
	zoom:1;
	margin-right: 10px;
	_margin-right: 5px; /*IE6*/
}

#all #header-area #header01 #header01_area #free_area img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

#all #header-area #header01 #header01_area #free_area .header_logo {
	float: right;
margin-left: 3px;
width:22%; 
}

#global_nav {
	float: right;
	/* background-color: #a3a3a3; */
  background-color: #070e1c;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	margin-top:-35px;
	color: #fff;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:150%;
}


/*グローバルナビゲーション*/

#all #global-nav {display:none;}

#all #header02 {display:none;}

/*main img*/

#all #main-content #main_img {width: 100%;
height: auto;}


/*==================
contents
====================*/

#all #main-content {width:100%; overflow:hidden;
margin-bottom: 0px;}

#all #content {width:100%; }

/* contents-block */

#all #main-content #content .contents-block-left { width: 48%; height:auto; padding-left:5px;}
#all #main-content #content .contents-block-right { width: 48%;height:auto; padding-right:5px;}

#all #main-content #content .contents-block-youtube { width: 100%; height:auto; padding-left:5px;clear: both;}
#all #main-content #content .contents-block-fb { width: 100%;height:auto; padding-left:5px;clear: both;}
#all #main-content #content .contents-block-twitter {width: 100%;
height: auto;
padding-left: 0px;
clear: both;}
#all #main-content #content .contents-block-twitter02 { width: 100%; height:auto; padding-left:0px;float: both;}

/*==================
sidebar
====================*/


/*==================
footer
====================*/

#all #copy_right #copy_area {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

img{
    max-width: 100%;
    height: auto;

}
.title-img img {
	width: 100%;height: auto;
}
.title-photo-img img {
	width: 100%;height: auto;
}

#all #footer_area {width:100%;}
#all #footer_area .sponsor_bnr {width:100%;}
#all .loopslider {width:100%;}
.matches-img img {
	width: 100%;
	height: auto;
}

/*sp menu*/

#sp_menu a {
	color: #FFF;
	padding:5px;
}
#sp_menu a:hover {
	color: #FFF;
	padding:5px;
	text-decoration:none;
}

#jPanelMenu-menu {
   background-color: #070e1c;
}

#jPanelMenu-menu {
   background-color: #070e1c;
  font-size: 110%;
}

#jPanelMenu-menu ul li {
  padding: 1.0em 0 0.5em 1em;
/*  border-bottom: solid 1px #ffffff; */
  border-top: solid 1px #ffffff;
}

#jPanelMenu-menu ul li#home {
  background: url(../images/all/icon/icon_top.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
} 

#jPanelMenu-menu ul li#list_tour {
  background: url(../images/all/icon/icon_tour.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_branch {
  background: url(../images/all/icon/icon_branch.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_common {
  background: url(../images/all/icon/icon_company.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_about {
  background: url(../images/all/icon/icon_about.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_information {
  background: url(../images/all/icon/icon_information.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_report {
  background: url(../images/all/icon/icon_report.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_member {
  background: url(../images/all/icon/icon_member.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_movie {
  background: url(../images/all/icon/icon_movie.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_company {
  background: url(../images/all/icon/icon_company.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_sp {
  background: url(../images/all/icon/icon_sp.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_fb {
  background: url(../images/all/icon/icon_fb.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_etc {
  background: url(../images/all/icon/icon_etc.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}

#jPanelMenu-menu ul li#list_mail {
  background: url(../images/all/icon/icon_mail.png) no-repeat 10px 14px #070e1c;
  padding-left: 21px;
  background-size: 16px 16px;
}


#jPanelMenu-menu ul li a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  color: #ffffff;
  text-decoration:none;
}

#jPanelMenu-menu ul li a:hover {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  color: #ffffff;
}

#jPanelMenu-menu ul li:not(.first) a{
  background: url("../images/all/icon/arrow_right.png") no-repeat 1em 10px;
  padding-left: 35px;
  background-size: 10px 10px;
}

#jPanelMenu-menu ul li.first{
   background-color: #070e1c;
  padding-left: 10px;
}




#all #global_nav a {color:#FFF;text-decoration:none:}
#all #global_nav a:hover {color:#FFF; text-decoration:none:}

#all .sp-none {display:none;}
#all .pc-none {display:block;}

#sidr{display:block;}
#global_nav{display:block;}
#jPanelMenu-menu ul {display:block;}
#sidr {display: none;}

/*btn change*/
.btn_tab.cf img {
height: auto;
	width:auto;
}

/*タブ2つの場合 ここから*/

#ranking-tab .btn_tab.cf .rankng_j1 {
	float: left;
height: 11px;
	width:50%;
}

#ranking-tab .btn_tab.cf .rankng_ync {
	float: left;
height: 11px;width:50%;
}

/*タブ2つの場合 ここまで*/

/*タブ3つの場合 ここから*/

/*

#ranking-tab .btn_tab.cf .rankng_j1 {
	float: left;
height: 11px;
	width:33%;
}

#ranking-tab .btn_tab.cf .rankng_ync {
	float: left;
height: 11px;width:33%;
}


#ranking-tab .btn_tab.cf .rankng_acl {
	float: left;
height: 11px;width:34%;
}
*/

/*タブ3つの場合 ここまで*/

#ranking-tab .tab-area {
	margin: 0px;
	padding: 0px;
	height: auto;
}
#ranking-tab .btn_tab.cf {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	overflow: hidden;
}

#ranking-tab .container_tab tr td {
	padding: 1px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}

.gd {width:10%;}

#all #main-content .title-img {
	/* margin: 0px; */
	/* padding: 0px; */
	/* height: auto; */
}

#ranking-tab .container_tab {
	margin: 0px;
	padding: 0px;
font-size:6px;
line-height: 10px;
}

#all   #ranking-tab .kashima_team {
	color: #FFF;
	background-color: #9a0225;
	text-align:left;
	padding-left:0px;
	font-weight:bold;
}

#all  #ranking-tab .other_team {
	text-align:left;
	padding-left:0px;
	
}

/*youtube*/

.video {
    position: relative;
    magin-bottom: 30px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
  
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*matches-area*/
.matches-area .matches-block {
	height: auto;
	overflow: hidden;
	zoom:1;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.matches-area .matches-block .matches-img {
	float: left;
width: 30%;
	text-align:left;
}
.matches-area .matches-block .matches-text {
	float: right;
	overflow: hidden;
	zoom:1;
	width: 70%;
	line-height: 9px;
	font-size:55%;
}






.matches-area .matches-block .matches-text .days {
	float: left;
	width: 28%;
	text-align: right;
}
.matches-area .matches-block .matches-text .text {
	float: right;
	width: 68%;
	text-align: left;
	padding-left: 1px;
}
.matches-area .matches-block .more {
	 clear:both; 
	float: right;
	margin-top: 1px;
		text-align: right;width:18%;margin-bottom: -5px;
}
.matches-area .matches-block .more img {/*width:30%;*/}

.matches-area .matches-block .more_photo {
	/* clear:both; */
	float:right;
	
	margin-top: 1px;
		text-align: right;width:30%;margin-bottom: -5px;
}

.matches-area .matches-block .more_photo img {/* width:30%; */}


.top_right_more {
	text-align: right;
	margin-top: 3px;
	display: block;
	margin-right: 5px;
}

.top_right_more {
	text-align: right;
	margin-top: 3px;
	display: block;
	margin-right: 5px;
}
.top_right_more img {width:20%;}

/*sponsor*/


#all .sponsor_bnr .s_title img {
	height: auto;
	width: 25%;
}

#top #all #footer_area .sponsor_bnr .s_title {
	margin-bottom: 10px;
}

.loopslider {
height: 50px;
	margin-bottom:5px;width: 100%;
}
#all .loopslider ul {width: 100%;}

#all .loopslider ul li {width: 97px; }
#all .loopslider ul li img {
	height: auto;
	width: 100%;
}

.fadeTopBtn a {
	background-color : #fff;
	display : block;
	padding : 5px 7px;
	color : #b10d0f;
	font-size: 100%;
	text-decoration:none;
}

.fadeTopBtn a:hover {
	background-color : #fff;
	display : block;
	padding : 5px 7px;
	color : #b10d0f;
	font-size: 100%;
	text-decoration:underline;
}


/*第2階層*/

#sub-contents #left-contents {
	display:none;
}

#sub-contents #center-contents {
	margin-top: 10px;
	margin-bottom: 10px;
		width: 95%;
}

#sub-contents #right-contents {
padding-top: 0px;
padding-right: 10px; 
padding-bottom: 0px;
padding-left: 10px; 
	width: 94%;
border: 1px solid #dedbda;
float: right;
	text-align:left;
}

.page-title-sp {width:100%}

.page-title { background-image:url(../images/contents/bar/bar04.gif);
background-repeat:no-repeat;
/* width:auto;
height:auto; */
text-align:left;
font-size:250%;
padding-left:35px;
padding-top:7px;
font-weight:bold;

	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;

}
	.main-text-area tr .t-img .center img {
	padding: 1px;
}

/*試合日程・結果*/
 .block_game_search ul li {
    float: left;
    display: block;
    background-image: url(../images/contents/ico/ico03.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    width:100%;
	font-size:150%;
}

 .game_table {
    margin-bottom: 15px;	line-height: 22px;
}

 .result_table table {
    width: 100%;
    text-align: center;
    font-size: 50%;
	line-height:16px;

}

.result_table table tr .t01 {width: 15%;}
.result_table table tr .t02 {width: 13%;}
.result_table table tr .t03 {width: 13%;}
.result_table table tr .t04 {width: 17%;}
.result_table table tr .t05 {width: 7%;}
.result_table table tr .t06 {width: 24%;}
.result_table table tr .t07 {width: 11%;}

/* players staff */

#all .sp-block {display:block; width:99%;}

.clubs_area .top_player ul .player_area .player_left .position_number {
	display: block;
	text-align: left;
	font-weight: bold;
	color: #b9193f;
	font-size:100%;
	margin-top:1px;
	margin-bottom: 0px;
	
}

.clubs_area .top_player ul .player_area .player_left .pos {
	display: block;
	text-align: left;
	line-height: 17px;
	display: block;
	letter-spacing: 0px;
	font-size:90%;
	margin-top: 0px;
}

.clubs_area .detail {
	text-align: left;
	font-size:90%;
	letter-spacing: 0px;
}

#all .tab-right {
margin-right: 1px;}

.pc-mr15 {margin-right:5px;}


#all #center-contents img {
	height: auto;
	width: 100%;
}

/*MDP用*/

.mdp-bg {background-color:#FFF;position:relative;}
.mdp-bg .mdp-logo-area { color:#333; 
position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-top:0px;
  width: 100%;
  z-index:-1;
 }
  
.mdp-bg .mdp-logo-area .mdp-logo {
	margin: auto;
	width: 100%;
}  

/*MDP*/

.contents-block-left .top-text {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	font-size:78%;
	text-align:left;
}

.contents-block-right .top-text02 {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	font-size:78%;
	text-align:left;
}


.contents-block-right .top-text {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	font-size:78%;
text-align:left;
}

.contents-block-left02 .top-text {
	position: absolute;
	bottom: 0px;
	padding: 5px;
	font-size:78%;
	text-align:left;
}

/*MDP*/

#mdp-area .mdp-text {
	text-align: left;
	font-size:140%;
	line-height:26px;

}

#mdp-area {
	padding: 10px;
}

.mdp-text .mdp-text-area {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.mdp-text .finish {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color:#F00;
	font-weight:bold;
	font-size:200%;
	text-align:center;
	line-height:36px;
}

.mdp-navi-header  {
	
	width:100%;

}

#content .mdp-navi-footer {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.mdp-navi-footer ul li {
	float: left;
	width:10.8%;
	margin-left:1px;
}
.mdp-navi-footer ul li img {width:100%; height:auto;}

.mdp-navi-footer ul {
	overflow: hidden;
	list-style:none;
}

#all #header-top {
	background-image: url(../images/all/header-top02.png);
	height: 125px;
	background-position: center top;
	text-indent: -7777px;
	overflow: hidden;
	background-repeat:no-repeat;
	background-size: contain;
width: 100%;
}
#all #main-bottom {
	background-image: url(../images/all/footer-bottom02.png);
	
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 112px;
	background-size:contain;
	/* width: 100%; */
}

.pc-only {display:none;}
.pc-tab-only {display:none;}
.tab-sp-only {display:block;}
.sp-only {display:block;}

.mdp-navi ul li {
	float: left;
	width:10.5%;
	margin-left:1px;
}
#content #mdp-area .portal-list li .portal-list-title{
	float: none;
	padding-top: 0px;
	margin-bottom:10px;
	text-align:center;
	display: block;
	clear: both;
}
#content #mdp-area .portal-list li img{
	float: left;
	margin-right: 0px;
	margin-bottom:10px;
	width:100%;
}

.member-area table tbody tr th {
	padding: 5px;
	font-size:80%;
}

.member-area table tbody tr td {
	padding: 5px;
	font-size:80%;
}


.portal-list .list {
	float: none;
	width: 100%;
	text-align: center;
		padding: 0px;
		margin-bottom:15px;
}
.portal-list .list a img {
	height: auto;
	width: 100%;
	
}

#all #main-content #content .contents-area {
	overflow: hidden;
	width: 100%;
}

#all #main-content #content {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	overflow:hidden;
	zoom:1;
	clear: both;
box-sizing:border-box;
}

/* history */

.encore-history{
	font-size:90%;
	line-height:normal;
	}
.encore-history-photo {
	float:none;
	width: 98%;
	margin-left:auto;
	margin-right:auto;
}
.encore-history-photo img {
	width: 100%;
	height: auto;
	
}
.encore-history-profile {
	float:none;
	width: 98%;
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
}
.encore-history-name {
	margin-top: 5px;
	margin-bottom: 5px;
}
.encore-history-profile-text1 {
	margin-bottom: 5px;
}
.encore-history-profile-text2 {
	margin-bottom: 5px;
	line-height: normal;
}
.encore-history-box-subtitle-img {
	margin-top:10px;
	padding-right: 5px;
	overflow: hidden;
	width: 66%;
	float: right;
	text-align: right;
}
.encore-history-box1 table, td, th {
	padding: 5px;
}