﻿/*:::::::::::::::::::::::::
 * 枠組 
 *::::::::::::::::::::::::*/

/* 重要なお知らせ */
#sideboardJuyoOshirase {
    display:none;
}
    #sideboardJuyoOshirase h2 {
        font-weight: bold;
    }

/* トピックス */
#sideboardTopics {
    display: none;
}

    #sideboardTopics h2 {
        border-bottom: 1px dotted #5d5c5b;
        font-weight: bold;
    }

/* ダイジェスト */
#sideboardDigest {
    display: none;
}

    #sideboardDigest h2 {
        border-bottom: 1px dotted #5d5c5b;
        font-weight: bold;
    }

/* カウントダウン */
#sideboardCountdown {
    display: none;
}
    #sideboardCountdown h2 {
        border-bottom: 1px dotted #5d5c5b;
        font-weight: bold;
    }


/* 記事一覧系 */
#sideborad_area .artlist ul {
    padding: 5px 10px 5px 15px;
}
#sideborad_area .artlist li {
    padding: 5px 0px;
}
#sideborad_area .artlist .upddate {
}
#sideborad_area .artlist .title {
}



/* 目的からさがす */
#mokutekikarasagasu {
}
    #mokutekikarasagasu h2 {
        border-bottom: 1px dotted #5d5c5b;
        font-weight: bold;
    }

/* 分類からさがす */
#bunruikarasagasu {
}
    #bunruikarasagasu h2 {
        border-bottom: 1px dotted #5d5c5b;
        font-weight: bold;
    }

/* さがす系一覧 */
#sideborad_area .sagasu ul {
    padding: 5px 10px 5px 25px;
}
#sideborad_area .sagasu li {
    padding: 8px 0px;
    font-size:1.1em;
}

#sideborad_area .sagasu li a{
    text-decoration:none;
}


/* 情報が見つからないときは */
#mitsukaranaitoki {
    width: 100%;
    padding: 10px 0px;
    margin: 0px auto;
    text-align: center;
    font-size: 1em;
}
    #mitsukaranaitoki div {
        margin: 5px auto;
        padding: 10px;
        border-radius: 10px;
        width: 92%; /* IE8以下とAndroid4.3以下用フォールバック */
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }
    #mitsukaranaitoki a {
        text-decoration: none;
        font-size: 1.1em;
    }


/*:::::::::::::::::::::::::
 * レスポンシブ対応
 *::::::::::::::::::::::::*/
/* PC用 */
@media screen and (min-width:1170px) {
    #sideborad_area {
        float: right;
        width: 300px;
        margin: 10px 5px 10px 15px;
        padding: 0px;
        flex-basis: 300px;
        flex-shrink: 0;
        display: block !important;
    }
}
@media screen and (max-width:1169px) {
    #sideborad_area {
        padding-top: 10px;
        padding-right: 20px;
        display: block !important;
    }
}
/* スマホ用 */
@media screen and (max-width:767px) {
    #sideborad_area {
        padding-top: 10px;
        padding-right: 1px;
        display: block !important;
    }
}