@charset "UTF-8";
/* area.css */
/* ------------------------------------------------------------------------ */
/* マンション情報の一覧で必要となる記述はこのCSSに記述します。 */
/* ------------------------------------------------------------------------ */
/* 最新物件情報 */
/* ------------------------------------------------------------------------ */
.areaNews ul li:after { display: block; clear: both; content: ""; }

.areaNews p.info_img { display: inline-block; float: left; margin: 0 10px 0 0; }

/* エリアキャンペーン情報 */
.information2 { clear: both; margin-top: 30px; padding: 6px 20px; background-color: #f1f1f1; }

.information2 table { width: 100%; }

.information2 table td { padding: 14px 0 14px 18px; border-top: 1px dotted #dcdcdc; vertical-align: top; }

.information2 table tr:first-child td { border-top: 0; }

.information2 table td.date { padding-left: 0; width: 5em; }

.information2 p.info_img { margin: 6px 0 0; }

.information2 span.new { color: #d90000; font-size: 85.71%; font-weight: bold; }

/*完売御礼*/
.prop .propMeta .cat.soldout { background-color: #d23e3e; }

.prop .propBody .exp .ico li.ad { float: none; }

@media screen and (max-width: 768px) { .information2 { padding: 6px 20px; }
  .information2 table, .information2 tbody, .information2 tr, .information2 th, .information2 td { display: block; }
  .information2 table td { padding: 0 0 14px; border-top: 0; }
  .information2 table td.date { width: auto; padding: 14px 0 0; border-top: 1px dotted #dcdcdc; }
  .information2 table tr:first-child td { border-top: 0; } }

@media screen and (max-width: 450px) { .areaNews p.info_img { float: none; margin: 0 0 10px; } }

/* -------------------------------------------------- */
/* AAS外の物件情報 */
/* 2020.11.20追記 */
/* -------------------------------------------------- */
.outsideSec { padding-top: 80px; }

.outsideSec img { height: auto; }

.outsideSec a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

.outsideSec .outsideTtl { font-size: 200%; font-weight: normal; }

.outsideSec .outsideTtl02 { margin-top: 30px; padding-bottom: 10px; border-bottom: 2px solid; font-size: 171.42857%; font-weight: normal; line-height: 1.3; }

.outsideSec .outsideTtl02#chuko-mansion { border-color: #beb85a; color: #beb85a; }

.outsideSec .outsideTtl02#chuko-kodate { border-color: #af793a; color: #af793a; }

.outsideSec .outsideTtl02#shin-kodate { border-color: #3a77af; color: #3a77af; }

.outsideSec .outsideTtl02#minyukyo-mansion { border-color: #4A954F; color: #4A954F; }

.outsideSec .outsideList { display: flex; flex-wrap: wrap; margin-left: -33px; padding: 40px 0 20px; }

.outsideSec .outsideList li { box-sizing: border-box; width: 25%; padding-bottom: 40px; padding-left: 33px; text-align: left; }

.outsideSec .outsideList .img { display: block; position: relative; margin-bottom: 15px; padding-top: 100%; background-color: #efefef; overflow: hidden; }

.outsideSec .outsideList .img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }

.outsideSec .outsideList .mds { font-weight: bold; }

.outsideSec .outsideList .cat { display: inline-block; margin: 5px 0; padding: 1px 4px; color: #fff; font-size: 85.71429%; line-height: 1.2; }

.outsideSec .outsideList .cat.-chukoMan { background-color: #beb85a; }

.outsideSec .outsideList .cat.-chukoKodate { background-color: #af793a; }

.outsideSec .outsideList .cat.-shinKodate { background-color: #3a77af; }

.outsideSec .outsideList .cat.-minyukyoMan { background-color: #4A954F; }

.outsideSec .outsideList .cat.-shinMan { background-color: #31496b; }

.outsideSec .outsideList .info { font-size: 85.71429%; line-height: 1.7; }

.outsideSec .outsideList .info .logo { display: block; margin-top: 5px; }

.outsideSec .outsideList .dtl-btn { display: block; margin-top: 12px; padding: 8px 10px; border: 1px solid #31496b; border-radius: 5px; color: #31496b; text-align: center; }

.outsideSec .outsideList .dtl-btn:hover { opacity: 0.8; filter: alpha(opacity=80); }

.outsideSec .outsideBnr + .outsideBnr { margin-top: 20px; }

.outsideSec .auto-br { display: inline-block; }

@media screen and (max-width: 1000px) { .outsideSec { padding-right: 10px; padding-left: 10px; } }

@media screen and (max-width: 768px) { .outsideSec { padding-top: 40px; }
  .outsideSec .outsideList { margin-left: -20px; padding: 20px 0 0; }
  .outsideSec .outsideList li { width: 50%; padding-left: 20px; } }

@media screen and (max-width: 400px) { .outsideSec .outsideList li { width: 100%; } }

/* -------------------------------------------------- */
/* キーワード検索ほか */
/* 2022.06.16追記 */
/* -------------------------------------------------- */
#container.search_index { padding-bottom: 0; }

#container.search_index .searchTtl { font-size: 200%; font-weight: normal; }

#container.search_index .outsideSec { max-width: 980px; margin: 0 auto; padding-top: 0; }

.search_box { display: flex; max-width: 980px; height: 86px; margin: 0 auto 80px; background-color: #f1f1f1; }

.search_box .search_ttl { display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 34.69388%; min-width: 210px; padding: 15px; background-color: #B0B0B0; color: #fff; font-size: 18px; font-weight: bold; text-align: center; content: "キーワード検索"; }

.search_box form { -ms-grid-row-align: center; align-self: center; }

.search_box .input { box-sizing: border-box; width: 100%; max-width: 320px; margin-right: 20px; padding: 2px 8px; border: 1px solid #B0B0B0; border-radius: 0; font-size: 16px; -webkit-appearance: none; appearance: none; }

.search_box .submit { display: inline-block; box-sizing: border-box; position: relative; width: 100px; border: none; border-radius: 4px; background-color: #535353; color: #fff; font-size: 16px; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; }

@media screen and (max-width: 1000px) { .search_box { width: 94%; margin-bottom: 40px; } }

@media screen and (max-width: 640px) { .search_box { display: block; height: auto; } }

.search_str { display: flex; justify-content: center; flex: 1 1 0%; padding: 24px; }

.search_str form { display: flex; -ms-grid-row-align: center; align-self: center; width: 100%; max-width: 440px; }

.txt_notfound { width: 94%; max-width: 980px; margin: 50px auto 20px; font-size: 18px; }

.txt_notfound .auto-br { display: inline-block; }

/*pointPageNaviから焼き直し*/
.pnav { margin-top: 14px; }

.pnav ul { text-align: center; }

.pnav ul li { display: inline-block; margin: 3px; text-align: center; line-height: 1; }

.pnav ul li a { display: block; width: 16px; padding: 12px; overflow: hidden; }

.pnav ul li span { display: block; width: 16px; padding: 12px; border: 1px solid #ddd; background-color: #fff; overflow: hidden; }

.pnav ul li.cr span, .pnav ul li a:link, .pnav ul li a:visited { border: 1px solid #ddd; background-color: #fff; }

.pnav ul li.cr span, .pnav ul li a:hover, .pnav ul li a:active { background-color: #6e7f97; border: 1px solid #6e7f97; color: #fff; }

.pnav ul li.prev a, .pnav ul li.prev span, .pnav ul li.next a, .pnav ul li.next span { width: auto; }

.nav-condition { display: flex; flex-wrap: wrap; justify-content: center; margin: 55px auto -10px; }

@media screen and (max-width: 1000px) { .nav-condition { width: 94%; margin: 25px auto 40px; } }

.nav-condition li { padding: 0 6px 10px; }

.nav-condition li a { display: block; position: relative; padding: 6px 34px 6px 22px; border: 1px solid #C1C8D2; border-radius: 4px; color: #333; font-size: 15px; }

.nav-condition li a::after { position: absolute; top: 50%; right: 15px; width: 5px; height: 5px; margin-top: -4px; border-right: 1px solid #31496B; border-bottom: 1px solid #31496B; transform: rotate(45deg); content: ""; }

@media screen and (max-width: 640px) { .nav-condition li a { padding: 6px 28px 6px 16px; }
  .nav-condition li a::after { right: 12px; } }