@charset "utf-8";

.mail-body {
    background-color: white;
}

/* ########################################### */
/* ##  お申し込み情報入力  ## */
/* ########################################### */
.reg_section {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  border-bottom: 1px dotted rgba(255, 99, 71, 0.5);
  margin-bottom: 10px;
}
.reg_section span {
  font-size: 11px;
}

/*-------------------------------------------------------------
新規会員仮登録
--------------------------------------------------------------*/
.box_add {
  border: 3px dashed #d1666b;
  padding: 14px;
  height: 100%;
  border-radius: 10px;
}
.box_add p {
  margin-bottom: 0;
}
.add_step {
  /*display: block;*/
  /*color: #d1666b;*/
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}
.add_title {
  /*color: #d1666b;*/
  font-size: 22px;
}
.add_active {
    /*background-color: rgba(105, 176, 118,0.2);*/
    background-color: rgba(150, 199, 140,0.4);
    69b076
}
.add_next {
    color: #69b076;
    font-size:42px;
}
.confirm_info {
    font-size: 12px;
}
.guide_text {
    font-size: 22px;
}
@media screen and (max-width: 500px) {
   .box_add {
      border: 2px dashed #d1666b;
      padding: 10px;
  }
  .box_add .small_font {
    font-size: 11px;
  }
  .add_step {
    font-size: 16px;
    line-height: 16px;
  }
  .add_title {
    font-size: 16px;
    line-height: 16px;
  }
  .guide_text {
    font-size: 16px;
  }
}

/* 入会受付STEP1画像 */
.regist_header_step1 {
    width: 70%;
    height: auto;
    border-radius: 30px;
    background-color: #eeeeee;
    border: 2px dotted #F3A03E;
    background-image: url(./img/regist_header_step1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 入会受付STEP2画像 */
.regist_header_step2 {
    width: 70%;
    height: auto;
    border-radius: 30px;
    background-color: #eeeeee;
    border: 2px dotted #F3A03E;
    background-image: url(./img/regist_header_step2.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 入会受付STEP3画像 */
.regist_header_step3 {
    width: 70%;
    height: auto;
    border-radius: 30px;
    background-color: #eeeeee;
    border: 2px dotted #F3A03E;
    background-image: url(./img/regist_header_step3.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 入会受付STEP1画像（メール認証なし） */
.regist_header_step1_nomail {
    width: 70%;
    height: auto;
    border-radius: 30px;
    background-color: #eeeeee;
    border: 2px dotted #F3A03E;
    background-image: url(./img/regist_header_step1_nomail.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 入会受付STEP2画像（メール認証なし） */
.regist_header_step2_nomail {
    width: 70%;
    height: auto;
    border-radius: 30px;
    background-color: #eeeeee;
    border: 2px dotted #F3A03E;
    background-image: url(./img/regist_header_step2_nomail.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 入会受付STEP3画像（メール認証なし） */
.regist_header_step3_nomail {
    width: 70%;
    height: auto;
    border-radius: 30px;
    background-color: #eeeeee;
    border: 2px dotted #F3A03E;
    background-image: url(./img/regist_header_step3_nomail.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* 入会受付STEP1のボタン、バッジ */
.regist_index_button, .regist_index_button:hover {
    font-size: 18px;
    color: #ffffff;
    background-color: #fe3900;
}

/* 入会受付STEP1のメールInput */
.regist_index_mail {
    width: 100%;
    border-radius: 8px;
    border: none;
    outline: 1px solid gray;
    background-color: #ffffff;
}

    /* 入会受付STEP1のメールInput(フォーカス時:ピンクっぽい光彩をなしにする) */
.regist_index_mail:focus {
    border: none;
    outline: 1px solid gray;
    box-shadow: none;
    /*background-color: rgba(253,237,228,0.25)*/
}

/* 入会受付画像の横幅を画面サイズに合わせて変更 */
@media screen and (max-width: 990px) {
    .regist_header_step1 {
        width: 100%;
    }
    .regist_header_step2 {
        width: 100%;
    }
    .regist_header_step3 {
        width: 100%;
    }
}

/* 入会受付の文字 */
.annotation {
    color: #66623e;
    font-size:13px;
    font-weight:600;
}

.annotation-footer {
    background-color: #fff7cc;
}

@media screen and (max-width: 600px) {
    /* 先頭に表示するメッセージ */
    #contentsTopInner {
        font-size: 16px !important;
    }
    /* 入会受付STEP1画像（メール認証なし） */
    .regist_header_step1_nomail {
        width: 100%;
    }
    /* 入会受付STEP2画像（メール認証なし） */
    .regist_header_step2_nomail {
        width: 100%;
    }
    /* 入会受付STEP3画像（メール認証なし） */
    .regist_header_step3_nomail {
        width: 100%;
    }
}

@media screen and (max-width: 470px) {
    /* 先頭に表示するメッセージ */
    #contentsTopInner {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 420px) {
    /* 先頭に表示するメッセージ */
    #contentsTopInner {
        font-size: 13px !important;
    }
}