@charset "utf-8";

#tsscommon2secnav{
    width:100%;
    box-shadow: 2px 0 2px 0 #999999;
}

#mainheader{
    width:100%;
    max-width: 990px; /*-- 旧サイズにあわせる --*/
    margin:0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content:center;
    align-content:flex-start;
    align-items:center;
}

#mainheader h1{
   width:88px;
   text-align: left;
    overflow: hidden;
}

#mainheader h1 a{
    display: inline-block;
}

#mainheader h1 img{
    height: 56px;
    width:auto;
    vertical-align: middle;
}

#mainheader ul.TSS_gnav{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content:flex-start;
    align-content: center;
    align-items:center;
    height: 64px;
}

#mainheader .TSS_gnav li{
    width: 12%;
    text-align: center;
}

#mainheader .TSS_gnav li a{
    display: block;
    width:100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    border-radius: 2px;
}

#mainheader .TSS_gnav li:first-of-type a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_tv.svg);
}
#mainheader .TSS_gnav li:nth-of-type(2) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_news.svg);
}
#mainheader .TSS_gnav li:nth-of-type(3) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_weather.svg);
}
#mainheader .TSS_gnav li:nth-of-type(4) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_sports.svg);
}
#mainheader .TSS_gnav li:nth-of-type(5) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_club.svg);
}
#mainheader .TSS_gnav li:nth-of-type(6) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_ann.svg);
}
#mainheader .TSS_gnav li:nth-of-type(7) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_event.svg);
}
#mainheader .TSS_gnav li:nth-of-type(8) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_shop2022.svg);
}
#mainheader .TSS_gnav li:nth-of-type(9) a:hover{
    background-image: url(/themes/tss/img/com_gmenu/ic_gc_msg.svg);
}

#mainheader .TSS_gnav li a img{
    width: 100%;
    height: auto;
}

#mainheader .TSS_gnav li a:hover{
    color: #d10000 !important;
}

#mainheader .TSS_gnav li a:hover img{
    visibility: hidden;
}