@charset "UTF-8";
.weeklyHeader{
    margin:0 0 3rem;
}

.weeklyHeader h1{
    margin:0;
    font-size:2rem;
    font-weight:700;
    line-height:1.3;
}
.weeklyMeta{
    margin:.3em 0 1.2em;
    color:#666;
    font-size:.95rem;
}
.weeklyLead{
    max-width:52em;
    margin:1.2rem 0 2rem;
    font-size:1.05rem;
    line-height:2;
    color:#555;
}

.weeklyIndex ul{
    display:flex;
    flex-wrap:wrap;
    gap:.8rem;
    list-style:none;
    margin:0;
    padding:0;
}

.weeklyIndex a{
    display:block;
    padding:.6rem 1rem;
    border:1px solid #ddd;
    border-radius:999px;
    background:#fff;
    text-decoration:none;
    transition:.2s;
}

.weeklyIndex a:hover{
    background:#f6f6f6;
}
  
.weeklySection{
  margin:2em 0;
overflow: hidden;
text-overflow:ellipsis;
}
.weeklySection h2{
    display:flex;
    align-items:center;

    margin:0 0 1rem;
    padding-bottom:.5rem;

    border-bottom:3px solid #0a7;

    font-size:1.5rem;
}
.weeklyItem{
    padding:1.3rem 0;
    border-bottom:1px solid #e6e6e6;
}
.hide{
  display:none;
}
.weeklyItem h3{
    margin:.4rem 0;
    line-height:1.5;
}
.weeklySubTitle{
  margin:1.5em 0 .5em;
  padding:.3em .6em;
  border-left:4px solid #0a7;
  font-size:1.1rem;
}
.weeklyItem p{
    margin:.4rem 0;
}

.date{
    color:#666;
    font-size:.9em;
}

.description{
    line-height:1.6;
}
.comment{
    margin-bottom:.4em;
    line-height:1.7;
}
.link{
    font-size:.9em;
}
.link a{
    word-break:break-word;
}
.weeklySubscribe{
    margin:4em 0;
    padding:2em;
    background:#f8fafb;
    border:1px solid #dde4e8;
    border-radius:12px;
}

.weeklySubscribe h2{
    margin:0 0 .8em;
    font-size:1.5rem;
}

.weeklySubscribe .lead{
    margin:0 0 1.5em;
    line-height:1.9;
    color:#555;
}

.subscribeLinks{
    display:grid;
    gap:1em;
}

.subscribeLinks a{
    display:block;
    padding:1em 1.2em;
    background:#fff;
    border:1px solid #d8dee3;
    border-radius:10px;
    text-decoration:none;
    color:#222;
    transition:.2s;
}

.subscribeLinks a:hover{
    background:#eef7ff;
    border-color:#69a9ff;
    transform:translateY(-2px);
}

.subscribeLinks span{
    display:block;
    margin-top:.35em;
    font-size:.9em;
    color:#777;
}

.moreButton{
    display:block;
    width:min(100%,320px);
    margin:2em auto 0;
    padding:1em;
    background:#fff;
    color:#0a7;
    border:2px solid #0a7;
    border-radius:8px;
    font-size:1rem;
    font-weight:bold;
    cursor:pointer;
    transition:.2s;
}
.moreButton span{
    display:inline-block;
    transition:transform .2s;
}
.moreButton:hover{
    background:#0a7;
    color:#fff;
}
.moreButton:hover span{
    transform:translateY(2px);
}
.snsLinks{
    margin-top:1.5em;
    padding-top:1em;
    border-top:1px solid #ddd;
    font-size:.95rem;
    color:#666;
}

.snsLinks a{
    margin:0 .3em;
    color:#0a7;
    text-decoration:none;
}

.snsLinks a:hover{
    text-decoration:underline;
}
.backNumber{
    margin:3em 0;
}

.backNumberList{
    list-style:none;
    padding:0;
    margin:1em 0;
}

.backNumberList li{
    border-bottom:1px solid #eee;
}

.backNumberList a{
    display:block;
    padding:.7em 0;
    color:#333;
    text-decoration:none;
    transition:.2s;
}

.backNumberList a:hover{
    color:#0a7;
    padding-left:.4em;
}