wrap@charset "UTF-8";

.bnr{
    margin-bottom:40px;
}
.pc { display: block !important; }
.sp { display: none !important; }
			
.spec02 a{
    color: #000;
}
			
footer nav a:visited{
    color: #ffffff;
}
		
.main #column_2nd figure{
    height: auto;
}
            
#roommap img{
    margin-bottom: 40px;
}

/* 近隣物件 */
#other{
    border: solid 1px #297060;
    font-size: 1.17em;
    width: 90%;
    margin: 0 auto;
    margin-top: 80px;
}
#other a:hover{
    text-decoration: none;
}
#other .wrapper{
    padding: 16px;
}
#other .title{
    background: #297060;
    margin: 0;
    font-size: 1.3em;
    padding: 16px;
}
#other .colL{
}
#other .colL img{
    width: 100%;
    transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
}
#other .colL img:hover{
    opacity: 0.6;
}
#other .colR{
    margin-top: 1em;
}
#other .colR .name{
    color: #777;
    font-size: 1.7em;
    font-weight: bold;
    margin: 0;
}
#other .colR .area{
    color: #777;
    background-color: #e4e5e1;
    width: 100px;
    padding: 10px;
    float: left;
}
#other .colR .date{
    color: #7e9c00;
    padding: 10px;
    float: left;
}
#other .colR .note{
    color: #222;
}
    
/*家賃収入*/
.pay{
    font-size: 1.7em;
}
.pay .rent{
    background-color:#F3BCC1;
    margin: 34px auto 0;
    padding: 16px;
    color: #d0121b;
    font-size: 16px;
}
.pay .rent span{
    display: block;
    font-weight: normal;
    margin-bottom: 16px;
    color: #000;
}

/*1カラム用*/
#column_1st figure{
    padding-bottom: 40px;
}
#column_1st figure img{
    margin-bottom: 12px;
    border: 3px solid #dadcd7;
}

/*5カラム用*/
.main #column_5th{
    width: 90%;
    margin: 0 auto;
}
.main #column_5th figure{
    width: 100%;
	padding-bottom: 60px;
}
.main #column_5th figure img{
    width: 100%;
	margin-bottom: 12px;
	border: 1px solid #dadcd7;
}

/*リード文*/
#arc_main .pointTxt{
    margin: 40px 0;
}
#arc_main .pointTxt span{
    background-color: #ff7401;
    padding: 16px;
    font-size: 1.5em;
    color: #fff;
    margin: 24px 0;
    font-weight: bold;
}


/* --------------------------------------------------------------------

	min-width: 984px
	
-------------------------------------------------------------------- */
@media only screen and (min-width: 984px) {
    .header-container header nav ul a li.type02{
        line-height: 20px;
        padding: 10px !important;
    }
    .ml36{margin-left: 36px;}
    #roommap{
        text-align: center;
    }
    #roommap img{
        width: 98%;
    }
    
    /*2カラム用*/
    .main #column_2nd figure:nth-child(even){
        margin-left: 36px;
    }
    
    /*3カラム用*/
    .main #column_3rd figure{
        height: auto;
    }
    
     /*5カラム用*/
    .main #column_5th{
		width: 984px;
    }
    .main #column_5th .photo{
    	clear: left;
    }
    .main #column_5th figure:first-child{
    	margin-left:0;
    }
    .main #column_5th figure{
    	width: 177px;
    	/*height: 250px;*/
    	float: left;
    	margin-left: 24px;
    }
    .main #column_5th figure img {
        width: 100%;
    }
    
    .main #column_1st, .main #column_2nd, .main #column_3rd, .main #column_4th, .main #column_5th{
        clear: both;
    }
    
    /* 近隣物件 */
    #other{
        width: 100%;
    }
    #other .colL{
        float: left;
        width: 40%;
    }
    #other .colR{
        float: left;
        margin-top: 0;
        padding-left: 2em;
        width: 50%;
    }
    
    /*家賃収入*/
    .pay .rent{
        width: 480px;
    }
}



/* --------------------------------------------------------------------

	max-width: 984px
	
-------------------------------------------------------------------- */
@media only screen and (max-width:984px){
    .pc { display: none !important; }
    .sp { display: block !important; 
	margin-top: 50px;}
    .bnr{
    	width:90%;
    	margin: 0 auto;
    	margin-bottom:40px;
    }
    .bnr img{
    	width:100%;
    }
}