@charset 'UTF-8';



/* Slider */

.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus {

    outline: none;

}

.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}

.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}

.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,

.slick-track:after {

    display: table;

    content: '';

}

.slick-track:after {

    clear: both;

}

.slick-loading .slick-track {

    visibility: hidden;

}

.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide {

    float: right;

}

.slick-slide img {

    display: block;

}

.slick-slide.slick-loading img {

    display: none;

}

.slick-slide.dragging img {

    pointer-events: none;

}

.slick-initialized .slick-slide {

    display: block;

}

.slick-loading .slick-slide {

    visibility: hidden;

}

.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



/* TOP用追記 */

.slide-visual .slick-slide img {

  /*transition: opacity 0.2s ease-out;

  opacity: .5;*/

  opacity: 1;

}

.slide-visual .slick-current img {

  opacity: 1;

}

/* Arrows */

.slick-prev,

.slick-next {

  font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    margin-top: -70px;

    display: block;

    width: 40px;

    height: 140px;

    background: rgba(255,255,255,0.6);

    padding: 0;

    cursor: pointer;

    color: transparent;

    outline: none;

    z-index: 2;

  border: 0;

}

.slick-prev {

    left: 0;

}

.slick-next {

  right: 0;

}



.slick-prev:after,

.slick-next:after {

  content: '';

  position: absolute;

  top:50%;

  margin-top: -7px;

  width: 15px;

  height: 15px;

}



.slick-prev:after {

  left: 13px;

    border-top:3px solid #385a01;

    border-left:3px solid #385a01;

    border-bottom:0;

    border-right:0;

  	-webkit-transform: translateX(0) rotate(-45deg);

	    -ms-transform: translateX(0) rotate(-45deg);

	        transform: translateX(0) rotate(-45deg);

}

.slick-next:after {

    right:13px;

    border-top:3px solid #385a01;

    border-right:3px solid #385a01;

    border-bottom:0;

    border-left:0;

  -webkit-transform: translateX(0) rotate(45deg);

	    -ms-transform: translateX(0) rotate(45deg);

	        transform: translateX(0) rotate(45deg);

}

.slick-prev:hover,

.slick-next:hover {

  opacity: 0.7;

  -webkit-transition: .2s linear;

	-moz-transition: .2s linear;

	-o-transition: .2s linear;

	-ms-transition: .2s linear;

}



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

.slick-prev,

.slick-next {

    margin-top: -35px;

    width: 20px;

    height: 70px;

}

.slick-prev:after,

.slick-next:after {

  content: '';

  position: absolute;

  top:50%;

  margin-top: -5px;

  width: 10px;

  height: 10px;

}



.slick-prev:after {

  left: 7px;

    border-top:2px solid #385a01;

    border-left:2px solid #385a01;

    border-bottom:0;

    border-right:0;

  	-webkit-transform: translateX(0) rotate(-45deg);

	    -ms-transform: translateX(0) rotate(-45deg);

	        transform: translateX(0) rotate(-45deg);

}

.slick-next:after {

    right:7px;

    border-top:2px solid #385a01;

    border-right:2px solid #385a01;

    border-bottom:0;

    border-left:0;

  -webkit-transform: translateX(0) rotate(45deg);

	    -ms-transform: translateX(0) rotate(45deg);

	        transform: translateX(0) rotate(45deg);

}

}



/* Dots */

.slick-dots {

    position: absolute;

    bottom: -20px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}

.slick-dots li {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 5px;

    margin: 0 5px !important;

    padding: 0;

    cursor: pointer;

}

.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 50px;

    height: 5px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: #d3cece;

}

.slick-dots li button:hover,

.slick-dots li button:focus {

    outline: none;

    opacity:0.5;

}

.slick-dots li.slick-active button {

    background: #067cc0;

}



/* for MAIN VISUAL */

.slide-visual .slick-dots {

    bottom:10px;

}

.slide-visual .slick-dots li button:before {

    opacity: .75;

    color: #999;

}

.slide-visual .slick-dots li.slick-active button:before {

    opacity: 1;

    color: #333;

}



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

.slide-visual .slick-dots {

    bottom: 10px;

}

  .slick-dots li {

    width: 30px;

  }

.slick-dots li button {

    width: 30px;

    height: 5px;

}

}