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

/*  Reset

/* ------------------------------------------------------------------------ */

html {
	overflow-x: hidden;
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display	: inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

body/**/table {
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	border		: 0;
	max-width	: 100%;
}

i {
	padding	: 5px 5px 2px 0;
}

p {
	word-break	: break-all;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;
}

submit	{ -webkit-appearance : none;}

/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

html {
	background: #000;
}

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: 'Lato','Noto Sans JP',
		"メイリオ",
		Meiryo,
		MS PGothic,
		arial,
		sans-serif;
	font-size	: 1.6rem;
	font-size	: 16px;
	line-height	: 1.70;
	text-align	: center;
	color		: #fff;
	-webkit-text-size-adjust	: 100%;
	font-smoothing	: auto;
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}

body * {
	box-sizing: border-box;
}

body img {
	max-width: 100%;
}


/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity: 0.85;
}

a:link	{
	text-decoration	: none;
	color			: #fff;
}

a:visited	{
	text-decoration	: none;
	color			: #fff;
}

a:hover	{
	text-decoration	: underline;
}


/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

h1 {
	position: fixed;
	left: 10px;
	top: 5px;
	color: #fff;
	z-index: 100;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);
	font-size: 0.80em;
	font-weight: normal;
}

header {}


/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */

nav {}


/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock {
	clear : both;
}

#mainBlock section {
	margin: 0 0 150px;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:1200px) {
	.container {
		padding: 0 15px;
	}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	#mainBlock section {
		margin: 0 0 80px;
	}
}

/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	clear : both;
}

footer .copyright {
	font-size: 1.2rem;
	color: #999;
}