@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{

}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
	margin-top: -30px;
    display: block;

    width: 61px;
    height: 61px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
	z-index: 1;
}

.slick-prev
{

}

.slick-next
{

}

.MainImage .slick-prev{
	width: 50px;
	height: 50px;
	bottom: -42px;
	right: 50px;
	background: url(../images/common/prev01.png) no-repeat center center;
}
.MainImage .slick-next{
	width: 50px;
	height: 50px;
	bottom: -42px;
	right: 0px;
	background: url(../images/common/next01.png) no-repeat center center;
}

.EventSlider .slick-prev{
	width: 50px;
	height: 50px;
	left: 0;
	top: 50%;
	margin-top: -25px;
	background: url(../images/common/prev02.png) no-repeat center center;
}
.EventSlider .slick-next{
	width: 50px;
	height: 50px;
	right: 0;
	top: 50%;
	margin-top: -25px;
	background: url(../images/common/next02.png) no-repeat center center;
}

.FloorDetailSlider .slick-prev{
	width: 18px;
	height: 36px;
	left: 20px;
	top: 42.8%;
	margin-top: -18px;
	background: url(../images/common/prev04.png) no-repeat center center;
}
.FloorDetailSlider .slick-next{
	width: 18px;
	height: 36px;
	right: 20px;
	top: 42.8%;
	margin-top: -18px;
	background: url(../images/common/next04.png) no-repeat center center;
}

@media only screen and (max-width: 1049px){
    .FloorDetailSlider .slick-prev{
        background-size: contain;
        width: 14px;
        left: 10px;
    }
    .FloorDetailSlider .slick-next{
        background-size: contain;
        width: 14px;
        right: 10px;
    }
}


@media only screen and (max-width: 640px) {
.MainImage .slick-prev
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
	margin-top: -17px;
    display: block;

    width: 35px;
    height: 35px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
	z-index: 1;

    left: 0;
	background: url(../images/common/prev07.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.MainImage .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
	margin-top: -17px;
    display: block;

    width: 35px;
    height: 35px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
	z-index: 1;

    right: 0;
	background: url(../images/common/next07.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.EventSlider .slick-prev
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
	margin-top: -17px;
    display: block;

    width: 35px;
    height: 35px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
	z-index: 1;

    left: 0;
	background: url(../images/common/prev06.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.EventSlider .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
	margin-top: -17px;
    display: block;

    width: 35px;
    height: 35px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
	z-index: 1;

    right: 0;
	background: url(../images/common/next06.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}


}

/* Dots */
.slick-dotted.slick-slider
{

}

.slick-dots {

}


.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 7px;
    height: 7px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 7px;
    height: 7px;
    padding: 4px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: url(../sp/images/parkmap/dots.png) no-repeat center center;
	background-size: 7px auto;
	
}


.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li.slick-active button
{
    background: url(../sp/images/parkmap/dots-on.png) no-repeat center center;
	background-size: 7px auto;
}

.FloorDetailSlider .slick-dots {
	padding: 10px 0 0 0;
	text-align: center;
}

.FloorDetailSlider .slick-dots li {
	width: 18.4%;
	height: 10%;
	box-sizing: border-box;
	overflow: hidden;
}
	@media only screen and (min-width: 1050px) {
		.FloorDetailSlider .slick-dots li {
			width: 138px;
			height: 82px;
			box-sizing: border-box;
			overflow: hidden;
		}
	}
.slick-dots li.slick-active {
	border: 4px solid #ab9659;
}