@charset "utf-8";

html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(../../../images/works/2012ruminant/ruminant_insta1.jpg) no-repeat center center;
	background-size: cover;
	background: rgba(255,255,255,0.76);
	font-family: “Verdana”,“游明朝”, YuMincho,“ヒラギノ明朝 ProN W3″,“Hiragino Mincho ProN”,“メイリオ”, Meiryo, serif;
}

/*///////////////////////////////////*/

nav{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 80px;
	z-index: 10;
}

nav ul{
	width: 420px;
	float: right;/* !! */
	padding-right: 20px;
	z-index: 10;
}

nav ul li{
	float: left;
	width: 70px;
}

nav ul li a{
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 50%;
	font-family: "Courier New", monospace;
	font-size: 12px;
	color: black;
	background: rgba(255,255,255,0.50);
}

nav ul li a:hover{
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: background-color;
	-webkit-transition-timing-function: ease-in-out;
	color: rgba(235,235,235,0.77);
	background-color:	rgba(0,0,0,0.57);
}

.notAllowed{
	cursor: not-allowed;
}

/*///////////////////////////////////*/

#wrap{
	position: relative;
	width: 100%;
	height: 100%;
}

.ghost_bg{
	position: absolute;
	width: 59.875em;/* 958px; */
	height: 34.3125em;/* 549px; */
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.ghost{
	width: 59.875em;
	height: 25em;/* 400px; */
	margin: 0 auto;
}

.ghost > .ghost_L{
	float: left;
	width: 21.825em;/* 350px; */
	height: 25em;
}

.exhibitionTitle{
	width: 21.825em;
	height: 9.375em;/* 150px; */
	z-index: 100;
}

.exhibitionTitle p{
	font-size: 0.8125em;
}

.ghost dl.concept{
	width: 21.825em;
	height: 15.625em;/* 250px; */
	line-height: 1.2em;
}

.ghost dl.concept dt,dd{
	font-size: 0.55em;
}

.ghost .ghost_R{
	float: left;
	width: 38em;/* 608px; */
	height: 25em;
}

.ghost .ghost_R img{
	float: right;
	width: 32.5em;/* 520px; */
	height: 19.5em;
}



#thumb{
	width: 59.875em;
	height: 9.25em;/* 148px; */
}

.works{
	height: 9.25em;
/* 	border-top: 1px solid #bdbdbd; */
}

.works .pastExhibitions{
	float: left;
	padding-top: 0.25em;/* 4px; */
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}

.works .pastExhibitions img{
	display: block;
	height: 4.375em;/* 70px; */
	width: 4.375em;
	margin: 0 0.125em 0 0.125em;/* 2px; */
}

.works .pastExhibitions .purgeL{
	margin-left: 0;
}

.works .pastExhibitions .purgeR{
	margin-right: 0;
}

/*///////////////////////////////////*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait){
	#thumb{
	width: 900px;
	margin: 0 auto;
	position: relative;
/* 	background: blue; */
}
	#thumb > a{
		display: none;
	}
	.works .pastExhibitions img{
		width: 180px;
	}
	.works .pastExhibitions img.bai{
		width: 370px;
	}
	.works .pastExhibitions img.bai_2{
		width: 560px;
	}
}