<div id="footer-contents" style="background: rgba(var(--primary-color-rgb), 0.8) url('./uploads/{{FOOTER_IMAGE}}') no-repeat left bottom / auto 100%;">

<div class="left">

<h3>{{SITE_NAME}}</h3>

{{#IF_ACCESS}}
<p>{{ACCESS}}</p>
{{/IF_ACCESS}}

<ul class="icons">
{{#IF_X_TWITTER}}<li><a href="{{X_TWITTER}}"><i class="fa-brands fa-x-twitter"></i></a></li>{{/IF_X_TWITTER}}
{{#IF_LINE}}<li><a href="{{LINE}}"><i class="fab fa-line"></i></a></li>{{/IF_LINE}}
{{#IF_YOUTUBE}}<li><a href="{{YOUTUBE}}"><i class="fab fa-youtube"></i></a></li>{{/IF_YOUTUBE}}
{{#IF_INSTAGRAM}}<li><a href="{{INSTAGRAM}}"><i class="fab fa-instagram"></i></a></li>{{/IF_INSTAGRAM}}
</ul>

{{#IF_FOOTER_BTN1}}<p class="btn"><a href="{{FOOTER_BTN1_LINK}}">{{FOOTER_BTN1}}</a></p>{{/IF_FOOTER_BTN1}}
{{#IF_FOOTER_BTN2}}<p class="btn"><a href="{{FOOTER_BTN2_LINK}}">{{FOOTER_BTN2}}</a></p>{{/IF_FOOTER_BTN2}}

</div>
<!--/.left-->

<div class="right">

{{#IF_GOOGLE_MAP}}
<div class="iframe-box">{{GOOGLE_MAP}}</div>
{{/IF_GOOGLE_MAP}}

{{#IF_IMAGE IMAGE_MAP}}
<img src="./uploads/{{IMAGE_MAP}}" alt="">
{{/IF_IMAGE}}

{{#IF_HOSOKU_MAP}}
<p class="small">{{HOSOKU_MAP}}</p>
{{/IF_HOSOKU_MAP}}

</div>
<!--/.right-->

</div>
<!--/#footer-contents-->

<footer>
{{#IF_COPYRIGNT}}
<small>{{COPYRIGNT}}</small>
{{/IF_COPYRIGNT}}
</footer>

{{CREDIT_HTML}}

