main > header {
    background:url(../up_load_files/page_header/forjapanese.jpg) center center / cover no-repeat;
}

.banner a {
    margin:10px;
    display:block;
    border:solid 5px #fff;
}
.banner a:hover {
    border:solid 5px #0B76B8;
}

#topics-list ul {
    margin:0 0 40px 0;
    padding:0;
}
#topics-list li {
    padding:0;
    margin:0;
    border-bottom:solid 1px #ccc;
    list-style:none;
}
#topics-list li span {
    font-weight:bold;
    color:#0B76B8;
    display:inline-block;
    width:140px;
    float:left;
    padding:20px 0;
}
#topics-list li a {
    margin-left:160px;
    display:block;
    padding:20px 0;
}


main #yomoyama-list .flex a {
    background:#fff;
    margin-bottom:20px;
    position:relative;
    border:solid 2px #eee;
}
main #yomoyama-list .flex a:hover {
    box-shadow:0 0 6px 3px rgba(0,0,0,0.2);
    border:solid 2px #f29600;
    color:#000;
}
main #yomoyama-list .flex a > div {
    height:100%;
}
main #yomoyama-list .flex a article div {
    background:#f29600;
    color:#fff;
    padding:5px;
    text-align:center;
    font-family: 'Bahnschrift Regular';
    font-size:1.2em;
    margin-bottom:5px;
}
main #yomoyama-list .flex a p {
    line-height:1.4;
    font-size:0.9em;
}
main #yomoyama-list .flex a p.g5 {
    padding:0;
    height:100%;
}
main #yomoyama-list .flex a p.g5 img {
    height:100%;
}
main #yomoyama-list .flex a p span {
    font-size:0.9em;
    padding:0;
    display:block;
    color:#007bbb;
}
main #yomoyama-list .flex a p em {
    font-size:1.1em;
    font-weight:bold;
    display:block;
    padding-bottom:10px;
}
main #yomoyama-list .flex a article {
    padding:10px 10px 60px 10px;
    position:relative;
}
main #yomoyama-list .flex a article p:last-of-type {
    position:absolute;
    bottom:10px;
    left:10px;
    padding:0 10px 0 24px;
    background:url(../_img/pen.svg) left top 5px / 14px no-repeat;
}

main #yomoyama-list p.pageing {
    padding-bottom:60px;
}

main #yomoyama-detail .date {
    padding:0 0 20px 0;
    margin:0;
    font-weight:bold;
    color:#666;
}
main #yomoyama-detail .name em {
    font-size:1.2em;
    display:block;
    color:#0b76b8;
    font-weight:bold;
}
main #yomoyama-detail h2 {
    padding:0 0 40px 0;
}
main #yomoyama-detail h2 span {
    display:inline-block;
    font-size:0.6em;
    font-weight:bold;
    padding:10px 20px;
    margin-right:20px;
    color:#0B76B8;
    border:solid 1px #0B76B8;
    border-radius:4px;
}

main #yomoyama-detail .tag {
    list-style:none;
    padding:0;
    margin:0;
}
main #yomoyama-detail .tag li {
    padding:5px 10px;
    border:solid 1px #666;
    background:#eee;
    border-radius:4px;
    display:inline-block;
    margin-right:5px;
    margin:0 0 5px 0;
}

main #yomoyama-detail .image {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}
main #yomoyama-detail .image img {
    padding-bottom:10px;
}


/** Media Query **/
@media only screen and (max-width : 900px) {

}
@media only screen and (max-width : 640px) {

}