@media(max-width:750px){
  #nav-toggle {
    position: fixed; top: 25px; right: 20px; z-index: 8000;
  }
  .onepress-menu.onepress-menu-mobile { margin-top: 75px; }
  .onepress-menu.onepress-menu-mobile > li {
    height: 50px!important; margin: 0; padding: 0;
  }
}

/* タブレット nav色付き */
@media only screen and (min-width: 750px) {
  .menu-item-37 a { background-color: #e695a3; padding:4px 6px!important; line-height: 1.0em!important; }
  .menu-item-45 a { background-color: #e9537d; padding:4px 6px!important; line-height: 1.0em!important; }
  .menu-item-136 a { background-color: #3599BF; padding:4px 6px!important; line-height: 1.0em!important; }
}

@media only screen and (min-width: 750px){ #nav-toggle { display: none; } }

@media(max-width:750px){
  .headercover { position: fixed; top: 0; background: #333; height: 75px; z-index: 4800; }
  .onepress-menu.onepress-menu-mobile > li > a {
    margin: 0; padding: 10px; height: 50px; box-sizing: border-box;
    font-size: 16px; line-height: 1.4em; color: #fff; background: #333; display: flex; align-items: center;
  }
  #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { background: #fff; }
}

.heroview-section video {
  width: 100%; height: 100vh; object-fit: cover;
}
#topVideo.fade-out { transition: opacity 1s ease; opacity: 0; }
@media (max-width: 750px) {
  .heroview-section video { width: 100%; height: 100%!important; vertical-align: bottom; }
}

.search2 .room-search-form { display: flex; }
@media(max-width:750px){ .search2 .room-search-form { display: block!important; } }

.room-search {
  background-color: #3F3F3F; display: flex; align-items: center; justify-content: center; text-align: center;
}
.room-search-form { max-width:60%; justify-content: center; margin-left: 20px; }
.search3 { width: 141px!important; height: 68px!important; aspect-ratio: 141 / 68; }


/*動画*/
/* ラッパー任意：プレイヤー周りに適用したい場合 */
.heroview-section { position: relative; overflow: hidden; }

/* video.js プレーヤーをフル幅に */
.heroview-section .video-js,
.heroview-section .video-js video,
.heroview-section .video-js iframe {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  aspect-ratio: 16 / 9; /* 16:9想定。他比率なら調整 */
}

    #header-section .site-header {
        position: sticky !important;
        z-index: 1!important;
        background: none;
    }

    #header-section {
        position: absolute !important;
        /* z-index: 9900; */
        background: transparent !important;
        box-shadow: none !important;
        top: 0;
    }