@charset "UTF-8";

html {
scroll-padding-top:100px;
}

header, h2, h3 {
background:#ff4b8b;
}


article {
padding: 0.5em;
display: block;
}
article a {
display:inline-block;
}
article p {
font-size:1em;
line-height:1.5em;
margin:0;
padding: 0.5em;
}

article p span {
margin-left:-0.5em;
display:block;
color:#d93127;
font-weight:bold;
}

.anchor {
height: 1px;
display: block;
padding-top: 100px;
margin-top: -100px;
}



h2 {
margin:0;
color:#ffffff;
font-size: 1em;
line-height: 1.5em;
text-align: center;
}
h2 em {
display:block;
}

h5 {
margin:1em 0 0.5em;
border-radius:0;
background:#000000;
}
/* --- 1. アンカーリンクのCSS --- */
.anchorlink { margin: 1em 0; }
.anchorlink ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; }
.anchorlink ul li { width: 25%; list-style: none; padding: 2px; box-sizing: border-box; }
.anchorlink ul li a { 
    display: flex; flex-direction: column; justify-content: center; 
    text-align: center; padding: 4px; background: #ff83ad; 
    color: #5a0c0c; font-weight: bold; border-radius: 4px; 
    text-decoration: none; font-size: 0.85em; border: 1px solid #ff4b8b; 
    height: 4.5em; white-space: normal; line-height: 1.2; 
}
.anchorlink ul li:nth-child(n+5) a { background: #fff600; border-color: #ffcc00; }

/* --- 2. 共通：コンテンツリスト（作品帯・一覧） --- */
.contentslist { margin-top: 1em; }

/* 作品帯（h3）とグリッド */
.author-card { margin-bottom: 2em; padding: 0; }
.author-card h3 { 
    margin: 0 0 10px 0; font-size: 1.1em; padding: 12px 10px; 
    background: #f7f7f7; border-left: 5px solid #ff4b8b; 
    color: #5a0c0c; line-height: 1.8; 
}
.contentslist ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; }
.contentslist ul li { width: 33.33%; padding: 4px; box-sizing: border-box; list-style: none; }

/* リンクと画像 */
.contentslist ul li a { text-decoration: none; color: #333; display: block; }
.contentslist ul li a figure { margin: 0; }
.contentslist ul li a img { width: 100%; border-radius: 8px; display: block; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

/* テキスト（emとp） */
.contentslist ul li a em { 
    display: block; font-style: normal; font-weight: bold; 
    font-size: 0.85em; margin: 6px 0 2px; text-align: center; 
}
.contentslist ul li a p {
    font-size: 0.75em;
    text-align: center;
    color: #666;
    margin: 4px 0 0 0;
    
    /* --- 修正ポイント：2行で省略 --- */
    height: 2.4em;           /* 2行分の高さを固定で確保 */
    line-height: 1.2;        /* 1行の高さ（フォントサイズの1.2倍） */
    overflow: hidden;        /* はみ出した分は隠す */
    display: -webkit-box;    /* 省略表示に必要な設定 */
    -webkit-line-clamp: 2;   /* 表示する行数を「2」に指定 */
    -webkit-box-orient: vertical;
    white-space: normal;     /* 折り返しを許可 */
}

/* --- 3. GWまとめ読み専用の追加調整 --- */
.author-card ul li a p {
    height: 2.2em; display: -webkit-box; -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; margin: 4px 0 0 0;
}
.banner-li { width: 66.66%; display: flex; align-items: center; justify-content: center; }
.banner-li a { width: 70%; }
.row3 ul li {
width:calc(100%/3);
padding: 0.1em 0.2em;
margin: 0 0 0.5em 0;
}

.row1 ul li {
width:100%;
}