@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; 
}



/* ------ IVRC ------ */
.ivrc{
    position: relative;
    cursor: pointer;
}
/* 写真の設定 */
.ivrc img{
	position: absolute;
	top: 366px;
	left: 0px;
	width: 548.2px;
	height: 385px;	
}
/* ホバーボックスの設定 */
.ivrcdm{
    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: 548.2px;
	height: 35px;
	background: #F77FF6;
}
/* ホバーボックス位置の設定 */
.ivrc:hover .ivrcdm{
    display: inline-block;
    top: 751px;
    left: 0px;
}

/* ------ openLab. DM ------ */
.oD{
    position: relative;
    cursor: pointer;
}
/* 写真の設定 */
.oD img{
	position: absolute;
	top: 366px;
	left: 596px;
	width: 684.44px;
	height: 385px;	
	
	padding-bottom: 140px; /*下の余白*/
}
/* ホバーボックスの設定 */
.openlab{
    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: 684.44px;
	height: 35px;
	background: #F77FF6;
}
/* ホバーボックス位置の設定 */
.oD:hover .openlab{
    display: inline-block;
    top: 751px;
    left: 596px;
}


#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){
}