/*--------------------------------------
@ [template] blog/css/page_common.css.min.php Ver4.01 20170301
--------------------------------------*/
/*====== reset css =====*/
#blog_container h2:after{content:none}#blog_container div.thumbnail,#blog_right div.thumbnail{border:none;background:none;}#blog_container .fade{opacity:1}#blog_container footer{background:none;}
/*== totoppage ==*/
.toppage{float:none;text-align:right;margin-top:20px}
/*== pager ==*/
.pager_all_basic{text-align:right;margin-bottom:10px;clear:both}.pager_basic{text-align:center;padding:5px 15px;word-wrap:break-word;overflow-wrap:break-word;}.pager_basic a{background:#F7F7F7;text-decoration:none}.pager_basic .current{background:rgba(113,92,48,.6)}.pager_basic .current,.pager_basic a{color:#4A4A4A;border:1px solid #969696;padding:5px 10px;margin:5px;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;behavior:url(/pie/PIE.htc);position:relative;display:inline-block}.pager_basic .next,.pager_basic .prev{width:40px}.pager_basic .prev{text-align:left}.pager_basic .next{text-align:right}
/*== アイコン ==*/
.head_icon{color:#6c6c6c;font-size:1em;margin:0;padding:2px 4px 2px 0;vertical-align:baseline}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);}.fa-calendar:before {content:"\f073";}
.glyphicon-pencil{margin-top:-4px}
/*== backbtn ==*/
.backtolist_btn{display:table;}.backtolist_btn i{color:rgba(113,92,48,.8);border:1px solid rgba(113,92,48,.8);border-radius:8px 0 0 8px;line-height:1em;cursor:pointer;display:table-cell;vertical-align:middle;position:relative;padding:0 15px;text-decoration:none;font-size:15px}
.backtolist_btn i::before,.backtolist_btn i::after{content:"";position:absolute;left:2px;transform:translateY(-50%);border:8px solid transparent;border-right:8px solid rgba(113,92,48,.8); webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}.backtolist_btn a{display:table-cell;background:rgba(113,92,48,.85);-webkit-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;
text-decoration:none;color:#fff;box-shadow:none;border:none;cursor:pointer;font-size:16px;letter-spacing:2px;margin-left:auto;padding:10px 30px;}.fade{webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}.backtolist_btn:hover i::before, .backtolist_btn:hover i::after{left:10px;border-right:8px solid rgba(255, 255, 255, 0.85)}
.backtolist_btn:hover i{border:0;padding:0;/*color:rgba(113,92,48,.85);border:1px solid rgba(113,92,48,.85);*/
}.backtolist_btn:hover a{background:rgba(113,92,48,1);opacity:1;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding-left:40px;
}
.not_responsiveImg,.not_responsiveImg img{box-shadow:unset !important;-webkit-box-shadow:unset !important;margin:.5em 0 !important}

@media screen and (max-width:768px){
/*== pager ==*/
.pager_basic{margin:2vw auto;padding:0;line-height:3vw;font-size:3.6vw}.pager_all_basic{font-size:3vw;margin:0 10px 10px 0;}.pager_basic a, .pager_basic .current{padding:2vw;margin:1vw;zoom:1}.pager_basic .prev, .pager_basic .next{width:20px;}
/*#blog .pager_all_basic{font-size:90%;float:right;margin:0 5px 10px 0;clear:both;text-align:right;}#blog .pager_all a{text-decoration:none;color:gray;}
/*== rss ==*/
#blog .rss{margin-right:10px !important;}#blog .rss:after{clear:both !important;}*/
/*== backbtn ==*/
.backtolist_btn{margin:15px 4% 0}
}@charset "utf-8";
/*--------------------------------------
@ [template] blog/css/blog_list_2.css.php Ver4.01 20170301
* MIXブログリストページ兼用
--------------------------------------*/
#blog_list{

}

#blog_list .kijibox {
    /*width:100%;1115px*/
    clear: both;
    margin: 0 5px 15px;
    padding: 10px;
    /*border: 1px solid rgba(113,92,48,.3);*/
    border: 1px solid #c0c0c0;/*#d4d4d4*/
    overflow: hidden;
    background: #f9f9f9;/*#fbfbfb*/
    position: relative;
    /*box-shadow: 0px 0px .8px 0px rgba(113,92,48,.5) inset;
    -moz-box-shadow: 0px 0px .8px 0px rgba(113,92,48,.5) inset;
    -webkit-box-shadow: 0px 0px .8px 0px rgba(113,92,48,.5) inset;*/
}

#blog_list .blog_list_pic {
    float: right;
    width: 23%;
    margin: 0 0 0 20px;
    vertical-align: bottom;
    border-radius: 6%;
    border: 1px solid #d8d8d8;
}

#blog_list .blog_list_r {

}

#blog_list .blog_list_r .fa-calendar{
    color:#979797;
}

#blog_list .blog_list_r .kijiHeader {
    color: #554728;
    font-size: 1.15em;
    margin: 5px 5px 15px 0;
    border:none;
    white-space:pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
}

#blog_list .blog_list_r p {
    margin:25px 5px 0 0;
    color: #3b3b3b;
    line-height: 1.3em;
    /*width:78%;*/
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#blog_list .notag .blog_list_r p {
    margin:25px 5px 0 0;
}

#blog_list .blog_list_r time {
    color:#565656;
    font-size: .82em;
}

.blog_list_r > ul{
    /*display:inline;*/
    padding-left: 20px;
    line-height: 1;
}

.blog_list_r ul li {
    display: inline-block;
    margin: 0 .3em 0 0;
    padding: 0;
}

.blog_list_r ul li a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 1px .5em;
    color:#fff;
    /*background-color: rgba(84, 84, 84, 0.6);*//*#fafafa*/
    background-color: rgba(113,92,48,.6);
    /*border: 1px solid #aaa;*/
    border-radius: 5px;
    white-space: nowrap;
    font-size: .75em;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
    position:relative;
    z-index:2;
}

.blog_list_r ul li a:hover {
    background-color: #554728;
}

#blog_list .kijibox > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
}

#blog_list .kijibox:hover {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all .3s ease;
    box-shadow: 0px 0px 10px rgba(113,92,48,.6);/* inset 中にshadow*/
    -moz-box-shadow: 0px 0px 10px rgba(113,92,48,.6);/* inset 中にshadow*/
    -webkit-box-shadow: 0px 0px 10px rgba(113,92,48,.6);/* inset 中にshadow*/
    border-radius: 5px;
}

#blog_list .kijibox:hover > img{/* '>'直下をアニメーション */

}