/* ===================================================================
CSS
 file name  :  top.css
=================================================================== */
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

body { overflow: hidden;}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-container img {
  width: 100%;
  height: 100%;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;
  width: 100%;
  height: 100%;
}

.slide-img img{
  display: block;
}

/* ▼大切にしている事 */

.bgbelief {
    width: 100%;
    max-width: none;
    margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
    background-image: url(../images/top/top_belief_bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 650px;
    background-position: center;
//    background-color: rgb(242, 239, 232);
}
.bgbelief .top_container ul li {
	float:left;
	max-width: 50%;
	margin: auto;	
}
.bgbelief .top_container ul li img {
//	width: 95%;
	margin: 15px;
}

@media (max-width: 768px) {
.bgbelief {
    height: 700px;
}
.bgbelief .top_container ul li {
	float:left;
	max-width: 100%;
	margin: auto;	
}
.bgbelief .top_container ul li img {
	width: 80%;
}
}

.bgbelief .top_container .text {
	color: #FFF !important;
	font-size: 100%;
	padding: 20px 20px 0px 20px;
	margin-top: 20px;
}

/* ▼topのコンテンツcss */


@media (min-width: 769px) {
  .message-contents {
    width: 49.2%;
  }
  .message-contents2 {
    width: 49.2%;
  }
  .pc { display: none;}
}
/*
@media (max-width: 1023px) {
  .message-contents {
    width: 100%;
  }
  .message-contents2 {
    width: 100%;
  }
}*/

.message-contents__ttl {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0.1em;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 50px;
}
.message-contents__ttl2 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0.1em;
  font-weight: 500;
  line-height: 2;
  margin-bottom: 50px;
}


@media (max-width: 1023px) {
  .message-contents__ttl {
    margin-bottom: 20px;
    border-top: 1px solid #d1f1dc;
    padding-top: 30px;
  }
  .message-contents__ttl2 {
    margin-bottom: 20px;
    border-top: 1px solid #d1f1dc;
    padding-top: 30px;
  }
}

.message-contents__text {
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.02em;
}
.message-contents__text2 {
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.02em;
}

.message-contents__text:not(:last-child) {
  margin-bottom: 30px;
}
.message-contents__text2:not(:last-child) {
  margin-bottom: 30px;
}


.message-service {
  position: relative;
}
.message-service2 {
  position: relative;
}


@media (min-width: 769px) {
  .message-service {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    width: calc(100% - 0px);
//   max-width: 1180px;
//    margin: auto;
	margin-bottom: 50px;
	height: 360px;
  }
  .message-service2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    width: calc(100% - 0px);
//    max-width: 1180px;
//    margin: auto;
	margin-bottom: 50px;
	height: 360px;
  }
}

.message-service__content {
	background: #666;
	color: #fff;
}
.message-service__content2 {
	background: #666;
	color: #fff;
}
.message-service__ttl {
  margin-bottom: 22px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
}
.message-service__ttl2 {
  margin-bottom: 22px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
}


.message-service__text {
  letter-spacing: 0.02em;
  line-height: 2;
  text-align: justify;
}
.message-service__text2 {
  letter-spacing: 0.02em;
  line-height: 2;
  text-align: justify;
}

.textbtn, .textbtn a {
	text-align: right;
	font-size: 90%;
	padding-top: 15px;
	color: #efefef;
	text-decoration: none;
}



.message-service__image {
  -ms-flex: none;
      flex: none;
}
.message-service__image2 {
  -ms-flex: none;
      flex: none;
}


@media (min-width: 769px) {
  .message-service__content {
    padding: 2%;
	margin-left: 10vw;
	width: 25vw;
  }
  .message-service__content2 {
    padding: 2%;
	margin-right: 10vw;
	width: 25vw;
  }
}

@media (max-width: 768px) {
  .message-service__content {
    padding: 2% 5%;
  }
  .message-service__content2 {
    padding: 22px 5vw 72px;
  }
  .message-service__content {
    background: #fff;
    color: #000;
}
.message-service__ttl {
    margin-bottom: 0px;
    color: #0A519F;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1em;
}
.textbtn, .textbtn a {
    text-align: right;
    font-size: 100%;
    padding-top: 0px;
    color: #000;
    text-decoration: none;
	margin-bottom: 50px;
}


}



@media (min-width: 769px) {
  .message-service__image {
	  width: 60vw;
//	  max-width: 1180px;
	  min-height: 360px;
//	  margin-right: calc(((-85vw) + 754px) / 2);
	overflow: hidden;
}
  .message-service__image2 {
    width: 60vw;
//    max-width: 1180px;
    min-height: 360px;
//    margin-left: calc(((-85vw) + 754px) / 2);
  }
}

@media (max-width: 1140px) and (min-width: 769px) {
/*  .message-service__image {
    width: 60vw;
    margin-right: 0;
  }
  .message-service__image2 {
//    width: 40vw;
    margin-right: 0;
  }*/
}

.message-service__image img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
  overflow: hidden;
}
.message-service__image2 img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.reason {
	background-color: #333;
	height: 313px;
}
.reason .txt{
	width: 44%;
	float: left;
	color: #FFF;
	padding: 3%;
}
.reason img {
	width: 50%;
	float: right;
}

@media (max-width: 768px) {
.reason {
	background-color: #333;
	height: auto;
}
.reason .txt{
	width: 90%;
	float: none;
	color: #FFF;
	padding: 5%;
}
.reason img {
	width: 100%;
	float: none;
}
}



/* ▼以下、当初からのcss */


@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/* =====================================
メイン画像
======================================== */


#slider {
	width: 1180px;
	height: 500px;
	margin: auto;
	margin-top: 61px;
	max-width: 100%;
}
/* =====================================
コンテナ
======================================== */
.top_container{
	width:1000px;
	margin:70px auto auto;
}
.top_container.first{
	margin:100px auto auto;
}
.top_line{
//	border-top:1px solid #00306D;
	background:url(../images/top/line.gif) top center no-repeat;
	height: 3px;
}
.top_container h3{
	color:#0A519F;
	font-size:20px;
	text-align:center;
	padding:10px 0 0;
	margin-bottom: 30px;
}
.top_container h4{
	color:#FFF;
	font-size:20px;
	text-align:left;
	padding:10px 0 0;
	margin-bottom: 30px;
}
.banner{
	margin:10px 0;
}
.reacommend_banner
{
    height:100px;
}
.reacommend_banner div
{
    float:left;
}
.reacommend_banner div.center
{
    margin:0 5px;
}
.reacommend_banner div img
{
    display:block;
}
/* =====================================
物件を探す
======================================== 
#sch_box{
	float:none;
	width:1000px;
	height:530px;
	border:1px solid #00306D;
	padding:20px;
	box-sizing:border-box;
}
#sch_box #sch_pickup{
	position:relative;
	border:1px solid #00306D;
	border-radius:4px;
	width:640px;
	height:490px;
	float:right;
	box-sizing:border-box;
	background: #cfffbf; 
	background: -moz-linear-gradient(top, #cfffbf 0%, #bfdfff 100%); 
	background: -webkit-linear-gradient(top, #cfffbf 0%,#bfdfff 100%); /
	background: linear-gradient(to bottom, #cfffbf 0%,#bfdfff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfffbf', endColorstr='#bfdfff',GradientType=0 ); 
}

#sch_box #sch_pickup .btn{
	border:5px solid #00306D;
	background:#FFFFFF;
	color:#00306D;
	font-weight:bold;
	font-size:20px;
	line-height:140%;
	height:80px;
	padding-top:11px;
	border-radius:10px;
	box-sizing:border-box;
}
#sch_box #sch_pickup .btn:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background:#FFFF99;
}
#sch_box #sch_pickup .btn span{
	font-size:12px;
	font-weight:normal;
	display:block;
	line-height:140%;
}
#sch_box #sch_pickup li{
	width:140px;
	position:absolute;
}
#sch_box #sch_pickup li#pickup00{
	left:25px;
	top:30px;
	width:290px;
}
#sch_box #sch_pickup li#pickup01{
	left:25px;
	top:120px;
}
#sch_box #sch_pickup li#pickup02{
	left:25px;
	top:210px;
}
#sch_box #sch_pickup li#pickup03{
	left:175px;
	top:120px;
}
#sch_box #sch_pickup li#pickup04{
	left:175px;
	top:250px;
}
#sch_box #sch_pickup li#pickup05{
	left:325px;
	top:10px;
}
#sch_box #sch_pickup li#pickup06{
	left:325px;
	top:100px;
}
#sch_box #sch_pickup li#pickup07{
	left:325px;
	top:230px;
}
#sch_box #sch_pickup li#pickup08{
	left:475px;
	top:60px;
}
#sch_box #sch_pickup li#pickup09{
	left:475px;
	top:180px;
}
#sch_box #sch_pickup li#pickup10{
	left:475px;
	top:300px;
}
#sch_box #sch_pickup li#pickup03 .btn{
	padding-top:30px;
	height:120px;
}
#sch_box #sch_pickup li#pickup06 .btn{
	padding-top:30px;
	height:120px;
}
#sch_box #sch_pickup li#pickup04 .btn{
	padding-top:50px;
	height:160px;
}
#sch_box #sch_pickup li#pickup07 .btn{
	padding-top:60px;
	height:180px;
}
#sch_box #sch_pickup li#pickup08 .btn,
#sch_box #sch_pickup li#pickup09 .btn,
#sch_box #sch_pickup li#pickup10 .btn{
	padding-top:24px;
	height:110px;
}
#sch_box #sch_pickup li#pickup98{
	left:25px;
	top:430px;
	width:180px;
}
#sch_box #sch_pickup li#pickup99{
	left:435px;
	top:430px;
	width:180px;
}
#sch_box #sch_pickup li#pickup98 .btn,
#sch_box #sch_pickup li#pickup99 .btn{
	border:2px solid #00306D;
	font-size:16px;
	font-weight:bold;
	height:50px;
	padding-top:10px;
	border-radius:5px;
}

#sch_box #sch_kind {
	float: left;
}

#sch_box #sch_kind ul{
	margin-bottom:10px;
	margin-left:-8px;
}
#sch_box #sch_kind li{
	width:280px;
	float:none;
	margin-bottom:9px;
}
#sch_box #sch_kind a{
	background:#FFFFFF;
	border:5px solid #00306D;
	border-radius:10px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	font-size:20px;
	padding:45px 0 10px 0;
	box-sizing:border-box;
	line-height:120%;
	text-align: center;
}
#sch_box #sch_kind a span{
	font-weight:normal;
	font-size:14px;
//	display:block;
}
#sch_box #sch_kind a#sch01{
	background:#FFFFFF url(../images/top/icon_sch_area.png) no-repeat center 10px;
}
#sch_box #sch_kind a#sch02{
	background:#FFFFFF url(../images/top/icon_sch_line.png) no-repeat center 10px;
}
#sch_box #sch_kind a#sch03{
	background:#FFFFFF url(../images/top/icon_sch_school.png) no-repeat  center 10px;
}
#sch_box #sch_kind a#sch04{
	background:#FFFFFF url(../images/top/icon_sch_map.png) no-repeat center 12px;
}
#sch_box #sch_kind a#sch05{
	background:#FFFFFF url(../images/top/icon_sch_time.png) no-repeat center 10px;
}*/
/* =====================================
会員物件数（ログイン前）
======================================== 
#member_box{
	background:#EEEEEE;
	border:1px solid #D6D6D6;
	box-sizing:border-box;
	width:300px;
	height:510px;
	float:left;
	position:relative;
}
#member_box #ttl_member{
	margin-top:20px;
}
#member_box #nomal_num{
	margin-top:13px;
	text-align:center;
	font-weight:bold;
}
#member_box #nomal_num span{
	font-size:180%;
	line-height:110%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 3px;
}
#member_box #seven{
	margin-top:10px;
	text-align:center;
	font-weight:bold;
}
#member_box #seven span{
	font-size:180%;
	line-height:110%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF2626;
}
#member_box #bkn_num{
	border:1px solid #D6D6D6;
	background:#FFFFFF;
	border-radius:5px;
	width:260px;
	text-align:center;
	font-weight:bold;
	margin:13px auto auto;
	padding:15px 0;
}
#member_box #bkn_num #num_txt{
	color:#00306D;
	font-size:18px;
}
#member_box #bkn_num #num_color{
	font-size:240%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF2626;
	margin-right:5px;
	line-height:120%;
}
#member_box #bkn_num #text_color{
	font-size:18px;
	color:#FF2626;
	margin-right:5px;
	line-height:120%;
}
#member_box #pop{
	position:absolute;
	top:240px;
	left:16px;
	z-index:100;
}
#member_box #btn_entry {
	position:absolute;
	top:320px;
	left:20px;
	width:260px;
	z-index:10;
}
#member_box #btn_entry .btn{
	background:#008C69;
	padding:20px 0;
	font-size:140%;
}
#member_box #btn_login{
	position:absolute;
	top:415px;
	left:20px;
	width:260px;
	text-align:center;
	font-size:14px;
}
#member_box #btn_login .btn{
	background:#00306D;
	padding:4px 0;
	margin-top:5px;
	font-size:16px;
}
#member_box .btn i{
	margin-right:10px;
}*/
/* =====================================
会員物件数（ログイン後）
======================================== 
#member_box_login{
	background:#EEEEEE;
	border:1px solid #D6D6D6;
	box-sizing:border-box;
	width:300px;
	height:510px;
	float:left;
	position:relative;
}
#member_box_login #username{
	margin:15px auto auto auto;
	width:260px;
	color:#00306D;
	text-align:center;
	font-weight:bold;
}
#member_box_login #username span{
	font-size:120%;
}
#member_box_login #bkn_num{
	margin:5px auto auto auto;
	text-align:center;
}
#member_box_login #bkn_num #num_txt span{
	color:#00306D;
	font-weight:bold;
}
#member_box_login #bkn_num #num_color{
	font-size:160%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF2626;
	font-weight:bold;
	margin-right:5px;
	line-height:120%;
	margin:0 7px;
}
#member_box_login #message {
	position: relative;
	background: #FFFFFF;
	border: 5px solid #008C69;
	width:260px;
	margin:10px auto auto auto;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	font-size:14px;
	line-height:160%;
}
#member_box_login #message:after, #member_box_login #message:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#member_box_login #message:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFFFFF;
	border-width: 15px;
	margin-left: -15px;
}
#member_box_login #message:before {
	border-color: rgba(0, 140, 105, 0);
	border-top-color: #008C69;
	border-width: 22px;
	margin-left: -22px;
}
#member_box_login #message .name{
	color:#00306D;
	font-weight:bold;
}
#member_box_login #message .message_num{
	color:#00306D;
}
#member_box_login #message .message_num a{
	color:#FF2626;
	font-size:140%;
	font-weight:bold;
}
#member_box_login #tanto{
	border:5px solid #00306D;
	background:#FFFFFF;
	padding:10px 15px;
	box-sizing:border-box;
	width:260px;
	margin:15px auto auto auto;
}
#member_box_login #tanto #photo{
	width:80px;
	float:left;
}
#member_box_login #tanto #tanto_info{
	width:120px;
	float:right;
	text-align:center;
}
#member_box_login #tanto #tanto_info .title{
	background:#00306D;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:10px;
	padding:3px 0;
}
#member_box_login #tanto #tanto_info .btn{
	background:#008C69;
	padding:4px 0;
	line-height:140%;
	font-size:14px;
	margin-top:7px;
}
#member_box_login #btn_mypage{
	margin:10px auto auto auto;
	width:260px;
}
#member_box_login #btn_mypage .btn{
	background:#008C69;
	padding:4px 0;
	font-size:18px;
}
#member_box_login #btn_logout{
	margin:10px auto auto auto;
	width:260px;
}
#member_box_login #btn_logout .btn{
	background:#FFFFFF;
	color:#00306D;
	padding:4px 0;
	margin-top:5px;
}
#member_box_login .btn i{
	margin-right:10px;
}*/
/* =====================================
おすすめ物件特集
======================================== 
#recom_info{
	border:1px solid #EEEEEE;
	background:#F2F2F4;
	padding:15px 20px;
	font-size:14px;
}
#recom_info h4{
	color:#00306D;
	font-weight:bold;
	display:inline-block;
	margin-right:10px;
}
#recom_info #kind_area{
}
#recom_info #kind_area a{
	text-decoration:none;
}
#recom_info #kind_area,
#recom_info #sort_area{
}
#recom_info .btn{
	display:inline-block;
	margin-left:8px;
}
#recom_info .sort_btn{
	background:#00306D;
	padding:5px 25px;
}
#recom_info #sort_area .reset_btn{
	border:1px solid #BBBBBB;
	background:#FFFFFF;
	color:#656565;
	padding:2px 20px;
}
.ensen_select
{
    width:160px;
}*/
/* =====================================
おすすめ物件コマ
======================================== 
#recommend{
	margin-left:-25px;
}
#recommend li{
	width:230px;
	height:385px;
	float:left;
	margin-top:20px;
	margin-left:24px;
	position:relative;
	border:1px solid #CCCCCC;
	font-size:14px;
	line-height:140%;
}
#recommend li a{
	display:block;
	text-decoration:none;
	height:385px;
}
#recommend li a:hover{
	background:#FFFFBF;
	color:#333333;
}
#recommend li a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity:10;
}
#recommend li .thumbnail{
	text-align:center;
	height:172px;
	background:#FFFFFF;
	position:relative
}
#recommend li .thumbnail .newicon{
	position:absolute;
	top:-1px;
	left:-1px;
}
#recommend li .thumbnail .kind{
	position:absolute;
	top:0;
	right:0;
	color:#FFFFFF;
	font-size:11px;
	width:100px;
}
#recommend li .thumbnail .seiyaku{
	position:absolute;
	top:5px;
	left:5px;
}
#recommend .kind_kodate{
	background:#4EB0D9;
}
#recommend .kind_chukokodate{
	background:#F4A543;
}
#recommend .kind_tochi{
	background:#854833;
}
#recommend .kind_mansion{
	background:#9BCA45;
}
#recommend .limited_icon{
	position: absolute;
    top: 19px;
    right: 0;
    background-color: #00306D;
    color: #FFFFFF;
    font-size: 11px;
    width: 100px;
}
#recommend .access{
	background:#DFECF0;
	color:#00306D;
	text-align:center;
	padding:3px 10px;
	box-sizing:border-box;
}
#recommend .text{
}
#recommend .name{
	font-weight:bold;
	color:#00306D;
	padding:15px 15px 0 15px;
	height:38px;
}
#recommend .price{
	padding:7px 15px 0 15px;
}
#recommend .price span{
	font-weight:bold;
	color:#FF2626;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
}
#recommend .seiyaku_price{
	padding:7px 15px 0 15px;
}
#recommend .seiyaku_price span{
	font-weight:bold;
	color:#FF2626;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
}
#recommend .address{
	padding:5px 15px 0 15px;
	font-size:12px;
}
#recommend .setsubi_icon{
    width:220px;
    margin: 5px auto;
}
#recommend .setsubi_icon img{
    width: 53px;
    display: block;
    float: left;
    margin: 0 1px;
}
.btn_recom{
	background:#00306D;
	width:400px;
	margin:40px auto auto;
	padding:8px 0;
	font-size:120%;
}
.btn_recom i{
	margin-left:10px;
}
#ranking h3,
#pricedown h3{
	font-size:22px;
}*/
/* =====================================
NEWS＆TOPICS
======================================== */
#news{
	width:100%;
	margin-bottom:30px;
}
#news ul{
	padding:5px 15px;
}

#news li a{
//	display:block;
//	padding:15px 5px;
	box-sizing:border-box;
//	font-size:85%;
	text-decoration:none;
	line-height:140%;
}
#news li:last-child a{
	border-bottom:none;
}
#news li a:hover{
	color:#333333;
	background:#DDEEFF;
}
#news li .date{
	color:#0A519F;
	line-height:2;
	padding-left: 10%;
	line-height: 4em;
}
#news li .date div{
	color:#FFFFFF;
	background:#0A519F;
	margin-left:10px;
	margin-right:10px;
	display:inline;
	font-size:10px;
	padding:1px 5px;
	border-radius:3px;
}
#news li .text{
//	margin-top:5px;
	border-bottom:1px solid #CCCCCC;
	line-height: 4em;
}
#news .text{
    padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}
.btn_news{
	background:#efefef;
	color: #00306d !important;
	width:300px;
	margin:20px auto auto;
	padding:8px 0;
}
.btn_news i{
	margin-left:10px;
}
/* =====================================
値下がり物件速報
======================================== 
#pricedown{
	width:600px;
	float:right;
}
#pricedown #pricedown_txt{
	border:1px solid #EEEEEE;
	background:#F2F2F4;
	padding:0 10px;
	text-align:center;	
}
#pricedown #pricedown_txt #date{
	color:#00306D;
	margin-right:10px;
}
#pricedown #pricedown_txt #num{
	color:#FF2626;
	margin:0 5px;
}
#pricedown ul{
	margin-left:-10px;
}
#pricedown li{
	width:295px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	position:relative;
}
#pricedown li a{
	display:block;
	border:1px solid #CCCCCC;
	padding:15px 20px;
	box-sizing:border-box;
	font-size:85%;
	text-decoration:none;
	line-height:140%;
}
#pricedown li a:hover{
	background:#FFFFBF;
}
#pricedown .thumbnail{
	float:left;
	width:120px;
	height:90px;
}
#pricedown .outline{
	float:right;
	width:120px;
}
#pricedown .icon{
	position:absolute;
	top:-1px;
	left:30px;
}
#pricedown .kind{
	color:#FFFFFF;
	font-size:11px;
	width:100px;
	text-align:center;
}
#pricedown .kind_kodate{
	background:#4EB0D9;
}
#pricedown .kind_chukokodate{
	background:#F4A543;
}
#pricedown .kind_tochi{
	background:#854833;
}
#pricedown .kind_mansion{
	background:#9BCA45;
}
#pricedown .price{
	margin-top:7px;
}
#pricedown .price span{
	font-weight:bold;
	color:#FF2626;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
}
#pricedown .address{
	margin-top:5px;
	font-size:85%;
}
.btn_pricedown{
	background:#00306D;
	width:300px;
	margin:20px auto auto;
	padding:8px 0;
}
.btn_pricedown i{
	margin-left:10px;
}*/
/* =====================================
TOP4ナビ と　動画
======================================== 
#top4{
	margin-top: -30px;
	margin-left: 0px;
}
#top4 li{
	width: 250px;
	float: left;
	margin-left: 0px;
	margin-top: 30px;
	background-color: #00306d;
}
#top4 li a{
	border: 1px solid #CCCCCC;
	text-decoration: none;
	display: table;
	height: 250px;
}
#top4 li a:hover{
	background:#0A519F;
	color:#333;
}
#top4 .thumbnail{
//	display: table-cell;
	width: 249px;
	padding: 30px 0 0 0;
//	box-sizing: border-box;
//	vertical-align: middle;
	text-align: center;
}
#top4 .text{
//	display: table-cell;
	font-size: 13px;
	color: #FFF;
	text-align: center;
//	width: 210px;
	padding: 20px;
//	box-sizing: border-box;
	line-height: 160%;
//	vertical-align: middle;
}
#top4 .text strong{
	display: block;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.service-body {
    position: relative;
}
.service-body {
    max-width: 1045px;
    margin: 0 auto;
}
.service-movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
//    margin-top: 70px;
}
.service-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.movie_banner {
    display: flex;
    margin-top: 20px;
}
.movie_banner div {
    width: 50%;
    text-align: center;
}
.movie_banner div img {
    width: 99%;
}*/


/* =====================================
お役立ち
======================================== 
#useful{
	margin-top: -30px;
	margin-left: -30px;
}
#useful li{
	width: 310px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}
#useful li a{
	border: 1px solid #CCCCCC;
	text-decoration: none;
	display: table;
	height: 120px
}
#useful li a:hover{
	background:#efefef;
	color:#333;
}
#useful .thumbnail{
	display: table-cell;
	width: 100px;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	vertical-align: middle
}
#useful .text{
	display: table-cell;
	font-size: 13px;
	width: 210px;
	padding: 0 20px 0 15px;
	box-sizing: border-box;
	line-height: 160%;
	vertical-align: middle
}
#useful .text strong{
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
}*/
/* =====================================
コンタクトボタン
======================================== */
#group{
	margin-top: -30px;
	margin-left: -30px;
}
#group li{
	width: 480px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}

/* =====================================
ranking
======================================== 
#ranking{
	width:350px;
	float:left;
}
#ranking ul{
	border:1px solid #CCCCCC;
	padding:5px 15px;
}
.btn_ranking{
	background:#00306D;
	width:300px;
	margin:20px auto auto;
	padding:8px 0;
}
#ranking li{
	width:305px;
	margin-top:10px;
	margin-left:10px;
	position:relative;
}
#ranking li a{
	display:block;
	padding:15px 20px;
	box-sizing:border-box;
	font-size:85%;
	text-decoration:none;
	line-height:140%;
}
#ranking li a:hover{
	background:#FFFFBF;
}
#ranking .thumbnail{
	float:left;
	width:120px;
	height:90px;
}
#ranking .outline{
	float:right;
	width:120px;
}
#ranking .up_comment{
    position: absolute;
    top: -5px;
    left: 50px;
    font-size: 12px;
    font-weight:bold;
    color:#CC0000;
}
#ranking .icon{
	position:absolute;
	top:0;
	left:0;
}
#ranking .kind{
	color:#FFFFFF;
	font-size:11px;
	width:100px;
	text-align:center;
}
#ranking .kind_kodate{
	background:#4EB0D9;
}
#ranking .kind_chukokodate{
	background:#F4A543;
}
#ranking .kind_tochi{
	background:#854833;
}
#ranking .kind_mansion{
	background:#9BCA45;
}
#ranking .price{
	margin-top:7px;
}
#ranking .price span{
	font-weight:bold;
	color:#FF2626;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
}
#ranking .address{
	margin-top:5px;
	font-size:85%;
}
.btn_ranking i{
	margin-left:10px;
}*/
}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
/* =====================================
メイン画像
======================================== */
#slider {
	width:100%;
	padding-bottom:10px;
	margin-top: 61px;
}



/* =====================================
コンテナ
======================================== */
.top_container{
//	font-size:120%;
	font-size:15px;
}
.top_line{
//	border-top:1px solid #00306D;
	background:url(../images/top/line.gif) top center no-repeat;
	height: 3px;
}
.top_container h3{
	color:#0A519F;
	font-size:120%;
	text-align:center;
	padding:10px;
	font-weight:bold;
}
.banner{
	margin:10px 0;
}
.reacommend_banner
{
}
.reacommend_banner div
{
    float:left;
    width:32%;
}
.reacommend_banner div.center
{
    margin:0 2%;
}
.reacommend_banner div img
{
    display:block;
    width:100%;
}
/* =====================================
物件を探す
======================================== 
#sch_box{
}
#sch_box #sch_pickup{
	position:relative;
	border:1px solid #00306D;
	height:330px;
	box-sizing:border-box;
	background: #cfffbf; 
	background: -moz-linear-gradient(top, #cfffbf 0%, #bfdfff 100%); 
	background: -webkit-linear-gradient(top, #cfffbf 0%,#bfdfff 100%); 
	background: linear-gradient(to bottom, #cfffbf 0%,#bfdfff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfffbf', endColorstr='#bfdfff',GradientType=0 ); 
}
#sch_box #sch_pickup .btn{
	border:4px solid #00306D;
	background:#FFFFFF;
	color:#00306D;
	font-weight:bold;
	line-height:140%;
	height:80px;
	padding-top:15px;
	border-radius:10px;
	box-sizing:border-box;
}
#sch_box #sch_pickup .btn span{
	font-size:70%;
	font-weight:normal;
	display:block;
	line-height:140%;
}
#sch_box #sch_pickup li{
	width:23%;
	position:absolute;
}
#sch_box #sch_pickup li#pickup00{
	left:1%;
	top:30px;
	width:48%;
}
#sch_box #sch_pickup li#pickup01{
	left:1%;
	top:95px;
}
#sch_box #sch_pickup li#pickup02{
	left:1%;
	top:160px;
}
#sch_box #sch_pickup li#pickup03{
	left:26%;
	top:95px;
}
#sch_box #sch_pickup li#pickup04{
	left:26%;
	top:180px;
}
#sch_box #sch_pickup li#pickup05{
	left:51%;
	top:10px;
}
#sch_box #sch_pickup li#pickup06{
	left:51%;
	top:75px;
}
#sch_box #sch_pickup li#pickup07{
	left:51%;
	top:160px;
}
#sch_box #sch_pickup li#pickup08{
	left:76%;
	top:30px;
}
#sch_box #sch_pickup li#pickup09{
	left:76%;
	top:95px;
}
#sch_box #sch_pickup li#pickup10{
	left:76%;
	top:180px;
}
#sch_box #sch_pickup li#pickup00 .btn,
#sch_box #sch_pickup li#pickup01 .btn,
#sch_box #sch_pickup li#pickup02 .btn,
#sch_box #sch_pickup li#pickup08 .btn{
	padding-top:11px;
	height:60px;
}
#sch_box #sch_pickup li#pickup05 .btn{
	padding-top:11px;
	height:60px;
	font-size: 80%;
}
#sch_box #sch_pickup li#pickup07 .btn{
	padding-top:30px;
	height:100px;
}
#sch_box #sch_pickup li#pickup98{
	left:2%;
	top:280px;
	width:40%;
}
#sch_box #sch_pickup li#pickup99{
	left:58%;
	top:280px;
	width:40%;
}
#sch_box #sch_pickup li#pickup98 .btn,
#sch_box #sch_pickup li#pickup99 .btn{
	border:2px solid #00306D;
	font-weight:bold;
	height:40px;
	padding-top:7px;
	border-radius:5px;
}

#sch_box #sch_kind ul{
	text-align: center;
	margin-top:10px;
}
#sch_box #sch_kind li{
	width:30%;
	display: inline-block;
	margin-bottom:10px;
}
#sch_box #sch_kind a{
	background:#FFFFFF;
	border:3px solid #00306D;
	text-decoration:none;
	display:block;
	font-weight:bold;
	font-size:120%;
	padding:40px 0 10px 0;
	box-sizing:border-box;
	line-height:140%;
}
#sch_box #sch_kind a span{
	font-weight:normal;
	font-size:80%;
	display:block;
	line-height:140%;
}
#sch_box #sch_kind a#sch01{
	background:#FFFFFF url(../images/top/icon_sch_area.png) no-repeat center 10px;
}
#sch_box #sch_kind a#sch02{
	background:#FFFFFF url(../images/top/icon_sch_line.png) no-repeat center 8px;
}
#sch_box #sch_kind a#sch03{
	background:#FFFFFF url(../images/top/icon_sch_school.png) no-repeat  center 10px;
}
#sch_box #sch_kind a#sch04{
	background:#FFFFFF url(../images/top/icon_sch_map.png) no-repeat center 10px;
}
#sch_box #sch_kind a#sch05{
	background:#FFFFFF url(../images/top/icon_sch_time.png) no-repeat center 10px;
}*/
/* =====================================
会員物件数（ログイン前）
======================================== 
#member_box{
	background:#EEEEEE;
	border:1px solid #D6D6D6;
	box-sizing:border-box;
	position:relative;
}
#member_box #ttl_member{
	margin-top:10px;
}
#member_box #nomal_num{
	margin-top:10px;
	text-align:center;
	font-weight:bold;
}
#member_box #nomal_num span{
	font-size:180%;
	line-height:110%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 3px;
}
#member_box #bkn_num{
	border:1px solid #D6D6D6;
	background:#FFFFFF;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	margin:10px 20px auto 20px;
	padding:10px;
}
#member_box #seven{
	margin-top:10px;
	text-align:center;
	font-weight:bold;
}
#member_box #seven span{
	font-size:180%;
	line-height:110%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF2626;
}
#member_box #bkn_num #num_txt{
	color:#00306D;
}
#member_box #bkn_num #num_color{
	font-size:200%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF2626;
	margin-right:5px;
	line-height:120%;
}
#member_box #bkn_num #text_color{
	font-size:120%;
	color:#FF2626;
	margin-right:5px;
	line-height:120%;
}
#member_box #pop{
	margin:10px 20px auto 20px;
	text-align:center;
}
#member_box #btn_entry {
	margin:0 20px auto 20px;
}
#member_box #btn_entry .btn{
	background:#008C69;
	padding:10px 0;
	font-size:160%;
}
#member_box #btn_login{
	margin:10px 20px 20px 20px;
	text-align:center;
}
#member_box #btn_login .btn{
	background:#00306D;
	padding:10px 0;
	margin-top:5px;
}
#member_box .btn i{
	margin-right:10px;
}*/
/* =====================================
会員物件数（ログイン後）
======================================== 
#member_box_login{
	background:#EEEEEE;
	position:relative;
	padding:20px;
}
#member_box_login #username{
	margin:auto;
	color:#00306D;
	text-align:center;
	font-weight:bold;
}
#member_box_login #username span{
	font-size:120%;
}
#member_box_login #bkn_num{
	margin:5px auto auto auto;
	text-align:center;
}
#member_box_login #bkn_num #num_txt span{
	color:#00306D;
	font-weight:bold;
}
#member_box_login #bkn_num #num_color{
	font-size:160%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF2626;
	font-weight:bold;
	margin-right:5px;
	line-height:120%;
	margin:0 7px;
}
#member_box_login #message {
	position: relative;
	background: #FFFFFF;
	border: 5px solid #008C69;
	margin:10px auto auto auto;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	font-size:14px;
	line-height:160%;
}
#member_box_login #message:after, #member_box_login #message:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#member_box_login #message:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFFFFF;
	border-width: 15px;
	margin-left: -15px;
}
#member_box_login #message:before {
	border-color: rgba(0, 140, 105, 0);
	border-top-color: #008C69;
	border-width: 22px;
	margin-left: -22px;
}
#member_box_login #message .name{
	color:#00306D;
	font-weight:bold;
}
#member_box_login #message .message_num{
	color:#00306D;
}
#member_box_login #message .message_num a{
	color:#FF2626;
	font-size:140%;
	font-weight:bold;
}
#member_box_login #tanto{
	border:5px solid #00306D;
	background:#FFFFFF;
	padding:10px;
	box-sizing:border-box;
	margin:15px auto auto auto;
}
#member_box_login #tanto #photo{
	width:30%;
	float:left;
}
#member_box_login #tanto #tanto_info{
	width:70%;
	float:right;
	text-align:center;
	padding-left:10px;
	box-sizing:border-box;
}
#member_box_login #tanto #tanto_info .title{
	background:#00306D;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:10px;
	padding:5px 0;
}
#member_box_login #tanto #tanto_info .btn{
	background:#008C69;
	padding:10px 0;
	line-height:160%;
	font-size:14px;
	margin-top:7px;
}
#member_box_login #btn_mypage{
	margin:10px auto auto auto;
}
#member_box_login #btn_mypage .btn{
	background:#008C69;
	padding:5px 0;
	font-size:18px;
}
#member_box_login #btn_logout{
	margin:10px auto auto auto;
}
#member_box_login #btn_logout .btn{
	background:#FFFFFF;
	color:#00306D;
	padding:5px 0;
	margin-top:10px;
}
#member_box_login .btn i{
	margin-right:10px;
}*/
/* =====================================
おすすめ物件特集
======================================== 
#recom_info{
	border:1px solid #EEEEEE;
	background:#F2F2F4;
	padding:10px 20px;
}
#recom_info h4{
	color:#00306D;
	font-weight:bold;
	display:inline-block;
}
#recom_info #kind_area a{
	text-decoration:none;
}
#recom_info #kind_area,
#recom_info #sort_area{
	text-align:center;
}
#recom_info #sort_area select{
	display:block;
	width:100%;
}
#recom_info .btn{
	display:inline-block;
	margin-left:5px;
}
#recom_info .sort_btn{
	background:#00306D;
	padding:5px 30px;
	margin-top:5px;
}
#recom_info #sort_area .reset_btn{
	border:1px solid #BBBBBB;
	background:#FFFFFF;
	color:#656565;
	padding:2px 10px;
	margin-top:5px;
}
.ensen_select
{
    width:120px;
}*/
/* =====================================
おすすめ物件コマ
======================================== 
#recommend{	
	width:100%;
}
#recommend li{
	margin:10px 10px auto 10px;
	position:relative;
	border:1px solid #CCCCCC;
	line-height:140%;
}
#recommend li a{
	display:block;
	text-decoration:none;
}
#recommend li a:hover{
	background:#FFFFBF;
	color:#333333;
}
#recommend li .thumbnail{
	float:left;
	width:45%;
	position:relative;
}
#recommend .thumbnail .newicon{
	position:absolute;
	top:-1px;
	left:-1px;
	width:30px;
}
#recommend li .thumbnail .kind{
	position:absolute;
	top:0;
	right:0;
	color:#FFFFFF;
	font-size:75%;
	padding:0 10px;
    width: 54px;
    text-align:center;
}
#recommend li .thumbnail .seiyaku{
	position:absolute;
	top:5px;
	left:5px;
}
#recommend .kind_kodate{
	background:#4EB0D9;
}
#recommend .kind_chukokodate{
	background:#F4A543;
}
#recommend .kind_tochi{
	background:#854833;
}
#recommend .kind_mansion{
	background:#9BCA45;
}
#recommend .limited_icon{
	position: absolute;
    top: 20px;
    right: 0;
    background-color: #00306D;
    color:#FFFFFF;
    font-size:75%;
    padding:0 10px;
    width: 54px;
    text-align:center;
}
#recommend .text{
	float:left;
	width:55%;
	padding:5px 10px;
	box-sizing:border-box;
	font-size:85%;
	line-height:140%;
}
#recommend .access{
	background:#DFECF0;
	color:#00306D;
	text-align:center;
	padding:2px;
	box-sizing:border-box;
}
#recommend .name{
	font-weight:bold;
	color:#00306D;
	margin-top:3px;
}
#recommend .price{
	margin-top:3px;
}
#recommend .price span{
	font-weight:bold;
	color:#D80000;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
}
#recommend .seiyaku_price{
	margin-top:3px;
}
#recommend .seiyaku_price span{
	font-weight:bold;
	color:#D80000;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
}
#recommend .access{
	margin-top:3px;
}
#recommend .setsubi_icon{
    width:55%;
    float:right;
    margin: 5px auto;
}
#recommend .setsubi_icon img{
    width: 19%;
    display: block;
    float: left;
    margin: 0 0.5%;
}
.btn_recom{
	background:#00306D;
	margin:10px;
	padding:5px 0;
	font-size:120%;
}
.btn_recom i{
	margin-left:10px;
}*/
/* =====================================
NEWS＆TOPICS
======================================== */
#news ul{
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px 15px;
}
#news li a{
	display:block;
	border-bottom:1px dotted #DDDDDD;
	padding:10px 0;
	box-sizing:border-box;
	font-size:85%;
	text-decoration:none;
	line-height:140%;
}
#news li:last-child a{
	border-bottom:none;
}
#news li .date{
	color:#0A519F;
	line-height:1;
	float: none;
}
#news li .date div{
	color:#FFFFFF;
	background:#0A519F;
	margin-left:10px;
	display:inline;
	font-size:70%;
	padding:1px 5px;
	border-radius:3px;
}
#news li .text{
	margin-top:5px;
}
.btn_news{
	background:#efefef;
	color: #00306d !important;
	margin:10px;
	padding:5px 0;
	font-size:120%;
}
.btn_news i{
	margin-left:10px;
}
/* =====================================
値下がり物件速報
======================================== 
#pricedown #pricedown_txt{
	border:1px solid #EEEEEE;
	background:#F2F2F4;
	padding:0 10px;
	text-align:center;	
}
#pricedown #pricedown_txt #date{
	color:#00306D;
	display:block;
}
#pricedown #pricedown_txt #num{
	color:#FF2626;
	margin:0 5px;
}
#pricedown ul{
	padding-left:1%;
}
#pricedown li{
	width:50%;
	float:left;
	padding-right:1%;
	padding-top:10px;
	position:relative;
	box-sizing:border-box;
	height: 80px;
}
#pricedown li a{
	display:block;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
	font-size:85%;
	text-decoration:none;
	line-height:140%;
	height: 76px;
}
#pricedown li a:hover{
	background:#FFFFBF;
}
#pricedown .thumbnail{
	float:left;
	width:40%;
	padding:10px 5px 5px 5px;
	box-sizing:border-box;
}
#pricedown .outline{
	float:right;
	width:60%;
	padding:5px 5px 5px 0;
	box-sizing:border-box;
}
#pricedown .icon{
	position:absolute;
	top:9px;
	left:5%;
	width:30%;
}
#pricedown .kind{
	color:#FFFFFF;
	font-size:75%;
	text-align:center;
}
#pricedown .kind_kodate{
	background:#4EB0D9;
}
#pricedown .kind_chukokodate{
	background:#F4A543;
}
#pricedown .kind_tochi{
	background:#854833;
}
#pricedown .kind_mansion{
	background:#9BCA45;
}
#pricedown .price{
	margin-top:3px;
}
#pricedown .price span{
	font-weight:bold;
	color:#FF2626;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
}
#pricedown .address{
	font-size:85%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn_pricedown{
	background:#00306D;
	margin:10px;
	padding:5px 0;
	font-size:120%;
}
.btn_pricedown i{
	margin-left:10px;
}*/

/* =====================================
TOP4ナビ と　動画
======================================== 
#top4{
//	margin-top: -30px;
	margin-left: 5%;
}
#top4 li{
	width: 42%;
	float: left;
	margin-left: 4%;
	margin-top: 30px;
	background-color: #00306d;
}
#top4 li a{
//	border: 1px solid #CCCCCC;
	text-decoration: none;
	display: table;
	height: 200px;
	width: 100%;
}
#top4 li a:hover{
	background:#0A519F;
	color:#333;
}
#top4 .thumbnail{
//	display: table-cell;
//	width: 100%;
	padding: 30px 0 0 0;
//	box-sizing: border-box;
//	vertical-align: middle;
	text-align: center;
}
#top4 .text{
//	display: table-cell;
	font-size: 13px;
	color: #FFF;
	text-align: center;
//	width: 210px;
	padding: 20px 0;
//	box-sizing: border-box;
	line-height: 160%;
//	vertical-align: middle;
}
#top4 .text strong{
	display: block;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.service-body {
    position: relative;
}
.service-body {
    max-width: 1045px;
    margin: 0 auto;
}
.service-movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
//    margin-top: 70px;
}
.service-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}*/



/* =====================================
お役立ち
======================================== 
#useful{
	margin-left: 10px;
}
#useful li{
	width: 86%;
	float: none;
	margin: 10px auto;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
}
#useful li a {
	text-decoration: none;
	display: table;
	height: 100px;
	width: 100%;
}
#useful li a:hover{
	background:#efefef;
	color:#333;
}
#useful .thumbnail{
	display: table-cell;
	width: 35%;
	padding: 0 0 0 5px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}
#useful .text{
	display: table-cell;
	font-size: 70%;
	width: 65%;
	padding: 0 5px 0 5px;
	box-sizing: border-box;
	line-height: 140%;
	vertical-align: middle
}
#useful .text strong{
	display: block;
	margin-bottom: 5px;
}*/
/* =====================================
コンタクトボタン
======================================== */
#group{
	padding-left: 10px;
}
#group li{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

/* =====================================
RANKING
======================================== 
#ranking ul{
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:5px 15px;
}
#ranking li{
	width:100%;
	padding-right:1%;
	padding-top:10px;
	position:relative;
	box-sizing:border-box;
}
#ranking li a{
	display:block;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
	font-size:85%;
	text-decoration:none;
	line-height:140%;
}
#ranking li a:hover{
	background:#FFFFBF;
}
#ranking .thumbnail{
	float:left;
	width:50%;
	padding:10px 5px 5px 5px;
	box-sizing:border-box;
    text-align:center;
}
#ranking .outline{
	float:right;
	width:40%;
	padding:5px 5px 5px 0;
	box-sizing:border-box;
}
#ranking .up_comment{
    display:none;
}
#ranking .icon{
    float: left;
    width: 10%;
    text-align:center;
}
#ranking .icon img{
    margin-top:100%;
    width:85%;
}
#ranking .kind{
	color:#FFFFFF;
	font-size:75%;
	text-align:center;
}
#ranking .kind_kodate{
	background:#4EB0D9;
}
#ranking .kind_chukokodate{
	background:#F4A543;
}
#ranking .kind_tochi{
	background:#854833;
}
#ranking .kind_mansion{
	background:#9BCA45;
}
#ranking .price{
	margin-top:3px;
}
#ranking .price span{
	font-weight:bold;
	color:#FF2626;
	font-size:140%;
	font-family:Arial, Helvetica, sans-serif;
}
#ranking .address{
	font-size:85%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn_ranking{
	background:#00306D;
	margin:10px;
	padding:5px 0;
	font-size:120%;
}
.btn_ranking i{
	margin-left:10px;
}*/
}