/* :::::::::::::::::::: 一覧 :::::::::::::::::::: */

.msgArea {
    text-align: center;
}

#infoSearchArea {
    padding: 10px;
    margin: 10px 5px;
    text-align: center;
}
#infoSearchArea button,
#infoSearchArea input,
#infoSearchArea select {
    font-family: inherit;
    font-size: inherit;
    /*line-height: inherit;*/
    border-radius: 6px;
    /*border: none;*/ /* 一覧検索プルダウンの境界線 */
}
#infoSearchArea input,
#infoSearchArea select {
    padding: 12px 5px;
}
#infoSearchArea .btn-search {
	background-color:rgb(7, 37, 66);
	width:90px;
	height:35px;
	line-height:120%;
	color:white;
	border-radius:3px;
	font-size:1.2rem;
	font-weight:normal;
	text-align:center;
	display:inline-block;
}
.btn-search:hover {
	opacity:0.7;
}

#infoListArea {
    width: 100%;
    margin: 0 auto;
    word-break: break-all;
}
.clickable {
    cursor: pointer;
}

/* autopager(もっと見る)部分 */
#pager_wrap {
}
#pager_next {
    margin: 15px auto;
	width: 200px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #ccc;
}
#pager_next a {
	text-decoration: none;
    display: block;
    margin: 0 auto;
}
#pager_loading {
    text-align: center;
}

/* --- リスト表示タイプ --- */
.list-item h3 {
    padding: 5px;
}
.list-item-contents {
    display: table;
    width: 98%;
    margin: 5px auto;
}
.list-item-imagewrap {
	max-width: 130px;
	text-align: center;
	display: table-cell;
}
.list-item-image {
	position: relative;
	width: 120px;
	height: 90px;
    border: 1px solid #999;
    overflow: hidden;
}
.list-item-image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
    vertical-align: top;
}
.list-item-text {
	display: table-cell;
    vertical-align: middle;
}
.list-textoverflow {
	overflow: hidden;
	padding: 3px;
	width: 100%;
	height: 110px;
}
.list-item-data {
    border-top: 1px dashed #aaa;
    margin-top: 3px;
    padding: 2px 15px;
}

/* --- ブロック表示タイプ --- */
.listtype_block {
    display:flex;
    flex-wrap:wrap;
}
.block-item {
	float:left;
}
.block-item-contents {
	width: 95%;
    margin:5px 0px 0px 8px;
	display: inline-block;
}
.block-item h3 {
	margin:5px 0;
    min-height: 30px;
}
.block-item-image {
	position: relative;
	width: 285px;
	height: 165px;
    border: 1px solid #999;
    overflow: hidden;
}
.block-item-image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
    vertical-align: middle;
}
.block-item-text {
	text-align:left;
	padding:5px 5px 5px 10px;
}
.infoName {
    line-height: 120%;
    font-weight: bold;
}
.block-textoverflow {
	overflow: hidden;
	padding: 3px;
	width: 285px;
	height: 95px;
}

.button-cta {
	border: 1px solid #000;
	padding: 5px 10px;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	background:#000;
	display: inline-block;
	margin:0 4px;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;

}
.button-cta:hover {
	color: #000;
	background-color: #FFF;	
	text-decoration: none;
}

.block-item-data {
    border-top: 1px dashed #aaa;
    margin-bottom: 3px;
    padding: 2px 15px;
}


@media (max-width: 460px) {
    .list-item {
        width: 95%;
        margin: 0 auto;
    }
	.block-item
    {
		float: none;
        display: block;
        margin: 0 auto;
	}
    .block-item-text {
        padding: 2px 5px;
    }
    .block-textoverflow {
        height: auto;
	    max-height: 95px;
    }
}

/* --- テーブル表示タイプ --- */
.info-table ul{
    display:table;
    width:100%;
}
.table-item{
    display:table-row;
}
.table-data{
    display:table-cell;
    padding:2px 15px;
    border-bottom:solid 1px #ccc;
    border-right:solid 1px #ccc;
}
.table-item .table-data:nth-of-type(1){
    border-left:solid 1px #ccc;
}
.table-header-contents .table-data{
    border-top:solid 1px #ccc;
    font-weight:bold;
}
@media (max-width: 880px){
    .table-header-contents .table-data{
        display:none;
    }
    .table-item{
        display:block;
        width:100%;
    }
    .table-item .table-data:nth-of-type(1){
        border-left:0;
    }
    .table-data{
        display:block;
        border-right:0;
        width:100%;
        box-sizing:border-box;
    }
    .table-data::before{
        content:attr(item-label);
        display:inline-block;
        font-weight:bold;
        float:left;
        text-align:left;
        padding-right:20px;
        white-space:nowrap;
    }
    .table-item .table-data:last-of-type{
        margin-bottom:20px;
    }
}

/* --- ブロック表示タイプ 空き家情報（akiya）--- */
.akiya .block-item 
{
    background-color:#E4F2F1;
    margin-left:18px;
    margin-bottom:5px;
    position:relative;
	width:314px;
}
.akiya .block-item-contents
{
    padding-bottom:60px;
}
.akiya .block-item-contents .button-cta 
{
	border: 1px solid #0266BE;
	background:#0266BE;
    margin:0px 0px 0px 0px;
    position:absolute;
    bottom:15px;
}
.akiya .block-item-contents hr
{
	color:#0266BE;
    position:absolute;
    bottom:0px;
    width:300px;
}
.akiya .block-item-data-head {
    font-weight:bold;
}
.akiya .block-item-data {
    border-top: 1px dashed #9FC1D1;
}
.akiya h2.title
{
    background-color:#0266BE;
    color:#ffffff;
}
.akiya .grp_table .groupName
{
    background-color:#9FC1D1;
}
.akiya .grp_table .fieldName
{
    background-color:#E4F2F1;
}
.akiya .infoArea img,
.akiya .templateForThreeImages td img,
.akiya .templateForTwoImages td img,
.akiya .templateForOneImages td img,
.akiya .templateForImages td img
{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin:2px;
}


/* :::::::::::::::::::: 詳細 :::::::::::::::::::: */

#infoContentsWrap {
    word-break: break-all;
}

.infoArea {
    margin: 15px;
}
.infoArea img {
    float: left;
    margin-right: 15px;
}

#dataArea {
    clear: both;
}

#wysiwygArea {
    margin: 15px;
}

.groupWrap
{
    /*margin-bottom: 10px;*/
    /*padding: 15px;*/
}
.groupName
{
    border: 1px solid #999;
    /*border-bottom: none;*/
    font-size: 1.1em;
    padding: 5px 15px;
    margin-top: 5px;
}
.groupNameTgl {
    cursor: pointer;
}

/* --- リスト表示タイプ --- */
.grp_list .groupContents
{
    /*border: 1px solid #999;*/
    padding: 0 5px 30px 5px;
}
.grp_list .fieldWrap
{
    margin-top: 10px;
}
.grp_list .fieldName
{
    font-weight: bold;
}
.grp_list .fieldValue
{
    padding: 0 15px;
}

/* --- テーブル表示タイプ --- */
.grp_table .groupContents
{
    display: table;
    border-collapse: collapse;
    border: none;
    width: 100%;
}
.grp_table .fieldWrap
{
    display: table-row;
}
.grp_table .fieldName
{
    display: table-cell;
    border: 1px solid #999;
    font-weight: bold;
    padding: 5px;
    width: 250px;
}
.grp_table .fieldValue
{
    display: table-cell;
    border: 1px solid #999;
    padding: 5px;
}

@media (max-width: 460px) {
	.infoArea img {
	    float: none;
	    text-align: center;
	}

    .groupWrap {
        width: 90%;
        margin: 0 auto;
    }

	.grp_table .fieldName
	{
	    width: 40%;
	}
}