body * {
  box-sizing: border-box;
}
body .enteringroomlist {
  width: 100%;
  background-color: #dcdcdc;
}
@media (max-width: 767px) {
  body .enteringroomlist {
    padding: 30vw 0;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist {
    padding: 11.4285714286vw 0;
  }
}
body .enteringroomlist .enteringroomlist-room {
  margin: 0 auto;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room {
    width: 100%;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room {
    width: 92.8571428571vw;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element {
  position: relative;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents {
  border-style: solid;
  border-color: #fff;
  background-color: #d9d9d9;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  transition: 0.3s;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents {
    border-width: 1.25vw;
    width: 77.5vw;
    height: 32.5vw;
    box-shadow: 0.125vw 0.125vw 0.125vw 0 rgba(0, 0, 0, 0.45), inset 0.125vw 0.125vw 0.125vw 0 rgba(0, 0, 0, 0.45);
    padding: 0 2.5vw;
    margin: 0 auto;
    position: relative;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents {
    border-width: 0.7142857143vw;
    width: 29.7142857143vw;
    height: 12.5714285714vw;
    box-shadow: 0.0714285714vw 0.0714285714vw 0.0714285714vw 0 rgba(0, 0, 0, 0.45), inset 0.0714285714vw 0.0714285714vw 0.0714285714vw 0 rgba(0, 0, 0, 0.45);
    padding: 0 0.7142857143vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents__duck {
  position: absolute;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents__duck img {
  width: 100%;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline__roomname {
    margin-bottom: 1.875vw;
    width: 50vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline__roomname {
    margin-bottom: 1.0714285714vw;
    width: 19.2857142857vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline__roomname h2 {
  font-weight: bold;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline__roomname h2 {
    font-size: 7.25vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline__roomname h2 {
    font-size: 2.7857142857vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline__roomname h2 span {
  font-weight: lighter;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline {
  text-align: center;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p {
  position: relative;
  margin: 0;
  display: inline-block;
  color: #FFFFFF;
  font-weight: bold;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p {
    font-size: 1.2142857143vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p::before {
  content: "";
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p::before {
    background-image: linear-gradient(to right, #fff, #fff 0.75vw, transparent 0.75vw, transparent 2vw);
    background-size: 2vw 0.5vw;
    height: 0.5vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p::before {
    background-image: linear-gradient(to right, #fff, #fff 0.2142857143vw, transparent 0.2142857143vw, transparent 0.5714285714vw);
    background-size: 0.5714285714vw 0.1428571429vw;
    height: 0.1428571429vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p span {
  display: inline-block;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p span:nth-of-type(1) {
  animation-name: click1;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p span:nth-of-type(2) {
  animation-name: click2;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p span:nth-of-type(3) {
  animation-name: click3;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p span:nth-of-type(4) {
  animation-name: click4;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p span:nth-of-type(5) {
  animation-name: click5;
}
body .enteringroomlist .enteringroomlist-room .room-element .room-contents .room-contents-txtline .clickline p span:nth-of-type(6) {
  animation-name: click6;
}
@media (min-width: 1400px) {
  body .enteringroomlist .enteringroomlist-room .room-element .room-contents:hover .room-contents__duck img {
    animation-name: jump;
    animation-duration: 0.3s;
    animation-timing-function: linear;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element--toyonaka .room-contents {
  background-color: rgba(223, 149, 0, 0.8);
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element--toyonaka .room-contents .room-contents__duck {
    width: 24.75vw;
    left: -5vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element--toyonaka .room-contents .room-contents__duck {
    width: 9.4285714286vw;
    bottom: 0.7142857143vw;
    left: 0;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element--takatsuki .room-contents {
  background-color: rgba(0, 128, 255, 0.8);
}
body .enteringroomlist .enteringroomlist-room .room-element--takatsuki .room-contents .room-contents__duck {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element--takatsuki .room-contents .room-contents__duck {
    width: 20.5vw;
    left: 0.625vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element--takatsuki .room-contents .room-contents__duck {
    width: 7.7857142857vw;
    left: 0.7142857143vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents {
  background-color: rgba(217, 50, 114, 0.8);
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents__duck {
    width: 21.125vw;
    bottom: 0.375vw;
    left: 1.25vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents__duck {
    width: 8vw;
    bottom: 0.7142857143vw;
    left: 0.7142857143vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents-txtline__roomname {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents-txtline__roomname {
    column-gap: 1.25vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents-txtline__roomname {
    column-gap: 0.3571428571vw;
  }
}
body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents-txtline__roomname p {
  display: grid;
  place-items: center;
  font-family: futura-pt-condensed, sans-serif;
  font-weight: bold;
  border-radius: 50%;
  color: #d93273;
  background-color: #f6ab00;
  white-space: nowrap;
  transform: rotate(-15deg);
  margin: 0;
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents-txtline__roomname p {
    font-size: 4.875vw;
    width: 8.625vw;
    height: 8.625vw;
  }
}
@media (min-width: 768px) {
  body .enteringroomlist .enteringroomlist-room .room-element--momoyama .room-contents .room-contents-txtline__roomname p {
    font-size: 1.8571428571vw;
    width: 3.2857142857vw;
    height: 3.2857142857vw;
  }
}
@media (max-width: 767px) {
  body .enteringroomlist .enteringroomlist-room .room-element:not(:last-of-type) {
    margin-bottom: 3.125vw;
  }
}/*# sourceMappingURL=entering_room.css.map */