@charset "UTF-8";
/* CSS Document */
/* 基本-モバイルファースト ======================================================================================================== */

#welcome{
background-color: #eee;
padding: 20px;
}
#welcome p{
font-size: 18px;
}
#welcome p em{
font-size: 20px;
font-weight: bold;
}
#welcome ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#welcome ul li{
width: 48%;
}
#welcome ul li a{
display: block;
text-decoration: none;
background-color: #fff;
padding: 10px;
border-radius: 5px;
margin-top: 10px;
}


#match .type_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
}
#match .type_list li{
width: 48%;
}
#match .type_list li a{
display: block;
text-decoration: none;
background-color: #f7e8eb;
padding: 10px;
border-radius: 5px;
margin-top: 10px;
text-align: center;
}
#match .type_list li a span{
display: block;
font-size: 12px;
}




/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

#welcome{
display: flex;
align-items: center;
justify-content: space-between;
}
#welcome ul{
justify-content: center;
}
#welcome ul li{
width: 150px;
margin-left: 20px;
}
#welcome ul li:first-child{
margin-left: 0px;
}
#welcome ul li a:hover{
background-color: #b3203a;
color: #fff;
}


#match .sub_title + p{
text-align: center;
margin-bottom: 20px;
}
#match .type_list{
justify-content: center;
}
#match .type_list li{
width: 18%;
margin: 0 1%;
}
#match .type_list li a:hover{
background-color: #b3203a;
color: #fff;
}

}