/* CONTENTS
---------------------------------------------------------------------------*/


#header{ border-bottom:5px #0066CC solid;}
#navi ul li.other a{ background:#0066CC;}
#navi ul li.other a span{color:#fff;}



#side dl.menu dt{ background:#0066CC;}



.photo_list{}
.photo_list li{ float:left; width:32.6666666667%; margin:0 1% 1% 0;}
.photo_list li:nth-child(3n){margin:0 0 1% 0;}

.photo_list li a{ display:block; background:#f3f3f3; text-decoration:none; color:#111; padding:10px 10px 10px 2.0em; position:relative;}
.photo_list li a:before { font-family: FontAwesome; content:"\f0da"; position:absolute; left:1em; top:10px;}
.photo_list li a:hover{background:#ccc;}

.movie_list{}
.movie_list li{ float:left; width:49.5%; margin:0 1% 1% 0;}
.movie_list li:nth-child(2n){margin:0 0 1% 0;}

.movie_list li a{ display:block; background:#f3f3f3; text-decoration:none; color:#111; padding:10px 10px 10px 2.0em; position:relative;}
.movie_list li a:before { font-family: FontAwesome; content:"\f0da"; position:absolute; left:1em; top:10px;}
.movie_list li a:hover{background:#ccc;}


@media (max-width: 768px) {
	.photo_list li{ float:none; width:100%; margin:0 0 1% 0;}
	.movie_list li{ float:none; width:100%; margin:0 0% 1% 0;}
}

video {max-width: 100%;height: auto;}






div.my-gallery{ width:100%;}
div.my-gallery figure{margin:0 1.33333333% 1.33333333% 0; width:24%; float:left; position:relative;}
div.my-gallery figure:nth-child(4n) {margin:0 0 1.33333333% 0;}
div.my-gallery figure img{ width:100%; height: 100%;}

@media (max-width: 768px) {
	div.my-gallery figure:nth-child(3n) {margin:0 2% 2% 0}
	div.my-gallery figure{margin:0 2% 2% 0; width:49%; height:100%; float:left; position:relative;}
	div.my-gallery figure:nth-child(2n) {margin:0 0 2% 0;}
	div.my-gallery figure:nth-child(2n+1) { clear:both;}
	div.my-gallery figure img{ width:100%; height: 100%;}
}