@charset "utf-8";

body {
	margin: 0;
	font-family: sans-serif;
	font-size: 20px;
	text-align: center;
	color:#d4dcda;
	background-color: #455765;
}
.container {
	margin: 0 auto;
	max-width: 800px;
}

img{
max-width:100%;
height:auto;
}

/* テキストや見出しのスタイル */


h1 {
	color:#d4dcda;
	font-size:30px;
	padding: 15px;
	text-align: center;
}



/* .viewer(Don't touch this)　
---------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 100%;
}