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

テンプレートデザイン、およびコードの著作権は anoSora and Yozora Eto にあります。
==================================================*/
/* ーーーーーーーーーーーーー

■メディアクエリ　ブレイクPoint
デフォルトをスマホ用デザインとして、モバイルファースト設計にしています。
min-width: 320px（デザイン調整用）
min-width: 425px（デザイン調整用）
min-width: 768px（タブレット想定）
min-width: 1024px（ラップトップ想定）
min-width: 1280px（PC想定）
min-width: 1440px（デザイン調整用）
min-width: 1620px（デザイン調整用）
min-width: 1800px（デザイン調整用）

ーーーーーーーーーーーー */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100..700&family=Zen+Maru+Gothic:wght@400;500;700&family=Material+Symbols+Rounded&display=swap");
/*
root
_________________________________________*/
:root {
  --color-white: #FFFFFF;
  --color-white-rgb: 255, 255, 255;
  --color-black: #050A14;
  --color-black-rgb: 5, 10, 20;
  --color-light: #FFFDD0;
  --color-light-rgb: 255, 253, 208;
  --color-dark: #1A1A2E;
  --color-dark-rgb: 26, 26, 46;
  --color-navy: #252540;
  --color-navy-rgb: 37, 37, 64;
  --color-gold: #C5A059;
  --color-gold-rgb: 197, 160, 89;
  --color-blue: #89CFF0;
  --color-blue-rgb: 137, 207, 240;
  --color-pink: #F4C2C2;
  --color-pink-rgb: 244, 194, 194;
  --color-yellow: #F8E473;
  --color-yellow-rgb: 248, 228, 115;
  --color-glay: #808080;
  --color-glay-rgb: 128, 128, 128;
  --color-text: var(--color-white);
  --color-text-rgb: var(--color-white-rgb);
  --color-back: var(--color-dark);
  --color-back-rgb: var(--color-dark-rgb);
  --color-text-rgb: var(--color-white-rgb);
  --color-main: var(--color-gold);
  --color-main-rgb: var(--color-gold-rgb);
  --color-accent: var(--color-blue);
  --color-accent-rgb: var(--color-blue-rgb);
  --shadow-link: 0 0 8px rgba(var(--color-main-rgb), 0.8);
  --shadow-button: 0 0 10px 0 rgba(var(--color-main-rgb), 1);
  --shadow-main: 0 0 8px 0 rgba(var(--color-main-rgb), 0.5);
  --shadow-accent: 0 0 8px 0 rgba(var(--color-accent-rgb), 0.5);
  --shadow-main80: 0 0 8px 0 rgba(var(--color-main-rgb), 0.8);
  --shadow-gold: 0 0 8px 0 rgba(var(--color-gold-rgb), 0.5);
  --shadow-blue: 0 0 8px 0 rgba(var(--color-blue-rgb), 0.5);
  --shadow-pink: 0 0 8px 0 rgba(var(--color-pink-rgb), 0.5);
  --shadow-yellow: 0 0 8px 0 rgba(var(--color-yellow-rgb), 0.5);
  --filter-main: 0 0 8px rgba(var(--color-main-rgb), 0.5);
  --filter-gold: 0 0 8px rgba(var(--color-gold-rgb), 0.5);
  --filter-blue: 0 0 8px rgba(var(--color-blue-rgb), 0.5);
  --filter-pink: 0 0 8px rgba(var(--color-pink-rgb), 0.5);
  --filter-yellow: 0 0 8px rgba(var(--color-yellow-rgb), 0.5);
  --shadow-inset: 0 0 20px 0 var(--color-black) inset;
  --font-en: "Josefin Sans", "Zen Maru Gothic", sans-serif;
  --font-jp: "Zen Maru Gothic", sans-serif;
  --main-width: 1160px;
  --transition-all: 0.3s ease;
}/*# sourceMappingURL=root.css.map */