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

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

/*
root
_________________________________________*/
:root {
  --color-text: #272727;
  --color-main: #CAB8D9;
  --color-main-rgb: 202, 184, 217;
  --color-second: #E0B5D3;
  --color-second-rgb: 224, 181, 211;
  --color-primary: #E77491;
  --color-primary-rgb: 231, 116, 145;
  --color-accent: #3374D4;
  --color-accent-rgb: 51, 116, 212;
  --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-sans: "Zen Kaku Gothic Antique", sans-serif;
  --font-cursive: "Poiret One", "Zen Kaku Gothic Antique", sans-serif;
  --color-grad: linear-gradient(90deg, rgba(var(--color-second-rgb), 1) 0%, rgba(var(--color-main-rgb), 1) 100%);
  --middle-grad: linear-gradient(90deg, rgba(var(--color-second-rgb), 0.8) 0%, rgba(var(--color-main-rgb), 0.8) 100%);
  --clear-grad: linear-gradient(90deg, rgba(var(--color-second-rgb), 0.3) 0%, rgba(var(--color-main-rgb), 0.3) 100%);
  --border-panel: #f0f0f0;
  --shadow-btn: 0px 0px 5px 0px rgba(var(--color-main-rgb), 0.2), 0px 0px 12px 0px rgba(97, 97, 97, 0.1);
  --shadow-btn-hover: 0px 0px 10px 0px rgba(var(--color-main-rgb), 0.2), 0px 2px 12px 2px rgba(97, 97, 97, 0.3);
  --shadow-hover: 0px 2px 12px 2px rgba(97, 97, 97, 0.1);
}