@charset "utf-8";

.clearfix{
	width:100%;
	overflow:hidden;
}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}

#sec01{
	margin-top:20px;
}
#sec01L{
  float:left;
  width:640px;
}
  #sec01L p{
    margin-bottom:20px;
    font-size:16px;
  }
#sec01R{
  float:right;
  width:350px;
}

.photo{
	margin-top:20px;
}
.photo li{
	float:left;
	padding:0 18px 10px 0;
}
.photo li img{
	max-width: 100%;
	height: auto;
}


/*
	.eventlist .eventtable{
		border:solid 1px #C7C7C7;
		border-collapse: collapse;
	}
	.eventlist .eventtable th{
		width:150px;
		border:solid 1px #C7C7C7;
		background-color:#F7F7F7;
		text-align:center;
		padding:10px;
		font-weight:bold;
		vertical-align:middle; 
	}
	.eventlist .eventtable td{
		border:solid 1px #C7C7C7;
		padding:10px;
	}

*/


/** アーカイブページへのリンクボタン(とりあえず非表示) */
#toArchives{
	margin-top:20px;
	display:none;
}
	#toArchives a{
		margin-top:20px;
		background-color:#3F81C8;
		color:#FFF;
		display:block;
		padding:10px;
		-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
		text-align:center;
		font-size:16px;
	}

.cstmButton{
	margin-top:20px;
}
.cstmButton a{
	background-color:#104A9C;
	color:#FFF;
	padding:10px;
	font-size: 160%;
	-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
}

/* PC用 */
@media only screen and (min-width:960px) {
}

/* モニター幅960px以下 */
@media only screen and (max-width:960px) {
	
	.eventlist{
		margin:0 0 20px 0;
	}
  .eventlist h1{
    display:block;
    position:static;
    font-size:20px;
    border-bottom:solid 1px #DFDFDF;
    margin-bottom:10px;
  }

  .eventimg li{
    padding:10px;
  }




}

/* iPad 縦 */
@media only screen and (max-width:768px) {
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:640px) {


}