#contents h3 {
background-color: #ccc;
margin: 2em 0 0 0!important;
}

.kakophoto {
  clear: both;
display: flex;
flex-wrap: wrap;
}


.kakophoto li {
width: 48%;
  text-align: center;
  margin: 1%;
}
.kakophoto li i {
  color: #fff;
}

.kakophoto li a {
  text-decoration: none;
  padding: 1%;
  display: block;
  background-color: #cbeeed;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.kakophoto li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

table.kakoevent {
  width: 98%;
  margin: 1em auto;
}
table.kakoevent th {
  width: 6em;
	text-align: center;
	background-color: #f1f1f1;
	vertical-align: middle;
}

table.kakoevent th,
table.kakoevent td {
	border: 1px #ccc solid;
	vertical-align: middle;
	table-layout:  fixed;
  padding: 1%;
}

@media screen and (min-width : 1024px) {

.kakophoto li {
width: 18%;
  text-align: center;
  margin: 1%;
}
.pdfphoto {
  text-align: center;
}
.pdfphoto img {
width: 50%;
margin: 0 auto;
}

}

@media screen and (max-width : 600px) {

table.kakoevent th,
table.kakoevent td {
	display: block;
  text-align: left;
  border: none;
  padding: 2%;
}

}