@charset "UTF-8";
/*
	学生作品データベース
	gallery.css
*/

body {font-family: 'Noto Sans JP', sans-serif;}
footer { background: #fff; padding-bottom: 0; padding-top: 0;}
.footer__top { color: #000;}
.footer__copyright { color: #000;}
a { text-decoration: none;}
h1 { border-bottom: none;}
header { background: #000; position: fixed; padding-bottom: 0;}
header a { color: #fff;}
header .navigation-1 ul li ul li a { color: #000;}
header a:hover { text-decoration: none;}
.header__link a { color: #000;}
.header__link a:hover { text-decoration: none;}
.navigation { line-height: 1;}
.navigation ul { margin-bottom: 0;}
.navigation ul li a:hover { color: #fff;}

footer .container { padding-left: 0; padding-right: 0;}

footer h3 { background: none;}


#gallery{}

#gallery.index{}

#gallery.index #nav-menu-mobile{}
#gallery.index #nav-menu-mobile ul{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}

#gallery.index #nav-menu-mobile ul li{
	width:50%;
}

#gallery.index main.col-sm-9{width:100%;padding-bottom: 50px;}

#gallery.index #sidebar{display:none;}

#gallery.index #gallery-header{
	margin-bottom:50px;
}

#gallery.index #gallery-header ul,
#gallery.index #gallery-item-list{
	margin:0;
	padding:0;
	list-style:none;
}

#gallery.index #gallery-header button{
	display:block;
	width:100%;
	height:38px;
	line-height:38px;
	padding:0;
	margin:0;
	background:#e5e5e5 none;
	border:1px solid #000000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	outline:none;
	transition:background-color 200ms ease-out, color 200ms ease-out;
	cursor:pointer;
}

#gallery.index #gallery-header button:hover,
#gallery.index #gallery-header button.active{
	background:#666666;
	color:#ffffff;
}

#gallery.index #gallery-header #search-year .select-wrap{
	position:relative;
	width:100%;
	height:38px;
	color:#ffffff;
	background:#666666 none;
}

#gallery.index #gallery-header #search-year .selected-text{
	position: absolute;
	z-index:1;
	width:100%;
	height:38px;
	line-height:38px;
	background:#666666 none;
	border:1px solid #000000;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

#gallery.index #gallery-header select{
	position: absolute;
	top:0;
	left:0;
	z-index:2;
	text-align:center;
	cursor: pointer;
	opacity:0;
}

#gallery.index #gallery-header option{
	font-size:16px;
	font-weight:bold;
}

#gallery.index #gallery-header #search-header-top{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
}

#gallery.index #gallery-header #search-header-top #search-keyword{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
}

#gallery.index #gallery-header #search-header-top input[name="keyword"]{
	width:230px;
	height:40px;
	margin-right:10px;
	padding:0 10px;
}

#gallery.index #gallery-header #search-header-top button[name="submit-search-data"]{
	width:40px;
	height:40px;
	background:#e5e5e5 url('../img/ico_search.png') no-repeat center center;
	background-size:50% auto;
	border:1px solid #000000;
}

#gallery.index #gallery-search-list{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	margin-top:20px;
}

#gallery.index #gallery-search-list #search-all{
	display:flex;
	flex-flow:column wrap;
	justify-content:space-between;
	height: 81px;
	margin-right:6px;
}

#gallery.index #gallery-search-list #search-all #search-top{
	height:38px;
	margin: 0 0 2px 0;
}

#gallery.index #gallery-search-list #search-all #search-year{
	position:relative;
	width:184px;
}

#gallery.index #gallery-search-list #search-all #search-year #search-year-content{
	width:100%;
	height:38px;
	background: #666666;
	border:1px solid #000000;
}

#gallery.index #gallery-search-list #search-all #search-year:hover::after{
	border-color:#ffffff transparent transparent transparent;
}

#gallery.index #gallery-search-list #search-all #search-year li{
}

#gallery.index #gallery-search-list #search-category{
	flex:1;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:flex-start;
	height:86px;
}

#gallery.index #gallery-search-list #search-category li{
	width:184px;
	height:38px;
	margin-bottom: 5px;
}

/* gallery-item-list
--------------------------------------------------------------------------------------------------------------------- */
#gallery.index #gallery-item-list{
	position:relative;
	min-height:240px;
	overflow:hidden;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:stretch;
	transition:height 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

#gallery.index #gallery-item-list::before{
	content:'';
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	width:100%;
	height:100%;
	background:#ffffff no-repeat center center;
}

#gallery.index #gallery-item-list.standby::before{
	display:block;
	background-image:url('/gallery/wp-content/themes/student-gallery/assets/img/nowloading.svg');
}

#gallery.index #gallery-item-list p{
	margin:0;
}

#gallery.index #gallery-item-list .item{
	position:absolute;
	top:0;
	left:0;
	height: 240px;
	max-width:178px;
	overflow:hidden;
	border:1px solid #dddddd;
	transition:none;
	transform:scale(1);
	opacity:1;
}

#gallery.index #gallery-item-list .item.none{
	transform:scale(0.8);
	opacity:0;
}

#gallery.index #gallery-item-list.animate .item{
	transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

#gallery.index #gallery-item-list .item .item-inner{
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
	padding:10px;
	text-decoration:none;
	background:#ffffff;
	cursor:pointer;
}

#gallery.index #gallery-item-list .item .item-inner::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:2px solid #cccccc;
	transition:transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transform:scale(1.08);
}

#gallery.index #gallery-item-list .item .item-inner:hover::after{
	transform:scale(1);
}

/*
#gallery.index #gallery-item-list .item .item-inner::after{
	content:'';
	position:absolute;
	width:100%;
	height:5px;
	bottom:0;
	left:0;
	background:#000000;
	transition:transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transform:translate3d(0, 5px, 0);
}


#gallery.index #gallery-item-list .item .item-inner:hover::after{
	transform:translate3d(0, 0, 0);
}
*/

#gallery.index #gallery-item-list .item .thumbnail{
	position:relative;
	overflow:hidden;
	width:156px;
	height:156px;
	margin:0 0 4px 0;
	padding:0 0 0 0;
	background:none;
	border:none;
	border-radius:0;
	text-align:center;
	transition:opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity:1;
}

#gallery.index #gallery-item-list .item .item-inner .thumbnail .image{
	width:100%;
	height:100%;
	background:no-repeat center center;
	background-size:cover;
	transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transform:scale(1);
}

/*
#gallery.index #gallery-item-list .item .item-inner:hover .thumbnail .image{
	transform:scale(1.05);
}
*/

#gallery.index #gallery-item-list .item .item-inner .thumbnail .image.movie{position:relative;}
#gallery.index #gallery-item-list .item .item-inner .thumbnail .image.movie::before,
#gallery.index #gallery-item-list .item .item-inner .thumbnail .image.movie::after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate3d(-50%, -50%, 0);
}

#gallery.index #gallery-item-list .item .item-inner .thumbnail .image.movie::before{
	width:48px;
	height:48px;
	background-color:rgba(0,0,0,0.6);
	border-radius:50%;
}

#gallery.index #gallery-item-list .item .item-inner .thumbnail .image.movie::after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 0 11px 19.1px;
	border-color: transparent transparent transparent #ffffff;
	margin-left:2.4px;
}

#gallery.index #gallery-item-list .item .item-inner .title,
#gallery.index #gallery-item-list .item .item-inner .name,
#gallery.index #gallery-item-list .item .item-inner .department{
	width:100%;
	max-width:152px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:500;
}

#gallery.index #gallery-item-list .item .item-inner .department{
	font-size:11px;
}

#gallery.index #status{
	height:240px;
	line-height:240px;
	text-align:center;
	margin:0;
}
#gallery.index #status.data-error{
	font-weight:bold;
}

/* modal
--------------------------------------------------------------------------------------------------------------------- */
#gallery.index #modal{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:100%;
	transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity:1
}

#gallery.index #modal.fadeOut{
	opacity:0
}

#gallery.index #modal.close{
	display:none;
	opacity:0
}

#gallery.index #modal #modal-bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.75)
}

#gallery.index #modal #modal-close{
	display: inline-block;
	position:absolute;
	top:16px;
	right:16px;
	width: 36px;
	height: 36px;
	line-height: 1;
	background:#000;
	color:#ffffff;
	font-size:36px;
	outline:none;
	border:none;
	padding: 2px 0 0 0;
	margin:0;
	box-sizing:border-box;
}

#gallery.index #modal #modal-close i{
	display:block;
	position:relative;
	width:100%;
	height:100%;
}

#gallery.index #modal #modal-close i::before,
#gallery.index #modal #modal-close i::after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:2px;
	background:#ffffff;
}

#gallery.index #modal #modal-close i::before{transform:translate3d(-50%, -54%, 0) rotate(45deg);}
#gallery.index #modal #modal-close i::after{transform:translate3d(-50%, -54%, 0) rotate(-45deg);}

#gallery.index #modal #modal-wrap{
	position:relative;
	width:60%;
	height:50%;
	background:#ffffff;
	border-radius:4px
}

#gallery.index #white-out{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:#fff no-repeat center center;
	transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity:0
}

#gallery.index #white-out.on{
	display:block;
	background-color:#fff;
	opacity:1
}

#gallery.index #modal #modal-wrap{
	width:80%;
	max-width: 838px;
	height:80%;
	padding: 64px 16px 24px 24px;
}

#gallery.index #modal #modal-content{
	overflow-y: scroll;
	width: 785px;
	height:100%;
	margin: 0 auto;
	padding: 0 10px;
}

#gallery.index #white-out,
#gallery.index #modal #modal-content.loading{
	background:url('/gallery/wp-content/themes/student-gallery/assets/img/nowloading.svg') no-repeat center center;
}

#gallery.index #modal #modal-content .modal-content-main{
}

#gallery.index #modal #modal-content .modal-content-main .modal-content-header{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #000000;
}

#gallery.index #modal #modal-content .modal-content-main .modal-content-header h2{
	display:inline-block;
	margin:0 0 10px 0;
	padding:10px 15px;
	background:#000000;
	color:#ffffff;
	font-size:20px;
	font-weight:normal;
}

#gallery.index #modal #modal-content .modal-content-main .modal-content-header h3{
	background:none;
	margin: 0;
	padding:0;
	font-size:24px;
	font-weight:500;
}

#gallery.index #modal #modal-content .modal-content-main .modal-content-header .author{
	margin:0;
	font-size:18px;
	font-weight:500;
}

#gallery.index #modal #modal-content .modal-content-main .modal-content-header .year{
	margin-left:1em;
}

#gallery.index #modal #modal-content .modal-content-main .modal-content-header .name-text{
	margin-top:10px;
}

#gallery.index #modal #modal-content .modal-content-main .modal-content-header .author,
#gallery.index #modal #modal-content .modal-content-main .modal-content-header .department,
#gallery.index #modal #modal-content .modal-content-main .modal-content-header .graduate{
	margin-right:0.5em;
}

#gallery.index #modal #modal-content .modal-content-main img{
	width:100%;
	height:auto;
}


#gallery.index #modal #modal-content .modal-content-main .gallery{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	width:100%;
	max-width:748px;
}

#gallery.index #modal #modal-content .modal-content-main .gallery .gallery-item{}
#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-1 .gallery-item{width:100%;}
#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-2 .gallery-item{width:49.5%;}
#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-3 .gallery-item{width:33%;}
#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-4 .gallery-item{width:24.5%;}
#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-5 .gallery-item{width:19.5%;}

#gallery.index #modal #modal-content .modal-content-main .gallery .gallery-item img a{
	border:none;
}

#gallery.index #modal #modal-content .modal-content-main .gallery .gallery-item img{
	width:100%;
	height:auto;
	border:none;
}

/* single
--------------------------------------------------------------------------------------------------------------------- */
#gallery.single main.col-sm-9{width:100%;padding-bottom: 50px;}
#gallery.single #sidebar{display:none;}
#gallery.single #single-content{width:100%;}
#gallery.single #single-content img{max-width:100%;height:auto;}

#gallery.single #single-content .author,
#gallery.single #single-content .graduate{
	font-size:16px;
}

#gallery.single #single-content .category{
	display:inline-block;
	background:#000;
	color:#fff;
	margin:0 0 10px 0;
	padding:6px 10px;
	font-size:14px;
}

#gallery.single #single-content .gallery{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	width:100%;
	max-width:748px;
}

#gallery.single #single-content .gallery .gallery-item{}
#gallery.single #single-content .gallery.gallery-columns-1 .gallery-item{width:100%;}
#gallery.single #single-content .gallery.gallery-columns-2 .gallery-item{width:49.5%;}
#gallery.single #single-content .gallery.gallery-columns-3 .gallery-item{width:33%;}
#gallery.single #single-content .gallery.gallery-columns-4 .gallery-item{width:24.5%;}
#gallery.single #single-content .gallery.gallery-columns-5 .gallery-item{width:19.5%;}

#gallery.single #single-content .gallery .gallery-item img a{border:none;}
#gallery.single #single-content .gallery .gallery-item img{width:100%;height:auto;border:none;}



@media screen and (min-width:768px){
	footer ul { margin-bottom: 0;}
	header { height: 80px;}
	.footer__top .container { width: 86%; max-width: 1200px;}
	.footer__top .container h1 { margin-bottom: 0;}
	main main { padding-top: 0;}
	#pc-contact h3 { margin-top: 0; background: none; text-align: center; line-height: 1 !important; padding: 0 !important;}
	#pc-contact a { text-decoration: none;}
	#pc-contact .pc-contact__info p { margin-bottom: 0;}
	#pc-contact a:hover { color: #fff;}
.header__link { display: flex;}
	
}
/**
 smart phone
 */
@media screen and (max-width:767px){

	#gallery{}
main main { padding-top: 0;}
	.sp-contact a { text-decoration: none;}
	footer .common-button { color: #000;}
	.footer__copyright { color: #fff;}
	.footer__top h1 { padding-bottom: 0; margin-bottom: 10px;}
	header h1 { padding-bottom: 0; margin-bottom: 0; position: relative; top: -0.4em;}
	.header__info { display: flex;}
	.container { width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
	
	.nav-container .container { padding: 0; width: 88%;}
	.nav-container .navigation-1 ul li ul li a { color: #fff;}
	.nav-container .navigation-2 ul li a { color: #000;}
	.nav-container .navigation-3 ul li::marker { color: #fff;}
	
	#gallery.index{}

	#gallery.index main.col-sm-9{width:100%;}

	#gallery.index #sidebar{display:none;}

	#gallery.index #gallery-header{
		margin-bottom: 15px;
	}

	#gallery.index #gallery-header ul,
	#gallery.index #gallery-item-list{
		margin:0;
		padding:0;
		list-style:none;
	}

	#gallery.index #gallery-header button{
		padding:0;
		margin:0;
		font-size:16px;
	}

	#gallery.index #gallery-header button:hover,
	#gallery.index #gallery-header button.active{
		background:#666666;
		color:#ffffff;
	}

	#gallery.index #gallery-header #search-year .select-wrap{
		position:relative;
		width:100%;
		height:38px;
		color:#ffffff;
		background:#666666 none;
	}

	#gallery.index #gallery-header #search-year .selected-text{
		font-size:16px;
	}

	#gallery.index #gallery-header select{
		position: absolute;
		top:0;
		left:0;
		z-index:2;
		text-align:center;
		cursor: pointer;
		opacity:0;
	}

	#gallery.index #gallery-header option{
		font-size:16px;
		font-weight:bold;
		background:#666666 none;
	}

	#gallery.index #gallery-header #search-header-top{
	}

	#gallery.index #gallery-header #search-header-top #search-keyword{
		width:100%;
	}

	#gallery.index #gallery-header #search-header-top input[name="keyword"]{
		flex:1;
		width:auto;
		height:40px;
		margin-right:10px;
		padding:0 10px;
	}

	#gallery.index #gallery-header #search-header-top button[name="submit-search-data"]{
		width:40px;
		height:40px;
		background:#e5e5e5 url('../img/ico_search.png') no-repeat center center;
		background-size:50% auto;
		border:1px solid #000000;
	}

	#gallery.index #gallery-search-list{
		flex-flow:column wrap;
		width:100%;
		margin-top: 5px;
	}

	#gallery.index #gallery-search-list #search-all{
		flex-flow:row wrap;
		justify-content:space-between;
		height:38px;
		margin-right:0;
		margin-bottom: 5px;
	}

	#gallery.index #gallery-search-list #search-all #search-top{
		width: 49.3%;
		height:38px;
	}

	#gallery.index #gallery-search-list #search-all #search-year{
		width: 49.3%;
	}

	#gallery.index #gallery-search-list #search-all #search-year #search-year-content{
		width:100%;
		height:38px;
		background:#e5e5e5;
		border:1px solid #000000;
	}

	#gallery.index #gallery-search-list #search-all #search-year:hover::after{
		border-color:#ffffff transparent transparent transparent;
	}

	#gallery.index #gallery-search-list #search-all #search-year li{
	}

	#gallery.index #gallery-search-list #search-category{
		height: auto;
	}

	#gallery.index #gallery-search-list #search-category li{
		width: 49.3%;
		height:38px;
		margin-bottom: 5px;
	}

	/* gallery-item-list
	--------------------------------------------------------------------------------------------------------------------- */
	#gallery.index #gallery-item-list{
		min-height:240px;
		display:flex;
	}

	#gallery.index #gallery-item-list::before{
		content:'';
		display:none;
		position:absolute;
		top:0;
		left:0;
		z-index:11;
		width:100%;
		height:100%;
		background:#ffffff no-repeat center center;
	}

	#gallery.index #gallery-item-list.standby::before{
		display:block;
		background-image:url('/gallery/wp-content/themes/student-gallery/assets/img/nowloading.svg');
	}

	#gallery.index #gallery-item-list p{
		margin:0;
	}

	#gallery.index #gallery-item-list .item{
		width: 49%;
		max-width: 49%;
		transform:scale(1);
	}

	#gallery.index #gallery-item-list .item.none{
		transform:scale(0.8);
		opacity:0;
	}

	#gallery.index #gallery-item-list.animate .item{
		transition:transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#gallery.index #gallery-item-list .item .item-inner{}

	#gallery.index #gallery-item-list .item .item-inner::after{
		border:none;
		transition:none;
		transform:scale(1);
	}
	#gallery.index #gallery-item-list .item .item-inner:hover::after{
		transform:scale(1);
	}

	#gallery.index #gallery-item-list .item .thumbnail{
		width: 100%;
		height:156px;
		margin:0 0 4px 0;
		padding:0 0 0 0;
	}

	#gallery.index #gallery-item-list .item .item-inner .thumbnail .image{
		width:100%;
		height:100%;
		background:no-repeat center center;
		background-size:cover;
	}

	#gallery.index #gallery-item-list .item .item-inner:hover .thumbnail .image{
	}

	#gallery.index #gallery-item-list .item .item-inner .title,
	#gallery.index #gallery-item-list .item .item-inner .name,
	#gallery.index #gallery-item-list .item .item-inner .department{
		width:100%;
		max-width:152px;
		font-weight:500;
	}

	#gallery.index #gallery-item-list .item .item-inner .department{
		font-size:11px;
	}

	#gallery.index #status{
		height:240px;
		line-height:240px;
		text-align:center;
		margin:0;
	}
	#gallery.index #status.data-error{
		font-weight:bold;
	}

	/* modal
	--------------------------------------------------------------------------------------------------------------------- */
	#gallery.index #modal{
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		width:100%;
		height:100%;
		transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
		opacity:1
	}

	#gallery.index #modal.fadeOut{
		opacity:0
	}

	#gallery.index #modal.close{
		display:none;
		opacity:0
	}

	#gallery.index #modal #modal-bg{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0, 0, 0, 0.75)
	}

	#gallery.index #modal #modal-close{
		position:absolute;
		top:16px;
		right:16px;
		width:36px;
		height:36px;
		line-height:40px;
		background:#000;
		color:#ffffff;
		font-size:36px;
		outline:none;
		border:none;
		padding:0;
		margin:0;
		box-sizing:border-box;
	}

	#gallery.index #modal #modal-wrap{
		position:relative;
		width:60%;
		height:50%;
		background:#ffffff;
		border-radius:4px
	}

	#gallery.index #white-out{
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:100;
		background:#fff no-repeat center center;
		transition:opacity 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
		opacity:0
	}

	#gallery.index #white-out.on{
		display:block;
		background-color:#fff;
		opacity:1
	}

	#gallery.index #modal #modal-wrap{
		width: 96%;
		max-width: 96%;
		height: 86%;
		padding: 3%;
	}

	#gallery.index #modal #modal-content{
		overflow-y:auto;
		width: 100%;
		height:100%;
		padding: 0;
		margin: 0;
	}

	#gallery.index #modal #modal-content img{
		width:100%;
		height:auto;
	}

	#gallery.index #white-out,
	#gallery.index #modal #modal-content.loading{
		background:url('/gallery/wp-content/themes/student-gallery/assets/img/nowloading.svg') no-repeat center center;
	}

	#gallery.index #modal #modal-content .modal-content-main{max-width: 100%;}

	#gallery.index #modal #modal-content .modal-content-main .modal-content-header{
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom:1px solid #000000;
	}

	#gallery.index #modal #modal-content .modal-content-main .modal-content-header h2{
		display: inline-block;
		margin: 0 58px 10px 0;
		padding: 5px 10px;
		background: #000000;
		color: #ffffff;
		font-size: 14px;
		font-weight: normal;
	}

	#gallery.index #modal #modal-content .modal-content-main .modal-content-header h3{
		background:none;
		margin: 0;
		padding:0;
		font-size: 20px;
		font-weight:500;
	}

	#gallery.index #modal #modal-content .modal-content-main .modal-content-header .author{
		margin:0;
		font-size:18px;
		font-weight:500;
	}

	#gallery.index #modal #modal-content .modal-content-main .modal-content-header .year{
		margin-left: 0.5em;
	}

	#gallery.index #modal #modal-content .modal-content-main .modal-content-header .department{
		margin-left:1em;
	}

	#gallery.index #modal #modal-content .modal-content-main .modal-content-header .graduate{
		margin-left:1em;
	}

	#gallery.index #modal #modal-content .modal-content-main .wp-video{
		width:100% !important;
	}

	#gallery.index #modal #modal-content .modal-content-main .wp-video video{
		width:100% !important;
		height:auto;
	}

	#gallery.index #modal #modal-content .modal-content-main .gallery{
		width:100%;
		max-width:100%;
		flex-flow: column wrap;
	}

	#gallery.index #modal #modal-content .modal-content-main .gallery .gallery-item{}
	#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-1 .gallery-item{width:100%;}
	#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-2 .gallery-item{width:100%;}
	#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-3 .gallery-item{width:100%;}
	#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-4 .gallery-item{width:100%;}
	#gallery.index #modal #modal-content .modal-content-main .gallery.gallery-columns-5 .gallery-item{width:100%;}

	#gallery.index #modal #modal-content .modal-content-main .gallery .gallery-item img a{
		border:none;
	}

	#gallery.index #modal #modal-content .modal-content-main .gallery .gallery-item img{
		width:100%;
		height:auto;
		border:none;
	}



}






#search-keyword input {box-shadow: 1px 1px 0 0 rgba(0,0,0,0.1); border-top: solid 1px #F8F8F8; border-left: solid 1px #F8F8F8;}

#gallery-header h1 { border-bottom: 1px solid #ccc !important;}