/* Scss Document */
/*-----------------------------------
text-mug
-----------------------------------*/
/* Scss Document */
.box-manual > *:last-child {
  margin-bottom: 0;
}

/*-----------------------------------
  text-mug
  -----------------------------------*/
.text-mug {
  background: url(../img/common/bg04.png);
  padding: 15px 20px 20px 20px;
  color: #663f04;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
}

.text-mug img {
  vertical-align: bottom;
  margin: 0 5px;
}

@media screen and (max-width: 799px) {
  .text-mug {
    padding: 5px 15px 10px 15px;
    text-align: inherit;
    line-height: 1.4;
    font-size: 1.7rem;
  }
  .text-mug br {
    display: none;
  }
}

/*-----------------------------------
  box-mug
  -----------------------------------*/
.box-mug {
  height: 570px;
  position: relative;
  background: url(../img/room/bg01.png) no-repeat bottom;
  background-size: cover;
  margin-bottom: 40px;
}

.box-mug .list-mug {
  position: absolute;
  bottom: -10px;
  right: 10%;
  max-width: 460px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.box-mug .list-mug li {
  width: 6.66%;
  height: 6.66%;
  margin-top: -2%;
  opacity: 0;
}

.box-mug .list-mug li img {
  width: 36px;
  max-width: none;
}

.box-mug .list-mug li:nth-child(16) {
  margin-left: 3.33%;
}

.box-mug .list-mug li:nth-child(30) {
  margin-left: 6.66%;
}

.box-mug .list-mug li:nth-child(29) {
  margin-right: 3.33%;
}

.box-mug .list-mug li:nth-child(43) {
  margin-left: 9.99%;
}

.box-mug .list-mug li:nth-child(42) {
  margin-right: 6.66%;
}

.box-mug .list-mug li:nth-child(55) {
  margin-left: 13.32%;
}

.box-mug .list-mug li:nth-child(54) {
  margin-right: 9.99%;
}

.box-mug .list-mug li:nth-child(66) {
  margin-left: 16.65%;
}

.box-mug .list-mug li:nth-child(65) {
  margin-right: 13.32%;
}

.box-mug .list-mug li:nth-child(76) {
  margin-left: 19.98%;
}

.box-mug .list-mug li:nth-child(75) {
  margin-right: 16.65%;
}

.box-mug .list-mug li:nth-child(85) {
  margin-left: 23.31%;
}

.box-mug .list-mug li:nth-child(84) {
  margin-right: 19.98%;
}

.box-mug .list-mug li:nth-child(93) {
  margin-left: 26.64%;
}

.box-mug .list-mug li:nth-child(92) {
  margin-right: 23.31%;
}

.box-mug .list-mug li:nth-child(100) {
  margin-left: 29.97%;
}

.box-mug .list-mug li:nth-child(99) {
  margin-right: 26.64%;
}

.box-mug .list-mug li:nth-child(106) {
  margin-left: 33.3%;
}

.box-mug .list-mug li:nth-child(105) {
  margin-right: 29.97%;
}

.box-mug .list-mug li:nth-child(111) {
  margin-left: 36.63%;
}

.box-mug .list-mug li:nth-child(110) {
  margin-right: 33.3%;
}

.box-mug .list-mug li:nth-child(115) {
  margin-left: 39.96%;
}

.box-mug .list-mug li:nth-child(114) {
  margin-right: 36.63%;
}

.box-mug .list-mug li:nth-child(118) {
  margin-left: 43.29%;
}

.box-mug .list-mug li:nth-child(117) {
  margin-right: 39.96%;
}

.box-mug .list-mug li:nth-child(120) {
  margin-left: 46.62%;
}

.box-mug .list-mug li:nth-child(119) {
  margin-right: 43.29%;
}

.box-mug .list-mug li:nth-child(121) {
  margin-left: 49.95%;
}

.box-mug .list-mug li:nth-child(120) {
  margin-right: 46.62%;
}

.box-mug .box-character {
  position: absolute;
  bottom: -37px;
  left: 10%;
}

@media screen and (max-width: 679px) {
  .box-mug {
    height: 320px;
  }
  .box-mug .list-mug {
    max-width: 260px;
    height: 300px;
    bottom: -5px;
    right: 5%;
  }
  .box-mug .list-mug li {
    margin-top: -1.12%;
  }
  .box-mug .list-mug li img {
    width: 20px;
  }
  .box-mug .box-character {
    width: 100px;
    bottom: -18px;
    left: 0;
  }
}

/*-----------------------------------
  box-manual
  -----------------------------------*/
.box-manual {
  background: #fcddcf url(../img/room/bg02.png) no-repeat bottom;
  background-size: contain;
  padding: 40px 60px;
  text-align: center;
  font-weight: bold;
}

.box-manual h3 {
  color: #eb6a50;
  font-size: 2.4rem;
  line-height: 1.6;
}

@media screen and (max-width: 799px) {
  .box-manual {
    padding: 20px;
    text-align: inherit;
  }
  .box-manual h3 {
    font-size: 2rem;
  }
}

/*-----------------------------------
  title-large
  -----------------------------------*/
@media screen and (max-width: 1199px) {
  .title-large.box-pori .pori-today {
    width: inherit;
    font-size: 1.8rem;
  }
}

/*-----------------------------------
  room_complete
  -----------------------------------*/
.cp_img {
  height: auto;
  background-image: none;
  margin-bottom: 0;
}

.oubo_text {
  background-color: #f9f6ed;
  padding: 1em 2em;
}

p.form_button {
  text-align: center;
  margin: 2em 0;
}

p.form_button img {
  min-width: 270px;
}

.oubo_text dt {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.4em;
}

.youkou dl {
  max-width: 400px;
}

.oubo_text dd {
  margin-bottom: 1.2em;
}

.oubo_text li {
  list-style: disc;
  margin-left: 1.4em;
}

.youkou {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.toiawase {
  border-top: solid #e6e6e6 1px;
  margin-top: 2em;
  padding-top: 2em;
}

.toiawase a {
  color: #e8af31;
  text-decoration: underline;
}

span.red_line {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(80%, #c64e54));
  background: -webkit-linear-gradient(transparent 75%, #c64e54 80%);
  background: linear-gradient(transparent 75%, #c64e54 80%);
}
/*# sourceMappingURL=room.css.map */