@font-face {
    font-family: 'gothic';
    src: url("/fonts/DFHSGothicRPro5-W3.woff2") format('woff');
}

@font-face {
    font-family: 'mincho';
    src: url("/fonts/DFHSMinchoRPro5-W3.woff2") format('woff');
}

@font-face {
    font-family: 'kaisho';
    src: url("/fonts/DFKaiShoPro5-W5.woff2") format('woff');
}

@font-face {
    font-family: 'piary_g';
    src: url("/fonts/piary_g.woff2") format('woff');
}

@font-face {
    font-family: 'Noto_Sans_g';
    src: url("/fonts/NotoSansJP-Regular.otf") format('opentype');
}

.gothic {
    font-family: 'gothic';
}

.piary_g {
    font-family: 'piary_g';
}

* {
    letter-spacing: 0.05rem;
}

body {
    font-size: 1rem;
    font-family: "Noto_Sans_g", "gothic", sans-serif, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Segoe UI", Verdana, Meiryo;
}

.l-preview__element::before {
    display: none;
}

@media screen and (min-width: 640px) {
    .l-preview__element::before {
        content: "100%";
        position: absolute;
        display: block;
        font-size: 19px;
        color: #00C2FF;
        font-weight: bold;
        width: 54px;
        height: 2px;
        bottom: calc(100% - 60px);
    }
}

.l-image__arrangement input[type="file"] {
    display: none;
}

input {
    font-family: 'gothic';
}