body, header, article, footer, section, p, ul, ol, li, h1, h2, h3, h4, h5 {
	font-family : "Meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","MS PGothic",arial,helvetica,sans-serif;
	margin : 0px ;
	padding : 0px ;
}
input[type='submit'], input[type='text'], input[type='button'], textarea {
	-webkit-appearance : none ;
}
a {
	text-decoration : none ;
}
li {
	list-style-type : none ;
}

/*==========================================================================
=
==========================================================================*/
@media screen and (min-width:320px) {
	body {
		font-size             : 12px ;
	}
	/*----------------------------------------------------------------------
	- header
	----------------------------------------------------------------------*/
	header {
		background-color      : #000000 ;
		border-color          : #333333 ;
		border-style          : solid ;
		border-width          : 0px 0px 1px 0px ;
		color                 : #ffffff ;
		padding               : 5px ;
	}
	header a {
		color                 : #ffffff ;
	}
	header ul {
		background-color      : rgba(48,48,48,0.8) ;
		border-color          : rgba(255,255,255,0.3) ;
		border-style          : solid ;
		border-width          : 1px ;
		display               : none ;
		left                  : calc( 100% - 205px ) ;
		position              : absolute ;
		top                   : 30px ;
		width                 : 198px ;
	}
	header ul li {
		border-color          : rgba(255,255,255,0.3) ;
		border-style          : dotted ;
		border-width          : 0px 0px 1px 0px ;
		font-size             : 12px ;
		padding               : 3px 8px ;
	}
	header ul li a {
		display               : block ;
	}
	header #header-sp #header-menu-icon {
		float                 : right ;
	}
	header #header-sp {
		font-size             : 10px ;
		padding               : 0px ;
	}
	header #header-sp:after {
		clear                 : both ;
		content               : "" ;
		height                : 0px ;
		display               : block ;
		visibility            : hidden ;
	}

	/*----------------------------------------------------------------------
	- article
	----------------------------------------------------------------------*/
	article {
		margin-bottom         : 15px ;
	}

	footer {
		border-color          : #dddddd ;
		border-style          : solid ;
		border-width          : 1px 0px 0px 0px ;
		font-size             : 80% ;
		padding               : 10px 10px 15px 10px ;
	}
	footer #footer-copyright {
		text-align            : center ;
	}
}
@media screen and (min-width:660px) {
	header ul {
		background-color      : transparent ;
		border-width          : 0px ;
		display               : block ;
		padding               : 5px ;
		position              : static ;
		width                 : auto ;
	}
	header ul:after {
		clear                 : both ;
		content               : "" ;
		height                : 0px ;
		display               : block ;
		visibility            : hidden ;
	}
	header ul li {
		border-width          : 0px ;
		float                 : left ;
		font-size             : 12px ;
		margin-right          : 25px ;
		padding               : 0px ;
	}
	header #header-sp {
		display               : none ;
	}
}
@media screen and (min-width:1024px) {
	body {
		font-size             : 14px ;
	}
}