/*
Theme Name: kurashi
Theme URI: http://example.com
Author: kurashi
Author URI: http://example.com
Description: A custom WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kurashi
*/
.posts-title{
    padding:50px 0;
    font-size: 2em;
}
#toc_container{
    width:100%!important;
    padding:1% 2%;
    margin:30px 0;
}
#toc_container .toc_title{
    font-size: 24px;
}
#toc_container .toc_list > li{
    font-size:18px;
    font-weight: bold;
}
#toc_container .toc_list > li > ul > li{
    font-size:16px;
    font-weight: normal;
}
#toc_container li{
    margin:5px 0;
}
.created-posts-title {
    margin:50px 0 0 0;
}
.created-posts {
    display: flex;
    gap: 20px;
    width:100%;
    margin: 5px auto 50px;
    border-radius: 10px;
    padding: 10px;
    border:1px solid #62C091;
}
.created-posts .created-by-avatar {
    margin:0;
}
.created-posts .created-by-avatar img{
    /* 100*100でトリミングして縦横比は保持 */
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.created-posts .created-by{
    font-size:26px;
    font-weight: bold;
    color:#62C091;
    margin:0;
}

.related-posts-title {
    margin:50px 0 0 0!important;
    font-size:1.5rem!important;
    padding:0 0 10px 0!important;
}
.related-posts a {
    text-decoration: none;
    color:#333;
}
.related-posts ul {
    display:flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap:0.5%;
}
.related-posts ul li {
    max-width: 33%;
    margin-bottom:15px;
}
.inquiry-link{
    width:50%;
    margin: 50px auto;
    text-align: center;
    border-radius: 10px;
    background-color:#62C091;
}
.inquiry-link a{
    padding: 20px;
    text-align: center;
    color:#FFF;
    display: block;
    text-decoration: none;
}
.archive-link{
    width:50%;
    margin: 30px auto;
    text-align: center;
    border-radius: 10px;
    background-color:#62C091;
}
.archive-link a{
    padding: 20px;
    text-align: center;
    color:#FFF;
    display: block;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .created-posts-title {
        margin:50px 0 0 0;
    }
    .created-posts {
        display: block;
        width:100%;
        margin: 5px auto 50px;
        border-radius: 10px;
        padding: 10px;
        border:1px solid #62C091;
    }
    .created-posts .created-by-avatar {
        margin:0;
        display:flex;
        gap:20px;
    }
    .created-posts .created-by-avatar img{
        /* 100*100でトリミングして縦横比は保持 */
        object-fit: cover;
        width: 30%;
        height: auto;
        border-radius: 10px;
    }
    .created-posts .created-by{
        font-size:26px;
        font-weight: bold;
        color:#62C091;
        margin:0;
        display: flex;
        align-items: center;
    }
    .related-posts a {
        text-decoration: none;
        display: flex;
        gap:10px;
        align-items: center;
    }
    .related-posts a img {
        width: 35%;
        height: auto;
    }
    .related-posts ul {
        display:block;
        list-style-type: none;
    }
    .related-posts ul li {
        max-width: 100%;
    }
    .inquiry-link {
        width: 100%;
    }
    .archive-link {
        width: 100%;
    }
}