/*ress.css*/html {box-sizing: border-box;-moz-tab-size: 4;tab-size: 4;word-break: normal;}*, :after, :before {background-repeat: no-repeat;box-sizing: inherit;}:after, :before {text-decoration: inherit;vertical-align: inherit;}* {margin: 0;padding: 0;}hr {color: inherit;height: 0;overflow: visible;}details, main {display: block}summary {display: list-item;}[hidden] {display: none;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}a {background-color: transparent;}a:active, a:hover {outline-width: 0;}b, strong {font-weight: bolder;}table {border-color: inherit;text-indent: 0;}iframe {border-style: none;}input {border-radius: 0;}textarea {overflow: auto;resize: vertical;}button, input, optgroup, select, textarea {font: inherit;}optgroup {font-weight: 700;}button {overflow: visible;}button, select {text-transform: none;}[role=button], [type=button], [type=reset], [type=submit], button {cursor: pointer;}[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {border-style: none;padding: 0;}[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {outline: 1px dotted ButtonText;}[type=reset], [type=submit], button, html [type=button] {-webkit-appearance: button;}button, input, select, textarea {background-color: transparent;border-style: none;}a:focus, button:focus, input:focus, select:focus, textarea:focus {outline-width: 0;}select {-moz-appearance: none;-webkit-appearance: none;}select::-ms-expand {display: none;}select::-ms-value {color: currentColor;}[disabled] {cursor: default;}img {border-style: none;}/*ress.css*/
:root {
    --theme-color: 173 179 255;
    --footer-height: 3rem;
}

html {
    font-size: 100%;
}

body {
    position: relative;
    font-family: 'Zen Kaku Gothic Antique', sans-serif;
    padding-bottom: calc(var(--footer-height) + 10rem);
}

@font-face {
    src: url("../fonts/ZenKakuGothicAntique-Regular.woff2") format('woff2'), url("../fonts/ZenKakuGothicAntique-Regular.ttf") format('truetype');
    font-family: "Zen Kaku Gothic Antique";
    font-style: normal;
    font-display: swap;
}

header {
    width: 100%;
    height: 5.6rem;
}

header a {
    text-decoration: none;
}

.logo {
    width: 400px;
    margin-top: 16px;
}

.main-nav {
    display: flex;
    height: 100%;
    gap: 0.25rem;
    font-size: 20px;
    list-style: none;
}

    .main-nav li {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 1rem 0;
    }

    .main-nav a {
        display: block;
        padding: 0.5rem 1.5rem;
        text-decoration: none;
        border-radius: 0.25rem;
    }

@media (hover: hover) {
    .main-nav a:hover {
        transition-duration: 0.2s;
        background-color: rgba(255 255 255 / 0.125);
    }
}

#single .main-nav a {
    color: #000000;
}

.page-header {
    display: flex;
    justify-content: space-between;
}

.logo-container {
    width: 25rem;
}

.ink-logo {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.ink-logo-black {
    background-image: url("../img/logo/black.png");
}

.ink-logo a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 100%;
    overflow: hidden;
}

.wrapper {
    max-width: 1300px;
    margin: 0 auto;
}

#single {
    background: rgba(var(--theme-color));
}

#title {
    position: relative;
    margin-top: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 0.125rem;
    background: linear-gradient(to left, transparent, rgba(var(--theme-color)) 20%, rgba(var(--theme-color)) 80%, transparent 100%);
}

.title-img {
    background-image: url("./header_kouyou.png");
    background-color: rgba(255 255 255 / 0.5);
    background-blend-mode: lighten;
    background-size: cover;
    background-position: center;
    height: 90px;
}
.title-img h2 {
    text-shadow: 0 0 0.5rem rgb(255 255 255 / 0.5);
}

.page-title {
    font-size: 35px;
}

.schedule-chart {
    position: relative;
    font-size: 1.25rem;
    width: 15rem;
    padding-left: 2em;
    overflow: hidden;
}

.schedule-chart li {
    display: flex;
    gap: 1rem;
    position: relative;
    width: 100%;
}

.schedule-chart .date {
    min-width: 3em;
    text-align: right;
}

.schedule-chart .undecided {
    color: rgba(0 0 0 / 0.25);
}

.schedule-chart::before {
    content: "";
    position: absolute;
    left: calc(1em - 0.0625em);
    display: block;
    width: 0.125em;
    height: 100vh;
    background-color: rgba(var(--theme-color));
}

.schedule-chart li:not(.undecided)::before {
    content: "";
    position: absolute;
    right: calc(100% + 1em);
    top: 50%;
    transform: translate(50%, -50%);
    display: block;
    width: 0.75em;
    height: 0.75em;
    background-color: rgba(255 255 255);
    border: 0.125em solid rgba(var(--theme-color));
    border-radius: 999rem;
}

section {
    margin-top: 5rem;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--footer-height);
    background-color: rgba(0 0 0);
    color: rgba(255 255 255);
    padding: 0.5rem 0 1.5rem;
    overflow: hidden;
}

@media screen and (max-width: 599px) {
    /*SmartPhone Style*/
}