/* ページレイアウト調整 */

#eventDescriptionArea {
	position: relative;
	width: 100%;
	margin: 0 auto 50px;
}
#eventDescriptionArea .description {
	text-align: left;
	border: solid 1px #EBE7E7;
    box-shadow: 1px 1px 5px 0px rgba(204, 204, 204, 0.77);
    padding: 30px 40px;
    margin: 15px 0 40px;
	background: #eee;
	/*background: url("<?php bloginfo('template_url'); ?>/common/js/photobox/images/test/bg01.png");*/
}
#eventDescriptionArea .description a {
	text-decoration: underline;
}
#eventDescriptionArea .description a:hover {
	text-decoration: none;
}
.fa {
	margin-left: 15px;
	font-size: 30px;
}
#underling {
    padding: 0 0 0 0;
	overflow: visible;
}
#wrapper {
	overflow: visible;
	width: auto;
}
#wrapper .maincont {
	width: 1020px;
	margin: 0 auto;
	text-align: center;
	position: relative;/* overflow: hidden; */
}
#eventDescription {
	text-align: left;
	padding: 20px 0 0;
	width: 1020px;
	margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px;
}
#eventDescription img {
	float: left;
	margin-right: 30px;
}
/* ギャラリー画像＆サムネイルの調整 */
.galleryArea {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom:160px;
}
.galleryArea li {
	list-style: none;
	perspective: 90px;
	-webkit-perspective: 90px;
	margin: 0;
	float: left;
	position: relative;
	transition: .1s;
	-webkit-transition: 0.1s;
}
.galleryArea li.video::before {
	/*content: '\25BA';*/
	color: #FFF;
	font-size: 20px;
	height: 20px;
	width: 20px;
	line-height: 0.9;
	position: absolute;
	bottom: 3px;
	left: 4px;
	z-index: 1;
	background: rgba(0,0,0,0.4);
	box-shadow: 0 0 0 3px rgba(0,0,0,0.4);
	border-radius: 0 3px 0 0;
	pointer-events: none;
	opacity: 0;
	transition: .5s 0.2s;
}
.galleryArea li.loaded.video::before {
	opacity: 1;
}
.galleryArea li.emptyspace {
	width: 249px;
    height: 79px;
    margin: 3px;
	/*font-family: 'Shadows Into Light', cursive;*/
	font-size: 40px;
	line-height: 85px;
  text-align: center;
	color: #2D2D2D;
}
.waitspace {
	width: 170px;
    height: 79px;
    margin: 3px;
	/*font-family: 'Shadows Into Light', cursive;*/
	font-size: 25px;
	line-height: 100px;
  text-align: center;
	color: #A3A3A1;
}
.galleryArea a {
	display: block;
	width: 79px;
    height: 79px;
    margin: 3px;
	vertical-align: bottom;
	overflow: hidden;
	background: rgba(0,0,0,0.1);
	transition: .4s ease-out;
	-webkit-transition: 0.4s ease-out;
	-webkit-transform: rotateX(90deg) translate(-50px, -50%);
	transform: rotateX(90deg) translate(-50px, -50%);
}
.galleryArea a:active, .galleryArea a:focus {
	outline: none;
}
.galleryArea a img {
	min-height: 100%;
	width: 100%;
	transition: .3s ease-out;
	-webkit-transition: 0.3s ease-out;
}
.galleryArea .loaded a {
	-webkit-transform: rotateX(0deg) translate(0, 0);
	transform: rotateX(0deg) translate(0, 0);
}
.galleryArea li.loaded:hover {
	z-index: 2;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
}
.galleryArea li.loaded a:hover {
	box-shadow: 0 0 0 2px #FFF, 0 0 20px 5px #000;
	transition: .1s;
	-webkit-transition: 0.1s;
}
.galleryArea li.loaded:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.galleryArea li.loaded.video:hover::before {
	opacity: 0;
}
@media screen and (max-width: 639px){
#eventDescriptionArea .description {
	padding: 20px 15px; 
}
.galleryArea li.emptyspace {
	font-size: 20px;
    width: 164px;
}
}