/*! Writen  by SCSS */
.thumbnail_group {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(50px, 6.667vw, 80px) 0; }
  @media screen and (max-width: 480px) {
    .thumbnail_group {
      padding: 40px 0; } }
  .thumbnail_group .thumbnail {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: clamp(20px, 3.334vw, 40px) 3.32%; }
    @media screen and (max-width: 480px) {
      .thumbnail_group .thumbnail {
        gap: 12px 4%; } }
    .thumbnail_group .thumbnail a {
      width: 22.5%;
      transition: 0.3s opacity ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        .thumbnail_group .thumbnail a {
          width: 48%; } }
      body:not(.mobile) .thumbnail_group .thumbnail a:hover {
        opacity: 0.5; }
      .thumbnail_group .thumbnail a.cr {
        pointer-events: none;
        opacity: 0.5; }

/*# sourceMappingURL=roomplan_common.css.map */