/* === CSS定数 === */
:root {
  /* ボタン背景色 */
  --BUTTON_BACKGROUND_COLOR: #a68744;
  /* ボタン文字色 */
  --BUTTON_TEXT_COLOR: #fafafa;
  /* 文字色 ゴールド */
  --TEXT_COLLAR_GOLD: #a68744;
  /* 文字色 黒 */
  --TEXT_COLLAR_BLACK: #000000;
  /* 文字色 グレー */
  --TEXT_COLLAR_GRAY: #999999;
  /* ボタン枠線緑 */
  --BUTTON_BORDER_COLOR_GREEN: #47bd1d;
  /* ボタン文字色緑 */
  --BUTTON_TEXT_COLOR_GREEN: #47bd1d;
}
/* =============== */

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", serif;
}

/* ### 共通 ### */
/* 初回ログイン, 会員ログイン, プライバシーポリシー・利用規約, マイページ, ポイント履歴 */
.fast_login_wrapper,
.verify_email_wrapper,
.verify_email_success_wrapper,
.front_login_wrapper,
.front_logout_wrapper,
.information_wrapper,
.mypage_wrapper,
.point_history_wrapper {
  background-color: #ffffff;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  box-sizing: border-box;
}
/* ログイン画面タイトル, プライバシーポリシー・利用規約タイトル, マイページタイトル, ポイント履歴タイトル */
.fast_login_title,
.front_login_title,
.front_logout_title,
.information_title,
.mypage_title,
.point_history_title {
  font-size: 32px;
  font-weight: 700;
  color: var(--TEXT_COLLAR_BLACK);
  margin-bottom: 60px;
}

/* ボタン 共通 */
.top_page_button,
.fast_login_error_registered_login,
.fast_login_form button,
.verify_email_form button,
.front_login_form button,
.mypage_ec_button,
.mypage_ir_button,
.admin_login_form button,
.admin_page_main_content_search_form button,
.verify_email_success_login a {
  height: 42px;
  text-decoration: none;
  background-color: var(--BUTTON_BACKGROUND_COLOR);
  color: var(--BUTTON_TEXT_COLOR);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ログイン・ログアウト, ポイント履歴 緑ボタン共通 */
.front_header_button,
.mypage_point_history_button a {
  height: 28px;
  border: solid 1px var(--BUTTON_BORDER_COLOR_GREEN);
  color: var(--BUTTON_TEXT_COLOR_GREEN);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* 利用者ページ ヘッダー・フッター ロゴ */
.front_header_logo a,
.front_footer_logo {
  display: flex;
  align-items: end;
  justify-content: space-between;
  height: 54.86px;
  width: 340px;
}
/* 利用者ページ ヘッダー ロゴ */
.front_header_logo a {
  text-decoration: none;
  color: var(--TEXT_COLLAR_BLACK);
}
/* 利用者ページ ヘッダー・フッター ロゴ */
.front_header_logo a img,
.front_footer_logo img {
  width: 210px;
  height: 54.86px;
}

/* 初回ログイン, ログイン エラー */
.fast_login_error,
.front_login_error {
  width: 800px;
  height: 80px;
  align-content: center;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 40px;
}
/* 初回ログイン, ログイン エラー エラーメッセージ */
.fast_login_error_message,
.front_login_error_message {
  font-size: 16px;
  font-weight: 400;
  color: #a64444;
}
/* 初回ログイン, ログイン フォーム */
.fast_login_form,
.verify_email_form,
.front_login_form {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.fast_login_form div,
.verify_email_form_email,
.front_login_form div {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 800px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
/* 初回ログイン, ログイン フォーム ラベル */
.fast_login_form label,
.verify_email_form label,
.front_login_form label {
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_BLACK);
}
/* 初回ログイン, ログイン フォーム 入力部 */
.fast_login_form input,
.verify_email_form input,
.front_login_form input {
  width: 500px;
  height: 42px;
  border: 1px solid #a68744;
  border-radius: 5px;
  font-size: 14px;
  /* color: #e1d3b7; */
  color: #a68744;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
/* 初回ログイン, ログイン フォーム 入力部 エラースタイル */
.first_login_input_error,
.front_login_input_error {
  border: 1px solid #a64444 !important;
  background-color: #a644441a !important;
  color: #231815 !important;
}
/* 初回ログイン, ログイン フォーム ログインボタン */
.fast_login_form button,
.verify_email_form button,
.front_login_form button {
  width: 210px;
  border: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
/* 初回ログイン, ログイン 注意文言 */
.fast_login_attention,
.front_login_attention {
  text-align: center;
  color: var(--TEXT_COLLAR_BLACK);
  font-size: 16px;
  font-weight: 400;
}

/* メールアドレス認証完了, ログアウト完了 説明文 */
.verify_email_success_description,
.front_logout_description {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 40px;
}

/* プライバシーポリシー, 利用規約 本文領域 */
.information_contents_area {
  width: 800px;
  font-size: 16px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_BLACK);
}
/* プライバシーポリシー, 利用規約 項目タイトル */
.information_section_title {
  font-size: 20px;
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 20px;
}

/* マイページ 注意文言, ポイント履歴 ポイント履歴開始 */
.mypage_stock_point_grant_attention,
.point_history_attention {
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_GRAY);
}

/* マイページ, ポイント履歴 メインコンテンツ領域 */
.mypage_contents,
.point_history_contents {
  width: 800px;
}

/* 管理画面領域 */
.admin_page_wrapper {
  background-color: #fbfbfb;
  display: flex;
  padding-right: 50px;
  gap: 40px;
}
/* 管理画面 ロゴ */
.admin_login_contents_logo_wrapper,
.admin_sidemenu_logo_wrapper {
  width: 210px;
  height: 79px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}
.admin_login_contents_logo img,
.admin_sidemenu_logo img {
  width: 210px;
  height: 54.86px;
}
/* 管理画面 ロゴテキスト, フォーム ラベル */
.admin_login_contents_logo_text,
.admin_login_form label,
.admin_sidemenu_logo_text {
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_BLACK);
}

/* 管理画面 メインコンテンツ領域 */
.admin_page_main_content_wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
}
/* 管理画面 メインコンテンツ タイトル */
.admin_page_main_content_title {
  font-size: 32px;
  font-weight: 700;
  color: var(--TEXT_COLLAR_BLACK);
}

/* 管理画面 メインコンテンツ 検索情報, 検索条件 */
.admin_page_main_content_info_search_wrapper {
  margin-top: 40px;
  margin-bottom: 20px;
}
/* 管理画面 メインコンテンツ 検索情報 */
.admin_page_main_content_info {
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_GRAY);
  display: flex;
  justify-content: space-between;
}
/* 管理画面 メインコンテンツ 検索情報 絞り込み・CSVダウンロード */
.admin_page_main_content_info_narrow_down_download {
  display: flex;
}
.admin_page_main_content_info_narrow_down_download div,
.admin_page_main_content_info_narrow_down_download div a {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.admin_page_main_content_info_narrow_down_download div a {
  color: var(--TEXT_COLLAR_GRAY);
  text-decoration: none;
}
.admin_page_main_content_info_narrow_down_download div img {
  margin-right: 10px;
}
/* 管理画面 メインコンテンツ 検索情報 絞り込み */
.admin_page_main_content_info_narrow_down_download div:nth-child(1) {
  margin-right: 20px;
}
/* 管理画面 メインコンテンツ 検索条件 */
.admin_page_main_content_search {
  display: none;
  margin-top: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 15px 0px #0000000d;
  padding: 20px 50px;
  box-sizing: border-box;
}
.admin_page_main_content_search_form_upper_row,
.admin_page_main_content_search_form_lower_row,
.admin_page_main_content_search_form_row {
  display: flex;
  height: 50px;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.admin_page_main_content_search_form_row {
  justify-content: space-between;
}
.admin_page_main_content_search_form_row div:nth-child(1) {
  display: flex;
  align-items: center;
}
/* 管理画面 メインコンテンツ 検索条件 表示 */
.admin_page_main_content_search_open {
  display: block;
}
/* 管理画面 メインコンテンツ 検索条件 ラベル */
.admin_page_main_content_search_form label {
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_GRAY);
  margin-right: 5px;
}
/* 管理画面 メインコンテンツ 検索条件 入力部 */
.admin_page_main_content_search_form input {
  height: 28px;
  border: 1px solid #a68744;
  border-radius: 5px;
  font-size: 14px;
  /* color: #e1d3b7; */
  color: #a68744;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
/* 管理画面 検索ボタン */
.admin_page_main_content_search_form button {
  width: 62px;
  height: 28px !important;
  border: none !important;
}

/* 管理画面 メインコンテンツ */
.admin_page_main_content {
  margin-bottom: 50px;
  padding: 50px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px #0000000d;
}

/* 管理画面 表 */
.admin_page_users_list,
.admin_page_point_history_list {
  margin-bottom: 20px;
}
/* 管理画面 表 ヘッダー・ボディ */
.admin_page_users_header,
.admin_page_users_body,
.admin_page_point_history_header,
.admin_page_point_history_body {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* 管理画面 表 ヘッダー */
.admin_page_users_header,
.admin_page_point_history_header {
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_GRAY);
}
/* 管理画面 表 ボディ */
.admin_page_users_body,
.admin_page_point_history_body {
  font-size: 16px;
  font-weight: 400;
  color: #242424;
}

/* 管理画面 表 ページャー */
.admin_page_pager_wrapper {
  display: flex;
  flex-wrap: wrap;
}
.admin_page_pager_wrapper div a {
  width: 42px;
  height: 42px;
  border-radius: 5px;
  background-color: var(--BUTTON_BACKGROUND_COLOR);
  color: var(--BUTTON_TEXT_COLOR);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
/* 管理画面 表 ページャー 選択済み */
.admin_page_pager_selected {
  background-color: #eeeeee !important;
  color: var(--TEXT_COLLAR_GRAY) !important;
}
/* ############ */

/* === 利用者ページ ヘッダー === */
/* ヘッダー領域 */
.front_header_wrapper {
  height: 100px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 50px;
  padding-left: 50px;
  box-sizing: border-box;
}
/* ログイン */
.front_header_button_login {
  width: 90px;
}
/* ログアウト */
.front_header_button_logout {
  width: 109px;
}
/* =========================== */

/* === 利用者ページ フッター === */
.front_footer_wrapper {
  height: 149px;
  background-color: #eeeeee;
  align-content: center;
}
.front_footer_logo_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 50px;
  padding-left: 50px;
  box-sizing: border-box;
}
/* リンク */
.front_header_link {
  display: flex;
}
.front_header_link div {
  margin-right: 20px;
  margin-left: 20px;
}
/* リンク トップページ */
.front_header_link div:nth-child(1) {
  margin-left: 0px;
}
/* リンク ログイン */
.front_header_link div:nth-child(6) {
  margin-right: 0px;
}
.front_header_link a {
  color: var(--TEXT_COLLAR_BLACK);
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}
/* コピーライト */
.front_header_copyright {
  color: #aaaaaa;
  font-size: 10px;
  font-weight: 400;
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 50px;
  padding-left: 50px;
  box-sizing: border-box;
}
/* =========================== */

/* === トップページ === */
.top_page_wrapper {
  background: #fafafa;
  display: flex;
  justify-content: space-between;
  padding-right: 50px;
  padding-left: 50px;
  box-sizing: border-box;
  padding-top: 100px;
  padding-bottom: 100px;
}
/* 画像 */
.top_page_image img {
  width: 600px;
  height: 508px;
}
/* ボタン領域 */
.top_page_buttons_wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* 初めて */
.top_page_button_first {
  width: 210px;
}
/* 2回目以降 */
.top_page_button_registered {
  width: 283px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.top_page_button_registered_description {
  font-size: 16px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_BLACK);
}
/* =================== */

/* === 初回ログイン === */
/* 登録済みエラー */
.fast_login_error_registered {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 2回目以降のログインはこちら */
.fast_login_error_registered_login {
  width: 283px;
}
/* =================== */

/* === メールアドレス登録 === */
/* リンク */
.verify_email_form_link_wrapper {
  display: flex;
  justify-content: space-between;
  width: 800px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.verify_email_form_link {
  width: 500px;
  display: flex;
  flex-flow: column;
}
.verify_email_form_link a {
  font-size: 16px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_GOLD);
  margin-top: 5px;
  margin-bottom: 5px;
}
/* ボタン */
.verify_email_form button {
  width: 230px !important;
}
/* ======================== */

/* === メールアドレス登録完了 === */
.verify_email_success_login {
  margin-top: 20px;
}
.verify_email_success_login a {
  width: 155px;
}
/* ============================ */

/* === 利用規約 === */
/* タイトル */
.information_term_title {
  text-align: center;
}
/* =============== */

/* === プライバシーポリシー === */
/* テーブル */
.information_section_text table {
  width: 100%;
  border-collapse: collapse;
}
.information_section_text table td {
  width: 50%;
  border: solid 1px #000000;
  border-collapse: collapse;
  padding: 10px;
}
.information_section_text table thead {
  text-align: center;
  font-weight: 500;
}
/* ========================== */

/* === マイページ === */
/* ユーザー名 */
.mypage_user_name {
  font-size: 20px;
  font-weight: 500;
  color: var(--TEXT_COLLAR_BLACK);
}
/* ポイント領域 */
.mypage_point_wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}
/* 現在保有ポイント, 株式・付与予定ポイント */
.mypage_point_balance,
.mypage_stock_point_grant_wrapper {
  height: 189px;
}
/* 現在保有ポイントコンテンツ, 現在保有・付与予定 タイトル */
.mypage_point_balance_contents_title,
.mypage_stock div:nth-child(1),
.mypage_point_grant div:nth-child(1) {
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_BLACK);
}
/* 現在保有ポイントコンテンツ 保有ポイント数, 現在保有・付与予定 保有株式・付与予定ポイント */
.mypage_point_balance_contents_point,
.mypage_stock div:nth-child(2),
.mypage_point_grant div:nth-child(2) {
  font-size: 32px;
  font-weight: 500;
}

/* 現在保有ポイント */
.mypage_point_balance {
  width: 300px;
  background-color: #f8f4ed;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
}
/* 現在保有ポイントコンテンツ */
.mypage_point_balance_contents {
  display: flex;
  flex-flow: column;
  align-items: end;
  justify-content: space-evenly;
  width: 260px;
  height: 90px;
}
/* 現在保有ポイントコンテンツ 保有ポイント数 */
.mypage_point_balance_contents_point {
  color: var(--TEXT_COLLAR_BLACK);
}
/* ポイント履歴ボタン */
.mypage_point_history_button a {
  width: 147px;
  background-color: #ffffff;
}

/* 株式・付与予定ポイント */
.mypage_stock_point_grant_wrapper {
  width: 500px;
  background-color: #fcfcfc;
  display: flex;
  flex-flow: column;
  align-items: end;
  justify-content: center;
}
.mypage_stock_point_grant {
  display: flex;
}
/* 株式保有数, 付与予定ポイント */
.mypage_stock,
.mypage_point_grant {
  width: 250px;
  height: 76.5px;
  display: flex;
  flex-flow: column;
  align-items: end;
  justify-content: space-between;
  padding-right: 20px;
  box-sizing: border-box;
}
/* 株式保有数 */
.mypage_stock {
  border-right: 1px solid #eeeeee;
}
/* 株式・付与予定ポイント 保有株式・付与予定ポイント */
.mypage_stock div:nth-child(2),
.mypage_point_grant div:nth-child(2) {
  color: var(--TEXT_COLLAR_GOLD);
}
/* 株式・付与予定 注意文言 */
.mypage_stock_point_grant_attention {
  margin-top: 10px;
  margin-right: 30px;
}

/* EC / IRリンク領域 */
.mypage_ec_ir_wrapper {
  display: flex;
  justify-content: space-between;
}
.mypage_ec,
.mypage_ir {
  width: 390px;
  height: 200px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
/* EC / IR タイトル */
.mypage_ec_title,
.mypage_ir_title {
  width: 250px;
  height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 20px;
}
/* EC / IR ボタン */
.mypage_ec_button,
.mypage_ir_button {
  width: 210px;
}
/* ================= */

/* === ポイント履歴 === */
/* ポイント利用開始 */
.point_history_attention {
  text-align: end;
  margin-bottom: 10px;
}
/* 表ヘッダー・ボディ */
.point_history_contents_header,
.point_history_contents_body {
  min-height: 48px;
  background-color: #e1d3b7;
  display: flex;
  align-items: center;
}
/* 表ヘッダー・ボディ 日時, ポイント数 */
.point_history_contents_header_deal_datetime,
.point_history_contents_header_deal_point,
.point_history_contents_body_deal_datetime,
.point_history_contents_body_deal_point {
  text-align: center;
}
/* 表ヘッダー・ボディ 日時 */
.point_history_contents_header_deal_datetime,
.point_history_contents_body_deal_datetime {
  width: 200px;
}
/* 表ヘッダー・ボディ ポイント数 */
.point_history_contents_header_deal_point,
.point_history_contents_body_deal_point {
  width: 130px;
}
/* 表ヘッダー・ボディ 理由 */
.point_history_contents_header_comment,
.point_history_contents_body_comment {
  width: 470px;
}
/* 表ボディ 奇数 */
.point_history_contents_body_wrapper
  .point_history_contents_body:nth-child(odd) {
  background-color: #fcfcfc;
}
/* 表ボディ 偶数 */
.point_history_contents_body_wrapper
  .point_history_contents_body:nth-child(even) {
  background-color: #f8f4ed;
}
/* =================== */

/* --- 管理画面 ログイン --- */
.admin_login_wrapper {
  background-color: #fbfbfb;
  display: grid;
  place-items: center;
  width: 100vw;
  height: 100vh;
}
.admin_login_contents {
  width: 500px;
  height: 545px;
  background-color: #ffffff;
  border-radius: 15px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

/* ログインエラー */
.admin_login_error_message {
  font-size: 16px;
  font-weight: 400;
  color: #a64444;
}

/* フォーム */
.admin_login_form {
  justify-items: center;
}
.admin_login_form div {
  display: flex;
  flex-flow: column;
  width: 300px;
}
/* フォームラベル */
.admin_login_form label {
  margin-top: 10px;
  margin-bottom: 5px;
}
/* フォーム入力部 */
.admin_login_form input {
  width: 300px;
  height: 42px;
  border: 1px solid #a68744;
  border-radius: 5px;
  font-size: 14px;
  /* color: #e1d3b7; */
  color: #a68744;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
/* ログインボタン */
.admin_login_form button {
  width: 105px;
  border: none;
  margin-top: 40px;
}
/* ------------------------ */

/* --- 管理画面 サイドメニュー --- */
.admin_sidemenu_wrapper {
  width: 300px;
  min-width: 300px;
  min-height: 100vh;
  height: auto;
  background-color: #ffffff;
  display: flex;
  flex-flow: column;
  align-items: center;
}
/* ロゴ */
.admin_sidemenu_logo_wrapper {
  margin-top: 50px;
}
/* メニュー項目 */
.admin_sidemenu_menu_wrapper {
  width: 200px;
  margin-top: 50px;
}
.admin_sidemenu_menu_wrapper div {
  height: 60px;
  display: flex;
  align-items: center;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.admin_sidemenu_menu_wrapper div a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: var(--TEXT_COLLAR_BLACK);
  padding-left: 10px;
}
/* メニュー項目 株主CSV一括登録 */
.admin_sidemenu_menu_csv_upload {
  border-top: none !important;
}
/* メニュー項目 ポイント履歴 */
.admin_sidemenu_menu_point_history {
  margin-top: 50px;
  margin-bottom: 50px;
}
/* ----------------------------- */

/* --- 管理画面 株主情報 --- */
.admin_page_main_content_search_form_upper_row {
  border-bottom: solid 1px #eeeeee;
}
/* 検索条件 下段 */
.admin_page_main_content_search_form_lower_row {
  justify-content: space-between;
}
/* 検索条件 下段 検索条件部 */
.admin_page_main_content_search_form_lower_row > div:nth-child(1) {
  display: flex;
}
/* 検索条件 キーワード 入力部 */
#admin_page_main_content_search_form_keyword_input {
  width: 172px;
  margin-right: 20px;
}
/* 検索条件 更新日時, 株式保有数, 今期初期ポイント 入力部 開始 */
#admin_page_main_content_search_form_update_date_start_input,
#admin_page_main_content_search_form_stock_point_start_input,
#admin_page_main_content_search_form_point_start_input {
  margin-right: 5px;
}
/* 検索条件 更新日時 入力部 */
#admin_page_main_content_search_form_update_date_start_input,
#admin_page_main_content_search_form_update_date_end_input {
  width: 152px;
}
/* 検索条件 株式保有数, 今期初期ポイント 入力部 */
#admin_page_main_content_search_form_stock_point_start_input,
#admin_page_main_content_search_form_stock_point_end_input,
#admin_page_main_content_search_form_point_start_input,
#admin_page_main_content_search_form_point_end_input {
  width: 70px;
}
/* 検索条件 株式保有数 入力部 終了 */
#admin_page_main_content_search_form_stock_point_end_input {
  margin-right: 20px;
}

/* 表ボディ */
.admin_page_users_body {
  cursor: pointer;
}
.admin_page_users_body > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin_page_users_header_id,
.admin_page_users_body_id{
  width: 4em;
}
.admin_page_users_header_login_id,
.admin_page_users_body_login_id{
  width: 8em;
}
.admin_page_users_header_shopify_id,
.admin_page_users_body_shopify_id{
  width: 10em;
}
.admin_page_users_header_last_name,
.admin_page_users_body_last_name{
  width: 5em;
}
.admin_page_users_header_first_name,
.admin_page_users_body_first_name{
  width: 5em;
}
.admin_page_users_header_status,
.admin_page_users_body_status{
  width: 8em;
}
.admin_page_users_header_mail_address,
.admin_page_users_body_mail_address{
  width: 15em;
}
.admin_page_users_header_stock_point,
.admin_page_users_body_stock_point{
  width: 6em;
}
.admin_page_users_header_point,
.admin_page_users_body_point{
  width: 8em;
}
.admin_page_users_header_update_date,
.admin_page_users_body_update_date{
  width: 11em;
}

/* ----------------------- */

/* --- 管理画面 株主情報編集 --- */
.admin_page_user_edit_wrapper {
  margin-top: 40px;
}
/* ID, 更新日時, 認証URL 項目 */
.admin_page_user_edit_form_readonly {
  display: flex;
  font-size: 16px;
  color: #242424;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}
/* ID, 更新日時, 認証URL ラベル */
.admin_page_user_edit_form_readonly div:nth-child(1) {
  width: 180px;
  min-width: 180px;
}
/* ID, 更新日時, 認証URL 内容 */
.admin_page_user_edit_form_readonly div:nth-child(2) {
  /* はみ出す場合は改行 */
  word-break: break-word;
}

/* フォームセクション */
.admin_page_user_edit_form_section {
  border-top: solid 1px #eeeeee;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* フォームセクション 姓, 名 */
.admin_page_user_edit_form_section_name {
  border-top: none;
}

/* フォームセクション ラベル */
.admin_page_user_edit_form_section > div {
  display: flex;
  width: 180px;
}
/* フォームセクション 入力部 */
.admin_page_user_edit_form_section input,
.admin_page_user_edit_form_section select {
  width: 300px;
  height: 42px;
  border: 1px solid #a68744;
  border-radius: 5px;
  font-size: 14px;
  color: #a68744;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.admin_page_user_edit_form_section input::placeholder,
.admin_page_user_edit_form_section select::placeholder{
  color: #e1d3b7;
}

/* フォームセクション 姓, 名 入力部 姓 */
.admin_page_user_edit_form_section_name input {
  margin-right: 20px;
}

/* ボタン */
.admin_page_user_edit_form_buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.admin_page_user_edit_form_buttons button {
  height: 42px;
  border-radius: 5px;
  border: none;
  font-size: 14px;
  font-weight: 400;
}
/* ボタン 一覧へ戻る */
.admin_page_user_edit_form_buttons div:nth-child(1) button {
  width: 121px;
  color: var(--TEXT_COLLAR_GRAY);
  background-color: #eeeeee;
}
/* ボタン 更新する */
.admin_page_user_edit_form_buttons div:nth-child(2) button {
  width: 95px;
  color: var(--BUTTON_TEXT_COLOR);
  background-color: var(--BUTTON_BACKGROUND_COLOR);
}
/* --------------------------- */

/* --- 管理画面 ポイント履歴 --- */
/* 検索条件 会員ID 入力部 */
#admin_page_main_content_search_form_id_input {
  width: 125px;
  margin-right: 20px;
}
/* 検索条件 発生日時 入力部 */
#admin_page_main_content_search_form_deal_datetime_start_input,
#admin_page_main_content_search_form_deal_datetime_end_input {
  width: 152px;
}
#admin_page_main_content_search_form_deal_datetime_start_input {
  margin-right: 5px;
}

/* 表ヘッダー・ボディ ID・姓・名 */
.admin_page_point_history_header_id,
.admin_page_point_history_header_last_name,
.admin_page_point_history_header_first_name,
.admin_page_point_history_body_id,
.admin_page_point_history_body_last_name,
.admin_page_point_history_body_first_name {
  width: 50px;
}
/* 表ヘッダー・ボディ 発生日時 */
.admin_page_point_history_header_deal_datetime,
.admin_page_point_history_body_deal_datetime {
  width: 190px;
}
/* 表ヘッダー・ボディ 変動ポイント */
.admin_page_point_history_header_deal_point,
.admin_page_point_history_body_deal_point {
  width: 110px;
}
/* 表ヘッダー・ボディ コメント */
.admin_page_point_history_header_comment,
.admin_page_point_history_body_comment {
  width: 400px;
}
/* --------------------------- */

/* --- 管理画面 株主情報一括アップロード --- */
.admin_page_csv_upload_wrapper {
  margin-top: 40px;
}
/* フォーム */
.admin_page_csv_upload_form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* フラッシュメッセージ */
.admin_page_csv_upload_message {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 25px;
}
/* フラッシュメッセージ エラー */
.admin_page_csv_upload_message_error {
  color: #a64444;
}
/* フォーム ファイルアップローダー, アップロードボタン */
.admin_page_csv_upload_form input::file-selector-button,
.admin_page_csv_upload_form button {
  height: 42px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
}
/* フォーム ファイルアップローダー */
.admin_page_csv_upload_form input {
  width: 500px;
  color: var(--TEXT_COLLAR_GRAY);
}
.admin_page_csv_upload_form input::file-selector-button {
  width: 150px;
  background-color: var(--BUTTON_BACKGROUND_COLOR);
  color: var(--BUTTON_TEXT_COLOR);
  margin-right: 20px;
}
/* フォーム ファイルアップローダー アップロード済み */
.admin_page_main_content_csv_uploaded::file-selector-button {
  background-color: #eeeeee !important;
  color: var(--TEXT_COLLAR_GRAY) !important;
}
/* フォーム アップロードボタン */
.admin_page_csv_upload_form button {
  width: 138px;
  background-color: #eeeeee;
  color: var(--TEXT_COLLAR_GRAY);
}
/* フォーム アップロードボタン アップロード済み */
.admin_page_main_content_csv_uploaded_button {
  background-color: var(--BUTTON_BACKGROUND_COLOR) !important;
  color: var(--BUTTON_TEXT_COLOR) !important;
}
/* -------------------------------------- */