/* RESET----------------------------------------------------------------------------------------------------*/
*,*::before,*::after {box-sizing: border-box;}
/**{border: 1px solid #eb6100;}*/
html{font-size: 62.5%; height: 100%; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none;}
input, button,textarea, select {font: inherit;}
body{font-size: 1.6rem; margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Noto Sans JP','Roboto','Fira Sans','Open Sans','Oswald','inxray-font',sans-serif; font-weight: 400; color:#1E1E1E;}
#responsive {display: none;}
.responsive{position: fixed; top:0; left:0; width: 100%; height:100vh; background: rgba(0,0,0,0.95); overflow: hidden; z-index: 999999;}
.resp_message{position: relative; top:50%; left:50%; transform: translate(-50%, -50%); background: rgba(255,255,255,1.0); width: 360px; height: 240px; padding: 0 0 1.0em; border-radius: 8px;}
.res_logo{position:relative; background: #036eb8; padding: 0.5em 0; text-align: center; border-radius: 8px 8px 0 0;}
.res_logo img{ width: 180px; height: auto;}
.close-btn{position:absolute; top: 0.5em; right:0.25em; font-size: 1.5em; cursor: pointer; color: #ffffff;}
.res_p{margin: 0.25em 0; padding: 0.25em 1.0em 0; text-indent: 1.0em;}

ul,ol{list-style-type: none;}
.clear{clear:both;}
.clear_sp{display: none;}
.n-border {border-style: none;}
.foot_space30{height:30px;}
.foot_space100{height:100px;}
.clear{clear: both;}
img {max-width: 100%; height:auto; border-style:none;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:link,a:visited, a:hover, a:active{color: #0363a5;}
.link-fit{width: fit-content; padding: 0!important; margin: 0!important;}
i{font-size: 1.3em;}
.success_box { display: inline-block; color: white; background: green; font-size: 90%; border-radius: 4px; padding: 0 2px; }
.boundary{border-width: 0 0 0 0;}
.ft4{font-weight: 400;}
.ft5{font-weight: 500;}
.ft6{font-weight: 600;}
.ft7{font-weight: 700;}
.ft9{font-weight: 900;}
/* HEADER----------------------------------------------------------------------------------------------------*/
header {width: 100%; position: fixed; top: 0; left: 0; margin: 0; padding: 0; display: table; background: #036eb8; border-bottom: 2px solid #036eb8; font-size: 0.9em; font-family: 'Noto Sans JP',sans-serif; z-index: 99;}

.head_bt{position: relative; width: 50px; display: table-cell; text-align: center; color:#fff; vertical-align: middle; font-size: 2.5em;}
.head_bt span{position: absolute; top: 2px; left:-10px; cursor: pointer;}
.head_contents{width: calc(100% - 390px); display: table-cell; text-align: right; vertical-align: middle;}
.head_out{width: 140px; display: table-cell; vertical-align: middle;}
.head_logo{width: 200px; display: table-cell; color:#fff; vertical-align: middle; text-align: center; z-index: 111;}
.head_logo img{width:100%; height: auto;}
.comp-name{width:calc(100% - 20px); color: #BDD9EC; margin: 0 auto; padding: 4px 2px;}
.comp-name span{display: block;}
.comp-name span i{position: relative; top: 0.15em; left:-0.25em;}

.signout{position:relative; width:fit-content; background: #036eb8; margin: 0 auto;}
.signout:before{position:absolute; top:25%; right:0.5em; content: "\e90d"; font-family: "inxray-font",sans-serif; font-weight: 600; color: #fff;}
.signout a{display:block; height:100%; width: 100%; padding: 4px 1.8em 4px 0.5em; text-align: center; background: #036eb8; color: #fff; border-radius: 2px;}
.signout a:hover{background: #3F90C9; color: #fff; border-radius: 2px;}
.signout a:hover{background: #3F90C9; color: #fff; border-radius: 2px;}

.mem_info{height:60px; margin:0; color:#fff; padding: 4px 10px 0 0; display:flex; align-items:center; justify-content:flex-end;}
.mem_info a img{width:auto; height:50px; transition:opacity .3s;}
.mem_info a:hover img{opacity:.5;}

.openbtn{position:relative; cursor:pointer; width:100%; height:50px;}
.openbtn span{display:inline-block; transition:all .4s; position:absolute; left:10px; height:3px; border-radius:2px; background:#fff; width:60%;}
.openbtn span:nth-of-type(1){top:10px;}
.openbtn span:nth-of-type(2){top:19px;}
.openbtn span:nth-of-type(3){top:28px;}
.openbtn span:nth-of-type(3)::after{content:"Menu"; position:absolute; transform:none; top:8px; left:0; color:#fff; font-size:.3em; text-transform:uppercase;}

.openbtn:hover > span{background: #6bb6ff;}
.openbtn:hover > span:nth-of-type(3)::after{color: #6bb6ff;}

.openbtn.active  span:nth-of-type(1){top:14px; left:10px; transform:translateY(6px) rotate(-45deg); width:60%}
.openbtn.active  span:nth-of-type(2){opacity:0;}
.openbtn.active  span:nth-of-type(3){top:26px; left:10px; transform:translateY(-6px) rotate(45deg); width:60%}
.openbtn.active  span:nth-of-type(3)::after{content:"Close"; position:absolute; transform:translateY(6px) rotate(-45deg); top:100%; left:16px; font-size:.3em; text-transform:uppercase;}

.openbtn.active:hover > span{background: #6bb6ff;}
.openbtn.active:hover > span:nth-of-type(3)::after{color: #6bb6ff;}


.mem_name{font-size: 1.2em; padding: 0 10px;}
.contents{width: 100%; min-width: 1260px; margin: 0; padding: 0 10px 230px 10px; z-index: 1; transition: right 0.5s ease;}
.no-contents{width: calc(100% - 245px); min-width: calc(1260px - 245px); margin: 0 0 0 245px; padding: 0 10px 230px 0; z-index: 1;}
.xcontents{width: 100%; min-width: 1260px; margin: 0; padding: 0 10px 50px 10px; z-index: 1; transition: right 0.5s ease;}
.nx-contents{width: calc(100% - 245px); min-width: calc(1260px - 245px); margin: 0 0 0 245px; padding: 0 10px 50px 0; z-index: 1;}

.fixedElement{position: sticky; width: calc(100% - 440px); top: 0; left:105px; margin:0 0 5px 0; padding: 0; border-left: 5px solid #0363a5; z-index: 99;}
.fixed {top: 0; left:105px; margin:0; padding: 0;  color:#ffffff; border-left: 5px solid #6bb6ff; z-index: 199;}
.fixedElement p.en{margin:0; padding: 0.75em 0; font-size: 1.5em; font-weight: bold; font-family: 'Secular One', sans-serif;}
.fixedElement p.jp{margin:0; padding: 0.75em 0; font-size: 1.3em; font-weight: bold;}
.fixedElement p.jp span{font-size: 0.9em;}
.fixedElement p.jp .rqequ{position:relative; display:inline-block; float:right; font-size: 0.7em; font-weight: normal; padding-left: 1.0em; margin-left: 0.5em; }
.fixedElement p.jp .rqequ::before{position:absolute; content:""; display:inline-block; width:6px; height:20px; background-color:#8E0D23; top:0; left:0;}
.fixedElement i{margin: 0 0.5em;}
.dash-title{position: sticky; width: calc(100% - 440px); top: 0; left:105px; margin:1.0em 0; padding: 0; border-left: 6px double #0363a5;}
.dash-title i{margin: 0 0.5em;}
.dash-title p.jp{margin:0; padding: 0.3em 0; font-size: 1.2em; font-weight: bold;}
.dash_title_type{width: calc(100% - 2.0em); margin:1.0em 2.0em; padding: 0; font-size: 1.1em; border-left: 3px solid #0363a5;}
.dash_title_type i{margin: 0 0.5em;}
.dash_menu {position: relative; cursor: pointer; width:180px; aspect-ratio: 1 / 0.5; margin: 0 auto 1.0em; padding: 1.0em 0 0; border: 1px solid #036eb8; color: #036eb8; border-radius: 3px;}
.dash_menu i{color: #036eb8!important; font-size: 1.8em!important;}
.dash_menu:hover{background: #036eb8; color: #ffffff;}
.dash_menu i:hover{pointer-events:none;}
.dash_menu:hover i{color: #ffffff!important;}
.dash_submenu{display:none;position:absolute;top:0;left:0;width:100%;max-height:none;overflow:visible;z-index:1000;font-size:.85em;background-color:#fff;padding:0;margin:0;border:1px solid #036eb8;list-style:none}
/*.dash_submenu{display:none; position:absolute; top: 0; left: 0; width:100%; max-height: none; overflow: visible; font-size: 0.85em; background-color:#fff; padding:0; margin:0; border: 1px solid #036eb8; list-style:none; z-index:100;}*/
.dash_submenu li{display:block; width:100%; margin:0; padding:0; text-align: left; border-bottom:1px solid #eee; vertical-align:middle; line-height:2.0;}
.dash_submenu li:last-child{border-bottom:none;}
.dash_menu:hover .dash_submenu{display:block;}
.dash_submenu li.head{text-align: center; background: #036eb8; color:#ffffff; padding: 0.5em 0;}
.dash_submenu li.head i{margin: 0 0.2em 0 0;}
.dash_submenu li a:hover{width:100%; text-align: left; background-color:#ffffff; color:#1773b3;}
.dash_submenu li a{display:block; width:100%; height:100%; text-align: left; margin:0; padding: 0.3em 0 0.3em 0.3em; background-color: #6bb6ff; text-decoration:none; color:#ffffff;}

.no-title{}
.p_title {width:100%; position: relative; padding: 1rem 2rem; border-bottom: 3px solid #005d9b; font-size: 1.2em; font-weight: bold;}
.p_title:before {position: absolute; bottom: -3px; left: 0; width: 20%; height: 3px; content: ''; background: #2ea7e0;}
.fixed span{color:#ffffff;}
.sub_title{width:fit-content; margin: 10px 120px; font-size: 1.1em; font-weight: bold;}

.tab_all{width: 100%; display:table; padding:5px; border-collapse: collapse; background: #ffffff; position:relative;}
.tab_row{display: table-row;}
.tb_30{width: 30%; display:table-cell; border-collapse: collapse;}
.tb_35{width: 35%; display:table-cell; border-collapse: collapse;}
.tb_65{width: 65%; display:table-cell; border-collapse: collapse;}
.tb_70{width: 70%; display:table-cell; border-collapse: collapse;}

.txpt_10_5{padding: 10px 5px;}
.txpt_5_5{padding: 5px 5px;}
.txac{text-align: center;}
.txar{text-align: right;}
.radio_pos{position: relative; width: fit-content;}
.radio_pos_ix{position: relative; width: fit-content; padding-bottom: 10px;}
.span_inline{position: absolute; right:-130px; top: 2px;}
.span_inline_ix{position: absolute; right:0; bottom: 0;}
.sort-p{width: 100%; margin: 0; padding:0;text-align: right;}
.sort-p{width:100%; margin-top:2px; padding: 0.2em; border-radius: 2px; color: #333333; font-size: 1em; cursor: pointer; font-family: 'Noto Sans JP', sans-serif;}
.sort-span-title{display: inline-block; width: 160px; padding: 0 10px;}
.sort-span-select{display: inline-block; width: 180px; padding: 0; text-align: left;}
.sort-span-select select {width:100%; margin-top:2px; padding: 0.2em; border-radius: 2px; color: #333333; font-size: 1em; cursor: pointer; font-family: 'Noto Sans JP', sans-serif;}
/* P */
/*-------------------------------------------------------------------------*/
.p_stitile {padding: 0; margin: 30px auto 0; text-align: center; font-size: 1.1em; font-weight: 500;}
.p_in0{text-indent: 1.0em; margin: 0.5em; line-height: 1.5;}
.p_in1{padding: 0; margin:0; text-indent: 1.0em; line-height: 1.8;}
.p_in1 a.a:hover{width:fit-content; padding: 0!important; margin: 0!important;}
.p_in1r{text-indent: 1.0em; line-height: 1.5; text-align: right;}
.p_in2{text-indent: 2em; line-height: 1.5;}
.p_in2r{text-indent: 2em; line-height: 1.5; text-align: right;}
.p_inc{width: fit-content; margin: 0 auto; text-align: center;}
.p_inc i{position: relative; top: 0.2em;}
.p_inc a{display:block; padding: 0.5em 1.0em; color: #0363a5; border: 1px solid #0363a5; border-radius: 0.5em;}
.p_inc a:hover{background: #0363a5; color: #ffffff;}
.p-bigf{padding:0; margin:0; font-size: 2.0em; font-weight: bold;}
.ul-pl{width: 100%; margin: 0; padding: 0 0 0 40px; text-align: left;}
.ul-pr{width: 100%; margin: 0; padding: 0 10px 0 0; text-align: right;}
.ul-pc{width: 100%; margin: 0 auto; padding: 0; text-align: center;}
.ul-pc-m{width: fit-content; font-size: 0.95em; margin: 0 auto; padding: 0; text-align: center;}
.ul-pl-fm{width: fit-content; font-size: 0.95em; margin: 0 auto; padding: 0; text-align: left;}

.button-pc{width: 100%; margin: 20px auto; padding: 0; text-align: center;}
.p-anno{position:relative; top: -30px; left:130px;  display:inline-block; margin: 0 0 -30px 10px; padding: 0 3px; background: #e6e6e6; border-radius: 2px;}
.p-anno2{position:relative; top: -5px; left:0;  display:inline-block; margin: 0 0 -30px 10px; padding: 0 3px; background: #e6e6e6; border-radius: 2px;}

/* MENU----------------------------------------------------------------------------------------------------*/
.iconfream input[type="checkbox"]{display:none;}
.iconfream label[for="menu"]{display:block; background:#ffffff; color: #cdcdcd; font-size: 1.4em; text-align: center; border-radius: 50%; padding: 6px 4px 4px 4px; cursor: pointer;}
.myicon:hover{background: darkred;}

.menu {position: fixed; top:61px; left:-235px; width: 240px; height:calc(100vh - 61px); max-height: calc(100vh - 61px); background-color: #1d7dbf; color: #fff; padding-top: 0; z-index: 100; font-family: 'Noto Sans JP', sans-serif; transition: left 0.5s ease;}
.menu i{margin: 0.5em 0.5em 0 0;}
.dirrt{height:calc(100vh - 61px); max-height: calc(100vh - 61px); padding-bottom: 120px; overflow-y: auto; direction: rtl;}
.dirrt .scroll_bar::-webkit-scrollbar {width: 5px;}
.diltr{direction: ltr;}
.menu ul {list-style: none; padding: 0; margin: 0;}
.menu-item {position: relative; padding: 0; margin: -9px 0 0 0;}
.menu-item a {display: block; padding: 8px 0 8px 0.5em; text-decoration: none; color: #fff; transition: background-color 0.3s;}
.menu-item_n {position: relative;}
.menu-item_n a {display: block; padding: 15px 0 15px 0.5em; text-decoration: none; color: #fff; transition: background-color 0.3s;}
.menu-item_n:hover{background-color: #0363a5;}
.no-view{left:0;}

.dmenu{display:none; position:absolute; top:61px; right:0; width:200px; float: right; text-align:left; background: #ffffff; border: 1px solid #bcbcbc; animation: slideOut 1s ,cubic-bezier(0.25, 1, 0.5, 1) 1 backwards;}
.dmenu p{margin: 0.6em 0.2em;}
.dmenu .dmenu-ul{margin: 0; padding: 0; list-style: none;}
.dmenu .dmenu-ul li{margin: 0; padding:0; line-height: 3;}
.dmenu .dmenu-ul li a:link, a:visited, a:hover, a:active{width: 100%; margin: 0; text-align: left;}
.dmenu .dmenu-ul li a:hover{display: block; background: #0368cc; color: #ffffff;}

#menu:checked + .dmenu{display:block; animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
#menu:checked + .iconfream label{background: #0368cc; color: #ffffff;}
.menu-link-hed {width:100%; margin: 0; text-decoration: none; color: #fff; transition: background-color 0.3s; cursor: pointer;}
.menu-link-hed a, .menu-link-hed a:link,.menu-link-hed a:visited,.menu-link-hed a:hover,.menu-link-hed a:active{display: block ;width:100%; height: auto; margin: 0; padding: 8px 0 8px 1.0em; text-decoration: none; color: #fff; transition: background-color 0.3s; cursor: pointer;}
.menu-link-hed:hover{margin: 0; background: #0363a5; color: #fff; transition: background-color 0.3s;}

.menu-link {display: block; margin: 10px 0 0; padding: 8px 0 8px 1.0em; text-decoration: none; color: #fff; transition: background-color 0.3s; cursor: pointer;}
.menu-link:hover{background-color: #0363a5; color: #fff;}
.menu__arrow:before{position: absolute; top: 35%; right: 0.8em; font-family: 'inxray-font', serif; color:#fff; content: '\e903'; font-weight: 600;}
.menu__arrow:hover:after{right: 0.5em; transition: 3.0s, opacity 0.5s, visibility 0.5s;}
.menu__lock:before{position: absolute; top: 25%; right: 0.35em; font-family: 'inxray-font', serif; color: #ffff00; content: '\e9bb'; font-weight: 500; font-size: 1.55em;}


.submenu {background-color: #358bc6; position: fixed; top: 61px; left: -240px; width: 230px; height:100vh; padding-top: 0; opacity: 1; visibility: hidden; transition: 0.5s, opacity 0.5s, visibility 0.5s; z-index: 101;}
.submenu.active {left: 10px; opacity: 1; visibility: visible;}
.sub_menu__arrow:after{position: absolute; top:35%; right: 0.8em; font-family: 'inxray-font', serif; color:#fff; content: '\e907'; font-weight: 600;}
.sub_menu__arrow:hover:after{right: 0.5em; transition: left 3.0s, opacity 0.5s, visibility 0.5s;}

.submenu ul{margin: 0; color: #fff;}
.submenu .sub_menu-link{margin-top: -2px; color: #fff; line-height: 1.6;}
.submenu .sub_menu-link li{padding: 0; color: #fff;}
.submenu .sub_menu-link li a{display:block; width: 100%; color: #fff;}
.submenu .sub_menu-link li a:hover{background:#1d7dbf; color: #fff!important;}

.plinkm {width:100%; padding: 9px 0; margin: 0; background-color: #0363a5; text-align: center; text-indent: -1.5em; font-size: 1.05em; font-weight: 500; cursor: pointer;}
.plinks {width:100%; padding: 2px 0; margin: 0; background-color: #0363a5; text-align: center; text-indent: -1.5em; font-size: 1.05em; font-weight: 500; cursor: pointer;}
.plinkm i{margin-right: -0.5em; padding-right: 1.0em;}
.plinks i{margin: 0 5.0em 0 -1.5em; padding-right: 1.0em;}
.plinkm:hover{background-color:#033560;}
.plinkm:after{position:relative; top:5px; left: 10px; font-family: 'inxray-font', serif; color:#fff; content: '\e974'; font-size: 1.6em;}

.foot_ul {position:absolute; width:100%; bottom:45px; list-style: none; padding: 0; margin: 0; font-size: 0.9em; background-color: #1d7dbf;}
.foot_ul li {position: relative; margin: 0; line-height: 1.5;}
.foot_ul li::after{position: absolute; top:25%; right: 0.8em; font-family: 'inxray-font', serif; color:#fff; content: '\e907'; font-weight: 600;}
.foot_ul li a {display: block; width:100%; height: 100%; text-align: left; padding: 8px 0 8px 1.0em; text-decoration: none; color: #fff; transition: background-color 0.3s;}
.foot_ul li:hover{background-color: #0363a5;}
.foot_p{position:absolute; width:100%; bottom:-15px; padding: 10px 0; text-align: center; z-index: 102; background-color: #1d7dbf;}

#page-top {position: fixed; width: 100%; height: 38px; padding: 0; margin: 0; right:0; bottom:0; background: #ffffff; z-index: 99; opacity: 0;}
#page-top i{position: absolute; top:5px;}
#page-top a{display: flex; justify-content:center; width: 100%; height: 100%; background: rgba(159,160,160,0.5); color:#fff; font-size:1.6em; text-align: center; text-decoration: none;}
#page-top a:hover{background: #006CB3; color: #ffffff;}
#page-top.UpMove{animation: UpAnime 0.5s forwards;}
.no-top{position: fixed; width:100%; height: 38px; padding: 0; margin: 0; right:0; bottom:0; z-index: 11; opacity: 0;}
@keyframes UpAnime{
	from {opacity: 0; transform: translateY(100px);  }
	to {opacity: 1; transform: translateY(0);  }
}
#page-top.DownMove{animation: DownAnime 0.5s forwards;}
@keyframes DownAnime {
	from {opacity: 1; transform: translateY(0);}
	to {opacity: 1; transform: translateY(100px);}
}
/* UL/OL */
/*-------------------------------------------------------------------------*/
ol.numb-oltit{list-style-type: number; text-align: left; font-size:1.0em; padding: 0 0 0.5em; margin: 0 0 0 1.5em; line-height: 1.5;}
.numb-oltit li {padding: 0.5em 0;}
.numb-oltit li.title {font-weight:bold; }
.numb-ol{list-style-type: number; text-align: left; font-size:1em; padding: 0 0 0.5em 1.5em; line-height: 1.5;}
.numb-ol li {padding-bottom: 0.5em;}
.olin-disc-ul{list-style-type: disc; text-align: left; font-size:1em; padding: 0 0 0.5em 3.0em; line-height: 1.5;}
.olin-disc-ul li {margin-left: -20px;}
.disc-ul-numb-ol{list-style-type: circle; text-align: left; font-size:1em; padding-bottom: 0.8em; line-height: 1.5;}
.disc-ul-numb-ol li {margin-left: -35px;}
.disc-ul{list-style-type: disc; text-align: left; font-size:1em; padding-bottom: 0.8em; line-height: 1.5;}
ol .sho{text-align: left; padding-left: 0; list-style: none; counter-reset: only 1;}
.sho li.sho-li:before {content: "第" counter(sho-li) "章"; padding-right: 1em; margin-left: -1em;}
.sho li.sho-li {counter-increment: sho-li; text-indent:1.3em; padding: 0.8em 0; text-align: left; font-weight: 500;}
.pre_jyo li{margin: 0.5em 0 0 -2.5em; padding-left: 0; text-indent: 0; text-align: left; font-weight: 400;}
.pre_jyo .jyoli {margin: 0.5em 0 0 1.0em; padding: 0 0 0 2.5em; text-indent: -3.85em; text-align: left;}
.sho li.ka_ka{padding: 0 0 0 2.0em;}
.sho li.ka_ka:before{font-weight: 600; font-family:'inxray-font', serif; content: "\e945"; margin: 0.3em 0 0 -1.5em;}
.sho li.ka_ka:after{font-weight: 600; font-family:'inxray-font', serif; content: "\e945"; margin: 0.3em 0 0 0.5em;}
.only {list-style:decimal; margin: 0; padding: 0 0 0 1.0em;}
.only li {margin: 0.5em 0 0 1.5em; padding: 0 0 0 1.0em;}

.kakko li {margin: 0.5em 0 0 -0.5em; padding: 0; text-indent: -3.0em; counter-increment: kakko;}
.kakko li:before {padding-right: 0.5em; content: "（" counter(kakko) "）";}
.kakkob li {margin: 0.5em 0 0 3.0em; padding: 0; text-indent: -3.0em; counter-increment: kakkob;}
.kakkob li:before {padding-right: 0.5em; content: "（" counter(kakkob) "）";}
.kakkoc li {margin: 0.5em 0 0 2.0em; padding: 0; text-indent: -3.0em; counter-increment: kakkob;}
.kakkoc li:before {padding-right: 0.5em; content: "（" counter(kakkob) "）";}

.div-slip{width:100%; margin: 0; padding:0;}
.div-slip-tub{width:100%; margin: 0; padding:0;}
.div-sum{width:100%; min-width: 1260px; max-width: 1440px; position: fixed; bottom: 0; left: 0; padding: 5px 10px 5px 0; transition: right 0.5s ease; box-shadow: 0 -2px 15px -5px #ababab; background: #ffffff; z-index: 0;}
.no-div-sum{width:100%; min-width: 1260px; max-width: 1675px;  padding: 5px 10px 5px 0; transition: right 0.5s ease; box-shadow: 0 -2px 15px -5px #ababab; background: #ffffff; z-index: 10;}
.div-sum_cl{width:100%; max-width: 1440px;}
.head{text-align: center!important; padding: 0; margin-bottom: -2px; border-collapse: collapse; column-gap: 1px; vertical-align: middle; background: #e6e6e6; line-height: 2;}
.head i{position:relative; top:2px!important; left:2px; font-size: 1.3em; margin: 0; padding: 0; color: #9fa0a0;}

.ul-slip{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0; overflow: hidden;}
.ul-slip li{margin: 0; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6;}
.ul-slip li > .mar-bt{margin: 0 0 3px 0;}
.ul-slip--nowrap{flex-wrap: nowrap;}

.div_nowrap{position:relative; display:block; width:100%; overflow:hidden; padding:.35em .5em; color:#0a64be; cursor:pointer;}
.div_nowrap:hover{background:#6baaec; color:#fff;}

.p_nowrap{margin:0; padding:0; width: 100%; overflow:hidden; z-index:1; position:relative;}
.p_nowrap a{position:absolute; inset:0; display:block; z-index:2;}
.p_nowrap a:after{content:"\e900"; font-family:"inxray-font",serif; font-size:1.1em; position:absolute; top:.1em; right:.25em;}
.smallspan{display:inline-block; font-size: 90%; color:#bb0000;}

.fa-back{position: relative; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: 90;}
.base680{position:absolute; width: 520px; top: 35%; left: 50%; transform: translateX(-50%); background:#fff; border-radius:6px;}

.deleted{position: relative; background: #fffce3;}
.deleted:before{position:absolute; top:30%; font-family:'inxray-font', serif; content: "\e966"; font-size: 1.2em; color: #cc0303;}
.ul-gap{column-gap: 0.25%;}
.ul-slip-m280{padding-bottom: 240px; overflow: visible !important; position: static !important;}
.li7p{width:7.14%;}
.li76p{width:7.69%;}
.li33{width:33%;}
.li66{width:66%;}
.li20{width:20px;}
.li30{width:30px;}
.li36{width:36px;}
.li40{width:40px;}
.li60{width:60px;}
.li80{width:80px;}
.li100{width:100px;}
.li110{width:110px;}
.li120{width:120px;}
.li130{width:130px;}
.li140{width:140px;}
.li150{width:150px;}
.li160{width:160px;}
.li180{width:180px;}
.li190{width:190px;}
.li200{width:200px;}
.li210{width:210px;}
.li220{width:220px;}
.li230{width:230px;}
.li240{width:240px;}
.li250{width:250px;}
.li260{width:260px;}
.li280{width:280px;}
.li300{width:300px;}
.li310{width:310px;}
.li330{width:330px;}
.li320{width:320px;}
.li360{width:360px;}
.li370{width:370px;}
.li400{width:400px;}
.li420{width:420px;}
.li500{width:500px;}
.li540{width:540px;}
.li530{width:530px;}
.li560{width:560px;}
.li600{width:600px;}
.li610{width:610px;}
.li620{width:620px;}
.li800{width:800px;}
.li-000{width:100%;}

.li-40{width:calc(100% - 40px);}
.li-100{width:calc(100% - 100px);}
.li-120{width:calc(100% - 120px);}
.li-130{width:calc(100% - 130px);}
.li-140{width:calc(100% - 140px);}
.li-160{width:calc(100% - 160px);}
.li-180{width:calc(100% - 180px);}
.li-200{width:calc(100% - 200px);}
.li-240{width:calc(100% - 240px);}
.li-280{width:calc(100% - 280px);}
.li-300{width:calc(100% - 300px);}
.li-320{width:calc(100% - 320px);}
.li-330{width:calc(100% - 330px);}
.li-340{width:calc(100% - 340px);}
.li-360{width:calc(100% - 360px);}
.li-380{width:calc(100% - 380px);}
.li-400{width:calc(100% - 400px);}
.li-420{width:calc(100% - 420px);}
.li-440{width:calc(100% - 440px);}
.li-460{width:calc(100% - 460px);}
.li-480{width:calc(100% - 480px);}
.li-500{width:calc(100% - 500px);}
.li-520{width:calc(100% - 520px);}
.li-540{width:calc(100% - 540px);}
.li-560{width:calc(100% - 560px);}
.li-580{width:calc(100% - 580px);}
.li-600{width:calc(100% - 600px);}
.li-620{width:calc(100% - 620px);}
.li-630{width:calc(100% - 630px);}
.li-640{width:calc(100% - 640px);}
.li-650{width:calc(100% - 650px);}
.li-660{width:calc(100% - 660px);}
.li-680{width:calc(100% - 680px);}
.li-700{width:calc(100% - 700px);}
.li-720{width:calc(100% - 720px);}
.li-730{width:calc(100% - 730px);}
.li-740{width:calc(100% - 740px);}
.li-750{width:calc(100% - 750px);}
.li-760{width:calc(100% - 760px);}
.li-780{width:calc(100% - 780px);}
.li-800{width:calc(100% - 800px);}
.li-820{width:calc(100% - 820px);}
.li-830{width:calc(100% - 830px);}
.li-840{width:calc(100% - 840px);}
.li-860{width:calc(100% - 860px);}
.li-880{width:calc(100% - 880px);}
.li-900{width:calc(100% - 900px);}
.li-920{width:calc(100% - 920px);}
.li-940{width:calc(100% - 940px);}
.li-980{width:calc(100% - 980px);}
.li-1000{width:calc(100% - 1000px);}
.li-1020{width:calc(100% - 1020px);}
.li-1040{width:calc(100% - 1040px);}
.li-1060{width:calc(100% - 1060px);}
.li-1080{width:calc(100% - 1080px);}

.li-100-4-5{width:calc((100% / 4 ) - 0.2%);}
.li-100-3{width:calc((100%) / 3 );}
.li-100-4{width:calc((100%) / 4 );}
.li-100-6{width:200px;}
.li-000-2{width:calc(100% / 2);}
.li-40-4{width:calc((100% - 40px) / 4 );}
.li-120-2{width:calc((100% - 120px) / 2 );}
.li-160-2{width:calc((100% - 160px) / 2 );}
.li-200-2{width:calc((100% - 200px) / 2 );}
.li-200-4{width:calc((100% - 200px) / 4 );}
.li-240-2{width:calc((100% - 240px) / 2 );}
.li-240-4{width:calc((100% - 240px) / 4 );}
.li-280-2{width:calc((100% - 280px) / 2 );}
.li-280-3{width:calc((100% - 280px) / 3 );}
.li-320-2{width:calc((100% - 320px) / 2 );}
.li-300-4{width:calc((100% - 300px) / 4 );}
.li-300-5{width:calc((100% - 300px) / 5 );}
.li-360-2{width:calc((100% - 360px) / 2 );}
.li-360-4{width:calc((100% - 360px) / 4 );}
.li-400-2{width:calc((100% - 400px) / 2 );}
.li-400-3{width:calc((100% - 400px) / 3 );}
.li-400-4{width:calc((100% - 400px) / 4 );}
.li-420-3{width:calc((100% - 420px) / 3 );}
.li-420-3-140{width:calc((100% - 420px) / 3 + 140px);}
.li-440-2{width:calc((100% - 440px) / 2 );}
.li-440-3{width:calc((100% - 440px) / 3 );}
.li-440-5{width:calc((100% - 440px) / 5 );}
.li-460-2{width:calc((100% - 460px) / 2 );}
.li-460-3{width:calc((100% - 460px) / 3 );}
.li-480-2{width:calc((100% - 480px) / 2 );}
.li-500-2{width:calc((100% - 500px) / 2 );}
.li-500-3{width:calc((100% - 500px) / 3 );}
.li-500-4{width:calc((100% - 500px) / 4 );}
.li-520-2{width:calc((100% - 520px) / 2 );}
.li-520-3{width:calc((100% - 520px) / 3 );}
.li-540-2{width:calc((100% - 540px) / 2 );}
.li-550-4{width:calc((100% - 550px) / 4 );}
.li-560-2{width:calc((100% - 560px) / 2 );}
.li-580-2{width:calc((100% - 580px) / 2 );}
.li-560-4{width:calc((100% - 560px) / 4 );}
.li-600-2{width:calc((100% - 600px) / 2 );}
.li-620-2{width:calc((100% - 620px) / 2 );}
.li-600-4{width:calc((100% - 600px) / 4 );}
.li-640-2{width:calc((100% - 640px) / 2);}
.li-600-3{width:calc((100% - 600px) / 3 );}
.li-700-3{width:calc((100% - 700px) / 3 );}
.li-760-3{width:calc((100% - 760px) / 3 );}
.li-720-2{width:calc((100% - 720px) / 2 );}
.li-740-2{width:calc((100% - 740px) / 2 );}
.li-1000-2{width:calc((100% - 1000px) / 2 );}

.li-000-4{width:calc((100%)  / 4); max-width: 315px; min-width: 315px;}

.li-ab{position:relative;}
.li-ab a{position: absolute; top: 0; right: 5px; cursor: pointer;}
.li-ab i{display: inline-block;}

.inputtext {flex: 1;}

.ul-slip .al-le{text-align: left;}
.ul-slip .al-ce{text-align: center;}
.ul-slip .al-rt{text-align: right;}
.ul-slip .val-bt{vertical-align: bottom;}
.ul-slip .at-ce{width: fit-content; margin:0 auto; padding:0; text-align: center;}
.ul-slip .bg-gr{background: #e6e6e6; line-height: 2.4;}
.ul-slip .bg-grn{background: #e6e6e6;}
.ul-slip .bg-lg{background: #f5f5f5;}
.ul-slip .bg-lgll{background: #e6e6e6;}

.ul-slip .bg-wt{padding: 4px 0;}
.ul-slip .lt-g-al{border: 1px solid #9fa0a0;}
.ul-slip .lt-g-le{border-left: 1px solid #9fa0a0;}
.ul-slip .lt-g-rt{border-right: 1px solid #9fa0a0;}
.ul-slip .lt-g-tp{border-top: 1px solid #9fa0a0;}
.ul-slip .lt-g-bt{border-bottom: 1px solid #9fa0a0;}
.ul-slip .lt-w-bt{border-bottom: 1px solid #fff;}
.ul-slip .icon-g{position: relative;}
.ul-slip i{position: relative; top:6px; left:2px; font-size: 1.6em; margin: 0 0.3em; padding: 0; color: #333333; font-weight: 500; cursor: pointer;}
.ul-slip i:hover{color: #0363a5; font-weight: 600;}
.ul-slip .pd2222{padding: 2px;}
.ul-slip .pd0202{padding: 0 2px;}
.ul-slip .pd3333{padding: 3px;}
.ul-slip .pd4444{padding: 4px;}
.ul-slip .pd40{padding: 4px 0;}
.ul-slip .pd0404{padding: 0 4px;}
.ul-slip .pd4048{padding: 4px 0 4px 8px;}
.ul-slip .pd6666{padding: 6px;}
.ul-slip .pd6006{padding: 6px 0 0 6px;}
.ul-slip .pd6000{padding: 6px 0 0 0;}
.ul-slip .pd0606{padding: 0 6px;}
.ul-slip .pd6060{padding: 6px 0;}
.ul-slip .pd0600{padding: 0 6px 0 0;}
.ul-slip .pd8080{padding: 8px 0;}
.ul-slip .pd8606{padding: 8px 6px 0 6px;}
.ul-slip .pd106106{padding: 10px 6px;}
.ul-slip .pd10606{padding: 10px 6px 0;}

.ul-slip .pd156156{padding: 15px 6px;}
.ul-slip .pd206{padding: 20px 6px 0;}
.ul-slip .pd6661em{padding: 6px 6px 6px 1.0em;}
.ul-slip .ma0050{margin: 0 0 5px 0;}
.ul-slip .ma5000{margin: 5px 0 0 0;}
.ul-slip .ma10{margin: 10px 0 0 0;}

.libg-lbg{background: #e6f3ff; padding: 50px 0;}
.li-f09{font-size: 0.9em;}
.li-f08{font-size: 0.8em;}
.li-f08 a:link,.li-f08 a:visited,.li-f08 a:hover,.li-f08 a:active{display:inline-block; color: #0363a5;}
.li-f08 i{position:relative; top:-0.05em; font-size: 1.0em; color: #0363a5!important;}
.li-f08 i a:link,.li-f08 i a:visited,.li-f08 i a:hover,.li-f08 i a:active{color: #0363a5;}

.notice{font-size: 0.95em; color: #8E0D23; margin-left: 1em;}
.p-slip {width: 223px; margin: 0; padding: 3px 0 0 0; text-align: right;}
.p-slip-c {width:100%; margin: 0; padding: 10px 0; text-align: center;}
.p-slip-d {display: flex;justify-content: space-between;align-items: center;}
.category-header{display: flex; padding: 5px 2px;}
.ul-slip .lt-equ{position:relative;}
.ul-slip .lt-equ::before{position:absolute; content:""; display:inline-block; width:6px; height:30px; background-color:#8E0D23; top:10px; left:0;}

.bt_src {margin: 0 auto;}
.bt_csv {margin-left: auto;}
.p-nowrap {margin:0; padding: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
.p-nowrap:hover{white-space:normal; background-color:#f3ffff; border:solid 1px #ccc; margin: -1px 0 0 -2px; border-radius:5px; padding: 0 0 0 2px; z-index:10;}
.p-nowrap-s {margin:0; padding: 0 0 5px 0; overflow: hidden; font-size: 0.9em; text-overflow: ellipsis; white-space: nowrap;}
.p-nowrap-m {margin:0 0 0 0.5em; padding: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.p-nowrap-l {width:100%; margin: 10px 0; padding: 0 0 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.p-span-rt{display: inline-block; float: right; padding-right: 1.5em;}
.p-slip-e {width:100%; position: relative; background: #d2ffd2; margin:0 -2px 4px 2px; padding: 2px; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; z-index: 8;}
.p-slip-o {width:100%; position: relative; background: #d2ffff; margin:0 -2px 4px 2px; padding: 2px; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; z-index: 10;}
.p-slip-p {width:100%; position: relative; margin:0 -2px 4px 2px; padding: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; z-index: 1;}
.p-slip-b {width:100%; position: relative; margin:0 -2px 4px 2px; padding: 2px; overflow: hidden; z-index: 1; height: 93%;}

.unde{display: block; width: 100%; text-align: center; margin-top: 6px; font-size: 0.95em; background: #8E0D23; color: #fff;}
.spane-item{position: absolute; display: inline-block; font-size: 0.9em; padding: 0 6px; background: #ffe696; border-radius: 2px; right:2px; cursor: pointer; z-index: 11;}
.spane-ent{display: inline-block; font-size: 0.9em; padding: 0 6px; border: 1px solid #000049; color:#000049; border-radius: 2px; right:2px; cursor: pointer; z-index: 11;}
.stetas_uri{font-size: 0.9em; padding: 0 6px; border: 1px solid #000049; color:#000049; border-radius: 2px; right:2px; cursor: pointer;}
.span-ck-choi{padding: 3px 10px 5px; background: #0363a5; color: #fff; border-radius: 3px; cursor: pointer;}
.span-ck-canc{padding: 3px 10px 5px; background: #8E0D23; color: #fff; border-radius: 3px; cursor: pointer;}
.span-ck-choi i,.span-ck-canc i{font-size:1.3em; color: #fff; top:2px; left:-3px;}
.divslipmenu{display:none; position:absolute; top:40px; left:4px; width:100%; text-align:left; background:#fff; border:1px solid #bcbcbc; animation:slideOut 1s cubic-bezier(0.25,1,0.5,1) 1 backwards; z-index:10;}
.divslipmenu .slipmenu-ul{width:100%; margin:0; padding:0; list-style:none; font-size:.9em;}
.divslipmenu .slipmenu-ul li{width:100%; margin:0; padding:0; line-height:2.5; border-bottom:1px solid #ccc; text-indent:2em;}
.divslipmenu .slipmenu-ul li:last-child{ border-bottom:none;}
.divslipmenu .slipmenu-ul li a {display:block; width:100%; padding:0 10px 0 0; color: #1E1E1E;}
.divslipmenu .slipmenu-ul li a:before{position:absolute; left:-1.5em; font-family:"inxray-font", serif; font-weight:600;}
.divslipmenu .slipmenu-ul li#detail_menu_anr a:before{content:'\e97a'; font-size: 1.1em;}
.divslipmenu .slipmenu-ul li#detail_menu_att a:before{content:'\e92e'; font-size: 1.1em;}
.divslipmenu .slipmenu-ul li#detail_menu_ntt a:before{content:'\ea11'; font-size: 1.1em;}
.divslipmenu .slipmenu-ul li#detail_menu_rnr a:before{content:'\ea11'; font-size: 1.1em;}
.divslipmenu .slipmenu-ul li#detail_menu_del a:before{content:'\e965'; font-size: 1.1em; font-weight:500;}
.divslipmenu .slipmenu-ul li a:link,
.divslipmenu .slipmenu-ul li a:visited,
.divslipmenu .slipmenu-ul li a:hover,
.divslipmenu .slipmenu-ul li a:active{display:block; width:100%; margin:0; padding:0 10px 0 0; text-align:left; color:#1E1E1E;}
.divslipmenu .slipmenu-ul li a:hover{background:#0368cc; color:#fff; cursor: pointer;}
.divslipmenu .slipmenu-ul li i{font-size: 1.5em;}

/* dashbord----------------------------------------------------------------------------------------------------*/
.div-dash{width:99%; padding: 5px; margin: 0 auto; border: 1px solid #0363a5; border-radius: 4px;}
.ul-news{display: flex; position:relative; flex-wrap: wrap; width: 99%; list-style: none; margin: 5px auto 8px; padding: 6px 12px; border-radius: 2px; box-shadow: 0 0 4px gray; font-size: 0.95em;}
.ul-news li{margin: 0; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6;}
.news-ab{position:relative; margin-top: 0.5em;}
.news-ab a{position:absolute; top:0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1;}
.news-ab:hover{position:relative; background: rgba(250, 238, 175, 0.5); color: #333333; z-index: 1;}

.nl120{width:120px;}
.nl-240{width:calc(100% - 240px);}
.ul-news .al-ce{text-align: center;}
.ul-news details summary{position:relative; display:block; width: 100%;  font-weight:700; margin: 0; cursor:pointer; background: none; border: none;}
.ul-news details summary::before{content:"";}
.ul-news details summary::after{position:relative; top:0.1em; left:0.5em; font-family:'inxray-font', serif; content:"\e903"; font-size: 1.2em; font-weight:700; display: inline-block; }
.ul-news summary {cursor: pointer; list-style: none; user-select: none;}
.ul-news summary::-webkit-details-marker {display: none;}
.ul-news-p{position:relative; margin:0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal!important;}
.ul-news details[open] summary::after {transform: rotate(180deg);}
.nl-000{margin: 0.5em 0 0; padding: 0.5em 0; border-top: 1px solid #cfcfcf;}
.nl-000 pre{tab-size: 0; white-space: pre-wrap; margin: 0 0 -2.0em; padding: 0; line-height: 1.8; display: block; font-family: 'Noto Sans JP', sans-serif; user-select: none;}
.news-news{width: 100%; margin: 0; text-align: center; font-size: 0.95em; border: 1px solid #0368cc; color: #0368cc; border-radius: 2px;}
.news-ment{width: 100%; margin: 0; text-align: center; font-size: 0.95em; border: 1px solid #8E0D23; color: #8E0D23; border-radius: 2px;}
.dashboard-wrapper{width: 100%;}
.dashboard-line {display: flex;flex-wrap: nowrap; width: 100%;list-style: none;margin: 0;padding: 10px 0;border-bottom: 1px solid lightgray;}
.div-dash {height: 100%;}
.p-nowrap:hover {white-space: nowrap;}


/* 伝票Viewer----------------------------------------------------------------------------------------------------*/
.pdf-viewer {width:100%; margin-top: -85px;}
.pdf-viewer--header {position: sticky; top: 0; width:100%; padding: 0; background-color: white; display: flex; justify-content: space-between;}
.pdf-viewer li {max-width: 100%;
	@media screen and (max-width: 1024px) {
		font-size: 0.8em;
	}
}
.attach_plus {overflow: hidden;}
.attach_preview.is-zoom {max-height: unset; zoom:1.3;
	&:hover {
			cursor: zoom-out;
		}
	}


/* modal----------------------------------------------------------------------------------------------------*/
.modal-wrapper{z-index:999; position:fixed; top:0; right:0; bottom:0; left:0; padding:40px 10px; text-align:center;}
/*.modal-wrapper:not(:target){opacity:0; visibility:hidden; transition:opacity .3s,visibility .3s;}*/
.modal-wrapper:target{opacity:1; visibility:visible; transition:opacity .4s,visibility .4s;}
.modal-wrapper::after{display:inline-block; height:100%; margin-left:-.05em; vertical-align:middle; content:"";}
.modal-wrapper .modal-window{box-sizing:border-box; display:inline-block; z-index:20; position:relative; width:80%; max-width:820px; padding:10px 15px 10px; border-radius:2px; background:#fff; box-shadow:0 0 30px rgba(255, 255, 255, 0.15); vertical-align:middle;}
.modal-wrapper .modal-window .modal-content{max-height:80vh; overflow: hidden; text-align:left; padding: 0 5px; max-width: 100%;}
.modal-flex{display: flex; flex-wrap: wrap; width:100%; margin: 0 0 15px; padding: 0; background: #fff; z-index: 10;}
.modal-flex-title{width:100%;}
.modal-flex-class{width:100%; margin: 0; padding: 5px 0 0 0;}
.modal_class{ margin: 0; padding: 0;}

.modal_title{width:100%; font-size:1.2em; position:relative; overflow:hidden; margin: 0; padding: 10px;}
.modal_title::before,.modal_title::after{width:100%; content:""; position:absolute; bottom:0;}
.modal_title:before{border-bottom:4px solid #6bb6ff; width:100%;}
.modal_title:after{border-bottom:4px solid #c8e4ff; width:100%;}
.modal_button{position: absolute; top:0.5em; right:1.0em;}

input[type=text].modal_class {width:100%; margin-top:2px; font-size: 1.0em; padding: 0.3em 0.3em; border: 1px solid #9fa0a0; border-radius: 2px;}
input[type=text].modal_class:disabled{width:100%; margin-top:2px; font-size: 1.0em; padding: 0.3em 0.3em; border: 1px solid #9fa0a0; background: #ececec; border-radius: 2px;}
.modal_button_right{margin: 0 0 5px 0; padding: 10px 5px; text-align: right;}
.bt_but_close{display: inline-block; padding: 5px 10px;border: 1px solid #8E0D23; color: #8E0D23; border-radius: 2px; cursor: pointer;}
.bt_but_close:hover{padding: 5px 10px; background: #8E0D23; color: #ffffff;}

.classTit{display: inline-block; position: relative; min-width: fit-content; padding: 2px 10px 0; margin-left: 5px;}
.onTit{color:#0368cc; border-bottom: 2px solid #0368cc; cursor: pointer; padding: 0 20px 0 6px;}
.onTit:after, .onTitHere:after{font-weight: 600; font-family:'inxray-font', serif; content: "\e907"; position: absolute; top:5px; right:1px;}
.onTit:hover{background: #0368cc; color: #fff;}
.onTitHere, .onTitTop { padding: 0 20px 0 0; }

.modal-overlay{z-index:10; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.8);}
.modal-wrapper .modal-close{position:absolute; top:5px; right:15px; width:35px; color:#95979c; font-size:30px; font-weight:600; line-height:35px; text-align:center; text-decoration:none; z-index:20;}
.modal-wrapper .modal-close:hover{color:#C30D23;}
.category-modal { display: none; z-index: 999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 40px 10px; background-color: rgba(0, 0, 0, 0.3); text-align: center; }
.category-modal.active {display: block; }
.category-modal::after {display: inline-block; height: 100%; margin-left: -.05em; vertical-align: middle; content: ""; }
.category-modal-window {box-sizing: border-box; display: inline-block; width: 80%; max-width: 600px; padding: 5px 10px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); vertical-align: middle; border-radius: 8px; text-align: left; }
.category-modal-title {width:100%; margin-bottom: 10px; }
.category-modal-content {margin-top: 10px; max-height: 70vh; overflow-y: auto;}
.item_ctl:not(:empty){display: block; font-size: 0.9em; white-space: nowrap;}
.item_ctl:not(:empty):before{font-weight: 600; font-family:'inxray-font', serif; content: "\e992"; margin-right: 0.3em; color:#0368cc;}
.item_ctm:not(:empty){display: block; font-size: 0.9em; white-space: nowrap;}
.item_ctm:not(:empty):before{font-weight: 600; font-family:'inxray-font', serif; content: "\e993"; margin-right: 0.3em; color:#0368cc;}
.item_cts:not(:empty){display: block; font-size: 0.9em; white-space: nowrap;}
.item_cts:not(:empty):before{font-weight: 600; font-family:'inxray-font', serif; content: "\e994 "; margin-right: 0.3em; color:#0368cc;}
.item_nm{margin:0; padding:0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.item_ctl--inline,.item_ctm--inline,.item_cts--inline{display: inline-block !important;}
nav{width: 100%; margin: 0 auto; text-align: center;}
.page-item.disabled[aria-label="pagination.previous"] .page-link,
.page-item.disabled[aria-label="pagination.next"] .page-link,
a.page-link[aria-label="pagination.previous"],
a.page-link[aria-label="pagination.next"],
a.page-link[aria-label="pagination.previous"]:hover,
a.page-link[aria-label="pagination.next"]:hover {color: transparent !important;}
.pagination{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0 auto; padding: 0; justify-content: center; overflow: hidden;}
.pagination li{margin: 0; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6;}
.pagination li.page-item{position:relative; margin:3px; width:40px; height:40px; text-align:center; border:1px solid #0368cc; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.pagination li.page-item a{width:100%; height:100%; text-align:center; border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none;}
.pagination li.page-item a:hover{background:#0368cc; color:#fff;}
.pagination li.page-item.active {background:#0368cc; color:#fff;}

.page-item.disabled[aria-label="pagination.previous"]{position:relative; background: #c3e2ff; width:38px; height:38px; border-radius:50%;}
.page-item.disabled[aria-label="pagination.previous"]:after{position:absolute; top:2px; left:6px; font-size: 1.4em; font-weight: 600; font-family:'inxray-font', serif; content: "\e905 "; margin-right: 0.3em; color:#0368cc;}
.page-item.disabled[aria-label="pagination.next"]{position:relative; color:#c3e2ff; background: #c3e2ff; width:38px; height:38px; border-radius:50%;}
.page-item.disabled[aria-label="pagination.next"]:after{position:absolute; top:2px; left:8px; font-size: 1.4em; font-weight: 600; font-family:'inxray-font', serif; content: "\e907 "; margin-right: 0.3em; color:#0368cc;}
a.page-link[aria-label="pagination.previous"]{position:relative; color: #fff; background: #fff; width:38px; height:38px; border-radius:50%;}
a.page-link[aria-label="pagination.previous"]:after{position:absolute; top:2px; left:6px; font-size: 1.4em; font-weight: 600; font-family:'inxray-font', serif; content: "\e905 "; margin-right: 0.3em; color:#0368cc;}
a:hover.page-link[aria-label="pagination.previous"]{background:#0368cc; zoom: 101%;}
a:hover.page-link[aria-label="pagination.previous"]:after{position:absolute; top:2px; left:6px; font-size: 1.4em; font-weight: 600; font-family:'inxray-font', serif; content: "\e905 "; margin-right: 0.3em; color:#fff;}
a.page-link[aria-label="pagination.next"]{position:relative; color: #ffffff; background: #fff; width:38px; height:38px; border-radius:50%;}
a.page-link[aria-label="pagination.next"]:after{position:absolute; top:2px; left:8px; font-size: 1.4em; font-weight: 600; font-family:'inxray-font', serif; content: "\e907 "; margin-right: 0.3em; color:#0368cc;}
a:hover.page-link[aria-label="pagination.next"]{background:#0368cc; zoom: 101%;}
a:hover.page-link[aria-label="pagination.next"]:after{position:absolute; top:2px; left:8px; font-size: 1.4em; font-weight: 600; font-family:'inxray-font', serif; content: "\e907 "; margin-right: 0.3em; color:#fff;}

/* FORM----------------------------------------------------------------------------------------------------*/
.ul-slip input[type=text],[type=tel],[type=email],[type=number],[type=password],[type=datetime-local] {width:100%; margin-top:2px; font-size: 1.0em; padding: 0.3em 0.3em; border: 1px solid #9fa0a0; border-radius: 2px;}
.ul-slip input[type=date]{width:100%; margin-top:1px; font-size: 1.0em; padding: 0.2em 0.3em; border: 1px solid #9fa0a0; border-radius: 2px; position:relative;}
.ul-slip select {width:100%; margin-top:2px; padding: 0.3em; border-radius: 2px; color: #333333; font-size: 1em; cursor: pointer; font-family: 'Noto Sans JP', sans-serif;}
.ul-slip .intxt-right{text-align: right;}
.ul-slip .intxt-right{text-align: right;}
.ul-slip input[type=date]::-webkit-inner-spin-button{}
.ul-slip input[type=date]::-webkit-clear-button{}
.ul-slip input[type=date]::-webkit-calendar-picker-indicator{position:absolute; width:100%; height:100%; opacity:0; background: transparent; z-index: 1; cursor:pointer;}
.ul-slip input[type="date"]::after{font-weight: 600; font-family:'inxray-font',sans-serif; content:'\e918'; color: #68a4e0; background-repeat:no-repeat; background-size:contain; width:18px; height:18px; position:absolute; top:40%; right:10px; transform:translateY(-50%);}
.ul-slip textarea {width: 100%; margin: 2px 0 -5px; padding: 0 2px; resize: vertical; font-size: 1.0em; border-radius: 3px; font-family: 'Noto Sans JP', sans-serif; border: 1px solid #9fa0a0;}

label.file-on{background:#ff8f00; color:#fff; opacity: 0.5; cursor:pointer; font-size: 0.8em; padding: 2px 5px; margin: 0 2px; display:inline-block; border-radius: 2px;}
label.file-on i{color:#fff; margin-right: 0.5em; position: relative; top:0;}
label.file-on:hover{opacity: 1.0;}
label.file-on input{display:none;}

.slip_check input[type=checkbox] {display:none;}
.slip_check input[type=checkbox] + label:before {font-family: 'inxray-font', serif; display: inline-block; font-size: 1.5em; position: relative; top:0; left:4px; cursor: pointer;}
.slip_check input[type=checkbox] + label:before {content: "\e962"; color: #9fa0a0;}
.slip_check input[type=checkbox]:checked + label:before {content: "\e921"; color: #8E0D23;}

.bill_check input[type=checkbox]{display:none}
.bill_check .billcheckbox{display:inline-block;padding:5px 0; position:relative; cursor:pointer;}
.bill_check .billcheckbox:before{background:#fff; border:1px solid #ccc; border-radius:2px; content:''; display:block; width:20px; height:20px; position:absolute; top:1px; left:-12px;}
.bill_check .billcheckbox::after{border-radius:0; border-right: 2px solid #8E0D23; border-bottom: 2px solid #8E0D23; content:''; display:block; top: 1px; left: 16px; width: 8px; height: 15px; opacity:0; position:absolute; transform:rotate(45deg);}
.bill_check input[type=checkbox]:checked + .billcheckbox::before{border-color:#8E0D23;}
.bill_check input[type=checkbox]:checked + .billcheckbox::after{opacity:1;}

.bill_check-l input[type=checkbox]{display:none!important;}
.bill_check-l .billcheckbox{display:inline-block; padding:5px 0; position:relative; cursor:pointer;}
.bill_check-l .billcheckbox:before{background:#fff; border:1px solid #ccc; border-radius:2px; content:''; display:block; width:20px; height:20px; position:absolute; top:1px; left:10px;}
.bill_check-l .billcheckbox::after{border-radius:0; border-right: 2px solid #8E0D23; border-bottom: 2px solid #8E0D23; content:''; display:block; top: 1px; left: 16px; width: 8px; height: 15px; opacity:0; position:absolute; transform:rotate(45deg);}
.bill_check-l input[type=checkbox]:checked + .billcheckbox::before{border-color:#8E0D23;}
.bill_check-l input[type=checkbox]:checked + .billcheckbox::after{opacity:1}
.bill_check-l input[type=hidden]:checked + .billcheckbox::before{border-color:#8E0D23;}
.bill_check-l input[type=hidden]:checked + .billcheckbox::after{opacity:1}


.bill_check-x input[type=checkbox]{display:none!important;}
.bill_check-x .billcheckbox{display:inline-block; padding: 0 0.5em 0 2.5em; position:relative; cursor:pointer;}
.bill_check-x .billcheckbox:before{background:#fff; border:1px solid #ccc; border-radius:2px; content:''; display:block; width:20px; height:20px; position:absolute; top:1px; left:10px;}
.bill_check-x .billcheckbox::after{border-radius:0; border-right: 2px solid #8E0D23; border-bottom: 2px solid #8E0D23; content:''; display:block; top: 1px; left: 16px; width: 8px; height: 15px; opacity:0; position:absolute; transform:rotate(45deg);}
.bill_check-x input[type=checkbox]:checked + .billcheckbox::before{border-color:#8E0D23;}
.bill_check-x input[type=checkbox]:checked + .billcheckbox::after{opacity:1}
.bill_check-x input[type=hidden]:checked + .billcheckbox::before{border-color:#8E0D23;}
.bill_check-x input[type=hidden]:checked + .billcheckbox::after{opacity:1}


.ck-span{position:relative; top: -7px; left:1.5em; font-size: 0.95em; user-select: none;}
.ck-span-bl{position:relative; top: -7px; left:2.5em; margin-right: 3.0em; font-size: 0.95em; user-select: none;}
.ck-span-bx{position:relative; top: 0; left:0; margin-right: 3.0em; font-size: 0.95em; user-select: none;}

.lightgray{display: inline-block; border: 1px solid #dcdcdc; border-radius: 2px; padding: 3px 10px; margin: 0 0.3em 0.5em 0;}
.option-on{display: inline-block; border: 1px solid #3582b7; background: #3582b7; color: #fff; border-radius: 2px; padding: 3px 10px; margin: 0 0.3em 0.5em 0;}
.option-of{display: inline-block; border: 1px solid #0363a5; color: #0363a5; border-radius: 2px; padding: 3px 10px; margin: 0 0.3em 0.5em 0;}

.ul-radio input[type="radio"]{display: none;}
.ul-radio input[type="radio"] + label{display: block; float: left; cursor: pointer; margin-top: 1px; padding: 10px; background: #dbf2f1; color: #555e64; text-align: center; line-height: 1; transition: .2s; font-size: 0.95em;}
.ul-radio label:first-of-type{border-radius: 3px 0 0 3px; border-right: 2px solid #abb2b7;}
.ul-radio label:last-of-type{border-radius: 0 3px 3px 0; border-left: 2px solid #abb2b7;}
.ul-radio label:nth-child(2){border-radius: 3px 0 0 3px; border-right: 2px solid #abb2b7;}
.ul-radio input[type="radio"]:checked + label {background-color: #00a29a; color: #fff;}
.ul-radio input[type="radio"]:disabled + label {background-color: #fff000; color: #fff;}
.ul-radio input[type="radio"]:checked:disabled  + label {background-color: red; color: #fff;}
.ul-radio-p{padding: 3px 0 0 0; margin: 0;}
.span_radio{display:inline-block;}
.span_radio input[type="radio"]{display: none;}
.span_radio label{cursor:pointer; padding-left:30px; margin-left: 10px; position:relative;}
.span_radio label::before,label::after{content:""; display:block; border-radius:50%; position:absolute; transform:translateY(-50%); top:50%;}
.span_radio label::before{background-color:#fff; border:1px solid #00a29a; height:20px; width:20px; left:5px;}
.span_radio label::after{background-color: #00a29a; opacity:0; height:14px; width:14px; left:8px;}
.span_radio input:checked + label::after{opacity:1;}
.span_radio input[type="radio"]:disabled + label::before{background-color:#fff; border:1px solid #9fa0a0; height:20px; width:20px; left:5px;}
.span_radio input[type="radio"]:disabled + label::after{background-color: #9fa0a0; opacity:0; height:14px; width:14px; left:8px;}

.span_check input[type="checkbox"]{display: none;}
.span_check label{cursor:pointer; padding-left:30px; position:relative}
.span_check label::before,label::after{content:""; display:block; position:absolute}
.span_check label::before{background-color:#fff; border-radius:0; border:1px solid #ddd; width:20px; height:20px; transform:translateY(-50%); top:50%; left:5px}
.span_check label::after{ height:14px; width:14px; top:12px; left:8px; background-color: red; opacity:0; border-radius:0;}
.span_check input:checked + label::after{opacity:1}

.toggle {position: relative; display: inline-block; width: 60px;height: 30px;}
.toggle__input {opacity: 0; width: 0; height: 0;}
.toggle__input:checked + .toggle__slider {background: #0363a5;}
.toggle__input:checked + .toggle__slider:before {transform: translateX(32px);}
.toggle__input:focus-visible + .toggle__slider {outline: 2px solid;}
.toggle__slider {position: absolute; cursor: pointer; top: 4px; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 64px;}
.toggle__slider::before {border-radius: 50%; position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 2px; background: #fff; transition: 0.3s; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.top_rev{position: relative;}
.top_abs{position: sticky; width: 100%; text-align: right; top: 0; right: 0; background: #fff; padding: 5px; margin: 0; z-index: 100;}
/*.bottom_rev{display: flex; flex-wrap: wrap; width:100%; margin: 0 0 5px; padding: 0; background: #fff; z-index: 10;}*/
/* Button----------------------------------------------------------------------------------------------------*/
.bt_set {margin-right: 10px;}
.bt_but{border-radius: 3px; padding: 4px 50px 4px 50px; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but-mlk{border-radius: 3px; padding: 10px 35px 10px 35px; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but-ml{border-radius: 3px; padding: 4px 35px 4px 35px; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but-mk{border-radius: 3px; padding: 4px 0.75em 4px 0; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but-m{border-radius: 3px; padding: 4px 25px 4px 25px; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but-ms{border-radius: 3px; padding: 4px 18px 4px 18px; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but-s{border-radius: 4px; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block; cursor: pointer; transition: .5s;}
.bt_but i{margin: 0.3em 0.75em 0 0;}
.bt_but-m i{margin: 0.15em 0.5em 0 0;}
.bt_but-s i{margin: 0.1em 0.3em 0 0;}

.link_but{width:fit-content; border-radius: 3px; padding: 5px 50px 5px 50px; border:1px solid #0363a5; color:#0363a5; text-decoration:none; cursor: pointer; transition: .5s;}
.link_but:hover{width:fit-content; height: 100%; border:1px solid #0363a5; color:#FFF; background:#0363a5;}

.bt_sub{background: #fff; border:1px solid #D65238; color: #D65238; transition:background-color 0.2s,color .2s}
.bt_sub:hover{border:1px solid #D65238; color: #FFFFFF; background:#D65238;}
.bt_sub i{position:relative; top: 2px; color: #D65238; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
a.bt_sub:link,
a.bt_sub:visited,
a.bt_sub:active {color: #D65238 !important;text-decoration: none;}
a.bt_sub:hover {color: #ffffff !important;background-color: #D65238 !important;text-decoration: none;}
.bt_sub:hover i{ color: #FFFFFF;}
.bt_sub:disabled{border:1px solid #B5B5B6; color: #9FA0A0; background: #DCDDDD; transition:background-color 0.2s,color .2s}
.bt_sub:disabled i{color: #9FA0A0; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_del{background: #fff; border:1px solid #8E0D23; color: #8E0D23; transition:background-color 0.2s,color .2s;}
.bt_del:hover{border:1px solid #8E0D23; color: #FFFFFF; background:#8E0D23;}
.bt_del i{position:relative; top: 2px; color: #8E0D23; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_del:hover i{color: #FFFFFF;}
.bt_bac{background: #fff; border:1px solid #575757; color: #575757; transition:background-color 0.2s,color .2s;}
.bt_bac:hover{border:1px solid #575757; color: #FFFFFF; background:#575757;}
.bt_bac i{position:relative; top: 2px; color: #575757; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_bac:hover i{color: #FFFFFF;}
.bt_add{border:1px solid #0363a5; color:#0363a5; background:#fff; transition:background-color 0.2s,color .2s;}
.bt_add:hover{display:inline-block; border:1px solid #0363a5; color:#FFF; background:#0363a5;}
.bt_add i{position:relative; top: 2px; color:#0363a5; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_add:hover i{color:#fff;}
.bt_add:disabled{border:1px solid #B5B5B6; color:#727171; background:#B5B5B6; transition:background-color 0.2s,color .2s;}

.bt_add-m{border:1px solid #0363a5; color:#0363a5; background:#fff; transition:background-color 0.2s,color .2s;}
.bt_add-m:before{font-family: "inxray-font",sans-serif; font-weight: 600; content: '\e94a'; margin-right: 1em;}
.bt_add-m:hover{border:1px solid #0363a5; color:#FFF; background:#0363a5}
.bt_add-m:hover i{color:#fff;}
.bt_src{border:1px solid #22ac38; color: #22ac38; background: #fff; transition:background-color 0.2s,color .2s}
.bt_src:hover{border:1px solid #22ac38; color: #FFFFFF; background:#22ac38;}
.bt_src i{position:relative; top: 2px; color: #22ac38; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
a.bt_src:link,
a.bt_src:visited,
a.bt_src:active {color: #22ac38 !important; text-decoration: none;}
a.bt_src:hover {color: #ffffff !important; background-color: #22ac38 !important; text-decoration: none;}
.bt_src:hover i{color: #FFFFFF;}
.file-inport {display: inline-block; border-radius: 3px; padding: 4px 25px 4px 5px;	border: 1px solid #ff0707; color: #ff0707; background: #fff; transition: background-color 0.2s, color 0.2s; cursor: pointer; font-family: sans-serif;}
.file-inport:hover {color: #ffffff; background: #ff0707;}
.file-inport i {position:relative; top: 0.1em; display: inline-block; margin:0 0.25em 0 0; color: #ff0707; pointer-events: none;}
.file-inport:hover i{display: inline-block; margin: 0 0.25em 0 0; color: #ffffff;}
.file-block{display: none;}
.file-name {display:block; margin-left: 10px; color: #333;}
.show-after-select{display: none;}

.bt_exe{border:1px solid #036eb8; color: #036eb8; background: #fff; transition:background-color 0.2s,color .2s}
.bt_exe:hover{border:1px solid #036eb8; color: #FFFFFF; background:#036eb8;}
.bt_exe i{position:relative; top: 2px; color: #036eb8; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_exe:hover i{color: #FFFFFF;}
.bt_set{border:1px solid #9174ed; color: #9174ed; background: #fff; transition:background-color 0.2s,color .2s}
.bt_set:hover{border:1px solid #9174ed; color: #FFFFFF; background:#9174ed;}
.bt_set i{color: #9174ed; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_set:hover i{color: #FFFFFF;}
.bt_tra{border:1px solid #CE2248; color: #ffffff; background: #CE2248; transition:background-color 0.2s,color .2s}
.bt_tra:hover{border:1px solid #CE2248; color: #CE2248; background:#ffffff;}
.bt_tra i{position:relative; top: 2px; color: #FFFFFF; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_tra:hover i{color: #CE2248;}
.bt_tra:disabled{border:1px solid #B5B5B6; color: #9FA0A0; background: #DCDDDD; transition:background-color 0.2s,color .2s}
.bt_tra:disabled i{position:relative; top: 2px; color: #9FA0A0; background:transparent; transition:background-color .2s 0.05s,color .2s .05s;}
.bt_edit{border:1px solid #22ac38; color: #22ac38; background: #fff; transition:background-color 0.2s,color .2s}
.bt_edit:hover{border:1px solid #22ac38; color: #FFFFFF; background:#22ac38;}

.bill-desc-icon{float:right; position:relative; right: 5px; width:fit-content; padding:0 4px; color:#22ac38; cursor:pointer;}
.bill-desc-icon:link,.bill-desc-icon:visited{color:#22ac38;}
.bill-desc-icon:hover{color:#fff;}

.button_add{border:1px solid #036EB8; border-radius: 3px; padding: 3px 10px 3px 10px; text-decoration:none; display:inline-block; color: #036EB8;background-color: #ffffff; cursor: pointer;}
.button_add:hover{border:1px solid #036EB8;color: #ffffff;background-color: #036EB8;}
.button_ent{border:1px solid #CE2248; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 3px 20px 3px 20px; text-decoration:none; display:inline-block; color: #FFFFFF;background-color: #A90329;background-image: linear-gradient(to bottom, #A90329, #6D0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A90329, endColorstr=#6D0019);}
.button_ent:hover,.button_ent a:hover{border:1px solid #450111;background-color: #CE2248;background-image: linear-gradient(to bottom, #CE2248, #A90329);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CE2248, endColorstr=#A90329);}
.button_bck{border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 3px 20px 3px 20px; text-decoration:none; display:inline-block; color: #FFFFFF;background-color: #d3d3d3;background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);}
.button_bck:hover{border:1px solid #a0a0a0;	background-color: #bababa;background-image: linear-gradient(to bottom, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);}

.logoutmodal {display: none; position: fixed; z-index: 25; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); padding-top: 60px; cursor: pointer;}
.logoutmodal-content {position:absolute; top:40%; left:50%; transform: translate(-50%, -50%); width: 480px; padding: 1px 1px 20px; background-color: #fefefe; margin: 5% auto; text-align: center; border-radius: 3px;}
.logoutmodal-content p{width: fit-content; padding: 30px 0; margin: 0 auto;}

/**:disabled{background: #999999; color: #888888;}*/

.login_frame{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 420px; height:340px; max-height:360px; text-align: center; background: #fff; border-radius:5px; box-shadow: 0 0 8px gray; animation-name:zoomInAnime; animation-duration:1.0s; animation-fill-mode:forwards;}
.login_framep{width: 100%; text-align: center; margin: 0; padding: 2.0em 0; font-size: 1.0em;}
.sign-in{display:flex; justify-content:center; width:200px; margin:1em auto; padding:1em .3em; text-align:center; outline:1px solid #0368CC; border-radius:5px; background-color:#fff; color:#0368CC; cursor:pointer; transition:all .3s;}
.sign-in:hover{background-color:#0368CC; color:#fff!important;}

.sign-in::before {font-family: 'inxray-font',sans-serif; color: #0368CC; content: '\e90d'; font-weight: 600; margin: 0.2em 0.5em 0;}
.sign-in:hover::before {font-family: 'inxray-font',sans-serif; color: #fff;}
.foot-logo{width: 100%; background: #0368CCFF; border-radius:5px 5px 0 0; padding: 0.5em 0; text-align: center;}
.foot-logo img{width: auto; height: 50px;}
.foot-copy{width: 100%; position: absolute; bottom: 0; text-align: center; margin: 0; padding: 5px 0 10px; font-size: 0.9em;}
.foot-copy i{position: relative; top:2px;}

.login-ul{width: 100%; max-width: 400px; display: flex; flex-wrap: wrap; list-style: none;	margin: 1.0em auto 0; padding: 0; text-align:left; vertical-align:top;}
.login-ul li {position: relative; display: inline-block; list-style: none; flex-wrap: wrap;}
.login-li-i{width: 60px; text-align: center; background:#dcdcdc; margin: 0.1em 0;  border-radius: 4px 0 0 4px;}
.login-li-t{width: calc(100% - 60px); text-align:left; padding: 0.1em 0;}
.login-li-p{position: relative; width: calc(100% - 60px); padding: 0.1em 0;}

.login-li-i i{position: absolute;color:#898989; top:50%; left:35%; transform: translate(-50%, -50%);}
.login-li-p i {position: absolute; top: 50%; left: 300px; transform: translateY(-50%); cursor: pointer; font-size: 1.4em; content: '';}

.login-li-full-r{width: 100%; text-align:right; margin: 0.5em 0; font-size: 0.9em;}
.login-li-full-r a{cursor: pointer; color: #0B318F;}
.login-li-full-c{width: 100%; text-align:center; margin: 0.5em 0;}
.login-li-error{width: 100%; text-align:center; margin: 0.2em 0;}
.error-p{color:red; font-size: 0.8em; margin: 0; padding: 0; text-align:left;}
.product-er{display: block; text-align:center; padding: 0.5em 0; color: #e10101}
.nocontract-menu-item-on{display: inline-block; padding: 0.3em 0.7em; margin: 0.3em; background: #036eb8; color: #ffffff; border-radius: 3px;}
.nocontract-menu-item-off{display: inline-block; padding: 0.3em  0.7em; margin: 0.3em; color: #036eb8; border:1px solid #036eb8;; border-radius: 3px;}

input.inputtext-login{width: 100%; margin:0; background: #ffffff; border: 1px solid #dcdcdc; border-radius: 0 4px 4px 0; padding : 4px; letter-spacing: .1em; line-height: 1.7; overflow:hidden;}
input.inputtext-login:focus{background: #ffffc8; border: 1px solid #036eb8}
input.inputtext-login input[type=password] {width: 100%; margin:0; background: #ffffff; border: 1px solid #f1f1f1; border-radius: 0 4px 4px 0; padding : 4px; letter-spacing: .1em; line-height: 1.7; overflow:hidden;}
input.inputtext-login input[type=password]:focus{background: #ffffc8; border: 1px solid #036eb8}

.login-exp{width: 380px; margin: 0.5em 0; padding-left: 0.5em; line-height: 1.3; font-size: 0.9em;}
.login-exp li{position: relative; padding: 0 0 0 1.5em; margin: 0 0 0.3em; text-align: left;}
.login-exp li:before{position: absolute; left: 0; font-family: "inxray-font",sans-serif; font-weight: 600; content: '\e91f'; color: #0368CC;}
.paswordNo{cursor: pointer;}
/*.content {margin-bottom: 60px; !* ボタンの高さ + 隙間を考慮 *!}*/
.relative-form {position: relative;}
.warning_box {padding: 10px;width: 50px;}

.gray-background {background-color: gray; /* 灰色に設定 */}
.overlay {display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7); z-index: 98; cursor: pointer;}
.overlay:after{position: absolute; top:50%; left:50%; font-family: "inxray-font",sans-serif; font-size: 3em; font-weight: 600; content: '\e922'; color: rgba(255, 255, 255, 0.5);}
.Mcontainer{margin: 75px auto 0; width: 100%; min-height: 100vh; padding: 0;}

/*.Rcontainer {position: relative; width: 100%; background: rgba(0, 0, 0, 0.3);}*/
.Rcontainer {position: relative; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5);}

.main-contents{margin: 0; padding: 0 10px 250px; width: 100%; min-width: 1260px; min-height: 100vh;}
.main-contents::-webkit-scrollbar {display:none;}
.Fcontainer{width:100%; min-width: 1260px; position: fixed; bottom: 0; left: 0; padding: 5px 10px 5px 10px; box-shadow: 0 -2px 15px -5px #ababab; background: #ffffff;}
.Fcon_up{position: fixed; bottom: 38px; animation: UpAnimeFt 0.5s forwards;}
@keyframes UpAnimeFt{
	from {opacity: 0; transform: translateY(100px);  }
	to {opacity: 1; transform: translateY(0);  }
}
.Fcon_down {position: fixed; bottom: 38px; animation: DownAnimeFt 0.3s forwards;}
@keyframes DownAnimeFt {
	from {opacity: 1; transform: translateY(0); }
	to {opacity: 1; transform: translateY(50px); }
}


@media screen and (max-width: 1024px) {
	.main-contents{width: 100%; min-width: 1004px; margin: 0; padding: 0 10px 250px;}
	.Fcontainer{position: fixed; bottom: 0; left: 0; width: 100%; min-width: 1004px; padding: 5px 10px 5px 10px; box-shadow: 0 -2px 15px -5px #ababab; background: #ffffff; overflow: auto; z-index: 10;}
}
.BGInxray{background:#036eb8; color:#ffffff; font-size: 90%;}
.SOrder{padding:4px; font-size: 90%; background-color: #00b84b; color: #ffffff; border-radius: 2px;}
.SReqst{padding:4px; font-size: 90%; background-color: #7b9de9; color: #ffffff; border-radius: 2px;}
.SError{color:#bb0000;}

/* HEAD */
/*-------------------------------------------------------------------------*/
/* Foot */
/*-------------------------------------------------------------------------*/
.footer{text-align:center; position:relative; bottom:0; left:0; width:100%; padding: 10px 0 20px; background: #f8f8f8; z-index:24;}
.footer i{position: relative; top: 0.15em;}
.nfooter{background:#fff; text-align:center; left:0; position:relative; bottom:0; width:100%; z-index:24;}
.autosave-msg {color: #fff; font-size:75%; position:fixed; right:5px; bottom:3px; z-index:25;} /*自動保存メッセージ*/
/* Remark */
/*-------------------------------------------------------------------------*/
/* 本番用に display:none 設定 */
/*.Remark{display:none; position:fixed; width:18%; right:0; top:50px; background:#e6e6e6; text-align:left; border: solid 1px #b4b4b4; color:#008a60; font-size: 90%; z-index:100;}*/
/*.RemarkTitle{display:none; margin: 0; padding:5px 0;font-size: 120%; text-align:center; background:#008a60; color:#ffffff;}*/
/* modal */
/*-------------------------------------------------------------------------*/
#dialog-confirm{width:400px;}
.modal-select{width:80%; margin: 10px auto;}
.ui-dialog-buttonset{text-align: center;}
.modal-ul{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 5px 0; padding: 0;}
.modal-ul li{padding: 1px; margin: 0; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6;}
.modal-ul .mli50{width:50%;}

/* popup */
/*-------------------------------------------------------------------------*/
.pop-title{width: 100%; padding:2px 10px 5px; font-size: 110%; margin-bottom:20px; background: #036eb8; color:#ffffff;}
.white-popup-r {position: absolute; top:40%; left:50%; background: #FFF; width: 600px; max-width: 800px; min-height: 400px; margin: 0 auto 200px auto; padding: 10px; border-radius: 4px; overflow: auto; transform: translate(-50%, -50%);}
.white-popup-r .pop-close{position:absolute; top:5px; right:40px; width: 40px; color:#95979c; font-size:30px; font-weight:600; text-align:center; z-index:20;}
.white-popup-r .pop-close:hover{color:#C30D23;}
.popup-ft-s{font-size: 0.9em;}
.m-close{position:absolute; top:5px; right:40px; width: 40px; color:#95979c; font-size:30px; font-weight:600; text-align:center; z-index:20; cursor: pointer;}
.m-close:hover{color:#C30D23;}

/* Frame */
/*-------------------------------------------------------------------------*/
.LinkDelete a{display:block; width: 100%; box-sizing:border-box; background:#ffffff ; color:#B40404; border-radius: 4px; border: solid 1px #B40404; z-index: 2;}
.LinkDelete a:hover{ background: #B40404; color:#ffffff; text-decoration: none;}
.LinkEdit a{display:block; width: 100%; box-sizing:border-box; background:#ffffff ; color:#3e49c6; border-radius: 4px; border: solid 1px #3e49c6; z-index: 2;}
.LinkEdit a:hover{ background: #3e49c6; color:#ffffff; text-decoration: none;}
.BillConfirmRemark { max-height: 5.5em; overflow-y: hidden; } /* 請求書作成時の備考確認欄 */
.MeiSubtitle{padding:5px 5px 5px 85px!important; font-weight: bold; background: #f8f8f8;}
.span-trash a:link, .span-trash a:visited{display:block; position:relative; width:100%; height:30px; text-align: center; padding: 2px 0 0 0.5em; border: 1px solid #B40404; color: #B40404; border-radius: 3px;}
.span-trash a:hover{display:block; text-align: center; border: 1px solid #B40404; background: #B40404; color: #fff;}
.span-trash a:link i, .span-trash a:visited i{position:absolute; top:2px; left:0.4em; color: #B40404;}
.span-trash a:hover i{color: #fff;}
.span-prisset{display:block; width:100%; height:30px; padding: 2px 0 0; border: 1px solid #1b1e21; color: #1b1e21; border-radius: 3px;}

.span-delete a:link, .span-delete a:visited{display:block; width:100%; height:30px; padding: 2px 0 0; border: 1px solid #3e49c6; background: #3e49c6; color: #fff; border-radius: 3px;}
.span-delete a:hover{display:block; text-align: center; border: 1px solid #3e49c6; background: #fff; color: #3e49c6;}


.AlLeft{text-align: left;}
.AlCenter{text-align: center;}
.AlRight{text-align: right;}
.ValignT{vertical-align: top;}
.ValignM{vertical-align: middle;}
.ValignB{vertical-align: bottom;}

.Font90{font-size: 90%;}
.PatNone{padding:0 !important;}

.LineNo{border-style: none !important; box-sizing: border-box !important;}
.LineNoR{border-right: 0;}
.LineNoL{border-left: 0;}
.LineNoT{border-top: 0;}
.LineNoB{border-bottom: 0;}
.LineRR{border: solid 1px #df6528; border-radius: 4px;}
.LineBoldTop{border-top:solid 2px #000;}
.LineBoldRight{border-right:solid 2px #000;}
.LineBoldBottom{border-bottom:solid 2px #000;}
.LineBoldLeft{border-left:solid 2px #000;}

.AlBS02{border-collapse: separate; border-spacing: 2px 0;}
.Albottom50{width: 100%; margin-bottom: 50px;}
.main_menu_wrap { display: flex; flex-wrap: wrap; padding: 0; column-gap: 2px; row-gap: 20px; }
.main_menu_wrap > li { width: calc(20% - 2px); }

.BGLigthGray{background: #dedede;}
.BGLigthGrayLight{background: #e6e6e6;}
.PaddingNo{padding:0;}
.AlertRed{color: red;}

span.RESEMAN{padding:4px 10px; background: #e83828; color:#ffffff; border-radius: 4px; font-size: 100%;}
span.RESEEND{padding:4px 10px; background: #df6528; color:#ffffff; border-radius: 4px; font-size: 100%;}
span.memberlist{padding:1px; background:#ffffff;font-size: 90%;}
span.Number{padding:1px; background:#ffffff; font-size: 100%;}
span.close{float:right; padding:2px 0; font-size: 1.5em; cursor:pointer;}
span.close:hover{color: #C30D23;}

.Subtitle{margin:0; padding:4px;}
ul.custommarker01 {list-style-type: none; margin-left:10px; margin-top: 16px; }
ul.custommarker01 li{margin: 0 10px 3px -40px; border: 1px solid #036eb8; border-radius: 4px;}
ul.custommarker01 li a{display:block; color:#036eb8; padding:2px 0 2px 4px;}
ul.custommarker01 li a:hover{background-color:#036eb8; color: #ffffff;}

/* 伝票連動系 */
.st_span{font-size: 100% !important;}
.st_es--over {background: #008a60 !important; color:#FFF;}
.st_esb--over {border: gray dotted 2px;}
.st_or--over {background: #3e49c6 !important; color:#FFF;}
.stetas_dat{font-size: 100% !important; margin-left:5px; padding: 2px 6px;}
.ivoice_ck_n{position:relative; top:0.5em; padding: 2px 6px; color:#c30d23; border: 1px solid #c30d23; border-radius: 6px;}
.ivoice_ck_a{position:relative; top:0.5em; padding: 2px 6px; color:#034ab8; border: 1px solid #034ab8; border-radius: 6px;}

/* 紐づけ解除用のドロップボックス */
#unchain, #dropfile {position: fixed; bottom: 40px; left: 50%; width: 50%; transform: translateX(-50%); background-color: white; color: gray; border: 3px dotted gray; border-radius: 5%; text-align: center; padding: 10px; z-index: 11; opacity: 0.9; display: none;}

#dropfile-d {width: 50%; background-color: white; color: gray; border: 2px dotted gray; border-radius: 6px; text-align: center; margin:10px auto; padding: 10px; z-index: 11; opacity: 0.9;}
.pdflabel{position:relative; background: #fff; color:#c30d23; border: 1px solid #c30d23; padding: 6px 10px 6px 36px; border-radius: 4px; cursor: pointer;}
.pdflabel i{position: absolute; top:0.25em; color:#c30d23;}
.pdflabel:hover{background: #c30d23; color:#fff;}
.pdflabel:hover i{background: #c30d23; color:#fff;}
/* ログイン画面 */
.auth_notice {display:block; color: gray; font-size: 95%;}

/* 45度傾けるクラス */
.fa-rotate-45 {transform: rotate(45deg);}

/* 135度傾けるクラス */
.fa-rotate-135 {transform: rotate(135deg);}

/* 225度傾けるクラス */
.fa-rotate-225 {transform: rotate(225deg);}

/* 315度傾けるクラス */
.fa-rotate-315 {transform: rotate(315deg);}
/* Commit */
/*-------------------------------------------------------------------------*/
.Com_Sub_Fre{margin:0 auto; box-sizing:border-box; width: 560px; display: table; padding-bottom:10px; background-color: #045FB4; border-radius: 6px;}
.Com_Sub_Lin{display: table; width: 100%; border-collapse: collapse;}
.Com_Sub_Lin .Row{display: table-row;}
.Com_Sub_Tit{width: 100%; box-sizing:border-box; padding:10px 0; text-align: center; color: #ffffff; font-size: 500%; font-family: 'Anton', sans-serif;}
.Com_Sub_Mai{width: 100%; box-sizing:border-box; padding:5px 0; text-align: center; color: #ffffff; font-size: 180%; font-family: 'Anton', sans-serif;}
.Com_Sub_Bot{width: 100%; box-sizing:border-box; padding:5px 0 20px; text-align: center; color: #ffffff; font-size: 120%;}
.Com_Sub_Bot{width: 100%; padding: 0 20px;}
/* Error */
/*-------------------------------------------------------------------------*/
.p-error {width:fit-content; padding:0 10px; margin:0 auto; border: 1px solid #C30D23; border-radius: 3px; color: #C30D23; font-size: 95%;}
.error {display: none;}
.error:not(:empty) {display:inline-block; color: #C30D23; font-size: 95%;}

.title-hin{position:relative; display: block; top:-0.5em; padding:0; margin: 0;font-size: 95%; line-height: 1.0;}
.Err_Sub_Fre{margin:25% auto; box-sizing:border-box; width: 560px; display: table; background-color: #ffaa4b; border-radius: 6px;}
.Err_Sub_Lin{display: table; width: 100%; border-collapse: collapse;}
.Err_Sub_Lin .Row{display: table-row;}
.Err_Sub_Tit{width: 100%; box-sizing:border-box; padding:10px 10px; text-align: center; color: #ffffff; font-size: 500%; font-family: 'Anton', sans-serif;}
.Err_Sub_Mai{width: 100%; box-sizing:border-box; padding:5px 10px; text-align: center; color: #ffffff; font-size: 180%; font-family: 'Anton', sans-serif;}
.Err_Sub_Bot{width: 100%; box-sizing:border-box; padding:5px 10px 20px; text-align: center; color: #ffffff; font-size: 120%;}
.Err_SubR_Fre{margin:0 auto; box-sizing:border-box; width: 560px; display: table; padding-bottom:10px; background-color: #ab1f24; border-radius: 6px;}
.Err_SubR_Lin{display: table; width: 100%; border-collapse: collapse;}
.Err_SubR_Lin .Row{display: table-row;}
.Err_SubR_Tit{width: 100%; box-sizing:border-box; padding:10px 0; text-align: center; color: #ffffff; font-size: 500%; font-family: 'Anton', sans-serif;}
.Err_SubR_Mai{width: 100%; box-sizing:border-box; padding:5px 0; text-align: center; color: #ffffff; font-size: 180%; font-family: 'Anton', sans-serif;}
.Err_SubR_Bot{width: 100%; box-sizing:border-box; padding:5px 0 20px; text-align: center; color: #ffffff; font-size: 120%;}

/* text */
input.inputtext, input.inputtextsearch{position:relative; width: 100%; margin:1px 0; background: #ffffff; border: 1px solid #9fa0a0; border-radius: 2px; padding: 0.3em 0.3em; letter-spacing: .1em; overflow:hidden;}
input.inputtext::after{font-family:'inxray-font',sans-serif; content:'\e918'; color: #68a4e0;}
input.inputtext::-ms-clear {color:#ff0000; visibility:hidden;}
input.inputright{text-align:right;}
input.inputtextsearch:hover{padding-right: 30px;}
input.inputtextsearch:focus,input.inputtext:focus{background: #FEFDE5;}
input.inputtextsearch::-webkit-search-cancel-button {
	display: none;
}
input.categorysearch{position:relative; width:calc(100% - 220px); margin:1px 0; background: #ffffff; border: 1px solid #9fa0a0; border-radius: 2px; padding: 0.3em 0.3em; letter-spacing: .1em; overflow:hidden;}
input.categorysearch:focus{background: #FEFDE5;}

input.inputtext:read-only{background: #f5f5f5; color: #333333;}
input.inputtextw100{width: 100%; margin:1px 0;  background: #ffffff; border: 1px solid #9fa0a0; border-radius: 2px; padding : 0.3em 0.3em; letter-spacing: .1em; overflow:hidden;}

input.inputtextw85{width: 85%; margin:1px 0;  background: #ffffff; border: 1px solid #9fa0a0; border-radius: 2px; padding : 0.3em 0.3em; letter-spacing: .1em; overflow:hidden;}

.inputtext9,.inputtext5, .inputtext4, .inputtext3 {margin:1px 0; background: #ffffff; border: 1px solid #036eb8; border-radius: 4px; padding : 4px; letter-spacing: .1em; overflow:hidden;}
.inputtext9{width: 98%;}
.inputtext5{width: 48%;}
.inputtext4{width: 45% !important;}
.inputtext3{width: 35% !important;}
.inputtext2{width: 20% !important;}
.inputtext1{width: 16% !important;}
.inputtext2R{width: 20%; margin:1px 0; text-align: right; background: #ffffff; border: 1px solid #ff7f00; border-radius: 4px; padding : 4px; letter-spacing: .1em; line-height: 17px; overflow:hidden;}
.datetimepicker{width: 20%; margin:1px 0; background: #ffffff; border: 1px solid #ff7f00; border-radius: 4px; padding : 4px; letter-spacing: .1em; line-height: 17px; overflow:hidden;}
.btlogin{padding: 4px 20px 4px 20px;}
/* Select */

.ipselect {overflow: hidden; width: 100%; margin: 1px 0 2px; text-align: center; color: #036eb8;}
.ipselect select {width: 100%; padding-right: 1em; cursor: pointer; text-overflow: ellipsis; border: none; outline: none; appearance: none;}
.ipselect select::-ms-expand {display: none;}
.ipselect.cp_sl {position: relative; border-radius: 2px; border: 1px solid #9fa0a0; background: #ffffff;}
.ipselect.cp_sl::before {position: absolute; top: 0; right: 0.5em;  font-family: "inxray-font", serif; font-size: 1.5em; content: '\e903'; font-weight: 600; color: #036eb8; pointer-events: none;}
.ipselect.cp_sl select {padding: 3px 38px 3px 8px; color: #036eb8;}
.ipselect select:disabled{background: #e3e3e3; color: #8a8a8a;}
.ipselect.line-none{border: none;}
.ipselect9 {width: 96%;}
.ipselect5 {width: 48%;}
.ipselect3 {width: 28%;}
.ipselect100 {width: 100px;}
.ipselect1 {width: 16% !important;}

.inputselform{display: table; width: 100%;}
.inputselform .Row{display: table-row;}
.inputselformCont{width: 33%; display:table-cell;}
.inputselformCont2{width: 30%;}

.wf-mplus1p {font-family: "M PLUS 1p, sans-serif;", serif;}
.wf-roundedmplus1c {font-family: "M PLUS Rounded 1c, sans-serif;", serif;}
.wf-sawarabigothic {font-family: "Sawarabi Gothic, sans-serif;", serif;}
.wf-notosans{font-family: 'Noto Sans JP', sans-serif;}
.wf-Kosugi{font-family: 'Kosugi', sans-serif;}
.logout a{background: #eab92d; color: #ffffff; padding: 4px 15px; border-radius: 4px;}
.logout a:hover{background: #c79810; color: #ffffff; opacity: 0.5;}

.menubt a{background: #036eb8; color: #ffffff; padding: 4px 15px; border-radius: 4px;}
.menubt a:hover{background: #036eb8; color: #ffffff; opacity: 0.5;}
.link_bt{margin: 0 auto;}
.link_bt a{padding:4px 10px; border:1px solid #036eb8; border-radius: 4px;}
.link_bt a:hover{background: #036eb8; color: #ffffff;}
.link_bt a{padding:4px 10px; border:1px solid #036eb8; border-radius: 4px;}
.link_bt a:hover{background: #036eb8; color: #ffffff;}
textarea {
	&.Basic100, &.Basic100taSub{
		font-family: 'Noto Sans JP',sans-serif; border: 1px solid #9fa0a0; border-radius:2px;width:100%; box-sizing:border-box; padding: 0.4em 0.3em; resize: vertical;
		&:focus{background: #FEFDE5;}
		&:read-only{background: #f5f5f5;}
	}
	&.Basic100ta{
		font-family: 'Noto Sans JP',sans-serif; border: 1px solid #9fa0a0; border-radius:2px; width:100%; box-sizing:border-box; padding: 0.35em 0.3em 0.35em 1.0em; resize: none; line-height: 1.5em;
		&:focus{background: #FEFDE5;}
		&:read-only{background: #f5f5f5;}
	}
	&.Basic100taSub{background: #f2f8fb;font-weight: bold;padding: 0.3em 0.3em 0.3em 0.3em;resize: none;line-height: 1.5em;}
}
/* ITEM---------------------------------------------------------------------------------------------------*/
.item_master{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 5px 0 0; padding: 0;}
.item_master li{padding: 0; margin: 1px 1px 0 0; width: 4.8%; text-align: center; border: 1px solid #1E1E1E; border-radius: 2px; line-height: 2;}
.item_master li a, .item_master li a:link, .item_master li a:visited, .item_master li a:active{display: block; width: 100%; margin: 0; padding: 0; text-align: center;}
.item_master li a:hover{background: #0368cc; color: #ffffff;}

.item-item-x{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 10px 0; padding: 0 0 10px; z-index: 11; background: #fff;}
.item-item-x li{position:relative; padding: 0; margin: -1px -1px 0 0; width: 50%; line-height: 2; text-indent: 1em; border: 1px solid #1E1E1E;}
.item-item-x li:nth-child(1),.item-item-x li:nth-child(2){margin: 0 -1px 0 0;}


.item-item-x li a, .item-item-x li a:link, .item-item-x li a:visited, .item-item-x li a:active{display: block; width: 100%; margin: 0; padding: 0 1em 0 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden;}
.item-item-x li a:after{font-weight: 600; font-family:'inxray-font', serif; content: "\e907"; position: absolute; right:1em;}
.item-item-x li a:hover{background: #9ac3eb; color: #ffffff;}
.item-item-x li [data-level="M"]:after {font-weight: 600; font-family:'inxray-font', serif; content: "\e993";}

.item-item-l, .item-item-m, .item-item-s {visibility:hidden; opacity:0; flex-wrap:wrap; width:100%; list-style:none; margin:14px 0; padding:0 0 10px; position:absolute; top:0; left:100%; background:#fff;}
.item-item-l.active, .item-item-m.active, .item-item-s.active {display:flex; visibility:visible; opacity:1; left:0; transition:left 0.3s,visibility 0s,opacity 1.0s;}
.item-item-l li, .item-item-m li, .item-item-s li {position:relative; padding: 0; margin: -1px 0 0 -1px; width: 50%;  border: 1px solid #1E1E1E; line-height: 2; text-indent: 1em;}
.item-item-l li:nth-child(odd), .item-item-m li:nth-child(odd), .item-item-s li:nth-child(odd) {padding: 0; margin: -1px 0 0 0; width: 50%;  border: 1px solid #1E1E1E; line-height: 2;}
.item-item-l li a, .item-item-l li a:link, .item-item-l li a:visited, .item-item-l li a:active,
.item-item-m li a, .item-item-m li a:link, .item-item-m li a:visited, .item-item-m li a:active,
.item-item-s li a, .item-item-s li a:link, .item-item-s li a:visited, .item-item-s li a:active{display: block; width: 100%; margin: 0; padding: 0; text-align: left;}
.item-item-l li a:after, .item-item-m li a:after, .item-item-s li a:after {font-weight: 600; font-family:'inxray-font', serif; content: "\e907"; position: absolute; right:1em;}
.item-item-l li a:hover, .item-item-m li a:hover, .item-item-s li a:hover {color: #ffffff;}
.item-item-l {z-index:12;}
.item-item-m {z-index:13;}
.item-item-s {z-index:14;}
.item-item-l li a:hover{background: #3586d6;}
.item-item-m li a:hover{background: #68a4e0;}
.item-item-s li a:hover{background: #1d77d1;}
.item-search{width:100%; position: relative; margin: 0; padding: 0;}
.item-result{width:100%; max-width:100%; height:385px; position: relative; margin: 0; padding: 0; overflow: auto; overflow-y: scroll;}
PRE{padding:0; margin:0; font-size: 100%; font-family: 'Noto Sans JP', sans-serif; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word;}
/* 自社設定 */
#dndarea{display:block; width:calc(100% - 125px); height:111px; border:2px dotted gray; border-radius:4%; padding:10px; color:gray; font-size:1.3rem; text-align:center; margin:.7em 2px;}
#dndarea p{margin:0; padding:.3em 0;}
.thumb{display:block; width:120px; aspect-ratio:calc(1 / 1); margin:4px 4px 0 0;}
.thumb:hover{cursor:pointer; opacity:.5;}
.preview{width:120px; aspect-ratio:calc(1 / 1); position:relative; padding:5px;}
#prev-img img{width:100%; height:auto; position:relative;}
.preview:hover .image-trash{display:block;}
.tagarea{position:relative; top:-52px; border:1px solid #b4b4b4; width:100%; background:#fff; padding:4px; margin:0 0 0 6px; text-align:left; display:block; font-size:.95em; z-index:80;}
.tagarea ul{margin:5px 0 0; padding:0;}
.tagarea li{width:100%; list-style-type:none; border:1px solid #b4b4b4; margin:1px; padding:4px; text-align:left;}
.tagarea li:hover{background:#036eb8; color:#fff; cursor:pointer;}
.pdfmail_preview{width:100%; text-align:center;}
.bt-preview a:link,.bt-previewa a:visited{padding:4px 20px; background:#ff7f00; color:#fff; border-radius:4px; text-align:center; cursor:pointer;}
.bt-preview:hover{opacity:.5;}

/* 入力画面小物 */
.help_tips_pop{display:inline-block; position:absolute; margin-top:15px; margin-left:5px; background:rgba(0,0,0,0.5); color:#FFF; text-align:center; border-radius:3px; padding:5px;}
.help_tips{font-size: 40%; color:#9d00a2; cursor : pointer;}
.required{height: 100%; aspect-ratio:  cos(30deg); clip-path: polygon(0 0,20% 50%,0 100%); background: #c30d23;}
/* 明細用メニュー */
.detail_add{border: 1px #036eb8 solid; border-radius: 50%; color:#036eb8; cursor: pointer; font-size:60%; padding: 2px 4px; width: 16px;}
.detail_add:hover {background-color: #036eb8; color: white; font-weight: bold;}
.detail_menu,.detail_menu_sel {width: 200px; }
.detail_menu_sel {background-color: white; color: #036eb8; cursor: pointer; padding-left: 4px;}
.detail_menu_sel:hover {background-color: #036eb8; color: white; }
/* 明細用字下げ */
.line_indent { padding-left: 10px; }
/* 分割請求用：一部請求済み金額 */
.split_total { color: #036eb8; }

/* autocomplete用 */
.ui-menu .ui-menu-item-wrapper {position: relative; padding: 3px 1em 3px .4em;}

.ui-widget-content {margin-left: -3em!important; font-size: 95%!important; border: 1px solid #666!important; background: #fff!important; color: #333!important; font-family: 'Noto Sans JP', sans-serif;}
.ui-state-active {margin-left: 0!important; text-indent: 0.5em!important; border: 0!important; background: #036eb8!important; font-weight: normal!important; color: #ffffff;}
.ui-autocomplete {max-height: 73%; overflow-y: auto; overflow-x: hidden; padding-right: 20px;}
.ui-autocomplete::-webkit-scrollbar{width: 16px;}
.ui-autocomplete::-webkit-scrollbar-track{background: #fff; border: none; border-radius: 10px; box-shadow: inset 0 0 2px #777;}
.ui-autocomplete::-webkit-scrollbar-thumb{background:#2896dc; border-radius: 10px; box-shadow: none;}
.ui-widget-shadow { -webkit-box-shadow: 0 0 2px 1px #888; box-shadow: 0 0 2px 1px #888 !important; }

/* 入力画面のタブ */
.tab, .tab_selected { display: inline-block; border: 1px solid #036eb8; border-top-left-radius: 4px; border-top-right-radius: 4px; width: 200px; text-align: center; padding: 3px; margin-bottom: 0; cursor: pointer; }
.tab, .tab:visited, .tab:link { background: #fff; color: #036eb8; text-decoration: none; }
.tab_selected, .tab_selected:visited, .tab_selected:link { background: #036eb8; color: #fff; text-decoration: none; }

/* Modal画面 */
/*-------------------------------------------------------------------------*/
#contents {z-index: 0; font-size: 16px;}
.page-txt {margin: 30px 0 0; min-height: 2000px;}
#modal-open {color: #cc0000;}
#modal-main {display: none; width: 550px; height: 330px; margin: 0; padding: 0 10px; background-color: #ffffff; color: #666666; position:fixed; z-index: 2; border-radius: 4px;}

/* モーダル 背景エリア */
#modal-bg {display:none; width:100%; height:100%; background-color: rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index: 1;}
.tanto_frame{margin: 0; padding: 0;}
.tanto_name {margin:0 0.1em; padding:2px 5px; background-color: #ff7f00; border: solid 1px #ff7f00; color: #ffffff!important; display: inline-block; border-radius: 4px; cursor: pointer;}
.tanto_name:hover{margin:0 0.1em; background-color: #ffffff; border: solid 1px #ff7f00; color: #ff7f00!important;}
.user_name {padding:0.25em 0.35em; background-color: #ffffff; border: solid 1px #036eb8; color: #036eb8; border-radius: 4px}
.user_namep {padding:2px; background-color: #ffffff; border: solid 1px #00b03f; color: #00b03f; border-radius: 4px}
.user_name:hover {padding:2px; background-color: #036eb8; border: solid 1px #036eb8; color: #ffffff; border-radius: 4px}


/* PDFMailダイアログ */
.pdfmail {
	.pdfm_block { display: inline-block; }
	.pdfm_ccicon { background-color: #b4b4b4; color: #fff; cursor: pointer; border-radius: 4px; padding: 0 6px; }
	.pdfm_cclabel { display: inline-block; border: 1px #b4b4b4 solid; color: #666; cursor: default; border-radius: 12px; padding: 0 6px; margin: 0 2px 2px 0; }
	.pdfm_cclabel_cancel { padding-left: 2px; cursor: pointer; }
	.pdfm_attach_title { display: inline-block; vertical-align: top; }
	.pdfm_attach_file {display: inline-block; }
	.pdfm_attach_icon {display: inline-block; color: #666; font-size: 1.1em; cursor: pointer; margin: 4px;}
	.white-popup {position: fixed;top: 10%;left: calc(50% - 400px);width: 800px;}
	.pop-head {position: sticky;top: 0;background: #fff;margin: 0;padding: 3px 0;z-index: 20;}
	.white-popup .pop-close {position: absolute;top: 10px;right: 0;font-size: 1.5em;z-index: 20;}
	.white-popup .pop-close a {display: block;color: #95979c;width: 100%;height: 100%;z-index: 20;}
	.white-popup .pop-close i {position: absolute;right: 0;font-size: 30px;z-index: 20;}
	.white-popup .pop-close a:hover {color: #C30D23;}
	.modal-contents {position: relative;margin: 0;padding: 0 10px;min-height: 420px;overflow-y: auto; z-index: 19;}
	.pop-foot {position: sticky;bottom: 0;background: #fff;margin: 0;padding: 3px 0;z-index: 20;}
}
/* 共通スタイル */
.onTit {color: #0368cc;	cursor: pointer;padding: 0 15px 0 6px;position: relative; /* アイコンを絶対位置に配置するために必要 */}
.onTit:after, .onTitHere:after{font-weight: 600; font-family:'inxray-font', serif; content: "\e907"; position: absolute; top:5px; right:1px;}
/* 矢印を非表示にする（メーカーのみ） */
#filter_class_x:before,
#filter_class_x:after,
#filter_class_l:before,
#filter_class_l:after,
#filter_class_m:before,
#filter_class_m:after  {content: none; /* 矢印を表示しない */margin: 0 8px 0 5px;}
/* 矢印を要素の前に表示する（大分類） */
#filter_class_l:before {font-family: 'inxray-font', serif;content: "\e992"; /* 大分類用アイコン */	font-weight: 600;position: absolute;top: 50%; /* 縦方向で要素中央に合わせる */transform: translateY(-50%); /* 縦中央揃え */left: -20px; /* 要素の左に配置 */}
/* 矢印を要素の前に表示する（中分類） */
#filter_class_m:before {font-family: 'inxray-font', serif;content: "\e993"; /* 中分類用アイコン */	font-weight: 600;position: absolute;top: 50%; /* 縦方向で要素中央に合わせる */transform: translateY(-50%); /* 縦中央揃え */left: -20px; /* 要素の左に配置 */}
/* 矢印を要素の前に表示する（小分類） */
#filter_class_s:before {font-family: 'inxray-font', serif;content: "\e994"; /* 小分類用アイコン */font-weight: 600;position: absolute;top: 50%; /* 縦方向で要素中央に合わせる */transform: translateY(-50%); /* 縦中央揃え */left: -20px; /* 要素の左に配置 */}
/* デフォルトのアイコン非表示 */
.item-item-x li a:after {content: '';}
/* 現在の階層に一致するカテゴリリストの場合のアイコン */
.item-result[data-current-level="X"] li[data-type="category"][data-level="X"] a:after {content: "\e907"; /* 大分類アイコン */}
.item-result[data-current-level="L"] li[data-type="category"][data-level="L"] a:after {content: "\e992"; /* 大分類アイコン */}
.item-result[data-current-level="M"] li[data-type="category"][data-level="M"] a:after {content: "\e993"; /* 中分類アイコン */}
.item-result[data-current-level="S"] li[data-type="category"][data-level="S"] a:after {content: "\e994"; /* 小分類アイコン */}
/* 商品リストの場合のアイコン */
.item-result li[data-type="product"] a:after {content: "\e907"; /* 商品アイコン */}
/* 共通スタイル */
.onTit {color: #0368cc;	cursor: pointer;padding: 0 15px 0 6px;position: relative; /* アイコンを絶対位置に配置するために必要 */}
.onTit:after, .onTitHere:after{font-weight: 600; font-family:'inxray-font', serif; content: "\e907"; position: absolute; top:5px; right:1px;}
/* 矢印を非表示にする（メーカーのみ） */
#filter_class_x:before,
#filter_class_x:after,
#filter_class_l:before,
#filter_class_l:after,
#filter_class_m:before,
#filter_class_m:after  {content: none; /* 矢印を表示しない */margin: 0 8px 0 5px;}
/* 矢印を要素の前に表示する（大分類） */
#filter_class_l:before {font-family: 'inxray-font', serif;content: "\e992"; /* 大分類用アイコン */	font-weight: 600;position: absolute;top: 50%; /* 縦方向で要素中央に合わせる */transform: translateY(-50%); /* 縦中央揃え */left: -20px; /* 要素の左に配置 */}
/* 矢印を要素の前に表示する（中分類） */
#filter_class_m:before {font-family: 'inxray-font', serif;content: "\e993"; /* 中分類用アイコン */	font-weight: 600;position: absolute;top: 50%; /* 縦方向で要素中央に合わせる */transform: translateY(-50%); /* 縦中央揃え */left: -20px; /* 要素の左に配置 */}
/* 矢印を要素の前に表示する（小分類） */
#filter_class_s:before {font-family: 'inxray-font', serif;content: "\e994"; /* 小分類用アイコン */font-weight: 600;position: absolute;top: 50%; /* 縦方向で要素中央に合わせる */transform: translateY(-50%); /* 縦中央揃え */left: -20px; /* 要素の左に配置 */}

/* 商品リストの場合のアイコン */
.item-result li[data-type="product"] a:after {content: "\e907"; /* 商品アイコン */}
/* デジタル文書関連 */
/*-------------------------------------------------------------------------*/
.filedummy {}
#preview_pdf_0{border: 1px solid #b0b0b0;}
.preview_img_0 img{border: 1px solid #b0b0b0;}
.button_checkbox{display: block;margin: auto;padding: 3px 10px 3px 10px;width: 120px;border: 2px solid #036eb8;color: #036eb8;text-decoration: none;text-align: center;border-radius: 3px;transition: 0.5s;background-color: white;}
.button_checkbox:hover{color: #fff; background: #036eb8;}
.attach_plus{text-align: center;}
.attach_preview{cursor:zoom-in;}
.attach_preview_wrap {height: 100vh; max-height: calc(100vh - 400px); overflow: scroll;}
.attach_preview_big {max-height: unset !important;}
.dds_checked {background-color: #b4ebbe;}
/* 帳票関連 */
/*-------------------------------------------------------------------------*/
.lineBill {background-color: #A5B8DA;}
.linePayment {background-color: #e4a6b5;}
.Print_Slipdate {margin-bottom: -16px;}
/*-------------------------------------------------------------------------*/
/* 利用方法 */
/*-------------------------------------------------------------------------*/
h2{position:relative; padding:1.5rem; text-align:center; font-size: 1.2em;}
h2:before{position:absolute; bottom:-10px; left:calc(50% - 30px); width:60px; height:5px; content:''; border-radius:3px; background:#000;}
.Contents_Text{width:100%; max-width: 1240px; min-width: 996px; padding: 0; margin: 0 auto;}
.Contents_Text p{margin:0; padding: 0.5em 0 0; text-indent:1.0em; line-height:1.5; user-select: none;}
.Contents_Text p span{display: block; font-size: 0.95em;}
.help-t{position:relative; font-size: 1.2em; padding:1.5rem; text-align:center;}
.help-t:before{position:absolute; bottom:-2px; left:calc(50% - 30px); width:60px; height:5px; content:''; border-radius:3px; background:#036eb8;}
.help-t .help-m{position:relative; width: fit-content; padding:0 1em; background:#fff; color: #333333; font-size: 1.2em;}

.ul-help{display: grid;	grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; gap: 1em; margin: 0; padding: 0;}
.ul-help > li{}
.ul-help li.li-help p{font-size: 1.1em;}
.ul-help li img{width: 80%; height:auto;}
.ul-help li:nth-of-type(1) { grid-column: 1 / -1; grid-row: 1;}
.ul-help li:nth-of-type(2) { grid-column: 1; grid-row: 2;}
.ul-help li:nth-of-type(3) { grid-column: 2; grid-row: 2;}
.ul-help li:nth-of-type(4) { grid-column: 1 / -1; grid-row: 3;}
.ul-help li:nth-of-type(5) { grid-column: 2; grid-row: 4;}
.ul-help li:nth-of-type(6) { grid-column: 1; grid-row: 4;}
.ul-help li:nth-of-type(7) { grid-column: 1 / -1; grid-row: 5;}
.ul-help li:nth-of-type(8) { grid-column: 1; grid-row: 6;}
.ul-help li:nth-of-type(9) { grid-column: 2; grid-row: 6;}

.ul-help .al-ce{text-align: center;}
.rev{flex-direction: row-reverse;}
.ul-help li.li-help_con p i{position: relative; right:0.25em;}
.ul-help li.pad10{padding-top: 1.0em;}

ul.rice_ul {margin: 1.0em 0 0 0; padding: 0 1em -1.0em 1.0em; position: relative;}
ul.rice_ul li {line-height: 1.5; padding: 0.2em 0 0 0; list-style-type: none; font-size: 1.0em;}
ul.rice_ul li:before {content: "※"; position: absolute; left:1.0em;}

.rice_ulp {margin: 0 0 1.0em -3.0em; padding: 0 0 -1.0em 0.5em;}
.rice_ulp li {position: relative; line-height: 1.5; margin: 0.5% 0; padding: 0.5em 0 0 0; list-style-type: none; font-size: 1.0em;}
.rice_ulp li:before {content: "※"; position: absolute;  top:0.5em; left:-0.6em;}


.ul-price{display: block; width: 100%; margin: 0 0 1.0em -1.0em; padding: 0 1em -1.0em 0.5em; overflow: hidden;}
.ul-price li{display: list-item; position: relative; margin: 0.5% 0; padding: 0.5em 0 0 1.0em; text-align:left; vertical-align: middle; line-height: 1.6;}
.ul-price li.contract{}
.ul-price li.no-contract{color: #979797;}
.ul-price li.contract:before {font-weight: 400; font-size: 1.2em; font-family:'inxray-font', sans-serif; content: "\e921"; position: absolute; top:0.25em; left:-0.6em;}
.ul-price li.no-contract:before {font-weight: 400; font-size: 1.2em; font-family:'inxray-font', sans-serif; content: "\e962"; position: absolute; top:0.25em; left:-0.6em;}

.parts-ls{border: 1px solid #f7c5c5;}
.parts-la{border: 1px solid #a1dff7;}
.parts-lb{border: 1px solid #dbedbf;}
.parts-lc{border: 1px solid #f9d6a4;}
.parts-s{margin:0; text-align: center; background: #f7c5c5;}
.parts-a{margin:0; text-align: center; background: #a1dff7;}
.parts-b{margin:0; text-align: center; background: #dbedbf;}
.parts-c{margin:0; text-align: center; background: #f9d6a4;}
.text-s{color: #dc4b4b;}
.text-a{color: #0e7395;}
.text-b{color: #73ac19;}
.text-c{color: #b87e2c;}
.parts-p{margin: 0; padding: 0;}
.text_price{display:inline-block; margin: 0 0.2em; font-size: 1.5em; font-weight: 500;}
.price-sub{text-align: center;}
.class-type{width: 40px; height: 40px; display: inline-block; text-align: center; font-size: 1.5em; font-weight: bold;}


.image-gallery{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
img.gallery-item{position: relative; display: block; object-fit:cover; cursor: url("../img/cursor_glass.png") 16 16, auto; z-index: 1;}
.modal{display:none; position:fixed; z-index:1000; padding-top:60px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.5); cursor: url("../img/cursor_xross.png") 16 16, auto;}
.modal-content{position:relative; display:block; top:10%; margin:auto; max-width:60%; max-height:60%;}


.ul-hbase{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0;}
.ul-hbase li{margin: 0; display: flex; vertical-align: middle; line-height: 1.6; padding: 0 0 1.5em;}
.ul-hbase_rev{flex-direction: row-reverse;}

.ul-point{display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0;}
.ul-point li{width: 24%; margin: 0 1% 1% 0; padding: 5px 10px 10px; vertical-align: top; line-height: 1.6; background: rgba(194, 217, 255, 0.7); border-radius: 6px;}
.ul-point li p{width: 100%; color: #036eb8; font-weight: bold; text-align: center; padding: 5px 10px 10px}
.ul-nomal{width: fit-content; padding: 0 20px; list-style-type: disc; margin: 0;}
.ul-nomal > li{list-style: none; overflow: hidden; margin-bottom: 0.1em; padding: 0.25em 0;}
.ul-nomal li::before {content: "•";	margin-right: 0.5em; display: inline-block;}
.ul-nomal li a,a:hover{width:fit-content; display: inline-block;}
.rev_right{margin: 1em 0 1em auto;}

.div-ab{display: flex; flex-wrap: wrap; width: 90%; margin: 0 auto; background: #e5f0f8; list-style: none; padding: 0; border-radius: 6px; box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.4);}
.div-ab li{margin: 0; display: flex; vertical-align: middle; line-height: 1.6; padding: 12px 8px;}
.div-ab i{margin: 0 0 0 0.5em;}
.div-ab p{color: #036eb8; font-weight: bold;}
.div-ab p span{color: #333333; font-weight:normal; font-size: 0.9em;}
.dab-ab{position:relative;}
.dab-ab a{position:absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 1;}
.dab-ab:hover{position:relative; background: rgba(250, 238, 175, 0.5); color: #333333; z-index: 1;}
.hl_20{width: 20%;}
.hl_30{width: 30%;}
.hl_40{width: 40%;}
.hl_45{width: 45%;}
.hl_50{width: 50%;}
.hl_55{width: 55%;}
.hl_60{width: 60%;}
.hl_70{width: 70%;}
.hl_80{width: 80%;}
.hl_rev{position: relative;}
.hl_rev:after{position: absolute; top:20%; right: -10px; content: "\e907"; font-family: "inxray-font",sans-serif; font-size: 1.8em; font-weight: 600; color: #036eb8;}
.hl_rev p{padding: 0 0.5em 0 0.5em; text-indent: 0.25em;}
.hl_rev p span{padding: 0.5em 0 0;line-height: 1.8;}
.hl_000{width: 100%;}
.hl_100-3{width: calc(100% / 3);}
.ul-hbase li img{width: 100%; height: auto;}
.ul-hbase .al-ce{text-align: center;}
.ul-hbase .pd106106{padding: 10px 6px;}
.ul-hbase .i-big{font-size: 2.5em; margin-left: -0.5em; color: #036eb8;}

details{--arrow-size:18px; --anime-speed:.3s; margin: 0;}
details summary{position:relative; display:block; font-weight:700; padding:1.0em calc(var(--arrow-size) + 1em) 1.0em 3.5em; margin: 0 0 0.5em 0; background:#fff; border:1px solid #84b1de; border-radius: 5px 5px 0 0;  cursor:pointer;}
details summary::-webkit-details-marker{display:none;}
details summary::before{content:"Q."; position:absolute; top:1.0em; left:1.5em; color:#0a64be;}
details summary i{position:absolute; top:0.6em; right:0.5em; display:block; margin:auto; color:#0a64be; font-size: 1.5em; font-weight:600; transition:transform var(--anime-speed);}
details[open] summary i{transform:rotate(180deg);}
details .inner{position:relative; padding:1.0em 1.5em 1.0em 3.5em; margin: -0.5em 0 1.0em; background: #f1f6fc; border-radius: 0 0 5px 5px;}
details .inner p{padding: 0; margin: 0; line-height: 1.5; text-indent: 1.0em;}
details .inner::before{content:"A."; position:absolute; top:1.0em; left:1.5em; font-weight:700; color:#bb0000;}

/* 見積書のアイテムを縦に並べる */
.estimate-wrapper {border: 1px solid #1E1E1E;border-radius: 8px;padding: 0;margin-bottom: 10px;background-color: #fff;}
.item-item-x-estimate {width: 100%;list-style: none;margin: 10px 0;padding: 0;background: #fff;}
.item-item-x-estimate li {border: 1px solid #1E1E1E;margin-bottom: 10px;background-color: #fff;overflow: hidden;width: 100%;}
.item-item-x-estimate li a {display: flex;align-items: stretch;padding: 10px;text-decoration: none;color: inherit;box-sizing: border-box;gap: 0; /* カラム間の余白をつけないようにする */}
/* 見積番号（固定幅） */
.item-item-x-estimate .col-id {display: inline-block; width: 120px; text-align: center; align-items: center; justify-content: center;}
.item-item-x-estimate .col-id:before {content: "\e9c2"; font-family: "inxray-font",sans-serif; margin-right: 0.5em;}
/* 件名（可変だけど最低/最大制限付き） */
.item-item-x-estimate .col-name {display: inline-block; width: calc(100% - 270px);	line-height: 1.4; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
/* 日付（固定幅） */
.item-item-x-estimate .col-date {display: inline-block; width: 150px; text-align: right; align-items: center;	justify-content: flex-end;}

/* ホバー時の背景変更 */
.item-item-x-estimate li a:hover {
	background-color: #9ac3eb;
	color: white;
	width: 100%;
}
/*-------------------------------------------------------------------------*/
/* 商品インポート */
/*-------------------------------------------------------------------------*/
.csv-import {
	.scroll-box--horizon {overflow-x: auto; overflow-y: hidden;}
	.color-add {color: #333;}
	.color-update {color: #ff7f00;}
	.cell-error {background-color: #C30D23; color: #fff; opacity: 0.5;}
	.cell-nowrap {white-space: nowrap;}
}

.mk_tit {width: 100%;text-align: center;color: rgb(255, 255, 255); margin:0; padding: 0.5em; border-radius: 5px;background: rgb(3, 99, 165);border-width: 1px;border-style: solid;border-color: rgb(3, 99, 165);border-image: initial;}
.mk_cot {position:relative; width: 100%; padding: 0.5em 0.5em 0.5em 6.0em; margin: 0 0 0.25em;border-radius: 5px;background: rgb(255, 255, 255);border-width: 1px;border-style: solid;border-color: rgb(3, 99, 165);border-image: initial; user-select: none; overflow: hidden;}
.mk_cot.clickable {cursor: pointer;	transition: background-color 0.3s ease; z-index: 80;}
.mk_cot.clickable:hover {background-color: rgba(3, 99, 165, 0.2);}
.mk_cot.clickable:hover .sp_scroll,.mk_cot.clickable:hover .sp_edit {background: #ffffff; border-radius: 8px;}
.sp_scroll{display: inline-block; position: absolute; top: 0.2em; left:0.25em; width: 36px; height: 36px; justify-items: center;}
.sp_scroll i{margin: 0 0.1em 0; z-index: 90;}
.sp_scroll i:hover > .sp_scroll{background: #0a64be; color: #ffffff;}

.sp_edit{display: inline-block; position: absolute; top: 0.2em; left:2.75em; width: 36px; height: 36px; justify-items: center; z-index: 100;}
.sp_edit i{margin: 0 0.1em 0;}
.sp_arrow{display: inline-block; position: absolute; top: 0.2em; right:.75em; width: 32px; height: 90%; justify-items: center;}
.sp_arrow i{margin: 0 auto;}
.breadcrumb-global{position: relative; padding: 0.5em; min-height: 2.0em; font-weight: 500;}

.bc-item{display: inline-block; padding: 0 0 0 0.5em; cursor: pointer;}
.bc-item:not(:last-child):after{position:relative; top:0.1em; content: "\e907"; font-family: 'inxray-font', serif; font-size: 1.2em; font-weight: 500;}
.bc-item:hover{color:#0a64be;}
@keyframes revealFromLeft {
	0% {
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}
	100% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}
.li-300-active {animation: revealFromLeft 0.5s ease-out forwards;}

.res_ck{margin: 0.25em 0; padding: 0.25em 1.0em 0; text-align: center;}
.res_ck input[type=checkbox] {display:none;}
.res_ck input[type=checkbox] + label:before {font-family: 'inxray-font', serif; display: inline-block; font-size: 1.5em; position: relative; top:0.15em; left:4px; cursor: pointer;}
.res_ck input[type=checkbox] + label:before {content: "\e962"; color: #9fa0a0;}
.res_ck input[type=checkbox]:checked + label:before {content: "\e921"; color: #8E0D23;}
.res_cksp{margin: -1.5em 0 0 0.75em; cursor: pointer;}
/*-------------------------------------------------------------------------*/
/* SweetAlert2*/
/*-------------------------------------------------------------------------*/
.swal2-large-popup {width: 600px; max-height: 80vh; font-size: 1.2rem;}
.swal2-title {font-size: 1.75em;}
.swal2-html-container {font-size: 1.5em;}
.swal2-confirm, .swal2-cancel {font-size: 1.45em;padding: 12px 25px;}

.swal2-popup ul {display: flex; flex-wrap: wrap; width: 50%; list-style: none; margin:  0 auto; padding: 0; overflow: hidden;}
.swal2-popup ul li{margin: 0; border-collapse: collapse; column-gap: 1px; display: inline-block; vertical-align: middle; line-height: 1.6;}
.swal2-popup ul li:nth-child(odd){width: 80%;}
.swal2-popup ul li:nth-child(even){width: 20%;}
.swal2-popup p{margin: 0; padding: 0;}