@charset "utf-8";

.photoslider {
	margin:0em;
	padding:0em;
	
	width:100%;
	height:100%;
	/*max-width:1200px;
	padding:35% 0 0 0;*/
	
	position:relative;
	overflow:hidden;
	
	/*display:block;*/
}

/*
.photoslider {
	width: 100%;
	padding:37.84% 0 0 0;
}
*/

.photoslider .gallary {
	position: absolute;
	overflow:hidden;
	margin:0em;
	padding:0em;
	width:100%;
	height:100%;
	
	top:0em;
	left:0em;

	display:none;
}

.photoslider::before {
	/* アスペクト比を固定 */
	content: '';
	display: block;
	padding-top:40%;
}

.photoslider .gallary:first-child {
	display:block;
}

.photoslider .gallary img {

	margin:0em;
	padding:0em;
	object-fit: cover;
	width: 100%;
	height: 100%
}

.photoslider .gallary .description {
	position: absolute;
	opacity:0.6;
	margin:0em;
	padding: 0.5em 1em;
	right:0em;
	bottom:0em;
	width:auto;
	font-size:1.2em;
	line-height: 1.1em;
	background:#000;
	color:#FFF;
}

.photoslider .gallary h1 {
	position: absolute;
	opacity:0.6;
	margin:0em;
	padding: 0.5em 1em;
	left:0em;
	bottom:0em;
	width:100%;
	font-size:18pt;
	line-height: 1.3em;
	
	background:#000;
	color:#FFF;
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
	.photoslider .gallary h1 {
		font-size:12.5pt;
	}
}

.photogallary {
	margin:0em;
	padding:0.5em;
	position:fixed;
	overflow:hidden;
	max-width: 90%;
	max-height: 90%;
	display:none;
	
	left:45%;
	top:45%;
	-webkit-transform: translate(-45%, -45%);
	 -moz-transform: translate(-45%, -45%);
	  -ms-transform: translate(-45%, -45%);
		  transform: translate(-45%, -45%);
	z-index:999;
	
	background:#FFF;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	
	/* box-shadow */
	box-shadow: 0px 0px 0.5em #000;
	-moz-box-shadow: 0px 0px 0.5em #000;
	-webkit-box-shadow: 0px 0px 0.5em #000;
}

.photogallary .gallary {
	margin:0em;
	padding:0em;
	/*position: absolute;*/
	overflow:hidden;
}

.photogallary .gallary img {
	margin:0em;
	padding:0em;
	
	width: 100%;
	height: auto;

	/*
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
		 transform: translate(-50%, -50%);
	*/
}

/*
.photogallary .gallary {
	margin:0em;
	padding:0em;
	position:relative;
	width:100%;
	height:100%;
}

.photogallary .gallary img {
	margin:0em;
	padding:0em;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	 -moz-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
}
*/

#photogallary_prev {
	position: absolute;
	font-size: 30pt;
	font-family: "Arial Black", Gadget, sans-serif;
	color:#ddd;
	text-shadow:1px 1px 1px #333;
}
#photogallary_next {
	position: absolute;
	font-size: 30pt;
	font-family: "Arial Black", Gadget, sans-serif;
	color:#ddd;
	text-shadow:1px 1px 1px #333;
}