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

html, body {
  color: #333;
  font-family: 'Zen Maru Gothic',zen-maru-gothic, sans-serif;
  font-weight: 400;
  font-style: normal; }

.info_box {
  background-color: #ffffff; }
  .info_box h2 {
    position: relative;
    padding: 20px 0px 12px 0;
    background-color: #ffffff;
    font-weight: 900; }
    .info_box h2 span {
      border: none;
      padding: 0; }
    .info_box h2:before {
      position: absolute;
      bottom: 0;
      left: calc(50% - 25px);
      width: 50px;
      height: auto;
      content: '';
      border-bottom: 1px solid;
      border-image: linear-gradient(to right, #FA8BFF 0%, #2BD2FF 50%, #30D578 100%);
      border-image: -moz-linear-gradient(to right, #FA8BFF 0%, #2BD2FF 50%, #30D578 100%);
      border-image: -webkit-linear-gradient(to right, #FA8BFF 0%, #2BD2FF 50%, #30D578 100%);
      border-image-slice: 1; }
  .info_box h3 {
    background-color: #eeeeee; }
  .info_box a.btns {
    background-color: #FF4B7C;
    color: #ffffff; }

.info_box__contents .red span {
  color: #E86A6D; }
.info_box__contents .box {
  border: 1px solid #FF4B7C; }

/* ---- contact --------------------------------*/
.contact_box h4 {
  border: 1px solid #222222;
  background-color: #ffffff; }
  .contact_box h4::before {
    border-top: 11px solid #222222; }
  .contact_box h4::after {
    border-top: 11px solid #ffffff; }
.contact_box h5 {
  border-bottom: 1px solid #222222; }

/* ---- regist --------------------------------*/
.regist_trial h6 {
  background-color: #FCFCEA;
  color: #222222; }
  .regist_trial h6 span.check {
    color: #FF4B7C; }

.regist_box .login_paybtn small {
  color: #666666; }

#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 {
  color: #ffffff;
  background-color: #FF4B7C;
  border: 1px solid #FF4B7C; }

#mail_remind_form_panel input#remind_button, #account-edit_mail_panel input#account-edit_mail_submit {
  color: #ffffff;
  background-color: #FF4B7C;
  border: 1px solid #FF4B7C; }

#mail_form_panel #mail_error, #mail_form_panel #mail_regist_error {
  color: #E86A6D; }

#mail_remind_form_panel #mail_error2 {
  color: #E86A6D; }

/* ---- login --------------------------------*/
.login_registlink {
  background-color: #FF4B7C;
  color: #ffffff;
  border-radius: 25px; }

/* ---- account --------------------------------*/
.info_box.account .login_info_panel a {
  border: 1px solid #FF4B7C; }
.info_box.account .login_info_panel input.editbtn {
  border: 1px solid #FF4B7C;
  color: #FF4B7C; }

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

#account-edit_mail_panel p.mail_panel_p {
  color: #FF4B7C; }
#account-edit_mail_panel p#account-edit_mail_error {
  color: #E86A6D; }
#account-edit_mail_panel label .red {
  color: #E86A6D; }

.l-delete_attention .material-icons {
  color: #FF4B7C; }

.l-trial .l-trial_now {
  background: #FF4B7C; }

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

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

/* ---- 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: #FF4B7C;
  color: #ffffff; }
.info_box .mail_form_pass.remind h3 {
  background-color: rgba(255, 255, 255, 0) !important;
  border-left: 5px solid #FF4B7C;
  border-bottom: 1px solid #FF4B7C; }
.info_box .mail_form_pass.remind input[type="submit"] {
  background-color: #FF4B7C !important;
  color: #fff !important; }

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

.dialog-container {
  background-color: rgba(252, 252, 234, 0.9); }

.dialog-dialog {
  background-color: white; }

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

.dialog-dialog h3 {
  color: #222222 !important; }
.dialog-dialog .ui-input-text input {
  background-color: #eeeeee; }

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

/* ---- footer_link --------------------------------*/
.footer_back a {
  color: #666666; }

.footer_box {
  background: #FCFCEA;
  padding: 20px 2% !important;
  width: 100% !important;
  margin: 0 !important;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important; }
  .footer_box li {
    width: 49%;
    text-align: left;
    margin: 0 0 15px 0; }
    .footer_box li a {
      color: #222222; }

/* ---- copyright --------------------------------*/
copyright {
  color: #666666; }