@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

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

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

@-webkit-keyframes fadeout {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes fadeout {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none; } }

@-webkit-keyframes fadeout-splist {
  0% {
    opacity: 1;
    width: 100%;
    left: 0; }
  100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeout-splist {
  0% {
    opacity: 1;
    width: 100%;
    left: 0; }
  100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

body {
  font-family: "Times New Roman", Times, YuGothic, "\6E38\30B4\30B7\30C3\30AF", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", serif !important;
  color: #000;
  font-size: 13px; }
  body.open-menu {
    overflow: hidden;
    height: 100vh; }

body * {
  font-family: "Times New Roman", Times, YuGothic, "\6E38\30B4\30B7\30C3\30AF", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", serif !important; }

.clickable,
a {
  text-decoration: none; }
  .clickable:hover,
  a:hover {
    text-decoration: underline; }

.clickable:hover,
a:hover {
  cursor: url(/images/parts/pointer.png), auto; }

a {
  color: #000; }

.pointer {
  cursor: pointer; }

.bold {
  font-weight: bold; }

#container {
  max-width: 1280px;
  margin: 0 auto; }

header {
  position: fixed;
  padding-left: 20px;
  top: 23px;
  font-size: 11px; }
  @media screen and (max-width: 750px) {
    header {
      width: 100%;
      box-sizing: border-box;
      top: 0;
      padding-top: 14px; } }
  @media screen and (max-width: 750px) {
    header .logo {
      display: inline-block;
      z-index: 30;
      position: relative; } }
  header img {
    max-width: 78px;
    width: 100%;
    margin-bottom: 20px; }
  header label {
    display: block; }
    @media screen and (max-width: 750px) {
      header label {
        display: inline-block;
        padding-top: 13px;
        padding-left: 5px;
        position: fixed;
        right: 10px;
        z-index: 30; } }
    header label input {
      display: none; }
      @media screen and (max-width: 750px) {
        header label input:checked + .menu .hamburger {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
          header label input:checked + .menu .hamburger:before {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
            top: 0; }
          header label input:checked + .menu .hamburger:after {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
            bottom: 0; } }
    @media screen and (max-width: 750px) {
      header label .menu {
        z-index: 100;
        display: block;
        width: 20px;
        height: 20px;
        transition: 0.5s ease-in-out; }
        header label .menu .hamburger {
          position: relative;
          width: 14px;
          height: 1px;
          background: #000;
          display: block;
          -webkit-transform-origin: center;
          transform-origin: center;
          transition: -webkit-transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
          header label .menu .hamburger:before, header label .menu .hamburger:after {
            transition: 0.5s ease-in-out;
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            background: #000; }
          header label .menu .hamburger:before {
            top: -5px; }
          header label .menu .hamburger:after {
            bottom: -5px; } }
  @media screen and (max-width: 750px) {
    header .header-list {
      width: 0px;
      height: 0px;
      opacity: 0;
      left: -9999px;
      position: absolute; }
      header .header-list.open {
        height: 100vh;
        background-color: #fff;
        transition: opacity 0.5s;
        position: absolute;
        display: flex;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 20;
        justify-content: center;
        align-items: center;
        opacity: 1; }
      header .header-list.fadeout-splist {
        -webkit-animation-name: fadeout-splist;
                animation-name: fadeout-splist;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s; } }
  @media screen and (max-width: 750px) {
      header .header-list li {
          font-size: 11px;
          text-align: center;
          line-height: 0;
          margin-bottom: 15px; } }
  header .header-list li {
    line-height: 1.5; }
  header .header-instagram {
    margin-top: 16px; }
    @media screen and (max-width: 750px) {
      header .header-instagram {
        display: none; } }

footer {
  position: fixed;
  display: flex;
  bottom: 10px;
  padding: 0 20px;
  left: 0;
  right: 0;
  justify-content: space-between;
  font-size: 11px; }

@media screen and (max-width: 750px) {
  footer {
    opacity: 0;
    transition: opacity 0.5s; }
    footer.open-footer {
      opacity: 1; } }

#stock-list #container,
#contact #container {
  max-width: 640px;
  margin: 0 auto;
  padding-top: 157px; }
  @media screen and (max-width: 750px) {
    #stock-list #container,
    #contact #container {
      padding-top: 78px; } }

#stock-list footer .instagram,
#contact footer .instagram {
  display: none; }
  @media screen and (max-width: 750px) {
    #stock-list footer .instagram,
    #contact footer .instagram {
      display: inline-block; } }

#stock-list .list-outer {
  display: flex;
  margin-bottom: 50px; }
  @media screen and (max-width: 750px) {
    #stock-list .list-outer {
      flex-direction: column;
      padding-right: 20px;
      padding-left: 20px; } }
  #stock-list .list-outer .title {
    font-size: 10px;
    margin-right: 40px;
    word-wrap: break-word; }
    @media screen and (max-width: 750px) {
      #stock-list .list-outer .title {
        width: auto;
        margin-bottom: 20px;
        margin-right: 0; } }
  #stock-list .list-outer .list-inner {
    line-height: 1.5; }
    #stock-list .list-outer .list-inner li {
      display: flex;
      margin-bottom: 40px; }
      @media screen and (max-width: 750px) {
        #stock-list .list-outer .list-inner li {
          margin-bottom: 30px;
          display: block; } }
      #stock-list .list-outer .list-inner li .shop {
        font-size: 10px;
        width: 106px;
        margin-right: 60px;
        word-wrap: break-word; }
        @media screen and (max-width: 750px) {
          #stock-list .list-outer .list-inner li .shop {
            margin-bottom: 5px;
            width: auto;
            margin-right: 0;
            font-size: 10px; } }
      #stock-list .list-outer .list-inner li .address-outer {
        display: flex; }
        @media screen and (max-width: 750px) {
          #stock-list .list-outer .list-inner li .address-outer {
            justify-content: space-between;
            align-items: flex-end;
            line-height: 1.8; } }
        #stock-list .list-outer .list-inner li .address-outer .address {
          font-size: 10px;
          width: 322px;
          line-height: 2; }
          @media screen and (max-width: 750px) {
            #stock-list .list-outer .list-inner li .address-outer .address {
              width: auto;
              line-height: 1.7; } }
        #stock-list .list-outer .list-inner li .address-outer .map {
          font-size: 10px; }


/*# sourceMappingURL=stock-list.css.map*/