@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Block Patterns（for Figma）
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

:root {
  --arkp-font_dosis: 'Dosis', serif;
  --arkp-font_josefinSans: 'Josefin Sans', sans-serif;
  --arkp-font_lato: 'Lato', sans-serif;
  --arkp-font_lobster: 'Lobster', cursive;
  --arkp-font_lobsterTwo: 'Lobster Two', cursive;
  --arkp-font_merriweather: 'Merriweather', serif;
  --arkp-font_montserrat: 'Montserrat', sans-serif;
  --arkp-font_montserratAlternates: 'Montserrat Alternates', sans-serif;
  --arkp-font_notoSerifJP: 'Noto Serif JP', serif;
  --arkp-font_oswald: 'Oswald', sans-serif;
  --arkp-font_pacifico: 'Pacifico', cursive;
  --arkp-font_quicksand: 'Quicksand', sans-serif;
  --arkp-font_raleway: 'Raleway', sans-serif;
  --arkp-font_roboto: 'Roboto', sans-serif;
}

/* Figmaインポート用 */
html[data-parent-slug="patterns"] .l-header {
  background: #222;
}
.l-header .l-header__logo .c-headLogo {
  font-family: var(--arkp-font_lato);
  font-size: 1.5rem;
  color: #444;
  white-space: nowrap;
}
.p-topArea .p-topArea__title.c-pageTitle .c-pageTitle__main {
  font-family: var(--arkp-font_josefinSans);
  font-size: 4rem;
}
@media (width < 767px) {
  .p-topArea .p-topArea__title.c-pageTitle .c-pageTitle__main  {
    font-size: 2rem;
  }
}
html[data-parent-slug="patterns"] .p-topArea.-noimg {
  background: #333;
}
html[data-parent-slug="patterns"] .p-breadcrumb {
  display: none;
}