/* ===================================物件詳細ページ */
/* ↓共通 */
.content_base{
	width : 100%;
	margin : 0px auto;
	overflow : hidden;
}
.content_line{
	width : 100%;
	margin : 10px auto 30px auto;
	position : relative;
	padding : 30px 0px;
}
.content_line:after{
	content : "";
	display : block;
	width : 100vw;
	height : 1px;
	border-bottom : 1px solid #E6E6E6;
	position : absolute;
	bottom : 0;
	left : calc(50% - 50vw);
	box-sizing : inherit;
}
.estate h3{
	margin-bottom : 20px;
}
.estate_syubetu span{
	padding : 5px;
	color : #078CD6;
	margin : 10px;
	padding : 0px;
	display : block;
	float : left;
}
.estate_syubetu span.iocn_memberonly{
	color : #ff3a6b;
}
.point_blue{
	color : #078CD6;
}
.estate .heading strong{
	color : #303233;
}
/* ↑共通 */


#ESTATE_OVERVIEW{
	width : 70%;
	float : left;
}
#ESTATE_OVERVIEW .estate_syubetu span{
	display : block;
	float : left;
	margin : 10px 10px 10px 0px;
}
#ESTATE_OVERVIEW h2{
	clear : both;
	line-height : 55px;
}
#ESTATE_OVERVIEW h2.heading{
	margin : 0px;
}
h2.heading span.estate_price{
	font-size : 14px;
	margin-right : 10px;
}
#ESTATE_TOP_CONTACT{
	width : 100%;
	border-bottom : 1px solid #E6E6E6;
	overflow : hidden;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: space-between; /* Safari etc. */
	-ms-justify-content : space-between; /* IE10 */
	justify-content : space-between;
	margin-bottom : 20px;
}
#ESTATE_TOP_CONTACT a{
	float : right;
	margin : 10px;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center; /* Safari etc. */
	-ms-justify-content : center; /* IE10 */
	justify-content : center;
}
#ESTATE_TOP_CONTACT a:hover{
	opacity : 0.5;
}
.estate_contact_btn img{
	width : 20px;
	height : 20px;
	margin-right : 5px;
}
.estate_contact_btn{
	cursor : pointer;
}
#ESTATE_MAIN_CONTENTS{
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	display : flex;
	-webkit-flex-wrap : wrap;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	width : 100%;
}
#ESTATE_STAFF{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	align-items : center;
	margin : 0px 0px 20px 0px;
	width : 100%;
	
	-webkit-box-ordinal-group : 1;
	-ms-flex-order : 1;
	-webkit-order : 1;
	order : 1;
}
#ESTATE_STAFF_COMMENT{
	width : calc(100% - 250px);
	float : left;
}
#ESTATE_STAFF_IMAGE{
	width : 210px;
	float : right;
	border-left : 1px solid #E6E6E6;
	text-align : center;
	position : relative;
	margin-left : 50px;
}
#ESTATE_STAFF_IMAGE:before{
	content : "";
	position : absolute;
	display : block;
	width : 0px;
	height : 0px;
	left : -30px;
	top : 50%;
	border-right : 30px solid #E6E6E6;
	border-top : 10px solid transparent;
	border-bottom : 10px solid transparent;
}
#ESTATE_STAFF_IMAGE:after{
	content : "";
	position : absolute;
	display : block;
	width : 0px;
	height : 0px;
	left : -28px;
	top : 50%;
	border-right : 30px solid #ffffff;
	border-top : 10px solid transparent;
	border-bottom : 10px solid transparent;
	z-index : 2;
}
#ESTATE_STAFF_IMAGE div{
	font-size : 14px;
	margin : 10px auto;
}
.three_column{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center; /* Safari etc. */
	-ms-justify-content : center; /* IE10 */
	justify-content : center;
	align-items : center;
	margin : 30px auto;
}
.three_column div{
	width : calc(100% / 3 - 10px);
	text-align : center;
}
.estate_relation_link a{
	margin : 20px auto;
}
.estate_relation_link div{
	border : none;
}
.estate_relation_link div p{
	margin : 10px;
}
/* イベント情報 */
#ESTATE_EVENT{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center; /* Safari etc. */
	-ms-justify-content : center; /* IE10 */
	justify-content : center;
}
#ESTATE_EVENT div{
	width : calc(100% / 4 - 20px);
	text-align : center;
	float : left;
	margin : 10px;
}
#ESTATE_EVENT div h4{
	font-weight : bold;
	font-size : 21px;
	color : #666666;
}
#ESTATE_EVENT div img{
	width :200px;
	margin : 10px;
}
#ESTATE_EVENT div p,
#ESTATE_EVENT div ul{
	text-align : left;
}
#ESTATE_EVENT div p{
	font-size : 12px;
	width : 100%;
}
.estate_link_btn{
	margin : 20px auto;
}
#ESTATE_EVENT div ul li:before {
	content : "●";
	margin-right : 5px;
	vertical-align : middle;
	line-height : 28px;
	color : #078CD6;
}
#ESTATE_EVENT_BANNER{
	margin : 10px 0px 20px 0px;
	font-weight : bold;
}
#ESTATE_EVENT_BANNER strong{
	font-size : 24px;
	font-weight : normal;
}
#ESTATE_EVENT_BANNER img{
	width : 30px;
	margin : 0px 10px 0px 0px;
}
#ESTATE_EVENT_BANNER a{
	color : #078CD6;
	border-bottom : 1px solid #078CD6;
	margin : 20px;
	font-weight : normal;
	font-size : 14px;
}
#ESTATE_EVENT_BANNER a:hover{
	opacity : 0.8;
}
#EVENT_COMMENT{
	width : 100%;
	margin : 10px auto;
	border : 1px solid #078CD6;
	padding : 20px;
	font-size : 14px;
	background-color : rgba(7,140,214,0.05);
}
/* ===================================画像まわり */
#GALLERY{
	position : relative;
	-webkit-box-ordinal-group : 2;
	-ms-flex-order : 2;
	-webkit-order : 2;
	order : 2;
	width : 100%;
}
#ENVIRONMENT_GALLERY{
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin : 10px auto;
}
#ENVIRONMENT_GALLERY img,
#ESTATE_MAIN_IMAGE img{
	position : absolute;
	top : 0px;
	right : 0px;
	bottom : 0px;
	left : 0px;
	max-width: 100%;
	max-height : 100%;
	margin : auto;
	cursor : pointer;
}
#ENVIRONMENT_GALLERY .environment_normal_image:before{
	content : "";
	display : block;
	padding-top : 75%;
}
#ESTATE_MAIN_IMAGE span:before{
	content : "";
	display : block;
	padding-top : 65%;
}
#ESTATE_MAIN_IMAGE span{
	width : 50%;
	display : block;
}
#ESTATE_MAIN_IMAGE{
	width : 1200px;
}
#ENVIRONMENT_GALLERY p{
	width : calc(100% / 4 - 15px);
	display : inline-block;
	box-sizing : border-box;
	font-size : 14px;
	text-align : center;
	padding-bottom : 10px;
	margin : 0px 5px 5px 5px;
}
#ENVIRONMENT_GALLERY .environment_normal_image{
	width : 100%;
	display : inline-block;
	box-sizing : border-box;
	max-height : none;
	position : relative;
	border : 1px solid #f4f4f4;
	vertical-align: top;
	margin-bottom : 5px;
}
#ESTATE_IMAGE_THUMBNAIL{
	height : 140px;
	width : calc(100% - 80px);
	overflow : hidden;
	margin : 10px 0px;
	float : left;
}
#ESTATE_IMAGE_THUMBNAIL span:first-child{
	position : absolute;
	top : 0;
	left : 0;
	width : calc(50% - 15px);
	max-height : none;
	display : inline-block;
	box-sizing : border-box;
	margin : 0px 5px 10px;
	border : 1px solid #f4f4f4;
	vertical-align: top;
}
#ESTATE_IMAGE_THUMBNAIL span:nth-child(2){
	position : absolute;
	top : 0;
	right : 0;
	width : calc(50% - 15px);
	max-height : none;
	display : inline-block;
	box-sizing : border-box;
	margin : 0px 5px 10px;
	border : 1px solid #f4f4f4;
	vertical-align: top;
}
#ESTATE_IMAGE_THUMBNAIL div{
	height : 110px;
}
#ESTATE_IMAGE_THUMBNAIL span{
	width : 160px;
	max-height : none;
	position : relative;
	margin : 0px 5px 10px;
	border : 1px solid #d4d4d4;
	vertical-align: top;
	display : inline-block;
}
#ESTATE_IMAGE_THUMBNAIL span:before{
	content : "";
	display : block;
	padding-top : 67%;
}
#ESTATE_IMAGE_THUMBNAIL img{
	position : absolute;
	top : 0px;
	right : 0px;
	bottom : 0px;
	left : 0px;
	max-width : 100%;
	max-height : 100%;
	margin : auto;
	cursor : pointer;
}
.photo_btn_right,
.photo_btn_left{
	width : 30px;
	height : 110px;
	background-color : #ABABAB;
	border-radius : 3px;
	margin-top : 10px;
	position : relative;
	cursor : pointer;
	background-repeat : no-repeat;
	background-size : 15px;
	background-position : center;
	background-image : url(../img/icon_arrow_white.svg);
}
.photo_btn_left{
	float : left;
	margin-right : 10px;
}
.photo_btn_right{
	float : right;
	margin-left : 10px;
}
#PHOTO_BTN_RIGHT{
	transform : scale(-1, 1);
}
.photo_btn_close{
	opacity : 0.2;
	pointer-events : none;
}
/* ===================================問い合わせボタン */

.estate .estate_contact_base{
	margin : 0px auto;
}
.estate_contact_base div{
	border : 1px solid #E6E6E6;
	border-radius : 3px;
	width : calc(100% / 3 - 20px);
	margin : 10px;
	min-height : 160px;
	position : relative;
}
.estate_contact_base > div:nth-of-type(3n){
	border-right : 1px solid #E6E6E6;
}
.estate_contact_base div span{
	font-weight : bold;
	font-size : 14px;
}
.estate_contact_base div a p{
	font-size : 21px;
	width : 100%;
}
.estate_contact_base div a p img{
	width : 30px;
	margin-right : 10px;
	border : none;
}
.estate_contact_base div a > img{
	width : 62px;
	height : 61px;
	border : none;
}
.estate_contact_base div a{
	width : 100%;
	height : 100%;
	box-sizing : border-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	align-items : center;
	-webkit-justify-content: space-around; /* Safari etc. */
	-ms-justify-content : space-around; /* IE10 */
	justify-content : space-around;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	padding : 10px;
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
}
.estate_contact_base div a:hover{
	background-color : rgba(7,140,214,0.1);
	transition : .2s;
}
#INFORMATION td ul li{
	display : inline-block;
	padding : 5px 8px 3px;
	background-color : #cce3ef;
	margin : 4px 5px 0px 0px;
	font-size : 14px;
}
.estate_contact_base div span.contact_tenpo{
	font-size : 12px;
	color : #707473;
	display : block;
	font-weight : normal;
	line-height : 16px;
}
.long_cell{
	width : calc(100% - 150px - 0.1px) ;
}
.map_link a{
	display : block;
	float : right;
	background-image : url(../img/icon_map.svg);
	background-size : 15px;
	background-repeat : no-repeat;
	background-position : center;
	background-color : #078CD6;
	text-indent : -9999px;
	width : 30px;
	height : 30px;
	border-radius : 3px;
	margin-right : 10px;
}

/* ===================================MAP */
#VIEW_MAP, #VIEW_MAP_SP{
	height : 300px;
	background-color : #f0f0f0;
}
#ENVIRONMENT{
	margin-bottom : 30px;
}
#ENVIRONMENT_MAP p{
	margin : 10px auto;
}
p.attention{
	font-size : 10px;
	line-height : 14px;
}
ul#ENVIRONMENT_MAP_LIST{
	width : 100%;
	border : 2px solid #E6E6E6;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center; /* Safari etc. */
	-ms-justify-content : center; /* IE10 */
	justify-content : center;
	align-items : center;
}
ul#ENVIRONMENT_MAP_LIST li{
	width : calc(100% / 5 - 20px);
	margin : 10px;
}
#MAP_BTN{
	display : none;
}
#VIEW_MAP #GOOGLEMAP_BANNER,
#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER{
	height : 100%;
	z-index : 99999;
	background-color : rgba(0,0,0,0.7);
	position : relative;
	color : #ffffff;
	text-align : center;
	padding : 20px !important;
}
#VIEW_MAP #GOOGLEMAP_BANNER .members_registration_banner,
#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER .members_registration_banner{
	margin: auto !important;
	padding : 15px !important;
	max-width: 800px !important;
	position : relative;
}
#VIEW_MAP #GOOGLEMAP_BANNER .members_registration_banner h4,
#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER .members_registration_banner h4{
	max-width: 500px;
	margin : auto !important;
}
#VIEW_MAP #GOOGLEMAP_BANNER #CLOSE_BANNER,
#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER #CLOSE_BANNER{
	position : absolute;
	top : 0;
	right : 0;
	padding : 10px 12px !important;
	font-size : 18px;
	line-height: 1em !important;
	background-color: #fff;
	color : #078cd6;
	cursor: pointer;
}
#MAP_ICON_MOBILE{
	display : none;
}
/* ===================================ローン */
#LOAN_TABLE div{
	height : auto;
}
#LOAN_OPEN_CHECK{
	display : none;
}
.loan_block{
	background-color : #f4f4f4;
	width : calc(100% / 4 - 20px);
	float : left;
	margin : 20px 10px;
}
.view_none{
	border : none;
	border-bottom : 2px solid #078CD6;
}
.loan_block div{
	box-sizing : content-box;
	padding : 10px;
}
.loan_block div input{
	font-size : 2em;
	background : transparent;
}
.loan_large input{
	width : 60%
}
.loan_block div.loan_input input{
	padding : 5px;
	margin : 0px 5px;
	border : 1px solid #D4D4D4;
	background-color : #E6F3FB;
}
.loan_block div input#LOAN_HIYOU_P{
	width : 30px;
	font-size : 14px;
}
#LOAN_YEAR{
	font-size : 16px;
	padding : 5px 10px;
	width : 50%;
}
.text_hosoku{
	font-size : 12px;
}
#BLOCK_LOAN_PAY input{
	font-weight : bold;
	width : 210px;
	height : 44px;
	font-size : 42px;
	line-height : 44px;
}
.loan_pay{
	font-weight : bold;
	font-size : 18px;
}
.loan_fukudasi{
	background-color : #ffffff;
	border-radius : 20px;
	text-align : center;
	margin : 5px 5px 20px 5px;
	padding : 5px;
}
.br_all{
	display : block;
	clear : both;
}
.loan_btn{
	margin : auto;
}
/* ===================================類似物件 */
.similar_bax{
	width : calc(100% / 2 - 20px);
	float : left;
	margin : 10px 10px;
	position : relative;
	float : left;
}
#SIMILAR2 .similar_bax:last-child{
	margin : 10px 0px;
}
.similar_image{
	width : 100%;
	display : block;
	box-sizing : border-box;
	position : relative;
	border : 1px solid #f4f4f4;
	height : 200px;
}
.similar_image img{
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	margin : auto;
	max-width : 100%;
	max-height : 100%;
	border : none;
}
.similar_category{
	background-color : #f4f4f4;
	text-align : center;
	padding : 5px;
}
#SIMILAR1,
#SIMILAR2{
	overflow : hidden;
	float : left;
	width : calc(100% / 2);
}
#SIMILAR1 .similar_category:before{
	content : "価格が近い";
	display : block;
}
#SIMILAR2 .similar_category:before{
	content : "住所が近い";
	display : block;
}
.similar_price{
	font-size : 21px;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: space-between; /* Safari etc. */
	-ms-justify-content : space-between; /* IE10 */
	justify-content : space-between;
	align-items : center;
}
.similar_bax .similar_price span{
	float : right;
	color : #ffffff;
	background-color : #078CD6;
	font-size : 12px;
	padding : 5px;
}
.similar_title{
	text-decoration : underline;
}
.similar_title:hover{
	opacity : 0.5;
}
.similar_summary{
	font-size : 12px;
}
.similar_link_bax{
	display : block;
	z-index : 3;
	position : absolute;
	top : 0;
	text-indent : -9999px;
	width : 100%;
	height : 100%;
}
.similar_link_bax:hover{
	background-color : rgba(255,255,255,0.2);
}
/* 周辺スポットデータベース */
#VIEW_ENVIROMENT_ID{
	margin : 10px auto;
}
.environment_box{
	width : 100%;
	clear : both;
	height : 100%;
	overflow : hidden;
	margin : 20px auto;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center; /* Safari etc. */
	-ms-justify-content : center; /* IE10 */
	justify-content : center;
	align-items : center;
}
.environment_db_photo{
	text-align : center;
}
.environment_db_photo,
.environment_db_text{
	width : calc(100% / 2 - 20px);
	float : left;
}
.environment_db_photo img{
	max-width : 90%;
	max-height : 90%;
}
.environment_box h4{
	font-size : 24px;
	border-top : 1px solid #E6E6E6;
	border-bottom : 1px solid #E6E6E6;
	padding : 10px;
	overflow : hidden;
}
.environment_box h4 span{
	background-color : #00B14E;
	color : #ffffff;
	padding : 5px 10px;
	float : right;
	margin : 0px auto;
	display : block;
	font-size : 14px;
}
.environment_db_text span{
	font-size : 14px;
	display : block;
	margin : 10px auto 30px auto;
}
/* 多棟表示 */
#ESTATE_TATOU table th{
	text-align : left;
	padding : 10px;
	border-right : 1px solid #ffffff;
}
#ESTATE_TATOU table tr{
	border-bottom : 1px solid #ededed;
}
#ESTATE_TATOU table td{
	padding : 10px 20px;
}
#ESTATE_TATOU table td img{
	float : left;
	margin : 0px 10px;
	border : none;
}
#ESTATE_TATOU table td .tatou_contact_btn{
	margin-left : 10px;
}
.tatou_contact_btn img{
	display : none;
}
.tatou_btn span,
.tatou_contact_btn span{
	padding : 5px;
	font-size : 14px;
	background-color : #078CD6;
	border-radius : 3px;
	color : #ffffff;
    display: inline-block;
}
input[type="button"].kukakuzu_image{
	border : none;
	background-image : url(../img/floor_plan.png);
	width : 30px;
	height : 30px;
	display : inline-block;
	text-indent : -9999px;
	background-color : transparent;
}
#TATOU_IMG_KUKAKUZU{
	text-align : center;
}
#TATOU_IMG_KUKAKUZU img{
	max-height : 300px;
}
/* 店舗情報 */
.estate .contact_tel_sp{
	color : #078CD6;
	font-size : 21px;
}
.estate .store_data_text ul{
	width : 100%;
	margin : 10px 0px;
}
.estate .store_data_text dl{
	width : 100%;
}
/* =================================== */
/* あとでindex.cssから切り離してもらう */
/* =================================== */
/* スタッフ写真 */
.staff_comment{
	width : calc(100% - 90px);
}
.staff_photo {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.staff_photo img {
	max-height: 100%;
	max-width: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* 会員登録バナー */


.estate .required_count{
	position : absolute;
	display : block;
	top : 0px;
	right : 0px;
}
/*GoogleMAP*/
#MODAL_OVERLAY #ENVIRONMENT_MAP .gm-svpc img{
	max-width : unset;
	max-height : unset;
}



/*GoogleMAP*/
.movie_container{
	position: relative;
	margin : 20px 0;
}
.movie_play_switch_button{
	cursor: pointer;
}
.movie_play_vol_wrapper{
	position : absolute;
	z-index: 20;
	bottom : 10px;
	left: 10px;
}
.movie_play_vol{
    -webkit-appearance:none;
    background:rgba(255,255,255,0.5);
    height:4px;
    width:50px;
	border-radius:8px;
	opacity: 0;
}
.movie_play_vol_wrapper:hover .movie_play_vol{
	opacity: 1;
}
.movie_play_vol::-webkit-slider-thumb{
	-webkit-appearance:none;
	background:#fff;
	height:10px;
	width:10px;
	border-radius:50%;
}
.movie_play_vol::-ms-tooltip{
	display:none;
}
.movie_play_vol::-moz-range-track{
	height:0;
}
.movie_play_vol::-moz-range-thumb{
	background:#fff;
	height:10px;
	width:10px;
	border:none;
	border-radius:50%;
}
.movie_vol_icon{
	width : 30px;
	height : 30px;
	background-image: url(/img/icon_vol.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#movie_play_vol_switch:checked + #movie_vol_icon{
	background-image: url(/img/icon_mute.png);
}
.inlinePlayButton{
	opacity: 0;
}
.movie_seek_wrapper{
	position: absolute;
	bottom : 50px;
	width : 100%;
	z-index: 20;
}
.movie_seek{
	width: calc(100% - 20px);
	margin: auto;
	display: block;
    background:rgba(255,255,255,0.5);
    height:4px;
	border-radius:8px;
	opacity: 0;
}
.movie_seek_wrapper:hover .movie_seek{
	opacity: 1;
}
.movie_seek::-webkit-slider-thumb{
	-webkit-appearance:none;
	background:#fff;
	height:10px;
	width:10px;
	border-radius:50%;
}
.movie_seek::-ms-tooltip{
	display:none;
}
.movie_seek::-moz-range-track{
	height:0;
}
.movie_seek::-moz-range-thumb{
	background:#fff;
	height:10px;
	width:10px;
	border:none;
	border-radius:50%;
}
.display_none{
	display: none;
}
.mb_YTPlayer{
	background-attachment : unset !important;
}
/* ▼display:flex 系 */

.display_flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex_nowrap{
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	
}

.flex_justify_content_spacebetween {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	/* IE10 */
	justify-content: space-between;
	text-align: left;
}

.flex_justify_content_spacearound {
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	/* IE10 */
	justify-content: space-around;
	text-align: left;
}
.flex_justify_content_center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	/* IE10 */
	justify-content: center;
}

.flex_align_items_center {
	-webkit-align-items: center;
	/* IE10 */
	-ms-align-items: center;
	/* IE10 */
	align-items: center;
}

.flex_align_items_start {
	-webkit-align-items: flex-start;
	/* IE10 */
	-ms-align-items: flex-start;
	/* IE10 */
	align-items: flex-start;
}
.flex_align_items_end {
	-webkit-align-items: flex-end;
	/* IE10 */
	-ms-align-items: flex-end;
	/* IE10 */
	align-items: flex-end;
}
/* ▲display:flex 系 */




/* ----------------------------------------------------------------- */
/* 以下PC～タブレットサイズ */
/* 1230px～ */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 1230px){
	#ESTATE_MAIN_IMAGE{
		width : 100%;
	}
	#BLOCK_LOAN_PAY input{
		font-size : 2em;
		width : 160px;
	}
	.loan_block div input{
		font-size : 1.5em;
	}
	.estate_contact_base div{
		min-height : 180px;
	}
}
@media screen and (max-width: 1100px){
	#ESTATE_TATOU .table_base th{
		width : auto;
	}
}
@media screen and (max-width: 980px){
	#BLOCK_LOAN_PAY input{
		font-size : 1.5em;
		width : 120px;
	}
	.three_column{
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.three_column div{
		width : 50%;
	}
	.estate_contact_base div{
		width : calc(100% / 3);
		margin : 0px;
		border-radius : 0px;
	}	
	.tatou_contact_btn img{
		display : block;
		width : 30px;
		float : unset;
	}
	#ESTATE_TATOU table td .tatou_contact_btn{
		display : block;
		overflow : hidden;
		width : 50px;
	}
	.tatou_contact_btn span{
		display : none;
	}
	#SIMILAR1,
	#SIMILAR2{
		width : 100%;
	}
}
@media screen and (max-width: 850px){
	#ESTATE_EVENT{
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#ESTATE_EVENT div{
		width : calc(100% / 3 - 20px);
	}
	#ESTATE_EVENT div#EVENT_SUMMARY{
		width : 100%;
		margin : 20px;
	}
	#SIMILAR2 .similar_bax:last-child{
		margin : 0px;
	}
	.similar_bax{
		width : calc(100% / 2 - 10px);
		margin : -1px 0px 0px -1px;
	}
	.similar_bax div{
		width : calc(60% - 20px);
		float : right;
	}
	.similar_image{
		width : 40%;
		float : left;
		margin : 0px 10px 10px 10px;
		height : calc(100% - 45px);
		position : absolute;
		top : 45px;
		bottom : 0;
		right : 0;
		left : 0;
	}
	.similar_price span{
		display : block;
		font-size : 14px;
		margin : 0px;
	}
	.similar_bax p{
		margin : 5px;
	}
	.similar_bax p.similar_price{
		padding-top : 20px;
	}
	.similar_bax:nth-child(odd){
		border-left : 2px solid #E6E6E6;
	}
	.loan_block div input{
		font-size : 1em;
	}
	.loan_large input{
		width : 65%;
	}
	#ENVIRONMENT_GALLERY p{
		width : calc(100% / 3 - 15px);
	}
}
@media screen and (max-width: 730px){
	#ESTATE_OVERVIEW{
		width : 60%;
	}
	.similar_price{
		font-size : 16px;
		font-weight : bold;
	}
	#ESTATE_TATOU table tr{
		display : block;
	}
	#ESTATE_TATOU table th{
		display : none;
	}
	#ESTATE_TATOU table td{
		display : inline-block;
		min-width : calc(100% / 3 - 10px);
	}
	.estate_contact_base div a p{
		font-size : 18px;
	}
	.tatou_contact_btn{
		position : absolute;
		right : 20px;
		bottom : 30px;
	}
	#ESTATE_TATOU table tr{
		position : relative;
	}
	.similar_title:hover,
	#ESTATE_EVENT_BANNER a:hover,
	#ESTATE_TOP_CONTACT a:hover{
		opacity : 1;
	}
}
/* ----------------------------------------------------------------- */
/* 以下モバイルサイズ */
/* 650px～ */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 650px){
	#WRAPPER .estate{
		margin : 50px 0px 0px 0px;
		width : 100%;
	}
	#ESTATE_OVERVIEW,
	#ESTATE_MAIN_CONTENTS{
		width : calc(100% - 20px);
		margin : 0px auto;
	}
	#ESTATE_OVERVIEW{
		float : none;
	}
	#WRAPPER .estate #BREADCRUMB{
		margin : 0px 10px;
	}
	#ESTATE_STAFF_IMAGE{
		/*width : 20%;*/
		display : block;
	}
	#ESTATE_STAFF_IMAGE div{
		font-size : 12px;
	}
	#ESTATE_STAFF_COMMENT{
		width : 75%;
		margin : 0px auto;
	}
	#ESTATE_STAFF_IMAGE div.staff_photo{
		margin : 10px auto;
		float : none;
	}
	#ESTATE_STAFF{
		margin : 20px auto;
	}
	#ESTATE_EVENT_BANNER img{
		width : 25px;
	}
	#ESTATE_EVENT_BANNER a{
		padding : 10px 10px 10px 30px;
	}
	.three_column div{
		width : 100%;
	}
	.estate h3{
		margin : 10px 0px 10px 10px;
	}
	#ESTATE_EVENT_BANNER{
		margin : 10px;
		width : calc(100% - 20px);
	}
	#ESTATE_OVERVIEW h2{
		margin : 10px;
		padding-top : 10px;
	}
	/* 画像 */
	#ESTATE_IMAGE_THUMBNAIL div{
		height : 90px;
	}
	#ESTATE_IMAGE_THUMBNAIL span{
		width : 120px;
	}
	.photo_btn_right, .photo_btn_left{
		height : 80px;
	}
	.content_line{
		margin : 0px;
		padding : 10px 0px;
	}
	.estate_syubetu{
		width : 100%;
	}
	#ESTATE_TOP_CONTACT{
		display : block;
		position : relative;
		overflow : visible;
		height : 50px;
	}
	.estate_syubetu{
		position : absolute;
		bottom : -50px;
	}
	#ESTATE_EVENT_BANNER{
		margin : 0px;
		width : 100%;
	}
	#ESTATE_EVENT_BANNER a{
		display : block;
		width : 110px;
		padding : 0px;
		margin : 10px 0px;
	}
	#ESTATE_EVENT_BANNER strong{
		font-size : 18px;
	}
	#ESTATE_STAFF_COMMENT p{
		clear : both;
	}
	#EVENT_COMMENT{
		width : calc(100% - 20px);
	}
	/* 問い合わせボタン */
	.estate .estate_contact_base{
		margin-bottom : 20px;
	}
	.estate_contact_base div{
		min-height : 80px;
		margin : 0px;
		border-radius : 0px;
		padding : 10px;
	}
	.estate_contact_base div.estate_tel_box{
		min-height : 120px;
	}
	.estate_contact_base div a{
		display : block;
		text-align : left;
	}
	.estate_contact_base div a img{
		float : left;
		display : block;
		width : 50px;
		height : 49px;
		margin-left : 5px;
	}
	.estate_contact_base div a p{
		font-size : 18px;
		font-weight : bold;
		margin-left : 70px;
	}
	.estate_contact_base div a span{
		font-size : 14px;
		font-weight : normal;
		margin-left : 70px;
		display : block;
		color : #303233;
	}
	.table_base th{
		width : 130px;
	}
	/* ローンシミュレーション */
	#LOAN_TABLE{
		overflow : hidden;
		margin : 0px auto 10px auto;
		width : calc(100% - 20px);
	}
	.text_hosoku{
		margin : 0px 10px;
	}
	.loan_block{
		width : 100%;
		margin : 10px auto;
	}
	.loan_block div input{
		font-size : 1.5em;
	}
	.loan_large{
		text-align : right;
	}
	#LOAN_YEAR{
		float : right;
		margin : 10px 10px 20px 0px;
	}
	.loan_large input{
		width : 50%;
		text-align : center;
	}
	.br_all{
		display : none;
	}
	#BLOCK_LOAN_PAY{
		text-align : center;
	}
	#BLOCK_LOAN_PAY input{
		font-size : 2em;
		width : 200px;
		text-align : center;
	}
	.loan_item_title{
		border-bottom : 1px solid #E6E6E6;
	}
	/* 物件 */
	.similar_bax{
		width : 100%;
		margin : 0px;
		border : none;
		border-bottom : 1px solid #E6E6E6;
	}
	.similar_bax:first-child{
		border-top : 1px solid #E6E6E6;
	}
	.similar_bax:nth-child(odd){
		border-left : none;
	}
	.similar_bax:last-child{
		border-bottom : none;
	}
	.similar_bax p.similar_price{
		position : relative;
		padding-top : 30px;
		margin : 10px 5px 5px 5px;
	}
	.similar_bax p.estate_syubetu{
		width : unset;
	}
	.similar_bax p.similar_price{
		position : static;
	}
	.similar_price span{
		display : block;
		position : absolute;
		top : 10px;
		font-weight : normal;
	}
	.similar_category{
		position : absolute;
		top : 0;
		left : 0;
		font-size : 10px;
		padding : 5px;
		z-index : 5;
		background-color : #ff3a6b;
		color : #ffffff;
	}
	.similar_image{
		margin : 10px;
		position : relative;
		height : 150px;
		top : 0;
	}
	/* 周辺スポットDB */
	.environment_box{
		display : block;
	}
	.environment_db_photo,
	.environment_db_text{
		width : calc(100% - 20px);
		margin : 10px;
		clear : both;
	}
	.environment_db_text h4{
		font-size : 21px;
	}
	.environment_db_text h4 span{
		font-size : 12px;
	}
	.environment_db_text p{
		margin : 5px 10px;
	}
	.environment_db_text span{
		margin : 10px auto 20px auto;
	}
	#ENVIRONMENT_DB_DESCRIPTION{
		margin : 10px auto;
		width : calc(100% - 40px);
	}
	#ENVIRONMENT_MAP{
		display : none;
	}
	#MW_WRAPPER #GOOGLEMAP_BANNER{
		position : absolute;
		top : 0px;
		width : 100%;
	}
	#MW_WRAPPER #GOOGLEMAP_BANNER .members_registration_banner{
		margin : 0px;
		padding : 20px;
		width : 100%;
	}
	#MW_WRAPPER #GOOGLEMAP_BANNER .members_registration_banner,
	#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER .members_registration_banner{
		left: 0;
		width : 100% !important;
	}
	#MW_WRAPPER #GOOGLEMAP_BANNER .members_registration_banner h4,
	#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER .members_registration_banner h4{
		font-size : 21px;
		padding: 0px 0px 0px 30px !important;
		background-size : 30px;
	}
	#MW_WRAPPER #GOOGLEMAP_BANNER  .members_registration_button a,
	#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER  .members_registration_button a{
		width : 100% !important;
		margin : 0 auto !important;
		font-size : 14px;
	}
	#MW_WRAPPER #GOOGLEMAP_BANNER .members_registration_button .member_link span,
	#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER .members_registration_button .member_link span{
		margin : 0;
		background-position: left top;
	}
	#MW_WRAPPER .members_registration_button .member_link li span span,
	#MW_WRAPPER #VIEW_MAP_SP .members_registration_button .member_link li span span{
		padding : 0 0 5px 1.2em  !important;
		line-height : 1.2em !important;
	}
	/*
	.gm-style-iw{
	    width: 150px;
	    height: 50px;
	}*/
	#MAP_ICON_MOBILE{
		display : inline-block;
	}
	#MAP_BTN{
		display : block;
	}
	#MAP_ICON_PC{
		display : none;
	}
	#MW_WRAPPER #ENVIRONMENT_MAP{
		display : block;
	}
	#MW_WRAPPER #ENVIRONMENT_MAP_LIST {
		display : block;
		text-align : left;
	}
	#MW_WRAPPER #ENVIRONMENT_MAP_LIST li{
		width : calc(100% / 2 - 20px);
		float : left;
		margin : 10px;
		border : 1px solid #cccccc;
		border-radius : 3px;
		padding : 10px;
		background-color : #ffffff;
	}
	#MW_WRAPPER #ENVIRONMENT_MAP_LIST li input{
		margin-right : 10px;
	}
	#MW_WRAPPER #ENVIRONMENT_MAP_LIST li label{
		width : 100%;
		display : block;
	}
	#MW_WRAPPER p.attention{
		text-align : left;
		margin :10px;
	}
	#MW_WRAPPER #VIEW_MAP_SP *{
		max-width: unset !important;
		min-width: unset !important;
		max-height: unset !important;
		min-height: unset !important;
		line-height: unset !important;
		/*margin: unset !important;*/
		padding: unset !important;
	}
	.estate .store_data_img{
		display : block;
		-webkit-box-ordinal-group : 1;
		-ms-flex-order : 1;
		-webkit-order : 1;
		order : 1;
		width : 80%;
		margin : 10px auto;
	}
	.estate .store_data_text{
		-webkit-box-ordinal-group : 2;
		-ms-flex-order : 2;
		-webkit-order : 2;
		order : 2;
	}
	.estate .store_data{
		display : -webkit-box;
		display : -webkit-flex;
		display : -ms-flexbox;
		display : flex;
		-webkit-flex-wrap : wrap;
		-ms-flex-wrap : wrap;
		flex-wrap : wrap;
	}
	#VIEW_BRANCH_ID{
		width : calc(100% - 20px);
		margin : 10px auto;
	}
}

@media screen and (max-width: 600px){
	.estate #FORM .table_base{
		margin-top : 70px;
	}
}
@media screen and (max-width: 550px){
	.estate .store_data_img{
		width : 100%;
	}
	.estate .contact_tel_sp{
		border : none;
	}
	.estate .store_data_text ul{
		margin : 0px;
	}
	.estate .staff_comment .staff_name{
		position : static;
	}
	.estate .staff_comment p{
		margin : 10px;
	}
	.estate .store_recommend_property .heading_m{
		font-size : 16px;
		margin : 15px 0px;
	}
}
@media screen and (max-width: 500px){
	.content_line:after{
		border-width : 5px;
	}
	.table_base{
		margin : 20px auto;
	}
	.table_base tr{
		width : 100%;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		justify-content : center;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.table_base tr:first-child{
		border-top : 1px solid #E6E6E6;
	}
	.table_base th{
		width : 30%;
		border : none;
		border-bottom : 1px solid #E6E6E6;
		padding : 10px 5px;
		display : block;
	}
	.table_base td{
		width : 70%;
		border-bottom : 1px solid #E6E6E6;
		display : block;
	}
	#TH_SETUBI,
	#ED_SETUBI{
		width : 100%;
	}
	#ESTATE_EVENT div{
		width : 100%;
	}
	#ESTATE_EVENT div img{
		width : 120px;
		float : left;
	}
	#ESTATE_EVENT div p{
		float : left;
		width : 60%;
	}
	#ESTATE_EVENT div h4{
		margin-bottom : 10px;
		font-size : 1em;
		background-color : #f4f4f4;
	}
	#ESTATE_TATOU table td{
		display : inline-block;
		width : calc(100% / 3 - 10px);
		border : none;
		padding : 10px;
	}
	#ESTATE_TATOU table td.td_tatou_name{
		width : 100%;
		max-width : 100%;
		border-bottom : 1px solid #E6E6E6;
	}
	#ESTATE_TATOU table tr{
		border : 1px solid #E6E6E6;
		margin : 10px auto;
		width : calc(100% - 20px);
		border-radius : 3px;
	}
	#ESTATE_TATOU table td a.tatou_contact_btn{
		/*
		right : 20px;
		bottom : 10px;
		width : 150px;
		background-color : #078CD6;
		border-radius : 3px;
		background-image : url(../img/icon_mail_white.png);
		background-repeat : no-repeat;
		background-position : 10px center;
		background-size : 20px;
		*/
		display: none;
	}
	.tatou_contact_btn img{
		display : none;
	}
	.tatou_contact_btn span{
		display : inline-block;
		background-color : transparent;
		padding-left : 40px;
	}
	#MW_WRAPPER #ENVIRONMENT_MAP_LIST li{
		width : calc(100% / 2);
		margin : 0px;
		border-radius : 0px;
		padding : 10px;
	}
}
@media screen and (max-width: 420px){
	.estate h3{
		font-size : 1.85rem;
		margin : 10px 15px 15px 15px;
	}
	#ESTATE_OVERVIEW h2{
		padding-top : 30px;
	}
	#ESTATE_HEAD{
		position : relative;
	}
	#GALLERY{
		-webkit-box-ordinal-group : 1;
		-ms-flex-order : 1;
		-webkit-order : 1;
		order : 1;
	}
	#ESTATE_STAFF{
		-webkit-box-ordinal-group : 2;
		-ms-flex-order : 2;
		-webkit-order : 2;
		order : 2;
	}
	#ESTATE_OVERVIEW h2.heading{
		line-height : 32px;
		margin : 15px 10px 10px 10px;
	}
	#ESTATE_IMAGE_THUMBNAIL span:nth-child(2){
		width : 120px;
		display : inline-block;
		box-sizing : border-box;
		max-height : none;
		position : relative;
		border : 1px solid #f4f4f4;
		vertical-align: top;
		margin : 0px 5px;
	}
	#ESTATE_MAIN_IMAGE span,
	#ESTATE_IMAGE_THUMBNAIL span:first-child{
		width : 100%;
	}
	#ESTATE_IMAGE_THUMBNAIL span{
		margin : 0px 5px;
		border : 1px solid #f4f4f4;
	}
	#ESTATE_IMAGE_THUMBNAIL{
		height : 85px;
	}
	#ESTATE_STAFF{
		display : block;
	}
	#ESTATE_STAFF_IMAGE{
		width : 100%;
		border : none;
	}
	#ESTATE_STAFF_COMMENT{
		margin : 10px;
		width : calc(100% - 20px);
	}
	#ESTATE_STAFF_IMAGE div{
		float : right;
		margin : 10px 10px;
	}
	#ESTATE_STAFF_IMAGE div.staff_photo{
		float : right;
		margin : 5px 10px 5px 0px;
	}
	/* 周辺環境 */
	#ENVIRONMENT_GALLERY p{
		width : 100%;
		text-align : left;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		align-items : center;
		margin : 0px;
		padding : 5px 5px 5px 0px;
		border-bottom : 1px solid #f4f4f4;
	}
	#ENVIRONMENT_GALLERY p:first-child{
		border-top : 1px solid #f4f4f4;
	}
	#ENVIRONMENT_GALLERY p br{
		display : none;
	}
	#ENVIRONMENT_GALLERY .environment_normal_image{
		width : 120px;
		float : right;
		margin : 5px 10px 5px 5px;
		border : none;
	}
	#ENVIRONMENT_GALLERY span{
		width : calc(100% - 120px);
	}
	#ENVIRONMENT_GALLERY span.environment_normal_image:before{
		width : 120px;
	}
	/* ローン */
	#LOAN_BASE{
		display : none;
	}
	#LOAN_OPEN_CHECK{
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center; /* Safari etc. */
		-ms-justify-content : center; /* IE10 */
		justify-content : center;
		align-items : center;
		text-align : center;
		font-size : 18px;
		margin : 30px auto 20px auto;
		border-bottom : 3px solid #078CD6;
		width : 90%;
		cursor : pointer;
	}
	#LOAN_OPEN_CHECK img{
		width : 15px;
		margin-left : 10px;
		transform : rotate(450deg);
	}
	.estate #VIEW_BRANCH_ID{
		width : calc(100% - 20px);
		margin : auto;
	}
	/* スタッフ */
	.estate .staff_comment .staff_name{
		left : 100px;
	}
	.estate .store_data_text dt{
		width : 100px;
	}
	.estate .store_data_text dd{
		width : calc(100% - 100px);
	}
	.estate .staff_photo{
		width : 70px;
		height : 70px;
	}
	.estate .staff_comment{
		width : 100%;
	}
	.estate .staff_comment .staff_name{
		position : absolute;
		left : 90px;
	}
	.estate_contact_base div a p.view_branch_tel img{
		display : none;
	}
}
@media screen and (max-width: 380px){
	#ESTATE_EVENT div img{
		display : none;
	}
	#ESTATE_EVENT div p{
		width : 100%;
	}
	.estate_contact_base div{
		min-height : 90px;
	}
	.estate_contact_base div.estate_tel_box{
		min-height : 120px;
	}
	#GOOGLEMAP_BANNER .members_registration_banner > p{
		font-size : 12px;
		padding : 0;
	}
	#GOOGLEMAP_BANNER .members_registration_button a{
		font-size : 12px;
	}
	#GOOGLEMAP_BANNER .members_registration_button .member_link li{
		margin: 5px 0;
	}
}
@media screen and (max-width: 320px){
	#ESTATE_OVERVIEW h2{
		font-size : 1.2em;
	}
	#ESTATE_TATOU table td a.tatou_contact_btn{
		right : 10px;
		bottom : 10px;
		width : 130px;
	}
	#ESTATE_TATOU table td{
		padding : 10px 5px;
	}
	.tatou_contact_btn span{
		font-size : 12px;
	}
	.similar_image{
		min-height : 180px;
	}
}