/* ==================================================
  00. Foundation
================================================== */

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap");

:root {
  --mna-bg: #fbfaf8;
  --mna-bg-soft: #fdfbf8;
  --mna-white: #fff;
  --mna-white-soft: #fffdfa;

  --mna-text: #2b2520;
  --mna-text-dark: #2f241d;
  --mna-text-muted: #6d6259;
  --mna-text-light: #8a7a69;

  --mna-gold: #ad7d32;
  --mna-gold-dark: #9b7a34;
  --mna-gold-soft: #b69b5c;
  --mna-gold-pale: #d7c39b;

  --mna-border: #e8dfd5;
  --mna-border-soft: #eee7df;
  --mna-border-gold: #ddd4c6;

  --mna-black: #2b1a10;
  --mna-line: #06c755;

  --mna-container: 1240px;
  --mna-section: 1180px;

  --mna-serif: "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
}

html,
body {
  overflow-x: hidden;
}

body {
  background: var(--mna-bg);
}

body,
button,
input,
select,
textarea {
  color: var(--mna-text);
  font-family: var(--mna-serif);
  font-weight: 400;
  letter-spacing: .04em;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

img {
  display: block;
}

/* SWELL layout reset
------------------------------ */

#sidebar,
.l-sidebar,
.c-sidebar,
.p-sidebar {
  display: none !important;
}

.l-mainContent,
.l-mainContent__inner,
.l-content__main {
  width: 100% !important;
  max-width: none !important;
}

.l-content {
  grid-template-columns: 1fr !important;
}

/* SWELL default breadcrumb only
------------------------------ */

.p-breadcrumb,
#breadcrumb,
.breadcrumb,
.c-breadcrumb {
  display: none !important;
}

/* 本文下に出る標準検索ブロックだけ非表示 */
.post_content > .wp-block-search {
  display: none !important;
}

/* Heading reset
------------------------------ */

.mna-front h1,
.mna-front h2,
.mna-front h3,
.mna-nurse-archive h1,
.mna-nurse-archive h2,
.mna-nurse-archive h3,
.mna-single-nurse h1,
.mna-single-nurse h2,
.mna-single-nurse h3,
.hue-case-archive h1,
.hue-case-archive h2,
.hue-case-archive h3,
.hue-case-single h1,
.hue-case-single h2,
.hue-case-single h3,
.mna-archive-search h1,
.mna-archive-search h2,
.mna-archive-search h3 {
  background: none;
  border: 0;
  box-shadow: none;
}

.mna-front h1::before,
.mna-front h1::after,
.mna-front h2::before,
.mna-front h2::after,
.mna-front h3::before,
.mna-front h3::after,
.mna-nurse-archive h1::before,
.mna-nurse-archive h1::after,
.mna-nurse-archive h2::before,
.mna-nurse-archive h2::after,
.mna-nurse-archive h3::before,
.mna-nurse-archive h3::after,
.mna-single-nurse h1::before,
.mna-single-nurse h1::after,
.mna-single-nurse h2::before,
.mna-single-nurse h2::after,
.mna-single-nurse h3::before,
.mna-single-nurse h3::after,
.hue-case-archive h1::before,
.hue-case-archive h1::after,
.hue-case-archive h2::before,
.hue-case-archive h2::after,
.hue-case-archive h3::before,
.hue-case-archive h3::after,
.hue-case-single h1::before,
.hue-case-single h1::after,
.hue-case-single h2::before,
.hue-case-single h2::after,
.hue-case-single h3::before,
.hue-case-single h3::after,
.mna-archive-search h1::before,
.mna-archive-search h1::after,
.mna-archive-search h2::before,
.mna-archive-search h2::after,
.mna-archive-search h3::before,
.mna-archive-search h3::after {
  content: none;
  display: none;
}

/* Common containers
------------------------------ */

.mna-container {
  width: min(calc(100% - 72px), 1120px);
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}

.mna-container-wide {
  width: min(calc(100% - 72px), 1200px);
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

/* Utilities
------------------------------ */

.mna-text-center {
  text-align: center;
}

.mna-text-gold {
  color: var(--mna-gold);
}

.mna-text-muted {
  color: var(--mna-text-muted);
}

.mna-mt-0 {
  margin-top: 0 !important;
}

.mna-mb-0 {
  margin-bottom: 0 !important;
}

.mna-mt-24 {
  margin-top: 24px !important;
}

.mna-mb-24 {
  margin-bottom: 24px !important;
}

.mna-mt-40 {
  margin-top: 40px !important;
}

.mna-mb-40 {
  margin-bottom: 40px !important;
}

/* Responsive
------------------------------ */

@media (max-width: 1024px) {
  .mna-container,
  .mna-container-wide {
    width: min(calc(100% - 48px), 920px);
  }
}

@media (max-width: 640px) {
  .mna-container,
  .mna-container-wide {
    width: calc(100% - 32px);
  }
}