/* WP化で足した分だけ（元の見た目はShopifyのCSSそのまま） */
.sol-page-padding { padding-top: 36px; padding-bottom: 36px; }
.sol-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
/* フォームの結果メッセージ：暗い背景の上でも読めるよう白い帯にする */
.sol-form-status { margin: 0 0 2rem; padding: 1rem 1.4rem; font-size: 1.6rem; line-height: 1.6; background: #fff; color: #121212; }
.sol-form-status--error { color: #121212; border-left: 4px solid #d33; }
.sol-product-cta { margin-top: 2.5rem; }
.sol-product-cta .button { text-decoration: none; }
.sol-product-cta__note { margin-top: 1rem; }
.admin-bar .section-header { top: 32px; }
/* 元サイトではヘッダー内のカート通知部品（中身なし）が40pxの空き行を作っていた。外した分の余白をここで足す */
.section-header::after { content: ""; display: block; height: 40px; }
/* 商品一覧：絞り込み欄（Shopifyの機能）は外したが、幅は残して商品の並ぶ位置を元と同じに */
@media screen and (min-width: 750px) { .facets-vertical .facets-wrapper { box-sizing: border-box; width: 290px; flex: 0 0 290px; min-height: 1px; } }
@media screen and (max-width: 749px) { .facets-vertical .facets-wrapper { height: 40px; } }
/* レスポンシブ調整（10-30）：スマホ・タブレットで画面の端に付いていた所に余白、小さすぎた文字を少し大きく */
@media screen and (max-width: 989px) {
  div.MVV { padding-left: 16px; padding-right: 16px; box-sizing: border-box; } /* add-chubby.css より後に効かせるため div を付ける */
  section.service > h2, section.sdg > h2 { padding-left: 16px; box-sizing: border-box; }
}
.kasou-member .image-container p { font-size: 12px; line-height: 1.5; }
@media screen and (min-width: 750px) { .kasou-member .image-container p { font-size: 13px; } }
.sol-product-cta__note { font-size: 12px; }