@charset "utf-8";

/*---------------------------------------------------reset*/

html, body { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,address,ul,ol,li,dl,dt,dd,form,legend,p,em,strong,th,ins { margin:0; padding:0; }
table { border-collapse:collapse; border:0; }
th { text-align:left; }
input,select,textarea { vertical-align:middle; }
img { border:0; vertical-align:middle; }
ins, a { text-decoration:none;}
ul { list-style:none; }
br { letter-spacing: 0; }
div,section,footer,dl,dt,dd,ul,li,nav,header,footer {box-sizing: border-box;}
* *, *:before, *:after {font-family: Helvetica, Arial, Doroid Sans, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}

/*---------------------------------------------------common*/

html, body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #fff;
	padding: 0 0;
	width: 100%;
}

a {cursor: pointer;}
a:hover {
	transition-duration: .3s;
	opacity: 0.5;
}

.wrap {
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}


@media screen and (min-width:0px) and (max-width:425px) {
	.wrap {
		width: 100%;
		padding: 0 0;
		margin: 0;
	}
}

@media screen and (min-width:426px) and (max-width:768px) {
	.wrap {
		width: 100%;
		padding: 0 10px;
		margin: 0;
	}
}

@media screen and (min-width:769px) and (max-width:1139px) {
	.wrap {
		width: 960px;
		padding: 0 20px;
		margin: 0 auto;
	}
}

@media screen and (min-width:1140px) {
	.wrap {
		width: 1140px;
		padding: 0 20px;
		margin: 0 auto;
	}
}