/* MEMBER > ログイン
---------------------------------------------------- */
.member_head header.top-head {
  /*background-color: #bf760c;*/
}
.member_head .menu > li a {
  font-size: 1.1em;
}
.member_page .layout-contents {
  background-color: #f9f6f2;
}
.member_page .inner {
  margin: 0 auto;
  max-width: 960px;
}

.member_page form {
  xpadding: 40px 80px 0px 80px;
}

.member_page .form-item {
  width: 100%;
}
p.login_area_txt {
  padding: 20px;
  line-height: 1.3rem;
  text-align: left;
  color: #000;
}
p.login_area_txt a {
  border-bottom: 1px solid #31364d;
  color: #000;
}
p.login_area_txt a:hover {
  opacity: 0.8;
  border-bottom: 1px solid #737890;
}

span.btn.forget_id_tel a {
  background: #fff;
  color: #333;
  border: 1px solid #333;
  font-weight: 700;
  font-size: 1.2rem;
  height: 45px;
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
}

.member .form-item input {
  background: #fafafa;
  border: none;
  border-bottom: 2px solid #e9e9e9;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  height: 50px;
  transition: border-color 0.3s;
  width: 85%;
}

.member .form-item input:focus {
  border-bottom: 2px solid #c0c0c0;
  outline: none;
}

.member input,
.member textarea,
.member select {
  xborder: 1px solid #b2b2b2;
  xpadding: 10px;
  xline-height: 1;
}
.login_area {
  width: 500px;
  margin: 0 auto 80px auto;
  background: #e8e6e2;
  border-radius: 8px;
  padding: 20px;
}
.login_area input {
  margin-top: 1em;
}
.loginarea.white_box {
  padding: 50px 0;
  min-height: 50vh;
}
.member .txt2 {
  /*color: #fff;*/
  font-size: 0.9rem;
  padding: 30px 0px;
  line-height: 1.5rem;
}
.member .button-panel .button {
  background: var(--accent_thin);
  border: none;
  color: #fff;
  cursor: pointer;
  height: 64px;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  transition: background 0.3s ease-in-out;
  margin: 20px auto;
  width: 75%;
  border-radius: 8px;
}

.member .button:hover {
  opacity: 0.8;
}
li.btnbox input.sbtn {
  height: 40px;
  width: 100px;
  font-size: 14px;
  line-height: 1rem;
  text-align: center;
}
/*会員名*/
span.member_name {
  font-size: 1rem;
  display: inline-block;

  padding-right: 20px;
}
.member_name_area {
  text-align: right;
  xpadding: 20px 0px;
}
.member_name_area form {
  width: initial !important;
}
.member_name_area {
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.member_name_area input[type="submit"] {
  width: 80px;
  line-height: 1rem;
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
  padding: 5px 8px;
  background-color: var(--gray);
  border: 1px solid var(--gray);
  margin: 0;
  color: #000;
}
/*社員情報*/
table.member-table {
  xmargin: 20px auto;
  font-size: 1rem;
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
  margin-bottom: 20px;
}
table.member-table th {
  border-color: #999;
}
table.member-table td {
  background: #fff;
  color: #000;
  border-color: #999;
}
table.member-table a:link {
  color: #00f;
}
table.member-table a:visited {
  color: #00f;
}
/*トップボタン*/
ul.member_top_menu {
  display: flex;
  flex-wrap: wrap;
}
ul.member_top_menu li {
  width: calc((100% - 20px) / 3);
  margin-right: 10px;
}
@media screen and (min-width: 700px) {
  ul.member_top_menu.main li:nth-child(3n) {
    margin-right: 0;
  }
}

ul.member_top_menu li a {
  background-color: #aaa;
  margin-bottom: 6px;
}
ul.member_top_menu li.logout a {
  background-color: #ddd;
  color: #333;
}

ul.member_top_menu.pickup {
  margin-bottom: 20px;
}

ul.member_top_menu.pickup li {
  width: calc((100% - 10px) / 2);
  margin-right: 10px;
}
ul.member_top_menu.pickup li:nth-child(2n) {
  margin-right: 0;
}

.btn.welfare a {
  background: var(--key);
}

/*account表示*/
.account_display dl {
  display: flex;
  border-bottom: 1px solid #333;
}
.account_display dl dt,
.account_display dl dd {
  padding: 1rem 0;
}
.account_display dl dt {
  width: 25%;
}

.formArea table {
  width: 100%;
}

.formArea table th {
  xwidth: 30%;
  position: relative;
}
.formArea .acd-check:checked + .acd-label + .acd-content {
  padding: 0;
  border: 0;
  margin-bottom: 0;
}
.formArea .acd-label {
  background-color: #666;
  color: #fff;
}
.formArea .acd-label:after {
  color: #fff;
}
input.file {
  padding: 0;
  border: 0;
  margin-bottom: 1rem;
}

ul.status_list li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  line-height: 1.6em;
}
.note_box {
  xmargin-bottom: 1rem;
}
.note_box h3 {
  border-left: 0 !important;
  text-align: center;
  padding: 0.5rem;
  line-height: 1.4em;
  margin-bottom: 0;
  font-weight: 700;
}
.note_box.deadline_box h3 {
  background: #fe0;
}
.note_box.deadline_box h4 {
  margin: 0 1rem;
}
.note_box.cancel_box h3 {
  background: #e5b038;
}
.note_box.deadline_box {
  background-color: #ff6;
  border: 1px solid #ee0;
}
.note_box.cancel_box {
  background-color: #edd283;
  border: 1px solid #e5b038;
}
.note_box p {
  padding: 1rem;
  margin-bottom: 0;
  line-height: 1.6em;
  xtext-align: center;
}
.note_box p.flow {
  text-align: left;
}

.contact_box {
  xbackground: #fff;
  padding: 0 1rem 1rem;
  text-align: center;
}
.note_box .contact_box p {
  padding: 0;
}

.deadline_box p span.detail {
  text-align: left;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5rem;
}
.deadline_box p span.title {
  font-weight: 700;
}

.deadline_box p span.date {
  color: #e00;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
p.alert_message {
  border: 1px solid #ddd;
  padding: 1rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6em;
}
.topics .topicsPhoto.photoZoom:not(:last-child) {
  margin-bottom: 1rem;
}
ul.news-ph-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.news-ph-area li {
  width: calc((100% - 40px) / 3);
  height: 200px;
  display: inline-block;
  background-color: #f6f6f6;
  vertical-align: top;
  text-align: center;
}

.news-ph-area li img {
  /* height: 200px; */
  height: 200px;
  object-fit: contain;
}
.news-ph-area li:not(:last-child) {
  margin-right: 20px;
}