@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap");
/* 30px 見出し文字サイズ */
/* 12px 注意事項など */
#mainv .bg {
  background-image: url(../images/menu/hair/mainv_p_01.jpg); }

.caption {
  color: #5a5a5a;
  font-size: .8125rem;
  margin-top: 10px; }

#hair {
  min-width: 1085px;
  background: url(../images/menu/hair/hair_p_01.jpg) no-repeat calc(50% + 320px + 50px) 125px;
  margin-bottom: 80px; }
  #hair .subContentsS {
    position: relative; }
    #hair .subContentsS::after {
      content: "";
      width: 63px;
      height: calc(63px / 19 * 150);
      background: url(../images/menu/hair/side_t_01.svg) no-repeat;
      position: absolute;
      top: 0;
      left: -140px; }
    #hair .subContentsS .honbun {
      width: 56%; }
      #hair .subContentsS .honbun .note {
        font-size: .8125rem;
        margin-top: 15px; }
    #hair .subContentsS .priceTable {
      margin: 200px 0 0; }
      #hair .subContentsS .priceTable table {
        font-size: .9375rem;
        width: 100%;
        margin: 0 0 60px; }
        #hair .subContentsS .priceTable table th, #hair .subContentsS .priceTable table td {
          font-weight: normal;
          text-align: center;
          border: solid 1px #5a5a5a;
          padding: 10px 20px; }
        #hair .subContentsS .priceTable table .tate span {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          white-space: pre;
          display: inline-block; }
        #hair .subContentsS .priceTable table.female th {
          background: #f5e2e9; }
        #hair .subContentsS .priceTable table.male th {
          background: #dfeae9; }
        #hair .subContentsS .priceTable table.table-type2 th {
          background: #f2eae9; }
        #hair .subContentsS .priceTable table thead tr th:first-child {
          background: none;
          border-top: none;
          border-left: none; }
        #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child td:nth-child(2) {
          width: 44%; }
        #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child td:nth-child(3) {
          width: 19%; }
        #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child td:nth-child(4) {
          width: 29%; }
        #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child td:nth-child(2),
        #hair .subContentsS .priceTable table.table-type1 tbody tr td:first-child {
          text-align: left; }
        #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child th:nth-child(1) {
          line-height: 1.5;
          padding: 0 5px; }
    #hair .subContentsS .addfig {
      width: 404px;
      margin: 0 auto; }

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 751px) {
  .caption {
    color: #5a5a5a;
    font-size: .8125rem;
    margin-top: 10px; }

  #hair {
    min-width: initial;
    background-position: 10vw 0;
    background-size: 80vw auto; }
    #hair .subContentsS {
      position: relative; }
      #hair .subContentsS::after {
        width: 10vw;
        height: calc(10vw / 19 * 150);
        background-size: 100% auto;
        left: 0; }
      #hair .subContentsS .honbun {
        width: 100%;
        padding-top: 72vw;
        padding-left: 5vw;
        padding-right: 5vw; }
      #hair .subContentsS .priceTable {
        margin: 10vw 0 0; }
        #hair .subContentsS .priceTable table {
          font-size: .875rem;
          margin: 0 0 10vw; }
          #hair .subContentsS .priceTable table th, #hair .subContentsS .priceTable table td {
            padding: 3vw 4vw; }
          #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child td:nth-child(2) {
            width: 50%; }
          #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child td:nth-child(3) {
            width: 20%;
            white-space: nowrap; }
          #hair .subContentsS .priceTable table.table-type1 tbody tr:first-child td:nth-child(4) {
            width: 20%;
            white-space: nowrap; }
      #hair .subContentsS .addfig {
        width: 80vw;
        margin: 0 auto; } }

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