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

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

header{
background: url("../img/top/h_ba_01.png") no-repeat top right;
background-size: 40%;
width: 100%;
padding: 30px 0 0 0;
}

.logo_box{
width: 1120px;
margin: 0 auto;
margin-bottom: 10px;
}

.h_logo{
width: 314px;
}

.pc_navi{
background: #4083C5;
width: 100%;
}

.pc_navi > ul{
width: 1120px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.pc_navi > ul li{
width: 14%;
border-left: #fff 1px solid;
margin: 10px 0;
position: relative;
}

.pc_navi > ul li:last-child{
border-right: #fff 1px solid;
}

.pc_navi > ul li a{
font-size: 1.8rem;
display: block;
width: 100%;
color: #fff;
text-align: center;
padding: 15px 0;
}

.pc_subnav{
position: absolute;
left: 0;
z-index: 999999999;
width: 100%;
display: none;
}

.pc_navi ul li:hover ul.pc_subnav{
	display:block;
}

.pc_subnav > li{
text-align: center;
margin: 0 !important;
border-left: none !important;
border-bottom: #fff 1px solid;
width: 100%!important
}

.pc_subnav > li > a{
background: #4083C5;
width: 160px !important;
display: block;
padding: 10px 0 !important;
font-size: 1.4rem !important;
}


.top_ba{
width: 100%;
background: url("../img/top/ba_02.png") no-repeat 0 300px;
background-size: 100%;
}

.top_main_section{
width: 1020px;
margin: 0 auto;
padding: 40px 0;
}

.top_important_box{
width: 100%;
border: #ED1C24 1px solid;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
background: #fff url("../img/top/ba_01.png") no-repeat bottom right;
background-size: 29px;
margin-bottom: 40px;
}

.top_important_box div:first-child{
width: 100px;
background: #ED1C24;
text-align: center;
position: relative;
}

.top_important_box div h2{
color: #FFF100;
font-size: 1.6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 100%;
}

.top_important_box div:last-child{
width: 920px;
}

.top_important_box dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 95%;
margin: 0 auto;
padding-top: 10px;
}

.top_important_box dl dt{
color: #003D71;
font-size: 1.5rem;
width:13%;
}

.top_important_box dl dd{
font-size: 1.5rem;
width: 87%;
margin-bottom: 10px;
}

.top_important_box dl dd a{
color: #003D71;
font-weight: bold;
}

.news_midashi_01{
font-size: 1.7rem;
color: #fff;
background: #0071BC;
width: 315px;
padding: 15px 10px 10px 10px;
border-radius: 10px 10px 0 0;
float: left;
margin-bottom: 5px;
}

.news_midashi_01 span{
font-family: 'Open Sans', sans-serif;
font-size: 1.2rem;
padding-left: 5em;
}

.top_news_box{
border: #0071BC 2px solid;
width: 96%;
height: 380px;
overflow-y: scroll;
padding: 2%;
margin-top: 4px;
background: #fff;
position: relative;
}

.list_btn_01{
font-size: 1.6rem;
color: #0071BC;
font-weight: bold;
float: right;
margin-top: 20px;
}

.list_btn_01::after{
font-family: "Font Awesome 5 Free";
content: '\f45d';
font-weight: 900;
}

.news_list_01{
clear: both;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 99%;
}

.news_list_01 dt{
width: 18%;
border-bottom: #999999 1px dashed;
margin-bottom: 20px;
padding-bottom: 20px;
padding-right: 2%;
}

.news_list_01 dt a{
color: #fff;
text-align: center;
font-size: 1.5rem;
display: block;
padding: 3% 0;
width: 100%;
}

.category_01{
background: #9AC455;
}
.category_02{
background: #FBB03B;
}
.category_03{
background: #9E005D;
}
.category_04{
background: #29ABE2;
}
.category_05{
background: #F15A24;
}
.category_06{
background: #A57C52;
}
.category_07{
background: #808080;
}
.category_08{
background: #C53C90;
}
.category_09{
background: #C60022;
}
.category_10{
background: #591A86;
}
.category_11{
background: #00B08C;
}
.category_12{
background: #0068B2;
}
.category_13{
background: #789BCD;
}
.category_14{
background: #7E77B6;
}
.category_15{
background: #0084B4;
}


.news_list_01 dd{
width: 80%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: #999999 1px dashed;
}

.data_01{
font-size: 1.6rem;
float: left;
margin-right: 15px;
}

.tittle_01{
font-size: 1.6rem;
color: #003D71;
font-weight: bold;
}

.news_honbun_01{
clear: both;
font-size: 1.4rem;
white-space: nowrap;  
 overflow: hidden;  
 text-overflow: ellipsis;  
 -webkit-text-overflow: ellipsis;  
 -o-text-overflow: ellipsis;  
 margin-top: 7px;
}

.tournament_section{
background: #fff  url("../img/top/ba_03.png") no-repeat;
background-size: 100% 100%;
padding: 50px 50px 20px 50px;
position: relative;
margin-top: 80px;
}

.tournament_tittle{
font-size: 3.5rem;
color: #fff;
background: #ED1C24;
font-family: 'Open Sans', sans-serif;
display: inline;
padding: 1% 4%;
line-height: 100%;
position: absolute;
top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.month_01{
font-size: 3.0rem;
font-weight: bold;
margin-bottom: 5px;
}

.tournament_table_01{
width: 100%;
border: #000000 1px solid;
margin-bottom: 40px;
}

.tournament_table_01 tr{
}

.tournament_table_01 th{
border: #000000 1px solid;
font-size: 1.2rem;
background: #FFF9AC;
text-align: center;
padding: 3px 0;
font-weight: bold;
}

.tournament_table_01 td{
border: #000000 1px solid;
font-size: 1.6rem;
padding: 1%;
vertical-align: middle;
}

.tournament_table_01 td span{
color: #ED1C24;
}

.tournament_table_01 td:nth-of-type(1){
text-align: center;
width: 18%;
}

.tournament_table_01 td:nth-of-type(2){
width: 37%;
}

.tournament_table_01 td:nth-of-type(3){
width: 18%;
}

.tournament_table_01 td:nth-of-type(4){
width: 17%;
text-align: center;
}

.tournament_table_01 td:nth-of-type(5){
width: 5%;
text-align: center;
}

.tournament_table_01 td:nth-of-type(6){
width: 5%;
text-align: center;
}

.tournament_table_01 td img{
width: 15px;
}

.list_btn_02{
font-size: 2.0rem;
background: #003D71;
color: #fff;
font-weight: bold;
margin-top: 20px;
margin: 0 auto;
display: block;
width: 200px;
padding: 1% 2%;
border-radius: 5px;
}

.list_btn_02::after{
font-family: "Font Awesome 5 Free";
content: '\f45d';
font-weight: 900;
margin-left: 50px;
}

.f_link_01{
width: 100%;
background: url("../img/top/ba_04.png") no-repeat;
background-size: cover;
padding: 60px 0;
}

.f_link_01 ul{
width: 1120px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.f_link_01 ul li{
width: 23%;
background: #fff;
text-align: center;
margin: 0 2%;
padding: 40px 0 30px 0;
font-size: 1.9rem;
border-radius: 10px;
position: relative;
}

.f_link_01 ul li:hover{
opacity: 0.8;
}

.f_link_01 ul li img{
height: 66px;
margin-bottom: 20px;
width: auto;
}

.f_link_01 ul li a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.pagetop{
width: 52px;
position: fixed;
bottom: 5px;
right: 5px;
}

.bana_section{
background: #E6E6E6;
width: 100%;
padding: 30px 0;
}

.bana_section ul{
width: 1020px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.bana_section ul li{
width: 23%;
margin-bottom: 15px;
}

footer{
background: #ED1C24;
clear: both;
}

.f_box{
width: 1020px;
margin: 0 auto;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 30px 0;
}

.f_box div:last-child{
font-size: 1.8rem;
color: #fff;
}

.f_box div span{
font-size: 1.4rem;
margin-left: 20px;
}

.copyright{
font-size: 1.1rem;
color: #fff;
margin-top: 20px;
}

.f_box div:first-child{
font-size: 1.5rem;
color: #fff;
}

.f_box div a{
color: #fff;
}

.new_link_btn{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 80%;
margin: 0 auto;
margin-top: 5%;
}

.new_link_btn li{
width: 48%;
}

.new_link_btn li a{
background: #003D71;
color: #fff;
font-size: 2.5rem;
text-align: center;
display: block;
width: 100%;
padding: 3% 0;
border-radius: 10px;
}