/******************************************************************
Theme Name: レスコハウス〈ブログ〉
Theme URI: https://www.rescohouse.co.jp/blog/
Description: 地震や火事などの災害に強い、鉄筋コンクリートの注文住宅（RC住宅）ならレスコハウス。耐震性が高くて安心。
------------------------------------------------------------------*/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */



@media screen and (max-width: 768px) {

/* ブログ　CSS
=======================================================================*/
#container {
	margin: 0 5%;
    padding: 80px 0 80px;
    font-size: 0;
}

#container #main,
#container .sidebar {
	display:inline-block;
	font-size:15px;
	vertical-align:top;
}
#container #main {
	width: 100%;
}
#container .sidebar {
	width: 100%;
    margin: 20px 0 0 0;
}


/* ブログ記事
=======================================================================*/
#main .entry-content img {
	width:auto !important;
	margin-bottom:5px !important;
}

#archives-2 .screen-reader-text,
#categories-2 .screen-reader-text {
	display:none;
}




/* 最新記事
=======================================================================*/
#main .new_topicks_title,
#main .page-title {
	border-bottom: 2px solid #073190;
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
}
#main .new_topicks_title {
	border-bottom: 2px solid #073190;
    font-size: 23px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
}
#main .new_topicks article {
	font-size: 0;
    border: 1px solid #E3E3E3;
    padding: 20px;
    margin: 0 0 30px 0;
}

#main article .thumbnail {
	background:url(img/noimage.jpg) no-repeat scroll center center;
	position: relative;
    height: 200px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
}
#main article .thumbnail img {
	width: auto;
    height: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
#main article .article-text {
	display: block;
    vertical-align: top;
    margin: 20px 0 0 0;
    font-size: 15px;
}

#main article .post-categories {
	margin: 0 0 15px 0;
}
#main article .post-categories li {
	list-style-type: none;
    display: inline-block;
}
#main article .post-categories li a {
	background: #E3E3E3;
    padding: 3px 8px;
    border-radius: 3px;
    margin: 0 8px 0 0;
	font-size: 12px;
}
#main article .post-categories {
}

#main article .day_time {
	color: #bbb;
    font-size: 12px;
}

#main article .title {
	font-size: 20px;
    margin: 5px 0;
    line-height: 1.4;
}

#main article .btn a {
	background: url(/toppage/img/arrow_white.svg) no-repeat scroll 95% center #4b82de;
    background-size: 10px auto;
    color: #fff !important;
    padding: 15px 0;
    margin: 20px 0 0 0;
    display: block;
    font-size: 0.9em;
    text-align: center;
}


/* サイドメニュー
=======================================================================*/
#container .sidebar .widgettitle {
	border-bottom: 2px solid #073190;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 40px 0 10px 0;
}
#container .sidebar div:first-child .widgettitle {
	margin-top:0;
}
#container .sidebar ul {
}
#container .sidebar ul li {
	background: url(/toppage/img/arrow_blue.svg) no-repeat scroll 98% center;
	background-size:10px auto;
	list-style-type: none;
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    display: block;
    cursor: pointer;
}
#container .sidebar ul li a {
}
#container .sidebar ul li .day_time {
	color: #bbb;
    font-size: 12px;
    margin: 0 0 5px 0;
}


/* 記事詳細
=======================================================================*/
.blog_top_btn a {
	background: url(/toppage/img/arrow_white.svg) no-repeat scroll 98% center #073190;
    background-size: 10px auto;
    color: #fff !important;
    display: block;
    padding: 15px 0;
    text-align: center;
}
#main .type-post header {
    margin: 0 0 30px 0;
}
#main .type-post header .single-title {
	font-size: 25px;
    margin: -10px 0 10px 0;
	border-bottom: 2px solid #073190;
	padding: 0 0 10px 0;
}
#main .type-post p {
	line-height: 1.5;
}
.post-template-default #main .type-post p,
.post-template-default #main .type-post img {
	margin:10px 0;
	max-width: 100%;
}
#main .type-post img + p,
#main .type-post p + img,
#main .type-post p + p,
.entry-content img:first-child {
	margin-top:0 !important;
}


/* ページネーション
=======================================================================*/
.pagination ul {
	text-align:center;
	margin: 40px 0;
	font-size: 0;
}
.pagination li,
.pagination a {
	display:inline-block;
}
.pagination li {
	margin: 0 2px 10px;
}
.pagination span,
.pagination a {
	border: 1px solid #E3E3E3;
    padding: 8px 0;
	min-width: 30px;
    line-height: 1;
    display: inline-block;
	font-size: 13px;
}
.pagination .current {
	background:#E3E3E3;
}


}