@charset "UTF-8";

/*******************
Title: admin.css
********************/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contentBlock h2.form {
  padding: 30px 0 10px;
}

*, *:before, *:after {
  box-sizing: content-box;
}

.inputInner {
  width: auto;
  padding: 0 50px 0 0;
  margin: 0 auto 10px;
}

.inputInner.full {
  width: 100%;
}

.titleWrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}
/*トップページ*/
a.menuItem{
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
  padding:10px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  text-align: center;
  background:#F5F5F5;
  color:#444;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  font-weight: bold;
  position: relative;
}

a.menuItem:hover{
  opacity: 0.7;
}

.titleWrapper li.name {
  width: 50%;
}

.titleWrapper li.num {
  width: 15%;
}

.titleWrapper li.single {
  width: 15%;
}

.titleWrapper li.total {
  width: 20%;
}

.orderBlock.breakdown .itemInfo {
  float: left;
}

.orderBlock.breakdown .titleWrapper li.name {
  width: 40%;
}

.orderBlock.breakdown .titleWrapper li.num {
  width: 10%;
}

.orderBlock.breakdown .titleWrapper li.delete {
  width: 15%;
}

.orderBlock.breakdown .titleWrapper li.single {
  width: 15%;
}

.orderBlock.breakdown .titleWrapper li.total {
  width: 20%;
}

.orderBlock.breakdown .itemNum {
  width: 10%;
  margin: 0;
  padding: 0;
  float: left;
}

.orderBlock.breakdown .itemNum.del {
  width: 15%;
  margin: 0;
  float: left;
  padding: 0;
  text-align: center;
}

.orderBlock.breakdown .itemPrice {
  width: 15%;
  margin: 0;
  float: left;
  padding: 0;
}

.orderBlock.breakdown .totalPrice {
  width: 20%;
  margin: 0;
  float: left;
  padding: 0;
}

.orderBlock.breakdown p.delNum {
  width: 15%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.orderBlock.breakdown .itemWrapper {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: 5px 0;
  width: 40%;
  height: 100%;
  float: left;
}

.orderBlock.breakdown .selectBox.del {
  -moz-appearance: none;
  background-position: 95% 50%;
  background-size: 10px auto;
  border: 1px solid #cacaca;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: block;
  font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.1em;
  height: 30px;
  letter-spacing: normal;
  margin: 0 auto;
  padding: 0 20px 0 5px;
  width: 80%;
  display: inline-block;
  text-align:right; 
}

.orderBlock.admin .itemNum {
  width: 10%;
  margin: 0;
  padding: 0;
  float: left;
}

select.selectBox.del option {
  box-sizing: border-box;
  height: auto;
  margin: 0;
  padding: 0 20px 0 5px;
  width: 100%;
}


/*pdf出力ボタン*/

.btnWrapper_pdf {
  width: 100%;
  height: auto;
  padding: 0 0;
  margin: auto;
  display: block;
  border: none;
  padding: 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  border-top:1px solid #666;
}

.pdfBtn,
.csvBtn {
  width: auto;
  height: 40px;
  padding: 0 10px;
  line-height: normal;
  border-radius: 5px;
  border: none;
  text-align: center;
  margin: 0 auto;
  background: #0299CE;
  float: none;
  cursor: pointer;
}

.pdfBtn p,
.csvBtn p {
  width: auto;
  height: 40px;
  margin: 0 auto;
  padding: 0 0 0 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  line-height: normal;
  color:#fff;
  line-height: 40px
}

.pdfBtn p:after{
  content: "";
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/icon_pdf.png)0 0 no-repeat;
  background-size: 30px 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.csvBtn p:after {
  content: "";
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/icon_csv.png)0 0 no-repeat;
  background-size: 30px 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}


.pdfBtn:hover,
.csvBtn:hover {
  background: #0299CE;
  opacity: 0.6;
}

/*packingorder用*/
.btnWrapper_right {
  width: auto;
  height: 40px;
  padding: 0 0;
  margin: auto;
  display: inline-block;
  border: none;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: right;
  position: absolute;
  top: 0;
  bottom:0;
  right: 0;
}

/* PDFボタンの enable 設定を移植 ↓*/
.pdfBtn.enable {
  background: #ddd;
  cursor: auto;
  border-bottom: 1px solid #aaa;
  color:#fff;
}

.pdfBtn.enable:hover {
  top: 0;
  margin: 0 auto 0;
  border-bottom-width: none;
}
/* PDFボタンの enable 設定を移植 ↑*/


.formBtn{
  width: 49%;
  position: absolute;
  top:0;
  left: 51%;
}

.formBtn.bk:nth-child(2),
.formBtn.second {
  width: 49%;
  top:0;
  left:0;
}

.formBtn.single{
  width: 49%;
  top:0;
  left:0;
  right: 0;
}

/*同色2つ並び*/
.formBtn.double{
  width: 49%;
  display: block;
}

.formBtn.double.first{
  top:0;
  left: 0;
}

.formBtn.double.second{
  top:0;
  left: 51%;
}

/*3つ並び*/
.formBtn.triple{
  width:192px;
  display: block;
}

/*3つ並び位置*/
.formBtn.triple.first{
  top:0;
  left: 0;
}

.formBtn.triple.second{
  top:0;
  left: 200px;
}

.formBtn.triple.thread{
  top:0;
  left: 400px;
}

/*オーバー*/
.formBtn:hover,
.formBtn.bk:nth-child(2):hover,
.formBtn.second:hover {
  top:3px;
  border-bottom-width:0;
}
.formBtn.triple.first:hover,
.formBtn.triple.second:hover,
.formBtn.triple.thread:hover{
  top:3px;
  border-bottom-width:0;
}

.form button.bk.formBtn:hover, 
.form button.bk.formBtn:focus {
  background: #999;
  top:3px;
  border-bottom-width:0;
}

.form button.gr.formBtn:hover, 
.form button.gr.formBtn:focus {
  background: #22B573;
  top:3px;
  border-bottom-width:0;
}

/*特殊なサイズ*/
.formBtn.full{
  width: 100%;
  height: 60px;
  line-height: 60px;
  top:0;
  left:0;
  right: 0;
}

/*ボタン内改行*/
.formBtn br{
  display: none;
}




.adminHeader {
  background-color: #22B573;
  height: 90px;
  font-size: 1.5em;
  color: white;
  clear: both;
}

.adminHeader p {
  border-bottom-style: solid;
  border-bottom-color: #d3d3d3;
  border-bottom-width: thin;
}

.adminHeader .adminHeaderLeft {
  float: left;
  margin: 5px 0 0 15px;
}

.adminHeader .adminHeaderLeft a {
  color: white;
}

.adminHeader .adminHeaderRight {
  float: right;
  margin: 5px 15px 0 0;
}

.adminHeader .adminHeaderRight a {
  color: white;
}


/*
tr.creditStatusVNOk {
background: #ffff40;
}

table tr:nth-of-type(even).creditStatusVNOk {
background: #ffff40;
}

tr.creditStatusNg {
background: #c0c0c0;
}

table tr:nth-of-type(even).creditStatusNg {
background: #c0c0c0;
}

tr.creditStatusVnJudging {
background: #ff4040;
}

table tr:nth-of-type(even).creditStatusVnJudging {
background: #ff4040;
}
*/

.adminBtn{
  width: auto;
  height: 30px;
  margin: 0;
  padding: 0 10px;
  line-height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-size: 1.0em;
  background: #999;
  border: none;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

a.adminBtn:hover{
  color:#fff;
}

a.adminBtn:visited{
  color:#fff;
}


.adminBtn.add {
  height: 40px;
  margin: auto;
  line-height: 40px;
  padding: 0 10px 0 40px;
  background:#22B573;
  position: absolute;
  top:0;
  bottom:0;
  right: 0;
}

.adminBtn.add:after {
  content: "";
  width: 20px;
  height: 20px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/icon_listadd.png)0 0 no-repeat;
  background-size: 20px 20px;
  position: absolute;
  top:0;
  bottom:0;
  left: 10px;
}

.adminBtn.add:hover {
  background: #22B573;
  opacity:0.8;
}

a.adminBtn.add:visited {
  background: #22B573;
  color:#fff;
}

.adminBtn.change {
  width: 60px;
}

.adminBtn:hover {
  background: #999;
  opacity:0.8;
}

.stfSearchInner,
.batchHistorySearchInner {
  width: 700px;
  margin: 0 auto 20px;
}


.creditStatus {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 0 15%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

p.searchTitle {
  width: 15%;
  margin: 0;
}

.search.staff input[type="text"],
.search.staff input[type="password"],
.search.staff input[type="date"],
.search.staff input[type="datetime"],
.search.staff input[type="datetime-local"],
.search.staff input[type="month"],
.search.staff input[type="week"],
.search.staff input[type="email"],
.search.staff input[type="number"],
.search.staff input[type="search"],
.search.staff input[type="tel"],
.search.staff input[type="time"],
.search.staff input[type="url"],
.search.staff input[type="color"],
textarea {
  -moz-appearance: none;
  background: #fffabb none repeat scroll 0 0;
  border: 1px solid #cacaca;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.1em;
  padding: 8px;
  overflow: auto;
  width: 85%;
}

.textarea{
  min-height: 150px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"]{
  -moz-appearance: none;
  background: #fffabb none repeat scroll 0 0;
  border: 1px solid #cacaca;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 1.1em;
  padding: 8px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
  padding: 6px;
  border: 3px solid #f2e53d;
  background: #fff;
}

label.chkBox{
  width: auto;
  height: 30px;
  margin: 0 5px 10px;
  padding: 0px 10px 0px 45px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
  color: #333;
  line-height: 30px;
}

label.chkBox:after {
  content: "";
  width: 30px;
  height: 30px;
  margin: auto;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #22b573;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

label.chkBox.checked:after {
  content: "";
  width: 30px;
  height: 30px;
  margin: auto;
  background: url(../../img/icon_select_checked.png) 50% 50% #22b573 no-repeat;
  background-size: 30px 30px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}


label.chkBox:last-child {
  margin: 0 0 0 0;
}


.statusBar {
  width: 20px;
  height: 140px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  border-radius: 3px;
}

.creditStatusVNOk {
  background: #ebee01;
}

.creditStatusNg {
  background: #c0c0c0;
}

.creditStatusVnJudging {
  background: #f27961;
}

table.userList,
table.list {
  margin: 0 auto 20px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  position: relative;
  width: auto;
}

.userList tr,
.list tr {
  border-bottom: 1px solid #999;
  position: relative;
}
.userList td,
.list td {
  padding: 10px;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.userList td.num,
.list td.num {
  text-align: right;
}

.userList tr:last-child,
.list tr:last-child {
  border-bottom: none;
}

.userList td:last-child,
.list td:last-child {
  border-right: none;
}

/*
.userList tr:nth-child(2n){
background: #fefefe;
}
*/

.userList td.title:last-child,
.list td.title:last-child {
  border-right: none;
}

.userList td.staffName,
.userList td.officeName,
.list td.staffName,
.list td.officeName {
  width: 240px;
  padding: 10px 60px 10px 40px;
  vertical-align: middle;
}

.userList td.officeName,
.list td.officeName {
  position: relative;
}


.userList td.s_officeName,
.userList td.officeAddress,
.list td.s_officeName,
.list td.officeAddress {
  width: 340px;
}

.userList td.cStatus,
.list td.cStatus {
  width: 120px;
}

.userList td.btnCell,
.list td.btnCell {
  width: 100px;
}


.userList td.l,
.list td.l {
  width: 400px;
}

.userList td.m,
.list td.m {
  width: 300px;
}

.userList td.s4,
.list td.s4 {
  width: 280px;
}

.userList td.s3,
.list td.s3 {
  width: 175px;
}

.userList td.s2,
.list td.s2 {
  width: 150px;
}

.userList td.s,
.list td.s {
  width: 100px;
}

.userList td.ss,
.list td.ss {
  width: 50px;
}

.userList td.title,
.list td.title {
  background: #22b573;
  border-top: none;
  color: #fff;
  font-weight: bold;
  margin: 0;
  text-align: center;
  padding: 10px;
  border-right: 1px solid #999;
}

.userList td.title a,
.list td.title a {
  color: #fff;
  font-weight: bold;
}

.userList td.title a:visited,
.list td.title a:visited {
  color: #fff;
  font-weight: bold;
}

.userList td.title a:hover,
.list td.title a:hover{
  text-decoration: underline;
}

.userList td.itemImg img,
.list td.itemImg img {
  width: 40px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/*FAQ用表組み*/

.ui-sortable-helper{
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}



.vital,
.yamato {
  background: #f2f2f2 none repeat scroll 0 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0 auto 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 5px 5px 5px 35px;
  text-align: left;
  width: 100%;
  position: relative;
}

.vital:after {
  content: "";
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/logo_vn.png)0 0 no-repeat;
  background-size: 30px 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.yamato:after {
  content: "";
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/logo_yamato.png)0 0 no-repeat;
  background-size: 30px 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

a.chartBtn {
  background: #999 none repeat scroll 0 0;
  display: block;
  margin: 0 auto 5px;
  padding: 0;
  text-align: center;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
}

a.chartBtn.detail {
  width: 50px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 10px;
}

a.chartBtn:hover {
  opacity: 0.5;
}

.contentBlock {
  width: 800px;
  height: auto;
  margin: 0 auto;
  padding: 40px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
}


/*見出しアイコン*/

.contentBlock h2 {
  height: 80px;
  padding: 20px 0 20px 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 auto;
  line-height: 40px;
  position: relative;
}

h2:after {
  content: "";
  width: 40px;
  height: 40px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background-size: 40px 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

h2.manage:after {
  background: url(../../img/icon_h2_manage.png)0 0 no-repeat;
  background-size: 40px 40px;
}

h2.orderNow:after {
  background: url(../../img/icon_h2_noworder.png)0 0 no-repeat;
  background-size: 40px 40px;
}

h2.price:after {
  background: url(../../img/icon_h2_price.png)0 0 no-repeat;
  background-size: 40px 40px;
}

h2.user:after {
  background: url(../../img/icon_h2_user.png)0 0 no-repeat;
  background-size: 40px 40px;
}

h2.staff {
  padding: 20px 0 20px 80px;
}

h2.staff:after {
  content: "";
  width: 70px;
  background: url(../../img/icon_h2_staff.png)0 0 no-repeat;
  background-size: 70px 40px;
}

h2.office:after {
  content: "";
  width: 70px;
  background: url(../../img/icon_h2_office.png)0 0 no-repeat;
  background-size: 40px 40px;
}

h2.orderPast:after {
  content: "";
  width: 70px;
  background: url(../../img/icon_h2_past.png)0 0 no-repeat;
  background-size: 40px 40px;
}


/*事業者一覧*/

.search.staff,
.search.batchHistory {
  width: 800px;
  height: auto;
  margin: 10px auto 30px;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  border-radius: 5px;
  background: #f2f2f2;
}

.search.staff h3,
.search.batchHistory h3 {
  width: 100%;;
  height: auto;
  border: none;
  font-weight: bold;
  padding: 0 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 0 20px;
  font-size: 1.15em;
  display: inline-block;
  position: relative;
  text-align: left;
  color: #333;
  border-bottom:1px dotted #333;
}

p.searchTitle {
  width: 15%;
  height: 40px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
  line-height: 40px;
  font-weight: bold;
}

.search.staff input,
.search.batchHistory input {
  -moz-appearance: none;
  background: #fffabb none repeat scroll 0 0;
  border: 1px solid #cacaca;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.1em;
  padding: 8px;
  width: 80%;
}

.tel {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #f2f2f2;
  text-align: left;
}

.tel p.telNum {
  width: auto;
  height: auto;
  margin: 0 auto 5px;
  padding: 5px 5px 5px 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background: #f2f2f2;
  position: relative;
}

a.asc {
  color: #fff;
  font-weight: bold;
}

.tel p.telNum:after {
  content: "";
  width: 20px;
  height: 20px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/icon_tel.png)0 0 no-repeat;
  background-size: 20px 20px;
  position: absolute;
  top:0;
  bottom:0;
  left: 5px;
}


/*ページ内表示件数選択*/

.dispNumBox {
  width: 100%;
  height: 60px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  text-align: left;
  position: relative;
}

.selectBox.dispNum {
  height: auto;
  width: auto;
  padding: 5px 30px 5px 5px;
  margin: 0 0 0 10px;
  display: inline-block;
  background-position: 90% 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.selectBox.dispNum:focus {
  height: auto;
  width: auto;
  padding: 3px 28px 3px 3px;
  display: inline-block;
  background-position: 90% 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


/*サブメニュー
================*/

.menuWrapper {
  width: 100%;
  height: 90px;
  margin: 0 auto;
  padding: 5px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #f2f2f2;
  position: relative;
}

.menuWrapper:after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0px;
  box-shadow: 2px 2px 3px 0px #666;
  -moz-box-shadow: 2px 2px 3px 0px #666;
  -webkit-box-shadow: 2px 2px 3px 0px #666;
  z-index: 1;
}

ul.mypageMenu {
  width: 980px;
  height: 80px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

ul.mypageMenu li {
  height: 80px;
  float: left;
  padding: 0;
  margin: 0;
  display: block;
}

ul.mypageMenu li {
  float: left;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}

ul.mypageMenu li:after {
  content: "";
  width: 1px;
  height: 50px;
  background: #808080;
  float: left;
  padding: 0;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

ul.mypageMenu li:last-child:after {
  background: none;
}

ul.mypageMenu li.order {
  width: 245px;
}

ul.mypageMenu li.info {
  width: auto;
}

ul.mypageMenu li.user,
ul.mypageMenu li.price,
ul.mypageMenu li.total {
  width: auto;
}

ul.mypageMenu li a {
  width: 112.5px;
  height: 70px;
  margin: 5px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #f2f2f2;
  border-radius: 3px;
  float: left;
  text-align: center;
  font-size: 0.9em;
}

ul.mypageMenu li a .imgWrapper {
  width: 60px;
  height: 36px;
  margin: 5px auto 5px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  overflow: hidden;
}

a.now .imgWrapper {
  background: url(../../img/icon_mypage_current.png) 0 0 no-repeat;
}

a.past .imgWrapper {
  background: url(../../img/icon_mypage_past.png) 0 0 no-repeat;
}

a.owner .imgWrapper {
  background: url(../../img/icon_mypage_owner.png) 0 0 no-repeat;
}

a.office .imgWrapper {
  background: url(../../img/icon_mypage_office.png) 0 0 no-repeat;
}

a.staff .imgWrapper {
  background: url(../../img/icon_mypage_staff.png) 0 0 no-repeat;
}

a.user .imgWrapper {
  background: url(../../img/icon_mypage_user.png) 0 0 no-repeat;
}

a.user .imgWrapper {
  background: url(../../img/icon_mypage_user.png) 0 0 no-repeat;
}

a.price .imgWrapper {
  background: url(../../img/icon_mypage_price.png) 0 0 no-repeat;
}

a.total .imgWrapper {
  background: url(../../img/icon_mypage_total.png) 0 0 no-repeat;
}

ul.mypageMenu li a.current,
ul.mypageMenu li a:hover {
  display: block;
  background: #fff;
  color: #666;
  box-shadow: 2px 2px 3px 0px #666;
  -moz-box-shadow: 2px 2px 3px 0px #666;
  -webkit-box-shadow: 2px 2px 3px 0px #666;
}

ul.mypageMenu li a.current .imgWrapper,
ul.mypageMenu li a:hover .imgWrapper {
  background-position: 0 -36px;
}


/*---------------
アクセス機種判定
--------------*/

.deviceDetect {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: none;
  background: #22B573;
  text-align: center;
}

.deviceDetect img {
  width: 50px;
  height: auto;
  margin: 0 auto 10px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  text-align: center;
}

.deviceDetect p {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  color: #fff;
  font-weight: bold;
}


/*トップページ*/

#mainContainer.color {
  background: #f2f2f2;
}

.infoCell {
  width: 385px;
  height: auto;
  margin: 0 30px 30px 0;
  padding: 0 0 35px 0;
  background: #fff;
  float: left;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 2px 2px 2px 0px #999;
  -moz-box-shadow: 2px 2px 2px 0px #999;
  -webkit-box-shadow: 2px 2px 2px 0px #999;
  position: relative;
}

.infoCell:nth-child(2n) {
  margin: 0 0 15px 0;
}

.infoCell h3 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #A5C8E5;
  text-align: center;
  border-bottom: 1px solid #ccc;
  font-size: 1.2em;
  font-weight: bold;
  color:#fff;
}

.infoCell h3 span {
  width: auto;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 0 0 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: bold;
  color: #444;
  position: relative;
  display: inline-block;
}

.infoCell h3 span:after {
  content: "";
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.infoCell h3.staff span {
  padding: 0 0 0 70px;
}

.infoCell h3.staff span:after {
  width: 60px;
  height: 30px;
}

.infoCell h3.order span:after {
  background: url(../img/icon_h3_noworder.png)0 0 no-repeat;
  background-size: 30px 30px;
}

.infoCell h3.info span:after {
  background: url(../img/icon_h3_user.png)0 0 no-repeat;
  background-size: 30px 30px;
}

.infoCell h3.manage span:after {
  background: url(../img/icon_h3_manage.png)0 0 no-repeat;
  background-size: 30px 30px;
}

.infoCell h3.office span:after {
  background: url(../img/icon_h3_office.png)0 0 no-repeat;
  background-size: 30px 30px;
}

.infoCell h3.staff span:after {
  background: url(../img/icon_h3_staff.png)0 0 no-repeat;
  background-size: 60px 30px;
}

.infoCell h3.user span:after {
  background: url(../img/icon_h3_info.png)0 0 no-repeat;
  background-size: 30px 30px;
}

.cellInner {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 20px 20px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.cellInner h4 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
}

ul.cList {
  width: 100%;
  height: 7.0em;
  margin: 0 auto 10px;
  padding: 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

ul.cList li {
  width: 100%;
  height: 2.0em;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  text-align: center;
}

ul.cList li a {
  width: auto;
  height: 2.0em;
  margin: 0 auto;
  padding: 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  color: #0071BC;
  text-decoration: underline;
}

ul.cList li a:hover {
  text-decoration: none;
}

ul.cList li.noData {
  width: 100%;
  height: 6.0em;
  background: #f2f2f2;
  border: 1px dashed #ddd;
  color: #bbb;
  line-height: 6.0em;
}

.cellInner p.txt {
  width: 100%;
  height: auto;
  margin: 0 auto 10px;
  padding: 5px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  font-size: 1.0em;
}

label.disp {
  width: 100%;
  min-height: 40px;
  margin: 5px 0 15px 0;
  background: #ddd;
  font-weight: bold;
  padding: 10px 10px;
  font-size: 1.0em;
  border-radius: 5px;
  word-break: break-all;
  display: block;
}

.btnWrapper.inner {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.innerBtn {
  width: 80%;
  padding: 8px;
  height: auto;
  line-height: normal;
  margin: auto;
  right: 0;
  left: 0;
}


/*base.css cake.css 打ち消し
--------------------------------*/

button[type="submit"] {
  width: 49%;
  height: 60px;
  margin: 0 auto;
  padding: 0;
  line-height: 52px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  background: #FFB900;
  border: none;
  border-bottom: 5px solid #FF931E;
  border-radius: 10px;
  font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: 0;
  float: none;
  text-transform: none;
  box-shadow: none;
}

form button:hover,
.form button:focus {
  box-shadow: none;
}

button,
.button {
  transition: none;
}

/*オーバー*/
form button:hover,
form button:focus,
form button.full:hover,
form button.full:focus,
form button.single:hover,
form button.single:focus 
{
  background: #FFB900;
  box-shadow: none;
}

form button.gr:hover,
form button.gr:focus {
  background: #22B573;
  box-shadow: none;
}

form button.bk:hover,
form button.bk:focus {
  top:3px;
  background: #999;
  border-bottom: 5px solid #777;
}

form button.formBtn:hover,
form button.formBtn.bk:nth-child(2):hover,
form button.formBtn.second:hover {
  top: 3px;
  border-bottom-width: 0;
}

form button.formBtn.double.first:hover,
form button.formBtn.double.second:hover,
form button.formBtn.triple.first:hover,
form button.formBtn.triple.second:hover,
form button.formBtn.triple.thread:hover {
  top: 3px;
  border-bottom-width: 0;
}

button.adminBtn.change:focus{
  background: #999;
}

button.adminBtn.change:hover{
  background: #999;
  opacity: 0.8;
}


/*入力系*/

.contentBlock.form p.error{
  background: none;
  box-shadow: none;
}

p.error {
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

input.code {
  width: 4em;
}

input.code.long {
  width: 4em;
}

/*注文系*/
/*現在の注文*/

.innerBox {
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.innerBox.order {
  border: 1px solid #b2b2b2;
}

.orderNum {
  width: 100%;
  height: 60px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #22b573;
  color: #fff;
  line-height: 60px;
  font-weight: bold;
  font-size: 1.1em;
}

.orderDate {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  border-bottom: 1px solid #b2b2b2;
}

.orderDate p {
  width: auto;
  height: 60px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  color: #666;
  line-height: 60px;
  font-weight: bold;
  font-size: 1.1em;
  position: relative;
}

p span.deliStatus {
  width: auto;
  height: 40px;
  margin:0 0 0 10px;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  color: #666;
  line-height: 40px;
  background: #f2f2f2;
  border-radius: 3px;
  text-align: center;
}

.itemList {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
}

.innerBox ul {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.innerBox ul.itemInfo li {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.innerBox ul.itemInfo li.office {
  margin: 10px auto 0;
}

.innerBox ul li .imgArea {
  width: 70px;
  height: 70px;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
}

.innerBox ul li .imgArea img {
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  display: block;
}

.innerBox ul li .itemInfo {
  width: 500px;
  height: auto;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
}

.innerBox ul li .itemInfo p.itemName {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
}

.innerBox ul li .itemInfo p.itemNum {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.innerBox ul li.total {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.innerBox ul li p.title {
  width: 120px;
  height: auto;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
}

.innerBox ul li p.title.price {
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 1.1em;
}

.innerBox ul li p.name.price {
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 1.1em;
}

.innerBox ul li p.name {
  width: 200px;
  height: auto;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
}

.btnWrapper.order {
  width: 200px;
  height: auto;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

.btnWrapper.order .formBtn.gr {
  width: 100%;
  float: none;
  display: block;
  margin: 0 auto 10px;
  left: 0;
}

a.formBtn {
  color: #fff;
}

.btnWrapper.order .formBtn.gr:hover {
  top: 3px;
  margin: 0 auto 10px;
}

.btnWrapper.order .formBtn.bk {
  width: 100%;
  float: none;
  display: block;
}

.textarea.full{
  width: 90%;
  margin: 0 auto;
}

select.selectBox:disabled{
  background: #ddd;
}

ul.dateInner{
  width: 80%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

ul.dateInner li{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 10px 0;
}

p.tTilte{
  width:15%;
  height: 40px;
  padding: 0;
  margin: 0;
  line-height: 40px;
  float:left;
}

.search.staff input.time,
.inputInner input.time,
.search.batchHistory input.time {
  width: 50%;
  height: 40px;
  margin: 0 0 0 0;
  float:left;
  position: relative;
}

.flatpickr-clear{
  width:auto;
  height: 40px;
  padding: 0 10px;
  margin: 0 0 0 10px;
  line-height: 40px;
  float:left;
  width: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-size: 1.0em;
  background: #999;
  border: none;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  font-family: "mplus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.flatpickr-clear:hover,
.flatpickr-clear:focus{
  background: #999;
  opacity: 0.7;
}


input#close_button{
  width: 100%;
  height: 30px;
  margin: 0 auto 10px;
  padding: 0 10px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  font-size: 1.0em;
  background: #999;
  border: none;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

input#open_button{
  width: 100%;
  height: 30px;
  margin: 0 auto;
  padding: 0 10px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  font-size: 1.0em;
  background: #22B573;
  border: none;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

input#open_button:hover,
input#close_button:hover{
  opacity: 0.7;
}

.search.staff label.chkBox{
  font-size: 1.0em;
  width: 80%;
  height: 30px;
  line-height: 30px;
  padding:  0 0 0 35px;
  position: relative;
}

.search.staff label.chkBox img{
  width:auto;
  height: 25px;
  padding: 0;
  margin: 0;
  display: block;
}

.search.staff label.chkBox.fullWidth{
  width: 100%;
  height: 30px;
  margin: 0 0 10px;
}

.search.staff label.chkBox.col3{
  width: 32%;
  height: 30px;
  margin: 0 2% 10px 0;
  float: left;
}

.search.staff label.chkBox.col_mini{
  width: auto;
  height: 30px;
  margin: 0 30px 10px 0;
  float: left;
}

.search.staff label.chkBox.half{
  width: 50%;
  height: 30px;
  margin: 0 0 10px;
}

.search.staff label.chkBox.col3:last-child{
  margin: 0 0 10px 0;
}

.searchContent{
  width:80%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  float: left;
}

.userList tr td img{
  width: 80%;
  height: auto;
  margin: 0 auto 5px;
  display: block;
}

.searchContent label.disp {
  margin: 0 0 0 0;
}

.uploadBlock{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

.uploadBlock p{
  width:95%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

ul.picUploader{
  width:95%;
  height: auto;
  margin: 0 auto 40px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

ul.picUploader li{
  width:19%;
  height: auto;
  margin: 0 1% 0 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  float: left;
}

ul.picUploader li:last-child{
  margin: 0;
}

ul.picUploader li.categoryImg{
  width:36%;
  height: auto;
  margin: 0 1% 0 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  float: left;
}

.adminBtn.upPic{
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  width: 100px;
  position: relative;
  display: block;
  background: #22B573;
}

.adminBtn.upPic input[type="file"] {
  cursor: pointer;
  height: 40px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}

ul.picUploader li .picArea{
  width:100%;
  height: auto;
  margin: 0 auto 10px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  background: #f2f2f2;
}

ul.picUploader li .picArea img{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

ul.picUploader li .picArea img.img_delete{
  width:20px;
  height: auto;
  margin: 0;
  padding: 0;
  display:block;
  position: absolute;
  top:5px;
  right: 5px;
}

.handle{
  width:35px;
  height: 35px;
  margin: 0 auto;
  padding: 0;
  background:url(../../img/icon_list_handle.png)50% 50% no-repeat #bbb;
  background-size: 20px 20px;
  display:inline-block;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #999;
}

.handle:hover{
  opacity: 0.7;
}

p.descreption{
  width:100%;
  height: auto;
  margin: 0 auto 10px;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  background: #f2f2f2;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}

.inputArea.col3{
  width: 32%;
  float: left;
  margin: 0 2% 10px 0;
}

.inputArea.col3.last{
  margin: 0;
}
select.selectBox.full {
  width:100%;
  margin: 0;
}

table.selctCategory{
  background: none;
}

table.selctCategory tr.disp {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0;
  background: #ddd;
  font-weight: bold;
  padding: 10px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1.0em;
  border-radius: 5px;
  display: block;
  font-weight: bold;
  line-height: 40px;
}

tr.disp td.ctCell{
  width: auto;
  min-width: 100px;
  height: 40px;
  margin: 0;
  background: #fff;
  font-weight: bold;
  padding:0 10px;
  line-height: 40px;
  font-size: 1.0em;
  border-radius: 5px;
  display: inline-block;
}

td.spanCell{
  width: auto;
  height: 40px;
  margin: 0;
  font-weight: bold;
  padding:0 10px;
  line-height: 40px;
  font-size: 1.0em;
  border-radius: 5px;
  display: inline-block;
}

/*
注文系
*/
.orderInfo {
  width: 740px;
  height: auto;
  margin: 0 auto 30px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  border: 1px solid #666;
  position: relative;
}

.numArea {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 15px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #22B573;
  color: #fff;
  font-weight: bold;
}

.dateArea {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 15px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  font-weight: bold;
  position: relative;
}

.dateArea p {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 15px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
}

.numArea {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 15px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #22B573;
  color: #fff;
  font-weight: bold;
}

.orderBlock.item {
  width: 740px;
  height: auto;
  margin: 0 auto 30px;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  border: 1px solid #666;
}


.contentBlock h3.cartTitle {
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 0 10px;
  position: relative;
  text-align: left;
}

.titleWrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.titleWrapper li{
  border-right: 1px solid #fff;
}

.titleWrapper li:last-child{
  border-right:none;
}


.titleWrapper li.name {
  width: 50%;
}

.titleWrapper li {
  height: 30px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #22B573;
}

.titleWrapper li.num {
  width: 15%;
}

.orderBlock.breakdown .titleWrapper li.single {
  width: 15%;
}

.titleWrapper li.total {
  width: 20%;
}

ul.buyList, ul.buyList li:last-child {
  border-bottom: none;
}

ul.buyList, ul.buyList li {
  box-sizing: border-box;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

ul.buyList, ul.buyList li:last-child{
  border-bottom: none;
}


ul.buyList {
  margin: 0 auto;
  padding: 0;
}


.itemWrapper {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 5px 0;
  width: 50%;
  height: 100%;
  float: left;
}

.itemWrapper img {
  display: block;
  float: left;
  height: auto;
  margin: 0 auto;
  padding: 0;
  width: 15%;
}

.itemInfo {
  box-sizing: border-box;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 0 0 0 10px;
  width: 85%;
  float: left;
}

ul.buyList li p.data {
  height: 100%;
  width: 100%;
  padding: 0 5px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

select.selectBox {
  /* width: 75%; */
  height: 40px;
  /*min-width: 200px;*/
  width: auto;
}

.totalPrice {
  width: 20%;
  height: 100%;
  float: left;
}

.cartTotal {
  border-top: 1px dashed #333;
  box-sizing: border-box;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
  width: 100%;
}

p.totalTitle {
  width: 80%;
  height: auto;
  float: left;
  background: none;
  color: #333;
  text-align: right;
  line-height: normal;
  padding: 0;
  font-size: 1.0em;
  font-weight: bold;
}

p.totalData {
  width: 20%;
  float: left;
  padding: 0 10px 0 0;
  font-size: 1.0em;
  font-weight: bold;
  text-align: right;
}

.fullTotal {
  width: 100%;
  box-sizing: border-box;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 5px 0;
  background: #f2f2f2;
  border-radius: 3px;
}

p.fullTitle {
  width: 80%;
  height: auto;
  float: left;
  background: none;
  color: #333;
  text-align: right;
  line-height: normal;
  padding: 0;
  font-size: 1.1em;
  font-weight: bold;
}

p.fullData {
  width: 20%;
  float: left;
  padding: 0 10px 0 0;
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
}

.memberBox {
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

.buyDetail {
  width: 30%;
  height: 100%;
  float: left;
}

.buyDetail .itemNum, .buyDetail .itemPrice, .buyDetail .totalPrice {
  display: table-cell;
}

.buyDetail .itemNum {
  box-sizing: border-box;
  display: block;
  float: left;
  height: 100%;
  margin: 0 1% 0 0;
  padding: 0;
  width: 49.5%;
}

ul.buyList li p.title {
  display: none;
}

ul.buyList li p.data {
  height: 100%;
  width: 100%;
  padding: 0 10px 0 0;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}

.dateArea_order{
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding: 15px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  font-weight: bold;
  position: relative;
}

.inputInner.tel.error:after {
  content: "";
  width: 35px;
  height: 35px;
  background: url(../../img/icon_error.png)0 0 no-repeat;
  background-size: 35px 35px;
  right: -45px;
}

/*完了メッセージ*/
div.message {
  background-color: #0299CE;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: normal;
  height: 60px;
  line-height: 2.5em;
  overflow: hidden;
  padding: 0;
  right: 15px;
  text-align: center;
  top: 15px;
  transition: height 300ms ease-out 0s;
  z-index: 999;
  transform: rotate(0.001deg);
  box-shadow: 0 2px 3px 0 #666;
  border-top:2px dashed #fff;
}

div.message p{
  width:auto;
  height: 60px;
  margin: 0 auto;
  padding: 0 0 0 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:inline-block;
  position: relative;
  color:#fff;
  font-weight: bold;
  line-height: 60px;
}

div.message p:after{
  content: "";
  width: 40px;
  height: 40px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/icon_admin_info.png)0 0 no-repeat;
  background-size: 40px 40px;
  position: absolute;
  top:0;
  bottom:0;
  left: 0;
}

div.message:before {
  background-color: none;
  border-radius: 0;
  color: #fff;
  content: "";
  display:block;
  font-size: 0;
  height: 0;
  left: 0;
  line-height: 0;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 0;
}

div.message p:after{
  content: "";
  width: 40px;
  height: 40px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../img/icon_admin_info.png)0 0 no-repeat;
  background-size: 40px 40px;
  position: absolute;
  top:0;
  bottom:0;
  left: 0;
}

/*エラーメッセージ*/
div.message.errorMsg{
  background-color: #ED1C24;
}

div.message.errorMsg p:after{
  background: url(../img/icon_admin_error.png)0 0 no-repeat;
  background-size: 40px 40px;
}

.orderBlock.admin .titleWrapper li.name {
  width: 55%;
}

.orderBlock.admin .titleWrapper li.num {
  width: 10%;
}

.orderBlock.admin .titleWrapper li.delete {
  width: 15%;
}

.orderBlock.admin.titleWrapper li.single {
  width: 15%;
}

.orderBlock.admin .titleWrapper li.total {
  width: 20%;
}

.orderBlock.admin .itemWrapper {
  width: 55%;
}

.orderBlock.admin .itemPrice {
  float: left;
  margin: 0;
  padding: 0;
  width: 15%;
}

.userList tr td img.itemListImg{
  width: 20%;
  height: auto;
  display: block;
  margin: 0;
  float: left;
}

.userList tr td p.itemListName{
  width: 80%;
  height: auto;
  display: block;
  float: left;
  padding: 0 0 0 5px;
}

/* 商品画像登録 */
.itemBaseInfo {
  width: 800px;
  height: auto;
  margin: 10px auto 30px;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  border-radius: 5px;
  background: #f2f2f2;
}

.itemBaseInfoInner {
  width: 700px;
  margin: 0 auto 20px;
}

.itemBaseInfo h3{
  width: 100%;;
  height: auto;
  border: none;
  font-weight: bold;
  padding: 0 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 0 20px;
  font-size: 1.15em;
  display: inline-block;
  position: relative;
  text-align: left;
  color: #333;
  border-bottom:1px dotted #333;
}

p.itemBaseInfoTitle {
  width: 20%;
  height: 40px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
  line-height: 40px;
  font-weight: bold;
}

.itemBaseInfoContent{
  width:80%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  float: left;
}

.itemBaseInfoContent label.disp {
  margin: 0 0 0 0;
}


/* ヤマト決済用 変更差分↓ */

table.ymtUpdate {
  margin: 0 auto 20px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  position: relative;
  width: 750px;
}

.ymtUpdate tr {
  border-bottom: 1px solid #999;
  position: relative;
}

.ymtUpdate tr:last-child {
  border-bottom: none;
}

.ymtUpdate td {
  padding: 10px;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.ymtUpdate td:last-child {
  border-right: none;
}

.ymtUpdate td.title {
  background: #22b573;
  border-top: none;
  color: #fff;
  font-weight: bold;
  margin: 0;
  width: 120px;
  /*  text-align: center; */
  padding: 10px;
  border-right: 1px solid #999;
}

/* ヤマト決済用 変更差分↑ */

/* 検索0件メッセージ表示枠を移植↓ */
.resultBox{
  width:100%;
  height: auto;
  margin: 80px auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

.resultBox .resultTxt{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  border:2px solid #22B573;
  text-align: center;
  font-weight: bold;
  color:#666;
}
/* 検索0件メッセージ表示枠を移植↑ */

/* CSV取り込みボタン↓ */
.adminCsvBtn {
  width: auto;
  height: 40px;
  padding: 0 0 0 40px;
  line-height: normal;
  border-radius: 5px;
  border: none;
  text-align: center;
  margin: 0 auto;
  background: #0299CE;
  float: none;
  cursor: pointer;
}

.adminCsvBtn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  position: relative;
  line-height: normal;
  color:#fff;
  line-height: 40px;
}

.adminCsvBtn:after {
  content: "";
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
/*  display: block;*/
  background: url(../../img/icon_csv.png)0 0 no-repeat;
  background-size: 30px 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
}

.adminCsvBtn:hover {
  opacity: 0.6;
}

.adminCsvFileNm {
  display: inline;
}
/* CSV取り込みボタン↑ */

p.logContent {
  font-size: 12px;
  white-space: pre-wrap;
}