/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
    box-sizing: border-box;
}

::-webkit-validation-bubble-message {
    display: none;
}

html {
    font-size: 62.5% ! important;
    -webkit-text-size-adjust: 100% ! important;
    -ms-text-size-adjust: 100% ! important;
    overflow-y: scroll;
}

@media only screen and (max-width: 1740px) {
    html {
        font-size: 52% ! important;
    }

    html.viewmode {
        font-size: 62.5% ! important;
    }
}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 45% ! important;
    }

    html.viewmode {
        font-size: 62.5% ! important;
    }
}

@media only screen and (max-width: 1240px) {
    html {
        font-size: 44.5% ! important;
    }

    html.viewmode {
        font-size: 62.5% ! important;
    }
}

@media only screen and (max-width: 1000px) {
    html {
        font-size: 44.5% ! important;
    }

    html.viewmode {
        font-size: 52% ! important;
    }
}

body {
    line-height: 1;
    font-size: 1.4rem ! important;
}

ol,
ul {
    list-style: none;
}


body {
    height: 100vh;
    margin-bottom: 0;
}

.awaiting {
    background: url(../images/svg/ionic-ios-information-circle-outline_o.svg) no-repeat center 2.0rem;
    background-size: auto 6.6rem;
    padding: 12.0rem 0 2.0rem 0;
    line-height: 1.6em;
    text-align: center;


}

/* fonts */
.tt_zen {
    ime-mode: active;

}

.tt_han {
    ime-mode: inactive;

}

.tt_en {
    ime-mode: disabled;
}

.tt_num {
    ime-mode: disabled;
}

/* windowclose */
.windowClose {
    display: none;
}

.viewmode .windowClose {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #000;
}

.viewmode .windowClose:hover {
    opacity: 0.6;
}

.windowClose::before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -10px;
    margin-right: 2px;
}

.windowClose::after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(225deg);
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -10px;
    margin-right: -25px;
}



/* HEADER  */
.viewmode .header {
    display: nonoe;
}

.header .headerInner {
    position: fixed;
    top: 0;
    height: 5rem;
    width: 100%;
    background: #6FCC73;
    filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.6));
    z-index: 1030;
    margin: 0;
    padding: 0;
}

.headerInner .HeaderLeft {
    float: left;
    position: static;
}

.headerInner .HeaderLeft .headerLogo {
    position: absolute;
    padding: 0 0;
    top: 0;
    left: 1.5rem;
}

.headerInner .HeaderLeft .headerLogo.otlog {
    left: 1.0rem;
}

.headerInner .HeaderLeft .headerLogo p {
    margin: 0;
    height: 5.0rem;
    width: 11.4rem;
    background: url(../images/svg/logo.svg) no-repeat left center;
    background-size: 11.4rem 4.0rem;
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
}

.headerInner .HeaderRight {
    position: absolute;
    padding: 0 0;
    top: 0;
    right: 0;
}

.headerInner .HeaderRight .HeaderNav {
    position: absolute;
    top: 0;
    right: 6.6rem;
    height: 5.0rem;
    width: 5.0rem;
    background: url(../images/svg/ionic-md-settings.svg) no-repeat center center;
    background-size: 2.5remx 2.5rem;
    cursor: pointer;
}

.headerInner .HeaderRight .appBlock {
    position: absolute;
    top: 5.5rem;
    right: 5.0rem;
    width: 20.0rem;
    background: #fff;
    filter: drop-shadow(0 3px 0.6rem rgba(0, 0, 0, 0.4));
    border-radius: 0.2rem;
    display: none;
}

.appBlock dl {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.appBlock dt {
    display: block;
    padding: 0 0 0 0;
    border-bottom: 1px solid #fff;
}

.appBlock dt a {
    padding: 0 0;
    text-decoration: none;
}

.appBlock dt span {
    line-height: 4.0rem;
    color: #fff;
    display: block;
    text-align: left;
    padding: 0 0 0 1.5rem;
    background: #6FCC73 url(../images/svg/material-keyboard-arrow-right.svg) no-repeat right center;
    background-size: auto 2.0rem;
}

.appBlock dt span:focus,
.appBlock dt span:hover {
    background: #94D197 url(../images/svg/material-keyboard-arrow-right.svg) no-repeat right center;
    background-size: auto 2.0rem;
}



.headerInner .HeaderRight .HeaderUser {
    top: 0;
    right: 1.5rem;
    position: absolute;
    height: 5.0rem;
    width: 5.0rem;
    background: url(../images/svg/awesome-user.svg) no-repeat center center;
    background-size: 2.5rem 2.5rem;
    cursor: pointer;
}

.headerInner .acountBlock {
    position: absolute;
    top: 5.5rem;
    right: 1.0rem;
    width: 24.0rem;
    background: #6FCC73;
    list-style: none;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 0.6rem rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 0.6rem rgba(0, 0, 0, 0.175);
    padding: 0 0 1.0rem 0;
    margin: 0.2rem 0 0;
    display: block;
    color: #fff;
    display: none;
}



.headerInner .acountBlock ul {
    float: left;
    min-width: 23.8rem;
    margin-top: 0.2rem;
    margin-bottom: 0;
    font-size: 1.4rem;
    text-align: left;
}


.headerInner .acountBlock li {
    overflow: hidden;
    position: relative;
}



.headerInner .acountBlock li a {
    text-decoration: none;
    color: #fff;
}

.headerInner .acountBlock li a:focus,
.headerInner .acountBlock li a:hover {
    color: #1e9cd7;
}

.headerInner .acountBlock li a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 2.4rem;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}


.headerInner .acountBlock .account,
.headerInner .acountBlock .ver {
    display: flex;
    align-items: center;
    padding: 0.7rem 1.6rem 0.3rem 1.6rem;
    line-height: 2.4rem;
    font-size: 1.6rem;
}

.headerInner .acountBlock .divider {
    background-color: rgba(0, 0, 0, 0.12);
}

.headerInner .acountBlock .divider {
    height: 0.1rem;
    margin: 0.9rem 0;
    overflow: hidden;
    background-color: #e5e5e5;
}






header .HeaderRight .HeaderUser {
    position: absolute;
    padding: 0.5rem 1.0rem;
    top: 0;
    right: 1.0rem;
    cursor: pointer;
}

header .HeaderRight .HeaderUser i {
    margin: 0;
    height: 4.0rem;
    width: 4.0rem;
    line-height: 4.0rem;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
}


.container {
    max-width: 100% !important;
    min-width: 1280px;
    padding: 0 ! important;
    height: 100vh;
}

.container .loginBg {
    background: url(../images/loginbg.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    padding: 5.0rem 0;
    position: relative;
}

.container .loginBg .loginWindow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20.0rem;
    margin-left: -25.0rem;
    width: 50.0rem;
    min-height: 35.0rem;
    background: #fff;
    filter: drop-shadow(0 3px 0.6rem rgba(0, 0, 0, 0.4));
    padding: 2.0rem 1.5rem;
}

.container .loginBg .WinTitle {
    font-size: 1.8rem;
    font-weight: bold;
}

.container .loginBg .winFloat {
    width: 100%;
    height: 4.5rem;
}

.container .loginBg .winFloat .wFloatLeft {
    float: left;
    width: 70%;
    height: 4.0rem;
    line-height: 4.0rem;
}

.container .loginBg .winFloat .wFloatRight {
    float: right;
    width: 30%;
    height: 4.0rem;
    line-height: 4.0rem;
}

.container .loginBg .winFloat .wFloatRight button {
    width: 100%;
    background: #000;
}

.container .loginBg .winText {
    width: 100%;
    padding-top: 1.0rem;
}

.container .loginBg .winText p {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
}


.SideNav {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    /*width: 4.6rem;*/
    height: 100%;
    background: #EFEFEF;
    
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.SideNav,
.SideNav:hover,
.SideNav:active {
    width: 20.0rem;
}

.SideNav ul {
    padding: 5.0rem 0 0 0;
    border-right: 1px solid #EFEFEF;
}

.SideNav li {
    position: relative;
    height: 5.1rem;
    background: #fff;
    border-bottom: 1px solid #EFEFEF;
}

.SideNav dl {
    display: none;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 19.8rem;
    width: 20.0rem;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.6));
}

.SideNav dl.cate {
    display: none;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 4.6rem;
    left: 20rem;
    width: 100.0rem;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0));
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.SideNav:hover dl.cate {
    left: 19.9rem;
}
.SideNav .nav03 dl.cate {
    top: -5.1rem;
}
.SideNav .nav04 dl.cate {
    top: -10.2rem;
}
.SideNav .nav05 dl.cate {
    top: -15.3rem;
}

.SideNav li.active dl.cate,
.SideNav li:focus dl.cate,
.SideNav li:hover dl.cate {
    /*display: block;*/
    /*background: #E6FFE4;*/
}
.SideNav li.active dl.cate{
    display: block;
    /*background: #E6FFE4;*/
}

.SideNav li dl.cate dt:focus dl,
.SideNav li dl.cate dt:hover dl {
  /*  display: block;*/
}

.SideNav dl dt {
    position: relative;
    height: 5.1rem;
    background: #fff;
    border-bottom: 1px solid #EFEFEF;
}
.SideNav dl.cate dt {
    height: auto;
    border-bottom:none;
}

.SideNav dl dd {
    height: 5.1rem;
    background: #fff;
    border-bottom: 1px solid #EFEFEF;
}

.SideNav li .lalink,
.SideNav li a {
    height: 5.0rem;
    line-height: 5.0rem;
    color: #000;
    font-size: 1.6rem;
    display: block;
    cursor: pointer;
}
.SideNav:focus li a,
.SideNav li .lalink,
.SideNav li a{
/*.SideNav:hover li a{*/
    background: url(../images/svg/nav_arrow.svg) no-repeat right center;
    background-size: auto 2.0rem;
}

.SideNav li .cont a {
    background: #fff url(../images/svg/awesome-clipboard-list.svg) no-repeat right 1rem center;
    background-size: auto 2.5rem;
}

.SideNav li .lalink:focus,
.SideNav li .lalink:hover,
.SideNav li .lalink.active,
.SideNav li a:focus,
.SideNav li a:hover,
.SideNav li a.active {
    background: #E6FFE4 url(../images/svg/nav_arrow.svg) no-repeat right center;
    background-size: auto 2.0rem;
    text-decoration: none;
}
.SideNav:hover li .lalink:focus,
.SideNav:hover li .lalink:hover,
.SideNav:hover li .lalinka.active,
.SideNav:hover li a:focus,
.SideNav:hover li a:hover,
.SideNav:hover li a.active {
    background: #E6FFE4 url(../images/svg/nav_arrow.svg) no-repeat right center;
    background-size: auto 2.0rem;
    text-decoration: none;
}


.SideNav li p {
    padding: 0 0 0 4.5rem;
    height: 5.0rem;
    overflow: hidden; 
    position: relative;
}

.SideNav li.nav01 p {
    background: url(../images/svg/material-dashboard.svg) no-repeat 1.2rem 1.0rem;
    background-size: auto 2.0rem;
}

.SideNav li.nav02 p {
    background: url(../images/svg/ionic-md-time.svg) no-repeat 1.2rem 1.0rem;
    background-size: auto 2.0rem;
}

.SideNav li.nav03 p {
    background: url(../images/svg/metro-clipboard.svg) no-repeat 1.2rem 1.0rem;
    background-size: auto 2.0rem;
}

.SideNav li.nav04 p {
    background: url(../images/svg/summarize_black.svg) no-repeat 1.2rem 1.0rem;
    background-size: auto 2.0rem;
}

.SideNav li.nav05 p {
    background: url(../images/svg/open-graph.svg) no-repeat 1.2rem 1.0rem;
    background-size: auto 2.0rem;
}

.SideNav li.nav01 p {
    background: url(../images/svg/material-dashboard.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav li.nav02 p {
    background: url(../images/svg/ionic-md-time.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav li.nav03 p {
    background: url(../images/svg/metro-clipboard.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav li.nav04 p {
    background: url(../images/svg/summarize_black.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav li.nav05 p {
    background: url(../images/svg/open-graph.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}
.SideNav:hover li.nav01 p {
    background: url(../images/svg/material-dashboard.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav:hover li.nav02 p {
    background: url(../images/svg/ionic-md-time.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav:hover li.nav03 p {
    background: url(../images/svg/metro-clipboard.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav:hover li.nav04 p {
    background: url(../images/svg/summarize_black.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav:hover li.nav05 p {
    background: url(../images/svg/open-graph.svg) no-repeat 1.2rem center;
    background-size: auto 2.0rem;
}

.SideNav li.nav01 p span{
    position: absolute;
    bottom: -6.6rem;
    left: 2px;
    font-size: 1.0rem;
    }
    .SideNav li.nav02 p span,
    .SideNav li.nav03 p span,
    .SideNav li.nav04 p span,
    .SideNav li.nav05 p span{
    position: absolute;
    bottom: -1.6rem;
    left: 2px;
    font-size: 1.0rem;
    }
    .SideNav li.nav01 p span,
    .SideNav li.nav02 p span,
    .SideNav li.nav03 p span,
    .SideNav li.nav04 p span,
    .SideNav li.nav05 p span{
    position: relative;
    bottom: auto;
    left: auto;
    font-size: 1.6rem;
    font-weight: bold;
    }
    .SideNav:hover li.nav01 p span,
    .SideNav:hover li.nav02 p span,
    .SideNav:hover li.nav03 p span,
    .SideNav:hover li.nav04 p span,
    .SideNav:hover li.nav05 p span{
    position: relative;
    bottom: auto;
    left: auto;
    font-size: 1.6rem;
    }

.SideNav li dt p {
    padding: 0 0 0 5rem;
    background: none ! important;
}

.SideNav li dd p {
    padding: 0 0 0 1rem;
    background: none ! important;
}

.SideNav li .cate a p {
    background: url(../images/svg/material-exit-to-app.svg) no-repeat 1.5rem center ! important;
    background-size: auto 2rem ! important;
}

.SideNav li .cont a p {
    background: none ! important;
}


.SideNav li .cate ul {
    padding: 0 0 0 0;
  border-right:none;
}

.SideNav li .cate .frontTitle {
    width: 100%;
    border-bottom: 1px solid #6FCC73;
    line-height: 6.0rem;
    color: #323a45;
    font-size: 2.0rem;
    padding: 0 0 0 8.0rem;
    margin: 0 0 1.0rem;
    background: url(../images/svg/material-exit-to-app_k.svg) no-repeat 2.0rem center;
    background-size: auto 3.0rem;
    font-weight: bold;
}

.SideNav li .cate .frontMenu {
    margin: 0 0 2.0rem 0;
    padding: 1.0rem 2.0rem 0 2.0rem;
}

.SideNav li .cate .frontMenu li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 0;
    width: 14.4rem;
    height: auto;
    border-bottom: none;
}
.SideNav li .cate .frontMenu li a{
    height: auto;
    background:none;
    line-height: 1;
}

.SideNav li .cate .frontMenu li.arrow {
    height: 9.4rem;
    width: 3.0rem;
    background: url(../images/svg/awesome-arrow-right_o.svg) no-repeat center center;
    background-size: auto 3.0rem;
    border-bottom: none;
}

.SideNav li .cate .frontMenu li.sps {
    height: 9.4rem;
    width: 3.0rem;
}

.SideNav li .cate .frontMenu li a:focus,
.SideNav li .cate .frontMenu li a:hover {
    opacity: 0.6;
    text-decoration: none;
}

.SideNav li .cate .frontMenu li p {
    text-align: center;
    color: #000;
    padding: 1.0rem 0;
    line-height: 2.0rem;
    font-size: 1.6rem;
    background: none !important;
}

.SideNav li .cate .frontMenu li img {
    width: 84px;
}


.SideNav .logout {
    position: absolute;
    bottom: 6.5rem;
    left: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.SideNav .logout,
.SideNav:hover .logout,
.SideNav:active .logout {
    left: 1.0rem;
}

.SideNav .logout button {
    width: 4.6rem;
    background: #000 url(../images/svg/metro-exit.svg) no-repeat right center;
    background-size: auto 2.0rem;
    color: #000 !important;
    border-color: #1861ac;
    text-align: center;
    vertical-align: middle;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.SideNav .logout button,
.SideNav:hover .logout button {
    width: 18.0rem;
    background: #000 url(../images/svg/metro-exit.svg) no-repeat right center;
    background-size: auto 2.0rem;
    color: #fff !important;
    border-color: #1861ac;
    text-align: center;
    vertical-align: middle;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    border-radius: .25rem;
    font-weight: bold;
}


.navbar {
    margin: 10.0rem 0 0 0;
}


.ContentField {
    padding: 5.0rem 0 0 20.0rem;
    /*padding: 5.0rem 0 0 4.6rem;*/
}

.viewmode .ContentField {
    padding: 0 0 0 0;
}


.rednum {
    color: #ff0000;
}

.ContentField .TitleBorder {
    line-height: 2.0rem;
    background: #EFEFEF;
    width: 100%;
    padding: 1.5rem 2.0rem 1.5rem 2.0rem;
    font-size: 1.6rem;
    position: relative;
}
.ContentField.dashboard .TitleBorder {
    font-weight: bold;
}

.viewmode .ContentField .TitleBorder {
    display: none;
}

.ContentField .TitleBorder .dashtab{
    position: absolute;
    top:0;
    right:1px;
    width:150px;
    z-index: 2;
}
.ContentField .TitleBorder .dashtab div{
    width:100%;
	cursor:pointer;
	color:#000;
    font-size: 1.4rem;
    line-height: 3.0rem;
  text-align:center;
  position: relative;
  padding-right:20px;
  background:#fff;
  border-left:1px solid #dfdfdf;
}
.ContentField .TitleBorder .dashtab div:after{
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    clip-path: polygon(0 0,50% 100%,100% 0);/* ココ */
    background-color: #000;/* デモは青色の部分 */
    right:10px;
    top: calc(50% - 7px);
}
.ContentField .TitleBorder .dashtab ul{
position:absolute;
display:none;
border-top:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
}
.ContentField .TitleBorder .dashtab:hover ul{
display:block;
}
.ContentField .TitleBorder .dashtab li{
	display:block;
	border-bottom:1px solid #dfdfdf;
	width:150px;
	background:#fff;
	cursor:pointer;
	color:#000;
    font-size: 1.4rem;
    line-height: 3.0rem;
  text-align:right;
  position: relative;
  padding:0.5rem 1.5rem 0.5rem 1rem;
}
.ContentField .TitleBorder .dashtab li label{
	cursor:pointer;
}
.ContentField .TitleBorder .dashtab li input{
  margin-left:2rem;
}

.ContentField .MainContent {
    padding: 2.0rem;
    width: 100%;
}
.ContentField.dashboard .MainContent {
    background: #f4f5fa;
}


.ContentField .MainContent .etcBox {
    width: 100%;
    border: 1px solid #FFD95E;
    background: #FBF8D1;
    padding: 1.0rem 1.0rem 0 1.0rem;
    margin-bottom: 1.5rem;
    min-height: 4.5rem;
}

.ContentField .MainContent .alertBox {
    position: static;
    width: 100%;
    border: 1px solid #FF5E5E;
    background: #FBD1D1;
    padding: 1.0rem 1.0rem 0 1.0rem;
    margin-bottom: 1.5rem;
    min-height: 4.5rem;
    display: none;
}

.ContentField .MainContent .alertBox.active {
    position: static;
    display: block;
}

.ContentField .MainContent .alertBox .text-danger {
    color: #000 ! important;
}

.ContentField .MainContent .InformationBox {
    width: 100%;
    border: 1px solid #B1B1B1;
    background: #F3F3F3;
    padding: 1.0rem 1.0rem 0 1.0rem;
    margin-bottom: 1.5rem;
    min-height: 4.5rem;
}

.ContentField .MainContent .etcBox li,
.ContentField .MainContent .alertBox li,
.ContentField .MainContent .InformationBox li {
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 0 0 0.5rem 0;
}

.ContentField .MainContent .etcBox li.liText,
.ContentField .MainContent .alertBox li.liText,
.ContentField .MainContent .InformationBox li.liText {
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 2.0rem 0 2.0rem 0;
}

.ContentField .MainContent .etcBox li.edituser,
.ContentField .MainContent .alertBox li.edituser,
.ContentField .MainContent .InformationBox li.edituser {
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding: 0 0 0 0;
}

#DeliveryListModal .nodata {
    padding: 2.0rem;
    width: 100%;
}

#DeliveryListModal .moformlist .etcBox {
    width: 100%;
    border: 1px solid #FFD95E;
    background: #FBF8D1;
    padding: 1.0rem 1.0rem 0 1.0rem;
    margin-bottom: 1.5rem;
    min-height: 7.5rem;
}

#DeliveryListModal .moformlist .etcBox li {
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 0 0 0.5rem 0;
}

.ContentField .frontTitle {
    width: 100%;
    border-bottom: 1px solid #6FCC73;
    line-height: 6.0rem;
    color: #6FCC73;
    font-size: 2.0rem;
    padding: 0 0 0 8.0rem;
    margin: 0 0 1.0rem;
    background: url(../images/svg/material-exit-to-app.svg) no-repeat 2.0rem center;
    background-size: auto 3.0rem;
}

.ContentField .frontMenu {
    margin: 0 0 3.0rem 0;
    padding: 1.0rem 2.0rem 0 2.0rem;
}

.ContentField .frontMenu li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 0;
    width: 14.4rem;
}

.ContentField .frontMenu li.arrow {
    height: 9.4rem;
    width: 3.0rem;
    background: url(../images/svg/awesome-arrow-right_o.svg) no-repeat center center;
    background-size: auto 3.0rem;
}

.ContentField .frontMenu li.sps {
    height: 9.4rem;
    width: 3.0rem;
}

.ContentField .frontMenu li a:focus,
.ContentField .frontMenu li a:hover {
    opacity: 0.6;
    text-decoration: none;
}

.ContentField .frontMenu li img {
    width: 84px;;
}

.ContentField .frontMenu li p {
    text-align: center;
    color: #000;
    padding: 1.0rem 0;
    line-height: 2.0rem;
    font-size: 1.6rem;
}



.ContentField .dashFrame {
    padding: 1.0rem 0 0 0;
    position: relative;
}


.ContentField .dashFrame #headersort{
}
.ContentField .dashFrame #headersort li{
    display: inline-block;
}

.ContentField .dashFrame #headersort li img{
    width: 84px;
}

.ContentField .dashFrame .dashbox {
    position: relative;
    padding: 0 0 1.0rem 0;
    vertical-align: top;
    width: 138rem;
}
.ContentField .dashFrame .dashbox .sortbtn{
    position: absolute;
    right: -20px;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../images/svg/ico_sort_g.svg) no-repeat center center;
    background-size: 40px 40px;
    cursor: pointer;
}
.ContentField .dashFrame .dashbox .sortbtn:hover{
    background: url(../images/svg/ico_sort_k.svg) no-repeat center center;
    background-size: 40px 40px;
    cursor: pointer;
}

.ContentField .dashFrame .dashbox .dashcolumnouter {
    display: inline-block;
    padding-right: 2.0rem;
}

.ContentField .dashFrame .dashbox .dashcolumnouter_wide {
    width: 68.0rem;
    display: inline-block;
    padding-right: 2.0rem;
}

.ContentField .dashFrame .dashbox .dashOuter {
    display: inline-block;
    vertical-align: top;
    width: 32.0rem;
}

.ContentField .dashFrame .dashbox .dashcolumn {
    display: inline-block;
    vertical-align: top;
    width: 32.0rem;
    margin: 0 2.0rem 2.0rem 0;
    border-radius: 10px;
    padding: 1rem;
    background: #fff;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dashcolumn .dashcolumninner{
    width: 100%;
    height: 100%;
}

.ContentField .dashFrame .dashbox .dashOuter.dashOuter_wide {
    display: inline-block;
    vertical-align: top;
    width: 68.0rem;
}

.ContentField .dashFrame .dashbox .dashcolumn.dashcolumn_wide {
    display: inline-block;
    vertical-align: top;
    width: 66.5rem;
    margin: 0 2.0rem 2.0rem 0;
    border-radius: 10px;
    padding: 1rem;
    background: #fff;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}

.ContentField .dashFrame .dashbox .dashcolumn .dashTitle {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #6FCC73;
    line-height: 4.0rem;
    color: #323a45;
    font-size: 2.0rem;
    padding: 0 0 0 4.0rem;
    margin: 0 0 1.0rem;
    background: url(../images/svg/ionic-md-list-box_k.svg) no-repeat left center;
    background-size: auto 3.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashTitle.history {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #6FCC73;
    line-height: 4.0rem;
    color: #323a45;
    font-size: 2.0rem;
    padding: 0 0 0 4.0rem;
    margin: 0 0 1.0rem;
    background: url(../images/svg/icon_history_k.svg) no-repeat left center;
    background-size: auto 3.0rem;
}




.ContentField .dashFrame .dashbox .dashcolumn .dashTitle span {
    font-size: 2.6rem;
    font-weight: bold;
    color: #323a45;
    padding: 0 0.2rem 0 0;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashTitle a span {
    color: #323a45;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashTitle a {
    color: #323a45;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashTitle p {
    position: absolute;
    bottom: 0;
    right: 0.2rem;
    font-size: 1.2rem;
    color: #000;
    line-height: 4.0rem;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashTitle.icon-list {
    margin: 0 0 1.0rem;
    background: url(../images/svg/awesome-list-ul_k.svg) no-repeat left center;
    background-size: auto 2.5rem;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashinfo {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    height: 7.0rem;
    text-align: right;
    padding: 0.5rem 0 1.5rem 1.0rem;
}
.ContentField .dashFrame .dashbox .dashcolumn.dct .dashinfo {
    display: inline-block;
    vertical-align: top;
    width: 32.3%;
    height: 7.0rem;
    text-align: right;
    padding: 0.5rem 0 1.5rem 1.0rem;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-info {
    background: url(../images/svg/awesome-info-circle_blue.svg) no-repeat 0.0rem 0.8rem;
    background-size: auto 3.5rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-alert {
    background: url(../images/svg/ico_alert_y.svg) no-repeat 0.0rem 0.8rem;
    background-size: auto 3.5rem;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-check {
    background: url(../images/svg/awesome-check-circle_green.svg) no-repeat 0.0rem 0.8rem;
    background-size: auto 3.5rem;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-time {
    background: url(../images/svg/ico_time_a.svg) no-repeat 0.0rem 0.8rem;
    background-size: auto 3.5rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-check2 {
    background: url(../images/svg/ico_check_g.svg) no-repeat 0.0rem 0.8rem;
    background-size: auto 3.5rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-graph {
    background: url(../images/svg/ico_graph_o.svg) no-repeat 0.0rem 0.8rem;
    background-size: auto 3.5rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo.icon-order {
    background: url(../images/svg/ico_box_cy.svg) no-repeat 0.0rem 0.8rem;
    background-size: auto 3.5rem;
}



.ContentField .dashFrame .dashbox .dashcolumn .dashinfo p {
    font-size: 1.3rem;
    line-height: 3rem;
    padding-right: 1.0rem;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashinfo p.ccount {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 3.5rem;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo p.ccount span{
    font-size: 1.4rem;
    padding-left: 2px;
}

.ContentField .dashFrame .dashbox .dashcolumn .dashinfo p.cbtn a{
    border-radius: 10px;
    border: 1px solid #33a6b7;
    padding: 0 8px;
    color: #2e95a4;
    background: #f0fdff;
}
.ContentField .dashFrame .dashbox .dashcolumn .dashinfo p.cbtn a:hover{
    background: #33a6b7;
    color: #fff;
    text-decoration: none;
}




.ContentField .dashFrame .dashbox .dashcolumn .wscroll {
    overflow: auto;
    max-height: 30.0rem;
}
.ContentField .dashFrame .dashbox .dash_column_08.dashcolumn .wscroll {
    max-height: 7.0rem;
}

.ContentField .dashFrame .dashbox .dashcolumn ul {
    margin: 0 0 1.0rem 0;
    /*border-top: 1px solid #D1D1D1;
                    border-left: 1px solid #D1D1D1;
                    border-right: 1px solid #D1D1D1;*/
}

.ContentField .dashFrame .dashbox .dashcolumn ul li {
    border-bottom: 1px solid #D1D1D1;
}

.ContentField .dashFrame .dashbox .dashcolumn ul li a {
    display: block;
    padding: 1.0rem 4.0rem 1.0rem 1.5rem;
    line-height: 2.0rem;
    font-size: 1.2rem;
    color: #000;
    background: url(../images/svg/material-mode-edit.svg) no-repeat right center;
    background-size: auto 1.8rem;
}

.ContentField .dashFrame .dashbox .dash_column_08.dashcolumn ul li a {
    display: block;
    padding: 0.5rem 1.0rem 0.5rem 1.5rem;
    line-height: 2.0rem;
    font-size: 1.2rem;
    color: #000;
    background:none;
    overflow: hidden;
    white-space: nowrap;
}

.ContentField .dashFrame .dashbox .dashcolumn ul li a:focus,
.ContentField .dashFrame .dashbox .dashcolumn ul li a:hover {
    background: #E6FFE4 url(../images/svg/material-mode-edit.svg) no-repeat right center;
    background-size: auto 1.8rem;
    text-decoration: none;
}


.ContentField .dashFrame .dashbox .dash_column_08.dashcolumn ul li a:focus,
.ContentField .dashFrame .dashbox .dash_column_08.dashcolumn ul li a:hover {
    background: #E6FFE4;
    text-decoration: none;
}

.ContentField .dashFrame .dashbox .dashcolumn ul li a .cate {
    background: #00b1ff;
    color: #fff;
    padding: 0 5px;
    border-radius: 0.2rem;
    font-size: 1.1rem;
    margin-right: 0.2rem;
}

.ContentField .dashFrame .dashbox .dashcolumn ul li a .cate2 {
    background: #FF8000;
    color: #fff;
    padding: 0 5px;
    border-radius: 0.2rem;
    font-size: 1.1rem;
    margin-right: 0.2rem;
}
.ContentField .dashFrame .dashbox .dashcolumn ul li a .cate3 {
    background: #ed59da;
    color: #fff;
    padding: 0 5px;
    border-radius: 0.2rem;
    font-size: 1.1rem;
    margin-right: 0.2rem;
}
.ContentField .dashFrame .dashbox .dashcolumn ul li a .cate4 {
    background: #ffcc00;
    color: #222;
    padding: 0 5px;
    border-radius: 0.2rem;
    font-size: 1.1rem;
    margin-right: 0.2rem;
}
.ContentField .dashFrame .dashbox .dashcolumn ul li a .cate5 {
    background: #b672ea;
    color: #fff;
    padding: 0 5px;
    border-radius: 0.2rem;
    font-size: 1.1rem;
    margin-right: 0.2rem;
}

.ContentField .dashFrame .dashbox .dashcolumn .etcText {
    padding: 0 0 0.5rem 0;
    font-size: 1.2rem;
    line-height: 2.0rem;
}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn,
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn{
    display: inline-block ! important;
    vertical-align: top;
    width: 43.5rem;
    margin: 0 2.0rem 2.0rem 0;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    height: 17rem;
    transition: height 0.2s linear;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.0));
}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn.hide,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn.hide,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn.hide,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn.hide,
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn.hide,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn.hide{
    min-height: 3rem;
    height: 3rem;
}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .accordion,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .accordion,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .accordion,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .accordion,
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .accordion,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .accordion {
    /*clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);*/
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    position: absolute;
    right: 1rem;
    bottom: 0.8rem;
    cursor: pointer;
  }
  .ContentField .dashFrame .dashbox .dash_column_09.dashcolumn.hide .accordion,
  .ContentField .dashFrame .dashbox .dash_column_10.dashcolumn.hide .accordion,
  .ContentField .dashFrame .dashbox .dash_column_11.dashcolumn.hide .accordion,
  .ContentField .dashFrame .dashbox .dash_column_12.dashcolumn.hide .accordion,
  .ContentField .dashFrame .dashbox .dash_column_13.dashcolumn.hide .accordion,
  .ContentField .dashFrame .dashbox .dash_column_14.dashcolumn.hide .accordion {
      clip-path: polygon(0 0, 100% 0, 50% 100%);
    }

.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn {
    position: relative;
    background: #33a6b7;
    color: #fff;
    font-weight: bold;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn {
    position: relative;
    background: #44a95a;
    color: #fff;
    font-weight: bold;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn {
    background: #ffcf3e;
    color: #fff;
    font-weight: bold;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn {
    background: #dd616c;
    color: #fff;
    font-weight: bold;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn {
    background: #f7912f;
    color: #fff;
    font-weight: bold;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn {
    background: #ac8bbf;
    color: #fff;
    font-weight: bold;
    filter: drop-shadow(2px 3px 0.2rem rgba(0, 0, 0, 0.3));
}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .dbcnum,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .dbcnum{
    position: absolute;
    width: 100%;
    margin-top: 5.4rem;
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    text-align: center;
    z-index:-1;

}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .chart,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .chart{
    height: 14rem;
}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .chart canvas,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .chart canvas{
    width: 100%;
    height: 10rem;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcnum{
    padding: 5.4rem 1rem;
    color: #373617;
    font-weight: bold;
    font-size: 3rem;
    text-align: right;
}

.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .dbcnum span,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .dbcnum span,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcnum span,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcnum span{
    font-weight: bold;
}

.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .dbcnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .dbcnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcnum span.unit{
    font-weight: normal;
    font-size: 1.4rem;
    padding-left: 2px;
}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .dbcnum span.flg,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .dbcnum span.flg,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcnum span.flg,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcnum span.flg{
    font-size: 2rem;
    padding-left: 5px;
    padding-right: 5px;
}
.ContentField .dashFrame .dashbox .dash_column_09.dashcolumn .dbcTitle,
.ContentField .dashFrame .dashbox .dash_column_10.dashcolumn .dbcTitle{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.8rem 1rem;
    color: #fff;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 0 0 8px 8px;
    background: rgba(0,0,0,0.1);
    cursor: pointer;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcTitle{
    position: absolute;
    bottom: 0;
    padding: 0.8rem 1rem;
    width: 100%;
    color: #373617;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 0 0 8px 8px;
    background: rgba(0,0,0,0.1);
    cursor: pointer;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcTitle,
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcTitle,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcTitle{
    position: absolute;
    bottom: 0;
    padding: 0.8rem 1rem;
    width: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 0 0 8px 8px;
    background: rgba(0,0,0,0.1);
    cursor: pointer;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn{
    position: relative;
    
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbftitle{
    position: absolute;
    top:1rem;
    left:1rem;
    color: #373617;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbstitle{
    position: absolute;
    top:8.5rem;
    left:1rem;
    color: #373617;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbttitle{
    position: absolute;
    top:8.5rem;
    left:calc(40% + 0rem);
    color: #373617;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbptitle{
    position: absolute;
    top:4.5rem;
    right:0.5rem;
    color: #373617;
    width: 23%;
    font-size: 1.4rem;
    text-align: center;
    z-index: 2;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcfnum{
    position: absolute;
    top:2.5rem;
    left:0;
    color: #373617;
    font-weight: bold;
    font-size: 3rem;
    text-align: right;
    width: 50%;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcsnum{
    position: absolute;
    top:10.5rem;
    left:0;
    color: #373617;
    font-weight: bold;
    font-size: 2rem;
    text-align: right;
    width: 35%;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbctnum{
    position: absolute;
    top:10.5rem;
    left:calc(40% - 1rem);
    color: #373617;
    font-weight: bold;
    font-size: 2rem;
    text-align: right;
    width: 35%;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcfnum span,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcsnum span,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbctnum span{
    font-weight: bold;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcfnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcsnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbctnum span.unit{
    font-weight: normal;
    font-size: 1.4rem;
    padding-left: 2px;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcpar{
    position: absolute;
    top:6rem;
    right:0.5rem;
    color: #373617;
    width: 23%;
    font-size: 3rem;
    text-align: center;
    font-weight: bold;
    z-index: 2;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcpar span{
    font-weight: bold;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .dbcpar span.unit{
    font-weight: normal;
    font-size: 1.4rem;
    padding-left: 2px;
}
.ContentField .dashFrame .dashbox .dash_column_11.dashcolumn .chart{
    position: absolute;  
    top: 2rem;
    right: 0.5rem;
    width: 23%;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcTitle{
    position: absolute;
    bottom: 0;
    padding: 0.8rem 1rem;
    width: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 0 0 8px 8px;
    background: rgba(0,0,0,0.1);
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn{
    position: relative;
    
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbftitle{
    position: absolute;
    top:1rem;
    left:1rem;
    color: #fff;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbstitle{
    position: absolute;
    top:8.5rem;
    left:1rem;
    color: #fff;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbttitle{
    position: absolute;
    top:8.5rem;
    left:calc(40% + 0rem);
    color: #fff;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbptitle{
    position: absolute;
    top:4.5rem;
    right:0.5rem;
    color: #fff;
    width: 23%;
    font-size: 1.4rem;
    text-align: center;
    z-index: 2;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcfnum{
    position: absolute;
    top:2.5rem;
    left:0;
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    text-align: right;
    width: 50%;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcsnum{
    position: absolute;
    top:10.5rem;
    left:0;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    text-align: right;
    width: 35%;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbctnum{
    position: absolute;
    top:10.5rem;
    left:calc(40% - 1rem);
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    text-align: right;
    width: 35%;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcfnum span,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcsnum span,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbctnum span{
    font-weight: bold;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcfnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcsnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbctnum span.unit{
    font-weight: normal;
    font-size: 1.4rem;
    padding-left: 2px;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcpar{
    position: absolute;
    top:6rem;
    right:0.5rem;
    color: #fff;
    width: 23%;
    font-size: 3rem;
    text-align: center;
    font-weight: bold;
    z-index: 2;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcpar span{
    font-weight: bold;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .dbcpar span.unit{
    font-weight: normal;
    font-size: 1.4rem;
    padding-left: 2px;
}
.ContentField .dashFrame .dashbox .dash_column_12.dashcolumn .chart{
    position: absolute;  
    top: 2rem;
    right: 0.5rem;
    width: 23%;
}



.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn{
    position: relative;
    
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbftitle,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbftitle{
    position: absolute;
    top:1rem;
    left:1rem;
    color: #fff;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbstitle,
    .ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbstitle{
    position: absolute;
    top:8.5rem;
    left:1rem;
    color: #fff;
    font-size: 1.4rem;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbptitle,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbptitle{
    position: absolute;
    top:4.5rem;
    right:0.5rem;
    color: #fff;
    width: 23%;
    font-size: 1.4rem;
    text-align: center;
    z-index: 2;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcfnum,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcfnum{  
    position: absolute;
    top: 6.5rem;
    left: 0;
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    text-align: right;
    width: 73%;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcsnum,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcsnum{
    position: absolute;
    top: 4rem;
    left: 0;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    text-align: right;
    width: 73%;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcfnum span,
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcsnum span,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcfnum span,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcsnum span{
    font-weight: bold;
}

.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcfnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcsnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcfnum span.unit,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcsnum span.unit{
    font-weight: normal;
    font-size: 1.4rem;
    padding-left: 2px;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcpar,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcpar{
    position: absolute;
    top:6rem;
    right:0.5rem;
    color: #fff;
    width: 23%;
    font-size: 3rem;
    text-align: center;
    font-weight: bold;
    z-index: 2;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcpar span,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcpar span{
    font-weight: bold;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .dbcpar span.unit,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .dbcpar span.unit{
    font-weight: normal;
    font-size: 1.4rem;
    padding-left: 2px;
}
.ContentField .dashFrame .dashbox .dash_column_13.dashcolumn .chart,
.ContentField .dashFrame .dashbox .dash_column_14.dashcolumn .chart{
    position: absolute;  
    top: 2rem;
    right: 0.5rem;
    width: 23%;
}



.ContentField .colmnCt {
    display: table;
    width: 100%;
    max-width: 172.0rem;
    margin-bottom: 2.0rem;
}

.ContentField .colmnCt.btArrow {
    margin-bottom: 5.0rem;
}

.ContentField .colmnCt .searchBox {
    display: table-cell;
    width: 60%;
    vertical-align: top;
}

.ContentField .colmnCt .searchBox.column_12 {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.ContentField .colmnCt .searchBox.column_6 {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.ContentField .colmnCt .searchBox.column_6:last-child {
    border-left: 0;
    padding-right: 0;
}

.ContentField .colmnCt .colmnCtLiBox {
    position: relative;
    display: table-cell;
    width: 40%;
    vertical-align: top;
}

.ContentField .colmnCt .colmnCtLiBox:last-child {
    padding-left: 1.5rem;
}

.ContentField .colmnCt .colmnCtLiBox:first-child {
    padding-right: 1.5rem;
}

.ContentField .colmnCt .colmnCtLiBox .materialArrow {
    position: absolute;
    background: url(../images/svg/material-play-arrow.svg) no-repeat center center;
    background-size: auto 2.0rem;
    width: 100%;
    height: 3.0rem;
}

.ContentField .colmnCt .colmnCtLiBox .materialArrowB {
    position: absolute;
    background: url(../images/svg/material-play-arrow_b.svg) no-repeat center center;
    background-size: auto 2.0rem;
    width: 100%;
    height: 3.0rem;
}

.tdScroll {
    overflow: auto;
}

.tdScroll.tdsc-h_100 {
    height: 10.0rem;
}

.tdScroll.tdsc-h_150 {
    height: 15.0rem;
}

.tdScroll.tdsc-h_250 {
    height: 25.0rem;
}

.btn {
    font-size: 1.6rem;
}

.form-control {
    height: calc(3.80rem + 0.2rem);
    font-size: 1.6rem;
}

.form-control::placeholder {
    color: #d3d3d3;
    opacity: 1;
}

.ContentField .searchBox {
    position: relative;
    max-width: 172.0rem;
    border: 1px solid #D5D5D5;
    background: #FBFBFB;
    padding: 1.0rem 1.0rem 1.0rem 1.0rem;
    margin-bottom: 1.5rem;
}

.ContentField .searchBox.psiSm {
    text-align: center;
    vertical-align: middle;
}

.ContentField .searchBox li {
    padding: 0 0 1.0rem 0;
}

.ContentField .searchBox .formBox {
    display: inline-block;
    font-size: 0;
    width: 21.5rem;
    padding: 0 2.0rem 0 0;
    vertical-align: top;
}

.ContentField .searchBox .tLabelUl .formBox {
    display: inline-block;
    font-size: 0;
    width: auto;
    padding: 0 0 0 0;
}

.ContentField .searchBox .tLabelUl .formBox .tLabelth {
    display: inline-block;
    width: 15.0rem;
    background: #BEEFAD;
    padding: 1.1rem 1.0rem;
    line-height: 2.0rem;
    font-size: 1.4rem;
    text-align: right;
    vertical-align: top;
}

.ContentField .searchBox .tLabelUl .formBox .tLabelth.th_200x {
    width: 20.0rem;
}

.ContentField .searchBox .tLabelUl .formBox .tLabelth.th_220x {
    width: 22.0rem;
}

.ContentField .searchBox .tLabelUl .formBox .tLabelth.th_240x {
    width: 24.0rem;
}


.ContentField .searchBox .tLabelUl .formBox .tLabelth span {
    color: #ff0000;
    padding: 0 0 0 0.5rem;
}



.ContentField .searchBox .formBox.wi_30 {
    width: 31.5rem;
}

.ContentField .searchBox .formBox.wi_40 {
    width: 43.5rem;
}

.ContentField .searchBox .formBox.wi_40 .formInput.inblock {
    display: inline-block;
    width: 20.0rem;
}

.ContentField .searchBox .formBox.wi_40 .formInput.inblock {
    display: inline-block;
    width: 20.0rem;
}

.ContentField .searchBox .formBox.wi_40 .formInput.inblock:first-child {
    width: 19.0rem;
    padding: 0 1.0rem 0 0;
}

.ContentField .searchBox .tLabelUl .formBox .formInput {
    display: inline-block;
    /*		width: calc(100% - 150px);*/
    padding-left: 1.0rem;
}

.ContentField .searchBox .tLabelUl .formBox .formInput.wi_100 {
    width: 10.0rem;
}

.ContentField .searchBox .tLabelUl .formBox .formInput.wi_150 {
    width: 15.0rem;
}

.ContentField .searchBox .formBox .formInput.inblock {
    display: inline-block;
}

.ContentField .searchBox .formBox .formInput.inbText {
    font-size: 1.4rem;
    padding: 0 1.0rem 0 0;
}

.ContentField .searchBox .formBox .formInput input {
    border: 1px solid #D9D9D9;
    line-height: 3.0rem;
    width: 100%;
    padding: 0 2.0rem 0 0.5rem;
    font-size: 1.6rem;
}

.ContentField .searchBox .formBox .formInput input.popse {
    padding-right: 3.8rem;
}

.ContentField .searchBox .formBox.seBtnBox .formInput input {
    border: 1px solid #D9D9D9;
    line-height: 3.0rem;
    width: 100%;
    padding: 0 0 0 0.5rem;
}

.ContentField .searchBox .tLabelUl .formBox .formInput input {}



.ContentField .searchBox .formBox .formTxt {
    display: inline-block;
    color: #000;
    line-height: 3.0rem;
    width: 2.4rem;
    text-align: left;
    font-size: 1.4rem;
}

.ContentField .searchBox .formBox .formInput .date input {
    background: url(../images/svg/ico_cal.svg) no-repeat right 0.3rem center;
    background-size: auto 2.0rem;
    border-radius: 4px;
}

.ContentField .formInput input.wi_20 {
    width: 20%;
}

.ContentField .formInput input.wi_25 {
    width: 25%;
}

.ContentField .formInput input.wi_30 {
    width: 30%;
}

.ContentField .formInput input.wi_40 {
    width: 43%;
}

.ContentField .searchBox hr {
    border-top: 1px solid #D5D5D5;
    margin: 1.0rem 0 1.0rem 0;
}

.ContentField .clearBtn {
    position: absolute;
    top: 1.0rem;
    right: 1.0rem;
    width: 9.0rem;
    height: 3.0rem;
    line-height: 2.8rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.4rem;
    border: 1px solid #A8A8A8;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}


.ContentField .clearBottom.clearBtn {
    top: auto;
    bottom: 1.0rem;
    right: 1.0rem;
}

.ContentField .clearBtn span {
    padding: 0 2.5rem 0 0;
    background: url(../images/svg/open-reload.svg) no-repeat right center;
    background-size: auto 1.6rem;
}

.ContentField .fText {
    padding: 0 0 2.0rem 0;
    font-size: 1.2rem;
    line-height: 1.4;
}

.ContentField .fText span {
    color: #FF0000;
}
.ContentField .accordion{

    
}
.ContentField .accordion summary{
    border: 1px solid #D5D5D5;
    padding: 10px;
    margin-bottom: 10px;
    background: #FBFBFB;
    font-size: 16px;
}
.ContentField .tableTop {
    position: relative;
    padding: 0 0 1.5rem;
    0;
    width: 100%;
    min-height: 4.5rem;
}

.ContentField .tableTop .tableTopRight {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 3.0rem;
}

.ContentField .tableTop .tableTopRight .totalCount {
    display: inline-block;
}

.ContentField .tableTop .tableTopRight .totalSize {
    display: inline-block;
    padding-left: 5.0rem;
}

.ContentField .tableTop .tableTopRight .totalSize .form-group {
    display: inline-block;
}

.ContentField .flRight {
    position: absolute;
    right: 1.0rem;
    bottom: 1.0rem;
    text-align: right;
}

.ContentField .searchBtn {
    width: 30.0rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    border: none;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}

.ContentField .searchBtnr {
    width: 30.0rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #FF0000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    border: none;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}

.ContentField .searchBtn span,
.ContentField .searchBtnr span {
    padding: 0 3.0rem 0 3.0rem;
    background: url(../images/svg/ionic-ios-search.svg) no-repeat right center;
    background-size: auto 1.6rem;
}

.ContentField .pupdateBtn {
    width: 30.0rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    border: none;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    display: block;
    margin: 0 auto;
}

.ContentField .pupdateBtn span {
    padding: 0 3.0rem 0 3.0rem;
    background: url(../images/svg/metro-lock.svg) no-repeat right center;
    background-size: auto 1.6rem;
}

.ContentField .pupdateunBtn {
    width: 30.0rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    border: none;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}

.ContentField .pupdateunBtn span {
    padding: 0 3.0rem 0 3.0rem;
    background: url(../images/svg/metro-unlock.svg) no-repeat right center;
    background-size: auto 1.6rem;
}

.ContentField .aggregateBtn {
    width: 30.0rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    border: none;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #000;
}

.ContentField .aggregateBtn span {
    padding: 0 3.0rem 0 3.0rem;
    background: url(../images/svg/open-graph_w.svg) no-repeat right center;
    background-size: auto 1.6rem;
}

.ContentField .posBottom.searchBtn,
.ContentField .posBottom.pupdateBtn,
.ContentField .posBottom.pupdateunBtn,
.ContentField .posBottom.aggregateBtn {
    position: absolute;
    bottom: 1.0rem;
    left: 1.0rem;

}

.ContentField .flRight .importexcelBtn,
.ContentField .flRight .exportexcelBtn {
    display: inline-block;
    margin-left: 1.0rem;
    background: #000000;
    width: 18.0rem;
    height: 3.5rem;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.5rem;
    box-shadow: 0.2rem 0.2rem 4px gray;
}

.ContentField .flRight .importexcelBtn span {
    padding: 0 3.0rem 0 0;
    background: url(../images/svg/upload_white_24dp.svg) no-repeat right center;
    background-size: auto 2.0rem;
}

.ContentField .flRight .exportexcelBtn span {
    padding: 0 3.0rem 0 0;
    background: url(../images/svg/file_download_white_24dp.svg) no-repeat right center;
    background-size: auto 2.0rem;
}

.ContentField .form_btn a:focus,
.ContentField .form_btn .searchBtn:focus,
.ContentField .form_btn .searchBtnr:focus,
.ContentField .form_btn .pupdateBtn:focus,
.ContentField .form_btn .pupdateunBtn:focus,
.ContentField .form_btn .clearBtn:focus,
.ContentField .form_btn .importexcelBtn:focus,
.ContentField .form_btn .exportexcelBtn:focus,
.ContentField .form_btn a:hover,
.ContentField .form_btn .searchBtn:hover,
.ContentField .form_btn .searchBtnr:hover,
.ContentField .form_btn .pupdateBtn:hover,
.ContentField .form_btn .pupdateunBtn:hover,
.ContentField .form_btn .clearBtn:hover,
.ContentField .form_btn .importexcelBtn:hover,
.ContentField .form_btn .exportexcelBtn:hover {
    background: #939393;
}


.ContentField .searchBox .LtPrice {
    text-align: right;
}

.ContentField .searchBox .LtPrice .LtTable {
    float: right;
    display: table;
}

.ContentField .searchBox .LtPrice:after,
.ContentField .searchBox .LtPrice:before {
    clear: both;
    content: "";
    display: block;
}

.ContentField .searchBox .LtPrice .LtTable .LtTr {
    display: table-cell;
    min-width: 25.0rem;
    padding-right: 5.0rem;
    padding-left: 1.5rem;
}

.ContentField .searchBox .LtPrice .LtTable .LtTr:last-child {
    padding-right: 0;
    min-width: 20.0rem;
}

.ContentField .searchBox .LtPrice .LtTable .LtTr.LtColerLG {
    border-left: 0.5rem solid #B2DE66;
}

.ContentField .searchBox .LtPrice .LtTable .LtTr.LtColerG {
    border-left: 0.5rem solid #66DE72;
}

.ContentField .searchBox .LtPrice .LtTable .LtTr.LtColerR {
    border-left: 0.5rem solid #DE6E66;
}

.ContentField .searchBox .LtPrice .LtTable .LtTr .LtrPrice {
    font-size: 3.0rem;

}

.ContentField .searchBox .LtPrice .LtTable .LtTr:last-child .LtrPrice {
    color: #DE6E66;

}

.ContentField .searchBox .LtPrice .LtTable .LtTr .LtrText {
    color: #717171;
    font-size: 1.4rem;

}


.createBtn:after,
.createBtn:before,
.lprintBtn:after,
.lprintBtn:before,
.lcsvBtn:after,
.lcsvBtn:before {
    clear: both;
    content: "";
    display: block;
}

.ContentField .lprintBtn,
.ContentField .lcsvBtn,
.ContentField .listBtn,
.ContentField .createBtn {
    float: left;
    display: inline-block;
    height: 3.0rem;
    line-height: 3.0rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    margin-right: 1.0rem;
}

.ContentField .listBtn {
    background: #009788;
}


.ContentField .listBtn a,
.ContentField .createBtn a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.ContentField .createBtn span {

    animation-duration: 3s;
    padding: 0 4.0rem 0 2.0rem;
    background: url(../images/svg/awesome-plus.svg) no-repeat right 1.0rem center;
    background-size: auto 1.4rem;
}

.ContentField .listBtn span {
    padding: 0 4.0rem 0 2.0rem;
    background: url(../images/svg/w_material-list.svg) no-repeat right 1.0rem center;
    background-size: auto 1.4rem;
}

.ContentField .lprintBtn span {
    padding: 0 4.0rem 0 2.0rem;
    background: url(../images/svg/ico_print.svg) no-repeat right 1.0rem center;
    background-size: auto 1.4rem;
}

.ContentField .lcsvBtn span {
    padding: 0 4.0rem 0 2.0rem;
    background: url(../images/svg/file_download_white_24dp.svg) no-repeat right 1.0rem center;
    background-size: auto 1.4rem;
}

.ContentField .searchBtn:focus,
.ContentField .searchBtnr:focus,
.ContentField .createBtn:focus,
.ContentField .lprintBtn:focus,
.ContentField .lcsvBtn:focus,
.ContentField .clearBtn:focus,
.ContentField .searchBtn:hover,
.ContentField .searchBtnr:hover,
.ContentField .createBtn:hover,
.ContentField .lprintBtn:hover,
.ContentField .lcsvBtn:hover,
.ContentField .clearBtn:hover {
    background: #939393;
}

.ContentField .listBtn:focus,
.ContentField .listBtn:hover {
    background: #07ccb7;
}



.ContentField .listTable {
    width: 100%;
    text-align: center;
    margin: 0 0 1.0rem 0;
}

.ContentField .listTable caption.calert {
    font-size: 2.0rem;
    caption-side: top;
    color: #f00;
    line-height: 2;
}

.ContentField .listTable.middleTable {
    width: 100%;
    max-width: 1050px;
    margin: 2.0rem 0 0 0;
}

.ContentField .colmnCtLiBox .listTable {
    margin: 0 0 0 0;
}

.ContentField .listTable.formview {
    width: 100%;
    text-align: center;
    margin: 2.0rem 0 1.0rem 0;
}

.ContentField .listTable.formview.w500 {
    max-width:500px;
}

.ContentField .listTable.middleTable caption {
    caption-side: top;
    padding-bottom: 0.5rem;
}

.ContentField .listTable th {
    background: #6FCC73;
    line-height: 2.0rem;
    padding: 1.0rem 0.5rem;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.ContentField .listTable.fntSml th {
    font-size: 1.3rem;
}

.ContentField .listTable thead .jplist {
    display: none;
}

.ContentField .listTable thead th.active {
    background: #37933b;
    position: relative;
}

.ContentField .listTable thead th.active::after {
    content: " ";
    position: absolute;
    top: 3px;
    left: 5%;
    width: 90%;
    border-top: 1px solid #fff;
}

.ContentField .listTable thead th.desc.active::after {
    top: auto;
    bottom: 3px;
}

.ContentField .listTable thead th.sort {
    cursor: pointer;
}

.ContentField .listTable thead th.sort:hover {
    cursor: pointer;
    background: #53b457;
}

.ContentField .listTable th.borderNone,
.ContentField .listTable th:last-child {
    border-right: none;
}

.ContentField .listTable th.al_l {
    text-align: left;
    padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}

.ContentField .listTable th.al_c {
    text-align: center;
    padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}

.ContentField .listTable th.al_r {
    text-align: right;
    padding: 1.0rem 1.0rem 1.0rem 1.0rem;
}

.ContentField .listTable.fntSml th.al_l {
    text-align: left;
    padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}

.ContentField .listTable.fntSml th.al_c {
    text-align: center;
    padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}

.ContentField .listTable.fntSml th.al_r {
    text-align: right;
    padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}

.ContentField .listTable.fntSml th.av_m {

    vertical-align: middle;
}

.ContentField .listTable th.ltspc {
    max-width: 3.0rem;
    width: 1.9rem;
    padding: 0 0 0 0;
}

.ContentField .listTable.fntSml td {
    font-size: 1.3rem;
}

.ContentField .listTable td.ltspc {
    max-width: 3.0rem;
    width: 1px;
    padding: 0 0 0 0;
    border-left: none;
    border-right: none;
}

.ContentField .listTable tr {
    background: #fff;
}
.ContentField .listTable.row2table tr.delist{
    position: relative;
}
_::-webkit-full-page-media, _:future, :root .ContentField .listTable.row2table tr.delist {
    position: -webkit-sticky;
}

.ContentField .listTable tbody .jplist.hide {
    display: none;
}

.ContentField .listTable tbody .jplist.hide.show {
    display: table-row;
}

.ContentField .listTable tr:nth-child(even) {
    background: #F8F8F8;
}

.ContentField .listTable tr.bg1 {
    background: #EBFFD1;
}

.ContentField .listTable tr.bg1 .av_m {
    background: #fff;
}

.ContentField .listTable tr.bg1:nth-child(even) .av_m {
    background: #F8F8F8;
}

.ContentField .listTable tr.bg2 {
    background: #FFFEEC;
}

.ContentField .listTable tr.bg3 {
    background: #fff;
}

.ContentField .listTable tr.tLink {
    cursor: pointer;
}

.ContentField .listTable tr.tLink:focus .al_l,
.ContentField .listTable tr.tLink:focus .al_c,
.ContentField .listTable tr.tLink:focus .al_r,
.ContentField .listTable tr.tLink:hover .al_l,
.ContentField .listTable tr.tLink:hover .al_c,
.ContentField .listTable tr.tLink:hover .al_r {
    background: #DAFFA2;
}

.ContentField .listTable tr td {
    padding: 0.2rem 1.0rem;
    line-height: 2.0rem;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #CBCBCB;
    box-sizing: border-box;
}

.ContentField .listTable tr td:last-child {
    /*   border-right: none;*/
}

.ContentField .listTable tr td .deleteLink {
    width: 2.0rem;
    height: 2.0rem;
    background: url(../images/svg/k_material-delete.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.ContentField .listTable tr td .deleteLink:focus,
.ContentField .listTable tr td .deleteLink:hover {
    opacity: 0.6;
}

.ContentField .listTable.formview.w500 td{
    vertical-align: middle;
}
.ContentField .listTable.formview.w500 td .form-control{
    background: none;
    border: none;
}


.ContentField .listTable td.nav_td {
    text-align: left;
    padding: 1.0rem 0.5rem 1.0rem 1.0rem;
    background: #AAE6AD;
}

.ContentField .listTable .milist td.nav_td {
    background: #aae6d9;
}
.ContentField .listTable .sylist td.nav_td {
    background: #aacce6;
}

.ContentField .listTable td.nav_td .nancount {
    display: inline-block;
    width: 2.0rem;
    text-align: right;
    padding-right: 1.0rem;
    line-height: 2.3rem;
}

.ContentField .listTable td.nav_td .listedit {
    display: inline-block;
    width: 2.0rem;
    height: 2.3rem;
    background: url(../images/svg/k_material-list.svg) no-repeat center center;
    background-size: auto 2.0rem;
    margin-right: 0.5rem;
    cursor: pointer;
}
.ContentField .listTable td.nav_td .listedit:focus,
.ContentField .listTable td.nav_td .listedit:hover {
    background: url(../images/svg/k_material-list_o.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.ContentField .listTable td.nav_td .listcopy {
    display: inline-block;
    width: 2.0rem;
    height: 2.3rem;
    background: url(../images/svg/k_material-copy.svg) no-repeat center center;
    background-size: auto 2.0rem;
    margin-right: 0.5rem;
    cursor: pointer;
}
.ContentField .listTable td.nav_td .listcopy:focus,
.ContentField .listTable td.nav_td .listcopy:hover {
    background: url(../images/svg/k_material-copy_o.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.ContentField .listTable td.nav_td .listdelete {
    display: inline-block;
    width: 2.0rem;
    height: 2.3rem;
    background: url(../images/svg/k_material-delete.svg) no-repeat center center;
    background-size: auto 1.8rem;
    cursor: pointer;
}
.ContentField .listTable td.nav_td .listdelete:focus,
.ContentField .listTable td.nav_td .listdelete:hover {
    background: url(../images/svg/k_material-delete_r.svg) no-repeat center center;
    background-size: auto 1.8rem;
}

.ContentField .listTable td.nav_td .listreadonly {
    display: inline-block;
    width: 2.0rem;
    height: 2.3rem;
    /*background: url(../images/svg/k_material-list.svg) no-repeat center center;*/
    background-size: auto 2.0rem;
    margin-right: 0.5rem;
}

.ContentField .listTable.row2table .delist td.nav_td .listedit,
.ContentField .listTable.row2table .delist td.nav_td .listcopy,
.ContentField .listTable.row2table .delist td.nav_td .listdelete,
.ContentField .listTable.row2table .delist td.nav_td .listreadonly {
    height: 6.6rem;
}

.ContentField .listTable.row2table .delist td.nav_td .tr-readOnly {
    height: 6.6rem;
    width: 100%;
}




.ContentField .listTable .ui-sortable{
    position: relative;
}

.ContentField .listTable .ui-sortable-placeholder td {
    display: none ! important;
}

/*jfde01*/
.ContentField .listTable .delist .jfde01 {}

.ContentField .listTable .milist .jfde01 {
    display: none;
}

.ContentField .listTable .sylist .jfde01 {
    display: none;
}

.ContentField .listTable .jfde01 {
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde01 input,
.ContentField .listTable .jfde01 select {
    width: auto;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*jfde02*/
.ContentField .listTable .delist .jfde02 {}



.ContentField .listTable.row2table tr.delist .jfde02{
    position: relative;
}
.ContentField .listTable.row2table tr.delist .jfde02::after{
    content:"";
    clear:both;
    display: block;
    position: absolute;
    top:4.3rem;
    left:0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}
.ContentField .listTable .milist .jfde02 {
    display: none;
}

.ContentField .listTable .sylist .jfde02 {
    display: none;
}

.ContentField .listTable .jfde02 {
    text-align: left;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
    position: relative;
}

.ContentField .listTable .jfde02 input {
    width: 100%;
    width: calc(100% - 3.6rem);
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
}

.ContentField .listTable .jfde02 .popsearch {
    position: absolute;
    top: 1px;
    right: 0;
    background: #fff;
    height: 4.3rem;
    width: 3.8rem;
    text-align: center;
    line-height: 3.8rem;
    cursor: pointer;
    background: url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.ContentField .listTable .jfde02 .popsearch:focus,
.ContentField .listTable .jfde02 .popsearch:hover {
    background: #dfdfdf;
    background: #dfdfdf url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.ContentField .listTable .jfde02 option{
background: #ff0000;
width:200px;
}

#selectlistsupp,
#selectlistcust,
#selectlistitem {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 20.0rem;
}

#selectlistsupp .selectlcInner,
#selectlistcust .selectlcInner {
    background: #fff;
    width: 30.0rem;
    max-height: 20.0rem;
    overflow: auto;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}

#selectlistitem .selectliInner {
    background: #fff;
    width: 20.0rem;
    max-height: 20.0rem;
    overflow: auto;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}

#selectlistsupp .selectlcInner ul,
#selectlistcust .selectlcInner ul,
#selectlistitem .selectliInner ul {
    display: block;
    padding: 0;
    margin: 0;
}

#selectlistsupp .selectlcInner ul li,
#selectlistcust .selectlcInner ul li,
#selectlistitem .selectliInner ul li {
    display: block;
    border-bottom: 1px solid #dfdfdf;
    color: #000;
    font-size: 1.2rem;
    cursor: pointer;
    line-height: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    padding: 0 1.0rem;
}

#selectlistitem .selectliInner ul li span {
    display: inline-block;
    /*	width:2.0rem;*/
    text-align: right;
    padding: 0 0.5rem 0 0;
}

#selectlistsupp .selectlcInner ul li:focus,
#selectlistcust .selectlcInner ul li:focus,
#selectlistitem .selectliInner ul li:focus,
#selectlistsupp .selectlcInner ul li:hover,
#selectlistcust .selectlcInner ul li:hover,
#selectlistitem .selectliInner ul li:hover {
    background: #fdfdfd;
    color: #666;
}
/*jfde03*/
.ContentField .listTable .delist .jfde03 {
}
.ContentField .listTable.row2table tr.delist .jfde03{
    position: relative;
}
.ContentField .listTable.row2table tr.delist .jfde03::after{
    content:"";
    clear:both;
    display: block;
    position: absolute;
    top:4.3rem;
    left:0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}

.ContentField .listTable .milist .jfde03 {
    display: none;
}

.ContentField .listTable .sylist .jfde03 {
    display: none;
}

.ContentField .listTable .jfde03 {
    text-align: left;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde03 input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
}

/*jfdezan*/
.ContentField .listTable .delist .jfdezan {}


.ContentField .listTable.row2table tr.delist .jfdezan{
    position: absolute;
    top:4.3rem;
    right: calc(62rem + 4px);
    border-top: 1px solid #dfdfdf;
    border-right: none;
}
.ContentField .listTable .milist .jfdezan {
    display: none;
}

.ContentField .listTable .sylist .jfdezan {
    display: none;
}

.ContentField .listTable .jfdezan {
    text-align: right;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
    background: rgba(0, 0, 0, 0.04);
}

.ContentField .listTable .jfdezan input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
    text-align: right;
}

/*jfde04*/
.ContentField .listTable .delist .jfde04 {}

.ContentField .listTable.row2table tr.delist .jfde04 {
    position: relative;
}
.ContentField .listTable.row2table tr.delist .jfde04::after{
    content:"";
    clear:both;
    display: block;
    position: absolute;
    top:4.3rem;
    left:0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}
.ContentField .listTable .milist .jfde04 {
    display: none;
}

.ContentField .listTable .sylist .jfde04 {
    display: none;
}

.ContentField .listTable .jfde04 {
    text-align: right;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde04 input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
    text-align: right;
}

/*jfde05*/
.ContentField .listTable .delist .jfde05 {}

.ContentField .listTable.row2table tr.delist .jfde05 {
    position: relative;
}
.ContentField .listTable.row2table tr.delist .jfde05::after{
    content:"";
    clear:both;
    display: block;
    position: absolute;
    top:4.3rem;
    left:0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}
.ContentField .listTable .milist .jfde05 {
    display: none;
}

.ContentField .listTable .sylist .jfde05 {
    display: none;
}

.ContentField .listTable .jfde05 {
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde05 select {
    width: auto;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*単価*/
.ContentField .listTable .delist .jfde06 {}

.ContentField .listTable.row2table tr.delist .jfde06 {
    position: relative;
}
.ContentField .listTable .milist .jfde06 {
    display: none;
}

.ContentField .listTable .sylist .jfde06 {
    display: none;
}

.ContentField .listTable .jfde06 {
    text-align: right;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde06 input {
    width: 100%;
    width: calc(100% - 1.1rem);
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
    text-align: right;
}
/* 単価の商品検索 */
.ContentField .listTable .jfde06 .popsearch {
    position: absolute;
    top: 0.1em;
    left:0;
    /*20240717マウスオーバー時に単価履歴を出す案*/
    /*right: -30px;*/
    background: #fff;
    height: 4rem;
    width: 3rem;
    text-align: center;
    line-height: 4rem;
    cursor: pointer;
    background: url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
    background-size: auto 2.0rem;
    z-index: 99;
    
    /*20240717マウスオーバー時に単価履歴を出す案*/
    /*display:none;*/
}
.ContentField .listTable .jfde06 .popsearch:focus,
.ContentField .listTable .jfde06 .popsearch:hover {
    background: #dfdfdf;
    background: #dfdfdf url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
    background-size: auto 2.0rem;
}


/*jfde07*/
.ContentField .listTable .delist .jfde07 {}

.ContentField .listTable.row2table tr.delist .jfde07 {
    position: relative;
}
.ContentField .listTable.row2table tr.delist .jfde07::after{
    content:"";
    clear:both;
    display: block;
    position: absolute;
    top:4.3rem;
    left:0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}
.ContentField .listTable .milist .jfde07 {
    display: none;
}

.ContentField .listTable .sylist .jfde07 {}

/*jfde08*/
.ContentField .listTable .delist .jfde08 {}

.ContentField .listTable.row2table tr.delist .jfde08{
    position: absolute;
    top:4.3rem;
    right: calc(44rem + 2px);
    border-top: 1px solid #dfdfdf;
    border-right: none;
}
.ContentField .listTable .milist .jfde08 {
    display: none;
}

.ContentField .listTable .sylist .jfde08 {
    display: none;
}

.ContentField .listTable .jfde08 {
    text-align: right;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde08 input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
    text-align: right;
}

/*jfde09*/
.ContentField .listTable .delist .jfde09 {}

.ContentField .listTable.row2table tr.delist .jfde09{
    position: absolute;
    top:4.3rem;
    right: 2px;
    border-top: 1px solid #dfdfdf;
    border-right: none;
}
.ContentField .listTable .milist .jfde09 {
    display: none;
}

.ContentField .listTable .sylist .jfde09 {
    display: none;
}

.ContentField .listTable .jfde09 {
    text-align: left;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde09 input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
}

/*jfde10*/
.ContentField .listTable .delist .jfde10 {}

.ContentField .listTable.row2table tr.delist .jfde10 {
    position: relative;
}
.ContentField .listTable.row2table tr.delist .jfde10::after{
    content:"";
    clear:both;
    display: block;
    position: absolute;
    top:4.3rem;
    left:0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}


.ContentField .listTable .milist .jfde10 {
    display: none;
}

.ContentField .listTable .sylist .jfde10 {
    display: none;
}

.ContentField .listTable .jfde10 {
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde10 select {
    width: auto;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*jfde11*/
.ContentField .listTable .delist .jfde11 {
    display: none;
}

.ContentField .listTable .milist .jfde11 {
    display: none;
}

.ContentField .listTable .sylist .jfde11 {}

/*jfde12*/
.ContentField .listTable .delist .jfde12 {
    display: none;
}

.ContentField .listTable .milist .jfde12 {
    display: none;
}

.ContentField .listTable .sylist .jfde12 {}

/*jfde13*/
.ContentField .listTable .delist .jfde13 {}

.ContentField .listTable.row2table tr.delist .jfde13{
    position: relative;
    border-right: none;
}
.ContentField .listTable.row2table tr.delist .jfde13:after {
  content: "";
  position: absolute;
  border-right: 1px solid #cbcbcb;
  right: 0;
  top: 0;
  height: 4.3rem;
}
.ContentField .listTable .milist .jfde13 {
    display: none;
}

.ContentField .listTable .sylist .jfde13 {
    display: none;
}

.ContentField .listTable .jfde13 {
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfde13 select {
    width: auto;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*jfde14*/
.ContentField .listTable .delist .jfde14 {}

.ContentField .listTable .milist .jfde14 {
    display: none;
}

.ContentField .listTable .sylist .jfde14 {
    display: none;
}

/*jfde15*/
.ContentField .listTable .delist .jfde15 {}

.ContentField .listTable.row2table tr.delist .jfde15{
    position: absolute;
    top:4.3rem;
    right: calc(24rem + 2px);
    border-right: none;
    border-top: 1px solid #dfdfdf;
}

.ContentField .listTable .milist .jfde15 {
    display: none;
}

.ContentField .listTable .sylist .jfde15 {
    display: none;
}

/*jfde16*/
.ContentField .listTable .delist .jfde16 {}

.ContentField .listTable.row2table tr.delist .jfde16{
    position: absolute;
    top:4.3rem;
    left: 10rem;
    border-top: 1px solid #dfdfdf;
    border-right: none;
}
.ContentField .listTable .milist .jfde16 {
    display: none;
}

.ContentField .listTable .sylist .jfde16 {
    display: none;
}

.ContentField .listTable .jfde16 {
    text-align: left;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
    position: relative;
}

.ContentField .listTable .jfde16 input {
    width: 100%;
    width: calc(100% - 3.6rem);
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
}

.ContentField .listTable .jfde16 .popsearch {
    position: absolute;
    top: 1px;
    right: 0;
    background: #fff;
    height: 4.3rem;
    width: 3.8rem;
    text-align: center;
    line-height: 3.8rem;
    cursor: pointer;
    background: url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.ContentField .listTable .jfde16 .popsearch:focus,
.ContentField .listTable .jfde16 .popsearch:hover {
    background: #dfdfdf;
    background: #dfdfdf url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.ContentField .listTable .jfde16 option{
background: #ff0000;
width:200px;
}
/*jfde17*/
.ContentField .listTable .delist .jfde17 {
}

.ContentField .listTable.row2table tr.delist .jfde17{
    position: absolute;
    top:4.3rem;
    /*left: 25rem;*/
    left:25rem;
    /*width:calc(100% - 96rem);*/
    width:calc(20rem);
    border-top: 1px solid #dfdfdf;
    border-right: none;
}

.ContentField .listTable .milist .jfde17 {
    display: none;
}

.ContentField .listTable .sylist .jfde17 {
    display: none;
}

.ContentField .listTable .jfde17 {
    text-align: left;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
    position: relative;
}

.ContentField .listTable .jfde17 input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
}

/*jfde18 規格*/
.ContentField .listTable .delist .jfde18 {}

.ContentField .listTable.row2table tr.delist .jfde18{
    position: absolute;
    top:4.3rem;
    left: 45rem;
    width:calc(100% - 117rem);
    border-top: 1px solid #dfdfdf;
    border-right: none;
}
.ContentField .listTable .milist .jfde18 {
    display: none;
}

.ContentField .listTable .sylist .jfde18{
    display: none;
}
/*
.ContentField .listTable.row2table tr.delist .jfde18::after{
    content:"";
    clear:both;
    display: block;
    position: absolute;
    top:4.3rem;
    left:0;
    width: 100%;
    border-top: 1px solid #dfdfdf;
}*/
.ContentField .listTable .jfde18 {
    text-align: left;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
    position: relative;
}

.ContentField .listTable .jfde18 input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
}

/*jfde19*/
.ContentField .listTable .delist .jfde19 {}

.ContentField .listTable.row2table tr.delist .jfde19 {
    position: absolute;
    top:4.3rem;
    right: calc(34rem + 2px);
    border-right: none;
    border-top: 1px solid #dfdfdf;
}

.ContentField .listTable .milist .jfde19 {
    display: none;
}

.ContentField .listTable .sylist .jfde19 {
    display: none;
}

.ContentField .listTable .jfdeetc {
    text-align: right;
    padding: 0.2rem 0.5rem 0.2rem 1.0rem;
}

.ContentField .listTable .jfdeetc input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
    text-align: right;
}

.ContentField .listTable .jfdeetc select {
    width: auto;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*jf_komi*/
.ContentField .listTable .delist .jf_komi {
    display: none;
}

.ContentField .listTable .milist .jf_komi {}

.ContentField .listTable .sylist .jf_komi {
    display: none;
}

.ContentField .listTable .jf_komi {
    text-align: left;
}

.ContentField .listTable .jf_komi input {
    width: 100%;
    border: none;
    font-size: 1.4rem;
    line-height: 4.0rem;
    padding: 0 0;
    background: none;
}



.ContentField .listTable td.al_l {
    text-align: left;
    padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}

.ContentField .listTable td.av_m {

    vertical-align: middle;
}

.ContentField .listTable .al_cc {
    text-align: center;
    padding: 0 0.5rem 0 1.0rem;
}

.ContentField .listTable .al_cc .formInput {
    text-align: center;
    padding: 0 0 0 0;
}

.ContentField .listTable .al_cc .formInput .chklabel {
    margin-bottom: 0;
    position: absolute;
    top: -2.5rem;
    width: ;
    left: calc(50% - 1.0rem);
}



.ContentField .listTable td.al_r {
    text-align: right;
    padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}

.listTable .th-w_5p {
    width: 5%;
}

.listTable .th-w_6p {
    width: 6%;
}

.listTable .th-w_7p {
    width: 7%;
}

.listTable .th-w_8p {
    width: 8%;
}

.listTable .th-w_9p {
    width: 9%;
}

.listTable .th-w_10p {
    width: 10%;
}

.listTable .th-w_14p {
    width: 14%;
}

.listTable .th-w_50x {
    width: 5.0rem;
}

.listTable .th-w_60x {
    width: 6.0rem;
}

.listTable .th-w_70x {
    width: 7.0rem;
}

.listTable .th-w_80x {
    width: 8.0rem;
}

.listTable .th-w_90x {
    width: 9.0rem;
}

.listTable .th-w_95x {
    width: 9.5rem;
}

.listTable .th-w_100x {
    width: 10.0rem;
}

.listTable .th-w_110x {
    width: 11.0rem;
}

.listTable .th-w_120x {
    width: 12.0rem;
}

.listTable .th-w_130x {
    width: 13.0rem;
}

.listTable .th-w_150x {
    width: 15.0rem;
}

.listTable .th-w_200x {
    width: 20.0rem;
}

.listTable .th-w_240x {
    width: 24.0rem;
}

.listTable .th-w_250x {
    width: 25.0rem;
}

.listTable .th-w_350x {
    width: 35.0rem;
}

.ContentField .formInput {
    position: relative;
    padding: 0 2.0rem 0 0;
}

.ContentField .formInput.sp_1em {
    padding: 0 2.5rem 0 0;
    margin: 0 2.0rem 0 0;
}

.ContentField .formInput.r_0 {
    padding-right: 0;
}

.ContentField .formInput .chklabel {
    min-width: 2.0rem;
}

.ContentField .formInput.r_0 label {
    padding-right: 0;
    margin-bottom: 0;
    min-width: 2.0rem;
}

.ContentField .formInput input {
    height: 4.0rem;
    line-height: 4.0rem;
    width: 100%;
    padding: 0 0 0 0.5rem;
    box-sizing: border-box;
    display: inline-block;
}

.ContentField .formInput select {
    padding-left: 0.5rem;
}

.ContentField .formInput select.popse {
    width: calc(100% - 3.6rem);
}

.ContentField .formInput input.wi_20 {
    width: 20%;
}

.ContentField .formInput input.wi_25 {
    width: 25%;
}

.ContentField .formInput input.wi_30 {
    width: 30%;
}

.ContentField .formInput input.wi_40 {
    width: 43%;
}

.ContentField .formInput span {
    display: block;
    position: absolute;
    right: 0.5rem;
    top: 0;
    line-height: 4.0rem;
}

.ContentField .form-check {
    line-height: 4.0rem;
}

.ContentField .formInput input[type="text"]:disabled,
.ContentField .formInput input[type="number"]:disabled {
    background: #fff;
    border: none;
}

.ContentField .formInput input[type="text"]:disabled.disabledinput {
    background: #EFEFEF;
}

.ContentField .formInput select:disabled {
    background: #fff;
    border: none;
    padding-left: 0;
}

.ContentField .formInput .popsearch {
    position: absolute;
    top: 0;
    right: 2.0rem;
    background: #fff;
    height: 3.8rem;
    width: 3.8rem;
    text-align: center;
    border: 1px solid #dfdfdf;
    line-height: 3.8rem;
    cursor: pointer;
    background: #000 url(../images/svg/ionic-ios-search.svg) no-repeat center center;
    background-size: auto 2.0rem;
    border-radius: 0px 3px 3px 0;
}

.ContentField .searchBox .formBox .formInput .popsearch {
    height: 4.0rem;
}

.ContentField .formInput .popsearch:focus,
.ContentField .formInput .popsearch:hover {
    background: #dfdfdf;
    background: #dfdfdf url(../images/svg/ionic-ios-search_k.svg) no-repeat center center;
    background-size: auto 2.0rem;
}

.rest {
    position: relative;
}

.ContentField .qes {
    position: absolute;
    right: -1.0rem;
    top: 0;
    width: 2.0rem;
    height: 4.0rem;
    background: url(../images/svg/awesome-info-circle_o.svg) no-repeat center center;
    background-size: auto 2.0rem;
    cursor: pointer;
}

.ContentField .sp_1em .qes {
    right: -2.0rem;
}

.ContentField .qes .qestext {
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 1.0rem;
    padding: 1.0rem 1.5rem;
    border: 1px solid #ffb516;
    background: #ffe59e;
    width: 30.0rem;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    border-radius: 2px;
    line-height: 2.0rem;
    font-size: 1.4rem;
    text-align: left;
    color: #000;
}

.rest .qestext {
    z-index: 9999;
    position: absolute;
    top: 100%;
    left: 10%;
    padding: 1.0rem 1.5rem;
    border: 1px solid #ffb516;
    background: #ffe59e;
    width: 25.0rem;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    border-radius: 2px;
    line-height: 2.0rem;
    font-size: 1.4rem;
    text-align: left;
    color: #000;
}


.ContentField .formConsole {
    position: relative;
    padding: 0 0 1.0rem 0;
}

.ContentField .formConsole .defaultCodefield {}

.ContentField .formConsole .defaultCodefield div {
    display: inline-block;
    line-height: 3.0rem;
}

.ContentField .formConsole .defaultCodefield .codefTitle {
    font-size: 1.4rem;
    padding: 0 1.0rem 0 0;
}

.ContentField .formConsole .defaultCodefield .codeFInput {
    line-height: 2.8rem;
}

.ContentField .formConsole .defaultCodefield .codeFInput input {
    line-height: 2.8rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ContentField .formConsole .defaultCodefield .codeFInput input.short {
    width: 6.0rem;
}

.ContentField .formConsole .defaultCodefield .printstatus {
    background: #ACACAC;
    color: #fff;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 0.5rem 1.0rem;
    margin: 0 0 0 1.5rem;
}

.ContentField .formConsole .defaultCodefield .printstatus.true {
    background: #FF8000;
}

.ContentField .formConsole .defaultCodefield .eachstatus {
    background: #ACACAC;
    color: #fff;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 0.5rem 1.0rem;
    margin: 0 0 0 1.5rem;
}

.ContentField .formConsole .defaultCodefield .eachstatus.true {
    background: #FF8000;
}

.ContentField .formConsole .defaultCodefield .clearstatus {
    background: #ACACAC;
    color: #fff;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 0.5rem 1.0rem;
    margin: 0 0 0 1.5rem;
}

.ContentField .formConsole .defaultCodefield .clearstatus.true {
    background: #FF8000;
}

.ContentField .formConsole .defaultCodefield .sendstatus {
    background: #FF8000;
    color: #fff;
    cursor: pointer;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 0.5rem 1.0rem;
    margin: 0 0 0 1.5rem;
}

.ContentField .formConsole .defaultCodefield .dispsatus {
    background: #ACACAC;
    color: #fff;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding: 0.5rem 1.0rem;
    margin: 0 0 0 1.5rem;
}

.ContentField .formConsole .flBtn {
    position: absolute;
    top: 0;
    right: 0;
}

.ContentField .formConsole .flBtn dt {
    display: inline-block;
    padding: 0 0 0 0.5rem;
    ;
}

.ContentField .formConsole .flBtn dt div {
    height: 3.0rem;
    background: #000;
    color: #fff;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    cursor: pointer;

}

.ContentField .formConsole .flBtn dt div.removeBtn {
    background: #000 url(../images/svg/ico_delete.svg) no-repeat center center;
    background-size: auto 1.7rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    padding: 0 0.6rem 0 0.6rem;

}

.ContentField .formConsole .flBtn dt div.copyBtn {
    background: #000 url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    padding: 0 3.0rem 0 1.0rem;

}

.ContentField .formConsole .flBtn dt div.newBtn {
    background:  #000 url(../images/svg/awesome-plus.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    padding: 0 3.0rem 0 1.0rem;

}


.ContentField .formConsole .flBtn dt div.printBtn {
    background: #000 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;

}

.ContentField .formConsole .flBtn dt div.leaseprintBtn {
    background: #000 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;

}

.ContentField .formConsole .flBtn dt div.purchaorderchangeBtn {
    background: #000 url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;

}

.ContentField .formConsole .flBtn dt div.purchaorderchangeBtnDisable {
    background: #888888 url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    cursor: default;
}

.ContentField .formConsole .flBtn dt div.futurechangeBtn {
    background: #000 url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;

}

.ContentField .formConsole .flBtn dt div.futurechangeBtnDisable {
    background: #aaaaaa url(../images/svg/ico_copy.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    cursor: default;
}

.ContentField .formConsole .flBtn dt div.orderschangeBtn {
    background: #007423 url(../images/svg/ico_oapo.svg) no-repeat right 0.3rem center;
    background-size: auto 2.0rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;

}

.ContentField .formConsole .flBtn dt div.orderschangeBtnDisable {
    background: #888888 url(../images/svg/ico_oapo.svg) no-repeat right 0.3rem center;
    background-size: auto 2.0rem;
    padding: 0 3.0rem 0 1.0rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    cursor: default;
}

.ContentField .formConsole .flBtn dt.printList div {
    background: #000 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;
    background-size: auto 1.7rem;
    padding: 0 3.5rem 0 1.5rem;
    line-height: 2.5rem;
    font-size: 1.2rem;

}

.ContentField .formConsole .flBtn dt.printList {
    position: relative;

}

.ContentField .formConsole .flBtn dt.printList dl {
    display: none;
    ;
}

.ContentField .formConsole .flBtn dt.printList:hover dl {
    display: block;
    position: absolute;
    right: 0;
    top: 3rem;
    z-index: 2;
}

.ContentField .formConsole .flBtn dt.printList dd {
    display: block;
    padding: 0 0 0 0.5rem;
    width: 14rem;
}

.ContentField .formConsole .flBtn .printList dd div {
    height: 4.0rem;
    padding: 0 1.5rem 0 1.5rem;
    background: #009788;
    /*background:#009788 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;*/

    background-size: auto 1.7rem;
    color: #fff;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    cursor: pointer;
    line-height: 4rem;

}


.ContentField .formConsole .flBtn dt div:hover {
    opacity: 0.6;

}

.ContentField .formConsole .flBtn .printList dd div:hover {
    opacity: 1;
    background: #00d5c0;
    /*background:#00d5c0 url(../images/svg/ico_print.svg) no-repeat right 0.5rem center;*/
    background-size: auto 1.7rem;
}

.ContentField .formTable {}

.ContentField .formTable .inTable {
    width: 100%;
    display: table;
}

.ContentField .formTable .inTable .inTableLeft {
    width: 55%;
    display: table-cell;
    vertical-align: top;
}

.ContentField .formTable .inTable .inTableRight {
    width: 45%;
    display: table-cell;
    vertical-align: top;
}

.ContentField .formTable .inTable .inTableRight .formInput {
    padding: 0 0 0 0;
}

.ContentField .formTable .tblTitle {
    width: 24.0rem;
    padding: 1.2rem 1.0rem;
    line-height: 2.0rem;
    font-size: 1.8rem;
    text-align: lefy;
    vertical-align: top;
    min-width: 24.0rem;

}

.ContentField .formTable .tblLine {
    border-top: 1px solid #dddddd;
    width: 100%;
    margin: 2.0rem 0;
}

.ContentField .formTable .tblLTitle {
    width: 100%;
    margin: 2.0rem 0 0 0;
    border: 1px solid #dfdfdf;
    padding: 1.2rem 1.0rem;
    line-height: 2.0rem;
    font-size: 1.4rem;
    background: #f8f8f8;
}

.ContentField .formTable .tblLBox {
    width: 100%;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 1.0rem 1.0rem;
    background: #f8f8f8;
}

.ContentField .formTable .tblBody {
    width: 100%;
    display: table;
    border-bottom: 1px solid #fff;
    min-height: 5.0rem;
}

.ContentField .formTable .tblBody .tablSn {
    width: 100%;
    display: table-cell;
    padding: 0.5rem 1.0rem;
    line-height: 2.0rem;
    font-size: 1.4rem;
    text-align: right;
}

.ContentField .formTable .tblBody .tablGr {
    width: 24.0rem;
    display: table-cell;
    background: #6FCC73;
    border: 1px solid #fff;
    color: #fff;
    padding: 1.1rem 1.0rem;
    line-height: 2.0rem;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: middle;
    min-width: 24.0rem;
}

.ContentField .formTable .tblBody .tablTh {
    width: 24.0rem;
    display: table-cell;
    background: #BEEFAD;
    padding: 1.1rem 1.0rem;
    line-height: 2.0rem;
    font-size: 1.4rem;
    text-align: right;
    vertical-align: top;
    min-width: 24.0rem;
}

.ContentField .formTable .inTable .inTableLeft .tblBody .tablTh,
.ContentField .formTable .inTable .inTableRight .tblBody .tablTh {
    width: 20.0rem;
    min-width: 20.0rem;
}

.ContentField .formTable .inTable .inTableLeft .tblBody.tbWdate .tablTh:nth-child(3) {
    width: 15.0rem;
    min-width: 15.0rem;
}

.ContentField .formTable .tblBody .tablTh span {
    color: #ff0000;
    padding: 0 0 0 0.5rem;
}

.ContentField .formTable .tblBody .tablTd {
    display: table-cell;
    padding: 0.2rem 1.0rem;
    line-height: 2.0rem;
    font-size: 1.4rem;
    vertical-align: top;
}

.ContentField .formTable .inTable .inTableLeft .tblBody.tbWdate .tablTd:nth-child(2) {
    width: 21.5rem;
}
}

.ContentField .formTable .tblBody .tablTd.col_10 {
    width: 10%;
    min-width: 12.5rem;
}

.ContentField .formTable .tblBody .tablTd.col_20 {
    width: 20%;
    min-width: 25.0rem;
}

.ContentField .formTable .tblBody .tablTd:nth-child(2) {
    padding: 0.2rem 1.0rem 0.2rem 1.0rem;
}

.ContentField .formTable .tblBody .tablTd.colorGr {
    background: #6FCC73;
    border: 1px solid #fff;
    color: #fff;
    vertical-align: middle;
    width: 10%;
}

.ContentField .formTable .tblBody .tablTd.colorTh {
    background: #BEEFAD;
    vertical-align: center;
    width: 10%;
}

.ContentField .formTable .tblBody:nth-child(odd) .tablTd.colorTd {
    background: #F8F8F8;
}

.ContentField .formTable .tblBody .tablTd.colorTd {
    vertical-align: center;
    width: 10%;
}

.ContentField .formTable .tblBody .tablTd.colorTh div {
    line-height: 2.0rem;
    padding: 0.9rem 0;
}

.ContentField .formTable .tblBody .tablTd .col_50px {
    width: 5.0rem;
    min-width: 5.0rem;
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .col_7 {
    width: 7%;
    min-width: 7rem;
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .col_10 {
    width: 10%;
    min-width: 10rem;
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .col_15 {
    width: 15%;
    min-width: 10rem;
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .col_20 {
    width: 20%;
    min-width: 15.0rem;
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .col_25 {
    width: 25%;
    min-width: 20.0rem;
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .col_30 {
    width: 30%;
    min-width: 30.0rem;
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .col_pdc {
    padding-right: 0;
}

.ContentField .formTable .tblBody .tablTd .formInput:last-child {
    padding-right: 0;
}

.ContentField .formTable .tblBody .tablTd .formInput:first-child {
    padding-right: 2rem;
}

.ContentField .formTable .tblBody .tablTd .al_l {
    text-align: left;
}

.ContentField .formTable .tblBody .tablTd .al_c {
    text-align: center;
}

.ContentField .formTable .tblBody .tablTd .al_r {
    text-align: right;
}

.ContentField .formTable .tblBody .tablTd .inblock {
    display: inline-block;
}

.ContentField .formTable .tblBody .tablTd .inbText {
    font-size: 1.4rem;
    padding: 0 1.0rem 0 0;
}

.ContentField .formTable .tblBody .linkinput {
    cursor: pointer;
}

.ContentField .formTable .tblBody .tablTd .date input {
    background: url(../images/svg/ico_cal.svg) no-repeat right 0.3rem center;
    background-size: auto 2.0rem;
}

.ContentField .formTable .tblBody .tablSn input {
    height: 4.0rem;
    line-height: 4.0rem;
    width: 15.0rem;
    padding: 0 1.0rem 0 0.5rem;
    box-sizing: border-box;
    border: 1px solid #ced4da;
    text-align: right;
}

.ContentField .formTable .tblBody .tablSn input.disabledinput {
    background: #EFEFEF;
}

.ContentField .formTable .tblBody .tablTd .tablImage {
    max-width: 20.0rem;
}

.ContentField .formTable .tblBody .tablTd .tablImage img {
    width: 100%;
}





.ContentField .formTable .createCell {
    padding: 1.0rem 0;
    color: #A7A7A7;
    font-size: 1.2rem;
    text-align: left;
}

.ContentField .btnCell,
.ContentField .formTable .btnCell {
    padding: 2.5rem 0 5.0rem 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ContentField .btnCell.btnCellLeft,
.ContentField .formTable .btnCell.btnCellLeft {
    justify-content: left;
    padding: 0.5rem 0 4.0rem 0;
    margin-bottom: -5.0rem;
}


.ContentField .formTable .btnCell .createCells {
    padding: 1.0rem 0;
    color: #A7A7A7;
    font-size: 1.2rem;
    text-align: left;
}


.ContentField .btnCell .submitBtnBox {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-right: 1.0rem;
}

.ContentField .btnCell .submitBtnBox input,
.ContentField .btnCell .submitBtnBox button {
    width: 20.0rem;
    height: 3.2rem;
    background: #000;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.2rem;
    padding: 0;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #000 url(../images/svg/ionic-ios-checkmark-circle.svg) no-repeat 13.0rem center;
    background-size: auto 1.4rem;
    cursor: pointer;
    font-size: 1.4rem;
}

.ContentField .formTable .btnCell .submitBtnBox input:disabled,
.ContentField .formTable .btnCell .submitBtnBox button:disabled {
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.0));
    background: #c6c6c6 url(../images/svg/ionic-ios-checkmark-circle.svg) no-repeat 13.0rem center;
    background-size: auto 1.4rem;
    cursor: default;
    opacity: 1;
}

.ContentField .btnCell .submitBtnBox input:focus,
.ContentField .btnCell .submitBtnBox input:hover .ContentField .btnCell .submitBtnBox button:focus,
.ContentField .btnCell .submitBtnBox button:hover {
    opacity: 0.6;
}

.ContentField .btnCell .submitBtnBox input:disabled:hover .ContentField .btnCell .submitBtnBox button:disabled:hover {
    opacity: 1;
}

.ContentField .formTable .btnCell .ClearBtnBox {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.0rem;
}

.ContentField .formTable .btnCell .ClearBtnBox input {
    width: 20.0rem;
    height: 3.2rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.2rem;
    padding: 0;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #000 url(../images/svg/open-reload.svg) no-repeat 13.0rem center;
    background-size: auto 1.4rem;
    cursor: pointer;
    font-size: 1.4rem;
}

.ContentField .formTable .btnCell .ClearBtnBox input:focus,
.ContentField .formTable .btnCell .ClearBtnBox input:hover {
    opacity: 0.6;
}

.ContentField .btnCell .BackBtnBox {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.0rem;
}

.ContentField .btnCell .BackBtnBox input {
    width: 20.0rem;
    height: 3.2rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.2rem;
    padding: 0;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #6d6d6d url(../images/svg/arrow_back_white_24dp.svg) no-repeat 13.0rem center;
    background-size: auto 2.0rem;
    cursor: pointer;
}

.ContentField .btnCell .BackBtnBox input:focus,
.ContentField .btnCell .BackBtnBox input:hover {
    opacity: 0.6;
}

.ContentField .formTable .btnCell .DeleteBtnBox {
    display: inline-block;
    vertical-align: top;
    padding: 0 1.0rem;
}

.ContentField .formTable .btnCell .DeleteBtnBox input {
    width: 20.0rem;
    height: 3.2rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.2rem;
    padding: 0;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #e92600 url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
    background-size: auto 1.4rem;
    cursor: pointer;
}

.ContentField .formTable .btnCell .DeleteBtnBox input:disabled {
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0));
    background: #f8b7aa url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
    background-size: auto 1.4rem;
    cursor: default;
    opacity: 1;
}

.ContentField .formTable .btnCell .DeleteBtnBox input:focus,
.ContentField .formTable .btnCell .DeleteBtnBox input:hover {
    opacity: 0.6;
}

.ContentField .formTable .btnCell .DeleteBtnBox input:disabled:hover {
    opacity: 1;
}

.ContentField .formTable .btnCell .DeleteBtnBox {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-right: 1.0rem;
}

.ContentField .formTable .btnCell .DeleteBtnBox input {
    width: 20.0rem;
    height: 3.2rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.2rem;
    padding: 0;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #e92600 url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
    background-size: auto 1.4rem;
    cursor: pointer;
}

.ContentField .formTable .btnCell .DeleteBtnBox input:disabled {
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0));
    background: #f8b7aa url(../images/svg/w_material-delete.svg) no-repeat 13.0rem center;
    background-size: auto 1.4rem;
    cursor: default;
    opacity: 1;
}

.ContentField .formTable .btnCell .DeleteBtnBox input:focus,
.ContentField .formTable .btnCell .DeleteBtnBox input:hover {
    opacity: 0.6;
}

.ContentField .formTable .btnCell .DeleteBtnBox input:disabled:hover {
    opacity: 1;
}

.ContentField .col_60px {
    width: 6.0rem;
    box-sizing: border-box;
}

.ContentField .col_7 {
    width: 7%;
    box-sizing: border-box;
    min-width: 80px;
}

.ContentField .col_10 {
    width: 10%;
    box-sizing: border-box;
    min-width: 80px;
}

.ContentField .col_20 {
    width: 20%;
    box-sizing: border-box;
    min-width: 80px;
}

.ContentField .col_30 {
    width: 30%;
    box-sizing: border-box;
    min-width: 80px;
}

.ContentField .col_35 {
    width: 35%;
    box-sizing: border-box;
    min-width: 80px;
}

.ContentField .col_40 {
    width: 40%;
    box-sizing: border-box;
    min-width: 80px;
}

.ContentField .col_50 {
    width: 50%;
    box-sizing: border-box;
    min-width: 80px;
}

.ContentField .col_60 {
    width: 60%;
    box-sizing: border-box;
    min-width: 80px;
}

.Popagenation {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.Popagenation.topnation {
    padding-bottom: 0;
    position: absolute;
    width: 50%;
    margin-left: 25%;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #009788;
    border-color: #009788;
}

.page-link {
    color: #009788;
}

.TotaloTable {
    padding-bottom: 1.0rem;
}

.TotalbTable {
    float: right;
    display: table;
}

.TotalbTable.rmargin70 {
    margin-right: 9.0rem;
}

.TotalbTable.rmargin100 {
    margin-right: 10.0rem;
}

.TotalbTable.rmargin200 {
    margin-right: 20.0rem;
}

.TotalbTable.rmargin300 {
    margin-right: 30.0rem;
}

.TotalbTable.rmargin400 {
    margin-right: 40.0rem;
}

.TotaloTable:after,
.TotaloTable:before {
    clear: both;
    content: "";
    display: block;
}




.TotalbTable .TotalbTableTh {
    width: 10.0rem;
    display: table-cell;
    background: #BEEFAD;
    line-height: 2.0rem;
    padding: 0.5rem 1.0rem;
    border-right: 1px solid #BEEFAD;
    border-bottom: 1px solid #BEEFAD;
    border-top: 1px solid #BEEFAD;
    color: #000;
    text-align: right;
    font-size: 1.4rem;
}

.TotalbTable .TotalbTableTh.Tric {
    vertical-align: middle;
    text-align: center;
}



.TotalbTable .TotalbTableTd {
    display: table-cell;
    text-align: right;
    padding: 0.5rem 0.5rem 0.4rem 0.5rem;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}

.TotalbTable .tableTri {
    display: table-cell;
    border-bottom: 1px solid #D9D9D9;
}

.TotalbTable .tableTriTr .TotalbTableTd {
    background: #FFF;
}

.TotalbTable .tableTriTr.bg1 .TotalbTableTd {
    background: #EBFFD1;
}

.TotalbTable .tableTriTr.bg2 .TotalbTableTd {
    background: #FFFEEC;
}


.TotalbTable.fntSml .TotalbTableTd,
.TotalbTable.fntSml .TotalbTableTh {
    font-size: 1.3rem;
}

.TotalbTable .TotalbTableTd.th-w_50x {
    width: 5.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_60x {
    width: 6.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_70x {
    width: 7.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_80x {
    width: 8.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_90x {
    width: 9.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_95x {
    width: 9.5rem;
    box-sizing: border-box;
    paddin: 0.5rem 0.5rem 0.4rem 0.5rem;
}

.TotalbTable .TotalbTableTd.th-w_100x {
    width: 10.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_110x {
    width: 11.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_120x {
    width: 12.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_130x {
    width: 13.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_140x {
    width: 14.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_150x {
    width: 15.0rem;
    box-sizing: border-box;
}

.TotalbTable .TotalbTableTd.th-w_200x {
    width: 20.0rem;
    box-sizing: border-box;
}



.TotalTable {
    width: 100%;
    display: table;
}




.TotalTable .putBody {
    display: table-cell;
}

.TotalTable .clearanceBody {
    display: none;
}

.TotalTable .totaloBody {
    position: relative;
    width: 17%;
    display: table-cell;
    padding: 0 0 0 1.0rem;
}
.TotalTable .etctotaltBody {
    width: 15%;
    display: table-cell;
    padding: 0 0 0 1.0rem;
}

.TotalTable .etcprtBody {
    width: 12%;
    display: table-cell;
    padding: 0 0 0 1.0rem;
}

.TotalTable .taxtotaltBody {
    width: 20%;
    display: table-cell;
    padding: 0 0 0 1.0rem;
}

.TotalTable .totaltBody {
    width: 25%;
    display: table-cell;
    padding: 0 0 0 1.0rem;
}

.TotalTable .TotalITable {
    width: 100%;
    display: table;
    margin: 0 0 0.2rem 0;
}

.TotalTable .TotalITable .TotalTableTh {
    width: 15.0rem;
    display: table-cell;
    background: #BEEFAD;
    line-height: 2.0rem;
    padding: 0.5rem 1.0rem;
    border-right: 1px solid #BEEFAD;
    border-bottom: 1px solid #BEEFAD;
    border-top: 1px solid #BEEFAD;
    color: #000;
    text-align: right;
    font-size: 1.4rem;
}
.TotalTable .TotalITable .TotalTableTh.min {
    width: 10.0rem;
}

.TotalTable .TotalITable .TotalTableTd {
    display: table-cell;
    text-align: right;
    padding: 0 1.0rem 0 1.0rem;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}

.TotalTable .listputBtn {
    position: relative;
    width: 10.0rem;
    height: 3.0rem;
}

.TotalTable .listputBtn .lpbtn {
    width: 10.0rem;
    height: 3.0rem;
    background: #000;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.0rem;
    padding: 0 2.0rem 0 0;
    font-size: 1.4rem;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #000 url(../images/svg/awesome-plus.svg) no-repeat right 1.0rem center;
    background-size: auto 1.4rem;
    cursor: pointer;
}

.TotalTable .listputBtn .lpbtn:focus,
.TotalTable .listputBtn .lpbtn:hover {
    opacity: 0.6;
}

.TotalTable .listputBtn ul,
.TotalTable .listputBtn.hide ul {
    display: none;


}

.TotalTable .listputBtn ul.active,
.TotalTable .listputBtn:hover ul {
    display: block;
    position: absolute;
    top: 0px;
    left: 10.0rem;
    background: #000;
    width: 10.0rem;
    z-index: 100;


}

.TotalTable .listputBtn ul li {
    text-align: left;
    border-bottom: 1px solid #dfdfdf;
    padding: 0 0.5rem;
    font-size: 1.4rem;
    line-height: 3.0rem;
    color: #fff;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #000 url(../images/svg/awesome-plus.svg) no-repeat right 1.0rem center;
    background-size: auto 1.2rem;
    cursor: pointer;

}

.TotalTable .refreshTotalBtn {
    position: absolute;
    right: 0;
    width: 10.0rem;
    height: 3.0rem;
    background: #000;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.0rem;
    padding: 0 1.0rem 0 1.0rem;
    font-size: 1.4rem;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #000;
    background-size: auto 1.4rem;
    cursor: pointer;
}

.TotalTable .refreshTotalBtn:focus,
.TotalTable .listputBtn li:focus,
.TotalTable .clearanceBtn li:focus,
.TotalTable .refreshTotalBtn:hover,
.TotalTable .listputBtn li:hover,
.TotalTable .clearanceBtn li:hover {
    opacity: 0.6;
}

.TotalTable .s_input {
    border: none;
    text-align: right;
    width: 100%;
}

.TotalTable .clearanceBtn {
    position: relative;
    width: 10.0rem;
    height: 3.0rem;
}

.TotalTable .clearanceBtn .crbtn {
    width: 10.0rem;
    height: 3.0rem;
    background: #000;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.2rem;
    line-height: 3.0rem;
    padding: 0 2.0rem 0 0;
    font-size: 1.4rem;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    background: #000 url(../images/svg/awesome-plus.svg) no-repeat right 1.0rem center;
    background-size: auto 1.4rem;
    cursor: pointer;
}

.TotalTable .clearanceBtn .crbtn:focus,
.TotalTable .clearanceBtn .crbtn:hover {
    opacity: 0.6;
}


/* ページネーション */
.ContentField .pagination-container {
    padding: 0 0 2.0rem 0;
}

.ContentField .pagination-container .pagination {
    height: 3.0rem;
}

.ContentField .pagination-container .pagination li {
    float: left;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    line-height: 2.8rem;
    width: 3.0rem;
    text-align: center;
    background: #DAFFA2;
}

.ContentField .pagination-container .pagination li:first-child {
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

.ContentField .pagination-container .pagination li a {
    display: block;
    line-height: 2.8rem;
    width: 100%;
    text-align: center;
    background: #fff;
    color: #434343;
}

.ContentField .pagination-container .pagination li a:focus,
.ContentField .pagination-container .pagination li a:hover {
    text-decoration: none;
    background: #DAFFA2;
}



/* モーダル　*/
#alertbg {
    top: 0;
    left: 0;
    position: fixed;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 9999999;
}

#alertbg .bginner {
    top: 0;
    left: 0;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    align-items: center;
    display: flex;
    justify-content: center;
}

#alertbg .alertModal {
    position: relative;
    height: 30.0rem;
    width: 40.0rem;
    background: #fff;
    z-index: 9999999;
    filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.5));
}

#alertbg .alertModal .amTitle {
    height: 5.0rem;
    width: 100%;
    background: #6FCC73;
    line-height: 5.0rem;
    color: #fff;
    position: relative;
    font-size: 1.8rem;
    padding: 0 2.5rem;
}

#alertbg .alertModal .amInner {
    width: 100%;
    padding: 2.0rem 2.0rem;
}

#alertbg .alertModal .amInner .amIcon {
    height: 10.0rem;
    width: 100%;
    padding: 0 0;
    background: url(../images/svg/ionic-ios-information-circle-outline_o.svg) no-repeat center center;
    background-size: auto 6.6rem;
}

#alertbg .alertModal .amInner .amIcon.icon_Del {
    background: url(../images/svg/k_material-delete.svg) no-repeat center center;
    background-size: auto 6.6rem;
}

#alertbg .alertModal .amInner .amText {
    text-align: left;
    font-size: 1.4rem;
}

#alertbg .alertModal .amInner .amBtn {
    position: absolute;
    right: 2.0rem;
    bottom: 2.0rem;
    width: 100%;
}

#alertbg .alertModal .amInner .amBtn .okBtn {
    float: right;
    height: 3.0rem;
    width: 10.0rem;
    line-height: 3.0rem;
    background: #000 url(../images/svg/w_ionic-md-checkmark.svg) no-repeat 6.5rem center;
    background-size: auto 1.7rem;
    color: #fff;
    text-align: left;
    padding: 0 0 0 2.0rem;
    filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.5));
    cursor: pointer;
}

#alertbg .alertModal .amInner .amBtn .closeBtn {
    float: right;
    height: 3.0rem;
    width: 10.0rem;
    line-height: 2.8rem;
    color: 000;
    text-align: center;
    padding: 0 0 0 0;
    background: #fff;
    border: 1px solid #828282;
    margin: 0 0 0 2.0rem;
    filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.5));
    cursor: pointer;
}

#alertbg .okBtn:focus,
#alertbg .closeBtn:focus,
#alertbg .okBtn:hover,
#alertbg .closeBtn:hover {
    opacity: 0.6;
}

/*  NEWSET     */


.authbg {
    background: url(../images/loginbg.jpg) no-repeat center center;
    background-size: cover;
}


.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 3.0rem;
    font-size: 1.2rem;
    z-index: 2;
}

.footer .container {
    height: 3.0rem;
    background: #fff;
    text-align: center;
}

/* upload*/

.ddarea {
    width: 100%;
    height: 30.0rem;
    border: 3px solid #5a5a5a;
    border-radius: 1.0rem;
    text-align: center;
    overflow: hidden;
    background: #fff;
    color: #000;
    padding: 0 0 0 0;
}

.ddarea:hover {
    cursor: pointer;
}

.contentUpload.done .ddarea:hover {
    cursor: default;

}

.contentUpload.done .ddarea {
    border: 3px solid #5a5a5a;
}

.contentUpload .ddarea .upFileBox {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}

.contentUpload .ddarea .upFileInner {
    /*	 border: 3px dashed #5a5a5a;*/
    border-radius: 1.0rem;
    width: 100%;
    padding: 2.5rem 0 0 0;
    height: 26.0rem;
}

.contentUpload .ddarea .upFileBox.fileset .upFileInner {
    /*	 border: 3px solid #5a5a5a;*/
}


.ddarea .icon {
    background: url(../images/svg/insert_link2_icon.svg) no-repeat center center;
    background-size: 6.0rem auto;
    width: 6.0rem;
    height: 3.5rem;
    margin: 0 auto 2.0rem auto;
}

.contentUpload.done .ddarea .icon {
    display: none;
}

.contentUpload.done .text,
.contentUpload.done .fileBtn {
    display: none;

}

.ddarea div {
    text-align: center;
    color: #4d4d4d;
    font-size: 2.4rem;
    line-height: 3.4rem;
}

.ddarea div .fileBtn {
    width: 12.5rem;
    height: 3.5rem;
    background: #000;
    border-radius: 0.5rem;
    color: #fff;
    text-align: center;
    line-height: 3.5rem;
    font-size: 1.2rem;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
    cursor: pointer;
    margin: 1.0rem auto 0 auto;
}

.contentUpload .filesSet {
    width: auto;
    margin: 0 auto;
    display: none;
}

.contentUpload .filesSet p {
    font-size: 1.6rem;
    padding: 0 0 2.0rem 0;
}

.contentUpload .filesSet .upFileText {
    padding: 0 0 0 0;
}

/*モーダル*/
.modal-header {
    background: #6FCC73;
    border-bottom: none;
}

.modal-header .modal-title {
    color: #fff;
}


#ErrorModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_error.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#DeletcheckModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_del.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#BasecheckModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_check.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#BaseModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_check.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#CreateModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_ok.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#UpdateModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_ok.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#DeleteModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_ok.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#MessageModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_check.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}

#PrintcheckModal .modal-body {
    padding-top: 12rem;
    background: url(../images/svg/modal_i_print.svg) no-repeat center top 2.5rem;
    background-size: auto 8rem;
}


.modal-body {
    line-height: 3.2rem;
}
.modal-open {
    overflow: visible;
    position: static;
   }
/*ローディングモーダル*/


.moform {
    padding: 0 0 0 0;
    position: relative;


}

.moform .windowBtn {
    position: absolute;
    top: 1.0rem;
    right: 1.0rem;
    width: 9.0rem;
    height: 3.0rem;
    line-height: 2.8rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.4rem;
    border: 1px solid #A8A8A8;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}


.moform .searchBox {
    position: relative;
    max-width: 172.0rem;
    border: 1px solid #D5D5D5;
    background: #FBFBFB;
    padding: 1.0rem 1.0rem 1.0rem 1.0rem;
    margin-bottom: 1.5rem;
}

.moform .searchBox li {
    padding: 0 0 1.0rem 0;
}

.moform .searchBox .formBox {
    display: inline-block;
    font-size: 0;
    width: 21.5rem;
    padding: 0 2.0rem 0 0;
}

.moform .searchBox .formBox.wi_30 {
    width: 31.5rem;
}

.moform .searchBox .formBox .formInput input {
    border: 1px solid #D9D9D9;
    line-height: 3.0rem;
    width: 100%;
    padding: 0 2.0rem 0 0.5rem;
}

.moform .formInput input.wi_20 {
    width: 20%;
}

.moform .formInput input.wi_25 {
    width: 25%;
}

.moform .formInput input.wi_30 {
    width: 30%;
}

.moform .formInput input.wi_40 {
    width: 43%;
}


.moform .searchBtn {
    width: 30.0rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 1.6rem;
    border: none;
    filter: drop-shadow(0 1px 0.2rem rgba(0, 0, 0, 0.6));
}

.moform .searchBtn:focus,
.moform .searchBtn:hover {
    opacity: 0.6;

}

.moform .searchBtn span {
    padding: 0 3.0rem 0 3.0rem;
    background: url(../images/svg/ionic-ios-search.svg) no-repeat right center;
    background-size: auto 1.6rem;
}

.moformlist {}

.moformlistsc {
    overflow-y: auto;
    height: 20.0rem;
}

.moformMultiList {
    display: flex;
    justify-content: space-around;
}
.moformMultiListSc {
    display: block;
    overflow-y: auto;
    height: 46.0rem;
}

.moformMultiListSc .listTable
.moformlist .listTable {
    width: 100%;
    text-align: center;
    margin: 0 0 0 0;
}

.moformlist .listTable.formview {
    width: 100%;
    text-align: center;
    margin: 2.0rem 0 1.0rem 0;
}

.moformlist .listTable th {
    background: #6FCC73;
    line-height: 2.0rem;
    padding: 1.0rem 0.5rem;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.moformlist .listTable thead .jplist {
    display: none;
}

.moformlist .listTable th:last-child {
    border-right: none;
}

.moformlist .listTable th.al_l {
    text-align: left;
    padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}

.moformlist .listTable th.al_c {
    text-align: center;
    padding: 1.0rem 0.5rem 1.0rem 0.5rem;
}

.moformlist .listTable th.al_r {
    text-align: right;
    padding: 1.0rem 1.0rem 1.0rem 1.0rem;
}

.moformlist .listTable tr {
    background: #fff;
}

.moformlist .listTable tr:nth-child(even) {
    background: #F8F8F8;
}

.moformlist .listTable tr.tLink {
    cursor: pointer;
}

.moformlist .listTable tr.tLink:focus .al_l,
.moformlist .listTable tr.tLink:focus .al_c,
.moformlist .listTable tr.tLink:focus .al_r,
.moformlist .listTable tr.tLink:hover .al_l,
.moformlist .listTable tr.tLink:hover .al_c,
.moformlist .listTable tr.tLink:hover .al_r {
    background: #DAFFA2;
}

.moformlist .listTable tr td {
    padding: 0.2rem 1.0rem;
    line-height: 2.0rem;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #CBCBCB;
}

.moformlist .listTable tr td:last-child {
    border-right: none;
}

.moformlist .listTable td.al_l {
    text-align: left;
    padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}

.moformlist .listTable td.al_r {
    text-align: right;
    padding: 1.0rem 0.5rem 1.0rem 1.0rem;
}







/*ローディングモーダル*/
#LoadingModal .icons,
#LoadingModal .icons:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

#LoadingModal .icons {
    margin: 2.0rem auto;
    font-size: 1.0rem;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 128, 0, 0.2);
    border-right: 1.1em solid rgba(255, 128, 0, 0.2);
    border-bottom: 1.1em solid rgba(255, 128, 0, 0.2);
    border-left: 1.1em solid #ff8000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/* ローディングの背景部分のCSS */
.loader {
    background: #6fcc73;
    height: 100%;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    animation: loaderfade 0.5s linear 10s 1 normal forwards, loaderwidth 0.1s linear 1.5s 1 normal forwards;
}

@keyframes loaderfade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loaderwidth {
    0% {
        width: 0;
    }

    100% {
        width: 0;
    }
}

#loading-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 100px;
    height: 30px;
    margin: -7px 0 0 -45px;
    text-align: center;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
  }
  
  #loading-content {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    margin: -85px 0 0 -85px;
    border: 3px solid #fff;
  }
  
  #loading-content:after {
    content: "";
    position: absolute;
    border: 3px solid #fff;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
  }
  
  #loading-content:before {
    content: "";
    position: absolute;
    border: 3px solid #fff;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
  }
  
  #loading-content {
    border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-radius: 50%;
    -webkit-animation: loader3 2s linear infinite;
    -moz-animation: loader3 2s linear infinite;
    -o-animation: loader3 2s linear infinite;
    animation: loader3 2s linear infinite;
  }
  
  #loading-content:before {
    border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-radius: 50%;
    -webkit-animation: loader3 3s linear infinite;
      -moz-animation: loader3 2s linear infinite;
    -o-animation: loader3 2s linear infinite;
    animation: loader3 3s linear infinite;
  }
  
  #loading-content:after {
    border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-radius: 50%;
    -webkit-animation: loader3 1.5s linear infinite;
    animation: loader3 1.5s linear infinite;
      -moz-animation: loader3 2s linear infinite;
    -o-animation: loader3 2s linear infinite;
  }
  
  @-webkit-keyframes loaders3 {
    0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @keyframes loader3 {
    0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  #content-wrapper {
    color: #FFF;
    position: fixed;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
  }

  
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
    background: #ffffff;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader-animation {
    height: 1.0rem;
    left: 50%;
    margin: -0.5rem 0 0 -0.5rem;
    position: absolute;
    top: 50%;
    width: 1.0rem;
    color: #ffffff;
    text-indent: -9999em;
    font-size: 1.0rem;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader-animation:before,
.loader-animation:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader-animation:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader-animation:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1 {

    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.datepicker {
    z-index: 1030 !important;
    font-size: 1.4rem;
}

.font-bold {
    font-weight: bold;
}

.diplay-none {
    display: none;
}