.pc_off {
 display: none;
}

.float_l {
 float: left;
}

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

.lpo_main {
 width: 100%;
 margin: 0 0 20px 0;
 padding: 20px 0;
 height: 430px;
 background-size: 100% 100%;
 background-color: #EEEEEE;
 /*メイン部分背景色*/
}

.lpo_main_inner {
 width: 1000px;
 margin: 0 auto;
 overflow: hidden;
}

.lpo_main_l {
 float: left;
 position: relative;
 width: 660px;
 height: 430px;
}

.lpo_main_r {
 float: right;
 position: relative;
 width: 320px;
}

.lpo_main_r_inner {
 width: 280px;
 padding: 18px;
 border: solid 1px #042455;
 /*メインサイド線色*/
 background-color: #fff;
}

.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;
 list-style: none;
 overflow: hidden;
 float: left;
}

.lpo_main_r_search ul li a {
 display: block;
 background: #F5F4ED;
 height: 118px;
 color: #000;
 font-size: 15px;
 font-weight: bold;
 width: 138px;
 text-align: center;
 text-decoration: none;
}

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

.lpo_main_r_search ul li p {
 margin: 25px 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_inner {
 text-align: left;
}

.search-btn_inner input#title {
 height: 35px;
 box-shadow: 0px 0px 8px -3px #222 inset;
 width: 205px;
 text-indent: 8px;
 background: #EDEFEC;
 border: honeydew;
}

.search-btn_inner input.submit {
 background: #333333;
 border: none;
 color: #fff;
 line-height: 32px;
 width: 70px;
 cursor: pointer;
}

.search-btn {
 margin-top: 20px;
 text-align: -webkit-center;
}

.search-btn form {
 margin: 0;
}

.lpo_main_bn {
 margin-top: 20px;

}


/*LPO特選*/

h2.lpo_toku_tl {
 background: #042455;
 /*LPO物件特集タイトル背景色*/
 line-height: 40px;
 font-size: 20px;
 text-indent: 20px;
 color: #FFF;
 /*LPO物件特集タイトル文字色*/
 margin: 0;
 font-weight: bold;
}

.lpo_tokusen_wrap {
 margin: 20px 0 0 0;
 overflow: hidden;
}

.lpo_tokusen_wrap ul {
 margin: 0;
 padding: 0;
}

.lpo_tokusen_wrap ul li {
 width: 218px;
 float: left;
 border: solid 1px #ccc;
 margin: 10px 30px 0 0;
 padding: 10px;
 transition: 0.7s;
 position: relative;
 list-style: none;
}

.lpo_tokusen_wrap ul li:nth-child(3n) {
 margin: 10px 0 0 0 !important;
}

.lpo_tokusen_wrap ul li a {
 color: #000;
 text-decoration: none;
}

.lpo_tokusen_wrap ul li:hover {
 border: solid 1px #000;
 background: #eee;
 transition: 0.7s;
}

.lpo_tokusen_wrap ul li:nth-child(3n) {
 margin: 0;
}

.lpo_toku_shu {
 margin: -30px 0 0 0;
 display: block;
 line-height: 30px;
 height: 30px;
 color: #fff;
 font-size: 15px;
 text-indent: 10px;
 position: relative;
 z-index: 999;
 background-color: rgba(0, 0, 0, 0.65);
 color: #fff;
}

.toku01_tl {
 font-size: 15px;
 font-weight: bold;
 height: 35px;
 margin: 2px 0 0 0;
 text-decoration: underline;
}

.toku01_com {
 background: #F5F4ED;
 padding: 8px;
 margin: 3px 0 0 0;
 height: 66px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}

.toku01_access {
 height: 36px;
}

.toku01_com span {
 color: #042455;
 /*担当者コメント文字色*/
 font-weight: bold;
}

.toku01_com p {
 margin: 0;
}

.toku01_kakaku {
 font-size: 20px;
 font-weight: bold;
 color: #FF0000;
}

.toku01_kakaku span {
 font-size: 13px;
 font-weight: normal;
 color: #333;
}

.toku01_img {
 position: relative;
 z-index: 1;
}

.toku01_img img {
 max-width: 218px;
 min-height: 170px;
 max-height: 185px;
 margin: 0 auto;
 display: block;
}

.lpo_pri_more a {
 width: 650px;
 background: #000;
 color: #fff;
 text-align: center;
 padding: 10px 40px 10px 20px;
 font-size: 18px;
 line-height: 25px;
 display: block;
 margin: 20px auto;
 position: relative;
 font-weight: bold;
 letter-spacing: 0.8;
 text-decoration: none;
}

.lpo_pri_more a:hover {
 background: #AAAAAA;
 color: #000;
}

.lpo_pri_more a:after {
 content: "";
 display: block;
 height: 10px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 position: absolute;
 top: 15px;
 right: 18px;
 width: 9px;
 height: 9px;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 transform: rotate(45deg);
}

/*こだわり条件から探す*/
.lpo_koda_wrap {
 background: #EEEEEE;
 padding: 15px;
 overflow: hidden;
}

.koda_shu_wrap {
 overflow: hidden;
 margin: 10px 0 20px 0;
}

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

.koda_shu_wrap ul li {
 width: 180px;
 float: left;
 background: #fff;
 box-shadow: 1px 1px 0 #042455;
 font-size: 16px;
 font-weight: bold;
 margin: 0 7px 7px 0;
 padding: 0;
 background-color: #fff;
 list-style: none;
}

.koda_shu_wrap ul .koda_shu001 {
 width: 367px;
 float: left;
 font-size: 16px;
 font-weight: bold;
 margin: 0 10px 5px 0;
 background-color: #fff;
}

.koda_shu_wrap ul .koda_shu002 {
 width: 366px;
 float: left;
 font-size: 16px;
 font-weight: bold;
 margin: 0 0 5px -3px;
 background-color: #fff;
}

.koda_shu_wrap ul li a {
 width: 100%;
 display: block;
 line-height: 45px;
 color: #000;
 text-decoration: none;
}

.koda_shu_wrap ul li a:hover {
 position: relative;
 top: 1px;
 left: 1px;
 color: #F69600;
}

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

.lpo_side {
 width: 200px;
 float: right;
 margin-top: 10px;
}

/* ----------------------------------------
sitemap
---------------------------------------- */

.sitemap_ti h2 {
 font-size: 30px;
 margin: 60px auto 30px;
 font-weight: 500;
 line-height: 1;
 font-weight: bold;
 width: 1100px;
 padding-top: 60px;
}

.sitemap_wrap {
 width: 1100px;
 margin: 0 auto 60px;
 background: #f8f8f8;
 padding: 50px 50px 10px;
 box-sizing: border-box;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
}

.sitemap_inner {
 width: 480px;
 margin-bottom: 50px;
}

.sitemap_inner:nth-child(odd) {
 margin-right: 40px;
}

.sitemap_inner h3 {
 font-size: 25px;
 margin: 0 0 30px;
 font-weight: 500;
 line-height: 1;
}

.sitemap_inner ul {
 background: #fff;
 padding: 30px;
 height: calc(100% - 60px);
 box-sizing: border-box;
}

.sitemap_inner ul li {}

.sitemap_inner ul li a {
 font-size: 14px;
 color: #333;
 line-height: 1.7;
 position: relative;
 padding-left: 20px;
 margin-bottom: 5px;
 display: block;
}

.sitemap_inner ul li a:hover {
 text-decoration: underline;
}

.sitemap_inner ul li a::before {
 content: "";
 width: 6px;
 height: 6px;
 border-top: 1px solid #beaf87;
 border-right: 1px solid #beaf87;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 left: 0;
 top: 8px;
}

.sitemap_group {
 padding-left: 50px !important;
}

.sitemap_group_ti {
 margin-left: -20px;
}

.sitemap_flex ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
}

.sitemap_flex ul li {
 width: 50%;
}

.sitemap_flex ul li:first-child {
 width: 100%;
}


/* sitemap
---------------------------------------- */