@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* SWELLの子テーマに書き込んでいたCSSです */

/* content下のmarginを個別設定したくないから一律削除 */
#content {
  margin-bottom: 0;
}

/* 見出しの注釈の色変更 */
.mininote {
  color: #ff6b00;
}

/* スマホ用の改行 */
.sp-br {
  display: inline-block;
}

/* キャッチコピーのフォント設定 */

@media (min-width: 768px) {
  .p-mainVisual__slideTitle {
    font-size: 4.8rem;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    line-height: 1.5;
    font-weight: 700;
  }

  .p-mainVisual__slideText {
    font-size: 1.8rem;
    font-weight: 700;
  }

  .post_content h2 {
    font-size: 1.8em;
  }
  .p-mainVisual__slideBtn > .c-mvBtn__btn {
    font-size: 20px;
    text-shadow: 0px 0px 3px #000;
    font-weight: 700;
  }
}
.p-mainVisual__slideTitle {
  font-size: 40px !important;
  text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);
  font-weight: 700;
  font-family: "arial black", "SF Pro Text", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
}
.p-mainVisual__slideText {
  font-size: 22px !important;
  text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);
  font-weight: 700;
  font-family: "arial black", "SF Pro Text", "SF Pro Icons", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
}

/* ヘッダーボタンの調整 */
.l-header .c-mvBtn,
.l-fixHeader .c-mvBtn {
  margin: 0;
}
/* ヘッダーボタンの色 */
.w-header__inner .c-mvBtn__btn {
  background-color: #f09f4d;
}

/* ヘッダー透過による幅100%を削除して非透過時と同じに */
.l-container {
  max-width: var(--container_size) !important;
}

#content {
  margin-bottom: 0;
}