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

body {
	background: white;
}


#title{
	font-family: Arial;
	font-weight: bold;
	font-size: 105px;
	line-height: 105px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:0px;
	left:10px;
	margin: 0;
	z-index: 2;
	}

#works{
	font-family: Arial;
	font-weight: bold;
	font-size: 50px;
	line-height: 50px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:222px;
	left:15px;
	margin: 0;
	z-index: 2;
	}

#bio{
	font-family: Arial;
	font-weight: bold;
	font-size: 50px;
	line-height: 50px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:222px;
	left:190px;
	margin: 0;
	z-index: 2;
	}

#contact{
	font-family: Arial;
	font-weight: bold;
	font-size: 50px;
	line-height: 50px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:222px;
	left:295px;
	margin: 0;
	z-index: 2;
	}


a {
	color:#F00;
	text-decoration:none;
}

ul {
	list-style-type: none;
 	background-color: none; 
}




/* ------ Copy Shibuya1 ------ */
.CS1{
    position: relative;
    cursor: pointer;
}
/* 写真の設定 */
.CS1 img{
	position: absolute;
	top: 366px;
	left: 0px;
	width: 314px;
	height: 418px;
}
/* ホバーボックスの設定 */
.copyshibuya1 {
    display: none;
    position: absolute;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	color: #f00;
	width: 314px;
	height: 35px;
	background: #2F19FF;
}
/* ホバーボックス位置の設定 */
.CS1:hover .copyshibuya1{
    display: inline-block;
    top: 784px;
    left: 0px;
}


/* ------ Super mov ------ */
.s{
    position: relative;
    cursor: pointer;
}
/* 写真の設定 */
.s img{
	position: absolute;
	top: 366px;
	left: 363px;
	width: 438px;
	height: 418px;
}
/* ホバーボックスの設定 */
.supermov{
    display: none;
    position: absolute;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	color: #f00;
	width: 438px;
	height: 35px;
	background: #2F19FF;
}
/* ホバーボックス位置の設定 */
.s:hover .supermov{
    display: inline-block;
    top: 784px;
    left: 363px;
}


/* ------ collage1 ------ */
.c1{
    position: relative;
    cursor: pointer;
}
/* 写真の設定 */
.c1 img{
	position: absolute;
	top: 366px;
	left: 850px;
	width: 431.04px;
	height: 418px;
}
/* ホバーボックスの設定 */
.collage1{
    display: none;
    position: absolute;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	color: #f00;
	width: 431.04px;
	height: 35px;
	background: #2F19FF;
}
/* ホバーボックス位置の設定 */
.c1:hover .collage1{
    display: inline-block;
    top: 784px;
    left: 850px;
}

/* ------ human ------ */
.h{
    position: relative;
    cursor: pointer;
}
/* 写真の設定 */
.h img{
	position: absolute;
	top: 877px;
	left: 0px;
	width: 310px;
	height: 413px;
	
	padding-bottom: 160px; /*下の余白*/
}
/* ホバーボックスの設定 */
.human{
    display: none;
    position: absolute;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	color: #f00;
	width: 310px;
	height: 35px;
	background: #2F19FF;
}
/* ホバーボックス位置の設定 */
.h:hover .human{
    display: inline-block;
    top: 1290px;
    left: 0px;
}


#installation{
		font-family: Arial;
		font-weight: normal;
		font-size: 25px;
		line-height: 25px;
		text-align: left;
		color: #f00;
		position:fixed;
		top:300px;
		left:15px;
		margin: 0;
		z-index: 2;
	}
.box1{
	width: 150px;
	height: 47px;
	border-radius: 23.5px;
	background: rgba(255,255,255,0.20); 
	border: 1px solid #f00;
	position:fixed;
	top:290px;
	left:5px;
	margin: 0;
	z-index: 1;
	}

.box1:hover{
	 background-color:rgba(187,255,175,0.80);/*ミドリ*/
	}


#graphic{
	font-family: Arial;
	font-weight: normal;
	font-size: 25px;
	line-height: 25px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:300px;
	left:172px;
	margin: 0;
	z-index: 2;
}
.box2{
	width: 113px;
	height: 47px;
	border-radius: 23.5px;
	background: rgba(255,255,255,0.20);
	border: 1px solid #f00;
	position:fixed;
	top:290px;
	left:165px;
	margin: 0;
	z-index: 1;
}
.box2:hover{
	background-color: rgba(47,25,255,0.50);
}

#design{
	font-family: Arial;
	font-weight: normal;
	font-size: 25px;
	line-height: 25px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:300px;
	left:293px;
	margin: 0;
	z-index: 2;
}
.box3{
	width: 104px;
	height: 47px;
	border-radius: 23.5px;
	background: rgba(255,255,255,0.20);
	border: 1px solid #f00;
	position:fixed;
	top:290px;
	left:285px;
	margin: 0;
	z-index: 1;
}
.box3:hover{
	background-color:rgba(247,127,246,0.50);
}


#creative{
	font-family: Arial;
	font-weight: normal;
	font-size: 25px;
	line-height: 25px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:300px;
	left:406px;
	margin: 0;
	z-index: 2;
}
.box4{
	width: 117px;
	height: 47px;
	border-radius: 23.5px;
	background: rgba(255,255,255,0.20);
	border: 1px solid #f00;
	position:fixed;
	top:290px;
	left:400px;
	margin: 0;
	z-index: 1;
}
.box4:hover{
	background-color: rgba(222,255,51,0.50);
}



.context{  /* BIOのページ */
	font-family: Arial;
	font-weight: bold;
	font-size: 40px;
	line-height: 45px;
	text-align: left;
	/*width: 1529px;
	height: 788px;*/
	background: transparent;
	position:absolute;
	top:250px;
	left:15px;
	margin: 0;
	}


#FaceBook{
	font-family: Arial;
	font-weight: bold;
	font-size: 45px;
	line-height: 45px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:780px;
	left:426px;
	margin: 0;
	}

#slash{
	font-family: Arial;
	font-weight: bold;
	font-size: 45px;
	line-height: 45px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:735px;
	left:735px;
	margin: 0;
	}


#Instagram{
	font-family: Arial;
	font-weight: bold;
	font-size: 45px;
	line-height: 45px;
	text-align: left;
	color: #f00;
	position:fixed;
	top:780px;
	left:852px;
	margin: 0;
	}

#credit{
	font-family: Arial;
	font-size: 11px;
	line-height: 11px;
	position:fixed;
	top:795px;
	left:1205px;
	margin: 0;
	}



/* タブレット用 */
@media (max-width: 768px){
	.style-nav ul li{
		display: inline-block;
	}
}

/* デスクトップ用 */
@media (max-width: 1024px){
}