@charset "utf-8";
/* CSS Document */
 @media screen and (min-width:781px){ 
#slider {  
position:relative;  
overflow: hidden;
background-color: #cc0000; 
}

#carousel li {
 
 float: left;
}




#prev, #next {  
background-color: #8f2124;  
opacity:0.7;  
filter: alpha(opacity=70);
/* ie 6 7 */  
-ms-filter: "alpha(opacity=70)";
/* ie 8 */  
zoom:1;  
display: block;  
height: 575px;  
width: 4.5%;  
top: 0;  
position: 
absolute;
}

#prev:hover, #next:hover {  
opacity:0.4;  
filter: alpha(opacity=40);
/* ie 6 7 */  
-ms-filter: "alpha(opacity=40)";
/* ie 8 */  
zoom:1;
}

#prev {  
left: 0px;
/* スライドする画像の横半分の値 */ 
 background:#8f2124 url( ../image/arrow-left.png ) 95% center no-repeat;
}
#next {  
right: 0px;
/* スライドする画像の横半分の値 */  
background:#8f2124 url( ../image/arrow-right.png ) 5% center no-repeat;
}
#prev img ,#prev img {  
right: 20px;  
top: 120px;  
position:absolute;
}
#next img {  
left: 20px;  
top: 120px;  
position:absolute;
}
#pager {  
text-align:center;  
padding:0px;
}
#pager a {  
border: 2px 
solid #cc0000;  
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
display: inline-block;  
width: 5px;  
height: 5px;  
margin: 0 5px 0 0;
}
#pager a:hover {  
background:#eee ;
}
#pager a span {  
display: none;
}
#pager a.selected { 
 background-color: #cc0000;
}






/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }

 #wrapper {
	width: 100%;
	min-width: 380px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;

}

 img {
 max-width : 100% ;
 height : auto ;
 }
#slider {  
position:relative;  
overflow: hidden;
background-color: #cc0000; 
}

#carousel li {
 
 float: left;
}



#prev, #next {  
background-color: #8f2124;  
opacity:0.7;  
filter: alpha(opacity=70);
/* ie 6 7 */  
-ms-filter: "alpha(opacity=70)";
/* ie 8 */  
zoom:1;  
display: block;  
height: 260px;  
width: 9%;  
top: 0;  
position: 
absolute;
}

#prev:hover, #next:hover {  
opacity:0.4;  
filter: alpha(opacity=40);
/* ie 6 7 */  
-ms-filter: "alpha(opacity=40)";
/* ie 8 */  
zoom:1;
}

#prev {  
left: 0px;
/* スライドする画像の横半分の値 */ 
 background:#8f2124 url( ../image/arrow-left_sp.png ) 95% center no-repeat;
}
#next {  
right: 0px;
/* スライドする画像の横半分の値 */  
background:#8f2124 url( ../image/arrow-right_sp.png ) 5% center no-repeat;
}
#prev img ,#prev img {  
right: 20px;  
top: 120px;  
position:absolute;
}
#next img {  
left: 20px;  
top: 120px;  
position:absolute;
}
#pager {  
text-align:center;  
padding:10px;
}
#pager a {  
border: 2px 
solid #cc0000;  
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
display: inline-block;  
width: 5px;  
height: 5px;  
margin: 0 5px 0 0;
}
#pager a:hover {  
background:#eee ;
}
#pager a span {  
display: none;
}
#pager a.selected { 
 background-color: #cc0000;
}

 }