@charset "utf-8";
/* CSS variables  (lastupdate _ 2019.11.04) */
:root {
/* color-common */
  --color-black: #101010;
  --color-white: #fff;
  --color-offwhite: #fdf9f5;
  --color-gry-dark: #555;
  --color-gry-light: #999;
  --color-gry-pale: #cccccc;
  --color-gry-smoke: #eee;
  /* color-site-individual */
  --color-sc-dark: #b84274;
  --color-sc-light: #d9a4b5;
  --color-sc-pale: #fffbfb;
  --color-sc-frame: #f8cace;
  --color-main: #5f3140;
  --color-text-base: #333;
  --color-link-cmn: #78162c;
  --color-link-cmn-hover: #d84d88;
  --color-link-nml: #0095d9;
  --color-link-nml-hover: #19448e;
  --color-link-icon: #f8cace;
  --color-point-note: #ff1111;
  --color-point-cateA: #DC5474;
  --color-point-cateB: #FA7901;
  --color-deco-ribbon-shadow: #FC7E84;
  --color-bg-light: #fffaf7;
  --color-bg-wrapper: #F9F9F9;
  --color-bg-container: #F2F1ED;
  --color-bg-light: #fffaf7;
/* color _ sns-blog */
  --color-sns-tw: #16B8F5;
  --color-sns-Insta: #BB177F;
  --color-sns-fb: #4267B1;
  --color-sns-blog: #FFBB00;
  --color-sns-yt: #FF0000;
  /* width */
  --width-site: 128rem;
  --width-cont: 96rem;
  --width-box: 80rem;
  --col1: 100%;
  --col2: 50%;
  --col3: 33.3%;
  --col4: 25%;
  --col5: 20%;
  --col6: 16.66%;
  --col7: 14.28571428%;
  --col8: 12.5%;
  /* font-size */
  --fs-xxs: 1rem;
  --fs-xs: 1.1rem;
  --fs-s: 1.2rem;
  --fs-ms: 1.3rem;
  --fs-m: 1.4rem;
  --fs-ml: 1.5rem;
  --fs-l: 1.6rem;
  --fs-ll: 1.7rem;
  --fs-xl: 1.8rem;
  --fs-xxl: 2rem;
/* box-shadow */
  --bs-cmn: 0 0.2rem 0.3rem 0.1rem rgba(50,50,50,0.1);
}