@charset "UTF-8";
   body {
background-color: #f4f4f4;
color: #1a1a1a;
font-family: 'Hiragino Sans', Meiryo, sans-serif;
} .header-container {
background-color: #ffffff;
}
.navi-in {
background-color: #222222;
}
.navi-in a {
color: #ffffff;
font-weight: bold;
border-right: 1px solid #444;
transition: 0.2s;
}
.navi-in a:hover {
background-color: #ce1616;
} .article h2 {
background: transparent;
border: none;
position: relative;
padding: 10px 0 10px 30px;
margin-bottom: 25px;
font-size: 1.5em;
font-weight: 800;
border-bottom: 2px solid #ddd;
}
.article h2::before {
content: "";
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%) rotate(15deg);
width: 8px;
height: 35px;
background-color: #ce1616;
}
.article h3 {
border-left: 6px solid #222222;
border-bottom: 1px solid #ccc;
padding: 8px 15px;
background-color: #ffffff;
font-size: 1.3em;
font-weight: bold;
} a {
color: #ce1616;
}
a:hover {
color: #a01010;
} .entry-card-wrap,
.related-entry-card-wrap {
background: #ffffff;
border-radius: 2px;
border: 1px solid #ebebeb;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
margin-bottom: 25px;
transition: all 0.3s ease;
}
.entry-card-wrap:hover,
.related-entry-card-wrap:hover {
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(0,0,0,0.12);
} .sidebar h3 {
background-color: #222222;
color: #ffffff;
padding: 12px;
text-align: center;
border-radius: 2px;
}
}
}
}
}
}
}
}
}
}
}
}
}
}