@import url(base.css);

/*****************************************************************

インデックス

*****************************************************************/

#contents {
padding: 2rem 0 0 0;
}

/*ポスト
────────────────────────────────*/
.post {
margin: 0 auto;
padding: 2rem;
width: calc(690px + 4rem);
background: #FFF;
display: flex;
}
.post + .post {
margin: 2rem auto;
}
.date {
font-size: 0.75rem;
color: #BBB;
}
.thumbnail {
margin: 0 1.5rem 0 0;
}
.thumbnail img {
width: 280px;
height: calc(560px / 3);
object-fit: cover;
}
.thumbnail:hover {
opacity :0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #FFF;
}
.post_title {
margin: 1rem 0;
font-size: 1.5rem;
line-height: 1.4;
font-weight: bold;
}
.post_title a:link {
color: #333;
text-decoration: none;
}
.post_title a:visited {
color: #333;
text-decoration: none;
}
.post_title a:active {
color: #333;
text-decoration: none;
}
.post_title a:hover {
text-decoration: underline;
}


/*ページネーション
────────────────────────────────*/
.pagination {
margin: 3rem auto 0 auto;
display: table;
}
.pagination span.current{
margin: 0 5px;
padding: 8px 15px;
border: 1px solid #B9AD89;
border-radius: 3px;
background: #B9AD89;
color: #FFF;
box-shadow: 0 0 0 1px rgba(255,255,255,1);
}
.pagination a {
margin: 0 5px;
padding: 8px 15px;
border: 1px solid #B9AD89;
border-radius: 3px;
background: #FFF;
text-decoration:none;
color:#B9AD89;
box-shadow: 0 0 0 1px rgba(255,255,255,1);
}
.pagination a:hover{
background: #B9AD89;
color: #FFF;
}