#sns_follow_page .sns_follow_page_title {
  font-size: 130%;
  text-align: center;
  font-weight: bold;
  padding: 1em 0.7em;
  color: #fff;
  background-color: #74C0D1; }
#sns_follow_page .sns_follow_page_caption {
  background-color: #fafafa;
  text-align: center;
  padding: 0.7em; }
#sns_follow_page .sns_follow_page_inner {
  width: 96%;
  margin: 0 auto; }
#sns_follow_page .sns_follow_page_progress {
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  background-color: #ddd;
  font-size: 105%; }
  #sns_follow_page .sns_follow_page_progress li {
    float: left;
    width: 33.333333333%;
    padding: 0.5em 0;
    box-sizing: border-box;
    position: relative;
    border-right: 2px solid #fff; }
    #sns_follow_page .sns_follow_page_progress li:after {
      content: '';
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      height: 26px;
      width: 26px;
      background-color: #ddd;
      position: absolute;
      z-index: 2;
      top: 0;
      right: -14px;
      bottom: 0;
      margin-top: auto;
      margin-right: 0;
      margin-bottom: auto;
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-top: 2px solid #fff;
      border-right: 2px solid #fff; }
    #sns_follow_page .sns_follow_page_progress li .sns_follow_page_progress_num {
      display: block;
      width: 1.5em;
      height: 1.5em;
      line-height: 1.6;
      margin: 0 auto 0.2em auto;
      border-radius: 1000px;
      background-color: #fff;
      color: #ddd;
      font-size: 90%; }
    #sns_follow_page .sns_follow_page_progress li.sns_follow_page_progress_done {
      background-color: #82c1d2; }
      #sns_follow_page .sns_follow_page_progress li.sns_follow_page_progress_done:after {
        background-color: #82c1d2; }
      #sns_follow_page .sns_follow_page_progress li.sns_follow_page_progress_done .sns_follow_page_progress_num {
        color: #82c1d2; }
    #sns_follow_page .sns_follow_page_progress li.sns_follow_page_progress_last_child {
      border-right: none; }
      #sns_follow_page .sns_follow_page_progress li.sns_follow_page_progress_last_child:after {
        display: none; }
#sns_follow_page .form_js_validation_error_message {
  font-size: 110%; }
#sns_follow_page .sns_follow_form_input_title {
  font-size: 110%;
  text-align: center;
  color: #666;
  background: #fffef4;
  padding: 1.25em;
  border: 1px solid #E8E8B9; }
#sns_follow_page .sns_follow_form_input_title_sub {
  font-size: 120%;
  font-weight: bold;
  color: #555; }
#sns_follow_page .sns_follow_form_error {
  font-size: 110%;
  text-align: left;
  color: #f00;
  background: #fffafa;
  padding: 1.25em;
  border: 1px solid #f00; }
#sns_follow_page .sns_follow_form input[type="text"],
#sns_follow_page .sns_follow_form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 1em 0.75em;
  font-size: 120%; }
#sns_follow_page .sns_follow_form textarea {
  height: 6em;
  padding: 0.75em; }
#sns_follow_page .sns_follow_form_next_btn {
  display: block;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  font-size: 170%;
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 7px;
  background: linear-gradient(to bottom, #a4d3aa, #61a36a);
  box-shadow: -5px -6px 8px -5px #527657 inset, 4px 4px 3px -2px #c4c4c4;
  -moz-box-shadow: -5px -6px 8px -5px #527657 inset,4px 4px 3px -2px #c4c4c4;
  -webkit-box-shadow: -5px -6px 8px -5px #527657 inset, 4px 4px 3px -2px #c4c4c4; }
#sns_follow_page .sns_follow_form_back_btn {
  display: block;
  text-align: center;
  font-size: 110%; }
#sns_follow_page .sns_follow_form_checkbox_wrapper {
  cursor: pointer;
  display: block;
  padding: 0.5em 1em;
  font-size: 110%;
  margin: 0.7em auto;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc; }
  #sns_follow_page .sns_follow_form_checkbox_wrapper:hover {
    background-color: #fafafa; }
  #sns_follow_page .sns_follow_form_checkbox_wrapper.sns_follow_form_checkbox_wrapper_checked {
    border-color: #fff;
    background-color: #ccc;
    box-shadow: 0px 0px 2px 1px #999;
    -moz-box-shadow: 0px 0px 2px 1px #999;
    -webkit-box-shadow: 0px 0px 2px 1px #999; }
  #sns_follow_page .sns_follow_form_checkbox_wrapper.sns_follow_form_checkbox_wrapper_disabled {
    border-color: #ccc;
    background-color: #fafafa;
    color: #ccc; }
    #sns_follow_page .sns_follow_form_checkbox_wrapper.sns_follow_form_checkbox_wrapper_disabled:hover {
      background-color: #fafafa; }
  #sns_follow_page .sns_follow_form_checkbox_wrapper input[type="checkbox"] {
    margin-right: 0.5em;
    display: inline-block;
    vertical-align: middle; }
#sns_follow_page .sns_follow_form_confirm_table {
  border: 1px solid #ddd;
  width: 100%;
  border-collapse: collapse;
  font-size: 110%; }
  #sns_follow_page .sns_follow_form_confirm_table th,
  #sns_follow_page .sns_follow_form_confirm_table td {
    padding: 1em;
    border: 1px solid #ddd; }
  #sns_follow_page .sns_follow_form_confirm_table th {
    background-color: #fafafa;
    width: 9em; }
#sns_follow_page .sns_follow_form_complete_message {
  padding: 5%;
  background: #ffffef;
  border: 4px solid #eaeac2;
  border-radius: 8px; }

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