@charset "UTF-8";

/* ===WORKS-JS=== */
article.main .thumbnail{
	margin: 0 auto 2rem;
	padding: 0;
	width: 100%;
	background-color: #fafafa;
}

article.main a.th img{
	display: inline-block;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1px;
	max-width: 19.2%;
	height: auto;
	vertical-align: middle;
}

@media all and (max-width: 630px) {
	article.main a.th img{
		display: inline-block;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 1px;
		max-width: 32%;
		height: auto;
		vertical-align: middle;
	}
}

article.main a.title{
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 0 0 1rem;
	line-height:4;
	border-bottom: 4px solid #fff;
}

article.main .gallery-box {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

article.main .gallery-slide {
	margin: 0 auto;
	padding: 0 0 2rem 0;
	background-color: #fafafa;
}

article.main .gallery-slide img {
	margin: 0 auto;
	padding: 0 0 2rem 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

article.main .gallery-slide p {
	margin: .5rem auto 0;
	padding: 0 1rem;
}

article.main .gallery-slide p:first-of-type {
	margin: 0 auto 1.5rem;
	padding: 0 1rem;
}

article.main .experimental_comics {
	margin: 1rem auto;
	padding: 0 0 2rem 0;
	background-color: #dadada;
}

article.main .experimental_comics img {
	margin: 0 auto;
	padding: 2rem 0;
	max-width: 96%;
	height: auto;
	display: block;
}

article.main .experimental_comics .singlepage img {
	margin: 0 auto;
	padding: 2rem 0;
	max-width: 48%;
	height: auto;
	display: block;
}

article.main .experimental_comics p {
	margin: .5rem auto 0;
	padding: 0 1rem;
}

article.main .experimental_comics p:first-of-type {
	margin: 0 auto 1.5rem;
	padding: 0 1rem;
}