@charset "utf-8";

/*雑記
-----------------------------------------*/
body {
	background: #000;
}
h1 {
	color: #fff;
	text-align: center;
	margin-top: -5PX;
}
h2 {
	color: #fff;
	text-align: center;
}
h3 {
	color: #fff;
	opacity: 0.5;
	text-align: center;
	margin-top: -40px;
}
/*全体のコンテナー*/
#stage {
	position: relative;
	width: 900px;
	height: 605px;
	margin: 30px auto 5px auto;
	overflow: hidden;
}
/*全てのラジオボタンを非表示に*/
#back2,#back3,#back4,#back5,#back6,#back7,#back8,#back9,#back10,#back11,#back12,#back13,#back14,#back15 {
	display: none;
}
#next1,#next2,#next3,#next4,#next5,#next6,#next7,#next8,#next9,#next10,#next11,#next12,#next13,#next14 {
	display: none;
}
/*全ての写真を水平一列に格納したdiv、#photosにtransitionを設定*/
#photos {
	position:absolute;
	top:0;
    width:13500px;
	-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 {
	float:left;
}
#photo11,#photo12,#photo13,#photo14,#photo15 {
	float:left;
}
/*ボタン領域の設定*/
.cover_left, .cover_right {
	position:absolute;
	top:0;
	width:60px;
	height:50px;
	display:none;
	cursor:pointer;
	z-index:101;
}
.cover_left {
	top: 247.5px;
	left:30px;
}
.cover_right {
	top: 247.5px;
	left:820px;
}
/*ボタン領域hover時文字の設定*/
}
#right1,#right2,#right3,#right4,#right5,#right6,#right7,#right8,#right9,#right10 {
	display:none;
}
#right11,#right12,#right13,#right14,#right15 {
	display:none;
}
#left2,#left3,#left4,#left5,#left6,#left7,#left8,#left9,#left10,#left11 {
	display:none;
}
#left12,#left13,#left14,#left15,#left16 {
	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; }
#back14:checked ~ #photos,#next12:checked ~ #photos { left:-10800px; }
#back15:checked ~ #photos,#next13:checked ~ #photos { left:-11700px; }
#back16:checked ~ #photos,#next14:checked ~ #photos { left:-12600px; }
#next15:checked ~ #photos { left:-13500px; }
/*ボタン領域クリック時に前表示域を消し切り替え後の表示域を表示*/
#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; }
#back14:checked ~ #b_btn label #left13,#back14:checked ~ #n_btn label #right13 { display:block; }
#back15:checked ~ #b_btn label #left14,#back15:checked ~ #n_btn label #right14 { display:block; }
#back16:checked ~ #b_btn label #left15,#back16:checked ~ #n_btn label #right15 { 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 #left10,#next12:checked ~ #n_btn label #right13{ display:block; }
#next13:checked ~ #b_btn label #left11,#next13:checked ~ #n_btn label #right14{ display:block; }
#next14:checked ~ #b_btn label #left12,#next14:checked ~ #n_btn label #right15{ display:block; }
#next15:checked ~ #b_btn label #left13 { display:block; }
/*画像の左右にボーダー設定*/
#photo1,#photo2,#photo3,#photo4,#photo5,#photo6,#photo7,#photo8,#photo9,#photo10 {
	border-left: 100px solid #000;
	border-right: 100px solid #000;
}
#photo11,#photo12,#photo13,#photo14,#photo15 {
	border-left: 100px solid #000;
	border-right: 100px solid #000;
}