.feature-calendar-wrap {
    margin-top: 2rem;
    padding: 1.1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.feature-calendar {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 0.9rem;
}

.feature-calendar th,
.feature-calendar td {
    padding: 0.1rem;
    }

.feature-calendar a {
    text-decoration: underline;
}





.feature-calendar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
    gap: .5rem;
    font-size: 0.9rem;
}

.feature-cal-prev,
.feature-cal-next {


    text-decoration: none;
    font-size: 0.85rem;
}

.feature-cal-prev:hover,
.feature-cal-next:hover {
    background: #f5f5f5;
}

.feature-cal-current {
    font-weight: 600;
}







.feature-main
{
display:flex;
margin-top:40px;

}


.feature-post, .feature-list
{
border:1px solid #ccc;
width:100%;
padding:2em;
font-size:.9rem;

}


.feature-post h1
{
font-size:1.4rem;
border-left:5px solid #ccc;
padding-left:.5em;
margin-bottom:1em;
}

.feature-post h2
{

font-size:1.4rem;
margin-bottom:.5em;
}

.feature-post h3
{

font-size:1.2rem;
margin-bottom:.5em;
}

.feature-post h4
{
font-size:1.1rem;
margin-bottom:.5em;

}

.feature-post p
{
margin-bottom:1em;
}

.feature-post strong
{
font-size:1.4rem;
}

.feature-post a
{
color:#06c;
font-weight:bold;
text-decoration: underline;

}

.feature-post ul
{
margin-bottom:1em;
}

.feature-post ul li
{

list-style:square;
margin-left:1em;
padding-left:0;

}

.feature-post .update_area
{
color:#aaa;
margin-bottom:.5em;
}














.feature-sidebar
{
width:240px;
padding:0 16px;

}

.feature-sidebar-item
{

border:1px solid #ccc;
margin-bottom:22px;
padding:.4em;
padding-left:.6em;
padding-right:.6em;
}

.feature-sidebar-item ul li
{

font-size:.8rem;
border-bottom:1px solid #ddd;
margin:.3em;
}

.feature-sidebar-item a
{
color:#06c;
font-weight:bold;
}

.feature-sidebar-title
{
color:#333;
background-color:#ddd;
padding:2px;
padding-top:8px;
padding-left:.8em;
font-size:.8rem;
}











.archive-list-item
{
border-bottom:1px solid #ddd;
padding-bottom:20px;
margin-bottom:20px;
}


.archive-list-item:last-child
{
margin-bottom:0;
}

.archive-list-item .thumbnail
{
width:240px;
min-width:240px;
}

.archive-list-item-wrapper
{
display:flex;
gap:12px;
}

.archive-list-item .title
{
font-size:1.3rem;
font-weight:bold;
}


.archive-list-item:first-child  .archive-list-item-wrapper
{
display:block;
}


.archive-list-item:first-child  .thumbnail
{
width:100%;
margin-bottom:10px;
}

.archive-list-item .thumbnail img
{
width:100%;
}


.feature-title a:hover
{
opacity:1!important;
}







@media print,screen and (max-width : 1023px) {

.feature-title
{
margin-left:1vw;
margin-right:1vw;
}


.feature-main
{
display:block;
padding:0;
margin:0;


}

.feature-list
{
padding:0;
}

.feature-sidebar
{
width:100%;
padding:0;
margin:0;
margin-top:20px;
}

.feature-sidebar-item
{
margin-left:2vw;
margin-right:2vw;
}

.feature-sidebar-title
{
margin-left:2vw;
margin-right:2vw;
}

.archive-list
{
margin-left:2vw;
margin-right:2vw;
}

.feature-post, .feature-list
{
border:0;

}

.feature-post
{
border-bottom:1px solid #ccc;
padding:0;
margin:0;
}

.feature-contents
{
margin-left:2vw;
margin-right:2vw;
}

}