@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;"; }

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

#shop .detail__container {
  background: #fff; }
#shop .detail__wrap {
  padding: 4.31% 0% 4.74% 0%; }
  #shop .detail__wrap .text_link {
    color: #77BCC8;
    font-size: 1.3rem;
    text-decoration: underline; }
    #shop .detail__wrap .text_link i {
      margin-right: 3px; }
#shop .detail__head {
  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% 3.44% 0%;
  background: #F8F8F8;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #shop .detail__head-left {
    box-sizing: border-box;
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 18px; }
    #shop .detail__head-left .tag__box {
      font-size: 1.3rem;
      display: inline-block;
      margin: 0 9px 15px 0;
      padding: 7px 7px;
      box-sizing: border-box;
      color: #5A5A5A;
      text-align: center;
      line-height: 1;
      background: #fff;
      border: 1px solid #5A5A5A; }
      @media (min-width: 768px) {
        #shop .detail__head-left .tag__box {
          font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.2551020408 ); } }
      @media (min-width: 1160px) {
        #shop .detail__head-left .tag__box {
          font-size: 1.4rem; } }
      #shop .detail__head-left .tag__box.category {
        color: #fff;
        background: #5A5A5A; }
      #shop .detail__head-left .tag__box.woman {
        color: #ED8F96;
        border: solid 1px #ED8F96; }
      #shop .detail__head-left .tag__box.man {
        color: #A57A1A;
        border: solid 1px #A57A1A; }
      #shop .detail__head-left .tag__box.both {
        color: #293ca9;
        border: solid 1px #293ca9; }
    #shop .detail__head-left .shop__ttl, #shop .detail__head-left .shop__ttl--name, #shop .detail__head-left .shop__ttl--kana {
      text-align: left;
      line-height: normal; }
      #shop .detail__head-left .shop__ttl--name {
        margin: 0% 0% 1.12% 0%;
        font-size: 1.8rem; }
        @media (min-width: 768px) {
          #shop .detail__head-left .shop__ttl--name {
            font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 1.0204081633 ); } }
        @media (min-width: 1160px) {
          #shop .detail__head-left .shop__ttl--name {
            font-size: 2.2rem; } }
      #shop .detail__head-left .shop__ttl--kana {
        font-size: 1.3rem; }
        @media (min-width: 768px) {
          #shop .detail__head-left .shop__ttl--kana {
            font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.2551020408 ); } }
        @media (min-width: 1160px) {
          #shop .detail__head-left .shop__ttl--kana {
            font-size: 1.4rem; } }
  #shop .detail__head-right {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 20px 0;
    background: #fff; }
    #shop .detail__head-right .offer__btn a {
      font-size: 1.5rem; }
      @media (min-width: 768px) {
        #shop .detail__head-right .offer__btn a {
          font-size: calc( 1.5rem + ( 1vw - 7.68px ) * 0.2551020408 ); } }
      @media (min-width: 1160px) {
        #shop .detail__head-right .offer__btn a {
          font-size: 1.6rem; } }
#shop .detail__body {
  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 .detail__body-left {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%; }
    #shop .detail__body-left .shop__img-box {
      position: relative; }
      #shop .detail__body-left .shop__img-box:before {
        content: '';
        display: block;
        padding-top: 100%; }
      #shop .detail__body-left .shop__img-box img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        transform: translate(-50%, -50%); }
    #shop .detail__body-left .shop__img-wrap.main {
      margin: 0% 0% 4.31% 0%; }
    #shop .detail__body-left .shop__img-wrap.sub .slick-track {
      width: 100% !important; }
    #shop .detail__body-left .shop__img-wrap.sub .shop__img-box {
      width: calc((100% - 30px) / 4) !important;
      cursor: pointer;
      transition: .6s all; }
      #shop .detail__body-left .shop__img-wrap.sub .shop__img-box:hover {
        opacity: 0.8; }
      #shop .detail__body-left .shop__img-wrap.sub .shop__img-box + .shop__img-box {
        margin-left: 10px; }
  #shop .detail__body-right {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 30px; }
    #shop .detail__body-right .profile__wrap + .profile__wrap {
      margin-top: 40px; }
    #shop .detail__body-right .profile__ttl {
      margin: 0% 0% 6.34% 0%;
      font-size: 1.4rem;
      border-bottom: 2px solid #77BCC8; }
      @media (min-width: 768px) {
        #shop .detail__body-right .profile__ttl {
          font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.2551020408 ); } }
      @media (min-width: 1160px) {
        #shop .detail__body-right .profile__ttl {
          font-size: 1.5rem; } }
    #shop .detail__body-right .profile__catch {
      margin: 0% 0% 3.4% 0%;
      font-size: 1.6rem;
      color: #77BCC8; }
      @media (min-width: 768px) {
        #shop .detail__body-right .profile__catch {
          font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 0.5102040816 ); } }
      @media (min-width: 1160px) {
        #shop .detail__body-right .profile__catch {
          font-size: 1.8rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #shop .detail__head {
    padding: 2.32% 4.31% 2.32% 4.31%; }
    #shop .detail__head-left {
      flex: 0 1 60%;
      width: 60%;
      max-width: 60%;
      padding: 0; }
      #shop .detail__head-left .tag__box {
        display: inline-block;
        margin: 0 9px 15px 0;
        padding: 7px 7px;
        box-sizing: border-box;
        color: #5A5A5A;
        text-align: center;
        line-height: 1;
        background: #fff;
        border: 1px solid #5A5A5A; }
      #shop .detail__head-left .shop__ttl, #shop .detail__head-left .shop__ttl--name, #shop .detail__head-left .shop__ttl--kana {
        text-align: left;
        line-height: normal; }
    #shop .detail__head-right {
      flex: 0 1 35%;
      width: 35%;
      max-width: 35%;
      margin: 0;
      padding: 0;
      background: transparent; }
      #shop .detail__head-right a {
        max-width: 320px;
        padding: 30px; }
  #shop .detail__body {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    #shop .detail__body-left {
      flex: 0 1 50%;
      width: 50%;
      max-width: 50%;
      margin-right: 43px; }
      #shop .detail__body-left .shop__img-box:before {
        content: '';
        display: block;
        padding-top: 56.25%; }
      #shop .detail__body-left .shop__img-wrap.main {
        margin-bottom: 25px; }
    #shop .detail__body-right {
      flex: 0 1 38.017241%;
      width: 38.017241%;
      max-width: 38.017241%;
      margin-top: 0; }
      #shop .detail__body-right .offer__btn a {
        padding: 32px;
        max-width: 320px; }
      #shop .detail__body-right .profile__ttl {
        margin-bottom: 28px; } }
/*------------------------------
		961px以上
------------------------------*/

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