@charset "utf-8";
/* CSS Document */

article.eventphoto{
	width:1020px;
}

/*----------------------------------------------------
    インデックスページ
----------------------------------------------------*/
.t1{
	margin-bottom:30px;
}

.eventindex dl{
	float:left;
	width:250px;
	margin:0 0 20px 12px;
}

.eventindex dt{
	background-color:#90cc00;
	color:#fff;
	padding:7px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.eventindex dt.summer{
	background-color:#3CC;
}

.eventindex dt.autum{
	background-color:#FC0;
}

.eventindex dt.winter{
	background-color:#996600;
}

.eventindex figure{
	xheight:150px;
	xoverflow:hidden;
	padding:10px 0;
	text-align:center;
	background-color:#ffffcc;
}

.eventindex figure img{
	width:95%;
	height:auto;
	border-radius:5px;
}

.eventindex dd{
	background-color:#ffffcc;
	padding:5px 10px;
}

.eventindex dd span{
	background-color:#F99;
	border-radius:10px;
	width:80%;
	display:inline-block;
	padding:7px 10px 0px 38px;
	color:#fff;
	font-size:1.2em;
	background-image:url(images/icon_camera.png);
	background-repeat:no-repeat;
	background-position:10px 7px;
}

.eventindex dd span.second{
	background-color:#F90;
}

.eventindex dd span.third{
	background-color:#39C;
}

.eventindex dd span.kuma{
	background-color:#aa451d;
}

.eventindex dd:last-child{
	padding-bottom:20px;
}

.eventindex dd img{
	width:100%;
	
}


/*----------------------------------------------------
    写真のページ
----------------------------------------------------*/

article.eventphoto ul{
	padding-left:20px;
	margin-bottom:50px;
}

.eventphoto ul{
	overflow:hidden;
}

article.eventphoto li{
	float:left;
	margin:10px 10px;
	width:300px;
}

article.eventphoto li img{
	width:100%;
}

p.back a:link,
p.back a:visited{
	clear:both;
	display:block;
	background-color:#39F;
	color:#fff;
	border-radius:10px;
	padding:10px 20px;
	text-align:center;
	width:88%;
	margin-left:30px;
}

p.back a:hover{
	background-color:#0099CC;
}


@media only screen and (max-width:640px){
	
	article.eventphoto ul{
	padding-left:0px;
}
	
	article.eventphoto{
	width:100%;
}


article.eventphoto li{
	float:none;
	margin:15px auto 10px;
	text-align:center;
}

article.eventphoto li img{
	width:100%;
	height:auto;
}


p.back a:link,
p.back a:visited{
	clear:both;
	display:block;
	background-color:#39F;
	color:#fff;
	border-radius:0px;
	padding:10px 20px;
	text-align:center;
	width:90%;
	margin-left:0px;
}


	

@media only screen and (max-width:551px){
	
	.eventindex dl{
	float:none;
	width:80%;
	margin:0 auto 20px;
}
	
	.eventindex dd figure{
	width:100%;
	xheight:150px;
	xoverflow:hidden;
	margin-bottom:10px;
	border-radius:5px;
}

	

}


}