@charset "UTF-8";

@font-face {
    font-family: 'Moomin';
    src: url("/moominvalley-animation/wp/wp-content/themes/moomin_anime/fonts/MoominFont.otf") format("opentype");
    /* src: url("https://dev.moomin.co.jp/moominvalley-animation/wp/wp-content/themes/moomin_anime/fonts/MoominFont.otf") format("opentype"); */
    /* src: url("../fonts/MoominFont.otf") format("opentype"); */
}
@font-face {
    font-family: 'MoominBR';
    src: url("/moominvalley-animation/wp/wp-content/themes/moomin_anime/fonts/MoominFontBrush.otf") format("opentype");
    /* src: url("https://dev.moomin.co.jp/moominvalley-animation/wp/wp-content/themes/moomin_anime/fonts/MoominFontBrush.otf") format("opentype"); */
    /* src: url("../fonts/MoominFontBrush.otf") format("opentype"); */
}


/* font-family */
.m1p {font-family: 'M PLUS 1p'; transform: rotate(0.03deg); }
.rm1c {font-family: 'M PLUS Rounded 1c'; transform: rotate(0.03deg); }
.moom {font-family: 'Moomin';}
.mobr {font-family: 'MoominBR';}

/* bold */
.bld_rest {font-weight: normal;}
.bld_700 {font-weight: 700;}
.bld_800 {font-weight: 800;}
.bld_900 {font-weight: 900;}

/* font0 */
.f0 {font-size: 0;}

/* ルビのサイズ */
rt {font-size: 0.4em;}
@media screen and (min-width:768px){
    rt {font-size: 0.5em;}
}

/*SP*/
.sf8 {font-size: 2.13333vw;}
.sf12 {font-size: 3.2vw;}
.sf14 {font-size: 3.733vw;}
.sf16 {font-size: 4.266vw;}
.sf18 {font-size: 4.8vw;}

.sf20 {font-size: 5.3333vw;}
.sf22 {font-size: 5.8666vw;}
.sf24 {font-size: 6.4vw;}
.sf26 {font-size: 6.933333vw;}
.sf28 {font-size: 7.5vw;}

.sf36 {font-size: 9.6vw;}
.sf42 {font-size: 11.2vw;}


/* PC TAB */


@media screen and (min-width:768px){
    .pf16 {font-size: 1vw;}
    .pf18 {font-size: 1.1613vw;}

    .pf18v {font-size: 1.16vw;}
    .pf30v {font-size: 1.9vw;}

    .pf20 {font-size: 1.3vw;}
    .pf22 {font-size: 1.42vw;}
    .pf24 {font-size: 1.55vw;}
    .pf26 {font-size: 1.68vw;}
    .pf28 {font-size: 1.81vw;}
    .pf30 {font-size: 1.93vw;}

    .pf32 {font-size: 2.1vw;}
    .pf34 {font-size: 2.2vw;}

    .pf36 {font-size: 2.32vw;}
    .pf38 {font-size: 2.45vw;}
    .pf46 {font-size: 3vw;}
    .pf50 {font-size: 3.226vw;}
    .pf56 {font-size: 3.612vw;}
    .pf58 {font-size: 3.742vw;}
    .pf64 {font-size: 4.13vw;}
}
@media screen and (min-width:1024px){
    .pf16 {font-size: 10.6px;}
    .pf18 {font-size: 12px;}
    .pf20 {font-size: 13.213px;}
    .pf22 {font-size: 14.5px;}
    .pf24 {font-size: 16px;}
    .pf26 {font-size: 17.2px;}
    .pf28 {font-size: 18.5px;}
    .pf30 {font-size: 20px;}

    .pf32 {font-size: 21px;}
    .pf34 {font-size: 22.5px;}

    .pf36 {font-size: 24px;}
    .pf38 {font-size: 25px;}
    .pf46 {font-size: 30.1px;}
    .pf50 {font-size: 33px;}
    .pf56 {font-size: 37px;}
    .pf58 {font-size: 38px;}
    .pf64 {font-size: 42.3px;}
}
@media screen and (min-width:1280px){
    .pf16 {font-size: 13px;}
    .pf18 {font-size: 15px;}
    .pf20 {font-size: 16.52px;}
    .pf22 {font-size: 18px;}
    .pf24 {font-size: 20px;}
    .pf26 {font-size: 21.5px;}
    .pf28 {font-size: 23px;}
    .pf30 {font-size: 25px;}

    .pf32 {font-size: 26px;}
    .pf34 {font-size: 28px;}

    .pf36 {font-size: 30px;}
    .pf38 {font-size: 31.4px;}
    .pf46 {font-size: 38px;}
    .pf50 {font-size: 41.3px;}
    .pf56 {font-size: 46px;}
    .pf58 {font-size: 48px;}
    .pf64 {font-size: 53px;}
}
@media screen and (min-width:1550px){
    .pf16 {font-size: 16px;}
    .pf18 {font-size: 18px;}
    .pf20 {font-size: 20px;}
    .pf22 {font-size: 22px;}
    .pf24 {font-size: 24px;}
    .pf26 {font-size: 26px;}
    .pf28 {font-size: 28px;}
    .pf30 {font-size: 30px;}
    .pf32 {font-size: 32px;}
    .pf34 {font-size: 34px;}
    .pf36 {font-size: 36px;}
    .pf38 {font-size: 38px;}
    .pf46 {font-size: 46px;}
    .pf50 {font-size: 50px;}
    .pf56 {font-size: 56px;}
    .pf58 {font-size: 58px;}
    .pf64 {font-size: 64px;}
}