@charset "UTF-8";

.hidden {
    display: none !important;
}
/******************************************************************************
	管理画面内で使用するフォーム
******************************************************************************/
.admin-form {
    position: relative;
    max-width: 1200px;
    margin: 16px auto 48px;
    padding: 28px 40px;
    border: 2px solid #009c9a;
    border-radius: 6px;
    background-color: #ffffff;
}
.admin-form__title {
    display: inline-block;
    position: absolute;
    top: -16px;
    left: 16px;
    padding: 0 24px;
    background-color: #ffffff;
    color: #009c9a;
    font-weight: bold;
    font-size: 20px;
}
.admin-form__flex {
    display: flex;
    justify-content: space-between;
}
.admin-form__flex + .admin-form__flex {
    margin-top: 24px;
}
.admin-form__flex--col-3 {
    justify-content: flex-start;
}
.admin-form__flex-item {
    display: flex;
    align-items: center;
    width: 100%;
}
.admin-form__flex-item--20p {
    width: 20%;
}
.admin-form__flex--col-3 .admin-form__flex-item {
    width: 33%;
}

.admin-form__item-label {
    margin-right: 16px;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}
.admin-form__item-label--th {
    width: 120px;
}
.admin-form__item-label--th-sm {
    width: 90px;
}
.admin-form__input {
    width: 484px;
}

/** ページごとの設定
******************************************************************************/
/* list-inquiry */
.admin-form__add-new {
    margin-top: 48px;
}
.admin-form__input--member-name {
    width: 300px;
}
.admin-form__input--company-name {
    width: 605px;
}
.admin-form__item-label--not-registed {
    margin-left: 88px;
}
.admin-form__input--product-name {
    width: 240px;
}

/******************************************************************************
	セクション見出し
******************************************************************************/
.admin-section-heading {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    color: #009c9a;
    font-weight: bold;
    font-size: 28px;
    white-space: nowrap;
}
.admin-section-heading::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 16px;
    border: solid #009c9a 12px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #009c9a;
    content: "";
}
.admin-section-heading::after {
    display: block;
    width: 100%;
    height: 3px;
    margin-left: 32px;
    background-color: #009c9a;
    content: "";
}
.admin-section-heading__annotation {
    display: inline-block;
    margin-top: 12px;
    margin-left: 24px;
    font-size: 16px;
}

/******************************************************************************
	通知メッセージボックス
******************************************************************************/
.announce-message-box {
    margin: 24px auto;
    padding: 24px;
    border: 1px solid #acacac;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    background-color: #fafafa;
    font-size: 18px;
}
.announce-message-box .failure_message {
    margin-bottom: 0;
}

/******************************************************************************
	動きを起こすフォーム
******************************************************************************/
.action-form {
    display: inline-block;
}