@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;} 


#pointDay{padding:0;}
#pointDay p[data-type='pointDay']{display:block;background: #f65b1d;}
#pointDay p[data-type='spu']{display:block;background: #ba1b03;}
#pointDay p>a{text-decoration:none;display:block;width:100%;}
#pointDay p img{max-width:100%;}

/* slick
---------------------------------------*/


.slick-slider{overflow:hidden;}
.slick-dots{display:block;text-align:center;}
.slick-dots li{display: inline-block !important;width: 20px;height: 5px;margin:10px 5px;padding: 0;cursor: pointer;background:#ccc;}
.slick-dots li button{background:transparent;display: block;width: 20px;height: 5px;cursor: pointer;outline: none;
font-size:0 !important;border-radius:100%;border:0;

}
.slick-dots li:hover,.slick-dots li:focus{outline: none;}
.slick-dots li:hover,.slick-dots li:focuse{opacity: 1;}
.slick-dots li.slick-active{opacity: 1;background:#c00;}

.slick-arrow{position:absolute;display:block;top:50%;background:rgba(0,0,0,0.5) no-repeat 50% 50%;
background-size:10px;width:20px;height:20px;border:0;border-radius:0;z-index:1;margin-top:-10px;
outline: none;background-size:60%;font-size:0 !important;cursor:pointer;
}
.slick-next{background-image:url(bxn_g.png) ;right:0;}
.slick-prev{background-image:url(bxp_g.png) ;left:0;}


@media screen and (min-width: 480px) {

.slick-dots li{width: 20px;height: 5px;}
.slick-dots li button{width: 20px;height:5px;font-size:0 !important; }
.slick-arrow{width:20px;height:20px;margin-top:-10px;}

}




/* #point
----------------*/



#point .slick-arrow{position:absolute;display:block;top:50%;background:rgba(0,0,0,0.5) no-repeat 50% 50%;border:0;border-radius:0;z-index:1;outline: none;font-size:0 !important;}
#point .slick-arrow{background-size:50%;font-size:0 !important;width:30px;height:30px;margin-top:-15px;}

#point .slick-next{background-image:url(bxn_w.png) ;}
#point .slick-prev{background-image:url(bxp_w.png) ;}


#point .slick-slide img{width:100%;}





@media screen and (min-width: 480px) {
#point{text-align:center;padding:0;position:relative;overflow:hidden;}
#point .slick-slide{padding:0 10px;}
#point .slick-slider .slick-arrow{opacity:0;}
#point .slick-slider:hover .slick-arrow{opacity:1;}


#point .slick-slider .slick-next{right:10px;}
#point .slick-slider .slick-prev{left:10px;}

#point #slide{width:100%;margin:0 auto;overflow:hidden;}
#point #slide .slick-slider{overflow:hidden;width:calc(100% + 20px) !important;margin-left:-10px;}
}

@media screen and (min-width: 1000px) {
#point #slide{width:1000px;}
#pointDay{padding:0;}
}