body{
    background-color: #F6F6F6;
}

.docs-header {
    padding-top: 50px;
    border-top: 1px solid #50c1e9;
    background: url(../img/header_bg_slim.jpg) no-repeat 0 0;
    background-position: center;
}

.navbar-brand h1{
    font-size: 5.0rem;
    font-family: 'Caveat', cursive;
    margin-bottom: 5px;
}

.navbar-brand h2{
    font-size: 1.25rem;
    margin: 2px;
    font-family: 'Kiwi Maru', serif;
}

.navbar-custom .nav li a {
    display: block;
    color: #F96;
}

.navbar-custom .nav li a:hover {
    display: block;
    color: #F63;
    text-decoration: underline;
}

.navbar-custom .nav li a.current, .navbar-custom .nav li a:active {
    border-bottom: 3px solid #F96;
}

.inter-title{
    border-bottom:5px double #666;
}

.inter-title h2{
    margin: 5px 0px 3px 0px !important;
}

.inter-title-light{
    border-bottom:3px dotted #C99;
}

.inter-title-light h2{
    color: #C99;
    margin: 5px 0px 3px 0px !important;
}

.topic{
    padding: 60px 0 200px;
}

.newslistimg{
    margin:2px 0px 0px 0px;
    vertical-align: top;
}
.newslistimg img {
    max-width:100%;
    object-fit: contain;
}

.newslisttext{
    font-size:   1.825rem;
    margin:2px 0px 0px 0px;
}

.newslisttext h4{
    font-size: 2rem;
    font-family: "Sawarabi Mincho";
}

.adbanner{
    text-align: center;
    margin-bottom: 30px !important;
}

.jumbotron-photo img{
    max-height: 220px;
    object-fit: cover;
}

.jumbotron-contents h3{
    font-size: 2.25rem;
    font-weight: normal;
    margin: 5px;
    font-family: 'Kiwi Maru', serif;
}

.newstext{
    line-height: 160%;
    font-size:   1.5rem;
    margin-top:  20px;
}

.newsitems div{
    font-size:   1.825rem;
    margin: 5px;
}

.stars{
    width: 100%;
    text-align:center;
    font-family: 'Kiwi Maru', serif;
}

.newstext p{
    padding: 15px 10px 10px 10px;
}

.newstext small{
    font-size: 1.25rem;
}

.newssubtitle{
    font-size: 2rem;
    font-family: "Sawarabi Mincho";
}

.kakomi{
    padding: 5px 10px;
    border: 2px dotted #CCF;
    background-color: #F6F6FF;
    border-radius: 5px;
}

.text-info{
    display: block;
    padding: 10px 10px;
    border: 2px dotted #CCF;
    background-color: #F6F6FF;
    border-radius: 5px;
    margin: 5px 10px 5px 10px;
}

#abouttext {
    font-size: 1.825rem;
    color: #333;
    padding:2rem 1rem 3rem;
    background-color: #fee;
    line-height: 2.5rem;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    overflow: hidden;
}
#abouttext > p { margin: 0 0 2rem; }
#abouttext > p:first-letter { margin-left: 1rem; }



@media (max-width: 768px) {
    .docs-header {
        padding-top: 0px;
        background-size: auto 250px;
    }
    .topic{
        padding: 50px 0 100px;
    }
    
}