@charset "utf-8";
/* CSS Document */

/*
Template: deer
Theme Name:deer_child
Theme URI:https://fanfare-co-ltd.com/deer/
Description:WordPressテーマ『deer』の子テーマです
Author:JUNICHI
Version:1.0.0
*/

/*コードを追加する場合はこの下からお願いします↓*/

#breadcrumb > ul > li:nth-child(2) {
  display: none;
}

/* ログインパーツ */
div.wrp_login {
  width: 1240px;
  margin: 0 auto 10px;
  padding: 0;
}

div.wrp_login p {
  line-height: 1.3;
}
div.wrp_login form {
  display: flex;
  flex-wrap: nowrap;
}

div.wrp_login input {
  margin-right: 10px !important;
  width: 100px;
}

.swpm-join-us-link {
  display: none;
}

.swpm-login-form-inner {
  display: flex;
  flex-wrap: wrap;
}
.swpm-password-label,
.swpm-username-label {
  width: 260px;
}
.swpm-password-input,
.swpm-username-input {
  width: calc(100% - 260px);
}

.swpm-pw-reset-email.swpm-margin-top-10 {
  width: 130px;
}
.swpm-pw-reset-email-input.swpm-margin-top-10 {
  width: calc(100% - 130px);
  margin-bottom: 30px;
}

.swpm-password-input input,
.swpm-username-input input,
.swpm-pw-reset-email-input.swpm-margin-top-10 input {
  border: solid 1px #ccc;
  line-height: 1.6rem;
}

.swpm-remember-me {
  width: 100%;
  margin-block: 10px;
}

.swpm-login-submit,
.swpm-pw-reset-submit-button.swpm-margin-top-10 {
  text-align: center;
  width: 100%;
}

.swpm-login-submit input {
  padding: 10px;
  margin: auto;
  width: 120px;
}

.swpm-pw-reset-submit {
  padding: 10px;
  margin: auto;
  width: 180px;
}

.swpm-forgot-pass-link {
  width: 100%;
  text-align: center;
}

.txt_line {
  line-height: 1.4;
}

div.wrp_loginbox,
#swpm-pw-reset-form {
  border: solid #ccc 2px;
  border-radius: 5px;
  padding: 30px;
  margin: 60px;
}
.swpm-pw-reset-widget-inside {
  display: flex;
  flex-wrap: wrap;
}

div.wrp_loginbox p {
  border-bottom: dotted 1px #ccc;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

#swpm_reset_email {
  width: 300px;
}

.swpm-login-action-msg {
  margin-top: 40px;
}

.swpm-edit-profile-link,
.swpm-post-not-logged-in-msg {
  display: none;
}

@media (max-width: 1099px) {
}

@media screen and (min-width: 768px) and (max-width: 960px) {
  /* タブレット */
}

@media screen and (max-width: 960px) {
  /* スマホ 横から */
}

@media screen and (max-width: 559px) {
  /* スマホ 縦から */
  div.wrp_loginbox,
  #swpm-pw-reset-form {
    margin: 40px 0;
    padding: 20px;
  }

  .swpm-login-form-inner,
  .swpm-pw-reset-widget-inside {
    display: block;
  }

  .swpm-login-submit,
  .swpm-pw-reset-submit-button.swpm-margin-top-10 {
    margin: 40px auto;
  }
}