@charset "UTF-8";

/***********.news-label***********/
div[id^='newstool-'] .news-hashtag,
div[class^='newstool-'] .news-hashtag{
        display:inline-block;
        margin-top: .2rem;
    }
div[id^='newstool-'] .newstool-label,
div[class^='newstool-'] .newstool-label{
        display:inline-block;
        box-sizing: border-box;
        background: #fcc800;
        min-width: 87px;
        margin-right: 3px;
        height: 31px;
        line-height: 31px;
        text-align: center;
        margin-bottom:.2rem;
        text-decoration:none;
    }
/********news一覧のレイアウト***********/
    .newstool-index-container .newstool-list-block,
    .newstool-list-container .newstool-list-block{
            border-bottom: 1px solid #e6e6e6;
            padding: 30px 0;
        }
    #template .newstool-list-block{
        border-bottom:none;
        padding: 0;
    }
    .newstool-index-container .news-date,
    .newstool-list-container .news-date{
        display: inline-block;
        text-align: center;
        font-weight: bold;
        margin-left: 1rem;
    }
    .news-title{
        font-size:1rem;
        margin-top: 15px;
    }
    .news-title a,.news-title p{
        margin-bottom:0;
        display: inline-block;
    }
    .news-title a p{display: inline;}
    .news-detail-title{
        padding-top: 15px;
        padding-bottom: 35px;
        text-align: left;
        letter-spacing: 0;
        font-size: 20px;
    }
/********news詳細のレイアウト***********/
    #newstool-detail-container .news-title{
        padding-top: 15px;
        padding-bottom: 35px;
        text-align: left;
        letter-spacing: 0;
        font-size: 20px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 40px;
    }
    #newstool-detail-container .news-date{
        display: inline-block;
        text-align: center;
        margin-left: 15px;
    }
/***********.pagenation***********/
    .newstool-paginationWrapper .pagination{
        text-align: center;
        max-width: 520px;
        margin:20px auto 40px;
        display:flex;
        align-items: stretch;
        justify-content: center;
    }
    .newstool-paginationWrapper .pagination .page{
        display: inline-block;
        box-sizing: border-box;
        width: 38px;
        height: 38px;
        vertical-align: middle;
        margin-right: 0.3rem;
    }
    .newstool-paginationWrapper .pagination .page:last-of-type {margin-right: 0;}
    .newstool-paginationWrapper .pagination .page a{
        display: inline-block;
        border-style: solid;
        border-width: 1px;
        border-color:#0f0f0f;
        color:#0f0f0f;
        background:#fff;
    }
    .newstool-paginationWrapper .pagination .current{
        background:transparent;
        padding:0;
        color:#fff;
        background:#0f0f0f;
    }
    .newstool-paginationWrapper .pagination .prev,  
    .newstool-paginationWrapper .pagination .next{
        border:1px solid #0f0f0f;
        background:#fff;
    }
     .newstool-paginationWrapper .pagination .prev a,
    .newstool-paginationWrapper .pagination .next a{
        display: inline-block;
        box-sizing: border-box;
        vertical-align: center;
        border-color:transparent;
        background:transparent;
        border-width: 0;
    }
    .newstool-paginationWrapper .pagination .prev a:hover,  
    .newstool-paginationWrapper .pagination .next a:hover{background: #fff;}
    .newstool-paginationWrapper .pagination .prev{margin-right:10px;}
    .newstool-paginationWrapper .pagination .next{margin-left:10px;}

/*********** .kiobi ***********/
    .kiobi .news{
        position: absolute;
        top: 100px; 
        left:0;
        right:0;
        margin:0 auto;
        z-index: 1000;
        width:80%;
        max-width: 980px;
        background:#fce702;
        padding:20px;
        border-radius: 4px;
        border:#deca39 1px solid;

    }
    .kiobi .news-item{margin:0 auto;}
    .kiobi .news-date,.kiobi .news-title{
        display: inline-block;
        vertical-align: middle;
    }
    .kiobi .news-date{
        font-size: 16px;
        font-weight: 500;
    }
    .kiobi .news-title{
        font-size: 18px;
        margin-left:10px;
        margin-top: 0;
        font-weight: bold;
    }
    .kiobi .news-content{display: none;}