@charset "utf-8";
/* CSS Document */
input, textarea {
 -webkit-user-select : auto;
}
.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}
button{ /**ボタンタグリセット*/
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
.d_block{
    display: block;
}
.tab_wrap,.b_tab_wrap{width:100%; margin:40px auto;}
input[type="radio"]{display:none;}
.tab_area, .b_tab_area{font-size:0; border-bottom: 3px solid #9A9783; margin: 0;}
#result_area .tab_wrap .tab_area label,#result_area .b_tab_wrap .b_tab_area label{width:15%; margin:0 5px; display:inline-block; height: 35px; line-height: 35px;bottom: -5px; color:#999; background:#ddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;border-top: solid 1px #999;border-right: solid 1px #999;border-left: solid 1px #999; border-radius: 4px 4px 0 0; padding: 0;}
.tab_area label:hover,.b_tab_area label:hover{opacity:0.5; padding: 0;}
.panel_area, .b_panel_area{background:#fff; margin: 0; padding: 30px 0;}
.tab_panel, .b_tab_panel{width:100%; padding:80px 0; visibility: hidden; display: none;}
.tab_panel p,.b_tab_panel p{font-size:14px; letter-spacing:1px; text-align:left;}
 
#tab1:checked ~ .tab_area .tab1_label,#b_tab1:checked ~ .b_tab_area .b_tab1_label{background: #F1E5D1; color:#000; height: 45px; line-height: 45px; bottom: 0;border-top: solid 1px #9A9783;border-right: solid 1px #9A9783 ;border-left: solid 1px #9A9783;}
#tab1:checked ~ .panel_area #panel1, #b_tab1:checked ~ .b_panel_area #b_panel1{display:block; visibility: visible;}
#tab2:checked ~ .tab_area .tab2_label,#b_tab2:checked ~ .b_tab_area .b_tab2_label{background: #F1E5D1; color:#000; height: 45px; line-height: 45px; bottom: 0;border-top: solid 1px #9A9783;border-right: solid 1px #9A9783 ;border-left: solid 1px #9A9783;}
#tab2:checked ~ .panel_area #panel2,#b_tab2:checked ~ .b_panel_area #b_panel2{display:block;visibility: visible;}
#tab3:checked ~ .tab_area .tab3_label,#b_tab3:checked ~ .b_tab_area .b_tab3_label{background: #F1E5D1; color:#000; height: 45px; line-height: 45px; bottom: 0;border-top: solid 1px #9A9783;border-right: solid 1px #9A9783 ;border-left: solid 1px #9A9783;}
#tab3:checked ~ .panel_area #panel3,#b_tab3:checked ~ .b_panel_area #b_panel3{display:block;visibility: visible;}
#tab4:checked ~ .tab_area .tab4_label,#b_tab4:checked ~ .b_tab_area .b_tab4_label{background: #F1E5D1; color:#000; height: 45px; line-height: 45px; bottom: 0;border-top: solid 1px #9A9783;border-right: solid 1px #9A9783 ;border-left: solid 1px #9A9783;}
#tab4:checked ~ .panel_area #panel4,#b_tab4:checked ~ .b_panel_area #b_panel4{display:block;visibility: visible;}
#tab5:checked ~ .tab_area .tab5_label,#b_tab5:checked ~ .b_tab_area .b_tab5_label{background: #F1E5D1; color:#000; height: 45px; line-height: 45px; bottom: 0;border-top: solid 1px #9A9783;border-right: solid 1px #9A9783 ;border-left: solid 1px #9A9783;}
#tab5:checked ~ .panel_area #panel5,#b_tab5:checked ~ .b_panel_area #b_panel5{display:block;visibility: visible;}

.rb_tab_wrap{width:100%; margin:20px auto;}
input[type="radio"]{display:none;}
.rb_tab_area{font-size:0;  border-bottom: solid 1px #999; display: flex;justify-content: center;margin-bottom: 20px;
}

#result_area .rb_tab_wrap .rb_tab_area label{width:20%; margin:0 5px; display:inline-block; line-height: 40px; color:#999; background:#ddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; border-top: solid 1px #999;border-right: solid 1px #999;border-left: solid 1px #999; border-radius: 4px 4px 0 0; height: 40px; bottom: -5px; font-size: 16px; padding: 0;font-weight: bold;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.rb_tab_area label:hover{opacity:0.5;}
.rb_panel_area{background:#fff;}
.rb_tab_panel{width:100%; padding:0; display:none;}
.rb_tab_panel p{font-size:14px; letter-spacing:1px; text-align:left;}
 
#rb_tab1:checked ~ .rb_tab_area .rb_tab1_label{background:#fff; height: 45px; bottom: 0px; color: #D92F00; line-height: 45px;}
#rb_tab1:checked ~ .rb_panel_area #rb_panel1{display:block;}
#rb_tab2:checked ~ .rb_tab_area .rb_tab2_label{background:#fff; height: 45px; bottom: 0px; color: #D92F00; line-height: 45px;}
#rb_tab2:checked ~ .rb_panel_area #rb_panel2{display:block;}

.hide {
  display: none;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(200, 200, 200, 0.2);
  border-right: 1.1em solid rgba(200, 200, 200, 0.2);
  border-bottom: 1.1em solid rgba(200, 200, 200, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*****************棟表示・部屋表示**********************/
*,
*::before,
*::after {
  box-sizing: border-box;
}
.form-check-label input[type="submit"]{
    background: none;
    color: #ffffff;
	outline: none;
}
#main_contents ul li,.room_bkn_name ul li{
    list-style: none;
}
ul li.madori_list{
    width: 48%;
    display: inline-block;
}
ul li.kodawari_list{
    width: 100%;
    display: block;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
#switch{
	display: block;
	width: 100%;
	border-bottom: 4px solid #0E7FC3;
	margin-bottom: 20px;
	height: 42px;
	font-size: 0.85em;
}
#switch span{
	width: 150px;
	
	display: block;
	margin-bottom: 0;
	float: left;
	height: 40px;
	margin-left: 8px;
	border-radius: 8px 8px 0 0;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
    top: -2px;
    position: relative;
}
#switch span a{
	display: block;
	color: #212529;
	text-decoration: none;
	border: 1px solid #0E7FC3;
    border-radius: 8px 8px 0 0;
}
#switch span a:hover{
	background: #ED6103;
	color: #ffffff;
	border-radius: 8px 8px 0 0;
    border: 1px solid #ED6103;
	
}
#switch span.active{
	background: #0E7FC3;
	color: #ffffff;
	height: 40px;
	
}
.new_flg_pc{
    position: relative;
    top: -20px;
    border: red 1px solid;
    padding: 2px;
    text-align: center;
    color: red;
    display: block;
    width: 50px;
}

.kakaku{
	color: #ED6103;
	font-weight: bold;
	padding-right: 0px;
}

#result_area table tr td.heya{
	padding: 0;
	/*line-height: 52px;*/
}
#result_area table tr td a{
	display: block;
	width: 100%;
	height: 100%;
	color: #003af6;
	/*font-size: 1.2em;*/
	
}
#result_area table tr:hover{
	background: rgba(196,228,255,0.5);
	/*background: #EBF6FF;
	opacity: 0.6;*/
	
	/*content: "詳細を見る";*/
}
.rowlink-td-nohover {
    /*pointer-events: none;*/
	background: none;
}
.rowlink-td-nohover2 {
    pointer-events: none;
	background: none;
}
#result_area table tr td a.f_1em{
	font-size: 1em;
}
#result_area table tr td a.btn-push { /*詳細ボタン*/
  display: inline-block;
  max-width: 180px;
  background-color: #0E7FC3;
  font-size: 12px;
  text-decoration: none;
  padding: 5px;
	text-align: center;
  border-radius: 4px;
  border-bottom: 4px solid #005E97;
    color: #ffffff;
    height: 35px
}

#result_area table tr td a.btn-push:hover,#result_area table tr td a.btn-push-like:hover, .btn-del-like-bulk:hover, .btn-toiawase-bulk:hover {
    opacity: 0.8;
}
#result_area table tr td a.btn-push-like, div.btn-push-del, div.btn-push-clear, .btn-del-like-bulk { /*詳細ボタン*/
	display: inline-block;
	max-width: 180px;
	background-color: #EBEBEB;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	text-align: center;
	border-radius: 4px;
	border-bottom: 4px solid #888888;
	color: #333333;
	height: 35px
}
div.btn-push-del, div.btn-push-clear {
	margin: 0 10px;
	width: 10%;
	cursor: pointer;
}
.btn-pusu-wrap{
	position: absolute;
	width: 100%;
	text-align: center;
}
.del-msg {
	color: #fff;
	text-align: center;
}
#result_area table tr td a.btn-push-like i{
    color: #E83A9B;
}
#result_area table tr td a.clsDisabled{
    background-color: #EBEBEB;
    cursor: default;
    height: 35px;
    line-height: 25px;
	border: 1px solid #888888;
}

.result_building_madori{
    width: 100%;
    height: 110px;
    position: relative;
    cursor: pointer;
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.result_building_madori span, .room_gaikan_area span{
    display: none;
    position: absolute;
    top: -150px;
    left: 100px;
     width: 250px;
    height: 250px;
}
.result_building_madori:hover span, .room_gaikan_area:hover span{
    border: none;
    display: block;
    margin-top: 0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
    width: 250px;
    z-index: 2;
    animation: show 0.3s linear 0s;
}
.result_building_madori img,.room_gaikan_area span img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.room_gaikan_area img{
	height: 100%;
    width: 100%;
    object-fit: cover;
}
.room_gaikan_area2{
         float: left;
         width: 120px;
         height: 120px;
         display: block;
         margin-top: 15px;
    }

.room_gaikan_area2 span{
    display: none;
    position: absolute;
    top: -150px;
    left: 100px;
     width: 300px;
    height: 300px;
}
.room_gaikan_area2 .room_gaikan_area01:hover span,.room_gaikan_area2 .room_gaikan_area02:hover span,.room_gaikan_area2 .room_gaikan_area03:hover span,.room_gaikan_area2 .room_gaikan_area04:hover span{
    border: none;
    display: block;
    margin-top: 0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
    width: 300px;
    z-index: 2;
    animation: show 0.3s linear 0s;
}
.room_gaikan_area2 img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    
}

.room_gaikan_area2 .room_gaikan_area01{
    width: 100%;
    height:70%;
    margin-bottom: 2%;
}
.room_gaikan_area2 .room_gaikan_area02{
    width: 48%;
    height:28%;
    margin: 2% 2% 0% 0%;
    float: left;
}
.room_gaikan_area2 .room_gaikan_area03{
    width: 48%;
    height:28%;
    margin: 2% 0% 0% 2%;
    float: left;
}
.room_gaikan_area2 .room_gaikan_area04{
    width: 100%;
    height:100%;
}
.room_gaikan_area2 .room_gaikan_area02 img,.room_gaikan_area2 .room_gaikan_area03 img, .room_gaikan_area2 .room_gaikan_area01 img, .room_gaikan_area2 .room_gaikan_area04 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*****************棟表示・部屋表示ここまで**********************/
.pc2{
	display: none;
}
select{
	padding: 4px 5px;
	margin-right: 20px;
}
#main_contents:after{
	content: "";
	clear:both;
	width: 100%;
	display: block;
}
#main_contents2{
	width: 980px;
	margin: 0 auto;
	margin-top: 100px;
}
#main_contents_result{
    width: 710px;
    float: left;
}
#acMenu dd{
	top: 27px;
}
.pc{
	/*display: block;*/
}
.sp{
	/*display: none;*/
}
label{
	cursor: pointer;
}
.shadow {
  box-shadow: 2px 2px 2px gray;
}

.search_checkbox {
	margin:			0 0 10px 10px;
}
.chk_area{
	cursor: pointer;
}
.chk_area:hover{
	/*background: #D6F5FF;*/
	opacity: 0.8;
}
.fc_blue{
	color: #0061A7;
	font-weight: bold;
    word-break: keep-all;
}
.fc_orange{
	color: #ED6103;
}
/* ラベルのスタイル　*/

.form-check{
	
}
.form-check input[type='checkbox']{
  display: none;
}
.form-check input[type='checkbox'] + .label-name::before{
    display: inline-block;
    font-family: "FontAwesome";
    margin-left: 0rem;
    width: 1.4rem;
	margin-right: 5px;
	font-size: 18px;
  }

.form-check input[type='checkbox'] + .label-name::before {
   /* content: "\f096";*/
    content: "";
    width: 15px;
    height: 15px;
    margin-top: 5px;
    border-radius: 3px;
    border: 1px solid #ffffff;
    position: relative;
    top: 2px;
}

.form-check input[type='checkbox']:checked + .label-name::after{
    content: "\f046";
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 36px;
    width: 10px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}

.form-check .nochk_error{
	font-weight: bold;
	color: red;
	display: none;
}
/*#result_area input[type='checkbox'] {
  display: none;
}
#result_area input[type='checkbox'] + .bulk_select::before {
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 0rem;
    width: 1.4rem;
	margin-right: 5px;
	font-size: 18px;
	padding-top: 15px;
	color: #4D4D4D;
  }

#result_area input[type='checkbox'] + .bulk_select::before {
    content: "\f096";
  }

#result_area input[type='checkbox']:checked + .bulk_select::before {
    content: "\f046";
  }


*/

/*----------------------------------------------------
検索ウィンドウ
----------------------------------------------------*/

#search_window{
	display: block;
    height: 40px;
    max-height: 40px;
    background: #d3d3d3;
    justify-content: space-between;
    align-items: center;
    position: fixed;
	width: 100%;
	text-align: left;
	top: 40px;
	
	
}
#search_window .left{
	width: 70%;
	padding: 8px 1%;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#search_window .right{
	width: 26%;
	padding: 8px 1%;
	float: right;
	text-align: right;
}
#search_window span.kensaku{
	border: 1px solid #000;
	padding: 3px;
	
}
.search_window_contents{
	width: 250px;
	background: #e8f6ff;
	opacity: 100;
	position: relative;
    float: left;
    margin-left: 20px;
}
.search_window_contents_inner{
	width: 100%;
	margin: 0px auto;
	padding: 10px;
    font-size: 0.9em;
}

.square_btn{
	width: 100%;
	padding: 5px 30px;
	height: 50px;
	opacity: 1;
	margin-top: 15px;
    cursor: pointer;
}
.search_window_contents_inner .result_search_area_midashi{
	width: 100%;
    background: #0E7FC3;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1em;
    margin-bottom: 10px;
}
.search_window_contents_inner dt{
	width: 100%;
	border-left: 5px solid #0E7FC3;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
    margin-bottom: 10px;
}
.search_window_contents_inner dd{
    margin-bottom: 15px;
    margin-left: 0;
}
.search_window_contents_inner dd.form input[type='text']{
    height: 35px;
}
.result_search_flag{
    font-size: 0.9em;
    margin-bottom: 0;
}
.search_window_contents_inner .max_min #select2{
        width: 100%;
        display: inline-block;
    }

.search_window_contents_inner select{
    background: #fff;
}
.search_window_contents_inner .max_min #select1, .search_window_contents_inner .max_min #select2{
    width: 100%;
    display: block;
    
}
.search_window_contents_inner .max_min #select1 select, .search_window_contents_inner .max_min #select2 select{
    width: 100%;
    
}
.search_window_contents_inner #select_error,.search_window_contents_inner #select_error_se,.search_window_contents_inner #select_error_la,.search_window_contents_inner #select_error_ta{
    color: red;
    width: 100%;
}
.search_window_contents_inner .error_nodisp{
    display: none;
}
.search_window_contents_inner .error_disp{
    display: block;
}

.search_window_contents_inner dd span{
    display: inline-block;
    margin-right: 0px;
    word-wrap: normal;
}
.search_window_contents_inner dd .checkbox01-input:checked + .checkbox01-parts::after{
	width: 9px;
	top: -3px;
}
@media all and (-ms-high-contrast: none){
  .search_window_contents_inner dd span{
    margin-right: 5px;
    }
}


.search_window_contents_inner dd .result_search_conma span:after{
    content: "、";
}
.search_window_contents_inner dd span.result_search_check_wrap:after{
    content: none;
}
.search_window_contents_inner dd .result_search_conma span:last-of-type:after, .search_window_contents_inner dd span.result_search_check:after{
    content: "";
}
.search_window_contents_inner dd .result_search_conma span:last-of-type:after{
    content: none;
}
 #result_area label.result_search_check{
    z-index: 1;
     margin-left: 10px;
}
#result_area label.result_search_check:before{
    margin-left: -5px;
    top :-2px;
}
.search_window_contents_inner select{
    width: 100%;
}
.search_window_contents_inner dd .result_search_check_wrap{
        margin-top: -1px;
        border-top: 1px solid #eee;
        text-indent: 1em;
        font-weight: 400;
        width: 100%;
        height: 35px;
        line-height: 30px;
        list-style: none;
        display: inline-block;
        margin-right: 0;
        
    }
    .search_window_contents_inner dd label.result_search_check{
        height: 50px;
        position: relative;
        top: -15px;

    }
    .search_window_contents_inner dd input.result_search_check{
        width: 18px;
        height: 35px;
    }
.iframe_box{
    display: block;
    max-width: 100%;
    background-color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #9E9E9E;
    border-bottom: 4px solid #9E9E9E;
    color: #333333;
    height: 38px;
    line-height: 38px;
}
.search_window_contents_inner .result_search_area_midashi2{
	width: 100%;
    background: #ffffff;
    color:#3F3F3F;
    border: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 10px;
}
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;
}


.accbox label {
    
    cursor :pointer;
    transition: all 0.5s;
}

.accbox label:hover {
    background :#115FAE;
    color: #ffffff;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 0px 0px 40px 0px;
   
    opacity: 1;
}


/*----------------------------------------------------
一覧表示
----------------------------------------------------*/

.result_building_name{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	min-height: 160px;
	z-index: -1;
	display: flex;
	align-items: center;
    width: 490px;
}
.result_building_name_inner{
	width: 100%;
    word-break:break-all;
}
.result_building_name_sbt{
	position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    padding: 5px 20px;
    border: #dddddd 2px solid;
    border-radius: 5px;
    color: #ffffff;
}
.result_room_name_sbt{
	position: absolute;
    top: 8px;
    left: 11px;
    font-size: 10px;
    padding: 3px 5px;
    color: #ffffff;
    text-align: center;
}
.red{
    background: #FF4B4E;
}
.red2{
    color: #FF4B4E;
    border: 1px solid red;
    font-size: 0.9em;
    padding: 2px;
}
.result_building_name_inner .red2{
    display: inline-block;
    margin-left: 10px;
}
.orange{
    background: #FB9E29;
}
.blue{
    background: #008CFF;
}
.green{
    background: #067A01;
}
.brown{
    background: #866F3E;
}
.result_building_name span{
	font-size: 16px;
	font-weight: normal;
	display: block;
}
.result_building_name span.tag{
	border: 1px solid #ff0000;
	padding: 0 10px;
	color: #ff0000;
	position: absolute;
	bottom: 0;
	right: 0;
}
.result_building_thumb{
	float: left;
	width: 200px;
	height: 160px;
	background: #dddddd;
	display: block;
	margin: 10px 20px 0 0;
}
.result_building_thumb img{
	width: 100%;
    object-fit: cover;
    height: 100%;

}

.result_sort_left{
	float: left;
	/*margin-top: 5px;*/
    position: relative;
    top: -8px;
    height: 30px;
}
input[type="submit"].narabikae {
    display: inline-block;
    padding: 0.2em;
    text-decoration: none;
    background: #EDEDED;
    color: #3F3F3F;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 120px;
    text-align: center;
    height: 34px;
    position: relative;
    top: -2px;
}
.sort_sp, .sort_sp2{
    font-size: 16px;
}
.result_sort_right{
	float: right;
    font-size: 0.9em;
}

input[type="submit"].narabikae:hover{
    background: #0E7FC3;
    color: #ffffff;
}

.result_sort_left span{
	padding: 5px 15px;
	border: 1px solid #e2e1e1;
    line-height: 30px;
}
.result_sort_left span.room{
	border-left: none;
}
.result_sort_left span:active, .result_sort_left span.active{
	background: #e2e1e1;
}
.square_btn2{
    display: inline-block;
    padding: 0.2em;
    text-decoration: none;
    background: #115FAE;
    color: #fff;
    border-bottom: solid 2px #9C9C9C;
    border-radius: 3px;
	width: 150px;
	top: -2px;
	text-align: center;
	height: 38px;
}
.square_btn2:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	
}
.bulk_select_check{
	margin: 0;
}
#result_area{
	clear: both;
	width: 100%;
	padding-top: 10px;
	
}
#result_area:after{
	clear: both;
}
.result_building_wrap{
	margin-top: 30px;
}
.result_building_wrap{
	width: 100%;
	margin-top: 60px;
	border-top: #777 2px solid;
}
.result_building_wrap:nth-of-type(1){
		margin-top: 0;
	}
#result_area table{
	width: 100%;
	font-size: 12px;
	line-height: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}
#result_area table tr{
	border: 1px solid #D1D1D1;
}
#result_area table tr th{
	padding: 5px 10px;
	border: 1px solid #D1D1D1;
	background: #EDEDED;
	font-weight: normal;
}
#result_area table tr td{
	padding: 7px 5px;
	border: 1px solid #D1D1D1;
	vertical-align: middle;
	/*z-index: 10;*/
	position: relative;
	
}
#result_area table tr td .new_flg_pc{
	position: absolute;
	top: 10px;
}
.w_20_building{
    width: 20%;
}
.w_16_building{
    width: 16%;
}
.result_pager{
	
	float: right;
}
.pager span a{
	border: 1px solid #D1D1D1;
    padding: 3px 8px;
    margin: 5px 3px;
    display: inline-block;
}
.pager span.active{
	background: #d1d1d1;
	border: none;
	padding: 7px 8px;
    margin: 5px 3px;
}
.pager{
	float: right;
	margin-bottom: 0px;
	margin-top: 5px;
}
#page_top, #page_top a{
	display: none;
}

/*----------------------------------------------------
お気に入り一覧表示
----------------------------------------------------*/
#form-bulk {
	display: flex;
	flex-direction: row;
}
#form-bulk div {
	display: inline-block;
	margin-right: 10px;
}
#form-bulk .square_btn2 {
	height: 40px;
	border-bottom: solid 4px #08417A;
	line-height: 2em;
}
.form-bulk-text {
	margin-left: 20px;
	line-height: 40px
}
.btn-del-like-bulk {
	padding: 0;
	width: 120px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 100;
}
#like-null-massage {
	padding: 3em 0;
	font-size: 3em;
	text-align: center;
}
#tab-like-list {
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
	border-bottom: solid 2px #999;
}
#tab-like-list div {
	margin-right: 5px;
	width: 13%;
	height: 3em;
	line-height: 3em;
	text-align: center;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-radius: 4px 4px 0 0;
	font-size: 0.9em;
	cursor: pointer;
}
.tab-like-active {
	background: #585858;
	color: #fff;
}
#tab-like-type {
	display: flex;
	justify-content: center; 
	margin-bottom: 20px;
	border-bottom: solid 1px #999;
}
#tab-like-type div {
	margin: 1em 5px 0 5px;
	width: 20%;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-radius: 4px 4px 0 0;
	font-size: 1.2em;
	cursor: pointer;
	font-weight: bold;
	color: #999;
	background: #E4E4E4;
}
#tab-like-type div.tab-like-active {
	margin: 0.5em 5px 0 5px;
	height: 3em;
	line-height: 3em;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#tab-like-rent.tab-like-active a {
	color: #D92F00;
}
#tab-like-sale.tab-like-active a {
	color: #D92F00;
}
#tab-like-type:before, #tab-like-type:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media all and (-ms-high-contrast: none) {
	.result_pager{
		padding-bottom: 30px;
	}
}



    .room_wrap{
        padding: 35px 10px;
        border-top: 3px solid #BBB4B4;
        min-width: 710px;

    }
    .room_bkn_name{
        width: 85%;
        font-size: 18px;
        font-weight: bold;
        float: left;
        margin-bottom: 5px;
        /*height: 27px;*/
    }
    .room_bkn_name span{
        position: relative;
        bottom: 5px;
        line-height: 25px;
        word-break: break-all;
        margin-bottom: 10px;
    }
.room_bkn_name ul{
    float: left;
    width: 90%;
}
.room_bkn_name .tag{
    float: right;
    font-size: 0.8em;
    color: red;
    padding: 4px;
    border: 1px solid red;
}
    .room_like_push{
        float: right;
        width: 13%;
        top: -5px;
    }
    .room_like_push a {
        cursor: pointer;
    }
     .room_gaikan_area{
         float: left;
         width: 120px;
         height: 120px;
         border: 1px solid #BBB4B4;
         display: block;
         margin-top: 15px;
    }

     .room_syosai_area{
         width: 550px;
         float: right;
         min-height: 120px;
         font-size: 12px;
		 display: flex;
    }
    .room_syosai_area div{
        display: block;
        min-height: 120px;
        border-right: 1px dashed #BBB4B4;
        padding: 10px;
        /*float: left;*/
        vertical-align:middle;
        position: relative;
    }

.room_syosai_area div:last-child{
    border-right: none;
}
    .room_syosai_area div p {
		margin-bottom: 0;
		word-break: break-all;
		overflow-wrap: break-word;
		word-wrap: break-word;
          /*position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform : translateY(-50%);
          transform : translateY(-50%);*/
        }
    .room_syosai_area .result_room_rent span{
        color: #ED6103;
        font-weight: bold;
        padding-right: 3px;
        font-size: 18px;
        word-break: break-all;
    }
.room_syosai_area .result_room_rent span.manen{
    color: #000;
    font-size: 1em;
    word-break: keep-all;
    font-weight: normal;
}
/* safari _::-webkit-full-page-media, _:future, :root  */
_::-webkit-full-page-media, _:future, :root .room_syosai_area div p{
      
     /* -webkit-transform : translate(-5px, -50%);*/
    
}
/* safari ここまで*/

    .result_room_deposit_wrap{
        line-height: 25px;
    }
    span.result_room_deposit{
        width: auto;
        height: 21px;
        background: #004DC5;
        color: #ffffff;
        line-height: 21px;
        font-size: 12px;
        text-align: center;
        margin-right: 5px;
        padding: 2px;
        display: inline-block;
    }
     .room_w30{
         width: 115px;
    }
    .room_w20{
         width: 130px;
    }
    .room_w10{
         width: 92px;
    }
    .room_w222{
         width: 200px;
    }
    .room_w400{
         width: 400px;
    }
    .room_w205{
         width: 205px;
    }
    .room_w220{
         width: 220px;
    }
    .room_w290{
         width: 290px;
    }
    .room_btn_area{
        clear: both;
        width: 100%;
        text-align: right;
        padding-top: 20px;
    }
    .result_room_shiki{
        line-height: 20px;
        display: block;
        margin-top: 10px;
    }
    .room_btn_area .syousai_btn{
            display: inline-block;
            background-color: #0E7FC3;
            font-size: 12px;
            text-decoration: none;
            line-height: 40px;
            text-align: center;
            border-radius: 4px;
            border-bottom: 4px solid #005E97;
            color: #ffffff;
            height: 40px;
            width: 120px;
            margin-right: 20px;
            cursor: pointer;
    }
    .room_btn_area .toiawase_btn, .btn-toiawase-bulk{
            display: inline-block;
            background-color: #EF6000;
            font-size: 12px;
            text-decoration: none;
            line-height: 40px;
            text-align: center;
            border-radius: 4px;
            border-bottom: 4px solid #AA4F00;
            color: #ffffff;
            height: 40px;
            width: 120px;
            cursor: pointer;
			outline: none!important;
    }
    .room_like_push a{
        width: 100%;
        min-width: 80px;
    }
@media screen and (max-width:979px) {
    .inner980, #main_contents {
        width: 980px;
    }
    #result_area label:before{
        content: none;
    }
    .checkbox01-parts_room{
        padding-left: 25px;
        margin-left: 5px;
        margin-right: 2px;
    }
    .checkbox01-input:checked + .checkbox01-parts_room::after{
        top: 3px;
    }
    #switch{
        font-size: 14px;
    }
    .result_sort_left{
        margin-right: 20px;
        top: 5px;
    }
    .result_sort_left span.kakaku{
        border: none;
        font-size: 1.2em;
    }
}