:root { 
--base: #493c08;
--black: #2d2d2d;
--gray: #666666;
--light-gray: #f2f2f2;
--white: #ffffff;
--orange: #ff711c;
--light-orange: #f85d4a;
--pink: #f9d3e3;
--light-pink: #ffecee;
--dark-pink: #f64a93;
--pink-txt: #ec7094;
--light-blue: #a8e1f0;
--blue: #17687d;
--light-brown: #d6bd70;
--red: #f60000;
--green: #3c9c17;
--sp: #ff6161;

--bg-yellow: #fffdc7;
--bg-blue: #d3edfb;
--bg-green: #edfae8;
--bg-beige: #fcf5df;
--bg-pink: #fff4ff;
--bg-footer: #72bd5c;
--bg-orange: #ffd961;
--bg-sp: #ff9898;

--font-h2: 40px;
--font-h3: 32px;
--font-h4: 32px;
--font-h5: 32px;
--font-price: 32px;
--font-price-num: 42px;

--font-base: 16px;
--font-size-l: 18px;
--font-size-xl: 19px;
--font-size-xxl: 22px;
--font-size-xxxl: 24px;
--font-size-s: 14px;
--font-size-xs: 12px;
--font-size-xxs: 11px;
--font-size-xxxs: 10px;
--font-page-nav: 24px;

--font-h2-sp: 40px;
--font-h3-sp: 30px;
--font-h4-sp: 26px;
--font-h5-sp: 24px;
--font-price-sp: 20px;
--font-price-num-sp: 30px;

--font-base-sp: 15px;
--font-size-l-sp: 17px;
--font-size-xl-sp: 18px;
--font-size-xxl-sp: 20px;
--font-size-xxxl-sp: 22px;
--font-size-s-sp: 13px;
--font-size-xs-sp: 11px;
--font-size-xxs-sp: 10px;
--font-size-xxxs-sp: 9px;
--font-page-nav-sp: 20px;

--font-family-base:'M PLUS Rounded 1c','ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
--font-family-num: "M PLUS 1p", sans-serif;
}