@charset "utf-8";

#link_box {
    padding: 3% 0 0;
    width: 98%;
    margin: auto;
}

#link_box #link_logo {
    text-align: center;
    width: 240px;
    margin: 0 auto 1% auto;
}

#link_box .container {
    width: 100%;
    display: table;
    text-align: center;
    margin: 0 auto;
}

#link_box .container>dl {
    display: table-cell;
    padding: 0 5px;
}

#link_box .container>dl a {
    /*color: #FFF;*/
}

#link_box .container>dl>dt {
    font-size: 0.9em;
    border: solid 1px #D3CBC5;
    padding: 1%;
    margin-bottom: 20px;
}

#link_box .container>dl>dd {
    margin-bottom: 20px;
}

#link_box .container dl dd dt {
    font-size: 0.9em;
    border: solid 1px #D3CBC5;
    padding: 1%;
    margin: 0 10px 20px 10px;
}

#link_box .container>dl>dt .pc {
    display: none;
}

#link_box .container dl dd dl dd {
    font-size: 0.9em;
}

#link_box .container dl dd dl dd:first-child {
    margin-top: 65px;
}

#link_box .container dl dd dl dt+dd {
    font-size: 0.9em;
}

@media screen and (max-width: 768px) {
        #link_box {
            line-height: 1.8;
            padding: 3% 0;
        }

        #link_box .sp {
            display: none;
        }

        #link_box .container {
            display: block;
        }

        #link_box .container>dl {
            display: block;
            padding: 0 1%;
        }

        #link_box .container dl dd dl dd:first-child {
            margin-top: auto;
        }

        #link_box .container>dl>dd {
            margin-bottom: 0;
        }

        #link_box .container>dl>dt {
            display: block;
            /*width: 96%;*/
            padding: 2%;
            text-align: left;
            cursor: pointer;
            font-size: 16px;
            background: #000000;
            /* Old browsers */
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #353529 0%, #000000 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #353529 0%, #000000 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#353529', endColorstr='#000000', GradientType=0);
            /* IE6-9 */
            margin: 0 auto;
            color: #e6db9b;
            border: solid 1px #e0dee1;
        }

        #link_box .container>dl>dd>dl>dt {
            display: block;
            /*width: 96%;*/
            padding: 2%;
            text-align: left;
            cursor: pointer;
            font-size: 16px;
            color: #fff;
            background: #000;
            /*
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #dbdbdb));
            background: -webkit-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
            background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
            background: -ms-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
            background: -o-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
            background: linear-gradient(to bottom, #efefef 0%, #dbdbdb 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb', GradientType=0);
            */
            margin: 0;
            border-top: none;
            border-left: solid 1px #e0dee1;
            border-right: solid 1px #e0dee1;
            border-bottom: solid 1px #e0dee1;
        }

        #link_box .container>dl>dt .pc {
            display: block;
        }        
        #link_box .container>dl>dd {
            text-align: left;
            padding: 2% 4%;
            text-decoration: none;
            border: none;
            /*width: 92%;*/
            background: #000;
            border-left: solid 1px #e0dee1;
            border-right: solid 1px #e0dee1;
            border-bottom: solid 1px #e0dee1;
            display: none;
        }

        #link_box .container>dl>dd>a {
            text-decoration: none;
            display: block;
            width: 100%;
            height: 90%;
            color: #ff2186;
            font-weight: bold;
            font-size: 14px;
        }

        #link_box dt .link_count {
            padding: 2px 10px;
            margin-right: 6px;
            color: #fff;
            background: #ff2186;
            /*
            background: -moz-linear-gradient(top, #D1B961 0%, #BB962B 100%);
            background: -webkit-linear-gradient(top, #D1B961 0%, #BB962B 100%);
            background: linear-gradient(to bottom, #D1B961 0%, #BB962B 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D1B961', endColorstr='#FEBB962B5C70', GradientType=0);
            border: solid 1px #fff;
            */
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            display: inline-block;
            width: 20px;
            text-align: center;
        }

        #link_box .container>dl>dd>dl>dt .link_count {
            float: right;
        }

        #link_box * {
            box-sizing: initial;
        }
        #link_box #link_logo {
            text-align: center;
            width: 240px;
            margin: 0 auto 1% auto;
        }
}