/*　B１外観　*/

#b1gaikan {
	background: url("image/b1closed.jpg") 50% 0 no-repeat;
	width:628px;
	height:380px;
}
.content_f0{
	border: 0px solid rgba(0, 0, 0, 0.4);
	border-bottom: 0px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
	color: #333;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
}

/*　ギャラリーパート　*/

#ni {
	background: url("") 50% 0 no-repeat;
	background-color:#ffffff;
	width:1024px;
	height:auto;
	text-align:center;
}
.content_2{
	border-top: 0px solid rgba(0, 0, 0, 0.4);
	border-bottom: 0px solid rgba(0, 0, 0, 0.6);
	color: #333;
	height: 640px;
	margin-top:6px;
	padding: 0;
	position: relative;
	width: 100%;
	
}

/*　ギャラリー　*/

/*全サムネイルのコンテナー*/
#thumbs {
	position: relative;
	max-width: 640px;
	margin:0 auto;
}
/*サムネイルのマウスオーバーでポインターを手のひら*/
#thumbs label img {
	cursor: pointer;
}
/*ラジオボタンを非表示に*/
#r1,#r2,#r3,#r4,#r5,#r6,#r7,#r8,#n1,#n2,#n3,#n4,#n5,#n6,#b1,#b2,#b3,#b4,#b5,#b6{
	display: none;
}
/* 写真表示領域 */
#stage {
	position:fixed !important;
	top:-80px;
	left:0;
	width:100%;
	height:100%;
	z-index:-100;
}
/*表示写真の初期配置（全部透明に）*/
#photo1, #photo2, #photo3, #photo4, #photo5, #photo6 {
	position:absolute;
	max-width:1200px;
	width:62%;
	left:101%;
	top:15%;
	padding:5px 5px 10px 5px;
	background:#fff;
	opacity:0;
	-webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
        transition: opacity 1s ease;
}
#photo1 img, #photo2 img, #photo3 img, #photo4 img, #photo5 img, #photo6 img {
	max-width:1200px;
	width: 100%;
	height: auto;
}
/* 写真の表題 閉じるボタン*/
.span_l { 
	float:left; 
	margin:5px 0 0 5px; 
}
.span_r { 
	float:right; 
	font-weight:bold;  
	margin:5px 10px 0 0; cursor:pointer;}
/*写真表示時の画面遮蔽スクリーン*/
#darkscreen {
	position:fixed !important;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:0.6;
	display:none;
	z-index:-5;
}
/*ボタン領域の設定*/
.cover_left, .cover_right {
	position:absolute;
	top:0;
	width:40%;
	height:93%;
	cursor:pointer;
	z-index:1000;
}
.cover_left {
	left:0;
}
.cover_right {
	left:60%;
}
/*ボタン領域内のボタン文字（＜、＞）の設定*/
.cover_left span, .cover_right span {
	position: absolute;
	font-family: "century gothic", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	opacity:0;
	top: 45%;
}
.cover_left span {
	left: 5%;
}
.cover_right span {
	left: 85%
}
/*ボタン領域hover時文字の設定*/
.cover_right:hover > span, .cover_left:hover > span {
	opacity:1;
	color:#EEE;
}
/* サムネイル、送りボタンチェックで#stageを表示*/
#r1:checked ~ #stage,#r2:checked ~ #stage,#r3:checked ~ #stage,#r4:checked ~ #stage,#r5:checked ~ #stage,#r6:checked ~ #stage, #n1:checked ~ #stage, #n2:checked ~ #stage, #n3:checked ~ #stage, #n4:checked ~ #stage, #n5:checked ~ #stage, #b1:checked ~ #stage,#b2:checked ~ #stage, #b3:checked ~ #stage, #b4:checked ~ #stage, #b5:checked ~ #stage, #b6:checked ~ #stage {
	z-index:100;
	opacity:1;
}
/* サムネイル、送りボタンチェックで#darkscreenを表示 */
#r1:checked ~ label #darkscreen, #r2:checked ~ label #darkscreen, #r3:checked ~ label #darkscreen, #r4:checked ~ label #darkscreen, #r5:checked ~ label #darkscreen, #r6:checked ~ label #darkscreen, #n1:checked ~ label #darkscreen, #n2:checked ~ label #darkscreen, #n3:checked ~ label #darkscreen, #n4:checked ~ label #darkscreen, #n5:checked ~ label #darkscreen, #n6:checked ~ label #darkscreen,#b1:checked ~ label #darkscreen, #b2:checked ~ label #darkscreen, #b3:checked ~ label #darkscreen, #b4:checked ~ label #darkscreen, #b5:checked ~ label #darkscreen, #b6:checked ~ label #darkscreen{
 display:block;
 z-index:90;
}
/* 各サムネイルがチェックされた時の#photos の位置*/
#r1:checked ~ #stage #photo1,#r2:checked ~ #stage #photo2,#r3:checked ~ #stage #photo3,#r4:checked ~ #stage #photo4,#r5:checked ~ #stage #photo5,#r6:checked ~ #stage #photo6{
	opacity:1;
	left:19%;
	z-index:101;
}
/* 各送りボタンがクリックされた時のスライド送りのanimationの設定とanimationの定義 */
#n1:checked ~ #stage #photo1,#n2:checked ~ #stage #photo2,#n3:checked ~ #stage #photo3,#n4:checked ~ #stage #photo4,#n5:checked ~ #stage #photo5,#n6:checked ~ #stage #photo6 {
	opacity:1;	
	-webkit-transition:left 0s ease;
	-moz-transition:left 0s ease;
	transition:left 0s ease;
	left:19%;
	-webkit-animation:passphotos1 1s ease;
	-moz-animation:passphotos1 1s ease;
	animation:passphotos1 1s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#n1:checked ~ #stage #photo2,#n2:checked ~ #stage #photo3,#n3:checked ~ #stage #photo4,#n4:checked ~ #stage #photo5,#n5:checked ~ #stage #photo6,#n6:checked ~ #stage #photo1 {
	opacity:1;
	transition:left 0s ease;
	left:81%;
	-webkit-animation:passphotos2 1s ease;
	-moz-animation:passphotos2 1s ease;
	animation:passphotos2 1s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#b1:checked ~ #stage #photo1,#b2:checked ~ #stage #photo2,#b3:checked ~ #stage #photo3,#b4:checked ~ #stage #photo4,#b5:checked ~ #stage #photo5,#b6:checked ~ #stage #photo6{
	opacity:1;
	transition:left 0s ease;
	left:19%;
	-webkit-animation:passphotos3 1s ease;
	-moz-animation:passphotos3 1s ease;
	animation:passphotos3 1s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#b6:checked ~ #stage #photo5,#b5:checked ~ #stage #photo4,#b4:checked ~ #stage #photo3,#b3:checked ~ #stage #photo2,#b2:checked ~ #stage #photo1,#b1:checked ~ #stage #photo6 {
	opacity:1;
	transition:left 0s ease;
	left:-43%;
	-webkit-animation:passphotos4 1s ease;
	-moz-animation:passphotos4 1s ease;
	animation:passphotos4 1s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
/*  */
@-webkit-keyframes passphotos1 {
	0% { left:19%; }
	100% { left:-43%; opacity:0; }
}
@-moz-keyframes passphotos1 {
	0% { left:19%; }
	100% { left:-43%; opacity:0; }
}
@keyframes passphotos1 {
	0% { left:19%; }
	100% {left:-43%; opacity:0;}
}
/*  */
@-webkit-keyframes passphotos2 {
	0% { left:81%; }
	100% { left:19%;}
}
@-moz-keyframes passphotos2 {
	from { left:81%; }
	to { left:19%; }
}
@keyframes passphotos2 {	
	0% { left:81%; }
	100% { left:19%; }
}
/*  */
@-webkit-keyframes passphotos3 {
	0% { left:19%; }
	100% { left:81%; opacity:0;}
}
@-moz-keyframes passphotos3 {
	from { left:19%; }
	to { left:81%; opacity:0; }
}
@keyframes passphotos3 {	
	0% { left:19%; }
	100% { left:81%; opacity:0;}
}
/*  */
@-webkit-keyframes passphotos4 {
	0% { left:-43%; }
	100% { left:19%;}
}
@-moz-keyframes passphotos4 {
	from { left:-43%; }
	to { left:19%; }
}
@keyframes passphotos4 {
	0% { left:-43%; }
	100% { left:19%; }
}
@-webkit-keyframes passphotos5 {
	0% { left:-43%; }
	100% { left:19%;}
}
@-moz-keyframes passphotos5 {
	from { left:-43%; }
	to { left:19%; }
}
@keyframes passphotos5 {
	0% { left:-43%; }
	100% { left:19%; }
}

/*　ボルバカ１　MAP　*/
#map_1{
	margin-left:auto;
	margin-right:auto;
}
#rout1{
	margin-left:auto;
	margin-right:auto;
	width:460px;
	color:#0088cc;
	font-size:14px;
	font-family:century gothic,serif;
	line-height:16pt;
	text-align:left;

}
#rout1 a{
	color:#0088cc;
}

/*　住所・電話番号　*/

.ad_tel{
	width:460px;
	margin-left:auto;
	margin-right:auto;
	color:#0088cc;
	font-size:18px;
	font-family:century gothic,serif;
	line-height:18pt;
	text-align:center;
	border-top:1px solid #87CEFA;
}
.ad_tel a{
	color:#0088cc;
}

.ad_tel .ad1{
	font-size:15px;
}
.ad_tel .ad2{
	font-size:22px;
}


/*　営業時間　*/

.b_time{
	width:460px;
	margin-left:auto;
	margin-right:auto;
	color:#191970;
	font-size:18px;
	font-family:century gothic,serif;
	line-height:21pt;
	text-align:center;
	border-top:1px solid #87CEFA;
}
.b_time .pri0{
	font-size:23px;
}
.b_time .pri1{
	font-size:12px;
}
.b_time .pri2{
	font-size:14px;
}
.b_time .pri3{
	color:#dc143c;
}