@charset "UTF-8";
/*
Top
*/
#top {
    background-image: url(/img/useful/main_v.png);
}




/*
menu useful_b
*/
#useful_b {
border-bottom: 5px solid #81afd3;
}
#useful_b > a {
background-color: rgba(0,116,193,0.5) !important;
}
#useful_b:hover > a {
color: #010721;
background: #eef8ff !important;
}



/*
anchor
*/
#anchor li {
    width: 50%;
}


section.content {
    padding: 5em 0 0em;
}
section.content .tl {
    font-size: 130%;
}
section.content article .body {
    width: 90%;
    max-width: 1080px;
    margin: 2em auto 0em;
    justify-content: start;
}
section.content article .body a {
    width: 30%;
    margin: 0 1.6% 3.3em;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    transition: ease-in .2s;
    color: #070227;
    padding-bottom: 1em;
}
section.content article .body a *{
    color: #070227;
    text-align: center;
}
section.content article .body a:hover {
    opacity: 1;
    background: #ffffff;
    transform: scale(1.05);
    box-shadow: 0 0 10px #155da036;
}
section.content article .body a:hover img{
    opacity: 1;
}
section.content article .body p.user {
    font-size: 95%;
    color: #0091db;
    margin: 0.6em auto 0.3em;
}
section.content article .body h3 {
    text-align: center;
}
section.content article .body h4 {
    line-height: 1.4;
    margin: 0.4em auto 0.4em;
    padding: 0 0%;
    font-size: 108%;
    width: 86%;
}
section.content article .body p {
    line-height: 1.3;
    font-size: 100%;
    margin: 0.4em auto 0.6em;
}
section.content article .body a img {
    border-radius: 6px 6px 0 0;
    transition: all .3s ease;
    margin: 0 auto 0.1em;
}
section.content article .body p.link {
    border-radius: 16px;
    border: 1px solid rgba(5, 126, 193, 0.39);
    width: 83%;
    padding: 0.4em 0px;
    font-size: 95%;
    margin: auto auto 0.1em;
    background: rgb(239, 249, 255);
    color: rgb(5, 126, 193);
}
section.content article .body a:hover p.link {
    background: #057ec1;
    transition: all .3s ease;
    color: #fff;
}
@media only screen and (max-width:1024px) {
section.content article .body {
    width: 94%;
}
section#download.content {
    padding: 2em 0 0em;
}
}
@media only screen and (max-width:768px) {
section.content {
    padding: 3em 0 0em;
}
section.content article .body {
    margin: 0 auto;
    padding: 1em 0 0em;
}
section.content article .body p.link {
    margin: .5em auto 0.5em;
}
section.content article .body a {
    width: 74%;
    opacity: 1;
}
section.content article .body p.user {
    padding: 0;
    margin: 0.8em auto 0em;
}
section.content article .body h4 {
    padding: 0%;
    font-size: 100% !important;
}
section.content article .body a {
    width: 85%;
    margin: 0 auto 2em;
    display: block;
    padding: 0 0 1em;
}
}