@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@400;500;700&family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, th, td {
  margin: 0;
  padding: 0;
}

address, caption, em, strong, th {
  font-style: normal;
}

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

caption, th {
  text-align: left;
}

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

object, embed {
  vertical-align: top;
}

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

img, abbr {
  border: 0;
  vertical-align: bottom;
}

sup {
  line-height: 100%;
}

li {
  list-style-type: none;
}

body {
  font-family: "メイリオ", meirio, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 75%;
  line-height: 150%; /*letter-spacing:0.1em;*/
  color: #333;
}

html > body {
  font-size: 12px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px; /*\*/ /*/height:auto;overflow:hidden;/**/
}

/* CSS Document */
/*-----------------------------------
    ブレイクポイント
-----------------------------------*/
/*スマホだけ*/
.sp {
  display: none;
}

.pc {
  display: block;
}

/*スマホだけ改行*/
@media screen and (max-width: 959px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .common-area .tab {
    display: block;
  }
  .common-area .pc {
    display: none;
  }
}
.common-area .sp {
  display: none;
}

.common-area .tab {
  display: none;
}

#header_new h1 {
  font-size: 11px;
  font-weight: lighter;
}
@media only screen and (max-width:599px) {
  #header_new h1 {
    display: none;
  }
}
#header_new .bg_set {
  background: url("/img/bg_header.jpg") repeat-x;
  height: 105px;
}
#header_new .inner {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#header_new .inner .logo {
  padding: 20px 0 0 0;
}
#header_new .inner .menuset {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
}
#header_new .inner .menuset .menu_small {
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 4px 0 0 0;
}
#header_new .inner .menuset .menu_small li a {
  color: #222;
  font-weight: bold;
  text-decoration: none;
  font-weight: 500;
}
#header_new .inner .menuset .menu_small li.contact {
  background: #b20000;
  padding: 10px 20px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#header_new .inner .menuset .menu_small li.contact:hover {
  background: #b5a677;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#header_new .inner .menuset .menu_small li.contact a {
  color: #fff;
  font-size: 15px;
}
#header_new .inner .menuset .menu_small li.contact a span {
  position: relative;
  padding: 0 0 0 20px;
}
#header_new .inner .menuset .menu_small li.contact a span:before {
  content: "";
  position: absolute;
  display: block;
  top: 4px;
  left: 0;
  width: 15px;
  height: 15px;
  background: url("../img/common/icon_mail.png") no-repeat left top;
  background-size: 15px;
}
#header_new .inner .menuset .menu_small li.arrow {
  margin: 10px 15px 0 0;
}
#header_new .inner .menuset .menu_small li.arrow a span {
  position: relative;
  padding: 0 0 0 13px;
}
#header_new .inner .menuset .menu_small li.arrow a span:before {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  background: url("../img/common/arrow.png") no-repeat left center;
  background-size: 10px;
}
#header_new .inner .menuset .menu_small li.arrow a:hover {
  opacity: 0.7;
}
#header_new .inner .menuset .menu_middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 11px 0 0 0;
  letter-spacing: 0.1em;
}
#header_new .inner .menuset .menu_middle li {
  border-left: 1px solid #ccc;
  padding: 2px 15px;
}
#header_new .inner .menuset .menu_middle li a {
  color: #222;
  text-decoration: none;
  font-size: 14px;
  display: block;
  font-weight: 500;
  position: relative;
  padding: 0 0 0 13px;
}
#header_new .inner .menuset .menu_middle li a:before {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  background: url("../img/common/arrow.png") no-repeat left center;
  background-size: 10px;
}
#header_new .inner .menuset .menu_middle li a span {
  display: block;
  font-size: 9px;
  font-weight: 400;
  margin: 0;
  color: #999;
}
#header_new .inner .menuset .menu_middle li.line_btn {
  border: none;
  padding: 0;
  height: 40px;
  line-height: 40px;
}
#header_new .inner .menuset .menu_middle li.line_btn a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 25px;
  padding: 0 15px;
  background: #06c755;
}
#header_new .inner .menuset .menu_middle li.line_btn a:before {
  display: none;
}
#header_new .inner .menuset .menu_middle li:hover {
  opacity: 0.7;
}

#header-menu_new {
  width: 100%;
  background: #B20000;
  margin: 0;
  padding: 0;
}
#header-menu_new .inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#header-menu_new .inner .popo {
  position: absolute;
  top: 0;
  right: -50px;
}
#header-menu_new .inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#header-menu_new .inner ul li a {
  position: relative;
  height: 60px;
  margin: 0;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
#header-menu_new .inner ul li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#header-menu_new .inner ul li a:hover img:nth-of-type(2) {
  opacity: 0;
}
#header-menu_new .inner ul li:nth-child(1) a {
  width: 250px;
}
#header-menu_new .inner ul li:nth-child(2) a {
  width: 204px;
}
#header-menu_new .inner ul li:nth-child(3) a {
  width: 182px;
}
#header-menu_new .inner ul li:nth-child(4) a {
  width: 182px;
}
#header-menu_new .inner ul li:nth-child(5) a {
  width: 182px;
}

#footer_new {
  margin: 60px 0 0 0;
  font-family: "Noto Sans JP", sans-serif;
  border-top: 1px solid #eee;
}
#footer_new .logo_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1000px;
  margin: 20px auto;
}
#footer_new .logo_menu li {
  font-size: 14px;
  line-height: 1em;
  margin: 0 20px 0 0;
}
#footer_new .logo_menu li a {
  color: #333;
  text-decoration: none;
}
#footer_new .logo_menu li a span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
#footer_new .logo_menu li a span:hover {
  text-decoration: underline;
}
#footer_new .logo_menu li a span::before {
  position: absolute;
  top: 2px;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 3px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #B20000;
  border-right: 2px solid #B20000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
#footer_new .logo_menu li a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#footer_new .sitemap_menu {
  background: #B20000;
  width: 100%;
  padding: 10px 0;
}
#footer_new .sitemap_menu ul.normal_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 8px 0;
}
#footer_new .sitemap_menu ul.normal_menu li {
  border-right: 1px solid #fff;
  padding: 0 8px;
  height: 1em;
  line-height: 1em;
}
#footer_new .sitemap_menu ul.normal_menu li:last-child {
  border-right: none;
}
#footer_new .sitemap_menu ul.normal_menu li a {
  color: #fff;
  text-decoration: none;
}
#footer_new .sitemap_menu ul.normal_menu li a:hover {
  text-decoration: underline;
}
#footer_new .sitemap_menu ul.sns_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 15px;
}
#footer_new .sitemap_menu ul.sns_menu li {
  width: auto;
  margin: 0 13px;
}
#footer_new .sitemap_menu ul.sns_menu li img {
  height: 25px;
  width: auto;
}
#footer_new .copyright {
  background: #E3D6C1;
  text-align: center;
  height: 1.7em;
  line-height: 1.7em;
}

#container {
  background: none;
}

@media only screen and (max-width:599px) {
  footer .sns_sp_set ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px 0 25px;
  }
  footer .sns_sp_set ul li {
    width: auto;
    margin: 0 10px;
  }
  footer .sns_sp_set ul li img {
    height: 20px;
    width: auto;
  }
}
@media only screen and (max-width:959px) {
  #pankuzu {
    display: none;
  }
}
#pankuzu {
  width: 100%;
  background: #DFD8C1;
}
#pankuzu ol {
  width: 1000px;
  margin: 0 auto;
  padding: 5px 0;
}
#pankuzu ol li {
  float: left;
  color: #663300;
  font-weight: bold;
}
#pankuzu ol li a {
  font-weight: normal;
  color: #333;
}
#pankuzu ol li a:link {
  text-decoration: none;
}
#pankuzu ol li a:visited {
  text-decoration: none;
}
#pankuzu ol li a:hover {
  text-decoration: underline;
}
#pankuzu ol li a:after {
  content: " > ";
}

#page-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: none;
  z-index: 1000;
}

#cookie {
  background: #333;
  opacity: 0.9;
  width: 340px;
  padding: 25px 20px 15px 20px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
}
@media only screen and (max-width:959px) {
  #cookie {
    width: 100%;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    bottom: 0;
    padding: 10px;
  }
}
#cookie p {
  color: #FFF;
  font-size: 13px;
  margin: 0 0 0.5em 0;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
@media only screen and (max-width:959px) {
  #cookie p {
    font-size: 12px;
  }
}
#cookie a {
  color: #FFF;
}
#cookie input {
  background: #FFF;
  border: none;
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
@media only screen and (max-width:959px) {
  #cookie input {
    font-size: 14px;
    padding: 3px 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
}
#cookie:hover {
  opacity: 1;
}
#cookie:hover input {
  background: #ccc;
}

@media screen and (max-width: 768px) {
  .common-area .tab {
    display: block;
  }
  .common-area .pc {
    display: none;
  }
}
#room_wrap {
  width: 1000px;
  margin: 20px auto;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.5em;
}
@media only screen and (max-width:959px) {
  #room_wrap {
    width: auto;
    margin: 0 10px;
  }
}

.catch {
  margin: 0 0 15px;
  border: 4px solid #eee;
  padding: 20px;
}
@media only screen and (max-width:959px) {
  .catch {
    border: none;
    padding: 10px 0 5px;
    margin: 0;
  }
}
.catch h2 {
  font-size: 24px;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px;
}
.catch h2 span {
  font-size: 14px;
  padding: 3px 5px;
  margin: 0 3px 0 0;
  color: #fff;
}
@media only screen and (max-width:599px) {
  .catch h2 span {
    font-size: 12px;
    padding: 2px 4px;
    margin: 0 2px 0 0;
  }
}
.catch h2 span.icon_aki {
  background: #a4036f;
}
.catch h2 span.icon_yotei {
  background: #048ba8;
}
.catch h2 span.icon_kaisou {
  background: #00a468;
}
.catch h2 span.icon_nyukyo {
  background: #f29e4c;
}
.catch h2 span.icon_syodan {
  background: #f04242;
}
.catch h2 span.icon_kentiku {
  background: #254F8D;
}
.catch h2 span.popo-limit {
  background: #E66AA0;
}
@media only screen and (max-width:599px) {
  .catch h2 span.popo-limit {
    display: inline;
  }
}
.catch h2 img {
  margin: 1px 3px 0 0;
  vertical-align: middle;
  width: auto;
  height: 24px;
}
@media only screen and (max-width:599px) {
  .catch h2 img {
    width: auto;
    height: 17px;
  }
}
@media only screen and (max-width:599px) {
  .catch h2 {
    font-size: 16px;
  }
}
.catch .txt {
  margin: 0 0 10px;
}
@media only screen and (max-width:599px) {
  .catch .txt {
    font-size: 10px;
    line-height: 1.2em;
    margin: 0 0 3px;
  }
}
.catch .txt span {
  color: #999;
}
@media only screen and (max-width:599px) {
  .catch .txt span {
    display: block;
  }
}
.catch .price {
  color: #e40000;
  font-weight: bold;
  font-size: 28px;
  position: relative;
}
@media only screen and (max-width:599px) {
  .catch .price {
    font-size: 20px;
    line-height: 1em;
  }
}
.catch .price .yen {
  font-size: 14px;
}
@media only screen and (max-width:599px) {
  .catch .price .yen {
    font-size: 12px;
  }
}
.catch .price .yen::after {
  content: "仲介手数料無料";
  font-weight: lighter;
  color: #fff;
  background: #e40000;
  font-size: 12px;
  padding: 2px 3px;
  margin: 0 0 0 5px;
}
@media only screen and (max-width:599px) {
  .catch .price .yen::after {
    font-size: 10px;
  }
}
.catch .price .contact_small_set {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}
.catch .price .contact_small_set li {
  border-radius: 5px;
  text-align: center;
}
@media only screen and (max-width:599px) {
  .catch .price .contact_small_set li {
    min-width: 50px;
  }
}
.catch .price .contact_small_set li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 1em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding: 8px 10px;
}
@media only screen and (max-width:599px) {
  .catch .price .contact_small_set li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    font-size: 9px;
    padding: 5px;
  }
}
.catch .price .contact_small_set li a::before {
  content: "";
  width: 25px;
  height: 25px;
}
@media only screen and (max-width:599px) {
  .catch .price .contact_small_set li a::before {
    width: 20px;
    height: 20px;
  }
}
.catch .price .contact_small_set li.form {
  background: #eb7400;
  border-bottom: 2px solid #bf5a00;
}
.catch .price .contact_small_set li.form a::before {
  background-image: url("../img/room/contact_small_form.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.catch .price .contact_small_set li.tel {
  display: none;
}
@media only screen and (max-width:599px) {
  .catch .price .contact_small_set li.tel {
    display: inline;
    background: #B20000;
    border-bottom: 2px solid #920000;
  }
  .catch .price .contact_small_set li.tel a::before {
    background-image: url("../img/room/contact_small_tel.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.catch .box_haya {
  background: #fde8e8;
  background-size: 48px 24px;
  margin: 5px 0 0 0;
  font-weight: bold;
  padding: 10px;
  line-height: 1.3em;
}
@media only screen and (max-width:599px) {
  .catch .box_haya {
    background-size: 40px 20px;
    font-size: 13px;
    padding: 5px;
    line-height: 1.2em;
  }
}
.catch .box_haya p {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 45px;
}
@media only screen and (max-width:599px) {
  .catch .box_haya p {
    font-size: 14px;
  }
  .catch .box_haya p span {
    display: block;
  }
}
.catch .box_haya p::before {
  content: "";
  background: url(../img/common/icon_haya.svg) no-repeat;
  background-size: 40px 20px;
  width: 40px;
  height: 20px;
  position: absolute;
  display: block;
  top: -1px;
  left: 0;
}
.catch .box_haya a {
  color: #000;
  font-size: 14px;
}
@media only screen and (max-width:599px) {
  .catch .box_haya a {
    font-size: 12px;
  }
}
.catch .box_haya span.ic {
  font-weight: lighter;
  border: 1px solid #000;
  padding: 2px 3px 2px 2px;
  margin: 0 3px 0 10px;
  font-size: 12px;
}
@media only screen and (max-width:599px) {
  .catch .box_haya span.ic {
    margin: 0;
    border: none;
    font-weight: bold;
    font-size: 12px;
  }
  .catch .box_haya span.ic:before {
    content: "\a";
    white-space: pre;
  }
  .catch .box_haya span.ic:after {
    content: ":";
  }
}
.catch .box_haya span.yotei {
  font-weight: lighter;
  padding: 2px 0 0 0;
  display: block;
}
@media only screen and (max-width:599px) {
  .catch .box_haya span.yotei {
    font-size: 12px;
  }
}
.catch .box_haya span.gray {
  color: #666;
  font-weight: lighter;
  font-size: 12px;
  margin: 0;
  /*display: block;*/
}
@media only screen and (max-width:959px) {
  .catch .box_haya span.gray {
    display: block;
  }
}
@media only screen and (max-width:599px) {
  .catch .box_haya span.gray {
    font-size: 10px;
    line-height: 1em;
    margin: 0;
  }
}
@media only screen and (max-width:959px) {
  .catch .box_haya br {
    display: none;
  }
}
.catch .box_toku {
  background: #feeee9;
  background-size: 48px 24px;
  margin: 5px 0 0 0;
  font-weight: bold;
  padding: 8px 8px 8px 53px;
  position: relative;
  font-size: 18px;
}
@media only screen and (max-width:599px) {
  .catch .box_toku {
    background: #feeee9;
    background-size: 40px 20px;
    font-size: 14px;
    padding: 5px 5px 5px 53px;
  }
}
.catch .box_toku::before {
  content: "";
  background: url(../img/common/icon_toku.svg) no-repeat;
  background-size: 40px 20px;
  width: 40px;
  height: 20px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 8px;
}

.vr_ex {
  color: #999;
  font-size: 12px;
}
@media only screen and (max-width:599px) {
  .vr_ex {
    background: #eee;
    color: #666;
    font-size: 10px;
    text-align: center;
  }
}

.vr {
  margin: 0 0 15px;
  position: relative;
}
@media only screen and (max-width:599px) {
  .vr {
    margin: 0;
  }
}
.vr iframe {
  width: 100%;
  height: 400px;
}
@media only screen and (max-width:959px) {
  .vr iframe {
    height: 45vh;
  }
}
.vr a {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/room/btn_scale.jpg) no-repeat left top;
  width: 140px;
  height: 44px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
@media only screen and (max-width:599px) {
  .vr a {
    background: url(../img/room/btn_scale_sp.png) left top;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
}

.switch_img {
  margin: 0 0 30px;
}
@media only screen and (max-width:599px) {
  .switch_img {
    margin: 0 0 15px;
  }
}
.switch_img .ex {
  color: #999;
  font-size: 12px;
}
@media only screen and (max-width:599px) {
  .switch_img .ex {
    background: #eee;
    color: #666;
    font-size: 10px;
    text-align: center;
  }
}
.switch_img .main {
  margin: 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width:599px) {
  .switch_img .main {
    display: inherit;
  }
}
.switch_img .main li {
  width: 494px;
  position: relative;
}
@media only screen and (max-width:959px) {
  .switch_img .main li {
    width: 50%;
  }
}
@media only screen and (max-width:599px) {
  .switch_img .main li {
    width: 100%;
  }
}
.switch_img .main li a.youtube {
  background: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.switch_img .main li a.youtube img {
  border: none;
  width: 60px;
  height: auto;
}
.switch_img .main li img {
  width: 492px;
  /*height: 328px;*/
  border: 1px solid #fff;
}
@media only screen and (max-width:959px) {
  .switch_img .main li img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width:599px) {
  .switch_img .main li img {
    border: none;
  }
}
.switch_img .thumb {
  /*リンクゲイン変更
  display: flex;
  flex-wrap: wrap;
  */
}
.switch_img .thumb img {
  /*リンクゲイン変更
  display: block;
  */
  width: 92px;
  margin: 0 6px 6px 0;
  border: 1px solid #eee;
}
@media only screen and (max-width:599px) {
  .switch_img .thumb {
    display: none;
  }
}

.title_info {
  font-size: 12px;
  margin: 0 0 5px;
}
@media only screen and (max-width:599px) {
  .title_info {
    font-size: 10px;
    line-height: 1em;
    text-align: center;
    margin: 0 0 15px;
  }
}
.title_info::before {
  content: url(../img/room/title_information.svg);
  display: inline-block;
  width: 145px;
  height: 28px;
  /*background-image: url(../img/room/title_information.svg);
  background-size: contain;*/
  vertical-align: middle;
  margin: 0 5px 0 0;
}
@media only screen and (max-width:599px) {
  .title_info::before {
    display: block;
    margin: 0 auto;
  }
}

.title_fac {
  font-size: 12px;
  margin: 0 0 5px;
}
@media only screen and (max-width:599px) {
  .title_fac {
    font-size: 10px;
    line-height: 1em;
    text-align: center;
    margin: 0 0 15px;
  }
}
.title_fac::before {
  content: url(../img/room/title_facility.svg);
  display: inline-block;
  width: 83px;
  height: 28px;
  /*background-image: url(../img/room/title_facility.svg);
  background-size: contain;*/
  vertical-align: middle;
  margin: 0 5px 0 0;
}
@media only screen and (max-width:599px) {
  .title_fac::before {
    display: block;
    margin: 0 auto;
  }
}

.title_redi {
  background: url(../img/room/title_redi.png) no-repeat left top;
  background-size: 212px 47px;
  width: 212px;
  height: 47px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
@media only screen and (max-width:599px) {
  .title_redi {
    margin: 0 auto;
    background: url(../img/room/title_redi_sp.png) no-repeat left top;
    background-size: 220px 46px;
    width: 220px;
    height: 46px;
  }
}

.title_popo {
  background: url(../img/room/title_popo.png) no-repeat left top;
  background-size: 280px 58px;
  width: 280px;
  height: 58px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
@media only screen and (max-width:599px) {
  .title_popo {
    margin: 0 auto;
    background: url(../img/room/title_popo_sp.png) no-repeat left top;
    background-size: 280px 58px;
    width: 280px;
    height: 58px;
  }
}

.title_loca {
  font-size: 12px;
}
@media only screen and (max-width:599px) {
  .title_loca {
    font-size: 10px;
    line-height: 1em;
    text-align: center;
  }
}
.title_loca::before {
  content: url(../img/room/title_location.svg);
  display: inline-block;
  width: 99px;
  height: 28px;
  /*background-image: url(../img/room/title_location.svg);
  background-size: contain;*/
  vertical-align: middle;
  margin: 0 5px 0 0;
}
@media only screen and (max-width:599px) {
  .title_loca::before {
    display: block;
    margin: 0 auto;
  }
}

.title_other {
  font-size: 12px;
}
@media only screen and (max-width:599px) {
  .title_other {
    font-size: 10px;
    line-height: 1em;
    text-align: center;
  }
}
.title_other::before {
  content: url(../img/room/title_other.svg);
  display: inline-block;
  width: 145px;
  height: 28px;
  /*background-image: url(../img/room/title_other.svg);
  background-size: contain;*/
  vertical-align: middle;
  margin: 0 5px 0 0;
}
@media only screen and (max-width:599px) {
  .title_other::before {
    display: block;
    margin: 0 auto;
  }
}

.btn_arrow {
  position: relative;
  display: inline-block;
  padding-left: 18px;
}

.btn_arrow:before {
  content: "";
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
}

.detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 0 0;
}
@media only screen and (max-width:599px) {
  .detail {
    display: inherit;
    font-size: 12px;
    line-height: 1.4em;
  }
}
.detail .box_left {
  width: 48%;
}
@media only screen and (max-width:599px) {
  .detail .box_left {
    width: auto;
  }
}
.detail .box_left .tag {
  margin: 0 0 5px;
}
.detail .box_left .tag span {
  background: #333;
  color: #fff;
  font-size: 12px;
  margin: 0 5px 0 0;
  padding: 2px 4px;
}
@media only screen and (max-width:599px) {
  .detail .box_left .tag span {
    font-size: 10px;
  }
}
.detail .box_left .gray_box {
  background: #f7f7f7;
  padding: 10px;
  font-size: 12px;
  line-height: 1.3em;
  margin: 10px 0 0 0;
}
@media only screen and (max-width:599px) {
  .detail .box_left .gray_box {
    font-size: 10px;
    margin: 5px 0 0 0;
  }
}
.detail .box_left .gray_box span {
  display: block;
}
.detail .box_left .gray_box a {
  color: #0f74da;
  text-decoration: underline;
}
.detail .box_left .gray_box a:hover {
  text-decoration: none;
}
.detail .box_left .mt50 {
  margin-top: 50px;
}
@media only screen and (max-width:599px) {
  .detail .box_left .mt50 {
    margin-top: 40px;
  }
}
.detail .box_right {
  width: 48%;
  position: relative;
}
.detail .box_right .icon_about {
  position: absolute;
  top: 12px;
  left: 220px;
  width: 22px;
  height: 22px;
  background: #ccc;
  border-radius: 22px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
}
@media only screen and (max-width:599px) {
  .detail .box_right .icon_about {
    display: none;
  }
}
@media only screen and (max-width:599px) {
  .detail .box_right {
    width: auto;
    margin: 40px 0 0;
  }
}
.detail .box_right .txt {
  margin: 15px 0 40px;
}
.detail .box_right .txt a {
  color: #0f74da;
  text-decoration: underline;
}
.detail .box_right .txt a:hover {
  text-decoration: none;
}
@media only screen and (max-width:599px) {
  .detail .box_right .txt {
    margin: 10px 0 40px;
  }
}
.detail .box_right .box_redi {
  border: 3px solid #cee8b2;
  border-radius: 5px;
  padding: 15px 20px;
  margin: 0 0 20px;
}
.detail .box_right .box_redi .icon_about {
  top: 30px;
  left: 240px;
}
.detail .box_right .box_redi .txt {
  margin: 15px 0 0;
}
@media only screen and (max-width:599px) {
  .detail .box_right .box_redi .txt {
    margin: 10px 0 40px;
  }
}
@media only screen and (max-width:599px) {
  .detail .box_right .box_redi {
    border: none;
    padding: 0;
  }
}
.detail .box_right .box_popo {
  border: 3px solid #f9d4dd;
  border-radius: 5px;
  padding: 15px 20px;
  margin: 0 0 20px;
}
.detail .box_right .box_popo .txt {
  margin: 15px 0 0;
}
@media only screen and (max-width:599px) {
  .detail .box_right .box_popo .txt {
    margin: 10px 0 40px;
  }
}
@media only screen and (max-width:599px) {
  .detail .box_right .box_popo {
    border: none;
    padding: 0;
  }
}
.detail .box_right .box_contact {
  background: #f2ebdf;
  padding: 20px;
}
@media only screen and (max-width:599px) {
  .detail .box_right .box_contact {
    display: none;
  }
}
.detail .box_right .box_contact .tel {
  background: #fff;
  padding: 10px;
}
.detail .box_right .box_contact .tel li {
  text-align: center;
}
.detail .box_right .box_contact .tel li span {
  font-weight: bold;
}
.detail .box_right .box_contact .tel li.big {
  font-weight: bold;
  color: #b61d22;
  font-size: 16px;
  padding: 12px 0 2px;
}
@media only screen and (max-width:959px) {
  .detail .box_right .box_contact .tel li.big {
    font-size: 14px;
  }
}
.detail .box_right .box_contact .tel li.big span {
  font-weight: bold;
  font-size: 32px;
}
@media only screen and (max-width:959px) {
  .detail .box_right .box_contact .tel li.big span {
    color: #b61d22;
    text-decoration: none;
  }
}
.detail .box_right .box_contact .tel li.optxt {
  font-size: 12px;
  color: #b61d22;
}
@media only screen and (max-width:959px) {
  .detail .box_right .box_contact .tel li.optxt {
    font-size: 10px;
  }
}
.detail .box_right .box_contact .btn_orange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 12px;
}
.detail .box_right .box_contact .btn_orange a {
  font-family: "Noto Sans JP";
  display: block;
  width: 49%;
  background: #eb7400;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  padding: 1em 0;
  border-bottom: 3px solid #bf5a00;
}
.detail .box_right .box_contact .btn_orange a:hover {
  border-bottom: none;
  margin: 3px 0 0 0;
}
.detail .box_right .box_contact .btn_orange a .btn_arrow:before {
  margin-top: -2px;
}
.detail .box_right .box_contact .btn_orange a.linegreen {
  width: 58%;
  background: #06c755;
  border-bottom: 3px solid #05a948;
}
.detail .box_right .box_contact .btn_request {
  text-align: center;
  border-top: 2px dotted #b28850;
  margin: 15px 0 0;
  padding: 12px 0 7px;
}
.detail .box_right .box_contact .btn_request img {
  width: 100%;
}
.detail .box_right .box_contact .btn_brown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}
@media only screen and (max-width:959px) {
  .detail .box_right .box_contact .btn_brown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.detail .box_right .box_contact .btn_brown a {
  display: block;
  width: 49%;
  background: #b28850;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  padding: 0.8em 0;
  border-bottom: 3px solid #856233;
}
@media only screen and (max-width:959px) {
  .detail .box_right .box_contact .btn_brown a {
    width: auto;
    margin: 0 0 5px;
    font-size: 14px;
    padding: 0.6em 0;
  }
}
.detail .box_right .box_contact .btn_brown a:hover {
  border-bottom: none;
  margin: 3px 0 0 0;
}
.detail .box_right .box_contact .btn_brown a .btn_arrow:before {
  margin-top: -4px;
}

.detail_table {
  border-bottom: 1px solid #ccc;
  margin: 0;
}
@media only screen and (max-width:599px) {
  .detail_table {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.3em;
  }
}
.detail_table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ccc;
  padding: 6px 0;
}
.detail_table dl dt {
  width: 25%;
  font-weight: bold;
  text-indent: 0.5em;
}
@media only screen and (max-width:599px) {
  .detail_table dl dt {
    width: 30%;
  }
}
.detail_table dl dd {
  width: 75%;
}
@media only screen and (max-width:599px) {
  .detail_table dl dd {
    width: 70%;
  }
}

ul.detail_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width:599px) {
  ul.detail_list {
    display: inherit;
  }
}
ul.detail_list li {
  width: 50%;
}
@media only screen and (max-width:599px) {
  ul.detail_list li {
    width: auto;
  }
}
ul.detail_list li:before {
  content: "・";
}

.genjyou {
  text-align: right;
  font-size: 12px;
  color: #999;
}
@media only screen and (max-width:599px) {
  .genjyou {
    font-size: 10px;
  }
}

.btn_payment {
  text-align: right;
  padding: 12px 0 0 0;
}
@media only screen and (max-width:599px) {
  .btn_payment {
    text-align: center;
  }
}
.btn_payment a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  background: #ea68a2;
  border-bottom: 3px solid #d6548e;
  padding: 7px 10px;
}
@media only screen and (max-width:599px) {
  .btn_payment a {
    font-size: 12px;
  }
}
.btn_payment a:hover {
  background: #d6548e;
  border-bottom: 3px solid #c2407a;
}

.location {
  margin: 50px 0 0 0;
}
.location .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0 0 0;
}
@media only screen and (max-width:599px) {
  .location .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; /* Safari */
    flex-direction: column;
    margin: 15px 0 0;
  }
}
.location .flex .box_left, .location .flex .box_right {
  width: 48%;
}
@media only screen and (max-width:599px) {
  .location .flex .box_left, .location .flex .box_right {
    width: 100%;
  }
}
.location .flex .box_left {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (max-width:599px) {
  .location .flex .box_left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.location .flex .box_left .box_around {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 15px 0 0 0;
}
@media only screen and (max-width:599px) {
  .location .flex .box_left .box_around {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.4em;
  }
}
.location .flex .box_left .box_around span {
  font-weight: bold;
  display: block;
  margin: 0 0 5px;
}
.location .flex .box_left .box_around a {
  color: #333;
}
.location .flex .box_right iframe {
  width: 100%;
  height: 500px;
  border: 0;
}
@media only screen and (max-width:599px) {
  .location .flex .box_right iframe {
    height: 45vh;
  }
}
.location .title_photo {
  display: none;
}
@media only screen and (max-width:599px) {
  .location .title_photo {
    margin: 50px 0 0 0;
    display: inherit;
    font-size: 10px;
    line-height: 1em;
    text-align: center;
  }
  .location .title_photo::before {
    content: url(../img/room/title_photo.svg);
    width: 83px;
    height: 28px;
    /*background-image: url(../img/room/title_photo.svg);
    background-size: contain;*/
    vertical-align: middle;
    display: block;
    margin: 0 auto;
  }
}
.location .photo_around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap; /* Safari */ /* Safari */
  -webkit-justify-content: space-between; /* Safari */
  margin: 10px 0 0 0;
}
@media only screen and (max-width:599px) {
  .location .photo_around {
    margin: 15px 10px 0;
  }
}
.location .photo_around li {
  width: 132px;
  font-size: 12px;
  color: #ccc;
  line-height: 1.2em;
  margin: 0 0 10px;
}
@media only screen and (max-width:599px) {
  .location .photo_around li {
    width: 84px;
    font-size: 10px;
  }
}
.location .photo_around li img {
  width: 100%;
  margin: 0 0 5px;
}
.location .photo_around li p {
  color: #999;
}

.other {
  margin: 50px 0 100px 0;
}
@media only screen and (max-width:599px) {
  .other {
    margin: 40px 0 100px 0;
  }
}
.other .slider_other {
  margin: 10px 0 0 0;
}
@media only screen and (max-width:599px) {
  .other .slider_other {
    margin: 15px 5px 0;
  }
}
.other .slider_other li {
  padding: 0 5px;
  font-size: 12px;
  position: relative;
}
.other .slider_other li a {
  color: #000;
  text-decoration: none;
}
.other .slider_other li a.disp_aki:before {
  display: block;
  position: absolute;
  left: -1px;
  content: "";
  border: 3px solid transparent;
  border-top-color: #72004d;
  border-right-color: #72004d;
  top: 24px;
}
.other .slider_other li a.disp_aki:after {
  display: block;
  position: absolute;
  left: -1px;
  content: "空室";
  background: #a4036f;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 5px;
  z-index: 10;
}
.other .slider_other li a.disp_yotei:before {
  display: block;
  position: absolute;
  left: -1px;
  content: "";
  border: 3px solid transparent;
  border-top-color: #006f87;
  border-right-color: #006f87;
  top: 24px;
}
.other .slider_other li a.disp_yotei:after {
  display: block;
  position: absolute;
  left: -1px;
  content: "空き予定";
  background: #048ba8;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 5px;
  z-index: 10;
}
.other .slider_other li a.disp_kaisou:before {
  display: block;
  position: absolute;
  left: -1px;
  content: "";
  border: 3px solid transparent;
  border-top-color: #00a468;
  border-right-color: #00a468;
  top: 24px;
}
.other .slider_other li a.disp_kaisou:after {
  display: block;
  position: absolute;
  left: -1px;
  content: "改装中";
  background: #16db93;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 5px;
  z-index: 10;
}
.other .slider_other li a.disp_nyukyo:before {
  display: block;
  position: absolute;
  left: -1px;
  content: "";
  border: 3px solid transparent;
  border-top-color: #ce731a;
  border-right-color: #ce731a;
  top: 24px;
}
.other .slider_other li a.disp_nyukyo:after {
  display: block;
  position: absolute;
  left: -1px;
  content: "入居中";
  background: #f29e4c;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 5px;
  z-index: 10;
}
.other .slider_other li a.disp_syodan:before {
  display: block;
  position: absolute;
  left: -1px;
  content: "";
  border: 3px solid transparent;
  border-top-color: #d32222;
  border-right-color: #d32222;
  top: 24px;
}
.other .slider_other li a.disp_syodan:after {
  display: block;
  position: absolute;
  left: -1px;
  content: "商談中";
  background: #f04242;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 5px;
  z-index: 10;
}
.other .slider_other li a.disp_kentiku:after {
  display: block;
  position: absolute;
  left: -1px;
  content: "建築中";
  background: #254F8D;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 5px;
  z-index: 10;
}
.other .slider_other li img {
  max-width: 100%;
  height: auto;
  margin: 0 0 3px;
}
.other .slider_other li .title {
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: bold;
  vertical-align: middle;
}
.other .slider_other li .title .num {
  background: #444;
  color: #fff;
  font-size: 12px;
  font-weight: lighter;
  padding: 3px 4px;
  vertical-align: middle;
}
.other .slider_other li .title .yen {
  margin: 0 0 0 2px;
  font-size: 12px;
}
.other .slider_other_off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px 0 0 0;
}
@media only screen and (max-width:599px) {
  .other .slider_other_off {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 15px 0 0;
  }
}
.other .slider_other_off li {
  width: 18%;
  padding: 0;
  font-size: 10px;
  position: relative;
  margin: 0 25px 25px 0;
}
.other .slider_other_off li:nth-child(5n) {
  margin: 0 0 25px;
}
@media only screen and (max-width:599px) {
  .other .slider_other_off li {
    width: 47%;
    margin: 0 0 20px 0;
  }
  .other .slider_other_off li:nth-child(5n) {
    margin: 0 0 20px 0;
  }
  .other .slider_other_off li {
    /*&:nth-child(2n){
    	margin: 0 0 20px;
    }*/
  }
}
.other .slider_other_off li a {
  color: #000;
  text-decoration: none;
}
.other .slider_other_off li a.disp_aki:after {
  display: block;
  position: absolute;
  left: 0;
  font-size: 11px;
  letter-spacing: 1px;
  content: "空室";
  background: #a4036f;
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  top: 0;
  z-index: 10;
}
.other .slider_other_off li a.disp_yotei:after {
  display: block;
  position: absolute;
  left: 0;
  font-size: 11px;
  letter-spacing: 1px;
  content: "空き予定";
  background: #048ba8;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  top: 0;
  z-index: 10;
}
.other .slider_other_off li a.disp_kaisou:after {
  display: block;
  position: absolute;
  left: 0;
  font-size: 11px;
  letter-spacing: 1px;
  content: "改装中";
  background: #16db93;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  top: 0;
  z-index: 10;
}
.other .slider_other_off li a.disp_nyukyo:after {
  display: block;
  position: absolute;
  left: 0;
  font-size: 11px;
  letter-spacing: 1px;
  content: "入居中";
  background: #f29e4c;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  top: 0;
  z-index: 10;
}
.other .slider_other_off li a.disp_syodan:after {
  display: block;
  position: absolute;
  left: 0;
  font-size: 11px;
  letter-spacing: 1px;
  content: "商談中";
  background: #f04242;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  top: 0;
  z-index: 10;
}
.other .slider_other_off li a.disp_kentiku:after {
  display: block;
  position: absolute;
  left: 0;
  font-size: 11px;
  letter-spacing: 1px;
  content: "建築中";
  background: #254F8D;
  color: #fff;
  font-weight: bold;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  top: 0;
  z-index: 10;
}
.other .slider_other_off li img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 0 3px;
}
.other .slider_other_off li .title {
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}
@media only screen and (max-width:599px) {
  .other .slider_other_off li .title {
    font-size: 18px;
  }
}
.other .slider_other_off li .title .num {
  background: #444;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0;
  font-weight: lighter;
  padding: 3px 4px;
  vertical-align: middle;
}
@media only screen and (max-width:599px) {
  .other .slider_other_off li .title .num {
    font-size: 10px;
  }
}
.other .slider_other_off li .title .yen {
  margin: 0 0 0 2px;
  font-size: 12px;
}

.btn_request_sp {
  display: none;
}
@media only screen and (max-width:599px) {
  .btn_request_sp {
    display: inherit;
    /*リンクゲイン変更
    margin: 0 10px 200px;
    */
    margin: 0 10px 20px;
  }
  .btn_request_sp p {
    margin: 0 0 10px;
    text-align: center;
  }
  .btn_request_sp p img {
    width: 80%;
  }
  .btn_request_sp .btn_brown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
  }
  .btn_request_sp .btn_brown a {
    display: block;
    width: 49%;
    background: #b28850;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em;
    padding: 0.6em 0 0.5em;
    border-bottom: 2px solid #856233;
  }
}

.fixmenu {
  display: none;
}
@media only screen and (max-width:959px) {
  .fixmenu {
    display: inherit;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100; /*リンクゲイン変更*/
    width: 100%;
  }
  .fixmenu .pagemenu {
    margin: 1px 0 5px 0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .fixmenu .pagemenu li {
    width: 25%;
    border: 1px solid #555;
    font-size: 9px;
    text-align: center;
    padding: 2px 0 0 0;
  }
  .fixmenu .pagemenu li a {
    display: block;
    color: #333;
    text-decoration: none;
  }
  .fixmenu .pagemenu li a.icon_info {
    background: url(../img/room/icon_info.svg) no-repeat top center;
    background-size: 40px;
    padding: 38px 0 0 0;
  }
  .fixmenu .pagemenu li a.icon_faci {
    background: url(../img/room/icon_faci.svg) no-repeat top center;
    background-size: 40px;
    padding: 38px 0 0 0;
  }
  .fixmenu .pagemenu li a.icon_point {
    background: url(../img/room/icon_point.svg) no-repeat top center;
    background-size: 40px;
    padding: 38px 0 0 0;
  }
  .fixmenu .pagemenu li a.icon_loca {
    background: url(../img/room/icon_loca.svg) no-repeat top center;
    background-size: 40px;
    padding: 38px 0 0 0;
  }
  .fixmenu .conmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between; /* Safari */
    width: 360px;
    margin: 0 auto;
    padding: 5px 0 0 0;
  }
  .fixmenu .conmenu li.btn_white {
    width: 16%;
  }
  .fixmenu .conmenu li.btn_white a {
    display: block;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
    color: #222;
    font-weight: bold;
    padding: 0.5em 0 0.4em;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.2em;
    border-bottom: 2px solid #eeeeee;
  }
  .fixmenu .conmenu li.btn_line {
    width: 82%;
  }
  .fixmenu .conmenu li.btn_line a {
    display: block;
    background: #06c755;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 0.7em 0;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 2px solid #05a948;
    /*&.icon_line span{
    	background: url("../img/room/btn_bottom_line.png") no-repeat left 3px;
    	background-size: 30px;
    	padding: 10px 0 10px 36px;
    }*/
  }
  .fixmenu .conmenu li.btn_orange {
    width: 29%;
  }
  .fixmenu .conmenu li.btn_orange a {
    display: block;
    background: #eb7400;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 0.7em 0;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 2px solid #d45a00;
  }
  .fixmenu .conmenu li.btn_orange a.icon_nairan span {
    background: url(../img/room/icon_nairan.svg) no-repeat left 3px;
    background-size: 14px;
    padding: 0 0 0 18px;
  }
  .fixmenu .conmenu li.btn_orange a.icon_conta span {
    background: url(../img/room/icon_conta.svg) no-repeat left 3px;
    background-size: 14px;
    padding: 0 0 0 18px;
  }
  .fixmenu .conmenu li.btn_green {
    width: 20.5%;
  }
  .fixmenu .conmenu li.btn_green a {
    display: block;
    background: #62b500;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 0.7em 0;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 2px solid #478300;
  }
  .fixmenu .conmenu li.btn_green a.icon_tel span {
    background: url(../img/room/icon_tel.svg) no-repeat left 3px;
    background-size: 14px;
    padding: 0 0 0 18px;
  }
  .fixmenu .txt {
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 1.3em;
    margin: 5px 0;
  }
  .fixmenu .txt a {
    color: #fff;
    text-decoration: none;
  }
  .fixmenu .txt span {
    font-weight: bold;
  }
}

.fixmenu_pc {
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
  font-family: "Noto Sans JP", sans-serif !important;
  display: inherit;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  background: rgb(255, 255, 255);
  border-top: 1px solid #ddd;
  z-index: 100;
  width: 100%;
}
.fixmenu_pc .conmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 0 auto;
  padding: 15px 0;
  width: 1000px;
}
.fixmenu_pc .conmenu li {
  width: 260px;
  margin: 0 0 0 20px;
  /*&.fix_tel{
  	width: 260px;
  	background: #fff url("../img/room/icon_redtel.svg") no-repeat 10px center;
  	background-size: 34px;
  	padding: 0 0 0 50px;
  	& a{
  		color: #000;
  		display: block;
  		text-decoration: none;
  		font-size: 22px;
  		font-weight: 500;
  		line-height: 1em;
  		margin: 2px 0 0 5px;
  		letter-spacing: 1px;
  	}
  	& span{
  		font-size: 10px;
  		display: block;
  		line-height: 1em;
  		color: #999;
  		margin: 3px 0 0 0;
  	}
  }*/
}
.fixmenu_pc .conmenu li.linegreen {
  width: 350px;
}
.fixmenu_pc .conmenu li.linegreen .fix_btn {
  background: #06c755;
  border-bottom: 3px solid #05a948;
}
.fixmenu_pc .conmenu li .fix_btn {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  height: 2.4em;
  line-height: 2.3em;
  text-align: center;
  text-decoration: none;
  background: #eb7400;
  border-bottom: 3px solid #bf5a00;
}
.fixmenu_pc .conmenu li .fix_btn:hover {
  border-bottom: none;
  margin: 3px 0 0 0;
}
.fixmenu_pc .conmenu li .fix_btn span.mail {
  background: url(../img/room/icon_conta.svg) no-repeat left 5px;
  background-size: 17px;
  padding: 0 0 0 25px;
}
.fixmenu_pc .conmenu li .fix_btn span.pencil {
  background: url(../img/room/icon_nairan.svg) no-repeat left 5px;
  background-size: 17px;
  padding: 0 0 0 25px;
}
@media only screen and (max-width:959px) {
  .fixmenu_pc {
    display: none;
  }
}

.infoBox {
  position: absolute;
}

.infoBox > div {
  background: #fff;
  border: 1px solid #ccc;
  width: 350px;
  height: auto;
  font-size: 12px;
  line-height: 1.6em;
  color: #666;
  border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 15px;
}

.simu_box {
  border: 5px solid #fde1d9;
  padding: 12px 15px;
  margin: 20px 0 0;
}
@media only screen and (max-width:599px) {
  .simu_box {
    padding: 10px 0;
  }
}
.simu_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media only screen and (max-width:599px) {
  .simu_box ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .simu_box ul li {
    /*width:25%;*/
  }
  .simu_box ul li:last-child {
    width: 100%;
    text-align: center;
    margin: 8px 0 0 0;
  }
}
.simu_box .simu_number label {
  position: relative;
}
.simu_box .simu_number label::after {
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  top: 0;
  bottom: 0;
  right: 17px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}
.simu_box .simu_number select {
  position: relative;
  width: 3.5em;
  font-size: 18px;
  font-weight: bold;
  padding: 8px;
  margin: 0 5px 0 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: #eee;
  border-radius: 5px;
  color: #000;
}
.simu_box .simu_number select::-ms-expand {
  display: none;
}
.simu_box .simu_student {
  margin: 0 12px;
}
.simu_box .simu_student input[type=checkbox] {
  display: none;
}
.simu_box .simu_student .checkbox {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 0 0 28px;
  vertical-align: middle;
  cursor: pointer;
}
.simu_box .simu_student .checkbox:after {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -9px;
  width: 6px;
  height: 11px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.simu_box .simu_student .checkbox:before {
  position: absolute;
  background: #eee;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  content: "";
}
.simu_box .simu_student input[type=checkbox]:checked + .checkbox:before {
  background: #53b300;
}
.simu_box .simu_student input[type=checkbox]:checked + .checkbox:after {
  opacity: 1;
}
.simu_box button#submit_simu {
  background: #f23900;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
  border: 0;
  border-radius: 20px;
  padding: 8px 18px 8px 14px;
  margin: 0;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.simu_box button#submit_simu:hover {
  background: #c02d00;
}
.simu_box button#submit_simu span {
  position: relative;
  display: inline-block;
  padding: 0 0 0 15px;
  vertical-align: middle;
  text-decoration: none;
}
.simu_box button#submit_simu span::before {
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  top: 1px;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.simu_disp {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 50px;
}
@media only screen and (max-width:599px) {
  .simu_disp {
    padding: 30px 10px;
  }
}
.simu_disp {
  /*モーダル表示確認用の為、反映時は削除願います　ここから*/
  width: 500px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 0 auto;
}
@media only screen and (max-width:599px) {
  .simu_disp {
    width: auto;
    margin: 10px;
  }
}
.simu_disp {
  /*モーダル表示確認用の為、反映時は削除願います　ここまで*/
}
.simu_disp .cam_red {
  color: #f23900;
}
.simu_disp .gaisan {
  text-align: center;
  margin: 0 0 10px 0;
}
.simu_disp .gaisan .g_title {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: bold;
}
@media only screen and (max-width:599px) {
  .simu_disp .gaisan .g_title {
    font-size: 16px;
    text-align: center;
  }
}
.simu_disp .gaisan .g_title span {
  font-size: 14px;
  font-weight: lighter;
  display: block;
}
@media only screen and (max-width:599px) {
  .simu_disp .gaisan .g_title span {
    font-size: 10px;
  }
}
.simu_disp .gaisan .g_price {
  margin: 30px 0 0 0;
  font-weight: bold;
  font-size: 36px;
  color: #f23900;
}
@media only screen and (max-width:599px) {
  .simu_disp .gaisan .g_price {
    margin: 0;
    text-align: center;
    font-size: 24px;
  }
}
.simu_disp .gaisan .g_price span {
  font-size: 24px;
}
@media only screen and (max-width:599px) {
  .simu_disp .gaisan .g_price span {
    font-size: 16px;
  }
}
.simu_disp .gaisan .g_atte {
  margin: 5px 0 0 0;
  color: #999;
}
@media only screen and (max-width:599px) {
  .simu_disp .gaisan .g_atte {
    margin: -2px 0 0 0;
    text-align: center;
    font-size: 10px;
  }
}
.simu_disp .uchi_title {
  font-weight: bold;
  border-bottom: 1px solid #000;
  font-size: 16px;
  line-height: 2em;
  margin: 15px 0 0 0;
}
@media only screen and (max-width:599px) {
  .simu_disp .uchi_title {
    font-size: 14px;
    margin: 5px 0 0 0;
  }
}
.simu_disp dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.2em;
}
@media only screen and (max-width:599px) {
  .simu_disp dl {
    font-size: 12px;
  }
}
.simu_disp dl dt, .simu_disp dl dd {
  padding: 10px 0;
  border-bottom: 1px dotted #999;
}
@media only screen and (max-width:599px) {
  .simu_disp dl dt, .simu_disp dl dd {
    padding: 6px 0;
  }
}
.simu_disp dl dt {
  width: 70%;
  text-indent: 0.5em;
}
@media only screen and (max-width:599px) {
  .simu_disp dl dt {
    text-indent: 0;
  }
}
.simu_disp dl dt span {
  font-size: 12px;
}
@media only screen and (max-width:599px) {
  .simu_disp dl dt span {
    font-size: 10px;
  }
}
.simu_disp dl dd {
  width: 30%;
  text-align: right;
  color: #f23900;
}
.simu_disp .uchi_atte {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 1.5em;
}
@media only screen and (max-width:599px) {
  .simu_disp .uchi_atte {
    font-size: 10px;
  }
}
.simu_disp .uchi_atte .wakaba {
  color: #005aff;
  text-decoration: underline;
  position: relative;
  padding: 0 0 0 18px;
}
.simu_disp .uchi_atte .wakaba:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(../img/room/wakaba.png);
  background-size: 12px 17px;
  width: 12px;
  height: 17px;
}

.yougo {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  width: auto;
  margin: 10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.yougo dt {
  font-size: 14px;
  background: #EBE7D8;
}
.yougo dt, .yougo dd {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 8px;
}

.close_box {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  margin: 20px 0 0 0;
}
.close_box a {
  color: #fff;
  font-weight: bold;
  background: #ccc;
  border-radius: 20px;
  text-decoration: none;
  padding: 8px 30px;
}
.close_box a span {
  position: relative;
  padding: 0 0 0 20px;
}
.close_box a span:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 0;
  width: 2px;
  height: 20px;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.close_box a span:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 0;
  width: 2px;
  height: 20px;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

.parking_set {
  width: 600px;
  margin: 20px auto;
}
@media only screen and (max-width:599px) {
  .parking_set {
    width: auto;
    margin: 15px 5px;
  }
}
.parking_set {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.parking_set .parking_box {
  margin: 0 0 30px;
}
.parking_set .parking_box h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
  line-height: 1.2em;
  padding: 0;
}
@media only screen and (max-width:599px) {
  .parking_set .parking_box h2 {
    font-size: 16px;
  }
}
.parking_set .parking_box p {
  font-size: 12px;
  margin: 0 0 10px;
  color: #999;
}
.parking_set .parking_box p.bikou {
  margin: 0;
  color: #000;
}
.parking_set .parking_box table {
  width: 100%;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-collapse: collapse;
  border-spacing: 0;
}
@media only screen and (max-width:959px) {
  .parking_set .parking_box table {
    width: 100%;
  }
}
.parking_set .parking_box table th {
  background: #f2ebdf;
}
.parking_set .parking_box table th, .parking_set .parking_box table td {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  text-align: center;
  font-weight: lighter;
  font-size: 14px;
}
@media only screen and (max-width:599px) {
  .parking_set .parking_box table th, .parking_set .parking_box table td {
    font-size: 12px;
  }
}
.parking_set .parking_box table th:nth-child(even), .parking_set .parking_box table td:nth-child(even) {
  border-left: 1px dotted #000;
}
.parking_set .btn_list {
  text-align: center;
}
.parking_set .btn_list a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background: #B20000;
  border-bottom: 3px solid #880000;
  width: 20em;
  margin: 0 auto;
  height: 3em;
  line-height: 3em;
}

.other_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 40px;
}
.other_contents li {
  width: 23.5%;
  text-align: center;
  border: 1px solid #bbb;
  font-weight: bold;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(238, 238, 238)), color-stop(5%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(238, 238, 238) 5%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 100%);
  border-radius: 5px;
}
@media only screen and (max-width:599px) {
  .other_contents li {
    width: 48%;
    border: 1px solid #bbb;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(4%, rgb(238, 238, 238)), color-stop(4%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
    background: linear-gradient(0deg, rgb(238, 238, 238) 4%, rgb(255, 255, 255) 4%, rgb(255, 255, 255) 100%);
    margin: 0 0 8px;
  }
}
.other_contents li a {
  display: block;
  text-decoration: none;
  color: #222;
  font-size: 16px;
  padding: 15px 0;
}
@media only screen and (max-width:599px) {
  .other_contents li a {
    font-size: 13px;
    padding: 0;
  }
}
.other_contents li a span {
  display: inline-block;
  height: 38px;
  line-height: 38px;
}
@media only screen and (max-width:599px) {
  .other_contents li a span {
    height: 40px;
    line-height: 40px;
  }
}
.other_contents li a span.icon_360 {
  background: url("../img/room/icon_360.png") no-repeat left center;
  padding: 0 0 0 70px;
}
@media only screen and (max-width:599px) {
  .other_contents li a span.icon_360 {
    background: url("../img/room/icon_360.png") no-repeat left center;
    background-size: auto 20px;
    padding: 0 0 0 40px;
  }
}
.other_contents li a span.icon_star {
  background: url("../img/room/icon_star.png") no-repeat left center;
  padding: 0 23px 0 50px;
  position: relative;
}
@media only screen and (max-width:599px) {
  .other_contents li a span.icon_star {
    background: url("../img/room/icon_star.png") no-repeat left center;
    background-size: auto 20px;
    padding: 0 16px 0 25px;
  }
}
.other_contents li a span.icon_star .nw {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 10px;
}
@media only screen and (max-width:599px) {
  .other_contents li a span.icon_star .nw {
    width: 11px;
    height: 11px;
    top: 13px;
  }
}
.other_contents li a span.icon_youtube {
  background: url("../img/room/icon_youtube.png") no-repeat left center;
  padding: 0 0 0 70px;
}
@media only screen and (max-width:599px) {
  .other_contents li a span.icon_youtube {
    background: url("../img/room/icon_youtube.png") no-repeat left center;
    background-size: auto 20px;
    padding: 0 0 0 35px;
  }
}

.other_contents_b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 10px;
}
@media only screen and (max-width:599px) {
  .other_contents_b {
    margin: 0;
  }
}
.other_contents_b li {
  width: 24%;
  text-align: center;
  border: 1px solid #bbb;
  font-weight: bold;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(238, 238, 238)), color-stop(5%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(238, 238, 238) 5%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 100%);
  border-radius: 5px;
}
@media only screen and (max-width:599px) {
  .other_contents_b li {
    width: 48.5%;
    border: 1px solid #bbb;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(4%, rgb(238, 238, 238)), color-stop(4%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
    background: linear-gradient(0deg, rgb(238, 238, 238) 4%, rgb(255, 255, 255) 4%, rgb(255, 255, 255) 100%);
    margin: 0 0 8px;
  }
}
.other_contents_b li a {
  display: block;
  text-decoration: none;
  padding: 15px 0;
}
.other_contents_b li a img {
  width: 200px;
  height: auto;
  margin: auto;
}
@media only screen and (max-width:599px) {
  .other_contents_b li a {
    padding: 7px 0;
  }
  .other_contents_b li a img {
    width: 90%;
    height: auto;
  }
}

.douga_btnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 40px;
}
.douga_btnlist li {
  width: 32%;
  text-align: center;
  border: 2px solid #ccc;
  font-weight: bold;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(238, 238, 238)), color-stop(5%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(238, 238, 238) 5%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 100%);
  border-radius: 5px;
}
@media only screen and (max-width:599px) {
  .douga_btnlist li {
    width: 31%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(3%, rgb(238, 238, 238)), color-stop(3%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
    background: linear-gradient(0deg, rgb(238, 238, 238) 3%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%);
  }
}
.douga_btnlist li a {
  display: block;
  text-decoration: none;
  color: #222;
  font-size: 16px;
  padding: 15px 0;
}
@media only screen and (max-width:599px) {
  .douga_btnlist li a {
    font-size: 13px;
    padding: 10px 0;
  }
}
.douga_btnlist li a span {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 0 0 70px;
}
@media only screen and (max-width:599px) {
  .douga_btnlist li a span {
    height: auto;
    line-height: 14px;
    padding: 35px 0 0 0;
  }
}
.douga_btnlist li a span.icon_360 {
  background: url("../img/room/icon_360.png") no-repeat left center;
}
@media only screen and (max-width:599px) {
  .douga_btnlist li a span.icon_360 {
    background: url("../img/room/icon_360.png") no-repeat top center;
    background-size: auto 30px;
  }
}
.douga_btnlist li a span.icon_youtube {
  background: url("../img/room/icon_youtube.png") no-repeat left center;
}
@media only screen and (max-width:599px) {
  .douga_btnlist li a span.icon_youtube {
    background: url("../img/room/icon_youtube.png") no-repeat top center;
    background-size: auto 30px;
  }
}

.contactbtn_top {
  display: none;
}
@media only screen and (max-width:599px) {
  .contactbtn_top {
    display: inherit;
    background: #ddd;
    padding: 10px 6px;
  }
  .contactbtn_top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .contactbtn_top ul li {
    width: 49.2%;
  }
  .contactbtn_top ul li a {
    display: block;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 1em 0;
    text-decoration: none;
    font-size: 12.5px;
    line-height: 12.5px;
  }
  .contactbtn_top ul li a.icon_nairan {
    background: #22ac38;
    border-bottom: 2px solid #09871d;
  }
  .contactbtn_top ul li a.icon_nairan span {
    background: url(../img/room/icon_nairan.svg) no-repeat 0px 2px;
    background-size: 14px;
    padding: 0 0 0 16px;
  }
  .contactbtn_top ul li a.icon_conta {
    background: #eb7400;
    border-bottom: 2px solid #d45a00;
  }
  .contactbtn_top ul li a.icon_conta span {
    background: url(../img/room/icon_conta.svg) no-repeat 0px 2px;
    background-size: 14px;
    padding: 0 0 0 16px;
  }
}

.linebtn_top {
  display: none;
}
@media only screen and (max-width:599px) {
  .linebtn_top {
    display: inherit;
    background: #ddd;
    padding: 6px;
  }
  .linebtn_top a {
    display: block;
  }
  .linebtn_top a img {
    width: 100%;
    height: auto;
  }
}

.read {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.read label {
  text-align: center;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.read label:after {
  content: "もっと見る";
  z-index: 2;
  width: 100%;
  max-width: 200px;
  padding: 10px;
  color: #663300;
  border: 1px solid #663300;
  background-color: #fff;
  /*border-radius: 30px;*/
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.read input:checked + label {
  height: 0px;
}

.read input:checked + label:after {
  content: " 閉じる";
}

.read input {
  display: none;
}

.read__content {
  overflow: hidden;
  height: 250px;
}
@media only screen and (max-width:599px) {
  .read__content {
    height: 340px;
  }
}

.read input:checked ~ .read__content {
  height: auto;
}

/*インラインから移行202409*/
@supports (-ms-ime-align: auto) {
  .modaal-container {
    overflow: hidden !important;
  }
}
.simu_disp {
  border: none;
}

/*.popo-limit {
	background:#E66AA0;
	color:#FFF !important;
	display:inline-block !important;
	padding:0 3px !important;
}*/
#parking-link {
  color: #0f74da;
}

.parking_set {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.icon-svg {
  width: 100%;
  padding: 0 0 5px 0;
}
.icon-svg:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: left;
}
.icon-svg li {
  float: left;
  width: 9%;
  margin: 0 1.1% 0 0;
}
.icon-svg li:last-child {
  margin: 0;
}

.box_redi .youtube {
  width: 115px;
  display: block;
  margin: 10px 0 0 300px;
  border: 1px solid #333;
  padding: 10px;
  background: none;
}

.sankou {
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}

.sankou-icon {
  color: #fff;
  font-size: 12px;
  background: #f69c4e;
  padding: 2px 3px;
  margin: 0 0 0 5px;
  font-weight: lighter;
}

.thumb > .slick-list > .slick-track {
  width: 1000px !important;
  -webkit-transform: inherit !important;
      -ms-transform: inherit !important;
          transform: inherit !important;
}

.switch_img .thumb img {
  width: 92px !important;
  height: auto;
}

.switch_img .thumb img:nth-child(10n+1) {
  clear: left;
}

/*.other .slider_other li a.disp_kentiku:after {
          display: block;
          position: absolute;
          left: -1px;
          content: "建築中";
          background: #254F8D;
          color: #fff;
          font-weight: bold;
          padding: 0 10px;
          height: 20px;
          line-height: 20px;
          top: 5px;
          z-index: 10;
}*/
@media screen and (max-width: 768px) {
  .icon-svg li {
    float: left;
    width: 17%;
    margin: 0 3.7% 1% 0;
  }
  .icon-svg li:nth-child(5) {
    margin: 0;
  }
  .box_redi .youtube {
    margin: -20px 0 0 59%;
  }
  .sankou {
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .sankou-icon {
    font-size: 10px;
  }
}
@media screen and (max-width: 599px) {
  .parking_set {
    width: 95% !important;
    margin: 0 auto !important;
  }
  .btn_request_sp .btn_brown a {
    width: 60%;
  }
}
/*　早割の仕組みモーダル*/
.modal-content {
  position: relative;
  display: none;
  width: 800px;
  margin: 30px;
  background: #fff;
  border-radius: 20px;
}
.modal-content p {
  margin: 0;
  padding: 0;
}

.modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-wrap {
  z-index: 2000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal-open {
  color: #00f;
  text-decoration: underline;
}

.modal-open:hover {
  cursor: pointer;
  color: #f00;
}

.modal-close {
  color: #00f;
  text-decoration: underline;
}

.modal-close:hover {
  cursor: pointer;
  color: #f00;
}

/*早割の仕組み内容*/
#hayawari_modal {
  background: #FFF;
  padding: 30px;
  border-radius: 20px;
}
@media only screen and (max-width:599px) {
  #hayawari_modal {
    padding: 5%;
  }
}
#hayawari_modal .title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (max-width:599px) {
  #hayawari_modal .title {
    font-size: 16px;
  }
}
#hayawari_modal .flowimage {
  margin: 0 0 20px;
}
#hayawari_modal dl {
  border: 3px solid #ddd;
  padding: 10px;
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#hayawari_modal dl dt {
  width: 20%;
  text-align: center;
}
@media only screen and (max-width:599px) {
  #hayawari_modal dl dt {
    width: 35%;
  }
}
#hayawari_modal dl dd {
  width: 75%;
}
@media only screen and (max-width:599px) {
  #hayawari_modal dl dd {
    width: 60%;
  }
}
#hayawari_modal dl.arrow::after {
  position: absolute;
  bottom: -22px;
  left: 75px;
  content: "▼";
  font-size: 20px;
  color: #999;
}
@media only screen and (max-width:599px) {
  #hayawari_modal dl.arrow::after {
    left: 55px;
  }
}
#hayawari_modal .close-btn {
  display: block;
  width: 173px;
  color: #FFF;
  text-decoration: none;
  padding: 10px 0;
  text-align: center;
  background: #B4B4B4;
  margin: 40px auto;
  border-radius: 20px;
  font-size: 18px;
  line-height: 100%;
  position: relative;
}
#hayawari_modal .close-btn:before {
  content: "×";
  font-size: 27px;
  vertical-align: middle;
  margin: 0 2px 0 0;
  line-height: 100%;
  position: absolute;
  top: 5px;
  left: 43px;
}
#hayawari_modal .close-btn span {
  display: inline-block;
  padding: 0 0 0 30px;
}

/*写真スライダー矢印*/
.slick-prev {
  left: 0 !important;
  z-index: 97;
}

.slick-next {
  right: 0 !important;
  z-index: 97;
}

.slick-prev:before, .slick-next:before {
  color: black !important;
}

.slick img {
  display: none;
}

/*平面図・部屋の配置図アコーディオン*/
.img_accordion {
  width: auto;
  margin: 40px auto 0;
}
.img_accordion .toggle { /*ベース*/
  display: none;
}
.img_accordion .Label { /*タイトル*/
  padding: 1.4em 1em 1.4em 4em;
  display: block;
  color: #442d12;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #bbbbbb;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(238, 238, 238)), color-stop(5%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(238, 238, 238) 5%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 100%);
  /*background: linear-gradient(0deg, #e8dccd 4%, #f2ece4 4%, #f2ece4 100%);*/
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 0 8px;
}
@media only screen and (max-width:599px) {
  .img_accordion .Label {
    padding: 1.1em 1em 1.1em 4em;
    font-size: 14px;
  }
}
.img_accordion .Label::before { /*タイトル横の矢印*/
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media only screen and (max-width:599px) {
  .img_accordion .Label::before {
    width: 8px;
    height: 8px;
    top: calc(50% - 8px);
    right: 15px;
  }
}
.img_accordion .icon_heimen::after {
  content: "";
  background: url("../img/room/icon_heimen.png") no-repeat left center;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 15px;
  top: 11px;
}
@media only screen and (max-width:599px) {
  .img_accordion .icon_heimen::after {
    background: url("../img/room/icon_heimen.png") no-repeat left center;
    background-size: 35px;
    width: 35px;
    height: 35px;
    left: 10px;
    top: 7px;
  }
}
.img_accordion .icon_haichi::after {
  content: "";
  background: url("../img/room/icon_haichi.png") no-repeat left center;
  background-size: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 15px;
  top: 11px;
}
@media only screen and (max-width:599px) {
  .img_accordion .icon_haichi::after {
    background: url("../img/room/icon_haichi.png") no-repeat left center;
    background-size: 35px;
    width: 35px;
    height: 35px;
    left: 10px;
    top: 7px;
  }
}
.img_accordion .content { /*本文*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 0;
  margin-bottom: 5px;
  padding: 0;
  overflow: hidden;
}
.img_accordion .content p {
  text-align: center;
}
.img_accordion .content p img {
  width: 100%;
  height: auto;
}
.img_accordion .toggle:checked + .Label + .content { /*開閉時*/
  height: auto;
  padding: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img_accordion .toggle:checked + .Label::before {
  -webkit-transform: rotate(-45deg) !important;
      -ms-transform: rotate(-45deg) !important;
          transform: rotate(-45deg) !important;
}

.img_accordion_new {
  width: auto;
  margin: 0;
}
.img_accordion_new .toggle { /*ベース*/
  display: none;
}
.img_accordion_new .Label { /*タイトル*/
  padding: 15px 0;
  display: block;
  text-align: center;
  border: 1px solid #bbbbbb;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(238, 238, 238)), color-stop(5%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgb(238, 238, 238) 5%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 100%);
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 0 8px;
}
.img_accordion_new .Label img {
  width: auto;
  height: 36px;
  margin: auto;
}
@media only screen and (max-width:599px) {
  .img_accordion_new .Label {
    padding: 7px 0;
  }
  .img_accordion_new .Label img {
    width: 81%;
    height: auto;
  }
}
.img_accordion_new .Label::before { /*タイトル横の矢印*/
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media only screen and (max-width:599px) {
  .img_accordion_new .Label::before {
    width: 8px;
    height: 8px;
    top: calc(50% - 8px);
    right: 15px;
  }
}
.img_accordion_new .content { /*本文*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 0;
  /*margin-bottom:5px;*/
  padding: 0;
  overflow: hidden;
}
.img_accordion_new .content p {
  text-align: center;
}
.img_accordion_new .content p img {
  width: 100%;
  height: auto;
}
.img_accordion_new .toggle:checked + .Label + .content { /*開閉時*/
  height: auto;
  padding: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img_accordion_new .toggle:checked + .Label::before {
  -webkit-transform: rotate(-45deg) !important;
      -ms-transform: rotate(-45deg) !important;
          transform: rotate(-45deg) !important;
}

.sp_redicome {
  display: none;
}
@media only screen and (max-width:599px) {
  .sp_redicome {
    display: block;
    border: 3px solid #cee8b2;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5em;
    margin: 1px 0 0 0;
  }
  .sp_redicome img {
    width: 60%;
    display: block;
    margin: 0 auto 5px;
  }
}

.sp_popocome {
  display: none;
}
@media only screen and (max-width:599px) {
  .sp_popocome {
    display: block;
    border: 3px solid #f9d4dd;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5em;
    margin: 1px 0 0 0;
  }
  .sp_popocome img {
    width: 60%;
    display: block;
    margin: 0 auto 10px;
  }
}