@charset "UTF-8";
/* CSS Document */
/* あの日を調べる｜目次ページ CSS */
/* みんなの知識 ちょっと便利帳*/
/* 2026/08/06 */

.anohi-idx-wrap{
    font-family: system-ui,-apple-system,"Segoe UI",sans-serif;
    background: #FFF8F2;
    margin: 10px auto;
    padding: 0 10px;
    border: 2px solid #E06D28;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(224, 109, 40, 0.12);
    color: #36251A;
    line-height: 1.85;
    font-size: 17px;
}
.anohi-idx-wrap *{ box-sizing:border-box; }

.anohi-idx-container{
    max-width:940px;
    margin:auto;
    padding: 24px 0 30px;
}

.anohi-idx-header{
    text-align:center;
    padding: 6px 10px 4px;
}
.anohi-idx-header h2{
    font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
    font-size: clamp(23px, 5vw, 32px);
    margin: 0 0 10px;
    letter-spacing: .04em;
    color:#B85319;
}
.anohi-idx-header p{
    margin:0 auto;
    max-width:640px;
    font-size:15.5px;
    color:#8A7350;
}

.anohi-idx-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:16px;
    margin-top:26px;
}
@media (max-width:820px){
    .anohi-idx-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:520px){
    .anohi-idx-grid{ grid-template-columns: 1fr; }
}

.anohi-idx-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border: 2px solid #F0DFC9;
    border-radius:14px;
    padding:18px 18px 16px;
    text-decoration:none;
    color:inherit;
    box-shadow:0 4px 14px rgba(224,109,40,.08);
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.anohi-idx-card:hover{
    transform: translateY(-2px);
    box-shadow:0 6px 18px rgba(224,109,40,.22);
    border-color:#E06D28;
}

.anohi-idx-icon{
    font-size:26px;
    line-height:1;
    margin-bottom:10px;
}

.anohi-idx-title{
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:18.5px;
    font-weight:900;
    color:#B85319;
    margin-bottom:8px;
    letter-spacing:.02em;
}

.anohi-idx-desc{
    font-size:14.5px;
    color:#5C4A3A;
    line-height:1.7;
    flex:1;
}

.anohi-idx-more{
    display:inline-block;
    margin-top:12px;
    font-size:13.5px;
    font-weight:700;
    color:#E06D28;
}
.anohi-idx-card:hover .anohi-idx-more{ text-decoration:underline; }

.anohi-idx-footer{
    text-align:center;
    margin-top:26px;
    font-size:13px;
    color:#9C8267;
}