@charset "utf-8";

/* CSS Document */



@media screen and (max-width: 1366px) {

  .shop-list li {

    width: 20%;

  }

}

@media screen and (max-width: 1480px) {

  .menu01 :hover .bar_text {

    display: none;

  }

  .menu02 :hover .bar_text {

    display: none;

  }

  .menu03 :hover .bar_text {

    display: none;

  }

  .menu04 :hover .bar_text {

    display: none;

  }

}

@media screen and (max-width: 1280px) {

  #barbar {

    display: none;

  }

  #gotop {

    opacity: 1;

  }

  #barbar {

    opacity: 0;

  }

}



@media screen and (max-width: 1065px) {

  .shop-list ul {

    width: 99%;

  }

  .shop-list li {

    width: 26%;

  }

}



@media screen and (max-width: 1024px) {

  .title {

    top: -60px;

    width: 75%;

  }



  .s-tittle {

    width: 98%;

  }



  .s-tottle-h {

    top: 1%;

  }



  .shop-list-top {

    height: 30px;

    width: 98%;

  }



  .shop-list {

    width: 98%;

  }



  .shop-list-bottom {

    height: 30px;

    width: 98%;

  }

}

@media screen and (max-width: 800px) {

  .title {

    top: -50px;

  }



  .shop-list li {

    margin: 0 2% 2% 0;

    border: 0;

    width: 39%;

  }



  #bgtop2 {

    background-size: 100%;

  }



  .shop-bottom {

    display: none;

  }

}



@media screen and (max-width: 667px) {

  .title {

    top: -30px;

  }



  .page-main {

    margin-top: 50px;

    width: 92%;

  }



  .shop-list ul {

    padding: 0;

  }



  .shop-list li {

    margin: 0 0 20px 0;

    border: 0;

    width: 77%;

    max-width: 350px;

    border: 1px solid #e6e6e6;

  }



  .shop_name {

    font-size: 17px;

  }



  .shop-list-top {

    height: 88px;

  }



  .s-tittle {

    width: 98%;

    height: auto;

    font-size: 42px;

    min-width: auto;

  }

  .s-tottle-h {

    width: 96%;

    top: 5px;

  }

  #bgtop2 {

    background-size: 100%;

  }

}



@media screen and (max-width: 375px) {

  .shop-list-top {

    height: 20px;

    width: 100%;

  }



  .shop-list {

    width: 100%;

  }



  .shop-list li {

    width: 75%;

  }



  .shop-list-bottom {

    height: 20px;

    width: 90%;

  }



  .s-tittle {

    width: 100%;

    height: auto;

    font-size: 32px;

    margin-top: 15px;

  }



  .s-tottle-h {

    width: 100%;

    top: 0.1%;

  }

  #bgtop2 {

    background-size: 100%;

  }



  .shop_Price {

    margin: 18px 0;

  }

}