@charset "UTF-8";
/* CSS Document */
#main h2 {
width: 60%;
max-width: 360px;
margin:0 auto;
}

#newsList ul {
display: table;
margin: 0 auto;
}
#newsList ul {
border-bottom:1px solid #6A6A6A;
}
#newsList ul li {
border-top:1px solid #6A6A6A;
}

#link {
background: rgba(0,0,0,0.90);
}
#link ul {
display: table;
table-layout: fixed;
border-collapse: separate;
}
#link ul li {
display: table-cell;
}

#gallery ul li {
float: left;
}

@media screen and (max-width: 768px) {
#header div h1 {
text-align: center;
width: 100%;
padding: 16px 0;
background: #fff;
}
#header div h1 img{
width: 60%;
}

#main {
padding-top: 10px;
}
#main h2 {
padding: 40px 0;
}

#newsList ul li {
padding: 10px 16px;
}
#newsList ul li time {
display: block;
font-size: 0.8em;
}

#link {
padding: 40px 0;
margin: 50px 0;
}
#link ul {
border-spacing: 5px 0;
padding: 0 5px;
}
#link ul li {
width: 23%;
}
	
#gallery ul li {
width: 50%;
}
}

@media screen and (min-width: 769px) {
#header div h1 {
display: none;
}

#main h2 {
padding-bottom: 80px;
}
#newsList ul li {
padding: 16px 30px;
font-size: 0.9em;
}
#newsList ul li time {
padding-right: 10px;
font-size: 0.9em;
}

#link {
padding: 80px 0;
margin: 100px 0;
}
#link ul {
border-spacing: 10px 0;
margin: 0 auto;
}
#link ul li {
width: 200px;
}

#gallery ul li {
width: 24%;
padding: 0 0.5% 10px;
}
}