/* CSS Document */
#gallery {
	width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 80px;
	padding: 0;
	margin-top: 0px;
	box-sizing:border-box;
	background-color: #fff;
}



.galleryvideo {
	position: absolute;
	left: 80px;
	right: 80px;
	top:80px;
	height:250px;
	overflow: hidden;
}

.galleryvideo > video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}


#gallery img{
	border:0
}
/* clearfix(削除不可) */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

#gallery .hp{
	width: 100%;
}


#gallery_wrap,#gallery_wrapsp{
	display: block;
	width:100%;
	margin:0 auto;
	margin-top: 350px;
}

ul#gallery_list,ul#gallery_listsp{
	width:100%;
	vertical-align: top;
	padding: 0 80px;
	box-sizing: border-box;
}

#gallery_list li,#gallery_listsp li{
	width:calc(22% - 10px);
	height:auto;
	border:1px solid #ccc;
	float:left;
	margin:0 1% 20px 1%;
	overflow:hidden;
	padding:5px;
	text-align:center;
	font-size:12px;
}

#gallery_list a.photo,#gallery_listsp a.photo{
	width:calc(100% - 10px);
	height:auto;
	margin:0 auto;
	padding: 0 5px;
	display:block;
}

.time {
	font-size: 15px;
}

.detail_text {
	font-size: 18px;
	line-height: 20px;
	margin: 15px 0;
}


#gallery .title {
	width: auto;
	min-width: auto;
}

#gallery .title01 {
	width: 500px;
	letter-spacing: 4px;
}

#gallery .title02 {
	width: 500px;
	letter-spacing: 4px;
}


/* footer */

#footer02 {
	position: relative;
	width: 100%;
	height:80px;
	background-color: #00003C;
	color: #FFF;
	vertical-align: top;
}

#footer02 a{
	color: #FFF;
}



/*---------------------------------
	       /Base CSS 
---------------------------------*/

/*---------------------------------
	      Pager style
---------------------------------*/
.pager_link{
	text-align:right;
	padding:10px;
}
/*ページャーボタン*/
.pager_link a {
    border: 1px solid #aaa;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: #999;
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}





@media screen and (max-width : 684px )  {

#gallery {
	margin-top: 40px;
}

#gallery_wrapsp{
	margin-top: 300px;
	}
	
ul#gallery_listsp{
	padding: 0 20px;
}

#gallery_listsp li{
	width:calc(100% - 20px);
	margin: 0;
	margin-bottom: 20px;
}	

#gallery .title01 {
	width: 360px;
}

#gallery .title02 {
	width: 360px;
}

.galleryvideo {
	position: absolute;
	left: 20px;
	right: 20px;
	top:70px;
	height:250px;
	overflow: hidden;
}

.galleryvideo > video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}	
	
	
#footer02 {
	height:220px;
	text-align: center;
	z-index: 0;
}
	
.pager_link{
	text-align:center;
	padding:20px 10px;

}
/*ページャーボタン*/
.pager_link a {
    font-size: 20px;
	margin:0 1px;
}
.overPagerPattern{
	padding:0 2px ;	
}	
	

}