@charset "utf-8";
/* ブログ、インタビュー系はここにまとめる */
/* ブログ一覧 */
#ARTICLE_LIST{
	display : flex;
}
#ARTICLE_SEARCH_FORM{
	width : 350px;
}
.form_block{
	background-color : #f0f0f0;
	margin : 0px 0px 20px 0px;
	padding : 20px;
}
#ARTICLE_SEARCH_FORM div#ARTICLE_CATEGORY{
	padding : 0px;
	margin : 0px;
}

#ARTICLE_THEME ul,
#ARTICLE_CATEGORY ul{
	display : flex;
	flex-wrap : wrap;
}
#ARTICLE_SEARCH_FORM input[type="text"]{
	border-width : 1px 0px 1px 1px;
	border-color : #aaaaaa;
	border-style : solid;
	
	padding : 10px;
	width : calc(100% - 50px);
	cursor : text;
}
#ARTICLE_SEARCH_FORM input[type="text"]:focus{
	outline : 0;
}
.search_button{
	padding : 10px;
	width : 50px;
	height : 50px;
	background-color : #ffffff;
	border-style : solid;
	border-width : 1px 1px 1px 0px;
	border-color : #aaaaaa;
	cursor : pointer;
}
#ARTICLE_LIST #ARTICLE_RESULT{
	width : calc(100% - 350px);
}
#ARTICLE_SEARCH_FORM .title{
	display : block;
	background-repeat : no-repeat;
	padding : 0px 0px 0px 28px;
	margin : 0px 0px 10px 0px;
	background-position : 0px -1px;
}
#FORM_OPEN, #FORM_OPEN_LABEL{
	display : none;
}
#ARTICLE_THEME{
	overflow : auto;
}
#ARTICLE_THEME li a{
	cursor : pointer;
}
#ARTICLE_CATEGORY  li a.active,
#ARTICLE_THEME li a.active{
	border : 1px solid #F15C3E;
	color : #F15C3E;
}


/* ================================================= カレンダーの表示設定 */
#ARTICLE_SEARCH_FORM div#CALENDAR{
	background-color : #ffffff;
	padding : 0px;
	margin: 0px 0px 0px 0px;
}
#CALENDAR TABLE{
	width : calc(100% - 20px);
	margin : 10px;
}
#CALENDAR TABLE TR:nth-of-type(1) TD:nth-last-of-type(1){
	text-align : right;
}
#CALENDAR TABLE TBODY TR:nth-last-of-type(1) TD{
	padding : 2px 0px 10px 0px;
	height : 45px;
}
#CALENDAR TABLE TH, .calendar_now STRONG{
	font-weight : normal;
}
.calendar_now{
	font-size : 16px;
	padding : 15px 0px 10px 0px;
	text-align : center;
}
#CALENDAR TABLE THEAD{
	border-bottom : 1px #666666 solid;
}
#CALENDAR TABLE TBODY TH{
	padding : 10px 0px 10px 0px;
}
#CALENDAR TABLE TBODY TD{
	cursor : pointer;
	padding : 2px 0px;
}
#CALENDAR TABLE TBODY TH, #CALENDAR TABLE TBODY TD{
	width : calc(100% / 7);
	text-align : center;
	height : 35px;
	font-size : 14px;
	vertical-align : middle;
	/* border : 1px solid #ffcc00; */
}
.today SPAN, .click_today SPAN{								/* 今日の表示 */
	font-size: 14px;
	margin : 0px auto 0px auto;
	z-index : 1;
	display : -webkit-flex;
	display : flex;
	-webkit-align-items : center;
	align-items : center;
	-webkit-justify-content : center;
	justify-content : center;
	position : relative;
	width : 25px;
	height : 25px;
	border-radius : 30px;
}
.today SPAN{
	border : 1px solid #4CB6A2;
	background-color: #4CB6A2;
	color: #ffffff;
}
.click_today SPAN{
	border : 1px solid #F15C3E;
	background-color: #F15C3E;
	color: #ffffff;
}
.article_write{								/* 記事があったときの日付の表示 */
	font-size: 14px;
	margin : 0px auto 0px auto;
	display : -webkit-flex;
	display : flex;
	-webkit-align-items : center;
	align-items : center;
	-webkit-justify-content : center;
	justify-content : center;
	width : 25px;
	height : 25px;
	border : 1px solid #4CB6A2;
	border-radius : 30px;
}
.calendar_prev, .calendar_next{
	background-repeat : no-repeat;
	color : #999999;
}
.calendar_prev{
	padding : 0px 0px 0px 20px;
	background-position : 0% 8px;
}
.calendar_next{
	padding : 0px 20px 0px 0px;
	background-position : 100% 8px;
}
#CALENDAR TABLE TBODY TD.else_day{
	color : #dddddd;
	cursor : default;
}
#CALENDAR TABLE TBODY TD.empty{
	padding : 0px;
	height : 5px;
	cursor : default;
}
#CALENDAR .button_style{
    display: none !important;
}
#MANAGEMENT #CALENDAR{
	position : absolute;
	padding : 5px;
	border : 5px #cccccc solid;
	width : 390px;
}
#REFORM_CALENDAR label{
	font-size : 14px;
	float : right;
}
#SEARCH_FORM #REFORM_CALENDAR label input[type="checkbox"] {
	display : inline-block;
}
#SEARCH_FORM #REFORM_CALENDAR label input[type="checkbox"]:after{
	display : none;
}
#DAY_SELECT{
	color : #ffffff;
	background-color : #042e61;
	font-size : 15px;
	border : 0px none #ffffff;
	border-radius : 0px;
	float : right;
	padding : 2px 5px 2px 5px;
	margin : -2px 0px 0px 0px;
}

/* 3カラムタイル 売買ver*/
.white_three_column_contents_wrapper{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.white_three_column_tile{
	position: relative;
	width : 32%;
	margin-right: 2%;
	margin-bottom: 5%;
	background-color: #fff;
	background-size: 100%;
	box-shadow: 0 5px 10px 0px rgb(0 0 0 / 50%);
}
.white_three_column_tile:hover{
	box-shadow: none;
  transform: translate3d(0, 5px, 0);
  transition-duration: 0.3s;
  opacity: 0.8;
}
.white_three_column_tile:nth-of-type(3n){
	margin-right: 0;
}
.white_three_column_tile .img_decoration{
	display: block;
}
.white_three_column_tile_type{
	position: absolute;
	right: 0.2em;
	top: -2%;
	z-index: 1;
}
.white_three_column_tile_img{
}
.white_three_column_tile_text{
	bottom: 1.1em;
}
.white_three_column_tile_text .item_title{
	letter-spacing: 0;
	text-align: justify;
}
.white_three_column_tile_sale_tag_list{
	width : calc(100% - 80px - 20px);
}
.white_three_column_tile_sale_tag{
	font-size: 14px;
	color: #4198AC;
	display: inline-block;
}
.white_three_column_tile_sale_button{
	position: absolute;
	bottom : 25px;
	right: 25px;
	width : 80px;
	height: 25px;
}
.white_three_column_tile_sale_button img{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 25px;
}
.white_three_column_tile_sale_button::before{
	content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #535353;
    position: absolute;
    top: calc(0.7em + 2px);
    right: 40px;
}
.sale_tile{
	padding: 25px;
}
.bg_illustration img{
	z-index: -1;
}

@media screen and (max-width : 900px){
	#ARTICLE_LIST #ARTICLE_RESULT{
		width : calc(100% - 250px);
	}
	#ARTICLE_SEARCH_FORM{
		width : 250px;
	}
	#CALENDAR TABLE TBODY TH, #CALENDAR TABLE TBODY TD{
		font-size : 12px;
		height : 25px;
	}
	#CALENDAR TABLE TBODY TR:nth-last-of-type(1) TD {
		height : 35px;
	}
}
@media screen and (max-width : 750px){
	#FORM_OPEN, #FORM_OPEN_LABEL{
		display : block;
	}
	#ARTICLE_LIST{
		flex-wrap : wrap;
	}
	#ARTICLE_RESULT{
		order : 2;
	}
	#ARTICLE_SEARCH_FORM{
		order : 1;
	}
	#ARTICLE_LIST #ARTICLE_RESULT, #ARTICLE_LIST #ARTICLE_SEARCH_FORM{
		width : 100%;
	}
	#FORM_OPEN_LABEL{
		position : fixed;
		background-color : rgba(0,0,0,0.8);
		color : #ffffff;
		text-align : center;
		bottom : 0px;
		left : 0px;
		width : 100%;
		padding : 20px;
		height : 60px;
	}
	#FORM_OPEN + div{
		display : none;
	}
	#FORM_OPEN:checked + div{
		display : block;
		position : fixed;
		bottom : 60px;
		left : 0px;
		width : 100%;
		background-color : rgba(0,0,0,0.8);
		padding : 20px;
	}
}

/* interview系 */
.interviewer{
    padding-left : 55px;
    position : relative;
    color : #F15C3E;
}
.interviewer:before{
    content : "";
    position : relative;
    display: block;
    width : 35px;
    height : 1px;
    top : 0.7em;
    left : -55px;
    background-color : #F15C3E;
}
.article_prev,
.article_next{
    width : 45%;
    max-width : 510px;
}
.article_prev_next .article_tile_image{
    width : 100px;
}
.article_prev_next .interview_title{
    width : calc(100% - 100px - 20px - 50px);
    font-size : 1rem;
}
.article_prev_next .numbering{
    font-size : 1.5rem;
}
.subtitle .numbering{
    font-size : 1.5rem;
    display : inline-block;
}
.article_prev .article_tile_arrow{
    -webkit-transform : rotate(180deg);
    transform : rotate(180deg);
}



/* ブログタイル */
#ARTICLE_RESULT{
    -ms-align-items : flex-start; /* IE10 */
	align-items : flex-start;
}
.article_tile{
	margin-right: 20px;
    background-color: #ffffff;
    padding: 15px;
}
.article_tile .image_wrapper{
    max-width: 150px;
    width: 20%;
}
.article_tile .text_wrapper{
    width: calc(100% - 20% - 10%);
    margin: 0px 5%;
    position: relative;
    padding-bottom: 1.5em;
    min-width: calc(100% - 150px - 10%);
}
.article_tile .create_datetime{
    position : absolute;
    left : 0;
    bottom : 0;
    font-size : 12px;
    color : #979797;
}
.article_tile .article_title{
    font-size : 1.125rem;
}
.article_tile .tag_list{
    margin-bottom : 5px;
    line-height: 1em;
}
.article_text_title{
    font-size: 30px;
    line-height: 1.2em;
}
.article_text{
    font-size : 1.125rem;
}
.tag_style{
    display: inline-block;
    font-size : 0.8rem;
    margin-right : 10px;
    color : #F15C3E;
}
.tag_style:before{
    content : "#";
    margin-right : 2px;
}
#INTERVIEW_LIST{
    -ms-justify-content : space-around; /* IE10 */
	justify-content : space-around;
}
.interview_tile{
    width : calc(50% - 10%);
    max-width : 450px;
}
.interview_title{
    font-size : 1.125rem;
}
.interview_title span{
    display: block;
    font-size : 0.8em;
    color : #F15C3E;
}
.numbering{
    font-size : 3rem;
    color : #F15C3E;
    line-height: 1em;
    display: block;
    height: 0.8em;
}
.sns_share_link li{
    display: inline-block;
}
#ARTICLE_EYECATCH{
    overflow: hidden;
    width : 100%;
    height : 50vw;
    max-height : 320px;
    position : relative;
    background-color: rgba(0, 0, 0, 0.3);
}
#ARTICLE_EYECATCH .main_title{
    color : #fff;
}
#ARTICLE_EYECATCH_IMG{
    position : absolute;
    width : 120%;
    max-width : none;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
@supports (object-fit: cover) {
    #ARTICLE_EYECATCH_IMG{
        width: auto;
		object-fit: cover;
		width: 100%;
		height: 100%;
    }
}
#ARTICLE_EYECATCH_TAG .tag_style{
    font-size : 1rem;
}
.preview_annotation{
    position : fixed;
    bottom : 0;
    background : #F15C3E;
    width : 100%;
    padding : 10px;
    left : 0;
    z-index: 100;
}
hr{
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #e6e6e6;
    height: 1px;
}
/* ★消したい
#ARTICLE_TEXT p{
    margin-bottom : 1em;
}
*/
.two_column .article_tile{
    width : 50%;
}
.article_description{
	padding: 30px;
	border: 1px solid #b3b3b3;
}
.two_column .search_tile{
    width : calc(100% / 2 - 20px);
}
.search_free{
	display : flex;
	flex-flow : column;
}
.search_free input{
	width : 100%;
	height : 52px;
}
.search_free div{
	position : relative;
	margin-top : 10px;
}
.search_free div .search_button{
	position: absolute;
    right: 1px;
    top: 1px;
	border-width : 0px;
}

#ARTICLE_LIST .margin_20_r{
	margin-right : 20px;
}

/* ----------------------------------------------------------------------------- */
/* 1200px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 1200px){
	/* 売却ケース */
	.white_three_column_tile_text .item_title{
		font-size : 24px;
	}
}

/* ----------------------------------------------------------------------------- */
/* 950px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 950px){
	/* 売却ケース */
	.icon_house_wrapper{
		height: auto;
		margin-bottom: 30px;
	}
	.icon_house{
		margin : 10px;
		background-size: 160px;
		width : 150px;
		height : 160px;
		padding-top : 50px;
	}
	.icon_house_text{
		font-size: 21px;
	}
	.icon_house_wrapper img{
		width: 20px;
		margin-top : 10px;
	}
	.white_three_column_tile{
		width : calc((100% - 20px) / 2);
		margin-right : 20px;
	}
	.white_three_column_tile:nth-of-type(3n){
		margin-right : 20px;
	}
	.white_three_column_tile:nth-of-type(2n){
		margin-right: 0;
	}
	#INDEX_CASE_HOUSE .white_three_column_tile:nth-of-type(3),
	#INDEX_CASE_LAND .white_three_column_tile:nth-of-type(3),
	#INDEX_CASE_HUMAN .white_three_column_tile:nth-of-type(3){
		display: none;
	}
}
/* ----------------------------------------------------------------------------- */
/* 750px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 750px){
    .interview_tile{
        width : 100%;
    }
    .article_tile .text_wrapper{
        width: calc(100% - 20% - 5%);
        margin: 0px;
        margin-left : 5%;
        min-width: calc(100% - 150px - 5%);
    }
    #ARTICLE_EYECATCH .page_title,
    #INTERVIEW_EYECATCH .page_title{
        font-size : 2rem;
    }
    .article_prev_next .article_tile_image{
        width : 100%;
        max-width : 100px;
        margin: auto;
    }
    .article_prev_next .interview_title{
        width : 100%;
    }
    .article_prev, .article_next{
        max-width : 180px;
    }
    .article_tile_arrow{
        display: none;
    }
    .two_column .article_tile{
        width : 100%;
    }
	.article_tile{
		margin-right: 0px;
	}
	/* 売却ケース */
	.white_three_column_tile{
		padding: 20px;
	}
	.white_three_column_tile_text .item_title{
		font-size : 18px;
	}
}
/* ----------------------------------------------------------------------------- */
/* 550px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 550px){
	/* 売却ケース */
	.white_three_column_tile{
		width : 100%;
		margin-right : 0px;
	}
	.white_three_column_tile:nth-of-type(3n){
		margin-right : 0px;
	}
	.search_free input{
		width : 100%;
	}
}
/* ----------------------------------------------------------------------------- */
/* 450px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 450px){
    .article_text{
        font-size : 1rem;
    }
    .interviewer{
        padding-left : 30px;
    }
    .interviewer:before{
        width: 25px;
        left : -30px;
    }
    .interview_tile{
        max-width : none;
    }
    #ARTICLE_EYECATCH .page_title{
        font-size : 1.8rem;
    }
    .sns_share_link img{
        width : 35px;
    }
}