@import "top_2024.css";

ul.nittei_link{display:flex;flex-wrap:wrap;}
ul.nittei_link li{width:calc(100%/4 - 10px);margin:0px 5px;font-size:14px;}
ul.nittei_link li a{display:block;text-align:center;color:white;padding:10px 0;background:#E61673;border-radius:3px;}
ul.nittei_link li a::before{content:"▼";margin-right:10px;}
td.ex, span.ex{color:#0673fb!important}

.submain section table td,
.submain section table th{font-size:14px;padding:0.6em 0.5em;text-align:center;line-height:1.5em;}

.submain section table th a{background:white;padding:5px 5px;text-align:center;color:#000;border-radius:4px;font-weight:normal;display:inline-block;line-height:1;}
.submain section table th a::after{
	content: "?";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 3px;
	background-color: #222;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
}
.submain section .section{
	margin-bottom:80px;
}
.submain section#infoPoint table td,
.submain section#infoPoint table th{
	font-size:16px;padding:0.6em 0.5em;text-align:center;line-height:1.5em;
}

.submain section table .th_vertical {
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.1;
}

.submain section table .td_btn {
	width: 60px;
}

.submain section table .nowrap {
	white-space: nowrap;
}

.submain section #t_nittei tr:nth-child(4n+1),
.submain section #t_nittei tr:nth-child(4n+2){
	background-color: #f7f7f7;
}

.submain section #t_point tr:nth-child(even){
	background-color: #f7f7f7;
}


.point_icon1 a,
.point_icon2 a,
.point_icon3 a,
.point_icon4 a,
.point_icon5 a,
.point_icon6 a{color:white;display:block;/*background:#bc608a;*/background:#222;padding:8px 0;text-align:center;border-radius:4px;font-size:12px;line-height:1;width:60px;margin:0 auto;letter-spacing: 0.1em;}
.point_icon1 a{background:url(../img/nittei/icon01.png) no-repeat #222 6px center;background-size:14px;}
.point_icon2 a{background:url(../img/nittei/icon02.png) no-repeat #222 6px center;background-size:14px;}
.point_icon3 a{background:url(../img/nittei/icon03.png) no-repeat #222 6px center;background-size:14px;}
.point_icon4 a{background:url(../img/nittei/icon04.png) no-repeat #222 6px center;background-size:14px;}
.point_icon5 a{background:url(../img/nittei/icon05.png) no-repeat #222 6px center;background-size:14px;}
.point_icon6 a{background:url(../img/nittei/icon06.png) no-repeat #222 6px center;background-size:14px;}
.point_icon1 a:before{content:"出馬表";display:inline-block;padding-left:1em;}
.point_icon2 a:before{content:"結果";display:inline-block;padding-left:1em;}
.point_icon3 a:before{content:"映像";display:inline-block;padding-left:1em;}
.point_icon4 a:before{content:"動画";display:inline-block;padding-left:1em;}
.point_icon5 a:before{content:"記事";display:inline-block;padding-left:1em;}
.point_icon6 a:before{content:"Photo";display:inline-block;padding-left:1em;}
a.btn_3{width: 72px;}
a.furusato_btn:after,p.furusato_icon:before{content:"ふるさとレポート";margin-left:4px;padding:2px;color:white;font-size:12px;background:#222;border-radius:3px;}
p.furusato_icon:before{margin:0 5px 0 0;}
a.diabeled {background-color: #999 !important; pointer-events: none !important;}

ol.jyouken{list-style-type:decimal;padding-left:2em;}
ol#kettei ol{list-style-type:upper-alpha;padding-left:2em;}

table.point_3_t th a, table.point_k_t th a, table.point_2_t th a {
    background: white;
    padding: 2px 5px;
    border-radius: 3px;
}
.br_sp {
	display: none;
}
h3.h_table {
    margin: 0 0 20px;
    font-size: 27px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
h3.h_table .date {
	margin-right: 10px;
}
h3.h_table::after {
	display: none;
}
.ul_annotation {
margin: 20px 0 30px;
}
.ul_annotation li {
	margin-bottom: 4px;
	padding-left: 1.8em;
	text-indent: -1.8em;
}
.scroll {
	margin-bottom: 20px;
}

.scroll + .h_table {
	padding-top: 0.5em;
}

/* .table_result th {
    background-color: #000;
} */

.table_result th,
.table_point_all th {
    background-color: #e61673;
}

.bnr_cp_202302_2 {
	width: 1100px;
	margin: 0 auto 60px;
	text-align: center;
}

.bnr_cp_202302_2 .cp_ribbon {
	width: 531px;
  margin: 0 auto 10px;
}

.bnr_cp_202302_2 .bnr {
	width: 700px;
}


@media all and (min-width: 0) and (max-width: 767px)  {
	ul.nittei_link li{width:calc(100%/1 - 10px);margin:5px 5px 0;font-size:calc(100vw / ( 375 / 14 ));}
	ul.nittei_link li a{padding:0px 0;}
	a.furusato_btn:after,p.furusato_icon:before{content:"ふるさとレポート";margin-left:5px;padding:0px;font-size:10px;}
	section ol li{padding:0 0 1em 1em;font-size:calc(100vw / ( 375 / 14 ));line-height:1.5em;}

	.submain section table td,
	.submain section table th{font-size:calc(100vw / ( 375 / 12 ));padding:0.43em 5px;}

	.br_sp {
		display: inline;
	}
	.submain h3.h_table {
	    margin: 0 0 20px;
	    font-size: calc(100vw / ( 375 / 20 ));
			line-height: 1.5;
	}
	.submain h3.h_table .date {
		display: block;
		font-size: calc(100vw / ( 375 / 15 ));
	}

	.bnr_cp_202302_2 {
		width: auto;
		margin: 0 auto 40px;
		padding: 0 5%;
		text-align: center;
	}

	.bnr_cp_202302_2 .cp_ribbon {
		width: 78%;
    margin: 0 auto 10px;
	}

	.bnr_cp_202302_2 .bnr {
		width: 100%;
	}

}