@charset "utf-8";

/* 　color setting
******************************************/
body,header,footer,
input,textarea,select,option,
input.form-control,textarea.form-control,select.form-control,
.stock-single.edit .form-title{color:#011E54;}
strong
{color: #00a289;}
a,.btn-logout{color:#011E54;}
a:hover,
a:active,
a:focus
{color: #666;text-decoration: underline;}
.pagenav{background: #eee;}
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus,
.pagination>li>a:hover,
.pagination>li>a:active,
.btn-logout:hover,
.btn-logout:active,
.btn-logout:focus{background: #eee;border: solid 1px #aaa;}
.pagenav .current a,
.pagenav .current a:hover,
.pagenav .current a:active,
.pagenav .current a:focus{background: #011E54;color: #fff;}
header,
.pagenav,
.content{border-bottom: solid 1px #ccc;}
.panel-heading,
.panel-body{background: #fff;border-color:#ddd;}
.panel-body-footer{background: #f6f6f6;}
.btn-edit{color: #111;background: #ff0;}
.btn-edit:hover{color: #333;background: #edcb00;}

/* 　common
******************************************/
html{overflow-y:scroll;}
*{transition:all .2s linear 0;}
#wrap{width: 100%;margin: auto;}
.content{background: #fff;}

.label-shop{display: inline-block;background: #fff;color: #011E54;border: solid 1px #011E54;margin: 1px 3px;}
/*
.label-shop.hama{color: #dd355f;border-color: #dd355f;}
.label-shop.sizu{color: #007cf9;border-color: #007cf9;}
.label-shop.sekasute{color: #008974;border-color: #008974;}
*/
.label-shop.roppongi{color: #fff;border-color: #f00; background: #f00;}

/* 　header
******************************************/
header{position: relative;z-index: 2;}
.headline{padding: 10px 20px;}
.headline .logo{max-width: 200px;line-height: 1;float: left;}
.logout .headline .logo{max-width: 200px;float: none !important;margin: auto;}
.headline .logo a:hover,
.headline .logo a:active,
.headline .logo a:focus{text-decoration: none;}
.headline .login-info{display: inline-block;margin-top: 10px;}
.headline .login-info .account{display: inline-block;float: left;margin-right: 20px;margin-top: 3px;font-size: 80%;}
.btn-logout{border: solid 1px #ccc;padding: 5px 13px;font-size: 90%;
            box-shadow:none;float: right;float: right;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e0e0e0), color-stop(0.00, #fff));
            background: -webkit-linear-gradient(#fff, #e0e0e0);
            background: -moz-linear-gradient(#fff, #e0e0e0);
            background: -o-linear-gradient(#fff, #e0e0e0);
            background: -ms-linear-gradient(#fff, #e0e0e0);
            background: linear-gradient(#fff, #e0e0e0);}
.btn-logout:hover,
.btn-logout:active,
.btn-logout:focus{box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);}
.btn-logout i{margin-right: 0;}
.btn-blue .num{color: #fff;}
@media screen and (max-width:640px){
    header p{font-size: 80%;}
    .headline{text-align: center;}
    .headline .logo{float: none;text-align: center;max-width: 100%;margin-bottom: 10px;}
    .headline .logo img{max-width: 200px;}
    .headline .login-info{margin-top: 0;}
}

/* 　footer
******************************************/
footer{font-size: 80%;padding: 50px;}

/* 　nav
******************************************/
.pagenav{padding-top: 10px}
.pagenav .section-inner{max-width: 1200px;padding: 0;margin: auto;font-size: 90%;}
.pagenav li{display: inline-block;margin-left: 0;margin-bottom: -1px;text-align: center;}
.pagenav li:first-child{margin-left: 0;}
.pagenav a{display: block;padding: 8px 20px 5px;text-shadow:-1px -1px 1px rgba(255,255,255,.2);border-radius:5px 5px 0 0;background: #fff;border: solid 1px #ccc;}
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus{text-decoration: none;background: #eee;color: #011E54;}
.pagenav .current a{border-bottom: 0;}
@media screen and (max-width:1030px){
    .pagenav .section-inner{padding: 0 10px;font-size: 90%;}
}
@media screen and (max-width:640px){
    .pagenav li{width: 30%;}
    .pagenav a{font-size: 11px;}
    .pagenav a .fa{display: block;text-align: center;font-size: 150%;margin-bottom: 3px;}
}
@media screen and (max-width:480px){
    .pagenav a{font-size: 10px;padding: 10px 10px 5px;}
    .pagenav a i{font-size: 150%;display: block;text-align: center;margin-right: 0;margin-bottom: 5px;}
}

/* 　main
******************************************/
.main{max-width: 98%;margin: auto;padding: 0 0 20px;}
.main section{margin-bottom: 20px;}
.main section:first-child{margin-top: 20px;}
.main .section-inner{padding: 0 20px;}
@media screen and (max-width:1200px){.main .section-inner{padding: 0 20px;}}
@media screen and (max-width:640px){.main{max-width: 100%;}}

/* 　header
******************************************/
.header{margin-bottom: 40px;padding: 0 20px;}
.header .title{border-bottom: solid 1px #ccc;padding-bottom: 5px;margin-bottom: 10px;
               text-shadow:-1px -1px 1px rgba(255,255,255,.5);zoom:1;font-size: 150%;}
.header .title:after{content:"";display: block;clear: both;height: 0;}
.header .title-with-icon{padding: 0;line-height: 0;}
.header .title-with-icon > i{font-size: 80%;display: inline-block;margin-right: 10px;border-right: solid 1px #ccc;padding: 15px;}
.header .title-with-btn .btn{font-size: 14px;float: right;padding: 10px 20px;box-shadow:2px 2px 4px 0 rgb(0 0 0 / 30%);}
.header .title-with-btn .btn .i{}
@media screen and (max-width:1200px){.header{padding: 0 20px;}}
@media screen and (max-width:640px){
    .header .title{font-size: 130%;}
    .header .title-with-icon > i{margin-right: 10px;padding: 10px;}
    .header .title-with-btn .btn{font-size: 70%;padding: 10px;margin-bottom: 5px;}
}

/* 　logout
******************************************/
.table-login th{background: #f6f6f6;}
.table-login .login-check{margin-bottom: 10px;}

/* 　search
******************************************/
.search .panel-heading{display: block;position: relative;transition:all .2s linear 0s;font-size: 90%;}
.search .panel-heading:hover,
.search .panel-heading:active{transform:scale(1.01);}

.table-search{width: 50%;float: left;margin: 0;}
.table-search.left{border-right: solid 1px #ddd;}
.table-search.right{border-bottom: solid 1px #ddd;}
.table-search tr{border-bottom: solid 1px #ddd;}
.table-search tr:last-child{border-bottom: 0;}
.table-search th,
.table-search td{padding: 10px;}
.table-search th{width: 25%;text-align: center;border-right: solid 1px #ddd;background: #f6f6f6;}
.table-search .form-control.search-number{width: 48%;display: inline-block;margin-right: 2%;}
.table-search .check-group-purpose{margin-top: 5px;margin-bottom: 6px;}
.table-search .check-group-purpose label{padding: 5px 10px;}
@media screen and (max-width:640px){
    .table-search{width: 100%;float: none;border-bottom: solid 1px #ddd;}
    .table-search th{font-size: 60%;width: 27%;}
    .table-search.left{border-bottom: solid 1px #ddd;border-right: 0;}
    .table-search.right{border-left:0;border-bottom: 0;}
    .table-search input.form-control{width: 100%;}
    .table-search input[type=checkbox]{border: 0;box-shadow:none;}
    .table-search select.form-control{width: 90%;}
    .table-search .form-control + .form-control{margin-top: 5px;}
    .table-search .form-control.search-number{width: 100%;margin-right: 0;}

    .table-search .check-group-purpose label{width: 24%;text-align: center;}
}

/* result
******************************************/
.result .result-select{height: 30px;float: right;}
.result .result-total{float: left;font-size: 110%;}
.result #current_search_count{color: #f63;font-size: 130%;}


/* 　list
******************************************/
.stock-all{padding-bottom: 200px;position: relative;}

.stock .pagination{margin: auto;}

.stock-single{width: 23.5%;margin-right: 2%;float: left;position: relative;font-size: 110%;
              margin-bottom: 1.5%;background: transparent;position: relative;transition:all .1s linear 0s;
              border: solid 1px #fff;box-shadow:none;min-height:110px;}
.stock-single:nth-child(4n){margin-right: 0;}
.stock-single:nth-child(4n+1){clear: both;}
.stock-single.open{z-index: 999;}
.stock-single:hover{transform:scale(1.02);}
.stock-single.open:hover{transform:none;}
.stock-single.edit{width: 100%;margin-right: 0;padding: 0;border-radius:0;
                   margin-bottom: 0;box-shadow:none;float: none;}
@media screen and (max-width:1500px){
    .stock-single{width: 32%;margin-right: 2%;}
    .stock-single:nth-child(4n){margin-right: 2%;}
    .stock-single:nth-child(4n+1){clear: none;}
    .stock-single:nth-child(3n){margin-right: 0;}
    .stock-single:nth-child(3n+1){clear: both;}
}
@media screen and (max-width:1030px){
    .stock-single{width: 48.5%;margin-right: 0;}
    .stock-single:nth-child(3n+1){clear: none;}
    .stock-single:nth-child(2n){margin-right: 0;float: right;}
    .stock-single:nth-child(2n+1){clear: both;}
}
@media screen and (max-width:680px){
    .stock-single{width: 100%;margin-right: 0;float: none;clear: both;margin-bottom: 4%;font-size: 90%;}
}

.panel-loading{position: fixed;bottom: 30%;left: 49%;text-align: center;}
.panel-loading img{max-width: 25px;opacity: .8;}

/*.stock-header
**************************/
.stock-header{padding: 5px 10px;font-size: 80%;color: #fff;border-radius:10px 10px 0 0;
              box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);border-bottom: solid 1px rgba(0,0,0,.2);}
.stock-header .header-type{padding: 5px 0 0;line-height: 1;font-size: 90%;position: absolute;top: 0;right: 10px;color: #fff;}
.stock-header .header-type select{background: transparent;border: 0;outline:0;padding: 0 10px 0 5px;font-size: 16px !important;-webkit-appearance: button;-moz-appearance: button;appearance: button;color: #fff;vertical-align: middle;position: relative;line-height: 1.4em;}
.stock-header .header-type select[disabled]{color: #ccc;}
.stock-header .header-type select[disabled] + i{color: #ccc;}
.stock-header .header-type select:focus{border: 0;border: 0;outline:0;box-shadow:none;background: rgba(255,255,255,.3);}
.stock-header .header-type i{pointer-events: none;position: absolute;right: 0;top:35%;}
/*.type-stock**************************/
.stock-type-stock .stock-header{background: #009adc;}
/*.type-loaner**************************/
.stock-type-loaner .stock-header{background: #b461bf;}
/*.type-aa**************************/
.stock-type-aa .stock-header{background: #e80000;}
/*.type-demolish**************************/
.stock-type-demolish .stock-header{background: #e89902;}
/*.type-complete**************************/
.stock-complete .stock-header{background: #666;}
/*.type-complete**************************/
.stock-type-contracted .stock-header{background: #00a289;}
@media screen and (max-width:640px){
    .stock-header .header-type{padding: 3px;}
}

/*.stock-summary
**************************/
.stock-summary{padding: 8px;}
.stock-complete .stock-summary{background: #eee;}
.stock-summary .summary-thumbnail{width: 24%;float: left;border: solid 1px #ddd;}
.stock-summary .summary-thumbnail .img{
    padding-bottom: calc(100%*480/640);
    background: no-repeat center center;background-size:contain;
}
.stock-summary .summary-body{width: 55%;float: left;font-size: 90%;margin: 0 2%;}
.stock-summary .summary-icon{width: 17%;float: right;text-align: center;font-size: 70%;margin-top: -1%;}
.stock-summary .summary-body .model{color: #011E54;font-size: 118%;line-height: 1.3;letter-spacing:-2px;}
.stock-summary .summary-body .info{font-size: 90%;color: #666;line-height: 1.3;}
.stock-summary .summary-body .info li{display: inline-block;border-right: solid 1px #ddd;padding-right: 4px;margin-right: 3px;}
.stock-summary .summary-body .info li:last-child{border-right: 0;}
.stock-summary .summary-body .info li:after{display: inline-block;height: 100%;color: #999;}
.stock-summary .summary-body .info .frame{color: #999;font-size: 90%;display: block;margin-top: 3px;}
.stock-summary .summary-body .info .icon-inspect{color:#F63;display:inline-block;}
.stock-summary .summary-body .info .frame .num{color: #f63;font-size: 150%;line-height: 1;}
.status{background: no-repeat 0 0;background-size:800%;
        padding-top:90%;display:block;margin: auto;}
.status-check{background-position: 0 0;}
.status-clean{background-position: 12.5% 0;}
.status-photo{background-position: 25% 0;}
.status-publish{background-position: 37.2% 0;}
.status-stock{background-position: 50% 0;}
.status-agree{background-position: 63% 0;}
.status-regist{background-position: 75% 0;}
.status-deliver{background-position: 87.5% 0;}
.status-complete{background-position: 101% 0;}
@media screen and (max-width:680px){
    .stock-summary .summary-body{padding: 0 3px;margin-bottom: 2px;}
    .stock-summary .summary-body .model{margin-bottom: 3px;}
    .stock-summary .summary-body .info{width: 100%;clear: both;float: none;margin-bottom: 5px;}
    .stock-summary .summary-body .info .frame{display: inline-block;}
}
@media screen and (max-width:370px){
    .stock-summary .summary-thumbnail,
    .stock-summary .summary-body{width: 100%;float: none;margin-bottom: 5px;}
}

/* 　list-toggle
******************************************/
.stock-toggle{display: block;position: relative;background: #fff;border-radius:0 0 10px 10px;
              box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);}
.stock-toggle:hover,
.stock-toggle:active,
.stock-toggle:focus{text-decoration: none;}
.open .stock-toggle{position: absolute;background: #fff;z-index: 10;width: 100%;}
.stock-complete.open .stock-toggle{background: #eee;color: #011E54;}

/*.stock-body
**************************/
.stock-body{padding: 0 10px 10px;}
.stock-body .body-status{clear: both;margin-bottom: 10px;}
.stock-body .body-status .status-single{width: 25%;float: left;font-size: 80%;padding-top: 3px;}
.stock-body .body-status .status-single .status-title{text-align: center;display: block;line-height: 1.2;color: #17415b;}
.stock-body .body-status .status-inner{padding: 3px;}
.stock-body .body-status .status-current{background: #011E54;border-radius:5px;}
.stock-body .body-status .status-current .status-title{color: #fff;}

.stock-body .body-fee .fee-price{font-size: 60%;width: 49%;float: left;display: table;border-radius:5px;border: solid 1px #ddd;}
.stock-body .body-fee .fee-price .desc{color: #666;display: block;}
.stock-body .body-fee .fee-price .num{color: #0058dd;font-size:170%;line-height: .7;}

.stock-body .body-fee .fee-price .sell{display: table-cell;vertical-align: middle;text-align: center;padding: 5px;width: 55%;border-radius:5px 0 0 5px;font-size: 120%;background: rgba(200,0,0,.05);border-right: solid 1px #ddd;}
.stock-body .body-fee .fee-price .unit{color: #999;font-size:80%;position: absolute;}
.stock-body .body-fee .fee-price .sell .num{color: #e01a00;}
.stock-body .body-fee .fee-price .sell .desc{margin-bottom: 5px;}

.stock-body .body-fee .fee-price .cost{display: table-cell;vertical-align: middle;text-align: center;border-radius:0 5px 5px 0;background: rgba(0,50,200,.05);}
.stock-body .body-fee .fee-price .cost > li{display: block;padding: 3px;}
.stock-body .body-fee .fee-price .cost .buy{border-bottom: solid 1px rgba(0,0,0,.1);}
.stock-body .body-fee .fee-price .cost .desc{margin-bottom: 3px;}

.stock-body .body-fee .fee-payment{font-size: 70%;width: 49%;float: right;margin: 0;background: transparent;}
.stock-body .body-fee .fee-payment th{padding: 3px;}
.stock-body .body-fee .fee-payment td{padding: 1px 3px;}
.stock-body .body-fee .fee-payment th{color: #fff;background: #333;border: solid 1px #fff;}
.stock-body .body-memo{margin-top: 10px;padding: 10px;border: solid 1px #ddd;border-radius:5px;font-size: 70%;line-height: 1.3;cursor:default;color: #333;}
.stock-body .body-memo p{margin-bottom: 5px;}
.stock-body .body-edit{text-align: center;margin: 10px 0;}
@media screen and (max-width:1160px){
    .stock-body .body-fee .fee-price .cost .num{font-size: 130%;}
}
@media (max-width:680px){
    .stock-body .body-fee{clear: both;}
}
@media screen and (max-width:480px){
    .stock-body .body-fee .fee-price .sell .num{font-size: 130%;}
    .stock-body .body-status .status-single{font-size: 80%;}
}
@media screen and (max-width:370px){
    .stock-body .body-fee .fee-price,
    .stock-body .body-fee .fee-payment{width: 100%;float: none;}
    .stock-body .body-fee .fee-price{margin-bottom: 10px;}
}

/*.stock-footer
**************************/
.stock-footer{padding: 3px 8px;background: rgba(0,0,0,.2);color: #fff;text-shadow:1px 1px 1px rgba(0,0,0,.2);border-radius:5px 5px 0 0;display: inlin-block;position: absolute;bottom:0;left:10%;line-height: 1;font-size: 90%;}
.stock-toggle:hover .stock-footer{background: rgba(0,0,0,.7);cursor:pointer;}
.stock-footer i{margin-right: 0;}
.collapsed .stock-footer i{-webkit-transform:rotate(180deg);}

/*.stock-edit
******************************************/
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer{padding: 10px;font-size: 100%;}
.modal .modal-body{padding: 10px 15px;}
[id^=modal-edit] .btn-regist{padding: 10px 40px;}

.stock-edit span{font-weight: bold;}
.stock-edit .header-type{position: static;color: #111;padding: 0;box-shadow:none;margin-bottom: 10px;}
.stock-edit > div{border-bottom: dotted 1px #ddd;padding-bottom: 10px;margin-bottom: 15px;}
.stock-edit > div:last-child{border-bottom: 0;margin-bottom: 0;}

.edit-basic .edit-number{display: block;width: 100%;margin-bottom: 10px;}
.edit-basic .edit-type,
.edit-basic .edit-shop{display: inline-block;width: 48%;}
.edit-basic .edit-type select{width: 50%;}
@media screen and (max-width:640px){
    .edit-basic .edit-type{margin-bottom: 10px;}
}

.edit-thumbnail{width: 37%;float: left;}
.edit-thumbnail label{display: block;}
.edit-thumbnail .thumbnail{width: 100%;border: solid 1px #ddd;margin-bottom: 5px;}
.edit-thumbnail .thumbnail .img{padding-bottom: calc(100%*480/640);
                                background: no-repeat center center;background-size:contain;}
.edit-info{width: 60%;float: right;}
.edit-info > div{margin-bottom: 5px;}
.edit-info .edit-make select{width: 80%;}
.edit-info .edit-make select{margin-bottom: 10px;}
.edit-info .edit-model{clear: both;}
.edit-info .edit-model select{margin-bottom: 10px;}
.edit-info .edit-model input{width: 100%;}
@media screen and (max-width:640px){
    .edit-thumbnail{width: 100%;float: none;max-width: 300px;margin: auto;}
    .edit-info{width: 100%;float: none;}
    .edit-info{margin-bottom: 10px;}
}

.edit-detail{}
/*.edit-detail > div{margin-bottom: 5px;}*/
.edit-detail input[type=text]{padding: 10px;}

.edit-color .form-title{display: block;}
.edit-color .div-select-color{width: 40%;float: left;}
.edit-color .div-input-color{width: 58%;float: right;}
.edit-color .div-select-color select{width: 80%;}
.edit-color .div-input-color input{width: 100%;}
.edit-color .div-input-color input{margin-top: 1.4em;}
.select-color li{display: inline-block;width: 15%;}
.select-color li label{display: block;}
@media screen and (max-width:640px){
    .edit-color .div-input-color input{margin-top: 1.2em;}
}

.colorbox{display: block;height: 25px;border-radius:3px;ine-height: 0;position: relative;overflow: hidden;transition:all .2s linear 0s;border: solid 1px rgba(0,0,0,.1);}
.colorbox:hover{transform:scale(1.05);}
.colorbox:hover:after{position: absolute;display: block;width: 100%;height: 30%;content:"";
}
.colorbox-white{border: solid 1px #ddd;}
.colorbox-black{background: black;}
.colorbox-silver{background: silver;}
.colorbox-red{background: red;}
.colorbox-blue{background: blue;}
.colorbox-red{background: red;}
.colorbox-brown{background: brown;}
.colorbox-green{background: green;}
.colorbox-gray{background: gray;}
.colorbox-pink{background: pink;}
.colorbox-purple{background: purple;}
.colorbox-orange{background: orange;}
.colorbox-yellow{background: yellow;}
.colorbox-other{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffa8ce), color-stop(0.88, #c010c3), color-stop(0.78, #5f00d6), color-stop(0.67, #1f4bef), color-stop(0.57, #00faef), color-stop(0.47, #3ed600), color-stop(0.35, #ffed2e), color-stop(0.25, #ffe575), color-stop(0.12, #fff), color-stop(0.00, #ff2714));
    background: -webkit-linear-gradient(top, #ff2714 0%, #fff 12%, #ffe575 25%, #ffed2e 35%, #3ed600 47%, #00faef 56%, #1f4bef 67%, #5f00d6 78%, #c010c3 88%, #ffa8ce 100%);
    background: -moz-linear-gradient(top, #ff2714 0%, #fff 12%, #ffe575 25%, #ffed2e 35%, #3ed600 47%, #00faef 56%, #1f4bef 67%, #5f00d6 78%, #c010c3 88%, #ffa8ce 100%);
    background: -o-linear-gradient(top, #ff2714 0%, #fff 12%, #ffe575 25%, #ffed2e 35%, #3ed600 47%, #00faef 56%, #1f4bef 67%, #5f00d6 78%, #c010c3 88%, #ffa8ce 100%);
    background: -ms-linear-gradient(top, #ff2714 0%, #fff 12%, #ffe575 25%, #ffed2e 35%, #3ed600 47%, #00faef 56%, #1f4bef 67%, #5f00d6 78%, #c010c3 88%, #ffa8ce 100%);
    background: linear-gradient(to bottom, #ff2714 0%, #fff 12%, #ffe575 25%, #ffed2e 35%, #3ed600 47%, #00faef 56%, #1f4bef 67%, #5f00d6 78%, #c010c3 88%, #ffa8ce 100%);
}
@media screen and (max-width:640px){
    .edit-color .select-color,
    .edit-color .input-color{width: 100%;float: none;}
}
.edit-inspect .radio-inspect{width: 49%;float: left;} 
.edit-inspect .input-inspect{width: 49%;float: right;} 
.edit-inspect .radio-inspect label{width: 48%;padding: 7px 15px;}
@media screen and (max-width:640px){
    .edit-inspect .radio-inspect,
    .edit-inspect .input-inspect{width: 100%;float: none;} 
    .edit-inspect .select-inspect,
    .edit-inspect .input-inspect{width: 100%;float: none;} 
}
.edit-number .edit-milleage{width: 49%;float: left;} 
.edit-number .edit-frame{width: 49%;float: right;} 
.edit-price{width: 100%;float: none;text-align: left;border: 0;}
.edit-price .sell,
.edit-price .cost{text-align: left;width: 49%;float: left;}
.edit-price .cost{float: right;}
.edit-price .sell .input-group-addon{background: rgba(220,0,0,.1);}
.edit-price .cost .input-group-addon{background: rgba(0,0,220,.1);}

@media screen and (max-width:640px){
    .edit-number .edit-milleage,
    .edit-number .edit-frame{width: 100%;float: none;} 
    .edit-price .sell,
    .edit-price .cost{width: 100%;float: none;margin-bottom: 10px;border-radius:5px;display: table;}
}

/* 　userlist
******************************************/
.search-shop{display: inline-block;float: left;margin-right: 1%;}
.search-user{width: 300px;float: left;margin-right: 1%;}
.search-user input{border-radius: 0 5px 5px 0;display: inline-block;margin-right: 0;width: 100%;}
.search-user-outer .btn{padding: 16px 50px;}
@media screen and (max-width:640px){
    .search-shop{margin-bottom: 5px;width: 35%;}
    .search-shop select{width: 90%;height: 44px;}
    .search-user{margin-right: 0;float: right;width: 60%;}
    .search-user input{height: 45px;}
    .search-user-outer .btn{margin-top: 10px;clear: both;}
}
.user-desc{background: #f9f9f9;padding: 10px;border-radius:5px;margin-bottom: 20px;}
.user-desc li{display: inline-block;margin-right: 10px;font-size: 90%;}
.user-desc .fa-sitemap{color: #dd0046;}
.user-desc .fa-user-plus{color: #dd0046;}
.user-desc .fa-user{color: #011E54;}
.user-desc .fa-times{color: #f00;}

/*.user-single{width: 23.5%;margin-right: 2%;float: left;position: relative;
             font-size: 100%;margin-bottom: 1.5%;overflow: hidden;display: block;border: solid 1px #ddd;
             transition:all .2s linear 0s;}*/

.user-single{width: 100%;position: relative;
             font-size: 100%;margin-bottom: 10px;overflow: hidden;display: block;border: solid 1px #ddd;
             transition:all .2s linear 0s;}

.user-single a{display: block;width: 100%;border-radius:5px;padding: 15px;}
.user-single a:before{content:"";display: block;position: absolute;width: 200px;height: 150px;
                      background: #eee;bottom:-100px;right: -100px;transform:rotate(-45deg);
                      transition:all .2s linear 0s;}
.user-single:hover{border: solid 1px #011E54;}
.user-single a:hover:before{background: #011E54;}

.user-single:nth-child(4n){margin-right: 0;}
.user-single:nth-child(4n+1){clear: both;}
@media screen and (max-width:1030px){
    /*.user-single{width: 48.5%;margin-right: 0;}*/
    .user-single:nth-child(2n){margin-right: 0;float: right;}
    .user-single:nth-child(4n+1){clear: none;}
    .user-single:nth-child(2n+1){clear: both;}
}
@media screen and (max-width:680px){
    .user-single{width: 100%;margin-right: 0;float: none;clear: both;margin-bottom: 3%;}
}


/*.user-single .user-thumbnail{width: 15%;float: left;display: block;font-size: 200%;margin-right: 0;text-align: center;}}*/
.user-single .user-thumbnail{float: left;display: block;font-size: 140%;width: 22px;margin-right: 5px;text-align: center;}
.user-single .user-thumbnail.fa-sitemap{color: #dd0046;}
.user-single .user-thumbnail.fa-user-plus{color: #dd0046;}
.user-single .user-thumbnail.fa-times{color: #f00;}

.user-single .user-data{/*width: 82%;*/width: 100%; /*float: right;*/ float: left;}
/*.user-single .user-data > span{ display: block; float: left; margin-right: 15px; padding-right: 15px; width: 15%;}*/
.user-single .user-data > span{ display: block; float: left; margin-right: 15px; padding-right: 15px; width: 20%;}

.user-single .user-pass {border-right: 1px solid #eee;}
.user-single .user-id{border-right: 1px solid #eee;}
.user-single .user-name{border-right: 1px solid #eee;width: 10%; max-width: 180px;}

.user-single .user-data > span:last-child{ margin-right: 0; padding-right: 0; border-right: 0;}
.user-single .user-data h2{line-height: 1;margin-bottom: 5px;font-size: 130%;}
.user-single .user-stock{color: #ff004c;font-size: 110%;line-height: 1.2;margin-top: 5px;}
.user-single a .user-edit{display: inline-block;position: absolute;right: 0%;bottom: 5%;color: #999;text-decoration: none;display: inline-block;font-size: 150%;padding: 10px;}
.user-single a:hover .user-edit{color: #fff;}
.user-single .user-title{font-size: 70%;color: #999;line-height: 1;}
/*.user-single .user-data .label-shop{font-size: 80%;display: inline-block;position: absolute;top: -10px; right: -10px;}*/
.user-single .user-data .label-shop{font-size: 80%;display: inline-block;position: absolute;top: -22px;left: 24px;width: 100px;}

.user-single .user-data .summary-icon{margin-top: 10px;width: 60%;}
.user-single .user-data .status{width: 20px;height: 20px;padding: 0;display: inline-block;text-indent: -999px;border: solid 1px #ddd;border-radius:3px;}


.table-user-edit th{text-align: right;}
@media screen and (max-width:640px){
    .table-user-edit th{text-align: center;}
    .user-single .user-data .summary-icon{width: 100%;}
}

/* 　useredit
******************************************/
.table-user th{background: #eee;}
.table-user .label{color: #011E54;border: solid 1px #011E54;padding: 6px 10px;}
.table-user .label-admin{color: #004ea2;border-color: #004ea2;}
.table-user .label-staff{}
.table-user .label-stop{color: #f00;border-color: #f00;}

.check-automail{margin-top: 8px;}

.check-status{border: solid 1px #ddd;padding: 10px;background: #fcfcfc;}
.check-status label{background: #fff;}
.check-status .status{margin-bottom: -10px;display:inline-block;width: 28px;height: 28px;padding-top: 0;}

/* カラー追加*/

.cb-base {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 4px;
}

.cb-black {
    background: #000;
}
.cb-white {
    background: #FFF; border:1px solid #666;
}
.cb-red {
    background: #F44336;
}
.cb-blue {
    background: #4583df;
}
.cb-yellow {
    background: #FFEB3B;
}
.cb-silver{
    background: #D3D3D3;
}
.cb-brown{
    background: #73401C;
}
.cb-green{
    background: #21d0b5;
}
.cb-gray{
    background: #767676;
}
.cb-pink{
    background: #fea3b4;
}
.cb-orange{
    background: #ffa200;
}
.cb-pearl {
    background: #f7f6f5; border:1px solid #999;
}
.cb-gold {
    background: #ffd700;
}
.cb-skyblue {
    background: #bce2e8;
}
.cb-wine {
    background: #b33e5c;
}
.cb-cobalt {
    background: #0068b7;
}
.cb-purple {
    background: #9b72b0;
}
.cb-beige {
    background: #eedcb3;
}
.cb-gunmetal {
    background: #5b6178;
}

/**/

.btn-reset {
    color: #fff;
    background: #666;
    border: 0;
}
.btn-reset:hover {
    color: #fff;
    background-color:rgba(0,0,0,.5)
}
.div-right {
    float: right;
}

.stock-edit {
    float: left;
    width: 48%;
}
.stock-edit:first-child { margin-right:4%;}
.modal-dialog {
    width: 1000px!important;
}

.reg-con-title {
    color: #00BCD4;
    margin-bottom: 5px;
}

.modal-body input[type=text]{height: 30px!important;}

.modal-body .edit-detail input[type=text]{ height: 38px!important;}

.modal-body select{height: 20px!important;}

.scroll-table {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.stock-all { padding-bottom:0;}

/**/

.st-base {
    padding: 5px;
    border-radius: 4px;
    width: 100%;
    display: block;
}

.st-end{
    background: #21d0b5;
    color: #FFF;
}

.st-long-term-inv{
    background: #e89902;
    color: #FFF;
}

.st-unpublished{
    background: #eee;
}

.st-wait{
    background: #fea3b4;
    color: #FFF;
}

.st-auction{
    background: #4583df;
    color: #FFF;
}

.st-shopmove{
    background: #ffa200;
    color: #FFF;
}

.st-junk{
    background: #767676;
    color: #FFF;
}

.st-excess{
    background: #4583df;
    color: #FFF;
}

.st-as{
    background: #21d0b5;
    color: #FFF;
}

.st-other{
    background: #9b72b0;
    color: #FFF;
}

.st-consignment{
    background: #b33e5c;
    color: #FFF;
}

.st-aa{
    background: #F44336;
    color: #FFF;
}

.st-bulk{
    background: #fea3b4;
    color: #FFF;
}

.fa-arrow-left {color: #f15656;}
.fa-arrow-right {color: #21d0b5;}
.table-search .calendar{ float:left;}

/**/


.tips-wrap {
    position: relative;display: inline-block;
}

.pop-text {
    display: inline-block; margin-bottom:0; color: #03a9f4;
}

.pop-tips {
    display: none;
    position: absolute;
    bottom: 75%;
    left: -30%;
    padding: 5px;
    border-radius: 5px;
    background: #607D8B;
    color: #fff;
    font-weight: bold; text-align:left;
    width: 300px;
    z-index: 9999 !important;
}
.pop-tips:after {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    bottom: -19px;
    margin-left: 10px;
    border: solid transparent;
    border-color: rgba(51, 204, 153, 0);
    border-top-color: #607D8B;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    z-index: 9999 !important;
}
.pop-text:hover + .pop-tips {
    display: inline-block;
}
.account .label-shop{margin: 0 0 0 5px!important;}
.text-red {color:#F00}
.text-confirm {font-size: 11px; color:#007cf9;}

/* カレンダー */
.bootstrap-datetimepicker-widget table tr {border-bottom:0}
.bootstrap-datetimepicker-widget table th {border:0}
.bootstrap-datetimepicker-widget table th.prev,
.bootstrap-datetimepicker-widget table th.prev + th,
.bootstrap-datetimepicker-widget table th.next {
    border: none;
    background-color:#666;
}

.tabler-center {
    width:500px;
    margin-left: auto!important;
    margin-right: auto!important;
}