<style>
header::before {
	background: url("./uploads/{{HEADER_BG}}") no-repeat center center / cover;
}
header .contents {
	background: url("./uploads/{{HEADER_IMAGE}}") no-repeat center center / cover;
}
</style>

<header id="home" class="section">
<div class="contents">

<div id="logo-container">
{{#IF_LOGO}}
<h1 class="logo"><a href="./"><img src="./uploads/{{LOGO}}" alt="SITE_NAME"></a></h1>
{{/IF_LOGO}}

{{#IF_SITE_NAME}}
<h1 class="logo">{{SITE_NAME}}</h1>
{{/IF_SITE_NAME}}
{{#IF_LOGO_TEXT}}<p>{{LOGO_TEXT}}</p>{{/IF_LOGO_TEXT}}
{{#IF_LOGO_KAZARI}}<p class="kazari"><img src="./uploads/{{LOGO_KAZARI}}" alt="SITE_NAME"></p>{{/IF_LOGO_KAZARI}}

</div>

<div class="scroll-container">
<p>SCROLL</p>
<div class="scroll-line"><span></span></div>
</div>

</div>
</header>
