@charset "utf-8";

/*背景色の設定*/
body {
	background: #000;
}
/*全体のコンテナーの設定*/
#stage {
	position: relative;
	width: 900px;
	height: 575px;
	margin: 30px auto 20px auto;
	overflow: hidden;
}
/*全てのラジオボタンを非表示に*/
#back2,#back3,#back4,#back5,#back6,#back7,#back8,#back9,#back10,#back11,#back12,#back13 {
	display: none;
}
#next1,#next2,#next3,#next4,#next5,#next6,#next7,#next8,#next9,#next10,#next11,#next12 {
	display: none;
}
/*全ての写真を水平一列に格納したdiv、#photosにtransitionを設定*/
#photos {
	position:absolute;
	top:0;
    width:10800px;
	-webkit-transition: 1s all ease 0.1s;
	-moz-transition: 1s all ease 0.1s;
	-o-transition: 1s all ease 0.1s;
	-ms-transition: 1s all ease 0.1s;
	transition: 1s all ease 0.1s;
}
/*各写真の並び位置を設定*/
#photo1,#photo2,#photo3,#photo4,#photo5,#photo6,#photo7,#photo8,#photo9,#photo10,#photo11,#photo12,#photo13 {
	float:left;
}
/*送りボタンの設定*/
.cover_left, .cover_right {
	position:absolute;
	width:60px;
	height:50px;
	display:none;
	cursor:pointer;
	z-index:101;
}
/*左送りボタンの位置設定*/
.cover_left {
	top: 225px;
	left:15px;
}
/*右送りボタンの位置設定*/
.cover_right {
	top: 225px;
	left:835px;
}
/*左右送りボタンを非表示に*/
}
#right1,#right2,#right3,#right4,#right5,#right6,#right7,#right8,#right9,#right10,#right11,#right12 {
	display:none;
}
#left2,#left3,#left4,#left5,#left6,#left7,#left8,#left9,#left10,#left11,#left12,#left13 {
	display:none;
}
/*各ボタン領域がクリックされた時の#photosの行き先位置の設定*/
#back2:checked ~ #photos { left:0; }
#back3:checked ~ #photos,#next1:checked ~ #photos { left:-900px; }
#back4:checked ~ #photos,#next2:checked ~ #photos { left:-1800px; }
#back5:checked ~ #photos,#next3:checked ~ #photos { left:-2700px; }
#back6:checked ~ #photos,#next4:checked ~ #photos { left:-3600px; }
#back7:checked ~ #photos,#next5:checked ~ #photos { left:-4500px; }
#back8:checked ~ #photos,#next6:checked ~ #photos { left:-5400px; }
#back9:checked ~ #photos,#next7:checked ~ #photos { left:-6300px; }
#back10:checked ~ #photos,#next8:checked ~ #photos { left:-7200px; }
#back11:checked ~ #photos,#next9:checked ~ #photos { left:-8100px; }
#back12:checked ~ #photos,#next10:checked ~ #photos { left:-9000px; }
#back13:checked ~ #photos,#next11:checked ~ #photos { left:-9900px; }
#next12:checked ~ #photos { left:-10800px; }
/*ボタン領域クリック時に前表示域を消し切り替え後の表示域を表示*/
#back2:checked ~ #n_btn label #right1 { display:block; }
#back3:checked ~ #b_btn label #left2,#back3:checked ~ #n_btn label #right2 { display:block; }
#back4:checked ~ #b_btn label #left3,#back4:checked ~ #n_btn label #right3 { display:block; }
#back5:checked ~ #b_btn label #left4,#back5:checked ~ #n_btn label #right4 { display:block; }
#back6:checked ~ #b_btn label #left5,#back6:checked ~ #n_btn label #right5 { display:block; }
#back7:checked ~ #b_btn label #left6,#back7:checked ~ #n_btn label #right6 { display:block; }
#back8:checked ~ #b_btn label #left7,#back8:checked ~ #n_btn label #right7 { display:block; }
#back9:checked ~ #b_btn label #left8,#back9:checked ~ #n_btn label #right8 { display:block; }
#back10:checked ~ #b_btn label #left9,#back10:checked ~ #n_btn label #right9 { display:block; }
#back11:checked ~ #b_btn label #left10,#back11:checked ~ #n_btn label #right10 { display:block; }
#back12:checked ~ #b_btn label #left11,#back12:checked ~ #n_btn label #right11 { display:block; }
#back13:checked ~ #b_btn label #left12,#back13:checked ~ #n_btn label #right12 { display:block; }
#next1:checked ~ #b_btn label #left2,#next1:checked ~ #n_btn label #right2 { display:block; }
#next2:checked ~ #b_btn label #left3,#next2:checked ~ #n_btn label #right3 { display:block; }
#next3:checked ~ #b_btn label #left4,#next3:checked ~ #n_btn label #right4 { display:block; }
#next4:checked ~ #b_btn label #left5,#next4:checked ~ #n_btn label #right5 { display:block; }
#next5:checked ~ #b_btn label #left6,#next5:checked ~ #n_btn label #right6 { display:block; }
#next6:checked ~ #b_btn label #left7,#next6:checked ~ #n_btn label #right7 { display:block; }
#next7:checked ~ #b_btn label #left8,#next7:checked ~ #n_btn label #right8 { display:block; }
#next8:checked ~ #b_btn label #left9,#next8:checked ~ #n_btn label #right9 { display:block; }
#next9:checked ~ #b_btn label #left10,#next9:checked ~ #n_btn label #right10{ display:block; }
#next10:checked ~ #b_btn label #left11,#next10:checked ~ #n_btn label #right11{ display:block; }
#next11:checked ~ #b_btn label #left12,#next11:checked ~ #n_btn label #right12{ display:block; }
#next12:checked ~ #b_btn label #left13 { display:block; }
/*画像の左右に矢印用ボーダーを設定*/
#photo1,#photo2,#photo3,#photo4,#photo5,#photo6,#photo7,#photo8,#photo9,#photo10,#photo11,#photo12,#photo13 {
	border-left: 100px solid #000;
	border-right: 100px solid #000;
}
#photo6 {
	border-left: 253px solid #000;
	border-right: 253px solid #000;
}
/*画像下部文字の設定*/
#photos h3 {
	color: #fff;
	text-align: center;
}