section.slider{
	background-color:#FFF;
}
section.slider > div,
section.banner > div{
	opacity:0;
	-webkit-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
section.slider .slick-initialized,
section.banner .slick-initialized{
	opacity:1;
}
section.slider > div,
section.banner > div{
	list-style-position:outside;
	list-style:none;
}
.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);
	transform:translate3d(0,0,0);
}
.slick-track{
	position:relative;
	top:0;
	left:0;
	display:block;
	margin-left:auto;
	margin-right:auto;
	display: flex;
	justify-content: center;
}
.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;
	position:relative;
	z-index:1;
}
.detail .slick-initialized .slick-slide img{
	position:relative;
	z-index:1;
	/*! top:50%; */
	/*! -webkit-transform:translate(0,-50%); */
	/*! transform:translate(0,-50%); */
}
.slick-loading .slick-slide{
	visibility:hidden;
}
.slick-vertical .slick-slide{
	display:block;
	height:auto;
	border:1px solid transparent;
}
.slick-arrow.slick-hidden{
	display:none;
}
section.slider ul li a{
	display:block;
}
section.slider ul li img,
section.banner ul li img{
	width:100%;
}
section.banner ul li div{
	position:relative;
	z-index:1;
	background-position:center center;
	-webkit-background-size:cover;
	background-size:cover;
	width:100%;
	padding:30.77% 0 0 0;
}
section.banner ul li div a{
	position:absolute;
	width:100%;
	top:5px;
	right:5px;
	bottom:5px;
	left:5px;
	overflow:hidden;
	display:none;
}
section.banner ul li.slick-active div a{
	display:block;
}
section.banner ul li img{
	opacity:0;
}
section.banner ul div.slick-track li{
	width:260px;
}
ul.slick-dots{
	display:table;
	margin:0 auto;
	padding:19px 0 20px 0;
}
ul.slick-dots li{
	display:table-cell;
	vertical-align:top;
	line-height:0;
	padding:0 5px;
	height:10px;
}
ul.slick-dots li span{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	border:none;
	box-shadow:none;
	box-sizing:border-box;
	width:10px;
	height:10px;
	border-radius:5px;
	color:rgba(0,0,0,0);
	font-size:0;
	margin:0;
	padding:0;
	background-color:#BBB;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	display:block;
}
ul.slick-dots li.slick-active span{
	background-color:#39F;
}
section.banner .slick-list{
	overflow:visible !important;
}
section.banner .slick-slide{
	padding:0 5px;
}
section.banner .slick-track li.slick-slide{
	margin:0 5px;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	opacity:0.5;
	display:block;
}
section.banner.bannertop > div{
	height:140px;
	overflow:hidden;
}
section.banner{
	position:relative;
	z-index:1;
}
section.banner::before{
	position:absolute;
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-weight:300;
	content:"おすすめ店舗";
	color:#666;
	top:15px;
	left:50%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	line-height:20px;
}
@media screen and (max-width:767px){
	section.banner{
		background-color:#F6F6F6;
	}
	section.slider{
		/*! height:56.25vw; */
		overflow:hidden;
	}
	section.slider.detail,
	section.slider.detail ul li.slick-slide{
		/*! height:56.25vw; */
	}
	section.slider.detail ul li.slick-slide{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	section.banner.bannertop > div{
		padding:50px calc((100vw - 810px ) / 2) 0;
	}
	section.banner.bannertop div.slick-list.draggable{
		padding:0 calc((100vw - 260px ) / 2);
	}
	section.banner .slick-track li.slick-active{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
		opacity:1.0;
	}
	section.banner::before{
		font-size:10px;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	section.slider{
		height:320px;
		overflow:hidden;
	}
	section.slider.detail{
		height:270px;
		overflow:hidden;
	}
	section.slider div.slick-slider{
    padding:0 calc((100vw - 480px ) / 2);
	}
	section.slider div.slick-list li{
		width:480px;
	}
	section.slider .slick-list{
    overflow: visible !important;
	}
	section.slider .slick-arrow{
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		width:calc((100vw - 480px ) / 2);
		height:270px;
		background-color:rgba(255,255,255,0.5);
		cursor:pointer;
	}
	section.slider .slick-arrow.prevwrap{
		left:0;
	}
	section.slider .slick-arrow.nextwrap{
		right:0;
	}
	section.banner.bannertop div.slick-list.draggable{
		padding:50px calc((100vw - 260px ) / 2) 0;
	}
	section.banner .slick-track li.slick-active{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
		opacity:1.0;
	}
}
@media (orientation: landscape) and (max-width:568px){
	section.slider{
		height:320px;
		overflow:hidden;
	}
	section.slider.detail{
		height:270px;
		overflow:hidden;
	}
	section.slider div.slick-slider{
    padding:0 calc((100vw - 320px ) / 2);
	}
	section.slider div.slick-list li{
		width:480px;
	}
	section.slider .slick-list{
    overflow: visible !important;
	}
	section.slider .slick-arrow{
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		width:calc((100vw - 320px ) / 2);
		height:270px;
		background-color:rgba(255,255,255,0.5);
		cursor:pointer;
	}
	section.slider .slick-arrow.prevwrap{
		left:0;
	}
	section.slider .slick-arrow.nextwrap{
		right:0;
	}
}
@media (orientation: landscape) and (min-width:569px) and (max-width:812px){
	section.slider{
		height:320px;
		overflow:hidden;
	}
	section.slider div.slick-slider{
    padding:0 calc((100vw - 480px ) / 2);
	}
	section.slider div.slick-list li{
		width:480px;
	}
	section.slider .slick-list{
    overflow: visible !important;
	}
	section.slider .slick-arrow{
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		width:calc((100vw - 480px ) / 2);
		height:320px;
		background-color:rgba(255,255,255,0.5);
		cursor:pointer;
	}
	section.slider .slick-arrow.prevwrap{
		left:0;
	}
	section.slider .slick-arrow.nextwrap{
		right:0;
	}
	section.slider.detail{
		height:270px;
		overflow:hidden;
	}
}
@media (orientation: landscape) and (min-width:813px) and (max-width:1099px){
	header{
		background-color:#F00;
	}
	section.slider div.slick-slider{
    padding:0 calc((100vw - 640px ) / 2);
	}
	section.slider div.slick-list li{
		width:640px;
	}
	section.slider .slick-list{
    overflow: visible !important;
	}
	section.slider .slick-arrow{
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		width:calc((100vw - 640px ) / 2);
		height:360px;
		background-color:rgba(255,255,255,0.5);
		cursor:pointer;
	}
	section.slider .slick-arrow.prevwrap{
		left:0;
	}
	section.slider .slick-arrow.nextwrap{
		right:0;
	}
	section.slider{
		height:410px;
	}
	section.slider.detail{
		height:360px;
	}
}
@media screen and (min-width:1100px){
	section.slider.top{
		height:360px;
		overflow:hidden;
		background-color:#DDD;
	}
	section.banner.bannertop > div{
		padding:50px calc((100vw - 810px ) / 2) 0;
	}
	section.slider div.slick-slider{
    padding:0 calc((100% - 640px ) / 2);
		background-color:rgba(51,153,255,0.1);
	}
	section.slider div.slick-list li{
		width:640px !important;
		/*! height:360px; */
	}
	section.slider .slick-list{
    overflow: visible !important;
	}
	section.slider .slick-arrow{
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		width:calc((100% - 640px ) / 2);
		height:360px;
		background-color:rgba(255,255,255,0.5);
		cursor:pointer;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	section.slider .slick-arrow.prevwrap{
		left:0;
	}
	section.slider .slick-arrow.nextwrap{
		right:0;
	}
	section.slider .slick-arrow:hover{
		background-color:rgba(255,255,255,0.75);
	}
	section.banner .slick-track li.slick-current + li.slick-slide,
	section.banner .slick-track li:hover{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
		opacity:1.0;
	}
	section.banner{
		height:180px;
		overflow:hidden;
	}
	section.banner::before{
		font-size:14px;
	}
	section.slider.detail{
		margin:0 0 20px 0;
		/*! height:360px; */
		overflow:hidden;
	}
}