/*新着情報*/

#topics {
padding: 3em 0;
}

#topics .topics_table {
display: table;
width: 100%;
table-layout: auto;
margin: 2em 0;
}

#topics .topics_table ul {
display: table-row;
}
#topics .topics_table ul li {
display: table-cell;
vertical-align: top;
border-bottom: 1px solid #CCC;
}
#topics .topics_table ul li.date {
padding: 10px 20px;
font-weight: 600;
width: 8em;
white-space: nowrap;
}
#topics .topics_table ul li.cate {
padding: 10px 0;
width: 8em;
}
#topics .topics_table ul li.cate p {
padding: 2px;
margin: 0;
color: #FFF;
text-align: center;
font-size: 0.75em;
}
#topics .topics_table ul li.title {
padding: 10px 20px;
font-weight: 600;
}

@media only screen and (max-width: 768px) {
#topics .topics_table,
#topics .topics_table ul {
display: block;
}
#topics .topics_table ul li.date {
padding: 10px 20px 0 20px;
display: inline-block;
border-bottom: 0;
}
#topics .topics_table ul li.cate {
padding: 10px 0 0 0;
display: inline-block;
border-bottom: 0;
}
#topics .topics_table ul li.title {
display: block;
}
}


#topics .btn-detail {
display: inline-block;
padding: 10px 30px;
height: auto;
max-width: 100%;
margin: 20px auto!important;
background: #00448E;
border: 2px solid #00448E;
}
#topics .btn-detail:hover {
background-color: #FFF;
color: #00448E!important;
}


#topics .ph {
margin: 30px auto;
text-align: center;
}
#topics .ph img {
max-width: 100%;
max-height: 600px;
margin: auto;
}
#topics .link_btn {
margin: 30px 0; }
#topics .link_btn .btn {
display: block;
width: 30em;
max-width: 100%;
margin: 1em auto;
background-color: #000;
color: #FFF;
border: 2px solid #000; }
#topics .link_btn .btn:hover {
background-color: #FFF;
color: #000;}

#topics .page {
font-size: 18px;
}
#topics .page .date {
display: inline-block;
white-space: nowrap;
padding-right: 20px;
}
#topics .page .cate {
display: inline-block;
padding-right: 20px;
}
#topics .page .cate p {
width: 8em;
padding: 2px;
color: #FFF;
text-align: center;
font-size: 0.75em;
white-space: nowrap;
}
#topics .page .title {
display: inline-block;
font-weight: 600;
padding: 10px 0;
}