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

テンプレートデザイン、およびコードの著作権は anoSora いつか にあります。
利用規約をご確認の上ご利用ください。
==================================================*/

/*
root
_________________________________________*/
:root {
  --color-text: #4E4E4E;
  --color-main: #88a8c8;
  --color-main-rgb: 167, 199, 231; /* より淡く、くすんだ水色に変更 */
  --color-second: #bde0fe; /* 澄んだ空色 */
  --color-second-rgb: 189, 224, 254;
  --color-primary: #a2d2ff; /* 明るい水色 */
  --color-primary-rgb: 162, 210, 255;
  --color-accent: #E04E82;
  --accent-shadow-color: rgba(122, 159, 183, 0.3);
  --color-accent-rgb: 224, 78, 130;
  --color-white: rgba(255, 255, 255, 1);
  --color-white-09: rgba(255, 255, 255, 0.9);
  --color-white-08: rgba(255, 255, 255, 0.8);
  --color-white-07: rgba(255, 255, 255, 0.7);
  --color-white-06: rgba(255, 255, 255, 0.6);
  --color-white-05: rgba(255, 255, 255, 0.5);
  --color-white-04: rgba(255, 255, 255, 0.4);
  --color-white-03: rgba(255, 255, 255, 0.3);
  --color-white-02: rgba(255, 255, 255, 0.2);
  --color-white-01: rgba(255, 255, 255, 0.1);
  --color-glay1: #F8FBF8;
  --color-glay2: #F3F3F3;
  --color-glay3: #E5E4E6;
  --color-glay4: #DCDDDD;
  --color-glay5: #949495;
  --color-glay6: #595857;
  --font-serif: "Lustria", "Noto Serif JP", serif;
  --text-shadow: 0px 0px 8px rgba(var(--color-main-rgb), 0.7);
  --text-shadow-hover: 0px 0px 10px rgba(var(--color-main-rgb), 1);
  --box-shadow: 0px 0px 8px 0px rgba(var(--color-main-rgb), 0.5);
  --box-shadow-hover: 0px 0px 15px 3px rgba(var(--color-main-rgb), 0.8);
}