/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: sans-serif; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

body {
    background-image: url(./img/backimag.jpg);
    background-repeat: repeat;    

}

img { vertical-align: bottom; transition: 0.2s; max-width: 100%; max-height: 100%; width: auto; height: auto; }

a:hover img { opacity: 0.7; }

main { text-align: center; max-width: 640px; margin: 0 auto; }

.credit .inner { margin: 10px 0 0; }

.credit .inner .store { margin: 0 0 10px; }

.credit .inner .store a { text-decoration: none; }

.credit .inner .store h2 { text-align: left; font-weight: bold; color: #e50012; font-size: 3.75vw; line-height: 1.5; margin: 0 auto; max-width: 640px; padding: 0 3.125%; }

.credit .btn { margin: 0 3.125%; display: -webkit-flex; display: flex; justify-content: center; }

.credit .btn p { flex-basis: 48.828125%; flex-grow: 0; flex-shrink: 0; }

.credit .btn p:nth-of-type(1) { margin-right: 1.171875%; text-align: right; }

.credit .btn p:nth-of-type(2) { margin-left: 1.171875%; text-align: left; }

footer { /* margin-top: 10vw; */ text-align: center; }

.footer-nav { position: fixed; bottom: 0; left: 0; right: 0; display: -webkit-flex; display: flex; justify-content: center; }

.footer-nav p { flex-basis: 50%; flex-grow: 0; flex-shrink: 0; text-align: center; }

.footer-nav p:nth-of-type(1) { text-align: right; }

.footer-nav p:nth-of-type(2) { text-align: left; }

/* ========================================
   下部固定ナビゲーション
======================================== */

.fixed-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  display: flex;
  z-index: 9999;

  &__item {
    display: block;
    width: 50%;
    line-height: 0;
    text-decoration: none;

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

    &:hover {
      opacity: 0.85;
    }
  }
}

/* LP最下部が固定ボタンで隠れないようにする */
body {
  padding-bottom: var(--fixed-nav-height, 80px);
}