@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body, #pjaxContent {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'Noto Sans Japanese',Meiryo,'Helvetica Neue', Helvetica, Arial, sans-serif, Ionicons; 
	font-weight: 200;
	font-size: 0.9rem;
	color: #999;
	background: #fff;
	height: 100%;
}
a {
	color: #ddd;
	text-decoration: none;
}
a:hover { 
	color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
.content {
	/*border: 1px solid #000;*/
	height: 100%;
	background-repeat  : no-repeat;
	background-position: center center;
	background-size: contain;
	background-clip: padding-box;
	padding: 1rem;
	box-sizing: border-box;
}
.content p {
/*
	padding:10px;
	background:transparent url(images/black.png) repeat top left;
*/
}

.next, .prev, .last, .first, .index, .total{
	display: block;
	position: absolute;
}
.index {
	top: 0vh;
	right: 2vh;
	z-index: 999; 
	font-size: 6vh;
}

.index:after {
	content:"\f266";
	font-weight: 100;
}
.total {
	bottom: 1vh;
	right: 1vh;
}

.next, .prev, .last, .first {
	top: 0px;
	font-size: 10vh;
	width: 50%;
	height: 100%;
	transition: content 1s;
}
.next, .first {
	right: 1vw;
	text-align: right;
}
.prev, .last {
	left: 1vw;
}
.first, .last {
	display: none;
}

.prev:hover:after, .last:hover:after  {
	content:"\f3d2";
}
.next:hover:after, .first:hover:after  {
	content:"\f3d3";
}
.prev:hover:after, .next:hover:after, .last:hover:after, .first:hover:after{
	line-height: 100vh;
}

@media screen and (orientation: landscape) {

}
@media screen and (max-width:1200px) { 

}

#pjaxContent {
	background:url(images/loading.gif) no-repeat center center;
}


/*
.next {
	vertical-align: middle;
	font-size: 100px;
}

.next:after {
	content:"\f3d1";
	padding-left: 0.5rem;
}
*/