@media screen and (min-width: 1501px) {
  header section nav ol li.phone {
    right: calc(1% + 165px); }
  #staff .staff_info img {
    height: 83.78%; } }

@media screen and (max-width: 1500px) {
  #staff .staff_info img {
    height: 82.65%; } }

@media screen and (max-width: 1350px) {
  #staff .staff_info img {
    height: 81.15%; } }

@media screen and (max-width: 1200px) {
  #staff .staff_info img {
    height: 79.65%; } }

@media screen and (max-width: 1100px) {
  header section nav {
    margin-top: 5px; }
    header section nav ol li.phone {
      top: 33px; }
  header.fix section nav ol li.phone {
    top: 16px; }
  .first_view h2 {
    top: 105px; }
  #staff .staff_info img {
    height: 76.15%; }
  .post-type-archive-style main #style_list .catalog_box {
    width: 23%; } }

@media screen and (max-width: 960px) {
  header section h1 img {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto; }
  header section nav {
    margin-top: 1px; }
    header section nav ol {
      margin-top: 5px; }
      header section nav ol li.phone {
        top: 25px; }
  header section .nav {
    padding-top: 75px; }
  header section .nav-button {
    margin-top: 10px; }
  header.fix section nav ol {
    margin-top: -6px; }
    header.fix section nav ol li.phone {
      top: 14px; }
  header.fix section .nav-button {
    margin-top: 2px; }
  .first_view h2 {
    top: 80px; }
  #staff .col-twenty {
    width: 23%; }
  #staff .staff_info img {
    height: 79.73%; } }

@media screen and (max-width: 825px) {
  header {
    padding-bottom: 10px; }
    header section nav ol {
      margin-top: 3px; }
      header section nav ol li.phone {
        top: 21px; }
    header section .nav-button {
      margin: 8px 0 0 0; }
  .first_view h2 {
    font-size: 2.1rem; }
  #staff .col-twenty {
    width: calc(94% / 3); }
  #staff .staff_info img {
    height: 82.05%; }
  #concept .row .col-half, #price .row .col-half {
    width: 90%;
    margin: auto auto 3em; }
  #price article dt, #price article dd {
    font-size: 1.4rem; }
  .staff #staff_profile article .photo_area, .single-staff #staff_profile article .photo_area {
    width: 48%;
    margin: 0 1%; }
    .staff #staff_profile article .photo_area img, .single-staff #staff_profile article .photo_area img {
      display: block;
      width: 96%; }
  .staff #staff_profile article dl, .single-staff #staff_profile article dl {
    width: 44%;
    margin: 0 1%; }
  .post-type-archive-style main #style_list .catalog_box {
    width: 31%; }
  .post-type-archive-style main .content_area, .single-style main .content_area, .single-post main .content_area, .blog main .content_area, .category main .content_area, .archive main .content_area {
    width: 96%;
    margin: 1em 2%; }
    .post-type-archive-style main .content_area article, .single-style main .content_area article, .single-post main .content_area article, .blog main .content_area article, .category main .content_area article, .archive main .content_area article {
      padding-left: 0; }
  .post-type-archive-style main .sidebar, .single-style main .sidebar, .single-post main .sidebar, .blog main .sidebar, .category main .sidebar, .archive main .sidebar {
    width: 100%;
    padding: 7rem 2%; }
    .post-type-archive-style main .sidebar .mainbar, .single-style main .sidebar .mainbar, .single-post main .sidebar .mainbar, .blog main .sidebar .mainbar, .category main .sidebar .mainbar, .archive main .sidebar .mainbar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .post-type-archive-style main .sidebar .mainbar li.widget-container, .single-style main .sidebar .mainbar li.widget-container, .single-post main .sidebar .mainbar li.widget-container, .blog main .sidebar .mainbar li.widget-container, .category main .sidebar .mainbar li.widget-container, .archive main .sidebar .mainbar li.widget-container {
        width: 44%;
        margin: 1em 3%; }
        .post-type-archive-style main .sidebar .mainbar li.widget-container:first-child, .single-style main .sidebar .mainbar li.widget-container:first-child, .single-post main .sidebar .mainbar li.widget-container:first-child, .blog main .sidebar .mainbar li.widget-container:first-child, .category main .sidebar .mainbar li.widget-container:first-child, .archive main .sidebar .mainbar li.widget-container:first-child {
          max-width: 450px;
          width: 96%;
          margin: 1em auto 3em; } }

@media screen and (max-width: 768px) {
  #staff .staff_info img {
    height: 80.44%; }
  .post-type-archive-style main #style_list .catalog_box, .single-style main #style_list .catalog_box {
    width: 48%; }
  .post-type-archive-style main #style_detail .catalog_box .imgWrap, .post-type-archive-style main #style_detail .catalog_box .detail_info, .single-style main #style_detail .catalog_box .imgWrap, .single-style main #style_detail .catalog_box .detail_info {
    width: 90%;
    margin: 1em 5%; }
  .post-type-archive-style main #style_detail .catalog_box .imgWrap img, .single-style main #style_detail .catalog_box .imgWrap img {
    max-width: 600px;
    margin: auto; } }

@media screen and (min-width: 641px) {
  .nav li.forSP {
    display: none; } }

@media screen and (max-width: 640px) {
  header section h1 {
    width: 80%; }
    header section h1 img {
      max-width: 280px; }
  header section nav {
    width: 20%; }
    header section nav li.forSP {
      padding: 0 20%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      header section nav li.forSP a {
        position: initial;
        width: 33%;
        padding-top: 0; }
      header section nav li.forSP i {
        font-size: 4.0rem;
        text-align: center; }
    header section nav ol {
      display: none; }
  header section .nav {
    padding-top: 60px; }
  header section .nav-button {
    margin-top: 2px; }
  .first_view h2 {
    top: 60px;
    width: 280px; }
  #staff .staff_info img {
    height: 78.04%; }
  .staff #staff_profile h2.title span, .single-staff #staff_profile h2.title span {
    font-size: 2.8rem; }
  .staff #staff_profile article .photo_area, .staff #staff_profile article dl, .single-staff #staff_profile article .photo_area, .single-staff #staff_profile article dl {
    width: 98%;
    margin: 0 1% 1em; }
    .staff #staff_profile article .photo_area img, .staff #staff_profile article dl img, .single-staff #staff_profile article .photo_area img, .single-staff #staff_profile article dl img {
      max-width: 360px;
      width: 98%;
      margin: 0 auto 2em; }
  .post-type-archive-style main #style_list .catalog_box {
    width: 48%; } }

@media screen and (max-width: 568px) {
  #staff .col-twenty {
    width: 48%; }
  #staff .staff_info img {
    height: 82.35%; }
  #style .catalog_box {
    max-width: 300px;
    width: 80%;
    margin: 0 auto 10%; }
    #style .catalog_box:last-child {
      margin-bottom: 0; } }

@media screen and (max-width: 480px) {
  #staff .staff_info img {
    height: 79.92%; }
  .post-type-archive-style main .content_area h2, .single-style main .content_area h2, .single-post main .content_area h2, .blog main .content_area h2, .category main .content_area h2, .archive main .content_area h2 {
    font-size: 1.8rem;
    padding: 0 0 2px 40px;
    background-size: 30px; }
  .post-type-archive-style main .content_area .entry, .single-style main .content_area .entry, .single-post main .content_area .entry, .blog main .content_area .entry, .category main .content_area .entry, .archive main .content_area .entry {
    font-size: 1.5rem; }
    .post-type-archive-style main .content_area .entry .return_b a, .single-style main .content_area .entry .return_b a, .single-post main .content_area .entry .return_b a, .blog main .content_area .entry .return_b a, .category main .content_area .entry .return_b a, .archive main .content_area .entry .return_b a {
      font-size: 1.4rem;
      padding: 10px 50px; }
  .post-type-archive-style main .sidebar .mainbar li.widget-container, .single-style main .sidebar .mainbar li.widget-container, .single-post main .sidebar .mainbar li.widget-container, .blog main .sidebar .mainbar li.widget-container, .category main .sidebar .mainbar li.widget-container, .archive main .sidebar .mainbar li.widget-container {
    width: 96%;
    margin: 1em 2%; } }

@media screen and (max-width: 400px) {
  main section h2.icon {
    margin-right: 0; }
    main section h2.icon .left-icon {
      margin-right: .5em;
      height: 60px; }
    main section h2.icon .right-icon {
      margin-left: .1em;
      height: 40px; }
  #staff .col-twenty {
    width: 80%;
    margin: auto auto 3em; }
  #staff .staff_info img {
    height: 84.12%; }
  #style .catalog_box {
    width: 90%; }
  .post-type-archive-style main #style_list .catalog_box {
    width: 98%; }
  .blog .content_area dl, .category .content_area dl, .archive .content_area dl {
    font-size: 1.7rem; }
  .blog .excerpt, .category .excerpt, .archive .excerpt {
    font-size: 1.4rem; }
  footer .copyright p span {
    display: block; } }

@media screen and (max-width: 350px) {
  #staff .col-twenty {
    width: 90%;
    margin: auto auto 3em; }
  #staff .staff_info img {
    height: 83.67%; } }

/*# sourceMappingURL=../_maps/responsive.css.map */