@media (max-width: 768px) {
    *{
        padding: 0;
        margin: 0;
        /* overflow: hidden; */
    }
    body {
        margin: 0;
        padding: 0;
        height: 1000px;
    }
    .bodyimg img{
        width: 100%;
        height: 1255px;
    }
    .contentshinchan {
        background-color: white;
        display: flex;
        position: relative;
        left: 10px;

        height: 370px;
        border: 2px solid;
        width: 94%;
        top: -1236px;
    }
    #shinchan{
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        left: 10px;
        height: 370px;
        /* background-color: white; */
        border: none;
        width: 94%;
        top: 0;
    }
    #shinchan img {
        position: relative;
        width: 100%;
        height: 225px;
        top: -70px;
    
    }
    #shinchan li a {
        position: absolute;
        display: flex;
        left: 0px;
        top: 230px;
        font-size: 28px;
    }
    
    #shinchan li {
        list-style: none;
    }
    
    #shinchan p {
        display: flex;
        position: absolute;
        top: 287px;
        bottom: 0;
        font-size: 14px;
        /* margin-left: 15px; */
        /* left: -231px; */
        /* justify-content: center; */
        /* text-align: center; */
        margin: 5px;
        padding: 0px;
        
    }


    #contentdoraemon {
        background-color: white;
        display: flex;
        position: relative;
        left: 10px;
        height: 370px;
        border: 2px solid;
        width: 94%;
        top: -1218px;


    }

    #doraemon {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        left: 10px;
        /* background-color: white; */
        height: 370px;
        border: none;
        width: 94%;
        top: 0;
    }
    #doraemon img{
        position: relative;
        width: 100%;
        height: 225px;
        top: -70px;
    }
    #doraemon li a {
        position: absolute;
        display: flex;
        left: 0px;
        top: 230px;
        font-size: 27px;
    
    }
    
    #doraemon li {
        list-style: none;
    }
    
    #doraemon p {
        display: flex;
        position: absolute;
        top: 288px;
        bottom: 0;

        font-size: 14px;
        /* margin-left: 15px; */
        /* left: -231px; */
        /* justify-content: center; */
        /* text-align: center; */
        margin: 5px;
        padding: 0px;
    }

    #contentoggy {
        background-color: white;
        display: flex;
        position: relative;
        left: 10px;
        height: 422px;
        border: 2px solid;
        width: 94%;
        top: -1200px;
        
    }
    #oggy {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        left: 10px;
        /* background-color: white; */
        height: 422px;
        border: none;
        width: 94%;
        top: 0;
    }
    
    #oggy img {
        position: relative;
        width: 100%;
        height: 225px;
        top: -93px;
        margin: 15px;
    }
    
    #oggy li a {
        position: absolute;
        display: flex;
        left: 0px;
        top: 230px;
        font-size: 28px;
    }
    
    #oggy li {
        list-style: none;
    }
    
    #oggy p {
        display: flex;
        position: absolute;
        top: 288px;
        bottom: 0;
        font-size: 14px;
        /* margin-left: 15px; */
        /* left: -231px; */
        /* justify-content: center; */
        /* text-align: center; */
        margin: 5px;
        padding: 0px;
    }
}

@media (min-width: 0px) and (max-width: 390px) {
    .bodyimg img{
        height: 1273px;
    }

    .contentshinchan{
        height: 380px;
        top: -1254px;
    }
    #shinchan li a{
        font-size: 21px;
    }
    #shinchan p{
        top: 273px;
    }


    #contentdoraemon{
        height: 380px;
        top: -1236px;
    }
    #doraemon li a{
        font-size: 20px;
    }
    #doraemon p{
        top: 273px;
    }


    #contentoggy{
        top: -1218px;
    }
    #oggy li a{
        font-size: 21px;
    }
    #oggy p{
        top: 273px;
    }


    #footer{
        margin-top: -30px;
    }
}