@charset "utf-8";

/**
 * 空き家の利活用に向けて
 */

#main{
    position:relative;
    top:-30px;
}

.pager{
    border-top:2px solid #ddd;
    padding-top:20px;
}

/* -- 利活用TOP -- */
#util .detail h3,
#util .list h3,
#util .util h3{
    line-height:30px;
    background:url('../images/rikatsu_icon.png') no-repeat;
    background-size:auto 24px;
    padding-left:40px;
    font-size:26px;
    font-size:2.6rem;
    font-weight:bold;
    margin-bottom:24px;
    border-bottom:4px solid #5FB644;
    /* word-break:break-all; */
}
#util .util{
    clear:both;
    float:none;
    display:inline-block;
    margin-bottom:40px;
}
#util .util .block{
    clear:both;
    float:none;
    display:inline-block;
    margin-bottom:10px;
    width:740px;
}

#util .util .block .image{
    claer:both;
    float:left;
    width:190px;
}
#util .util .block .image img{
    width:185px;
    height:auto;
    max-width:185px;
}
#util .util .block .naiyo{
    float:right;
    width:530px;
}
#util .detail .date,
#util .list .date,
#util .util .block .naiyo .date{
    color:#39AD36;
    font-size:15px;
    font-size:1.5rem;
}
#util .util .block .naiyo .title{
    font-size:18px;
    font-size:1.8rem;
    font-weight:bold;
    border-bottom:1px solid #7CB528;
    padding:4px 0;
    margin-bottom:6px;
}
#util .util .block .naiyo .mes{
    font-size:15px;
    font-size:1.5rem;
}

/* もっと見る */
#util .util .more_list{
    float:right;
    display:inline;

    background:#5FB644;
    background-image:url(../images/rikatsu_link_ya.png);
    background-repeat:no-repeat;
    background-size:auto  16px;
    background-position:right 10px center;

    font-size:14px;
    font-size:1.4rem;
    color:#fff;
    padding:1px 26px 0px 12px;

    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}


/* -- 一覧 -- */
#util .list h3{
    background:none;
    text-align:center;
    font-size:24px;
    font-size:2.4rem;
    padding-left:0;
    padding-bottom:20px;
}
#util .list .block{
    padding-top:50px;
    border-bottom:1px solid #ddd;
}

#util .list .date{
/*
    border-top:4px solid #5FB644;
    padding-top:20px;
*/
}


/* -- 詳細 -- */
/* カテゴリー名 */
#util .detail h3{
    font-size:19px;
    font-size:1.9rem;
}
/* タイトル */
#util .list h4,
#util .detail h4{
    font-size:29px;
    font-size:2.9rem;
    font-weight:bold;
    margin:10px 0;
    line-height:1.2;
    /* word-break:break-all; */
}
#util .list h5,
#util .detail h5{
    background-color:#E0F0DB;
    font-size:21px;
    font-size:2.1rem;
    font-weight:bold;
    border-left:14px solid #5FB644;
    padding:12px 0 10px 20px ;
    margin-bottom:10px;
    /* word-break:break-all; */
}
#util .list h6,
#util .detail h6{
    font-size:21px;
    font-size:2.1rem;
    font-weight:bold;
    padding:8px 0;
    color:#008E48;
    border-bottom:1px solid #5FB644;
    margin-bottom:10px;
    /* word-break:break-all; */
}

/* 本文 */
#util .list .content,
#util .detail .content{
    font-size:15px;
    font-size:1.5rem;
    margin-bottom:30px;
    padding-left:12px;
}
#util .list .content img,
#util .detail .content img{
    max-width:728px;
}

/* 本文中のリスト */
#util .list .content ul,
#util .detail .content ul{
    list-style-type:disc;
}
#util .list .content ul li,
#util .detail .content ul li{
    margin-left:24px;
}

#util .list .content ol,
#util .detail .content ol{
    list-style-type:decimal;
}
#util .list .content ol li,
#util .detail .content ol li{
    margin-left:24px;
}

/* 斜体 */
#util .list .content  em,
#util .detail .content  em{
    font-style: oblique;
}
/* リンク */
#util .list .content  a,
#util .detail .content  a{
    color: #0084B4;
}