.background{
    background-color: rgb(247,247, 255);
}

img.my_icon{
/*    width: auto;
    height: 20vh;*/
    width: 16em;
    height: auto;
}
@media only screen and (max-device-width: 480px) {
    img.my_icon{
        /*    width: auto;
            height: 20vh;*/
            width: 40vw;
            height: auto;
    }
}

.SNS_link:hover {
    text-decoration:none ;
}

.SNS_link_disabled:hover {
    text-decoration:none ;
}

.SNS_link_disabled:active {
    pointer-events: none;
}

img.SNS_link_img {
    width: auto;
    height: 7.5%;
}
@media only screen and (max-device-width: 480px) {
    img.SNS_link_img {
        width: auto;
        height: 13vw;
    }
}

.text_class_smallvh {
    /*font-size: 1.5vw;*/
    font-size: min(1.5vw,1.5vh);
}

.text_class_normalvh {
    /*font-size: 1.5vw;*/
    font-size: min(2.5vw,2.5vh);
}

.text_class_less_largevh {
    /*font-size: 2vw;*/
    font-size: min(3.5vw,3.5vh);
}

.text_class_largevh {
    /*font-size: 2.5vw;*/
    font-size: min(4.5vw,4.5vh);
}
.text_class_very_largevh {
    /*font-size: 3vw;*/
    font-size: min(6vw,6vh);
}

@media only screen and (max-device-width: 480px) {
    .text_class_smallvh {
        /*font-size: 1.5vw;*/
        font-size: min(2.75vw,2.75vh);
    }

    .text_class_normalvh {
        /*font-size: 1.5vw;*/
        font-size: min(3.75vw,3.75vh);
    }
    
    .text_class_less_largevh {
        /*font-size: 2vw;*/
        font-size: min(4.75vw,4.75vh);
    }
    
    .text_class_largevh {
        /*font-size: 2.5vw;*/
        font-size: min(5.75vw,5.75vh);
    }
    .text_class_very_largevh {
        /*font-size: 3vw;*/
        font-size: min(6.75vw,6.75vh);
    }    
}

.my-p {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}

span {
    display: inline-block;
 }