.section {
text-align: center;
}
.section .slidewrap {
max-width:1200px;
 margin:0 auto;
 overflow:hidden;
}
.section .slidelist {
 white-space:nowrap;
 font-size:0;
}
.section .slidelist > li {
 display:inline-block;
 vertical-align:middle;
 width:100%;
 transition:all .5s;
}
.section .slidelist > li > a {
 display:block;
 position:relative;
}
.section .slidelist > li > a img {
 width:100%;
 height:100%;
}
.section .slidelist label {
 position:absolute;
 z-index:10;
 top:50%;
 transform:translateY(-50%);
 padding:40px;
 cursor:pointer;
}
.section .slidelist .left {
 left:120px;
 background:url("left_button.png") center center / 100% no-repeat;
}
.section .slidelist .right {
 right:120px;
 background:url("right_button.png") center center / 100% no-repeat;
}
.section .slide-control [class*="control"] {display:none;}

.section [id="slide01"]:checked ~ .slidewrap .control01{display:block;}
.section [id="slide02"]:checked ~ .slidewrap .control02{display:block;}
.section [id="slide03"]:checked ~ .slidewrap .control03{display:block;}
.section [id="slide04"]:checked ~ .slidewrap .control04{display:block;}
.section [id="slide05"]:checked ~ .slidewrap .control05{display:block;}
.section [id="slide06"]:checked ~ .slidewrap .control06{display:block;}
.section [id="slide07"]:checked ~ .slidewrap .control07{display:block;}
.section [id="slide08"]:checked ~ .slidewrap .control08{display:block;}
.section [id="slide09"]:checked ~ .slidewrap .control09{display:block;}

.section [id="slide01"]:checked ~ .slidewrap .slidelist > li {transform:translateX(0%);}
.section [id="slide02"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-100%);}
.section [id="slide03"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-200%);}
.section [id="slide04"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-300%);}
.section [id="slide05"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-400%);}
.section [id="slide06"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-500%);}
.section [id="slide07"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-600%);}
.section [id="slide08"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-700%);}
.section [id="slide09"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-800%);}