@charset "UTF-8";
/* media-queries.css */
@media screen and (max-width: 1281px) {
  /* 1280px以下 */ }
@media screen and (max-width: 1025px) {
  /* 1024px以下 */ }
@media screen and (max-width: 769px) {
  /* 768px以下 */
  #header {
    height: 60px; }
    #header .inner {
      position: absolute;
      top: -100vh;
      right: 0;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      width: 100%;
      height: 100vh;
      background: rgba(255, 255, 255, 0.9);
      transition: all .5s; }
      #header .inner.show {
        top: 0;
        right: 0;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.9); }
      #header .inner ul {
        flex-wrap: wrap;
        align-content: center;
        text-align: center;
        width: 100%; }
        #header .inner ul li {
          margin-right: 0;
          text-align: center;
          width: 100%; }
          #header .inner ul li a {
            display: block;
            padding: 2rem 0;
            width: 100%; }
          #header .inner ul li.instagram {
            display: none; }
        #header .inner ul.right li {
          margin-left: 0; }

  #top #section {
    margin-top: 0 !important; }
    #top #section .kv a {
      flex-wrap: wrap;
      min-height: auto; }
      #top #section .kv a .txt,
      #top #section .kv a .image {
        width: 100%; }
      #top #section .kv a .txt {
        box-sizing: border-box;
        padding: 0 10%;
        text-align: left;
        order: 2; }
        #top #section .kv a .txt .inner {
          margin-top: -5%; }
      #top #section .kv a .image {
        height: auto;
        order: 1; }
        #top #section .kv a .image::after {
          background: none; }

  #about #section .kv {
    background: none;
    height: auto;
    min-height: auto;
    max-height: auto; }

  .tab {
    display: block; }

  .tab-none {
    display: none; }

  img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 481px) {
  /* 480px以下 */
  #header {
    height: 60px; }
    #header h1 {
      width: 200px;
      top: 16px;
      left: 5%;
      transform: translateY(0%) translateX(0%);
      -webkit-transform: translateY(0%) translateX(0%);
      z-index: 1000; }

  #footer .inner {
    display: block;
    text-align: center; }
    #footer .inner ul.pc {
      display: none; }

  #top #section {
    margin-top: 0 !important; }
    #top #section .kv a .txt .inner {
      margin-top: -10%; }
    #top #section .content {
      flex-wrap: wrap; }
      #top #section .content .about,
      #top #section .content .products {
        width: 100%; }

  #look #section .inner ul li .number {
    font-size: 12px;
    top: 1.5%; }
  #look #section .inner ul li.layer .box {
    flex-wrap: wrap; }
    #look #section .inner ul li.layer .box .left,
    #look #section .inner ul li.layer .box .right {
      width: 100%; }
  #look #section .inner ul li.layer.look01 .box .left {
    order: 2; }
  #look #section .inner ul li.layer.look01 .box .right {
    order: 1; }

  .pc {
    display: none; }

  .smp {
    display: block; } }
@media screen and (max-width: 321px) {
  /* 320px以下 */ }
@media screen and (max-height: 421px) {
  /* 高さ420px以下 */ }