@charset "UTF-8";
/* info_custom */
/*  以下の色で検索＆置換もおすすめです！ */
/*      足りてなかったらすみません     */
/* text ........... #1a1a1a        */
/* background ..... #eeeeee        */
/* button ......... #333333        */
/* button ......... rgba(51,51,51  */
/* maincolor ...... #888888        */
/* error .......... #E86A6D        */
/* ---------------------------- info_common --------------------------------------------*/
a {
  color: #db2e7e;
  text-decoration: none;
}

a:visited, a:acitve {
  color: #e66d50;
}

html, body {
  color: #333;
}

.info_box {
  background-color: #ffffff;
}

.info_box h2 {
  padding: 0 3%;
  color: #3c3c3c;
  background: none;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

/* .info_box h2:after {
    display: block;
    content: url(/image/site/title_grunge.png);
    z-index: 1;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
} */
.info_box h2 span {
  border-bottom: none;
}

.info_box h3 {
  background-color: #db2e7e;
  color: #ffffff;
}

.info_box a.btns {
  background-color: #db2e7e;
  color: #ffffff;
}

.info_box__contents .red span {
  color: #db2e7e;
}

.info_box__contents .box {
  border: 1px solid #db2e7e;
}

/* ---- contact --------------------------------*/
.contact_box h4 {
  border: 1px solid #1a1a1a;
  background-color: #ffffff;
}

.contact_box h4::before {
  border-top: 11px solid #1a1a1a;
}

.contact_box h4::after {
  border-top: 11px solid #ffffff;
}

.contact_box h5 {
  border-bottom: 1px solid #1a1a1a;
}

/* ---- regist --------------------------------*/
.regist_trial h6 {
  background-color: #db2e7e;
  color: #ffffff;
}

#mail_form_panel input,
#mail_remind_form_panel input,
#account-edit_mail_panel input {
  background-color: #eeeeee;
}

#mail_form_panel input#mail_regist_button,
#mail_form_panel input#mail_button,
#mail_remind_form_panel input#remind_button,
#account-edit_mail_panel input#account-edit_mail_submit {
  color: #ffffff;
  background-color: #db2e7e;
  border: none;
}

#mail_form_panel #mail_error,
#mail_form_panel #mail_regist_error,
#mail_remind_form_panel #mail_error2 {
  color: #db2e7e;
}

/* ---- login --------------------------------*/
.login_registlink {
  background-color: #db2e7e;
  color: #ffffff;
}

/* ---- account --------------------------------*/
.info_box.account .login_info_panel a {
  border: 1px solid #db2e7e;
}

.info_box.account .login_info_panel input.editbtn {
  border: 1px solid #db2e7e;
  color: #db2e7e;
}

#account-edit_mail_complete .ok_close {
  background-color: #3c3c3c;
  color: #ffffff !important;
}

#account-edit_mail_panel p.mail_panel_p {
  color: #db2e7e;
}

#account-edit_mail_panel p#account-edit_mail_error {
  color: #db2e7e;
}

#account-edit_mail_panel label .red {
  color: #db2e7e;
}

/* ---- delete ------------------------------- */
.info_box.delete .radio {
  background-color: #eeeeee;
}

.info_box.delete .radio:hover {
  background-color: rgba(255, 134, 134, 0.1);
}

.info_box.delete .radio:hover:after {
  border-color: rgba(255, 134, 134, 0.7);
}

.info_box.delete .radio:after {
  border: 2px solid #bbbbbb;
}

.info_box.delete .radio:before {
  background-color: rgba(255, 134, 134, 0.7);
}

.info_box.delete .textarea {
  background-color: #eeeeee;
}

.info_box.delete input[type=submit],
.info_box.delete p.submit a {
  background-color: #db2e7e;
  color: #ffffff;
}

/* ---- remind --------------------------------*/
.info_box .mail_form_pass.remind h3 {
  background-color: rgba(255, 255, 255, 0) !important;
  border-left: 5px solid #db2e7e;
  border-bottom: 1px solid #db2e7e;
}

.info_box .mail_form_pass.remind input[type=submit] {
  background-color: #db2e7e !important;
  color: #fff !important;
}

/* ---------------------------- base_common --------------------------------------------*/
/* ----  popup dialog style -------------------- */
.dialog-dialog {
  background-color: #ffffff;
}

.dialog-container {
  background-color: rgba(255, 255, 255, 0.97);
}

.dialog-dialog {
  background-color: rgb(255, 255, 255);
}

.diglog-closeButton:hover {
  background-color: #ffffff !important;
}

.dialog-dialog h3 {
  color: #1a1a1a !important;
}

.dialog-dialog .ui-input-text input {
  background-color: #eeeeee;
}

.dialog-closeButton:before,
.dialog-closeButton:after {
  background-color: #3c3c3c;
}

/* ---- copyright --------------------------------*/
copyright {
  background: #3c3c3c;
  color: #ffffff;
  padding: 20px 0;
  line-height: 1.2rem;
}

/* ここからアカウントページ用に追加 */
.l-delete_attention .material-symbols-outlined {
  color: #888888;
}

.l-trial .l-trial_now {
  color: #ffffff;
  background: #888888;
}

/*faq アコーディオン*/
.qa-list dl {
  background: #eeeeee;
}

.qa-list dl dt::before {
  color: #ffffff;
  background: #888888;
}

.l-delete_btn_box li {
  border: 1px solid #db2e7e;
}

.l-delete_btn_box li:first-child {
  background: #db2e7e;
}

.l-delete_btn_box li a {
  color: #db2e7e;
}

.l-delete_btn_box li:first-child a {
  color: #fff;
}

/* クレカ入力ページ */
.dgft_list h3 {
  color: #3c3c3c !important;
}

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