ï»¿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == ã¿ãåãæ¿ã == */
#newstab {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 2;
}


/* == ãªã¹ã == */
#newstab ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    list-style: none;
}

#newstab li {
    width: 30%;
    margin: 0px 1% 0px 0px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#newstab li a {
    display: block;
    margin: auto 0px 0px 0px;
    padding: 10px 0px;
    text-align: center;
    font-family: 'Zen Maru Gothic', serif !important;
    color: #fff;
    font-weight: bold;
    font-size: 150%;
    vertical-align: bottom;
    border: 1px solid #015D8C;
    border-radius: 4px 4px 0px 0px;
    background: #015D8C;
    text-decoration: none;
}

#newstab li a {
    border-bottom: none;
}

#select_tab1 li.li_green,
#select_tab2 li.li_orange,
#select_tab3 li.li_lime
{
}

#select_tab1 li.li_green a, #select_tab2 li.li_orange a, #select_tab3 li.li_lime a {
    padding: 15px 0px;
    background: #fff;
    color: #232323;
    border-top: 3px solid #015D8C;
}


/*= ãªã³ã¯è¨­å® =*/
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == ã¿ãåãæ¿ã == */
#newstab {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 2;
}


/* == ãªã¹ã == */
#newstab ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    list-style: none;
}

#newstab li {
    width: 33%;
    margin: 0px 1% 0px 0px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#newstab li a {
    display: block;
    margin: auto 0px 0px 0px;
    padding: 10px 0px;
    text-align: center;
    font-family: 'Zen Maru Gothic', serif !important;
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    vertical-align: bottom;
    border: 1px solid #015D8C;
    border-radius: 4px 4px 0px 0px;
    background: #015D8C;
    text-decoration: none;
}

#newstab li a {
    border-bottom: none;
}

#select_tab1 li.li_green,
#select_tab2 li.li_orange,
#select_tab3 li.li_lime
{
}

#select_tab1 li.li_green a, #select_tab2 li.li_orange a, #select_tab3 li.li_lime a {
    padding: 15px 0px;
    background: #fff;
    color: #232323;
    border-top: 3px solid #015D8C;
}


/*= ãªã³ã¯è¨­å® =*/
}
