@charset "utf-8";

.maincat_v {
    height: 500px;
    background-image: url("../about/img/main.jpg");
    background-size: cover;
    background-position: center center;
    margin-bottom: 60px;
}

.maincat_v h1 img {
    height: 230px;
    width: auto;
    margin: 170px auto 0 auto;
}

.title h2 {
    line-height: 1.5;
    margin-bottom: 15px;
}

.title p {
    margin-bottom:45px;
}

.comics img {
    padding-bottom: 80px;
}

.profile {
    margin: 0 auto 0 auto;
}

.profile h3 {
    margin: 0 auto 25px auto;
}

.profile p {
    margin-bottom: 40px;
}

.pimg {
    float: right;
    width: 150px;
    margin: 0 0 15px 15px;
}

.place_bg01 img,
.place_bg02 img,
.place_bg03 img {
    margin: 40px 0 20px 0;
}

table {
    width: 100%;
}

table th {
    white-space: nowrap;
    width: 5rem;
}

table,
td,
th {
    font-size: 0.8rem;
    border-bottom: 1px solid #dddddd;
    padding: 10px;
}

.tb_b {
    margin-bottom: 50px;
}

.read h3 {
    font-size: 1.2rem;
    background-color: #353e5a;
    color: #fff;
    padding: 10px;
    margin: -15px 0 20px 0;
    position: relative;
}

.master {
    margin: 50px auto;
}

.master h3 {
    text-align: center;
    margin: 15px auto 15px auto;
}

.master h3 span {
    display: block;
    font-size: 1rem;
}

.master img {
    width: 50%;
    margin: auto;
}


@media (min-width: 576px) {
    .maincat_v {
        height: 500px;
        background-position: center center;
        margin-bottom: 100px;
    }


    .maincat_v h1 img {
        height: 250px;
        margin: 125px auto 0 auto;
        position: relative;
        z-index: 99;
    }

    .title {
        margin: 0 auto 150px auto;
    }


    .title h2 {
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .title p {
        font-size: 1.1rem;
    }

    .profile {
        margin: 0 auto 100px auto;
    }

    .tb_b {
        margin-bottom: 0;
    }

    .place_bg01,
    .place_bg02,
    .place_bg03 {
        margin: 200px auto;
    }

    .place_bg01 {
        background-image: url('../about/img/bg01.svg');
        background-size: cover;
        background-position: center center;
    }

    .place_bg02 {
        background-image: url('../about/img/bg02.svg');
        background-size: cover;
        background-position: center center;
    }

    .place_bg03 {
        background-image: url('../about/img/bg03.svg');
        background-size: cover;
        background-position: center center;
    }

    .place01 img {
        margin-top: -100px;
    }

    .place02 img {
        margin-top: -150px;
    }

    .read {
        margin: 20px 0;
    }

    .read h3 {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        margin: -50px 0 20px 20px;
    }

    .read p {
        font-size: 0.9rem;
        margin-left: 20px;
    }

    .master {
        margin: 100px auto;
    }

    .master h3 {
        text-align: left;
        margin: 0 0 15px 0;
    }

    .master img {
        width: 100%;
        margin: auto;
    }

    .comics img {
        padding-bottom: 100px;
    }
    
    .sns01,.sns02{
        display: none;
    }


}