@charset "utf-8";

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

/* bg
--------------------------------- */
@media only screen and (max-width: 1279px){
	.hdn--sp {
		display: none;
	}
}
@media only screen and (max-width: 1499px){
	#thanks {
		background: url(../img/thanks/bg_thanks.jpg) right bottom no-repeat #eaea70;
		background-size: cover;
		font-size: 14px;
	}
}
@media only screen and (min-width: 1500px){
	#thanks {
		background: url(../img/thanks/bg_thanks.jpg) right bottom no-repeat #eaea70;
		background-size: 1500px
	}
}
#notfound {
	background: url(../img/notfound/bg_notfound.jpg) center top no-repeat;
	background-size: cover;
}

/* base
--------------------------------- */
body {
	width: 100%;
	height: 100vh;
}
#main {
	padding-top: 0;
}
#copyright {
	padding-right: 40px;
}
#hero {
	align-items: center;
	display: flex;
	position: relative;
	height: calc(100vh - 72px);
}
#hero__logo {
	position: absolute;
	top: 0;
	z-index: 1100;
	width: 200px;
	height: 200px;
}
#hero__logo img {
	width: 120px;
}
#hero__logo a {
	background-color: #eb67a2;
	box-sizing: border-box;
	display: block;
	transition: opacity .5s;
	padding-top: 48px;
	padding-left: 40px;
	width: 200px;
	height: 200px;
}
#hero__logo a:hover {
	opacity: .3;
}
.txts {
	margin-left: 20%;
	margin-right: 38%;
}
#comment {
	margin-bottom: -20px;
	width: 90px;
}
#comment img {
	width: 100%;
}
#thanks #comment {
	margin-left: 260px;
}
#notfound #comment {
	margin-left: 320px;
}