@charset "utf-8";

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  text-align:center;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

input{
-webkit-appearance:none;
border:none;
background:none;
}

ul,li,dl,dt,dd{
list-style:none;
margin:0;
padding:0;
}

a{
text-decoration:none;
color:#006401;
}

table{
border-collapse:collapse;
margin:0 auto;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
/*
Clearfix
*/

.cf::after {
  content: "";
  display: block;
  clear: both;
}

/*
設定
*/
h1{
  color:#00773B;
font-size:1em;
}

h1 a{
  color:#00773B;
}

.tbox{
width:calc(100% - 30px);
margin:0 auto 20px;
padding:0 0 15px;
border-bottom: 1px solid #CDCDCD;
}

.tbox p{
text-align:left;
}

.greentxt{
font-weight:bold;
color:#00773B;
text-align:center!important;
margin:20px auto;
}

.container h3{
font-size:13px;
}

.txt{
width:calc(100% - 30px);
margin:10px auto 20px;
text-align:left;
}

.chui{
color:#E32929;
}
.formbox{
  border:1px solid #A2A2A2;
  padding:10px 5px;
  text-align:left;
  width:238px;
  border-radius: 5px;
  background:#fff;
}
.nyuryoku{
border:1px solid #006401;
width:calc(100% - 20px);
margin:0 auto;
padding:10px;
border-radius:0;
}
.button{
  color:#fff;
  background:#006401;
/*border:1px solid #006401;*/
  padding:10px 0;
  width:250px;
  cursor:pointer;
  border-radius: 5px;
}

.button:hover,
.button:active{
  background:#D2EFD0;
}

.btn_ichiran{
text-align:right;
width:calc(100% - 30px);
margin:20px auto;
}

.btn_ichiran a{
width:auto!important;
padding:5px 10px;

}

.btn1,
.btn2{
width:100%;
margin:20px 0;
}
.btn1 a{
background:#006401;
/*border:1px solid #006401;*/
display:block;
color:#fff;
margin:0 auto;
padding:15px 0;
width:250px;
font-weight:bold;
border-radius: 5px;
}

.btn2 a,
.btn2 button{
background:#c4c4c4;
/*border:1px solid #c4c4c4;*/
display:block;
color:#fff;
margin:0 auto;
padding:15px 0;
width:250px;
font-weight:bold;
}

/*送信、キャンセルボタン*/
.stepbtn{
width:calc(100% - 30px);
margin:20px auto;
}
.stepbtn .bluebtn{
float:left;
width:calc(50% - 7px);
padding:15px 5px;
border:none;
background:#006401;
color:#fff;
border-radius: 5px;
}

.stepbtn .bluebtn2{
float:right;
width:calc(50% - 7px);
padding:15px 5px;
border:none;
background:#006401;
color:#fff;
border-radius: 5px;
}

.stepbtn .graybtn{
float:right;
width:calc(50% - 7px);
padding:15px 5px;
border:none;
background:#c4c4c4;
color:#fff;
border-radius: 5px;
}

.stepbtn .redbtn{
float:left;
width:calc(50% - 7px);
padding:15px 5px;
border:none;
background:#E32929;
color:#fff;
border-radius: 5px;
}

/*ポップアップ*/
.gray_panel{
background : #999;
opacity  : 0.9;
width  : 100%;
height  : 100%;
position : fixed;
top   : 0;
left  : 0;
display  : none;
z-index  : 500;
}
#popup{
display:none;
width:calc(100% - 30px);
z-index:501;
position:fixed;
top:70;
border:1px solid #006401;
background:#fff;
}

.scancel1{
color:#00773B;
font-size:1em;
font-weight:bold;
}
.scancel2{
margin:20px;
text-align:left;
}

/*返却、横持ち、ロス*/
.triple{
width:calc(100% - 30px);
margin:20px auto;
}
.triple button{
float:left;
width:30%;
margin:0 5px;
}

.quadruple{
width:calc(100% - 30px);
margin:20px auto;
}
.quadruple button{
float:left;
width:calc(25% - 10px);
margin:0 5px;
}
/*その他*/

.btn_ichiran a{
position:relative;
width:110px!important;
display:inline-block;
text-align:left;
}
.btn_ichiran span {
  position: absolute;
  right: 5px;
  width: 10px;
  height: 2px;
  background-color: #006401;
  display: inline-block;
  box-sizing: border-box;
}

.btn_ichiran span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.btn_ichiran span:nth-of-type(2) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg);
}

.btn_paging{
width:calc(100% - 30px);
text-align:center;
margin:20px auto;
}
.btn_paging li{
display:inline-block;
width:40px;
height:40px;
margin:0 15px 0 0;
}

.btn_paging li:last-child{
margin:0;
}
.btn_paging a{
display:inline-block;
background:#006401;
color:#fff;
padding-top:8px;
width:100%;
height:calc(100% - 8px);
}

.btn_paging a.on{
background:#fff;
border:1px solid #006401;
color:#006401;
}


.redbtn{
  background:#c4c4c4;
  border:1px solid #c4c4c4;
display:block;
color:#fff;
margin:0 auto;
padding:15px 0;
width:250px;
font-weight:bold;
}
.bluebtn,
.bluebtn2{
  background:#006401;
  border:1px solid #006401;
display:block;
color:#fff;
margin:0 auto;
padding:15px 0;
width:250px;
font-weight:bold;
}

footer{
font-size:10px;
width: 100%;
background: #006401;
color:#fff;
padding: 5px 0 3px;
}

/*
ログイン画面
*/
#loginpage{
  background:#F1FFF0;
  height: 100vh;
  position: relative;
}
.loginheader{
margin-bottom:10px;
padding:100px 0 30px;
width:100%;
border-top:22px solid #006401;
}

.loginheader h1{
  font-size:1.2em;
}

.loginheader img{
width:28px;
height:auto;
vertical-align: -8px;
margin-right: 10px;
}
.login-t{
  color:#a2a2a2;
}
.loginwaku{
  padding-top:20px;
  background: #fff;
  border-radius: 5px;
  width:300px;
  margin:0 auto;
  box-shadow: 0px 0px 5px #C5CEC4;
}

.btn_login{
margin-bottom:80px;
}
.loginotoi{
  margin-bottom: 70px;
}
.loginfoot{
  position: absolute;
  bottom: 0;
}

/*
共通ヘッダ
*/

.mainheader{
background:#F1FFF0;
padding:10px 0 5px;
width:100%;
border-bottom:10px solid #006401;
}

.mainheader img{
width:28px;
height:auto;
}

.mainheader .logo{
float:left;
margin:0 15px;
}

.mainheader h1{
float:left;
margin:3px 0 0;
width:calc(100% - 140px);
}

.mainmenu{
float:right;
margin-right:15px;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 48px;
  height: 48px;
  z-index:100;
  background-color: #00773B;
  border-radius: 5px;
}
.menu-trigger span {
  position: absolute;
  left: 9px;
  width: 31px;
  height: 2px;
  background-color: #fff;
  color:#fff;
  font-size: 6px;
}
.menu-trigger span:nth-of-type(1) {
  top: 9px;
}
.menu-trigger span:nth-of-type(2) {
  top: 17px;
}
.menu-trigger span:nth-of-type(3) {
  top: 25px;
}
.menu-trigger span:nth-of-type(4) {
  top: 29px;
  background-color:#00773B!important;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

.mainmenu2{
display:none;
text-align:left;
position:absolute;
top:0;
left:0;
width:100%;
z-index:10;
}

.mainmenu2 h2{
background:#006401;
color:#F1FFF0;
font-weight:bold;
border-bottom:1px solid #fff;
margin:0;
padding:18px 0 18px 15px;
font-size:1em;
}
.mainmenu2 li div{
width:100%;
padding:18px 0;
background:#F1FFF0;
color:#00773B;
font-weight:bold;
border-bottom:1px solid #fff;
}

.mainmenu2 img{
width:30px;
height:auto;
vertical-align:-8px;
margin:0 5px 0 15px
}

.sub{
border-bottom:none!important;
padding:0!important;
}

.sub li{
padding:0!important;
width:100%;
border-bottom:1px solid #fff;
}

.sub li a{
display:block;
background:#006401;
color:#fff;
font-weight:bold;
padding:18px 0 18px 50px;
}

.sub li span {
  position: absolute;
  right: 20px;
  width: 15px;
  height: 3px;
  background-color: #fff;
  display: inline-block;
  box-sizing: border-box;
}

.sub li span:nth-of-type(1) {
  -webkit-transform: translateY(5px) rotate(45deg);
  transform: translateY(5px) rotate(45deg);
}
.sub li span:nth-of-type(2) {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
}

/*コンテナ*/
.container{
padding-top:20px;
padding-bottom:20px;
}
/*トップボタン*/

.btnbox_top{
width:calc(100% - 30px);
margin:0 auto;
}

.btnbox_top li{
display:inline-block;
margin:0 5px;
}

.btnbox_top li a{
background:#fff;
display:block;
color:#006401;
font-weight:bold;
width:100px;
height:100px;
border:1px solid #CDCDCD;
border-radius: 5px;
}

.btnbox_top li img{
width:50px;
height:auto;
margin-top:10px;
}
.btn_siten span{
background:#C4C4C4;
display:block;
color:#fff;
font-weight:bold;
width:100px;
height:100px;
}
.siten_btn{
}
/*戻るボタン*/

.btn_back{
display:inline-block;
background:#fff;
border-radius:13px;
width:26px;
height:26px;
position:relative;
margin-right:10px;
}

.btn_back span{
position: absolute;
  left: 7px;
  width: 10px;
  height: 3px;
  background-color: #006401;
  display: inline-block;
  box-sizing: border-box;
}
.btn_back span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.btn_back span:nth-of-type(2) {
  -webkit-transform: translateY(14px) rotate(45deg);
  transform: translateY(14px) rotate(45deg);
}

/*見出し*/
.container h1{
display:inline-block;
position:relative;
top:-7px;
margin:0;
}
.content h3{
color:#006401;
}

.newshipment h3{
margin:20px 0;
}

/*テーブル設定*/

.table1{
border:1px solid #fff;
width:calc(100% - 30px);
margin:20px auto;
}

.table1 th{
border-top:2px solid #fff;
border-right:1px dotted #fff;
border-bottom:2px solid #fff;
border-left:none;
background:#D2EFD0;
font-weight:normal;
font-size:0.8em;
}

.table1 td{
border-top:2px solid #fff;
border-right:1px dotted #fff;
border-bottom:2px solid #fff;
border-left:none;
font-size:0.8em;
background:#f7f7f7;
}

.r_ar{
float:right;
}

.r_ar span {
  position: absolute;
  right: 5px;
  width: 10px;
  height: 2px;
  background-color: #222;
  display: inline-block;
  box-sizing: border-box;
}

.r_ar span:nth-of-type(1) {
  -webkit-transform: translateY(-3px) rotate(45deg);
  transform: translateY(-3px) rotate(45deg);
}
.r_ar span:nth-of-type(2) {
  -webkit-transform: translateY(3px) rotate(-45deg);
  transform: translateY(3px) rotate(-45deg);
}

/*状態*/
.status{font-weight:bold;}
.status span{display:block;margin:0 auto;}
.st_machi{color:#E32929;}
.st_szumi{color:#00773B;}
.st_hzumi{color:#3648AA;}
.st_kari{color:#FFB848;}
.st_yoko{color:#fff;background:#E32929;padding:2px 0;width:60px;}
.st_zumi{color:#A5A5A5;}
.st_hen{color:#FF8D8D;}


/*フォーム設定*/
.type2{
width:calc(100% - 30px);
margin:20px auto;
table-layout: fixed;
}
.type2 th{
border-top:2px solid #fff;
border-bottom:2px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
background:#D2EFD0;
width:25%;
padding:10px;
font-weight:normal;
font-size:10px;
}

.type2 td{
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
background: #f7f7f7;
padding:10px;
text-align:left;
overflow-wrap : break-word;
}

/*セレクト*/
.formselect {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
.formselect select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.formselect select::-ms-expand {
    display: none;
}
.formselect.select1 {
    position: relative;
    border: 1px solid #A2A2A2;
    background: #fff;
    border-radius: 5px;
}
.formselect.select1::before {
    position: absolute;
    top: 0.8em;
    right: 0.7em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #222;
    pointer-events: none;
}
.formselect.select1 select {
    padding: 8px 36px 8px 8px;
    color: #222;
}

.niti input{
    padding: 8px 36px 8px 8px;
    color: #222;
    width:calc(100% - 44px);
}

.niti.select1{
width:59%;
float:left;
margin-right:7px;
}

.ji.select1{
width:35%;
float:left;
}

/*ラジオボタン*/
group + group {
  margin-top: 20px;
}
.inline-radio {
  display: flex;
  overflow: hidden;
  border: 1px solid #A2A2A2;
  border-radius:5px;
}
.inline-radio div {
  position: relative;
  flex: 1;
}
.inline-radio input {
  width: 100%;
  height: 40px;
  opacity: 0;
}
.inline-radio label {
  position: absolute;
  top: 0;
  left: 0;
  color: #006401;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border-right: 1px solid #A2A2A2;
  background: #fff;
}
.inline-radio div:last-child label {
  border-right: 0;
}
.inline-radio input:checked + label {
  background: #006401;
  font-weight: 500;
  color: #fff;
}
/*検索結果ラジオボタン*/
.resultbox{
width:calc(100% - 30px);
margin:0 auto 20px;
}
.resultbox input span{
display:block;
}
.result-radio {
  display: flex;
  overflow: hidden;
  flex-flow:column nowrap;
}
.result-radio div {
position:relative;
margin-bottom: 2px;
}
.result-radio input {
  width: 100%;
  height: 50px;
  opacity: 0;
}
.result-radio label {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  pointer-events: none;
  padding:0 10px;
  background:#f7f7f7;
}
.result-radio div:last-child label {
  border-bottom: 0;
}
.result-radio input:checked + label {
  background: #006401;
  font-weight: 500;
  color: #fff;
}
/*テキストリンク*/
.textlink{
color:#00773B;
text-decoration:underline;
}
/*必要製品*/
.hituyo a{
display:block;
background: #006401;
color: #fff;
float:left;
padding:10px 5px;
font-size:0.8em;
}
.hituyo .rireki{
margin-right:9px;
}

/*出荷製品*/
.syukka table{
border:none;
font-size:11px;
width:100%;
}
.syukka table th{
background: #f7f7f7;
border-top:none;
border-left:none;
border-right:1px dotted #c4c4c4;
border-bottom:1px solid #c4c4c4;
padding:2px 5px;
text-align:center;
}

.syukka table th:nth-child(1){
width:42%;
}
.syukka table th:nth-child(2){
width:42%;
}
.syukka table th:nth-child(3){
width:16%;
}
.syukka table td:nth-child(3){
text-align:center;
}
.syukka table td{
background: #f7f7f7;
border-top:none;
border-left:none;
border-right:1px dotted #c4c4c4;
border-bottom:none;
padding:2px 5px;
}

.syukka table th:last-child,
.syukka table td:last-child{
border-right:none;
}

.item1{background:#FFEADB;}
.item2{background:#E3F4C5;}
.item3{background:#D1EEF7;}
.item4{background:#EADBFF;}
.item5{background:#FCC3CC;}
.item6{background:#F1FFF0;}
.item1,
.item2,
.item3,
.item4,
.item5,
.item6{
padding:5px;
margin-bottom:10px;
font-size:12px;
}

.edit{
margin-top:10px;
}
.edit a{
display:block;
background: #006401;
color: #fff;
float:left;
padding:10px 35px;
}

.edit span{
display:block;
float:right;
margin:12px 0 0 0;
font-weight:bold;
}

/*連絡事項*/
.renraku{
border:1px solid #A2A2A2;
width:calc(100% - 20px);
margin:0 auto;
padding:10px;
border-radius:5px;
background:#fff;
}

/*検索枠とボタン*/
.kensaku{
border:1px solid #a2a2a2;
width:calc(100% - 75px);
margin:0 auto;
padding:10px;
border-radius:0;
float:left;
background: #fff;
border-radius: 5px;
}
.btn_search{
background:#006401;
width:40px;
height:40px;
text-align:center;
float:left;
margin-left:10px;
border-radius: 5px;
}

.btn_search img{
width:75%;
height:auto;
}

/*共有ユーザー*/
.shareduserlist li{
text-align:left;
margin:10px 0;
}

.shareduserlist{
padding:0px 10px;
}

.sharedusertable td{
padding:10px;
}

.sharedusertable td:first-child{
text-align:left;
}
.sharedusertable td img{
width:30px;
height:auto;
}

button.celllink{
width:100%;
padding:5px 0;
}

.celllink{
display:flex;
align-items: center;
color:#222;
text-align:left;
padding:5px 0 5px 5px;
}
.celllink .r_ar{
float:none;
position:relative;
width:20px;
}
.celltxt{
width:calc(100% - 20px);
}

.celltxt span{
display:block;
color:#626262;
}

/*引取者*/
.radiot{
border:solid #006401;
border-width:1px 1px 0;
background:#F1FFF0;
padding:10px;
font-weight:normal;
font-size:10px;
}
.takerbox td{
height:30px;
}

/*製品リスト*/
.accordion1 {
width:calc(100% - 30px);
margin:0 auto;
}
.accordion1 .inner {
display: none;
}
.accordion1 p{
cursor: pointer;
padding: 13px 10px;
margin:0;
text-align:left;
border:solid #fff;
border-width:0 1px 2px;
position:relative;
}
.accordion1 p.ac1{background: #FFEADB;}
.accordion1 p.ac2{background: #E3F4C5;}
.accordion1 p.ac3{background: #D1EEF7;}
.accordion1 p.ac4{background: #EADBFF;}
.accordion1 p.ac5{background: #FCC3CC;}

.accordion1 p span {
  display:block;
width:10px;
height:10px;
  position: absolute;
  border-top: 2px solid #222;
    border-right: 2px solid #222;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  right:20px;
top:15px;
}

.topar span{
-webkit-transform: rotate(315deg)!important;
    transform: rotate(315deg)!important;
    -webkit-transition: 0.4s ease-in-out!important;
    transition: 0.4s ease-in-out!important;
top:20px!important;
}

.pbox{
display:flex;
align-items:stretch;
flex-direction:row;
}
.pbox div{
padding: 13px 10px;
border-color:#fff;
background: #f7f7f7;
}
.pbox div:nth-child(1){
border-width:0 1px 2px 1px;
border-style:none dotted solid solid;
width:42%;
padding:25px 10px;
}

.pbox div:nth-child(2){
border-width:0 1px 2px 0px;
border-style:none dotted solid none;
width:42%;
padding:25px 10px;
}

.pbox div:nth-child(3){
border-width:0 1px 2px 0px;
border-style:none solid solid none;
width:16%;
}

.pbox input{
border:1px solid #c4c4c4;
width:22px;
height:22px;
padding:10px;
border-radius: 5px;
background: #fff;
}
.pbox span{
width:24px;
padding:10px;
display:block;
}

.pbox div{
text-align:left;
}

.pbox2{
display:flex;
align-items:stretch;
flex-direction:row;
font-size:10px;
}
.pbox2 div{
padding: 13px 10px;
border-color:#c4c4c4;
}
.pbox2 div:nth-child(1){
border-width:0 1px 1px 1px;
border-style:none dotted solid solid;
width:28%;
padding:25px 10px;
}

.pbox2 div:nth-child(2){
border-width:0 1px 1px 0px;
border-style:none dotted solid none;
width:28%;
padding:25px 10px;
}

.pbox2 div:nth-child(3){
border-width:0 1px 1px 0px;
border-style:none dotted solid none;
width:28%;
padding:25px 10px;
}

.pbox2 div:nth-child(4){
border-width:0 1px 1px 0px;
border-style:none solid solid none;
width:16%;
padding:13px 5px;
text-align:center;
}
/*
.pbox2 input{
border:1px solid #c4c4c4;
width:22px;
height:22px;
padding:10px;
}
*/
.pbox2 span{
width:22px;
padding:10px;
display:block;
}

.pbox2 div{
text-align:left;
}

/*Checkboxes styles*/
.w3{
width:35%!important;
}
.control-group{
display: flex;
width:calc(100% - 30px);
margin:0 auto;
}
.control {
  display: block;
  position: relative;
  cursor: pointer;
}

.kizonbox1 .control{
width:30%;
margin-top: 15px;
font-weight:bold;
padding-left: 7px;
}

.kizonbox2 .control{
width:20px;
height:20px;
margin:0 auto;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}

.pbox2 .control__indicator{
width:30px!important;
height:30px!important;
background:#fff!important;
border:1px solid #006401!important;
padding:0!important;
 top: 2px;
  left: 5px;
}

.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #006401!important;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #006401;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 10px;
  top: 4px;
  width: 9px;
  height: 14px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

/*追加製品テーブル*/
.tuikabox{
  margin-bottom:20px;
  display: none;
}
.addp{
background:#F1FFF0;
width:calc(100% - 50px);
margin:0 auto;
text-align:left;
padding:5px 10px;
margin-bottom:10px;
}
.addbox{
border-top:1px solid #A0A0A0;
border-left:1px solid #A0A0A0;
width:calc(100% - 30px);
margin:0 auto;
}

.addbox th{
background:#EDEDED;
font-weight:normal;
font-size:8px;
padding:5px 0;
border-right:1px solid #A0A0A0;
}

.addbox th:nth-child(1),
.addbox th:nth-child(2){
width:40%;
}

.addbox td{
padding:10px;
border-right:1px solid #A0A0A0;
border-bottom:1px solid #A0A0A0;
}

.addnum input{
width:30px;
height:30px;
border:1px solid #006401;
padding:5px;
}

.snlot input{
border:1px solid #006401;
padding:5px;
width:calc(100% - 12px);
}

.addformbox{
  display: block;
  float:left;
  width:calc(50% - 17px);
  padding:15px 5px;
  border:none;
  background:#006401;
  color:#fff;
}

.add0{
  float:none!important;
  margin:0 auto;
  width:280px!important;
}

.deletformbox{
  display: block;
  float:right;
  width:calc(50% - 17px);
  padding:15px 5px;
  border:none;
  background:#c4c4c4;
  color:#fff;
}



/*使用報告リスト*/
.hokoku {
text-align:left;
width:calc(100% - 20px);
margin:0 auto;
}
.hokoku table{
border:none;
font-size:11px;
width:100%;
}
.hokoku table th{
background: #f7f7f7;
border-top:none;
border-left:none;
border-right:1px dotted #c4c4c4;
border-bottom:1px solid #c4c4c4;
padding:2px 5px;
text-align:center;
}

.hokoku table th:nth-child(1){
width:28%;
}
.hokoku table th:nth-child(2){
width:28%;
}
.hokoku table th:nth-child(3){
width:28%;
}
.hokoku table th:nth-child(4){
width:16%;
}
.hokoku table td:nth-child(4){
text-align:center;
}
.hokoku table td{
background: #f7f7f7;
border-top:none;
border-left:none;
border-right:1px dotted #c4c4c4;
border-bottom:none;
padding:2px 5px;
}

.hokoku table th:last-child,
.hokoku table td:last-child{
border-right:none;
}

.numbox{
width:calc(100% - 30px);
margin:20px auto;
}

.numbox span{
display:inline-block;
margin:0 10px;
}

/*横持ち*/
.yokotxt{
color:#E32929;
font-weight:bold;
border:1px solid #E32929;
padding:10px 20px;
width:200px;
margin:20px auto;
}
.reportbox{
width:calc(100% - 30px);
margin:20px auto;
border:1px solid #C4C4C4;
padding-bottom:20px;
}

.reportbox .edit,
#popup .edit{
margin:0 20px;
}

.invisible{
display:none;
}

@media screen and (max-width:599px) {
  .mainmenu2{
    background: #F1FFF0;
    height: 100vh;
  }
  .hh{
    width:300px;
    margin-left: 60px;
  }
  .mainheader .logo {
    margin-top:10px;
    margin-left: 0;
    margin-right: 5px;
  }
  .mainheader h1{
    margin-top:13px;
  }
}

@media screen and (max-width:360px) {
.btnbox_top li a{
  width:90px;
  height:90px;
  font-size:0.9em;
}
}

@media screen and (max-width:320px) {
  .btnbox_top li a{
    width:83px;
    height:83px;
    font-size:0.9em;
  }
.stepbtn{
width:290px;
}
.stepbtn button{
float:left;
width:137px;
padding:15px 5px;
border:none;
}

}

/*pc、タブレット*/
@media screen and (min-width: 768px) {

.sub li a,
.btnbox_top li a,
.btn_back,
.btn2 a,
.bluebtn,
.bluebtn2,
.graybtn,
.redbtn,
.btn1 a,
.btn_paging a,
.hituyo a,
.edit a,
.celllink,
.btn_ichiran a{
transition:background .3s;
-webkit-transition:background .3s;
}

.sub li a:hover{
background:#006401;
color: #fff;
}
.btnbox_top li a:hover,
.graybtn:hover,
.bluebtn:hover,
.bluebtn2:hover,
.redbtn:hover,
.btn1 a:hover,
.btn_paging a:hover,
.hituyo a:hover,
.edit a:hover,
.btn2 a:hover,
.celllink:hover,
.btn_ichiran a:hover{
background:#F1FFF0;
}
.btn_back:hover{
background:#c4c4c4;
}
.mainmenu2 li div,
h1 a{
transition:color .3s;
-webkit-transition:color .3s;
}

.mainmenu2 li div:hover{
color:#c4c4c4;
}
h1 a:hover{
color:#F1FFF0;
}

.mainheader{
width:100%;
margin:0 auto;
background:#F1FFF0;
}
.hbox{
  width:750px;
  margin:0 auto;
}
.mainheader .logo{
margin:0 10px 0 0;
}
.mainheader h1{
width:auto;
}
.mainmenu{display:none;}
.mainmenu2{
display:block;
float:right;
position:relative;
top:auto;
left:auto;
width:530px;
}
.mainmenu2 h2{
display:none;
}
.mainmenu2 li{
background:#fff;
width:130px;
float:left;
font-size:15px;
cursor:pointer;
}
.mainmenu2 li div{
background:#F1FFF0;
color:#222;
width:100%;
border-left:1px solid #222;
padding:0;
}

.mainmenu2 img{
width:25px;
margin-left:5px;
}

.menu1{
position:relative;
}

.sub{
border-left:none!important;
display:none;
position:absolute;
top:27px;
left:0;
}

.sub li{
border-left:1px solid #fff;

}

.sub li a{
background:#f7f7f7;
color:#222;
padding:15px 5px;
font-weight:normal;
font-size:13px;
}

.sub li a span{
display:none;
}

.containerbox{
width:100%;
}
.container{
width:750px;
margin:0 auto;
}

.btnbox_top li{
 margin:0 15px;
}

.btnbox_top li a{
width:200px;
}

.hituyo a{
width:200px;
text-align:center;
}

#popup{
display:none;
width:40%;
z-index:501;
position:fixed;
top:120px;
border:1px solid #006401;
background:#fff;
}


}

/*pwa吹き出しiPad*/
@media screen and (min-width: 415px) and (max-width: 768px) and (orientation: portrait){
  #fukidashi{
    left:430px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) and (orientation: portrait){
  #fukidashi{
    left:690px!important;
  }
}