@charset "UTF-8";

:root {
    --fs5: 0.3125rem; /* 5px */
    --fs8: 0.5rem;
    --fs9: 0.5625rem;
    --fs10: 0.625rem;
    --fs11: 0.6875rem;
    --fs12: 0.75rem;
    --fs13: 0.8125rem;
    --fs14: 0.875rem;
    --fs15: 0.9375rem;
    --fs16: 1rem;
    --fs17: 1.0625rem;
    --fs18: 1.125rem;
    --fs19: 1.1875rem;
    --fs20: 1.25rem;
    --fs21: 1.3125rem;
    --fs22: 1.375rem;
    --fs23: 1.4375rem;
    --fs24: 1.5rem;
    --fs25: 1.5625rem;
    --fs26: 1.625rem;
    --fs27: 1.6875rem;
    --fs28: 1.75rem;
    --fs29: 1.8125rem;
    --fs30: 1.875rem;
    --fs31: 1.9375rem;
    --fs32: 2rem;
    --fs33: 2.0625rem;
    --fs34: 2.125rem;
    --fs35: 2.1875rem;
    --fs36: 2.25rem;
    --fs37: 2.3125rem;
    --fs38: 2.375rem;
    --fs39: 2.4375rem;
    --fs40: 2.5rem;
    --tan17: 0.3057;
    --tan20: 0.3640;
    --tan27: 0.5095;
    --ff-notosans: "Noto Sans JP", sans-serif;
    --ff-notoserif: "Noto Serif JP", serif;
    --ff-jost: "Jost", sans-serif;
    --color-text: #000000;
    --color-text-rgb: 0, 0, 0;
    --color-brown: #9e673d;
    --color-brown-rgb: 158, 103, 61;
    --color-dark-brown: #6a3906;
    --color-dark-brown-rgb: 106, 57, 6;
    --color-gray: #595757;
    --color-gray-rgb: 89, 87, 87;
  /* Area categories */
    --color-area-category-restaurant: #c24c70;
    --color-area-category-hotel: #905c37;
    --color-area-category-store: #2f5597;
    --color-area-category-smoking: #acabab;
    --color-area-category-parking: #ffd72d;
  /* Class categories */
    --color-class-category-sports: #2f5597;
    --color-class-category-fitness: #c24c70;
    --color-class-category-budo: #0e8181;
    --color-class-category-culture: #8968a6;
    --color-class-category-kids: #ffd72d;
}

body {
    color: var(--color-text);
    font-family: var(--ff-notosans);
    font-size: var(--fs8);
    margin: 0;
    padding: 0;
}

.event {
    height: 277mm; /* A4 height */
    margin: 0 auto;
    width: 190mm; /* A4 width */
}

.event__main {
    position: relative;
}

.event__main__title {
    font-size: var(--fs16);
    font-weight: 700;
    margin: 0 0 10px;
}

.event__main__empty {
    font-size: var(--fs14);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 20px;
}

.event__main__item {
    margin-bottom: 20px;
}

.event__main__item__title {
    font-size: var(--fs14);
    font-weight: 700;
    margin: 0;
}

.event__main__item__table {
    border-collapse: collapse;
    width: 100%;
}

.event__main__item__table > thead > tr > th {
    border: 1px solid #000;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.1;
    padding: 6px 4px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.event__main__item__table > tbody > tr > th, .event__main__item__table > tbody > tr > td {
    border: 1px solid #000;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.1;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

.event__main__item__table > tbody > tr > th._sat, .event__main__item__table > tbody > tr > td._sat {
    background-color: #2f5597;
    color: #ffffff;
}

.event__main__item__table > tbody > tr > th._sun, .event__main__item__table > tbody > tr > td._sun {
    background-color: #bc5510;
    color: #ffffff;
}

.event__main__item__table > thead > tr > th:nth-child(1), .event__main__item__table > tbody > tr > th:nth-child(1) {
    width: 2.5%;
}

.event__main__item__table > thead > tr > th:nth-child(2), .event__main__item__table > tbody > tr > th:nth-child(2) {
    width: 1%;
}

.event__main__item__table > thead > tr > th:nth-child(3), .event__main__item__table > tbody > tr > td:nth-child(3) {
    text-align: left;
    width: 50%;
}

.event__main__item__table > thead > tr > th:nth-child(4), .event__main__item__table > tbody > tr > td:nth-child(4) {
    text-align: left;
    width: 25%;
}

/* .event__main__item__table > thead > tr > th:nth-child(5), .event__main__item__table > tbody > tr > td:nth-child(5) {
    width: 12%;
    word-break: break-all;
}

.event__main__item__table > tbody > tr > td:nth-child(5) > a {
    font-size: var(--fs5);
} */

.event__main__item__table > tbody > tr > td._close {
    background-color: #ffed0b;
    font-weight: 700;
    letter-spacing: 0.5em;
    text-align: center;
}

.event__main__item__table > tbody > tr._own > td {
    background-color: #ccc;
}

.event__main__note {
    min-height: 50px;
}

.event__main__note__share {
    margin: 0 0 10px;
    text-align: right;
}

.event__main__logo {
    height: auto;
    inset: 0;
    margin: auto 0 0 auto;
    position: absolute;
    width: 60px;
}