@media screen and (max-width:768px){

img {
    max-width: 100%;
    vertical-align: bottom;
    width /***/: auto;
}
.sp_off {display:none!important;}
body{
	background-color:#fff;
}
.container {
    width:100%!important;
	margin:0!important;
	padding:0!important;
}
.maincontents {
    width: 100%!important;
    overflow: hidden;
    float: none!important;
}

/*==========================
   LPOトップ共通
============================*/

.lpo_sp_main {
    position: relative;
    max-width: 100%;
    margin-top: 10px;
}
.lpo_main_wrap{
	margin-top:0px;
}

.lpo_main_inner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.lpo_main_r{
	margin:0;
}

.lpo_main_r_inner{
	width: 84%;
	width : -webkit-calc(92% - 2px) ;
    width : calc(92% - 2px) ;
    padding: 4%;
    border: solid 1px #042455;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 4%;
	overflow:hidden;
}

.lpo_main_r_search {
    overflow: hidden;
}

.lpo_main_r_search ul {
    margin: 0;
    padding: 0;
	overflow:hidden;
}

.lpo_main_r_search ul li{
    margin: 0;
    padding: 0;
    width: 50%;
	list-style: none;
	overflow:hidden;
	float:left;
	border:none;
}

.lpo_main_r_search ul li a{
	width:99%;
	width : -webkit-calc(100% - 1px) ;
    width : calc(100% - 1px) ;
    display: block;
    background: #F5F4ED;
    line-height: 95px;
    height: 115px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	margin:0;
	padding:0;
}

.lpo_main_r_search ul li img{
	margin: 0 auto;
    display: block;
    padding: 20px 0 0 0;
	float:none;
}

.lpo_main_r_search ul li p{
	margin: -10px 0 0 0;
	text-align: -webkit-center;
}

.lpo_main_r_search ul li:first-child a {
	border: solid 1px #042455;
	border-width: 0px 1px 1px 0px;
}

.lpo_main_r_search ul li:nth-child(2n) a {
    border: solid 1px #042455;
    border-width: 0px 0px 1px 0px;
}

.lpo_main_r_search ul li:nth-child(3n) a {
    border: solid 1px #042455;
    border-width: 0px 1px 0px 0px;
}

.lpo_main_r_search ul li:last-child a {
    border: solid 1px #042455;
    border-width: 0px 0px 0px 0px;
}

.lpo_main_r_search ul li a:hover {
	background:#ddd9c1;
}

.search-btn{
	overflow:hidden;
	margin:18px 0 0 0;}

.search-btn_inner input#title {
    height: 35px;
    box-shadow: 0px 0px 8px -3px #222 inset;
    width: 73%;
    text-indent: 8px;
    background: #EDEFEC;
    border: honeydew;
	float:left;
}
.search-btn_inner input.submit {
	height:34px;
    background: #333333;
    border: none;
    color: #fff;
    line-height: 32px;
    width: 25%;
	margin: 5px 0 0 0;
    cursor: pointer;
	float:left;

}
.search-btn_inner  {
    margin: 5% 0 -5% 0!important;
}

.lpo_main_bn{
    width: 94%;
    margin: 0 auto;
    margin-top: 2%;
	text-align: center;
}

.arealink_wrap{
    width: 96%;
    margin: 20px auto 0px auto;
    overflow: hidden;
}
.arealink_wrap ul{

}
.arealink_wrap ul li{
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
}
.arealink_wrap ul li:nth-child(2n){
	margin-right:0px;
}
.arealink_wrap ul li a{
    display: block;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #0f3192;
    border: solid 2px #0f3192;
    line-height: 38px;
    box-sizing: border-box;
}
.arealink_wrap ul li:nth-child(8) a{
    border: solid 2px #fe6004;
    color: #fe6004;
}
.arealink_wrap ul li:nth-child(9) a{
    border: solid 2px #fe6004;
    color: #fe6004;
}
.arealink_wrap ul li:nth-child(10) a{
    border: solid 2px #fe6004;
    color: #fe6004;
}
.arealink_searchi{

}

/*特選*/

h2.lpo_toku_tl {
    margin: 20px 0 0 0;
}  

.toku01_name {
    font-size: 14px;
    text-decoration: underline;
    margin: 3px 0 0 0;
}
.toku01_kakaku{
	color:#f00;
}
.toku01_adress, .toku01_access {
    margin: 0px 0 0 0;
    height: auto!important;
    overflow: hidden;
    font-size: 12px;
}
.toku01_com span {
    color: #FE9900;
    font-weight: bold;
}
.toku01_m {font-size:12px;}
.toku01_com {
    clear:both;
    background: #F5F4ED;
    padding: 5px;
    font-size: 13px;
}

.lpo_toku_right {
    width: 57%;
    float: right;
    margin:0 0 1% 0;
}

.koda_sea_wrap ul li {
    float: left;
    width: 33%;
    margin: 0 1px 0 0;
}
.koda_sea_wrap ul li:nth-child(4n) { margin:0;}
.koda_sea_wrap {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
.lpo_tokusen_wrap { 
    margin:20px 0 0 0;
    overflow:hidden;
}

.lpo_tokusen_wrap ul{  
	border:none;
    width: 96%;
    margin: auto;
}

.lpo_tokusen_wrap ul li {
    width: 100%;
    margin: 0 auto 20px auto;
	padding:0;
    overflow: hidden;
	border:none;
}

.lpo_tokusen_wrap ul li a {
    color:#000;
	overflow: initial;
	word-wrap: break-word;
	white-space:normal;

}
.lpo_tokusen_wrap ul li:hover {
    border: solid 1px #195CAA;
    background:#E7F0F9;
    transition: 0.8s;
}

.toku01_img {
    float: left;
    width: 40%;
    margin:0 0 1% 0;
}

.lpo_toku_shu {
    background: #000;
    display: block;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    text-indent: 10px;
}

.toku01_img img {
    max-width: 100%;
    height: auto;
}
.lpo_pri_more a {
	margin:0 2%;
	padding:10px 8% 10px 3%;
    background: #FF7505;
    box-shadow: 0 5px #EC6C00;
    color: #ffffff!important;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
	text-decoration:none;
}
.lpo_pri_more a:hover {background:#AD3333;}
.lpo_pri_more a:after {
    content: "";
    display: block;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    top: 15px;
    right: 18px;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*こだわり条件から探す*/

.lpo_koda_wrap {
    overflow: hidden;
    background: repeating-linear-gradient(52deg, #f3ddc5, #f3ddc5 1px, white 1px, white 4px);
    border: solid 1px #333;
    padding: 10px;
    box-sizing: border-box;
}
.lpo_koda_wrap h2{
	margin:10px 0px 20px 0px;
}
.lpo_koda_wrap ul{
    overflow: hidden;
	margin:0;
	padding:0;
	border:none;
}

.lpo_koda_wrap ul li{
    width: 50%;
    width: -webkit-calc(50% - 1px);
    width: calc(49% - 1px);
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    margin: 0px 2% 8px 0px;
    box-sizing: border-box;
}
.lpo_koda_wrap ul li:nth-child(2n){
	margin-right:0px;
}

.koda_shu_wrap ul li a {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    transition: 0.8s;
    display: block;
    line-height: 25px;
    color: #000;
    border: solid 1px #042455;
    background: #fff;
    box-sizing: border-box;
}

.lpo_koda_wrap ul li:nth-child(2n) a {

}

.koda_shu_wrap ul li a span{
	border-left: solid 3px #042455;/*左線*/
	margin:0;
	padding:0 0 0 5px;
 }

/*
li.koda_shu001 a {
    background: url(/lpo/img/lpo_koda_icon_01.png) no-repeat 8px 50%;
    font-size: 20px;
}
li.koda_shu002 a {
    background: url(/lpo/img/lpo_koda_icon_02.png) no-repeat 8px 50%;
    font-size: 14px!important;
}
li.koda_shu01 a {
    background: url(/lpo/img/lpo_koda_icon_03.png) no-repeat 8px 50%;
}
li.koda_shu02 a {
    background: url(/lpo/img/lpo_koda_icon_04.png) no-repeat 8px 50%;
}
li.koda_shu03 a {
    background: url(/lpo/img/lpo_koda_icon_05.png) no-repeat 8px 50%;
}
li.koda_shu04 a {
    background: url(/lpo/img/lpo_koda_icon_06.png) no-repeat 8px 50%;
}
li.koda_shu05 a {
    background: url(/lpo/img/lpo_koda_icon_07.png) no-repeat 8px 50%;
    letter-spacing: -1.2px;
}
li.koda_shu06 a {
    background: url(/lpo/img/lpo_koda_icon_08.png) no-repeat 8px 50%;
}
li.koda_shu07 a{
    background: url(/lpo/img/lpo_koda_icon_09.png) no-repeat 8px 50%;
}
li.koda_shu08 a {
 background: url(/lpo/img/lpo_koda_icon_10.png) no-repeat 8px 50%;
}

*/

.koda_shu_wrap ul li:hover {
    background: url(/img/lpo_btn_on.jpg) no-repeat;
    transition: 0.8s;
}

.residence_bn{
    width: 92%;
    margin: 20px auto 30px auto;
}
.residence_bn a{
	display:block;
}
.residence_bn a img{
	width: 100%;

}



}