/*TOP main slider
-----------------*/
#slider input {display: none;}
#slides {
 width: 98%;
 height: auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#slides ul {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin:0;
  padding:0;
  list-style:none;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  left:0%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
#slides ul li {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  }
#slides img{	width:100%}
#slider #slide1:checked ~ #slides .inner { left:0%;} 
#slider #slide2:checked ~ #slides .inner { left:-100%; }
#slider #slide3:checked ~ #slides .inner { left:-200%; }
#slider #slide4:checked ~ #slides .inner { left:-300%; }
#slider #slide5:checked ~ #slides .inner { left:-400%; }
#slider #slide6:checked ~ #slides .inner { left:-500%; }
#slider #slide7:checked ~ #slides .inner { left:-600%; }
#slider #slide8:checked ~ #slides .inner { left:-700%; }
#slider #slide9:checked ~ #slides .inner { left:-800%; }
#slider #slide10:checked ~ #slides .inner { left:-900%; }

#slider #active {
	text-align: center;
	margin: 5% 0 5%;
	letter-spacing:10px;}
#slider #active label {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #666;
	margin:5px;
}
#slider #slide1:checked ~ #active label:nth-child(1),
#slider #slide2:checked ~ #active label:nth-child(2),
#slider #slide3:checked ~ #active label:nth-child(3),
#slider #slide4:checked ~ #active label:nth-child(4),
#slider #slide5:checked ~ #active label:nth-child(5),
#slider #slide6:checked ~ #active label:nth-child(6),
#slider #slide7:checked ~ #active label:nth-child(7),
#slider #slide8:checked ~ #active label:nth-child(8),
#slider #slide9:checked ~ #active label:nth-child(9),
#slider #slide10:checked ~ #active label:nth-child(10) {
    background: #000;
    border-color: #000 !important;
}
/*minislider(履歴・おすすめ　TOP専用)
------------------------------*/
#horizontal {
	width: 100%;
	height:240px;
	overflow: hidden;
	white-space:nowrap;
	font-size:80%;
}
#horizontal ul {
	overflow-x: scroll;
	display: block;
	margin:0;
	padding: 0;
	white-space:nowrap;
	padding-bottom:20px;
}
#horizontal ul li {
	width: 130px;
	height:240px;
	margin-left:5px;
	font-size:95%;
	list-style-type: none;
	text-align: left;
	white-space:normal;
	display: inline-block;
	vertical-align: top;
	padding-bottom:10px;
}
#horizontal ul img {
	width:96%;
	margin:2px;
	border:solid 1px #ccc;
	background-color: #fff;
}
#horizontal.text .backbtn img{
	float:left;
	width:40px;
	height:30px;
}
#horizontal.text .nextbtn img{
	float:right;
	width:40px;
	height:30px;
}