@charset "UTF-8";

/* ポートフォリオ　－　イラストエッセイ詳細ページ PC */


/*************************************
イラスト詳細ブロック
*************************************/
.detail_item {
    width: 80%;
    margin: 0 auto 60px auto;
}

/* キャプション */
.detail_caption {
    color: #164b09;
    margin-bottom: 40px;
    text-align: center;
}

/* タグ */
.detail_tag {
    display: inline-block;
    color: #0B1F32;
    background-color: #fab689;
    border-radius: 5px;
    padding: 4px 10px 2px 10px;
    margin-bottom: 10px;
}

/* タイトル */
.detail_title {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
}

/* 本文 */
.detail_main_text {
    line-height: 1.4;
    margin-bottom: 40px;
}

/* 補足 */
.detail_sub_text {
    width: 80%;
    margin: 0 auto;
    font-size: 0.875rem;
    line-height: 1.4;
    padding: 10px;
    margin-bottom: 40px;
    border: 2px dotted #ccc; 
}

/* 日付 */
.detail_time {
    font-size: 0.875rem;
    text-align: right;
}
.detail_time p,
.detail_time time {
    display: inline-block;
    text-align: right;
}
.detail_time .slash {
    margin: 0 10px;
}


/*************************************
タグの色
*************************************/
/* イラスト・キャラクター */
.tag_イラスト {
    border-color: #bde998;
    background-color: #bde998; 
}

/* 家族 */
.tag_家族 {
    border-color: #fab689;
    background-color: #fab689; 
}

/* 料理 */
/* .tag_料理 {
    border-color: #b8d3fa;
    background-color: #b8d3fa; 
} */

/* 健康 */
.tag_健康 {
    border-color: #e4b6ff;
    background-color: #e4b6ff; 
}

/* ゲーム・趣味・推し活 */
.tag_ゲーム・趣味・推し活 {
    border-color: #f7a9b6;
    background-color: #f7a9b6; 
}

/* 生活・料理 */
.tag_生活・料理 {
    border-color: #fce943;
    background-color: #fce943; 
}

/* 趣味 */
/* .tag_趣味 {
    border-color: #fd6a6a;
    background-color: #fd6a6a;
} */

/* 思うこと */
.tag_思うこと {
    border-color: #7cacf5;
    background-color: #7cacf5; 
}

/* その他 */
.tag_その他 {
    border-color: #d7b9b9;
    background-color: #d7b9b9; 
}



/*************************************
ページネーション・一覧に戻るボタン・
*************************************/
/* ページネーション */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    margin: 0 auto 40px auto;
}
.pagination .to_prev_page {
    position: relative;
    border: 2px solid #75bf72;
    margin: 0 10px;
    padding: 2px 10px 2px 30px;
}
.pagination .to_next_page {
    position: relative;
    border: 2px solid #75bf72;
    margin: 0 10px;
    padding: 2px 30px 2px 10px;
}
.pagination .to_prev_page::before {
    display: inline-block;
    position: absolute;
    top: 31%;
    left: 13px;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #75bf72;
    border-left: 2px solid #75bf72;
    transform: rotate(-45deg);
}
.pagination .to_next_page::after {
    display: inline-block;
    position: absolute;
    top: 31%;
    right: 13px;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #75bf72;
    border-right: 2px solid #75bf72;
    transform: rotate(45deg);
}





/* イラストエッセイ一覧に戻るボタン */
.to_illust_analog_essay {
    text-align: center;
    margin-bottom: 40px;
}
.to_illust_analog_essay a {
    display: inline-block;
    font-size: 0.875rem;
    padding: 3px 10px 3px 12px;
    border: 2px solid #75bf72;
    background-color: #d0e9cf;
    border-radius: 10px;
}