@charset "UTF-8";
@media screen and (min-width : 601px){

  /* -------------------------------------------------------------------------------------------
  *
  * MV
  *
  * ----------------------------------------------------------------------------------------- */

  #main_box{
    overflow: hidden;
    height: 288px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top center;
    }
    .rika #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../rika/images/mainImg_rika_pc.png");
    }
    .science #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../science/images/mainImg_science_pc.png");
    }
    .college_physics #main_box{
      background-image: url("../../college_physics/images/mainImg_college_physics_pc.png");
    }
    .seikatsu #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../seikatsu/images/mainImg_seikatsu_pc.png");
    }
    .sansu #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../sansu/images/mainImg_sansu_pc.png");
    }
    .math #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../math/images/mainImg_math_pc.png");
    }
    .college_math #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../college_math/images/mainImg_college_math_pc.png");
    }
    .taiiku #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../taiiku/images/mainImg_taiiku_pc.png");
    }
    .pe #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../pe/images/mainImg_pe_pc.png");
    }

  #main_box h2{
    height: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }

  #main_box h2 span{
    font-weight: 700;
    font-size: 3.125rem;
    line-height: 1;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * news
  *
  * ----------------------------------------------------------------------------------------- */

  .news_area{
    margin: 0 0 60px 0;
  }



  /* -------------------------------------------------------------------------------------------
  *
  * books
  *
  * ----------------------------------------------------------------------------------------- */


  #books{
    overflow: hidden;
  }


  #books h3{
    padding: 0 0 22px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #c0c0c0;
    line-height: 1;
  }
  #books h3 span{
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 0 0 0.375rem;
    line-height: 1.2;
  }





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



  /* -------------------------------------------------------------------------------------------
  *
  * MV
  *
  * ----------------------------------------------------------------------------------------- */

  #main_box{
    overflow: hidden;
    height: 9.3125rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    }
    .rika #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../rika/images/mainImg_rika_sp.png");
    }
    .science #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../science/images/mainImg_science_sp.png");
    }
    .college_physics #main_box{
      background-image: url("../../college_physics/images/mainImg_college_physics_sp.png");
    }
    .seikatsu #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../seikatsu/images/mainImg_seikatsu_sp.png");
    }
    .sansu #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../sansu/images/mainImg_sansu_sp.png");
    }
    .math #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../math/images/mainImg_math_sp.png");
    }
    .college_math #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../college_math/images/mainImg_college_math_sp.png");
    }
    .taiiku #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../taiiku/images/mainImg_taiiku_sp.png");
    }
    .pe #main_box{
      color: #fff;
      text-shadow: 0px 0px 6px rgb(0 0 0 / 46%);
      background-image: url("../../pe/images/mainImg_pe_sp.png");
    }


  #main_box h2{
    height: 9.3125rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }

  #main_box h2 span{
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
  }


  /* -------------------------------------------------------------------------------------------
  *
  * news
  *
  * ----------------------------------------------------------------------------------------- */

  .news_area{
    margin: 0 0 3.75rem 0;
  }



  /* -------------------------------------------------------------------------------------------
  *
  * books
  *
  * ----------------------------------------------------------------------------------------- */

  #books{
    overflow: hidden;
  }

  #books h3{
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid #c0c0c0;
  }

  #books h3 span{
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0 0 0 0.375rem;
    line-height: 1.25;
  }




}

/* タブレット調整部分 */
@media screen and (min-width: 601px) and (max-width: 1024px){

  #main_box{
    height: 21vw;
  }
  #main_box h2 span{
    font-size: 2.5rem;
  }

}



.slider-container {
  position: relative;
  width: 91%;
  margin: 0 auto;
}
@media only screen and (max-width:600px) {
  .slider-container {
    width: 100vw;
    margin: 0 -4vw;
  }

  .slick-track{
    padding: 0 0 2rem 0;
  }
}

.slideDefault .slider-outer {
  /*width: 770px;*/
  margin: auto;
  overflow: hidden
}
.slideDefault .slider-container ul {
  letter-spacing: -.4em
}
.slideDefault .slider-container li.slider-slide {
  display: inline-block;
  letter-spacing: normal
}
#books .slider-wrapper-books .slider-slide {
  font-size: 1.3rem;
  vertical-align: top;
  text-align: center;
  width: 9rem !important;
  padding: 0;
  /*margin-right: -22px;*/
}

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

  .slick-slide {
    -webkit-transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    text-align: center;
  }
  .slick-slide:not(.slick-current) {
    opacity: .2;
  }
  .slick-slide.slick-current {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

}


#books .slider-slide a{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  text-align: left;
}
@media only screen and (max-width:600px) {
  #books .slider-slide a{
    text-align: center;
  }
}

#books .slider-slide img{
  width: 100%;
  height: auto;
}
#books .slider-slide img.gray_border {
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
}

#books .slider-slide .thumb {
  height: 212px;
}
@media only screen and (max-width:600px) {
  #books .slider-slide .thumb {
    /*height: 60vw;*/
    height: 13rem;
  }
}

.bookTitle {
  display: inline-block;
  text-align: left;
  /*margin-top: 0.875rem;*/
  margin-top: 6px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  width: 150px;
}
a:hover .bookTitle {
  text-decoration: underline;
}
@media only screen and (max-width:600px) {
  .bookTitle {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
  }
}

.slider-controls-books{
  display: block !important;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  padding: 0
}
.slider-controls-books img{
  width: 100%
}
.next.slick-arrow, .prev.slick-arrow {
  width: 2.25rem;
  height: 2rem;
  position: absolute;
  top: 5.5rem;
  z-index: 1;
}
.next.slick-arrow svg, .prev.slick-arrow svg{
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.prev.slick-arrow {
  left: -4%;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.next.slick-arrow {
  right: -4%;
}
@media only screen and (max-width:1024px) {
  .prev.slick-arrow {
    left: -5%;
  }
  .next.slick-arrow {
    right: -5%;
  }

}

@media only screen and (max-width:600px) {
  #books .slider-wrapper-books .slider-slide {
    font-size: 1.6rem;
    font-size: 4.26vw
  }
  #books.slideDefault ul.slider-wrapper-books{
    width: 100%;
    margin: auto
  }
  #books.slideDefault ul.slider-wrapper-books li.slider-slide{
    width: 40vw;
    /*padding-right: 20px;*/
    margin-right: 0;
  }
  #books .slider-slide .thumb {
    min-height: 12rem;
    min-height: 32vw
  }
  .bookTitle {
    margin-top: 1.2rem;
    margin-top: 3.2vw
  }
  .next.slick-arrow, .prev.slick-arrow {
    width: 3rem;
    height: 3rem;
    top: 5.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .prev.slick-arrow {
    left: 0;
  }
  .next.slick-arrow {
    right: 0;
  }
  .js_isWin .next.slick-arrow,
  .js_isWin .next.slick-arrow{
    right: 4vw;
  }

  .next.slick-arrow svg, .prev.slick-arrow svg{
    width: 1.25rem;
    height: 1.75rem;
  }

}
@media only screen and (device-height:568px) {
  #books .slider-wrapper-books .slider-slide {
    font-size: 1.6rem !important
  }
}