/*
 * ShioPro Notice CMS Version 2
 * Good Collection旧トップページ専用
 *
 * 既存の #info デザインを優先し、
 * 足りない部分だけ補助します。
 */

#info.shiopro-gc-notice{
    width:623px;
    margin:0 0 20px;
}

#info.shiopro-gc-notice .inner{
    line-height:1.8;
}

#info.shiopro-gc-notice .date{
    margin:0 0 6px;
    color:#666;
    font-size:12px;
}

#info.shiopro-gc-notice h4{
    margin:0 0 8px;
    color:#07577f;
    font-size:16px;
    line-height:1.5;
}

#info.shiopro-gc-notice .shiopro-gc-notice__body{
    margin:0;
    color:#333;
    font-size:13px;
    line-height:1.8;
}

#info.shiopro-gc-notice hr{
    margin:16px 0;
    border:0;
    border-top:1px dotted #b9c4ca;
}

@media screen and (max-width:700px){
    #info.shiopro-gc-notice{
        width:100%;
    }

    #info.shiopro-gc-notice h3 img{
        width:100%;
        height:auto;
    }
}