@CHARSET "UTF-8";

/*ラジオボタンを非表示に*/
#v_r, #v_r_cls,#v_drkscr,#v_r2, #v_r_cls2,#v_drkscr2{
	display: none;
}
/*表示写真の初期配置（全部透明に）とtransition設定*/
#v_photo ,#v_photo2 {
	position: absolute;
	top:0;
	margin:1px 1px 0 1px;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
/* サムネイルがクリックされたら#frame を表示 */
#v_r:checked ~ #v_frame,#v_r2:checked ~ #v_frame2 {
	opacity:1;
	z-index:95;
}
/*チェックされたサムネイルに相当する写真だけを表示*/
#v_r:checked ~ #v_frame #v_photo,#v_r2:checked ~ #v_frame2 #v_photo2 {
	opacity: 1;
	z-index:100;
}
/* サムネイルがクリックされたら#darkscreen を表示 */
#v_r:checked ~ label #v_darkscreen,#v_r2:checked ~ label #v_darkscreen2 {
	opacity:0.6;
	z-index:90;
}
/* #frame */
#v_frame{
	position:fixed !important;
	position:absolute;
	background:#fff;
	width:610px;
	height:370px;
	left:50%;
	top:50%;
	margin-left:-305px;
	margin-top:-170px;
	opacity:0;
	z-index:-11;
}
#v_frame2{
	position:fixed !important;
	position:absolute;
	background:none;
	padding:5px;
	left:32%;
	top:5%;
	opacity:0;
	z-index:-11;
}

/* 写真の下に表示するタイトル */
.v_title,v_title2 {
	position:absolute;
	left:10px;
	top:345px;
	font-size:12px;
}
/* 右下に表示する閉じるボタン */
#v_close_btn label,#v_close_btn label {
	position:absolute;
	left:530px;
	top:350px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
/*写真表示時の画面遮蔽スクリーン*/
#v_darkscreen,#v_darkscreen2 {
	position:fixed !important;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:0;
	z-index:-5;
}

/*labelの色を青から赤にする*/
#def_lbl{
	color:#0000ff;
	text-decoration:underline;
}
#def_lbl:hover{
	color:#ff0000;
	cursor: pointer;
	text-decoration:underline;
}