:root,
html[data-theme="warm"] {
    --pc-text: #3c3028;
    --pc-text-strong: #4a352a;
    --pc-muted-text: #7b6352;
    --pc-body-bg: radial-gradient(circle at top left, rgba(255, 251, 246, .95), rgba(238, 229, 219, .92) 40%, rgba(220, 214, 211, .92) 100%);
    --pc-login-bg: linear-gradient(145deg, rgba(248, 243, 237, .95) 0%, rgba(233, 225, 219, .92) 52%, rgba(214, 206, 202, .95) 100%);
    --pc-content-header-bg: rgba(255, 248, 241, .72);
    --pc-content-header-border: rgba(140, 109, 92, .16);
    --pc-main-header-bg: linear-gradient(90deg, rgba(255, 249, 243, .96) 0%, rgba(238, 227, 218, .98) 52%, rgba(216, 211, 209, .96) 100%);
    --pc-main-header-border: rgba(123, 99, 82, .18);
    --pc-main-header-shadow: 0 12px 28px rgba(103, 80, 64, .08);
    --pc-content-bg: linear-gradient(180deg, rgba(247, 242, 236, .92) 0%, rgba(237, 231, 225, .95) 46%, rgba(228, 223, 220, .98) 100%);
    --pc-sidebar-bg: linear-gradient(180deg, rgba(255, 250, 246, .96) 0%, rgba(244, 236, 229, .94) 58%, rgba(232, 224, 220, .94) 100%);
    --pc-sidebar-bg-lg: rgba(255, 251, 247, .82);
    --pc-sidebar-border: rgba(123, 99, 82, .2);
    --pc-sidebar-shadow: 18px 0 40px rgba(93, 73, 60, .08);
    --pc-sidebar-status-bg: rgba(255, 255, 255, .52);
    --pc-sidebar-status-border: rgba(126, 100, 83, .10);
    --pc-sidebar-status-text: #6d5546;
    --pc-sidebar-link-text: #5e483b;
    --pc-sidebar-link-hover-bg: rgba(143, 106, 89, .08);
    --pc-sidebar-link-hover-shadow: inset 0 0 0 1px rgba(143, 106, 89, .08);
    --pc-sidebar-link-active-bg: linear-gradient(135deg, rgba(143, 106, 89, .92) 0%, rgba(199, 161, 134, .92) 100%);
    --pc-sidebar-link-active-text: #fffaf6;
    --pc-sidebar-link-active-shadow: 0 14px 28px rgba(98, 66, 49, .14);
    --pc-sidebar-tree-bg: rgba(255, 255, 255, .28);
    --pc-sidebar-tree-border: rgba(133, 105, 88, .08);
    --pc-brand-text: #4b3427;
    --pc-brand-subtext: #7b6352;
    --pc-brand-mark-bg: linear-gradient(135deg, #8c6d5c 0%, #d7b59b 100%);
    --pc-brand-mark-text: #fffdf9;
    --pc-brand-mark-shadow: 0 10px 24px rgba(84, 52, 34, .18);
    --pc-logout-border: rgba(104, 81, 65, .24);
    --pc-theme-control-bg: rgba(255, 255, 255, .55);
    --pc-theme-control-border: rgba(133, 105, 88, .16);
    --pc-theme-control-text: #634c40;
    --pc-table-header-bg: linear-gradient(90deg, rgba(143, 106, 89, .92) 0%, rgba(199, 161, 134, .90) 100%);
    --pc-table-header-text: #fffaf6;
    --pc-accent-bg: linear-gradient(135deg, #8f6a59 0%, #c7a186 100%);
    --pc-accent-text: #ffffff;
    --pc-accent-shadow: 0 14px 28px rgba(98, 66, 49, .16);
    --pc-brand-submit-bg: linear-gradient(135deg, rgba(255, 249, 243, .96) 0%, rgba(237, 225, 214, .98) 100%);
    --pc-brand-submit-bg-hover: linear-gradient(135deg, rgba(248, 238, 229, .98) 0%, rgba(229, 212, 198, .98) 100%);
    --pc-brand-submit-text: #7a5d4d;
    --pc-brand-submit-text-hover: #63483a;
    --pc-brand-submit-border: rgba(143, 106, 89, .28);
    --pc-brand-submit-border-hover: rgba(143, 106, 89, .34);
    --pc-brand-submit-shadow: 0 12px 28px rgba(98, 66, 49, .10);
    --pc-brand-submit-shadow-hover: 0 14px 32px rgba(98, 66, 49, .14);
    --pc-section-bg: linear-gradient(90deg, rgba(136, 107, 92, .92) 0%, rgba(111, 88, 74, .96) 100%);
    --pc-section-text: #fffaf6;
    --pc-card-bg: rgba(255, 250, 245, .86);
    --pc-card-text: #3f3128;
    --pc-card-border: rgba(141, 112, 95, .18);
    --pc-card-shadow: 0 20px 45px rgba(110, 87, 72, .09);
    --pc-subtle-bg: linear-gradient(135deg, rgba(255, 247, 240, .92) 0%, rgba(238, 224, 212, .96) 100%);
    --pc-subtle-border: rgba(143, 106, 89, .12);
    --pc-summary-block-bg: linear-gradient(145deg, rgba(255, 255, 255, .72) 0%, rgba(244, 236, 229, .95) 100%);
    --pc-summary-block-border: rgba(145, 113, 94, .12);
    --pc-summary-label: #8b6c5a;
    --pc-summary-value: #4c372b;
    --pc-summary-subtext: #735b4c;
    --pc-chip-bg: rgba(126, 100, 83, .08);
    --pc-chip-text: #7a5f4f;
    --pc-chip-border: rgba(126, 100, 83, .12);
    --pc-rank-bg: linear-gradient(135deg, #9f8779 0%, #b89d8e 100%);
    --pc-badge-bg: #8f6a59;
    --pc-badge-text: #fffaf6;
}

html[data-theme="silver"] {
    --pc-text: #32373d;
    --pc-text-strong: #2d333a;
    --pc-muted-text: #6f7882;
    --pc-body-bg: radial-gradient(circle at top left, rgba(248, 249, 250, .98), rgba(231, 235, 239, .95) 42%, rgba(209, 216, 223, .96) 100%);
    --pc-login-bg: linear-gradient(145deg, rgba(244, 247, 249, .98) 0%, rgba(226, 231, 236, .95) 52%, rgba(201, 209, 216, .96) 100%);
    --pc-content-header-bg: rgba(246, 249, 251, .82);
    --pc-content-header-border: rgba(129, 141, 153, .16);
    --pc-main-header-bg: linear-gradient(90deg, rgba(250, 251, 252, .98) 0%, rgba(229, 234, 239, .98) 52%, rgba(210, 217, 224, .96) 100%);
    --pc-main-header-border: rgba(118, 130, 144, .18);
    --pc-main-header-shadow: 0 12px 28px rgba(76, 89, 104, .10);
    --pc-content-bg: linear-gradient(180deg, rgba(243, 246, 249, .96) 0%, rgba(228, 233, 238, .97) 48%, rgba(214, 221, 227, .98) 100%);
    --pc-sidebar-bg: linear-gradient(180deg, rgba(247, 249, 251, .98) 0%, rgba(233, 237, 241, .95) 58%, rgba(218, 224, 230, .95) 100%);
    --pc-sidebar-bg-lg: rgba(244, 248, 251, .84);
    --pc-sidebar-border: rgba(118, 130, 144, .18);
    --pc-sidebar-shadow: 18px 0 40px rgba(76, 89, 104, .10);
    --pc-sidebar-status-bg: rgba(255, 255, 255, .58);
    --pc-sidebar-status-border: rgba(118, 130, 144, .12);
    --pc-sidebar-status-text: #58616b;
    --pc-sidebar-link-text: #46525e;
    --pc-sidebar-link-hover-bg: rgba(99, 113, 132, .08);
    --pc-sidebar-link-hover-shadow: inset 0 0 0 1px rgba(99, 113, 132, .10);
    --pc-sidebar-link-active-bg: linear-gradient(135deg, rgba(99, 113, 132, .94) 0%, rgba(147, 161, 177, .94) 100%);
    --pc-sidebar-link-active-text: #f8fbfd;
    --pc-sidebar-link-active-shadow: 0 14px 28px rgba(74, 86, 102, .16);
    --pc-sidebar-tree-bg: rgba(255, 255, 255, .34);
    --pc-sidebar-tree-border: rgba(118, 130, 144, .10);
    --pc-brand-text: #33414d;
    --pc-brand-subtext: #6b7680;
    --pc-brand-mark-bg: linear-gradient(135deg, #637184 0%, #93a1b1 100%);
    --pc-brand-mark-text: #f8fbfd;
    --pc-brand-mark-shadow: 0 10px 24px rgba(71, 84, 98, .18);
    --pc-logout-border: rgba(111, 124, 136, .24);
    --pc-theme-control-bg: rgba(255, 255, 255, .62);
    --pc-theme-control-border: rgba(118, 130, 144, .18);
    --pc-theme-control-text: #4b5865;
    --pc-table-header-bg: linear-gradient(90deg, rgba(107, 120, 134, .95) 0%, rgba(144, 158, 173, .92) 100%);
    --pc-table-header-text: #f8fbfd;
    --pc-accent-bg: linear-gradient(135deg, #637184 0%, #93a1b1 100%);
    --pc-accent-text: #f8fbfd;
    --pc-accent-shadow: 0 14px 28px rgba(74, 86, 102, .16);
    --pc-brand-submit-bg: linear-gradient(135deg, rgba(248, 250, 252, .98) 0%, rgba(231, 236, 241, .98) 100%);
    --pc-brand-submit-bg-hover: linear-gradient(135deg, rgba(239, 244, 248, .98) 0%, rgba(219, 226, 233, .98) 100%);
    --pc-brand-submit-text: #556372;
    --pc-brand-submit-text-hover: #43505e;
    --pc-brand-submit-border: rgba(118, 130, 144, .26);
    --pc-brand-submit-border-hover: rgba(118, 130, 144, .34);
    --pc-brand-submit-shadow: 0 12px 28px rgba(76, 89, 104, .10);
    --pc-brand-submit-shadow-hover: 0 14px 32px rgba(76, 89, 104, .14);
    --pc-section-bg: linear-gradient(90deg, rgba(96, 110, 124, .95) 0%, rgba(126, 141, 156, .94) 100%);
    --pc-section-text: #f8fbfd;
    --pc-card-bg: rgba(250, 252, 253, .88);
    --pc-card-text: #36404a;
    --pc-card-border: rgba(118, 130, 144, .16);
    --pc-card-shadow: 0 20px 45px rgba(76, 89, 104, .10);
    --pc-subtle-bg: linear-gradient(135deg, rgba(245, 248, 251, .94) 0%, rgba(229, 235, 240, .98) 100%);
    --pc-subtle-border: rgba(118, 130, 144, .12);
    --pc-summary-block-bg: linear-gradient(145deg, rgba(255, 255, 255, .76) 0%, rgba(235, 240, 245, .96) 100%);
    --pc-summary-block-border: rgba(118, 130, 144, .14);
    --pc-summary-label: #708090;
    --pc-summary-value: #3f4a56;
    --pc-summary-subtext: #5d6874;
    --pc-chip-bg: rgba(99, 113, 132, .10);
    --pc-chip-text: #5b6978;
    --pc-chip-border: rgba(118, 130, 144, .16);
    --pc-rank-bg: linear-gradient(135deg, #7d8894 0%, #a1acb8 100%);
    --pc-badge-bg: #637184;
    --pc-badge-text: #f8fbfd;
}

body {
    font-size: 1rem;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    color: var(--pc-text);
    background: var(--pc-body-bg);
}
h1, h2, h3, h4, h5, h6,
.brand-copy strong,
.login-logo,
.section_header span:first-child {
    font-family: 'Cormorant Garamond', serif;
}
.login-page {
    min-height: 100vh;
    background: var(--pc-login-bg);
}
body:not(.layout-fixed) .main-sidebar {
    height: 100vh;
    top: 60px;
    border-right: 1px solid var(--pc-sidebar-border);
}
.content-header {
    background: var(--pc-content-header-bg);
    color: var(--pc-text-strong);
    padding-left: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--pc-content-header-border);
    backdrop-filter: blur(10px);
}
.content-header h5 {
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: .03em;
}
.fit-content-h {
    height: fit-content;
}
.login-card-body {
    font-weight: 500 !important;
}
.login-box label {
    margin-bottom: unset;
    font-weight: 500 !important;
    color: var(--pc-text-strong);
}
#login_form button {
    font-weight: 500 !important;
    background: var(--pc-accent-bg);
    color: var(--pc-accent-text);
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: var(--pc-accent-shadow);
}
#password_reset button {
    font-weight: 500 !important;
    background: var(--pc-accent-bg);
    color: var(--pc-accent-text);
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: var(--pc-accent-shadow);
}

.main-sidebar {
    position: fixed !important;
}
.nav-sidebar .nav-link p span {
    font-size: 14px !important;
}
.nav-link img:not(.brand-image) {
    width: 18px !important;
}
.brand-link {
    padding-top: 0.3rem !important;
}
.brand-link .brand-image {
    float: unset;
    max-height: 50px;
}
.main-header {
    border-bottom: 1px solid var(--pc-main-header-border);
    margin-left: 0 !important;
    position: fixed;
    width: 100%;
    height: 60px;
    background: var(--pc-main-header-bg);
    box-shadow: var(--pc-main-header-shadow);
}
.main-footer {
    border-top: 1px solid #FF2134;
    margin-left: 0 !important;
}
.nav-sidebar>.nav-item {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 3px;
}
/* .nav-sidebar>.nav-item.active {
    background-color: #DCDCDC;
    font-weight: bold;
} */
.nav-sidebar .nav-item>.nav-link {
    margin-bottom: 0;
}
.account_name {
    font-size: 1.3rem;
    margin-left: 1rem;
}

.sidebar {
    padding-left: unset;
    padding-right: unset;
}

.content-wrapper {
    min-height: 100vh !important;
    padding-top: 60px;
    background: var(--pc-content-bg);
}

.content {
    padding-bottom: 100px !important;
}

.container-fluid .header, .container-fluid .header th {
    background: var(--pc-table-header-bg) !important;
    color: var(--pc-table-header-text);
    border-color: rgba(255, 255, 255, .1) !important;
}

.tfList {
    color: #000;
}

.main-sidebar {
    background: var(--pc-sidebar-bg);
    box-shadow: var(--pc-sidebar-shadow);
}
.is-sp {
    display: block;
}

a[disabled] {
    pointer-events: none; /* マウスイベントの無効化 */
    opacity: 0.5; /* 操作できない感のあるスタイル付け */
}
@media screen and (min-width: 680px) {
    .main-sidebar {
        background-color: unset;
        background: var(--pc-sidebar-bg-lg);
    }
    .is-sp {
        display: none;
    }
    .account_name {
        margin-left: 250px;
    }
}

br.pc {
    display: none;
}

@media screen and (min-width: 680px) {
    br.pc {
        display: block;
    }
}

.container-fluid {
    /* margin-top: 1rem; */
    max-width: 95%;
}

@media screen and (min-width: 680px) {
    .registration_form.w-95 {
        width: 95%;
    }
}

.notice_row {
    cursor: pointer;
    width: 95%;
    margin: auto;
}
.notice_row:last-child {
    border: none !important;
}
.notice_back_btn::before {
    width: 9px;
    height: 9px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.news_row, .template_row {
    cursor: pointer;
    width: 95%;
    margin: auto;
}
.news_row:last-child {
    border: none !important;
}
.news_back_btn::before {
    width: 9px;
    height: 9px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.img_upload-input {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    width: 0;
    z-index: -1;
}
.img_upload-area {
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.img_upload-label, .img_upload-label_2 {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    width: 300px;
    max-width: 300px;
    height: 250px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
}
.img_upload-label_2 {
    width: 360px;
    max-width: 360px;
    height: 100px;
}
.img_upload-label:hover, .img_upload-label_2:hover {
    cursor: pointer;
}
.img_upload-thumbnail {
    background-image: url(../dist/img/1738136720998.png);
    background-repeat: no-repeat;
    background-size: 110px;
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
    margin-bottom: 0;
    color: #888888;
    background-size: contain;
    background-position: left center;
    margin-left: 2rem;
    padding-left: 50px;
}

.btn-edit {
    background: var(--pc-accent-bg);
    color: var(--pc-accent-text);
    padding: .375rem 3rem;
    box-shadow: var(--pc-accent-shadow);
}
.btn-delete, .btn-delete__, .btn-notice_delete, .btn-news_delete, .btn-template_delete {
    background: #888888;
    padding: .375rem 3rem;
    color: #FFFFFF;
}

.btn-search, .btn-delete_list {
    background-color: #FFFFFF;
    padding: .375rem 1.5rem;
    border: solid 1px;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}
.btn.brand-submit,
button.brand-submit {
    width: 100%;
    background: var(--pc-brand-submit-bg) !important;
    color: var(--pc-brand-submit-text) !important;
    border: 1px solid var(--pc-brand-submit-border) !important;
    box-shadow: var(--pc-brand-submit-shadow) !important;
    border-radius: 16px;
    font-weight: 700;
}
.btn.brand-submit:hover,
.btn.brand-submit:focus,
.btn.brand-submit:active,
.btn.brand-submit:not(:disabled):not(.disabled):active,
button.brand-submit:hover,
button.brand-submit:focus,
button.brand-submit:active {
    background: var(--pc-brand-submit-bg-hover) !important;
    color: var(--pc-brand-submit-text-hover) !important;
    border-color: var(--pc-brand-submit-border-hover) !important;
    box-shadow: var(--pc-brand-submit-shadow-hover) !important;
}
.btn.brand-submit:focus,
button.brand-submit:focus {
    outline: none;
}


.section_header {
    background: var(--pc-section-bg);
    color: var(--pc-section-text);
    padding-left: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.bg-black {
    background: var(--pc-card-bg) !important;
    color: var(--pc-card-text) !important;
    border: 1px solid var(--pc-card-border);
    border-radius: 24px;
    box-shadow: var(--pc-card-shadow);
}

.pickup_item_list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.pickup_item_list .item {
    width: 20%;
}
.item_image {
    width: 100%;
    display: flex
;
}
.item_image img {
    width: 95%;
    margin: auto;
    /* aspect-ratio: 1 / 1; */
    /* object-fit: contain; */
}
.item_label {
    /* background: #dcdcdc; */
    background: #FFF;
    color: #000;
    width: 100%;
    padding: .3rem .5rem;
    align-items: center;
    margin: auto;
    text-align: justify;
    text-align-last: justify;
}
.item_value {
    width: 100%;
    padding: .3rem 0;
    align-items: center;
}
.item_value span {
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.pickup_item_list .item_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.position-relative .position-absolute {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg-primary-subtle {
    background: var(--pc-subtle-bg);
    border: 1px solid var(--pc-subtle-border);
}
.shop_btn {
    width: 95%;
    margin: auto;
}

.ranking_index {
    color: #FFF;
    background: var(--pc-rank-bg);
    aspect-ratio: 1 / 1;
    width: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #FFF;
}
.ranking_1 {
    background: linear-gradient(135deg, #bc9543 0%,#c9b654 50%,#dbd984 100%);
    width: 30px;
    font-size: 1.25rem;
}
.ranking_2 {
    background: linear-gradient(135deg, #a8a9ae 0%,#a6a9af 50%,#d5d5d5 100%);
    width: 30px;
    font-size: 1.25rem;
}
.ranking_3 {
    background: linear-gradient(135deg, #7f4816 0%,#9b4e0c 50%,#bfa66d 100%);
    width: 30px;
    font-size: 1.25rem;
}
.access_ranking .item_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.login-box .card {
    border: 1px solid var(--pc-card-border);
    border-radius: 26px;
    box-shadow: 0 22px 60px rgba(76, 89, 104, .14);
    background: rgba(250, 252, 253, .94);
}
.login-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .95rem;
    color: var(--pc-brand-text);
}
.brand-mark {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--pc-brand-mark-bg);
    color: var(--pc-brand-mark-text);
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: .08em;
    box-shadow: var(--pc-brand-mark-shadow);
}
.brand-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.02;
}
.brand-copy strong {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .06em;
}
.brand-copy small {
    color: var(--pc-brand-subtext);
    font-size: .72rem;
    letter-spacing: .22em;
    text-transform: uppercase;
}
.login-logo {
    margin-bottom: 1.5rem;
}
.login-logo a {
    justify-content: center;
}
.login-box-msg {
    color: var(--pc-text-strong);
}
.moreLinkText {
    color: #fdf9f5;
    letter-spacing: .04em;
}


/* === フィルタボタン ============================ */
.tfArea{
    display    : inline-block;
    position   : relative;
}
.tfImg{
    display    : inline-block;
    width      : 16px;
    height     : 16px;
    background : #eee;
    border     : 1px solid #777;
    margin     : 1px 3px;
    padding    : 3px;
    cursor     : pointer;
    vertical-align: text-top;
}
/* === フィルタボタン（カーソルオーバー時）======= */
.tfImg:hover{
    background : #FFD700;
}
/* === フィルタボタン内の画像色（SVG）============ */
.tfImg path{
    fill       : #777;
}
/* === フィルタリスト ============================ */
.tfList{
    display    : inline-block;
    position   : absolute;
    max-width  : 250px;
    min-width  : 140px;
    background : #fff;
    border     : 1px solid #777;
    top        : 15px;
    left       : 0;
    line-height: 1.1;
    font-weight: normal;
}
/* === フィルタリスト内のform ==================== */
.tfList form{
    max-height : 150px;           /* 縦幅 */
    overflow   : scroll;
    overflow   : overflow-y;
    overflow   : auto;
}
/* === フィルタリスト内のチェックボックス ======== */
.tfMeisai{
    text-align : left;
    padding    : 2px;
}
/* === フィルタリスト内の文字位置合わせ ========== */
.tfMeisai label{
    padding    : 0 10px 0 3px;
}
/* === OK/CANCELボタン =========================== */
.tfBtnArea{
    text-align : center;
    font-size  : 8pt;
    padding    : 3px 5px;
}
.tfBtnArea input{
    display    : inline-block;
    margin     : 0 5px;
}
/* === 含むボタンの入力エリア ==================== */
.tfInStr{
    padding    : 5px 3px;
    border-top : 1px solid #999;
    border-bottom: 1px solid #999;
}
.tfInStr input{
    box-sizing : border-box;
    width      : 100%;
    padding    : 1px 3px;
    font-weight: normal;
    font-size  : 95%;
    border     : 1px solid #ccc;
}
/* === フィルタ非表示 ============================ */
#filter-table tr[cmanFilterNone]{
    display    : none;
}
/* === フィルタ非表示行と次行の間を二重線にする == */
#filter-table tr[cmanFilterNone] + tr td{
    border-top : 3px double #777;
}

#filter-table th {
    width: 12%;
}
#filter-table th:nth-child(3) {
    width: 20%;
}
#filter-table th:nth-child(4) {
    width: 25%;
}
#filter-table th:nth-child(6) {
    width: 25%;
}

@media screen and (min-width: 680px) {
    .pc-none {
        display: none;
    }
}
@media screen and (max-width: 680px) {
    .sp-none {
        display: none;
    }
}