/* CSS Document */
/* 一部のページでのみ読み込み */


/*
@media screen and (max-width:640px) {
  #content .main .block .img img {
    margin-bottom: 10px;
  }
}
*/

body.page #content .container .main .block h3 {
  font-size: 18px;
  margin-bottom: 9px;
  padding-left: 35px;
  color: #964c13;
  background: url(../images/heading.png) no-repeat 5px 8px;
}


/*=====================================================================
新着情報
======================================================================*/
.news_archive .main .loopinner {
	margin-bottom: 20px;
	padding: 20px 24px 40px;
	border: 1px solid #ccc;
}
.news_archive .main .loopinner h3 {
	font-size: 19px;
	line-height: 1.2;
	position: relative;
	clear: both;
	margin-bottom: 25px;
	padding: 0 0 0 10px;
	background: none;
}
.news_archive .main .loopinner h3 img {
	float: right;
	margin-right: 5px;
	vertical-align: top;
}
.news_archive .main .loopinner h3:before {
	position: absolute;
	left: -6px;
	width: 6px;
	height: 38%;
	content: "";
}
.news_archive .main .loopinner h3:after {
	position: absolute;
	bottom: -5px;
	left: -6px;
	width: calc(100%+6px);
	height: 0;
	content: "";
	border-bottom: 1px solid #1ca5a0;
}
.news_archive .main .loopinner .img {
	float: right;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-top: 6px;
}
.news_archive .main .loopinner .img img {
	max-width: 290px;
}
.news_archive .main .loopinner .txt {
	font-size: 17px;
	float: left;
	text-align: justify;
	text-justify: inter-ideograph;
    letter-spacing: 0;
    width: 100%;
    max-width: 340px;
}
.news_archive .main .loopinner .txt div {
    width: 100%;
}
.news_archive .main .loopinner .txt .readmore {
	font-size: 16px;
	width: 162px;
	height: 23px;
	margin: 25px auto 0;
	text-align: center;
}
.news_archive .main .loopinner .txt .readmore a {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	text-decoration: none;
	color: #fff;
	color: #fff;
	border-radius: 5px;
}
.news_archive .main .loopinner .txt .readmore a:after {
	position: absolute;
	top: 0px;
	right: 11px;
}
.news_archive .main .loopinner .txt .readmore a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 900px) {
    .news_archive .main .loopinner .img {
        width: 42%;
    }
    .news_archive .main .loopinner .img img {
        max-width: 100%;
        margin-bottom: 0;
    }
    .news_archive .main .loopinner .txt {
        width: 56%;
        max-width: none;
    }
}
@media screen and (max-width: 740px) {
    .news_archive .main .loopinner .img {
        float: none;
        width: 100%;
        max-width: 370px;
        margin: 0 auto 10px;
    }
    .news_archive .main .loopinner .txt {
        float: none;
        width: inherit;
    }
    .news_archive .main .loopinner .txt .readmore {
        float: none;
        margin: 10px auto 0;
    }
    .news_archive .main .loopinner h3 .catBox {
        display: block;
    }
}
/*
新着情報
======================================================================*/


/**********************************************************************
空き家町家の記事の上部分
**********************************************************************/
article.bank {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
}
article.bank h4 {
	font-size: 16px;
	margin-bottom: 10px;
	padding: 0 0 5px 10px;
	color: #964c13;
	border-bottom: 1px solid #1ca5a0;
	background-image: url('../images/machiya/bank/img_h4ico.png');
	background-repeat: no-repeat;
	background-position: left center;
}
article.bank h4 .vr {
	margin-left: 10px;
	background: #964c13;
	color: #fff;
	padding: 3px 5px;
	font-size: 15px;
	font-weight: bold;
}
article.bank .akiyablock .info {
	float: right;
	width: 49%;
}
article.bank .akiyablock .info table {
	width: 100%;
}
article.bank .akiyablock .info table tr td,
article.bank .akiyablock .info table tr th {
	padding: 4px 6px;
	border: 1px solid #AAA4A4;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
article.bank .akiyablock .info table tr td{
	width: 50%;
}
article.bank .akiyablock .info table tr th {
	background: #f9f3e1;
	color: #695F5F;
	width: 21%;
	text-align: left;
	font-weight: normal;
}
article.bank .akiyablock .imgList {
	float: left;
	width: 49%;
}
article.bank .akiyablock .imgList ul li {
	float: left;
	width: 130px;

	margin-bottom: 10px;
	margin-right: 5px;
}
article.bank .akiyablock .imgList ul li:nth-child(3n) {
	margin-right: 0;
}
@media screen and (max-width:900px) {
	article.bank .akiyablock .info {
		float: none;
		width: 100%;
	}
	article.bank .akiyablock .imgList {
		float: none;
		width: 100%;
		margin: 20px 0 0;
	}
	article.bank .akiyablock .imgList ul li {
		float: left;
		width: 31.6%;
		width: calc(33.3333% - 4px);
		margin-bottom: 10px;
	}
	article.bank .akiyablock .imgList ul li img {
		width: 100%;
	}
}
@media screen and (max-width:640px) {
	article.bank .akiyablock .info table tr td,
	article.bank .akiyablock .info table tr th {
		border-bottom: none;
		display: block;
		width: 100%;
	}
	article.bank .akiyablock .info table tr:last-child td:last-child {
		border-bottom: 1px solid #AAA4A4;
	}
}

.camera {
	margin-top: 20px;
}

.camera iframe,
.camera blockquote {
	width: 100%;
	height: 400px;
}

.camera + * {
	margin-top: 20px;
}

/*
空き家町家のarticleの上部分
**********************************************************************/


/*=====================================================================
バンクリスト
======================================================================*/
.archive_bank ul.attention li {
	padding-left: 20px;
	background-image: url('../images/machiya/bank/ico_machiyabank01.png');
	background-repeat: no-repeat;
	background-position: left 8px;
}


.archive_bank .bank p.bankdetail {
	margin-top: 20px;
	text-align: center;
}
.archive_bank .pagenavi {
	text-align: center;
}
/*
バンクリスト
======================================================================*/


/*=====================================================================
利活用事例
======================================================================*/
.review_archive .main h3.deerh3 {
    font-size: 24px;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 4px 0 0 68px;
    color: #fff;
    border-radius: 5px;
    background: #a28841 url(../images/akiya/review/bg_deer.png) 11px bottom no-repeat;
    -webkit-box-shadow: 1px 2px 2px rgba(97, 77, 23, 0.75);
    -moz-box-shadow: 1px 2px 2px rgba(97, 77, 23, 0.75);
    box-shadow: 1px 2px 2px rgba(97, 77, 23, 0.75)
}

.review_archive .main .loopinner:not(:last-of-type) {
    margin-bottom: 40px
}

.review_archive .main h3.normalh3 {
    font-size: 20px;
    margin: 0 0 40px;
    padding-left: 0;
    color: #964c13;
    background: 0
}

.review_archive .main p {
    margin-top: 1em
}

.review_archive .main .pq {
    font-size: 15px;
    font-weight: bold;
    margin: 1em 0 .5em;
    color: #af1d1d
}

.review_archive .main .pq:before {
    font-size: 19px;
    font-weight: bold;
    content: "Q. "
}

.review_archive .main .pa {
    margin: 0 0 2.5em
}

.review_archive .main .pa:before {
    font-size: 19px;
    font-weight: bold;
    content: "A. "
}

.review_archive .main .imgWrap {
    margin: 1.5em 0;
    padding: 25px 1em;
    background: #f4eac9
}

.review_archive .main .imgWrap p {
    margin-top: 0
}

.review_archive .main .imgWrap a img,
.review_archive .main .imgWrap img {
    max-width: 218px;
    margin: 5px 5px 5px 0
}

.review_archive .main .imgWrap a:nth-child(3n) img,
.review_archive .main .imgWrap img:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width: 900px) {
    .review_archive .main h3.deerh3 {
        font-size: 18px;
        background: #a28841 url(../images/akiya/review/bg_deer.png) 11px center no-repeat
    }

    .review_archive .main .imgWrap {
        text-align: center
    }

    .review_archive .main .imgWrap a img,
	.review_archive .main .imgWrap img {
        max-width: 47%;
        max-width: calc((100% - 13px) / 2)
    }

    .review_archive .main .imgWrap a:nth-child(3n) img,
	.review_archive .main .imgWrap img:nth-child(3n) {
        margin-right: 5px
    }

    .review_archive .main .imgWrap a:nth-child(2n) img,
	.review_archive .main .imgWrap img:nth-child(2n) {
        margin-right: 0
    }
}
/*
利活用事例
======================================================================*/