/* =============================================
   著書リスト基本設定
   ============================================= */
body {
    background-color: #202020;
    color: #bbbbbb;
    font-family: "Meiryo", "メイリオ", sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

/* 全体幅設定（1600pxを維持しつつ中央寄せ） */
.main-wrapper {
    max-width: 1600px;
    width: 95%;
    padding: 50px 0;
    margin: 0 auto;
}

/* セットごとの横並び設定 */
.item-container {
    display: flex;
    margin-bottom: 30px;
    align-items: flex-start;
}

/* 画像エリア（500px固定） */
.image-area {
    flex: 0 0 500px;
    display: block;
}

.image-area img {
    width: 500px;
    height: auto;
    display: block;
    border: none;
}

/* 説明文エリア（1100px相当） */
.description-area {
    flex: 1;
    padding-left: 40px;
    box-sizing: border-box;
}

/* =============================================
   テキスト・タイトル設定
   ============================================= */

/* ページのトップタイトル */
.book-top {
    color: #ffffff;
    font-weight: bold;
    font-size: 2.2em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 2px;
}

/* 各本のタイトル */
.book-title {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 15px;
}

/* 標準テキスト */
.standard-text {
    line-height: 1.8;
    margin: 0;
}

/* 緑色の文字 */
.green {
    color: #00ff7f;
    font-weight: bold;
}

/* オレンジの文字 */
.orange {
    color: #FFA500;
    font-weight: bold;
}

/* 白の小さい文字 */
.white {
    color: #FFffff;
    text-align: center;
    font-weight: bold;
}

/* 水色の文字 */
.blue {
    color: #87cefa;
    font-weight: bold;
}

/* =============================================
   リンクの色設定 (LVHA順)
   ============================================= */

/* 1. 解説文の中のリンク */
.pink-link:link {
    color: #FFB6C1; /* クリック前：濃いピンク */
    text-decoration: none;
}
.pink-link:visited {
    color: #C71585; /* クリック後：薄いピンク */
}
.pink-link:hover {
    color: #FFA500; /* マウスオン：オレンジ */
    text-decoration: underline;
}

/* 2. フッターのリンク */
.footer-link a:link {
    color: #C71585; /* クリック前：濃いピンク */
}
.footer-link a:visited {
    color: #FFB6C1; /* クリック後：薄いピンク */
}
.footer-link a:hover {
    color: #FFA500; /* マウスオン：オレンジ */
}

/* =============================================
   区切り線・フッター設定
   ============================================= */

/* ピンクの線 */
.line-pink {
    border: none;
    border-top: 1px solid #ff1493;
    margin: 30px 0;
}

/* 緑色の線（太め） */
.line-green {
    border: none;
    border-top: 2px solid #00ff7f;
    margin: 20px 0;
}

/* 緑色の線（細め） */
.line-green2 {
    border: none;
    border-top: 1px solid #00ff7f;
    margin: 20px 0;
}

/* 金色のライン（長い方） */
.line-gold2 {
    border: none;
    border-top: 2px solid #ffd700;
    margin: 5px 0 5 0; /* 下の要素に近づける */
}

/* 金色のライン（短い方・300px） */
.line-gold {
    border: none;
    border-top: 2px solid #ffd700;
    width: 300px;
    margin: 5px auto; /* 上下の文字を引き寄せる */
}

/* フッターリンクエリア全体 */
.footer-link {
    width: 100%;
    text-align: center;
    margin-top: 0;
}

.footer-link a {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 0; /* ラインに極力近づける */
}