section.slider{
	background-color:#FFF;
	text-align:center;
}
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;
}
section.slider.top img{
	width:auto;
	margin:0 auto;
	opacity:0;
}
section.slider.top a{
	text-decoration:none;
	cursor:pointer;
	display:block;
	background-size:cover;
}
.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;
}
.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{
	width:100%;
}
section.slider ul.slick-dots{
	list-style:none;
	list-style-position:outside;
	width:100%;
	display:table;
	margin:0 auto;
	box-sizing:border-box;
	padding:1px 0;
	border-collapse:separate;
  border-spacing:1px 0;
	table-layout:fixed;
}
section.slider ul.slick-dots li{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	z-index:1;
	background-color:#EDEDED;
	height:3px;
	cursor:pointer;
}
section.slider ul.slick-dots li::before{
	content:"";
	background-color:#CCC;
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	left:0;
	width:0;
	height:3px;
	-webkit-transition:all 3.3s ease;
	transition:all 3.3s ease;
	display:block;
}
section.slider ul.slick-dots li::after{
	content:"";
	position:absolute;
	z-index:2;
	width:100%;
	height:3px;
	top:0;
	left:0;
	background-color:#EFEFEF;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
section.slider ul.slick-dots li.slick-active::before{
	width:100%;
}
section.slider ul.slick-dots li.slick-active::after{
	opacity:0;
}
section.slider ul.slick-dots li span{
	display:none;
}
section.banner{
	position:relative;
	z-index:1;
}
section.banner::before{
	position:absolute;
	font-family:'M PLUS Rounded 1c', sans-serif;
	content:"[PR]";
	color:#BBB;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	line-height:30px;
	display:block;
}
section.banner > div{
	overflow:hidden;
}
section.banner ul li img{
	width:auto;
	height:80px;
	margin:0 auto;
	opacity:0;
}
section.banner ul li a{
	position:relative;
	z-index:1;
	background-position:center center;
	-webkit-background-size:cover;
	background-size:cover;
	width:260px;
	margin:0;
	display:block;
}
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 .slick-track li.slick-slide{
	width:260px;
	-webkit-transform:scale(0.9);
	transform:scale(0.9);
	opacity:0.8;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
section.banner .slick-track li.slick-active,
section.banner .slick-track li:hover{
	-webkit-transform:scale(1.0);
	transform:scale(1.0);
	opacity:1.0;
}
section.banner ul.slick-dots{
	display:table;
	margin:0 auto;
	padding:10px 0;
}
section.banner ul.slick-dots li{
	display:table-cell;
	vertical-align:top;
	line-height:0;
	padding:0 5px;
	height:10px;
}
section.banner 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;
	cursor:pointer;
}
section.banner ul.slick-dots li.slick-active span{
	background-color:#39F;
}
section.banner .slick-list{
	width:260px;
	overflow:visible !important;
}
@media screen and (max-width:767px){
	section.slider{
		height:calc( 56.25vw + 5px );
		overflow:hidden;
	}
	section.slider.top img{
		height:56.25vw;
	}
	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{
		margin:10px 0 0 0;
	}
	section.banner.type_01 > div{
		padding:30px calc((100vw - 260px ) / 2) 0;
	}
	section.banner::before{
		font-size:10px;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	section.slider{
		height:320px;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	section.slider.top img{
		height:315px;
	}
	section.slider::before,
	section.slider::after{
		content:"";
		position:absolute;
		width:calc((100vw - 560px ) / 2);
		height:3px;
		bottom:1px;
		background-color:#EFEFEF;
	}
	section.slider::before{
		left:0;
	}
	section.slider::after{
		right:0;
	}
	section.slider.detail{
		height:270px;
		overflow:hidden;
	}
	section.slider div.slick-slider{
    padding:0 calc((100vw - 560px ) / 2);
	}
	section.slider div.slick-list li{
		width:560px;
	}
	section.slider .slick-list{
    overflow: visible !important;
	}
	section.slider .slick-arrow{
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		width:calc((100vw - 560px ) / 2);
		height:315px;
		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{
		margin:20px 0 0 0;
	}
	section.banner.type_01 > div{
		padding:30px calc((100vw - 260px ) / 2) 0;
	}
	section.banner::before{
		font-size:10px;
	}
	section.banner.type_01 div.prevwrap{
		background:-moz-linear-gradient(left,  rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(left,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to right,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 ); /* IE6-9 */
		width:100px;
		height:140px;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		cursor:pointer;
	}
	section.banner.type_01 div.nextwrap{
		background:-moz-linear-gradient(left,  rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to right,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
		width:100px;
		height:140px;
		position:absolute;
		top:0;
		right:0;
		z-index:2;
		cursor:pointer;
	}
}
@media (orientation: landscape) and (max-width:568px){
	section.slider{
		height:185px;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	section.slider::before,
	section.slider::after{
		content:"";
		position:absolute;
		width:calc((100vw - 320px ) / 2);
		height:3px;
		bottom:1px;
		background-color:#EFEFEF;
	}
	section.slider::before{
		left:0;
	}
	section.slider::after{
		right:0;
	}
	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:320px;
	}
	section.slider.top img{
		height:180px;
	}
	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:180px;
		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:275px;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	section.slider::before,
	section.slider::after{
		content:"";
		position:absolute;
		width:calc((100vw - 480px ) / 2);
		height:3px;
		bottom:1px;
		background-color:#EFEFEF;
	}
	section.slider::before{
		left:0;
	}
	section.slider::after{
		right:0;
	}
	section.slider div.slick-slider{
    padding:0 calc((100vw - 480px ) / 2);
	}
	section.slider div.slick-list li{
		width:480px;
	}
	section.slider.top img{
		height:270px;
	}
	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.slider.detail{
		height:270px;
		overflow:hidden;
	}
}
@media (orientation: landscape) and (min-width:813px) and (max-width:1099px){
	section.slider{
		height:320px;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	section.slider::before,
	section.slider::after{
		content:"";
		position:absolute;
		width:calc((100vw - 560px ) / 2);
		height:3px;
		bottom:1px;
		background-color:#EFEFEF;
	}
	section.slider::before{
		left:0;
	}
	section.slider::after{
		right:0;
	}
	section.slider div.slick-slider{
    padding:0 calc((100vw - 560px ) / 2);
	}
	section.slider div.slick-list li{
		width:560px;
	}
	section.slider .slick-list{
    overflow: visible !important;
	}
	section.slider .slick-arrow{
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		width:calc((100vw - 560px ) / 2);
		height:315px;
		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:320px;
	}
	section.slider.detail{
		height:360px;
	}
}
@media screen and (min-width:1100px){
	section.slider.top{
		height:365px;
		overflow:hidden;
		position:relative;
		z-index:1;
		background-color:#F6F6F6;
	}
	section.slider::before,
	section.slider::after{
		content:"";
		position:absolute;
		width:calc((100vw - 640px ) / 2);
		height:3px;
		bottom:1px;
		background-color:#EFEFEF;
	}
	section.slider::before{
		left:0;
	}
	section.slider::after{
		right:0;
	}
	section.slider.top img{
		height:360px;
	}
	section.slider div.slick-slider{
    padding:0 calc((100% - 640px ) / 2);
	}
	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.slider.detail{
		margin:0 0 20px 0;
		height:360px;
		overflow:hidden;
	}
	section.slider ul.slick-dots{
		width:640px;
	}
	section.banner::before{
		font-size:10px;
	}
	section.banner.type_01{
		width:780px;
		margin:20px 0 0 0;
	}
	section.banner.type_01 > div{
		width:780px;
		padding:30px 260px 0 260px;
	}
	section.banner.type_01 div.prevwrap{
		background:-moz-linear-gradient(left,  rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(left,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to right,  rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 ); /* IE6-9 */
		width:100px;
		height:140px;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		cursor:pointer;
	}
	section.banner.type_01 div.nextwrap{
		background:-moz-linear-gradient(left,  rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to right,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
		width:100px;
		height:140px;
		position:absolute;
		top:0;
		right:0;
		z-index:2;
		cursor:pointer;
	}
}