/* CSS Document */


#termnCond{
	margin-top: 1em;
	padding: 1em;
	border: 1px solid #bfbfbf;
	}

#tab{}
	#tab ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		list-style: none;
		}
	#tab li+li{
		margin-left: 1em;
		}
	#tab a{
		width: 8em;
		text-align: center;
		}

#selectGallery{
	background: rgba(217,217,217,0.5);
	}
	#selectGallery a{
		
		display: block;
		background: #4c4948;
		text-decoration: none;
		}
		#selectGallery a:hover span,
		#selectGallery a:active span{
			background: #004385;
			}
	#selectGallery span{
		display: block;
		padding: 1em;
		color: #fff;
		line-height: 1em;
		text-align: center;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#selectGallery .thumb{
		padding-top: 66.66%;
		}
	#selectGallery li{ opacity:0.5; }
	#selectGallery li.current{ opacity:1; }
		#selectGallery .current a{
			background: #004385;
			pointer-events: none;
			}
		#selectGallery .current .thumb{
	/*		opacity: 0.5;	*/
			}

#photoList{}
	#photoList ul{
		list-style: none;
		overflow: hidden;
		}
	#photoList li{
		width: 25%;
		padding: 1px;
		}
		#photoList li:nth-child(8n+4){
			width: 50%;
			}
			#photoList li:nth-child(8n+4) .thumb{
				padding-top: 50%;
				}
		#photoList li:nth-child(16n+4){
			width: 50%;
			}
			#photoList li:nth-child(16n+4) .thumb{
				padding-top: 100%;
				}
	#photoList a{
		position: relative;
		display: block;
		}
		#photoList svg{
			pointer-events: none;
		}
.item{
	float: left;
	}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
#termnCond{
	margin-top: 1.5em;
	padding: 1.5em;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
	#selectGallery span{
		padding: 1em 0.5em;
		font-size: 0.8em;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none){}