@charset "UTF-8";
@media screen and (max-width: 640px) {
  /* line 4, index_sp.scss */
  .hide_sp {
    display: none; }

  /*********************************/
  /* line 8, index_sp.scss */
  header {
    width: 100%;
    padding: 10px 0 0;
    height: auto; }
    /* line 12, index_sp.scss */
    header div {
      width: 100%; }
      /* line 14, index_sp.scss */
      header div img {
        width: 100%; }

  /*************************************/
  /* line 20, index_sp.scss */
  .cart_price_box {
    top: 4px;
    right: 1px; }

  /* line 24, index_sp.scss */
  .cart_price {
    width: 50vw;
    height: 11vw; }
    /* line 27, index_sp.scss */
    .cart_price .cart_price_icon {
      position: absolute;
      top: 1.5vw;
      left: 2.2vw;
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("../images/cart_price_icon.svg"); }
      /* line 35, index_sp.scss */
      .cart_price .cart_price_icon img {
        width: 7vw;
        visibility: hidden; }
    /* line 40, index_sp.scss */
    .cart_price .cart_price_on_tax {
      top: inherit;
      left: inherit;
      bottom: 1vw;
      right: calc( 1vw + (1.0rem * 4) );
      width: 27.5vw;
      height: 80%;
      padding: 0.9rem 0.5rem 0;
      background-color: #FFF;
      font-size: 1.8rem;
      line-height: 100%;
      overflow: hidden; }
      /* line 52, index_sp.scss */
      .cart_price .cart_price_on_tax:before {
        font-size: 1.8rem;
        line-height: 100%; }
    /* line 57, index_sp.scss */
    .cart_price .cart_price_on_tax_after {
      bottom: 1vw;
      right: 1vw;
      font-size: 0.9rem;
      letter-spacing: 0; }

  /*************************************/
  /* line 65, index_sp.scss */
  .header_links {
    top: calc( 2px + 12vw );
    width: 50vw; }
    /* line 68, index_sp.scss */
    .header_links li {
      display: block;
      float: left;
      width: calc( (100% - 6px) / 2 );
      margin-left: 6px; }
      /* line 73, index_sp.scss */
      .header_links li:first-child {
        margin-left: 0; }
      /* line 76, index_sp.scss */
      .header_links li a {
        width: 100%;
        height: 6vw;
        padding-top: 5px;
        font-size: 1.4rem;
        border: none; }

  /*************************************************************************/
  /* line 87, index_sp.scss */
  .foot_navi {
    width: 100%; }

  /* line 90, index_sp.scss */
  .foot_links {
    width: 96%;
    margin: 0 auto; }
    /* line 94, index_sp.scss */
    .foot_links li {
      width: calc( ( 100% - 5px ) / 2 );
      margin: 0 5px 5px 0;
      height: auto; }
      /* line 98, index_sp.scss */
      .foot_links li:nth-child(even) {
        margin-right: 0; }
    /* line 102, index_sp.scss */
    .foot_links:last-child li:last-child {
      width: 100%;
      height: auto;
      padding: 10px 15px;
      font-size: 1.6rem; }
      /* line 108, index_sp.scss */
      .foot_links:last-child li:last-child > div {
        display: inline-block;
        width: calc( 100% - 58px - 10px );
        height: auto;
        padding: 0 0 5px 5px; }
      /* line 114, index_sp.scss */
      .foot_links:last-child li:last-child > p {
        display: block;
        margin-top: 15px;
        font-size: 1.6rem; }
        /* line 118, index_sp.scss */
        .foot_links:last-child li:last-child > p > a {
          float: none;
          position: relative;
          display: block;
          width: 70%;
          padding: 7px 15px;
          margin: 10px auto 0; }
    /* line 131, index_sp.scss */
    .foot_links li > a {
      display: block;
      width: 100%;
      padding: 14px 0 10px;
      font-size: 1.6rem;
      line-height: 200%; }
    /* line 139, index_sp.scss */
    .foot_links li span {
      width: 48px;
      height: 54px; }

  /*************************************************************************/
  /* line 147, index_sp.scss */
  .foot_line {
    width: 100%;
    height: 4vw;
    margin: 0 auto 0; }
    /* line 151, index_sp.scss */
    .foot_line:before {
      width: 100%;
      height: 2.5vw; }

  /* line 156, index_sp.scss */
  footer {
    width: 100%;
    height: 27vw;
    margin: 20px auto 0;
    background-color: #FFF; }
    /* line 161, index_sp.scss */
    footer:before {
      display: none; }
    /* line 164, index_sp.scss */
    footer > div {
      position: static;
      width: 100%; }
      /* line 167, index_sp.scss */
      footer > div .foot_mail, footer > div .foot_salon {
        position: static; }
      /* line 170, index_sp.scss */
      footer > div .foot_mail a, footer > div .foot_salon a {
        font-size: 1.15rem;
        padding-left: 8px; }

  /* line 177, index_sp.scss */
  body.android footer > div .foot_mail a, body.android footer > div .foot_salon a {
    font-size: 1.05rem;
    line-height: 100%;
    letter-spacing: -1px;
    padding-left: 6px; }

  /* line 185, index_sp.scss */
  footer > div .foot_mail a i, footer > div .foot_salon a i {
    right: 8px; }

  /* line 190, index_sp.scss */
  body.android footer > div .foot_mail a i, body.android footer > div .foot_salon a i {
    font-size: 1.05rem;
    line-height: 100%; }

  /* line 196, index_sp.scss */
  footer > div .foot_mail a {
    float: left;
    display: block;
    width: calc( 50% - 4px );
    margin-left: 2px;
    letter-spacing: -1px; }
  /* line 203, index_sp.scss */
  footer > div .foot_salon a {
    float: right;
    display: block;
    width: calc( 50% - 4px );
    margin-right: 2px; }
  /* line 209, index_sp.scss */
  footer > div .foot_chara {
    clear: both;
    position: static;
    float: left;
    display: block;
    width: 15%;
    height: calc( 15vw * 1.326 );
    margin-top: calc( 55px + 3vw );
    overflow: hidden; }

  /* line 220, index_sp.scss */
  body.android footer > div .foot_chara {
    margin-top: calc( 57px + 3vw );
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }

  /* line 226, index_sp.scss */
  footer > div .foot_chara:before {
    width: 100%;
    height: 100%; }
  /* line 230, index_sp.scss */
  footer > div .foot_tel {
    position: static;
    float: left;
    display: block;
    width: calc( 85% );
    padding: 0 0 0 5px;
    margin: 10px 0 0 0;
    font-size: 1.7rem; }

  /* line 240, index_sp.scss */
  body.android footer > div .foot_tel {
    font-size: 1.5rem; }

  /* line 244, index_sp.scss */
  footer > div .foot_tel hr {
    width: 100%; }
  /* line 247, index_sp.scss */
  footer > div .foot_tel div span:first-child {
    float: none;
    width: 100%;
    font-size: 4.0rem;
    padding-left: 3.7rem;
    line-height: 100%;
    letter-spacing: 0; }

  /* line 256, index_sp.scss */
  body.android footer > div .foot_tel div span:first-child {
    letter-spacing: -0.10rem; }

  /* line 260, index_sp.scss */
  footer > div .foot_tel div span:first-child i {
    top: 2px;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: 1.6rem;
    font-size: 2.0rem;
    text-indent: 0.6rem; }
  /* line 268, index_sp.scss */
  footer > div .foot_tel div span:last-child {
    float: none;
    width: 100%;
    font-size: 1.5rem;
    line-height: 120%; }

  /* line 275, index_sp.scss */
  body.android footer > div .foot_tel div span:last-child {
    font-size: 1.3rem;
    line-height: 100%; }

  /* line 279, index_sp.scss */
  footer > div .foot_note {
    position: static;
    float: left;
    display: block;
    width: calc( 85% );
    padding: 0 0 10px 5px;
    margin: 3px 0 0 0;
    font-size: 1.1rem;
    line-height: 150%;
    letter-spacing: -1px; }

  /* line 290, index_sp.scss */
  body.android footer > div .foot_note {
    font-size: 1.0rem; }

  /* line 294, index_sp.scss */
  footer > div .foot_note span {
    display: block;
    font-size: 1.3rem;
    line-height: 150%;
    letter-spacing: 0; }
  /* line 300, index_sp.scss */
  footer > div .foot_copy_before {
    clear: both; }
  /* line 303, index_sp.scss */
  footer > div .foot_copy {
    position: inherit;
    display: block;
    width: 100%;
    height: 20vw;
    margin-top: -1.6vw;
    padding-top: 20px;
    background-color: #843133;
    font-size: 1.0rem; }

  /**************************************/
  /* line 315, index_sp.scss */
  .container {
    width: 100%;
    margin: 0 auto; }

  /* line 319, index_sp.scss */
  .title {
    width: 98%;
    font-size: 1.3rem; }
    /* line 322, index_sp.scss */
    .title:after {
      width: 98%;
      height: 6px;
      margin: 6px auto 0; }
    /* line 327, index_sp.scss */
    .title img {
      width: 100%; }

  /* line 331, index_sp.scss */
  .title2 {
    width: 98%;
    margin: 36px auto 0;
    font-size: 1.2rem;
    text-align: left;
    line-height: 100%; }
    /* line 337, index_sp.scss */
    .title2:after {
      width: 98%;
      height: 6px;
      margin: 6px auto 0; }
    /* line 342, index_sp.scss */
    .title2 img {
      width: 100%; }

  /* line 346, index_sp.scss */
  .title3 {
    width: 98%;
    margin: 12px auto 0;
    font-size: 2.0rem; }

  /* line 351, index_sp.scss */
  .title4 {
    width: 98%;
    margin: 24px auto 0;
    font-size: 2.0rem;
    text-align: center; }
    /* line 356, index_sp.scss */
    .title4:before {
      width: 98%;
      height: 6px;
      margin: 0 auto 12px; }

  /* line 362, index_sp.scss */
  .title5 {
    width: 96%;
    padding-bottom: 30px;
    margin: 0 auto 30px;
    border-bottom: dashed 2px #595757;
    font-size: 2.0rem;
    text-align: center; }

  /* line 371, index_sp.scss */
  .title_sub {
    width: 96%;
    margin: 0 auto;
    text-align: left; }

  /* line 376, index_sp.scss */
  .second_hide {
    width: 96%;
    margin: 0 auto; }

  /**************************************/
  /* line 381, index_sp.scss */
  .require_mark {
    height: auto;
    padding: 6px 8px;
    font-size: 1.2rem;
    line-height: 100%; }

  /**************************************/
  /* line 388, index_sp.scss */
  .description {
    width: 100%;
    padding: 15px; }

  /* line 392, index_sp.scss */
  .description_form {
    padding: 5px 10px 5px 65px;
    font-size: 1.6rem;
    line-height: 120%; }
    /* line 397, index_sp.scss */
    .description_form i {
      right: 10px;
      font-size: 1.8rem; }
    /* line 402, index_sp.scss */
    .description_form img {
      width: 100px;
      -webkit-transform: translateY(-62%);
      transform: translateY(-62%); }

  /* line 408, index_sp.scss */
  .description_items {
    width: 100%; }
    /* line 410, index_sp.scss */
    .description_items li {
      float: none;
      width: 100%;
      min-height: auto;
      padding: 15px; }
      /* line 415, index_sp.scss */
      .description_items li:nth-child(even) {
        margin-left: 0; }
      /* line 418, index_sp.scss */
      .description_items li:hover {
        border-color: #843133; }
      /* line 423, index_sp.scss */
      .description_items li > div {
        font-size: 2.6rem; }
        /* line 425, index_sp.scss */
        .description_items li > div span {
          width: 4.2rem; }
          /* line 427, index_sp.scss */
          .description_items li > div span img {
            width: 100%; }
      /* line 432, index_sp.scss */
      .description_items li > p {
        display: block;
        margin-top: 15px; }

  /* line 444, index_sp.scss */
  .description_note {
    margin-top: 10px; }

  /****************************************/
  /* line 448, index_sp.scss */
  .order_type {
    width: 96%;
    padding: 10px 10px; }
    /* line 452, index_sp.scss */
    .order_type li {
      float: none;
      width: 100%;
      font-size: 2.0rem; }
      /* line 456, index_sp.scss */
      .order_type li:nth-child(even) {
        padding: 0;
        margin-left: 0;
        margin-top: 10px;
        vertical-align: bottom; }
      /* line 462, index_sp.scss */
      .order_type li:hover {
        border-color: #FFF; }
      /* line 465, index_sp.scss */
      .order_type li > label {
        min-height: 30px; }
      /* line 468, index_sp.scss */
      .order_type li span {
        width: 4.8rem; }
        /* line 470, index_sp.scss */
        .order_type li span img {
          width: 100%; }
      /* line 474, index_sp.scss */
      .order_type li input[type="radio"] {
        width: 1px;
        height: 1px;
        visibility: hidden;
        overflow: hidden; }
      /* line 480, index_sp.scss */
      .order_type li .check_icon {
        top: 50%;
        width: calc( 1.8rem + 8px );
        height: calc( 1.8rem + 8px );
        font-size: 1.8rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }

  /***************************************/
  /* line 493, index_sp.scss */
  .form_table_box {
    padding-bottom: 20px; }

  /* line 496, index_sp.scss */
  .form_table {
    display: block;
    width: 100%;
    border-top: solid 1px #4C4948;
    border-bottom: solid 1px #4C4948;
    border-left: none;
    margin-top: 18px; }
    /* line 503, index_sp.scss */
    .form_table.cloned {
      border-top: solid 5px #843133; }
    /* line 506, index_sp.scss */
    .form_table thead, .form_table tbody, .form_table tfoot, .form_table tr {
      display: block; }
    /* line 509, index_sp.scss */
    .form_table th {
      display: block;
      width: 100%;
      padding: 11px 7px;
      border-bottom: none; }
    /* line 515, index_sp.scss */
    .form_table tr:last-child th {
      border-bottom: none; }
    /* line 518, index_sp.scss */
    .form_table th .require_mark {
      top: 50%;
      right: 5px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    /* line 524, index_sp.scss */
    .form_table tr .require_mark_2l {
      margin-top: 0; }
    /* line 527, index_sp.scss */
    .form_table td {
      display: block;
      width: 100%;
      padding: 11px 7px;
      border-right: none;
      border-bottom: none; }
      /* line 533, index_sp.scss */
      .form_table td textarea {
        width: 100%;
        height: 110px;
        overflow-y: scroll; }
      /* line 538, index_sp.scss */
      .form_table td input[type=text] {
        width: 100%; }
        /* line 544, index_sp.scss */
        .form_table td input[type=text].text_using_media {
          width: 50%; }
      /* line 548, index_sp.scss */
      .form_table td .radio {
        display: block;
        margin: 8px 0;
        line-height: 100%; }
      /* line 556, index_sp.scss */
      .form_table td .checkbox {
        display: block;
        padding: 0;
        margin: 8px 0;
        line-height: 100%; }
        /* line 564, index_sp.scss */
        .form_table td .checkbox .check_icon {
          width: calc( 1.4rem + 8px );
          height: calc( 1.4rem + 8px );
          padding: 3px 0 5px;
          font-size: 1.4rem; }
        /* line 571, index_sp.scss */
        .form_table td .checkbox .check_icon_text {
          line-height: calc( 1.4rem + 8px ); }
      /* line 576, index_sp.scss */
      .form_table td select {
        width: 100%; }
      /* line 579, index_sp.scss */
      .form_table td .select_perf {
        width: 100%; }
      /* line 582, index_sp.scss */
      .form_table td .select_year {
        width: calc( 1.2rem * 11 ); }
        /* line 584, index_sp.scss */
        .form_table td .select_year select {
          font-size: 1.2rem; }
      /* line 588, index_sp.scss */
      .form_table td .select_date {
        width: calc( 1.2rem * 11 ); }
        /* line 590, index_sp.scss */
        .form_table td .select_date select {
          font-size: 1.2rem; }
      /* line 594, index_sp.scss */
      .form_table td .select_count {
        width: calc( 1.3rem * 12 ); }
        /* line 596, index_sp.scss */
        .form_table td .select_count select {
          font-size: 1.3rem; }
      /* line 604, index_sp.scss */
      .form_table td input[readonly], .form_table td textarea[readonly], .form_table td select[data-readonly=true] {
        pointer-events: none; }
      /* line 607, index_sp.scss */
      .form_table td .order1_design_item {
        float: left;
        display: block;
        width: 33%;
        margin: 0 0 10px 0;
        text-align: center; }
        /* line 613, index_sp.scss */
        .form_table td .order1_design_item:nth-child(5) {
          margin-right: 0; }
      /* line 617, index_sp.scss */
      .form_table td .invest_amount {
        display: inline-block;
        width: calc( 1.5rem * 8 );
        padding: 6px 5px 7px;
        margin-left: 1.5rem;
        line-height: 100%; }
      /* line 624, index_sp.scss */
      .form_table td .notes {
        margin-top: 5px; }
        /* line 626, index_sp.scss */
        .form_table td .notes strong {
          color: #843133;
          font-weight: normal; }

  /* line 634, index_sp.scss */
  .form_table_clone_buttons {
    width: 100%;
    padding-right: 7px; }
    /* line 637, index_sp.scss */
    .form_table_clone_buttons button {
      width: 40%; }

  /********************************************/
  /* line 643, index_sp.scss */
  .form_table.confirm_table {
    border-top: 0; }
    /* line 645, index_sp.scss */
    .form_table.confirm_table th {
      border-top: solid 1px #4C4948;
      background-color: #DCDDDD;
      color: #595757; }
    /* line 650, index_sp.scss */
    .form_table.confirm_table tr:last-child th {
      border-bottom: solid 1px #4C4948; }

  /* line 654, index_sp.scss */
  .confirm_order_table {
    display: block;
    width: 100%;
    border-top: none;
    border-left: none; }
    /* line 659, index_sp.scss */
    .confirm_order_table thead {
      display: none; }
    /* line 662, index_sp.scss */
    .confirm_order_table tbody {
      display: block !important; }
      /* line 664, index_sp.scss */
      .confirm_order_table tbody tr {
        display: block !important; }
    /* line 669, index_sp.scss */
    .confirm_order_table tbody tr:last-child td {
      border-bottom: solid 1px #4C4948; }
      /* line 671, index_sp.scss */
      .confirm_order_table tbody tr:last-child td:last-child {
        border-bottom: 0; }
    /* line 675, index_sp.scss */
    .confirm_order_table td {
      display: block;
      border-right: none;
      /*border-bottom: none;*/ }
    /* line 681, index_sp.scss */
    .confirm_order_table tbody td {
      float: left;
      padding: 5px 13px; }
    /* line 686, index_sp.scss */
    .confirm_order_table tbody tr td:nth-child(1) {
      width: 100%;
      border-top: solid 1px #4C4948;
      background-color: #EFEFEF; }
    /* line 691, index_sp.scss */
    .confirm_order_table tbody tr td:nth-child(2) {
      width: 40%;
      height: 6.0rem; }
    /* line 695, index_sp.scss */
    .confirm_order_table tbody tr td:nth-child(3) {
      width: 30%;
      height: 6.0rem; }
    /* line 699, index_sp.scss */
    .confirm_order_table tbody tr td:nth-child(4) {
      width: 30%;
      height: 6.0rem;
      text-align: right; }
      /* line 703, index_sp.scss */
      .confirm_order_table tbody tr td:nth-child(4):before {
        content: "数量："; }
    /* line 707, index_sp.scss */
    .confirm_order_table tbody tr td:nth-child(5) {
      width: 100%; }
    /* line 710, index_sp.scss */
    .confirm_order_table tbody tr td:nth-child(6) {
      width: 100%;
      text-align: right; }
    /* line 716, index_sp.scss */
    .confirm_order_table tfoot {
      display: block;
      width: 100%;
      text-align: right;
      clear: both;
      padding: 5px 13px;
      border-top: double 3px #4C4948; }
      /* line 720, index_sp.scss */
      .confirm_order_table tfoot tr {
        display: block;
        width: 100%;
        text-align: right; }
        /* line 725, index_sp.scss */
        .confirm_order_table tfoot tr:first-child th, .confirm_order_table tfoot tr:first-child td {
          border-top: none; }
      /* line 733, index_sp.scss */
      .confirm_order_table tfoot th {
        display: inline-block;
        width: auto;
        padding: 0;
        margin-right: 5px;
        border: 0; }
      /* line 740, index_sp.scss */
      .confirm_order_table tfoot td {
        display: inline-block;
        width: auto;
        padding: 0;
        border: 0; }
      /* line 747, index_sp.scss */
      .confirm_order_table tfoot tr td:nth-child(1) {
        display: none; }

  /**************************************/
  /* line 753, index_sp.scss */
  .privacy_agree {
    width: 100%;
    padding: 15px 15px;
    font-size: 1.4rem; }
    /* line 758, index_sp.scss */
    .privacy_agree > h3 {
      font-size: 2.0rem;
      font-weight: normal; }
    /* line 765, index_sp.scss */
    .privacy_agree > div {
      padding: 15px; }
      /* line 767, index_sp.scss */
      .privacy_agree > div:hover {
        border-color: #FFF; }

  /********************************************/
  /* line 774, index_sp.scss */
  .buttons {
    width: 100%;
    margin-top: 16px; }

  /* line 778, index_sp.scss */
  .button_commit {
    display: inline-block;
    width: 80%;
    padding: 10px 0;
    font-size: 1.6rem; }

  /* line 784, index_sp.scss */
  .button_prev {
    position: static;
    display: inline-block;
    width: 80%;
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 1.4rem; }

  /**************************************/
  /* line 795, index_sp.scss */
  #privacy_agree {
    width: 100%;
    padding: 20px 10px; }

  /**************************************/
  /* line 800, index_sp.scss */
  .text_commit {
    width: 100%;
    margin-top: 16px;
    font-size: 1.3rem; }

  /*********************************/
  /* line 806, index_sp.scss */
  .subpage_buttons {
    width: 80%; }
    /* line 808, index_sp.scss */
    .subpage_buttons > a {
      padding: 10px 0 10px 1.6rem;
      font-size: 1.6rem; }
      /* line 811, index_sp.scss */
      .subpage_buttons > a i {
        right: 1.6rem; }

  /**************************************/ }

/*# sourceMappingURL=index_sp.css.map */
