@charset "UTF-8";
@import url("sp-under.css");
@media(max-width:900px) {
  :root {
    --mainWidth: 100%;
  }
  #hum-button {
    display: grid;
  }
  #l-nav {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transit);
    z-index: 99;
    background: #000;
  }
  .g-nav{
    display: none;
  }
  #l-nav.is-view {
    opacity: 1;
    visibility: visible;
  }
  .l-nav_inner {
    padding-top: min(100px, 30vw);
    grid-template-columns: min(500px, 100%);
    justify-content: center;
    gap: min(50px, 12vw);
  }
  .hero-fix-text, .hero-title, .index-hero::after, #fix-login-button {
    visibility: hidden;
  }
  .l-nav__menu li.l-regist-nav {
    display: grid;
  }
  .l-nav__menu a {
    -webkit-text-fill-color: #fff;
    display: grid;
    width: 100%;
    height: min(50px, 12vw);
    place-content: center;
    background: #121212;
    border: 1px solid #413E3E;
  }
  .l-nav__menu li.l-regist-nav a{
    border-color: #fff;
  }
  .hero-sns-nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
@media(max-width:768px) {
  /*hero*/
  .index-hero-wrap .hero-pagination{
    rotate: 90deg;
    transform-origin: left bottom;
  }
  .index-hero-wrap.active .hero-pagination{
    bottom: 50vw;
  }
  .lilac .hero-slide::after {
    background-image: url("/image/tbb_template/megumi_okina/hero-slide/lilac_sp.jpg");
  }
  .cobalt-blue .hero-slide::after {
    background-image: url("/image/tbb_template/megumi_okina/hero-slide/cobalt-blue_sp.jpg");
  }
  .raspberry-red .hero-slide::after {
    background-image: url("/image/tbb_template/megumi_okina/hero-slide/raspberry-red_sp.jpg")
  }
  .hero-navigation{
    opacity: 0;
    visibility: hidden;
  }
  
  /*main +++++++++++++++++*/
  .inbox-wrap{
    width: 100%;
  }
  .avc-photo-item .data-box{
    display: none;
  }
}
@media(max-width:600px) {
  .index-hero{
    height: 85svh;
  }
  .picup-title{
    right: min(50px,4vw);
    translate:max(-20px,-5vw) -50%;
  }
  .index-movie_list
  ,.index-voice-list
  ,.contents-feature__list{
    grid-template-columns: 1fr;
  }
  .movie-thumb-list{
    display: none;
  }
  .foot-thumb{
    width: 100%;
    aspect-ratio:1/.5089;
    max-height: 200px;
  }
  .foot-thumb img{
    object-fit: cover;
    height: 100%;
    object-position: center;
  }
  .footer-inner{
    grid-template-columns:min(284px,74vw);
    gap:min(50px,12vw);
    justify-content: center;
  }
  .foot-logo{
    grid-template-columns: 1fr;
    
  }
  .foot-nav{
    grid-template-columns: 1fr;
  }
  .foot-nav > li.contents-nav{
    display: none;
  }
  
}