@media screen and (max-width: 480px), screen and (orientation: landscape) {
    .stamp_table {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .stamp {
        object-fit: cover;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .stamp_cell {
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: rgba(192, 0, 192, 0.7);
        border-radius: 20px;
    }
    body {
        background-color: rgba(0, 0, 0, 1);
        background-image: url("/img/background.png");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        font-family: serif;
        color: rgba(255, 255, 255, 1);
    }
    .stamprally_title {
        text-align: center;
        color: rgba(0, 255, 0, 1);
        font-size: 7vw;
        font-weight: 800;
        transform: rotate(-4deg);
    }
    .stamp_result {
        text-align: center;
        color: rgba(0, 192, 0, 1);
        font-size: 150%;
        font-weight: 600;
    }
    .charactor_info {
        background-color: rgba(0, 0, 0, 1);
        padding-top: 1px;
        margin-top: 5em;
        padding-bottom: 3em;
    }
    .charactor_name {
        text-align: center;
        font-size: 200%;
        font-weight: 300;
        color: rgba(255, 255, 255, 1);
        background-color: rgba(0, 0, 255, 1);
        transform: rotate(-4deg);
        font-family: sans-serif;
        margin-top: 1em;
        margin-bottom: 0.5em;
        margin-right: -10px;
        margin-left: -10px;
    }
    .charactor_voice {
        text-align: center;
        font-size: 150%;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        font-family: sans-serif;
    }
    .charactor_introduction {
        text-align: center;
        color: rgba(255, 255, 255, 1);
        font-family: sans-serif;
    }
    .charactor_image {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .charactor_image_container {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .acquired {
        text-align: center;
        font-size: 150%;
        font-family: sans-serif;
        font-style: bold;
        margin-top: 1em;
    }
    .footer {
        text-align: center;
        font-size: 2vw;
        font-family: sans-serif;
        background-color: rgba(0, 0, 0, 1);
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        border-top: solid;
        border-color: rgba(255, 255, 255, 0.3);
    }
    .get_digital_contents {
        text-align: center;
    }
    .get_digital_contents_head {
        transform: rotate(-4deg);
        color: rgba(255, 255, 0, 1);
        background-color: rgb(50, 0, 50);
        border-top: solid;
        border-bottom: solid;
        border-color: rgb(153, 0, 153);
        font-size: 250%;
        font-weight: 1000;
        text-shadow: 1px 2px 3px rgb(20, 0, 20);
        margin-top: 0.5em;
        margin-bottom: 1em;
        margin-right: -10px;
        margin-left: -10px;
    }
    .get_digital_contents_body {
        color: rgb(255, 255, 255);
        background-color: rgb(30, 30, 30);
        border-color: rgb(153, 0, 153);
        font-size: 5vw;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 20px;
        text-decoration: none;
        margin-bottom: 1em;
    }

.get_digital_contents_body2 {
    background-color: rgb(30, 30, 30);
    border-color: rgb(153, 0, 153);
    border-radius: 20px;
    color: rgb(255, 255, 255);
    font-size: 5vw;
    margin-bottom: 1em;
    padding: 10px 30px;
    text-decoration: none;
}

    .subscription {
        text-align: center;
    margin-top: 3em;
    }
    .subscription_head {
        transform: rotate(-4deg);
        color: rgba(255, 255, 0, 1);
        background-color: rgb(7, 66, 8);
        border-top: solid;
        border-bottom: solid;
        border-color: rgb(153, 0, 153);
        font-size: 300%;
        font-weight: 1000;
        text-shadow: 1px 2px 3px rgb(20, 0, 20);
        margin-top: 2em;
        margin-bottom: 1em;
        margin-right: -10px;
        margin-left: -10px;
    }
    .subscription_body {
        color: rgb(255, 255, 255);
        background-color: rgb(255, 0, 255);
        border-color: rgb(153, 0, 153);
        font-size: 130%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 20px;
        text-decoration: none;
        margin-bottom: 0.5em;
    }
    .before_starting {
        text-align: center;
        font-size: 130%;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .content {
        background-color: rgba(0,0,0,0.7);
    }
}

@media screen and (min-width: 480px) {
    .stamp_table {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .stamp {
        object-fit: cover;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .stamp_cell {
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: rgba(192, 0, 192, 0.7);
        border-radius: 30%;
    }
    body {
        background-color: rgba(0, 0, 0, 1);
        background-image: url("/img/background.png");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        font-family: serif;
        color: rgba(255, 255, 255, 1);
    }
    .stamprally_title {
        text-align: center;
        color: rgba(0, 255, 0, 1);
        font-size: 7vw;
        font-weight: 800;
        transform: rotate(-4deg);
    }
    .stamp_result {
        text-align: center;
        color: rgba(0, 192, 0, 1);
        font-size: 300%;
        font-weight: 600;
    }
    .charactor_info {
        background-color: rgba(0, 0, 0, 1);
        padding-top: 1px;
        margin-top: 10em;
        padding-bottom: 3em;
    }
    .charactor_name {
        text-align: center;
        font-size: 400%;
        font-weight: 300;
        color: rgba(255, 255, 255, 1);
        background-color: rgba(0, 0, 255, 1);
        transform: rotate(-4deg);
        font-family: sans-serif;
        margin-top: 50px;
        margin-bottom: 50px;
        margin-right: -10px;
        margin-left: -10px;
    }
    .charactor_voice {
        text-align: center;
        font-size: 400%;
        font-weight: 300;
        color: rgba(255, 255, 255, 1);
        font-family: sans-serif;
    }
    .charactor_introduction {
        text-align: center;
        font-size: 200%;
        color: rgba(255, 255, 255, 1);
        font-family: sans-serif;
    }
    .charactor_image {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .charactor_image_container {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .acquired {
        text-align: center;
        font-size: 300%;
        font-family: sans-serif;
        font-style: bold;
        margin-top: 1em;
    }
    .footer {
        text-align: center;
        font-size: 2vw;
        font-family: sans-serif;
        background-color: rgba(0, 0, 0, 1);
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        border-top: solid;
        border-color: rgba(255, 255, 255, 0.3);
    }
    .get_digital_contents {
        text-align: center;
    }
    .get_digital_contents_head {
        transform: rotate(-4deg);
        color: rgba(255, 255, 0, 1);
        background-color: rgb(50, 0, 50);
        border-top: solid;
        border-bottom: solid;
        border-color: rgb(153, 0, 153);
        font-size: 10vw;
        font-weight: 1000;
        text-shadow: 1px 2px 3px rgb(20, 0, 20);
        margin-top: 0.5em;
        margin-bottom: 1em;
        margin-right: -10px;
        margin-left: -10px;
    }
    .get_digital_contents_body {
        color: rgb(255, 255, 255);
        background-color: rgb(30, 30, 30);
        border-color: rgb(153, 0, 153);
        font-size: 5vw;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 20px;
        text-decoration: none;
        margin-bottom: 1em;
    }

.get_digital_contents_body2 {
    background-color: rgb(30, 30, 30);
    border-color: rgb(153, 0, 153);
    border-radius: 20px;
    color: rgb(255, 255, 255);
    font-size: 5vw;
    margin-bottom: 1em;
    padding: 10px 30px;
    text-decoration: none;
}

    .subscription {
        text-align: center;
	margin-top: 3em;
    }
    .subscription_head {
        transform: rotate(-4deg);
        color: rgba(255, 255, 0, 1);
        background-color: rgb(7, 66, 8);
        border-top: solid;
        border-bottom: solid;
        border-color: rgb(153, 0, 153);
        font-size: 10vw;
        font-weight: 1000;
        text-shadow: 1px 2px 3px rgb(20, 0, 20);
        margin-top: 2em;
        margin-bottom: 1em;
        margin-right: -10px;
        margin-left: -10px;
    }
    .subscription_body {
        color: rgb(255, 255, 255);
        background-color: rgb(255, 0, 255);
        border-color: rgb(153, 0, 153);
        font-size: 260%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 20px;
        text-decoration: none;
        margin-bottom: 1em;
    }
    .before_starting {
        text-align: center;
        font-size: 260%;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .sns {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        font-size: 400%;
        font-family: serif;
        color: rgba(255, 255, 255, 1);
    }



    .content {
        background-color: rgba(0,0,0,0.7);
    }

}
   .sns table tr td img{
   	width: 10vw;
   }