/*
 * FILE_INDEX
 * 概要: レイアウトコンテナ(.sec-*)・余白(.pa*/.mb*/.mt*/.ma*)・ボーダー・ブログ幅
 * INDEX:
 *   IDX:010 charset-and-header
 *   IDX:020 section-containers
 *   IDX:030 padding-utilities
 *   IDX:040 margin-utilities
 *   IDX:050 auto-margin-utilities
 *   IDX:060 borders-and-misc
 *   IDX:070 blog-layout-override
 * 編集チートシート:
 *   コンテナ幅変更 → IDX:020
 *   余白追加 → IDX:030 / IDX:040
 *   ブログ記事幅 → IDX:070
 * 依存:
 *   01_base.css の CSS変数 (--pc-max-width*)
 * 注意:
 *   [WP override A/E] を含む
 */
/* IDX:010 charset-and-header */
@charset "UTF-8";
/* ==========================================================================
   02_layout.css
   - layout containers (.sec-*) / spacing (.pa*, .mb*, .mt*, .ma*) / borders
   - Extracted from style.css lines 251-430. Original order preserved.
   ========================================================================== */

/* IDX:020 section-containers */
.wp-singular .page-title {
  margin-bottom: 0 !important;
}

.sec-big {
  max-width: var(--pc-max-width);
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.sec-sm {
  max-width: var(--pc-max-width2);
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
/* [WP override A] */
.sec-sm p, .sec-sm li, .sec-sm td, .sec-sm th { font-size: 16px !important; }


.sec-sm2 {
  max-width: var(--pc-max-width3);
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.sec-sm3 {
  max-width: var(--pc-max-width4);
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

/* IDX:030 padding-utilities */
.pa90 {
  padding: 6rem 0;
}
@media (max-width: 768px) {
  .pa90 {
    padding: 3rem 1rem;
  }
}

.pa60 {
  padding: 4rem 0;
}
@media (max-width: 768px) {
  .pa60 {
    padding: 2rem 1rem;
  }
}

@media (max-width: 768px) {
  .pa15-sp {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 768px) {
  .ma15-sp {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.pat90 {
  padding-top: 6rem;
}
@media (max-width: 768px) {
  .pat90 {
    padding-top: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.pat60 {
  padding-top: 4rem;
}
@media (max-width: 768px) {
  .pat60 {
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.pab90 {
  padding-bottom: 6rem;
}
@media (max-width: 768px) {
  .pab90 {
    padding-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* IDX:040 margin-utilities */
.mb90 {
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .mb90 {
    margin-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.mb-10 {
  margin-bottom: -0.6666666667rem;
}
@media (max-width: 768px) {
  .mb-10 {
    margin-bottom: -0.3333333333rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.mb60 {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .mb60 {
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.mt60 {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .mt60 {
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* IDX:050 auto-margin-utilities */
.ma90 {
  margin: 6rem auto !important;
}
@media (max-width: 768px) {
  .ma90 {
    margin: 3rem auto !important;
  }
}

.ma60 {
  margin: 4rem auto !important;
}
@media (max-width: 768px) {
  .ma60 {
    margin: 2rem auto !important;
  }
}

/* IDX:060 borders-and-misc */
.p-notice .sec-sm {
  text-align: center;
}

.border-top {
  border-top: 1px solid rgba(80, 80, 80, 0.3);
}

.border-bottom {
  border-bottom: 1px solid rgba(80, 80, 80, 0.3);
}

.line-height1 {
  line-height: 1 !important;
}

.c-min-txt {
  font-size: 80%;
  font-weight: 400;
  padding-top: 0.2666666667rem;
}

/* IDX:070 blog-layout-override */
/* [WP override E] Blog article layout width */
.single-blog .l-main, .single-blog-pharmacy .l-main,
.single-blog .l-container, .single-blog-pharmacy .l-container,
.single-blog .p-article, .single-blog-pharmacy .p-article,
.single-blog .entry-content, .single-blog-pharmacy .entry-content,
.single-blog .sec-sm3, .single-blog-pharmacy .sec-sm3 {
    max-width: 1000px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}