@charset "utf-8";

/* =============================================================================
All Page Commons
========================================================================== */
/* -----------------------------------------------
page commons
----------------------------------------------- */
html, body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	font-size: 16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: 95%;
	border: 0;
}

a {
	color: #000000;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #777777;
	outline: none;
	text-decoration: none;
}
.btnList button:hover {
	color: #777777;
	outline: none;
	text-decoration: none;
}

img {
	vertical-align: bottom;
}

ul {
	list-style: none outside none;
}

dl,dt,dd {
	margin: 0;
}

#wrapper {
	min-height: 100%;
	word-wrap: break-word;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	/* footer under gap resolution */
	overflow: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-Mac */


/* Start CSSの修正----------------------------------------------------*/
select:focus,
input:focus,
textarea:focus {
	background: #F9FFDD !important;
}
input::placeholder,
textarea::placeholder {
	color: #CCC !important;
}
#main {
	max-width: 100%;
	min-height: 600px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#main {
		width: 93.75%;
		max-width: initial;
		max-width: auto;
		min-height: initial;
		min-height: auto;
		margin: 0 auto;
	}

}
body {
	min-width: 320px;
	color: #000;
}
.forValidateFile {
	display: block !important;
    visibility: hidden;
}
/* End CSSの修正----------------------------------------------------*/