@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

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

/***************************************************************************
クロスフェード（fadein outで切り替わり時に白場にならない/CSSだけで調整出来る）
※但し、slick設定の
speed: 2000,//アニメーションのスピード
くらいにすると、CSSなしでクロスフェードとなる。

http://www.cattlemute.com/2019/02/23/1357/
https://kata-tip.com/jquery-slick-05/
https://codepen.io/supah/pen/QEBEma
https://www.nxworld.net/tips/jquery-plugin-slick-current-class-examples.html
****************************************************************************/

/*.slick-slide {
    opacity: 0;
    transition: opacity 2s ease-out;
}
.slick-slide.move {
    opacity: 1 !important;
}*/

/***************************************************************************
基本設定
****************************************************************************/

.top_sld {
	overflow: hidden;				/*スライド時に、ブラウザ横スクロールが出るのを防ぐ*/
	position: relative;				/*左右グレーに必要*/
}
.top_sld ul {
	margin: 0px auto 0px auto;	/*スライダーのセンタリングに必要*/
	width: 1200px;				/*スライダーの幅はここで設定*/
}
.slick-list {
	overflow: visible;			/*左右みせに必要*/
}

@media only screen and (max-width: 768px) {
.top_sld ul {
	width: 100%;
}
}