@media (min-width: 468px) and (max-width: 1280px) {
  body {
    main {
      .floor-attention {
        .text {
          width: 80%;
        }
      }
      .schedule {
        .text {
          width: 80%;
        }
      }
      .floor-map {
        .text {
          width: 80%;
        }
      }
      .event {
        .text {
          width: 80%;
          .mini {
            .one,
            .two {
              width: 15rem;
              height: 15rem;
              h3 {
                font-size: 0.8rem;
              }
            }
          }
        }
      }
      .cosplay {
        .text {
          width: 80%;
        }
      }
      .kitchen {
        .text {
          width: 80%;
        }
        .kitchen-attention {
          width: 80%;
        }
      }
    }
    footer {
      .text {
        width: 80%;
      }
    }
  }
}