/*****************************
 *
 *settings
 *
 ***************************** */
@media (max-width: 800px) {
  header.v3 .btm_btn.sp_content a:nth-of-type(1) {
    background: #FF3B3B; }
    header.v3 .btm_btn.sp_content a:nth-of-type(1):before {
      display: none; }

  #content_v3 #fv_salon {
    width: 100%;
    height: 500px; }
    #content_v3 #fv_salon a.contact {
      height: 150px;
      bottom: 0;
      width: 100%;
      padding: 25px;
      align-items: center;
      line-height: 1;
      font-weight: bold;
      align-content: center; }
    #content_v3 #fv_salon .fv_img {
      width: 100%;
      height: 100%; }
  #content_v3 .container .row.salon_instagram .r, #content_v3 .container .row.rr.salon_instagram .r {
    padding-bottom: 75px;
    overflow: hidden; }
    #content_v3 .container .row.salon_instagram .r .tit_txt, #content_v3 .container .row.rr.salon_instagram .r .tit_txt {
      font-size: 72px;
      right: 0px;
      width: 100%;
      bottom: -13px;
      text-align: right; }
  #content_v3 .container .row .l, #content_v3 .container .row.rr .l {
    width: 0px; }
  #content_v3 .container .row .r, #content_v3 .container .row.rr .r {
    width: 100vw;
    padding: 30px; }
    #content_v3 .container .row .r h2, #content_v3 .container .row.rr .r h2 {
      margin-left: 0;
      font-size: 52px;
      line-height: 1.2; }
      #content_v3 .container .row .r h2 i, #content_v3 .container .row.rr .r h2 i {
        font-size: 18px;
        margin-left: 0; }
      #content_v3 .container .row .r h2:first-letter, #content_v3 .container .row.rr .r h2:first-letter {
        color: #212121; }
      #content_v3 .container .row .r h2 s:nth-of-type(1), #content_v3 .container .row.rr .r h2 s:nth-of-type(1) {
        color: #212121; }
    #content_v3 .container .row .r .slides_container, #content_v3 .container .row.rr .r .slides_container {
      width: calc(100% + 60px);
      margin-left: -30px; }
      #content_v3 .container .row .r .slides_container .tabs, #content_v3 .container .row.rr .r .slides_container .tabs {
        margin-left: 30px; }
  #content_v3 .container .concept .r p {
    font-size: 20px;
    margin-top: 140px; }
    #content_v3 .container .concept .r p br {
      display: none; }
  #content_v3 .container .concept .r .buttons {
    margin-bottom: 20px; }
    #content_v3 .container .concept .r .buttons a {
      width: 100%;
      margin-bottom: 10px;
      margin-right: 0; }
  #content_v3 .container .concept .r .tit_txt {
    font-size: 60px;
    top: 60px;
    width: calc(100% - 60px);
    bottom: auto;
    right: auto;
    left: 30px; }
  #content_v3 .container .row.hairstyles {
    background: #fff; }
    #content_v3 .container .row.hairstyles .r {
      padding: 140px 30px 50px;
      background: #fff; }
      #content_v3 .container .row.hairstyles .r .tit_txt {
        font-size: 80px;
        top: 40px;
        left: 30px;
        width: calc(100% - 60px); }
      #content_v3 .container .row.hairstyles .r .style_grid a {
        width: 50%;
        margin: 0;
        margin-bottom: 0px;
        height: 190px; }
  #content_v3 .container .salon_info .l, #content_v3 .container .salon_info .r {
    width: 100% !important;
    flex-direction: column-reverse; }
    #content_v3 .container .salon_info .l .map, #content_v3 .container .salon_info .r .map {
      width: 100%;
      height: 350px; }
      #content_v3 .container .salon_info .l .map iframe, #content_v3 .container .salon_info .r .map iframe {
        height: 100%;
        display: block; }
    #content_v3 .container .salon_info .l .info, #content_v3 .container .salon_info .r .info {
      width: 100%;
      padding: 50px 30px; }
      #content_v3 .container .salon_info .l .info table, #content_v3 .container .salon_info .l .info tbody, #content_v3 .container .salon_info .l .info td, #content_v3 .container .salon_info .l .info th, #content_v3 .container .salon_info .l .info tr, #content_v3 .container .salon_info .r .info table, #content_v3 .container .salon_info .r .info tbody, #content_v3 .container .salon_info .r .info td, #content_v3 .container .salon_info .r .info th, #content_v3 .container .salon_info .r .info tr {
        display: block;
        width: 100% !important;
        font-size: 14px; }
        #content_v3 .container .salon_info .l .info table tr th, #content_v3 .container .salon_info .l .info tbody tr th, #content_v3 .container .salon_info .l .info td tr th, #content_v3 .container .salon_info .l .info th tr th, #content_v3 .container .salon_info .l .info tr tr th, #content_v3 .container .salon_info .r .info table tr th, #content_v3 .container .salon_info .r .info tbody tr th, #content_v3 .container .salon_info .r .info td tr th, #content_v3 .container .salon_info .r .info th tr th, #content_v3 .container .salon_info .r .info tr tr th {
          border: none;
          padding: 15px 15px;
          background: #dedbd6; }
        #content_v3 .container .salon_info .l .info table tr td, #content_v3 .container .salon_info .l .info tbody tr td, #content_v3 .container .salon_info .l .info td tr td, #content_v3 .container .salon_info .l .info th tr td, #content_v3 .container .salon_info .l .info tr tr td, #content_v3 .container .salon_info .r .info table tr td, #content_v3 .container .salon_info .r .info tbody tr td, #content_v3 .container .salon_info .r .info td tr td, #content_v3 .container .salon_info .r .info th tr td, #content_v3 .container .salon_info .r .info tr tr td {
          padding: 15px 0; }
  #content_v3 .container .staff .r {
    padding: 50px 30px; }
  #content_v3 .container .staff .staff_con {
    margin: 30px 0;
    justify-content: space-between; }
    #content_v3 .container .staff .staff_con .staff_box {
      margin: 0;
      margin-bottom: 20px;
      width: 49%; }
      #content_v3 .container .staff .staff_con .staff_box h3 {
        font-size: 20px; }
        #content_v3 .container .staff .staff_con .staff_box h3 span, #content_v3 .container .staff .staff_con .staff_box h3 em {
          display: block;
          font-size: 13px;
          margin-left: 0; }
      #content_v3 .container .staff .staff_con .staff_box .img {
        height: 180px; }
      #content_v3 .container .staff .staff_con .staff_box a.reserv {
        display: block;
        margin: 20px auto 0px;
        width: 80%;
        font-size: 14px; }
  #content_v3 .bland_book a.recruit {
    width: calc(100vw - 60px);
    margin: 40px auto;
    padding: 30px; }
  #content_v3 .bland_book .ib {
    padding: 60px 30px 30px; }
    #content_v3 .bland_book .ib .df {
      flex-wrap: wrap; }
      #content_v3 .bland_book .ib .df .box {
        padding: 0;
        width: 100%; }
        #content_v3 .bland_book .ib .df .box:nth-of-type(1) {
          padding-bottom: 30px;
          margin-bottom: 50px;
          border: none;
          border-bottom: 1px solid #fff; }
        #content_v3 .bland_book .ib .df .box .img {
          width: 100%;
          height: 310px;
          margin: 35px auto; }
          #content_v3 .bland_book .ib .df .box .img.logo {
            width: 130px;
            height: 130px;
            margin: 20px auto; }
        #content_v3 .bland_book .ib .df .box h2 {
          font-size: 40px;
          margin-bottom: 40px;
          text-align: center; }
        #content_v3 .bland_book .ib .df .box p {
          font-size: 14px;
          line-height: 1.9; }
          #content_v3 .bland_book .ib .df .box p br {
            display: none; } }

/*# sourceMappingURL=style_salon_v3_sp.css.map */
