.odd-linkblock-forh3color {
    color: white !important;
}
@media only screen and (min-width: 0) {
    div.linkBlock_odd {
        width     : 100%;
        float     : left;
        margin-top: 1em;
    }

    div.linkBlockBlock_odd {
        width        : 100%;
        float        : left;
        overflow     : hidden;
        margin-bottom: 1em;
    }

    div.linkBlockTitle_odd {
        width           : 100%;
        position        : relative;
        background-color: rgb(24, 56, 71);
        text-align      : center;
        font-size: 1.1em;
        padding: 0.5em;
        color: white;
        padding-left: 0;
    }

    div.mainRight_odd div.linkBlockBlock_odd:nth-child(2n - 1) div.linkBlockTitle_odd {
        background-color: rgb(54, 71, 24);
    }

    div.linkBlockTitle_odd img {
        display: none;
    }

    div.linkBlockTitle_odd h3 {
        width    : calc(100% - 1em);
        font-size: 1.1em;
        padding  : .5em;
        color    : white;
    }

    div.mainLeft_odd div.linkBlockTitle_odd h3::after {
        content         : "";
        float           : right;
        display         : inline-block;
        width           : .6em;
        height          : .6em;
        margin-top      : .5em;
        background-image: url("/oddi_src/icon/arrow_down_white.png");
        background-size : 100%;
        transform       : rotate(-90deg);
        transition      : linear 150ms;
    }

    div.mainLeft_odd div.linkBlockTitle_odd[data-slide] h3::after {
        transform: rotate(0);
    }

    div.linkBlockTitle_odd span {
        display: none;
    }

    ul.linkBlockContent_odd {
        width: 100%;
        float: left;
        display: none;
    }

    ul.linkBlockContent_odd li {
        float     : left;
        width     : 100%;
        text-align: center;
        margin-top: 3px;
    }

    ul.linkBlockContent_odd li::before {
        content: none;
    }

    ul.linkBlockContent_odd li video,
    ul.linkBlockContent_odd li audio {
        max-width: 100%;
    }

    ul.linkBlockContent_odd li span {
        width: 100%;
    }

    ul.linkBlockContent_odd li a {
        width           : calc(100% - 2em);
        padding         : .6em 1em;
        background-color: rgba(24, 56, 71, 0.1);
        transition      : linear 150ms;
        overflow        : hidden;
        text-overflow   : ellipsis;
        white-space     : nowrap;
    }

    ul.linkBlockContent_odd li a:hover {
        background-color: rgba(24, 56, 71, 0.8);
        color           : white;
    }

    div.mainRight_odd div.linkBlockBlock_odd:nth-child(2n - 1) ul.linkBlockContent_odd li a{
        background-color: rgba(54, 71, 24, 0.1);
    }
    
    div.mainRight_odd div.linkBlockBlock_odd:nth-child(2n - 1) ul.linkBlockContent_odd li a:hover{
        background-color: rgba(54, 71, 24, .8);
    }

    ul.linkBlockContent_odd li.img a {
        padding: 0;
        width  : 100%;
    }

    ul.linkBlockContent_odd li.img a img {
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 1000px) {
    div.mainLeft_odd ul {
        display: none;
    }

    div.mainRight_odd div.linkBlockBlock_odd {
        width       : calc(25% - 10px);
        margin-left : 5px;
        margin-right: 5px;
    }

    ul.linkBlockContent_odd{
        display: inline-block;
    }
}