@charset "utf-8";
/* CSS Document */


/* head */

#head {
  margin-top: 15px;
}
#head .title {
  color: #f56fa2;
  font-family: "magnolia";
  font-size: 5em;
}
@media(max-width:991.98px) {
  #head .title {
    font-size: 4.5em;
  }
}
@media(max-width:767.98px) {
  #head .title {
    font-size: 3.5em;
  }
}
@media(max-width:576.98px) {
  #head .title {
    font-size: 2.8em;
  }
}
@media(max-width:430px) {
  #head .title {
    font-size: 2.5em;
  }
}
#head .rubi {
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 0.5em;
  padding-left: 0.5em;
  margin-top: -1em;
}
@media(max-width:767.98px) {
  #head .rubi {
    font-size: 1em;
  }
}
@media(max-width:576.98px) {
  #head .rubi {
    font-size: 0.8em;
  }
}
@media(max-width:430px) {
  #head .rubi {
    font-size: 0.75em;
  }
}

/* room */

.room {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media(max-width:991.98px) {
  .room {
    margin-bottom: 0px;
  }
}

.hr {
  padding-top: 1px;
}
@media(max-width:991.98px) {
  .hr {
    padding-top: 0px;
    padding-bottom: 1px;
  }
}

.room .title {
  font-size: 1.6em;
  font-weight: 700;
}
@media(max-width:767.98px) {
  .room .title {
    font-size: 1.35em;
  }
}
@media(max-width:575.98px) {
  .room .title {
    font-size: 1.05em;
  }
}

.room .sub {
  font-size: 1.2em;
}
@media(max-width:1199.98px) {
  .room .sub {
    font-size: 1.15em;
  }
}
@media(max-width:991.98px) {
  .room .sub {
    font-size: 1.2em;
  }
}
@media(max-width:767.98px) {
  .room .sub {
    font-size: 1em;
  }
}
@media(max-width:575.98px) {
  .room .sub {
    font-size: 0.9em;
  }
}

.room .left img {
  border-radius: 12px;
}
.room .left .long img {
  height: 95.5%;
  width: 95.5%;
}
@media(max-width:1199.98px) {
  .room .left .long img {
    height: 96%;
    width: 96%;
  }
}
@media(max-width:991.98px) {
  .room .left .long img {
    height: 97%;
    width: 97%;
    padding-right: 2px;
  }
}
@media(max-width:767.98px) {
  .room .left .long img {
	height: 95.7%;
	width: 95.7%;
  }
}
@media(max-width:575.98px) {
  .room .left .long img {
	height: 96%;
	width: 96%;
  }
}

.room .left .box1 {
  margin-top: 15px;
}
.room .left .box2 {
  margin-top: 15px;
}
.room .left .box3 {
  margin-top: 15px;
}
@media(max-width:767.98px) {
  .room .left .box3 {
    margin-top: 30px;
  }
}

.room .right .text {
  margin-top: 10px;
}
@media(max-width:991.98px) {
  .room .right .text {
    margin-top: 30px;
  }
}

.room .right .text ul {
  line-height: 1.7em;
  font-size: 1.2em;
}
@media(max-width:1199.98px) {
  .room .right .text ul {
    line-height: 1.7em;
    font-size: 1em;
  }
}
@media(max-width:991.98px) {
  .room .right .text ul {
    line-height: 1.7em;
    font-size: 1.2em;
  }
}
@media(max-width:767.98px) {
  .room .right .text ul {
    font-size: 1em;
  }
}

.room .right .text ul li {
  position: relative;
	padding-bottom: 1em;
}

.room .right .text ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .45em;
	left: -1.2em;
	width: 16px;
	height: 16px;
}
.room .right .text ul.ul1 li::after {
	background-color: #A4E0E3;
}
.room .right .text ul.ul2 li::after {
	background-color: #FFC2DC;
}
.room .right .text ul.ul3 li::after {
	background-color: #F9DAA7;
}
.room .right .text ul.ul4 li::after {
	background-color: #CCE4FF;
}
.room .right .text ul.ul5 li::after {
	background-color: #A4E0E3;
}
.room .right .text ul.ul6 li::after {
	background-color: #FFC2DC;
}

.fukan {
  margin-top: 45px;
}