@charset "UTF-8";

/*
TOP MAIN AREA
--------------------------------------------------------------------------------\*/

img {
   vertical-align:bottom
}

section#top #mainimage {
	margin:0 auto 30px;
	width:100%;
	height:675px;
	background: url(../../common/images/mainimage_bg_675_v1904.jpg) no-repeat top center ;
	text-align:center;
}
section#top #mainimagearea {
	margin:0 auto;
	width:1200px;
	height:675px;
	text-align:center;
}

#mainimage .camera_caption img{
	vertical-align:middle;
}

section#top #contents {
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}


section#top #contents #joinedarea {
	width:685px;
	float:left;
}

section#top #contents #leftarea {
	width:370px;
	float:left;
}
section#top #contents #centerarea {
	width:300px;
	float:right;
}


section#top #contents #rightarea {
	width:300px;
	float:right;
}

#bnrslider {
	position:relative;
	height:105px;
}

ul.normalList li p.newsconttext{
	margin-left:6.5em;
	padding:10px 10px 10px 0;
	line-height:160%;
	vertical-align:middle;
}


ul.normalList li div.newsconttext{
	margin-left:75px;
	padding:10px 10px 10px 0;
	line-height:160%;
	vertical-align:middle;
}


.newsList li span.cate {
    color: #AAAAAA;
    font-size: 85%;
    font-weight: normal;
    padding-left: 10px;
    vertical-align: top;
}


.graycont {
	background:#2f2f2f;
	padding:10px;
}


.graycont p {
	color:#FFF;
	line-height:160%;
}

.graycont p.conttitle {
	line-height:140%;
	font-size:16px;
}
.graycont .contphoto {
	margin-bottom:10px;
}

.graycont .dark-line {
	margin:5px 0 10px 0;
	line-height:0;
}

.line2{
	font-size:0;
	height:2px;
	background-image: url(../../common/images/dark-line02.gif);
	background-repeat: repeat-x;
}
.line3{
	font-size:0;
	height:2px;
	background-image: url(../../common/images/dark-line03.gif);
	background-repeat: repeat-x;
}
.blue_line{
	font-size:0;
	line-height:0;
	height:5px;
	background-color:#00589e;
}
.lightgray_line{
	font-size:0;
	line-height:0;
	height:5px;
	background-color:#ccc;
}
.sublink {
}
.sublink a {
	padding:5px 10px 5px 23px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	background-image: url(../../common/images/arrow_white.png);
	background-color:#232323;
	background-repeat: no-repeat;
	background-position: 12px center;
}
.sublink a:hover {
	background-color:#454545;
	text-decoration:none;
}


#teamschedule ul.normalList li div.newsconttext p,
#mediaschedule ul.normalList li div.newsconttext p{
	margin-bottom:3px;
	line-height:1.6;
}

#teamschedule ul.normalList li div.newsconttext .schedule_detail{
	margin-bottom:5px;
	line-height:1.6;
	display:table;
}


.schedule_detail .schedule_matter{
	display: table-cell;
}


#gamedetail {
}

#gamedetail .game_category {
	padding:10px;
	background:#000;
}


#gamedetail .game_category img {
	height:23px;
}

#gamedetail ul.gamedetailbt {
	overflow:hidden;
}

#gamedetail ul.gamedetailbt li {
	float:left;
	display:block;
	list-style:none;
	font-size:0;
	line-height:0;
}


#gamedetail .game_info {
	background:#232323;
	border-top:1px solid #313131;
	border-bottom:1px solid #000000;
	overflow:hidden;
}


#gamedetail .game_info .game_info_prev {
	width:16px;
	background:#484848;
	float:left;
}


#gamedetail .game_info p {
	width:275px;
	float:left;
	color:#FFF;
	line-height:1.6;
	padding:5px 10px;
}

#gamedetail .game_info .game_info_next {
	width:16px;
	background:#484848;
	float:right;
}


#gamedetail .game_info .game_info_prev a,
#gamedetail .game_info .game_info_next a{
	display:block;
	width:16px;
	height:50px;
}

#gamedetail .game_info .game_info_prev a{
	background-image: url(../../common/images/arrow_white_left_s.png);
	background-repeat: no-repeat;
	background-position:center center;
}

#gamedetail .game_info .game_info_next a{
	background-image: url(../../common/images/arrow_white_right_s.png);
	background-repeat: no-repeat;
	background-position:center center;
}

#gamedetail .game_info .game_info_prev a:hover,
#gamedetail .game_info .game_info_next a:hover{
	background-color:#777777;
}

#gamedetail .game_info .game_info_prev img,
#gamedetail .game_info .game_info_next img{
	width:6px;
}


#gamedetail .game_score {
	background:#232323;
	border-top:1px solid #313131;
	border-bottom:1px solid #000000;
	padding:10px;
	overflow:hidden;
}


#gamedetail .game_score .game_score_team_home,
#gamedetail .game_score .game_score_team_away{
	width:72px;
	text-align:center;
}

#gamedetail .game_score .game_score_team_home {
	float:left;
}


#gamedetail .game_score .game_score_team_away {
	float:right;
}

#gamedetail .game_score .place{
	margin-bottom:10px;
}

#gamedetail .game_score .place img{
	width:72px;
}


#gamedetail .game_score .game_score_score{
	width:136px;
	float:left;
}


#gamedetail .game_score .game_score_score .game_status{
	width:116px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	font-size:14px;
	background-color:#3d3d3d;
	height:19px;
	line-height:19px;
	padding-top:2px;
	margin-bottom:10px;
}

#gamedetail .game_score .game_score_score .score_detail{
	width:116px;
	margin:0 auto;
}

#gamedetail .game_score .game_score_score .score_detail table{
}


#gamedetail .game_score .game_score_score .score_detail table td{
	width:43px;
	vertical-align:middle;
	color:#FFF;
	line-height:1;
	font: bold 50px/1 Arial, Helvetica, sans-serif;
	text-align:center;
	min-height:58px;

}


#gamedetail .game_score .game_score_score .score_detail table td.detail{
	width:30px;
	
}


#gamedetail .game_score .game_score_score .score_detail table td.detail p{
	width:24px;
	padding:1px 3px;
	font-size:11px;
	line-height:14px;
}

#gamedetail .game_score .game_score_score .score_detail table td.detail p.pk{
	font-size:10px;
}


#gamedetail .game_score_team {
	background:#000000;
	border-bottom:1px solid #232323;
	padding:5px 10px;
	overflow:hidden;
}

#gamedetail .game_score_team p {
	width:140px;
	float:left;
	color:#FFF;
	line-height:1;
}


#gamedetail .game_score_team p.team_away {
	text-align:right;
}


#gamedetail .game_score_scorer {
	background:#3d3d3d;
	border-top:1px solid #5b5b5b;
	padding:10px;
	overflow:hidden;
}


#gamedetail .game_score_scorer table td{
	width:120px;
	color:#FFF;
	vertical-align:top;
}

#gamedetail .game_score_scorer table td p{
	line-height:1;
}


#gamedetail .game_score_scorer table td li{
	padding:3px 0;
	overflow:hidden;
}


#gamedetail .game_score_scorer table td li p.name{
	width:80px;
	word-break:break-all;
	
}

#gamedetail .game_score_scorer table td li p.time{
	width:25px;
	padding-right:10px;
	
}


#gamedetail .game_score_scorer table td.home li p.name{
	float:left;
	
}

#gamedetail .game_score_scorer table td.home li p.time{
	float:right;
	text-align:right;
	
}

#gamedetail .game_score_scorer table td.away li p.name{
	float:right;
	text-align:right
	
}

#gamedetail .game_score_scorer table td.away li p.time{
	float:left;
	padding:0 0 0 10px;;
	
}

#gamedetail .game_score_scorer table td.sub{
	width:40px;
	vertical-align:middle;
}


#gamedetail .game_score_scorer table td.sub p{
	padding:5px;
	background-color:#232323;
	text-align:center;
}




#gamedetail ul.gamedetailbt li a {
	line-height:normal;
}

#gamedetail ul.gamedetailbt li a img {
	vertical-align:bottom;
}


#rankking h2{
	position:relative
}

#rankking h2 p{
	position: absolute;
	right:5px;
	top:19px;
	font-weight:normal;
	font-size:10px;
}


#rankking #rankking_tab{
	padding:5px;
}


#rankking #rankking_tab span{
	padding:3px 3px;
	text-align:center;
	
}

#rankking #rankking_tab a{
	padding:3px 5px;
	background-color:#f4f4f4;
	text-decoration:none;
	transition: all  0.3s ease;
	
}

#rankking #rankking_tab a:hover{
	background-color:#232323;
	color:#ffffff;
	
}


#rankking #rankking_tab a.selected{
	background-color:#232323;
	color:#ffffff;
	
}

#rankking #rankking_tab a.selected {
	position: relative;
	background: #232323;
}
#rankking #rankking_tab a.selected::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(35, 35, 35, 0);
	border-top-color: #232323;
	border-width: 3px;
	margin-left: -3px;
}
#rankking .rankkingTableArea{
	border-left:#dcdcdc solid 1px;
	border-right:#dcdcdc solid 1px;
}

#rankking .rankkingTableArea h3 {
	background-color:#232323;
	padding:3px 5px;
	color:#fff;
	font-weight:normal;
	font-size:12px;
}



#rankking .rankkingTableArea div#ranktable_body{
	overflow:scroll;
	overflow-x: hidden;
	height:245px;
}

#rankking .rankkingTableArea table{
	width:280px;
}

#rankking .rankkingTableArea table tr,
#rankking .rankkingTableArea table th,
#rankking .rankkingTableArea table td{
	line-height:160%;
	text-align:center;
	vertical-align:middle;
	padding:3px;
	font-size:12px;
	font-weight:normal;
	border-bottom:#FFF 1px solid;
}
#rankking .rankkingTableArea table td{
}
#rankking .rankkingTableArea table td img{
	vertical-align:middle;
}
#rankking .rankkingTableArea table .clubname{
	text-align: left;
	padding-left:0px;
	width:40px;
}
#rankking .rankkingTableArea table .clubemb{
	width:41px;
}
#rankking .rankkingTableArea table tr th{
	background-color:#3d3d3d;
	font-weight:bold;
	color:#FFF;
}
#rankking .rankkingTableArea table tr th.number{
	width:25px;
}

#rankking .rankkingTableArea table tr td.point{
	width:20px;
	text-align:center;
}
#rankking .rankkingTableArea table tr td.point2{
	width:35px;
	text-align:center;
}
#rankking .rankkingTableArea table tr.odd td{
	background-color:#f4f4f4;
}
#rankking .rankkingTableArea table tr.rank_gamba th{
	background-color:#00589e;
	font-weight:bold;
	color:#ffffff;
}
#rankking .rankkingTableArea table tr.rank_gamba td{
	background-color:#9cc9ec;
}
#rankking .rankkingTableArea table tr.rank_gamba td.gamba_name{
	color:#00589e;
	font-weight:bold;
}
#rankking .rankkingTableArea table tr.rankking_caption th,
#rankking .rankkingTableArea table tr.rankking_caption td{
	font-size:9px;
	background-color:#FFF;
	color:#333;
	font-weight:normal;
}
#rankking .rankkingTableArea table tr.rankking_caption{
	background: #FFF;
}
input.open{
    border: 0px;
    width: 300px;
    height: 17px;
    background: url(../../common/images/btn_bottom.gif) left top no-repeat;
	cursor:pointer;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}
input.open.active{
    border: 0px;
    width: 300px;
    height: 17px;
    background: url(../../common/images/btn_top.gif) left top no-repeat;
}



#gameschedule {
	overflow:hidden;
}

#gameschedule .gameschedule_left {
	width:74px;
	float:left;
}

#gameschedule .gameschedule_center {
	width:130px;
	float:left;
}

#gameschedule .gameschedule_right {
	width:74px;
	float:right;
}


#gameschedule .emb img {
	width:55px;
}

#gameschedule ul {
	border:#dcdcdc solid 1px;
	border-top:none;
	overflow:hidden;

}

#gameschedule li {
	text-align:center;
	padding:10px;
	overflow:hidden;
}
#gameschedule nav ul {
	border:none;

}

#gameschedule nav ul li {
	display:inline-block;
	padding:0;

}

#gameschedule li:nth-child(2n) {
	background-color:#f4f4f4;
}


#gameschedule li p {
	text-align:center;
	line-height:160%;
}


#ticket {
	overflow:hidden;
	border:#dcdcdc solid 1px;
}

#ticket .ticket_match_table {
	overflow:hidden;
	padding:10px;
	background-color:#f4f4f4;
	border-bottom:1px solid #dcdcdc;
}

#ticket .ticket_match_table div {
	text-align:center;
}

#ticket .ticket_match_table .ticket_match_table_left {
	width:74px;
	float:left;
}

#ticket .ticket_match_table .ticket_match_table_center {
	width:130px;
	float:left;
	line-height:160%;
}

#ticket .ticket_match_table .ticket_match_table_right {
	width:74px;
	float:right;
}


#ticket .ticket_match_table .emb img {
	width:55px;
}


#ticket .ticket_sale_table {
	overflow:hidden;
	padding:10px;
	background-color:#f4f4f4;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #dcdcdc;
	display:table;
}


#ticket .ticket_sale_table .ticket_class_title {
	width:17px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background-color:#00589e;
	font-size:90%;
	color:#ffffff;
}


#ticket .ticket_sale_table dl {
	display:table-cell;
	width:250px;
	padding-left:11px;
	overflow:hidden;
}


#ticket .ticket_sale_table dl dt {
	width:115px;
	height:26px;
	float:left;
	margin-bottom:5px;
	
}

#ticket .ticket_sale_table dl dt.t_cate_s {
	font-size:90%;
	line-height:1.2;
	
}
#ticket .ticket_sale_table dl dd.t_cate_s {
	margin-bottom:5px;
	height:26px;
}


#ticket .ticket_sale_table dl dd {
	width:130px;
	height:26px;
	float:right;
	margin-bottom:5px;
}

#ticket .ticket_sale_table dl dd.seven {
	text-align:center;
	margin-top:5px;
}


#ticket .ticket_sale_table dl dd li {
	width:18px;
	float:left;
	padding-right:8px;
}

#ticket .ticket_sale_table dl dd.parking_sale,
#ticket .ticket_sale_table dl dd.parking_nosale,
#ticket .ticket_sale_table dl dd.parking_soldout,
#ticket .ticket_sale_table dl dd.parking_upcoming {
	text-align:center;
}

#ticket .ticket_sale_table dl.ticket_parking_list dt,
#ticket .ticket_sale_table dl.ticket_parking_list dd {
	height:20px;
}
#ticket .ticket_sale_table dl dd.parking_sale {
	background:#00589e;
	color:#ffffff;
}

#ticket .ticket_sale_table dl dd.parking_nosale {
	background:#cccccc;
	color:#333333;
}

#ticket .ticket_sale_table dl dd.parking_soldout {
	background:#e6f63a;
	color:#00589e;
}
#ticket .ticket_sale_table dl dd.parking_upcoming {
	background:#ffffff;
	color:#333333;
}

#ticket .ticket_note_table {
	overflow:hidden;
	padding:10px;
	background-color:#fcfcfc;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #dcdcdc;
}

#ticket .ticket_note_table li {
	width:65px;
	float:left;
	padding-right:10px;
}

#ticket .ticket_note_table li.star {
	width:55px;
	float:left;
	padding:0 0 0 5px;
}

#ticket .ticket_note_table li.star span {
	padding-top::3px;
	height:13px;
	line-height:13px;
}


#ticket .ticket_note_table li.star img {
	vertical-align: middle;
	width:13px;
	margin-right:3px;
}


#ticketsite .ticketsitebt {
	overflow:hidden;
}
#ticketsite .ticketsitebt li {
	float:left;
	display:block;
	list-style:none;
	font-size:0;
}

#ticketsite .ticketsitebt a {
	line-height:normal;
}

#ticketsite .ticketsitebt a img {
	vertical-align:bottom;
}

#gameschedule .gameschedule_center img {
	width:60px;
	margin-bottom:5px;
}

#sponserbanner .sponserbannerarea {
	padding:6px 0 0;
	overflow:hidden;
	border-left:#dcdcdc solid 1px;
	border-right:#dcdcdc solid 1px;
	border-bottom:#dcdcdc solid 1px;
}

#sponserbanner .sponserbannerarea ul {
	display:block;
	overflow:hidden;
}

#sponserbanner .sponserbannerarea li {
	display:block;
	float:left;
	padding-left:6px;
	list-style:none;
	margin-bottom:6px;
}

#goodsrecommend .goods_recommendarea {
	overflow:hidden;
	border-left:#dcdcdc solid 1px;
	border-right:#dcdcdc solid 1px;

}

#goodsrecommend .goods_recommendarea li.goods_recommend_item {

	float:left;
	width:184px;
	border-bottom:#00589e solid 3px;
}

#goodsrecommend .goods_recommendarea li.goods_recommend_item:nth-child(2n) {

	width:183px;
}


#goodsrecommend .goods_recommendarea li.goods_recommend_item a:hover {
	text-decoration:none;
}

#goodsrecommend .goods_recommendarea li.goods_recommend_item:nth-child(2n) {
	border-left:#dcdcdc solid 1px;	
}


#goodsrecommend .goods_recommendarea .goods_recommend_item div {
}

#goodsrecommend .goods_recommendarea .goods_recommend_item p.itemname {
	padding:10px 10px 10px 25px;
	line-height:160%;
	vertical-align:middle;
	background-image: url(../../common/images/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: 12px 13px;
}

#goodsrecommend .goods_recommendarea .goods_recommend_item p.price {
	padding:0px 10px 10px 8px;
	line-height:160%;
	text-align:right;
}


#academyschedule #tabMenu li{
	display:inline-block;
	*display: inline;
    *zoom: 1;
}


#academyschedule ul.normalList li li{
	background: none;
}

#academyschedule ul.normalList li div.newsconttext .icon{
	display:block;
	float:left;
	width:51px;
	vertical-align:middle;
	margin-right:3px;
	margin-top:3px;
}


#academyschedule ul.normalList li div.newsconttext .icon img{
	vertical-align:top;
}

#academyschedule ul.normalList li div.newsconttext .txt{
	display:block;
	line-height:1.6;
	float:right;
	width:156px;
}

#gambafacebook{
	/*height:630px;*/
	height:500px;
}


#gambatwitter{
	/*height:465px;*/
	height:500px;
}

/*
COMMON AREA
--------------------------------------------------------------------------------\*/


#contents #leftmenuarea {
	width:220px;
	float:left;
	background:#f2f2f2;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#contents #rightcontarea {
	width:765px;
	float:right;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

#contentstitle {
	margin:0 auto;
	width:100%;
	height:53px;
	background: url(../images/gray_line_horizontal.gif) bottom repeat-x #f2f2f2;
	text-align:center;
}
#contentstitlearea {
	margin:0px auto;
	padding:0;
	width:1000px;
	height:51px;
	text-align:left;
	list-style:none;
}

/*
MATCH COLUMN AREA
--------------------------------------------------------------------------------\*/
#match_column_area {
	position: relative;
	margin:0 auto;
	margin-bottom:15px;
	padding:0;
	
}

#match_column_area .match_column {
	position:relative;
}

#match_column_area .match_column_bg {
}

#match_column_area .match_column_bg img {
	width:685px;
	height:auto;
}

#match_column_area .match_column_txt {
	position:absolute;
	box-sizing:border-box;
	bottom:0;
	padding:30px 10px 10px;
	background:rgba(0,0,0,0.75);
	color:#ffffff;
}

#match_column_area .match_column_powered {
	position:absolute;
	top:5px;
	right:15px;
}
#match_column_area .match_column_powered img {
	height:12px;
}

#match_column_area .match_column_subtitle {
	margin:0 160px 0px 0;
}

#match_column_area .match_column_title {
	margin:0 0 5px;
	font-size:140%;
	font-weight:bold;
	
}

#match_column_area .match_column_detailtxt {
	margin:0;
}

/*
BANNER AREA
--------------------------------------------------------------------------------\*/
#banner {
	margin:0 auto;
	padding:0;
	width:1000px;
	text-align:center;
	background-color:#fff;
}

#banner .banner_area {
	margin:0px auto;
	padding:15px 0;
	width:1000px;
	overflow:hidden;
	text-align:center;
	border-top: 1px solid #eee;
}

#banner .banner_area:first-child {
	padding:0px 0 15px;
	margin-top:40px;
	border:none;
}
#banner .bn_img {
	margin:0 3px;
	padding:0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	}
.ico_cal {
	position:relative;
	left:270px;
	bottom:30px;
	height:0px;
	line-height:0;
	}

/*
PHOTO NEWS
--------------------------------------------------------------------------------\*/
.newsList_photo {
	list-style:none;
	margin:0;
	padding:0;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;}

.newsList_photo li {
	padding:10px 5px 10px 10px;

}
.newsList_photo li.gray {
	background:#f4f4f4;

}
.newsList_photo li:nth-child(even) {
	background:#f4f4f4;

}

.newsList_photo li:first-child {
	border-top:none;

}

.newsList_photo li:last-child {
	border-bottom:none;

}


.newsList_photo li > a {
	color:#333333;
	display:block;
	transition: 0.3s linear;
}

.newsList_photo li > a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration:none;
}

.newsList_photo li .list_photo {
	display:inline-block;
	width:30%;
	vertical-align:top;
	margin-right:5px;

}

.newsList_photo li .list_photo img {
	width:100%;

}

.newsList_photo li .list_photo_v {
	display:inline-block;
	width:30%;
	vertical-align:top;
	margin-right:5px;
	text-align:center;
	background:#fcfcfc;

}

.newsList_photo li .list_photo_v img {
	width:50%;

}

.newsList_photo li .list_txt {
	display:inline-block;
	width:65%

}


.newsList_photo li p.newsdate_s {
    color: #00589e;
    line-height: 160%;
	font-weight:bold;
    padding: 0px;
    vertical-align: middle;
}
.newsList_photo li span.cate {
    color: #aaaaaa;
    font-size: 85%;
    font-weight: normal;
    padding: 0px;
	margin-left:5px;
    vertical-align: top;
}

.newsList_photo li p.newsconttext_s {
    line-height: 160%;
    padding: 0px;
    vertical-align: middle;
}

.newsList_photo li a:hover p.newsconttext_s {
	color:#00589e;
}
.newsList_photo li .newscont_gambaplus {
    padding: 5px 0 0 0;
	text-align:right;
	line-height:1;
}
.newsList_photo li .newscont_gambaplus img{
	width:130px;
	height:auto;
}

/*
MDP COUNTDOWN AREA
--------------------------------------------------------------------------------\*/
#mdp_countdown_area {
	position: relative;
	box-sizing:border-box;
	margin:0 0 15px;
}

#mdp_countdown_area h2 {
	line-height:0;
}

#mdp_countdown_area h2 img {
	width:100%;
	height:auto;
}

#mdp_countdown_area .mdp_countdown {
	position:relative;
	background:#000102;
	color:#ffffff;
}
#mdp_countdown_area .mdp_countdown a {
	display:block;
	color:#ffffff;
	transition: 0.3s linear;
}
#mdp_countdown_area .mdp_countdown a:hover {
	color:#ffffff;
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#mdp_countdown_area .mdp_count_area {
	letter-spacing:-0.4em;
}
#mdp_countdown_area .mdp_countdown_team {
	box-sizing: border-box;
	display:inline-block;
	letter-spacing: normal;
	width:35%;
	padding:10px 5px;
	text-align:center;
	vertical-align:top;
}
#mdp_countdown_area li.mdp_gamba .mdp_countdown_team {
	background:#003a68;
}
#mdp_countdown_area li.mdp_gambau23 .mdp_countdown_team {
	background:#006ec5;
}
#mdp_countdown_area .mdp_countdown_matchinfo {
	box-sizing: border-box;
	display:inline-block;
	letter-spacing: normal;
	width:65%;
	padding:3px 15px 3px 10px;
}
#mdp_countdown_area .mdp_countdown_timesub {
	box-sizing: border-box;
	display:inline-block;
	letter-spacing: normal;
	width:35%;
	padding:5px 0;
	text-align:center;
	font-size:120%;
	vertical-align:bottom;
	padding-bottom:15px;
}
#mdp_countdown_area .mdp_countdown_time {
	box-sizing: border-box;
	display:inline-block;
	letter-spacing: normal;
	width:65%;
	padding:5px 0;
	text-align:center;
	font-size:350%;
	line-height:110%;
	font-family: 'Anton', sans-serif;
}
#mdp_countdown_area .mdp_countdown li {
  position: relative;
}
#mdp_countdown_area .mdp_countdown li a::before {
    content: " ";
    color: #fff;
    position: absolute;
    top: 49%;
	right:2px;
    background: url("../images/ico_tri_right.png") 0px 0px;
	background-size:8px 8px;
    display: block;
    height: 8px;
    width: 8px;
	z-index:1000;
}
#mdp_countdown_area .mdp_countdown li a::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 12px;
  height: 100%;
}
#mdp_countdown_area .mdp_countdown li.mdp_gamba a::after {
	background:#003a68;
}
#mdp_countdown_area .mdp_countdown li.mdp_gambau23 a::after {
	background:#006ec5;
}

/*
NEXT HOME MATCH AREA
--------------------------------------------------------------------------------\*/
#nexthomematch {
	position: relative;
	box-sizing:border-box;
	margin:0 0 15px;
    background: url("../images/bg_nexthomematch.jpg") 0px 0px;
	background-size:300px 300px;
	min-height:300px;
	color:#ffffff;
}
#nexthomematch h2{
	display:inline-block;
	background:#00589e;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	margin-bottom:5px;
}

#nexthomematch .game_category{
	margin-bottom:5px;
}

#nexthomematch .game_category img{
	height:25px;
}

#nexthomematch .game_date{
	text-align:center;
	font-size:14px;
	margin-bottom:5px;
}

#nexthomematch .game_match{
	text-align:center;
	margin-bottom:5px;
}
#nexthomematch .game_match div{
	display:inline-block;
	margin:5px;
	vertical-align:middle;
	font: bold 36px/1 Arial, Helvetica, sans-serif;
}

#nexthomematch .game_match div img{
	height:60px;
}

#nexthomematch .game_match_name{
	text-align:center;
	font-size:16px;
	margin-bottom:5px;
}

#nexthomematch .game_match_btn{
	text-align:center;
}


/*
VERTICAL BANNER AREA
--------------------------------------------------------------------------------\*/
#v_banner {
	position: relative;
	transform:all 0.3s linear 0s;	
}
#v_banner a {
	transform:all 0.3s linear 0s;	
}

#v_banner .v_banner_left {
	position:absolute;
	left:50%;
	margin-left:-675px;
}

#v_banner .v_banner_right {
	position:absolute;
	right:50%;
	margin-right:-675px;
}

@media screen and (max-width: 1350px)
{
	#v_banner {
		display:none;
}

}


/*
GOODS BANNER AREA
--------------------------------------------------------------------------------\*/
#goodsbanner {
}
#goodsbanner img{
	width:370px;
	height:auto;
}

/*
SNS AREA
--------------------------------------------------------------------------------\*/
#sns_area_wide {
	position: relative;
	margin:0 auto;
	margin-top:30px;
	padding:15px 0;
	width:100%;
	background:#00589e;
	background:url(../images/bg_top_sns_area.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;	
	
}
.sns_area {
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width:1200px;
	
}
#sns_area_wide .sns {
	box-sizing: border-box;
	display:inline-block;
	margin:0;
	padding:15px;
	width:296px;
	border-left:1px solid #014983;
	vertical-align:top;
	text-align:center;
	
}
#sns_area_wide .sns:first-child {
	border-left:none;
	
}
#sns_area_wide .sns_v_area {
	box-sizing: border-box;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:center;
	
}
#sns_area_wide .sns h4 {
	text-align:center;
	margin:0 0 30px;
	
}
#sns_area_wide .sns .sns_area_img {
	width:250px;
	height:auto;
	margin:0 auto 15px;
	
}
#sns_area_wide .sns .sns_area_img img {
	width:100%;
	height:auto;
	
}
#sns_area_wide .sns p {
	text-align:left;
	width:250px;
	margin:0 auto 15px;
	color:#ffffff;
	word-wrap: break-word;
	
}
.sns_v_area p a{
	color: #ffffff;
	text-decoration:underline;
}
.sns_v_area p a:hover{
	color: #ffffff;
	text-decoration:underline;
}

/*
OTHER CONTENTS AREA
--------------------------------------------------------------------------------\*/
#contents_other_area {
	position: relative;
	margin:0 auto;
	margin-bottom:30px;
	padding:15px 0;
	width:100%;
	background:#2f2f2f;
	
}
#contents_other_area .contents_other {
	box-sizing: border-box;
	position:relative;
	margin:0 auto;
	padding:0;
	width:1140px;
}
#contents_other_area .contents_other li {
	box-sizing: border-box;
	width:370px;
	text-align:center;
	margin:0 5px 0px; 
}
#contents_other_area .contents_other li .graycont {
	box-sizing: border-box;
	text-align:left;
}
#contents_other_area .contents_other li .graycont .contlogo {
	margin-bottom:15px;

}

#contents_other_area .contents_other li .graycont .contlogo img {
	width:auto;
	height:20px;
}
#contents_other_area .contents_other li .graycont .contphoto img {
	width:100%;
	height:auto;
}
/*
BANNER AREA
--------------------------------------------------------------------------------\*/
#website_banner_area {
	position: relative;
	margin:0 auto;
	margin-bottom:30px;
	padding:15px 0;
	width:1200px;
	background:#ffffff;
	
}
#website_banner_area h4 {
	text-align:center;
	margin:15px 0 45px;
	
}
#website_banner_area ul {
	text-align:center;
	margin:15px 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */	
}
#website_banner_area li {
	display:inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin:5px 3px;
	
}

/*
skeleton BUTTON
--------------------------------------------------------------------------------\*/

.btn_ske {
	position: relative;
	display: inline-block;
	margin:15px auto;
	padding: .9em 3.6em;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
}
.btn_ske::before,
.btn_ske::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 2px solid transparent;
}
.btn_ske::before {
	top: -2px;
	left: -2px;
}
.btn_ske::after {
	bottom: -2px;
	right: -2px;
}
.btn_ske:hover {
	color: #47adff;
	text-decoration: none;
}
.btn_ske:hover::before,
.btn_ske:hover::after {
	width: 100%;
	height: 100%;
}
.btn_ske:hover::before {
	border-bottom-color: #47adff;
	border-left-color: #47adff;
	transition: height .1s, width .1s .1s;
}
.btn_ske:hover::after {
	border-top-color: #47adff;
	border-right-color: #47adff;
	transition: height .1s .2s, width .1s .3s;
}


/*
skeleton BUTTON
--------------------------------------------------------------------------------\*/

.btn_ske2 {
  position: relative;
  display:inline-block;
  color: white;
  width: 150px;
  height: 40px;
  line-height: 40px;
  transition: all 0.3s;
}
.btn_ske2:hover {
	text-decoration:none;
}
 .btn_ske2 span {
    transition: all 0.3s;
    tranform: scale(1, 1);
  }

.btn_ske2::before, .btn_ske2::after {
  content: '';
  position: absolute;
  transition: all 0.3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.btn-three::before {
  opacity: 0;
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1, 0.1);
}

.btn-three:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.btn-three::after {
  transition: all 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.btn-three:hover::after {
  transform: scale(1, .1);
  opacity: 0;
}


/*
highlight movie
--------------------------------------------------------------------------------\*/
.higlight_movie{
	position: relative;
	display:block;
	width:100%;
	overflow:hidden;
}
.img_movie{
	position: relative;
	display:block;
	width:685px;
	overflow:hidden;
	height: 385px;
}
.higlight_movie__thumbnail{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.play_movie{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
}

.play_movie img{
	width: 80px;
	height: 80px;
}

/*
hg_schedule
--------------------------------------------------------------------------------\*/


.top_hg_schedule{
	background: #232323;
	padding: 5px 0;
}
.top_hg_schedule .top_hg_schedule__match{
	color: #fff;
	padding: 15px;
	border-bottom: 1px solid #000;
}
.top_hg_schedule .top_hg_schedule__match:first-child{
}
.top_hg_schedule .top_hg_schedule__match:nth-child(2n){
	background: #000;
}
.top_hg_schedule .top_hg_schedule__match .top_hg_schedule__cate{
	text-align: left;
}
.top_hg_schedule .top_hg_schedule__match .top_hg_schedule__cate img{
	height: 20px; 
	width: auto;
}
.top_hg_schedule .top_hg_schedule__wrap{
	letter-spacing: -.4em;
	margin: 0 0 5px;
	display: flex;
	align-items: center;
	justify-content: normal;
	flex-wrap: nowrap;
}


.top_hg_schedule .top_hg_schedule__emb,
.top_hg_schedule .top_hg_schedule__day,
.top_hg_schedule .top_hg_schedule__sub,
.top_hg_schedule .top_hg_schedule__eventlogo{
	display: inline-block;
	letter-spacing: normal;
}

.top_hg_schedule .top_hg_schedule__emb{
	width: 75px;
	margin-left: 5px;
}

.top_hg_schedule .top_hg_schedule__emb img{
	max-width: 100%;
	height: auto;
}

.top_hg_schedule .top_hg_schedule__day{
	color: #fff;
	text-align: center;
	font-family:  'Anton', Arial, Helvetica, sans-serif;
	font-size: 2.5rem;
	line-height: 1.0;
	padding: 0 10px 0 0;
	white-space: nowrap;
}
.top_hg_schedule .top_hg_schedule__day p,
.top_hg_schedule .top_hg_schedule__day span{
	text-align: center;
	font-family:  'Anton', Arial, Helvetica, sans-serif;
	font-size: 2.5rem;
	line-height: 1.0;
	white-space: nowrap;
}

.top_hg_schedule .top_hg_schedule__sub{
	color: #fff;
	line-height: 1.6;
}
.top_hg_schedule .top_hg_schedule__team{
	margin-left: 80px;
}
.top_hg_schedule .top_hg_schedule__match .top_hg_schedule__btn{
	width: 100%;
	letter-spacing: -.4em;
	text-align: center;
	margin: 15px 0 0;
}
.top_hg_schedule .top_hg_schedule__match .top_hg_schedule__btn .top_hg__btn{
	letter-spacing: normal;
	width: 48%;
	margin: 0 1%;
}
.top_hg_schedule .top_hg_schedule__match .top_hg_schedule__btn .top_hg__btn a{
	width: 100%;
	line-height: 120%;
	font-size: 90%;
}
.top_hg_schedule .top_hg_schedule__match .top_hg_schedule__bnr{
	display: block;
	margin: 15px 0 0;
}
.top_hg_schedule .top_hg_schedule__match .top_hg_schedule__bnr img{
	width: 100%;
}
.holiday{
	color: #e40000;
}
.sat{
	color: #2da2ff;
}
