@font-face {
  font-family: "KiyosunaSans";
  src: url("../font/KiyosunaSans-B.otf") format("opentype"), url("../font/KiyosunaSans-B.ttf") format("truetype"), url("../font/KiyosunaSans-B.woff") format("woff");
}
@font-face {
  font-family: "KiyosunaSans Light";
  src: url("../font/KiyosunaSans-L.otf") format("opentype"), url("../font/KiyosunaSans-L.ttf") format("truetype"), url("../font/KiyosunaSans-L.woff") format("woff");
}
#modelroom main {
  font-family: "KiyosunaSans", serif;
}
#modelroom main img {
  width: 100%;
}
#modelroom main .w60container {
  width: max(60%, 740px);
  margin-left: auto;
  margin-right: auto;
}
#modelroom main .w80container {
  width: max(80%, 970px);
  margin-left: auto;
  margin-right: auto;
}
#modelroom main .flexContainer .w27 {
  width: 27%;
}
#modelroom main .inner {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#modelroom main .textCenter {
  text-align: center;
}
#modelroom main .textRight {
  text-align: right;
}
#modelroom main .caption {
  font-size: 0.9rem;
}
#modelroom main h3 {
  margin-bottom: 1em;
}
#modelroom main p {
  font-size: 1.3rem;
}
#modelroom main .single_line {
  padding: 0 5px;
  font-family: "KiyosunaSans", serif !important;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2;
  background-image: linear-gradient(left, transparent 50%, #ff0 50%);
  background-image: -webkit-linear-gradient(left, transparent 50%, #ff0 50%);
  background-repeat: repeat-x;
  background-size: 200% 2em;
  background-position: -100% 1em;
}
#modelroom main .backNumber_container {
  margin: 3em auto;
  width: 70%;
}
#modelroom main .backNumber_container h4.title {
  width: 50%;
  max-width: 300px;
  margin: 3% auto;
}
#modelroom .mapStack {
  width: 100%;
  background-color: #7A6A56;
  padding: 50px 3%;
  color: white;
}
#modelroom .btnStack {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 36px 20px;
}
#modelroom .btnStack > div .join, #modelroom .btnStack > div .site {
  margin-top: 0;
  min-width: 200px;
}
#modelroom .btnStack > div .site {
  display: inline-block;
  padding: 15px;
  font-family: sans-serif;
  font-size: 15px;
  color: #fff;
  letter-spacing: 0.3em;
  background: #1f4e79;
}
#modelroom .btnStack > div .site:hover, #modelroom .btnStack > div .site:focus {
  color: #fff;
  text-decoration: none;
  background-color: #183e60;
}
#modelroom .btnStack > div .txt {
  margin-top: 10px;
  font-size: 10px;
  text-align: left;
}
#modelroom .caution {
  margin: 3em auto;
  padding: 0 5%;
  font-size: 10px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  #modelroom main .w80container {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #modelroom main .w60container {
    width: 100%;
  }
  #modelroom main .flexContainer .w27 {
    width: 100%;
  }
}/*# sourceMappingURL=modelroom.css.map */