@charset "UTF-8";

/* ポートフォリオ　－　読み物のページ SP */


@media screen and (max-width: 1000px) {
    .menu_box,
    .essay_box,
    .thumbnail,
    .tag_list_group {
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    /* エッセイの中の別記事へのリンク */
    .menu_box.link {
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    .content_box {
        width: 90%;
    }
    .menu_box .hidden_pc {
        display: block;
    }
    .menu_box .note,
    .menu_box .note02 {
        font-size: 0.9rem;
    }

    .flex_items {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .thumbnail .flex_items.photo,
    .thumbnail .flex_items.text {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0;
        text-align: center;
    }
    
    /* タグ別リスト */
    .tag_list_group .tag_button {
        width: 100%;
    }
    .tag_list_group p {
        font-size: 0.9rem;
    }

    /* サムネイル　タグ */
    .thumbnail .flex_items.text .tag {
        margin-bottom: 0;
    }

    .thumbnail .about_text_block {
        margin-bottom: 0;
    }

    /* エッセイの中の別記事へのリンク */
    .menu_box.link .flex_items.images {
        width: 100%;
        margin-bottom: 20px;
    }
    .menu_box.link .flex_items.text {
        width: 100%;
        padding-left: 0;
        font-size: 0.875rem;
        line-height: 1.4;
    }
}

@media screen and (max-width: 600px) {
    .menu_box ul li .hidden_600 {
        display: block;
    }
    .menu_box ul li {
        font-size: 0.875rem;
        line-height: 1.7;
    }

    /* NEWマーク */
    .menu_box ul li.new .new_mark {
        padding: 0px 4px;
        margin-right: 3px;
    }

    /* 600以下で改行 */
    .block_600 {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .content_box {
        width: 100%;
    }
    .menu_box p .hidden_500 {
        display: none;
    }
    .thumbnail .hidden_500 {
        display: block;
    }

    /* タグボタン */
    .tag_list_group .tag_button .tag_list {
        padding: 1px 10px 2px 10px;
    }

    /* タイトル・サブタイトル文字 */
    .essay_title {
        font-size: 1.25rem;
        letter-spacing: 0;
    }
    .essay_sub_title {
        font-size: 1.125rem;
        letter-spacing: 0;
    }

    /* サムネイル　文字 */
    .thumbnail .flex_items.text p {
        font-size: 0.75rem;
        line-height: 1.4;
    }

    /* サムネイル　タグ */
    .thumbnail .flex_items.text .tag {
        font-size: 0.875rem;
        padding: 0 10px;
    }

}