body *{
    word-break: break-all;
}
.logo-lg img{
	width     : auto;
	height    : 36px;
	margin-top: 2px;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
    max-height: 1000px;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    white-space: normal;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
    overflow: auto;
    text-overflow: clip;
}
.dropdown-menu .footer{
    display:none;
}
.skin-blue .sidebar-menu .treeview-menu>li>a {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2em;
}
.login-page, .register-page{
    background-color: #fff;
}

.skin-blue .main-header .logo {
    background-color: #fff;
    color           : #fff;
    border-bottom   : 0 solid transparent;
}
.skin-blue .main-header .logo .logo-lg{
    padding-top:4px;
}



.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #004384;
}
.skin-blue.other .sidebar-menu>li.active>a {
    border-left-color: #f4a100;
}
.skin-blue.tenant .sidebar-menu>li.active>a {
    border-left-color: #008000;
}
.skin-blue.prod .sidebar-menu>li.active>a {
    border-left-color: #990066
}
.skin-blue.outs .sidebar-menu>li.active>a {
    border-left-color: #660099;
}



.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: #fff
}


.skin-blue .main-header .logo:hover {
    background-color: #fff
}


.input-group-btn {
    vertical-align: bottom;
}


.bg-sandj01 {
    background-color: #1f71c1 !important;
    color           : #fff !important;
}

.bg-sandj02 {
    background-color: #2587e6 !important;
    color           : #fff !important;
}

.info-box .bg-sandj02 {
    display: table;
}

.info-box .bg-sandj02 .ion{
    display       : table-cell;
    vertical-align: middle;
}


.bg-sandj03 {
    background-color: #00aab3 !important;
    color           : #fff !important;
}

.bg-sandj04 {
    background-color: #048496 !important;
    color           : #fff !important;
}

.info-box .bg-sandj04 {
    display: table;
}

.info-box .bg-sandj04 .ion{
    display       : table-cell;
    vertical-align: middle;
}

.direct-chat-messages {
    height: 100%;
}

.bg-sandj05 {
    background-color: #e81c3b !important;
    color           : #fff !important;
}

.bg-sandj06 {
    background-color: #b11429 !important;
    color           : #fff !important;
}

.bg-sandj07 {
    background-color: #3f2f3c !important;
    color           : #fff !important;
}

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1)
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #fff
    }

    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background: #54B1B4
    }
}

/* prom */

table#prom_detail_tbl2 thead tr th, table#prom_detail_tbl2 tbody tr th {
    vertical-align: middle;
}
table img{
    width:auto;
    max-width:85%;
    height:auto;
    max-height:250px;
}
table td{
    background-color: #fff;
}
table tr.tr_kihon,
table td.td_kihon{
    background-color: #dff2fd;
}

table tr.tr_honbu,
table td.td_honbu{
    background-color: #faebd7;
}

#genkoshohin_list_tbl1_filter label {
    display: flex;
    align-items: center;
    gap: 8px; /* ラベルと入力の間隔 */
    white-space: nowrap;
}

table#genkoshohin_list_tbl1 th{
    vertical-align: middle;
}

#myModal_1 .modal-dialog{
    margin-top: 20%;
}

a[data-toggle="modal"] {
    cursor:pointer;
}


.table-hover tbody tr:hover > th[rowspan] {
  background-color: #fff !important;
}
.table-hover tbody tr:hover > td[rowspan] {
  background-color: #fff !important;
}

td.td_warning {
    background-color: #f39c12;
}
td.td_warning a{
    color: #e40f0f;
    font-weight: bold;
}

td.td_disable{
    background-color: #dddddd;
}

tr.tr_gray{
    background-color: #dddddd;
}

/* sabun */
tr.tr_delete td{
    background-color: #cccccc;
}
tr.tr_add td{
    background-color: #ffd087;
}
td.td_diff{
    background-color: #ffd087;
}
/*
########################################################
  2021/08 addition
########################################################
*/
/* #################### common #################### */
.content-wrapper .box a {
    text-decoration: underline;
}
.content-wrapper .box .alignL,
.content-wrapper .box table.alignL th,
.content-wrapper .box table.alignL td,
.content-wrapper .box tr.alignL th,
.content-wrapper .box tr.alignL td{
    text-align:left;
}
.content-wrapper .box .alignC,
.content-wrapper .box table.alignC th,
.content-wrapper .box table.alignC td,
.content-wrapper .box tr.alignC th,
.content-wrapper .box tr.alignC td{
    text-align:center;
}
.content-wrapper .box .alignR,
.content-wrapper .box table.alignR th,
.content-wrapper .box table.alignR td,
.content-wrapper .box tr.alignR th,
.content-wrapper .box tr.alignR td{
    text-align:right;
}

.content-wrapper .box .valignT,
.content-wrapper .box table.valignT th,
.content-wrapper .box table.valignT td,
.content-wrapper .box tr.valignT th,
.content-wrapper .box tr.valignT td{
    vertical-align: top;
}
.content-wrapper .box .valignM,
.content-wrapper .box table.valignM th,
.content-wrapper .box table.valignM td,
.content-wrapper .box tr.valignM th,
.content-wrapper .box tr.valignM td{
    vertical-align: middle;
}
.content-wrapper .box .valignB,
.content-wrapper .box table.valignB th,
.content-wrapper .box table.valignB td,
.content-wrapper .box tr.valignB th,
.content-wrapper .box tr.valignB td{
    vertical-align: bottom;
}
.nav-tabs-custom>.nav-tabs{
    border-bottom-color: #ddd;
}
.nav-tabs-custom>.nav-tabs>li{
    border-top:3px solid #ddd;
    border-right:1px solid #ddd;
    background:#f1f1f1;
    margin-bottom:0px;
    margin-left: 0;
    margin-right: 1.2em;;
}
.nav-tabs-custom>.nav-tabs>li:last-child{
    margin-right: 0;
}
table a.label{
    display:inline-block;
}
/* #################### @media print #################### */
@media print {
    a[href]:after {
    content: "" !important;
    }

    abbr[title]:after {
    content: "" !important;
    }
   }
/* #################### head color #################### */
.skin-blue .main-header .navbar {
    background-color: #004384;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #2587e6;
}
.skin-blue .main-header li.user-header {
    background-color: #004384
}
.skin-blue .sidebar-menu>li.active {
    border-left-color: #1f71c1;
}

.skin-blue.other .main-header .navbar {
    background-color: #f4a100;
}
.skin-blue.other .main-header .navbar .sidebar-toggle:hover {
    background-color: #ffc85e;
}
.skin-blue.other .main-header li.user-header {
    background-color: #f4a100;
}
.skin-blue.other .sidebar-menu>li.active {
    border-left-color: #eba825;
}

.skin-blue.tenant .main-header .navbar {
    background-color: #008000;
}
.skin-blue.tenant .main-header .navbar .sidebar-toggle:hover {
    background-color: #3cb371;
}
.skin-blue.tenant .main-header li.user-header {
    background-color: #008000;
}
.skin-blue.tenant .sidebar-menu>li.active {
    border-left-color: #3cb371;
}

.skin-blue.prod .main-header .navbar {
    background-color: #990066
}
.skin-blue.prod .main-header .navbar .sidebar-toggle:hover {
    background-color: #990066
}
.skin-blue.prod .main-header li.user-header {
    background-color: #990066
}
.skin-blue.prod .sidebar-menu>li.active {
    border-left-color: #990066
}

.skin-blue.outs .main-header .navbar {
    background-color: #660099;
}
.skin-blue.outs .main-header .navbar .sidebar-toggle:hover {
    background-color: #660099;
}
.skin-blue.outs .main-header li.user-header {
    background-color: #660099;
}
.skin-blue.outs .sidebar-menu>li.active {
    border-left-color: #660099;
}
/* #################### table #################### */
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{
    padding:4px 2px !important;
}
.table>thead>tr>th.sorting{
    padding:8px !important;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd !important;
}
table .bg-light-blue,
table .sorting,
table tfoot tr,
table tr th,
table th.bg-light-blue{
    background-color: #eee !important;
    color:#333 !important;
}
table th.bg-yellow,
table td.bg-yellow{
    background-color: #ffdfad !important;
    color:#333 !important;
}
table th.bg-olive,
table th.bg-green,
table td.bg-olive,
table td.bg-green{
    background-color: #add6c4 !important;
    color:#333 !important;
}
table th.bg-teal,
table td.bg-teal{
    background-color: #b3e4e4 !important;
    color:#333 !important;
}
table td.bg-light-blue{
    background-color: #acc9da !important;
    color:#333 !important;
}
.sticky{
    height:20.6em !important;
    overflow: auto;
}
.sticky table{
    border-collapse:separate !important;
    margin:0 !important;
}
.sticky table>thead>tr>th{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    border-top:1px solid #ddd !important;
    border-left:1px solid #ddd !important;
    border-bottom:0px !important;
    border-right:0px !important;
}

.sticky table>tbody>tr>td{
    border-top:1px solid #ddd !important;
    border-left:1px solid #ddd !important;
    border-bottom:0px !important;
    border-right:0px !important;
}
.sticky table>thead>tr>th:last-child{
    border-right:1px solid #ddd !important;
}
.sticky table>tbody>tr:last-child>td{
    border-bottom:1px solid #ddd !important;
}

table#genkoshohin_list_tbl1.dataTable thead th {
    position: sticky !important; /* stickyを優先 */
    top: 0;                      /* 固定位置 */
    text-align: center;
    vertical-align: top;
}
table#genkoshohin_list_tbl1.dataTable thead th.sorting:after,
table#genkoshohin_list_tbl1.dataTable thead th.sorting_asc:after,
table#genkoshohin_list_tbl1.dataTable thead th.sorting_desc:after {
    position: absolute;
    right: 20px; /* 必要に応じて調整 */
}

.long_table{
    height: auto !important;
    overflow-x: auto !important;
    background:#fff !important;
}
.long_table table{
    min-width:1000px !important;
    border-collapse: collapse !important;
    /*margin-bottom: 0px !important;*/
}
.long_table .row{
    margin-right:0px;
    margin-left:0px;
}
.long_table .row [class^="col-lg-"],
.long_table .row [class^="col-md-"],
.long_table .row [class^="col-sm-"],
.long_table .row [class^="col-xs-"]{
    padding-right: 0px;
    padding-left: 0px;
}

/* Xスクロールバーを上に */
.long_table,
.place_single_table_wrap,
.place_single_table_wrapB{
    transform: scale(1, -1);
}
.long_table > table,
.place_single_table_wrap > table,
.place_single_table_wrapB > table,
.long_table > div,
.place_single_table_wrap > div,
.place_single_table_wrapB > div{
    transform: scale(1, -1);
}

/* #################### table見出し固定 #################### */

.sticky_table{
    /*max-height: 90vh !important;*/
    max-height: 75vh !important;
    overflow-x: scroll !important;
}
.sticky_table table{
    border-collapse: separate !important;
    border-spacing: 0;
}
.sticky_table th,
.sticky_table td{
    min-width:5em;
}

@media (min-width: 1450px) {
    .sticky_table thead tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    height:2.5em;
    }
    .sticky_table thead tr.fixedH2 th {
        top: 2.5em;
    }
    .sticky_table thead tr.fixedH3 th{
        top: 5em;
    }
    /* ###### 列固定 ###### */
    .sticky_table tr .item01,
    .sticky_table tr .item02,
    .sticky_table tr .item03,
    .sticky_table tr .item04,
    .sticky_table tr .item05,
    .sticky_table tr .item06,
    .sticky_table tr .item07,
    .sticky_table tr .item08{
        position: sticky;
    }

    /*
    .sticky_table tr .item01 {left:  0em;}
    .sticky_table tr .item02 {left:  5em;}
    .sticky_table tr .item03 {left: 10em;}
    .sticky_table tr .item04 {left: 15em;}
    .sticky_table tr .item05 {left: 20em;}
    .sticky_table tr .item06 {left: 30em;}
    .sticky_table tr .item07 {left: 40em;}
    .sticky_table tr .item08 {left: 55em;}
    */

    .sticky_table tr .item02 {left:  0em;}
    .sticky_table tr .item03 {left: 5em;}
    .sticky_table tr .item04 {left: 10em;}
    .sticky_table tr .item05 {left: 15em;}
    .sticky_table tr .item06 {left: 25em;}
    .sticky_table tr .item07 {left: 35em;}
    .sticky_table tr .item08 {left: 50em;}

    .sticky_table tr th.item01 {z-index: 3;}
    .sticky_table tr th.item02 {z-index: 3;}
    .sticky_table tr th.item03 {z-index: 3;}
    .sticky_table tr th.item04 {z-index: 3;}
    .sticky_table tr th.item05 {z-index: 3;}
    .sticky_table tr th.item06 {z-index: 3;}
    .sticky_table tr th.item07 {z-index: 3;}
    .sticky_table tr th.item08 {z-index: 3;}

    .sticky_table tr td.item01 {z-index: 2;}
    .sticky_table tr td.item02 {z-index: 2;}
    .sticky_table tr td.item03 {z-index: 2;}
    .sticky_table tr td.item04 {z-index: 2;}
    .sticky_table tr td.item05 {z-index: 2;}
    .sticky_table tr td.item06 {z-index: 2;}
    .sticky_table tr td.item07 {z-index: 2;}
    .sticky_table tr td.item08 {z-index: 2;}
}

.sticky_table .w01{min-width:1em;}
.sticky_table .w02{min-width:2em;}
.sticky_table .w03{min-width:3em;}
.sticky_table .w04{min-width:4em;}
.sticky_table .w05{min-width:5em;}
.sticky_table .w06{min-width:6em;}
.sticky_table .w07{min-width:7em;}
.sticky_table .w08{min-width:8em;}
.sticky_table .w09{min-width:9em;}
.sticky_table .w10{min-width:10em;}
.sticky_table .w11{min-width:11em;}
.sticky_table .w12{min-width:12em;}
.sticky_table .w13{min-width:13em;}
.sticky_table .w14{min-width:14em;}
.sticky_table .w15{min-width:15em;}
.sticky_table .w16{min-width:16em;}
.sticky_table .w17{min-width:17em;}
.sticky_table .w18{min-width:18em;}
.sticky_table .w19{min-width:19em;}
.sticky_table .w20{min-width:20em;}

/* #################### place_single_table #################### */
.place_single_table_wrap{
    height: auto !important;
    overflow-x: scroll !important;
    background:#fff !important;
}
table.place_single_table{
    min-width:2200px !important;
    border-collapse: collapse !important;
    margin-bottom: 0px !important;
}
table.place_single_table *,
table.place_single_tableC *{
    font-size:13px !important;
}
table.place_single_table >tbody>tr>th,
table.place_single_tableC >tbody>tr>th{
    padding:2px 0 !important;
}
table.place_single_table >tbody>tr>td,
table.place_single_tableC >tbody>tr>td{
    padding:1px !important;
}
table.place_single_table>tbody>tr>td input[type="text"],
table.place_single_tableC>tbody>tr>td input[type="text"]{
    padding: 0 2px !important;
    height: 2em;
    border: 0 !important;
    background: #fffce3 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

table.place_single_table>tbody>tr>td textarea,
table.place_single_tableC>tbody>tr>td textarea{
    padding:5px 2px 0px 2px !important;
    border:0 !important;
    background:#fffce3 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
}

.place_single_table_wrapB{
    height: auto !important;
    overflow-x: scroll !important;
    background:#fff !important;
}

table.place_single_tableB,
table.place_single_tableC{
    min-width:2200px !important;
    border-collapse: collapse;
    margin-bottom: 0px !important;
}
@media (min-width: 768px) {
    .form-inline .place_single_tableB .form-control{
        width:100%;
    }
}

.attached [class^="form-group"]{
    display:inline-block;
    margin-bottom:0;
}

/* #################### place_single_table CellSize 2025/10 UPDATE #################### */
/* テーブル基本設定 */
table.place_single_table {
    table-layout: auto !important;  /* autoに変更（重要）*/
    min-width: 2200px !important;
    border-collapse: collapse !important;
    margin-bottom: 0px !important;
}

/* 全てのセルの基本設定 */
table.place_single_table tbody tr td,
table.place_single_tableC tbody tr td {
    box-sizing: border-box !important;
    padding: 1px !important;
}

/* input/selectの基本設定 */
table.place_single_table tbody tr td input[type="text"],
table.place_single_tableC tbody tr td input[type="text"],
table.place_single_table tbody tr td input[type="search"],
table.place_single_tableC tbody tr td input[type="search"],
table.place_single_table tbody tr td select,
table.place_single_tableC tbody tr td select{
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 2px !important;
    margin: 0 !important;
    border: 0 !important;
}

/* ==================== 各サイズ定義（FIXなし版） ==================== */
/* 20px */
table[class*="place_single_table"] > tbody > tr > td.CellSize20,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize20"]:not([class*="FIX"]) {
    min-width: 20px !important;
}

/* 30px */
table[class*="place_single_table"] > tbody > tr > td.CellSize30,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize30"]:not([class*="FIX"]) {
    min-width: 30px !important;
}

/* 40px */
table[class*="place_single_table"] > tbody > tr > td.CellSize40,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize40"]:not([class*="FIX"]) {
    min-width: 40px !important;
}

/* 50px */
table[class*="place_single_table"] > tbody > tr > td.CellSize50,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize50"]:not([class*="FIX"]) {
    min-width: 50px !important;
}

/* 60px */
table[class*="place_single_table"] > tbody > tr > td.CellSize60,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize60"]:not([class*="FIX"]) {
    min-width: 60px !important;
}

/* 80px */
table[class*="place_single_table"] > tbody > tr > td.CellSize80,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize80"]:not([class*="FIX"]) {
    min-width: 80px !important;
}

/* 120px */
table[class*="place_single_table"] > tbody > tr > td.CellSize120,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize120"]:not([class*="FIX"]) {
    min-width: 120px !important;
}

/* 140px */
table[class*="place_single_table"] > tbody > tr > td.CellSize140,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize140"]:not([class*="FIX"]) {
    min-width: 140px !important;
}

/* 160px */
table[class*="place_single_table"] > tbody > tr > td.CellSize160,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize160"]:not([class*="FIX"]) {
    min-width: 160px !important;
}

/* 180px */
table[class*="place_single_table"] > tbody > tr > td.CellSize180,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize180"]:not([class*="FIX"]) {
    min-width: 180px !important;
}

/* 200px */
table[class*="place_single_table"] > tbody > tr > td.CellSize200,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize200"]:not([class*="FIX"]) {
    min-width: 200px !important;
}

/* 220px */
table[class*="place_single_table"] > tbody > tr > td.CellSize220,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize220"]:not([class*="FIX"]) {
    min-width: 220px !important;
}

/* 240px */
table[class*="place_single_table"] > tbody > tr > td.CellSize240,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize240"]:not([class*="FIX"]) {
    min-width: 240px !important;
}

/* 260px */
table[class*="place_single_table"] > tbody > tr > td.CellSize260,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize260"]:not([class*="FIX"]) {
    min-width: 260px !important;
}

/* 280px */
table[class*="place_single_table"] > tbody > tr > td.CellSize280,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize280"]:not([class*="FIX"]) {
    min-width: 280px !important;
}

/* 300px */
table[class*="place_single_table"] > tbody > tr > td.CellSize300,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize300"]:not([class*="FIX"]) {
    min-width: 300px !important;
}

/* ==================== 各サイズ定義（FIX版） ==================== */
/* 20px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize20FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize20FIX"] {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 30px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize30FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize30FIX"] {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 40px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize40FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize40FIX"] {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 50px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize50FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize50FIX"] {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 60px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize60FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize60FIX"] {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 80px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize80FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize80FIX"] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 120px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize120FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize120FIX"] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 140px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize140FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize140FIX"] {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 160px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize160FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize160FIX"] {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 180px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize180FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize180FIX"] {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 200px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize200FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize200FIX"] {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 220px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize220FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize220FIX"] {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 240px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize240FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize240FIX"] {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 260px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize260FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize260FIX"] {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 280px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize280FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize280FIX"] {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 300px FIX */
table[class*="place_single_table"] > tbody > tr > td.CellSize300FIX,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize300FIX"] {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* ==================== FIX版の中のinput/textarea/select設定 ==================== */
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize"][class*="FIX"] input[type="text"],
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize"][class*="FIX"] input[type="search"],
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize"][class*="FIX"] textarea,
table[class*="place_single_table"] > tbody > tr > td[class*="CellSize"][class*="FIX"] select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 2px !important;
    margin: 0 !important;
    border: 0 !important;
}

/*
########################################################
  2025/10 追加 submitBTN
########################################################
*/
.submitBTN{
    display: flex;
}
.submitBTN>div{
    width:35%;
}
@media (max-width: 1100px) {
    .submitBTN{
        display: block;
    }
    .submitBTN>div{
        width:100%;
    }
}


/* ###########  2025/11 追加 theadの罫線 ########### */

/* thead内の全ての罫線をリセット */
.place_single_table thead tr th {
    border: none !important;
    background-color: #eee !important;
}

/* 全てのthに細い罫線をbox-shadowで描画 */
.place_single_table thead tr th {
    box-shadow: 
        inset 0 0 0 1px #ddd; 
    padding: 4px 2px !important;
}


/* ###########  / 2025/11 追加 theadの罫線・線太くする等 ########### */
.place_single_table textarea,
.place_single_tableC textarea{
    height: 2em;
}

table.place_single_tableC{
    border-collapse: separate !important;
    border-spacing: 0;
}
table.place_single_tableC table{
    border-collapse:collapse !important;
}
table.place_single_tableC>thead>tr>th,
table.place_single_tableC>tbody>tr>th,
table.place_single_tableC>tfoot>tr>th,
table.place_single_tableC>thead>tr>td,
table.place_single_tableC>tbody>tr>td,
table.place_single_tableC>tfoot>tr>td {
    border-top: 0px solid darkgray !important;
    border-right: 1px solid darkgray !important;
    border-bottom: 1px solid darkgray !important;
    border-left: 0px solid darkgray !important;
}
table.place_single_tableC>thead>tr:first-child>th{
    border-top: 1px solid darkgray !important;
}
table.place_single_tableC>thead>tr:first-child>th:first-child{
    border-left: 1px solid darkgray !important;
}
table.place_single_tableC>tbody>tr>td>table>tbody>tr>th,
table.place_single_tableC>tbody>tr>td>table>tbody>tr>td{
    border-top: 0px solid darkgray !important;
    border-right: 1px solid darkgray !important;
    border-bottom: 1px solid darkgray !important;
    border-left: 0px solid darkgray !important;
}
table.place_single_tableC>tbody>tr>td>table>tbody>tr:last-child>th,
table.place_single_tableC>tbody>tr>td>table>tbody>tr:last-child>td{
    border-top: 0px solid darkgray !important;
    border-right: 1px solid darkgray !important;
    border-bottom: 0px solid darkgray !important;
    border-left: 0px solid darkgray !important;
}
table.place_single_tableC>tbody>tr>td>table>tbody>tr>td.freeMargin{
    border-bottom: 0px solid darkgray !important;
}

Free margin
table.place_single_tableC tbody>tr.blankCell>td{
    border-top: 0px solid #ddd !important;
    border-right: 0px solid #ddd !important;
    border-bottom: 0px solid #ddd !important;
    border-left: 0px solid #ddd !important;
}
.place_single_table table.table-bordered>tbody>tr>td,
.place_single_tableC table.table-bordered>tbody>tr>td{
    padding:1px !important;
}
[class*="place_single_table"] .borderTypeA > td{
    border-top: 5px solid darkgray !important;
}
[class*="place_single_table"] .borderTypeA > td:first-child{
    border-left: 5px solid darkgray !important;
    border-bottom: 5px solid darkgray !important;
}
[class*="place_single_table"] .borderTypeA > td:last-child{
    border-right: 5px solid darkgray !important;
}
/*[class*="place_single_table"] .borderTypeA > td:nth-child(2){
    border-bottom: 5px solid darkgray !important;
}*/
[class*="place_single_table"] .borderTypeB > td:last-child{
    border-right: 5px solid darkgray !important;
}
[class*="place_single_table"] .borderTypeB > td:not(.inside_table){
    border-bottom: 5px solid darkgray !important;
}
input[id^="freewd_"] {
    height: 26px;
    width: 80px;
    border: none;
    background-color: #fffce3;
    background-image: url('/img/freewd_bg.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%; /* 高さに合わせる */
    padding-right: 20px; /* アイコン分の余白 */
}


/*
########################################################
  2021/08 class=.box-body" common
########################################################
*/
.box-body h4.typeB{
    font-weight:bold;
    background:#ddd;
    padding:7px 5px;
}
.box-body h5.typeB{
    font-weight:bold;
    border-bottom:1px solid #ddd;
    padding:7px 0px;
}
.box-body h6.typeB{
    font-weight:bold;
    border-left:3px solid #ddd;
    padding:7px 5px;
}
.box-body .indent{
    text-indent: 1em;
}
.box-body .indent p{
text-indent: 1em;
margin     : 0;
}
.box-body .indent p:last-child{
text-indent: 1em;
margin     : 0 0 1em 0;
}
.box-body .indent-1{
    text-indent: -1em;
    padding-left: 1em;
}
.box-body .indent-1_5{
    text-indent: -1.5em;
    padding-left: 1.5em;
}
.box-body .indent-2{
    text-indent: -2em;
    padding-left: 2em;
}
.box-body .indent-2_5{
    text-indent: -2.5em;
    padding-left: 2.5em;
}
.box-body .indent-3{
    text-indent: -3em;
    padding-left: 3em;
}
.box-body .indent-3_5{
    text-indent: -3.5em;
    padding-left: 3.5em;
}
.box-body .indent-4{
    text-indent: -4em;
    padding-left: 4em;
}
.box-body .indent-4_5{
    text-indent: -4.5em;
    padding-left: 4.5em;
}
.box-body .indent-5{
    text-indent: -5em;
    padding-left: 5em;
}
.box-body .indent-5_5{
    text-indent: -5.5em;
    padding-left: 5.5em;
}
.box-body .indent-6{
    text-indent: -6em;
    padding-left: 6em;
}
.box-body .indent-6_5{
    text-indent: -6.5em;
    padding-left: 6.5em;
}
.box-body .indent-7{
    text-indent: -7em;
    padding-left: 7em;
}
.box-body .indent-7_5{
    text-indent: -7.5em;
    padding-left: 7.5em;
}
.box-body .indent-8{
    text-indent: -8em;
    padding-left: 8em;
}
.box-body .indent-8_5{
    text-indent: -8.5em;
    padding-left: 8.5em;
}
.box-body .indent-9{
    text-indent: -9em;
    padding-left: 9em;
}
.box-body .indent-9_5{
    text-indent: -9.5em;
    padding-left: 9.5em;
}
.box-body .indent-10{
    text-indent: -10em;
    padding-left: 10em;
}
.box-body .indent-10_5{
    text-indent: -10.5em;
    padding-left: 10.5em;
}
.box-body .indent-11{
    text-indent: -11em;
    padding-left: 11em;
}
.box-body .indent-11_5{
    text-indent: -11.5em;
    padding-left: 11.5em;
}
.box-body .indent-12{
    text-indent: -12em;
    padding-left: 12em;
}
.box-body .indent-12_5{
    text-indent: -12.5em;
    padding-left: 12.5em;
}

.box-body sup,
.box-body sub {
    font-size      : 50%;
    height         : 0;
    line-height    : 1;
    vertical-align : baseline;
    _vertical-align: bottom;
    position       : relative;
}
.box-body sup {
    bottom: 1ex;
}
.box-body sub {
    top: .0ex;
}
/* table */
.box-body table{
	border-collapse: collapse;
	border-spacing : 0px;
	margin         : 0 0 1.5em 0;
	width          : 100%;

	line-height:140%;
}
.box-body table th,
.box-body table td{
	border        : 1px solid #ddd;
	padding       : 2px 3px 1px 3px;
	vertical-align: top;
	text-align    : left;
	font-weight   : normal;
}
.box-body table th{
  background: #eee;
  font-weight   : bold;
}
.box-body table.noborder th,
.box-body table.noborder td,
.box-body table tr.noborder th,
.box-body table tr.noborder td,
.box-body table th.noborder,
.box-body table td.noborder{
  border: 0;
}
.box-body table.noborder th,
.box-body table tr.noborder th,
.box-body table tr th.noborder{
  background : #fff;
  font-weight: bold;
}
.box-body table table th,
.box-body table table td{
	border        : 0px;
	padding       : 2px 3px 1px 3px;
	vertical-align: top;
	text-align    : left;
	font-weight   : normal;
}
table[class*="place_single_table"] > tbody > tr > td.inside_table,
table .inside_table,
.inside_table,
.table>tbody>tr>td.inside_table{
    padding:0 !important;
}
table[class*="place_single_table"] > tbody > tr > td.inside_table table,
table .inside_table table,
.inside_table table,
.table>tbody>tr>td.inside_table table{
    margin: 0 !important;
}
/*table[class*="place_single_table"]>tbody>tr>td.inside_table table th,
table .inside_table table th,
table[class*="place_single_table"]>tbody>tr>td.inside_table table td,
table .inside_table table td{
    border:0px 1px 1px 0 !important;
}*/
.PCBlock{
	display: block;
}
.MobileBlock{
	display: inline;
}
.PCnone{
    display: none;
}
.Mobilenone{
    display: inline;
}

/* #################### subMenu #################### */
.subMenuA{
    display: flex;
    flex-wrap: wrap;
    margin:0.25em 0;
}
.subMenuA select{
    width:15%;
    margin:0 0.5em 0.5em 0;
}
@media (max-width: 1300px) {
    .subMenuA{
        display: block;
        flex-wrap: nowrap;
    }
    .subMenuA select{
        width:70%;
        margin:0 0em 0.5em 0;
    }
}
@media (max-width: 950px) {
    .subMenuA{
        width:100%;
    }
}
.subMenuB{
    display: flex;
    flex-wrap: wrap;
    min-width:290px;
}
.subMenuB a,
.subMenuB span{
    margin:0.25em 0;
}
@media (max-width: 950px) {
    .subMenuA,
    .subMenuB{
        width:100%;
    }
}
.subMenuA #genkoshohin_list_tbl1_filter {
    margin-left: auto;
}
/* #################### align #################### */
.alignC {
	text-align: center !important;
}
.alignL {
	text-align: left !important;
}
.alignR {
	text-align: right !important;
}
.valignM {
	vertical-align: middle !important;
}
.valignT {
	vertical-align: top !important;
}
.valignB {
	vertical-align: bottom !important;
}
.box-body table.alignC th,
.box-body table.alignC td{
	text-align: center;
}
.box-body table.alignL th,
.box-body table.alignL td {
	text-align: left;
}
.box-body table.alignR th,
.box-body table.alignR td{
	text-align: right;
}
.box-body table tr.alignC th,
.box-body table tr.alignC td{
	text-align: center;
}
.box-body table tr.alignL th,
.box-body table tr.alignL td {
	text-align: left;
}
.box-body table tr.alignR th,
.box-body table tr.alignR td{
	text-align: right;
}

.box-body table.valignT th,
.box-body table.valignT td{
	vertical-align: top;
}
.box-body table.valignM th,
.box-body table.valignM td {
	vertical-align: middle;
}
.box-body table.valignB th,
.box-body table.valignB td{
	vertical-align: bottom;
}
.box-body table tr.valignT th,
.box-body table tr.valignT td{
	vertical-align: top;
}
.box-body table tr.valignM th,
.box-body table tr.valignM td {
	vertical-align: middle;
}
.box-body table tr.valignB th,
.box-body table tr.valignB td{
	vertical-align: bottom;
}
/* #################### .float #################### */
.box-body .floatR{
	float: right;
}
.box-body .floatL{
	float: left;
}
.box-body .floatN{
	float: none;
}
.box-body .floatC{
	margin-left : auto;
	margin-right: auto;
}
.box-body img.floatR,
.box-body .floatR > img{
	margin-left:1em;
}
.box-body img.floatL,
.box-body .floatL > img{
	margin-right:1em;
}
.box-body .clearR{
	clear: right;
}
.box-body .clearL{
	clear: left;
}
.box-body .clear{
	clear: both;
}
.box-body .clearfix:after {
	content: "";
	display: block;
	clear  : both;
}
.box-body .clearfix{
	zoom: 100%;
}
/* #################### margin padding #################### */
.box-body .marginT00{margin-top:0px !important;}
.box-body .marginT10{margin-top:10px !important;}
.box-body .marginT20{margin-top:20px !important;}
.box-body .marginT30{margin-top:30px !important;}
.box-body .marginT40{margin-top:40px !important;}
.box-body .marginT50{margin-top:50px !important;}
.box-body .marginT60{margin-top:60px !important;}
.box-body .marginT70{margin-top:70px !important;}
.box-body .marginT80{margin-top:80px !important;}
.box-body .marginB00{margin-bottom:0px !important;}
.box-body .marginB10{margin-bottom:10px !important;}
.box-body .marginB20{margin-bottom:20px !important;}
.box-body .marginB30{margin-bottom:30px !important;}
.box-body .marginB40{margin-bottom:40px !important;}
.box-body .marginB50{margin-bottom:50px !important;}
.box-body .marginB60{margin-bottom:60px !important;}
.box-body .marginB70{margin-bottom:70px !important;}
.box-body .marginB80{margin-bottom:80px !important;}
.box-body .marginL00{margin-left:0px !important;}
.box-body .marginL10{margin-left:10px !important;}
.box-body .marginL20{margin-left:20px !important;}
.box-body .marginL30{margin-left:30px !important;}
.box-body .marginL40{margin-left:40px !important;}
.box-body .marginL50{margin-left:50px !important;}
.box-body .marginL60{margin-left:60px !important;}
.box-body .marginL70{margin-left:70px !important;}
.box-body .marginL80{margin-left:80px !important;}
.box-body .marginR00{margin-right:0px !important;}
.box-body .marginR10{margin-right:10px !important;}
.box-body .marginR20{margin-right:20px !important;}
.box-body .marginR30{margin-right:30px !important;}
.box-body .marginR40{margin-right:40px !important;}
.box-body .marginR50{margin-right:50px !important;}
.box-body .marginR60{margin-right:60px !important;}
.box-body .marginR70{margin-right:70px !important;}
.box-body .marginR80{margin-right:80px !important;}

.box-body .paddingT00{padding-top:0px !important;}
.box-body .paddingT10{padding-top:10px !important;}
.box-body .paddingT20{padding-top:20px !important;}
.box-body .paddingT30{padding-top:30px !important;}
.box-body .paddingT40{padding-top:40px !important;}
.box-body .paddingT50{padding-top:50px !important;}
.box-body .paddingB00{padding-bottom:0px !important;}
.box-body .paddingB10{padding-bottom:10px !important;}
.box-body .paddingB20{padding-bottom:20px !important;}
.box-body .paddingB30{padding-bottom:30px !important;}
.box-body .paddingB40{padding-bottom:40px !important;}
.box-body .paddingB50{padding-bottom:50px !important;}
.box-body .paddingL00{padding-left:0px !important;}
.box-body .paddingL10{padding-left:10px !important;}
.box-body .paddingL20{padding-left:20px !important;}
.box-body .paddingL30{padding-left:30px !important;}
.box-body .paddingL40{padding-left:40px !important;}
.box-body .paddingL50{padding-left:50px !important;}
.box-body .paddingR00{padding-right:0px !important;}
.box-body .paddingR10{padding-right:10px !important;}
.box-body .paddingR20{padding-right:20px !important;}
.box-body .paddingR30{padding-right:30px !important;}
.box-body .paddingR40{padding-right:40px !important;}
.box-body .paddingR50{padding-right:50px !important;}

/* #################### Font #################### */
/* ##### COLOR ##### */
.box-body .white{
	color: #ffffff;
}
.box-body .black{
	color: #000000;
}
.box-body .gray{/*GRAY*/
	color: #808080;
}
.box-body .red{ /*RED*/
	color: #d5090e;
}
.box-body .orange{ /*ORANGE*/
	color: #f19149;
}
.box-body .blue{ /*BLUE*/
	color: #00a0e9;
}
.box-body .green{ /*GREEN*/
	color: #007832;
}
.box-body .purple{
	color: #8c0cb3 ;
}

/* ##### BOLD ##### */
.box-body .bold{
	font-weight: bold;
}
.box-body .normal{
	font-weight: normal;
}
/* ##### SIZE ##### */
.box-body .size01{
	font-size  : 70%;
	line-height: 140%;
}
.box-body .size02{
	font-size  : 85%;
	line-height: 140%;
}
.box-body .size03{
	font-size  : 100%;
	line-height: 155%;
}
.box-body .size04{
	font-size  : 120%;
	line-height: 180%;
}
.box-body .size05{
	font-size  : 140%;
	line-height: 160%;
}
.box-body .size06{
	font-size  : 160%;
	line-height: 160%;
}
.box-body .size07{
	font-size  : 180%;
	line-height: 160%;
}
.box-body .fontS{
	font-size  : 14px;
	line-height: 160%;
}
.box-body .fontM{
	font-size  : 17px;
	line-height: 160%;
}
/* #################### list block #################### */
.box-body ul,
.box-body ol{
    margin:0 0 10px 0;
    padding:0;
}
.box-body ol li{
    margin-left:1.2em;
	list-style-type:decimal;
}
.box-body ul li{
    margin-left:1.2em;
	list-style-type:disc;
}
.box-body ol.margin li,
.box-body ul.margin li{
    margin-left:1.2em;
    margin-bottom:1em;
}
.box-body ol.margin li:last-child,
.box-body ul.margin li:last-child{
    margin-left:1.2em;
    margin-bottom:0em;
}
.box-body ol.kakko.margin li:last-child{
    margin-left:1.2em;
    margin-bottom:0em;
}
.box-body ul li ol li{
	margin-left:1.2em;
	list-style-type:decimal;
}
.box-body ul.nolist > li,
.box-body ol.nolist > li{
    list-style-type:none;
    margin-left:0em;
}
.box-body ol.ABC > li{
	list-style-type: upper-latin;
}
.box-body ol.abc > li{
	list-style-type: lower-latin;
}
.box-body ol.hiragana > li{
    list-style-type: hiragana;
    margin-left:2em;
}
.box-body ol.katakana > li{
    list-style-type: katakana;
    margin-left:2.2em;
}
.box-body ol.kakko{
  padding:0 0 0 2.2em;
}
.box-body ol.kakko > li{
    text-indent:-2em;
    margin-left:1.2em;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
.box-body ol.kakko > li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
.box-body ul ul,
.box-body ul ol,
.box-body ol ul,
.box-body ol ol{
    margin-top:1em !important;
}
.box-body [class^="Image"]{
    line-height: 140%;
}
.box-body [class^="Image"] img{
    margin-bottom:0.5em;
}
.box-body .Image01 > div{
    max-width:100%;
    height:auto;
    margin-bottom:1em;
}
.box-body .Image02 > div{
    width:calc(50% - 10px);
    float:left;
    margin-bottom:1em;
}
.box-body .Image02 > div:nth-child(2n+1){
    margin-right:20px;
}
.box-body .Image03 > div{
    width:calc(33.3% - 13.3px);
    float:left;
    margin-bottom:1em;
}
.box-body .Image03 > div:nth-child(3n+2){
    margin-left:20px;
    margin-right:20px;
}
.box-body .Image04 > div{
    width:calc(25% - 7.5px);
    float:left;
    margin-left:10px;
    margin-bottom:1em;
}
.box-body .Image04 > div:nth-child(4n+1){
    margin-left:0px;
}
.Image05 > div{
    width:calc(20% - 8.8px);
    float:left;
    margin-left:11px;
    margin-bottom:1em;
}
.Image05 > div:nth-child(5n+1){
    margin-left:0px;
}
.Image06 > div{
    width:calc(16.6% - 6.7px);
    float:left;
    margin-left:8px;
    margin-bottom:1em;
}
.Image06 > div:nth-child(6n+1){
    margin-left:0px;
}
.Image07 > div{
    width:calc(14.28% - 5.7px);
    float:left;
    margin-left:6px;
    margin-bottom:1em;
}
.Image07 > div:nth-child(7n+1){
    margin-left:0px;
}
.box-body [class^="Image"]{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    }
.box-body [class^="Image"] img{
    max-width:100%;
    height:auto;
}
@media screen and (max-width: 1000px)  {
    .box-body .Image02,
    .box-body .Image03,
    .box-body .Image04,
    .box-body .Image05,
    .box-body .Image06,
    .box-body .Image07{
        color:#666;
    }
    .box-body .Image02 > div,
    .box-body .Image03 > div{
        width:100%;
        float:none;
        margin:0 0 1em 0 !important;
    }
    .box-body .Image04 > div{
        width:calc(50% - 7px);
        float:left;
        margin:0 0 1em 0 !important;
    }
    .box-body .Image04 > div:nth-child(2n){
        margin:0 0 1em 14px !important;
    }
    .box-body .Image05 > div,
    .box-body .Image06 > div,
    .box-body .Image07 > div{
        width:calc(33.3% - 7px);
        float:left;
        margin:0 0 1em 0 !important;
    }
    .box-body .Image05 > div:nth-child(3n+2),
    .box-body .Image06 > div:nth-child(3n+2),
    .box-body .Image07 > div:nth-child(3n+2){
        margin:0 10px !important;
    }

}
.box-body .LRblock{
    display: table;
    width:100%;
	border-collapse: separate;
	margin-bottom:1em;
}
.box-body .LRblock > div{
	display: table-cell;
    vertical-align: top;
}
.box-body .LRblock > div:first-child{
	padding-right:15px;
}
.box-body .LRblock > div{
    min-width:200px;
}
.box-body .LRblock > div > img{
    min-width:200px;
	max-width:300px;
    height:auto;
}
.box-body .LRblock.imgL > div{
    min-width:200px;
    width:auto;
}
.box-body .LRblock.imgL > div > img{
    min-width:400px !important;
	max-width:400px !important;
	height:auto;
}
.box-body .LRblock.imgL > div.image{
	width:400px !important;
	height:auto;
}
.box-body .LRblock.imgM > div{
    min-width:300px;
    width:auto;
}
.box-body .LRblock.imgM > div > img{
    min-width:300px !important;
	max-width:300px !important;
	height:auto;
}
.box-body .LRblock.imgM > div.image{
	width:300px !important;
	height:auto;
}
.box-body .LRblock.imgSR > div{
    min-width:225px;
    width:auto;
}
.box-body .LRblock.imgSR > div > img{
    min-width:225px !important;
	max-width:225px !important;
	height:auto;
}
.box-body .LRblock.imgSR > div.image{
	width:225px !important;
	height:auto;
}
.box-body .LRblock.imgS > div{
    min-width:180px;
    width:auto;
}
.box-body .LRblock.imgS > div > img{
    min-width:180px !important;
	max-width:180px !important;
	height:auto;
}
.box-body .LRblock.imgS > div.image{
	width:180px !important;
	height:auto;
}
.box-body .LRblock.imgSS > div{
    min-width:100px;
    width:auto;
}
.box-body .LRblock.imgSS > div > img{
    min-width:100px !important;
	max-width:100px !important;
	height:auto;
}
.box-body .LRblock.imgSS > div.image{
	width:100px !important;
	height:auto;
}
.box-body .LRblock.interview > div,
.box-body .LRblock.imgSS > div{
    min-width:90px;
    width:auto;
}
.box-body .LRblock.interview > div.border{
    width:600px;
    height:auto;
}
.box-body .LRblock.interview > div img,
.box-body .LRblock.imgSS > div img{
    min-width:90px !important;
	max-width:90px !important;
	height:auto;
}
.box-body .LRblock > div > h1:first-child,
.box-body .LRblock > div > h2:first-child,
.box-body .LRblock > div > h3:first-child,
.box-body .LRblock > div > h4:first-child,
.box-body .LRblock > div > h5:first-child,
.box-body .LRblock > div > h6:first-child,
.box-body .InternalContent > h1:first-child,
.box-body .InternalContent > h2:first-child,
.box-body .InternalContent > h3:first-child,
.box-body .InternalContent > h4:first-child,
.box-body .InternalContent > h5:first-child,
.box-body .InternalContent > h6:first-child,
.box-body .InternalContent h2 + h3,
.box-body .InternalContent h3 + h4,
.box-body .InternalContent h4 + h5,
.box-body .InternalContent h5 + h6,
.box-body .InternalContent .border > h2:first-child,
.box-body .InternalContent .border > h3:first-child,
.box-body .InternalContent .border > h4:first-child,
.box-body .InternalContent .border > h5:first-child,
.box-body .InternalContent .border > h6:first-child{
	margin-top:0;
}
@media screen and (max-width: 1000px)  {
    .box-body .LRblock{
        display: block;
    }
    .box-body .LRblock > div{
        display: block;
        margin-bottom:1em;
        min-width:10px;
    }
    .box-body .LRblock > div:first-child{
        padding-right:0px;
    }
    .box-body .LRblock > div > img{
        min-width:10px;
        max-width:100%;
    }
    .box-body .LRblock.imgL > div,
    .box-body .LRblock.imgL > div > img,
    .box-body .LRblock.imgL > div.image,
    .box-body .LRblock.imgM > div,
    .box-body .LRblock.imgM > div > img,
    .box-body .LRblock.imgM > div.image{
        width:auto !important;
        min-width:10px !important;
        max-width:100% !important;
        height:auto;
    }
    .box-body .LRblock > div.alignR{
        text-align:right !important;
    }
    .box-body .LRblock.interview{
        display: table;
        width:100%;
    }
    .box-body .LRblock.interview > div{
        display: table-cell;
        min-width:80px;
    }
    .box-body .LRblock.interview > div.border{
        width:80%;
        height:auto;
    }
    .box-body .LRblock.interview > div > img{
        min-width:80px !important;
        max-width:80px !important;
        height:auto;
    }
}
/* #################### border Content_head_foot #################### */
.box-body .border{
    padding: 15px 20px 0px 20px;
    margin-bottom:1.5em;
    background-color: #fff;
    border: solid 1px #aaa;
    border-radius: 3px;
}
.box-body .border.red{
    background-color: #f7f0f0;
    border: solid 1px #c21418;
}
.box-body .border.blue{
    background-color: #edf9ff;
    border: solid 1px #00a0e9;
}
.box-body .border.orange{
    background-color: #fff6ef;
    border: solid 1px #f19149;
}
.box-body .border.green{
    background-color: #effff5;
    border: solid 1px #35d073;
}
.box-body .border.red,
.box-body .border.blue,
.box-body .border.orange{
    color:#333;
}
.box-body .border.red .title{
    font-weight:bold;
    color:#c21418;
}
.box-body .border.blue .title{
    font-weight:bold;
    color:#00a0e9;
}
.box-body .border.orange .title{
    font-weight:bold;
    color:#f19149;
}
.box-body .border.green .title{
    font-weight:bold;
    color:#35d073;
}
.box-body .border .title{
    font-weight:bold;
}
.box-body .ContentHead.border.red .title{
    text-align:center;
    font-weight:bold;
    font-size:125%;
    color:#c21418;
}
.box-body .ContentHead.border.blue .title{
    text-align:center;
    font-weight:bold;
    font-size:125%;
    color:#00a0e9;
}
.box-body .ContentBottom.border .title{
    text-align:center;
    font-weight:bold;
    font-size:110%;
}
.box-body .ContentHead{
    margin-bottom:2.5em;
}
.box-body .ContentBottom{
    margin-top:2.5em;
    margin-bottom:0em;
}
.box-body .btn-block.fit{
    display: inline-block;
    width:auto;
}
.btn-block.fit+.btn-block{
    margin-top:0px;
}
.box-body .btn-xs{
    display: inline-block;
}
/* #################### alert #################### */
.alert.alert-primary{
    background-color: #b8daff !important;
    color: #004085 !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.alert.alert-secondary{
    background-color: #d6d8db !important;
    color: #383d41 !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.alert.alert-success{
    background-color: #c3e6cb !important;
    color: #155724 !important;
}
.alert.alert-danger{
    background-color: #f5c6cb !important;
    color: #721c24 !important;
}
.alert.alert-warning{
    background-color: #ffeeba !important;
    color: #856404 !important;
}
.alert.alert-info{
    background-color: #bee5eb !important;
    color: #0c5460 !important;
}
.alert.alert-light{
    background-color: #fdfdfe !important;
    color: #818182 !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.alert.alert-dark{
    background-color: #c6c8ca !important;
    color: #1b1e21 !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
/* #################### sort #################### */
table#example1{
    width:100% !important;
}
/* #################### #Print .Page #################### */
#Print .Page{
    page-break-after: always !important;
    min-height:277mm !important;
    height:auto !important;
}
@media print {
    #Print .Page{
        min-height:auto !important;
     }
}
#Print .Page:last-child{
    page-break-after: auto !important;
}
#Print .Page .Header{
    margin-bottom:4mm !important;
    font-weight:bold !important;
}
#Print table.report th,
#Print table.report td{
    border: 1px solid #aaa !important;
    padding:1mm 2mm !important;
}
#Print table.report td{
    background:#fff !important;
}
/* #################### .modal_han modal  #################### */
.modal_han .modal-dialog{
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  margin: auto;
  pointer-events: none;
  width:80%;
}
.modal_han .modal-content{
  pointer-events: all;
}


/* ############################################################
確認済/未確認ボタン
############################################################ */
/* === ボタンを表示するエリア ============================== */
.switchArea {
position       : relative;            /* 親要素が基点       */
margin         : 0 3.5em;                /* 中央寄せ           */
width          : 42px;               /* ボタンの横幅       */
background     : #fff;                /* デフォルト背景色   */
display:inline-block;
}
/* === ボタンの説明 ============================== */
.switchArea input[type="checkbox"] +label::before{
position:absolute;
top:0em;
left:-3.3em;
content:"未確認";
font-weight:bold;
color:#333;
}
.switchArea input[type="checkbox"] +label::after{
position:absolute;
top:0em;
right:-3.3em;
content:"確認済";
font-weight:normal;
color:#bdc1ca;
}
.switchArea input[type="checkbox"]:checked +label::before{
position:absolute;
top:0em;
left:-3.3em;
content:"未確認";
font-weight:normal;
color:#bdc1ca;
}
.switchArea input[type="checkbox"]:checked +label::after{
position:absolute;
top:0em;
right:-3.3em;
content:"確認済";
font-weight:bold;
color:#ff851b;
}
/* === チェックボックス ==================================== */
.switchArea input[type="checkbox"] {
display        : none;            /* チェックボックス非表示 */
}
/* === チェックボックスのラベル（標準） ==================== */
.switchArea label {
display        : block;               /* ボックス要素に変更 */
box-sizing     : border-box;          /* 枠線を含んだサイズ */
height         : 21px;                /* ボタンの高さ       */
border         : 2px solid #bdc1ca;   /* 未選択タブのの枠線 */
background: #bdc1ca;
border-radius  : 14px;                /* 角丸               */
}
/* === チェックボックスのラベル（ONのとき） ================ */
.switchArea input[type="checkbox"]:checked +label {
border-color   : #ff851b;             /* 選択タブの枠線     */
background: #ff851b;
}
/* === 丸部分のSTYLE（標準） =============================== */
.switchArea #swImg {
position       : absolute;            /* 親要素からの相対位置*/
width          : 13px;                /* 丸の横幅           */
height         : 13px;                /* 丸の高さ           */
background     : #fff;             /* カーソルタブの背景 */
top            : 4px;                 /* 親要素からの位置   */
left           : 4px;                 /* 親要素からの位置   */
border-radius  : 7px;                /* 角丸               */
transition     : .2s;                 /* 滑らか変化         */
}
/* === 丸部分のSTYLE（ONのとき） =========================== */
.switchArea input[type="checkbox"]:checked ~ #swImg {
transform      : translateX(21px);    /* 丸も右へ移動       */
background     : #fff;             /* カーソルタブの背景 */
}

/* === disable_btn =========================== */
.disabled_btn {
    cursor: not-allowed !important;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ############################################################
管理アイコン
############################################################ */
.kanriIcon{
    float: left;
    margin-right:0.5em;
}
.kanriIcon small{
    display: block;
}

/* #################### popup  #################### */
.iframe_width_wide .mfp-content{
    max-width: 500px;
    height: 90%;
    max-height:100%;
}
@media screen and (max-width: 767px){
    .iframe_width_wide .mfp-content{
        height: 90%;
        max-height:100%;
    }
}
.iframe_baika .mfp-content {
    width: 100%;
    max-width: 1200px;
    height: 90%;
}


/* #################### loading  #################### */

.loader-bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background:rgba(0,0,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader {
  color: #ffffff;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}


/* #################### update  #################### */
span.han_blue {
    border: solid 2px #0070C0;
    background-color: #0070C0;
    padding: 0px 2px;
    color:white;
    white-space: nowrap;
    line-height: 25px;
    display: flex;
    justify-content: center;
    margin-bottom:8px;
}
span.han_gray {
    border: solid 2px #808080;
    background-color: #808080;
    padding: 0px 2px;
    color:white;
    white-space: nowrap;
    line-height: 25px;
    display: flex;
    justify-content: center;
    margin-bottom:8px;
}
span.han_green {
    border: solid 2px #6cdd25;
    padding: 0px 2px;
}


/* #################### list han update  #################### */

.radio_genkobaika_kb:checked + span {
    color: #d5090e;
}


/* #################### datepicker #################### */

.datepicker-days * {
    word-break: normal !important;
}

/* #################### hosta #################### */
/* 外枠 */
.hosta-wrap {
  border: 1px solid #ced4da;
  border-radius: 6px;
  padding: 12px;
  margin: 8px 0;
}

/* ふだんは横並び＋折り返し */
.hosta-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

/* ラベルは横並び時は inline-flex のままでもOK */
.hosta-controls label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

/* チェックボックス余白 */
.hosta-controls label input {
  margin: 0;
}

/* ボタン幅 */
#hosta_renkei_btn {
  min-width: 6.5rem;
}

/* disabled時のカーソルを通常に */
#hosta_renkei_btn:disabled {
  cursor: default !important;
  opacity: 0.6;
}

/* --- 縦並びに切り替え --- */
@media (max-width: 1300px) {
  .hosta-controls {
    flex-direction: column;   /* 縦並びへ */
    align-items: flex-start;  /* 左寄せ */
    gap: 8px;                 /* 行間を少し詰める */
    padding-top: 8px;
  }
  .hosta-controls label {
    display: block;           /* 各行に1要素として表示 */
  }
  #hosta_renkei_btn {
    width: auto;              /* 必要なら 100% にも可 */
    /* width: 100%; */
  }
}