@charset "UTF-8";
/*ボックスシャドー*/
/* 回転 */
/* ------------------------
 page-salon
------------------------- */
/* line 15, ../sass/page-salon.scss */
.topics.salon {
  width: 100%;
  padding: 0;
  text-align: center; }
  /* line 21, ../sass/page-salon.scss */
  .topics.salon .cover-body {
    margin-bottom: 120px; }
    @media only screen and (max-width: 1500px) {
      /* line 21, ../sass/page-salon.scss */
      .topics.salon .cover-body {
        margin-bottom: 11.1111111111vw; } }
  /* line 28, ../sass/page-salon.scss */
  .topics.salon .inner {
    padding: 0; }
    /* line 30, ../sass/page-salon.scss */
    .topics.salon .inner .wrap {
      width: 100%;
      margin: 0 auto 80px; }
      /* line 33, ../sass/page-salon.scss */
      .topics.salon .inner .wrap .pagettl {
        background-color: #fff !important; }
        @media only screen and (max-width: 767px) {
          /* line 33, ../sass/page-salon.scss */
          .topics.salon .inner .wrap .pagettl {
            margin-bottom: 20px; } }
      /* line 39, ../sass/page-salon.scss */
      .topics.salon .inner .wrap .ttl {
        margin: 0 auto 45px;
        border: 0; }
        @media only screen and (max-width: 1500px) {
          /* line 39, ../sass/page-salon.scss */
          .topics.salon .inner .wrap .ttl {
            margin-bottom: 4.1666666667vw; }
            /* line 44, ../sass/page-salon.scss */
            .topics.salon .inner .wrap .ttl img {
              width: 167px;
              height: auto; } }
  @media only screen and (max-width: 1500px) and (max-width: 767px) {
    /* line 46, ../sass/page-salon.scss */
    .topics.salon .inner .wrap .ttl img {
      width: 130px;
      height: auto; } }

      /* line 52, ../sass/page-salon.scss */
      .topics.salon .inner .wrap#main h1 {
        text-align: center; }
        /* line 54, ../sass/page-salon.scss */
        .topics.salon .inner .wrap#main h1 p {
          margin: 0 auto;
          color: #AC8A6A;
          line-height: 1.5;
          font-size: 2rem; }
          @media only screen and (max-width: 767px) {
            /* line 54, ../sass/page-salon.scss */
            .topics.salon .inner .wrap#main h1 p {
              font-size: 1.5rem; } }
      /* line 64, ../sass/page-salon.scss */
      .topics.salon .inner .wrap#main .desc {
        text-align: center;
        font-size: 1.2rem;
        line-height: 2; }
      /* line 71, ../sass/page-salon.scss */
      .topics.salon .inner .wrap.point {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        /* line 77, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point .ttl {
          width: 100%; }
        /* line 78, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point .img, .topics.salon .inner .wrap.point .desc {
          width: 48%; }
        /* line 80, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point .desc .subj {
          font-size: 1.5rem;
          line-height: 1.8;
          margin-bottom: 1em;
          text-align: left;
          font-weight: bold; }
        /* line 87, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point .desc .txt {
          font-size: 1.2rem;
          line-height: 1.8;
          font-weight: 400;
          text-align: left; }
        /* line 93, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point .desc .todetail {
          text-align: right;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
          /* line 96, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point .desc .todetail a {
            text-decoration: underline;
            font-weight: bold;
            font-size: 1.2rem; }
            /* line 100, ../sass/page-salon.scss */
            .topics.salon .inner .wrap.point .desc .todetail a:hover {
              color: red;
              text-decoration: none; }
        /* line 108, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point#point01 {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
        /* line 113, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point#point02 {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row; }
          /* line 115, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point#point02 .img {
            width: 53%; }
          /* line 116, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point#point02 .desc {
            width: 44%; }
        /* line 119, ../sass/page-salon.scss */
        .topics.salon .inner .wrap.point#point03 {
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          -webkit-justify-content: space-between;
          -ms-justify-content: space-between;
          justify-content: space-between;
          margin-bottom: 125px; }
          /* line 122, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point#point03 .img {
            width: 100%;
            text-align: center;
            margin: 0 auto 30px; }
          /* line 127, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point#point03 .subj {
            width: 100%;
            text-align: center;
            font-size: 1.5rem;
            line-height: 2;
            margin-bottom: 1em; }
          /* line 135, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point#point03 .list-root, .topics.salon .inner .wrap.point#point03 .desc {
            width: 100%; }
          /* line 136, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point#point03 .list-root {
            margin-bottom: 80px;
            -js-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: flex-start;
            -ms-align-items: flex-start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            /* line 142, ../sass/page-salon.scss */
            .topics.salon .inner .wrap.point#point03 .list-root .list-item {
              width: 32%;
              border-bottom: 5px; }
              /* line 145, ../sass/page-salon.scss */
              .topics.salon .inner .wrap.point#point03 .list-root .list-item a {
                display: block;
                text-align: center; }
                /* line 148, ../sass/page-salon.scss */
                .topics.salon .inner .wrap.point#point03 .list-root .list-item a .shopname {
                  padding-top: 1.8em;
                  font-weight: bold;
                  font-size: 1.3rem;
                  text-decoration: underline; }
          /* line 157, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point#point03 .desc {
            margin: 0 auto;
            text-align: center !important; }
            /* line 160, ../sass/page-salon.scss */
            .topics.salon .inner .wrap.point#point03 .desc .txt {
              padding: 0 25px; }
          @media only screen and (max-width: 767px) {
            /* line 165, ../sass/page-salon.scss */
            .topics.salon .inner .wrap.point#point03 .img {
              margin: 0 auto 2.7777777778vw; }
            /* line 168, ../sass/page-salon.scss */
            .topics.salon .inner .wrap.point#point03 .list-root {
              margin-bottom: 7.4074074074vw; }
              /* line 172, ../sass/page-salon.scss */
              .topics.salon .inner .wrap.point#point03 .list-root .list-item a .shopname {
                padding-top: 0.5em; }
            /* line 179, ../sass/page-salon.scss */
            .topics.salon .inner .wrap.point#point03 .desc .txt {
              padding: 0; } }
        @media only screen and (max-width: 767px) {
          /* line 186, ../sass/page-salon.scss */
          .topics.salon .inner .wrap.point .img, .topics.salon .inner .wrap.point .desc, .topics.salon .inner .wrap.point .list-item {
            width: 100%;
            margin-bottom: 10px !important; } }
      /* line 191, ../sass/page-salon.scss */
      .topics.salon .inner .wrap#photo .list-root {
        width: 100%;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        /* line 197, ../sass/page-salon.scss */
        .topics.salon .inner .wrap#photo .list-root li {
          width: 32%;
          margin-bottom: 20px; }
          @media only screen and (max-width: 767px) {
            /* line 197, ../sass/page-salon.scss */
            .topics.salon .inner .wrap#photo .list-root li {
              width: 49%;
              margin-bottom: 10px; } }
    @media only screen and (max-width: 1024px) {
      /* line 212, ../sass/page-salon.scss */
      .topics.salon .inner .wrap .subj, .topics.salon .inner .wrap .desc, .topics.salon .inner .wrap .txt, .topics.salon .inner .wrap .todetail {
        font-size: 105% !important;
        line-height: 1.3; } }
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  /* line 28, ../sass/page-salon.scss */
  .topics.salon .inner {
    padding: 0 10px !important; }
    /* line 219, ../sass/page-salon.scss */
    .topics.salon .inner .wrap {
      width: 100% !important;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 10px !important; }
      /* line 223, ../sass/page-salon.scss */
      .topics.salon .inner .wrap .img, .topics.salon .inner .wrap .desc {
        width: 100% !important;
        margin: 0 0 10px !important; }
      /* line 224, ../sass/page-salon.scss */
      .topics.salon .inner .wrap .desc {
        padding: 5px 10px; }
      /* line 225, ../sass/page-salon.scss */
      .topics.salon .inner .wrap .list-root {
        margin-bottom: 10px !important; }
      /* line 226, ../sass/page-salon.scss */
      .topics.salon .inner .wrap .subj, .topics.salon .inner .wrap .desc, .topics.salon .inner .wrap .txt, .topics.salon .inner .wrap .todetail {
        font-size: 95% !important;
        line-height: 1.2; } }

/*# sourceMappingURL=page-salon.css.map */