/******************************************************************
Theme Name: ORIGAMI Five
Theme URI: 
Description: 
Author: ORIGAMI WORKS
Author URI: 
Version: 1.0.3
Tags: 

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/


/* ==========================================================================
   Setting
========================================================================== */
@font-face {
  font-family: 'Monalista';
  src: url('assets/common/fonts/Monalista/Monalista.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Bystander Collection Serif';
  src: url('assets/common/fonts/Bystander/BystanderSerif-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Bystander Collection Serif';
  src: url('assets/common/fonts/Bystander/BystanderSerif-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Bystander Collection Serif';
  src: url('assets/common/fonts/Bystander/BystanderSerif-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'The Bystander Collection Serif';
  src: url('assets/common/fonts/Bystander/BystanderSerif-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


:root {
  --white: #FFF;
  --l-gray: #F7F7F7;
  --gray: #6f7267;
  --black: #25300e;
  --border1: #edefe8;
  --color1: #fb637e;
  --color2: #637939;
  --red: #dd301d;

  --gothic: 'Inter', 'Noto Sans JP', sans-serif;
  --default-font: 'Inter', 'Noto Sans JP', sans-serif;
  --font1: "The Bystander Collection Serif", 'Inter', 'Noto Sans JP', sans-serif;
  --font-cond: "Barlow Condensed", 'Inter', 'Noto Sans JP', sans-serif;
  --font2: "Monalista", serif;

  --header-height: 5.385rem;
  --container-base-width: 93%;
  --section-gy: calc(var(--header-height) + 2vw);
  --bs-gutter-x: 1.5rem;
  
  --arrow-path: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20300%20200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%20200%20300-100-300-100s70%2069.48%2070%20100-70%20100-70%20100z%22%20fill%3D%22%23fb637e%22%2F%3E%3C%2Fsvg%3E');
}

@media (min-width: 992px) {
  :root {
    --header-height: 6.9rem;
    --container-base-width: 98%;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-base-width: 95%;
  }
}