@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;
}




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の背景指定*/

/*全体*/
.pc-only {
	display: none;
}
.pc-tab-only {
	display: block;
}
.tab-sp-only {
	display: block;
}
.sp-only {
	display: none;
}

#all {width:100%;}

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

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

 #all #header-area #header01 {width:100%;height: 100px;}
 
#all #header-area #header01 #header01_area #header-title {
	float: left;
	margin-top: 58px;
	margin-left: -10px;

}

#all #header-area #header01 #header01_area #header-title h2 a {

	display: block;
	overflow: hidden;
	background-size: 70% 70%;
	-webkit-background-size: 70% 70%;
    -moz-background-size: 70% 70%;
    -o-background-size: 70% 70%;
    -ms-background-size: 70% 70%;
}
#all #header-area #header01 #header01_area #header-title h2 {
	margin: 0px;
	padding: 0px;
}
 



/*header左側の設定*/

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

	float: left;
}

 #all #header-area #header01 #header01_area #emblem img {
	height: auto;
		width: 90%;
}


 




/*header右側の設定*/

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

#all #header-area #header01 #header01_area #free_area {
	float: right;
	width:69%;
	height: auto;
	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: 10px;
	/*width:22%; */

}

#all #header-area #header01 #header01_area #free_area .logo_area {
	margin-top: 2px;
}

#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:-42px;
	color: #fff;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:150%;
	clear: both;
}


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

#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%;
margin-bottom: 0px;}

#all #content {width:100%; }

/* contents-block */

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

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


/*==================
footer
====================*/
#copy_right {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#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;
}
#jPanelMenu-menu {
   background-color: #070e1c;
}

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

#jPanelMenu-menu ul li {
  padding: 0.5em 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: 1em 0 0.5em 1em;
  color: #ffffff;
  text-decoration:none;
}

#jPanelMenu-menu ul li a:hover {
  display: block;
  padding: 1em 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;
}




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

#all .sp-none {display:none;}
#all .tab-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: auto;
	width:50%;
}

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

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

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

/*

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

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


#ranking-tab .btn_tab.cf .rankng_acl {
	float: left;
height: auto;	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;
}

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

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

#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: 10px;
	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: 12px;
	font-size:80%;
}
.matches-area .matches-block .matches-text .days {
	float: left;
	width: 19%;
	text-align: right;
}
.matches-area .matches-block .matches-text .text {
	float: right;
	width: 76%;
	text-align: left;
	padding-left: 4px;
}
.matches-area .matches-block .more {
	 clear:both; 
	float: right;
	margin-top: 0px;
		text-align: right;width:18%;
}
.matches-area .matches-block .more img {/*width:30%;*/}

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

.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 img {width:18%;}

/*sponsor*/


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

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

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

#all .loopslider ul li {width: 117px; }
#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階層*/

#all #main-content #content #sub-contents {
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
	zoom:1;
}

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

#sub-contents #center-contents {
	margin-top: 10px;
	margin-bottom: 10px;
		width: 97%;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
	zoom:1;
}

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

#sub-contents #center-contents .panlist {
    font-size: 120%;
    margin-bottom:10px;
	margin-top:10px;
}

#sub-contents #right-contents .main_title {
    margin-bottom: 15px;
    font-size: 200%;
    font-weight: bold;
    background-image: url(../images/contents/bar/bar02.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.main-box .main-text-area {
	font-size: 130%;
	line-height: 20px;
	margin-bottom: 15px;
}

.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:40px;
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:48%;
	font-size:150%;
}

 .result_table table {
    width: 100%;
    text-align: center;
line-height:20px;

}

.result_table table tr .t01 {width: 7%;}
.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: 15%;}
.result_table table tr .t06 {width: 24%;}
.result_table table tr .t07 {width: 11%;}

/* players staff */

#all .tab-left {float:left; width: 49%; margin-right: 0px;}
#all .tab-right {float:right; width: 49%; margin-right: 0px;}
#all .tab-clear {clear:both;}

.clubs_area .top_player ul .player_area {
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

.clubs_area .top_player ul .player_area .player_img {
	
	height:auto;
	float: right;
	display: block;
		text-align: right;
}
.clubs_area .top_player ul .player_area .player_left {
	float: left;
	width: 70%;
	padding: 4px;
	line-height: 18px;
}

.clubs_area .top_player ul .player_area .player_left .position_number {
	display: block;
	text-align: right;
	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: right;
	line-height: 17px;
	display: block;
	letter-spacing: 0px;
	font-size:90%;
	margin-top: 0px;
}

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

.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*/

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

}

#mdp-area .title {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #903;
}

#mdp-area {
	padding: 10px;
	
}

#content .mdp-navi {
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.mdp-navi ul li {
	float: left;
	width:13.7%;
	margin-left:0.3%;
}
.mdp-navi ul li img {width:100%; height:auto;}

.mdp-img .mdp-img-left {
	float: none;	width:100%; margin-bottom:15px;
}
.mdp-img .mdp-img-right {
	float: none;	width:100%;
}

 .mdp-img-center {
		width:100%; text-align:center;
		display:block;
			margin-top: 15px;
	margin-bottom: 15px;
}

#mdp-area .mdp-img .mdp-img-left img {
width:100%;
height:auto;
}
#mdp-area .mdp-img .mdp-img-right img {
	width:100%;
	height:auto;
}
.mdp-img-center img {
	width:100%;
	height:auto;
}

 .mdp-img-center {
		width:100%; text-align:center;
		display:block;
			margin-top: 15px;
	margin-bottom: 15px;
}

#main-content .sns {
	margin-bottom: 15px;
}

.sns .sns-title {
	color: #B8193F;
	font-weight: bold;
	margin-top:15px;
	margin-bottom:15px;
	font-size:200%;
}

#boxArea {width:340px; margin-left:auto; margin-right:auto;}

.line {display:block;}

#all #mdp-area .entry {
    display: block;
    margin: 0 auto 30px auto;
    padding: 10px 0;
    width: auto;
	background-color:#666;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
	
}

#all #mdp-area .entry a {color:#FFF;}

 .mdp-ads-img-left {
		width:100%; text-align:center;
		display:block;
			margin-top: 15px;
	margin-bottom: 15px;
}
.mdp-ads-img-left img {
	width:100%;
	height:auto;
}

.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.9%;
	margin-left:1px;
}
.mdp-navi-footer ul li img {width:100%; height:auto;}

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

#all #mdp-area .info-more li {
	font-size: 12px;
	width:100%;
}

 .cntYouTube iframe {
	   width: 100%;	
}/*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%;
}

#all #main-content #content .contents-block-youtube { width: 100%; height:auto; padding-left:5px;clear: both;margin-bottom:15px;}
#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; margin-bottom:15px;}

#all #main-content #content .contents-block-youtube02 { width: 100%; height:auto; padding-left:0px;clear: both;margin-bottom:15px;}
#all #main-content #content .contents-block-fb02 { 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;margin-bottom:15px;}
.contents-block-twitter .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-fb .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-youtube .title-img span {margin-left: 2%;
}
.contents-block-twitter02 .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-fb02 .title-img span {margin-left: 2%;
}
#all #main-content #content .contents-block-youtube02 .title-img span {margin-left: 2%;
}

.top-btn-os{
	margin-bottom:10px;}
	
/* photo_gallery */
.portal-list .list {
	width: 31.0%;
}