@charset "UTF-8";
/*==================================================
Customize CSS by anoSora and Yozora Eto
@link https://anosora.itsuka-yume.com/
@link https://yozora-eto.com/

こちらのカスタムCSSは、「なんかいい感じのマンガビューア～slick-custom～」のデザイン部分のみを一部調整するためのCSSです。
「なんかいい感じのマンガビューア～slick-custom～」とは関係のないCSSとなりますので、ご注意ください。

▼「なんかいい感じのマンガビューア～slick-custom～」様はこちら▼
@link https://guardian.bona.jp/st/cv/
==================================================*/

@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Antique&family=Material+Symbols+Rounded&display=swap");


body {
    background-color: var(--color-back);
    font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.slider {
    background-color: var(--color-back);
}

.next-arrow span::before {
    content: '\e2ea';
    font-family: "Material Symbols Rounded";
}

.prev-arrow span::before {
    content: '\e5e1';
    font-family: "Material Symbols Rounded";
}

.button {
    font-family: var(--font-ja);
    color: var(--color-main);
    border-width: 1px;
    border-color: var(--color-main);
}

@media (min-width:769px) {
    .button:hover {
        background-color: var(--color-main);
        border-color: var(--color-main);
        color: var(--color-white);
    }

    .button.orange:hover {
        background-color: var(--color-sub);
        border-color: var(--color-sub);
        color: var(--color-white);
    }
}

.guide_yazirusi .icon::before {
    content: "\e5d8";
    font-family: "Material Symbols Rounded";
}

.menu_button {
    font-family: "Cinzel", serif;
    font-size: 20px;
}

.menu_button::before {
    content: "\e313";
    font-family: "Material Symbols Rounded";
    font-size: 24px;
}

.zoom_reset .zr_in {
    background-color: var(--color-sub);
}

.help_in {
    width: 100%;
    max-width: 960px;
    padding: 20px;
    border: 1px solid var(--color-main);
    border-radius: 5px;
}

.help_img {
    margin-top: 0px;
}

.help_in ul:last-child {
    margin-bottom: 0;
}

.guide::after,
.help::after {
    content: "\e5cd";
    font-family: "Material Symbols Rounded";
    background-color: var(--color-main);
    border-radius: 5px;
}

.slider div .last_page_in {
    color: var(--color-white);
}

.material-symbols-rounded {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}