/*
Theme Name: zoom2025*/

:root { 
  --shift:0;
} 



@media (min-width: 601px) {
    .fg-item {
        width: calc(calc(100% - calc(var(--fg-gutter) * 2)) / 3);
    }
}

@media (min-width: 768px) {
    .fg-item {
        width: calc(calc(100% - calc(var(--fg-gutter) * 3)) / 4);
    }
}

@media (min-width: 1000px) {
    .fg-item {
        width: calc(calc(100% - calc(var(--fg-gutter) * 5)) / 6);
    }
}

/**ファーストビューFV**/

.fv-wrapper{
width:100%;
height:calc(100svh - 90px);
overflow:hidden;
position:relative;
z-index:0;
margin-top:90px;
  isolation: isolate; /* ← 重要：この枠内だけでブレンド */}

.fv-bg{
  z-index: -1;

  position:absolute; 
  width:100%; 
  height:150%;
  object-fit:cover; 
  will-change:object-position;
  object-position: 50% calc(50% + var(--shift));
  top:50%; 
  transform:translateY(-50%);
}

.page-head-wrap-img {
  position:absolute; 
  width:100%; 
  height:150%;
  object-fit:cover; 
  will-change:object-position;
  object-position: 50% calc(50% + var(--shift));
  top:50%; 
  transform:translateY(-50%);
}

@media screen and (max-width:992px) {
.fv-wrapper{
margin-top:56px;
height:calc(100svh - 56px);}

}

.work_search_desc {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.work_search_desc.hidden {
  opacity: 0;
  pointer-events: none;
}


/**各ページのヘッダー**/


.is-infinite-ready .navigation.pagination {
  display: none;
}

.posts-fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: postsFadeIn 0.5s ease-out forwards;
}

@keyframes postsFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}