@charset "UTF-8";
/* common
================================== */

/* サイト共通
================================== */

html,
body {
  background-color: #fff;
}

html.popupmode {
  width: 100%;
  overflow: hidden;
  position: absolute;
}

@media screen and (max-width: 750px) {
  html {
    min-width: 320px;
  }
  html.popupmode {
    position: fixed;
    padding-right: 0;
  }
  html.spmode {
    -webkit-transition: left, 0.2s;
    -moz-transition: left, 0.2s;
    transition: left, 0.2s;
    left: 0;
  }
  html.spmode.active {
    overflow: hidden;
    position: fixed;
    left: 270px;
  }
}

body {
  background-color: #fff;
  line-height: 1.6;
  font-family: "Lucida Grande", Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Helvetica, Arial, sans-serif !important;
  font-size: 13.5px;
  color: #464646;
  position: relative;
  padding-top: 160px;
}

.popupmode body {
  overflow-y: scroll;
}

@media screen and (max-width: 750px) {
  body {
    -webkit-text-size-adjust: 100%;
    padding-top: 90px;
    min-width: 320px;
  }
  body.spmode {
    -webkit-transition: left, 0.2s;
    -moz-transition: left, 0.2s;
    transition: left, 0.2s;
  }
}

#spOverlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  transition: all, 0.2s;
  filter: alpha(opactiy=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

#spOverlay.active {
  filter: alpha(opactiy=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  left: 270px;
  display: block;
}

a {
  text-decoration: none;
  color: #464646;
}

a:before,
a:after {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover:before,
a:hover:after {
  text-decoration: none;
}

a:hover img.ro_alpha {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  /* IE 5-7 */
  filter: alpha(opacity=70);
  /* Netscape */
  -moz-opacity: 0.7;
  /* Safari 1.x */
  -khtml-opacity: 0.6;
  /* Good browsers */
  opacity: 0.6;
}

img {
  vertical-align: top;
}

em {
  font-style: normal;
}

/* レイアウト共通
================================== */

.inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 748px) {
  .inner {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .inner {
    width: 100%;
    min-width: 320px;
  }
}

/* ヘッダー
================================== */

body>header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #000 url(../img/common/header_bg.png) repeat-x 0 0;
  border-bottom: 1px solid #000;
  height: 95px;
}

@media screen and (max-width: 750px) {
  body>header {
    background: #000;
    height: 90px;
    -moz-background-size: auto 70px;
    -webkit-background-size: auto 70px;
    -o-background-size: auto 70px;
    -ms-background-size: auto 70px;
    background-size: auto 70px;
  }
}

body>header #logo {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 2;
}

body>header #logo a {
  display: block;
  width: 149px;
  height: 147px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/common/logo.png) no-repeat;
}

@media screen and (max-width: 750px) {
  body>header #logo a {
    width: 80px;
    height: 80px;
    margin-left: 10px;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    -o-background-size: 80px auto;
    -ms-background-size: 80px auto;
    background-size: 80px auto;
  }
}

body>header .upper {
  display: table;
  height: 62px;
  width: 100%;
}

body>header .upper>* {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

body>header .upper #headerLead {
  width: 100%;
}

body>header .upper #headerLead h1,
body>header .upper #headerLead h2,
body>header .upper #headerLead h3,
body>header .upper #headerLead h4,
body>header .upper #headerLead h5,
body>header .upper #headerLead h6 {
  text-align: left;
  color: gray;
  padding-left: 160px;
  padding-right: .5em;
  font-size: 85%;
}

body>header .upper #headerContact dl {
  display: inline-block;
  border: 1px solid #b3b3b3;
  background: #fff;
  padding: 3px 10px;
  text-align: left;
  vertical-align: middle;
  min-width: 325px;
}

body>header .upper #headerContact dl dt {
  display: none;
}

body>header .upper #headerContact dl dd {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
}

body>header .upper #headerContact dl dd:last-of-type {
  padding-left: 10px;
}

body>header .upper #headerContact dl .tel {
  color: #f00;
  font-family: helvetica, arial, sans-serif;
  font-size: 140%;
}

body>header .upper #headerContact dl .hours {
  font-size: 12.15px;
  color: #000;
}

body>header .upper #headerContact dl .tieup a {
  font-size: 85%;
  text-decoration: underline;
}

body>header .upper #headerContact dl #btnHContactWeb {
  display: inline-table;
  width: 105px;
  height: 30px;
  font-size: 110%;
}

body>header .upper #logoRF_eng {
  padding-left: 20px;
}

body>header .upper #logoRF_eng #logoRF {
  width: 130px;
  display: block;
  height: 39px;
  background: url(../img/common/logo_rf.png) no-repeat 0 center;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  -moz-background-size: 130px auto;
  -webkit-background-size: 130px auto;
  -o-background-size: 130px auto;
  -ms-background-size: 130px auto;
  background-size: 130px auto;
}

body>header .upper #logoRF_eng .eng {
  font-size: 11.475px;
}

body>header .upper #logoRF_eng .eng a {
  color: #fff;
}

body>header .upper #logoRF_eng .eng a:before {
  color: red;
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  body>header .upper {
    height: 46px;
    position: relative;
  }
  body>header .upper #headerLead {
    display: none;
  }
  body>header .upper #headerContact {
    position: absolute;
    right: 50px;
    top: 7px;
    width: 75px;
  }
  body>header .upper #headerContact dl {
    border: none;
    background: none;
    padding: 0;
  }
  body>header .upper #headerContact dl dt,
  body>header .upper #headerContact dl #blkHBizInfo .hours,
  body>header .upper #headerContact dl #blkHBizInfo .tieup {
    display: none;
  }
  body>header .upper #headerContact dl #blkHBizInfo .tel,
  body>header .upper #headerContact dl #btnHContactWeb {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 0;
    text-align: center;
  }
  body>header .upper #headerContact dl #blkHBizInfo .tel span,
  body>header .upper #headerContact dl #btnHContactWeb span {
    display: inline-block;
    width: 100%;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
  }
  body>header .upper #headerContact dl #blkHBizInfo .tel:before,
  body>header .upper #headerContact dl #btnHContactWeb:before {
    content: '';
    display: inline-block;
    background: url(../img/common/ico_hdr_contact_sp.png) no-repeat;
    vertical-align: middle;
  }
  body>header .upper #headerContact dl #blkHBizInfo .tel {
    background-color: #FD8A47;
    background-image: -webkit-linear-gradient(top, #FD8A47, #fc6a15);
    background-image: linear-gradient(to bottom, #FD8A47, #fc6a15);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #fff;
  }
  body>header .upper #headerContact dl #blkHBizInfo .tel:before {
    width: 30px;
    height: 30px;
    background-position: 0 -30px;
  }
  body>header .upper #headerContact dl #btnHContactWeb:before {
    width: 30px;
    height: 30px;
  }
  body>header .upper #logoRF_eng {
    display: block;
    padding-left: 0;
    position: absolute;
    right: 130px;
    top: 10px;
  }
  body>header .upper #logoRF_eng #logoRF {
    width: 90px;
    height: 30px;
    -moz-background-size: 90px auto;
    -webkit-background-size: 90px auto;
    -o-background-size: 90px auto;
    -ms-background-size: 90px auto;
    background-size: 90px auto;
  }
  body>header .upper #logoRF_eng .eng {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  body.spmode>header {
    -webkit-transition: left, 0.2s;
    -moz-transition: left, 0.2s;
    transition: left, 0.2s;
  }
  body.spmode.active>header {
    left: 270px;
  }
}

/* グロナビ
================================== */

#gnav {
  height: 33px;
  margin-left: 160px;
}

#gnav>h1,
#gnav h2,
#gnav h3,
#gnav h4,
#gnav h5,
#gnav h6 {
  display: none;
}

#gnav ul {
  display: table;
}

#gnav ul li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#gnav ul li a {
  display: block;
  height: 32px;
  line-height: 32px;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #gnav ul li a {
    height: 40px;
    line-height: 40px;
  }
}

#gnav ul li a:hover {
  background-color: #682A2F;
}

#gnav ul li a span {
  line-height: 1;
  padding: 0 .75em;
  border-right: 1px solid #a19994;
}

@media screen and (max-width: 750px) {
  #gnav ul li a span {
    border-right: none;
  }
}

#gnav ul li:last-child span {
  border-right: none;
}

#gnav ul li#gnavCompany,
#gnav ul li#gnavEng {
  display: none;
}

@media screen and (max-width: 750px) {
  #gnav {
    margin-left: 90px;
  }
  #gnav>h1,
  #gnav>h2,
  #gnav>h3,
  #gnav>h4,
  #gnav>h5,
  #gnav>h6 {
    display: block;
    text-align: center;
    height: 24px;
    line-height: 24px;
  }
  #gnav>h1 a,
  #gnav>h2 a,
  #gnav>h3 a,
  #gnav>h4 a,
  #gnav>h5 a,
  #gnav>h6 a {
    display: block;
    height: 22px;
    line-height: 22px;
    margin: 1px 5px 0;
    border: 1px solid gray;
    background-color: #666666;
    background-image: -webkit-linear-gradient(-90deg, #666666 0%, #1a1a1a 100%);
    background-image: linear-gradient(-180deg, #666666 0%, #1a1a1a 100%);
    text-decoration: none;
    color: #fff;
  }
  #gnav>h1 a:before,
  #gnav>h2 a:before,
  #gnav>h3 a:before,
  #gnav>h4 a:before,
  #gnav>h5 a:before,
  #gnav>h6 a:before {
    content: "";
    display: inline-block;
    font-family: 'Fontawesome';
    font-size: 16px;
    vertical-align: middle;
    margin-right: .5em;
    text-decoration: none;
    font-weight: normal;
  }
  #gnav>h1 a.active:before,
  #gnav>h2 a.active:before,
  #gnav>h3 a.active:before,
  #gnav>h4 a.active:before,
  #gnav>h5 a.active:before,
  #gnav>h6 a.active:before {
    content: "\f102";
  }
  #gnav ul {
    display: none;
    margin: -1px 5px 0;
    background-color: #464646;
  }
  #gnav ul li {
    display: list-item;
    border-bottom: 1px solid #D2D2D2;
  }
  #gnav ul li:last-child {
    border-bottom: none;
  }
  #gnav ul li#gnavCompany,
  #gnav ul li#gnavEng {
    display: list-item;
  }
}

/* ページ見出し
================================== */

h1#pageTtl {
  width: 1000px;
  margin: -55px auto 5px;
  padding-left: 160px;
  font-size: 11.475px;
}

h1#pageTtl strong {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 32em;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  /* Opera 9-10 */
  text-overflow: ellipsis;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  h1#pageTtl {
    display: none;
  }
}

/* パンくず
================================== */

#bc {
  width: 1000px;
  margin: -55px auto 40px;
  padding-left: 160px;
}

#bc ol {
  font-size: 0;
}

#bc ol li {
  display: inline-block;
  font-size: 11.475px;
  margin-right: .5em;
}

#bc ol li:last-child {
  margin-right: 0;
}

#bc ol li:after {
  content: '\f105';
  font-family: 'Fontawesome';
  margin-left: .5em;
}

#bc ol li:last-child:after {
  content: none;
}

#bc ol li strong {
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  #bc {
    display: none;
  }
}

/* メイン
================================== */

#container {
  min-height: 500px;
  padding-bottom: 50px;
}

@media screen and (max-width: 750px) {
  #container {
    padding-bottom: 0;
  }
}

#container>.inner:after {
  display: table;
  content: '';
  clear: both;
}

/* フッター
================================== */

body>footer {
  background-color: #000;
  padding: 20px 0 50px;
  /* コピーライト */
}

body>footer>.inner {
  padding: 0 30px;
}

body>footer .copyright {
  padding-top: 50px;
  text-align: center;
  font-size: 11.475px;
  color: #fff;
}

@media screen and (max-width: 750px) {
  body>footer .inner {
    padding: 0 15px;
  }
  body>footer .copyright {
    padding-top: 10px;
  }
}

#pageDescription {
  margin-left: 30px;
  margin-bottom: 30px;
}

#footerNav,
#footerSubnav {
  margin: 0 -30px;
}

#footerNav .a:before,
#footerSubnav .a:before {
  content: "\f105";
  vertical-align: middle;
  font-family: 'Fontawesome';
  margin-right: .5em;
  color: #f00;
  text-decoration: none;
  display: inline-block;
}

#footerNav a,
#footerSubnav a {
  color: #fff;
}

#footerNav a:hover,
#footerSubnav a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 750px) {
  #footerNav,
  #footerSubnav {
    margin: 0;
  }
}

#footerNav {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  padding: 0 30px;
}

@media screen and (max-width: 750px) {
  #footerNav {
    display: block;
    padding: 0;
  }
}

#footerNav h1,
#footerNav h2,
#footerNav h3,
#footerNav h4,
#footerNav h5,
#footerNav h6 {
  display: none;
}

#footerNav dl {
  display: table-cell;
  width: 14.5%;
  padding-right: 1.4%;
}

@media screen and (max-width: 750px) {
  #footerNav dl {
    display: block;
    width: auto;
    padding-right: 0;
    margin-bottom: 15px;
  }
}

#footerNav dl:last-of-type {
  padding-right: 0;
}

#footerNav dl dt {
  margin-bottom: .5em;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #footerNav dl dd ul {
    padding-left: 1em;
  }
  #footerNav dl dd ul li a {
    display: inline-block;
    padding: .25em 0;
  }
}

#footerSubnav {
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #fff;
  padding: 10px 0;
  margin-bottom: 15px;
}

#footerSubnav>ul {
  padding: 0 30px;
}

#footerSubnav li {
  display: inline-block;
  margin-right: 1em;
}

#footerSubnav .set1 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #464646;
}

@media screen and (max-width: 750px) {
  #footerSubnav>ul {
    padding: 0;
  }
}

#footerSrchNav {
  margin: 0 -30px;
  padding: 20px 30px;
  margin-bottom: 10px;
  background-color: #1a1a1a;
}

#footerSrchNav dl:first-of-type {
  margin-bottom: 30px;
}

#footerSrchNav dl dt {
  color: #fff;
  margin-bottom: .5em;
}

#footerSrchNav dl dt:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-right: .2em;
  background-color: #f00;
}

#footerSrchNav dl dd ul {
  font-size: 0;
}

#footerSrchNav dl dd li {
  display: inline-block;
  font-size: 13.5px;
  margin-bottom: .5em;
  padding-right: .5em;
  margin-left: .5em;
  line-height: 1;
  border-right: 1px solid #a9a9a9;
}

#footerSrchNav dl dd li:first-child {
  margin-left: 0;
}

#footerSrchNav dl dd li:last-child {
  border-right: none;
}

#footerSrchNav dl dd a {
  color: #a9a9a9;
  text-decoration: none;
}

#footerSrchNav dl dd a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 750px) {
  #footerSrchNav {
    margin: 0 -15px 15px;
    padding: 10px;
  }
  #footerSrchNav dl:first-of-type {
    margin-bottom: 15px;
  }
  #footerSrchNav dl dd li {
    display: inline;
    border-right: none;
    margin-left: 0;
    line-height: 2.2;
  }
  #footerSrchNav dl dd li a {
    display: inline;
    border: 1px dotted gray;
    padding: .35em .45em;
    font-size: 11.475px;
  }
}

#footerCompany {
  padding: 20px 0;
}

#footerCompany ul {
  font-size: 0;
  text-align: center;
}

/*
#footerCompany ul li { font-size: 13.5px; display: inline-block; }
#footerCompany ul li:first-child { margin-right: 20px; }
*/

#footerCompany ul li {
  font-size: 13.5px;
  display: inline-block;
  margin-right: 20px;
}

#footerCompany ul li:last-child {
  margin-right: 0px;
}

#footerCompany ul li a {
  display: block;
}

#footerCompany ul li a:hover img {
  filter: alpha(opactiy=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  opacity: 0.65;
}

/* @media screen and (max-width: 750px) { #footerCompany { padding: 10px 0; } #footerCompany ul li:first-child { margin-right: 0; margin-bottom: 10px; } } */

@media screen and (max-width: 750px) {
  #footerCompany {
    padding: 10px 0;
  }
  #footerCompany ul li {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

#footerCompany ul li:last-child {
  margin-bottom: 0px;
}

#footerUtil {
  display: table;
  width: 100%;
}

#footerUtil>* {
  display: table-cell;
  vertical-align: top;
}

#footerUtil .approval {
  padding-right: 20px;
}

#footerUtil .approval p {
  color: #fff;
  font-size: 11.475px;
}

#footerUtil .approval p#footerText {
  margin-top: 1em;
  color: #bbb;
}

#footerUtil .footerLinks {
  width: 348px;
}

#footerUtil .footerLinks::after {
  clear: both;
  content: "";
  display: table;
}

#footerUtil .footerLinks li {
  margin-bottom: 15px;
  text-align: center;
}

#footerUtil .footerLinks li.half {
  width: 170px;
}

#footerUtil .footerLinks li.half:nth-child(2n+1) {
  float: left;
}

#footerUtil .footerLinks li.half:nth-child(2n) {
  float: right;
}

#footerUtil .footerLinks li a:hover img {
  filter: alpha(opactiy=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  opacity: 0.65;
}

@media screen and (max-width: 750px) {
  #footerUtil {
    display: block;
  }
  #footerUtil>* {
    display: block;
    margin-bottom: 10px;
    padding-right: 0;
  }
  #footerUtil span {
    text-align: center;
  }
  #footerUtil .approval {
    width: auto;
  }
  #footerUtil .footerLinks {
    width: auto;
  }
  #footerUtil .footerLinks li.half {
    width: 49%;
  }
}

/* セクション
================================== */

.sectBase {
  background-color: #F5F5F5;
  padding: 20px;
}

.sectBase>header h1,
.sectBase>header h2,
.sectBase>header h3,
.sectBase>header h4,
.sectBase>header h5,
.sectBase>header h6 {
  font-size: 140%;
}

@media screen and (max-width: 750px) {
  .sectBase {
    padding: 10px 10px 20px 10px;
  }
  .sectBase>header h1,
  .sectBase>header h2,
  .sectBase>header h3,
  .sectBase>header h4,
  .sectBase>header h5,
  .sectBase>header h6 {
    font-size: 120%;
  }
}

.sectCmn>header {
  display: table;
  width: 100%;
}

.sectCmn>header .headingSet,
.sectCmn>header .extra {
  display: table-cell;
  vertical-align: middle;
}

.sectCmn>header .extra {
  text-align: right;
}

.sectCmn>header .extra .a {
  color: #fff;
}

.sectCmn>header .extra .a.more {
  font-size: 11.475px;
}

.sectCmn>header .extra .a.more:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

.sectCmn>header .extra a {
  color: #fff;
  text-decoration: underline;
}

.sectType1 {
  margin-bottom: 20px;
}

.sectType1.bdr>.sectInner {
  border: 1px solid #D2D2D2;
  border-top: none;
}

.sectType1>header {
  padding: .5em 10px;
  background-color: #464646;
}
.sectType1>header.colorBrown {
  background-color: #682a2f;
}

.sectType1>header h1,
.sectType1>header h2,
.sectType1>header h3,
.sectType1>header h4,
.sectType1>header h5,
.sectType1>header h6 {
  color: #fff;
}

.sectType1>.sectInner {
  background-color: #fff;
  padding: 10px;
}

.sectType2 {
  margin-bottom: 20px;
}

.sectType2.bdr>.sectInner {
  border: 1px solid #682a2f;
  border-top: none;
  background-color: #e6e6e6;
  padding: 10px;
}

.sectType2>header {
  padding: .5em 10px;
  background-color: #682a2f;
}
.sectType2>header {
  background-color: #682a2f;
}

.sectType2>header h1,
.sectType2>header h2,
.sectType2>header h3,
.sectType2>header h4,
.sectType2>header h5,
.sectType2>header h6 {
  color: #fff;
}

.sectType1>.sectInner {
  background-color: #fff;
  padding: 10px;
}

.genBlk.tac {
  text-align: center;
}

.genBlk.tar {
  text-align: right;
}

.genBlk.mb10 {
  margin-bottom: 10px;
}

.genBlk.mb20 {
  margin-bottom: 20px;
}

.genBlk.mb25 {
  margin-bottom: 25px;
}

.genBlk.mb30 {
  margin-bottom: 30px;
}

.genBlk.mb35 {
  margin-bottom: 35px;
}

.genBlk.mb40 {
  margin-bottom: 40px;
}

.genBlk.mb45 {
  margin-bottom: 45px;
}

.genBlk.mb50 {
  margin-bottom: 50px;
}

.sectBlog .more {
  width: 8em;
  text-align: right;
  vertical-align: bottom;
}

.sectBlog>.sectInner {
  padding: 20px;
}

@media screen and (max-width: 750px) {
  .sectBlog>.sectInner {
    padding: 10px;
  }
}

.sectBlog>.sectInner .listBlog li {
  margin-bottom: 20px;
}

.sectBlog>.sectInner .listBlog li:last-child {
  margin-bottom: 0;
}

.sectBlog>.sectInner .listBlog li time {
  width: 8em;
  float: left;
  display: inline-block;
}

.sectBlog>.sectInner .listBlog li a {
  text-indent: 8em;
  text-decoration: underline;
  color: #6c2c2f;
}

@media screen and (max-width: 750px) {
  .sectBlog>.sectInner .listBlog li {
    margin-bottom: 1em;
    padding-left: 0;
  }
  .sectBlog>.sectInner .listBlog li time {
    float: none;
    display: block;
  }
  .sectBlog>.sectInner .listBlog li a {
    display: block;
    text-indent: 0;
  }
}

.sectGallery>.sectInner {
  background-color: #e9e9e9;
  padding-top: 20px;
}

#sectSubSrch>section {
  margin-bottom: 20px;
}

#sectSubSrch>section:last-of-type {
  margin-bottom: 0;
}

#sectSubSrch>section h1,
#sectSubSrch>section h2,
#sectSubSrch>section h3,
#sectSubSrch>section h4,
#sectSubSrch>section h5,
#sectSubSrch>section h6 {
  font-weight: bold;
  margin-bottom: .25em;
}

#sectSubSrch>section .sectInner ul {
  font-size: 0;
}

#sectSubSrch>section .sectInner ul li {
  display: inline-block;
  font-size: 11.475px;
  border-right: 1px solid #464646;
  margin-right: .5em;
  padding-right: .5em;
  line-height: 1.2;
}

#sectSubSrch>section .sectInner ul li a {
  text-decoration: underline;
}

.sectSimilarity>.sectInner {
  padding: 30px;
}

.listSimilarity:after {
  display: table;
  content: '';
  clear: both;
}

.listSimilarity>li {
  float: left;
  width: 25%;
  padding-right: 12%;
}

.listSimilarity>li:after {
  display: table;
  content: '';
  clear: both;
}

.listSimilarity>li .thumb {
  float: left;
  width: 80px;
  border: 1px solid #e9e9e9;
}

.listSimilarity>li .thumb img {
  width: 100%;
}

.listSimilarity>li .dtl {
  margin-left: 85px;
  font-size: 11.475px;
  width: 100%;
}

.listSimilarity>li .dtl .name {
  display: block;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: .75em;
}

.listSimilarity>li .dtl .rent,
.listSimilarity>li .dtl .access {
  display: block;
}

.listSimilarity>li .dtl .rent {
  color: #682A2F;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
}

.bgPopup {
  background-color: #000;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: table;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999;
}

.bgPopup>.sectInner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.sectPopup {
  display: none;
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding: 30px 10px 10px;
  background-color: #fff;
  position: relative;
}

.sectPopup.listPopup {
  width: 620px;
  margin: 0 auto;
}

.sectPopup.listPopup>header {
  margin: -30px -10px 10px;
  padding: 5px 10px;
  background-color: #464646;
}

.sectPopup.listPopup>header h1,
.sectPopup.listPopup>header h2,
.sectPopup.listPopup>header h3,
.sectPopup.listPopup>header h4,
.sectPopup.listPopup>header h5,
.sectPopup.listPopup>header h6 {
  color: #fff;
}

.sectPopup.listPopup .listCond {
  max-height: 300px;
  overflow: auto;
  padding: 0 30px;
}

.sectPopup.listPopup .listCond li {
  margin-bottom: 10px;
}

.sectPopup.listPopup .listCond li:last-child {
  margin-bottom: 0;
}

.sectPopup.listPopup .listCond li p {
  word-wrap: break-word;
}

.sectPopup.listPopup .btnCountArea .btn {
  padding: 0 2em;
  height: 40px;
}

@media screen and (max-width: 750px) {
  .sectPopup.listPopup {
    width: 280px;
    margin: 0 auto;
  }
}

.sectPopup.telPopup {
  width: 380px;
  margin: 0 auto;
}

.sectPopup.telPopup>header {
  margin: -30px -10px 10px;
  padding: 5px 10px;
  background-color: #464646;
}

.sectPopup.telPopup>header h1,
.sectPopup.telPopup>header h2,
.sectPopup.telPopup>header h3,
.sectPopup.telPopup>header h4,
.sectPopup.telPopup>header h5,
.sectPopup.telPopup>header h6 {
  color: #fff;
}

.sectPopup.telPopup .sectInner {
  padding: 10px 20px;
}

.sectPopup.telPopup .sectInner .tel {
  text-align: center;
  font-size: 180%;
  font-family: arial, sans-serif;
  font-weight: bold;
}

.sectPopup.telPopup .btnArea .btn {
  padding: 0 2em;
  height: 40px;
}

@media screen and (max-width: 750px) {
  .sectPopup.telPopup {
    width: 280px;
    margin: 0 auto;
  }
}

.sectPopup .closePopup {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #000;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.sectPopup .closePopup:before {
  content: '×';
  display: block;
  text-indent: 0;
  text-align: center;
  color: #fff;
  width: 16px;
  line-height: 15px;
}

@media screen and (max-width: 750px) {
  .sectPopup {
    width: 94%;
  }
}

.popupDtlFilter>header {
  background-color: #682A2F;
  margin: -30px -10px 20px;
}

.popupDtlFilter>header h1,
.popupDtlFilter>header h2,
.popupDtlFilter>header h3,
.popupDtlFilter>header h4,
.popupDtlFilter>header h5,
.popupDtlFilter>header h6 {
  color: #fff;
  padding: 10px;
  font-size: 16.875px;
}

.popupDtlFilter>header h1:before,
.popupDtlFilter>header h2:before,
.popupDtlFilter>header h3:before,
.popupDtlFilter>header h4:before,
.popupDtlFilter>header h5:before,
.popupDtlFilter>header h6:before {
  content: '■';
  margin-right: .5em;
}

.popupDtlFilter .sectDFCond {
  height: 320px;
  padding-right: 10px;
  overflow: auto;
  margin-bottom: 20px;
}

.popupDtlFilter .sectDFCond>header {
  margin-bottom: 10px;
}

.popupDtlFilter .sectDFCond>header h1,
.popupDtlFilter .sectDFCond>header h2,
.popupDtlFilter .sectDFCond>header h3,
.popupDtlFilter .sectDFCond>header h4,
.popupDtlFilter .sectDFCond>header h5,
.popupDtlFilter .sectDFCond>header h6 {
  font-size: 140%;
}

.popupDtlFilter .sectDFCond .sectDFblk>h1,
.popupDtlFilter .sectDFCond .sectDFblk>h2,
.popupDtlFilter .sectDFCond .sectDFblk>h3,
.popupDtlFilter .sectDFCond .sectDFblk>h4,
.popupDtlFilter .sectDFCond .sectDFblk>h5,
.popupDtlFilter .sectDFCond .sectDFblk>h6 {
  color: #6c2c2f;
  margin-bottom: 1em;
  font-size: 120%;
  font-weight: bold;
  line-height: 1;
  padding-left: .5em;
  border-left: 5px solid #6c2c2f;
}

.popupDtlFilter .sectDFCond .sectDFblk>dl>dt {
  font-weight: bold;
  font-size: 110%;
}

.popupDtlFilter .sectDFCond .sectDFblk>dl>dt:after {
  content: '＞';
}

.popupDtlFilter .sectDFCond .sectDFblk>dl>dt:before {
  content: '＜';
}

.popupDtlFilter .sectDFCond .sectDFblk>dl>dd {
  margin-bottom: 1em;
}

.popupDtlFilter .filterResultAndSrch {
  margin: 0 10%;
  border: 1px solid #D2D2D2;
  padding: 10px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .popupDtlFilter>header {
    margin-bottom: 10px;
  }
  .popupDtlFilter .sectDFCond>header {
    margin-bottom: 5px;
  }
  .popupDtlFilter .sectDFCond>header h1,
  .popupDtlFilter .sectDFCond>header h2,
  .popupDtlFilter .sectDFCond>header h3,
  .popupDtlFilter .sectDFCond>header h4,
  .popupDtlFilter .sectDFCond>header h5,
  .popupDtlFilter .sectDFCond>header h6 {
    font-size: 120%;
  }
  .popupDtlFilter .sectDFCond .sectDFblk>dl>dd ul li {
    padding: .25em 0;
  }
  .popupDtlFilter .sectDFCond {
    height: 220px;
  }
  .popupDtlFilter .filterResultAndSrch {
    margin: 0 5%;
    border: 1px solid #D2D2D2;
    padding: 10px;
    text-align: center;
  }
}

.filterResultAndSrch {
  font-size: 130%;
}

@media screen and (max-width: 750px) {
  .filterResultAndSrch {
    font-size: 110%;
  }
}

.filterResultAndSrch .resultCount {
  padding: 0 2em 0 1em;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .filterResultAndSrch .resultCount {
    display: block;
    padding: 0;
    text-align: center;
  }
}

#sys-dialog-line-list,
#sys-dialog-station-list,
#sys-dialog-ward-list,
#sys-dialog-area-list {
  max-height: 450px;
  overflow: auto;
}

@media screen and (max-width: 750px) {
  #sys-dialog-line-list,
  #sys-dialog-station-list,
  #sys-dialog-ward-list,
  #sys-dialog-area-list {
    max-height: 300px;
  }
}

#btnLineReselect,
#btnStaReselect,
#btnAreaReselect,
#btnWardReselect {
  margin-right: 10px;
}

/* テーブル系
================================== */

.tblSet {
  border-top: 1px solid #D2D2D2;
  border-left: 1px solid #D2D2D2;
  margin-bottom: 10px;
}

.tblSet:last-of-type {
  margin-bottom: 0;
}

.tblBlk {
  display: table;
  width: 100%;
  height: 100%;
}

.tblBlk>* {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}

.tblBlk>.w50 {
  width: 50%;
}

@media screen and (max-width: 750px) {
  .tblBlk {
    display: block;
  }
  .tblBlk>* {
    display: block;
    vertical-align: top;
  }
  .tblBlk>.w50 {
    width: auto;
  }
}

.tblHCmn {
  display: table;
  width: 100%;
  border: 1px solid #D2D2D2;
  min-height: 3.6em;
}

.tblHCmn>li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: .75em 0;
  border-right: 1px solid #D2D2D2;
  background-color: #F5F5F5;
  font-size: 11.475px;
  line-height: 1.2;
  -webkit-box-shadow: 1px 0 0 0 #fff inset;
  -moz-box-shadow: 1px 0 0 0 #fff inset;
  box-shadow: 1px 0 0 0 #fff inset;
}

.tblHCmn>li:last-child {
  border-right: none;
}

.tblBCmn>li {
  display: table;
  width: 100%;
  background-color: #fff;
  border: 1px solid #D2D2D2;
  border-top: none;
}

.tblBCmn>li>dl,
.tblBCmn>li>*>dl {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #D2D2D2;
  text-align: center;
}

.tblBCmn>li>dl:last-of-type,
.tblBCmn>li>*>dl:last-of-type {
  border-right: none;
}

@media screen and (max-width: 750px) {
  .tblBCmn>li>dl,
  .tblBCmn>li>*>dl {
    display: table;
    border-right: none;
    border-bottom: 1px dotted #cccccc;
  }
  .tblBCmn>li>dl:last-of-type,
  .tblBCmn>li>*>dl:last-of-type {
    border-bottom: none;
  }
}

.tblBCmn .th {
  background-color: #F5F5F5;
}

@media screen and (max-width: 750px) {
  .tblSet {
    border: 1px solid #D2D2D2;
    border-bottom: none;
  }
}

dl.tblBCmn {
  display: table;
  width: 100%;
  height: 100%;
}

dl.tblBCmn>* {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  padding: .5em;
}

dl.tblBCmn>*.nest {
  padding: 0;
}

dl.tblBCmn>*.nest2>* {
  height: 50%;
}

dl.tblBCmn>*.nest3>* {
  height: 33.3%;
}

dl.tblBCmn>*.nest4>* {
  height: 25%;
}

dl.tblBCmn>dt {
  width: 8em;
  background-color: #F5F5F5;
  text-align: center;
  vertical-align: middle;
}

dl.tblBCmn>dd .tblBCmn:last-of-type dt,
dl.tblBCmn>dd .tblBCmn:last-of-type dd {
  border-bottom: none;
}

dl.tblBCmn>dd .tblBCmn>dd {
  border-right: none;
}

@media screen and (max-width: 750px) {
  dl.tblBCmn {
    display: block;
  }
  dl.tblBCmn>* {
    display: block;
    border-right: none;
  }
  dl.tblBCmn>*.nest2>*,
  dl.tblBCmn>*.nest3>*,
  dl.tblBCmn>*.nest4>* {
    height: auto;
  }
  dl.tblBCmn>dt {
    width: auto;
    text-align: left;
    font-weight: bold;
    border-right: none;
  }
  dl.tblBCmn>dd .tblBCmn:last-of-type dt {
    border-bottom: 1px solid #D2D2D2;
  }
}

/* フォーム系
================================== */

button,
input,
select {
  font-size: 13.5px;
  outline: none;
  vertical-align: middle;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
select {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #D2D2D2;
  background-color: #fff;
}

input[type="text"].full,
input[type="search"].full,
input[type="password"].full,
input[type="tel"].full,
input[type="url"].full,
input[type="number"].full,
select.full {
  width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
  cursor: pointer;
}

.condDtl {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D2D2D2;
  padding: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.condDtl input {
  border: none;
}

.checkbox,
.radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: .75em;
  background: url(../img/common/ico_form.png) no-repeat;
  overflow: hidden;
}

.checkbox input,
.radio input {
  filter: alpha(opactiy=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 750px) {
  .checkbox,
  .radio {
    width: 24px !important;
    height: 24px !important;
    background: url(../img/common/ico_form_b.png) no-repeat;
  }
  .checkbox input,
  .radio input {
    width: 24px;
    height: 24px;
  }
}

.checkbox {
  width: 13px;
  height: 12px;
  background-position: 0 -58px;
}

.checkbox.checked {
  background-position: -22px -58px;
}

.checkbox.indeterminate {
  background-position: -45px -58px;
}

@media screen and (max-width: 750px) {
  .checkbox {
    background-position: 0 0;
  }
  .checkbox.checked {
    background-position: -34px 0;
  }
  .checkbox.indeterminate {
    background-position: -68px 0;
  }
}

.radio {
  width: 12px;
  height: 12px;
  background-position: 0 -80px;
}

.radio.checked {
  background-position: -22px -80px;
}

@media screen and (max-width: 750px) {
  .radio {
    background-position: 0 -34px;
  }
  .radio.checked {
    background-position: -34px -34px;
  }
}

label {
  display: inline-block;
  text-decoration: none;
  cursor: default;
}

label a {
  cursor: pointer;
}

label a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 750px) {
  label a {
    text-decoration: underline;
  }
}

.select {
  position: relative;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #D2D2D2;
  padding: .1em 20px .1em .5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
  height: 26px;
}

.select.small {
  min-width: 8em;
}

.select.mid {
  min-width: 16em;
}

.select.large {
  min-width: 24em;
}

.select.full {
  width: 100%;
}

.select:after {
  content: '';
  display: block;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 22px;
  height: 22px;
  background: url(../img/common/ico_form.png) no-repeat 0 -26px;
}

.select>select {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  filter: alpha(opactiy=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.select>select:active {
  filter: alpha(opactiy=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.selectRange {
  display: table;
  width: 100%;
}

.selectRange>* {
  display: table-cell;
  vertical-align: middle;
}

.selectRange>*:nth-child(1),
.selectRange>*:nth-child(3) {
  width: 45%;
}

.selectRange>*:nth-child(2) {
  width: 10%;
  text-align: center;
}

.dtlFilter {
  display: inline-table;
  cursor: pointer;
  background-color: #fff;
  width: 200px;
  border: 1px solid #D2D2D2;
  padding: 1px 1px 1px .5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: middle;
}

.dtlFilter.full {
  width: 100%;
}

.dtlFilter>* {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.dtlFilter dt {
  width: 100%;
  color: #464646;
}

.dtlFilter dt:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/common/ico_form.png) no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.dtlFilter dd {
  text-align: right;
}

.dtlFilter dd span {
  display: block;
  padding: 0 .75em;
  height: 25px;
  line-height: 25px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  white-space: nowrap;
}

.dtlFilter.selected dd span {
  background-color: #682A2F;
}

.btnArea {
  text-align: center;
  padding: 10px 0;
  font-size: 0;
}

.formList {
  border: 1px solid #D2D2D2;
  background-color: #F5F5F5;
  padding: 20px 30px;
}

.formList:after {
  display: table;
  content: '';
  clear: both;
}

.formList.nodeco {
  border: none;
  background-color: transparent;
  padding: 0;
}

.formList>li {
  float: left;
  padding: .25em 0;
  width: 100%;
  padding-right: 2%;
}

.formList>li.col1 {
  width: 100%;
}

.formList>li>label,
.formList>li>div {
  display: inline-block;
  line-height: 1.2;
}

.formList.col2>li {
  width: 50%;
}

.formList.col2>li:nth-child(2n+1) {
  clear: left;
}

.formList.col3>li {
  width: 33.333%;
}

.formList.col4>li {
  width: 25%;
}

@media screen and (max-width: 750px) {
  .formList {
    padding: 10px;
  }
  .formList>li {
    float: none;
  }
  .formList.col2>li,
  .formList.col3>li,
  .formList.col4>li {
    width: auto;
  }
}

.filterBlk {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #F5F5F5;
  border: 1px solid #D2D2D2;
}

@media screen and (max-width: 750px) {
  .filterBlk {
    display: block;
  }
}

.filterBlk dt,
.filterBlk dd {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .filterBlk dt,
  .filterBlk dd {
    display: block;
  }
}

.filterBlk dt {
  white-space: nowrap;
  padding-right: 1em;
  font-weight: bold;
  font-size: 120%;
}

@media screen and (max-width: 750px) {
  .filterBlk dt {
    padding-right: 0;
    font-size: 110%;
  }
}

.filterBlk dd {
  width: 100%;
}

.filterBlk dd>div {
  margin-bottom: 10px;
}

.filterBlk dd>div:last-of-type {
  margin-bottom: 0;
}

.filterBlk dd label {
  margin-right: 1em;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .filterBlk {
    display: block;
  }
  .filterBlk dt,
  .filterBlk dd {
    display: block;
  }
  .filterBlk dd label {
    display: block;
    margin-bottom: 5px;
  }
  .filterBlk dd label:last-of-type {
    margin-bottom: 0;
  }
}

.moreFilter {
  width: 80%;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #D2D2D2;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .moreFilter {
    width: auto;
  }
}

.moreFilter>div:first-child {
  font-size: 130%;
  border-bottom: 1px solid #D2D2D2;
  -webkit-box-shadow: 0 1px 0 0 #F5F5F5;
  -moz-box-shadow: 0 1px 0 0 #F5F5F5;
  box-shadow: 0 1px 0 0 #F5F5F5;
  padding-bottom: .5em;
  margin-bottom: .5em;
}

@media screen and (max-width: 750px) {
  .moreFilter>div:first-child {
    font-size: 100%;
  }
}

.moreFilter>div:first-child .dtlFilter {
  font-size: 13.5px;
  margin-left: 1em;
  width: 240px;
}

@media screen and (max-width: 750px) {
  .moreFilter>div:first-child .dtlFilter {
    margin-left: 0;
    width: 100%;
    max-width: 400px;
  }
}

/* ボタン
================================== */

.btn {
  display: inline-table;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f5f5f5;
  text-align: center;
  overflow: hidden;
  font-size: 13.5px;
  vertical-align: middle;
  /* 建物関連ボタン
================================== */
}

.btn:hover {
  text-decoration: none;
}

.btn>* {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
  padding: 0 .5em;
}

.btn>button {
  width: 100%;
  height: inherit;
  background-color: transparent;
  border: none;
}

.btn.mid {
  height: 46px;
  min-height: 46px;
  font-size: 16px;
}

.btn.mid>* {
  padding: 0 1.5em;
  font-size: inherit;
}

.btn.small {
  height: 32px;
  min-height: 32px;
  font-size: 12px;
}

.btn.small>* {
  padding: 0 1em;
  font-size: inherit;
}

.btn.orange {
  background-color: #FD8A47;
  background-image: -webkit-linear-gradient(top, #FD8A47, #fc6a15);
  background-image: linear-gradient(to bottom, #FD8A47, #fc6a15);
  border: 1px solid #fff;
}

.btn.orange>* {
  color: #fff;
}

.btn.brown {
  background-color: #6c2c2f;
  background-image: -webkit-linear-gradient(top, #6c2c2f, #481d1f);
  background-image: linear-gradient(to bottom, #6c2c2f, #481d1f);
}

.btn.brown>* {
  color: #fff;
}

.btn.mgray {
  background-color: #D2D2D2;
  background-image: -webkit-linear-gradient(top, #fff, #c8c8c8);
  background-image: linear-gradient(to bottom, #fff, #c8c8c8);
}

.btn.lgray {
  background-color: #F5F5F5;
  background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
  background-image: linear-gradient(to bottom, #fff, #e9e9e9);
}

.btn.black {
  background-color: #333333;
  background-image: -webkit-linear-gradient(top, #333333, #000);
  background-image: linear-gradient(to bottom, #333333, #000);
}

.btn.white {
  background-color: #fff;
}

.btn.ds {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.btn.bdr1 {
  border: 1px solid #b4b4b4;
}

.btn.bdr2 {
  border: 2px solid #b4b4b4;
}

.btn.bdr1wh {
  border: 1px solid #fff;
}

.btn.btnRound {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

.btn.left {
  text-align: left;
}

.btn.ico *:after,
.btn.icoB *:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.btn.ico *:after {
  margin-left: .5em;
}

.btn.icoB *:before {
  margin-right: .5em;
}

.btn.ico.arrowAR *:after,
.btn.icoB.arrowAR *:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  width: auto;
  height: auto;
  line-height: auto;
}

.btn.ico.cmn *:after,
.btn.ico.cmn *:before,
.btn.icoB.cmn *:after,
.btn.icoB.cmn *:before {
  content: '';
  background: url(../img/common/ico_cmn.png) no-repeat;
}

.btn.ico.cmn.arrowR *:after,
.btn.ico.cmn.arrowR *:before,
.btn.icoB.cmn.arrowR *:after,
.btn.icoB.cmn.arrowR *:before {
  width: 15px;
  height: 17px;
}

.btn.ico.cmn.mail *:after,
.btn.ico.cmn.mail *:before,
.btn.icoB.cmn.mail *:after,
.btn.icoB.cmn.mail *:before {
  width: 21px;
  height: 15px;
  background-position: 0 -20px;
}

.btn.ico.cmn.cont *:after,
.btn.ico.cmn.cont *:before,
.btn.icoB.cmn.cont *:after,
.btn.icoB.cmn.cont *:before {
  width: 14px;
  height: 18px;
  background-position: 0 -40px;
}

.btn.ico.cmn.del *:after,
.btn.ico.cmn.del *:before,
.btn.icoB.cmn.del *:after,
.btn.icoB.cmn.del *:before {
  width: 18px;
  height: 18px;
  background-position: 0 -60px;
}

.btn.ico.cmn.freedial *:after,
.btn.ico.cmn.freedial *:before,
.btn.icoB.cmn.freedial *:after,
.btn.icoB.cmn.freedial *:before {
  width: 20px;
  height: 13px;
  background-position: 0 -90px;
}

.btn.ico.cmn *:before {
  content: none;
}

.btn.icoB.cmn *:after {
  content: none;
}

.btn.icoB.service {
  border: 1px solid #6c2c2f;
}

.btn.icoB.service>* {
  padding: 2px;
  padding-right: 1em;
}

.btn.icoB.service>*:before {
  width: 19px;
  height: 19px;
  margin-right: 1em;
  background: url(../img/common/ico_service.png) no-repeat;
}

.btn.icoB.list {
  height: 40px;
  position: relative;
  padding-left: 50px;
}

.btn.icoB.list>* {
  text-align: center;
  width: 8em;
}

.btn.icoB.list>*:before {
  content: none;
}

.btn.icoB.list:before {
  content: '';
  width: 40px;
  height: 30px;
  border: 2px solid #D2D2D2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: #fff url(../img/common/ico_prop.png) no-repeat;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -15px;
}

.btn.icoB.list.check:before {
  background-position: -2px -32px;
}

.btn.icoB.list.matori:before {
  background-position: -2px -62px;
}

.btn.icoB.list.mail:before {
  background-position: -2px -92px;
}

.btn.icoB.list.tel:before {
  background-position: -2px -122px;
}

.btn.icoB.list.his:before {
  background-position: -2px -152px;
}

.btn.icoB.list.cond:before {
  background-position: -2px -182px;
}

.btn.ico.srch *:after,
.btn.ico.srch *:before,
.btn.icoB.srch *:after,
.btn.icoB.srch *:before {
  width: 24px;
  height: 24px;
  background: url(../img/common/ico_srch.png);
}

.btn.ico.srch.now *:after,
.btn.ico.srch.now *:before,
.btn.icoB.srch.now *:after,
.btn.icoB.srch.now *:before {
  background-position: 0 -48px;
}

.btn.ico.srch.now.active *:after,
.btn.ico.srch.now.active *:before,
.btn.icoB.srch.now.active *:after,
.btn.icoB.srch.now.active *:before {
  background-position: -24px -48px;
}

.btn.ico.srch.area *:after,
.btn.ico.srch.area *:before,
.btn.icoB.srch.area *:after,
.btn.icoB.srch.area *:before {
  background-position: 0 -0px;
}

.btn.ico.srch.area.active *:after,
.btn.ico.srch.area.active *:before,
.btn.icoB.srch.area.active *:after,
.btn.icoB.srch.area.active *:before {
  background-position: -24px -0px;
}

.btn.ico.srch.train *:after,
.btn.ico.srch.train *:before,
.btn.icoB.srch.train *:after,
.btn.icoB.srch.train *:before {
  background-position: 0 -24px;
}

.btn.ico.srch.train.active *:after,
.btn.ico.srch.train.active *:before,
.btn.icoB.srch.train.active *:after,
.btn.icoB.srch.train.active *:before {
  background-position: -24px -24px;
}

.btn.ico.srch.keyword *:after,
.btn.ico.srch.keyword *:before,
.btn.icoB.srch.keyword *:after,
.btn.icoB.srch.keyword *:before {
  background-position: 0 -72px;
}

.btn.ico.srch.keyword.active *:after,
.btn.ico.srch.keyword.active *:before,
.btn.icoB.srch.keyword.active *:after,
.btn.icoB.srch.keyword.active *:before {
  background-position: -24px -72px;
}

.btn.ico.srch.ward *:after,
.btn.ico.srch.ward *:before,
.btn.icoB.srch.ward *:after,
.btn.icoB.srch.ward *:before {
  background-position: 0 -96px;
}

.btn.ico.srch.ward.active *:after,
.btn.ico.srch.ward.active *:before,
.btn.icoB.srch.ward.active *:after,
.btn.icoB.srch.ward.active *:before {
  background-position: -24px -96px;
}

.btn.ico.srch.popular *:after,
.btn.ico.srch.popular *:before,
.btn.icoB.srch.popular *:after,
.btn.icoB.srch.popular *:before {
  background-position: 0 -120px;
}

.btn.ico.srch.popular.active *:after,
.btn.ico.srch.popular.active *:before,
.btn.icoB.srch.popular.active *:after,
.btn.icoB.srch.popular.active *:before {
  background-position: -24px -120px;
}

.btn.ico.srch.map *:after,
.btn.ico.srch.map *:before,
.btn.icoB.srch.map *:after,
.btn.icoB.srch.map *:before {
  background-position: 0 -144px;
}

.btn.ico.srch.map.active *:after,
.btn.ico.srch.map.active *:before,
.btn.icoB.srch.map.active *:after,
.btn.icoB.srch.map.active *:before {
  background-position: -24px -144px;
}

.btn.ico.srch.route *:after,
.btn.ico.srch.route *:before,
.btn.icoB.srch.route *:after,
.btn.icoB.srch.route *:before {
  background-position: 0 -168px;
}

.btn.ico.srch.route.active *:after,
.btn.ico.srch.route.active *:before,
.btn.icoB.srch.route.active *:after,
.btn.icoB.srch.route.active *:before {
  background-position: -24px -168px;
}

.btn.ico.srch.routemap *:after,
.btn.ico.srch.routemap *:before,
.btn.icoB.srch.routemap *:after,
.btn.icoB.srch.routemap *:before {
  background-position: 0 -192px;
}

.btn.ico.srch.routemap.active *:after,
.btn.ico.srch.routemap.active *:before,
.btn.icoB.srch.routemap.active *:after,
.btn.icoB.srch.routemap.active *:before {
  background-position: -24px -192px;
}

.btn.icoW *:after {
  background: #fff url(../img/common/ico_btn_wh.png) no-repeat;
}

.btn.icoW *.i-arrowR:after {
  background-position: 0 0;
}

.btn.btnProp {
  display: inline-block;
  width: 40px;
  height: 30px;
  vertical-align: middle;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.btn.btnProp.orange {
  border: none;
}

.btn.btnProp:before {
  content: '';
  display: block;
  text-indent: 0;
  width: 40px;
  height: 30px;
  background: url(../img/common/ico_prop.png) no-repeat;
  position: relative;
  left: -2px;
  top: -2px;
}

.btn.btnProp.orange:before {
  left: 0;
  top: 0;
}

.btn.btnProp>* {
  display: block;
}

.btn.btnProp.check {
  position: relative;
}

.btn.btnProp.check:before {
  background-position: -40px -30px;
}

.btn.btnProp.check.checked:before {
  background-position: 0 -30px;
}

.btn.btnProp.check input {
  filter: alpha(opactiy=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: -20px;
  left: -20px;
}

.btn.btnProp.matori:before {
  background-position: 0 -60px;
}

.btn.btnProp.mail:before {
  background-position: 0 -90px;
}

.btn.btnProp.tel:before {
  background-position: 0 -120px;
}

.btn.btnProp.his:before {
  background-position: 0 -150px;
}

.btn.btnProp.cond:before {
  background-position: 0 -180px;
}

.btn.orgsite {
  display: inline-block;
  position: relative;
}

.btn.orgsite>* {
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.btn.orgsite>*:before {
  content: '';
  width: 40px;
  height: 30px;
  background: url(../img/common/ico_orgsite.png) no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -15px;
}

.btn.orgsite:after {
  content: '';
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 10px;
  height: 10px;
  background: url(../img/common/ico_orgsite.png) no-repeat 0 -30px;
}

.btn.btnUtil {
  padding: .05em 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.btn.btnUtil span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  background: url(../img/common/ico_extra.png) no-repeat;
}

.btn.btnUtil.fav {
  background-color: #f09e00;
  background-image: -webkit-linear-gradient(top, #ffd800, #f09e00);
  background-image: linear-gradient(to bottom, #ffd800, #f09e00);
  border: 1px solid #cbac00;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8) inset;
  color: #fff;
}

.btn.btnUtil.fav span:before {
  width: 24px;
  height: 22px;
}

/* アイコン(アイコン単体、見出し等)
================================== */

.icon {
  display: inline-block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.icon.propFlg {
  display: inline-block;
  width: 48px;
  height: 15px;
  background: url(../img/common/ico_prop_flg.png);
}

.icon.propFlg.newPub {
  background-position: 0 0;
}

.icon.propFlg.newArvl {
  background-position: 0 -20px;
}

.icon.propFlg.newBlt {
  background-position: 0 -40px;
}

.icon.propFlg.chngRent {
  background-position: 0 -60px;
}

.icon.propFlg.chngKey {
  background-position: 0 -80px;
}

.icon.propAp {
  width: 40px;
  height: 30px;
  background: url(../img/common/ico_prop_ap.png) no-repeat;
}

.icon.propAp.new {
  background-position: 0 0;
}

.icon.propAp.mitsui {
  background-position: 0 -40px;
}

.icon.propAp.excl {
  background-position: 0 -80px;
}

.icon.propAp.free {
  background-position: 0 -120px;
}

.icon.propAp.cts {
  background-position: 0 -160px;
}

.icon.propAp.pet {
  background-position: 0 -200px;
}

.icon.propAp.lot {
  background-position: 0 -240px;
}

.icon.propAp.tower {
  background-position: 0 -280px;
}

.icon.propAp.limited {
  background-position: 0 -320px;
}

/* 見出し
================================== */

h1.ico:before,
h2.ico:before,
h3.ico:before,
h4.ico:before,
h5.ico:before,
h6.ico:before {
  content: '';
  display: inline-block;
  margin-right: .5em;
  background: url(../img/common/ico_h.png) no-repeat;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

h1.ico.search:before,
h2.ico.search:before,
h3.ico.search:before,
h4.ico.search:before,
h5.ico.search:before,
h6.ico.search:before {
  background-position: 0 0;
}

h1.ico.mail:before,
h2.ico.mail:before,
h3.ico.mail:before,
h4.ico.mail:before,
h5.ico.mail:before,
h6.ico.mail:before {
  width: 21px;
  height: 15px;
  background: url(../img/common/ico_cmn.png) no-repeat;
  background-position: 0 -20px;
}

h1.ico.check:before,
h1.ico.cond:before,
h2.ico.check:before,
h2.ico.cond:before,
h3.ico.check:before,
h3.ico.cond:before,
h4.ico.check:before,
h4.ico.cond:before,
h5.ico.check:before,
h5.ico.cond:before,
h6.ico.check:before,
h6.ico.cond:before {
  width: 40px;
  height: 30px;
  border: 2px solid #D2D2D2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background: #fff url(../img/common/ico_prop.png) no-repeat;
}

h1.ico.check:before,
h2.ico.check:before,
h3.ico.check:before,
h4.ico.check:before,
h5.ico.check:before,
h6.ico.check:before {
  background-position: -2px -32px;
}

h1.ico.cond:before,
h2.ico.cond:before,
h3.ico.cond:before,
h4.ico.cond:before,
h5.ico.cond:before,
h6.ico.cond:before {
  background-position: -2px -182px;
}

/* サイドナビゲーション
================================== */

#btnSideNav {
  display: none;
  z-index: 10;
}

@media screen and (max-width: 750px) {
  #btnSideNav {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  #btnSideNav a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
    color: #fff;
  }
  #btnSideNav a:before {
    float: left;
    content: "\f054";
    display: inline-block;
    font-family: 'Fontawesome';
    font-size: 12px;
    vertical-align: middle;
    margin-right: .5em;
    text-decoration: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border-right: 1px solid #D2D2D2;
    margin-right: 0;
  }
  #btnSideNav a span {
    display: inline-block;
    padding: 0 .5em;
  }
  #btnSideNav a.active:before {
    content: "\f053";
  }
}

#sideNav {
  width: 230px;
  float: left;
  background-color: #F5F5F5;
}

@media screen and (max-width: 750px) {
  #sideNav {
    float: none;
    position: fixed;
    width: 270px;
    left: -270px;
    top: 0;
    bottom: 0;
    -webkit-transition: left, 0.2s;
    -moz-transition: left, 0.2s;
    transition: left, 0.2s;
  }
  #sideNav.spmode.active {
    left: 0;
    overflow: auto;
  }
  #sideNav.spmode:after {
    z-index: 2;
  }
}

#sideNav>h1,
#sideNav>h2,
#sideNav>h3,
#sideNav>h4,
#sideNav>h5,
#sideNav>h6 {
  padding: 10px;
  margin-bottom: 5px;
  background-color: #6c2c2f;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

#sideNav>h1:before,
#sideNav>h2:before,
#sideNav>h3:before,
#sideNav>h4:before,
#sideNav>h5:before,
#sideNav>h6:before {
  content: '';
  background: url(../img/common/ico_h_sidenav.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: .5em;
  vertical-align: middle;
}

#sideNav .lv1>dt,
#sideNav .lv2>dt {
  cursor: pointer;
  position: relative;
}

#sideNav .lv1>dt:after,
#sideNav .lv2>dt:after {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  background: url(../img/common/ico_sidebar.png) no-repeat;
}

#sideNav .lv1.closed dt:after,
#sideNav .lv2.closed dt:after {
  background-position: 0 -25px;
}

#sideNav .lv1>dd,
#sideNav .lv2>dd {
  -webkit-transition: max-height 0.2s linear;
  -moz-transition: max-height 0.2s linear;
  transition: max-height 0.2s linear;
}

#sideNav .lv1.closed dd,
#sideNav .lv2.closed dd {
  max-height: 0;
  overflow: hidden;
  padding: 0;
}

#sideNav .lv1>dt {
  padding: 10px;
  background-color: #464646;
  border-bottom: 1px solid #000;
  color: #fff;
}

#sideNav .lv1>dd {
  max-height: none;
}

#sideNav .lv2>dt {
  padding: 10px;
  background-color: #D2D2D2;
  border-bottom: 1px solid #b3b3b3;
}

#sideNav .lv2>dd {
  margin: 0 10px;
  max-height: none;
}

#sideNav .lv2>dd:after,
#sideNav .lv2>dd:before {
  content: '';
  display: table;
  clear: both;
  height: 10px;
  width: 0;
}

#sideNav .lv2.moveinDate>dd {
  text-align: center;
}

#sideNav .sect {
  border-bottom: 1px solid #bfbfbf;
  -webkit-box-shadow: 0 1px 0 0 #e6e6e6;
  -moz-box-shadow: 0 1px 0 0 #e6e6e6;
  box-shadow: 0 1px 0 0 #e6e6e6;
  padding-bottom: 20px;
  padding-top: 10px;
  margin: 0 10px 20px;
}

#sideNav .formList {
  padding: 0;
  border: none;
  font-size: 90%;
}

#sideNav .formList li:nth-child(n+6) {
  display: none;
}

#sideNav .formList.active li:nth-child(n+6) {
  display: block;
}

#sideNav #sideSeachChoice .btnArea {
  margin-bottom: 20px;
}

#sideNav #sideSearchFilter {
  margin-bottom: 10px;
}

#sideNav #sideSearchFilter .formList li:nth-child(n+6) {
  display: block;
}

#sideNav .lastSect {
  margin-bottom: 20px;
}

#sideNav .lastSect>dd {
  border-bottom: 1px solid #bfbfbf;
  -webkit-box-shadow: 0 1px 0 0 #e6e6e6;
  -moz-box-shadow: 0 1px 0 0 #e6e6e6;
  box-shadow: 0 1px 0 0 #e6e6e6;
}

#sideNav .lastSect.closed>dd {
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#sideNav .reselect {
  text-align: right;
}

#sideNav .reselect a:after {
  content: "\003E";
  display: inline-block;
  margin-left: .25em;
}

#sideNav .changeChoice {
  border: 1px solid #b3b3b3;
  width: 100%;
  height: 30px;
}

#sideNav .changeChoice span:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #6c2c2f;
  text-align: center;
  color: #fff;
}

#sideNav .changeChoice.active span:before {
  content: "\f0d8";
}

#sideNav .listChangeChoice {
  -webkit-transition: max-height 0.2s;
  -moz-transition: max-height 0.2s;
  transition: max-height 0.2s;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
}

#sideNav .listChangeChoice.active {
  max-height: 20em;
}

#sideNav .listChangeChoice li {
  border: 1px solid #cccccc;
  border-top: none;
}

#sideNav .listChangeChoice li:last-child {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}

#sideNav .listChangeChoice li a {
  display: block;
  padding: .5em .75em;
}

#sideNav .listChangeChoice li a:hover {
  background-color: #f2f2f2;
}

#sideNav .sideDtlFilter .dtlFilter dt {
  font-size: 11.475px;
}

#sideNav .sideResultCount dd {
  text-align: center;
  font-size: 150%;
}

#sideNav .btnArea {
  margin: 0 10px 10px;
  padding: 0;
}

#sideNav .reSearch {
  width: 100%;
}

#sideNav .contact {
  margin: 0 10px 10px;
  padding: 10px;
  border: 2px solid #FD8A47;
  background-color: #fff;
  text-align: center;
  color: #6c2c2f;
}

#sideNav .contact .lead,
#sideNav .contact .openHour {
  font-size: 90%;
}

#sideNav .contact .lead {
  margin-bottom: .25em;
}

#sideNav .contact .freedial em {
  display: inline-block;
  margin-bottom: 7px;
  color: #FD8A47;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 140%;
  line-height: 17px;
}

#sideNav .contact .freedial em:before {
  content: '';
  background: url(../img/common/side_fd.png) no-repeat left center;
  display: inline-block;
  width: 28px;
  height: 17px;
  margin-right: 7px;
  vertical-align: top;
}

#sideNav .contact .openHour {
  padding: 5px 0;
  border-top: 1px solid #D2D2D2;
  -webkit-box-shadow: 0 1px 0 0 #F5F5F5 inset;
  -moz-box-shadow: 0 1px 0 0 #F5F5F5 inset;
  box-shadow: 0 1px 0 0 #F5F5F5 inset;
}

#sideNav .contact .btn {
  width: 100%;
}

/* 検索結果、建物詳細共通
================================== */

.dispOpt {
  display: table;
  width: 100%;
}

.dispOpt dl,
.dispOpt dt,
.dispOpt dd {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.dispOpt dt {
  white-space: nowrap;
  padding-right: 6px;
  font-size: 11.475px;
}

.dispOpt dt span {
  display: inline-block;
  color: #fff;
  padding: 0 .5em;
  height: 30px;
  line-height: 30px;
  background-color: #464646;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.dispOpt dt span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -4px;
  border-left: 6px solid #464646;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.dispOpt dd {
  padding-left: 10px;
}

.dispOpt .dispType dd {
  font-size: 0;
  padding-right: 10px;
}

.dispOpt .dispType dd a,
.dispOpt .dispType dd span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  vertical-align: middle;
}

.dispOpt .dispType dd a.list,
.dispOpt .dispType dd span.list {
  margin-right: 10px;
}

.dispOpt .dispType dd a:before,
.dispOpt .dispType dd span:before {
  content: '';
  display: block;
  text-indent: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  background: url(../img/common/ico_dispopt.png) no-repeat;
}

.dispOpt .dispType dd a.list:before,
.dispOpt .dispType dd span.list:before {
  background-position: 0 0;
}

.dispOpt .dispType dd a.list.current:before,
.dispOpt .dispType dd span.list.current:before {
  background-position: -30px 0;
}

.dispOpt .dispType dd a.matori:before,
.dispOpt .dispType dd span.matori:before {
  background-position: 0 -30px;
}

.dispOpt .dispType dd a.matori.current:before,
.dispOpt .dispType dd span.matori.current:before {
  background-position: -30px -30px;
}

.dispOpt .odrType {
  width: 100%;
}

.dispOpt .odrType dd {
  font-size: 0;
}

.dispOpt .odrType dd a {
  margin-right: .75em;
  font-size: 11.475px;
  text-decoration: underline;
}

.dispOpt .odrType dd a.desc:after {
  content: '↓';
}

.dispOpt .odrType dd a.asc:after {
  content: '↑';
}

@media screen and (max-width: 750px) {
  .dispOpt {
    display: block;
  }
  .dispOpt dl {
    display: table;
  }
  .dispOpt dd {
    white-space: normal;
  }
  .dispOpt .dispType {
    margin-bottom: 8px;
  }
  .dispOpt .odrType a {
    display: inline-block;
  }
}

.propPhotos {
  width: 100%;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  position: relative;
  overflow: hidden;
}

.propPhotos:after,
.propPhotos:before {
  content: '';
  display: block;
  background-color: #fff;
  width: 5px;
  position: absolute;
  z-index: 2;
}

.propPhotos:before {
  left: 0;
  top: 1px;
  bottom: 1px;
}

.propPhotos:after {
  right: 0;
  top: 1px;
  bottom: 1px;
}

.propPhotos ul {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  transition: left 0.4s;
}

.propPhotos ul.left1 {
  left: -100%;
}

.propPhotos ul.left2 {
  left: -200%;
}

.propPhotos ul.left3 {
  left: -300%;
}

.propPhotos ul.left4 {
  left: -400%;
}

.propPhotos ul li {
  position: absolute;
  width: 100%;
}

.propPhotos ul li.cldSlide0 {
  left: 0;
}

.propPhotos ul li.cldSlide1 {
  left: 100%;
}

.propPhotos ul li.cldSlide2 {
  left: 200%;
}

.propPhotos ul li.cldSlide3 {
  left: 300%;
}

.propPhotos ul li.cldSlide4 {
  left: 400%;
}

.propPhotos ul li.cldSlide5 {
  left: 500%;
}

.propPhotos ul li img {
  width: 100%;
}

.propPhotos ul li.nophoto {
  text-align: center;
}

.propPhotos ul.start~.prev {
  filter: alpha(opactiy=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
  cursor: default;
}

.propPhotos ul.end~.next {
  filter: alpha(opactiy=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
  cursor: default;
}

.propPhotos .ctrl {
  position: absolute;
  z-index: 10;
  display: block;
  cursor: pointer;
  width: 25px;
  height: 25px;
  background-color: #464646;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  bottom: 10px;
}

.propPhotos .ctrl:before {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  text-indent: 0;
  top: 0;
  left: 0;
  color: #fff;
}

.propPhotos .ctrl.next {
  right: 10px;
}

.propPhotos .ctrl.next:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 16px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

.propPhotos .ctrl.prev {
  left: 10px;
}

.propPhotos .ctrl.prev:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 16px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .propPhotos .ctrl {
    width: 32px;
    height: 32px;
  }
  .propPhotos .ctrl:before {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}

.propPhotos .msg {
  position: absolute;
  z-index: 2;
  top: 50%;
  height: 30px;
  line-height: 30px;
  margin-top: -10px;
  text-align: center;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  color: #fff;
  left: 0;
  right: 0;
  font-size: 11.475px;
  z-index: 3;
}

.propSpec .desc {
  padding: .4em 0;
}

.propSpec dl {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}

.propSpec dl dt,
.propSpec dl dd {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
}

.propSpec dl dt {
  width: 20%;
  color: #fff;
  background-color: #464646;
  text-align: center;
}

.propSpec dl dd {
  padding: .55em .55em .55em 1em;
  z-index: 1;
}

.propSpec dl dd:after {
  content: '';
  z-index: -1;
  position: absolute;
  left: 20%;
  margin-left: 5px;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #464646;
  background-color: #fff;
}

.sectRoomList>.sectInner {
  padding: 0;
}

.sectRoomList .showAll {
  padding: .5em 0;
}

.sectRoomList .showAll a {
  text-decoration: underline;
}

.sectRoomList .showAll a:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  color: #464646;
}

.sectRoomList .showAll a.active:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

.roomSpecList>.num,
.listRoom>li>a {
  display: block;
}

.roomSpecList>.cost,
.listRoom>li>a>.cost,
.listRoom>li>div>.cost {
  width: 14%;
}

.roomSpecList>.deposit,
.listRoom>li>a>.deposit,
.listRoom>li>div>.deposit {
  width: 10%;
}

.roomSpecList>.square,
.listRoom>li>a>.square,
.listRoom>li>div>.square {
  width: 8%;
}

.roomSpecList>.mato,
.listRoom>li>a>.mato,
.listRoom>li>div>.mato {
  width: 7%;
}

.roomSpecList>.appl,
.listRoom>li>a>.appl,
.listRoom>li>div>.appl {
  width: 25%;
}

.roomSpecList>.cont,
.listRoom>li>a>.cont,
.listRoom>li>div>.cont {
  width: 8%;
}

.roomSpecList>.chk,
.listRoom>li>a>.chk,
.listRoom>li>div>.chk {
  width: 8%;
}

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

.listRoom>li {
  min-height: 4em;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.listRoom>li:nth-child(n+6) {
  display: none;
}

.listRoom>li>a,
.listRoom>li>div {
  cursor: pointer;
  display: table-row;
  text-decoration: none;
}

.listRoom>li>a:hover dl,
.listRoom>li>div:hover dl {
  background-color: #FFEBEA;
}

.listRoom.active>li:nth-child(n+6) {
  display: table;
}

.listRoom dl {
  padding: 2px 0;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.listRoom dl dt,
.listRoom dl dd {
  line-height: 1.4;
  word-break: break-all;
}

.listRoom dl dt {
  display: none;
}

.listRoom dl.num dd,
.listRoom dl.cost dd,
.listRoom dl.deposit dd,
.listRoom dl.square dd {
  font-family: helvetica, arial, sans-serif;
}

.listRoom dl.cost {
  font-size: 110%;
}

.listRoom dl.num .flgs,
.listRoom dl.num .floorRoom {
  display: inline-block;
  vertical-align: middle;
}

.listRoom dl.num .flgs {
  width: 48px;
  min-height: 48px;
}

.listRoom dl.num .flgs li {
  height: 15px;
  margin-bottom: 1px;
}

.listRoom dl.num .flgs li:last-child {
  margin-bottom: 0;
}

.listRoom dl.num .flgs li span {
  vertical-align: top;
}

.listRoom dl.num span.flgs {
  width: 48px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.listRoom dl.num dd {
  text-align: left;
  padding-left: 2px;
}

.listRoom dl.deposit dd,
.listRoom dl.square dd {
  font-size: 11.475px;
}

.listRoom dl.deposit dd span,
.listRoom dl.square dd span {
  display: block;
}

.listRoom dl.deposit dd {
  text-align: center;
}

.listRoom dl.deposit dd>ul {
  display: inline-block;
  text-align: left;
}

.listRoom dl.deposit dd>ul li {
  padding: .1em 0;
}

.listRoom dl.deposit dd .shiki:before,
.listRoom dl.deposit dd .rei:before {
  content: '';
  display: inline-block;
  margin-right: 2px;
  width: 14px;
  height: 14px;
  background-image: url("../img/common/ico_deposit.png");
  background-repeat: no-repeat;
  text-indent: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.listRoom dl.deposit dd .rei:before {
  background-position: 0 -20px;
}

.listRoom dl.cost dd {
  text-align: center;
}

.listRoom dl.cost dd ul {
  display: inline-block;
}

.listRoom dl.cost dd ul li {
  text-align: right;
}

.listRoom dl.cost dd ul .rent {
  font-weight: bold;
}

.listRoom dl.appl dd {
  font-size: 0;
  vertical-align: middle;
}

.listRoom dl.appl dd span {
  margin-right: 2px;
}

.listRoom dl.appl dd span:nth-of-type(n+5) {
  display: none;
}

.listRoom dl.appl dd span:last-of-type {
  margin-right: 0;
}

.listRoom dl.chk dd label.check {
  cursor: pointer;
}

/* @media screen and (max-width: 750px) { .listRoom > li > a, .listRoom > li > div { display: block; } .listRoom > li > a:after, .listRoom > li > div:after { display: table; content: ''; clear: both; } */

@media screen and (max-width: 750px) {
  .listRoom>li>a {
    display: block;
  }
  .listRoom>li>a:after,
  .listRoom>li>a:after {
    display: table;
    content: '';
    clear: both;
  }
  .listRoom dl {
    padding: 0;
    width: 100% !important;
  }
  .listRoom dl dt,
  .listRoom dl dd {
    display: table-cell;
    vertical-align: middle;
    text-align: left !important;
    padding: 7px 0;
  }
  .listRoom dl dt {
    font-weight: bold;
    font-size: 11.475px;
    width: 37%;
    padding: 5px;
  }
  .listRoom dl.deposit dd,
  .listRoom dl.square dd {
    font-size: 13.5px;
  }
  .listRoom dl.mato,
  .listRoom dl.cont,
  .listRoom dl.chk {
    display: block;
    float: left;
    width: 33.333% !important;
    border-bottom: none;
  }
  .listRoom dl.mato dt,
  .listRoom dl.mato dd,
  .listRoom dl.cont dt,
  .listRoom dl.cont dd,
  .listRoom dl.chk dt,
  .listRoom dl.chk dd {
    display: block;
    width: auto;
    text-align: center !important;
  }
  .listRoom dl.mato dt,
  .listRoom dl.cont dt,
  .listRoom dl.chk dt {
    padding-bottom: .1em;
    font-size: 10.8px;
  }
  .listRoom dl.mato dd,
  .listRoom dl.cont dd,
  .listRoom dl.chk dd {
    padding-top: 0;
  }
  .listRoom dl.num dt {
    display: none;
  }
  .listRoom dl.num dd {
    padding: 8px;
    background-color: #F5F5F5;
    position: relative;
  }
  .listRoom dl.num dd:after {
    content: "\f105";
    font-family: Fontawesome;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    text-align: center;
  }
  .listRoom dl.num .flgs {
    display: block;
    width: auto !important;
    min-height: 0;
  }
  .listRoom dl.num .flgs li {
    display: inline-block;
  }
  .listRoom dl.num .floorRoom {
    font-weight: bold;
  }
  .listRoom dl.cost dt {
    width: 47%;
  }
  .listRoom dl.cost dd ul li {
    display: inline-block;
    text-align: left;
  }
  .listRoom dl.cost dd ul li.cmn:before {
    content: '/';
  }
  .listRoom dl.deposit dd>ul li {
    display: inline-block;
    padding: 0;
  }
  .listRoom dl.deposit dd>ul li:first-child {
    margin-right: .5em;
  }
  .listRoom dl.square dd span {
    display: inline-block;
  }
  .listRoom dl.square dd span:first-of-type {
    margin-right: .5em;
  }
}

.sectFree {
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  background-color: #F5F5F5;
}

/* その他
================================== */

#btnListTgl {
  display: none;
}

#btnNum {
  display: none;
}

@media screen and (max-width: 750px) {
  #btnListTgl {
    display: block;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 32px;
    height: 32px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* background-color: #464646; */
    border: 2px solid #b4b4b4;
    background-color: #F5F5F5;
  }
  /*   #btnListTgl:before { background: url(../img/common/ico_favorite_sp.png) no-repeat; background-position: -4px 2px; content: ""; display: inline-block; font-family: 'Fontawesome'; font-size: 20px; vertical-align: middle; margin-right: .5em; text-decoration: none; display: block; float: left; text-indent: 0; text-align: center; width: 32px; height: 32px; line-height: 32px; margin-right: 0; color: #fff; } */
  #btnListTgl:before {
    content: '';
    display: block;
    text-indent: 0;
    width: 40px;
    height: 30px;
    background: url(../img/common/ico_prop.png) no-repeat;
    position: relative;
    left: -2px;
    top: -2px;
    background-position: -4px -30px;
  }
  #btnNum {
    top: 20px;
    right: 2px;
    display: none;
    position: absolute;
    background-color: red;
    height: 22px;
    width: 22px;
    padding-top: 1px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
  }
}

@media screen and (min-width: 751px) {
  #btnNum {
    display: none !important;
  }
}

#checkList {
  width: 56px;
  padding: 1px;
  position: fixed;
  z-index: 100;
  top: 110px;
  right: 0;
  background-color: #F5F5F5;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 750px) {
  #checkList {
    display: none;
    width: auto;
    position: absolute;
    right: 10px;
    top: 47px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  #checkList:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    right: 10px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }
}

#checkList>a {
  display: block;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  #checkList>a>dl {
    display: table;
    width: 100%;
  }
}

#checkList>a>dl>dt,
#checkList>a>dl>dd {
  text-align: center;
}

@media screen and (max-width: 750px) {
  #checkList>a>dl>dt,
  #checkList>a>dl>dd {
    display: table-cell;
    text-align: left;
    white-space: nowrap;
  }
}

#checkList>a>dl>dt {
  width: 1em;
  line-height: 1.15;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}

@media screen and (max-width: 750px) {
  #checkList>a>dl>dt {
    width: 10em;
  }
}

#checkList>a>dl dd {
  padding-bottom: 10px;
}

@media screen and (max-width: 750px) {
  #checkList>a>dl dd {
    padding-bottom: 0;
  }
  #checkList>a>dl dd:nth-of-type(1) {
    padding-right: .5em;
  }
}

#checkList .pendList {
  background-color: #6c2c2f;
  background-image: -webkit-linear-gradient(top, #6c2c2f, #481d1f);
  background-image: linear-gradient(to bottom, #6c2c2f, #481d1f);
  padding: 1px;
  -webkit-border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  border-radius: 2px 0 0 0;
}

#checkList .pendList dt {
  color: #fff;
}

#checkList .pendList .count {
  padding-bottom: 0;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 750px) {
  #checkList .pendList .count {
    width: 3em;
    text-align: center;
  }
}

#checkList .pendList .count em {
  margin-right: .15em;
  font-size: 140%;
  font-family: helvetica, arial, sans-serif;
  color: #FD8A47;
}

#checkList .pendList .count .countChangeMsg {
  display: none;
  position: absolute;
  top: 50%;
  right: 100%;
  padding: 0 .5em;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  margin-top: -15px;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 11.475px;
  white-space: nowrap;
}

#checkList .pendList .count .countChangeMsg:before {
  content: '';
  position: absolute;
  display: block;
  left: 100%;
  top: 50%;
  margin-top: -5px;
  border-left: 5px solid rgba(0, 0, 0, 0.75);
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

#checkList .viewHistory {
  background-color: #D2D2D2;
  background-image: -webkit-linear-gradient(top, #fff, #c8c8c8);
  background-image: linear-gradient(to bottom, #fff, #c8c8c8);
  border: 1px solid #D2D2D2;
}

#checkList .searchCond {
  background-color: #fff;
  -webkit-border-radius: 0 0 0 2px;
  -moz-border-radius: 0 0 0 2px;
  border-radius: 0 0 0 2px;
}

.sectRent>dl,
.sectRend>dl {
  display: table;
  width: 100%;
}

.sectRent>dl>dt,
.sectRent>dl>dd,
.sectRend>dl>dt,
.sectRend>dl>dd {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.sectRent>dl>dt,
.sectRend>dl>dt {
  width: 42%;
  padding-right: 10px;
}

.sectRent>dl>dt p,
.sectRend>dl>dt p {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 347px;
  height: 46px;
}

.sectRent>dl>dd .contactInfo,
.sectRend>dl>dd .contactInfo {
  display: inline-table;
  width: 100%;
  background-color: #F5F5F5;
  -webkit-box-shadow: 0 0 0 2px #fff inset;
  -moz-box-shadow: 0 0 0 2px #fff inset;
  box-shadow: 0 0 0 2px #fff inset;
  padding: 10px;
  border-width: 3px;
  border-style: solid;
}

@media screen and (max-width: 750px) {
  .sectRent>dl,
  .sectRend>dl {
    display: block;
  }
  .sectRent>dl>dt,
  .sectRent>dl>dd,
  .sectRend>dl>dt,
  .sectRend>dl>dd {
    display: block;
  }
  .sectRent>dl>dt,
  .sectRend>dl>dt {
    width: auto;
    padding-right: 0;
  }
  .sectRent>dl>dt>p,
  .sectRend>dl>dt>p {
    display: table;
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    text-align: left;
  }
  .sectRent>dl>dt>p>*,
  .sectRend>dl>dt>p>* {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
  }
  .sectRent>dl>dt>p em,
  .sectRend>dl>dt>p em {
    font-weight: bold;
    white-space: nowrap;
    font-size: 110%;
  }
  .sectRent>dl>dt>p span,
  .sectRend>dl>dt>p span {
    line-height: 1.4;
  }
  .sectRent>dl>dd .contactInfo,
  .sectRend>dl>dd .contactInfo {
    border-width: 1px;
    text-align: center;
  }
}

.sectRent>dl>dt p.room {
  background: url(../img/common/sect_rent_h.png) no-repeat;
}

.sectRent>dl>dt p.tatemono {
  background: url(../img/common/sect_rent_h_tatemono.png) no-repeat;
}

.sectRent>dl>dd .contactInfo {
  border-color: #FD8A47;
}

.sectRent>dl>dd .contactInfo>* {
  display: table-cell;
  vertical-align: middle;
}

.sectRent>dl>dd .contactInfo .telHours {
  width: 100%;
  text-align: center;
}

.sectRent>dl>dd .contactInfo .telHours .tieup {
  display: block;
  font-weight: bolder;
  font-size: larger;
  text-decoration: underline;
}

.sectRent>dl>dd .contactInfo .telHours .tel {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #D2D2D2;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  -moz-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}

.sectRent>dl>dd .contactInfo .telHours .tel.future p {
  font-weight: bold;
}

.sectRent>dl>dd .contactInfo .telHours .tel a,
.sectRent>dl>dd .contactInfo .telHours .tel span {
  display: inline-block;
  background: url(../img/common/ico_freedial.gif) no-repeat;
  padding-left: 45px;
  height: 25px;
  line-height: 25px;
  font-size: 25px;
  vertical-align: top;
  color: #FD8A47 !important;
  font-family: arial, sans-serif;
  font-weight: bold;
}

.sectRent>dl>dd .contactInfo .telHours .hours span,
.sectRent>dl>dd .contactInfo .telHours .holiday span {
  color: #6c2c2f;
}

.sectRent>dl>dd .contactInfo .telHours .hours .open {
  margin-right: .5em;
}

.sectRent>dl>dd .contactInfo .contact {
  padding-left: 10px;
}

.sectRent>dl>dd .contactInfo .contact .btn {
  width: 180px;
}

.sectRent>dl>dd .contactInfo .contact .tieupExtra .btn {
  margin-top: .5em;
}

.sectRent>dl>dd .contactInfo .contact .tieupExtra .btn span.small {
  font-size: smaller;
}

@media screen and (max-width: 750px) {
  .sectRent>dl {
    border: 3px solid #FD8A47;
    padding: 5px;
  }
  .sectRent>dl>dt>p.tatemono,
  .sectRent>dl>dt>p.room {
    background-image: none;
    color: #FD8A47;
  }
  .sectRent>dl>dd .contactInfo>* {
    display: block;
  }
  .sectRent>dl>dd .contactInfo .telHours .hours {
    margin-right: 0;
  }
  .sectRent>dl>dd .contactInfo .telHours .hours a,
  .sectRent>dl>dd .contactInfo .telHours .hours span {
    display: block;
  }
  .sectRent>dl>dd .contactInfo .contact {
    padding-left: 0;
  }
}

.sectRend>dl>dt p {
  background: url(../img/common/sect_rend_h.png) no-repeat;
}

.sectRend>dl>dt p em {
  display: none;
}

.sectRend>dl>dd .contactInfo {
  text-align: left;
  border-color: #6c2c2f;
}

.sectRend>dl>dd .contactInfo .lead {
  color: #6c2c2f;
  margin-bottom: .5em;
  line-height: 1.4;
}

.sectRend>dl>dd .contactInfo .contactDtl {
  display: table;
  width: 100%;
}

.sectRend>dl>dd .contactInfo .contactDtl>* {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.sectRend>dl>dd .contactInfo .contactDtl .tel {
  width: 180px;
  padding-right: 5px;
}

.sectRend>dl>dd .contactInfo .contactDtl .tel a,
.sectRend>dl>dd .contactInfo .contactDtl .tel span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-left: 32px;
  background: url(../img/common/ico_freedial_brown.gif) no-repeat left center;
  vertical-align: middle;
  color: #6c2c2f;
  font-size: 20px;
  font-family: arial, sans-serif;
  font-weight: bold;
}

.sectRend>dl>dd .contactInfo .contactDtl .hours {
  font-size: 60%;
  line-height: 1.2;
  width: 100%;
}

.sectRend>dl>dd .contactInfo .contactDtl .dtl {
  text-align: right;
}

@media screen and (max-width: 750px) {
  .sectRend>dl {
    border: 3px solid #6c2c2f;
    padding: 5px;
  }
  .sectRend>dl>dt>p {
    background-image: none;
  }
  .sectRend>dl>dt>p em {
    display: table-cell;
  }
  .sectRend>dl>dt>p a {
    line-height: 1.4;
    text-decoration: underline;
  }
  .sectRend>dl>dt>p a:after {
    content: "\f101";
    font-family: Fontawesome;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
  }
  .sectRend>dl>dd .contactInfo .contactDtl {
    display: block;
    text-align: center;
  }
  .sectRend>dl>dd .contactInfo .contactDtl>* {
    display: block;
  }
  .sectRend>dl>dd .contactInfo .contactDtl .tel {
    width: auto;
    padding-right: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #D2D2D2;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    -moz-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
  }
  .sectRend>dl>dd .contactInfo .contactDtl .hours {
    margin-bottom: 5px;
    font-size: 13.5px;
  }
  .sectRend>dl>dd .contactInfo .contactDtl .dtl {
    text-align: center;
  }
}

.rentMeyasu {
  margin-bottom: 20px;
  clear: both;
}

.rentMeyasu>dl:before {
  content: '';
  width: 100px;
  height: 60px;
  display: block;
  float: left;
  background: url(../img/common/meyasu_h.gif) no-repeat center center;
  -moz-background-size: 100px auto;
  -webkit-background-size: 100px auto;
  -o-background-size: 100px auto;
  -ms-background-size: 100px auto;
  background-size: 100px auto;
}

.rentMeyasu>dl dt,
.rentMeyasu>dl dd {
  margin-left: 120px;
}

.rentMeyasu>dl dt {
  margin-bottom: .25em;
}

.rentMeyasu>dl dt a {
  text-decoration: underline;
}

.rentMeyasu>dl dd {
  padding-left: 1.25em;
  line-height: 1.2;
  font-size: 11.475px;
}

.rentMeyasu>dl dd:before {
  content: '※';
  display: block;
  float: left;
  margin-left: -1.25em;
}

@media screen and (max-width: 750px) {
  .rentMeyasu>dl:before {
    margin-right: 10px;
  }
  .rentMeyasu>dl dt,
  .rentMeyasu>dl dd {
    margin-left: 0;
  }
  .rentMeyasu>dl dt {
    padding-top: 10px;
  }
  .rentMeyasu>dl dt:after {
    content: "\f101";
    font-family: Fontawesome;
    margin-left: .5em;
  }
  .rentMeyasu>dl dd {
    clear: left;
  }
}

#blkMeyasu {
  width: 600px;
}

#blkMeyasu h1,
#blkMeyasu h2,
#blkMeyasu h3,
#blkMeyasu h4,
#blkMeyasu h5,
#blkMeyasu h6 {
  padding: .25em;
  font-size: 110%;
  font-weight: bold;
  background-color: #f2f2f2;
  margin-bottom: 1em;
}

#blkMeyasu p {
  margin-bottom: 1em;
}

#blkMeyasu p:last-of-type {
  margin-bottom: 0;
}

/*
.rentHosho { margin-bottom: 20px;}
.rentHosho > dl:before { content: ''; width: 100px; height: 60px; display: block; float: left; -moz-background-size: 100px auto; -webkit-background-size: 100px auto; -o-background-size: 100px auto; -ms-background-size: 100px auto; background-size: 100px auto; }
*/

.rentHosho>dl dt,
.rentHosho>dl dd {
  margin-left: 120px;
}

.rentHosho>dl dt {
  margin-bottom: .25em;
}

.rentHosho>dl dt a {
  text-decoration: underline;
}

.rentHosho>dl dd {
  padding-left: 1.25em;
  line-height: 1.2;
  font-size: 11.475px;
}

.rentHosho>dl dd:before {
  content: '※';
  display: block;
  float: left;
  margin-left: -1.25em;
}

@media screen and (max-width: 750px) {
  .rentHosho>dl:before {
    margin-right: 10px;
  }
  .rentHosho>dl dt,
  .rentHosho>dl dd {
    margin-left: 0;
  }
  .rentHosho>dl dt {
    padding-top: 10px;
  }
  .rentHosho>dl dt:after {
    content: "\f101";
    font-family: Fontawesome;
    margin-left: .5em;
  }
  .rentHosho>dl dd {
    clear: left;
  }
}

#blkHosho {
  width: 600px;
}

#blkHosho h1,
#blkHosho h2,
#blkHosho h3,
#blkHosho h4,
#blkHosho h5,
#blkHosho h6 {
  padding: .25em;
  font-size: 110%;
  font-weight: bold;
  background-color: #f2f2f2;
  margin-bottom: 1em;
}

#blkHosho p {
  margin-bottom: 1em;
}

#blkHosho p:last-of-type {
  margin-bottom: 0;
}

.resultCount {
  color: #6c2c2f;
  font-size: 150%;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  letter-spacing: .05em;
}

.q {
  display: inline-block;
  position: relative;
  width: 16px;
}

.q>a {
  display: block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #464646;
  height: 16px;
  line-height: 18px;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-decoration: none !important;
}

.q .qbox {
  display: none;
  width: 20em;
  padding: 10px;
  position: absolute;
  margin-right: 10px;
  right: 100%;
  top: -2px;
  text-align: left;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000, endColorstr=#B3000000);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 11.475px;
  color: #fff;
  z-index: 10;
}

.q .qbox dt {
  margin-bottom: .25em;
  font-weight: bold;
  quotes: "【" "】";
}

.q .qbox dt:before {
  content: open-quote;
}

.q .qbox dt:after {
  content: close-quote;
}

.q .qbox:after {
  content: '';
  display: block;
  border-left: 6px solid rgba(0, 0, 0, 0.7);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  left: 100%;
  top: 6px;
}

.showAll {
  text-align: center;
}

.showAll a {
  display: inline-block;
}

.showAll a:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 16px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  margin-right: .25em;
  font-size: 16px;
  vertical-align: middle;
  color: #b3b3b3;
}

.showAll a.active:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 16px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

.pager ul,
.pager p {
  font-size: 0;
}

.pager li,
.pager p a {
  font-size: 13.5px;
}

.pager ul,
.pager li,
.pager p {
  display: inline-block;
  line-height: 1;
}

.pager p a {
  margin: 0 .5em;
}

.pager li {
  padding: 0 .5em;
  text-align: center;
}

.pager ul {
  border-left: 1px solid #464646;
}

.pager ul li {
  border-right: 1px solid #464646;
}

.pager ul li.active span {
  font-weight: bold;
  color: #FD8A47;
}

@media screen and (max-width: 750px) {
  .pager ul {
    border-left: none;
  }
  .pager ul li {
    padding: 0;
    border-right: none;
    margin: 0 2px 5px;
  }
  .pager ul li a,
  .pager ul li span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #D2D2D2;
  }
  .pager ul li a {
    background-color: #fff;
  }
  .pager ul li span {
    color: #999999;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
  }
}

#loader {
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  position: fixed;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
  color: #fff;
  text-align: center;
  z-index: 10000;
  font-size: 11.475px;
}

#loader.error {
  background-color: rgba(255, 0, 0, 0.8);
}

#loader:before {
  content: '';
  display: block;
  margin: 25px auto 15px;
  width: 32px;
  height: 32px;
  background: url(../img/common/loader02.gif) no-repeat center center;
}

.loader {
  display: block;
  position: absolute;
  z-index: 100;
  width: 50px;
  height: 50px;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000);
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.loader:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  text-indent: 0;
  background: url(../img/common/loader02.gif) no-repeat center center;
}

#pageTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 2.5%;
  z-index: 9999;
  text-align: center;
  font-size: 80%;
}

#pageTop a {
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
  width: 70px;
  height: 70px;
  color: #fff;
  text-decoration: none;
}

#pageTop a:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 40px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  #pageTop a {
    width: 40px;
    height: 40px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
  }
  #pageTop a:before {
    text-indent: 0;
    font-size: 32px;
  }
}

.flashMsg {
  position: absolute;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  padding: 1em;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 10000;
}

.flashMsg.error {
  background-color: #E7C5CC;
  border-color: #b0495e;
  color: #b0495e;
}

.flashMsg.msg {
  background-color: #D3F2B0;
  border-color: #62a21b;
  color: #62a21b;
}

.flashMsg .close {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.15);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000);
}

.flashMsg .close:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-indent: 0;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .flashMsg {
    width: 96%;
    max-width: 750px;
    margin: 0 2%;
    left: 0;
  }
}

/* bxSliderオーバーライド
================================== */

.bx-wrapper .bx-viewport {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  left: 0;
  background-color: transparent;
  border: none;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  width: 18px;
  height: 34px;
  background: url(../img/common/slider_ctrl.png) no-repeat;
}

.bx-wrapper .bx-prev {
  left: -30px;
}

.bx-wrapper .bx-next {
  background-position: 0 -44px;
  right: -45px;
}

.bx-wrapper .bx-next:hover {
  background-position: 0 -44px;
}

.bx-wrapper .bx-controls-direction a {
  z-index: 8000;
}

/* fancyboxオーバーライド
================================== */

.fancybox-opened {
  z-index: 10000;
}

.fancybox-overlay {
  z-index: 9999;
}

.galCapt dt {
  margin-bottom: .15em;
  font-size: 120%;
}

#fancybox-loading {
  z-index: 10001;
}

/* =================================================== ページごと =================================================== */

/* ページ:ホーム
================================== */

#container.containerHome {
  margin-top: -65px;
}

@media screen and (max-width: 750px) {
  #container.containerHome {
    margin-top: -20px;
  }
}

#homeKey {
  width: 100%;
  height: 745px;
  position: relative;
  margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
  #homeKey {
    height: auto;
    margin-bottom: 20px;
  }
}

#homeKey #homeSlider {
  position: absolute;
  height: 100%;
  overflow: hidden;
  min-width: 1000px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e9e9e9;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  #homeKey #homeSlider {
    position: relative;
    min-width: 0;
    min-height: 180px;
  }
}

#homeKey #homeSlider .loader {
  position: absolute;
  color: #fff;
  top: 30%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 10;
}

@media screen and (max-width: 750px) {
  #homeKey #homeSlider .loader {
    top: 40%;
  }
}

#homeKey #homeSlider .slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}

#homeKey #homeSlider .slider li {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
}

#homeKey #homeSlider .slider li:nth-child(1) {
  display: block;
  position: relative;
}

#homeKey #homeSlider .slider li:nth-child(2) {
  display: none;
}

#homeKey #homeSlider .slider li:nth-child(3) {
  display: none;
}

#homeKey #homeSlider .slider li:nth-child(4) {
  display: none;
}

#homeKey #homeSlider .slider li:nth-child(5) {
  display: none;
}

#homeKey #homeSlider .slider li img {
  width: 100%;
  min-width: 1280px;
  height: auto;
}

@media screen and (max-width: 750px) {
  #homeKey #homeSlider .slider li img {
    min-width: 0;
  }
}

#homeKey #homeSlider .slider li a {
  display: none;
}

#homeKey #homeSlider .slider li .ttl,
#homeKey #homeSlider .slider li .desc {
  display: none;
}

#homeKey #homeSlider .slider:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: url(../img/common/bg_slider_gr.png) repeat-x center bottom;
}

@media screen and (max-width: 750px) {
  #homeKey #homeSlider .slider:after {
    display: none;
  }
}

#homeKey>.inner {
  position: relative;
  z-index: 2;
  height: 100%;
}

#homeKey #homeSliderCtrl {
  position: absolute;
  top: 467px;
  z-index: 1;
  font-size: 0;
}

@media screen and (max-width: 750px) {
  #homeKey #homeSliderCtrl {
    text-align: center;
    top: auto;
    left: 10px;
    bottom: 102%;
  }
}

#homeKey #homeSliderCtrl li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 79px;
  height: 43px;
  cursor: pointer;
  border: 1px solid #D2D2D2;
}

#homeKey #homeSliderCtrl li:last-child {
  margin-right: 0;
}

#homeKey #homeSliderCtrl li.current {
  border: 1px solid #fff;
}

@media screen and (max-width: 750px) {
  #homeKey #homeSliderCtrl li {
    width: 16px;
    height: 16px;
    background-color: #797979;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px;
  }
  #homeKey #homeSliderCtrl li.current {
    background-color: orange;
  }
}

#homeKey #homeSliderCtrl li img {
  width: 100%;
  height: auto;
}

#homeKey #homeSliderDisp {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 410px;
  width: 520px;
  height: 100px;
  padding: 10px 20px;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
}

@media screen and (max-width: 750px) {
  #homeKey #homeSliderDisp {
    position: static;
    width: 100%;
    height: 110px;
    padding: 10px;
  }
}

#homeKey #homeSliderDisp>a {
  display: none;
  text-decoration: none;
  color: #fff;
}

#homeKey #homeSliderDisp dt {
  font-size: 150%;
  line-height: 1.2;
  margin-bottom: .1em;
}

@media screen and (max-width: 750px) {
  #homeKey #homeSliderDisp dt {
    font-size: 110%;
    margin-bottom: .35em;
  }
}

#homeKey #homeSliderDisp dd {
  font-size: 11.475px;
}

#homeKey #homeSliderDisp dd:after {
  content: '\00BB';
  margin-left: .25em;
}

/* 探す機能リニューアル */

#bnSrchRenew {
  display: none;
  position: absolute;
  z-index: 10000;
  top: 58px;
  left: -6px;
}

#bnSrchRenew .close {
  position: absolute;
  display: block;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/* 探す条件 */

#homeSrchCond {
  width: 140px;
  left: 0;
  top: 70px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 750px) {
  #homeSrchCond {
    width: auto;
    margin: 0 auto;
    padding: 15px;
    top: auto;
    left: auto;
    background-color: #6c6c6c;
  }
}

#homeSrchCond>li {
  margin-bottom: 7px;
}

#homeSrchCond>li section header h1 .btn,
#homeSrchCond>li section header h2 .btn,
#homeSrchCond>li section header h3 .btn,
#homeSrchCond>li section header h4 .btn,
#homeSrchCond>li section header h5 .btn,
#homeSrchCond>li section header h6 .btn {
  width: 100%;
  height: 50px;
  font-size: 11.475px;
  text-align: left;
}

@media screen and (max-width: 750px) {
  #homeSrchCond>li section header h1 .btn,
  #homeSrchCond>li section header h2 .btn,
  #homeSrchCond>li section header h3 .btn,
  #homeSrchCond>li section header h4 .btn,
  #homeSrchCond>li section header h5 .btn,
  #homeSrchCond>li section header h6 .btn {
    font-size: 115%;
  }
}

#homeSrchCond>li section header h1 .btn.active,
#homeSrchCond>li section header h2 .btn.active,
#homeSrchCond>li section header h3 .btn.active,
#homeSrchCond>li section header h4 .btn.active,
#homeSrchCond>li section header h5 .btn.active,
#homeSrchCond>li section header h6 .btn.active {
  width: 150px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  border: 1px solid #fff;
  border-right: none;
  position: relative;
  background-color: #6c2c2f;
  background-image: -webkit-linear-gradient(top, #6c2c2f, #481d1f);
  background-image: linear-gradient(to bottom, #6c2c2f, #481d1f);
  color: #fff;
}

@media screen and (max-width: 750px) {
  #homeSrchCond>li section header h1 .btn.active,
  #homeSrchCond>li section header h2 .btn.active,
  #homeSrchCond>li section header h3 .btn.active,
  #homeSrchCond>li section header h4 .btn.active,
  #homeSrchCond>li section header h5 .btn.active,
  #homeSrchCond>li section header h6 .btn.active {
    width: 100%;
    border: 1px solid #fff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 110%;
  }
}

#homeSrchCond>li section header h1 .btn.active:after,
#homeSrchCond>li section header h2 .btn.active:after,
#homeSrchCond>li section header h3 .btn.active:after,
#homeSrchCond>li section header h4 .btn.active:after,
#homeSrchCond>li section header h5 .btn.active:after,
#homeSrchCond>li section header h6 .btn.active:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-top: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-left: 10px solid transparent;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  #homeSrchCond>li section header h1 .btn.active:after,
  #homeSrchCond>li section header h2 .btn.active:after,
  #homeSrchCond>li section header h3 .btn.active:after,
  #homeSrchCond>li section header h4 .btn.active:after,
  #homeSrchCond>li section header h5 .btn.active:after,
  #homeSrchCond>li section header h6 .btn.active:after {
    border: none;
  }
}

#homeSrchCond>li section .sectInner {
  display: none;
  position: absolute;
  left: 150px;
  padding: 20px 10px 10px 10px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  #homeSrchCond>li section .sectInner {
    position: relative;
    left: auto;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }
}

#homeSrchCond>li section .sectInner.active {
  display: block;
}

#homeSrchCond>li section .sectInner .close {
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  background-color: #464646;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  width: 16px;
  height: 16px;
}

#homeSrchCond>li section .sectInner .close:before {
  content: '×';
  display: block;
  text-indent: 0;
  width: 17px;
  line-height: 15px;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

#homeSrchCond .liToday {
  display: table;
  width: 100%;
  height: 50px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #333333;
  background-image: -webkit-linear-gradient(top, #333333, #000);
  background-image: linear-gradient(to bottom, #333333, #000);
}

#homeSrchCond .liToday dl {
  display: table-cell;
  vertical-align: middle;
}

#homeSrchCond .liToday dl dt,
#homeSrchCond .liToday dl dd {
  line-height: 1.3;
}

@media screen and (max-width: 750px) {
  #homeSrchCond .liToday dl dt,
  #homeSrchCond .liToday dl dd {
    display: inline-block;
  }
}

#homeSrchCond .liToday dl dd {
  font-size: 11.475px;
}

#homeSrchCond .liToday dl dd em {
  font-size: 16.875px;
  font-family: helvetica, arial, sans-serif;
}

#homeSrchCond .select,
#homeSrchCond input[type="search"],
#homeSrchCond input[type="text"] {
  background-color: #f3f3f3;
}

#homeSrchCond .srchChoiceSet {
  margin-bottom: 10px;
}

#homeSrchCond .srchChoiceSet>dt {
  font-size: 11.475px;
  margin-bottom: .25em;
  line-height: 1.2;
}

#homeSrchCond .srchChoiceSet>dd .formList {
  padding: 0 10px;
}

#homeSrchCond .srchChoiceSet>dd .formList li {
  padding: .1em;
}

#homeSrchCond .srchChoiceSet>dd .formList li:nth-child(n+6) {
  display: block;
}

@media screen and (max-width: 750px) {
  #homeSrchCond .srchChoiceSet>dd .formList {
    padding: 10px;
  }
  #homeSrchCond .srchChoiceSet>dd .formList li {
    padding: .25em 0;
  }
}

#homeSrchCond .srchRoom {
  width: 100%;
  height: 40px;
}

#homeSrchCond .srchRoom button {
  font-size: 16.875px;
}

#homeSrchCond .liSrchNow .sectInner {
  top: 0;
  bottom: 0;
  width: 270px;
}

@media screen and (max-width: 750px) {
  #homeSrchCond .liSrchNow .sectInner {
    width: auto;
  }
}

#homeSrchCond .liSrchArea .sectInner .btn,
#homeSrchCond .liSrchTrain .sectInner .btn {
  width: 100%;
  height: 40px;
  border: 1px solid #fff;
}

#homeSrchCond .liSrchArea .sectInner {
  top: 0;
  width: 220px;
}

@media screen and (max-width: 750px) {
  #homeSrchCond .liSrchArea .sectInner {
    width: auto;
  }
}

#homeSrchCond .liSrchTrain {
  position: relative;
}

#homeSrchCond .liSrchTrain .sectInner {
  bottom: 0;
  width: 220px;
  -webkit-border-radius: 3px 3px 3px 0;
  -moz-border-radius: 3px 3px 3px 0;
  border-radius: 3px 3px 3px 0;
}

@media screen and (max-width: 750px) {
  #homeSrchCond .liSrchTrain .sectInner {
    width: auto;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }
}

#homeSrchCond .liSrchKey .sectInner {
  bottom: 0;
  width: 270px;
  -webkit-border-radius: 3px 3px 3px 0;
  -moz-border-radius: 3px 3px 3px 0;
  border-radius: 3px 3px 3px 0;
}

@media screen and (max-width: 750px) {
  #homeSrchCond .liSrchKey .sectInner {
    width: auto;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }
}

/* こだわり条件で探す */

#homePickySrch {
  position: absolute;
  top: 530px;
  width: 1000px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 750px) {
  #homePickySrch {
    position: static;
    width: auto;
    top: auto;
  }
}

#homePickySrch header {
  background-color: #464646;
  padding: .5em 20px;
}

#homePickySrch header h1,
#homePickySrch header h2,
#homePickySrch header h3,
#homePickySrch header h4,
#homePickySrch header h5,
#homePickySrch header h6 {
  color: #fff;
  font-size: 16.875px;
}

#homePickySrch header .extra .a:after {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  margin-left: .5em;
  margin-right: 0;
  font-size: 16px;
}

#homePickySrch>.sectInner {
  padding: 25px 65px;
}

@media screen and (max-width: 750px) {
  #homePickySrch>.sectInner {
    padding: 10px;
  }
}

#homePickySrch #listPicky::after {
  clear: both;
  content: "";
  display: table;
}

#homePickySrch #listPicky li {
  float: left;
  width: 22%;
  margin-right: 3.5%;
  margin-bottom: 20px;
  text-align: center;
}

#homePickySrch #listPicky li:nth-child(4n) {
  margin-right: 0;
}

#homePickySrch #listPicky li:nth-child(n+5) {
  margin-bottom: 0;
}

#homePickySrch #listPicky li img {
  border: 1px solid #ccc;
}

@media screen and (max-width: 750px) {
  #homePickySrch #listPicky li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px !important;
    text-align: center;
  }
  #homePickySrch #listPicky li:nth-child(even) {
    margin-right: 0;
  }
  #homePickySrch #listPicky li:nth-child(n+7) {
    margin-bottom: 0;
  }
}

#homePickySrch #listPicky li img {
  width: 100%;
  max-width: 200px;
  height: auto;
}

.sectHomeCmn {
  width: 940px;
  margin: 0 auto;
  margin-bottom: 60px;
}

@media screen and (max-width: 750px) {
  .sectHomeCmn {
    width: auto;
    margin-bottom: 30px;
  }
}

.sectHomeCmn>header {
  margin-bottom: 20px;
}

.sectHomeCmn>header h1,
.sectHomeCmn>header h2,
.sectHomeCmn>header h3,
.sectHomeCmn>header h4,
.sectHomeCmn>header h5,
.sectHomeCmn>header h6 {
  font-size: 200%;
  letter-spacing: .1em;
}

.sectHomeCmn>header .extra {
  vertical-align: bottom;
}

.sectHomeCmn>header .extra .a:after {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  margin-left: .5em;
  margin-right: 0;
  font-size: 16px;
  color: #FD8A47;
}

.sectHomeCmn>header .extra a {
  color: #464646;
}

@media screen and (max-width: 750px) {
  .sectHomeCmn>header {
    padding: 0 10px;
    margin-bottom: 10px;
  }
  .sectHomeCmn>header h1,
  .sectHomeCmn>header h2,
  .sectHomeCmn>header h3,
  .sectHomeCmn>header h4,
  .sectHomeCmn>header h5,
  .sectHomeCmn>header h6 {
    font-size: 110%;
    font-weight: bold;
  }
}

.sectHomeCmn>.sectInner {
  width: 870px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .sectHomeCmn>.sectInner {
    width: auto;
  }
}

.listHomeCmn {
  height: 24em;
  overflow: auto;
}

@media screen and (max-width: 750px) {
  .listHomeCmn {
    height: auto;
    overflow: visible;
    border-top: 1px solid #d9d9d9;
  }
}

.listHomeCmn li time {
  float: left;
  margin-right: 1em;
}

@media screen and (max-width: 750px) {
  .listHomeCmn li {
    padding: 5px 10px;
    border-bottom: 1px solid #d9d9d9;
  }
  .listHomeCmn li time {
    float: none;
    display: block;
  }
  .listHomeCmn li a:after {
    content: "\00BB";
    margin-left: .5em;
  }
}

#homeMitsuiRecom::after {
  clear: both;
  content: "";
  display: table;
}

#homeMitsuiRecom li {
  float: left;
  margin-right: 10px;
  width: 210px;
}

#homeMitsuiRecom li p {
  line-height: 1.2;
  height: 6em;
}

@media screen and (max-width: 750px) {
  #homeMitsuiRecom li {
    float: none;
    margin-right: 0;
    width: auto;
    margin-bottom: 10px;
  }
  #homeMitsuiRecom li img {
    width: 100%;
  }
  #homeMitsuiRecom li p {
    height: auto;
    padding: 0 10px;
  }
}

#homeMitsuiRecom li.top2 {
  width: 430px;
  margin-bottom: 20px;
}

#homeMitsuiRecom li.top2:first-child {
  margin-right: 10px;
}

#homeMitsuiRecom li.top2 p {
  height: 2.4em;
}

@media screen and (max-width: 750px) {
  #homeMitsuiRecom li.top2 {
    width: auto;
  }
  #homeMitsuiRecom li.top2:first-child {
    margin-right: 0;
  }
  #homeMitsuiRecom li.top2 p {
    height: auto;
  }
}

#homeMitsuiRecom li:nth-child(2),
#homeMitsuiRecom li:nth-child(6),
#homeMitsuiRecom li:last-child {
  margin-right: 0;
}

#homeMitsuiRecom li .photo {
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  #sectHomePickup #pickupSlider li {
    text-align: center;
  }
  #sectHomePickup #pickupSlider li a {
    display: inline-block;
  }
  #sectHomePickup .bx-wrapper .bx-viewport {
    padding: 5px;
  }
  #sectHomePickup .bx-wrapper .bx-prev {
    left: 10px;
  }
  #sectHomePickup .bx-wrapper .bx-next {
    right: 5px;
  }
  #sectHomePickup .bx-wrapper .bx-controls-direction a {
    z-index: 0;
  }
}

#homeBanners {
  width: 870px;
  margin: 0 auto;
}

#homeBanners li {
  float: left;
  width: 11%;
  margin-right: 1.6%;
  border: 1px solid #000;
}

#homeBanners li:last-child {
  margin-right: 0;
}

#homeBanners li.last {
  margin-right: 0;
}

#homeBanners li img {
  width: 100%;
}

/* お部屋を探す
================================== */

#sectSearch>header {
  margin-bottom: .5em;
}

#sectSearchCond {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

#sectSearchCond #condChange,
#sectSearchCond #keywordSeach {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

#sectSearchCond #condChange {
  font-size: 0;
  background: #D2D2D2;
  padding: 0 20px;
}

#sectSearchCond #condChange ul {
  display: table;
  width: 100%;
}

#sectSearchCond #condChange ul li {
  font-size: 13.5px;
  display: table-cell;
  vertical-align: middle;
  width: 32%;
  padding-right: 2%;
}

#sectSearchCond #condChange ul li:last-child {
  padding-right: 0;
}

#sectSearchCond #condChange ul li a {
  width: 100%;
  min-height: 40px;
  height: 40px;
  font-size: 90%;
  text-align: left;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

#sectSearchCond #condChange ul li a.current,
#sectSearchCond #condChange ul li a:hover {
  border-color: #6c2c2f;
}

#sectSearchCond #condChange ul li a.picky {
  padding: 0;
  text-align: center;
}

#sectSearchCond #keywordSeach {
  padding: 10px 20px;
  background-color: #6B2C30;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #sectSearchCond #keywordSeach {
    padding: 10px;
  }
}

#sectSearchCond #keywordSeach label {
  display: block;
}

#sectSearchCond #keywordSeach label:hover {
  text-decoration: none;
  cursor: default;
}

#sectSearchCond #keywordSeach #iptKeyword,
#sectSearchCond #keywordSeach #btnKeywordSearch {
  height: 2em;
}

#sectSearchCond #keywordSeach #iptKeyword {
  width: 86%;
  margin-right: 1%;
  padding: 0 .5em;
  border: 1px solid #e0e0e0;
}

@media screen and (max-width: 750px) {
  #sectSearchCond #keywordSeach #iptKeyword {
    width: 80%;
  }
}

#sectSearchCond #keywordSeach #btnKeywordSearch {
  width: 12%;
}

@media screen and (max-width: 750px) {
  #sectSearchCond #keywordSeach #btnKeywordSearch {
    width: 18%;
  }
}

@media screen and (max-width: 750px) {
  #sectSearchCond {
    display: none;
  }
  #sectSearchCond.active {
    display: block;
    margin-bottom: 0;
  }
  #sectSearchCond #condChange,
  #sectSearchCond #keywordSeach {
    display: block;
    width: auto;
  }
  #sectSearchCond #condChange {
    padding: 10px;
  }
  #sectSearchCond #condChange ul {
    display: block;
  }
  #sectSearchCond #condChange ul li {
    display: list-item;
    width: auto;
    margin-bottom: 5px;
    padding-right: 0;
  }
  #sectSearchCond #condChange ul li:last-child {
    margin-bottom: 0;
  }
  #sectSearchCond #condChange ul li.picky {
    text-align: left;
  }
  #sectSearchCond #condChange ul li span {
    display: block;
    line-height: 40px;
    font-size: 13.5px;
    text-align: left;
  }
  #sectSearchCond #keywordSeach {
    padding: 10px;
  }
  #sectSearchCond #keywordSeach #iptKeyword {
    width: 80%;
  }
  #sectSearchCond #keywordSeach #btnKeywordSearch {
    width: 18%;
  }
}

#sectSrchDtl>header .headingSet {
  width: 100%;
  padding-left: 20px;
}

#sectSrchDtl>header h1,
#sectSrchDtl>header h2,
#sectSrchDtl>header h3,
#sectSrchDtl>header h4,
#sectSrchDtl>header h5,
#sectSrchDtl>header h6 {
  font-size: 150%;
  margin-bottom: .15em;
  color: #6c2c2f;
}

@media screen and (max-width: 750px) {
  #sectSrchDtl>header h1,
  #sectSrchDtl>header h2,
  #sectSrchDtl>header h3,
  #sectSrchDtl>header h4,
  #sectSrchDtl>header h5,
  #sectSrchDtl>header h6 {
    margin-bottom: 0;
  }
}

#sectSrchDtl>header .extra {
  vertical-align: bottom;
  text-align: right;
}

@media screen and (max-width: 750px) {
  #sectSrchDtl>header {
    display: block;
  }
  #sectSrchDtl>header .headingSet {
    display: block;
    padding-left: 0;
  }
  #sectSrchDtl>header h1,
  #sectSrchDtl>header h2,
  #sectSrchDtl>header h3,
  #sectSrchDtl>header h4,
  #sectSrchDtl>header h5,
  #sectSrchDtl>header h6 {
    margin-bottom: 0;
  }
  #sectSrchDtl>header .extra {
    display: block;
  }
}

#sectSrchDtl #searchAlt {
  display: inline-table;
  padding: 10px 20px;
  background-color: #464646;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  text-align: left;
}

#sectSrchDtl #searchAlt dt,
#sectSrchDtl #searchAlt dd {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
}

#sectSrchDtl #searchAlt dt {
  color: #fff;
  width: 5em;
  padding-right: 10px;
}

#sectSrchDtl #searchAlt dd {
  width: 12em;
  padding-right: 10px;
  font-size: 0;
}

#sectSrchDtl #searchAlt dd:last-of-type {
  padding-right: 0;
}

#sectSrchDtl #searchAlt dd a {
  width: 100%;
  height: 40px;
  min-height: 40px;
  min-width: 11em;
  font-size: 11.475px;
  text-decoration: none;
  text-align: left;
  color: #464646;
  border: 1px solid transparent;
}

#sectSrchDtl #searchAlt dd a span {
  border: 2px solid #b4b4b4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#sectSrchDtl #searchAlt dd a.current,
#sectSrchDtl #searchAlt dd a:hover {
  border: 1px solid #F5F5F5;
}

#sectSrchDtl #searchAlt dd a.current span,
#sectSrchDtl #searchAlt dd a:hover span {
  border-color: #6c2c2f;
}

@media screen and (max-width: 750px) {
  #sectSrchDtl #searchAlt {
    display: none;
    padding: 10px;
    border-top: 1px solid #D2D2D2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #sectSrchDtl #searchAlt.active {
    display: block;
  }
  #sectSrchDtl #searchAlt dt {
    display: block;
  }
  #sectSrchDtl #searchAlt dd {
    display: block;
    padding-right: 0;
    width: auto;
  }
  #sectSrchDtl #searchAlt dd#searchAltMap {
    display: none;
  }
}

#sectSrchDtl>.sectInner {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  padding: 10px;
}

#sectSrchDtl>.sectInner>h2 {
  margin-bottom: 1em;
  font-size: 105%;
}

#sectMapSelect {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  z-index: 2;
}

#sectMapSelect>div {
  float: left;
}

#sectMapSelect>div:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 1px solid #D2D2D2;
  z-index: -1;
}

@media screen and (max-width: 750px) {
  #sectMapSelect>div:after {
    border: none;
  }
}

#sectMapSelect .selected,
#sectMapSelect .selected:after {
  width: 230px;
}

#sectMapSelect .selected {
  padding: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .selected {
    display: none;
  }
}

#sectMapSelect #listSelectedArea {
  position: relative;
  overflow: auto;
  height: 290px;
  margin-bottom: 10px;
}

#sectMapSelect #listSelectedArea.area {
  height: 330px;
  margin-bottom: 0;
}

#sectMapSelect #listSelectedArea:before {
  content: none;
  position: absolute;
  top: 48.5%;
  left: 0;
  right: 0;
}

#sectMapSelect #listSelectedArea.nochild {
  text-align: center;
}

#sectMapSelect #listSelectedArea.nochild:before {
  color: #b3b3b3;
}

#sectMapSelect #listSelectedArea.nochild.area:before {
  content: '選択中のエリア一覧が表示されます';
}

#sectMapSelect #listSelectedArea.nochild.ward:before {
  content: '選択中の区一覧が表示されます';
}

#sectMapSelect #listSelectedArea li {
  position: relative;
  text-align: left;
  width: 98%;
  margin-bottom: 5px;
  padding: .25em .5em;
  border-radius: 3px;
  background-color: #f0f0f0;
}

#sectMapSelect #listSelectedArea li span.delete {
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-color: #ccc;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

#sectMapSelect #listSelectedArea li span.delete:hover {
  background-color: #aaa;
}

#sectMapSelect #listSelectedArea li span.delete:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 10px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  display: block;
  margin: 0;
  text-align: center;
  height: 16px;
  line-height: 16px;
  text-indent: 0;
  color: #fff;
}

#sectMapSelect .map {
  width: 698px;
  position: relative;
  overflow: hidden;
  background: url(../img/common/ward_map_bg.png) no-repeat center center;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map {
    width: auto;
    background: none;
    float: none;
  }
}

#sectMapSelect .map #dummyMap {
  position: relative;
  z-index: 2;
  width: 512px;
  height: 370px;
  margin: 0 auto;
  background: url(../img/common/ward_map_bdr.png) no-repeat center center;
}

#sectMapSelect .map #dummyMap img {
  width: 100%;
  height: 100%;
  outline: none;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #dummyMap {
    width: auto;
    height: auto;
    background: none;
  }
  #sectMapSelect .map #dummyMap img {
    display: none;
  }
}

#sectMapSelect .map map#wardmap area {
  outline: none;
}

#sectMapSelect .map #wardmapChecks {
  width: 512px;
  height: 508px;
  position: absolute;
  z-index: 1;
  top: -71px;
  left: 50%;
  margin-left: -256px;
}

#sectMapSelect .map #wardmapChecks h2 {
  display: none;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #wardmapChecks {
    width: auto;
    height: auto;
    position: static;
    top: 0;
    left: 0;
    margin: 0;
  }
  #sectMapSelect .map #wardmapChecks h2 {
    display: block;
    padding: .5em;
    background-color: #464646;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #sectMapSelect .map #wardmapChecks #listWard {
    margin-bottom: 10px;
  }
}

#sectMapSelect .map #wardmapChecks #listWard {
  position: absolute;
}

#sectMapSelect .map #wardmapChecks #listWard li {
  position: absolute;
  left: 0;
  top: 0;
}

#sectMapSelect .map #wardmapChecks #listWard label {
  display: block;
  position: absolute;
  filter: alpha(opactiy=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100em;
  background-repeat: no-repeat;
}

#sectMapSelect .map #wardmapChecks #listWard label.checked {
  filter: alpha(opactiy=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

#sectMapSelect .map #wardmapChecks #listWard label.hover {
  filter: alpha(opactiy=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #wardmapChecks #listWard label {
    position: static;
    filter: alpha(opactiy=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    text-indent: 0;
    width: auto !important;
    height: auto !important;
    background: none !important;
  }
  #sectMapSelect .map #wardmapChecks #listWard label.hover {
    filter: alpha(opactiy=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-20 {
  left: 1px;
  top: 64px;
  width: 174px;
  height: 115px;
  background-image: url(../img/common/ward_nerima.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-12 {
  left: 35px;
  top: 148px;
  width: 114px;
  height: 114px;
  background-image: url(../img/common/ward_suginami.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-14 {
  left: 31px;
  top: 230px;
  width: 144px;
  height: 167px;
  background-image: url(../img/common/ward_setagaya.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-5 {
  left: 131px;
  top: 364px;
  width: 201px;
  height: 136px;
  background-image: url(../img/common/ward_ota.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-23 {
  left: 137px;
  top: 265px;
  width: 81px;
  height: 107px;
  background-image: url(../img/common/ward_meguro.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-9 {
  left: 186px;
  top: 313px;
  width: 114px;
  height: 95px;
  background-image: url(../img/common/ward_shinagawa.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-8 {
  left: 297px;
  top: 198px;
  width: 116px;
  height: 206px;
  background-image: url(../img/common/ward_koto.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-22 {
  left: 209px;
  top: 239px;
  width: 82px;
  height: 104px;
  background-image: url(../img/common/ward_minato.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-10 {
  left: 144px;
  top: 225px;
  width: 83px;
  height: 88px;
  background-image: url(../img/common/ward_shibuya.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-19 {
  left: 87px;
  top: 140px;
  width: 100px;
  height: 100px;
  background-image: url(../img/common/ward_nakano.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-16 {
  left: 288px;
  top: 215px;
  width: 47px;
  height: 86px;
  background-image: url(../img/common/ward_chuo.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-13 {
  left: 327px;
  top: 136px;
  width: 74px;
  height: 94px;
  background-image: url(../img/common/ward_sumida.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-11 {
  left: 161px;
  top: 151px;
  width: 99px;
  height: 102px;
  background-image: url(../img/common/ward_shinjuku.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-17 {
  left: 242px;
  top: 197px;
  width: 75px;
  height: 63px;
  background-image: url(../img/common/ward_chiyoda.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-15 {
  left: 290px;
  top: 153px;
  width: 70px;
  height: 63px;
  background-image: url(../img/common/ward_taito.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-21 {
  left: 222px;
  top: 142px;
  width: 79px;
  height: 62px;
  background-image: url(../img/common/ward_bunkyo.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-18 {
  left: 167px;
  top: 122px;
  width: 106px;
  height: 58px;
  background-image: url(../img/common/ward_toshima.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-3 {
  left: 92px;
  top: 28px;
  width: 142px;
  height: 109px;
  background-image: url(../img/common/ward_itabashi.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-4 {
  left: 393px;
  top: 121px;
  width: 119px;
  height: 194px;
  background-image: url(../img/common/ward_edogawa.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-1 {
  left: 252px;
  top: 1px;
  width: 181px;
  height: 136px;
  background-image: url(../img/common/ward_adachi.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-7 {
  left: 186px;
  top: 28px;
  width: 117px;
  height: 117px;
  background-image: url(../img/common/ward_kita.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-2 {
  left: 274px;
  top: 108px;
  width: 94px;
  height: 54px;
  background-image: url(../img/common/ward_arakawa.png);
}

#sectMapSelect .map #wardmapChecks #listWard label#AREA_SEQ_NO1-6 {
  left: 361px;
  top: 37px;
  width: 121px;
  height: 155px;
  background-image: url(../img/common/ward_katsushika.png);
}

#sectMapSelect .map #wardmapChecks #listWardOther {
  display: none;
}

#sectMapSelect .map #wardmapChecks #listWardOther label {
  display: block;
  position: static;
  text-indent: 0;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #wardmapChecks #listWardOther {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #wardmapChecks #listWard,
  #sectMapSelect .map #wardmapChecks #listWardOther {
    position: static;
  }
  #sectMapSelect .map #wardmapChecks #listWard::after,
  #sectMapSelect .map #wardmapChecks #listWardOther::after {
    clear: both;
    content: "";
    display: table;
  }
  #sectMapSelect .map #wardmapChecks #listWard li,
  #sectMapSelect .map #wardmapChecks #listWardOther li {
    position: static;
    float: left;
    width: 49%;
    margin-bottom: 2%;
  }
  #sectMapSelect .map #wardmapChecks #listWard li:nth-child(odd),
  #sectMapSelect .map #wardmapChecks #listWardOther li:nth-child(odd) {
    margin-right: 2%;
    clear: left;
  }
  #sectMapSelect .map #wardmapChecks #listWard li label,
  #sectMapSelect .map #wardmapChecks #listWardOther li label {
    padding: 5px;
    font-size: 11.475px;
    border: 1px solid #e9e9e9;
  }
}

#sectMapSelect .map#mapAreaContainer {
  background: url(../img/common/ward_map_bg.png) no-repeat center center;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map#mapAreaContainer {
    background: none;
  }
}

#sectMapSelect .map #mapArea {
  width: 640px;
  height: 350px;
  margin: 20px auto 0;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #mapArea {
    width: auto;
    height: auto;
    margin: 0;
  }
}

#sectMapSelect .map #mapArea ul {
  position: relative;
}

#sectMapSelect .map #mapArea ul li {
  display: table;
  position: absolute;
  overflow: hidden;
  width: 145px;
  height: 40px;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #mapArea ul li {
    position: static;
    display: list-item;
    width: auto;
    margin-bottom: 5px;
  }
  #sectMapSelect .map #mapArea ul li:last-child {
    margin-bottom: 0;
  }
}

#sectMapSelect .map #mapArea ul li label {
  display: table-cell;
  line-height: 1.2;
  vertical-align: middle;
  padding: 0 .5em;
  background-color: #fff;
  border: 2px solid #FC6F22;
  color: #FC6F22;
  cursor: pointer;
  font-size: 80%;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

@media screen and (max-width: 750px) {
  #sectMapSelect .map #mapArea ul li label {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 13.5px;
  }
}

#sectMapSelect .map #mapArea ul li label.checked {
  background-color: #FC6F22;
  color: #fff;
}

#sectMapSelect .map #mapArea ul li label input {
  filter: alpha(opactiy=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: -1;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO33 {
  top: 50px;
  left: 0;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO32 {
  top: 100px;
  left: 0;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO31 {
  top: 150px;
  left: 0;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO29 {
  top: 200px;
  left: 0;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO30 {
  top: 250px;
  left: 0;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO22 {
  top: 50px;
  left: 155px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO23 {
  top: 100px;
  left: 155px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO21 {
  top: 150px;
  left: 155px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO20 {
  top: 200px;
  left: 155px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO28 {
  top: 250px;
  left: 155px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO35 {
  top: 50px;
  left: 310px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO17 {
  top: 100px;
  left: 310px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO19 {
  top: 150px;
  left: 310px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO18 {
  top: 200px;
  left: 310px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO25 {
  top: 50px;
  left: 465px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO34 {
  top: 100px;
  left: 465px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO24 {
  top: 150px;
  left: 465px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO27 {
  top: 200px;
  left: 465px;
}

#sectMapSelect .map #mapArea ul li#SEARCH_AREA_NO26 {
  top: 250px;
  left: 465px;
}

.sectEnsenList {
  border: 1px solid #D2D2D2;
}

.sectEnsenList .sectCmn {
  margin-bottom: 0;
}

.sectEnsenList .btnArea {
  padding: 20px 0;
}

.sectEnsenList .blkEnsen>header .btnTglLine {
  display: none;
  float: right;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 40px;
  height: 40px;
  border-left: 1px solid #8c8c8c;
}

.sectEnsenList .blkEnsen>header .btnTglLine:before {
  content: "\f107";
  float: left;
  display: block;
  font-family: fontawesome;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  text-indent: 0;
  color: #fff;
}

.sectEnsenList .blkEnsen>header .btnTglLine.active:before {
  content: "\f106";
}

.sectEnsenList .blkEnsen>.sectInner {
  display: block;
}

@media screen and (max-width: 750px) {
  .sectEnsenList .blkEnsen>header {
    display: block;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #D2D2D2;
  }
  .sectEnsenList .blkEnsen>header::after {
    clear: both;
    content: "";
    display: table;
  }
  .sectEnsenList .blkEnsen>header.active {
    border-bottom: none;
  }
  .sectEnsenList .blkEnsen>header>* {
    display: block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
  }
  .sectEnsenList .blkEnsen>header h1,
  .sectEnsenList .blkEnsen>header h2,
  .sectEnsenList .blkEnsen>header h3,
  .sectEnsenList .blkEnsen>header h4,
  .sectEnsenList .blkEnsen>header h5,
  .sectEnsenList .blkEnsen>header h6 {
    float: left;
  }
  .sectEnsenList .blkEnsen>header .btnTglLine {
    display: block;
  }
  .sectEnsenList .blkEnsen .sectInner {
    display: none;
  }
  .sectEnsenList .blkEnsen .sectInner .formList>li {
    float: none;
    width: auto;
  }
}

#sectFilterSearch {
  padding-bottom: 20px;
  margin-bottom: 0;
}

@media screen and (max-width: 750px) {
  #sectFilterSearch {
    padding-bottom: 0;
  }
}

#sectFilterSearch h2 {
  margin-bottom: .5em;
  font-weight: bold;
  font-size: 110%;
}

#sectPopupArea>header {
  margin-bottom: .5em;
}

#sectPopupArea>header h1,
#sectPopupArea>header h2,
#sectPopupArea>header h3,
#sectPopupArea>header h4,
#sectPopupArea>header h5,
#sectPopupArea>header h6 {
  font-size: 110%;
}

.selectedTrain {
  display: table;
  width: 100%;
  padding: 0 0 15px 0;
}

@media screen and (max-width: 750px) {
  .selectedTrain {
    display: block;
  }
}

.selectedTrain>* {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .selectedTrain>* {
    display: block;
  }
}

.selectedTrain>dt {
  padding-right: 20px;
  white-space: nowrap;
}

.selectedTrain>dt span {
  display: inline-block;
  vertical-align: middle;
  background-color: #6c2c2f;
  color: #fff;
  padding: 0 1em;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.selectedTrain>dt span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -4px;
  border-left: 6px solid #6c2c2f;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

@media screen and (max-width: 750px) {
  .selectedTrain>dt {
    padding-right: 0;
  }
  .selectedTrain>dt span {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
  }
  .selectedTrain>dt span:after {
    content: none;
  }
}

.selectedTrain>.selected {
  width: 70%;
  font-size: 0;
}

.selectedTrain>.selected span {
  font-size: 13.5px;
  margin-right: 1em;
  line-height: 1.4;
}

.selectedTrain>.selected span:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  .selectedTrain>.selected {
    width: auto;
    padding: 10px;
    border: 1px solid #D2D2D2;
    margin-bottom: 5px;
  }
}

.selectedTrain>.back {
  text-align: right;
  white-space: nowrap;
}

.selectedTrain>.back .a:after {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  margin-right: 0;
  margin-left: .5em;
}

.selectedTrain>.back .a a {
  text-decoration: underline;
}

/* お部屋検索結果
================================== */

#sectSRMain {
  float: right;
  width: 750px;
}

@media screen and (max-width: 750px) {
  #sectSRMain {
    float: none;
    width: auto;
  }
}

#sectSRMain>header {
  margin-bottom: 10px;
}

#currentSrchCond {
  background-color: #D2D2D2;
  display: table;
  width: 100%;
  height: 100%;
  padding: 5px;
  height: 50px;
  min-height: 50px;
  position: relative;
  z-index: 1;
}

#currentSrchCond dt,
#currentSrchCond dd {
  padding-right: 5px;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

#currentSrchCond dd.moreSearch_wrap {
  padding: 0px;
  display: none;
}

#currentSrchCond dd #moreSearch {
  width: 100%;
  position: inherit;
  display: block;
}

#currentSrchCond dd #moreSearch a {
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 750px) {
  #currentSrchCond dd.moreSearch_wrap {
    display: block;
  }
}

#currentSrchCond dd #moreSearch a:before {
  display: none;
}

#currentSrchCond dd p {
  width: calc(100% - 91px);
  margin-right: 10px;
}

#btnSideNav.no2 {
  right: 0;
}

#currentSrchCond dd #moreSearch a {
  padding: 0 .5em;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
  color: #fff;
}

#currentSrchCond dt {
  text-align: center;
  font-size: 140%;
  white-space: nowrap;
}

#currentSrchCond .dtl {
  width: 50%;
  position: relative;
  padding: 0 .5em;
  line-height: 1.2;
  background-color: #fff;
}

#currentSrchCond .ctrl.save {
  padding-left: 20px;
  position: relative;
}

#currentSrchCond .ctrl.save:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  border-left: 8px solid #6c2c2f;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

#currentSrchCond .ctrl .btn {
  width: 100%;
  height: 5em;
  font-size: 85%;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  #currentSrchCond {
    display: block;
    height: auto;
  }
  #currentSrchCond dt,
  #currentSrchCond dd {
    display: block;
    padding-right: 0;
  }
  #currentSrchCond dt {
    text-align: left;
    font-size: 13.5px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  #currentSrchCond .dtl {
    width: auto;
    margin-bottom: 5px;
    padding: 8px;
    display: flex;
  }
  #currentSrchCond .ctrl {
    display: inline-block;
    width: 49%;
    font-size: 0;
  }
  #currentSrchCond .ctrl:first-of-type {
    margin-right: 2%;
  }
  #currentSrchCond .ctrl.save {
    padding-left: 0;
  }
  #currentSrchCond .ctrl.save:before {
    content: none;
  }
  #currentSrchCond .ctrl .btn {
    font-size: 13.5px;
    height: 3.6em;
  }
}

#srchSummary {
  display: table;
  padding-top: 15px;
  width: 100%;
}

#srchSummary>* {
  display: table-cell;
  vertical-align: bottom;
}

#srchSummary .count {
  white-space: nowrap;
  width: 25%;
}

#srchSummary .count dt,
#srchSummary .count dd {
  white-space: nowrap;
  display: inline-block;
}

#srchSummary .count dt:after {
  content: ':';
  margin: 0 .2em;
}

#srchSummary .count dd {
  font-size: 200%;
  font-family: helvetica, arial, sans-serif;
  color: #6c2c2f;
  line-height: 1;
}

#srchSummary .count#resultProp dd:after {
  content: '棟';
}

#srchSummary .count#resultRoom dd:after {
  content: '件';
}

#srchSummary .pager {
  text-align: right;
  width: 50%;
}

@media screen and (max-width: 750px) {
  #srchSummary {
    display: block;
  }
  #srchSummary .count {
    display: inline-block;
    width: auto;
  }
  #srchSummary .count dd {
    font-size: 150%;
  }
  #srchSummary .pager {
    display: block;
    padding: 10px 0 5px;
    text-align: center;
    width: auto;
  }
}

.dispCount {
  padding: .5em 0;
  text-align: right;
}

.dispCount dl {
  display: inline-table;
}

.dispCount dt,
.dispCount dd {
  display: table-cell;
  vertical-align: middle;
}

.dispCount dt {
  padding-right: .5em;
}

.dispCount dt:after {
  content: ':';
}

@media screen and (max-width: 750px) {
  .dispCount {
    text-align: left;
  }
}

.sectSR>header {
  margin-bottom: 10px;
}

.sectSR>header h1,
.sectSR>header h2,
.sectSR>header h3,
.sectSR>header h4,
.sectSR>header h5,
.sectSR>header h6 {
  display: none;
}

.sectSR>.sectInner {
  padding: 10px 10px 20px 10px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
}

.sectSR>.sectInner::after {
  clear: both;
  content: "";
  display: table;
}

.notePending {
  padding: 10px;
  margin-bottom: 10px;
  display: table;
  float: right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #FD8A47;
  font-size: 11.475px;
  line-height: 1.4;
  position: relative;
}

.notePending.notail:after,
.notePending.notail:before {
  content: none;
}

.notePending:after,
.notePending:before {
  content: '';
  position: absolute;
  display: block;
  border-top: 8px solid;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 25px;
}

.notePending:before {
  bottom: -6px;
  border-top-color: #fff;
  z-index: 2;
}

.notePending:after {
  bottom: -8px;
  border-top-color: #FD8A47;
}

.notePending>.checkMark,
.notePending>dl {
  display: table-cell;
  vertical-align: middle;
}

.notePending>dl {
  padding-left: 10px;
}

.notePending>dl:before {
  content: '';
  display: block;
  position: absolute;
  float: left;
}

.notePending>dl>dt {
  color: #FD8A47;
}

.notePending .q {
  position: absolute;
  right: 10px;
  top: 10px;
}

@media screen and (max-width: 750px) {
  .notePending>dl>dt {
    padding-right: 20px;
  }
}

.listProp {
  clear: both;
  margin-bottom: 20px;
  border-top: 3px solid #464646;
  position: relative;
}

.listProp .main {
  position: relative;
}

.listProp .main .tatemonoAnchor {
  padding: 10px 70px 10px 10px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  /*cursor: pointer;*/
  display: block;
}

.listProp .main .tatemonoAnchor a:hover {
  background-color: #FFEBEA;
  text-decoration: none;
  display: block;
}

@media screen and (max-width: 750px) {
  .listProp .main .tatemonoAnchor a:hover {
    display: inline-table;
  }
}

.listProp .main header {
  margin-bottom: 10px;
  padding: 5px 0;
}

.listProp .main header h1 span,
.listProp .main header h1 strong,
.listProp .main header h2 span,
.listProp .main header h2 strong,
.listProp .main header h3 span,
.listProp .main header h3 strong,
.listProp .main header h4 span,
.listProp .main header h4 strong,
.listProp .main header h5 span,
.listProp .main header h5 strong,
.listProp .main header h6 span,
.listProp .main header h6 strong {
  vertical-align: middle;
}

.listProp .main header h1 strong,
.listProp .main header h2 strong,
.listProp .main header h3 strong,
.listProp .main header h4 strong,
.listProp .main header h5 strong,
.listProp .main header h6 strong {
  margin-left: .5em;
  font-size: 140%;
  text-decoration: underline;
  font-weight: normal;
}

.listProp .relInfo {
  width: 60px;
  position: absolute;
  right: 0;
  top: 1px;
  bottom: 0;
  background-color: #F5F5F5;
  text-align: center;
}

.listProp .relInfo>dl {
  background-color: #e9e9e9;
}

.listProp .relInfo>dl dt {
  padding: .5em 0;
  color: #fff;
  background-color: #464646;
  margin-bottom: 10px;
  position: relative;
  font-size: 11.475px;
}

.listProp .relInfo>dl dt:after {
  content: '';
  position: absolute;
  top: 100%;
  display: block;
  border-top: 10px solid #464646;
  border-left: 30px transparent solid;
  border-right: 30px transparent solid;
}

.listProp .relInfo>dl dd {
  padding: 10px 0;
}

.listProp .relInfo>ul {
  padding: 5px;
}

.listProp .relInfo>ul li {
  margin-bottom: 5px;
}

.listProp .relInfo>ul li .btn {
  width: 100%;
  height: 40px;
  vertical-align: top;
}

.listProp .propPhotos {
  width: 165px;
  height: 165px;
  float: left;
}

.listProp .propSpec {
  margin-left: 175px;
}

.listProp .propSpec dl.access {
  min-height: 4.6em;
}

@media screen and (max-width: 750px) {
  .listProp .main .tatemonoAnchor {
    padding: 0;
  }
  .listProp .main header {
    margin-bottom: 0;
    padding: 8px 0;
  }
  .listProp .relInfo {
    position: static;
    width: auto;
  }
  .listProp .relInfo>ul {
    font-size: 0;
  }
  .listProp .relInfo>ul li {
    font-size: 13.5px;
    display: inline-block;
    margin: 0 2px;
  }
  .listProp .relInfo>ul li .btn {
    width: 50px;
  }
  .listProp .propPhotos {
    float: none;
    width: 280px;
    height: 280px;
    margin: 0 auto 10px;
  }
  .listProp .propSpec {
    margin-left: 0;
  }
}

.listMatori {
  clear: both;
}

.listMatori>li {
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
}

.listMatori>li>a {
  display: block;
}

.listMatori>li>a:hover {
  text-decoration: none;
}

.listMatori>li:nth-child(3n) {
  margin-right: 0;
}

.listMatori>li:nth-child(3n+1) {
  clear: left;
}

@media screen and (max-width: 750px) {
  .listMatori>li {
    width: auto;
    float: none;
    margin-right: 0;
  }
}

.matoriProp {
  border: 1px solid #e9e9e9;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.matoriProp:hover {
  background-color: #FFEBEA;
}

.matoriProp .interact,
.matoriProp .roomSpec,
.matoriProp .appl,
.matoriProp>header,
.matoriProp .accmpInfo {
  display: table;
  width: 100%;
  border-bottom: 1px solid #F5F5F5;
}

.matoriProp .interact,
.matoriProp .roomSpec,
.matoriProp .appl,
.matoriProp>header .flgs {
  text-align: center;
}

.matoriProp .interact>*,
.matoriProp .roomSpec>* {
  display: table-cell;
  border-right: 1px solid #F5F5F5;
  vertical-align: middle;
}

.matoriProp .interact>*:last-of-type,
.matoriProp .roomSpec>*:last-of-type {
  border-right: none;
}

.matoriProp .matoriSlide {
  padding: 10px;
  border-bottom: 1px solid #F5F5F5;
}

.matoriProp .matoriSlide .propPhotos {
  height: 198px;
}

.matoriProp .interact>* {
  padding: 4px 2px;
}

.matoriProp .interact dl dt {
  font-size: 10.8px;
  margin-bottom: .25em;
}

.matoriProp .interact .roomDtl {
  width: 32%;
}

.matoriProp .interact .cont {
  width: 42%;
  text-align: center;
}

.matoriProp .interact .cont dd {
  display: inline-block;
  font-size: 0;
}

.matoriProp .interact .chk {
  width: 26%;
}

.matoriProp .roomSpec {
  font-size: 11.475px;
  line-height: 1.4;
}

.matoriProp .roomSpec>* {
  width: 33.333%;
  padding: .2em 0;
}

.matoriProp .roomSpec em,
.matoriProp .roomSpec span {
  display: block;
  font-family: helvetica, arial, sans-serif;
}

.matoriProp .roomSpec .rent em {
  font-weight: bold;
}

.matoriProp .roomSpec .deposit {
  text-align: center;
}

.matoriProp .roomSpec .deposit ul {
  display: inline-block;
  text-align: left;
}

.matoriProp .roomSpec .deposit ul li {
  padding: .1em 0;
}

.matoriProp .appl {
  padding: 5px 0;
  text-align: center;
}

.matoriProp .appl ul {
  font-size: 0;
}

.matoriProp .appl ul li {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}

.matoriProp .appl ul li:last-child {
  margin-right: 0;
}

.matoriProp .appl ul li:nth-child(n+5) {
  display: none;
}

.matoriProp>header {
  padding: .25em 0;
  height: 4em;
}

.matoriProp>header>* {
  display: table-cell;
  padding: 0 1.5em;
  vertical-align: middle;
}

.matoriProp>header h1,
.matoriProp>header h2,
.matoriProp>header h3,
.matoriProp>header h4,
.matoriProp>header h6 {
  line-height: 1.2;
  margin-bottom: .2em;
  color: #6c2c2f;
  text-decoration: underline;
  font-weight: bold;
}

.matoriProp>header .flgs {
  font-size: 0;
}

.matoriProp>header .flgs li {
  display: inline-block;
  margin-right: 4px;
}

.matoriProp>header .flgs li:last-child {
  margin-right: 0;
}

.matoriProp .accmpInfo {
  border-bottom: none;
  padding: .5em;
  height: 4.8em;
  font-size: 11.475px;
  line-height: 1.3;
}

.matoriProp .accmpInfo>* {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .matoriProp .matoriSlide .propPhotos {
    width: 280px;
    height: 280px;
    margin: 0 auto;
  }
  .matoriProp>header {
    padding: .5em 0;
    height: auto;
    text-align: center;
  }
  .matoriProp .roomSpec .deposit ul {
    text-align: center;
  }
  .matoriProp .accmpInfo {
    height: auto;
    text-align: center;
  }
}

/* 建物・お部屋
================================== */

#sectPropRoom {
  margin-bottom: 20px;
  position: relative;
}

#sectPropRoom .utilBtns {
  margin-top: -52px;
  margin-right: -20px;
  float: right;
}

#sectPropRoom .utilBtns ul {
  font-size: 0;
}

#sectPropRoom .utilBtns ul li {
  display: inline-block;
  font-size: 13.5px;
  margin-right: 10px;
}

#sectPropRoom .utilBtns ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  #sectPropRoom .utilBtns {
    display: none;
    width: 100%;
    margin-right: 0;
  }
  #sectPropRoom .utilBtns ul {
    text-align: center;
  }
  #sectPropRoom .utilBtns ul li {
    margin-right: 0;
  }
}

#sectPropRoom>header {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

#sectPropRoom>header>* {
  display: table-cell;
  vertical-align: top;
}

#sectPropRoom>header .flgs {
  width: 60px;
  padding-right: 10px;
}

#sectPropRoom>header .flgs .icon {
  display: block;
  margin-bottom: 2px;
}

#sectPropRoom>header h1,
#sectPropRoom>header h2,
#sectPropRoom>header h3,
#sectPropRoom>header h4,
#sectPropRoom>header h5,
#sectPropRoom>header h6 {
  background-color: #fff;
  vertical-align: middle;
  padding: 10px;
  font-size: 16.875px;
  color: #6c2c2f;
  width: 100%;
}

#sectPropRoom>header .interact {
  width: 60px;
  padding-left: 5px;
}

#sectPropRoom>header .interact dl {
  width: 60px;
  float: left;
  text-align: center;
  margin-right: 5px;
}

#sectPropRoom>header .interact dl:last-of-type {
  margin-right: 0;
}

#sectPropRoom>header .interact dl dt,
#sectPropRoom>header .interact dl dd {
  text-align: center;
}

#sectPropRoom>header .interact dl dt {
  display: table;
  width: 100%;
  vertical-align: middle;
  background-color: #464646;
  color: #fff;
  height: 40px;
  line-height: 1.2;
  font-size: 11.475px;
}

#sectPropRoom>header .interact dl dt span {
  display: table-cell;
  vertical-align: middle;
}

#sectPropRoom>header .interact dl dd {
  padding: 10px 0;
  background-color: #e9e9e9;
  border: 1px solid #D2D2D2;
  border-top: none;
}

@media screen and (max-width: 750px) {
  #sectPropRoom>header {
    display: block;
  }
  #sectPropRoom>header .flgs {
    display: block;
    width: auto;
  }
  #sectPropRoom>header .flgs .icon {
    display: inline-block;
  }
  #sectPropRoom>header h1,
  #sectPropRoom>header h2,
  #sectPropRoom>header h3,
  #sectPropRoom>header h4,
  #sectPropRoom>header h5,
  #sectPropRoom>header h6 {
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
  }
}

#sectPropRoom>.sectInner {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
}

#sectPropRoom>.sectInner>footer .sectRent {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #464646;
}

#sectPropRoom .propRoomMain {
  margin-bottom: 20px;
}

.propRoomGal>.tab {
  margin-bottom: 10px;
  font-size: 0;
}

.propRoomGal>.tab li {
  font-size: 13.5px;
  display: inline-block;
  margin-right: 7px;
}

.propRoomGal>.tab li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.propRoomGal>.tab li>a,
.propRoomGal>.tab li>span {
  display: inline-table;
  min-width: 9em;
  height: 30px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #D2D2D2;
  background-color: #D2D2D2;
  background-image: -webkit-linear-gradient(top, #fff, #c8c8c8);
  background-image: linear-gradient(to bottom, #fff, #c8c8c8);
  text-decoration: none;
  font-size: 85%;
}

.propRoomGal>.tab li>a.active,
.propRoomGal>.tab li>span.active {
  border: none;
  background-color: #6c2c2f;
  background-image: -webkit-linear-gradient(top, #6c2c2f, #481d1f);
  background-image: linear-gradient(to bottom, #6c2c2f, #481d1f);
  color: #fff;
}

.propRoomGal>.tab li>a>*,
.propRoomGal>.tab li>span>* {
  display: table-cell;
  vertical-align: middle;
  padding: 0 .5em;
}

.propRoomGal .tabCont {
  display: none;
  position: relative;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  filter: alpha(opactiy=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.propRoomGal .tabCont.active {
  display: block;
}

.propRoomGal .tabCont.load {
  filter: alpha(opactiy=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  z-index: -1;
  height: 0;
  overflow: hidden;
}

.propRoomGal .listGal li {
  float: left;
  width: 23.8%;
  margin-right: 1.6%;
  position: relative;
}

.propRoomGal .listGal li:last-child {
  margin-right: 0;
}

.propRoomGal .listGal li.cldSlide4 {
  margin-right: 0;
}

.propRoomGal .listGal li.nophoto {
  width: 100% !important;
  text-align: center;
}

.propRoomGal .listGal li span {
  display: block;
}

.propRoomGal .listGal li span:after {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: #6c2c2f;
  text-align: center;
  line-height: 16px;
  z-index: 1;
  color: #fff;
}

.propRoomGal .listGal li span img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 750px) {
  .propRoomGal>.tab li {
    margin-right: 5px;
  }
  .propRoomGal>.tab li:last-child {
    margin-right: 0;
  }
  .propRoomGal>.tab li>a,
  .propRoomGal>.tab li>span {
    font-size: 11.475px;
    width: auto;
  }
  .propRoomGal>.tab li>a>*,
  .propRoomGal>.tab li>span>* {
    padding: 0 1em;
  }
  .propRoomGal .listGal li {
    width: 49%;
    margin-right: 2%;
  }
  .propRoomGal .listGal li:nth-child(2n) {
    margin-right: 0;
  }
}

#propMain>header,
#propMain #sectPropSpec .photos,
#propMain #sectPropSpec .propSpec:before {
  border: 1px solid #D2D2D2;
}

#propMain>header {
  padding: 10px;
  margin-bottom: 10px;
}

#propMain>.sectInner::after {
  clear: both;
  content: "";
  display: table;
}

#propMain #sectPropSpec {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

#propMain #sectPropSpec>* {
  display: table-cell;
  vertical-align: top;
}

#propMain #sectPropSpec .photos {
  width: 230px;
  min-height: 230px;
}

#propMain #sectPropSpec .photos .propPhotos {
  width: 228px;
  height: 228px;
  border: none;
}

#propMain #sectPropSpec .photos .btns {
  padding: 10px 0;
  text-align: center;
}

#propMain #sectPropSpec .photos .btns>* {
  width: 60px;
  height: 40px;
}

#propMain #sectPropSpec .propSpec {
  padding: 10px 10px 10px 20px;
}

#propMain #sectPropSpec .propSpec:before {
  content: '';
  border: 1px solid #D2D2D2;
  position: absolute;
  left: 240px;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

#propMain #sectPropSpec .propSpec dl.access {
  min-height: 7em;
}

#propMain #sectPropSpec .propSpec dl.util {
  min-height: 4.6em;
}

#propMain .toVacantList {
  margin-bottom: 10px;
  text-align: center;
}

#propMain .toVacantList a {
  text-decoration: underline;
}

#propMain .toVacantList a:before {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  #propMain #sectPropSpec {
    display: block;
    margin-bottom: 0;
  }
  #propMain #sectPropSpec>* {
    display: block;
  }
  #propMain #sectPropSpec .photos {
    width: 240px;
    min-height: 240px;
    margin: 0 auto;
  }
  #propMain #sectPropSpec .photos .propPhotos {
    width: 238px;
    height: 238px;
  }
  #propMain #sectPropSpec .propSpec {
    padding: 10px 0;
  }
  #propMain #sectPropSpec .propSpec:before {
    content: none;
  }
}

#tatemonoGalBase {
  background: #fff;
  border: 1px solid #D2D2D2;
  padding: 20px;
  position: relative;
  height: auto;
}

#tatemonoGal .tabBaseTGal {
  min-height: 100px;
}

#tatemonoGal .tabBaseTGal:first-of-type {
  z-index: 2;
}

#roomMainSpec {
  margin-bottom: 20px;
}

#roomMainSpec .tblHCmn>.access,
#roomMainSpec .tblBCmn>li>.access {
  width: 32%;
}

#roomMainSpec .tblHCmn>.cost,
#roomMainSpec .tblBCmn>li>.cost {
  width: 13%;
}

#roomMainSpec .tblHCmn>.deposit,
#roomMainSpec .tblBCmn>li>.deposit {
  width: 10%;
}

#roomMainSpec .tblHCmn>.square,
#roomMainSpec .tblBCmn>li>.square {
  width: 10%;
}

#roomMainSpec .tblHCmn>.estb,
#roomMainSpec .tblBCmn>li>.estb {
  width: 12%;
}

#roomMainSpec .tblHCmn>.appl,
#roomMainSpec .tblBCmn>li>.appl {
  width: 23%;
}

#roomMainSpec .tblHCmn li {
  font-size: 13.5px;
}

#roomMainSpec .tblBCmn>li>dl>dt {
  display: none;
}

#roomMainSpec .tblBCmn>li>dl>dd {
  padding: 10px 0;
  line-height: 1.4;
  word-break: break-all;
}

#roomMainSpec .tblBCmn>li>.cost,
#roomMainSpec .tblBCmn>li>.deposit,
#roomMainSpec .tblBCmn>li>.square,
#roomMainSpec .tblBCmn>li>.estb {
  font-family: helvetica, arial, sans-serif;
}

#roomMainSpec .tblBCmn>li>.access ul,
#roomMainSpec .tblBCmn>li>.cost ul {
  display: inline-block;
}

#roomMainSpec .tblBCmn>li>.access ul {
  text-align: left;
}

#roomMainSpec .tblBCmn>li>.cost {
  font-size: 110%;
}

#roomMainSpec .tblBCmn>li>.cost ul {
  text-align: right;
}

#roomMainSpec .tblBCmn>li>.cost ul .rent {
  font-weight: bold;
}

#roomMainSpec .tblBCmn>li>.deposit dd,
#roomMainSpec .tblBCmn>li>.square dd {
  font-size: 13.5px;
}

#roomMainSpec .tblBCmn>li>.square span {
  display: block;
}

@media screen and (max-width: 750px) {
  #roomMainSpec .tblHCmn {
    display: none;
  }
  #roomMainSpec .tblBCmn {
    border-top: 1px solid #D2D2D2;
  }
  #roomMainSpec .tblBCmn>li>dl>dt {
    display: table-cell;
    font-weight: bold;
    font-size: 11.475px;
    width: 37%;
    padding: 5px;
  }
  #roomMainSpec .tblBCmn>li>dl.square dd span {
    display: inline-block;
  }
}

#sectPropPMM {
  margin-bottom: 20px;
}

#sectPropPMM>header {
  display: none;
}

#tabPMM {
  border-bottom: 3px solid #464646;
  margin-bottom: 10px;
  font-size: 0;
}

#tabPMM li {
  display: inline-block;
  font-size: 13.5px;
  text-align: center;
  margin-right: 10px;
  vertical-align: middle;
}

#tabPMM li a {
  display: block;
  background-color: #D2D2D2;
  color: #fff;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  width: 14em;
  padding: 0 2em;
}

#tabPMM li a.active {
  background-color: #464646;
}

@media screen and (max-width: 750px) {
  #tabPMM li {
    width: 49%;
    margin-right: 0;
  }
  #tabPMM li:first-child {
    margin-right: 2%;
  }
  #tabPMM li a {
    width: auto;
    padding: 0;
  }
}

.tabBasePMM {
  margin-bottom: 20px;
  display: none;
}

.tabBasePMM.active {
  display: block;
}

#roomPMM::after {
  clear: both;
  content: "";
  display: table;
}

#roomPMM #roomMatori>div,
#roomPMM #roomLooks>div {
  border: 1px solid #D2D2D2;
  background-color: #F5F5F5;
  padding: 20px 10px 10px 10px;
  margin-bottom: 10px;
  height: 464px;
}

#roomPMM #roomMatori .note,
#roomPMM #roomLooks .note {
  font-size: 11.475px;
}

#roomPMM #roomMatori .note li,
#roomPMM #roomLooks .note li {
  padding-left: 1em;
  line-height: 1.4;
}

#roomPMM #roomMatori .note li:before,
#roomPMM #roomLooks .note li:before {
  content: '※';
  display: block;
  float: left;
  margin-left: -1em;
}

#roomPMM #roomMatori {
  width: 474px;
  float: left;
}

#roomPMM #roomMatori>div {
  margin-right: 10px;
}

#roomPMM #roomLooks {
  width: 464px;
  float: right;
}

#roomPMM #figMatori,
#roomPMM .tabBaseLooks {
  border: 1px solid #D2D2D2;
  background-color: #fff;
  height: 392px;
}

#roomPMM #figMatori {
  overflow: hidden;
  padding: 10px;
}

#roomPMM #figMatori img {
  width: 100%;
}

#roomPMM .tabBaseLooks {
  padding: 20px 10px 10px 10px;
}

#roomPMM .tabBaseLooks ul {
  overflow: auto;
  height: 100%;
  padding-right: 2%;
}

#roomPMM .tabBaseLooks ul::after {
  clear: both;
  content: "";
  display: table;
}

#roomPMM .tabBaseLooks ul li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}

#roomPMM .tabBaseLooks ul li:nth-child(3n) {
  margin-right: 0;
}

#roomPMM .tabBaseLooks ul li:nth-child(3n+1) {
  clear: left;
}

#roomPMM .tabBaseLooks ul li a {
  display: block;
  position: relative;
}

#roomPMM .tabBaseLooks ul li img {
  width: 100%;
}

@media screen and (max-width: 750px) {
  #roomPMM #roomMatori,
  #roomPMM #roomLooks {
    width: auto;
    float: none;
  }
  #roomPMM #roomMatori>div,
  #roomPMM #roomLooks>div {
    padding: 20px 10px 10px 10px;
    height: auto;
  }
  #roomPMM #roomMatori {
    margin-bottom: 10px;
  }
  #roomPMM #roomMatori>div {
    margin-right: 0;
  }
  #roomPMM #figMatori,
  #roomPMM .tabBaseLooks {
    height: auto;
  }
  #roomPMM .tabBaseLooks {
    padding: 10px;
  }
  #roomPMM .tabBaseLooks ul {
    overflow: auto;
    height: auto;
  }
  #roomPMM .tabBaseLooks ul li {
    float: left;
    width: 49%;
  }
  #roomPMM .tabBaseLooks ul li:nth-child(3n) {
    margin-right: inherit;
  }
  #roomPMM .tabBaseLooks ul li:nth-child(3n+1) {
    clear: none;
  }
  #roomPMM .tabBaseLooks ul li:nth-child(2n) {
    margin-right: 0;
  }
  #roomPMM .tabBaseLooks ul li:nth-child(2n+1) {
    clear: left;
    margin-right: 2%;
  }
}

.containerDtlRoom {
  margin-top: 50px;
}

@media screen and (max-width: 750px) {
  .containerDtlRoom {
    margin-top: 0;
  }
}

#btnToProp {
  height: 24px;
}

#btnToProp * {
  padding: 0 4em;
}

@media screen and (max-width: 750px) {
  #btnToProp * {
    padding: 0 1.6em;
  }
}

#sectRelInfo {
  border: 1px solid #D2D2D2;
  margin-bottom: 20px;
}

#sectRelInfo>header {
  padding: .5em;
  background-color: #682A2F;
  text-align: center;
  color: #fff;
}

#sectRelInfo>.sectInner {
  padding: 20px 30px;
  background-color: #FFEBEA;
}

@media screen and (max-width: 750px) {
  #sectRelInfo>.sectInner {
    padding: 10px;
  }
}

#sectRelInfo>.sectInner>section:last-child {
  margin-bottom: 0;
}

/* 検討中リスト系
================================== */

#sectList>header {
  padding: 20px;
  display: block;
}

#sectList>header .headingSet {
  display: table;
}

#sectList>header .headingSet>* {
  display: table-cell;
}

#sectList>header .desc a {
  text-decoration: underline;
}

#sectList .dispOpt {
  padding: 10px 0;
}

@media screen and (max-width: 750px) {
  #sectList>header {
    padding: 10px;
  }
}

#listNav {
  padding: 15px 20px;
  background-color: #D2D2D2;
  font-size: 0;
}

#listNav li {
  display: inline-block;
  font-size: 11.475px;
  margin-right: 10px;
}

@media screen and (max-width: 750px) {
  #listNav {
    padding: 5px 5px 0 5px;
  }
  #listNav::after {
    clear: both;
    content: "";
    display: table;
  }
  #listNav li {
    display: block;
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 5px;
  }
  #listNav li:nth-child(even) {
    margin-right: 0;
  }
  #listNav li a,
  #listNav li span {
    width: 100%;
    font-size: 11.475px;
  }
}

#sectListCtrl {
  display: table;
  width: 100%;
  padding: 20px;
  background-color: #464646;
  font-size: 0;
}

#sectListCtrl>* {
  font-size: 13.5px;
  display: inline-block;
  vertical-align: middle;
}

#sectListCtrl p {
  color: #fff;
  font-size: 18.9px;
  margin-right: 10px;
}

#sectListCtrl p>label {
  margin: 0 10px;
}

#sectListCtrl ul {
  font-size: 0;
}

#sectListCtrl ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 13.5px;
  margin-right: 10px;
}

#sectListCtrl ul li:last-child {
  margin-right: 0;
}

#sectListCtrl ul li .btn {
  height: 30px;
  width: 10em;
}

#sectListCtrl ul li .btn.orange {
  border: none;
}

@media screen and (max-width: 750px) {
  #sectListCtrl {
    padding: 10px;
  }
  #sectListCtrl>p {
    display: block;
    margin-bottom: 10px;
    font-size: 13.5px;
    font-weight: bold;
  }
  #sectListCtrl>p>label {
    margin: 0 5px 0 0;
  }
  #sectListCtrl ul {
    text-align: center;
    width: 100%;
  }
  #sectListCtrl ul li {
    width: 30%;
    margin-right: 2%;
  }
  #sectListCtrl ul li.mail {
    width: 36%;
  }
  #sectListCtrl ul li .btn {
    width: 100%;
    font-size: 11.475px;
  }
}

.sectListContent {
  padding: 10px;
  border: 1px solid #D2D2D2;
  background-color: #fff;
  position: relative;
}

.sectListContent::after {
  clear: both;
  content: "";
  display: table;
}

.sectListContent .extra {
  position: absolute;
  right: 10px;
  top: -45px;
  text-align: right;
}

.sectListContent .extra a {
  color: #464646;
}

.sectListContent .extra a:before {
  content: '×';
  display: inline-block;
  margin-right: .5em;
  vertical-align: middle;
  text-align: center;
  background-color: #D2D2D2;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  line-height: 19px;
  color: #fff;
}

.sectListContent .tblHCmn {
  margin-bottom: 10px;
}

.sectListContent .listRoom>li {
  margin-bottom: 10px;
  border-top: 1px solid #D2D2D2;
}

.sectListContent .listRoom>li:last-child {
  margin-bottom: 0;
}

.sectListContent .listRoom>li .slct .checkbox {
  margin-right: 0;
}

.sectListContent .listRoom>li .result .btn {
  width: 40px;
  height: 30px;
  border: none;
  color: #fff;
  line-height: 1.2;
  font-size: 10.8px;
}

.sectListContent .listRoom>li .del .btn {
  width: 40px;
  height: 30px;
  font-size: 10.8px;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .sectListContent .extra {
    position: static;
    margin-bottom: 10px;
  }
  .sectListContent .tblHCmn {
    display: none;
  }
}

#sectIchiran .slct {
  width: 6%;
}

#sectIchiran .main {
  width: 34%;
}

#sectIchiran .num {
  width: 10%;
}

#sectIchiran .cost {
  width: 14%;
}

#sectIchiran .deposit {
  width: 9%;
}

#sectIchiran .square {
  width: 9%;
}

#sectIchiran .cont {
  width: 9%;
}

#sectIchiran .del {
  width: 9%;
}

#sectIchiran .listRoom>li:nth-child(n+6) {
  display: table;
}

#sectIchiran .listRoom>li .main {
  text-align: left;
}

#sectIchiran .listRoom>li .main dd {
  padding: 0 1em;
}

#sectIchiran .listRoom>li .main a {
  font-size: 120%;
  font-weight: bold;
  text-decoration: underline;
}

#sectIchiran .listRoom>li .num dd {
  text-align: center;
  font-size: 11.475px;
}

#sectIchiran .listRoom>li .num dd .floor,
#sectIchiran .listRoom>li .num dd .room {
  display: block;
}

#sectIchiran .listRoom>li .cont .btn {
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  #sectIchiran .listRoom>li>.slct {
    display: none;
  }
  #sectIchiran .listRoom>li .main {
    display: block;
    position: relative;
    padding-left: 40px;
  }
  #sectIchiran .listRoom>li .main dt {
    display: none;
  }
  #sectIchiran .listRoom>li .main dd {
    display: block;
    padding: 5px;
  }
  #sectIchiran .listRoom>li .main .slct dd {
    position: absolute;
    left: 10px;
    top: 50%;
    padding: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-bottom: none;
  }
  #sectIchiran .listRoom>li .num dt {
    display: table-cell;
  }
  #sectIchiran .listRoom>li .num dd {
    background: #fff;
  }
  #sectIchiran .listRoom>li .num dd:after {
    content: none;
  }
  #sectIchiran .listRoom>li .num dd .floor,
  #sectIchiran .listRoom>li .num dd .room {
    display: inline-block;
  }
  #sectIchiran .listRoom>li .cont,
  #sectIchiran .listRoom>li .del {
    width: 50% !important;
    display: inline-table;
  }
  #sectIchiran .listRoom>li .cont dt,
  #sectIchiran .listRoom>li .cont dd,
  #sectIchiran .listRoom>li .del dt,
  #sectIchiran .listRoom>li .del dd {
    display: table-cell;
    width: 50% !important;
    padding: 5px !important;
    font-size: 11.475px;
    text-align: left !important;
  }
  #sectIchiran .listRoom>li .del {
    float: left;
    border-bottom: none;
  }
}

#sectMadori {
  padding: 10px 20px;
}

#sectMadori .listMatori::after {
  clear: both;
  content: "";
  display: table;
}

#sectMadori .listMatori>li {
  width: 23.5%;
  margin-right: 2%;
}

#sectMadori .listMatori>li:nth-child(4n) {
  margin-right: 0;
}

#sectMadori .listMatori>li:nth-child(3n+1) {
  clear: none;
}

#sectMadori .listMatori>li:nth-child(4n+1) {
  clear: left;
}

#sectMadori .listMatori>li>a {
  display: block;
}

#sectMadori .listMatori>li .slct {
  display: table;
  width: 100px;
  margin-bottom: 10px;
  border: 1px solid #e9e9e9;
  font-size: 11.475px;
}

#sectMadori .listMatori>li .slct>* {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50px;
  height: 50px;
}

#sectMadori .listMatori>li .slct dt {
  background-color: #F5F5F5;
  border-right: 1px solid #e9e9e9;
}

#sectMadori .listMatori>li .slct dd .checkbox {
  margin-right: 0;
}

#sectMadori .listMatori>li .matoriProp .interact .cont {
  width: 68%;
}

@media screen and (max-width: 750px) {
  #sectMadori {
    padding: 10px;
  }
  #sectMadori .listMatori>li {
    width: auto;
    margin-right: 0 !important;
    margin-bottom: 10px;
    float: none;
  }
  #sectMadori .listMatori>li .slct {
    margin-bottom: 0;
    border-bottom: none;
  }
  #sectMadori .listMatori>li:last-child {
    margin-bottom: 0;
  }
  #sectMadori .listMatori .matoriProp .matoriSlide .propPhotos {
    width: 240px;
    height: 240px;
  }
}

#sectJyouken .slct {
  width: 6%;
}

#sectJyouken .cond {
  width: 70%;
}

#sectJyouken .result,
#sectJyouken .del {
  width: 12%;
}

#sectJyouken .listRoom>li:nth-child(n+6) {
  display: table;
}

#sectJyouken .listRoom>li .cond dd {
  padding: 0 1em;
  text-align: left;
}

@media screen and (max-width: 750px) {
  #sectJyouken .listRoom>li>.slct {
    display: none;
  }
  #sectJyouken .listRoom>li .cond {
    position: relative;
    padding-left: 40px;
    min-height: 40px;
  }
  #sectJyouken .listRoom>li .cond dt {
    display: none;
  }
  #sectJyouken .listRoom>li .cond>dd {
    padding: 5px;
  }
  #sectJyouken .listRoom>li .cond .slct dd {
    position: absolute;
    left: 10px;
    top: 50%;
    padding: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-bottom: none;
  }
  #sectJyouken .listRoom>li .result,
  #sectJyouken .listRoom>li .del {
    float: left;
    width: 50% !important;
    border-bottom: none;
  }
  #sectJyouken .listRoom>li .result dt,
  #sectJyouken .listRoom>li .del dt {
    display: none;
  }
  #sectJyouken .listRoom>li .result dd,
  #sectJyouken .listRoom>li .del dd {
    padding: 5px;
  }
  #sectJyouken .listRoom>li .result dd .btn,
  #sectJyouken .listRoom>li .del dd .btn {
    width: 100%;
    font-size: 13.5px;
  }
}

#rirekiListHeader {
  padding: 20px 0 0 0 !important;
  width: 100%;
}

#rirekiListHeader>h1,
#rirekiListHeader h2,
#rirekiListHeader h3,
#rirekiListHeader h4,
#rirekiListHeader h5,
#rirekiListHeader h6 {
  display: none;
}

#rirekiListHeader .rirekiSwitcher {
  display: inline-table;
  font-size: 0;
  background-color: #464646;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 10px 20px;
  white-space: nowrap;
}

#rirekiListHeader .rirekiSwitcher li {
  display: inline-block;
  vertical-align: middle;
  font-size: 13.5px;
}

#rirekiListHeader .rirekiSwitcher li:first-child {
  margin-right: 10px;
}

#rirekiListHeader .rirekiSwitcher li a,
#rirekiListHeader .rirekiSwitcher li span {
  display: block;
  height: 40px;
  line-height: 40px;
  width: 11em;
  text-align: center;
}

#rirekiListHeader .rirekiSwitcher li span {
  color: #fff;
}

@media screen and (max-width: 750px) {
  #rirekiListHeader .rirekiSwitcher {
    width: 100%;
    padding: 10px;
  }
  #rirekiListHeader .rirekiSwitcher>li {
    margin-right: 2%;
    width: 49%;
  }
  #rirekiListHeader .rirekiSwitcher>li:last-child {
    margin-right: 0;
  }
  #rirekiListHeader .rirekiSwitcher>li a,
  #rirekiListHeader .rirekiSwitcher>li span {
    width: auto;
  }
}

#sectRireki .slct {
  width: 8%;
}

#sectRireki .main {
  width: 46%;
}

#sectRireki .num {
  width: 10%;
}

#sectRireki .cost {
  width: 16%;
}

#sectRireki .deposit {
  width: 10%;
}

#sectRireki .square {
  width: 10%;
}

#sectRireki .listRoom>li {
  min-height: 5em;
}

#sectRireki .listRoom>li .main {
  padding: 0 1em;
  text-align: left;
}

#sectRireki .listRoom>li .main dd a {
  font-size: 110%;
  font-weight: bold;
  text-decoration: underline;
}

#sectRireki .listRoom>li .num dd {
  text-align: center;
}

@media screen and (max-width: 750px) {
  #sectRireki .listRoom>li .main {
    padding: 5px;
  }
  #sectRireki .listRoom>li .main dt {
    display: none;
  }
  #sectRireki .listRoom>li .main dd {
    padding: 0;
  }
  #sectRireki .listRoom>li .num dt {
    display: table-cell;
  }
  #sectRireki .listRoom>li .num dd {
    background: #fff;
  }
  #sectRireki .listRoom>li .num dd:after {
    content: none;
  }
}

#sectRirekiJyouken .result {
  width: 10%;
}

#sectRirekiJyouken .listRoom>li .cond {
  padding: 0 1em;
  text-align: left;
}

@media screen and (max-width: 750px) {
  #sectRirekiJyouken .listRoom>li dl {
    display: table-cell !important;
    border-bottom: none;
  }
  #sectRirekiJyouken .listRoom>li dl dt {
    display: none;
  }
  #sectRirekiJyouken .listRoom>li dl dd {
    padding: 5px;
  }
  #sectRirekiJyouken .listRoom>li .cond {
    width: 60% !important;
    padding: 0;
  }
  #sectRirekiJyouken .listRoom>li .result {
    width: 40% !important;
  }
  #sectRirekiJyouken .listRoom>li .result dd {
    display: block;
    text-align: center !important;
  }
  #sectRirekiJyouken .listRoom>li .result dd .btn {
    width: 90%;
    font-size: 13.5px;
  }
}

/* マンション一覧
================================== */

.mansionContent {
  background-color: #fff;
  padding: 10px;
}

.mansionContent #sectMansionCond {
  margin-bottom: 20px;
}

.mansionContent #sectMansionCond>header {
  background-color: #464646;
  color: #fff;
  padding: 5px .5em;
}

.mansionContent #sectMansionCond>.sectInner {
  padding: 10px;
  border: 1px solid #D2D2D2;
}

.mansionContent #sectMansionCond .listCond {
  border: 1px solid #e9e9e9;
  display: table;
  width: 100%;
}

.mansionContent #sectMansionCond .listCond>* {
  display: table-cell;
  vertical-align: middle;
}

.mansionContent #sectMansionCond .listCond>dt {
  background-color: #F5F5F5;
  text-align: center;
  border-right: 1px solid #e9e9e9;
  width: 15%;
}

.mansionContent #sectMansionCond .listCond>dd {
  width: 85%;
  padding: 10px;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo {
  font-size: 0;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  font-size: 13.5px;
  vertical-align: top;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo li:last-child {
  margin-right: 0;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo li a {
  display: block;
  border: 1px solid #D2D2D2;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li {
  width: 30px;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li>a {
  display: block;
  background-color: #F5F5F5;
  background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
  background-image: linear-gradient(to bottom, #fff, #e9e9e9);
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li.current>a {
  background-color: #6c2c2f;
  background-image: -webkit-linear-gradient(top, #6c2c2f, #481d1f);
  background-image: linear-gradient(to bottom, #6c2c2f, #481d1f);
  color: #fff;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li.current .listChild {
  display: block;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li .listChild {
  display: none;
  width: 200px;
  margin-top: 10px;
  padding: 5px;
  background-color: #e9e9e9;
  font-size: 0;
  position: relative;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li .listChild:before {
  content: '';
  display: block;
  border-bottom: 5px solid #e9e9e9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: -5px;
  left: 10px;
  width: 0;
  height: 0;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li .listChild li {
  font-size: 11.475px;
  text-align: center;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li .listChild li a {
  background-color: #fff;
  height: 24px;
  line-height: 24px;
}

.mansionContent #sectMansionCond .listCond>dd .listAiueo>li .listChild li a:after {
  content: "";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 10px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  margin-right: 0;
  margin-left: .5em;
}

.mansionContent section.listResult>h1,
.mansionContent section.listResult h2,
.mansionContent section.listResult h3,
.mansionContent section.listResult h4,
.mansionContent section.listResult h5,
.mansionContent section.listResult h6 {
  background-color: #464646;
  padding: 5px .5em;
  font-size: 16.875px;
  color: #fff;
}

.mansionContent section.listResult .vacancy {
  width: 10%;
}

.mansionContent section.listResult .name,
.mansionContent section.listResult .addr,
.mansionContent section.listResult .access {
  width: 30%;
  padding: 0 1em;
}

.mansionContent section.listResult .listRoom>li {
  min-height: 2.5em;
}

.mansionContent section.listResult .listRoom .vacancy span {
  font-size: 11.475px;
  min-width: 5em;
  display: inline-block;
  text-align: center;
  padding: .05em .4em;
}

.mansionContent section.listResult .listRoom .vacancy .novacant {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #464646;
  color: #fff;
}

.mansionContent section.listResult .listRoom .vacancy .vacant {
  color: red;
  border: 1px solid red;
  background-color: #fff;
}

.mansionContent section.listResult .listRoom .name,
.mansionContent section.listResult .listRoom .addr,
.mansionContent section.listResult .listRoom .access {
  text-align: left;
}

@media screen and (max-width: 750px) {
  .mansionContent section.listResult .tblHCmn {
    display: none;
  }
}

/* 404ページ
================================== */

#notFoundMsg {
  text-align: center;
  font-size: 150%;
  padding: 50px 0;
}

/* ピックアップエリア用
================================== */

#sectPickupArea,
#sectPickupAreaSimple {
  width: 1000px;
  margin: 0 auto 40px;
}

#sectPickupArea:after,
#sectPickupAreaSimple:after {
  display: table;
  content: '';
  clear: both;
}

@media screen and (max-width: 750px) {
  #sectPickupArea,
  #sectPickupAreaSimple {
    width: 100%;
  }
}

#sectPickupArea>header,
#sectPickupAreaSimple>header {
  background-color: #464646;
  padding: 5px;
  display: table;
  width: 100%;
  margin-bottom: 5px;
}

#sectPickupArea>header>*,
#sectPickupAreaSimple>header>* {
  display: table-cell;
  vertical-align: middle;
}

#sectPickupArea>header h1,
#sectPickupAreaSimple>header h1 {
  color: #fff;
}

#sectPickupArea>header h3,
#sectPickupAreaSimple>header h3 {
  color: #fff;
}

#sectPickupArea>header .extra,
#sectPickupAreaSimple>header .extra {
  text-align: right;
  position: relative;
  width: 20em;
}

#sectPickupArea>header #pickupOther,
#sectPickupAreaSimple>header #pickupOther {
  padding: 0 10px;
  height: 30px;
}

#sectPickupArea>header #pickupOther span:before,
#sectPickupAreaSimple>header #pickupOther span:before {
  content: "\f0d7";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  width: 16px;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #682A2F;
  text-align: center;
  color: #fff;
}

#sectPickupArea>header #pickupOther.active span:before,
#sectPickupAreaSimple>header #pickupOther.active span:before {
  content: "\f0d8";
}

#sectPickupArea>header #listOtherArea,
#sectPickupAreaSimple>header #listOtherArea {
  display: none;
  position: absolute;
  width: 100%;
  top: 110%;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(210, 210, 210, 0.8);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  text-align: left;
}

#sectPickupArea>header #listOtherArea li a,
#sectPickupAreaSimple>header #listOtherArea li a {
  display: block;
  background-color: white;
  padding: .5em;
  margin-bottom: 1px;
}

#sectPickupArea>header #listOtherArea li:last-child a,
#sectPickupAreaSimple>header #listOtherArea li:last-child a {
  margin-bottom: 0;
}

#sectPickupArea>header #listOtherArea:before,
#sectPickupAreaSimple>header #listOtherArea:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -4px;
  filter: alpha(opactiy=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: 0.8;
  border-bottom: 4px solid #D2D2D2;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

@media screen and (max-width: 750px) {
  #sectPickupArea>header>*,
  #sectPickupAreaSimple>header>* {
    display: block;
  }
  #sectPickupArea>header h1,
  #sectPickupArea>header .extra,
  #sectPickupAreaSimple>header h1,
  #sectPickupAreaSimple>header .extra {
    text-align: center;
  }
  #sectPickupArea>header h1,
  #sectPickupAreaSimple>header h1 {
    margin-bottom: .5em;
  }
  #sectPickupArea>header .extra,
  #sectPickupAreaSimple>header .extra {
    width: auto;
  }
}

/* ピックアップスライダー部分
================================== */

#pickupSlider {
  position: relative;
  min-height: 400px;
}

#pickupSlider .slider {
  position: relative;
  display: none;
}

#pickupSlider .slider li {
  display: none;
  position: absolute;
  top: 0;
}

#pickupSlider .slider li:first-child {
  display: block;
  position: relative;
}

#pickupSlider .slider li img {
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
}

#pickupSlider .slider li p {
  display: none;
}

@media screen and (max-width: 750px) {
  #pickupSlider {
    min-height: 0;
  }
}

#pickupSliderCtrl {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 100;
}

#pickupSliderCtrl li {
  width: 60px;
  display: inline-block;
  margin-right: 2px;
  border: 1px solid transparent;
  cursor: pointer;
}

#pickupSliderCtrl li.current {
  border-color: #fff;
}

#pickupSliderCtrl li img {
  width: 100%;
}

@media screen and (max-width: 750px) {
  #pickupSliderCtrl {
    bottom: 130px;
  }
  #pickupSliderCtrl li {
    width: 16px;
    height: 16px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #464646;
    font-size: 0;
    margin-right: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  #pickupSliderCtrl li.current {
    background-color: #FD8A47;
  }
}

#pickupSliderDisp {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.8);
}

#pickupSliderDisp a {
  display: block;
  color: #fff;
  padding: 15px;
  height: 110px;
  width: 400px;
}

#pickupSliderDisp a:hover {
  text-decoration: none;
}

#pickupSliderDisp a dl dt,
#pickupSliderDisp a dl dd {
  color: #fff;
}

#pickupSliderDisp a dl dt {
  font-size: 140%;
  margin-bottom: .2em;
  line-height: 1;
}

#pickupSliderDisp a dl dd {
  font-size: 90%;
}

#pickupSliderDisp a dl dd:after {
  content: "";
  margin-left: .5em;
}

@media screen and (max-width: 750px) {
  #pickupSliderDisp {
    position: static;
  }
  #pickupSliderDisp a {
    width: auto;
    height: 120px;
  }
}

/* ピックアップエリアポイント
================================== */

#pickupAreaPoint {
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  padding: 20px;
  display: table;
  width: 100%;
}

#pickupAreaPoint>* {
  display: table-cell;
  vertical-align: middle;
}

#pickupAreaPoint h1,
#pickupAreaPoint h2,
#pickupAreaPoint h3,
#pickupAreaPoint h4,
#pickupAreaPoint h5,
#pickupAreaPoint h6 {
  font-size: 140%;
}

#pickupAreaPoint img {
  width: 100%;
}

#pickupAreaPoint #pointList {
  width: 220px;
  text-align: center;
}

#pickupAreaPoint p {
  margin-bottom: .75em;
}

#pickupAreaPoint p:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 750px) {
  #pickupAreaPoint {
    padding: 10px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
  }
  #pickupAreaPoint>* {
    display: block;
  }
  #pickupAreaPoint #pointDtl {
    margin-bottom: 10px;
  }
  #pickupAreaPoint #pointList {
    width: auto;
  }
}

/* EDIT2
================================== */

#sectPickupEdit2 {
  margin-bottom: 20px;
}

#sectPickupEdit2:after {
  display: table;
  content: '';
  clear: both;
}

#sectPickupAreaSimple #sectPickupEdit2 {
  float: left;
  width: 180px;
}

@media screen and (max-width: 750px) {
  #sectPickupAreaSimple #sectPickupEdit2 {
    padding: 10px;
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 750px) {
  #sectPickupEdit2 {
    padding: 10px;
    float: none;
    width: auto;
  }
}

/* EDIT3（左カラム）
================================== */

#sectPickupEdit3 {
  float: left;
  width: 180px;
}

@media screen and (max-width: 750px) {
  #sectPickupEdit3 {
    padding: 10px;
    float: none;
    width: auto;
  }
}

/* 右カラム
================================== */

#boxPickupMain,
#boxPickupCmn {
  float: right;
  width: 800px;
}

@media screen and (max-width: 750px) {
  #boxPickupMain,
  #boxPickupCmn {
    float: none;
    width: auto;
  }
}

#boxPickupCmn {
  padding: 20px;
  background-color: #F5F5F5;
}

@media screen and (max-width: 750px) {
  #boxPickupCmn {
    padding: 10px;
  }
}

.sectCmnPickup {
  margin-bottom: 20px;
}

.sectCmnPickup>header {
  background-color: #464646;
  padding: 5px;
  display: table;
  width: 100%;
}

.sectCmnPickup>header>* {
  display: table-cell;
  vertical-align: middle;
}

.sectCmnPickup>header h1,
.sectCmnPickup>header h2,
.sectCmnPickup>header h3,
.sectCmnPickup>header h4,
.sectCmnPickup>header h5,
.sectCmnPickup>header h6 {
  color: #fff;
}

.sectCmnPickup>header .extra {
  text-align: right;
}

.sectCmnPickup>header .extra a {
  color: #fff;
}

.sectCmnPickup>header .extra a.arrowR:before {
  content: "\f0da";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
}

.sectCmnPickup>.sectInner {
  background-color: #fff;
  padding: 20px;
}

@media screen and (max-width: 750px) {
  .sectCmnPickup>.sectInner {
    background-color: #fff;
    padding: 10px;
  }
}

/* マンション一覧
================================== */

#listMansion:after {
  display: table;
  content: '';
  clear: both;
}

#listMansion li {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}

#listMansion li:nth-child(4n) {
  margin-right: 0;
}

#listMansion li:nth-child(4n+1) {
  clear: left;
}

#listMansion li a {
  display: block;
}

#listMansion li img {
  width: 100%;
  border: 1px solid #d9d9d9;
  padding: 5px;
}

@media screen and (max-width: 750px) {
  #listMansion li {
    width: 49%;
  }
  #listMansion li:nth-child(2n) {
    margin-right: 0;
  }
  #listMansion li:nth-child(2n+1) {
    clear: left;
  }
}

/* 部屋一覧見出し
================================== */

#hPickupRooms {
  width: 1000px;
  margin: 0 auto 20px;
  padding: .5em 1em;
  text-align: center;
  background-color: #464646;
  color: #fff;
}

@media screen and (max-width: 750px) {
  #hPickupRooms {
    width: auto;
  }
}

/*


	SCSS for ブログ

*/

/* ブログ共通
================================== */

#sectBlog {
  margin-bottom: 40px;
}

#sectBlog:after {
  display: table;
  content: '';
  clear: both;
}

/* ブログ一覧
================================== */

#sectBlogList {
  background-color: #fff;
  padding: 10px;
}

#sectBlogList>header {
  margin-bottom: 10px;
}

#sectBlogList .sectInner {
  padding: 15px;
  border: 1px solid #d9d9d9;
}

#btnTatemonoRoom {
  min-width: 20em;
}

/* ブログ記事ページ
================================== */

#sectBlogArticle {
  background-color: #fff;
  padding: 10px;
}

#sectBlogArticle .backToBlogList {
  text-align: right;
  padding: 5px 0;
}

#sectBlogArticle .backToBlogList a:after {
  content: "\f105";
  display: inline-block;
  font-family: 'Fontawesome';
  font-size: 12px;
  vertical-align: middle;
  margin-right: .5em;
  text-decoration: none;
  margin-right: 0;
  margin-left: .5em;
}

#sectBlogArticle .mainImg {
  display: block;
  max-width: 500px;
  margin: 0 auto 20px;
}

#sectBlogArticle>header {
  margin-bottom: 10px;
}

#sectBlogArticle .sectInner {
  padding: 15px;
  border: 1px solid #d9d9d9;
}

#sectBlogArticle .sectInner time {
  display: inline-block;
  margin-bottom: 1em;
}

.footer-banners2 {
  width: 100%;
  margin: 50px auto 20px;
  background-color: #4F4F4F;
  color: #ffffff;
}

.footer-banners2 p {
  padding: 5px 25px;
}

.footer-banners2>ul {
  text-align: center;
  letter-spacing: -0.4em;
  padding: 10px 0;
}

.footer-banners2>ul>li {
  display: inline-block;
  margin: 10px 5px;
  letter-spacing: normal;
  font-size: .8em;
}

/* ページスタイル 2017
=======================================================*/

#sectMapSelect .selected {
  float: left;
  margin-right: 0;
}

#sectMapSelect #mapAreaContainer {
  float: right;
}

@media screen and (max-width: 750px) {
  #sectMapSelect #mapAreaContainer {
    float: none;
  }
}

#sectMapSelect #listSelectedArea.nochild.area:before {
  content: "An area list choosing is displayed.";
}

#sectPax {
  margin-bottom: zoom:1;
  text-align: center;
}

#sectPax li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#sectPax li:last-child {
  margin: 0;
}

#sectPax li:after {
  clear: both;
}

#sectPax:before,
#sectPax:after {
  content: "";
  display: table;
}

#sectPax:after {
  clear: both;
}

#paxtop_m {
  text-align: center;
}

@media screen and (max-width: 750px) {
  #sectPax {
    margin-right: 15px;
    margin-left: 15px;
  }
  #paxtop_p {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  #paxtop_m {
    display: none;
  }
}

.firstPopup {
  position: fixed;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100vh;
  width: 100vw;
  top: 0;
  display: none;
}

.firstPopupInner {
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.firstPopupInner h3 {
  text-align: center;
  font-size: 20px;
}

.firstPopup .firstPopupInner>header {
  color: #fff;
  padding: 5px 10px;
  background-color: #464646;
}

.firstPopupContent {
  padding: 30px;
}

.firstPopupContent p {
  margin-top: 10px;
}

.firstPopupContent p:first-child {
  margin-top: 0;
  color: #FD8A47;
  display: inline-block;
}

.firstPopupContent .title {
  margin: auto;
  width: 230px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 3 */
}

.firstPopupContent .btnArea span {
  display: inline-block;
  background-size: contain;
  height: 40px;
  width: 180px;
  background-image: url(../img/common/logo.gif);
  background-repeat: no-repeat;
  border: 1px solid #b4b4b4;
  background-position-x: 50%;
}

.firstPopupContent p:last-child {
  margin-top: 10px;
  text-align: center;
}

.firstPopupBtn {
  vertical-align: baseline;
  border-radius: 3px;
  display: inline-block;
  width: 40px;
  height: 30px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  border: 2px solid #b4b4b4;
  background-color: #F5F5F5;
  background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
  background-image: linear-gradient(to bottom, #fff, #e9e9e9);
}

.firstPopupBtn:before {
  content: '';
  display: block;
  text-indent: 0;
  width: 40px;
  height: 30px;
  background: url(../img/common/ico_prop.png) no-repeat;
  background-position: 0 -30px;
  position: relative;
  left: -2px;
  top: -2px;
}

@media screen and (max-width: 750px) {
  .firstPopupInner {
    width: 80%;
    max-width: 300px;
    display: block;
  }
  .firstPopupContent {
    padding: 10px;
  }
  .firstPopupInner h3 {
    text-align: center;
    font-size: 16px;
  }
}

/* 180402 */

#roomPMM #figMatori .loupe {
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
}
.recommendGallerySectionWrapper {
  border-top: 1px dotted #464646;
  margin: 60px 0 0;
  padding: 60px 0 0;
}

.recommendGalleryWrapper {
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 20px;
}
.recommendGalleryWrapper .bx-wrapper {
  position: relative;
}

.recommendGalleryWrapper .bx-prev {
  position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    text-indent: -9999px;
    z-index: 9999;
}

.recommendGalleryWrapper .bx-wrapper .bx-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  text-indent: -9999px;
  z-index: 9999;
  background-position: 0 -44px;
  right: -30px;
}
.recommendGalleryWrapper .bx-wrapper .bx-prev,
.recommendGalleryWrapper .bx-wrapper .bx-next {
  width: 18px;
  height: 34px;
  background-image: url(../img/common/slider_ctrl_brown.png);
  background-repeat: no-repeat;
}
.recommendGalleryWrapper .bx-wrapper .bx-loading {
  display: none;
}

.recommendGallery__text--bold {
  font-weight: bold;
}
.recommendGallery__text--bold > span {
  font-weight: bold;
}
.recommendGallerySection__close-wrapper {
  display: none;
}
.recommend-button-wrapper {
  display: none;
}
@media screen and (max-width: 750px) {
  .recommendGallerySectionOnlyPc {
    display: none;
  }
  .recommendGallerySection__close-wrapper {
    display: block;
    text-align: center;
  }
  .recommendGallerySection {
    margin: 0 8px;
    padding: 20px 10px 40px;
    background-color: #fff;
    width: 100%;
  }
  .recommendGallerySectionWrapper{
    margin: 0;
    padding: 0;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: -1;
    visibility: hidden;
  }
  .recommendGallery__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .recommendGallery__item > * {
    flex: 0 1 auto;
  }
  .recommendGallerySection__close {
    margin: 20px auto 0;
    display: inline-block;
    text-decoration: underline;
  }
  .recommend-button-wrapper {
    display: block;
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: rgba( 0, 0, 0, .8);
    z-index: -1;
    transition: opacity 1000ms;
  }
  .recommend-button-wrapper[aria-hidden="false"] {
    display: block;
    opacity:1;
    z-index: 10000;
  }
  .recommend-button {
    display: block;
  }
  .recommend-button img {
    display: block;
    width: 100%;
    height: auto;
  }
}