/* ==========================================================================
   平成２６年例大祭フォトアルバム
   ========================================================================== */

.photoalbum-top {
	width: 100vw;
	height: 40vmin;
	color: #fff;
	background: url(../img/link/link-top-image.jpg) no-repeat;
	background-size: cover;
	background-position: top left 50%;
}
#photoalbum{
    width:98%;
    margin:80px auto;
}
#photoalbum{font-size:clamp(1.3rem, 1vw + 1rem, 1.6rem);
    line-height: 1.8;}

#photoalbum ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:98%;
    margin:0 auto;
}
#photoalbum ul li{
    width:30%;
    text-align: center;
    margin:1px;
    box-sizing: border-box;
}
#photoalbum ul li img{
    width:100%;
}
@media screen and (max-width:767px){
    #photoalbum ul li{
    width:48%;
}
    
}

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}