@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed {
  0% {
    transform: translateY(-90px); }
  100% {
    transform: translateY(0px); } }
@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateY(-90px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes loop {
  0% {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes loop2 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
.fit {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;"; }

.no_data_txt {
  margin: 60px auto;
  text-align: center; }

.titleimg__img-wp {
  background: url("/img/owner/titlleimg.jpg") center/cover no-repeat; }

#shop {
  padding: 48px 0 84px;
  background: #fff; }
  #shop .search_tab__container {
    margin: 0% 0% 2.61% 0%;
    padding: 0% 0% 1.25% 0%;
    border-bottom: 1px solid #CECECE; }
    #shop .search_tab__container .search_tab__wp {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #shop .search_tab__container .search_tab__wp .search_tab__box {
        flex: 0 1 auto;
        width: auto;
        font-size: 1.4rem;
        line-height: 1.2; }
        #shop .search_tab__container .search_tab__wp .search_tab__box a {
          display: block;
          transition: 0.4s all; }
          #shop .search_tab__container .search_tab__wp .search_tab__box a.active {
            color: #77BCC8; }
          #shop .search_tab__container .search_tab__wp .search_tab__box a:hover {
            color: #77BCC8; }
        #shop .search_tab__container .search_tab__wp .search_tab__box + .search_tab__box {
          margin-left: 40px;
          position: relative; }
          #shop .search_tab__container .search_tab__wp .search_tab__box + .search_tab__box::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -20px;
            transform: translateY(-50%);
            width: 1px;
            height: 70%;
            background: #5A5A5A; }
  #shop .shop__list .shop__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0% 0% 5.33% 0%;
    padding: 5.33% 0% 0% 0%; }
    #shop .shop__list .shop__box .shop__img-box {
      flex: 0 1 43%;
      width: 43%;
      max-width: 43%;
      max-height: 160px; }
      #shop .shop__list .shop__box .shop__img-box figure {
        height: 100%;
        position: relative;
        overflow: hidden; }
        #shop .shop__list .shop__box .shop__img-box figure img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          height: 100%; }
        #shop .shop__list .shop__box .shop__img-box figure::before {
          content: '';
          display: block;
          padding-top: 100%; }
    #shop .shop__list .shop__box .shop__txt-box {
      flex: 0 1 55%;
      width: 55%;
      max-width: 55%; }
      #shop .shop__list .shop__box .shop__txt-box .shop__tag {
        font-size: 1.2rem; }
        #shop .shop__list .shop__box .shop__txt-box .shop__tag span {
          display: inline-block;
          margin: 0 5px 5px 0;
          padding: 2px 5px;
          box-sizing: border-box; }
          #shop .shop__list .shop__box .shop__txt-box .shop__tag span.nail {
            color: #fff;
            background: #778C82; }
          #shop .shop__list .shop__box .shop__txt-box .shop__tag span.trtmnt {
            color: #fff;
            background: #867E67; }
          #shop .shop__list .shop__box .shop__txt-box .shop__tag span.woman {
            color: #ED8F96;
            border: solid 1px #ED8F96; }
          #shop .shop__list .shop__box .shop__txt-box .shop__tag span.man {
            color: #A57A1A;
            border: solid 1px #A57A1A; }
          #shop .shop__list .shop__box .shop__txt-box .shop__tag span.both {
            color: #293ca9;
            border: solid 1px #293ca9; }
          #shop .shop__list .shop__box .shop__txt-box .shop__tag span:last-child {
            margin: 0 0 5px; }
      #shop .shop__list .shop__box .shop__txt-box .shop__name {
        font-size: 1.5rem; }
        @media (min-width: 769px) {
          #shop .shop__list .shop__box .shop__txt-box .shop__name {
            font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.7672634271 ); } }
        @media (min-width: 1160px) {
          #shop .shop__list .shop__box .shop__txt-box .shop__name {
            font-size: 1.8rem; } }
      #shop .shop__list .shop__box .shop__txt-box .shop__name-txt {
        font-size: 1.1rem; }
        @media (min-width: 769px) {
          #shop .shop__list .shop__box .shop__txt-box .shop__name-txt {
            font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.2557544757 ); } }
        @media (min-width: 1160px) {
          #shop .shop__list .shop__box .shop__txt-box .shop__name-txt {
            font-size: 1.2rem; } }
      #shop .shop__list .shop__box .shop__txt-box .shop__con {
        font-size: 1rem;
        margin: 2.66% 0% 5.6% 0%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1; }
        @media (min-width: 769px) {
          #shop .shop__list .shop__box .shop__txt-box .shop__con {
            font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.5115089514 ); } }
        @media (min-width: 1160px) {
          #shop .shop__list .shop__box .shop__txt-box .shop__con {
            font-size: 1.2rem; } }
      #shop .shop__list .shop__box .shop__txt-box .shop_btn a {
        font-size: 1.2rem;
        position: relative;
        padding: 10px;
        color: #77BCC8;
        background: #fff;
        border: solid 1px #77BCC8;
        border-radius: 50px; }
        @media (min-width: 769px) {
          #shop .shop__list .shop__box .shop__txt-box .shop_btn a {
            font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.7672634271 ); } }
        @media (min-width: 1160px) {
          #shop .shop__list .shop__box .shop__txt-box .shop_btn a {
            font-size: 1.5rem; } }
        #shop .shop__list .shop__box .shop__txt-box .shop_btn a::before {
          position: absolute;
          content: "";
          display: block;
          top: 40%;
          right: 15px;
          width: 6px;
          height: 6px;
          border-top: 1px solid;
          border-right: 1px solid;
          border-color: #77BCC8;
          transform: rotate(45deg); }
    #shop .shop__list .shop__box + .shop__box {
      border-top: solid 1px #DDDDDD; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .no_data_txt {
    margin: 100px auto; }

  #shop {
    padding: 48px 0 84px; }
    #shop .shop__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #shop .shop__list .shop__box {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%;
        margin: 0% 0% 5.17% 0%;
        padding: 0;
        border-bottom: none; }
        #shop .shop__list .shop__box .shop__img-box {
          max-height: 160px; }
          #shop .shop__list .shop__box .shop__img-box figure::before {
            padding-top: 92%; }
        #shop .shop__list .shop__box .shop__txt-box .shop_btn a:hover {
          color: #fff;
          background: #77BCC8; }
          #shop .shop__list .shop__box .shop__txt-box .shop_btn a:hover::before {
            border-color: #fff; }
        #shop .shop__list .shop__box:nth-child(4) {
          margin: 0% 0% 5.17% 0%; }
        #shop .shop__list .shop__box:nth-child(n+5) {
          display: flex; }
        #shop .shop__list .shop__box + .shop__box {
          border-top: unset; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  #shop {
    padding: 48px 0 84px; }
    #shop .shop__list {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      #shop .shop__list .shop__box {
        flex: 0 1 calc((100% - 84px) / 4);
        width: calc((100% - 84px) / 4);
        max-width: calc((100% - 84px) / 4);
        margin-right: 28px;
        position: relative; }
        #shop .shop__list .shop__box .shop__img-box {
          flex: 0 1 100%;
          width: 100%;
          max-width: 100%;
          margin-bottom: 5px;
          height: 100vh;
          max-height: 180px; }
          #shop .shop__list .shop__box .shop__img-box figure::before {
            padding-top: 180px; }
        #shop .shop__list .shop__box .shop__txt-box {
          flex: 0 1 100%;
          width: 100%;
          max-width: 100%;
          padding-bottom: 48px; }
          #shop .shop__list .shop__box .shop__txt-box .shop__con {
            text-overflow: unset;
            white-space: unset;
            overflow: unset;
            line-height: 1.2; }
          #shop .shop__list .shop__box .shop__txt-box .shop_btn {
            position: absolute;
            bottom: 0;
            width: 100%; }
        #shop .shop__list .shop__box:nth-child(4n) {
          margin-right: 0; }
        #shop .shop__list .shop__box:nth-child(n+13) {
          margin-bottom: 0; } }
/*------------------------------
		1181px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */