.slideshow{margin:0 auto 100px;max-width:860px;overflow:hidden;position:relative}input[name=slideshow]{display:none}.slideContents{background:#f4f4f4;display:flex;padding:40px 0;position:relative;text-align:center;transition:transform .6s cubic-bezier(.215,.61,.355,1);-webkit-user-select:none;user-select:none;width:500%}.slideContents section{width:20%}.slideContents section img{box-sizing:border-box;height:auto;max-width:100%;padding:0 50px;vertical-align:middle}.arrow,.arrow .ico,.arrow label{position:absolute}.arrow{margin:0;top:0;transition:background .3s}.prev{left:0}.next{right:0}.arrow:hover{background:hsla(0,0%,100%,.2)}.arrow,.arrow label{cursor:pointer;height:100%;width:50px}.arrow label{left:0;top:0;z-index:1}.arrow .ico{border-top:3px solid #4c566c;height:12px;top:calc(50% - 6px);width:12px}.prev .ico{border-left:3px solid #4c566c;left:50%;transform:rotate(-45deg);transition:left .3s cubic-bezier(.215,.61,.355,1),opacity .3s}.next .ico{border-right:3px solid #4c566c;right:50%;transform:rotate(45deg);transition:right .3s cubic-bezier(.215,.61,.355,1),opacity .3s}#switch1:checked~.slideContents{transform:translateX(0)}#switch2:checked~.slideContents{transform:translateX(-20%)}#switch3:checked~.slideContents{transform:translateX(-40%)}.arrow label{pointer-events:none}#switch1:checked~.next label[for=switch2],#switch1:checked~.prev label[for=switch3],#switch2:checked~.next label[for=switch3],#switch2:checked~.prev label[for=switch1],#switch3:checked~.next label[for=switch1],#switch3:checked~.prev label[for=switch2]{pointer-events:auto}