@charset "UTF-8";
/* * * 規約・禁止事項 * * */
.p-rules {
  padding: min(50px, calc(50 / 1440 * 100vw)) 0;
}
.p-rules-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  gap: min(40px, calc(40 / 1440 * 100vw));
}
.p-rules-item {
  position: relative;
  width: 100%;
}
.p-rules-item-wrapper {
  width: min(550px, calc(550 / 1440 * 100vw));
  height: min(300px, calc(300 / 1440 * 100vw));
  border: 1px solid;
  padding: min(26px, calc(26 / 1440 * 100vw)) 0;
}
.p-rules-item-wrapper-inner {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.p-rules-item__title {
  font-size: min(20px, calc(20 / 1440 * 100vw));
  background-color: #333;
  padding: 0 min(12px, calc(12 / 1440 * 100vw));
  display: inline;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-rules-item__text {
  padding: 0 min(30px, calc(30 / 1440 * 100vw));
}

@media (max-width: 768px) {
  .p-rules {
    padding: min(30px, calc(30 / 375 * 100vw)) 0;
  }
  .p-rules-contents {
    gap: min(20px, calc(20 / 375 * 100vw));
    flex-direction: column;
  }
  .p-rules-item {
    width: 80%;
    margin: 0 auto;
  }
  .p-rules-item-wrapper {
    height: min(150px, calc(150 / 375 * 100vw));
    width: 100%;
    padding: min(15px, calc(15 / 375 * 100vw)) 0;
  }
  .p-rules-item__title {
    font-size: min(14px, calc(14 / 375 * 100vw));
    padding: 0 min(10px, calc(10 / 375 * 100vw));
  }
  .p-rules-item__text {
    padding: 0 min(10px, calc(10 / 375 * 100vw));
    font-size: min(12px, calc(12 / 375 * 100vw));
  }
}
/* * * 規約・禁止事項 /E * * */
/* * * ニックネームの入力 * * */
.p-nickname {
  padding-top: min(50px, calc(50 / 1440 * 100vw));
  padding-bottom: min(50px, calc(50 / 1440 * 100vw));
}
.p-nickname-wrapper {
  width: 50%;
  margin: 0 auto;
}
.p-nickname__text {
  font-size: min(20px, calc(20 / 1440 * 100vw));
  text-align: center;
  margin-bottom: min(10px, calc(10 / 1440 * 100vw));
}
.p-nickname__input {
  text-align: center;
  font-size: min(20px, calc(20 / 1440 * 100vw));
}

@media (max-width: 768px) {
  .p-nickname {
    padding-top: min(30px, calc(30 / 375 * 100vw));
    padding-bottom: min(30px, calc(30 / 375 * 100vw));
  }
  .p-nickname-wrapper {
    width: 100%;
  }
  .p-nickname__text {
    font-size: min(16px, calc(16 / 375 * 100vw));
    margin-bottom: min(8px, calc(8 / 375 * 100vw));
  }
  .p-nickname__input {
    font-size: min(16px, calc(16 / 375 * 100vw));
  }
}
/* * * ニックネームの入力 /E * * */
/* * * 入場・退場 * * */
.p-entry {
  padding: min(50px, calc(50 / 1440 * 100vw)) 0;
}
.p-entry-warning {
  width: 50%;
  margin: 0 auto min(16px, calc(16 / 1440 * 100vw));
}
.p-entry-warning__text {
  font-size: min(14px, calc(14 / 1440 * 100vw));
}
.p-entry-btn {
  text-align: center;
}
.p-entry-btn__err {
  display: none;
  margin-bottom: min(8px, calc(8 / 1440 * 100vw));
}
.p-entry-btn__btn {
  padding: min(10px, calc(10 / 1440 * 100vw)) min(100px, calc(100 / 1440 * 100vw));
}

@media (max-width: 768px) {
  .p-entry {
    padding: min(30px, calc(30 / 375 * 100vw)) 0;
  }
  .p-entry-warning {
    width: 100%;
    margin: 0 auto min(16px, calc(16 / 375 * 100vw));
  }
  .p-entry-warning__text {
    font-size: min(12px, calc(12 / 375 * 100vw));
  }
  .p-entry-btn__err {
    margin-bottom: min(8px, calc(8 / 375 * 100vw));
  }
  .p-entry-btn__btn {
    padding: min(15px, calc(15 / 375 * 100vw)) min(75px, calc(75 / 375 * 100vw));
  }
}
/* * * 入場・退場 /E * * */