#home_mainArea_slider{display:none!important;}
.b-gallery{background:none;padding-bottom:50px;}
/*
.b-shopNavSection,.shoptop .b-section.b-sns{background:#000;}
*/
.l-container{background:#000;}
.l-bg.-typeC{display:none!important;}

:root{
  --ukaiTopOffset: 0px;      /* 固定ヘッダーがあるなら 70px 等 */
  --ukaiFade: 1200ms;
  --ukaiPreBg: #fff;

  --ukaiOverlayAlpha: 0;  /* ★黒オーバーレイ濃度（0〜1） */
}

/* .l-main を背景の親に */
.l-main{
  position: relative;
  z-index: 0;
}

/* .l-main の子は前面に */
.l-main > *{
  position: relative;
  z-index: 5;
　--overlay-top: 0px;
}

/* 背景Vimeoレイヤー（固定で背面） */
.l-main .ukaiVimeoBg{
  position: fixed;
  left: 0;
  top: var(--ukaiTopOffset);
  width: 100%;
  height: calc(100dvh - var(--ukaiTopOffset));
  z-index: 0;              /* .l-mainの子(=z-index:1)より背面 */
  pointer-events: none;
  overflow: hidden;
  background: #000;

  opacity: 0;
  transition: opacity var(--ukaiFade) ease;
  will-change: opacity;
}
.l-main .ukaiVimeoBg.is-ready{
  opacity: 1;
}

.l-main::after {
  content: "";
  position: absolute;
  top: var(--overlay-top);
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  pointer-events: none; /* 必要に応じて */
height:100%;
z-index:1;
}


/* ★黒半透明オーバーレイ（グラデーション無し） */
.l-main .ukaiVimeoBg::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2; /* iframeより上 */
  pointer-events: none;
  background: rgba(0,0,0,var(--ukaiOverlayAlpha));
}

/* iframe を cover（JSでサイズ調整する前提） */
.l-main .ukaiVimeoBg iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  display: block;
  z-index: 1; /* ::beforeより下 */
  background:#000;
}