/* -----------------------------------------------------------------------  

　  .block_home_mv

   ----------------------------------------------------------------------- */

/* .fv-swiper */
.fv-swiper { width: 100%; height: 100vh; position: relative; z-index: 0; overflow: hidden; }
.swiper-slide { width: 100%; height: 100%; background-size: cover; background-position: center; }
.fv-overlay { position: absolute; top:0; right: 0; bottom: 0; left: 0; background: rgba(28,12,3,0.4);z-index: 1; pointer-events: none; }

.block_home_mv .slide_01 {background-image:url('../images/home/slider/260603_onn_8942_.jpg');background-position: 10% bottom center;}
.block_home_mv .slide_02 {background-image:url('../images/home/slider/260603_onn_8851_.jpg');background-position: 10% bottom center;}
.block_home_mv .slide_03 {background-image:url('../images/home/slider/260603_onn_8935_.jpg');background-position: 10% bottom center;}

/* .custom-record-nav */
.custom-record-nav { position: absolute; bottom: 35px !important; left: 0 !important; display: flex; gap: 10px; padding-right: 2.5%; justify-content: flex-end; z-index: 10; }
.swiper-pagination-bullet { width: 40px !important; height: 40px !important; border-radius: 50% !important; background-color: rgba(10,10,10,0.9) !important; border: rgba(100,100,100,0.1) 1px solid !important; opacity: 0.9 !important; transition: 0.3s; cursor: pointer; position: relative; overflow: hidden; display: flex !important; align-items: center; justify-content: center; background-image: none !important; }
.swiper-pagination-bullet::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: repeating-radial-gradient(circle at center, transparent 0, transparent 1px, rgba(20,20,20,1) 1.5px, transparent 2px); pointer-events: none; z-index: 1; }
.swiper-pagination-bullet-active { opacity: 1 !important; transform: scale(1.075); box-shadow: 0px 0px 50px rgba(0, 0, 0, .1);-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, .1);}
.label-img { width: 50%; height: 50%; border-radius: 100%; background-size: cover; background-position: center; display: block; position: relative; z-index: 2; will-change: transform; }
.label-img::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 3px; height: 3px; background: rgba(20,20,20,0.85); border-radius: 50%; }

@media only screen and (max-width:640px) {
.custom-record-nav { bottom: 35px !important;right: 0; gap: 10px; padding-right: 0; justify-content: center; }
}


/* .mv_inner */
.fv-swiper .mv_inner { position: absolute; top: 0; left: 2.5%; bottom: 0; right: 2.5%; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-bottom: 1vw; }

/* .copy_area */
.block_home_mv .copy_area { color: #ede2ce; }

.block_home_mv .t_copy_en { font-size: clamp(65px, 6.5vw, 80px); font-family: "Instrument Serif", serif; letter-spacing: 0; line-height: 1.075; color: #ede2ce;text-shadow: 3px 3px 12px rgba(28, 12, 3, 0.5);}
.block_home_mv .t_name_en { font-size: clamp(65px, 6.5vw, 80px); font-family: "Instrument Serif", serif; letter-spacing: 0; line-height: 1.075; color: #ede2ce; white-space: nowrap;text-shadow: 3px 3px 12px rgba(28, 12, 3, 0.5);}
.block_home_mv .t_name_en .t_k { font-size: 0.8em; margin-right: -0.05em; }
.block_home_mv .t_name_en .t_k_bottom { font-size: 0.8em; margin-left: -0.25em; }

.block_home_mv .t_date {margin-top: 25px; font-size: 24px; font-size: clamp(20px, 2.15vw, 22px); font-family: "Inter Tight","Instrument Serif", serif; font-weight: 550; line-height: 1.6;letter-spacing: 0.05em;text-shadow: 3px 3px 12px rgba(28, 12, 3, 0.5);}
.block_home_mv .t_date .t_yobi {font-size: 0.7em; vertical-align:baseline;text-transform: uppercase; margin-left: 0.1em;}
.block_home_mv .t_date .t_and {font-weight: 350;}
.block_home_mv .t_date b {display: block;font-size: 1em; font-weight: 600; font-family: "Hina Mincho"; text-transform: uppercase; letter-spacing: 0.065em;-webkit-text-stroke: 0.1px currentColor;}


.block_home_mv .t_copy_jp { margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 1; letter-spacing: 0.15em; -webkit-text-stroke: 0.5px currentColor; }
.block_home_mv .t_name_jp { margin-top: 15px; font-size: 22px; font-weight: 400; line-height: 1; letter-spacing: 0.1em; -webkit-text-stroke: 0.5px currentColor; }
.block_home_mv .t_name_jp .t_kana { font-size: 0.75em; vertical-align: 0; }
.fv-swiper .logo_img { width: 100px; margin: 50px auto 0; }

.block_home_mv .t_sub_sp { display: none; }

/* .sub_area */
.fv-swiper .sub_area { position: absolute; bottom: 30px; left: 0; }
.fv-swiper .sub_area .t_sub { color: #ede2ce; font-size: 16px; font-family: "Inter Tight", sans-serif; font-weight: 500; line-height: 1.5; letter-spacing: 0.075em; text-shadow: 3px 3px 12px rgba(28, 12, 3, 0.5);}

@media only screen and (max-width:960px) {
.fv-swiper { height: 100svh; min-height: 500px; }
.copy_area .t_ttl_sub { font-size: 4.85vw; }
.fv-overlay { background: rgba(28,12,3,0.5); }
.block_home_mv .t_copy_en, 
.block_home_mv .t_name_en { font-size: clamp(60px, 9vw, 70px); font-size: clamp(60px, 9.25vw, 70px);letter-spacing: 0; }
.block_home_mv .t_copy_jp { margin-top: 20px; font-size: 18px; letter-spacing: 0.15em; -webkit-text-stroke: 0.5px currentColor; }  
.fv-swiper .logo_img { margin: 45px auto 0; width: 120px; }
}
@media only screen and (max-width:738px) {
.block_home_mv .t_copy_en, 
  .block_home_mv .t_name_en {font-size: clamp(60px, 9.15vw, 80px); }
}
@media only screen and (max-width:640px) {
.fv-swiper .mv_inner { transform: translateY(-12.5vw); padding-bottom: 0; }
.block_home_mv .t_copy_en, 
.block_home_mv .t_name_en { font-size: clamp(30px, 10.5vw, 55px);font-size: clamp(20px, 9.95vw, 70px);}
.fv-swiper .t_copy_jp { font-size: 16px; margin-top: 15px; }

.block_home_mv .t_date {margin-top: 20px;font-size: clamp(18px, 3vw, 22px); line-height: 1.7;}
.block_home_mv .t_date .t_yobi {font-size: 0.75em;font-weight: 500;}  
  
.fv-swiper .logo_img { margin: 30px auto 0; width: 80px; }
.fv-swiper .sub_area { bottom: 80px; right: 0; text-align: center; }
.fv-swiper .sub_area .t_sub { font-size: 16px; letter-spacing: 0.1em; }
}







/* -----------------------------------------------------------------------  

   .block_home_about 

   ----------------------------------------------------------------------- */

.block_home_about { padding: 110px 5%; position: relative; z-index: 0; overflow: hidden; }

@media only screen and (max-width:960px) {
.block_home_about { padding: 100px 5%; }
}

@media only screen and (max-width:738px) {
.block_home_about { padding: 80px 4%; }
}

/* .section_wrapper */
.block_home_about .section_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 0; }

.block_home_about .logo_img { margin: 0 auto 30px; width: 100px; }

/* .section_content */
.block_home_about .section_content { width: 100%; position: relative; z-index: 0; }

/* ------ .copy_area ------ */
.block_home_about .copy_area { order: 1; width: 100%; text-align: center; }
.block_home_about .copy_area .t_copy { font-size: clamp(95px, 9.25vw, 110px); font-family: "Instrument Serif", "Libre Caslon Display", serif; font-weight: 300; line-height: 1.125; letter-spacing: 0; font-size: clamp(75px, 8.5vw, 100px);}
.block_home_about .copy_area .t_copy .t_and { font-style: italic; }
.block_home_about .copy_area .t_copy br.br_sp { display: none; }

/* ------ .about_area ------ */
.block_home_about .about_area { margin-top: 35px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.block_home_about .about_area .txt_area { width: 100%; margin: 0; }
.block_home_about .about_area .txt_area .t_copy_jp {text-align: center;}
.block_home_about .about_area .txt_area .t_copy_jp .sp_block { display: none; }
.block_home_about .about_area .description_area { margin-top: 35px; margin: 30px auto 0; max-width: 600px; }
.block_home_about .about_area .txt_area p+p { margin-top: 1em; }

/* .link_area */
.block_home_about .about_area .link_area { margin: 40px 0 0; }
.block_home_about .about_area .link_area .btn {margin: 0 auto;}

/* .btn_google */
.block_home_about .about_area .link_area .btn_instagram { padding: 0 20px 0 35px; }
.block_home_about .about_area .link_area .btn_instagram:after { left:15px; right: auto; font-family: 'FontAwesome';content: "\f16d"; font-size: 1.15em;}


@media only screen and (max-width:960px) {
.block_home_about .section_wrapper { flex-direction: column; }
/* ------ .copy_area ------ */
.block_home_about .copy_area .t_copy { font-size: clamp(60px, 9.25vw, 85px); }
/* ------ .about_area ------ */
.block_home_about .about_area { margin-top: 35px; flex-direction: column; align-items: center; }
.block_home_about .about_area .txt_area { width: 100%; }
.block_home_about .about_area .txt_area .t_copy_jp { text-align: center; }
.block_home_about .about_area .description_area { margin-top: 35px;}
.block_home_about .about_area .link_area { margin: 35px 0 0; text-align: center; }
.block_home_about .about_area .link_area .btn { margin: 0 auto; }
}

@media only screen and (max-width:738px) {
.block_home_about { }
.block_home_about .logo_img { margin: 0 auto 20px; width: 90px; }
/* ------ .copy_area ------ */
.block_home_about .copy_area .t_copy { font-size: clamp(60px, 9.15vw, 80px); }
/* ------ .about_area ------ */
.block_home_about .about_area { margin-top: 30px; }
.block_home_about .about_area .description_area { margin-top: 30px; padding: 0 5%; }
.block_home_about .about_area .link_area { margin: 35px 0 0; }
}
@media only screen and (max-width:640px) {
.block_home_about .logo_img { margin: 0 auto 20px; width: 80px; }
/* ------ .copy_area ------ */
.block_home_about .copy_area .t_copy { font-size: clamp(20px, 9.95vw, 70px); line-height: 1.15; }
.block_home_about .copy_area .t_copy br.br_sp { }
/* ------ .about_area ------ */
.block_home_about .about_area { margin-top: 25px; }
.block_home_about .about_area .img_area { width: 80%; }
.block_home_about .about_area .txt_area .t_copy_jp .sp_block { display: block; }
.block_home_about .about_area .description_area { margin-top: 30px; padding: 0 2.5%; }
.block_home_about .about_area .link_area { margin: 30px 0 0; }  
}






/* -----------------------------------------------------------------------  

　  .block_home_featured

   ----------------------------------------------------------------------- */

.block_home_featured { padding: 130px 5%; position: relative; z-index: 0;}
.block_home_featured:before{position: absolute; top: 0; right: 5%; left: 5%; height: 0;content: "";border-top: #504539 1px solid;z-index: -1; }

@media only screen and (max-width:960px) {
.block_home_featured { padding: 100px 5%;}
  .block_home_featured .headline {text-align: center;}
}
@media only screen and (max-width:738px) {
.block_home_featured {padding: 80px 4%;} 
.block_home_featured:before{right: 4%; left: 4%;}
}

/* ------ .space_area ------ */
.block_home_featured .space_area {margin-top: 70px;}
.block_home_featured .space_item {display: flex; flex-wrap: wrap; justify-content: space-between;}
.block_home_featured .space_item .img_area {order: 2; width: 62.5%;}
.block_home_featured .space_item .img_area img {height: auto; aspect-ratio: 4 / 3; object-fit: cover;}
.block_home_featured .space_item .txt_area {order: 1; width: 30%;}
.block_home_featured .space_item .t_copy_en {font-size: clamp(55px, 5vw, 75px); font-family:"Instrument Serif", serif; font-weight: 400; line-height: 1; letter-spacing: 0;/*font-family: "Hina Mincho", serif;font-weight:400; -webkit-text-stroke: 0.2px currentColor;*/}
.block_home_featured .space_item .t_copy_jp {margin-top: 30px;}
.block_home_featured .space_item .description_area {margin-top: 1.5em;}

/* ------ .music_area ------ */
.block_home_featured .music_area {margin-top: 100px;}
.block_home_featured .music_item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.block_home_featured .music_item .img_area {order: 1; width: 47.5%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.block_home_featured .music_item .img_item {width: 47.5%;}
.block_home_featured .music_item .img_area img {height: auto; aspect-ratio: 3 / 4; object-fit: cover;}
.block_home_featured .music_item .txt_area {order: 2; width: 42.5%;}
.block_home_featured .music_item .t_copy_jp { margin-bottom: 30px;}
.block_home_featured .music_item .description_area {margin-top: 1.5em; padding-right: 5%;}


@media only screen and (max-width:960px) {
.block_home_featured .space_area {margin-top: 80px;}
.block_home_featured .space_item {display: flex; flex-direction: column; }
.block_home_featured .space_item .img_area {order: 1; width: 100%;}
.block_home_featured .space_item .txt_area {order: 2; width: 100%; margin-top: 50px;}
.block_home_featured .space_item .t_copy_en {font-size: 7vw; font-size: clamp(60px, 9vw, 70px); line-height: 1; letter-spacing: 0; text-align: center;}
.block_home_featured .space_item .t_copy_jp {margin-top: 30px; text-align: center;}
.block_home_featured .space_item .description_area {margin-top: 1.5em; padding: 0 5%;}

/* ------ .music_area ------ */
.block_home_featured .music_area {margin-top: 100px;}
.block_home_featured .music_item { display: flex; flex-direction: column;}
.block_home_featured .music_item .img_area {order: 1; width: 100%;}
.block_home_featured .music_item .img_item {width: 49%;}
.block_home_featured .music_item .txt_area { width: 100%; margin-top: 50px;}
.block_home_featured .music_item .t_copy_jp { margin-bottom: 30px; text-align: center;}
.block_home_featured .music_item .description_area {margin-top: 1.5em; padding: 0 5%;} 
}

@media only screen and (max-width:640px) {
.block_home_featured .space_area {margin-top: 60px;}
.block_home_featured .space_item .txt_area { margin-top: 30px;}
.block_home_featured .space_item .t_copy_en {font-size: 10vw; font-size: clamp(45px, 10vw, 60px);}
.block_home_featured .space_item .t_copy_jp {margin-top: 20px;}
.block_home_featured .space_item .description_area {margin-top: 20px; padding: 0 2.5%;}

/* ------ .music_area ------ */
.block_home_featured .music_area {margin-top: 70px;}
.block_home_featured .music_item .img_item {width: 48%;}
.block_home_featured .music_item .txt_area {margin-top: 30px;}
.block_home_featured .music_item .t_copy_jp { margin-bottom: 20px;}
.block_home_featured .music_item .description_area {margin-top: 20px; padding: 0 2.5%;} 
}






/* -----------------------------------------------------------------------  

　  .block_home_menu

   ----------------------------------------------------------------------- */

.block_home_menu { padding: 10px 5% 130px; }

@media only screen and (max-width:960px) {
.block_home_menu { padding: 0px 5% 100px; }
}

@media only screen and (max-width:640px) {
.block_home_menu { padding: 0px 4% 80px; }
}

/* ------ .menu_area ------ */
.block_home_menu .menu_area { display: flex; flex-wrap: wrap; flex-direction: column; gap: 20px 0; }
.block_home_menu .menu_item { width: 100%; padding: 15px; border: #504539 1px solid; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 3px; position: relative; z-index: 0; }
.block_home_menu .menu_item .ttl_area { order: 1; width: 60%; padding: 3.5vw 0 3.5vw 3.5%; display: flex; flex-wrap: wrap; align-content: flex-start; }
.block_home_menu .menu_item .ttl_area .t_ttl_cat { width: 100%; font-family: "Instrument Serif", "Libre Caslon Display", serif; font-size: clamp(55px, 5vw, 75px); font-weight: 400; letter-spacing: 0; line-height: 1; }

/* .list_menu */
.block_home_menu .list_menu { width: 35%; margin-top: 40px; padding: 0 0 0 0.1em; list-style: none; line-height: 1; }
.block_home_menu .list_menu li { font-family: "Inter Tight", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: 0.05em; }
.block_home_menu .list_menu li+li { margin-top: 2px; }

/* .description_area */
.block_home_menu .menu_item .description_area { width: 62.5%; margin-top: 36px; }
.block_home_menu .menu_item .description_area p { line-height: 1.8; }

/* .img_area */
.block_home_menu .menu_item .img_area { order: 2; width: 35%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.block_home_menu .menu_item .img_area img { height: auto; aspect-ratio: 4 / 5; object-fit: cover; }

/* .txt_area */
.block_home_menu .menu_item .txt_area { order: 3; margin-top: 60px; width: 80%; }
.block_home_menu .menu_item .txt_area p { line-height: 1.7; }

/* .link_area */
.block_home_menu .menu_item .link_area { position: absolute; bottom: 3vw; left: 3.5%; padding: 0 0 15px 15px; z-index: 0; }

@media (min-width: 961px) and (hover: hover) {
.block_home_menu .menu_item .img_area:hover {background: #111;}
.block_home_menu .menu_item .img_area a:hover {opacity: 0.8;}
}
@media only screen and (max-width:960px) {
.block_home_menu .menu_item .ttl_area { padding: 3.5vw 0 3.5vw 2.5%; }
.block_home_menu .menu_item .ttl_area .t_ttl_cat { font-size: 6.25vw; }
/* .list_menu */
.block_home_menu .list_menu { width: 75%; margin-top: 10px; display: flex; flex-wrap: wrap; gap: 5px 0; text-indent: 0; }
.block_home_menu .list_menu li { font-size: 13px; }
.block_home_menu .list_menu li+li { margin-top: 0; }
.block_home_menu .list_menu li:after { content: ","; margin: 0 0.25em 0 0; }
.block_home_menu .list_menu li:last-child:after { display: none; }
/* .description_area */
.block_home_menu .menu_item .description_area { width: 100%; margin-top: 20px; }
/* .link_area */
.block_home_menu .menu_item .link_area { position: static; margin-top: 30px; padding: 0; }
}

@media only screen and (max-width:738px) {
.block_home_menu .menu_item { padding: 50px 7.5%; flex-direction: column; }
.block_home_menu .menu_item .ttl_area { order: 2; width: 100%; padding: 0; margin-top: 25px; }
.block_home_menu .menu_item .ttl_area .t_ttl_cat { font-size: 7.5vw; text-align: center; }
/* .list_menu */
.block_home_menu .list_menu { width: 80%; margin: 20px auto 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 0; text-indent: 0; }
.block_home_menu .list_menu li { font-size: 13px; }
/* .description_area */
.block_home_menu .menu_item .description_area { width: 100%; margin-top: 20px; }
.block_home_menu .menu_item .img_area { order: 1; width: 66.666%; margin: 0 auto; }
/* .link_area */
.block_home_menu .menu_item .link_area { position: static; width: 100%; margin-top: 25px; padding: 0; display: flex; justify-content: center; }
}

@media only screen and (max-width:640px) {
.block_home_menu .menu_item .img_area { width: 75%; }
.block_home_menu .menu_item .ttl_area .t_ttl_cat { font-size: 9.5vw; text-align: center; }
}






/* -----------------------------------------------------------------------  

　  .block_home_banner

   ----------------------------------------------------------------------- */

.block_home_banner { height: 47.5vw; position: relative; z-index: 0;}
.block_home_banner .bg_img { position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: -1;}
.block_home_banner .bg_img:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";background: rgba(28,12,3,0.1); z-index: -1;}
.block_home_banner .bg_img:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";background: url("../images/home/img_banner_260603_onn_8877.jpg") center center no-repeat;background-size: cover; z-index: -2;}
.block_home_banner .txt_area { position: absolute; bottom: 6.5vw; left: 5%; color: #eee8dd; z-index: 1;}
.block_home_banner .txt_area .t_copy_jp {color: #ede2ce;text-shadow: 3px 3px 12px rgba(28, 12, 3, 0.5); line-height: 1.9;}

@media only screen and (max-width:960px) {
.block_home_banner { height: 55vw;}
.block_home_banner .txt_area { bottom: 5.5vw;}
}
@media only screen and (max-width:738px) {
.block_home_banner { height: 60vw;}
.block_home_banner .bg_img:before{background: rgba(28,12,3,0.2); }
.block_home_banner .txt_area { top: 50%; bottom: auto; left: 50%;left: 0; right: 0; transform: translate(0,-50%);}
.block_home_banner .txt_area .t_copy_jp{font-size: 16px; line-height: 1.85; text-align: center;}
}
@media only screen and (max-width:640px) {
.block_home_banner { height: 75vw;}
}
@media only screen and (max-width:320px) {
  .block_home_banner .txt_area .t_copy_jp{font-size: 15px;}
}



/* -----------------------------------------------------------------------  

　  .block_home_bottom

   ----------------------------------------------------------------------- */

.block_home_bottom { padding: 130px 5% 110px; position: relative; z-index: 0;}
.block_home_bottom .central {display: flex; flex-wrap: wrap; justify-content: space-between;}

@media only screen and (max-width:960px) {
.block_home_bottom { padding: 100px 5% 80px;}
.block_home_bottom .central {flex-direction: column;} 
}
@media only screen and (max-width:738px) {
.block_home_bottom { padding: 50px 4% 30px;}
}