@charset "UTF-8";
::selection {background: rgba(0,0,0,0.00); color:  white;}
body{
    margin:0 auto;
    text-align: center; 
    background-color: rgba(9,8,10,1.00);
        overflow-y: scroll;
        -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
        -webkit-scrollbar   /* Chrome, Safari 対応 */
}
div.wrp {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width:100%;
    height:100vh;
}

div.main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
    
div.main p  {
    color: white;
    text-align:left;
    font-family: "Times New Roman", Times, "serif";
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 23px;
}

div.main2 {
    margin: 0 auto;
    width: calc(320px*2.5); 
    height:100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.title {
    margin-top:130px;
    color: white;
    text-align:left;
    font-family: "Times New Roman", Times, "serif";
    font-size: 40px;
    letter-spacing: 0.1em;
    line-height: 23px;
    transform: scaleY(-1);
}

.und {
    margin-top:100px;
    color: white;
    text-align:right;
    font-size: 40px;
    transform: scaleY(-1);
}

.disc  {
    margin-top:50px;
    color: white;
    text-align:left;
    font-family: "Times New Roman", Times, "serif";
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 23px;
}

#unity-canvas{
    width: calc(320px*2.5); 
    height: calc(240px*2.5); 
    background: #231F20;
}

@media screen and (max-width: 768px){
    #unity-canvas{
    width: calc(320px*2); 
    height: calc(240px*2); 
    }
    div.main2 {
        width: calc(320px*2); 
    }
}

@media screen and (max-width: 479px){
    #unity-canvas{
    width: calc(320px*1); 
    height: calc(240px*1); 
    }
    
    div.main2 {
        width: calc(320px*1); 
    }
    
}