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

#topImg {
padding-bottom: 80px;
}

h2#copy {
width: 100%;
max-width: 768px;
margin: 0 auto;
text-align: center;
}

#menuList p {
text-align: center;
}
#menuList p, #menuList table {
font-size: 0.7em;
}
#menuList > div {
width: 90%;
max-width: 600px;
margin: 0 auto;
}
#menuList table {
width: 48%;
max-width: 320px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0 20px;
border: 1px solid #F1F1F1;
}
#menuList table caption {
text-align: center;
background: #F1F1F1;
}
#menuList table th {
padding-left: 5px;
}

#menuList > a, #color > a {
display: table;
margin-left: auto;
margin-right: auto;
background: #846B2E;
color: #fff;
padding: 4px 12px;
border-radius: 3px; 
}

#pushEntry ul {
display: table;
margin: 0 auto;
}
#pushEntry ul li:nth-child(even) {
background: #eee;
}

#photo ul li {
float: left;
}

@media screen and (max-width:320px){
h2#copy {
font-size: 0.7em;
}
}

@media (min-width:321px) and (max-width:480px){
h2#copy {
font-size: 0.8em;
}
}

@media screen and (max-width:480px){
h2#copy {
padding-bottom: 50px;
line-height: 300%;
}
	
#menuList table {
margin-top: 20px;
}

#pushEntry {
margin-bottom: 20px;
}
#pushEntry ul li{
padding: 2px 4px;
margin-bottom: 10px;
}
#pushEntry ul li a{
font-size: 0.8em;
}
#pushEntry ul li a time{
font-size: 0.8em;
padding-right: 5px;
}
}

@media screen and (min-width:481px){
#menuList table:nth-child(odd) {
float: left;
}
#menuList table:nth-child(even) {
float: right;
}
#menuList table {
margin-top: 30px;
}
#pushEntry, #photo {
width: 48%;
}
#pushEntry {
float: left;
}
#photo {
float: right;
}
}

@media (min-width:481px) and (max-width:768px){
h2#copy {
padding-bottom: 60px;
font-size: 0.8em;
line-height: 180%;
}
	
#pushEntry ul li{
padding: 3px 6px;
margin-bottom: 12px;
}
#pushEntry ul li a{
font-size: 0.7em;
}
#pushEntry ul li a time{
font-size: 0.9em;
padding-right: 8px;
}
}

@media screen and (max-width:768px){
#menuList, #color {
padding-bottom: 40px;
}
#menuList > a, #color > a {
font-size: 0.7em;
margin-top: 20px;
}
	
#contentsTOP {
padding-bottom: 30px;
}
	
#photo ul li {
width: 48%;
margin-bottom: 8px;
}
#photo ul li:nth-child(even) {
float: right;
}
}

@media screen and (min-width:769px){
#menuList, #color {
padding-bottom: 60px;
}
#menuList > a, #color > a {
font-size: 0.8em;
margin-top: 40px;
}
	
#contentsTOP {
padding-bottom: 50px;
}

#pushEntry ul li{
padding: 4px 8px;
margin-bottom: 16px;
}
#pushEntry ul li a{
font-size: 0.8em;
}
#pushEntry ul li a time{
font-size: 0.9em;
padding-right: 10px;
}
	
#photo ul li {
width: 32%;
margin-right: 2%;
margin-bottom: 10px;
}
#photo ul li:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width:769px) and (max-width:1024px){
h2#copy {
padding-bottom: 70px;
font-size: 0.7em;
line-height: 160%;
}
}
@media screen and (min-width:1025px){
h2#copy {
padding-bottom: 120px;
font-size: 0.8em;
line-height: 200%;
}
}