@charset "UTF-8";
/* レンタルスペース独自 */
/* //レンタルスペース独自 */
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

/* --- 共通 --- */
#rentalspace .slidemain .photo .inner.p01 {
  background: url("../images/slide01.jpg") center center; }
#rentalspace .slidemain .photo .inner.p02 {
  background: url("../images/slide02.jpg") center center; }
#rentalspace .slidemain .photo .inner.p03 {
  background: url("../images/slide03.jpg") center center; }
#rentalspace .slidemain .photo .inner.p04 {
  background: url("../images/slide04.jpg") center center; }
#rentalspace .slidemain .photo .inner.p05 {
  background: url("../images/slide05.jpg") center center; }

.contents {
  padding-top: 50px;
  padding-bottom: 50px; }
  .contents .ttl-en {
    text-align: center; }

.optionBtn {
  margin-bottom: 4rem; }
  .optionBtn ul {
    text-align: center; }
  .optionBtn li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 46%;
    margin: 1%;
    max-width: 400px; }
    @media screen and (max-width: 768px) {
      .optionBtn li {
        width: 100%;
        margin: 0 auto 2rem; } }
    .optionBtn li a {
      display: block;
      font-size: 1rem;
      line-height: 1.4;
      transition: .4s; }
      .optionBtn li a:hover {
        opacity: 0.5; }
    .optionBtn li .txt1 {
      font-size: 1.2em;
      box-sizing: border-box;
      border: 1px solid #000;
      padding: 1rem 0;
      background: #fff; }
    .optionBtn li .txt2 {
      font-size: 0.7em;
      background: #000;
      color: #fff;
      padding: 5px 0; }
    .optionBtn li .txt3 {
      font-size: 0.85em;
      margin-top: 0.5rem; }

.rs_logo {
  text-align: center;
  padding: 4rem 0;
  width: 60%;
  margin: auto; }
  .rs_logo img {
    width: 100%;
    height: auto; }

/* --- //共通 --- */
#rentalspace {
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  font-weight: 300;
  /* --- サブページ --- */
  /*.btn-rs-2{
      margin-top: $sukima;
      @include flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      width: 100%;
      li{
        width: calc((100% - (1.5rem * 2)) / 2);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border:solid 1px #D87831;
        border-radius: .5rem;
        background-position: top left;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size:80% 100%;
        transition:.3s ease;
        cursor: pointer;
        position: relative;
        &:hover{
          opacity: .7;
        }
        &.btn-rs-01-2{
          background-image: url("../images/btn-rs-01.jpg");
          @media only screen and (-webkit-min-device-pixel-ratio: 2) {
            background-image: url("../images/btn-rs-01@2x.jpg");
          }
        }
        &.btn-rs-02-2{
          background-image: url("../images/btn-rs-02.jpg");
          @media only screen and (-webkit-min-device-pixel-ratio: 2) {
            background-image: url("../images/btn-rs-02@2x.jpg");
          }
        }
        &.btn-rs-03-2{
          background-image: url("../images/btn-rs-03.jpg");
          @media only screen and (-webkit-min-device-pixel-ratio: 2) {
            background-image: url("../images/btn-rs-03@2x.jpg");
          }
        }
        @media screen and (max-width: $sumaho){
          width: 100%;
          margin-top: 1rem;
        }
      }
      .btn-rs-txt{
        margin-left: 50%;
        height: 100%;
        background: #fff;
        border-radius: 0 .5rem .5rem 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1rem;
        transition:.3s ease;
        overflow: hidden;
        &::after{
          content:'';
          display: inline-block;
          width: 20px;
          height: 20px;
          z-index:99;
          border-spacing: 0;
          border-bottom: 2px solid #ccc;
          border-right: 2px solid #ccc;
          top: 50%;
          right: 30px;
          position: absolute;
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          opacity: 0;
          transition:.3s ease;
        }
        &:hover{
          &::after{
            right: 5px;
            opacity: 1;
          }
        }
        .rs-place{
          text-align: center;
          font-size: .9rem;
        }
        .rs-name{
          text-align: center;
          margin-top: .5rem;
          line-height: 1.5;
        }
        .rs-txt{
          text-align: left;
          margin-top: 1rem;
          font-size: .75rem;
          line-height: 1.7;
        }
        
      }
    }*/ }
  #rentalspace a {
    text-decoration: none;
    color: #000; }
    #rentalspace a:hover, #rentalspace aactive {
      text-decoration: none;
      color: #000; }
  #rentalspace .pc {
    display: block; }
    @media screen and (max-width: 768px) {
      #rentalspace .pc {
        display: none; } }
  #rentalspace .sp {
    display: none; }
    @media screen and (max-width: 768px) {
      #rentalspace .sp {
        display: block; } }
  #rentalspace .rs-note {
    font-size: .625rem; }
  #rentalspace .rs-right {
    text-align: right; }
  #rentalspace .wrapper {
    width: 100%;
    max-width: 2800px;
    background-repeat: repeat-y;
    background-position: center top;
    background-image: url("../images/bg.jpg"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      #rentalspace .wrapper {
        background-image: url("../images/bg@2x.jpg");
        background-size: contain; } }
  #rentalspace .rs-main {
    /*.btn-rs{
      margin-top: $sukima;
      @include flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      width: 100%;
      li{
        width: calc((100% - (1.5rem * 2)) / 3);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border:solid 1px #D87831;
        border-radius: .5rem;
        background-position: top center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size:100% 80%;
        transition:.3s ease;
        cursor: pointer;
        &:hover{
          opacity: .7;
        }
        &.btn-rs-01{
          background-image: url("../images/btn-rs-01.jpg");
          @media only screen and (-webkit-min-device-pixel-ratio: 2) {
            background-image: url("../images/btn-rs-01@2x.jpg");
          }
        }
        &.btn-rs-02{
          background-image: url("../images/btn-rs-02.jpg");
          @media only screen and (-webkit-min-device-pixel-ratio: 2) {
            background-image: url("../images/btn-rs-02@2x.jpg");
          }
        }
        &.btn-rs-03{
          background-image: url("../images/btn-rs-03.jpg");
          @media only screen and (-webkit-min-device-pixel-ratio: 2) {
            background-image: url("../images/btn-rs-03@2x.jpg");
          }
        }
        @media screen and (max-width: $sumaho){
          width: 100%;
          margin-top: 1rem;
        }
      }
      .btn-rs-txt{
        margin-top: 10rem;
        background: #fff;
        border-radius: 0 0 .5rem .5rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1rem;
        transition:.3s ease;
        overflow: hidden;
        &:hover{
          margin-top: 8rem;
          margin-bottom: 2rem;
        }
        .rs-place{
          text-align: center;
          font-size: .9rem;
        }
        .rs-name{
          text-align: center;
          margin-top: .5rem;
          line-height: 1.5;
        }
        .rs-txt{
          text-align: left;
          margin-top: 1rem;
          font-size: .75rem;
          line-height: 1.7;
        }
      }
    }*/ }
    #rentalspace .rs-main .rs-img {
      width: 100%;
      margin-top: 4rem; }
      #rentalspace .rs-main .rs-img img {
        width: 100%;
        height: auto; }
    #rentalspace .rs-main .rs-ttl {
      text-align: center;
      margin-top: 4rem;
      font-size: 2rem; }
    #rentalspace .rs-main p {
      text-align: center;
      margin-top: 4rem;
      line-height: 2;
      letter-spacing: .1rem; }
    #rentalspace .rs-main .btn-rs {
      width: 100%;
      margin-top: 4rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #rentalspace .rs-main .btn-rs li {
        width: calc((100% - (1rem * 2)) / 3); }
        @media screen and (max-width: 768px) {
          #rentalspace .rs-main .btn-rs li {
            width: 100%;
            margin-top: 1rem; } }
        #rentalspace .rs-main .btn-rs li a, #rentalspace .rs-main .btn-rs li .soon {
          height: 27rem;
          display: block;
          box-sizing: border-box;
          border: solid 1px #D87831;
          background: #fff;
          border-radius: .5rem;
          position: relative;
          overflow: hidden;
          /* &::after{
             content: "";
             width: 20px;
             height: 20px;
             border-bottom: 2px solid;
             border-right: 2px solid;
             border-color: #ccc;
             top: 50%;
             right: 17%;
             transform: translateX(-50%) translateY(-50%) rotate(-45deg);
             position: absolute;
             z-index: 11;
             -webkit-transition: all 0.4s ease;
             transition: all 0.4s  ease;
             opacity: 0;   
           }*/ }
          @media screen and (max-width: 768px) {
            #rentalspace .rs-main .btn-rs li a, #rentalspace .rs-main .btn-rs li .soon {
              height: 20rem; } }
          #rentalspace .rs-main .btn-rs li a .rs-btn-img, #rentalspace .rs-main .btn-rs li .soon .rs-btn-img {
            width: 100%; }
            #rentalspace .rs-main .btn-rs li a .rs-btn-img img, #rentalspace .rs-main .btn-rs li .soon .rs-btn-img img {
              width: 100%;
              height: auto; }
          #rentalspace .rs-main .btn-rs li a .rs-btn-txt-box, #rentalspace .rs-main .btn-rs li .soon .rs-btn-txt-box {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 60%;
            box-sizing: border-box;
            background: #fff;
            padding: 1rem;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s  ease; }
            @media screen and (max-width: 768px) {
              #rentalspace .rs-main .btn-rs li a .rs-btn-txt-box, #rentalspace .rs-main .btn-rs li .soon .rs-btn-txt-box {
                font-size: .75rem;
                padding: .5rem; } }
            #rentalspace .rs-main .btn-rs li a .rs-btn-txt-box .rs-btn-txt, #rentalspace .rs-main .btn-rs li .soon .rs-btn-txt-box .rs-btn-txt {
              width: 100%;
              /*max-width: 200px;*/
              margin-top: 1rem;
              font-size: .75rem;
              line-height: 1.7; }
              @media screen and (max-width: 768px) {
                #rentalspace .rs-main .btn-rs li a .rs-btn-txt-box .rs-btn-txt, #rentalspace .rs-main .btn-rs li .soon .rs-btn-txt-box .rs-btn-txt {
                  font-size: .625rem;
                  line-height: 1.4;
                  width: 100%; } }
              #rentalspace .rs-main .btn-rs li a .rs-btn-txt-box .rs-btn-txt .pointArea, #rentalspace .rs-main .btn-rs li .soon .rs-btn-txt-box .rs-btn-txt .pointArea {
                margin-top: 10px; }
                #rentalspace .rs-main .btn-rs li a .rs-btn-txt-box .rs-btn-txt .pointArea span, #rentalspace .rs-main .btn-rs li .soon .rs-btn-txt-box .rs-btn-txt .pointArea span {
                  display: inline-block;
                  border: 1px solid #D87831;
                  border-radius: 3px;
                  color: #D87831;
                  text-align: center;
                  font-size: 0.9em;
                  line-height: 1;
                  padding: 5px;
                  background: #fff;
                  margin: 2px; }
          #rentalspace .rs-main .btn-rs li a:hover, #rentalspace .rs-main .btn-rs li .soon:hover {
            /* &::after{
                 right: 7%;
                 opacity: 1;
             }*/ }
            #rentalspace .rs-main .btn-rs li a:hover .rs-btn-img img, #rentalspace .rs-main .btn-rs li .soon:hover .rs-btn-img img {
              opacity: 0.7; }
            #rentalspace .rs-main .btn-rs li a:hover .rs-btn-txt-box, #rentalspace .rs-main .btn-rs li .soon:hover .rs-btn-txt-box {
              height: 70%;
              padding-bottom: 20%; }
        #rentalspace .rs-main .btn-rs li .soon {
          border: solid 1px #ccc; }
          #rentalspace .rs-main .btn-rs li .soon .rs-btn-img img {
            opacity: 0.5; }
          #rentalspace .rs-main .btn-rs li .soon .rs-btn-txt-box {
            color: #bbb !important; }
          #rentalspace .rs-main .btn-rs li .soon:hover .rs-btn-img img {
            opacity: 0.5; }
          #rentalspace .rs-main .btn-rs li .soon:hover .rs-btn-txt-box {
            height: 60%;
            padding-bottom: 1rem; }
  #rentalspace #float {
    position: fixed;
    top: 153px;
    right: 0;
    width: 2rem;
    height: 11rem;
    padding: 1rem .5rem;
    border: solid 1px #fff;
    background: rgba(94, 26, 5, 0.8);
    transition: .3s ease;
    border-radius: .5rem 0 0 .5rem; }
    @media screen and (max-width: 768px) {
      #rentalspace #float {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        margin: 4rem auto 0 auto;
        border-radius: .5rem;
        padding: 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    #rentalspace #float:hover {
      opacity: .7; }
    #rentalspace #float span {
      width: 100%;
      color: #fff;
      letter-spacing: .25rem;
      font-weight: bold;
      font-size: 1.2rem;
      text-align: center;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
      @media screen and (max-width: 768px) {
        #rentalspace #float span {
          width: auto;
          -webkit-writing-mode: horizontal-tb;
          -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb; } }
  #rentalspace .rs-sub-ttl {
    font-size: 1.5rem;
    text-align: center;
    margin: 1rem auto;
    letter-spacing: .25rem; }
  #rentalspace .rs-top {
    width: 100%;
    position: relative; }
    #rentalspace .rs-top img {
      width: 100%;
      height: auto; }
    #rentalspace .rs-top .cap {
      font-size: .625rem;
      position: absolute;
      bottom: 3px;
      right: 3px; }
  #rentalspace .midashi-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #rentalspace .midashi-box .midahshi-img {
      width: 43%;
      position: relative; }
      #rentalspace .midashi-box .midahshi-img img {
        width: 100%;
        height: auto; }
      #rentalspace .midashi-box .midahshi-img .cap {
        font-size: .625rem;
        position: absolute;
        bottom: 3px;
        right: 3px; }
      @media screen and (max-width: 768px) {
        #rentalspace .midashi-box .midahshi-img {
          width: 100%; } }
    #rentalspace .midashi-box .rs-mihdashi {
      width: 50%; }
      @media screen and (max-width: 768px) {
        #rentalspace .midashi-box .rs-mihdashi {
          width: 100%;
          margin-top: 1rem; } }
      #rentalspace .midashi-box .rs-mihdashi .midashi-h {
        font-size: 1.375rem;
        line-height: 1.7;
        letter-spacing: .15rem;
        text-align: left;
        margin: 0;
        padding: 0; }
      #rentalspace .midashi-box .rs-mihdashi .midashi-txt {
        margin: 1rem 0 0 0;
        font-size: .9rem;
        letter-spacing: .15rem;
        line-height: 2;
        text-align: left; }
  #rentalspace .rs-photo {
    margin-top: 4rem;
    margin-bottom: 4rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  #rentalspace .rs-pshoto-01 .rs-photo-madori {
    width: 60%; }
    @media screen and (max-width: 768px) {
      #rentalspace .rs-pshoto-01 .rs-photo-madori {
        width: 100%; } }
    #rentalspace .rs-pshoto-01 .rs-photo-madori img {
      width: 100%;
      height: auto; }
  #rentalspace .rs-pshoto-01 .rs-photo-s {
    width: 25%; }
    @media screen and (max-width: 768px) {
      #rentalspace .rs-pshoto-01 .rs-photo-s {
        width: 100%;
        margin-top: 1rem; } }
    #rentalspace .rs-pshoto-01 .rs-photo-s img {
      width: 100%;
      height: auto;
      margin-top: 1rem; }
  #rentalspace .rs-pshoto-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #rentalspace .rs-pshoto-02 img {
      width: 100%;
      height: auto; }
    #rentalspace .rs-pshoto-02 p.note {
      text-align: right;
      margin-top: 0px; }
    #rentalspace .rs-pshoto-02 .rs-photo-madori {
      width: 100%; }
    #rentalspace .rs-pshoto-02 .rs-photo-s {
      width: calc(((100% - (1rem * 2)) / 3));
      margin-top: 3rem; }
      @media screen and (max-width: 768px) {
        #rentalspace .rs-pshoto-02 .rs-photo-s {
          width: 100%; } }
  #rentalspace .rs-pickup {
    margin-bottom: 5rem; }
    #rentalspace .rs-pickup h5 {
      text-align: center;
      font-size: 1.2rem;
      margin-bottom: 0.5rem;
      letter-spacing: 0.1rem; }
    #rentalspace .rs-pickup img {
      width: 100%;
      height: auto; }
  #rentalspace .rs-plan-list {
    margin-top: 4rem;
    margin-bottom: 4rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #rentalspace .rs-plan-list.planlist-3 li {
      width: calc((100% - 2rem) / 3); }
      @media screen and (max-width: 768px) {
        #rentalspace .rs-plan-list.planlist-3 li {
          width: 100%;
          margin-top: 1rem; } }
    #rentalspace .rs-plan-list.planlist-2 li {
      width: calc((100% - 1rem) / 2); }
      @media screen and (max-width: 768px) {
        #rentalspace .rs-plan-list.planlist-2 li {
          width: 100%;
          margin-top: 1rem; } }
    #rentalspace .rs-plan-list.planlist-1 .rs-plan-midashi {
      width: 100%; }
    #rentalspace .rs-plan-list.planlist-1 li {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      #rentalspace .rs-plan-list.planlist-1 li img {
        width: 50%; }
        @media screen and (max-width: 768px) {
          #rentalspace .rs-plan-list.planlist-1 li img {
            width: 100%; } }
      #rentalspace .rs-plan-list.planlist-1 li .img-center {
        width: 80%;
        margin-right: auto;
        margin-left: auto; }
      #rentalspace .rs-plan-list.planlist-1 li .rs-plan-box {
        width: 48%; }
        @media screen and (max-width: 768px) {
          #rentalspace .rs-plan-list.planlist-1 li .rs-plan-box {
            width: 100%;
            margin-top: 1rem; } }
      #rentalspace .rs-plan-list.planlist-1 li .rs-plan-box-2 {
        width: 100%;
        margin-top: 1rem; }
    #rentalspace .rs-plan-list li {
      margin-top: 1rem;
      padding: .5rem;
      background: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        #rentalspace .rs-plan-list li {
          width: 100%; } }
      #rentalspace .rs-plan-list li .rs-plan-midashi {
        font-weight: bold;
        text-align: center;
        padding: .5rem;
        background: #EFAE69; }
      #rentalspace .rs-plan-list li img {
        width: 100%;
        height: auto;
        margin-top: .5rem; }
      #rentalspace .rs-plan-list li .rs-plan-time {
        margin-top: .5rem; }
      #rentalspace .rs-plan-list li .rs-time-table {
        margin-top: .5rem;
        width: 100%; }
        #rentalspace .rs-plan-list li .rs-time-table tr {
          border-top: solid 1px #ccc; }
          #rentalspace .rs-plan-list li .rs-time-table tr:first-child {
            border-top: none; }
        #rentalspace .rs-plan-list li .rs-time-table td {
          text-align: center;
          padding: .25rem;
          font-size: .9rem;
          border-top: none;
          border-bottom: none;
          border-right: none;
          border-left: none; }
          #rentalspace .rs-plan-list li .rs-time-table td:nth-child(1) {
            width: 50%; }
          #rentalspace .rs-plan-list li .rs-time-table td:nth-child(2) {
            width: 20%;
            border-right: solid 1px #ccc;
            border-left: solid 1px #ccc; }
        #rentalspace .rs-plan-list li .rs-time-table.layout2 td:nth-child(1) {
          width: 36%; }
        #rentalspace .rs-plan-list li .rs-time-table.layout2 td:nth-child(2) {
          width: 32%; }
      #rentalspace .rs-plan-list li .rs-plan-txt {
        margin-top: .5rem;
        font-size: .9rem;
        line-height: 1.7; }
  #rentalspace .btn-rs-yoyaku {
    display: block;
    width: 50%;
    text-align: center;
    margin: 4rem auto;
    background: #fff;
    border: solid 4px ＃C3B191;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem 2rem;
    border-radius: 3rem; }
    @media screen and (max-width: 768px) {
      #rentalspace .btn-rs-yoyaku {
        display: none; } }
  #rentalspace .btn-rs-2 {
    width: 100%;
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #rentalspace .btn-rs-2 li {
      width: calc((100% - 1.5rem ) / 2); }
      @media screen and (max-width: 768px) {
        #rentalspace .btn-rs-2 li {
          width: 100%;
          margin-top: 1rem; } }
      #rentalspace .btn-rs-2 li a, #rentalspace .btn-rs-2 li .soon {
        display: block;
        box-sizing: border-box;
        border: solid 1px #D87831;
        background: #fff;
        border-radius: .5rem;
        position: relative;
        overflow: hidden; }
        #rentalspace .btn-rs-2 li a .rs-btn-img, #rentalspace .btn-rs-2 li .soon .rs-btn-img {
          width: 100%; }
          #rentalspace .btn-rs-2 li a .rs-btn-img img, #rentalspace .btn-rs-2 li .soon .rs-btn-img img {
            width: 100%;
            height: auto; }
        #rentalspace .btn-rs-2 li a .rs-btn-txt-box, #rentalspace .btn-rs-2 li .soon .rs-btn-txt-box {
          position: absolute;
          top: 0;
          right: 0;
          width: 50%;
          height: 100%;
          box-sizing: border-box;
          background: #fff;
          padding: 1rem;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s  ease; }
          @media screen and (max-width: 768px) {
            #rentalspace .btn-rs-2 li a .rs-btn-txt-box, #rentalspace .btn-rs-2 li .soon .rs-btn-txt-box {
              font-size: .75rem;
              padding: .5rem; } }
          #rentalspace .btn-rs-2 li a .rs-btn-txt-box .rs-btn-txt, #rentalspace .btn-rs-2 li .soon .rs-btn-txt-box .rs-btn-txt {
            width: 100%;
            max-width: 200px;
            margin-top: 1rem;
            font-size: .75rem;
            line-height: 1.7; }
            @media screen and (max-width: 768px) {
              #rentalspace .btn-rs-2 li a .rs-btn-txt-box .rs-btn-txt, #rentalspace .btn-rs-2 li .soon .rs-btn-txt-box .rs-btn-txt {
                font-size: .625rem;
                line-height: 1.4;
                width: 100%; } }
            #rentalspace .btn-rs-2 li a .rs-btn-txt-box .rs-btn-txt .pointArea, #rentalspace .btn-rs-2 li .soon .rs-btn-txt-box .rs-btn-txt .pointArea {
              margin-top: 10px; }
              #rentalspace .btn-rs-2 li a .rs-btn-txt-box .rs-btn-txt .pointArea span, #rentalspace .btn-rs-2 li .soon .rs-btn-txt-box .rs-btn-txt .pointArea span {
                display: inline-block;
                border: 1px solid #D87831;
                border-radius: 3px;
                color: #D87831;
                text-align: center;
                font-size: 0.9em;
                line-height: 1;
                padding: 5px;
                background: #fff;
                margin: 2px; }
        #rentalspace .btn-rs-2 li a::after, #rentalspace .btn-rs-2 li .soon::after {
          content: "";
          width: 20px;
          height: 20px;
          border-bottom: 2px solid;
          border-right: 2px solid;
          border-color: #ccc;
          top: 50%;
          right: 17%;
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          position: absolute;
          z-index: 11;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s  ease;
          opacity: 0; }
        #rentalspace .btn-rs-2 li a:hover .rs-btn-img img, #rentalspace .btn-rs-2 li .soon:hover .rs-btn-img img {
          opacity: 0.7; }
        #rentalspace .btn-rs-2 li a:hover .rs-btn-txt-box, #rentalspace .btn-rs-2 li .soon:hover .rs-btn-txt-box {
          width: 70%;
          padding-right: 20%; }
        #rentalspace .btn-rs-2 li a:hover::after, #rentalspace .btn-rs-2 li .soon:hover::after {
          right: 7%;
          opacity: 1; }
      #rentalspace .btn-rs-2 li .soon {
        border: solid 1px #ccc; }
        #rentalspace .btn-rs-2 li .soon .rs-btn-img img {
          opacity: 0.5; }
        #rentalspace .btn-rs-2 li .soon .rs-btn-txt-box {
          color: #bbb !important; }
        #rentalspace .btn-rs-2 li .soon::after {
          display: none; }
        #rentalspace .btn-rs-2 li .soon:hover .rs-btn-img img {
          opacity: 0.5; }
        #rentalspace .btn-rs-2 li .soon:hover .rs-btn-txt-box {
          width: 50%;
          padding-right: 1rem; }
  #rentalspace .rs-access {
    width: 100%;
    background: #DED1B6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 2rem;
    margin: 4rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #rentalspace .rs-access .ttl-en {
      width: 100%;
      margin: 2rem 0; }
    #rentalspace .rs-access .rs-acc-list {
      width: calc(100% - (600px + 1rem));
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        #rentalspace .rs-access .rs-acc-list {
          width: 100%; } }
      #rentalspace .rs-access .rs-acc-list li {
        font-size: .75rem;
        margin-bottom: 1rem;
        letter-spacing: .1rem; }
        #rentalspace .rs-access .rs-acc-list li.rs-acc-txt {
          width: 100%; }
        #rentalspace .rs-access .rs-acc-list li.rs-acc-ttl {
          width: 43%; }
        #rentalspace .rs-access .rs-acc-list li.rs-acc-con {
          width: 55%; }
        #rentalspace .rs-access .rs-acc-list li.rs-acc-note {
          width: 100%;
          font-size: 0.625rem; }
    #rentalspace .rs-access .rs-map {
      width: 600px;
      margin-bottom: 2rem; }
      @media screen and (max-width: 768px) {
        #rentalspace .rs-access .rs-map {
          width: 100%;
          margin-top: 1rem; } }
      #rentalspace .rs-access .rs-map iframe {
        max-width: 100%; }
  #rentalspace .fff {
    color: #fff; }
  #rentalspace .mt-1 {
    margin-top: 1rem; }
  #rentalspace .w100 {
    width: 100%; }
    #rentalspace .w100 img {
      width: 100%;
      height: auto; }
  #rentalspace .rs-photo-s {
    position: relative; }
    #rentalspace .rs-photo-s p.cap {
      font-size: .625rem;
      position: absolute;
      bottom: 3px;
      right: 3px; }
  #rentalspace .btn-ttl {
    margin-top: 4rem; }

.service a {
  text-decoration: underline !important; }