@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/
.header_top { color:#7E3F3F; }

.p-top-fv__img-wrap {
    border-radius: 0 1.5rem 1.5rem 0;
/* 中の画像を角丸に合わせて切り抜く */
}

 
/* ズームイン用アニメーション */
  .p-top-fv__slider picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* scaleの初期値 */
    transform: scale(1);
    /* ズームのアニメーション */
    animation: zoomInOut 35s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes zoomInOut {
    0% { transform: scale(1); }
    100% { transform: scale(1.3); } /* 最大ズーム */
   
}

/* コピー */
.top_copy_right .p-top-fv__topic-body {
    opacity: 0;                   /* 最初は透明 */
    transform: translateX(-50px);  /* 左にずらしてスタート */
    animation: slideInRight 1s forwards;
    animation-delay: var(--delay, 0s); /* 遅延を調整できる */
  }
  
  @keyframes slideInRight {
    0% {
      opacity: 0;
      transform: translateX(-50px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  

  

/* ギャラリーのスライダー全体を四角にする */
.cont_block.back_gallery .slider,
.cont_block.back_gallery .slider .slick-list,
.cont_block.back_gallery .slider .slick-track,
.cont_block.back_gallery .slider .slick-slide {
    border-radius: 0 !important;
}

.slider li img {
    transition: none !important; /* ホバー時のアニメーションを無効化 */
}



.menu-btn {
    position: fixed;
    top: 5px;
    right: 20px;
    z-index: 100000; /* 他の全要素より前 */
    cursor: pointer;
}

.menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    background: #7e3f3f;
    display: none;
    z-index: 99999;  /* ボタンより少し下でもOK */
}

.menu.active {
    display: flex;  /* display:block だとアニメーションや flex が崩れる場合あり */
}

.slick-slide img,
.slick-slide.slick-current img,
.slick-slide.slick-active img {
    opacity: 1 !important;
    transition: none !important;
}
.slick-slide img:hover {
    opacity: 1 !important;
    transition: none !important;
}

.slick-slide img,
.slick-slide.slick-current img,
.slick-slide.slick-active img {
    opacity: 1 !important;
    transition: none !important;
}
.slick-slide img:hover {
    opacity: 1 !important;
    transition: none !important;
}

/* 親要素も含めてホバー時のopacityを無効化 */
.back_gallery .slider li,
.back_gallery .slider li img,
.back_gallery .slider li.slick-current,
.back_gallery .slider li.slick-active {
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
}

.back_gallery .slider li:hover,
.back_gallery .slider li.slick-current:hover,
.back_gallery .slider li.slick-active:hover {
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
}



/* ヘッダー */
header a.header_top { color:#7e3f3f;}
.menu__item.menu_top { color:#fdde81;}

@media screen and (max-width: 400px) {
.p-top-fv__inner { margin-top:-40px; }
}