/*
Theme Name:IKARI-1900
Theme URL: 
Description: 
Author: ADMIN
Version: 1.0
Tags: 
License: ADMIN
License URI: 
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/*font-family: "Oswald", sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/*font-family: "Bebas Neue", sans-serif;*/

/*ROOT
----------------------------------------------------*/
:root {
  --font-jp: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  --font-en: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --bold: 700;
  --normal: 400;
  
  --lh-base-2l: 2;
  --lh-base-l: 1.8;
  --lh-base-m: 1.6;
  --lh-base-s: 1.4;
  
  --letter-space-l:0.12em;
  --letter-space-m:0.08em;
  --letter-space-s:0.06em;
  
  --radius-50: 50vh;
  --radius-l: 20px;
  --radius-m: 10px;
  --radius-s: 5px;  

  --shadow: 0 0 6px #333;
  --shadow-80: 0 0 6px rgba(50,50,50,.8);
  --shadow-50: 0 0 6px rgba(50,50,50,.5);
  --shadow-20: 0 0 6px rgba(50,50,50,.2);
  
  --line-dott: 1px dotted #ddd;
  --line-dash: 1px dashed #ddd;
  --line-soli: 1px solid #ddd;

  --clr-txt: #2C2C2C;
  --clr-bk: #000;
  --clr-bk-5: color-mix(in srgb, var(--clr-bk) 5%, transparent);
  --clr-bk-10: color-mix(in srgb, var(--clr-bk) 10%, transparent);
  --clr-bk-20: color-mix(in srgb, var(--clr-bk) 20%, transparent);
  --clr-bk-50: color-mix(in srgb, var(--clr-bk) 50%, transparent);
  --clr-bk-80: color-mix(in srgb, var(--clr-bk) 80%, transparent);
  --clr-red: #d00;
  --clr-gray: #ddd;
  --clr-orange: #f39802;
  --clr-orange-30: color-mix(in srgb, var(--clr-orange) 30%, transparent);
  --clr-green: #5bad74;
  --clr-green-30: color-mix(in srgb, var(--clr-green) 30%, transparent);
  --clr-bg: #E6E2DD;
  --clr-key: #AE9B82;/*メインカラー*/
  --clr-key-5: color-mix(in srgb, var(--clr-key) 5%, transparent);
  --clr-key-10: color-mix(in srgb, var(--clr-key) 10%, transparent);
  --clr-key-20: color-mix(in srgb, var(--clr-key) 20%, transparent);
  --clr-key-50: color-mix(in srgb, var(--clr-key) 50%, transparent);
  --clr-key-80: color-mix(in srgb, var(--clr-key) 80%, transparent);
  --clr-accent: #B9A07F;
  
  --bg-angle-right-bk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23333" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'); /*>*/
  --bg-angle-right-wh: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23fff" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'); /*>*/
  --bg-chevron-down-bk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23333" d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg>'); /*↓*/
  --bg-chevron-down-wh: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23fff" d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg>'); /*↓*/
  --bg-open-in-new-bk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23333" d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>'); /*popup*/
  --bg-open-in-new-wh: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23fff" d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>'); /*popup*/
}