/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

flex-box {
    flex: 1;
    padding: 0 2em 1em 2em;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 15px;
    box-sizing: border-box;
}

@media (max-width: 1208px) {
    .flex-box {
        flex: 100%;
        margin: 10px 0;
    }
}

/* 見出しと本文をセンター寄せ */
h1, h2, h3, h4, h5, h6, p {
  text-align: center;
}

/* フォントウェイト調整 */
h2, h3, h4, h5, h6 {
  font-weight: 400;
}

/* h2見出しの棒線を削除 */
h2::before {
  display: none;
}

/* ボックスの背景を透明にして、ページ背景を透けさせる */
html.dark #body-wrapper > .container > .content-item {
  background: transparent;