.tokumaru {
    /*親div*/
    width: 100%;
    /*ページ全体の幅は100%と指定する*/
    text-align: center;
    /*ページ全体を中央揃えにする*/
}

#wrap {
    width: 700px;
    /*全体の幅を指定する*/
    margin: 0 auto;
    /*マージンの指定をする、ブラウザ対策*/
}

.tokumaru p {
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #727171;
    /*文字色*/
    font-size: small/*サイズ小*/
}

.link {
    color: #727171;
    /*文字色*/
    font-size: x-large;
    /*サイズ大*/
}

.link a {
    color: #727171;
    /*文字色*/
    display: inline-block;
    transition: all .3s ease 0s;
}

.link a:hover {
    cursor: pointer;
    transform: scale(1.1);
}

@media screen and (max-width: 960px) {
    #wrap {
        width: 340px;
        /*全体の幅を指定する*/
        margin: 0 auto;
        /*マージンの指定をする、ブラウザ対策*/
    }
}

@media screen and (max-width: 960px) {
    .tokumaru img {
        width: 340px;
        height: auto;
        /*マージンの指定をする、ブラウザ対策*/
    }
}

@media screen and (max-width: 960px) {
    .tokumaru p {
        margin: 0;
        padding: 0;
        display: inline-block;
        color: #727171;
        /*文字色*/
        font-size: x-small;
    }
}

@media screen and (max-width: 960px) {
    .link {
        color: #727171;
        font-size: large;
    }
}


/*以下フェードイン表示の指定*/

.fadein {
    opacity: 0;
    animation: fadein 6s ease forwards;
}

@keyframes fadein {
    100% {
        opacity: 1;
    }
}


/*以下遅延の指定*/

.txt01 {
    animation-delay: 0.5s;
}

.txt02 {
    animation-delay: 1s;
}

.txt03 {
    animation-delay: 1.5s;
}

.txt04 {
    animation-delay: 2s;
}

.txt05 {
    animation-delay: 2.5s;
}

.txt06 {
    animation-delay: 3s;
}

.txt07 {
    animation-delay: 3.5s;
}

.txt08 {
    animation-delay: 4s;
}

.txt09 {
    animation-delay: 4.5s;
}

.txt10 {
    animation-delay: 5s;
}

.txt11 {
    animation-delay: 5.5s;
}