@charset 'UTF-8';



/*------ スライダーの横幅 ------*/

.slider{

  width:100%;

  margin: 0 0 -6px 0;

    /* js dots: true, の場合は margin:  0 auto */

}



/*------ スライダー画像 ------*/

.slider img{

	width:100%;

}



/*-------- 高さ調整 ----------*/

.slider .slick-slide{

	height:auto!important;

}



/*---------- 矢印 ----------*/

.slider .slick-next{

    right:0!important;

}

.slider .slick-prev{

    left:0!important;

}

.slider .slick-arrow{

    width: initial!important;

    height: initial!important;

    z-index:2!important;

}

.slider .slick-arrow:before{

    font-size: 22px!important;

}



.box{

  position: relative;

}

.top-left {

  position: absolute;

  top: 50px;

  left: 50px;

  font-size: 1.2rem;

  color: #fff;

  border: 1px solid #fff;

  padding: 10px;

  border-radius: 5px;

  background-color: rgba(120, 120, 120, 0.300);

}



/*------------------------------

 Tablet / Smartphone

------------------------------*/

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

    .top-left {

        font-size: 0.7rem;

        top: 10px;

        left: 10px;

        padding: 0 5px;

    }

}