html {
	-webkit-text-size-adjust: 100%;
}


body {
	/* font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; */
	/* font-family: "Helvetica Neue", Arial, Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; */
	font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}

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

#overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background-color: rgba(0, 0, 0, .65);
}
#modal {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 99;
	transform: translate(-50%, -50%);
	width: 80%;
	max-height: 70%;
	box-sizing: border-box;
	padding: 4% 3%;
	background-color: #fff;
	line-height: 1.4;
}
#modal p {
	margin: 0;
	padding: 0;
	width: 100%;
}
.active {
	display: block !important;
}