@charset "UTF-8";


body{
overflow: hidden;
}
#work,#profile,#art{
height: 0px;
margin-left: -100px;
}


nav{
position: fixed;
top: 0;
right: 0;
bottom:0;
left: 0;
z-index: 10;
}
article{
position: fixed;
top: 30vh;
right: auto;
bottom: auto;
left: 35%;
z-index: 10000000;
}
article figure{
width: 100px;

}








/*タブレット縦（portrait）ここから----------------------------*/
/*============================================
横幅768px以上
想定端末　:iPad9.7のportrait
============================================
*/
@media screen and (min-width:768px){
}


/*============================================
横幅1024px以上
想定端末　:iPadproのportrait
============================================
*/
@media screen and (min-width:1024px){


}




/*============================================
横幅1024px以上
想定端末:PC
============================================
*/
@media screen and (min-width:1024px) {










}


/*============================================
横幅1366px以上
想定端末:PC
============================================
*/
@media screen and (min-width:1440px) {
article section div{
margin-top: 7vh;
}

}

/*============================================
横幅1800px以上
想定端末:PC
============================================
*/
@media screen and (min-width:1800px) {


}

















body{
background-color: rgba(83,50,254,1.00);
font-family: 'DotGothic16', sans-serif;
}
nav{
position: fixed;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: 1;
height: 100vh;
width: 100vw;
background-size: cover;
}
nav img{
height: 100%;
width: 100%;
}



/*
=============================================
横幅360px以上
想定端末　:iPhon12のportrait
=============================================*/
@media screen and (min-width:390px){
header a{
font-size: 1.8rem;

}
header p{
padding-top: 6px;
padding-bottom: 6px;
}

}

/*タブレット縦（portrait）ここから----------------------------*/
/*============================================
横幅768px以上
想定端末　:iPad9.7のportrait
============================================
*/
@media screen and (min-width:768px){

}



/*PCここから マウスあり　-----------------------------------------*/
/*============================================
横幅1366px以上
想定端末:PC
============================================
*/
@media screen and (min-width:768px) {



}