@media screen and (max-width: 480px) {
  /* 画面サイズが480pxまではここを読み込む */
}

@media screen and (min-width: 481px) and (max-width: 767px) {
  /* 画面サイズが481pxから767pxまではここを読み込む */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  /* 画面サイズが768pxから991pxまではここを読み込む */
}

@media screen and (min-width: 992px) {
  /* 画面サイズが992pxからはここを読み込む */
}


@media screen and (max-width:1280px) {
  .sectionTitle__title {
    font-size: 16px;
  }
}

/* header */
@media screen and (min-width: 481px) and (max-width: 767px) {
  .header__explore button {
    height: 50px;
    width: 50px;
    padding: 0 0 0 16px;
    margin: 0 0 0 -16px;
  }

  .header-search__field2 {
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
    display: flex;
    align-items: center;
  }

  .header-search__field2 input {
    border-radius: 32px;
    width: 210px;
    padding: 0 16px 0 32px;
    height: 32px;
  }
}

@media screen and (max-width: 480px) {
  .header__explore button {
    height: 50px;
    width: 50px;
    padding: 0 0 0 16px;
    margin: 0 0 0 -16px;
  }

  .header-search__field2 {
    position: relative;
    margin: 0;
    padding: 0 0 0 30px;
    display: flex;
    align-items: center;
  }

  .header-search__field2 input {
    border-radius: 32px;
    width: 150px;
    padding: 0 16px 0 32px;
    height: 32px;
  }
}


/* side */

@media (max-width: 991) {
  .dashboard__main {
    padding-left: 0;
    margin-top: 30px;
  }
}

@media screen and (max-width: 991px) {
  .dashboard__main {
    padding-left: 0;
  }
}

@media screen and (min-width: 992px) {
  .dashboard__main {
    padding-left: 250px;
  }
}

@media (max-width: 991px) {
  .dashboard.-home-9 .dashboard__sidebar {
    margin-top: 50px;
  }

  .dashboard__sidebar {
    height: calc(100% - 50px);
  }
}

@media (max-width: 767px) {
  .dashboard.-home-9 .dashboard__sidebar {
    width: 50%;
  }
}

/* main contents area */

@media screen and (max-width: 480px) {
  sectionTitle__title {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .dashboard.-home-9 {
    margin-top: 0;
    padding: 0;
  }
}

@media (max-width: 767px) {
  section .headlineWrap {
    padding: 0;
    margin: 8px 0 0 0 !important;
  }

  .btnShowAll button {
    padding: 0px 8px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    margin: 0 0px 0 20px;
    min-width: 80px;
    height: 22px;
    font-size: 12px;
    color: #666;
  }
}

/* container */
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 100%;
    padding: 0 30px;
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 100%;
    padding: 0 30px;
  }
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 100%;
    padding: 0px 30px 0px 30px;
  }
}

@media (max-width: 575px) {
  .container, .container-sm {
    max-width: 100%;
    padding: 0 10px;
    height: auto;
  }
}

/* first view  */

@media screen and (max-width: 480px) {

  .swiper-backface-hidden .swiper-slide,
  .swiper-slide a,
  .sp-swiper .rounded .swiper-slide img {
    border-radius: 0;
  }
}

/* container category */
@media (max-width: 575px) {
  .categoryContainer {
    height: 280px;
  }
}

@media (max-width: 767px) {
  .sp-swiper .fv-text-01 h6 {
    font-size: 12px;
  }
}

/* header  */

.res-header {
  padding: 0;
}

@media screen and (max-width:480px) {
  .res-header {
    padding: 0;
  }

  .res-header .header__logo {
    width: 68px;
    top: 7px;
    position: relative;
  }

  .res-header .size-50 {
    width: 38px;
    height: 38px;
  }
}

/* learning */
@media (max-width: 991px) {
  .lernBottomContetFixed {
    width: 100%;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}


@media screen and (max-width:480px) {
  .movieList .swiper-slide {
    padding: 4px 15px;
  }

  .movieList .swiper-slide img {
    max-width: 50%;
  }

  .movieList .swiper-slide a {
    display: flex;
    border-radius: 4px;
  }

  .movieList .movieTxt {
    padding: 6px;
  }
}