@charset "UTF-8";
/*========================================*/
/* Common
/*========================================*/
/* 2020/12/12 irima add
 * 文字色変更
 */
.topNbuid {
    color: #b82029;
}
/*========================================*/
/* Foundation
/*========================================*/
#roomlist04 .contents-menu-wrap {
  margin-bottom: 0; }
#roomlist04 .fixed-footer--a {
  display: none; }
#roomlist04 .fixed-footer--c {
  display: block; }
#roomlist04 .section-room .main-heading02 {
  display: none; }
@media print, screen and (min-width: 800px) {
  #roomlist04 #breadcrumb {
    margin-bottom: 25px; }
  #roomlist04 .section-room .main-heading02 {
    display: block;
    text-align: center;
    margin-bottom: 15px; }
  #roomlist04 .section-room {
    margin-bottom: 50px; } }
@media print, screen and (min-width: 1280px) {
  #roomlist04 .l-wrapper {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 60px; }
  #roomlist04 .l-main {
    width: calc(100% - 260px); }
  #roomlist04 .l-side {
    width: 230px; } }

/* room header部分 */
.apartment-header-right {
  display: none; }
.apartment-header-tags {
  display: none; }
.apartment-header .apartment-name {
  font-size: 1.7rem;
  font-weight: bold;
  position: relative;
  padding: 18px 10px 14px 18px; }
  .apartment-header .apartment-name-sub {
    display: none; }

  .apartment-header .apartment-name-info{
    font-size: 1.2rem;
    margin-left: 20px;
    color: #4c4c4c;
  }

  /* 3d icon対応 start */
  .apartment-name-info .article_3d_url a {
    color: initial;
    text-decoration: underline;
  }
  /* end */

  .apartment-header .apartment-name .label-apartmentnew{
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 1.1rem;
    text-align: center;
    font-style: normal;
    margin: 0 5px 0 0;
  }

.apartment-header .apartment-name-main {
  font-family: "Ubuntu", sans-serif;
}


@media print, screen and (min-width: 800px) {
  .apartment-header {
    display: flex;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-bottom: 30px; }
    .apartment-header-left {
      width: 340px; }
    .apartment-header-right {
      width: calc(100% - 340px);
      display: block; }
    .apartment-header-tags {
      display: block;
      font-size: 0;
      margin-bottom: 16px; }
      .apartment-header-tags li {
        display: inline-block;
        background: #4d4d4d;
        color: #fff;
        font-size: 1.0rem;
        height: 22px;
        line-height: 22px;
        padding: 0 8px;
        font-weight: bold; }
        .apartment-header-tags li.special {
          background: #000; }
    .apartment-header .apartment-name {
      padding: 0 0 10px 0px;
      height: auto;
      line-height: 1;
      display: flex;  }
      .apartment-header .apartment-name-info, .apartment-header .apartment-name-sub,
      .apartment-header .apartment-name .label-apartmentnew {
        display: block; }
      .apartment-header .apartment-name .label-apartmentnew {
        position: relative;
        width: 40px;
        height: 34px;
        margin-right: 10px;
        background: #000;
        color: #fff;
        font-size: 1.2rem;
        line-height: 34px;
        text-align: center;
        font-style: normal;
        padding:0;}
      .apartment-header .apartment-name-main {
        display: block;
        font-size: 2.0rem;
        margin-bottom: 5px; }
      .apartment-header .apartment-name-sub {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 10px; }
      .apartment-header .apartment-name-info {
        font-size: 1.2rem;
        margin-left: 0;
        margin-bottom: 10px;
        color: #000; }
      .apartment-header .apartment-name::after {
        content: none; }
    .apartment-header .apartment-header-list {
      display: flex;
      width: 100%;
      padding: 10px 0; }
      .apartment-header .apartment-header-list > li {
        min-height: 87px;
        display: none;
        padding-left: 12px;
        border-left: 1px solid #999999; }
        .apartment-header .apartment-header-list > li:last-child, .apartment-header .apartment-header-list > li:nth-child(2) {
          display: block; }
        .apartment-header .apartment-header-list > li:nth-child(2) {
          width: 140px; }
        .apartment-header .apartment-header-list > li:last-child {
          width: calc(100% - 140px); }
    .apartment-header .apartment-header-listTtl {
      font-size: 1.4rem;
      font-weight: bold;
      padding: 7px 0 5px; }
      .apartment-header .apartment-header-listTtl--spec {
        padding: 7px 0 5px; }
    .apartment-header .apartment-header-listText {
      font-size: 1.1rem;
      line-height: 1.5;
      font-weight: bold; }
    .apartment-header .apartment-header-listSpec li {
      display: inline-block;
      font-size: 1.1rem;
      line-height: 1.5;
      color: #4c4c4c;
      margin-bottom: 2px;
      margin-right: 10px; } }
@media print, screen and (min-width: 1280px) {
  /* 2021/09/16 物件詳細のSPECと部屋詳細のSPECで長さ（段数も）が異なる対応
  .apartment-header-left {
    width: 480px; }
  .apartment-header-right {
    width: calc(100% - 480px); }*/
  .apartment-header-left {
    width: 506px; }
  .apartment-header-right {
    width: calc(100% - 506px); }
  .apartment-header-tags li {
    font-size: 1.1rem;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    margin-right: 1px;
  }
  .apartment-header .apartment-header-list > li {
    min-height: 87px;
    display: block;
    padding-left: 12px;
    border-left: 1px solid #999999;
    width: 170px; }
    .apartment-header .apartment-header-list > li:last-child {
      width: calc(100% - 490px); }
  .apartment-header .apartment-header-listText + .apartment-header-listText {
    margin-top: 0px; } }

/* 注意事項 */
.other-caption {
  padding: 30px 20px 35px;
  background: #f6f6f6; }
  .other-caption-ttl {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px; }
  .other-caption-text {
    font-size: 1.3rem;
    line-height: 1.5; }
  @media print, screen and (min-width: 800px) {
    .other-caption {
      background: none;
      padding: 0;
      margin-bottom: 95px; }
      .other-caption-ttl {
        margin-bottom: 25px; }
        .other-caption-ttl span {
          display: inline-block;
          font-size: 1.6rem;
          padding-bottom: 10px;
          border-bottom: 4px solid #000; }
      .other-caption-text {
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.8; } }

/* room-tabmenu */
.room-floor-tab {
  font-size: 0;
  margin-bottom: 28px; }
  .room-floor-tab li {
    display: inline-block;
    margin-right: 1px; }
    .room-floor-tab li a {
      display: flex;
      width: 100%;
      padding: 0 15px;
      height: 40px;
      border: 1px dotted #808080;
      font-size: 1.2rem;
      -webkit-align-items: center;
      align-items: center;
      font-weight: bold; }
      .room-floor-tab li a.is-current {
        background: #000;
        color: #fff;
        border: 1px solid #000; }
  @media print, screen and (min-width: 800px) {
    .room-floor-tab {
      text-align: center;
      margin-bottom: 10px; }
      .room-floor-tab li {
        margin: 0 10px; }
        .room-floor-tab li a {
          display: block;
          width: 100%;
          padding: 0;
          border: none;
          font-size: 1.3rem;
          color: #8d8d8d; }
          .room-floor-tab li a.is-current {
            background: none;
            color: #000;
            border: none; } }

/* 部屋リスト */


.room-list {
  display: flex;
  -webkit-justify-content: start;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
   padding: 0 12px 0px; }

  @media print, screen and (min-width: 800px) {
    .room-list {
      margin-bottom: 10px;
    }
  }

  @media print, screen and (min-width: 1280px) {
    .room-list {
    padding: 0 0 20px; } }

.room-post {
  display: flex;
  -webkit-justify-content: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  width: 100%;
  position: relative;
  border: #4d4d4d dotted 1px;
  margin-bottom: 10px;
}

.room-desc {
  padding: 0;
  text-align: left;
  font-family: "Ubuntu", sans-serif;
}

.room-post a{
  padding: 20px;
  text-align: center;
}
.room-post a .imgListBox img {
  margin: 30px auto;
  height: 160px;
  width: auto;
 }


@media print, screen and (min-width: 800px) {
  .room-post {
    width: calc(50% - 7px);
    margin-bottom: 14px;
  }

  .room-post a {
    display: flex;
  }

  .room-post a .imgListBox{
    margin: 0;
    padding: 0;
    width: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }

  .room-post a .imgListBox img{
    height: 200px;
  }

  .room-post a .room-desc{
    width: calc(50% - 40px);
    margin: 70px 0 0 20px;
    padding: 0;
    display: inline-block;
  }
}


@media print, screen and (min-width: 1280px) {
 .room-post {
  }
}

.room-post a {
  display: block;
  width: 100%;
  position: relative;
}

.room-post a::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  position: absolute;
  bottom: 20px;
  right: 20px;
}

@media print, screen and (min-width: 800px) {
  .room-post a::after {
    width: 23px;
    height: 23px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    bottom: 26px;
    right: 26px;
  }
}
  .room-post a.is-reserved {
    background: #f9f9f9; }
    .room-post a.is-reserved img {
      opacity: .5; }
    .room-post a.is-reserved .room-desc {
      opacity: .6; }
  .room-post:nth-child(n + 3) {
    margin-top: 6px; }
    @media print, screen and (min-width: 800px) {
      .room-post:nth-child(n + 3) {
        margin-top: 4px; } }
    @media print, screen and (min-width: 1280px) {
      .room-post:nth-child(n + 3) {
        margin-top: 0; } }
  .room-post img {
    /* 2018/11/06 change
     * 画像は縦優先で中央寄せ
     */
    /*width: 100%;*/
    margin: 0 auto;/* 中央寄せ */ }

  .room-post .room-desc .room-number img {
    display: inline-block;
  /**  vertical-align: baseline;*/
    margin-left: .5em;
    width: 36px;
    height: 21px;
  }
  

  .room-post .nairan-label {
    padding: 4px 7px;
    font-weight: bold;
    font-size: 1.3rem;
    text-transform: uppercase;
     vertical-align: 3px;
     margin-right: 10px;
    background: #b82029;
    color: #fff;
    font-style: normal;}
    .room-post .nairan-label--reserved {
      background: #505050; }
    @media print, screen and (min-width: 800px) {
      .room-post .nairan-label {
        min-width: 58px;
        height: 26px;
        line-height: 26px; } }

.room-number {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 7px;
  border-bottom: #999 solid 1px;
  padding-bottom: 10px;}
  .room-number .room-label {
    padding: 5px;
    display: inline-block;
    font-style: normal;
    margin-left: 7px;
    font-size: 1.1rem;
    background: #000;
    color: #fff;
    line-height: 14px;
    text-align: center;
    vertical-align: middle; }
  @media print, screen and (min-width: 800px) {
    .room-number {
      margin-bottom: 12px;
      font-size: 2.2rem;
  }
      .room-number .room-label {
        font-size: 1.3rem;
        line-height: 16px;
        vertical-align: 3px; } }
.room-text {
  display: flex;
}

.room-text li {
  width: 50%;
  font-size: 1.4rem;
  line-height: 1.6; }
@media print, screen and (min-width: 800px) {
  .room-text {
    font-size: 0; }
    .room-text li {
      font-size: 1.4rem;
      display: inline-block;
      width: 50%; } }

.room-text-other {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 5px;
  padding-right: 20px; }
  @media print, screen and (min-width: 800px) {
    .room-text-other {
      font-size: 1.4rem; } }

/* PDF list */
.room-pdf-list {
    text-align: center;
}
.room-pdf-list li {
}
.room-pdf-list li i {
    /*position: absolute;
    top: 0;
    left: 0;*/
    min-width: 45px;
    padding: 0 5px;
    height: 24px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 24px;
    text-transform: uppercase;
    background: #b82029;
    color: #fff;
    font-style: normal;
}
.room-pdf-list li a {
    font-size: 1.2rem;
}
@media print, screen and (min-width: 800px) {
    .room-pdf-list {
        text-align: center;
    }
    .room-pdf-list li {
    }
    .room-pdf-list li i {
        min-width: 58px;
        height: 26px;
        line-height: 26px;
    }
    .room-pdf-list li a {
        font-size: 1.0rem;
    }
}