@charset "utf-8";
/* CSS Document */

/*
Theme Name: JBA Theme
Version: 1.0
*/

/* reset
---------------------------------------------------------- */ 
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i, dl, dt, dd, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	list-style: none;
	vertical-align:baseline;
	background:transparent;
}

body{
	padding:0;
	margin:0;
	line-height: 1.6;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
	font-size: 14px;
	overflow-x: hidden; 
}

a {
	text-decoration: none;
	color: #333333;
}

img {
	display: block;
}

/* common
---------------------------------------------------------- */ 
#wrapper {
	width: 100%;
	min-width: 1020px;
	overflow: hidden;
}

.container {
	width: 1020px;
	margin: 0 auto;
	overflow: hidden;
}
.sp {
	display: none;
}

/* header
---------------------------------------------------------- */ 
.headerIn{
	border-top: 4px solid #302e2e;
	/*  background: url(img/common/bg_basketball.png) center top no-repeat #fff; */
    background-color: #151927
}

.headerIn .headerlogo{
	padding: 20px 0;
	float: left;
}

.headerIn .headerInfo {
	float: left;
	margin-top: 15px;
}
.headerIn .headerInfo .headerTitle{
	float: left;
	padding: 24px 0px 0px 20px;
}
.headerIn .headerInfo .headerLogo02 {
	float: left;
	padding-top: 35px;
	margin-left: 130px;
}

/* gNav
---------------------------------------------------------- */ 
#gNav{
	background-color: #151927;
	border-bottom: 3px solid #009999;
	overflow:hidden;
	height:60px;
}

#gNav ul li{
	float: left;
	width: 168px;
	border-right: 1px solid #151927;
	-moz-transition: background-color .3s;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

#gNav ul li a {
	padding: 19px 0;
	display: block;
	color: #fff;
}

#gNav ul li > a {
	text-align: center;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center;
}
#gNav ul li ul li > a {
	text-align: left;
}
/*
#gNav ul li:first-child a {
	background-image: url(img/common/gnavi01.png);
}

#gNav ul li:nth-child(2) a {
	background-image: url(img/common/gnavi02.png);
}

#gNav ul li:nth-child(3) a {
	background-image: url(img/common/gnavi03.png);
}

#gNav ul li:nth-child(4) a {
	background-image: url(img/common/gnavi04.png);
}

#gNav ul li:nth-child(5) a {
	background-image: url(img/common/gnavi05.png);
}
*/
#gNav ul li a span {
	display: none;
}

#gNav ul li:first-child{
	border-left: 1px solid #151927;
}
#gNav ul li.menu-item-has-children{
	background: url(img/common/ico_dropdown.png) right 14px center no-repeat;
}
#gNav ul li#menu-item-37{
	background: #e60012  url(img/common/ico_ticket.png) right 10px top 15px no-repeat;
	background-size: 33px;
	border-right: 0;
}

#gNav ul li#menu-item-37 a{
	text-align: left;
	padding-left: 26px;
}

#gNav ul li#menu-item-37 a:hover{
	background: #c70e1c  url(img/common/ico_ticket.png) right 10px top 15px no-repeat;
	background-size: 33px;
}

#gNav ul li:hover{
	background: #151927;
}

#gNav ul li.menu-item-has-children:hover{
	background: url(img/common/ico_dropdown02.png) right 14px center no-repeat #151927;
}

#gNav ul li img{
	margin: 0 auto;
}

#gNav ul.dropdown .navDropdown{
	visibility: hidden;
}

#gNav ul.dropdown .navDropdown ul{
	position: absolute;
	z-index: 2;
	border-top: 3px solid #009999;
	background: #151927;
	margin-top: -0.5px;
}

#gNav ul.dropdown .navDropdown li {
	font-weight: normal;
	width: auto;
	float: none;
	background: url(img/common/ico_dropdown03.png) left 25px center no-repeat;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #969696;
}

#gNav ul.dropdown .navDropdown li:last-child {
	border-bottom: 0;
}

#gNav ul.dropdown .navDropdown li a{
	background: none;
	padding: 13px 35px 13px 48px;
	display: block;
	text-indent: 0;
}

#gNav ul.dropdown .navDropdown li:hover{
	background-color: #464343;
}

/* tit_sub
---------------------------------------------------------- */ 
.tit_sub{
	background: url(img/common/bg_titsec.jpg) left top repeat;
	padding: 7px 20px;
	font-weight: bold;
	font-size: 24px;
	border-bottom: 2px solid #c4c4c4;
	margin-bottom: 20px;
}
.tit_sub span{
	display: inline-block;
	padding-left: 5px;
}

.tit_sub_btn {
	top: 0;
	right: 0;
	font-size: 14px;
	color: #fff; 
	position: absolute;
	display: block;
	padding: 16px 37px 16px 30px;
	background: url(img/common/ico_btnarrow.png) right 20px center no-repeat, url(img/common/bg_h2btn.png) left top no-repeat;
}


/* tit_sec
---------------------------------------------------------- */ 
.tit_sec, .post_style h2{
	font-size: 20px;
	padding: 0 0 6px 27px;
	background: url(img/common/ico_tit02.png) no-repeat left top 6px;
	border-bottom: solid 2px #c4c4c4;
	position: relative;
	margin-bottom: 18px;
}
.tit_sec:after , .post_style h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #dabe6d;
	bottom: -2px;
	left: 0;
	width: 50px;
}
/* main
---------------------------------------------------------- */ 
.contents {
    padding-bottom: 90px;
	background: #fff;
}
main {
	width: 670px;
	float: left;
}

/* aside
---------------------------------------------------------- */ 
aside {
	float: right;
	width: 320px;
	margin-top: 40px;
}

/* result .tit_sub
---------------------------------------------------------- */ 

.result .tit_sub {
	padding: 30px 20px;
	font-weight: bold;
	font-size: 24px;
	border-bottom: none;
	margin-bottom: 0px;
	background: transparent;
	color: #fff;
	overflow: hidden;
}

.result .tit_sub span{
	display: block;
	padding-left: 0;
	padding-top: 5px;
}

table tr.divide{
	border-bottom: 2px solid #ddd;
}
.result table td.date{
	background: #fffce5;
	border-bottom: 2px solid #ddd;
	border-right: 2px solid #ddd;
}
.result table, .tb_style01 {
	background: #fff;
	color: #333;
	font-size: 13px;
	width: 92%;
	margin: 0 auto 30px;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.tb_style01 {
	border: 1px solid #ccc;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 12px;
	table-layout: fixed;
}
.tb_style01.info01{
	width: 400px;
	float: left;
	border-right: 0;
}

.tb_style01.info01 tr td:last-child, .tb_style01.info01 tr th:last-child{
	border-right: 0;
}

.tb_style01.info01 td, .tb_style01.info01 th{
	padding: 14px 2px;

}

.tb_style01.info02{
	width: 620px;
}
.tb_style01 .even{
	background:#eee;
}
.tb_style01 .ranking td{
	background: #848484;
	color: #fff;
}
.tb_style01 .sched{
	width: 10%;
}
.tb_style01 td, .tb_style01 th{
	border: 1px solid #ccc;
	vertical-align: middle;
	padding: 2px;
    word-break:break-all;
}
.tb_style01 td.redData {
	color: #eb0000;
}

.tb_style01.info01 th{
	height: 19px;
}
.result table .c01, .tb_style01 .c01{
	background: #95acd5;
	color: #fff;
}
.result table .c02, .tb_style01 .c02{
	background: #c995c5;
	color: #fff;
}
.result table th, .tb_style01 th{
	background: #151927;
	color: #fff;
}
.result table td, .result table th{
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	text-align: center;
	padding: 2px;
}
.result table .sched{
	width: 38%;
}
.result table .letter, .tb_style01 .letter{
	width: 15%;
}
.result table tr td:last-child{
	border-right: 0;
}
a.more {
	color: #fff;
	font-weight: bold;
	border: 1px solid #535557;
	background: url(img/index/ico_arrow.png) right 10px center no-repeat;
	padding: 12px 40px;
	display: block;
	overflow: hidden;
	margin: 0px 98px 30px;
}

/* result
---------------------------------------------------------- */ 
.result{
	margin-bottom: 30px;
	overflow: hidden;
	background: url(img/index/bg_result.jpg);
}
.result .tit_info{
	font-size: 16px;
	color: #dabe6d;
	margin: 0 20px 10px 20px;
}
.result ul li{
	margin: 0 20px  7px 20px;
	display: table;
}
.result ul li:last-child{
	margin: 0 20px 0px 20px;
}
.result ul li .case {
	width: 175px;
	background: #636465 url(img/index/bg_case.png) left top no-repeat;
	padding: 14px;
	float: left;
	display: table-cell;
}
.result ul li .case .tit_area {
	color: #dabe6d;
	padding-bottom: 5px;
	background: url(img/index/ico_border.png) bottom left no-repeat;
	display: block;
}
.result ul li .case p {
	color: #fff;
	padding-top: 5px;
	margin-bottom: 6px;
}
.result ul li .case span{
	font-size: 12px;
	color: #fff;
}
.result ul li a.details{
	padding: 30px 24px 30px 10px;
	color: #fff;
	background: #515254 url(img/index/ico_arrow.png) right 10px center no-repeat;
}
.result .resultList li a{
	vertical-align: middle;
	display: table-cell;
}
.result a.more {
	margin-top: 30px;
}
.bannerList img {
	width: 320px;
	margin-bottom: 10px;
}
/* pagetop
---------------------------------------------------------- */ 

.cd-top.cd-is-visible{
	visibility: visible;
	opacity: 1;
}

.cd-top{
	position: fixed;
	right: 20px;
	bottom: 80px;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	transition: all 0.3s linear;
	z-index: 2;
}

.cd-top.cd-fade-out {
	opacity: 1;
}

/* footer
---------------------------------------------------------- */ 
footer .footerIn {
	background: #2e2f30 url(img/common/bg_footer.jpg) center bottom no-repeat;
	overflow: hidden;
}

footer .footerIn .footerlist {
	width: 324px;
	float: left;
	margin-right: 24px;
	padding: 40px 0;
}

footer .footerIn .footerlist iframe {
	width: 100%;
	height: 500px;
	display: block;
}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
	width: 100% !important; 
}

footer .footerIn .footerlist.media {
	float: right;
}

footer .footerIn .footerlist:first-child{
	margin-right: 0;
}

footer .footerIn .footerlist a{
	display: block;
}

footer .footerIn .footerlist ul li{
	padding: 15px 0 15px 10px;
	border-bottom: 1px solid #484a4c;
}

footer .footerIn .footerlist ul li:last-child{
	border-bottom: none;
}

footer .footerIn .footerlist ul li a{
	background: url(img/common/ico_footer_arrow.png) left center no-repeat;
	color: #fff;
	padding-left: 20px;
	font-weight: bold;
}

footer .footerlist .headerList{
	padding-top: 10px;
}

footer .footerlist ul li .headerList li{
	width: 152px;
	display: inline-block;
	padding: 0;
	border: 0;

}

footer .footerlist ul li .headerList li.sp {
	display: none;
}

footer .footerlist ul li .headerList li a{
	background: url(img/common/ico_dropdown03.png) left 5px top 7px no-repeat;
	color: #ccc;
	font-weight: normal;
}

footer .footerlist li a:hover{
	text-decoration: underline;
}

footer .footerIn .footerlist il li a:hover{
	text-decoration: underline;
}

.media_twitter {
	background-color: #fff;
	display: grid;
}

footer .copyright{
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding: 13px 0;
	background-color: #0e0e0c;
	margin: 0 auto;
}
footer iframe#twitter-widget-0{
		height: 500px !important;
}

#undercon{
	border: 3px solid #e1e1e1;
	padding: 60px;
	text-align: center;
	font-size: 18px;
}

.hide{
	display: none;
}
/* post_list
---------------------------------------------------------- */
.postInfo{
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;

}
.postlist li{
	border-bottom: 1px solid #ddd;
	width: 660px;
	padding: 10px 0 10px 10px;
}

.postlist li a{
	display: table;
	width: 100%;
}

.postlist li .date{
	color: #151927;
	vertical-align: middle;
	display: table-cell;
	width: 65px;
}

.postlist li p{
	display: table-cell;
	color: #333;
	padding: 0 20px;
	vertical-align: middle;
}

.postlist li .thumbnail {
	display: table-cell;
	float: right;
	width: 121px;
	margin: 0;
}

.postlist li .thumbnail img{
	width: 100%;
}
@media screen and (max-width:768px) {
.postInfo{
	vertical-align: middle;
}
.postlist li {
	width: auto;
	padding: 5px 0 5px 5px;
}
.postlist li p {
	width: 100%;
	padding: 0;
}
.postlist li .date{
	display: block;
}
	#wrapper {
		min-width: 100%;
	}
	img {
		max-width: 100%;
	}
	/* common
	---------------------------------------------------------- */
	.container {
		width: 95%;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.tit_sub{
		padding: 3px 10px;
		font-size: 140%;
		margin-bottom: 10px;
	}
	.tit_sub_btn {
		padding: 9px 20px 8px 20px;
		background-size: auto, contain;
		background-position: right 7px center, right top;
	}
	.tit_sec, .post_style h2 {
		font-size: 120%;
		margin-bottom: 10px;
    	background-position: left top 2px;
	}
	/* header
	---------------------------------------------------------- */
	header .container {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.headerIn{
		/*background: url(img/common/bg_basketball_sp.png) left -16px top no-repeat #fff;*/
		background-size: 100px;
	}
	
	.headerIn .headerlogo {
		padding: 10px 0;
		width: 80px;
	}
	.headerIn .headerInfo {
		margin-top: 20px;
	}
	.headerIn .headerInfo .headerTitle {
		width: 170px;
		padding: 0 0 0 6px;
	}
	.menuButton {
		float: right;
		width: 40px;
		margin-top: 10px;
	}
	.ticket_btn {
		float: right;
		font-size: 7px;
		font-weight: bold;
		padding: 28px 6px 1px;
		background: #e60012 url(img/common/ico_ticket.png) center top 5px no-repeat;
		background-size: 24px;
		color: #fff;
		margin: 10px 5px 0 0;
	}
	#gNav {
		display: none;
		border: 0;
		position: absolute;
		z-index: 2;
		width: 100%;
		height:auto;
	}
	#gNav .container {
		padding: 0;
	}
	#gNav ul li {
		float: none;
		width: auto;
		border-right: 0;
		border-bottom: 1px solid #4e5560;
		position: relative;
	}
	#gNav ul li:first-child {
		width: auto;
		border-right: 0;
	}
	#gNav ul li#menu-item-37 a{
		padding-left: 10px;
	}

	#gNav ul li a {
		padding: 10px;
		text-indent: 0;
	}
	#gNav ul li a span {
		display: block;
	}
	#gNav ul li > a {
	    text-align: left;
    }
	#gNav ul li img {
		display: none;
	}
	#gNav ul li span {
		display: block;
	}
	#gNav ul li:nth-child(5) {
		background-position: right 10px center;
		background-size: 24px;
	}
	#gNav ul li.menu-item-has-children, #gNav ul li.menu-item-has-children:hover{
		background: none;
	}
    #gNav ul li#menu-item-37{
		background-size: 20px;
    }
    #gNav ul li#menu-item-37 a:hover {
        background: #c70e1c url(img/common/ico_ticket.png) right 10px top 15px no-repeat;
        background-size: 20px;
    }
	/*** dropdown ***/
	.dd_btn {
		color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-indent: -9999px;
		background: url(img/common/ico_dropdown.png) right 14px center no-repeat;
		padding: 10px;
		box-sizing: border-box;
	}
	.dd_sp li.open .dd_btn {
		background: url(img/common/ico_dropdown02.png) right 14px center no-repeat;
	}
	.navDropdown {
		display: none;
	}
	#gNav .navDropdown ul {
		border-top: 1px solid #564f3c;
		background: #505050;
	}
	#gNav .navDropdown ul li {
		padding-left: 20px;
		background: url(img/common/ico_dropdown03.png) left 15px center no-repeat;
        border-bottom: 1px solid #666;
	}
	#gNav .navDropdown ul li:last-child {
		border-bottom: 0;
	}
	#topic_path a, #topic_path li{
		font-size: 90%;
	}
	/* main, aside
	---------------------------------------------------------- */
	main,
	aside {
		width: auto;
		float: none;
	}
	main{
		margin-bottom: 50px
	}
	aside {
		margin-top: 20px;
	}
	/* result
	---------------------------------------------------------- */
	.result .tit_sub span {
		padding-top: 0;
	}
	a.more {
		padding: 6px 20px;
		margin: 0px auto 15px;
		text-align: center;
		width: 200px;
	}
	.result {
		margin-bottom: 15px;
	}
	.result .tit_sub {
		padding: 15px 10px;
		font-size: 140%;
	}
	.result ul{
		width: 100%;
	}
	.result .tit_info {
		margin: 0 20px 10px 10px;
	}
	.result ul li {
		margin: 0 10px 5px;
		overflow: hidden;
		background: #636465;
		display: table;
		width: 93%;
	}
	.result ul li:last-child {
		margin: 0 10px;
	}
	.result ul li .case {
		padding: 9px 6%;
		width: 88%;
		display: table-cell;
	}
	.result ul li a.details {
		padding: 23px 7% 23px 8%;
		display: table-cell;
		vertical-align: middle;
		width: 32%;
	}
	.result a.more {
		margin-top: 15px;
	}
	.bannerList img {
		width: 100%;
	}
	/* footer
	---------------------------------------------------------- */
	footer .container {
		width: 100%;
	}
	#pagetop img {
		bottom: 30px;
		width: 40px;
	}
	footer .footerIn {
		padding: 20px 0 0;
		background-position: left -120px bottom;
		background-size: 1000px;
	}
	footer .footerIn .footerlist {
		width: auto;
		float: none;
		padding: 0;
		margin: 0 0 20px;
	}
	footer .footerIn .footerlist:last-child {
		margin: 0;
		border-top: 1px solid #484a4c;
	}
	footer .footerIn .footerlist.media {
		float: none;
		width: 340px;
		margin: 0 auto 20px;
		max-width: 100%;
		padding: 0 2.5%;
		box-sizing: border-box;
	}
	footer .footerIn .footerlist iframe {
		width: 100%!important;
		height: 300px!important;
	}
	.fb-page span {
		height: 300px!important;
	}
	footer .footerIn .footerlist ul li {
		padding: 0;
		position: relative;
	}
	footer .footerIn .footerlist ul li a {
		padding: 10px 10px 10px 35px;
		background-position: left 10px center;
	}
	footer .footerlist .headerList {
		padding-top: 0;
		display: none;
		background: #4c4c4d;
		border-top: 1px solid #484a4c;
	}
	footer .footerlist ul li .headerList li {
		border-bottom: 1px solid #777777;
	}
	footer .footerlist ul li .headerList li {
		width: auto;
		display: block;
	}
	footer .footerlist ul li .headerList li a {
		background-position: left 15px center;
		color: #fff;
	}
	footer .footerlist ul li .headerList li.sp {
		display: block;
	}
	.ftr_dd li span {
		position: absolute;
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
		color: transparent;

		z-index: 1;
		background: url(img/common/ico_dd_ftr.png) no-repeat right 15px center;
		background-size: 10px;
		top: 0;
	}
	footer .copyright {
		padding: 7px 0;
		font-size: 64%;
	}
	footer iframe#twitter-widget-0{
		height: 300px !important;
	}
	.tb_style01.info01, .tb_style01.info02{
		table-layout: fixed;
	}
	.tb_style01.info01{
		width: 100%;
		margin: 0;
		float: none;
		border-right: 1px solid #ddd;
		border-bottom: 0
	}
	.tb_style01.info01 tr td:last-child, .tb_style01.info01 tr th:last-child{
		border-right: 1px solid #ddd;
	}
	.tb_style01.info01 td, .tb_style01.info01 th{
		padding: 2px;
	}
	.tb_style01.info02 .fcard{
		width: 33.4%;
	}
	.tb_style01.info02{
		width: 100%;
	}
	#scheduleList .sp{
		display: table;
	}
	.lightbox .lb-nav a.lb-prev, .lightbox .lb-nav a.lb-next{
		opacity: 1;
	}
}
@media screen and (min-width:769px) {
	#gNav {
		display: block!important;
	}
}