@charset "utf-8";

.noDisplay{
    display: none;
}
/*現地販売会開催*/
.genti{
background: #d80000;
color: #fff;
text-align: center;
padding: 1em 0 1.5em;
}
.genti .ge_m_t{
display: inline-block;
}
.genti .ge_tit{
font-size: 48px;
font-weight: bold;
text-align: center;
}
.genti .ge_day{
font-size: 28px;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
.gg_btn{
text-align: center;
}
.gg_btn a{
font-size: 14px;
font-weight: bold;
text-align: center;
background: #007FFF;
padding: 2px 6em;
border-radius: 5px;
margin: 0 0.5em ;
color: #fff;
text-decoration: none;
}
.genti .gg_btn a{
padding: 2px 1em;
}
.ge_txt{
font-size: 19px;
font-weight: bold;
padding: 0.7em 0 0.5em;
}
.ge_txt2{
font-size: 14px;
margin-bottom: 1em;
line-height: 1.2;
}

@media only screen and (max-width: 767px) {
.genti{
padding: 1em 1em 1.5em;
width: 100%;
box-sizing: border-box;
}
.gg_btn a{
font-size: 16px;
width: 80%;
padding: 0.5em 0;
display: block;
margin: 0 auto 0.5em;
}
.genti .ge_m_t{
font-size: 14px;
}
.genti .ge_tit{
font-size: 38px;
}
.genti .ge_day{
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
}
}/**/
/*/現地販売会開催*/
/* 物件詳細-上部
---------------------------*/
h3.listh3{
/*border-bottom: 2px solid #333;*/
font-size: 24px;
font-weight: bold;
padding: 4px 4px 0px 2px;
position: relative;
    line-height: 10%;
}
h3.listh3 .en {
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.08em;
    font-size: 16px;
    padding-left: 8px;
}
h3.listh3::after {
    background-color: #fff;
    background-image: linear-gradient(to right, #2292F9, #2292F9 5px, transparent 5px, transparent 5px);
    background-size: 10px 5px;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 10px;
    width: 33.5%;
  }
h3.listh3::before {
    background-image: none;
    background-size: 20px 10px;
    background-repeat: repeat-x;
    content: "";
    display: inline-block;
    height: 0px;
    width: 100%;
    position: absolute;
    bottom: 0;
}/*打ち消し用*/
/*h3::after {
    background-color: #FFD700;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 20%;
    z-index: 2;
}
section.results_area {
	padding: 0 0 5em 0;
}*/
h4::before {
    background-image: none;
    background-size: 20px 10px;
    background-repeat: repeat-x;
    content: "";
    display: inline-block;
    height: 0px;
    width: 100%;
    position: absolute;
    bottom: 0;
}/*打ち消し用*/
section.results_area {
    padding-bottom: 96px;
}
section.results_area::after {
  content: "";
  display: block;
  clear: both;
}
.results_area .ld_title_area{
	position: relative;
	padding: 3em 0 1.5em 0;
}
.results_area .s_mark_mnsn,
.results_area .s_mark_kodate,
.results_area .s_mark_kodate_used,
.results_area .s_mark_kodate_mi,
.results_area .s_mark_tochi{
	margin-right: 20px;
    float: left;
    margin-top: 5px;
}
/*.results_area .s_mark_mnsn{
	padding: 10px 25px;
	float: left;
	margin-right: 30px;
}*/
.results_area h2.ld_title{
	font-size: 32px!important;
	font-weight: bold;
	float: left;
	width: auto;
    padding: 0;
    box-sizing: border-box;
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
}
.results_i-new{
float: right;
margin: -20px 10px;
}
.results_area .fab_btn a{
	margin: 0px 0 0 10px;
}
.results_area ul.btnss{
text-align: center;
margin: 2em 0 0 0;
}
.results_area ul.btnss li{
display: inline-block;
width: 48%;
}
@media only screen and (max-width: 767px) {
.results_area ul.btnss li{
display: block;
width: 100%;
}
.results_area ul.btnss {
    text-align: center;
    margin: 2em 0;
}
}/**/
.fab_btn{
float: right;
}
.bkn_data{
    clear: both;
    padding-top: 30px;
}
.bkn_data::after{
    clear: both;
    content: "";
    display: block;
}
.ldt_add{
	clear: both;
    width: 80%;
    float: left;
}
.kanri-no{
	width: 20%;
	text-align: right;
	font-size: 14px;
	padding: 0px 0 5px;
    float: right;
}
.results_area .ra_detail_area .flt_lft{
	width: 370px;
    padding-top: 10px;
}
.results_area .ra_detail_area .flt_rgt{
	width: 712px;
}
ul.rda_data_area{
	width: 100%;
}
ul.rda_data_area li{
	border-bottom: 1px solid #E8E8E8;
	padding: 0.75em 0;
	display: table;
	width: 100%;
	position: relative;
}
ul.rda_data_area li:first-child,
ul.rda_data_area li:last-child{
	border-bottom: 0px solid #333;
	padding-bottom: 0;
}
ul.rda_data_area li span.rda_data_tit,
ul.rda_data_area li span.rda_data{
	display: table-cell;
	vertical-align: middle;
}
ul.rda_data_area li span.rda_data_tit{
	width: 30%;
	font-size: 18px;
	font-weight: normal;
}
ul.rda_data_area li span.rda_data{
	font-size: 16px;
}
ul.rda_data_area li span.rda_data span{
	font-size: 12px;
	width: 48%;
display: inline-block;
text-align: left;
position:relative;
	margin-bottom: 5px;
    padding-left: 10px;
    box-sizing: border-box;
}
ul.rda_data_area li span.rda_data span::before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 20px;
    background-color: #FFD700;
    position: absolute;
    top: -1px;
    left: -5px;
}

ul.rda_data_area li span.rda_data span:nth-child(odd){
  margin-right: 4%;
}
ul.rda_data_area li span.rda_data.kakaku_txt{
	font-size: 32px;
	color: #FF0000;
	font-weight: bold;
}
ul.rda_data_area li span.rda_data.kakaku_txt div.kf{
	font-size: 26px;
	color: #000;
	font-weight: bold;
	display: inline-block;
}
@media only screen and (max-width: 767px) {
ul.rda_data_area li span.rda_data.kakaku_txt div.kf {
    font-size: 19px;
}
}/**/
ul.rda_data_area li .loan_btn{
	text-align: center;
	font-size: 17px;
	 box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.4);

}
ul.rda_data_area li .loan_btn a{
	color: #fff;
	background: #224C72;
	padding: 8px 0 8px 2em;
	position:relative;
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 2px solid #224C72;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}
ul.rda_data_area li .loan_btn a:before{
	content: '';
  display: inline-block;
  width:26px;
  height: 26px;
	position: absolute;
	top: 6px;
	left: 60px;
	background: url("../images/icon-graph.svg") no-repeat;
	background-size: contain;
}
ul.rda_data_area li .loan_btn a:hover{
	color: #224C72;
	background: #fff;
	text-decoration: none;
}
ul.rda_data_area li .loan_btn a:hover:before{
	background: url("../images/icon-graph_hv.svg") no-repeat;
	background-size: contain;
}
ul.rda_data_area li span.rda_data.map_txt{
	width: 50%;
}
ul.rda_data_area li .icon-map_btn{
	position: absolute;
	right: 10px;
	 top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.rda_photo{
	position: relative;
}
.photo_under_txt{
	font-size: 15px;
	padding: 6px 0 6px 10px;
	background:rgba(255,255,255,0.6);
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.rda_tell_area{
	position: relative;
	margin-top: 20px;
}
.rda_tell_area .rta_tel{
	position: absolute;
	bottom: -15px;
	left: 100px;
	font-size: 16px;
}
.rda_tell_area img{
	padding-left: 20px;
}
.rda_tell_area .rta_tel span{
	font-size: 35px;
	color: #FF0000;
	font-weight:700;
}
.rda_tell_area .rta_time{
	position: absolute;
	bottom: -6px;
	right: 10px;
	font-size: 16px;
}
.vr-area {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  clear: both;
  
}
.vr-area iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* 物件詳細-スライダー
---------------------------*/
section.list_slider{
	background: #E9F0F4;
	clear: both;
	padding: 8em 0 9.5em 0;
    background-image: url("../images/bg_pg1.svg"),url("../images/bg_pg2.svg");
    background-position: left top,right bottom -5px;
    background-repeat: no-repeat,no-repeat;
    background-color: #F2F2F2;
}
.display-change-area{
    min-height: 60px;
   
}
.display-change-area::after{
    clear: both;
    display: block;
    content: "";
    
}
/*タブ切り替え*/
.list_slider .tab-area {
  /*width:340px;*/
  width:auto;
	margin: 0 auto;
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    border-radius: 4px;
    margin: 0px 0 0 430px;
    float: left;
}
.list_slider .content2 .tab-area {
  position: absolute;
top: 0;
left: 0;
margin-left: 50px;
}
.list_slider .tab-area .tab,
.list_slider .tab-area .tab2,
.list_slider .tab-area .tab3,
.list_slider .tab-area .tab4{
    width: 174px;
    width: 155px;
    height: 50px;
	line-height: 50px;
    text-align: center;
    color: #272A46;
	display: inline-block;
	border-radius: 4px;
	cursor: pointer;
	font-size: 18px;
	/*font-weight: bold;
	background-color: #fff;*/
	margin-right: 10px;
  }
.list_slider .tab-area .tab2.icon {
    width: auto;
    padding: 13px 20px; 
    height: auto;
	line-height: 0px;
  }
.list_slider .tab-area .tab.active,
.list_slider .tab-area .tab2.active2,
.list_slider .tab-area .tab3.active3,
.list_slider .tab-area .tab4.active4{
    background-color: #2D577D;
    color: #fff;
    border: none;
  }
.list_slider .tab-area .icon.block1{
	background: url("../images/icon-v_one.svg") no-repeat center center;
	height: 26px;
	width: 26px;
}
.list_slider .tab-area .icon.block4{
	background: url("../images/icon-v_four_hv.svg") no-repeat center center;
	height: 26px;
	width: 26px;
}
.list_slider .tab-area .icon{
	text-indent: -9898px;
}
.list_slider .tab-area .icon.block1.active2{
	background:#2D577D url("../images/icon-v_one_hv.svg") no-repeat center center;
	height: 26px;
	width: 26px;
}
.list_slider .tab-area .icon.block4.active2{
	background:#2D577D url("../images/icon-v_four.svg") no-repeat center center;
	height: 26px;
	width: 26px;
	
}
.list_slider .tab-area .icon-off.active2{
}
.list_slider .content-area {
  font-size: 30px;
  text-align: center;
}


.list_slider .tab-area.count .loan_btn a{
	color: #fff;
	background: #272A46;
	padding: 8px 0 8px 2em;
	position:relative;
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #272A46;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}
.list_slider .tab-area.count .loan_btn a:before{
	content: '';   
  display: inline-block;
  width:26px;
  height: 26px;
	position: absolute;
	top: 6px;
	left: 60px;
	background: url("../images/icon-graph.svg") no-repeat;
	background-size: contain;
}
.list_slider .tab-area.count .loan_btn a:hover{
	color: #272A46;
	background: #fff;
	text-decoration: none;
}
.list_slider .tab-area.count .loan_btn a:hover:before{
	background: url("../images/icon-graph_hv.svg") no-repeat;
	background-size: contain;
}
.list_slider .tab-area.count span.rda_data.map_txt{
	width: 50%;
}
.list_slider .tab-area.count .icon-map_btn{
	position: absolute;
	right: 10px;
	 top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}





.list_slider .content-area .content,
.list_slider .content-area .content2,
.list_slider .content-area .content3,
.list_slider .content-area .content4{
	width: 1000px;
	margin: 0 auto;
	/*display: none;*/
	opacity: 0;
	height: 0;
	visibility: hidden;
}
.list_slider .content-area .content.show,
.list_slider .content-area .content2.show2,
.list_slider .content-area .content3.show3,
.list_slider .content-area .content4.show4{
    margin-top: 20px;
    display: block;
	opacity: 1;
	height: auto;
	visibility: visible;
  }
.list_slider ul.ls_case_set{
	width:1000px;
	margin: 0 auto;
}
.list_slider ul.ls_case_set li{
	width:478px;
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	background: #ccc;
}
.list_slider ul.ls_case_big li{
	width:490px;
	display: inline-block;
	margin-bottom: 4px;
	position: relative;
	background: #ccc;
}
.list_slider ul.ls_case_set li a,
.list_slider ul.ls_case_big li a{
	color: #333;
}
.list_slider ul.ls_case_set li img{
	height:100%;
	max-height: 360px;
	margin: 0 auto;
}
.list_slider ul.ls_case_set li:nth-child(odd){
  margin-right: 20px;
}
/*物件詳細スライダー用slick*/
.ls_case,.ls_case_big{
  display: none;
}
.ls_case.slick-slider.slick-initialized,
.ls_case_big.slick-slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}
.slick-next {
    /*width: 19px!important;
    height: 76px!important;
    background: url("../images/r_arrow.png") no-repeat 0 0!important;*/
    width: 45px!important;
    height: 45px!important;
    background: url("../images/arrow_next.svg") no-repeat 0 0!important;
}
.slick-prev {
    /*width: 19px!important;
    height: 76px!important;
    background: url("../images/l_arrow.png") no-repeat 0 0!important;*/
    width: 45px!important;
    height: 45px!important;
    background: url("../images/arrow_prev.svg") no-repeat 0 0!important;
	z-index: 100;
}
.slick-next {
    right: -50px!important;
}
.slick-prev {
    left: -50px!important;
}
.ls_case_big li img{
height: 100%;
max-height: 58vh;
margin: 0 auto;

}
.slick-dots{
	/*position: absolute;
	bottom: 0;
	left: 5px;*/
	width: 100%;
	text-align: center;
	}
.slick-dots li{
	border-radius: 20px;
	text-indent: -9999px;
	width: 12px!important;
	height: 12px!important;
	background: #ccc;
	margin: 10px 3px 10px;
	display: inline-block;
	min-height: 1px;
	padding: 0;
	}
.slick-dots li.slick-active{
	background: #D90000!important;
	}
.slick-dots li:hover{
	cursor: pointer;
	}
/*物件詳細スライダー用colorbox*/
#cboxCurrent{
	display: none!important;
}


/* 物件詳細-共通
---------------------------*/
h4 {
    /*border-bottom: 1px solid #333!important;
    border-bottom: 8px dotted #2292F9!important;*/
    border-left: none!important;
    border-bottom: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important; 
    line-height: 0;
}
h4 .en {
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.08em;
    font-size: 16px;
    padding-left: 8px;
}
h4::after {
    background-image: linear-gradient(to right, #2292F9, #2292F9 10px, transparent 10px, transparent 10px);
    background-size: 20px 10px;
    background-repeat: repeat-x;
    content: "";
    display: inline-block;
    height: 10px;
    width: 100%;
  }
h5::after {
    border-bottom: none;
    width: 70px;
    content: "";
    height: 0px;
    display: block;
    margin: 0 auto;
}/* 打ち消し */
/*h4::before {
  content: "";
  background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px);
  background-size: 8px 8px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}*/
/*h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/
/* 物件詳細-物件概要
---------------------------*/
.list_outline {
    padding: 8em 0 10.5em 0;
    background-image: url("../images/bg_pd.svg"),url("../images/bg_rightbtm.svg");
    background-position: right bottom -18px, right bottom 0px;
    background-repeat: no-repeat,no-repeat;
    background-color: #fff;
}
.list_outline .wrapper {
}
/*.list_outline h4 {
    border-bottom: 1px solid #333!important;
    border-left: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important; 
}
.list_outline h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/


.list_outline ul.list {
    width: 1020px;
    margin: 0 auto;
    box-sizing: border-box; 
}
.list_outline ul.list li {
    background-color: #fff;
      border-top: 1px solid #fff;
    font-size: 14px;
    box-sizing: border-box;
}
.list_outline ul.list li:nth-child(2n+1) {
    background-color: #F2F2F2;
}
.list_outline ul.list dl {
    width: 100%;
    overflow: hidden;
  border-top: none;
    display:table;
}
.list_outline dt {
    background: #388DD0;
    color: #fff;
  width: 180px;
  padding: 20px;
  box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;   
}
.list_outline dd {
    width: 330px;
      margin-left: 30%;
  padding: 20px;
    box-sizing: border-box;
    display: table-cell;
	vertical-align: middle;
}
.list_outline .widea dt {
    width: 180px;
}
.list_outline .widea dd {
    width: 840px;
}
.list_outline dd:nth-child(2n+1) {
    background-color: none;
}
.list_outline dd:after{
  display: block;
  content: "";
  clear: both;
}
.icon_outline {
    width: 22px;
    height: 26px;
    margin-left: 10px;
}

/* 物件詳細-地域情報（初回リリース時非表示）
---------------------------*/
.list_area {
    padding: 8em 0 10.5em 0;
    background-image: url("../images/bg_li.svg"),url("../images/bg_rightbtm.svg"),url("../images/bg_lefttop.svg");
    background-position: left bottom -28px, right bottom 0px, left top 0px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-color: #fff;
}
.list_area .wrapper {
}
/*.list_area h4 {
    border-bottom: 1px solid #333!important;
    border-left: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important;   
}
.list_area h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/
.list_area h5 {
    border-bottom: none!important;
    font-size: 20px!important;
    padding: 4px 4px 7px 0px!important;
    margin-bottom: 0.2em!important;
    width: 1020px;
    margin: 0 auto;
    text-align: left;
    /*background: url("../images/border_st_yellow.png") repeat-x left bottom!important;*/
}
/*.list_area .underbar {
    background: url("../images/border_st_yellow.png") repeat-x left bottom;
    padding-bottom: 10px;
    padding-right: 10px;
    height: 3px;
    width: 14%;
    z-index: 2;
}*/


.list_area ul {
	width:100%;
	max-width: 1020px;
    margin: 0 auto 30px auto;
    box-sizing: border-box;   
}
.list_area li {
    background-color: #fff;
      border-top: 1px solid #fff;
    font-size: 16px;
    box-sizing: border-box;
}
.list_area li:nth-child(2n+1) {
    background-color: #F2F2F2;
}
.list_area dl {
    width: 100%;
    overflow: hidden;
  border-top: none;
    display:table;
}
.list_area dt {
    background: #019F96;
    color: #fff;
  width: 30%;
  padding: 20px;
  box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;   
}
.list_area dd {
    width: 70%;
      margin-left: 30%;
  padding: 20px;
    box-sizing: border-box;
    display: table-cell;
}
.list_area dd:nth-child(2n+1) {
    background-color: none;
}
.list_area dd:after{
  display: block;
  content: "";
  clear: both;
}
.list_area　.icon_area {
    width: 22px;
    height: 26px;
    margin-left: 10px;
}
.list_outline.local_info dt {
    background: #019F96;  
}
.list_outline.local_info p{
	font-size: 20px;
	font-weight: bold;
	width:100%;
	max-width: 1020px;
    margin: 0 auto;
}
.list_outline.local_info ul.list {
	width:100%;
	max-width: 1020px;
    margin: 0 auto 25px;
    box-sizing: border-box; 
}
.list_outline.local_info {
    padding: 8em 0 10.5em 0;
    background-image: url("../images/bg_rightbtm.svg");
    background-position: right bottom -18px, right bottom 0px;
    background-repeat: no-repeat,no-repeat;
    background-color: #fff;
}
.list_outline.local_info .widea dt {
    width: 380px;
}
.list_outline.local_info .widea dd {
    width: 640px;
}
.list_outline.local_info div.msg{
	width:100%;
	max-width: 1020px;
    margin: 0 auto;
}
/* 物件詳細-スタッフコメント
---------------------------*/
.staff_cmt {
    padding: 8em 0 9.5em 0;
    background-image: url("../images/bg_sc.svg");
    background-position: left bottom -33px;
    background-repeat: no-repeat;
    background-color: #F8F8F8;
}
.staff_cmt .wrapper {
    /*background: url("../images/img_point.png") no-repeat right 12px top 58px;*/
    position: relative;/*相対配置*/
}
/*.staff_cmt h4 {
    border-bottom: 1px solid #333!important;
    border-left: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important;  
}
.staff_cmt h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/
.staff_cmt dl {
    width: 1020px;
    margin: 30px auto 44px;
    border: 2px solid #E4E4E4;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 11px 31px;
    background-color: #fff;
    display: table;
}
.staff_cmt dl::after {
    clear: both;
    display: block;
    content: "";
}
.staff_cmt dl dt {
    float: left;
    width:90px;
    text-align: center;
    margin-top: 10px;
}
.staff_cmt dl dt p {
    font-size: 16px;
    text-align: center;
    padding-top: 3px;
}
.staff_cmt dl dt img {
width: 90px;
}
.staff_cmt dl dd {
    padding-left: 5px;
    padding-right: 10px;
	padding-top: 5px;
    font-size: 16px;
    display: table-cell;
  vertical-align: middle;

}
.staff_cmt dl dd p {
    line-height: 150%;
	padding-right: 40px;
    
}
.staff_cmt dl dd span.point {
    position: absolute;
  top: 52px;
  right: 24px;
  width: 180px;
}
.staff_cmt dl dd span.point img {
  width: 100%;
}

/* 物件詳細-バナー表示エリア
---------------------------*/
.bnr_area {
    padding: 80px 0 96px 0;
    padding: 8em 0 10.5em 0;
    /*background-image: url("../images/bg_lefttop.svg");
    background-position: left top 0px;
    background-repeat: no-repeat;*/
    background-color: #fff;
    text-align: center;
}


/* 物件詳細-注釈エリア
---------------------------*/
.annotation_area {
    padding: 8em 0 10.5em 0;
    /*background-image: url("../images/bg_rightbtm.svg");
    background-position: right bottom 0px;
    background-repeat: no-repeat;*/
    background-color: #fff;
}
.annotation_area p {
    font-size: 13px;
    color: #6C6C6C;
    line-height: 1.5;
}




/*---------------------------*/
/*          sp               */
/*---------------------------*/

@media only screen and (max-width: 767px) {
	body{
		min-width: 10px;
	}
    
.pan_nav {
    width: 100%;
}
 /* 物件詳細-上部
---------------------------*/
/*h3{
font-size: 24px;
font-weight: bold;
padding: 6px 4px 6px 2px;
position: relative;
}
h3 .en {
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.08em;
    font-size:16px;
    padding-left: 8px;
}
h3::after {
    background-color: #fff;
    background-image: linear-gradient(to right, #2292F9, #2292F9 5px, transparent 5px, transparent 5px);
    background-size: 10px 5px;
    background-repeat: repeat-x;
    content: "";
    display: inline-block;
    height: 10px;
    width: 100%;
  }*/
/*h3::after {
    background-color: #FFD700;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 20%;
    z-index: 2;
}
section.results_area {
	padding: 0 0 5em 0;
}*/
.ls_case_big li img {
    height: auto;
    max-height: 760px;
    margin: 0 auto;
}
section.results_area {
    padding-bottom: 36px;
}
    
section.results_area::after {
  content: "";
  display: block;
  clear: both;
}
.results_area .ld_title_area{
	position: relative;
	padding: 0em 0 1em 0;
}
.results_area .s_mark_mnsn{
	float: left;
	margin-right: 20px;
    background-color: #FF7F00;
    width: 108px;
    height: 36px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    float: left;
    line-height: 36px;
    border-radius: 0px;
    background: #FF7F00 url(../images/bg_icon-shubetu.svg) no-repeat left 4px bottom 3px;
    padding: 0;
    margin-top: 5px;
}
/*.results_area .s_mark_mnsn{
	padding: 10px 25px;
	float: left;
	margin-right: 30px;
}*/
.results_area h2.ld_title{
    clear: both;
	font-size: 22px!important;
	font-weight: bold;
	float: none;
	width: auto;
    padding: 8px 0;
}
    .results_area .fab_btn{
	position: absolute;
	right:0;
}
.results_i-new{
float: none;
margin: 0 0 1em;
text-align: center;
position: absolute;
	top: 10px;
	right:0;
}
.results_i-new .i-new {
    display: inline-block;
    width: auto;
    height: 26px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 29px;
    z-index: 30;
    font-family: sans-serif;
    letter-spacing: 0.08em;
    background:#EA1C76 url() no-repeat left 0px bottom 0px;
    padding-left: 0;
	padding: 0 1em;
	text-indent: 0;
}

.bkn_data {
    clear: both;
    padding-top: 0px;
	margin-top: 11px;
}
.ra_detail_area{
    }
.ldt_add{
	display: none;
}
.results_area .ra_detail_area .flt_lft{
	width: 100%;
    color: #707070;
}
.results_area .ra_detail_area .flt_rgt{
	width: 100%;
}
ul.rda_data_area{
	width: 100%;
    color: #707070;
}
ul.rda_data_area li{
	border-bottom: 1px solid #E8E8E8;
	padding: 0.75em 0;
	display: table;
	width: 100%;
	position: relative;
    font-size: 12px;
}
ul.rda_data_area li:first-child,
ul.rda_data_area li:last-child{
	border-bottom: 0px solid #333;
	padding-bottom: 0;
}
ul.rda_data_area li.price{
	width: 50%;
    float: left;
}
ul.rda_data_area li span.rda_data_tit,
ul.rda_data_area li span.rda_data{
	display: table-cell;
	vertical-align: middle;
}
ul.rda_data_area li span.rda_data_tit{
	width: 25%;
	font-size: 14px;
	font-weight: normal;
}
ul.rda_data_area li span.rda_data{
	font-size: 12px;
}
/*ul.rda_data_area li span.rda_data span{
	font-size: 12px;
	border: 1px solid #333;
	width: 48%;
display: inline-block;
text-align: center;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 5px;
}*/
ul.rda_data_area li span.rda_data span{
	font-size: 12px;
	width: 48%;
display: inline-block;
text-align: left;
position:relative;
	margin-bottom: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}
ul.rda_data_area li span.rda_data span::before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 20px;
    background-color: #FFD700;
    position: absolute;
    top: -1px;
    left: -5px;
}

ul.rda_data_area li span.rda_data span:nth-child(odd){
  margin-right: 4%;
}
ul.rda_data_area li span.rda_data.kakaku_txt{
	font-size: 24px;
	color: #FF0000;
	font-weight: bold;
}
ul.rda_data_area li.btnLoan{
    float: right;
    width: 48%;
    border-bottom: none;
}
ul.rda_data_area li .loan_btn{
	text-align: center;
	font-size: 10px;
	 box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.4);
}
ul.rda_data_area li .loan_btn a{
	color: #fff;
	background: #272A46;
	padding: 8px 0 8px 2em;
	position:relative;
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #272A46;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}
ul.rda_data_area li .loan_btn a:before{
	content: '';
  display: inline-block;
  width:17px;
  height: 17px;
	position: absolute;
	top: 6px;
	left: 10px;
	background: url("../images/icon-graph.svg") no-repeat;
	background-size: contain;
}
ul.rda_data_area li .loan_btn a:hover{
	color: #272A46;
	background: #fff;
	text-decoration: none;
}
ul.rda_data_area li .loan_btn a:hover:before{
	background: url("../images/icon-graph_hv.svg") no-repeat;
	background-size: contain;
}
ul.rda_data_area li span.rda_data.map_txt{
	width: 50%;
}
ul.rda_data_area li .icon-map_btn{
	position: absolute;
	right: 10px;
	 top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.kanri-no{
	width: 100%;
    text-align: left;
    font-size: 14px;
    padding: 0px 0 0px;
    float: none;
}
.rda_photo{
	position: relative;
}
.photo_under_txt{
	font-size: 16px;
	padding: 6px 0 6px 10px;
	background:rgba(255,255,255,0.7);
	position:absolute;
	bottom: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    line-height: 22px;
}
.rda_tell_area{
    display: none;
}
.rda_tell_area .rta_tel{
	position: absolute;
	bottom: -15px;
	left: 100px;
	font-size: 16px;
}
.rda_tell_area img{
	padding-left: 20px;
}
.rda_tell_area .rta_tel span{
	font-size: 35px;
	color: #FF0000;
	font-weight:700;
}
.rda_tell_area .rta_time{
	position: absolute;
	bottom: -6px;
	right: 10px;
	font-size: 16px;
}

/* 物件詳細-スライダー
---------------------------*/
section.list_slider{
	background: #E9F0F4;
	clear: both;
	padding: 4em 0 4em 0;
    background-image: url("../images/bg_pg1_sp.svg"),url("../images/bg_pg2.svg");
    background-position: left top -2px,right 8px bottom -5px;
    background-repeat: no-repeat,no-repeat;
    background-color: #F2F2F2;
    background-size: 46%,38%;
    color: #707070;
}
.display-change-area::after{
    clear: both;
    display: block;
    content: "";
    
}
/*タブ切り替え*/
.list_slider .tab-area {
    width: 100%;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    border-radius: 4px;
    margin: 0 0 0 0px;
    float: none;
    box-sizing: border-box;
}
.list_slider .tab-area.count {
    display: none;
}
.list_slider .tab-area .tab {
    width: 46%;
    height: 50px;
	line-height: 50px;
    text-align: center;
    color: #272A46;
	display: inline-block;
	border-radius: 4px;
	cursor: pointer;
	font-size: 18px;
	/*font-weight: bold;
	background-color: #fff;*/
	margin-right: 10px;
  }
.list_slider .tab-area .tab.icon {
    width: auto;
    padding: 13px 20px; 
    height: auto;
	line-height: 0px;
  }
.list_slider .tab-area .tab.active {
    background-color: #2D577D;
    color: #fff;
    border: none;
  }
.list_slider .tab-area .icon-off{
    fill:#2D577D;
}
.list_slider .tab-area #icon-on{
    fill:#fff;
}
.list_slider .content-area {
  font-size: 30px;
  text-align: center;
	
}
.list_slider .content-area .content,
.list_slider .content-area .content2,
.list_slider .content-area .content3,
.list_slider .content4{
	width: 100%;
	opacity: 0;
	margin: 0 auto;
	display: none;
  }
.list_slider .content-area .content.show,
.list_slider .content4.show4{
    margin-top: 20px;
    display: block;
	opacity: 1;
	height: auto;
  }
  .list_slider .tab-area .tab4 {
    width: 49%;
    height: 50px;
    line-height: 50px;
    margin-right: 0px;
}
.list_slider ul.ls_case_set{
	width:100%;
	margin: 0 auto;
}
.list_slider ul.ls_case_set li{
	width:100%;
	display: inline-block;
	margin-bottom: 4px;
	position: relative;
}
.list_slider ul.ls_case_set li a{
	color: #333;
}
.list_slider ul.ls_case_set li img{
	width:100%;
}
.list_slider ul.ls_case_set li:nth-child(odd){
  margin-right: 8px;
}
/*物件詳細スライダー用slick*/
.slick-next {
    width: 19px!important;
    height: 76px!important;
    background: url("../images/r_arrow.png") no-repeat 0 0!important;
}
.slick-prev {
    width: 19px!important;
    height: 76px!important;
    background: url("../images/l_arrow.png") no-repeat 0 0!important;
	z-index: 100;
}
.slick-next {
    right: -50px!important;
}
.slick-prev {
    left: -50px!important;
}

/*物件詳細スライダー用colorbox*/
#cboxCurrent{
	display: none!important;
}


/* 物件詳細-共通
---------------------------*/
    
h4 {
    /*border-bottom: 1px solid #333!important;
    border-bottom: 8px dotted #2292F9!important;*/
    border-left: none!important;
    border-bottom: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important; 
    line-height: 0;
    color: #333;
}
h4 .en {
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.08em;
    font-size: 16px;
    padding-left: 8px;
}
h4::after {
    background-image: linear-gradient(to right, #2292F9, #2292F9 10px, transparent 10px, transparent 10px);
    background-size: 20px 10px;
    background-repeat: repeat-x;
    content: "";
    display: inline-block;
    height: 10px;
    width: 100%;
  }
/*h4::before {
  content: "";
  background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px);
  background-size: 8px 8px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}*/
/*h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/
.btnset_area   {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
        
    }
.btnset_area ul.btn_set01 li a, .btnset_area ul.btn_set01 li input {
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
   
}    
    
    
/* 物件詳細-物件概要
---------------------------*/
.list_outline {
    padding: 0em 0 8em 0;
    background-image: url(../images/bg_pd.svg),url(../images/bg_rightbtm.svg);
    background-position: right 8px bottom 2px, right bottom 0px;
    background-repeat: no-repeat,no-repeat;
    background-color: #fff;
    background-size: 62%,40%;
    color: #707070;
}
.list_outline.local_info{
padding: 1em 0 1.5em 0;
}
.list_outline .wrapper {
}
/*.list_outline h4 {
    border-bottom: 1px solid #333!important;
    border-left: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important; 
}
.list_outline h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/
.list_outline ul.list {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box; 
}
.list_outline ul.sp_list {
	visibility: hidden;
	height: 0;
	 opacity: 0;
	transition: .5s;
}
a.sp_list_btn::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    border-bottom: 0;
	position: absolute;
	right: 20px;
	top: 20px;
}
a.sp_list_btn.h_on::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
	border-top: 0;
    position: absolute;
	
	
}
.list_outline ul.sp_list.h_on {
	height: auto;
opacity: 1;
visibility: visible;
	 
}
.list_outline ul.list li {
    background-color: #fff;
      border-top: 1px solid #fff;
    font-size: 16px;
    box-sizing: border-box;
}
.list_outline ul.list li:nth-child(2n+1) {
    background-color: #FFF;
}
.list_outline ul.list dl {
    width: 100%;
    overflow: hidden;
  border-top: none;
    display:block;
}
.list_outline dt {
    background: #388DD0;
    color: #fff;
  width: 100%;
  padding: 4px 0;
  box-sizing: border-box;
    display: block;
    vertical-align: middle;   
	text-align: center;
}
.list_outline dd {
    width: 100%;
      margin-left: 5%;
  padding: 10px 0;
    box-sizing: border-box;
    display: block;
}
.list_outline .widea dt {
  width: 100%;
}
.list_outline .widea dd {
  width: 94%;
}
.list_outline dd:nth-child(2n+1) {
    background-color: none;
}
.list_outline dd:after{
  display: block;
  content: "";
  clear: both;
}
.icon_outline {
    width: 22px;
    height: 26px;
    margin-left: 10px;
}

/* 物件詳細-地域情報
---------------------------*/
.list_area {
    padding: 0em 0 5em 0;
    background-image: url("../images/bg_li.svg"),url("../images/bg_rightbtm.svg");
    background-position: left 8px bottom -8px, right bottom 0px;
    background-repeat: no-repeat,no-repeat;
    background-color: #fff;
    background-size: 55%,60%;
    color: #707070;
}
.list_area .wrapper {
}
/*.list_area h4 {
    border-bottom: 1px solid #333!important;
    border-left: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important;   
}
.list_area h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/
.list_area h5 {
    border-bottom: none!important;
    font-size: 16px!important;
    padding: 4px 4px 7px 0px!important;
    margin-bottom: 0.2em!important;
    width: 1020px;
    margin: 0 auto;
    /*background: url("../images/border_st_yellow.png") repeat-x left bottom!important;*/
    color: #333;
    font-weight: bold;
}
/*.list_area .underbar {
    background: url("../images/border_st_yellow.png") repeat-x left bottom;
    padding-bottom: 10px;
    padding-right: 10px;
    height: 3px;
    width: 14%;
    z-index: 2;
}*/
.list_area ul {
    width: 100%;
    margin: 0 auto 30px auto;
    box-sizing: border-box;   
}
.list_area li {
    background-color: #fff;
      border-top: 1px solid #fff;
    font-size: 16px;
    box-sizing: border-box;
}
.list_area li:nth-child(2n+1) {
    background-color: #F2F2F2;
}
.list_area dl {
    width: 100%;
    overflow: hidden;
  border-top: none;
    display:block;
}
.list_area dt {
    background: #019F96;
    color: #fff;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
    display: block;
    vertical-align: middle;   
}
.list_area dd {
    width: 100%;
      margin-left: 0%;
  padding: 10px;
    box-sizing: border-box;
    display: block;
}
.list_area dd:nth-child(2n+1) {
    background-color: none;
}
.list_area dd:after{
  display: block;
  content: "";
  clear: both;
}
.list_area　.icon_area {
    width: 22px;
    height: 26px;
    margin-left: 10px;
}
.list_outline.local_info .widea dd {
  width: 94%;
}
.list_outline.local_info dd {
    width: 100%;
    margin-left: 5%;
    padding: 10px 0;
    box-sizing: border-box;
    display: block;
}	
.list_outline.local_info .widea dt {
    width: 100%;
    padding: 0 2%;
}
.list_outline.local_info ul.list {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}	
/* 物件詳細-スタッフコメント
---------------------------*/
.staff_cmt {
    padding: 1em 0 1em 0;
    background-image: url(../images/bg_sc.svg);
    background-position: left bottom 0px;
    background-repeat: no-repeat;
    background-color: #F8F8F8;
    background-size: 50%;
    color: #707070;
}
.staff_cmt .wrapper {
    /*background: url("../images/img_point.png") no-repeat right 12px top 58px;*/
    position: relative;/*相対配置*/
}
/*.staff_cmt h4 {
    border-bottom: 1px solid #333!important;
    border-left: none!important;
    font-size: 24px!important;
    font-weight: bold;
    padding: 4px 4px 2px 0px!important;
    position: relative;
    margin: 50px 0 30px 0!important;  
}
.staff_cmt h4::after {
    background-color: #FFD700;
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 14%;
    z-index: 2;
}*/
.staff_cmt dl {
    width: 100%;
    margin: 30px auto;
    border: 2px solid #E4E4E4;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px 20px 30px;
    display: block;
}
.staff_cmt dl dt {
    float: none;
    width:100%;
    text-align: center;
    margin-bottom: 14px;
    margin-top: 10px;
}
.staff_cmt dl dt p {
    font-size: 15px;
    text-align: center;
    padding-top: 40px;
    float: right;
    width: 60%;
}
.staff_cmt dl img {
    margin-left: 10px;
}
.staff_cmt dl dd {
    padding-left: 0;
    padding-right: 0px;
    font-size: 15px;

}
.staff_cmt dl dd p {
    clear: both;
    border: 0px solid #E4E4E4;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 0px;
    line-height: 170%;
}
.staff_cmt dl dd span.point {
    position: absolute;
    top: 30px;
    right: 2px;
    width: 40%;
}

/* 物件詳細-右固定メニュー
---------------------------*/
.right_menu {
    width: 300px;
    padding: 1px 12px;
    box-sizing: border-box;
    background-color: rgba(2,6,42,0.8);
    position: absolute;
    position: fixed;
    bottom:0px;
    right: 0;
    z-index: 10;
    display: none;
}
.right_menu.fade-right{
    visibility:hidden;
    visibility: visible;
}
.right_menu li {
    clear: both;
    margin: 9px 0;
}
.right_menu a {
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #fff;
    color: #fff;
    background: url("../../common/images/common/icon-inq.png") no-repeat left 30px bottom 7px;
    padding: 12px;
    box-sizing: border-box;
    background-color: rgba(39,42,70,1);
    letter-spacing: 0.1em;
    vertical-align: middle;
}

.right_menu a.reserve {
    background: url("../../common/images/common/icon-reserve.png") no-repeat left 26px bottom 10px;
    background-color: rgba(39,42,70,1);
}
.right_menu a.fav {
    background: url("../../common/images/common/icon-fav.png") no-repeat left 27px bottom 5px;
    background-color: rgba(39,42,70,1);
}
.right_menu a.area {
    background: none;
    background-color: rgba(39,42,70,1);
    text-align: center;
    padding: 16px;
    font-size: 24px;
    letter-spacing: 0.2em;
}
.right_menu li {
    vertical-align: middle;
}
.right_menu p {
    width: 80%;
    font-size: 16px;
    text-align: center;
    float: right;
    line-height: 100%;
    padding: 0;
    margin: 0;
}

/* 物件詳細-バナー表示エリア
---------------------------*/
.bnr_area {
    padding: 1em 0 1em 0;
    /*background-image: url(../images/bg_lefttop.svg);
    background-position: left top 0px;
    background-repeat: no-repeat;
    background-size: 40%;
    background-color: #fff;*/  
    text-align: center;
}
.bnr_area img {
    margin: 10px auto;
	width: 100%;
}


    
/* 物件詳細-注釈エリア
---------------------------*/
.annotation_area {
    padding: 2.5em 0 2.5em 0;
    /*background-image: url("../images/bg_rightbtm.svg");
    background-position: right bottom 0px;
    background-repeat: no-repeat;
    background-size: 75%;*/
    background-color: #fff;   
}
.annotation_area p {
    font-size: 12px;
    color: #6C6C6C;
    line-height: 18px;
}

 /* 物件詳細- footerエリア（仮一枚画像）
---------------------------*/
.footer{
    background-color: #0B3C67;
    padding: 4em 0;
}
   
    
    
}

/*物件詳細動画*/
.movie
{
    margin:40px 0;
}
.movie .wrapper
{
    text-align:center;
}
.movie iframe
{
    max-width:100%;
}
.movie .movie-title
{
    width:150px;
    background-color: #2D577D;
    color: #fff;
    border: none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
    margin: 0 0 40px 75px;
}
@media only screen and (max-width: 767px) {
.movie iframe
{
    max-width:100%;
    max-height:300px;
}
.movie .movie-title
{
    margin: 0 0 10px 0px;
}




}/**/


/*2022new*/
.staff_cmt {
    padding: 1em 0 1em 0;
    background-image: url(../images/bg_sc.svg);
    background-position: right 10px top -6px;
    background-repeat: no-repeat;
    background-color: #F8F8F8;
    background-size: 25% 25%;
}
.list_outline {
    padding: 3em 0 3em 0;
    background-image: url(../images/bg_pd.svg),url(../images/bg_rightbtm.svg);
    background-position: right 10px top -173px,right bottom 0;
    background-repeat: no-repeat,no-repeat;
    background-color: #fff;
    background-size: 30% 30%,50% 50%;
}
.list_outline h4 {
    margin-top: 0!important;
}
.annotation_area {
    padding: 2em 0 2.5em 0;
background-color: #fff;
}
section.list_slider {
    background: #E9F0F4;
    clear: both;
    padding: 2em 0 0em 0;
    background-image: url(../images/bg_pg2.svg),url(../images/bg_pg1.svg);
    background-position: right 10px top -50px,left top;
    background-repeat: no-repeat,no-repeat;
    background-color: #F2F2F2;
    background-size: 20% 20%,contain;
}
.staff_cmt dl dd span.point {
    position: absolute;
    top: 12px;
    right: 24px;
    width: 180px;
}
.list_recommend h3{
	    margin-bottom: 1em;
}
.bg_lefttop.bg_rightbtm.bg_recommend {
    padding: 2em 0 0.5em 0;
    background-image: url(../../common/images/common/bg_recommend.svg) ,url(../../common/images/common/bg_rightbtm.svg) ,url(../../common/images/common/bg_lefttop.svg);
    background-position: top 0px right 10px, right bottom 0px, left top 0px;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 18% auto,30% auto,35% auto;
}
.list_recommend li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 0px;
    min-height: 287px;
}
.bnr_area {
    padding: 80px 0 96px 0;
    padding: 2em 0 0em 0;
    background-color: #fff;
    text-align: center;
}
.bnr_area ul.btnss{
text-align: center;
margin: 2em 0 0 0;
}
.bnr_area ul.btnss li{
display: inline-block;
    width: 38%;
    margin: 0 2% 2%;
}
@media only screen and (max-width: 767px) {
.bnr_area ul.btnss li{
display: block;
width: 100%;
}
.bnr_area ul.btnss {
    text-align: center;
    margin: 2em 0;
}
}/**/
.list_slider .tab-area .tab, .list_slider .tab-area .tab2, .list_slider .tab-area .tab3, .list_slider .tab-area .tab4 {
    width: 174px;
    width: 155px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #272A46;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    margin-right: 10px;
    background-color: #fff;
}
.results_area h2.ld_title {
    width: 63%;
}
.list_outline.local_info {
    padding: 1em 0 0em 0;
    background-image: url(../images/bg_rightbtm.svg);
    background-position: right bottom -18px, right bottom 0px;
    background-repeat: no-repeat,no-repeat;
    background-color: #fff;
}



@media only screen and (max-width: 767px) {
.results_area h2.ld_title {
    width: 100%;
}
}/**/

.tokushu_sqz strong
{
    display: inline-block;
    vertical-align: middle;
}
.tokushu_sqz a
{
    background-color:#0168B7;
    border-radius: 10px;
    font-weight: bold;
    color: #FFFFFF;
    display: inline-block;
    padding:0 10px;
    vertical-align: middle;
    font-size: 16px;
    margin-right:5px;
}
.tokushu_sqz a.on,
.tokushu_sqz strong.on
{
    background-color:#7ECDF4;
    border-radius: 10px;
    font-weight: bold;
    color: #FFFFFF;
    display: inline-block;
    padding:0 10px;
    vertical-align: middle;
    font-size: 16px;
    margin-right:5px;
}
@media only screen and (max-width: 767px) {
.tokushu_sqz a
{
    margin-bottom:3px;
}
.tokushu_sqz a.on,
.tokushu_sqz strong.on
{
    margin-bottom:3px;
}
}/**/