@charset "UTF-8";

/* ************************************** _

タイトル：index.css
ｗ
概要：index.html用CSS

_ ************************************** */

#topbb{
	height: 90vh;
	min-height: 550px;
	/*background: url(../images/index/mainbb_dammy1.jpg) no-repeat 50% 50%;*/
	/*background-size:cover;*/
	/*background-attachment: fixed;*/
	position:relative;
	-webkit-box-shadow: 0 10px 5px -5px rgba(0,0,0,0.5);
	        box-shadow: 0 10px 5px -5px rgba(0,0,0,0.5);
}
.bb_inner{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	position:relative;
	height: 89vh;
}

#topbb .bb_inner .mglogo{
	position:absolute;
	bottom:22%;
	left:0;
	width:743px;
}
#topbb .bb_inner .mglogo img{
	width:100%;
}
#topbb .bb_inner .catch{
	position:absolute;
	bottom:44%;
	left:0%;
  display: none;
}
#topbb .bb_inner .catch_sita{
	position:absolute;
	bottom:36%;
	left:0%;
  	display: none;
}



#topbb .bb_inner .catch.action,
#topbb .bb_inner .catch_sita.action,
#topbb .bb_inner .mglogo.action {
  opacity: 1;
  display: block;
}

#topbb .new_article{
	position:absolute;
	top:5%;
	right:4%;
	padding: 5px 10px 0 10px;
	background: rgba(255,255,255,0.8);
	z-index: 99999;
}
#topbb .new_article h3{
	text-align:center;
	margin-bottom:2px;
	letter-spacing:5px;
	font-size: 30px;
}
#topbb .new_article .autoplay{
	height:420px;
	overflow:hidden;
}
#topbb .new_article ul li{
	margin-bottom:10px;
}
/*
.gnavi{
	height:88px;
	background-color:#25315b;
	margin-top:-88px;
}
*/


/*地域のソート*/
ul#tab{ margin: 0 0 20px 0;  width:100%; max-width:1200px;}
ul#tab li{ 
	float: left;
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	margin-bottom:5px;
	text-align: center;
	background: #efefef;
	width:23.5%;
	display: block;
	margin-right:2%;
	-webkit-box-shadow: 2px 2px 4px gray;
	        box-shadow: 2px 2px 4px gray;
	font-size:24px;
}
ul#tab li:last-child{ 
	margin-right:0;
}

ul#tab li a{
	color: #666666;
	text-decoration: none;
	display: block;
}
ul#tab li.select a{
	background: #A83B45 !important;
	color: #FFFFFF;
	text-decoration: none;
	
}
.disnon {
  display: none;
}


/*　新築マンション */
ul.article_wrap{
	width:100%;
}
ul.article_wrap li{
	width:49%;
	margin-right:2%;
	float:left;
	border:10px solid #e6e6e6;
	position:relative;
	margin-bottom:20px;
}

ul.article_wrap li:hover{
	border:10px solid #a83b45;
	-webkit-transition: all .5s;
  transition: all .5s;
}

ul.article_wrap li:nth-child(even){
	margin-right:0;
}
ul.article_wrap li .article_inner_pd{
	padding:20px;
}
ul.article_wrap li .article_ph img{
	width:100%;
	height:auto;
	margin-bottom:5px;
}
ul.article_wrap li .news{
	color:#22ac38;
	font-weight:bold;
	margin-bottom:20px;
}

.midasi_line{
	border-left:5px solid #25315b;	
	padding: 5px 0 0 10px;
	margin-bottom:8px;
}


ul.article_wrap li h3{
	font-size:26px;
	font-weight:bold;
	line-height:1.3	;
	margin-bottom:10px;
}
ul.article_wrap li p{
	line-height:1.3	;
}
ul.article_wrap li .article_txt{
	margin-bottom:15px;
	/*
	padding:14px 3px 14px 12px;
	background-color:#f2f2f2;
	*/
}
ul.article_wrap li .akamoji{
	color:#ad0000;
	margin-bottom:20px;
	font-weight:bold;
}
ul.article_wrap li .icon_happyo_nuki{
	font-size:16px;
	line-height:1.2;
}
ul.article_wrap li .icon_happyo_nuki span{
	color: #fff;
	background-color: #ad0000;
	padding: 0 12px;
}

ul.article_wrap li .icon_hatubai_nuki{
	font-size:16px;
	line-height:1.2;
}
ul.article_wrap li .icon_hatubai_nuki span{
	color: #fff;
	background-color: #5194CA;
	padding: 0 12px;
}
ul.article_wrap li .icon_kanbai_nuki{
	font-size:16px;
	line-height:1.2;
}


ul.article_wrap li .icon_kanbai_nuki span{
	color: #fff;
	background-color: #666;
	padding: 0 12px;
}

ul.article_wrap li .cyusyaku{
	font-size:16px;
	margin-bottom:15px;
}

ul.article_wrap li .botton_wrap{
	position:absolute;
	bottom:0;
	left:0;
}

ul.article_wrap li ul.botton{
    width:100%;
	margin-bottom:5px;
}
ul.article_wrap li ul.botton li{
    width:32%;
	margin-right:2%;
    text-align:center;
	border:none;
	-webkit-box-shadow: 2px 2px 4px gray;
	        box-shadow: 2px 2px 4px gray;
}

ul.article_wrap ul.botton li:nth-child(even){
	margin-right:2%;
}

ul.article_wrap li ul.botton li:last-child{
	margin-right:0%;
}
ul.article_wrap li ul li:hover{
    border:none;
}
ul.article_wrap li ul.botton li a{
  display: inline-block;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
  width:100%;
}
ul.article_wrap li ul.botton li a::before,
ul.article_wrap li ul.botton li a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
ul.article_wrap li ul.botton li a,
ul.article_wrap li ul.botton li a::before,
ul.article_wrap li ul.botton li a::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

ul.article_wrap li ul.botton li.koushiki a{
	background-color: #333;
	color: #fff;
}
ul.article_wrap li ul.botton li.koushiki a:hover{
	background-color: #999;
	color: #fff;
}
ul.article_wrap li ul.botton li.siryo a{
	background-color: #a83b45;
	color: #fff;
}
ul.article_wrap li ul.botton li.siryo a:hover{
	background-color: #d8808b;
	color: #fff;
}
ul.article_wrap li ul.botton.botton li.raijyo a{
	background-color: #a1912f;
	color: #fff;
}
ul.article_wrap li ul.botton li.raijyo a:hover{
	background-color: #d3c271;
	color: #fff;
}
ul.article_wrap li ul.botton li.chirashi a{
	background-color: #43a83b;
	color: #fff;
}
ul.article_wrap li ul.botton li.chirashi a:hover{
	background-color: #78c790;
	color: #fff;
}

ul.article_wrap li ul.article_info{
	width:100%;
	padding:14px 6px 14px 12px;
	background-color:#f2f2f2;
	margin-bottom:20px;
}
ul.article_wrap li ul.article_info li{
	background: url(../images/index/info_icon.png) no-repeat 0 1px;
	margin-bottom:10px;
	border:none;
	padding-left:30px;
	float:none;
	width:100%;
	line-height:1.3;
}
ul.article_wrap li ul.article_info li:last-child{
	margin-bottom:0px;
}
ul.article_wrap li ul.article_info li dl{
	width:100%;
}
ul.article_wrap li ul.article_info li dl dt{
	float:left;
}
ul.article_wrap li ul.article_info li dl dd{
	margin-left:70px;
}

.toparticle_mb{
	margin-bottom:70px;
}


/*中古マンション*/
ul.old_article_wrap{
	width:100%;
	magin-bottom:30px;
}

.old_article_mb{
	margin-bottom:100px;	
}
ul.old_article_wrap li {
	width:24%;
	margin-right:1.3%;
	float:left;
	border:10px solid #e6e6e6;
	display:block;
	position:relative;
	line-height:1.3;
}
ul.old_article_wrap li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

ul.old_article_wrap li:hover{
	border:10px solid #a83b45;
	-webkit-transition: all .5s;
	transition: all .5s;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

ul.old_article_wrap li:last-child{
	margin-right:0%;
}


ul.old_article_wrap li .inner_pd{
	padding:20px;
}
ul.old_article_wrap li img{
	width:100%;
	height:auto;
	margin-bottom:5px;
}
ul.old_article_wrap li p.ph_comment {
	position:absolute;
	top:0;
	left:0;
	background: rgba(168,60,70,0.8);
	color:#fff;
	font-size:14px;
	padding:5px 10px;
	width:100%;
}
ul.old_article_wrap h3{
	font-weight:bold;
	margin-bottom:3px;
}
ul.old_article_wrap p.old_area{
	font-size:16px;
}
ul.old_article_wrap p.old_price{
	color:#ad0000;
	font-weight:bold;
	margin-bottom:5px;
}
ul.old_article_wrap p.old_price{
	color:#ad0000;
	font-weight:bold;
	margin-bottom:5px;
}
ul.old_article_wrap p.txt{
	margin-bottom:20px;
}

ul.old_article_wrap .image2 {
  margin: 0 auto 10px 0;
  text-align: center;
	height:173px;
	background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
	position:relative;
}

ul.old_article_wrap .image2 span {
  display:block;
	height:173px;
	background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.basewrap{
	width:100%;	
}
.basewrap .inner_pd{
	padding:20px;
}
.mailmaga_wrap{
	width:47.5%;
	float:left;
	/*float:right;*/	
}
.mailmaga_wrap img{
	width:100%;
	height:auto;
}
.cyukai_wrap{
	width:47.5%;
	/*float:right;*/
	float:left;
	border:10px solid #e6e6e6;
}
.cyukai_wrap h3{
	margin-bottom:20px;
}
.cyukai_wrap h3 img{
	width:100%;	
}
ul.urukau{
	width:100%;	
}
ul.urukau img{
	width:100%;	
}
ul.urukau li.uru{
	width:47.5%;
	float:left;	
}
ul.urukau li.kau{
	width:47.5%;
	float:right;	
}


.side_wrap{
	position:fixed;
	width:42px;
	right:0;
	top:0;
	z-index:999999999;
	height: 100vh;
}
.side_wrap ul{
	position: relative;
	  top: 45%;
	  -webkit-transform: translateY(-45%); /* Safari用 */
	  -ms-transform: translateY(-45%);
	      transform: translateY(-45%);
}
.side_wrap ul li{
	margin-bottom:5px;
}

@media screen and (max-width: 1366px) {
#topbb .bb_inner .mglogo{
	position:absolute;
	bottom:18%;
	left:0;
	width:650px;
}

#topbb .bb_inner .catch{
	position:absolute;
	bottom:40%;
	left:0%;
}
#topbb .bb_inner .catch_sita{
	position:absolute;
	bottom:29%;
	left:0%;
  	display: none;
}
}

@media screen and (max-width: 1320px) {
	.side_wrap{display:none;}
}

@media screen and (max-width: 1200px) {
	#topbb .new_article{
		top:5%;
		right:1%;
	}
}

@media screen and (max-width: 960px) {
ul.article_wrap li ul.botton li{
    font-size:0.90em;
}

}

@media screen and (max-width: 736px) {
#topbb{
	/*background: url(../images/index/sp_mainbb_dammy.jpg) no-repeat 50% 50%;*/
	/*background-size:cover;*/
	height: 90vh;
	min-height:auto;
}
#topbb .new_article{
	display:none;
}

#topbb .bb_inner .mglogo{
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
	margin: 0 auto;
	max-wdith:736px;
	width:100%;
}
#topbb .bb_inner .mglogo img{
	width:100%;
}
#topbb .bb_inner .catch{
	position:absolute;
    left:0%;
	bottom:44%;
	max-width:643px;
	width:100%;
}
#topbb .bb_inner .catch_sita{
	position:absolute;
	bottom:35%;
	left:0%;
  	max-width:643px;
	width:100%;
}
#topbb .bb_inner .catch img{
	width:95%;
}
	
	




ul#tab li{ 
	float: left;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	margin-bottom:10px;
	padding:3px 0 8px;
	text-align: center;
	background: #efefef;
	width:47.5%;
	display: block;
	margin-right:0;
	font-size:16px;
}
ul#tab li:nth-child(even){ 
	float:right;
}

ul.article_wrap li{
	width:100%;
	margin-right:0;
	float:none;
	border:5px solid #e6e6e6;
	position:relative;
	font-size:15px;
}
ul.article_wrap li:hover{
	border:5px solid #a83b45;
}
ul.article_wrap li .article_inner_pd{
	padding:10px;
}
ul.article_wrap li ul.botton{
	margin-bottom:0;
}
ul.article_wrap li ul.botton li{
    float:left;
}
ul.article_wrap li .news{
	color:#22ac38;
	font-weight:bold;
	margin-bottom:20px;
}

ul.article_wrap li h3{
	font-size:18px;
	font-weight:bold;
	line-height:1.3	;
	margin-bottom:10px;
}
ul.article_wrap li p{
	line-height:1.3	;
}
ul.article_wrap li .article_txt{
	/*margin-bottom:15px;*/
}
ul.article_wrap li .akamoji{
	color:#ad0000;
	margin-bottom:20px;
	font-weight:bold;
}
ul.article_wrap li .icon_happyo_nuki{
	font-size:15px;
	margin-bottom:5px;
}
ul.article_wrap li .icon_happyo_nuki span{
	color: #fff;
	background-color: #ad0000;
	padding: 0 12px;
}

ul.article_wrap li .icon_hatubai_nuki{
	font-size:15px;
	margin-bottom:5px;
}
ul.article_wrap li .icon_hatubai_nuki span{
	color: #fff;
	background-color: #5194CA;
	padding: 0 12px;
}
	
ul.article_wrap li .icon_kanbai_nuki{
	font-size:15px;
	margin-bottom: 5px;
}


ul.article_wrap li .icon_kanbai_nuki span{
	color: #fff;
	background-color: #666;
	padding: 0 12px;
}
	

ul.article_wrap li .cyusyaku{
	font-size:15px;
	margin-bottom:15px;
}
ul.article_wrap li ul.article_info{
	width:100%;
	padding:14px 6px 14px 12px;
	background-color:#f2f2f2;
	margin-bottom:20px;
}
ul.article_wrap li ul.article_info li{
	background: url(../images/index/info_icon.png) no-repeat 0 1px;
	background-size:20px;
	line-height:1.3;
	margin-bottom:10px;
	padding-top:2px;
	font-size:15px;
}

.basewrap{
	width:100%;	
}
.basewrap .inner_pd{
	padding:10px;
}
.mailmaga_wrap{
	width:100%;
	float:none;	
	margin-bottom:50px;
}
.mailmaga_wrap img{
	width:100%;
	height:auto;
}
.cyukai_wrap{
	width:100%;
	float:none;
	border:5px solid #e6e6e6;
}
.cyukai_wrap h3{
	margin-bottom:20px;
}
ul.urukau li.uru{
	width:100%;
	float:none;	
	margin-bottom:10px;
}
ul.urukau li.kau{
	width:100%;
	float:none;	
}
ul.article_wrap li ul.article_info li dl dd{
	margin-left:60px;
}
}

@media screen and (min-width: 480px) and (max-width: 736px){
ul.old_article_wrap li {
	width:48%;
	margin-right:0;
	float:left;
	border:5px solid #e6e6e6;
	display:block;
	position:relative;
	line-height:1.3;
	margin-bottom:20px;
}
ul.old_article_wrap li:last-child {
	margin-bottom:0px;
	margin-right:0%;
}
ul.old_article_wrap li:nth-child(even) {
	float:right;
}
ul.old_article_wrap li:nth-child(3) {
	margin-bottom:0px;
}

ul.old_article_wrap li:hover{
	border:5px solid #a83b45!important;
}


ul.old_article_wrap li .inner_pd{
	padding:10px;
}

ul.old_article_wrap h3{
	font-weight:bold;
	margin-bottom:3px;
}
ul.old_article_wrap p.old_area{
	font-size:15px;
}
ul.old_article_wrap p.old_price{
	color:#ad0000;
	font-weight:bold;
	margin-bottom:5px;
}
ul.old_article_wrap p.txt{
	margin-bottom:10px;
}
ul.old_article_wrap .image2 {
	background-size: contain;
	height:120px;
}
ul.old_article_wrap .image2 span {
	background-size: contain;
	height:120px;
}

}

@media screen and (max-width: 480px) {
ul.old_article_wrap li {
	width:100%;
	margin-right:0;
	float:none;
	border:5px solid #e6e6e6;
	display:block;
	position:relative;
	line-height:1.3;
	margin-bottom:20px;
}

ul.old_article_wrap li:nth-child(even) {
	float:none;
}
ul.old_article_wrap li:nth-child(3) {
	margin-bottom:20px;
}

ul.old_article_wrap li:hover{
	border:5px solid #a83b45!important;
}
ul.old_article_wrap .image2 {
	background-size: contain;
	height:120px;
}
ul.old_article_wrap .image2 span {
	background-size: contain;
	height:120px;
}

}


.topnews_mb{
	margin-bottom:70px;
}
.akawaku{
	border:2px solid #f44b5e;
	padding:20px;
	max-width:894px;
	width:100%;
	margin:0 auto;
}

@media screen and (max-width: 736px) {
.topnews_mb{
	margin-bottom:30px;
}
.akawaku{
	padding:10px;
}
}