@charset "UTF-8";

@media screen and (max-width: 1080px) {
  .mv_container {
    padding: 9vw 0;
  }
  #copy .copy_container {
    padding-bottom: 9vw;
  }
  #nav .contents {
    padding:  9vw 0 2vw;
  }
  #bargaininfo .contents {
    padding-top: 8vw;
  }
}

@media screen and (max-width: 950px) {
  #mv video {
    object-fit: contain;
}
#mv video {
  position: relative;
  width: 100%;
  height: 100%;
}
}

@media screen and (max-width: 900px) {
  .bargain_content ul li {
    width: calc(100% / 2);
  }

  .bargain_content ul li.item2x {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .pcnone {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .spnone {
    display: none !important;
  }

  #page-top {
    right: 15px;
    bottom: 15px;
  }

  #page-top a {
    width: 40px;
    height: 40px;
  }

  #page-top a::before {
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
  }

  header {
    position: absolute;
    height: 50px;
  }

  header h1 {
    width: 65px;
    margin-left: 20px;;
  }

  #mv {
    padding: 0 0 7vw;
  }

  .mv_container {
    padding: 50px 20px;
  }

  section {
    padding: 15% 20px 0px;
  }

  h2 {
    max-width: 70vw;
    height: auto;
    margin-bottom: 20px;
  }
  h2 img {
    height: auto;
  }

  #copy .copy_container {
    display: contents;
  }
  #copy .copy_container div{
    width: 57%;
    margin-left: 13%;
  }
  #copy .copy_container div:last-child{
    padding: 15% 0;
    margin-left: 33%;
  }

  .nav_btn {
    flex-direction: column;
  }
  .nav_btn li {
    width: 100%;
  }
  .nav_btn li:first-child {
    padding-bottom: 20px;
  }

  #eventbnr {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  #eventbnr .contents {
    padding: 10px;
}
  #eventbnr .event_container {
    gap: 10px;
}
  #eventbnr .event_container li{
    grid-column: 1 / 3;
  }
  #eventbnr .event_container .grid_column3 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  #eventbnr .event_container .grid_column3 li{
    grid-column: 1 / 2;
  }
  #eventbnr .event_container .grid_column3 li:nth-child(2){
    grid-column: 2 / 3;
  }
  #eventbnr .event_container .grid_column3 li:nth-child(3){
    grid-column: 1 / 3;
  }
  #eventbnr .contents:last-child {
    padding: 10px 0 0 0;
  }
  #eventbnr .contents:last-child ul {
    gap: 10px;
  }
  #eventbnr .contents:last-child li {
    grid-column: 1 / 3;
  }

  /* #bargaininfo::before {
    top: -30px;
    height: 70px;
    background-position: center top;
    background-size: 550px 70px;
  } */

  .tab_label {
    height: 10vw;
    text-align: center;
  }

  .tab_label span {
    font-size: 2.8vw;
    padding: 1vw ;
    line-height: 3.5vw;
  }

  .tab_menu:checked+.tab_label+.bargain_content {
    display: block;
    position: relative;
    padding: 7vw 0;
  }

  .bargain_content::after {
    font-size: 2vw;
    bottom: 3vw;
    right: 0;
}


  footer div {
    width: 80px;
    padding: 40px 0 20px;
  }

  footer p {
    font-size: 10px;
  }
  .pc{
    display: none;
  }
  .sp{
    display: flex;
  }
  .tab_img{
    width: 30%;
  }
  .mv01 img {
    width: 30%;
}
.mv01 {
  right: -330px;
}
.flex2{
  display: none;
}
.flex{
  margin-bottom: 20px;
}
}

@media screen and (max-width: 650px) {
  #mv .logo{width: 50px;}
  #mv .top{width: 30%;}
  #mv .bottom{width: 20%; bottom: 5%;}
  .btn-volume{bottom: 5%;}
  .bargain_content ul li{width: 100%;}
  .bargain_content ul{padding: 0 12px;}
}

@media screen and (max-width:450px) {
  #mv{height: 70svh;}
  #mv video {width: 120%;}
}
@media screen and (max-width: 390px) {
  #mv .top {top: 5%; width: 34%;}
  #mv .bottom {bottom: 5%; width: 25%;}
}

@media screen and (max-width: 352px) {
  .tab_label span {
    font-size: 2.7vw;
  }
}