@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&subset=japanese&display=optional'); */
@import url('https://fonts.googleapis.com/css2?family=Yuji+Boku&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:wght@400;700&subset=japanese&family=Noto+Sans:wght@400;700&display=optional");

/* ローカル読み込み  */
/*
@font-face {
  font-family: "BIZ UDGothic";
  font-weight: 400;
  src: url(/_themes/images/font/BIZUDGothic-Regular.ttf) format("truetype");   
}

@font-face {
  font-family: "BIZ UDGothic";
  font-weight: 700;
  src: url(/_themes/images/font/BIZUDGothic-Bold.ttf) format("truetype");   
}
*/

:root {
  /* --font-family: "BIZ UDGothic", arial, sans-serif; */
  --font-family: "Noto Sans", "Noto Sans JP", arial, sans-serif;
  --font-family-min: "Noto Serif JP", serif;
  --font-family-min-2: "Yuji Boku", serif;

  --main-color-1: #391B4D;
  --main-color-2: #55306F;
  --main-color-3: #633C7E;
  --main-color-4: #674D83;
  --main-color-5: #7B59A0;
  --main-color-6: #B096CB;
  --main-color-7: #9672BD;
  --main-color-8: #BFADD3;
  --main-color-9: #D7C9E7;
  --main-color-10: #EBE6F1;

  --mono-color-1: #333;
  --mono-color-2: #696969;
  --mono-color-3: #808080;
  --mono-color-4: #a9a9a9;
  --mono-color-5: #c0c0c0;
  --mono-color-6: #d3d3d3;
  --mono-color-7: #dcdcdc;
  --mono-color-8: #f5f5f5;
  --mono-color-9: #fff;


  --ac-color-pink-1: #F064B3;
  --ac-color-red-1: #d50000;
  --ac-color-red-2: #ff1744;
  --ac-color-red-3: #ff5252;
  --ac-color-red-4: #ff8a80;
  --ac-color-purple-1: #aa00ff;
  --ac-color-purple-2: #BD40CD;
  --ac-color-purple-3: #e040fb;
  --ac-color-purple-4: #ea80fc;
  --ac-color-blue-1: #6159AF;
  --ac-color-blue-2: #2962ff;
  --ac-color-blue-3: #2979ff;
  --ac-color-blue-4: #448aff;
  --ac-color-blue-5: #3EA4DB;
  --ac-color-blue-6: #82b1ff;
  --ac-color-green-1: #678E41;
  --ac-color-green-2: #C8CF00;
  --ac-color-green-3: #00c853;
  --ac-color-green-4: #00e676;
  --ac-color-green-5: #69f0ae;
  --ac-color-green-6: #b9f6ca;
  --ac-color-yellow-1: #ffd600;
  --ac-color-yellow-2: #ffea00;
  --ac-color-yellow-3: #ffff00;
  --ac-color-yellow-4: #ffff8d;
  --ac-color-orange-1: #ff6d00;
  --ac-color-orange-2: #ff9100;
  --ac-color-orange-3: #FFB200;
  --ac-color-orange-4: #ffd180;
  --ac-color-gold-1: #D4C380;

  --a-color: #039;
  --a-hover-color: #be1e32;
  --a-visited-color: #8232a0;

  --site-width: 1200px;
  --content-width: 860px;
  --col2-side-width: 300px;
  --col3-side-width: 240px;
}