@charset "utf-8";
#container{
	width: 100vw;
	margin: auto;
}
.story_head{
	width: 100vw;
	background-color: #0C970E;
}
.story_head h1{
	color: #fff;
	text-align: center;
	padding: 10px 0;
	font-size: calc(14px + 1vw);
}
.story_body{
}

.story_foot{
	text-align: center;
	width: 100vw;
	background-color: #0C970E;
	padding-bottom: 0.75vh;
}
.story_foot table{
	font-size: calc(12px + 1vw);
}
.prev,.next{
	width:50vw;
	padding:10px 0;
	text-align:center;
	}
.story_foot table a{
	display:block;
	width:100%;
	height:100%;
}
.story_foot p.copy_like{
	margin: 0.5rem 0;
}
.story_foot small{
	display: block;
	height: 2rem;
}
.line-it-button{
	float: right;
}
nav a:link {
	text-decoration:none;
	color:#FFF;
	}
nav a:visited {
	color:#FFCCCC;
	}
nav a:hover {
	color:#006600;
	display:block;
	background-color:RGBA(255,255,255,0.5);
	}
nav a:active {
	}

@media screen and (min-width:1px) and (max-width:1024px)
{
.story_img{
	width: 100vw;
}
}

@media screen and (min-width:1024px)
{
.story_img{
	width:680px;
	display:block;
	margin:auto;
}