html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #000800;
	height: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
	padding: 0;
}

img {
	width: 100%;
	height: auto;
}

a img {
	border: none;
}

.bg-wrap {
	background: url(../images/common/bg.png) top center;
}

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

#body {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: 1026px;
	margin: 0 auto;
}

.contents {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: 1026px;
	margin-left: auto;
	margin-right: auto;
}

.content {
}

.sns {
	position: absolute;
	right: 60px;
	bottom: 60px;
}

.fb-share-button {
	margin-left: 13px;
}

@media screen and (max-width: 1022px) {
	#body {
		min-width: 0;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}

	.sns {
		position: absolute;
		right: 30px;
		bottom: 45px;
	}
	.fb-share-button {
		margin-left: 13px;
	}
}