/* ==========================================================================
CSS Queries
========================================================================== */

@media screen and (max-width:640px) {
  .shop-btn { padding: 15px 25px; font-size: 10px; }
  .row-eq-height {
    display:block;
  }
  .paraInner {
    padding: 40px 0;
  }
  .textBox {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    transform: unset;
    padding:0 15px;
  }
  .tabelog img {
    width:140px;
  }
  .textPd {
    padding:0 15px;
  }
}
@media only screen and (min-width:991px) {
.row-eq-height {
  display: -webkit-box;/*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display: flex;
  -ms-flex-wrap: wrap;/*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;/*--- safari（PC）用 ---*/
  flex-wrap: wrap;
  position: relative;
}
.textBox {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
}
}
@media screen and (max-width:1200px) {
    p{font-size: 14px; }
    .thin-sep { display: none; }
    .arrow { display: none; }
    nav { height: auto; width: 100%; background: none; margin: 20px 0 0 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; }
    nav li { width: 100%; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 25px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
    nav ul li a.last { border-bottom: none; }
    nav ul li.dot { display: none; }
    .responsive-logo { background: url(../img/main-logo.png) no-repeat; background-size:contain; width: 220px; height: 36px; position: absolute; top: 20px; left: 10px; }
    .logo-1 { position: absolute; left: 50%; top: 50%; }
    .logo-holder { display: none; }
    .logo-2 { position: absolute; left: 50%; top: 50%; }
    .logo-3 { position: absolute; left: 50%; top: 50%; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
}
@media only screen and (max-width:1200px) {
  .hero img {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 60%;
  }
  nav { border-bottom: 0; }
  nav ul { display: none; height: auto; }
  .pullcontainer { width: 100%; text-align: right; padding: 20px 10px 0 0; }
  .pullcontainer a#pull { display: block; width: 100%; color: #242a2c; }
  .text-intro {
    font-size:18px;
  }
  #menu1Wrap, #menu2Wrap, #menu3Wrap {
    background-position: top center;
    padding: 50% 0 0 0;
    background-size: contain;
    background-attachment: fixed;
  }
  #menu1Wrap {
    background-image: url(../img/menu_bg1.png);
  }
  #menu2Wrap {
    background-image: url(../img/menu_bg2.png);
  }
  #menu3Wrap {
    background-image: url(../img/menu_bg3.png);
  }
}