@charset "UTF-8";
/*******************************
Default Mixin
*******************************/
/*----------------------
Clearfix
----------------------*/
/*----------------------
Opacity
----------------------*/
/*----------------------
天地中央
----------------------*/
/*----------------------
box-shadow
----------------------*/
/*----------------------
フォントサイズ「rem」の使用
----------------------*/
/*----------------------
aタグマウスオーバーデフォルトアクションの打ち消し
----------------------*/
/*----------------------
マウスオーバーでふわっと色が反転するボタン
margin,font-size,padding-topは適宜調整
----------------------*/
/*******************************
Customized Mixin
*******************************/
/*******************************
uchida costum
*******************************/
/*******************************
Style Start
*******************************/
@media screen and (max-width: 640px) {
  .pch {
    display: block; }
  .sph {
    display: none; }
  .wrapperL,
  .wrapperS {
    width: 100%; }
  .header {
    padding-top: 30px;
    margin-bottom: 30px; }
  .headCenter::before, .headCenter::after {
    background-size: 30%; }
  .headCenter::after {
    background-position: right 0; }
  .headCenter .logo {
    margin-bottom: 15px; }
  .headCenter .txt {
    display: none; }
  .mainImage {
    margin-bottom: 20%; }
  #sliderBox::before {
    content: ""; }
  #sliderBox::after {
    content: ""; }
  .navArea {
    margin-bottom: 30px; }
    .navArea .navImage {
      width: 25%;
      top: -140px; }
      .navArea .navImage .findTxt {
        width: 80%; }
    .navArea .gnav {
      width: 50%;
      margin: 0; }
      .navArea .gnav ul {
        width: 100%;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  #cocept {
    margin-bottom: 150px; }
    #cocept .box {
      text-align: center;
      margin-bottom: 80px; }
    #cocept .leftImg {
      position: static;
      display: inline-block;
      width: 45%; }
    #cocept .rightImg {
      position: static;
      display: inline-block;
      width: 45%; }
    #cocept .photoArea {
      padding: 0 30px 0 20px; }
      #cocept .photoArea .left {
        margin-top: 0;
        margin-bottom: 15px;
        padding: 0 0 0 15px; }
        #cocept .photoArea .left::before {
          top: -15px; }
      #cocept .photoArea .right {
        margin-right: 0;
        padding: 0 0 0 15px; }
        #cocept .photoArea .right::after {
          bottom: -95px; }
        #cocept .photoArea .right .mark {
          display: none; }
  #menu {
    margin-bottom: 40px; }
    #menu .ttlStyle01 {
      margin-bottom: 35px; }
      #menu .ttlStyle01 .ttl {
        margin-bottom: 25px; }
    #menu .imgArea {
      width: 900px;
      margin-bottom: 40px; }
    #menu .box::before {
      content: ""; }
    #menu .box::after {
      content: ""; }
    #menu .inbox .campaign {
      margin: 0 15px; }
  .birthday {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .birthday .cake {
      width: calc(100% - 82%);
      height: auto; }
    .birthday .txtBox {
      width: calc(100% - 28%);
      margin-left: 3%; }
      .birthday .txtBox p {
        font-size: 3.7vw; }
  .birthday_cake {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    margin-bottom: 50px; }
    .birthday_cake img {
      width: 30%;
      max-width: 100%;
      height: 100%;
      margin-right: 1.5%;
      margin-left: 1.5%;
      margin-bottom: 3%; }
  #location {
    margin-bottom: 30px; }
    #location .ttlStyle01 {
      margin-bottom: 30px; }
      #location .ttlStyle01::before {
        background: none; }
      #location .ttlStyle01::after {
        background: none; }
    #location .box {
      display: block; }
      #location .box:last-of-type .locatebox {
        border-bottom: none; }
  .location-heading {
    margin-bottom: 35px; }
    .location-heading .location-title {
      font-size: 16px;
      font-size: 1.6rem; }
  .locatebox {
    width: 100%;
    margin: 0 auto 15px;
    padding-bottom: 15px;
    min-width: initial;
    border-right: none;
    border-bottom: 1px solid #a0a0a0; }
    .locatebox:first-of-type {
      border-bottom: none; }
    .locatebox:last-of-type {
      border-bottom: none; }
    .locatebox .shop-list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .locatebox .shop-item + .shop-item {
      margin-top: 20px;
      padding-top: 30px;
      border-top: 1px solid #a0a0a0; }
    .locatebox .shop-name {
      margin-top: 20px; }
    .locatebox .shop-info {
      margin-top: 10px; }
  .goTop {
    display: inline-block;
    margin-bottom: 30px; }
  .iframewrapper {
    padding-top: 60%; }
  #recruit {
    margin-bottom: 40px; }
    #recruit .ttlStyle01 .ttl {
      margin-bottom: 25px; }
    #recruit .ttlStyle01 .txt {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 2.3; }
  .footImageBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .footImageBox img {
      width: 50%;
      height: 100%; } }

@media screen and (max-width: 375px) {
  .navArea .navImage {
    width: 25%;
    top: -120px; } }
/*# sourceMappingURL=responsive.css.map */