/* カスタマイズ用CSS */

/* ─────────────────────
ヘッダの高さ マージン
───────────────────── */
/* TOP ---------------- */
/* 高さはテーマ標準の$desktop-header-height(100px)をそのまま使うため、ここでの上書きは削除 */
@media only screen and (min-width: 1280px) {
    /* 20260830: バナー写真の上部がグローバルナビに隠れる問題の修正。
       テーマ標準はTOPページのヒーロー(.ec-headPromotionRole)をヘッダー分(-100px、style.css側)重ねて表示する仕様だが、
       写真上部がナビに隠れてしまうため、重ねずヘッダーの高さ分だけ下にずらす（-100pxを打ち消してmargin-top:0に）。
       これに伴い、重なりを前提にしていた「初期表示時のヘッダー半透明化(alpha 0.7)」も不要になったため元の不透明(#f4f4f4)に戻した。 */
    body#page_homepage:not(.scrolled) .ec-layoutRole__header .ec-headerRole {background-color: #f4f4f4;}
    body#page_homepage .ec-headPromotionRole {margin-top: 0;}
    /* メインコンテンツのTOPマージン */
    body#page_homepage .ec-layoutRole .ec-layoutRole__header {margin-bottom: var(--headerBottomMargin, 0px);}
    .ec-footerLogo {max-width: 290px;}
}
@media only screen and (max-width: 767px) {.ec-footerLogo {max-width: 290px;}}
/* 下層ページ ---------------- */
/* スクロール時の高さもテーマ標準（$desktop-header-height の50%＝50px）をそのまま使うため、ここでの上書きは削除。デモサイトと同じ挙動になる */
/* メインコンテンツのTOPマージン */
@media only screen and (min-width: 1280px) {.ec-layoutRole .ec-layoutRole__header {margin-bottom: var(--headerBottomMargin, 0px);}}


/* ─────────────────────
TOP
───────────────────── */
/* スライダーのキャプション */
.ec-headPromotionRole .ec-slickContainer .caption {color: #fff;}
@media only screen and (max-width: 767px) {.ec-headPromotionRole .ec-slickContainer .caption {display:none;}}