@charset "UTF-8";


html {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 1.5;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	font-family: sans-serif;
}

header, footer, article, section, nav, aside, div {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, figure, figcaption {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: 400;
}

ul, ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
}

dl, dt, dd {
	margin: 0px;
	padding: 0px;
	font-weight: 400;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*パーセンテージの設定*/

.per5 {
	width: 5%;
}

.per15 {
	width: 15%;
}

.per25 {
	width: 25%;
}

.per35 {
	width: 35%;
}

.per45 {
	width: 45%;
}

.per55 {
	width: 55%;
}

.per65 {
	width: 65%;
}

.per75 {
	width: 75%;
}

.per85 {
	width: 85%;
}

.per95 {
	width: 95%;
}

.per10 {
	width: 10%;
}

.per20 {
	width: 20%;
}

.per30 {
	width: 30%;
}

.per40 {
	width: 40%;
}

.per50 {
	width: 50%;
}

.per60 {
	width: 60%;
}

.per70 {
	width: 70%;
}

.per80 {
	width: 80%;
}

.per90 {
	width: 90%;
}

.per100 {
	width: 100%;
}

:placeholder-shown {
	color: #d3d3d3;
}

::-webkit-input-placeholder {
	color: #d3d3d3;
}

:-moz-placeholder {
	color: #d3d3d3;
	opacity: 1;
}

::-moz-placeholder {
	color: #d3d3d3;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #d3d3d3;
}