@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400&family=Noto+Sans+JP:wght@100;300;400&display=swap');

body {
    /* background-color: #e5e5e5; */
    /* font-family: YuGothic, 'Yu Gothic', YuGothic, 'Yu Gothic', sans-serif; */
    /* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */



    /* font-family: 'Noto Sans JP', sans-serif; */
    /* font-family: Noto Sans, Noto Sans CJK JP, sans-serif; */
    /* height: 100vh; */

    /* font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Arial, Meiryo, sans-serif; */
    /* font-family: 'Noto Sans CJK JP', sans-serif; */



    /* font-family: 'Inter', sans-serif;
    font-family: 'Noto Sans JP', sans-serif; */
    /* font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */

    font-family: Roboto, -apple-system, BlinkMacSystemFont, 游ゴシック体, YuGothic, "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#main_content {
    /* background-color: #e5e5e5; */
    /* background-color: #fff; */
    /* padding-bottom: 40px; */
    /* min-height: 80vh; */

}

#col_main {
    /* background-color: #ffffff; */
    /* background-color: #b5c7f5; */
    /* height: 100%; */
    /* height: 100vh; */
}

#col_sub {
    /* padding: 10px 10px; */
    height: 100%;
    /* min-width: 300px; */
    /* margin-left: 10px; */
    /* background-color: transparent; */
    /* background-color: antiquewhite; */
}

.top_site_logo {
    height: 60px;
}


header {
    background-color: #ffffff;
}

a {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}


#all_content {
    /* background-color: #fff; */
    margin: 0 auto;
}

#footer {
    /* height: 200px; */
    background-color: #303030;
    color: #fff;
    padding: 10px;
    /* position: absolute;
    bottom: 0; */
}

.main_container {
    width: 1200px;
    margin: 0 auto;
}

.content_container {
    /* margin-top: 20px; */
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: #fff; */
}

.n_container {
    /* height: 600px; */
    background-color: #ffffff;
    padding: 10px;
    /* width: fit-content; */
    width: 100%;
    margin-bottom: 20px;
    /* margin-left:10px;
    margin-right:10px; */
}


/* 記事一覧 */
.post_container {
    display: flex;
    /* margin: 6px 0; */
    padding: 6px 0;
    width: 100%;
    /* background-color: #dcdcdc; */
    /* height: 100px; */
    /* width: fit-content; */
    border-bottom: 1px solid #c4c4c4;
    background-color: #fff;
}

.post_list_image_content {
    width: 160px;
    /* min-height: 100px; */
    /* height: auto; */


}

.post_list_image {
    /* width: 100%; */
    /* max-width: 160px; */
    /* min-width: 160px; */
    width: 100%;
    height: 100px;
    /* height: 100%;
    max-height: 100px; */
    object-fit: cover;

}

.post_list_content {
    padding: 0 6px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;



}

.footer_container {
    margin: 20px 0;
}



.footer_menu_item_link {
    color: #fff;
    margin: 10px;
    font-weight: bold;
    /* background-color: transparent; */
}




h1,
h2,
h3 {
    font-size: 1.0rem;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
}


.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.youtube iframe {
    width: 100%;
    height: 100%;
}




/* tr.odd {
    background-color: #e6edff;
} */

.selected {
    background-color: #cbcbcb;
}


.navigation_menu_container {
    /* background-color: #143c87; */
}





/* label {
    display: inline;
    width: 100px;
    background-color: burlywood;
}

.form-control {
    display: inline;
    width: 50%;
} */









.list_comic_image_container {
    /* width:150px; */
    /* max-height: 120px; */
    position: relative;
}

.box_comic_image_container .image_label,
.list_comic_image_container .image_label {
    position: absolute;
    bottom: 0px;
    width: 100%;
    opacity: 0.9;
    padding: 0 5px;
}

.list_comic_image_container img {
    width: 100%;
    /* height: 100%; */
    max-height: 120px;
    object-fit: cover;
}

.box_comic_image_container {
    position: relative;

}

.box_comic_image_container img {
    width: 100%;
    height: 120px;
    /* min-height: 100px;
  max-height: 120px; */
    object-fit: cover;
}


.view_comic_site_episord_link {
    color: #2f353a;
}


.btn {
    font-weight: bold;
}