@charset "UTF-8";


/* TOPページ　お知らせ */
#newsWrap {
    width:600px;
    margin:0 auto;
    text-align:left;
}
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
    margin:0 0 15px;
    padding:0;
    font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul#newsList li{
    color:#666;
    font-size:12px;
    margin:0;
    padding:8px 0;
    margin-bottom:3px;
    border-bottom:1px dotted #ccc;
    line-height:120%;
    list-style-type:none;
}
.list_title {font-weight:bold;}
a{color:#36F;text-decoration:underline;}
a:hover{color:#039;text-decoration:none;}

.catName{
    display:inline-block;
    padding:3px 8px;
    border:1px solid #ccc;
    border-radius:6px;
    font-size:11px;
    line-height:100%;
    margin:0;
    margin-left: 5px;
    margin-right: 8px;
}
.newMark{
    display:inline-block;
    border:1px solid #F00;
    padding:1px 4px;
    font-size:11px;
    line-height:100%;
    background:#F00;
    color:#fff;
    box-shadow:1px 1px 1px #999;
    border-radius:8px;
    font-style:italic;
}
.comment{
    display:block;
    padding:3px 0;
    float:left;
    overflow:hidden;
    width:600px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
    display:block;
    width:110px;
    float:left;
    height:80px;
    overflow:hidden;
}

body.inline{
    background: none;
    padding: 0;
    margin: 0;
}
ul#newsList.news_top_blog{
    width: 100%;
    margin:0;
    padding:0;
    font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
}


/* 一覧 */
#newsWrap.news_list_page {
    width:880px;
    min-height:400px;
    margin:30px auto 50px;	
    padding:0;
}

#newsWrap.news_list_page ul#newsList{
    margin-bottom: 40px;
}
#newsWrap.news_list_page ul#newsList li{
    font-size:15px;
    line-height: 1.3;
    padding: 12px 0;
}

/* Pager style（外部化可） */
.pager{
    text-align:center;
    padding:10px;
    clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    font-size: 15px;
    padding: 3px 7px 2px;
    text-decoration: none;
    margin:0 1px;
}
/*現在のページのボタン*/
.pager a.current{
    background: #999;
    color: #fff;
}
.pager a:hover{
    background:#999;
    color: #fff;
}
.overPagerPattern{
    padding:0 2px ;	
}

/* /Pager style */





/* 詳細ページ */


#newsWrap {
    width:880px;
    min-height:400px;
    margin:10px auto 50px;
    padding:0;
    text-align:left;
    font-size: 16px;
    line-height: 1.8;
}
#up_ymd{
    text-align:right;
    font-size:15px;
    line-height: 1.8;
    margin-bottom: 20px;
}
#up_ymd a{
    text-decoration: none;
}
.detailUpfile{
    margin:10px 0 35px;
    text-align:left;
}
.detailUpfile img{
    max-width:100%;
    height:auto;
}
.backORcloseBtn{
    text-align:center;
    line-height:100%;
    margin-top:30px;
}
.backORcloseBtn a{
    display:inline-block;
    width: 200px;
    margin: auto;
    padding:10px;
    border:1px solid #aaa;
    color:#999;
    border-radius:3px;
    text-decoration:none;
    font-size:15px;
    transition: 0.3s;
}
.backORcloseBtn a:hover{
    background-color: #666;
    color: #fff;
}
.pNav{
    font-size:11px;	
    text-align:left;
}


/* 施工実績 */

#newsWrap.result_list_page {
    width:880px;
    min-height:400px;
    margin:30px auto 50px;	
    padding:0;
}

#newsWrap.result_list_page ul#newsList{
    margin-bottom: 40px;
}
#newsWrap.result_list_page ul#newsList li{
    font-size:15px;
    line-height: 1.8;
    color: #000;
    padding: 20px 0;
}
#newsWrap.result_list_page ul#newsList li .title{
    display: block;
    margin: 20px auto;
}

#newsWrap.result_list_page ul#newsList li .comment{
    padding-left: 2em;
}


.result_link_nav{
    width: 880px;
    margin: 50px auto 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:2.5%;
    text-align: left;
    box-sizing: border-box;
}

.result_link_nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 18%;
    font-size: 19px;
    line-height: 1.3;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.result_link_nav li a{
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 5px 5px 3px;
    text-align: center;
    color: #005fad;
    border: solid 1px #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    transition: 0.3s;
}
.result_link_nav li a:hover{
    background-color: #666;
    color: #fff;
}