@charset "UTF-8";
.sp-only, .sp-only-ib {
  display: none; }

.pc-only {
  display: block; }

.pc-only-ib {
  display: inline-block; }

table.pc-only {
  display: table; }

/* --- PC --- */
.btn-menu-sp {
  display: none; }

div#header .tel {
  display: none; }

@media screen and (max-width: 767px) {
  /* --- Common --- */
  .sp-only {
    display: block; }

  .sp-only-ib {
    display: inline-block; }

  .pc-only, table.pc-only, .pc-only-ib {
    display: none; }

  /* Layout */
  #wrapper,
  div#header,
  div#navi,
  div#left,
  div#main,
  div#footer {
    width: initial; }

  #wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
    #wrapper div#header {
      order: 1; }
    #wrapper div#navi {
      order: 2; }
    #wrapper div#left {
      order: 5; }
    #wrapper div#main {
      order: 4; }
    #wrapper .contents-search {
      order: 3; }
    #wrapper .txt-condition {
      order: 6; }
    #wrapper div#footer {
      order: 7; }

  div#main, div#left {
    padding: 0 10px; }

  /* 横幅固定をリセット */
  #main h1, div#block, table {
    width: initial; }

  /* マージン・パディングをリセット */
  div#block {
    margin: 0;
    padding: 0; }

  /* Form */
  input[type="text"],
  input[type="password"],
  textarea, .dir-mail3 input:not([type="radio"]):not([type="checkbox"]):not([type="image"]) {
    border: 1px solid #bbb;
    padding: .5em;
    margin: .25em;
    max-width: 80%; }

  input[type="submit"] {
    padding: 1em; }

  /* 右カラム */
  #left #mail {
    width: 100%;
    background-color: #28429F;
    border-radius: 6px; }
    #left #mail a {
      text-decoration: none; }
    #left #mail .tit, #left #mail .txt, #left #mail .note {
      background: none; }
    #left #mail .tit {
      display: inline-block;
      border-radius: 7px 7px 0 0;
      overflow: hidden; }

  /* Hidden */
  #topStationRanking,
  #news,
  #menu,
  #search_top,
  #search_body,
  #area_foot,
  .title-up,
  #stationIndex,
  #areaIndex .ward01,
  #areaIndex .ward02,
  #areaIndex .ward03,
  #areaIndex .ward04,
  #footer > ul,
  #area {
    display: none; }

  #wrapper {
    position: relative; }

  /* Header */
  div#header {
    background-color: #fff;
    background: url("image/smartphone/topimg.jpg") no-repeat 0 bottom;
    height: initial;
    padding: 10px 10px 7px;
    position: relative;
    z-index: 100; }
    div#header:after {
      content: "";
      display: none;
      width: 100%;
      height: 68px;
      background: url("image/smartphone/contact_us.png") no-repeat center center;
      border: 1px solid #ccc;
      border-radius: 5px; }
    div#header .tel {
      display: block;
      width: 100%;
      height: 68px;
      background: url("image/smartphone/contact_us.png") no-repeat center center;
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
      white-space: nowrap;
      text-indent: 100%; }
    div#header h1 {
      padding-right: 40px;
      margin-bottom: 90px; }

  .btn-menu-sp {
    display: block;
    width: 36px;
    height: 40px;
    background: url("image/smartphone/menu_sp.png") no-repeat 0 0;
    background-size: 36px auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    top: 10px;
    right: 10px; }

  /* navi */
  div#navi {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 120px;
    left: 0;
    display: none; }
    div#navi ul {
      height: auto;
      width: 100%;
      background: none;
      position: relative;
      z-index: 200; }
    div#navi li {
      float: none; }
      div#navi li#navHome {
        width: initial;
        height: initial;
        text-indent: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, #fff));
        background: -webkit-linear-gradient(#fff, #f1f1f1);
        background: -moz-linear-gradient(#fff, #f1f1f1);
        background: -o-linear-gradient(#fff, #f1f1f1);
        background: -ms-linear-gradient(#fff, #f1f1f1);
        background: linear-gradient(#fff, #f1f1f1); }
        div#navi li#navHome a, div#navi li#navHome a:hover {
          background-image: url("image/smartphone/navi.png");
          background-repeat: no-repeat;
          background-position: center 0; }
      div#navi li#navSearch {
        width: initial;
        height: initial;
        text-indent: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, #fff));
        background: -webkit-linear-gradient(#fff, #f1f1f1);
        background: -moz-linear-gradient(#fff, #f1f1f1);
        background: -o-linear-gradient(#fff, #f1f1f1);
        background: -ms-linear-gradient(#fff, #f1f1f1);
        background: linear-gradient(#fff, #f1f1f1); }
        div#navi li#navSearch a, div#navi li#navSearch a:hover {
          background-image: url("image/smartphone/navi.png");
          background-repeat: no-repeat;
          background-position: center -36px; }
      div#navi li#navreq {
        width: initial;
        height: initial;
        text-indent: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, #fff));
        background: -webkit-linear-gradient(#fff, #f1f1f1);
        background: -moz-linear-gradient(#fff, #f1f1f1);
        background: -o-linear-gradient(#fff, #f1f1f1);
        background: -ms-linear-gradient(#fff, #f1f1f1);
        background: linear-gradient(#fff, #f1f1f1); }
        div#navi li#navreq a, div#navi li#navreq a:hover {
          background-image: url("image/smartphone/navi.png");
          background-repeat: no-repeat;
          background-position: center -72px; }
      div#navi li#navCampanyInfo {
        width: initial;
        height: initial;
        text-indent: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, #fff));
        background: -webkit-linear-gradient(#fff, #f1f1f1);
        background: -moz-linear-gradient(#fff, #f1f1f1);
        background: -o-linear-gradient(#fff, #f1f1f1);
        background: -ms-linear-gradient(#fff, #f1f1f1);
        background: linear-gradient(#fff, #f1f1f1); }
        div#navi li#navCampanyInfo a, div#navi li#navCampanyInfo a:hover {
          background-image: url("image/smartphone/navi.png");
          background-repeat: no-repeat;
          background-position: center -108px; }
      div#navi li#navrent {
        width: initial;
        height: initial;
        text-indent: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, #fff));
        background: -webkit-linear-gradient(#fff, #f1f1f1);
        background: -moz-linear-gradient(#fff, #f1f1f1);
        background: -o-linear-gradient(#fff, #f1f1f1);
        background: -ms-linear-gradient(#fff, #f1f1f1);
        background: linear-gradient(#fff, #f1f1f1); }
        div#navi li#navrent a, div#navi li#navrent a:hover {
          background-image: url("image/smartphone/navi.png");
          background-repeat: no-repeat;
          background-position: center -144px; }
      div#navi li.nav-rent {
        width: initial;
        height: initial;
        text-indent: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, #fff));
        background: -webkit-linear-gradient(#fff, #f1f1f1);
        background: -moz-linear-gradient(#fff, #f1f1f1);
        background: -o-linear-gradient(#fff, #f1f1f1);
        background: -ms-linear-gradient(#fff, #f1f1f1);
        background: linear-gradient(#fff, #f1f1f1); }
        div#navi li.nav-rent a, div#navi li.nav-rent a:hover {
          background-image: url("image/smartphone/navi.png");
          background-repeat: no-repeat;
          background-position: center -144px; }
      div#navi li#navInquiry {
        width: initial;
        height: initial;
        text-indent: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, #fff));
        background: -webkit-linear-gradient(#fff, #f1f1f1);
        background: -moz-linear-gradient(#fff, #f1f1f1);
        background: -o-linear-gradient(#fff, #f1f1f1);
        background: -ms-linear-gradient(#fff, #f1f1f1);
        background: linear-gradient(#fff, #f1f1f1); }
        div#navi li#navInquiry a, div#navi li#navInquiry a:hover {
          background-image: url("image/smartphone/navi.png");
          background-repeat: no-repeat;
          background-position: center -180px; }
      div#navi li#navrent {
        display: none; }
    div#navi a {
      display: block;
      height: initial;
      height: 36px;
      width: 100%;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }

  /* Title */
  #main h1 {
    height: auto;
    padding-bottom: 50px;
    background-position: right bottom; }

  /* TOP */
  div#main_image {
    width: 100%;
    height: initial;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #eee), color-stop(0, #fff));
    background: -webkit-linear-gradient(#fff, #eee);
    background: -moz-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: -ms-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee); }
    div#main_image:before {
      content: "";
      display: block;
      height: 90px;
      width: 100%;
      background: url("image/smartphone/main_title.png") no-repeat center center;
      background-size: 280px auto;
      border-bottom: 1px dashed #ccc; }
    div#main_image p {
      margin: 10px;
      padding: 18px 106px 18px 0;
      background: url("image/smartphone/main_img.jpg") no-repeat right center;
      background-size: 106px auto; }

  #areaIndex {
    width: 100%;
    padding: 0; }
    #areaIndex ul.link-btn {
      width: initial;
      margin: 10px;
      padding: 0;
      float: none;
      overflow: hidden; }
      #areaIndex ul.link-btn li {
        display: block;
        width: 50%;
        padding: 0;
        margin: 0;
        border: none;
        float: left; }
        #areaIndex ul.link-btn li a {
          display: block;
          margin: 5px;
          padding: 10px;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2A44A3), color-stop(0, #3555cb));
          background: -webkit-linear-gradient(#3555cb, #2A44A3);
          background: -moz-linear-gradient(#3555cb, #2A44A3);
          background: -o-linear-gradient(#3555cb, #2A44A3);
          background: -ms-linear-gradient(#3555cb, #2A44A3);
          background: linear-gradient(#3555cb, #2A44A3);
          border: 1px solid #20337a;
          color: #fff;
          text-decoration: none;
          text-align: center;
          font-size: 140%;
          font-weight: bold;
          border-radius: 4px; }

  /* list.php 物件一覧 */
  div#list {
    overflow: auto;
    white-space: nowrap; }
    div#list::-webkit-scrollbar {
      height: 5px; }
    div#list::-webkit-scrollbar-track {
      background: #F1F1F1; }
    div#list::-webkit-scrollbar-thumb {
      background: #BCBCBC; }
    div#list table {
      width: 100% !important; }
      div#list table tr th:nth-of-type(5), div#list table tr td:nth-of-type(5),
      div#list table tr th:nth-of-type(8), div#list table tr td:nth-of-type(8),
      div#list table tr th:nth-of-type(9), div#list table tr td:nth-of-type(9) {
        display: none; }

  .dir-list #main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .dir-list #main #guide, .dir-list #main h1, .dir-list #main .pink_font_center {
      order: 1; }
    .dir-list #main .wrap-search_condition {
      order: 2; }
    .dir-list #main .right_font, .dir-list #main #coment, .dir-list #main #list, .dir-list #main .right_font {
      order: 3; }
    .dir-list #main .right_font {
      text-align: center; }
      .dir-list #main .right_font > span {
        display: block;
        margin: 15px 0 0 !important;
        float: none !important; }
  .dir-list .title-search_condition {
    padding: 5px 10px;
    background-color: #F5C839;
    margin-bottom: 0;
    font-size: 140%;
    font-weight: bold;
    position: relative; }
    .dir-list .title-search_condition:before {
      content: "";
      width: 40px;
      height: 32px;
      display: inline-block;
      background: url("/image/risearch-1.jpg") no-repeat 0 0;
      vertical-align: middle; }
    .dir-list .title-search_condition:after {
      content: "";
      display: block;
      width: 24px;
      height: 24px;
      background: url("/image/smartphone/icon-plus.png") no-repeat 0 0;
      background-size: 24px auto;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -12px;
      transition: 0.5s; }
    .dir-list .title-search_condition.is-active:after {
      transform: rotate(45deg); }
  .dir-list div#search_condition {
    width: 100%;
    float: none; }
    .dir-list div#search_condition #search {
      display: none; }

  .txt-condition {
    padding: 0 10px;
    margin-bottom: 20px; }
    .txt-condition h2 {
      padding: .25em .5em;
      background-color: #B7D66E;
      margin-bottom: 0.5em; }
      .txt-condition h2:before {
        content: "";
        height: 43px;
        width: 43px;
        display: inline-block;
        background: url("image/keyword_img.jpg") no-repeat 0 0;
        vertical-align: top; }

  /* 物件詳細 */
  .dir-detail #map, .dir-detail #viewArea {
    width: 100% !important; }
  .dir-detail #photo {
    width: 100%;
    height: initial;
    float: none; }
    .dir-detail #photo a {
      display: block;
      text-align: center; }
  .dir-detail #detail {
    width: 100%;
    float: none; }
    .dir-detail #detail table {
      width: 100% !important; }

  div#free {
    width: 100%;
    margin-top: 20px;
    float: none;
    text-align: center;
    overflow: hidden;
    background: url("./image/smartphone/free_bg.jpg") repeat 0 0; }
    div#free > p {
      padding: 20px 0;
      margin: 0;
      background-color: #fff; }
      div#free > p a {
        display: block; }

  div#free_top, div#free_body, div#free_bottom {
    display: block;
    width: initial; }

  div#free_top {
    height: 40px;
    background: url("./image/smartphone/free_title.png") no-repeat center 15px; }

  div#free_body {
    background: none;
    padding: 10px; }
    div#free_body p {
      padding: 10px;
      background-color: #fff;
      border: 1px solid #888;
      border-radius: 6px; }

  div#free_bottom {
    display: none; }

  /* お問い合わせ */
  div#block .table-form, .table-form {
    display: block;
    background: none; }
    div#block .table-form thead, div#block .table-form tbody, div#block .table-form tr, .table-form thead, .table-form tbody, .table-form tr {
      display: block; }
    div#block .table-form tr, .table-form tr {
      width: 100%; }
    div#block .table-form th, div#block .table-form td, .table-form th, .table-form td {
      display: block;
      width: initial;
      border: none;
      padding: .5em 0; }
    div#block .table-form table, .table-form table {
      width: 100%; }
      div#block .table-form table td, .table-form table td {
        border-bottom: 1px dotted #ccc; }

  div#block .table-form-error, .table-form-error {
    display: block;
    width: 100%;
    background: none;
    background-color: #fcc;
    border: 1px solid #ca4d4d; }
    div#block .table-form-error thead, div#block .table-form-error tbody, div#block .table-form-error tr, .table-form-error thead, .table-form-error tbody, .table-form-error tr {
      display: block; }
    div#block .table-form-error th, div#block .table-form-error td, .table-form-error th, .table-form-error td {
      display: block;
      border: none; }
    div#block .table-form-error th, .table-form-error th {
      background-color: #ca4d4d; }
    div#block .table-form-error td, .table-form-error td {
      padding: .5em 1em; }

  /* --- mail3 --- */
  .dir-mail3 #header {
    order: 1; }
  .dir-mail3 #navi {
    order: 2; }
  .dir-mail3 #guide {
    order: 3; }
  .dir-mail3 #contents {
    order: 4;
    width: 100%; }
  .dir-mail3 #footer {
    order: 5; }
  .dir-mail3 #guide {
    padding: 0 10px; }
  .dir-mail3 #contents h2, .dir-mail3 #contents h3 {
    overflow: hidden; }
  .dir-mail3 #contents form table {
    border: none; }
  .dir-mail3 #contents form th, .dir-mail3 #contents form td {
    border: none; }
  .dir-mail3 #contents form th {
    background-color: #eee; }
  .dir-mail3 input[name="menseki2"], .dir-mail3 input[name="address"] {
    max-width: 90%; } }
/* --- PC共通 --- */
.dir-detail div#photo {
  text-align: center; }
  .dir-detail div#photo a {
    display: inline-block;
    position: relative;
    margin-bottom: 15px; }
    .dir-detail div#photo a:after {
      content: "";
      display: block;
      width: 18px;
      height: 18px;
      background: url("image/icon-zoom_up.png");
      position: absolute;
      bottom: 0;
      right: 0; }