*{margin:0;padding:0;}

img{
    max-width:100%;
    border:none;
}

#carousel{
    position:relative;
    max-width:100%;

    margin:0 auto;
    font-size:0;
    line-height:0;
}

#carousel .carousel-view {
    overflow:hidden;
    position:relative;
	height:50%;
}
#carousel .carousel-view img{
    position:relative;
	top:0px;
}
@media screen and (min-width: 960px) {/* PC */	
#carousel .carousel-view {
    overflow:hidden;
    position:relative;
	height:500px;
}
#carousel .carousel-view img{
    position:relative;
	top:-200px;
}
}		
#carousel .carousel-view .carousel-contents{
    position:relative;
    top:0;
}

#carousel .carousel-view .carousel-contents:after{
    clear:both;
    content:"";
    display:table;
}

#carousel .carousel-view .carousel-contents .item {
    float:left;
    display:inline;
}
#carousel ul.list-indicator{
    text-align:center;
	position:absolute;
    top:90%;
    left:50%;

}

#carousel ul.list-indicator li{
    display:inline-block;
    margin-right:20px;
    margin-top:20px;
	font-size:60%;
}

#carousel ul.list-indicator li a{
    display:block;
    height:10px;
    width:10px;
	color:#666;
}

#carousel ul.list-indicator li.current a{
	color:#78BABB;
	font-size:100%;
}
/* ------------------------------------------
  矢印

#carousel .carousel-view p.prev{
    position:absolute;
    top:50%;
    left:-3%;
    transform: translateY(-50%);
}
#carousel .carousel-view p.prev img{
    width:30%;
}
@media only screen and (min-width: 750px)
	    and (max-width: 959px){
#carousel .carousel-view p.prev{
    left:0%;
}			
#carousel .carousel-view p.prev img{
    width:60%;
}
}
@media only screen and (min-width: 960px){
#carousel .carousel-view p.prev{
    left:0%;
}	
#carousel .carousel-view p.prev img{
    width:80%;
}
}


#carousel .carousel-view p.next{
    position:absolute;
    top:50%;
    right:-3%;
    transform: translateY(-50%);
}
#carousel .carousel-view p.next img{
    width:30%;
}
@media only screen and (min-width: 750px)
	    and (max-width: 959px){
#carousel .carousel-view p.next{
    position:absolute;
    top:50%;
    right:0%;
    transform: translateY(-50%);
}
#carousel .carousel-view p.next img{
    width:60%;
}
}

@media only screen and (min-width:960px){
#carousel .carousel-view p.next{
    position:absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
}
#carousel .carousel-view p.next img{
    width:80%;
}
}
--------------------------------------------- */