@charset "utf-8";

/*----------------------------------------------------*/ 
/* common
------------------------------------------------------*/ 

#contents p {
	font-size:108%;
	margin-top:10px;
}

#contents section {
	margin-top:40px;
}

#mv {
	background:#FFFFFF url(/lib/img/uniq/access/mv.jpg) center bottom no-repeat;
}


/*----------------------------------------------------*/ 
/* custum
------------------------------------------------------*/ 

#contents iframe {
	margin-bottom:20px;
}

#contents table.data {
	width:100%;
}

#contents table.data th,
#contents table.data td {
	padding: 5px 8px;
	border-bottom:1px dashed #CCC;
	vertical-align:top;
	font-weight:normal;
}


#contents .photo {
	overflow:hidden;
	width:600px;
	margin:20px auto 20px auto;
}

#contents .photo li {
	float:left;
	width:150px;
	text-align:center;
}

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

#mv {
	background:#FFFFFF url(/lib/img/uniq/access/mv.jpg) center bottom no-repeat;
	background-size:contain;
}

#contents iframe {
	width: 100%;
	height: 80vw;
}

#contents table.data th {
	width: 25%;
}

#contents .photo {
	width:auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0 10px;
}

#contents .photo li {
	float:none;
	width:50%;
	margin-bottom: 10px;
}

	.fancybox-title-float-wrap .child {
		white-space: normal !important;
	}

}