@charset "UTF-8";
/* CSS Document */


html{
background-color: #00000;
margin: 0;
padding: 0;
}
/*
=============================================
基本設定　iphon SE の縦構え(portrait)
規定端末：IPhon SE の porterait
=============================================*/
body{
background-image: linear-gradient(180deg,#050A48 0%,#000000 100%);
background-repeat: repeat;
width: 100vw;
margin: 0;
padding: 0;
}
div{
display: block;
white-space: nowrap;
overflow: hidden;
background-image: url(../images/background-hoshikuzu.png);
background-repeat: repeat;
height: 0;
}
#fujita figure{
position: fixed;
top: 25%;
right: 25%;
bottom: auto;
left: auto;
z-index: 1000;
}
@keyframes move{
  0%{ transform:rotate(0); bottom: 0px; opacity: 100%;}
  50%{bottom: 50px;opacity: 100%; }
  100%{ transform:rotate(360deg); bottom: 0px;opacity: 100%;}
}
#fujita img{
height: 100px;
width: auto;
transform: rotate(180deg);
position: relative;
animation-name: move;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
article{
width: 100vw;
overflow: hidden;

}
article figure:nth-of-type(1){
width: 500px;
height: auto;
margin: -300px 0 0 50px;
}
article figure:nth-of-type(2){
width: 30px;
height: auto;
margin: 50px 0 0 200px;
}
article figure:nth-of-type(3){
width: 35px;
height: auto;
margin: 60px 0 0 260px;
}
article figure:nth-of-type(4){
width: 100px;
height: auto;
margin: 80px 0 0 100px;
}
article figure:nth-of-type(5){
width: 90px;
height: auto;
margin: 180px 0 0 200px;
}
article figure:nth-of-type(6){
width: 400px;
height: auto;
margin: 380px 0px 0 -150px;
}
article figure:nth-of-type(7){
width: 500px;
height: auto;
margin: 400px 0 0 50px;
}
article figure:nth-of-type(8){
width: 200px;
height: auto;
margin: 300px 0 0 -50px;
}
article figure:nth-of-type(9){
width: 200px;
height: auto;
margin: 350px 0 1500px 100px;
}
article figure:nth-of-type(10){
margin: 0px 0 2000px 50px;
}
article figure:nth-of-type(10) img{
width: 40px;
height: auto;
}
footer{
display: block;
height: auto;
background-image: url("../images/background-hoshikuzu.png");
background-repeat: repeat;
width: 100vw;
margin: 0;
}
footer figure img{
width: 100vw;
height: auto;
margin: 0;
}



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


	
	
}
/*横幅360px ここまで*/

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



}
/*横幅390px ここまで*/



/*
=============================================
横幅414px以
想定端末　:iPhon6/7/8pulasのportrait
=============================================*/
@media screen and (min-width:414px) {


	
	
}
/*横幅390px ここまで*/




/*スマートフォン縦（Portrait）ここまで----------------------------*/

/*スマートフォン横（Landscape）ここから----------------------------*/

/*
=============================================
横幅568px以上
想定端末　:iPhonSE(初期)のLandscape
=============================================
*/
@media screen and (min-width:568px){
#fujita figure{
top: 25%;
right: 55%;
}
#fujita img{
height: 100px;
}
article figure:nth-of-type(1){
margin: -300px 0 0 200px;
}
article figure:nth-of-type(2){
margin: 50px 0 0 300px;
}
article figure:nth-of-type(3){
width: 35px;
height: auto;
margin: 60px 0 0 360px;
}
article figure:nth-of-type(4){
margin: 80px 0 0 200px;
}
article figure:nth-of-type(5){
margin: 180px 0 0 300px;
}
article figure:nth-of-type(7){
margin: 400px 0 0 150px;
}
article figure:nth-of-type(9){
margin: 350px 0 1500px 200px;
}
article figure:nth-of-type(10){
margin: 0px 0 2000px 150px;
}



footer{
display: block;
height: auto;
background-image: url("../images/background-hoshikuzu.png");
background-repeat: repeat;
}
footer figure img{
width: 100vw;
height: auto;
}
	
}
/*横幅568px ここまで*/


/*
=============================================
横幅667px以上
想定端末　:iPhon6/7/8のLandscape
=============================================
*/
@media screen and (min-width:568px){
article figure:nth-of-type(7){
margin: 400px 0 0 350px;
}

		

	
}
/*横幅568px ここまで*/



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



}

/*スマートフォン横（Landscape）ここまで----------------------------*/
/*タブレット縦（portrait）ここから----------------------------*/
/*============================================
横幅768px以上かつ高さ500px以上
想定端末　:iPad9.7のportrait
============================================
*/
@media screen and (min-width:768px) and (min-height:500px){
#fujita figure{
top: 15%;
right: 50%;
}
article figure:nth-of-type(1){
width: 1000px;
margin: -600px 0 0 200px;
}
article figure:nth-of-type(2){
width: 60px;
margin: 200px 0 0 400px;
}
article figure:nth-of-type(3){
width: 65px;
margin: 210px 0 0 460px;
}
article figure:nth-of-type(4){
width: 120px;
margin: 300px 0 0 300px;
}
article figure:nth-of-type(5){
width: 130px;
margin: 400px 0 0 500px;
}
article figure:nth-of-type(6){
width: 700px;
margin: 1000px 0px 0 -150px;
}
article figure:nth-of-type(7){
width: 900px;
margin: 1200px 0 0 150px;
}
article figure:nth-of-type(8){
width: 300px;
margin: 800px 0 0 -50px;
}
article figure:nth-of-type(9){
width: 300px;
margin: 1000px 0 1500px 200px;
}
article figure:nth-of-type(10){
margin: 0px 0 2000px 200px;
}



}
/*横幅768px以上かつ高さ500px以上ここまで----------------------------*/


/*タブレット縦（Portrait）ここまで----------------------------*/
/*タブレット横（Landscape）ここから----------------------------*/
/*============================================
横幅1024px以上かつ横構え
想定端末　:iPad9.7のLandscape
============================================
*/
@media screen and (min-width:1024px) 
	and (orientation:landscape) {






}
/*横幅1024px以上かつ横構えここまで*/

/*タブレット横（Landscape）ここまで----------------------------*/


/*============================================
横幅1024px以上かつ縦構え
想定端末　:iPad9.7のportarait
============================================
*/
@media screen and (min-width:1024px) 
	and (orientation:portrait){

	
	}


/*PCここから マウスあり　-----------------------------------------*/
/*============================================
横幅1367px以上
想定端末:PC
============================================
*/
@media screen and (min-width:1366px) {
#fujita figure{
right: 47%;
}
article figure:nth-of-type(1){
margin: -600px 0 0 600px;
}
article figure:nth-of-type(2){
margin: 200px 0 0 900px;
}
article figure:nth-of-type(3){
margin: 250px 0 0 980px;
}
article figure:nth-of-type(4){
margin: 300px 0 0 600px;
}
article figure:nth-of-type(5){
margin: 400px 0 0 1000px;
}
article figure:nth-of-type(6){
margin: 600px 0px 0 -150px;
}
article figure:nth-of-type(7){
margin: 650px 0 0 750px;
}
article figure:nth-of-type(8){
margin: 700px 0 0 -50px;
}
article figure:nth-of-type(9){
margin: 600px 0 1500px 600px;
}
article figure:nth-of-type(10){
margin: 0px 0 2000px 400px;
}
footer{
overflow: hidden;
}
footer figure img{
margin: 0 0 -200px 0;
}



}


/*============================================
横幅1700px以上
想定端末:PC
============================================
*/
@media screen and (min-width:1700px) {
article figure:nth-of-type(1){
width: 2000px;
margin: -1300px 0 0 600px;
}
article figure:nth-of-type(7){
margin: 650px 0 0 1050px;
}
article figure:nth-of-type(9){
margin: 600px 0 1500px 800px;
}


}