@charset "UTF-8";
/*Copyright (c) 2018 LiccoWorldTrading Co.,Ltd.

attrico-har.com/css/default.css

本製品は attrico-hair.com 専用に開発されたものであり
許可なく二次販売・再配布・複製・改変を禁止する。
 */
h1 {
  margin-top: 20px; }

header {
  margin: 0;
  padding: 0; }
  header .wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0; }
  header .logo {
    padding: 10px; }
    header .logo img {
      height: 30px;
      width: auto; }
  header .main-menu-wrapper {
    position: absolute;
    top: 0;
    right: 0; }
    header .main-menu-wrapper .btn-menu {
      display: inline-block;
      background: url("../img/icon_menu.png") no-repeat;
      background-size: cover;
      width: 40px;
      height: 40px;
      margin: 5px;
      cursor: pointer; }
    header .main-menu-wrapper .main-menu {
      position: absolute;
      top: 50px;
      right: 0;
      display: none;
      background: #000;
      width: 100px;
      height: 170px;
      padding: 10px;
      opacity: 0.7;
      z-index: 1000; }
      header .main-menu-wrapper .main-menu ol li {
        height: 30px;
        margin: 0; }

footer .footer-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

#page h1 {
  margin-bottom: 10px; }
#page h2 {
  font-size: 28px; }
#page > p {
  padding: 0 20px;
  margin-bottom: 1em;
  line-height: 180%; }
#page .col1 {
  float: none;
  width: 100%;
  padding: 0 30px; }
  #page .col1 h2 {
    margin-left: -20px; }
#page .col2 {
  float: none;
  width: 100%;
  padding: 0 30px; }
  #page .col2 h2:first-child {
    margin-top: 40px; }
  #page .col2 h2 {
    margin-left: -20px; }
#page .list-staff {
  padding-top: 20px; }
  #page .list-staff .staff {
    text-align: center; }
    #page .list-staff .staff .img-staff {
      float: none;
      margin-right: 0;
      margin-bottom: 20px; }
    #page .list-staff .staff .body .title h2 {
      margin-bottom: 0; }
  #page .list-staff .staff:nth-child(even) .img-staff {
    float: none !important; }
#page .list-gallery {
  padding: 0; }
  #page .list-gallery img {
    margin: 2.5%;
    width: 45%;
    height: auto; }

#blog .header {
  margin-bottom: 30px;
  padding: 0 10px; }
  #blog .header h1 {
    margin-top: 40px;
    margin-bottom: 10px;
    color: #333; }
  #blog .header .update_at {
    color: #999; }
#blog .blog-content {
  padding: 0 20px;
  padding-bottom: 40px;
  color: #666; }
  #blog .blog-content img {
    width: 100%;
    margin: 10px 0; }
  #blog .blog-content p {
    margin-bottom: 1em;
    line-height: 180%; }

.page-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.home-content-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px; }
  .home-content-wrapper h2 {
    margin-left: -30px; }

.slider-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.submenu-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px; }
  .submenu-wrapper ol li {
    font-size: 18px;
    margin-bottom: 0.6em; }

.reservation-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px; }
  .reservation-wrapper a {
    padding: 10px; }
  .reservation-wrapper img {
    width: 35%;
    height: auto; }

.recently-blog-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px; }
  .recently-blog-wrapper ul li {
    margin-bottom: 10px;
    padding: 10px; }
    .recently-blog-wrapper ul li .title-img-wrapper {
      margin: 0;
      margin-right: 10px; }
      .recently-blog-wrapper ul li .title-img-wrapper img {
        width: 130px !important;
        height: 130px !important; }
    .recently-blog-wrapper ul li .body {
      font-size: 12px; }
      .recently-blog-wrapper ul li .body h3 {
        color: #666;
        font-size: 18px; }
      .recently-blog-wrapper ul li .body .readthis {
        left: auto;
        right: 10px; }
  .recently-blog-wrapper .btn-bloglist-wrapper {
    padding-top: 10px; }

#error404 {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

#access-map {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px; }
  #access-map .map-wrapper {
    margin-bottom: 10px; }

table.menu-list {
  font-size: 16px; }
  table.menu-list th, table.menu-list td {
    padding: 3px 5px; }
  table.menu-list th {
    width: auto; }
  table.menu-list td {
    width: 9em; }

.header-img-items, .header-img-gaikan, .header-img-naikan1 {
  background-size: contain;
  height: 150px;
  margin-top: 0;
  margin-bottom: 20px; }

.header-img-gaikan {
  margin-top: 10px; }

.header-img-naikan1 {
  margin-top: 10px; }

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