.gallery-once{
	width:960px;
	padding-left:120px;
	padding-top:10px;
	padding-bottom:10px;
	height:280px;
	background-position:left center;
	background-repeat:repeat-y;
	position:relative;
	counter-increment: divCount;
	box-sizing:border-box;
	background-image:url(../images/gallery/gallery-once-bg-01.png);

}
.gallery-once:before{
	content:counter(divCount);
	position:absolute;
	top:40px;
	left:20px;
	font-size:60px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	
}
/*10番目までの数字の頭に０をつける*/
.gallery-once:nth-of-type(-n + 9):before{
	content:"0"counter(divCount);
	
}
.gallery-once .b-left{
	display:block;
	float:left;
	height:100%;
	width:400px;
	background-size:cover;
	box-sizing:border-box;
	background-position:center center;
}
.gallery-once .b-middle{
	display:block;
	float:left;
	height:100%;
	width:440px;
	padding:3em;
	background-size:cover;
	box-sizing:border-box;
	background-position:center center;
}
.gallery-once:nth-of-type(2n){
	background-image:url(../images/gallery/gallery-once-bg-02.png);

}
.gallery-once:nth-of-type(2n):before{
	color:#ccc;

}
/*５番目以降*/
.gallery-once:nth-of-type(n + 5){
	background-image:url(../images/gallery/gallery-once-bg-03.png);

}
/*５番目以降の奇数*/
.gallery-once:nth-of-type(n + 5):nth-child(odd){
	background-image:url(../images/gallery/gallery-once-bg-04.png);
	
}
.gallery-once:nth-of-type(n + 5):nth-child(odd)  .b-middle,
.gallery-once:nth-of-type(n + 5):nth-child(odd)  .b-middle a{
	color:#fff;
	
}
/*10番目以降*/
.gallery-once:nth-of-type(n + 10){
	background-image:url(../images/gallery/gallery-once-bg-01.png);

}
/*10番目以降の奇数*/
.gallery-once:nth-of-type(n + 10):nth-child(odd){
	background-image:url(../images/gallery/gallery-once-bg-02.png);
	
}
.gallery-once:nth-of-type(n + 10):nth-child(odd)  .b-middle,
.gallery-once:nth-of-type(n + 10):nth-child(odd)  .b-middle a{
	color:#444;
	
}

/*15番目以降*/
.gallery-once:nth-of-type(n + 15){
	background-image:url(../images/gallery/gallery-once-bg-03.png);

}
/*15番目以降の奇数*/
.gallery-once:nth-of-type(n + 15):nth-child(odd){
	background-image:url(../images/gallery/gallery-once-bg-04.png);
	
}
.gallery-once:nth-of-type(n + 15):nth-child(odd)  .b-middle,
.gallery-once:nth-of-type(n + 15):nth-child(odd)  .b-middle a{
	color:#fff;
	
}
/*20番目以降*/
.gallery-once:nth-of-type(n + 20){
	background-image:url(../images/gallery/gallery-once-bg-01.png);

}
/*20番目以降の奇数*/
.gallery-once:nth-of-type(n + 20):nth-child(odd){
	background-image:url(../images/gallery/gallery-once-bg-02.png);
	
}
.gallery-once:nth-of-type(n + 20):nth-child(odd)  .b-middle,
.gallery-once:nth-of-type(n + 20):nth-child(odd)  .b-middle a{
	color:#444;
	
}



.gallery-once:hover{
	opacity:0.8;
}


.gallery-once-title{
	font-family: 'Arial Black', Helvetica, 'MS ゴシック','MS Pゴシック';
	font-size:18px;
	margin-bottom:10px;
	position:relative;
	padding-bottom:10px;
}
.gallery-once-title:after{
	content:"";
	width:20px;
	height:2px;
	background-color:#333;
	position:absolute;
	bottom:0px;
	left:0px;
}
.gallery-header{
	position:fixed;
	width:100%;
	height:180px;
	top:0;
	left:0;
	z-index:2;
	text-align:center;
}
.gallery-header-inner{
	width:100%;
	margin:0 auto;
	text-align:left;
	position:relative;
	top: -80px;
	height:80px;
	background-color:rgba(0,0,0,0.5);
	padding:15px 20px 0 20px;
	box-sizing: border-box;
}
.gallery-header-inner:after{
	content:"";
	display:block;
	clear:both;
}
.gallery-header-logo{
	width:390px;
	float:left;
	position:relative;
	z-index:3;
}
.gallery-header-nav{
	float: right;
	width: 100%;
	margin-left: -390px;
	padding-left: 390px;
	box-sizing: border-box;
	text-align:right;
	position:relative;
	z-index:2;
}

.gallery-header-nav li{
	display:inline-block;
	padding:0 10px;
}
.gallery-wrapper{
	position:relative;width:100%;height:100%;display:table;
}
.gallery-content{
	position:fixed;top:0;left:0;z-index:3 !important;width:100%;height:100%;
	display:none;
}
.gallery-content-close{
	position:fixed;top:30px;right:30px;z-index:4 !important;
}
.gallery-content-close img{
	width:60px;
}
.gallery-content.open{
	display:block;
}
.gallery-toggle{
	position:absolute;bottom:10px;right:10px;z-index:4;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	cursor:pointer;
	height:60px;
	font-family: 'Arial Black', Helvetica, 'MS ゴシック','MS Pゴシック';
	font-size:14px;
	text-align:center;
	padding:0px 20px 0 60px;
	line-height:60px;
	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.gallery-toggle:hover{
	background-color:rgba(0,0,0,0.8);
}

.gallery-toggle:before{
	position:absolute;
	left:20px;
	top:0px;
  	 font-family: FontAwesome !important;
  	content: '\f03a' !important;
	font-size:30px;
}

.gallery-back a{
	position:absolute;bottom:10px;left:10px;z-index:4;
	color:#fff;
	height:60px;
	width:60px;
	cursor:pointer;
	text-align:center;
}
.gallery-back i{
	font-size:35px;
	line-height:60px;
}
.gallery-title-bottom{
	font-family: 'Arial Black', Helvetica, 'MS ゴシック','MS Pゴシック';
	font-size:20px;
	position:absolute;bottom:20px;left:0px;z-index:1;
	text-align:center;
	width:100%;
	color:#fff;
	
}
.gallery-content-inner{
	position:relative;z-index:3;
	width:100%;height:100%;display:table;
	background-color:rgba(0,0,0,0.7);
}
.gallery-inner{
	display:table-cell;text-align:center;vertical-align:middle;color:#fff;
}
.gallery-title{
	font-family: 'Arial Black', Helvetica, 'MS ゴシック','MS Pゴシック';
	font-size:18px;
		color:#fff;
		margin-bottom:30px;
}
.gallery-table{
	margin:0 auto 60px auto;
}
.gallery-table th,
.gallery-table td{
	padding:10px;
	text-align:left;
}
.gallery-table th{
	width:5em;
}
.gallery-table span.space{
		letter-spacing:2em;
}
.gallery-btn{
	width:980px;
	margin:0 auto;
	text-align:center;
}
.gallery-btn div{
	display:inline-block;
}
.gallery-btn a{
	padding:10px;
	text-decoration:none;
	background-color:rgba(100,100,100,0.9);
	color:#fff;
	border-radius:8px;
}
.gallery-btn a:hover{
	background-color:rgba(180,180,180,0.9);
}