/* ===================================物件詳細ページ */
/* ↓共通 */
.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;
}
.heading_m{
	color: #D41255;
    font-family: "LogoTypeGothicCondense",sans-serif;
    font-size: 28px;
	line-height: 1.1em;
	text-align: center;
	margin-bottom: 50px;
}
.estate_syubetu{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.estate_label{
	padding : 5px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	display : block;
	font-size: 12px;
	line-height: 1.2em;
}

.point_color{
	color : #D41255;
}
.estate .heading strong{
	color : #303233;
}
#TATOU_IMG_KUKAKUZU img {
	border: 1px solid #ccc;
    max-height: 500px;
}

/*
input{
	-webkit-appearance : checkbox;
}
*/
/* ↑共通 */


#ESTATE_OVERVIEW{
	width : 100%;
	float : left;
}
#ESTATE_OVERVIEW .estate_syubetu span{
	display : block;
	float : left;
	margin : 10px 10px 10px 0px;
}

h2.heading span.estate_price{
	font-size : 14px;
	margin-right : 10px;
}
#ESTATE_OVERVIEW_PRICE strong{
	font-size : 2em;
	letter-spacing: 0;
	color : #D41255;
}
.present{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-align-items : center; /* IE10 */
	align-items : center;
	border : 1px solid #4CB6A2;
	margin-bottom : 20px;
	max-width: 520px;
}
.present_title{
	padding : 5px;
	background-color: #4CB6A2;
	color: #ffffff;
}
.present_text{
	padding : 6px 10px 2px;
}
.present_price{
	font-size: 24px;
	vertical-align: text-bottom;
	letter-spacing: 0;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	color: #4CB6A2;
}
#ESTATE_TOP_CONTACT{
	width : 100%;
	border-bottom : 1px solid #E6E6E6;
	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 : 30px;
}
#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;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	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 : 100%;
	float : left;
	margin-top : 30px;
}
#ESTATE_STAFF_IMAGE{
	width : 100%;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	text-align : left;
	position : relative;
	-ms-align-items : baseline; /* IE10 */
	align-items : center;
}
#ESTATE_STAFF_IMAGE div{
	font-size : 14px;
	margin : 10px auto;
}
#ESTATE_STAFF_IMAGE .staff_photo{
	width : 60px;
	height : 60px;
	margin : 0;
	margin-right: 10px;
}
.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 : #00663F;
}
#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 : #00663F;
	border-bottom : 1px solid #00663F;
	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 #00663F;
	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;
}
#ENVIRONMENT_GALLERY .environment_comment{
	display : block;
	overflow-y : auto;
	padding : 3px;
	text-align : left;
}
#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;
}
/* ===================================パノラマ */
#PANORAMA {
    border: 0px none;
    width: 100%;
    height: 550px;
}
/* ===================================問い合わせボタン */

.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-size : 14px;
}
.estate_contact_base div a p{
	font-family:"LogoTypeGothicCondense",sans-serif;
	color: #377C85;
	font-size : 21px;
	width : 100%;
	text-align : center;
}
.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(76,182,162,0.1);
	transition : .2s;
}
#INFORMATION td ul li{
	display : inline-block;
	padding : 5px 8px 3px;
	background-color : #6DC3B3;
	margin : 4px 5px 0px 0px;
	font-size : 14px;
	color : #ffffff;
}
.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_consulting_place_gray.png);
	background-size : 15px;
	background-repeat : no-repeat;
	background-position : center;
	text-indent : -9999px;
	width : 30px;
	height : 30px;
	border-radius : 15px;
	margin-right : 10px;
	border : 1px solid #808080;
}

/* ===================================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;
}
#ENVIRONMENT_MAP_LIST input[type="checkbox"]{
	-webkit-appearance : checkbox;
}
#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 : 50px !important;
	width: 100% !important;
	height : 100%;
	position : relative;
	background-image: url(/img/cta_bg_pattern.png) ,linear-gradient(0deg, #4CB6A2 0%,#338E99 100%);
}
#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;
	color: #fff;
}
#VIEW_MAP #GOOGLEMAP_BANNER .members_registration_banner p,
#MW_WRAPPER #VIEW_MAP_SP #GOOGLEMAP_BANNER .members_registration_banner p{
	color: #fff;
}
#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 : #00663F;
	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 - 1px);
	float : left;
	margin : 20px 10px;
}
.view_none{
	border : none;
	border-bottom : 2px solid #377C85;
}
.loan_block div{
	box-sizing : content-box;
	padding : 10px;
}
.loan_block div input{
	font-size : 2em;
	background : transparent;
	letter-spacing: 0;
}
.loan_large input{
	width : 60%
}
.loan_block div.loan_input input{
	padding : 5px;
	margin : 0px 5px;
	border : 1px solid #D4D4D4;
	background-color : #e3f3ee;
}
.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{
	width : 200px;
	height : 44px;
	font-size : 36px;
	line-height : 44px;
	letter-spacing: 0;
}
.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;
}
/* ===================================類似物件 */

.exhibition_and_sale_image{
    position: relative;
}
.exhibition_and_sale_accent{
    position : absolute;
    top : 0px;
    right: 0px;
    transform: translateY(-50%);
    background-color: #fff;
}
.exhibition_and_sale_accent > div{
    padding : 0.3em 1em;
}
.exhibition_and_sale_accent_top{
    background : #00663F;
    color: #fff;
}
.exhibition_and_sale_overview{
    margin : 30px;
}
.exhibition_and_sale_tile{
    width : 330px;
    position: relative;
    margin-right: calc((100% - (330px * 3)) / 2);
    float : left;
}
.exhibition_and_sale_tile:nth-child(3n){
    margin-right: 0;
}

#SIMILAR1{
	width : 100%;
	margin-top: 80px;
	overflow : visible;
	display : flex;
}
#SIMILAR2{
	width : 100%;
	margin-top: 40px;
	overflow : visible;
	display : flex;
}

.similar_category{
	background-color : #00663F;
	text-align : center;
	padding : 5px;
}
#SIMILAR1 .similar_category:before{
	content : "価格が近い";
	display : block;
}
#SIMILAR2 .similar_category:before{
	content : "住所が近い";
	display : block;
}

#SIMILAR2 .similar_bax:last-child{
	margin : 10px 0px;
}
.wrapper_link:hover{
	background-color : rgba(255,255,255,0.2);
}
.text_link:hover{
	opacity : 0.5;
}

/* 多棟表示 */
.kukakuzu_image{
	display : block;
	height : 150px;
	width : 100%;
	overflow : hidden;
}
.kukakuzu_image img{
	object-fit : cover;
	width : auto;
	height : 100%;
	text-align : center;
}
#TATOU_KUKAKU{
	display : flex;
}
#TATOU_KUKAKU div.kukaku_box{
	width : 200px;
	height : 100%;
	position : relative;
	margin-right : calc((100% - (200px * 5)) / 5);
	margin-top : 10px;
	margin-bottom : 10px;
	cursor : pointer;
	padding : 5px;
}
.kukakuzu_image:hover{
	opacity : 0.5;
}
.plan_name{
	width : 100%;
	margin : 5px;
}
#TATOU_KUKAKU .button_style{
	margin-top : 10px;
	padding : 5px 30px;
}
#TATOU_KUKAKU .kakaku strong{
	color: #D41255;
}
#MODAL_ESTATE_BOX .kukaku_name{
	color: #D41255;
	font-family: "LogoTypeGothicCondense",sans-serif;
	font-size: 21px;
}
/* ===================================詳細情報テーブル */

.table_base {
	width : 100%;
	margin : 30px auto;
	table-layout : fixed;
}
.table_base th {
	border-bottom : 5px solid #ffffff;
	width : 150px;
	padding : 10px 0px 7px;
	background : #ededed;
	vertical-align : middle;
	font-weight : normal;
	text-align : center;
	font-size : 14px;
}
.table_base td {
	min-width : calc(50% - 150px);
	padding : 10px 0px 10px 10px;
	vertical-align : middle;
}
/* スタッフ写真 */
.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;
}

/* ===================================お気に入り */
.favorite_entry {
	color : #ffffff;
	background-color : #27566A;
	border : solid 2px #27566A;
	border-radius : 5px;
	position : absolute;
	display : inline-block;
	bottom : -100px;
	left : -15px;
	font-size : 13px;
	padding : 7px 10px;
	min-width : 120px;
	max-width : 100%;
	box-sizing : border-box;
}
.favorite_popup:before,
.favorite_entry:before{
	content : "";
	position : absolute;
	top : 50%;
	left : -27px;
	margin-top : -14px;
	border : 14px solid transparent;
	z-index : 2;
}
#ESTATE_TOP_CONTACT .favorite_entry a{
	text-align : center;
	display : block;
	padding : 5px 0px 0px 0px;
	text-decoration : underline;
	margin : 0px auto;
	float : none;
}
.favorite_popup:after,
.favorite_entry:after{
	content : "";
	position : absolute;
	border : solid;
	border-width : 12px 10px;
	width : 20px;
	border-color : transparent transparent #27566A transparent;
	top : -24px;
	left : 0;
	right : 0;
	margin : auto;
}
.favorite_entry span {
	display : block;
	background-color : #1a1a1a;
	text-align : center;
	width : 30px;
	padding : 5px 0px 5px 0px;
	top : -13px;
	position : absolute;
	right : -15px;
	border-radius : 20px;
	cursor : pointer;
}
.favorite_button{
	vertical-align: middle;
	margin-right: 10px;
	position: static;
}
.estate_title_favorite_button{
	position : relative;
	cursor : pointer;
}

/* ===================================多棟物件モーダルウィンドウ */
#MW_KUKAKU{
	overflow-y : scroll;
	padding : 10px;
	background-color : #ffffff;
	height : 100%;
}
#MODAL_IMAGE_THUMBNAIL {
	height : 115px;
	overflow : hidden;
	overflow-x : auto;
	-webkit-overflow-scrolling : touch;
	width : 100%;
}
#MODAL_THUMBNAIL_CAROUSEL li {
	display : inline-block;
	position : relative;
	width : 100px;
	height : 100px;
	overflow : hidden;
	transition : .2s;
	cursor : pointer;
	margin : 0px 2px;
}
#MODAL_OVERLAY DIV#MW_KUKAKU #MODAL_MAIN_PHOTO{
	position : relative;
	max-height : 100%;
}
#MODAL_THUMBNAIL_CAROUSEL{
	height : 150px;
	white-space: nowrap;
}
#MODAL_OVERLAY div#MW_KUKAKU #MODAL_THUMBNAIL_CAROUSEL img{
	position : absolute;
	top : 50%;
	left : 50%;
}
#MW_KUKAKU .form_table_style th{
	border-bottom : 5px solid #ffffff;
	width : 150px;
	padding : 10px 0px 7px;
	vertical-align : middle;
	font-weight : normal;
	text-align : center;
	font-size : 14px;
	color : #4CB6A2;
}
#MODAL_MAIN_IMG_WRAPPER{
	height : 450px;
}
#MODAL_COMMENT{
	margin : 10px 0px;
}
#CONTACT_DATE,
#CONTACT_TIME{
	display : none;
}
/* プラチナ物件 */
#BACKGROUNG_IMAGE LI{
	width : 50%;
	float : left;
	height: 40vh;
}
#BACKGROUNG_IMAGE LI SPAN{
	display : block;
	width : 100%;
	height : 100%;
	background-color : #000000;
	position : relative;
	overflow : hidden;
}
#BACKGROUNG_IMAGE LI SPAN IMG{
	min-height: 100%;
	min-width: 100%;
	max-width: none;
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%);
}
#ARTICLE_TITLE{
	position : absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	background-color: rgba(0,0,0,0.7);
	padding : 50px;
	width : calc(100% - 40px);
	max-width : 800px;
	padding-top : 30px;
}
#ARTICLE_TITLE h1{
	padding-bottom : 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
}
#EYECATCH{
	position :relative;
	height: 80vh;
}
#ARTICLE_LINE_NUM{
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid;
}
#DIV_RESIDENCE_GALLERY.min4 UL{
	width : 1100px;
	margin : 0px auto 0px auto;
}
#DIV_RESIDENCE_GALLERY LI{
	width : 20%;
	height : auto;
	position : relative;
	cursor: pointer;
}
#DIV_RESIDENCE_GALLERY.min4 UL LI{
	width : 25%;
}
#DIV_RESIDENCE_GALLERY LI SPAN.image_residence:after{
	content : "";
	display : block;
	padding-top : 100%;
}
#DIV_RESIDENCE_GALLERY LI SPAN.image_residence{
	display : block;
	width : 100%;
	height : 100%;
	overflow : hidden;
	background-size : cover;
	background-position : 50%;
	cursor : pointer;

	text-indent : -99999px;
	
	border-width : 0px 2px 2px 0px;
	border-style : none solid solid none;
	border-color : #ffffff;
	box-sizing : border-box;
}
#DIV_RESIDENCE_GALLERY LI SPAN SPAN{
	display : none;
}
/* 動画表示 */
#EYECATCH_MOVIE{
	width : 100%;
	clear: both;
	position :relative;
}
#EYECATCH_MOVIE:before{
	content : "";
	position : absolute;
	width : 100%;
	height : 100%;
	background-color: #00663F;
	background-size: cover;
	top : 0;
	left : 0;
	opacity: 1;
	transition : 0.5s;
	display: block;
	z-index: 10;
}
#EYECATCH_MOVIE.hidden_preview:before{
	opacity: 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_PLAY_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_PLAY_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%;
}
/* ----------------------------------------------------------------- */
/* 以下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;
	}
	.exhibition_and_sale_tile{
		margin-right: 25px;
		width : calc(100% / 3 - 20px);
	}
}
@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 - 1px);
		margin : 0px;
		border-radius : 0px;
	}	
	.tatou_contact_btn img{
		display : block;
		width : 30px;
		float : unset;
	}
	#ESTATE_TATOU table td a{
		display : block;
		overflow : hidden;
		width : 50px;
	}
	.tatou_contact_btn span{
		display : none;
	}
	#SIMILAR1,
	#SIMILAR2{
		width : 100%;
	}
	#TATOU_KUKAKU div.kukaku_box{
	    margin-right: calc((100% - (200px * 3)) / 3);
	}
}
@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){
	.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;
	}
	/* ローンシミュレーション */
	#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;
	}
	#DIV_ARTICLE_LINE > div{
		width : 100%;
		text-align: center;
		border: none;
		padding : 0;
		margin: 0;
	}
}
/* ----------------------------------------------------------------- */
/* 以下モバイルサイズ */
/* 650px～ */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 650px){
	#WRAPPER .estate{
		margin : 50px 0px 0px 0px;
		width : 100%;
	}
	#ESTATE_OVERVIEW{
		margin-top: 50px;
	}
	#WRAPPER .estate #BREADCRUMB{
		margin : 0px 10px;
	}
	#ESTATE_STAFF_IMAGE div{
		font-size : 12px;
	}
	#ESTATE_STAFF_IMAGE div.staff_photo{
		margin : 10px auto;
	}
	#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_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 : 40px;
	}
	.estate_syubetu{
		position : absolute;
		bottom : -60px;
	}
	#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 : 90px;
	}
	.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;
		margin-left : 70px;
		text-align : left;
	}
	.estate_contact_base div a span{
		font-size : 14px;
		font-weight : normal;
		margin-left : 70px;
		display : block;
		color : #303233;
	}
	.table_base th{
		width : 130px;
	}
	/* 物件 */
	.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{
		top : 0;
		left : 0;
		font-size : 10px;
		padding : 5px;
		z-index : 5;
		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;
	}
	#TATOU_KUKAKU div.kukaku_box{
	    margin-right: calc((100% - (200px * 2)) / 2);
	}
	.plan_name{
		margin : 0px;
		padding : 5px;
	}
	.exhibition_and_sale_tile{
		float : none;
		width : 100%;
		border-bottom : 1px solid #cccccc;
		padding-bottom : 10px;
	}
	#SIMILAR1,
	#SIMILAR2{
		display : block;
	}
	#MODAL_MAIN_IMG_WRAPPER{
		height : 300px;
	}
	#MW_KUKAKU .form_table_style th,
	#MW_KUKAKU .form_table_style td{
		display : table-cell;
	}
	#MW_KUKAKU .form_table_style th{
		width : 80px;
	}
	#MW_KUKAKU .form_table_style td{
		padding-left : 10px;
	}
	.estate_contact_base div a p.view_branch_tel img{
		height : 100%;
	}
	.favorite_button{
		left : 0px;
	}
	.favorite_entry{
		left : 0px;
	}
}

@media screen and (max-width: 600px){
	.estate #FORM .table_base{
		margin-top : 70px;
	}
	#DIV_RESIDENCE_GALLERY LI {
		width: 25%;
	}
}
@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;
	}
	.present_title{
		width : 100%;
		text-align: center;
	}
	.present{
		-ms-justify-content : center; /* IE10 */
		justify-content : center;
	}
}
@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 : #00663F;
		border-radius : 3px;
		background-image : url(../img/icon_mail_white.png);
		background-repeat : no-repeat;
		background-position : 10px center;
		background-size : 20px;
	}
	.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;
	}
	#ARTICLE_TITLE{
		padding : 20px;
		padding-top : 10px;
		width: calc(100% - 20px);
	}
	#EYECATCH{
		height : 70vh;
	}
	#BACKGROUNG_IMAGE LI{
		height : 35vh;
	}
	#GOOGLEMAP_BANNER .members_registration_button .member_link span{
		display : block;
	}
}
@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{
		font-size : 32px;
		line-height : 32px;
		margin : 15px 0px;
	}
	#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{
		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_BASE button{
		border-radius : 10px;
	}
	#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 #4CB6A2;
		width : 90%;
		cursor : pointer;
	}
	#LOAN_OPEN_CHECK img{
		width : 25px;
		margin-left : 10px;
		margin-bottom : 10px;
	}
	.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;
	}
	#TATOU_KUKAKU .button_style{
		min-width: 150px;
	}
	#MODAL_ESTATE_BOX .estate_details_table th:after{
		display : none;
	}
	#MODAL_ESTATE_BOX .estate_details_table td{
		padding-right : 0px;
	}
}
@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;
	}
}