@charset "utf-8";

/* -----------------------------------------------------------------------------
** スライダー　背景
----------------------------------------------------------------------------- */
.flexslider .slides li{
    background-size: cover;
    background-position: center;
}
.flexslider .slides li.slides_01{
  background-image: url('../img/slide_01_back.jpg');
}

.flexslider .slides li.slides_comi{
  background-image: url('../img/slide_comi_back.jpg');
}
.flexslider .slides li.slides_lux{
  background-image: url('../img/slide_lux_back.jpg');
}
.flexslider .slides li.slides_long{
  background-image: url('../img/slide_long_back.jpg');
}
.flexslider .slides li.slides_50off{
  background-image: url('../img/slide_50off_back.jpg');
}
/* .flexslider .slides li.slide_nenshi{
  background-size: contain;
  background-image: url('../img/slide_nenshi_2018_bg.png');
} */
.flexslider .slides li.slides_summer{
  background-image: url('../img/slide_summer_long.jpg');
}
.flexslider .slides li.slide_comigirl{
  background-image: url('../img/slide_comi_girl_back.jpg');
}
.flexslider .slides li.slide_autumn{
  background-image: url('../img/slide_winter_long.jpg');
    width: 2000px;
    height: 424px;
}
.slide_open{
  background: url('../img/slide_newopen.png') no-repeat, url('../img/slide_newopen_bg.png') repeat-x;
  background-size: auto !important;
  height: 424px;
  margin: 0 auto;
}
.slide_open_inner{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.slide_open .slide_newopen_01, .slide_open .slide_newopen_02, .slide_open .slide_zouka_01, .slide_open .slide_zouka_02, .slide_open .slide_zouka_03{
  position: absolute;
}
.slide_open .slide_newopen_01{
  top: 160px;
  left: 20px;
}
.slide_open .slide_newopen_02{
  top: 160px;
  right: 20px;
}
.slide_open .slide_zouka_01{
  top: 364px;
  right: 350px;
}
.slide_open .slide_zouka_02{
  top: 364px;
  right: 185px;
}
.slide_open .slide_zouka_03{
  top: 364px;
  right: 20px;
}

#main-img .flex-direction-nav .flex-next{
	right: 50px;
}

#main-img .flex-direction-nav .flex-prev{
	left: 50px;
}

/* -----------------------------------------------------------------------------
** 地域トップ　ページ上部の検索導線
----------------------------------------------------------------------------- */
.area_link_box {
  border: 2px solid #095c5d;
  margin: 40px 0 30px;
  padding: 0 22px 22px;
}
.area_link_box h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: -20px 0 10px;
  text-align: center;
}
.area_link_box h2 span {
  background: #FFFFFF;
  padding: 0 10px;
}
.area_link_box li {
  float: left;
  list-style: none;
  margin-right: 10px;
  text-align: center;
  width: 310px;
}
.area_link_box li:last-child {
  margin-right: 0;
}
.area_link_box li img {
  margin-right: 5px;
  vertical-align: middle;
}
.area_link_box li a {
  background: #cdbf89;
  color: #000000;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
}
.area_link_box li a:hover {
  background: #eedea1;
}

/* -----------------------------------------------------------------------------
** 地域トップ　地図無し
----------------------------------------------------------------------------- */
.area_left{
	float: left;
	width: 720px
}
.area-raku{
	float: right;
}
.area-raku .rakuraku_l{
	margin-top: 0;
}
.area_left ul{
	list-style: none;

}
.area-navi{
	margin-top: 5px;
	margin-bottom: 30px;
}
.area-navi li{
    display: inline-block;
    width: 166px;
    font-size: 15px;
    margin-right: 4px;
    text-align: center;
}
.area-navi li a{
	color: #fff;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
    background-color: #0f7136;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.area-navi li a:hover{
	background-color: #1e964e;
}
.hide {
	display:none;
}
.tab{
	overflow:hidden;
}
.tab li{
  cursor: pointer;
	display: inline-block;
	width: 180px;
	background-color: #0f7136;
	color: #fff;
	margin-right: 0;
	padding: 7px 0 4px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	text-align: center;
}
.tab .select{
	background-color: #0a4e25;
  cursor: auto;
}
.tab_box {
	border: 1px solid #0a4e25;
  border-top: 4px solid #0a4e25;
}
.area_left .tab_box {
	width: 687px;
	background-color: #fff;
	margin-bottom: 20px;
}
.tab_box li {
    padding: 10px;
    display: inline-block;
}
.tab li:hover{
	background-color: #1a8645;
}
.tab .select:hover{
	background-color: #0a4e25;
}
.p_search_line dt{
    background-color: #efecec;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #006428;
    font-weight: bold;
    clear: both;
}
.area_left .key_search{
    width: 700px;
    margin: 30px 0 0;
    padding-left: 0;
    padding-right: 0;
}
.area_left .key_search_tit{
	width: 177px;
}
/* -----------------------------------------------------------------------------
** マンスリーマンションとは
----------------------------------------------------------------------------- */
.about {
  background: #f4fbf4;
  border-top: 1px solid #def8de;
  border-bottom: 1px solid #def8de;
  margin-top: 50px;
  padding: 8px 0 16px;
}
.about h3{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.about p{
	width: 780px;
	margin: 0 auto;
	font-size: 14px;
}
.about .feature {
  margin-top: 16px;
  text-align: center;
}
.about .feature {
  margin-top: 16px;
  text-align: center;
}
/* エリアトップ用 */
#top_main .feature {
  margin-bottom: 30px;;
}
/* -----------------------------------------------------------------------------
** お問合せ（背景明るいバージョン）
----------------------------------------------------------------------------- */
.top_contact_light {
  background: url(../img/bg_contact_light.jpg);
  background-size: cover;
  padding: 6px 0 26px;
}
.top_contact_light h3 span {
  border-bottom: 1px solid #0a4e25;
  color: #0f7136;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 30px;
  padding: 0 10px;
}
.top_contact_light .uketsuke {
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
  padding-top: 10px;
}
.top_contact_light .tell_h {
  float: left;
  font-size: 40px;
  line-height: 40px;
  margin: 20px 0 3px;
}
.top_contact_light .tell_h .tell_o {
  display: inline;
  float: none;
  font-size: 16px;
  font-weight: normal;
  margin-left: 20px;
  vertical-align: middle;
}
.top_contact_light .time {
  float: left;
  margin-right: 40px;
  padding-left: 100px;
}
.top_contact_light .contact {
  float: left;
  margin-top: 4px;
}
.top_contact_light .contact a {
  background: #f39800;
  border-radius: 6px;
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
  width: 260px;
}
.top_contact_light .contact a:hover {
  opacity: 0.8;
}

/* -----------------------------------------------------------------------------
** 法人お問合せ
----------------------------------------------------------------------------- */

#houjin_contact{
	background-image: url("../img/hojin_bg.png");
	height: 400px;
}
#houjin_contact .houjin_contact_inner{
  position: relative;
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.houjin_contact_outer{
  padding: 5px 0;
  background: #f8c65e; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f8c65e 0%, #57450e 26%, #99763e 39%, #f8c75e 53%, #99763e 65%, #553904 74%, #ed9017 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #f8c65e 0%,#57450e 26%,#99763e 39%,#f8c75e 53%,#99763e 65%,#553904 74%,#ed9017 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #f8c65e 0%,#57450e 26%,#99763e 39%,#f8c75e 53%,#99763e 65%,#553904 74%,#ed9017 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c65e', endColorstr='#ed9017',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* -----------------------------------------------------------------------------
** リブマックスグループ
----------------------------------------------------------------------------- */
#group{
	height: 740px;
	padding-top: 10px;
}
#group ul{
	padding-top: 20px;
	text-align: center;
}
#group .group_bnr li{
	display: inline-block;
	width: 240px;
	height: 70px;
	margin: 3px;
}
.sns{

}
.sns li{
	display: inline-block;
	margin: 10px;
}

.top_tit_grade,.top_tit_news,.top_tit_pickup {
	background-repeat: no-repeat;
	width: 600px;
	height: 24px;
	padding-left: 30px;
	padding-top: 8px;
}
.top_tit_grade {
	background-image: url(../img/top_tit_grade.gif);
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.top_tit_news {
	background-image: url(../img/top_tit_news.gif);
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.top_tit_pickup {
	background-image: url(../img/top_tit_pickup.gif);
}
.top_tit_pickup h2 {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
*html .top_waku_or,*html .top_waku_gr,*html .top_waku_pick {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: -7px;
	zoom: 1;
}
.top_waku_or,.top_waku_gr,.top_area_search1,.top_area_search2 {
	width: 608px;
}
.top_waku_or {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF9000;
	border-left-color: #FF9000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.top_waku_or_u {
	background-image: url(../img/waku630_u_orange.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 5px;
}
.top_waku_gr {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3F910E;
	border-left-color: #3F910E;
}
.top_waku_gr_u {
	background-image: url(../img/waku630_u_green.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 5px;
}
.grade_pex, .grade_ex {
	margin-top: 8px;
}
.grade_pex {
	float: left;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFCC66;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC66;
	padding-bottom: 10px;
	height: 79px;
	width: 293px;
}
*html .grade_hg,*html .grade_st {
	margin-top: -5px;
}
.grade_hg {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFCC66;
	height: 79px;
	width: 293px;
}
.grade_st {
	float: right;
	padding-left: 10px;
	padding-top: 10px;
	height: 79px;
	width: 293px;
}
.grade_ex {
	float: right;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC66;
	padding-bottom: 10px;
	height: 79px;
	width: 293px;
}
.grade_box {
	height: 79px;
	width: 293px;
}
.grade_padtop {
	padding-top: 10px;
}

.grade_image {
	float: left;
	height: 79px;
	width: 79px;
	padding-right: 8px;
}
*html .grade_coment {
	font-size: 12px;
	line-height: 16px;
}
.grade_coment {
	text-align: left;
	float: right;
	width: 205px;
	font-size: 11px;
	height: 79px;
	line-height: 16px;
}
.grade_coment h3 {
	margin: 0px;
}
.grade_coment img {
	margin-bottom: 3px;
}
.grade_coment strong {
	margin-bottom: 15px;
}

#news {
	font-size: 16px;

}
.news_box dt {
	font-weight: bold;
}
.news_box dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	line-height: 1.5em;
}
.news_box{
	width: 700px;
	margin:40px auto 60px;
}

/* -----------------------------------------------------------------------------
** 地域トップ
----------------------------------------------------------------------------- */
#comment{
	padding: 80px 0;
	font-size: 15px;
	background-color: #f4fbf4;
}
#comment h3{
	margin-bottom: 20px;
}

/* -----------------------------------------------------------------------------
** 特選物件
----------------------------------------------------------------------------- */
#tokusen{
	background-image: url("../img/recommend_area_bg.jpg");
	padding: 10px 20px 40px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	color: #fff;
}
.tokusen_box{
  text-align: center;
}
.tokusen_box .pick_box {
  width: 200px;
  min-height: 296px;
  background: #fff;
  margin: 0 9px 9px 0;
  color: #222;
  padding: 10px;
  display: inline-table;
  text-align: left;
}
.tokusen_box .pick_box a {
  color: #222222;
  text-decoration: none;
}
.tokusen_box .pick_box a:hover {
  color: #FF6600;
}
.tokusen_box .pick_box p {
	font-size: 13px;
  margin: 0;
}
.tokusen_box .pick_box p.price {
  color: #fc0303;
	font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.tokusen_box .pick_box:nth-child(4) ,
.tokusen_box .pick_box:last-child {
  margin-right: 0;
}
.tokusen_box .pick_image img{
  width: 200px;
  height: 200px;
}