@charset "UTF-8";
body {
  font: normal 400 1rem/1.5 "M PLUS 1p", suns-serif;
  color: #222;
  background: #E1F7F5 url(../img/background_pattern.png) repeat center/500px;
}
body::after {
  content: "";
  display: block;
  width: 100svw;
  height: 100svh;
  background: linear-gradient(0deg, transparent 10%, #61ACAD);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

main {
  width: calc(100% - 24px);
  max-width: 900px;
  margin: auto;
  padding: 24px;
}

section {
  margin: 0 auto 36px;
}

footer {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 32px;
  padding: 12px;
}
footer .cooperation {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#join-us {
  position: fixed;
  top: 24px;
  left: 0;
  z-index: 2;
  padding: 6px;
  background: #EC4E20;
  border-radius: 0 50% 50% 0;
}
#join-us a {
  display: block;
  width: 42px;
  height: 42px;
  padding: 6px;
  border-radius: 50%;
  background: #FFFEFE;
  transition: all 0.3s ease;
}
#join-us a:hover {
  filter: drop-shadow(0 0 6px #FFFEFE);
}
#join-us a:hover svg {
  fill: #F7D051;
}
#join-us .link_discord svg {
  width: 100%;
  margin: auto;
  vertical-align: middle;
  fill: #EC4E20;
  transition: all 0.3s ease;
}

#location_tab {
  background: #FFFEFE;
}

.tab {
  display: flex;
  justify-content: end;
  gap: 0;
  width: fit-content;
  margin: 0 0 0 auto;
  background: #61ACAD;
  border-radius: 12px;
}
.tab_item {
  display: block;
  color: #FFFEFE;
  background: #61ACAD;
  padding: 6px 24px;
  border-radius: 12px 0 0 0;
}
.tab_item.current {
  background: #EC4E20;
}
.tab_item:hover {
  background: #F7D051;
}

.hidden {
  display: none;
}

.small {
  font-size: 0.75rem;
}

.page_header {
  border-bottom: #FFFEFE double 12px;
}
.page_title {
  width: calc(100% - 24px);
  max-width: 900px;
  margin: auto;
  padding: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFEFE;
}

.event_header {
  position: relative;
  height: 80svh;
  padding: 12px 6px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
}
@media (max-width: 800px) {
  .event_header {
    height: 40svh;
  }
}
.event_header .event_logo {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 720px;
}
.event_header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.5));
}

.guidebook {
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #FFFEFE;
  background: #EC4E20;
  transition: all 0.3s ease;
}
.guidebook:hover {
  background: #F7D051;
  filter: drop-shadow(12px 12px 0 #EC4E20);
}
@media (max-width: 800px) {
  .guidebook {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: fit-content;
    padding: 0.5rem 2rem;
    border-radius: 12px 12px 0 0;
  }
}

main {
  padding: 24px 60px;
  background: #E1F7F5;
}
@media (max-width: 800px) {
  main {
    padding: 12px;
  }
}

@media (max-width: 800px) {
  section {
    margin: 24px auto;
  }
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 12px;
}

th {
  white-space: nowrap;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  color: #FFFEFE;
  background: #61ACAD;
  border-radius: 12px 0 0 12px;
  padding: 0.5rem 2rem;
}
@media (max-width: 800px) {
  th {
    display: block;
    border-radius: 12px 12px 0 0;
  }
}

td {
  vertical-align: middle;
  padding: 6px 24px;
}
td ul {
  list-style: disc inside;
}
td ul li {
  margin: 6px 0;
}
@media (max-width: 800px) {
  td {
    display: block;
    margin: 6px 0 12px;
  }
}

.title_event {
  font-size: 2rem;
  font-weight: 700;
  color: #61ACAD;
  border-bottom: #FFFEFE double 12px;
}
.title_event_name {
  white-space: nowrap;
}
.title_description {
  margin: 12px 0;
}

.information {
  display: flex;
}
@media (max-width: 800px) {
  .information {
    flex-wrap: wrap;
  }
}
.information_text {
  width: 100%;
}
.information_map {
  width: 100%;
  max-width: 360px;
  max-height: 300px;
}
@media (max-width: 800px) {
  .information_map {
    max-width: none;
  }
}
.information_map iframe {
  width: 100%;
  height: 100%;
  min-height: 240px;
}
@media (max-width: 800px) {
  .information_map iframe {
    margin: 12px auto;
  }
}
.information .cash {
  padding: 0.5rem 2rem;
}

.datetime td,
.venue td {
  font-size: 1.25rem;
  font-weight: 700;
}
.datetime td span,
.venue td span {
  white-space: nowrap;
}

.staff-wanted {
  padding: 0.5rem 2rem;
  border-radius: 12px;
  background: #FFFEFE;
}
.staff-wanted .space-full {
  color: #EC4E20;
}
.staff-wanted .space-full strong {
  font-size: 1.25rem;
}

.participation {
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #FFFEFE;
}
.participation_content {
  clear: both;
  padding: 12px 0;
  display: none;
}
.participation label {
  width: 50%;
  padding: 6px 12px;
  float: left;
  text-align: center;
  color: #FFFEFE;
  background: #61ACAD;
  transition: all 0.3s ease;
}
.participation label:hover {
  background: #F7D051;
}
.participation input {
  display: none;
}
.participation input:checked + label {
  background: #EC4E20;
}
.participation #radio_circle:checked ~ .circle,
.participation #radio_general:checked ~ .general {
  display: block;
}

.toForm {
  font-weight: 700;
  border-bottom: #222 solid 1px;
}
.toForm:hover {
  color: #EC4E20;
  border-bottom: #EC4E20 solid 1px;
}

table.cost_graph,
table.schedule_graph {
  border-collapse: collapse;
}
table.cost_graph tr,
table.schedule_graph tr {
  border-bottom: #61ACAD solid 1px;
}
table.cost_graph th,
table.schedule_graph th {
  padding: 6px 24px;
  color: #222;
  background: transparent;
  border-radius: 0;
}
@media (max-width: 800px) {
  table.cost_graph th,
  table.schedule_graph th {
    text-align: left;
  }
}

.circle-cut_img {
  position: relative;
}
.circle-cut_img img {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 12px auto;
}
.circle-cut_img::before {
  content: "記入例";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: fit-content;
  padding: 0.5rem 2rem;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.circle-cut_transmission {
  display: block;
  width: 100%;
  padding: 0 12px;
  border-radius: 1rem;
  text-align: center;
  color: #EC4E20;
  border: #EC4E20 solid 1px;
}
.circle-cut_transmission:hover {
  color: #FFFEFE;
  background: #EC4E20;
}
.circle-cut_transmission span {
  font-size: 0.75rem;
  padding: 0 0.5rem;
}

.attention {
  margin: 0 24px;
}

.event_header {
  background: url(../img/background_yamauru.jpg) no-repeat center/cover;
}/*# sourceMappingURL=nara.css.map */