@charset "UTF-8";

   #main{
animation: fadeIn 1s ease-out 0s 1 normal;
}
#sidebar {
animation: fadeIn 1s ease-out 0s 1 normal;
}
@keyframes fadeIn {
from {transform: translateY(10%); opacity: 0;}
100% {transform: translateY(0%); opacity: 1;}
}
#header-container {
animation: Down 1s ease-out 0s 1 normal;
}
@keyframes Down {
from {transform: translateY(-10%); opacity: 0;}
100% {transform: translateY(0%); opacity: 1;}
}
#breadcrumb {
animation: Right 1s ease-out 0s 1 normal;
}
@keyframes Right {
from {transform: translateX(10%); opacity: 0;}
100% {transform: translateX(0%); opacity: 1;}
}
.card-thumb{
display: flex;
align-items: center;
overflow:hidden; //これを記述することではみ出た部分を非表示にします。
}
.card-thumb img{
transition:1s all;
}
.card-thumb img:hover{
transform:scale(1.2,1.2);
}
.eye-catch {
max-height:350px;
object-fit: cover;
overflow:hidden;
}
.header-container,
.main,
.sidebar,
.footer {
background-color: #fff;
}
.list-more-button,
.a-wrap{
color: #fcfcfc;}
.list-title-in:before, .list-title-in:after{
background-color:#fcfcfc;
} .mobile-menu-buttons {
background:rgba(0, 0, 0,0.9); } .mobile-menu-buttons .menu-button:hover {
background:rgba(201, 131, 130,0.9); color: #fff; } .top-menu-button a:hover, .home-menu-button a:hover {
color: #fff; }
.mobile-menu-buttons .menu-button>a{
color: #fcfcfc;
}
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
background-color: #111111; color: #cccccc; transition: all 0.5s ease;
}
.toc a{
color:#fcfcfc;
}
.article .toc{
border-color: #fcfcfc;
}  @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ }