@charset "utf-8";

/********************************** 共通 **********************************/
.red {color: red}
.blue {color: blue;}
.link {color: #0056cb; text-decoration: underline; font-size: 16px;}
.disabled {opacity: .5;}

/********************************** 入力項目 **********************************/
input[type="radio"]:checked + label {
  color: #444;
  line-height: 32px;
  font-weight: bold;
}

/********************************** _layout.cssの調整 **********************************/
.cn-form {
  margin-top: 24px;
}
.cn-formprogress__li {
  color: #b78a94;
}

.cn-formprogress__li:before {
  border-color: transparent transparent transparent rgba(122,0,0,0.2);
}

.cn-formBlock {
  padding-top: 16px;
  padding-bottom: 16px;
}

.cn-formBlock_label {
  padding-bottom: 12px;
}

.cn-formBlock_select {
  margin-left: 4px;
}

.cn-formBlock__title {
  display: block;
  width: 160px;
  padding-bottom: 7px;
}

.cn-formBlock__require {
  margin-top: 2px;
  padding-top: 0;
}

.cn-formBlock__require span {
  padding: 0;
  text-align: left;
}
.cn-formBlock__require>span.is-ok {
    color: #6cc847;
}
.cn-formBlock__require>span.is-any {
    color: #3052af;
}
.cn-formBlock__require span.is-ng {
  color: #e50000;
}

.cn-formBlock__input,
.cn-formBlock__input__r {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 0;
}

.cn-formBlock_lr {
    margin-left: -50px;
}

.cn-input {
  height: 2.1em;
}

.cn-formBlock__error_lr {
    margin-left: 55px;
}

.cn-input.is-error {
  border: 1px solid #e50000;
}

.cn-radio+label {
  padding-top: 3px;
  padding-bottom: 7px;
}

.cn-radio+label:before {
  top: -8px;
}

.cn-radio+label:after {
  top: -8px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #656565;
}

.cn-formBlock__text {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 16px;
}

.cn-formBlock__textarea {
  padding-top: 5px;
}

.cn-formBlock__caution {
  margin-top: 2px;
  padding-bottom: 10px;
  line-height: 1.2;
}

.cn-formBlock__error>span, .cn-formBlock__ok>span {
  margin-top: 0;
}

.cn-formBlock__error>span {
  color: #e50000;
}

.cn-input:focus{
  border: 1px solid #e50000;
}

button:focus  {
  outline: 0;
}

.cn-textarea-row2.focus, .cn-textarea-row2:focus {
  border: 1px solid #e50000;
}

.cn-textarea-row2.is-error, .is-error .cn-textarea-row2 {
  border: 1px solid #e50000;
}

.cn-mailchange__title {
  margin-left: -20px;
}

.cn-flexclm__li {
  margin: 0 25px;
}

.cn-btn {
  font-weight: 600;
}

.cn-btn_back {
  background: #fff;
  border: 1px solid #de6c27;
  color: #de6c27;
}

.cn-btn_back>span {
    padding-left: 2em;
}

.cn-btn_back>span:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  bottom: 0;
  color: #3052af;
  color: inherit;
  content: "\e900";
  display: inline-block;
  font-family: careneticon!important;
  font-feature-settings: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  margin: auto;
  position: absolute;
  left: -50px;
  speak: none;
  text-transform: none;
  top: 0;
  width: 1em;
  z-index: 1;
  transform: scale(-1, 1);
}

.cn-formBlock__caution {
  padding-bottom: 0;
}

.cn-formBlock__radio {
  margin-bottom: -6px;
}

.cn-margin-t--5 {
    margin-top: 50px;
}

.cn-btn:hover {
  opacity: 1;
}

.cn-btn.disabled:hover {
  opacity: .5;
}

.cn-mailchange, .cn-passwordchange {
  padding-top: 27px;
  padding-bottom: 20px;
  border-radius: 4px;
}

.cn-mailchange_attention {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 4px;
}

.cn-mailchange__c ul {
  margin-left: -8px;
}

.cn-mailchange__c li {
  padding-bottom: 1px;
  line-height: 1.9;
  list-style-type: none;
}

.cn-mailchange__c li:before {
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  position: relative;
  left: -8px;
  top: -4px;
}

.cn-margin-t--25 {
  margin-top: 25px;
}

.cn-textarea-text {
  white-space: pre-wrap;
  line-height: 1.9;
}

.cn-other_select {
  float: right;
  padding:10px 0;
}