@charset "utf-8";

/* ==============================
PC page layout
Site Name: SULK;
Date: 2018.03;
================================= */

/* bg
--------------------------------- */
#thanks {
	background: url(../img/thanks/bg_thanks.jpg) right bottom no-repeat #eaea70;
	background-size: 120%;
}
#notfound {
	background: url(../img/notfound/bg_notfound.jpg) right 40% top no-repeat;
	background-size: cover;
}

/* base
--------------------------------- */
body {
	width: 100%;
	height: 100vh;
}
#main {
	padding-top: 0;
}
#copyright {
	padding-right: 24px;
}
#hero {
	position: relative;
	height: calc(100vh - 48px);
}
#hero__logo {
	position: absolute;
	top: 0;
	z-index: 1100;
	width: 120px;
	height: 120px;
}
#hero__logo img {
	width: 80px;
}
#hero__logo a {
	background-color: #eb67a2;
	box-sizing: border-box;
	display: block;
	transition: opacity .5s;
	padding-top: 24px;
	padding-left: 20px;
	width: 120px;
	height: 120px;
}
#hero__logo a:hover {
	opacity: .3;
}
.txts {
	padding-top: 100px;
}
#comment {
	margin-bottom: 16px;
	width: 45px;
}
#comment img {
	width: 100%;
}
#thanks #comment {
	margin-left: 144px;
}
#notfound #comment {
	margin-left: 144px;
}