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

/*
COLORS
*/
.blue{color:#0eadb0;}
.blue-bg{background-color:#0eadb0;}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  font-family: "Open Sans", sans-serif;
  background: #040404 url(assets/img/black-bg.jpg) top left;

  color: #fff;
  position: relative;
  
}
a{color:#4bc66d;cursor:pointer;}

.get-signed{background: rgb(51,51,51);
background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(53,53,53,1) 50%, rgba(68,68,68,1) 100%);}
.latest-work{background: rgb(34,34,34);
background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(41,41,41,1) 50%, rgba(51,51,51,1) 100%);}
.mobile{display:none;}
.pc{display:block;}

.title{
	width: 100%;
	margin-bottom:30px;
}

.book{
		padding:20px 5px 10px 30px;

	}
.book a{
		max-width:175px;
		}
.book a img{
			width:auto;
			max-width:175px;
		}
.book a img:hover{
	opacity:80%;
		}
	.series{
				background-color:black;
			}
.haunting{
		margin:60px 5px 40px;
}
.container{
	padding:40px 0;
}
.appearance{
	background-color:#222;
	border:1px solid #555;
	padding:20px;
	width:100%;
	max-width:800px;
	margin-top:10px;
	margin-bottom:20px;
}
.appearance h5{
	color:#999;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #333;
}
.appearance div{
	color:#ccc;
	font-style:italic;
}
.appearance div p{
	margin:5px;
}
.date{
	color:#0eadb0;
	font-weight:bold;
}
.facebook{text-decoration: none;}


@media screen and (max-width: 767px) {
	.mobile{display:block;}
	.pc{display:none;}.avail{
		text-align: center;
	}
	.book {
		text-align: center;

	}
	.book img{
		/*width:80%;*/
		margin:auto;
	}	
	h4{
		margin:auto;
		text-align: center;
	}		
	.title-wrap{text-align:center;}
}