/*
Theme Name: RIDEONTHEWEB_XWRITE
Author: K.shinohara
*/
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&family=Noto+Serif:wght@100;500;700&display=swap');
@import url("./assets/css/root.css");

.noto-serif-5,
.noto-serif-m {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  font-style: normal;
}
.lora-4,
.lora-r
{
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.fz14 {
    font-size: calc(14 / var(--break2));
}

.fz16 {
    font-size: calc(16 / var(--break2));
}

.fz18 {
    font-size: calc(18 / var(--break2));
}

.fz20 {
    font-size: calc(20 / var(--break2));
}

.fz22 {
    font-size: calc(22 / var(--break2));
}

.fz24 {
    font-size: calc(24 / var(--break2));
}

.fz26 {
    font-size: calc(26 / var(--break2));
}

.fz28 {
    font-size: calc(28 / var(--break2));
}

.fz30 {
    font-size: calc(30 / var(--break2));
}

.fz32 {
    font-size: calc(32 / var(--break2));
}

.fz34 {
    font-size: calc(34 / var(--break2));
}

.fz36 {
    font-size: calc(36 / var(--break2));
}

.fz38 {
    font-size: calc(38 / var(--break2));
}

.fz40 {
    font-size: calc(40 / var(--break2));
}

.fz42 {
    font-size: calc(42 / var(--break2));
}

.fz44 {
    font-size: calc(44 / var(--break2));
}

.fz46 {
    font-size: calc(46 / var(--break2));
}

.fz48 {
    font-size: calc(48 / var(--break2));
}

.fz50 {
    font-size: calc(50 / var(--break2));
}

.fz52 {
    font-size: calc(52 / var(--break2));
}

.fz54 {
    font-size: calc(54 / var(--break2));
}

.fz56 {
    font-size: calc(56 / var(--break2));
}

.fz58 {
    font-size: calc(58 / var(--break2));
}

.fz60 {
    font-size: calc(60 / var(--break2));
}

.fz62 {
    font-size: calc(62 / var(--break2));
}

.fz64 {
    font-size: calc(64 / var(--break2));
}

.fz66 {
    font-size: calc(66 / var(--break2));
}

.fz68 {
    font-size: calc(68 / var(--break2));
}

.fz70 {
    font-size: calc(70 / var(--break2));
}

.fz72 {
    font-size: calc(72 / var(--break2));
}

.fz74 {
    font-size: calc(74 / var(--break2));
}

.fz76 {
    font-size: calc(76 / var(--break2));
}

.fz78 {
    font-size: calc(78 / var(--break2));
}

.fz80 {
    font-size: calc(80 / var(--break2));
}

.fz82 {
    font-size: calc(82 / var(--break2));
}

.fz84 {
    font-size: calc(84 / var(--break2));
}

.fz86 {
    font-size: calc(86 / var(--break2));
}

.fz88 {
    font-size: calc(88 / var(--break2));
}

.fz90 {
    font-size: calc(90 / var(--break2));
}

.fz92 {
    font-size: calc(92 / var(--break2));
}

.fz94 {
    font-size: calc(94 / var(--break2));
}

.fz96 {
    font-size: calc(96 / var(--break2));
}

.fz98 {
    font-size: calc(98 / var(--break2));
}

.fz100 {
    font-size: calc(100 / var(--break2));
}

@media(max-width: 767px) {
	[class*="fz"].fz10_sp {
        font-size: calc(10 / 375 * 100vw);
    }
	
	[class*="fz"].fz12_sp {
        font-size: calc(12 / 375 * 100vw);
    }
	
    [class*="fz"].fz14_sp {
        font-size: calc(14 / 375 * 100vw);
    }

    [class*="fz"].fz16_sp {
        font-size: calc(16 / 375 * 100vw);
    }

    [class*="fz"].fz18_sp {
        font-size: calc(18 / 375 * 100vw);
    }

    [class*="fz"].fz20_sp {
        font-size: calc(20 / 375 * 100vw);
    }

    [class*="fz"].fz22_sp {
        font-size: calc(22 / 375 * 100vw);
    }

    [class*="fz"].fz24_sp {
        font-size: calc(24 / 375 * 100vw);
    }

    [class*="fz"].fz26_sp {
        font-size: calc(26 / 375 * 100vw);
    }

    [class*="fz"].fz28_sp {
        font-size: calc(28 / 375 * 100vw);
    }

    [class*="fz"].fz30_sp {
        font-size: calc(30 / 375 * 100vw);
    }

    [class*="fz"].fz32_sp {
        font-size: calc(32 / 375 * 100vw);
    }

    [class*="fz"].fz34_sp {
        font-size: calc(34 / 375 * 100vw);
    }

    [class*="fz"].fz36_sp {
        font-size: calc(36 / 375 * 100vw);
    }

    [class*="fz"].fz38_sp {
        font-size: calc(38 / 375 * 100vw);
    }

    [class*="fz"].fz40_sp {
        font-size: calc(40 / 375 * 100vw);
    }

    [class*="fz"].fz42_sp {
        font-size: calc(42 / 375 * 100vw);
    }

    [class*="fz"].fz44_sp {
        font-size: calc(44 / 375 * 100vw);
    }

    [class*="fz"].fz46_sp {
        font-size: calc(46 / 375 * 100vw);
    }

    [class*="fz"].fz48_sp {
        font-size: calc(48 / 375 * 100vw);
    }

    [class*="fz"].fz50_sp {
        font-size: calc(50 / 375 * 100vw);
    }

    [class*="fz"].fz52_sp {
        font-size: calc(52 / 375 * 100vw);
    }

    [class*="fz"].fz54_sp {
        font-size: calc(54 / 375 * 100vw);
    }

    [class*="fz"].fz56_sp {
        font-size: calc(56 / 375 * 100vw);
    }

    [class*="fz"].fz58_sp {
        font-size: calc(58 / 375 * 100vw);
    }

    [class*="fz"].fz60_sp {
        font-size: calc(60 / 375 * 100vw);
    }

    [class*="fz"].fz62_sp {
        font-size: calc(62 / 375 * 100vw);
    }

    [class*="fz"].fz64_sp {
        font-size: calc(64 / 375 * 100vw);
    }

    [class*="fz"].fz66_sp {
        font-size: calc(66 / 375 * 100vw);
    }

    [class*="fz"].fz68_sp {
        font-size: calc(68 / 375 * 100vw);
    }

    [class*="fz"].fz70_sp {
        font-size: calc(70 / 375 * 100vw);
    }

    [class*="fz"].fz72_sp {
        font-size: calc(72 / 375 * 100vw);
    }

    [class*="fz"].fz74_sp {
        font-size: calc(74 / 375 * 100vw);
    }

    [class*="fz"].fz76_sp {
        font-size: calc(76 / 375 * 100vw);
    }

    [class*="fz"].fz78_sp {
        font-size: calc(78 / 375 * 100vw);
    }

    [class*="fz"].fz80_sp {
        font-size: calc(80 / 375 * 100vw);
    }

    [class*="fz"].fz82_sp {
        font-size: calc(82 / 375 * 100vw);
    }

    [class*="fz"].fz84_sp {
        font-size: calc(84 / 375 * 100vw);
    }

    [class*="fz"].fz86_sp {
        font-size: calc(86 / 375 * 100vw);
    }

    [class*="fz"].fz88_sp {
        font-size: calc(88 / 375 * 100vw);
    }

    [class*="fz"].fz90_sp {
        font-size: calc(90 / 375 * 100vw);
    }

    [class*="fz"].fz92_sp {
        font-size: calc(92 / 375 * 100vw);
    }

    [class*="fz"].fz94_sp {
        font-size: calc(94 / 375 * 100vw);
    }

    [class*="fz"].fz96_sp {
        font-size: calc(96 / 375 * 100vw);
    }

    [class*="fz"].fz98_sp {
        font-size: calc(98 / 375 * 100vw);
    }

    [class*="fz"].fz100_sp {
        font-size: calc(100 / 375 * 100vw);
    }

    [class*="fz"].fz100_sp {
        font-size: calc(100 / 375* 100vw);
    }

    [class*="fz"].fz110_sp {
        font-size: calc(110 / 375* 100vw);
    }

    [class*="fz"].fz120_sp {
        font-size: calc(120 / 375* 100vw);
    }

    [class*="fz"].fz140_sp {
        font-size: calc(140 / 375* 100vw);
    }

    [class*="fz"].fz150_sp {
        font-size: calc(150 / 375* 100vw);
    }
}