p {
    margin:1rem;
}

img {

    display: inline;
}

h1 img , h1 span{
    margin:0;
    display:inline-block;
    width:fit-content;
}

h1 {
    display: block;
    margin:3rem;
}

.magurochan-fish{
    margin:0;
    display: inline;
}

/* body */

.wrap-magurochan{
    
    width:100%;
}

.magurochan-img{

    text-align: center;


}

.magurochan-img img{
    margin:2rem auto;

    max-width: 300px;
    /* padding:2rem; */
    
}

.article{
    width: fit-content;
    margin:0 auto;
}

.kuroda-detail{
    background-image: repeating-linear-gradient(0deg,#abf1f1,#abf1f1 6px,#fff 6px,#fff 12px);

    display:block;

    max-width:360px;

    margin:1rem auto;
    padding:1rem;

}

.kuroda-profile{
    display:flex;
    flex-flow: column wrap;

    width: 100%;
    justify-content: center;

    text-align: center;
}

.kuroda-profile span.w700-1_5rem{
    font-weight: 700;
    font-size: 1.5rem;
}

.kuroda-profile span.f1_2rem{
    font-size: 1.2rem;
    margin:1rem 0;
}

.kuroda-profile img{
    border-radius: 50%;
    width: 150px;
}

.kuroda-text-back{

    background-color: rgba(255,255,255,0.75);

    padding:0.5rem;
}

@media screen and (min-width: 1025px) {

    .wrap-magurochan{

        display: flex;
        width:100%;
        flex-flow: row wrap;
        justify-content: center;
    }

    .magurochan-img img,.article,.kuroda-detail{
        margin:1rem;
    }

    .kuroda-detail{

        transform:translateY(-2rem);
    }

}