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

@media screen and (max-width: 600px) {
#mainimg h2{
font-size: 1.3em;
}
}
a.btn{
	text-align:center;
	border-radius:50px;
	background-color:rgba(0,160,160,1);
	width:7em;
	margin:10px;
	padding:10px;
	color:#fff;
	font-size:110%;
	font-weight:bolder;
	display: inline-block;
}
a.btn:link, a.btn:visited, a.btn:active {
    color: #fff;
}
a.btn:hover{
	background-color:rgba(0,132,132,0.5);
}


/*--タイトル-----------------------------------------*/


table.gttl {
color:#fff;
width:93%;
background-color:#000;
margin:20px auto 5px;
}

table.gttl th{
vertical-align: middle;
width:20%;
padding: 20px;
font-weight:bold;
background:url(imgs/tate.png) no-repeat right center;
}



.ttl03{
	margin-top:20px;
	text-align:center;
	font-size:1.8em;
}

@media screen and (max-width: 800px) {
	table.gttl {
		display:none;
	}
}

/*--BOX-----------------------------------------*/


.gbox{
background-color:#fff;
width:93%;
margin:10px auto;
}

.gbox td{
width:20%;
background:url(imgs/tateb.png) no-repeat right center;
vertical-align:middle;
padding: 20px;
text-align:center;
min-height:5em;
}

table td:nth-of-type(5) a{
display: block;
}

/*th幅*/
table.gttl th:nth-of-type(3){
}
table.gttl th:last-of-type{
width:10%;
background: none;
}


/*td幅*/
.gbox td:nth-of-type(3){
}
.gbox td:last-of-type{
width:10%;
background: none;
}





/* 日時*/
.gbox td:nth-of-type(1) {
	font-size:1.3em;
	padding-top:25px;
}
.gbox td:nth-of-type(1) b{
	font-weight:bold;
	font-size:2em;
	line-height:1em;
}
.gbox td:nth-of-type(1) i{
	font-style: normal;
	line-height:1em;
}
.gbox td:nth-of-type(1) i.no{
	font-size:0.7em;
	display:block;
}

/* HOME とか　AWAYとか*/
.gbox td:nth-of-type(3){
}
.gbox td:nth-of-type(3) span{
	background-color:#3a3a3a;
	color:#fff;
	letter-spacing: 10px;
	text-align:center;
	padding-left:10px;
padding-top: 3px;
	display:block;
	width:6em;
	margin:0 auto 1em;
	font-weight:bold;
}
.gbox td:nth-of-type(3) span.home{
	background-color:#00a8a9;
}

/* 対戦相手*/
.gbox td:nth-of-type(2){
	font-size:80%;
	margin-top:-10px;
	margin-bottom:-10px;
	height: auto;
}
.gbox td:nth-of-type(2) img{
	height:5em;
	width:auto;
	line-height:1em;
	display:block;
	margin:auto;
}
	
/* 結果*/
.gbox td:nth-of-type(4) b{
	font-weight: bolder;
	font-size:3em;
	line-height:1em;
	display:inline-block;
	vertical-align:middle;
}



.maru{
border-radius: 50%;
padding-top: 0.95em;
padding-bottom: 0.95em;
padding-left: 0.4em;
padding-right: 0.4em;
font-weight: bold;
font-size:1.1em;
width:4em;
text-align:center;
line-height:4em;
margin-right:1em;
}
.win{
color: #fff;
border: 4px solid #C00;
background: #C00;
letter-spacing:0.2em;}

.lose{
color: #fff;
border: 4px solid #001097;
background: #001097;
letter-spacing:0.05em;}


.draw{
color: #fff;
border: 4px solid #b3b3b3;
background: #b3b3b3;
}

/* 点数*/
.result{
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
	padding:10px;
}

.call-off{
color: #fff;
min-width:3em;
width: 80%;
background: #C00;
font-size: 0.7em;
font-weight: bold;
display: block;
margin:5px auto;
}

/* 2024/10/17 表にチケット・イベント欄が追加されました　*/
table.gttl.after2024 th{
width:18%;
}
.gbox.after2024 td{
width:18%;
}



@media screen and (max-width: 900px) {
.gbox td:nth-of-type(4) b,
.gbox td:nth-of-type(1) b{
font-size:2em;
}
.gbox td:nth-of-type(4) b{
	line-height:2em;
}

.maru{
margin-right:0;
}

}

@media screen and (max-width: 800px) {
.gbox {
width: 98%;
margin:20px auto 0;
}
.gbox.after2024 td,
.gbox td{
background: none;
display:block;
width: 100%;
min-height:auto ;
height:auto ;
padding:10px 10px;
margin:0;
}

.gbox td:nth-of-type(1),
.gbox td:nth-of-type(3),
.gbox td:nth-of-type(2),
.gbox td:nth-of-type(4),
.gbox td:nth-of-type(5) {
display: block;
width:auto;
}
.gbox td:nth-of-type(3){
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
.gbox td:nth-of-type(3) span{
	margin-top:10px;
	letter-spacing:0;
padding-left: 0;
}
.gbox td:nth-of-type(2){
	margin:0;
}

.gbox td:nth-of-type(4){
	border-bottom: dotted 1px #ccc;
}
.gbox.after2024 td:nth-of-type(5){
	border-bottom: dotted 1px #ccc;
}

.gbox td:last-of-type a:before{
content:"結果：";
vertical-align:middle;
}
.gbox td:nth-of-type(5) img{
vertical-align:middle;
}

}


span.ico {
max-width: 9em;
width: auto;
	height: auto;
	color: #fff;
	background-color: #ccc;
	border-radius: 2px;
	padding:3px 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	margin: auto;
	display: block;
}

a:not(:first-of-type) span.ico {
margin-top: 5px;
}

span.ico.bg_orange {
background: #F79B2E;
}
span.ico.bg_lblue {
background: #00b6e4;
}
span.ico.bg_dblue{background-color:#0a29af; }
span.ico.bg_kblue{ background-color: #3e9595!important;}/*古い？クボタブルー*/