.main_div
{
text-align:center;
background: #00C492;
padding:20px; width: 400px;
}
.inner_div
{
background: #fff;
margin-top:20px;
height: 100px;
}
.buttons a
{
font-size: 16px;
display:inline-block;
margin:0 0%;
padding:2%;
border-radius: 3%;
/* -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.2); */
background:#9e9e9e9e;
color: #000;
text-align: center;
line-height: 1.6;
width: 20%;
}

.buttons a:hover
{
cursor:pointer;
font-size: 16px;
background:#8bc34a;
}
.buttons a:focus
{
cursor:pointer;
font-size: 16px;
background:#8bc34a;
color: #fff;
position: relative;
}
.active
{
cursor:pointer;
font-size: 16px;
background:#8bc34a !important;
position: relative;
color: #fff!important;
}
.active ::after {
content: "";
position: absolute;
top: 82px;
right: 75px;
width: 20px;
height: 20px;
background: #8bc34a;
transform: rotate(45deg);
}

.buttons{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 30px 0px 20px;
}
.buttons a:before {
content: "";
position: absolute;
bottom: -9px;
right: 75px;
width: 20px;
height: 20px;
background: #8bc34a;
transform: rotate(45deg);
/* display: none; */
}

.column-sponsor {
float: left;
width: 30%;
margin: 20px 0px 10px;
border: 1px solid rgb(0 0 0 / 20%);
padding: 5px;
}
.row::after {
content: "";
clear: both;
display: table;
}
.row
{
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
}

/* Fading animation */
.fadesponsor {
animation-name: fade;
animation-duration: 1.5s;
}
@media screen and (max-width: 550px) {
.column-sponsor {
width: 100%!important;
}
.column-sponsor img{
width: 100%!important;
}
.buttons a:before {
bottom: -6px;
right: 75px;
width: 12px;
height: 12px;
}
}
@media screen and (max-width: 767px) {
.buttons a {
margin: 0 0% 8%;
width: 44%;
}
}
td:nth-child(2) {
background: #F5F7F7;
}
td:first-child {
background: #F5F7F7;
}
th:first-child {
  background: #F5F7F7;
}
th{
    text-align: center;
    padding: 20px!important;
    border: none!important;
    font-size: 18px;
    background: #E8F1D4;
    color: #00AFCC;
    border-bottom: 1px solid #9e9e9e !important;
}

td{
  border: none!important;
  background: #E8F1D4;
  padding: 20px!important;
}
tr.bordernone{
  border-bottom: 1px solid #ddd !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%!important;
    border: 1px solid #9e9e9e;
}
.nagare{
  text-align: center;
  margin: 10px;
}
@media screen and (max-width: 540px){
  .mb {
    display: block!important;
  }
  td {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd !important;
}
.background{
  background: #E8F1D4 !important;
}
}
td{
  background:#F5F7F7!important;
  text-align: center;
}