@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');


/* common */
/* -------------------------------------------------------- */
html,body {font-variant-ligatures:none;}
html {font-size:62.5%;}
body {font-size:1.6rem; font-family:Meiryo,'MS PGothic',Osaka,arial,helvetica,sans-serif; color:#333; text-align:center; -webkit-text-size-adjust:100%; text-size-adjust:100%; background:none;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.6;}
input, select, textarea, button {font-size:1.6rem; font-family:Meiryo,'MS PGothic',Osaka,arial,helvetica,sans-serif; line-height:1.4; vertical-align:middle;}
input[type='submit'],input[type='reset'],input[type='button'], button {cursor:pointer; -ms-appearance:none; -webkit-appearance:none; appearance:none;}
:placeholder-shown {color:#ccc;}
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc; opacity:1;}
::-moz-placeholder {color:#ccc; opacity:1;}
:-ms-input-placeholder {color:#ccc;}

strong {font-weight:bold;}
ol {list-style-type:decimal; margin-left:2.2em;}
img {max-width:100%; width:auto; height:auto; line-height:0; vertical-align:top; border:0; display:inline;}

a {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}

@media screen and (max-width:767px){
	body {font-size:1.4rem;}
	input, select, textarea, button {font-size:1.6rem;}
}


/* decision */
/* -------------------------------------------------------- */
#bpCheck {display:none;}

body .pc {display:block;}
br.pc, span.pc, img.pc {display:inline;}
body .sp, br.sp, span.sp, img.sp {display:none;}

.off {pointer-events:none; cursor:default; opacity:0.3;}
a.tel {pointer-events:none; cursor:default;}
body.mobile a.tel {pointer-events:auto; cursor:pointer;}

@media screen and (max-width:767px){
	#bpCheck {display:block;}

	body .pc, br.pc, span.pc, img.pc {display:none;}
	body .sp {display:block;}
	br.sp, span.sp, img.sp {display:inline;}
}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; padding:40px 0 0 0; overflow:hidden;}
body.login #container {padding:0;}


/* header */
/* -------------------------------------------------------- */
#header {width:100%; height:40px; background-color:rgba(255,255,255,0.9); box-shadow:0 1px 3px rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index:300;}
#header .logo {font-size:1.8rem; font-weight:bold; line-height:1; margin:-0.5em 0 0 0; position:absolute; top:50%; left:15px;}
#header .logo a {text-decoration:none;}
#header .user-info {font-size:1.4rem; display:flex; align-items:center; position:absolute; top:50%; right:60px; transform:translate3d(0,-50%,0);}
body.login #header .user-info {display:none;} 

#gNavBtn {width:30px; height:30px; position:fixed; top:5px; right:10px; z-index:301; cursor:pointer; display:block;}
#gNavBtn > span {width:100%; height:3px; margin:-1px 0 0 0; background-color:rgba(0,0,0,1); border-radius:10px; display:block; position:absolute; top:50%; left:0; transition-property:background-color;}
#gNavBtn > span::before,
#gNavBtn > span::after {content:''; width:100%; height:3px; background-color:rgba(0,0,0,1); border-radius:10px; display:block; position:absolute; left:0;}
#gNavBtn > span::before {top:-9px; transition-property:top;}
#gNavBtn > span::after {bottom:-9px; transition-property:bottom;}
#gNavBtn,
#gNavBtn > span::before,
#gNavBtn > span::after {transition-duration:0.3s; transition-delay:0s; transition-timing-function:ease;}
body.login #gNavBtn {display:none;}

#gNavCheck {display:none;}
#gNavCheck:checked + #header #gNavBtn > span {background-color:rgba(0,0,0,0);}
#gNavCheck:checked + #header #gNavBtn > span::before {top:0; transform:rotate(45deg); transition-property:transform;}
#gNavCheck:checked + #header #gNavBtn > span::after {bottom:0; transform:rotate(-45deg); transition-property:transform;}

#gNav {width:280px; height:100vh; background-color:rgba(200,200,200,0.9); box-shadow:-1px 0 3px rgba(0,0,0,0.3); position:fixed; top:0; right:-285px; z-index:300; overflow:auto; transition:right 0.3s ease;}
#gNavCheck:checked + #header #gNav {right:0;}
#gNav > ul {text-align:left; padding:40px 0 0 0;}
#gNav > ul > li {background-color:rgba(255,255,255,0.7); border-bottom:solid 1px rgba(0,0,0,0.2); position:relative;}
#gNav > ul > li a,
#gNav > ul > li button {width:100%; font-size:1.8rem; text-align:left; text-decoration:none; padding:15px 20px; background:none; border:none; box-sizing:border-box; display:block;}
#gNav > ul > li li {border-top:dotted 1px rgba(0,0,0,0.1);}
#gNav > ul > li li a {font-size:1.6rem; padding:10px 0 10px 40px;}
#gNav > ul > li.sub > a {padding-right:40px; position:relative;}
#gNav > ul > li.sub > a::before {content:'▼'; font-size:1.4rem; line-height:1; color:rgba(0,0,0,0.7); margin:-0.5em 10px 0 0; position:absolute; top:50%; right:0; transition:transform 0.3s ease;}
#gNav > ul > li.sub > a.on::before {transform:rotate(180deg);}

@media screen and (max-width:767px){
	#header .logo {font-size:1.4rem; left:5px;}
	#header .user-info {display:none;}
	#gNav {width:80%; right:-85%;}
	#gNav > ul > li a,
	#gNav > ul > li button {font-size:1.6rem;}
	#gNav > ul > li li a {font-size:1.4rem;}
}

/* footer */
/* -------------------------------------------------------- */
#footer {width:100%; padding:15px 0;}
#footer .copy {font-size:1.2rem; text-align:center;}
body.login #footer {position:fixed; bottom:0; left:0;}


/* contents */
/* -------------------------------------------------------- */
#contents {padding:20px 10px;}

/* print-btn */
.print-btn {width:200px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 15px; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block; cursor:pointer;}


/* info-txt */
.info-txt {width:100%; height:100%; background:rgba(255,255,255,0.9); display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; z-index:1000;}
.info-txt span {font-size:2.0em; font-weight:bold;}

/* login-sec */
.login-sec {width:100%; height:100vh; display:flex; justify-content:center; align-items:center;}
.login-sec .box {max-width:300px; margin:0 auto 20px auto;}
.login-sec .box dl {padding:0 0 20px 0; display:flex; justify-content:space-between; align-items:center;}
.login-sec .box dl > dt {width:6.0em; font-size:1.6rem; box-sizing:border-box;}
.login-sec .box dl > dd {box-sizing:border-box; flex:1;}
.login-sec .box dl > dd input {width:100%; font-size:1.8rem; line-height:1; padding:10px; background-color:#fff; border:solid 1px #000; box-sizing:border-box;}
.login-sec .login-btn {width:200px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:15px 10px; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.login-sec .error {font-size:1.6rem; color:#c00; margin:15px 0 0 0;}
@media screen and (max-width:767px){
	.login-sec .box {max-width:260px;}
	.login-sec .box dl > dt {font-size:1.4rem;}
}

/* top-nav */
.top-nav > li {margin:20px 0 0 0;}
.top-nav > li:first-of-type {margin-top:0;}
.top-nav > li > a {font-size:1.8rem; padding:15px 10px;}
.top-nav > li ul {margin:0 -5px; display:flex; flex-wrap:wrap;}
.top-nav > li ul > li {width:50%; padding:10px 5px 0 5px; box-sizing:border-box;}
.top-nav > li ul > li a {font-size:1.6rem; padding:12px 10px;}
.top-nav a {letter-spacing:0.2em; text-align:center; text-decoration:none; margin:0 auto; background-color:#eee; box-shadow:0 1px 3px rgba(0,0,0,0.3); border-radius:2px; box-sizing:border-box; display:block;}
.top-nav a > span.sub {font-size:70%; letter-spacing:0;}
.top-nav.clm2 {margin:0 -5px; display:flex; flex-wrap:wrap;}
.top-nav.clm2 > li {width:50%; margin:0; padding:10px 5px 0 5px; box-sizing:border-box;}
.top-nav button[type=submit] {width:80%; font-size:1.8rem; font-weight:bold; text-align:center; text-decoration:none; color:#333; margin:0 auto; padding:15px 10px; background-color:#eee; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.top-nav.cate > li:first-of-type > a {font-size:2.0rem; font-weight:bold; padding:0; background:none; border:none; box-shadow:none; pointer-events:none;}
.top-nav.cate > li ul > li a {font-size:1.8rem;}
@media screen and (max-width:767px){
	.top-nav > li > a {font-size:1.6rem; padding:10px 0;}
	.top-nav > li ul > li a {font-size:1.2rem; padding:8px 0;}
	.top-nav.cate > li ul > li a {font-size:1.4rem;}
}

/* page-nav */
.page-nav {padding:30px 0;}
.page-nav ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.page-nav li {padding:4px 2px 0 2px;}
.page-nav a,
.page-nav span {width:2.5em; padding:2px 0; text-align:center; display:block; border-radius:2px;}
.page-nav a {color:#333; text-decoration:none; border:solid 1px #ccc;}
.page-nav a:hover,
.page-nav span {color:#333; text-decoration:none; background:#eee; border:solid 1px #999;}
.page-nav li.prev {padding-right:10px;}
.page-nav li.next {padding-left:10px;}
.page-nav li.prev a,
.page-nav li.next a {width:auto; color:#333; text-decoration:none; border:0;}
.page-nav li.prev a:hover,
.page-nav li.next a:hover {width:auto; color:#333; text-decoration:underline; background:none; border:0;}
.page-nav li.prev span,
.page-nav li.next span {width:auto; color:#ccc; text-decoration:none; background:none; border:0;}

/* sort-nav */
.sort-nav form {display:flex; flex-wrap:wrap; justify-content:center;}
.sort-nav form > div {padding:5px 10px; box-sizing:border-box;}
.sort-nav input,
.sort-nav select {padding:5px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box;}
.sort-nav .period {display:flex; align-items:center;}
.sort-nav .period > div {padding:0 2px;}
.sort-nav .period input {width:7em;}
.sort-nav #search-word {width:10em; height:36px; border-radius:2px 0 0 2px; box-sizing:border-box; outline:none;}
.sort-nav #search-btn {width:36px; height:36px; vertical-align:top; text-align:center; background:#eee url(../img/icon_search.png) no-repeat center center; background-size:20px auto; border:solid 1px #666; border-left:none; border-radius:0 2px 2px 0; box-sizing:border-box; display:inline-block; cursor:pointer;}
@media screen and (max-width:767px){
	.sort-nav form > div {width:100%; text-align:left;}
}


/* input-form */
.input-form {text-align:left;}
.input-form > dl {text-align:left; padding:15px 0; display:flex;}
.input-form > dl > dt {width:7em; padding:0.5em 0 0 0;}
.input-form > dl > dd {flex:1;}
.input-form > dl.items {display:block;}
.input-form > dl.items > dt {width:auto;}
.input-form .clm {display:flex; align-items:center;}
.input-form .clm > div {box-sizing:border-box;}
.input-form .btn {margin:15px 0 0 0;}
.input-form input[type=text],
.input-form input[type=number],
.input-form textarea {width:100%; padding:10px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box; display:block; outline:none;}
.input-form input[type=number] {text-align:center; padding-left:0; padding-right:0;}
.input-form input[type=text]:disabled,
.input-form input[type=text].readonly,
.input-form textarea:disabled {background-color:#eee;}
.input-form input[type=text].readonly {pointer-events:none;}
.input-form select {padding:10px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box; display:block;}
.input-form button[type=submit] {width:200px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:15px 10px; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.input-form button[type=submit]:disabled {opacity:0.3; pointer-events:none; display:none;}
@media screen and (max-width:767px){
	.input-form > dl {padding:5px 0; display:block;}
	.input-form > dl > dt {width:auto; font-weight:bold; padding:1em 0 5px 0;}
}

/* clone-sec */
.product-registration .obj {padding:15px 4em 15px 0;}
.product-registration .btn-set {margin:-1.0em 0 0 0; position:absolute; top:50%; right:0;}
.product-registration .btn-set > li {padding:0;}

.clone-sec {margin:-15px 0 0 0;}
.clone-sec .obj {border-bottom:dotted 1px #666; padding:15px 120px 15px 0; position:relative;}
.clone-sec .btn-set {margin:-1.0em 0 0 0; position:absolute; top:50%; right:0; display:flex; align-items:center;}
.clone-sec.single .btn-set {opacity:0.3; pointer-events:none;}
.clone-sec .add {margin:15px 0 0 0;}
.clone-sec .add a {line-height:1.2; text-decoration:none; padding:10px 20px 10px 30px; background:#eee; border:solid 1px #999; border-radius:2px; display:inline-block; position:relative;}
.clone-sec .add a:before {content:'+'; width:14px; height:14px; font-size:1.4rem; font-weight:bold; line-height:1; text-align:center; color:#fff; margin:-7px 0 0 0; background:#333; border-radius:20px; display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:10px;}
.clone-sec .up a {text-decoration:none; color:#333;}
.clone-sec .up a:before {content:'▲'; width:1.4em; height:30px; line-height:1; background:#eee; border:solid 1px #999; border-right:none; border-radius:2px 0 0 2px; display:flex; justify-content:center; align-items:center;}
.clone-sec .down a {text-decoration:none; color:#333;}
.clone-sec .down a:before {content:'▼'; width:1.4em; height:30px; line-height:1; background:#eee; border:solid 1px #999; border-radius:0 2px 2px 0; display:flex; justify-content:center; align-items:center;}
.clone-sec .remove {margin-left:5px;}
.clone-sec .remove a {text-decoration:none; color:#333;}
.clone-sec .remove a:before {content:'削除'; width:3em; height:30px; line-height:1; background:#eee; border:solid 1px #999; border-radius:2px; display:flex; justify-content:center; align-items:center;}
@media screen and (max-width:767px){
	.clone-sec .obj {padding-right:105px;}
}

/* uploadBox */
label.uploadBox {width:100%; min-height:50px; text-align:center; line-height:40px; margin:0; padding:10px; border:solid 4px #ccc; border-radius:3px; box-sizing:border-box; display:block; position:relative;}
label.uploadBox .ctx {display:block; z-index:1;}
label.uploadBox .ctx:before {content:''; width:40px; height:40px; margin:-20px 0 0 -20px; background-repeat:no-repeat; background-position:center center; background-image:url(../img/loading.png); background-size:cover; display:block; position:absolute; top:50%; left:50%; z-index:1; opacity:0; animation:loading1 2s linear 0s infinite normal none running;}
label.uploadBox.loading .ctx:before {opacity:1;}
label.uploadBox.error .ctx {color:#c00;}
label.uploadBox .ctx .clm {display:flex; justify-content:center; align-items:center;}
label.uploadBox .ctx .clm > div:nth-of-type(2) {padding-left:10px;}
label.uploadBox img {width:140px; height:140px; object-fit:contain; overflow:hidden; opacity:1;}
label.uploadBox.loading img {opacity:0.5;}
label.uploadBox input[type=file] {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5;}
label.uploadBox .btn {position:absolute; top:0; right:0; z-index:1; opacity:0;}
label.uploadBox.on .btn {z-index:10; opacity:1;}
label.uploadBox .btn a {font-size:12px; line-height:1.2; vertical-align:top; text-decoration:none; color:#fff; margin:0 0 0 2px; padding:4px 5px; background:#ccc; display:inline-block;}
label.uploadBox .btn a:hover {opacity:0.7;}
label.uploadBox .btn a:first-of-type {border-radius:0 0 0 3px;}
label.uploadBox.off {pointer-events:auto; cursor:pointer; opacity:1;}
@keyframes loading1 {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
@media screen and (max-width:767px){
	label.uploadBox {line-height:1.4;}
}

/* imgTrim */
#imgTrimOverlay {width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; opacity:0; z-index:1000;}
#imgTrimOverlay.on {opacity:1; transition:all 0.6s ease 0s;}
#imgTrimOverlay.off {opacity:0; transition:all 0.6s ease 0.4s;}
#imgTrimAreaSec {width:100%; height:100%; padding:10px; box-sizing:border-box; position:fixed; top:0; left:0; opacity:0; z-index:1001; -webkit-user-select:none; user-select:none; touch-action:none;}
#imgTrimAreaSec.on {opacity:1; transition:all 0.6s ease 0.4s;}
#imgTrimAreaSec.off {opacity:0; transition:all 0.6s ease 0s;}
#imgTrimArea {width:auto; margin:auto; vertical-align:top; display:inline-block; position:relative; overflow:hidden; -webkit-user-select:none; user-select:none; touch-action:none;}
#imgTrimArea img {max-width:100%; width:auto; height:auto; vertical-align:top; position:relative; z-index:1; pointer-events:none;}
#imgTrimBox {width:0; height:0; box-shadow:1px 1px 30px 5px rgba(0,0,0,1); box-sizing:border-box; border:solid 1px rgba(255,255,255,0.5); position:absolute; top:0; left:0; z-index:10; pointer-events:none;}
#imgTrimBtn button {font-size:14px; text-align:center; color:#000; margin:10px 5px; padding:4px 10px; background:#ddd; border:none; border-radius:2px; display:inline-block; cursor:pointer;}
#imgTrimBtn button:hover {background:#fff;}
@media screen and (max-width:767px){
	#imgTrimOverlay {padding:10px;}
}

/* resizeSec */
#resizeOverlay {width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; opacity:0; z-index:1000;}
#resizeOverlay.on {opacity:1; transition:all 0.6s ease;}
#resizeOverlay.off {opacity:0; transition:all 0.6s ease;}
#resizeOverlay > div {text-align:center; padding:20% 30px 0 30px;}
#resizeOverlay .clm {margin:0 auto 10px auto; padding:5px; background-color:rgba(255,255,255,0.9); border-radius:3px; display:table; table-layout:fixed; border-spacing:0;}
#resizeOverlay .clm > div {text-align:left; vertical-align:middle; padding:2px; display:table-cell;}
#resizeOverlay .clm > div.off {display:none;}
#resizeOverlay button {font-size:14px; text-align:center; vertical-align:middle; color:#000; margin:0 0 0 10px; padding:4px 10px; background:#ddd; border:none; border-radius:2px; display:inline-block; cursor:pointer;}
#resizeOverlay button:hover {background:#fff;}
#resizeOverlay select,
#resizeOverlay input {font-size:16px; line-height:1; vertical-align:middle; padding:2px; background-color:#fff; border:solid 1px #ccc; border-radius:3px; box-sizing:border-box;}
#resizeOverlay input {width:6em; padding:7px;}

/* ui-datepicker */
#ui-datepicker-div {position:relative; z-index:300 !important;}
.ui-datepicker {width:300px; padding:0 10px 10px 10px; background:#fff; border-radius:2px; box-shadow:0 0 5px rgba(0,0,0,0.6); box-sizing:border-box; display:none;}
.ui-datepicker-header {padding:15px 0;}
.ui-datepicker-header a {text-decoration:none;}
.ui-datepicker-title {font-weight:bold;}
.ui-datepicker-prev,
.ui-datepicker-next {color:#333; padding:0 5px; background:#eee; border:solid 1px #999; position:absolute; top:15px; cursor:pointer;}
.ui-datepicker-prev {border-left:none; border-radius:0 3px 3px 0; left:0;}
.ui-datepicker-next {border-right:none; border-radius:3px 0 0 3px; right:0;}
.ui-datepicker-calendar {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {text-align:center; vertical-align:middle; padding:1px;}
.ui-datepicker-calendar td a {text-decoration:none; padding:5px 0; background:#fff; border:solid 1px #ccc; display:block;}
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a.ui-state-active {color:#fff; background:#0062ab;}
.ui-datepicker-calendar td.ui-datepicker-week-end a {}
.ui-datepicker-calendar td.ui-datepicker-today a {border:solid 1px #333;}
.ui-datepicker .ui-datepicker-buttonpane {width:100%; text-align:right; margin:5px 0 0 0; box-sizing:border-box; position:relative;}
.ui-datepicker .ui-datepicker-buttonpane button {font-size:1.4rem; text-align:center; color:#333; padding:3px 5px; background:#eee; border:solid 1px #999; border-radius:0 3px 3px 0; cursor:pointer;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {display:none;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {margin:0 0 0 auto;}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-clear {position:absolute; top:0; left:0; display:block;}
body.mobile .ui-datepicker {margin-left:-150px; left:50% !important;}

/* timepicker-obj */
.timepicker-obj {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:310; display:none;}
.timepicker-obj .box {padding:15px 20px; background-color:#fff; border-radius:2px;}
.timepicker-obj .clm {display:flex; justify-content:center; align-items:center;}
.timepicker-obj .btn {display:flex; justify-content:center; align-items:center;}
.timepicker-obj .btn > div {width:5em; font-size:1.4rem; padding:10px 5px 0 5px; box-sizing:border-box;}
.timepicker-obj .btn > div > span {padding:5px 0; background-color:#ccc; border-radius:2px; display:block; cursor:pointer;}
.timepicker-obj select {padding:5px; border:solid 1px #666; border-radius:2px; box-sizing:border-box;}
.timepicker-obj.on {display:flex; justify-content:center; align-items:center;}

/* modal-obj */
.modal-obj {width:100%; height:100%; background-color:rgba(0,0,0,0.7); display:none; justify-content:center; align-items:center; position:fixed; top:0; left:0; z-index:310;}
.modal-obj .box {padding:15px 20px; background-color:#fff; border-radius:2px;}
.modal-obj .clm {display:flex; justify-content:center; align-items:center;}
.modal-obj .clm input[type=text] {width:100%; padding:5px 10px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box; display:block; outline:none;}
.modal-obj .clm .cell1 {width:5em;}
.modal-obj .clm .cell2 {width:8em;}
.modal-obj .btn {padding:0 0 0 10px;}
.modal-obj .btn > span {width:4em; font-size:1.4rem; margin:0 auto; padding:5px 0; background-color:#ccc; border-radius:2px; display:block; cursor:pointer;}
.modal-obj.on {display:flex;}


/* user-list */
.user-list .clm {flex-wrap:wrap;}
.user-list .clm > div {box-sizing:border-box;}
.user-list .clm > div::before {font-size:1.2rem; display:block;}
.user-list .clm > div:nth-of-type(1) {width:11em; padding:5px 0.5em 0 0; order:4;}
.user-list .clm > div:nth-of-type(1)::before {content:'ID';}
.user-list .clm > div:nth-of-type(2) {width:11em; padding:5px 1.0em 0 0.5em; order:5;}
.user-list .clm > div:nth-of-type(2)::before {content:'パスワード';}
.user-list .clm > div:nth-of-type(3) {width:calc(100% - 130px - 160px); padding:0 1em 0 0; order:1;}
.user-list .clm > div:nth-of-type(3)::before {content:'名称';}
.user-list .clm > div:nth-of-type(4) {width:130px; order:2;}
.user-list .clm > div:nth-of-type(4)::before {content:'種別';}
.user-list .clm > div:nth-of-type(5) {width:160px; order:3;}
.user-list .clm > div:nth-of-type(5)::before {content:'班';}
.user-list .select-products-btn {width:7em; height:30px; line-height:1; margin:22px 0 0 0; background:#eee; border:solid 1px #999; border-radius:2px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.user-list .clone-sec .obj {padding-right:60px;}
.user-list .clone-sec .btn-set {margin:0; top:auto; bottom:15px;}
.user-list .clone-sec .up,
.user-list .clone-sec .down {display:none;}
@media screen and (max-width:767px){
	.user-list .clone-sec .obj {padding-bottom:60px;}
	.user-list .clm > div:nth-of-type(1) {width:50%;}
	.user-list .clm > div:nth-of-type(2) {width:50%; padding-right:0;}
	.user-list .clm > div:nth-of-type(3) {width:65%;}
	.user-list .clm > div:nth-of-type(4) {width:35%;}
	.user-list .clm > div:nth-of-type(5) {width:100%;}
}

/* order-sort-form */
.sort-nav .order-sort-form {text-align:left; display:block;}
.order-sort-form .clm1 {display:flex; align-items:center;}
.order-sort-form .clm1 > div:nth-of-type(2) {width:10em;}
.order-sort-form .clm1 > div:nth-of-type(2) input {padding:5px 10px;}
.order-sort-form .clm1 > div:nth-of-type(3) {padding:0 0 0 15px;}
.order-sort-form .clm1 > div:nth-of-type(4) {padding:0 30px 0 0;}
.order-sort-form .clm1 input {width:100%; box-sizing:border-box;}
.order-sort-form .btn-add-form {font-size:1.6rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 15px; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
@media screen and (max-width:767px){
	.order-sort-form .clm1 {flex-wrap:wrap;}
	.order-sort-form .clm1 > div {box-sizing:border-box;}
	.order-sort-form .clm1 > div:nth-of-type(1) {width:20%;}
	.order-sort-form .clm1 > div:nth-of-type(2) {width:80%;}
	.order-sort-form .clm1 > div:nth-of-type(3) {width:20%; margin-top:10px;}
	.order-sort-form .clm1 > div:nth-of-type(4) {width:80%; margin-top:10px;}
	.order-sort-form .clm1 > div:nth-of-type(5) {width:100%; margin-top:10px;}
}

/* order-form */
.order-form .loss-cnt {text-align:left; margin:15px 0  00;}
.order-form .team-note {margin:0; padding:0; display:block;}
.order-form .team-note textarea {width:100%; height:5em;}
.order-form .btn-clm {margin:20px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative;}
.order-form .btn-clm > p {padding:0 10px;}
.order-form .btn-clm button {padding:5px 15px;}

@media screen and (max-width:767px){
	.order-form .btn-clm {display:block;}
}

/* order-add-form */
.order-add-form .ttl {font-weight:bold;}
.order-add-form dl {padding:5px 0; display:block;} 
.order-add-form #item-code-data {display:none;}


/* order-list */
.order-list {margin:15px 0 0 0;}
.order-list > div {margin:-1px 0 0 0; background-color:#fff; border:solid 1px #333; display:flex;}
.order-list > div.fix > div {pointer-events:none; background-color:#aaa !important;}
.order-list > div.fix > div.name,
.order-list > div.fix > div.check,
.order-list > div.fix > div.note,
.order-list > div.fix > div.howto {pointer-events:auto;}
.order-list > div > div {font-size:1.2rem; padding:5px; border-left:dotted 1px #333; box-sizing:border-box; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.order-list > div > div:first-of-type {border-left:none;}
.order-list > div > div.gift {background-color:#fdd;}
.order-list > div > div.check {width:20px; overflow:visible;}
.order-list > div > div.check label {position:relative; z-index:10; display:none;}
.order-list > div > div.check label input {display:none;}
.order-list > div > div.check label span {display:block; position:relative;}
.order-list > div > div.check label span::before {content:''; width:12px; height:12px; margin:-6px 0 0 -6px; background-color:#fff; border:solid 1px #333; border-radius:3px; box-sizing:border-box; display:block; position:absolute; top:50%; left:50%;}
.order-list > div > div.check label span::after {content:''; width:18px; height:18px; margin:-12px 0 0 -8px; background:url(../img/icon_check.png) no-repeat center center; background-size:cover; position:absolute; top:50%; left:0; transform-origin:40% 70%; transform:scale3d(0,0,1);}
.order-list > div > div.check label input:checked + span::after {transform:scale3d(1,1,1);}
.order-list > div > div.check.on label {display:block;}
.order-list > div > div.name {font-size:1.7rem; line-height:1.2; flex:1; overflow:hidden; position:relative;}
.order-list > div > div.name > span {width:100%; display:block;}
.order-list > div > div.name > span::before {content:''; width:12px; height:12px; background-color:#0062ab; display:none; position:absolute; top:-6px; left:-6px; transform:rotate(45deg);}
.order-list > div > div.name.tag1 > span::before {display:block;}
.order-list > div > div.name .deliver {font-size:1.1rem; white-space:nowrap; padding:0 0 0 5px; display:inline-block;}
.order-list > div > div.name .label-name {font-size:1.1rem; white-space:nowrap; padding:0 0 0 5px; display:inline-block;}
.order-list > div.line {border-top:solid 2px #333;}
.order-list > div.bg20 > div.name {background-color:#fdd;} /* 金時 */
.order-list > div.bg21 > div.name {background-color:#ffd;} /* 白花 */
.order-list > div.bg22 > div.name {background-color:#ddd;} /* 小豆 */
.order-list > div.bg26 > div.name {background-color:#dff;} /* お好み */
.order-list > div.bg40 > div.name {background-color:#dfd;} /* 芋 */
.order-list > div > div.standard {width:6em;}
.order-list > div > div.standard > span {width:100%; display:block;}
.order-list > div > div.net {width:3em;}
.order-list > div > div.lot {width:3em;}
.order-list > div > div.oq {width:3em;}
.order-list > div > div.bb {width:7em;}
.order-list > div > div.bb.bb70 {background-color:#ffd;} /* 賞味期限70日 */
.order-list > div > div.bb.bb60 {background-color:#dff;} /* 賞味期限60日 */
.order-list > div > div.bb.bb50 {background-color:#fdd;} /* 賞味期限50日 */
.order-list > div > div.bb.bb30 {background-color:#dfd;} /* 賞味期限30日 */
.order-list > div > div.img {width:10em; padding:1px;}
.order-list > div > div.img > span {width:100%; height:40px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block;}
.order-list > div > div.img > span.none {display:flex; justify-content:center; align-items:center;}
.order-list > div > div.check1 {width:5em; padding:0;}
.order-list > div > div.check2 {width:5em; padding:0;}
.order-list > div > div.check3 {width:5em; padding:0;}
.order-list > div > div.start_time {width:4em; padding:5px 0;}
.order-list > div > div.start_time input {padding:0; background:none; border:none; transform:scale(0.9);}
.order-list > div > div.start_time a {width:3em; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.order-list > div > div.end_time {width:4em; padding:5px 0;}
.order-list > div > div.end_time input {padding:0; background:none; border:none; transform:scale(0.9);}
.order-list > div > div.end_time a {width:3em; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.order-list > div > div.time {width:8em; padding:5px 0;}
.order-list > div > div.unit-cost {width:6em; padding:5px 0;}
.order-list > div > div.cost {width:6em; padding:5px 0; border-right:none;}
.order-list > div > div.note {width:100%; height:100%; background-color:rgba(0,0,0,0.7) !important; border:none; position:fixed; top:0; left:0; z-index:310; display:none;}
.order-list > div > div.note.on {display:flex; justify-content:center; align-items:center;}
.order-list > div > div.note .box {width:80vw; max-height:80vh; padding:15px; background-color:#fff; border-radius:5px; box-sizing:border-box; overflow:auto;}
.order-list > div > div.note .txt {font-size:1.6rem; white-space:nowrap; padding:0 10px 0 0;}
.order-list > div > div.note textarea {width:100%; height:100px; resize:none;}
.order-list > div > div.note .save-btn {margin:15px 0 0 0;}
.order-list > div > div.note .save-btn a {width:120px; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.order-list > div > div.note .delete {text-align:right;}
.order-list > div > div.note .delete a {padding:0 0 0 15px; display:inline-block; position:relative;}
.order-list > div > div.note .delete a::before {content:''; width:4px; height:15px; background-color:#333; border-radius:5px; display:block; position:absolute; top:0.14em; left:0; transform:rotate(45deg);}
.order-list > div > div.note .delete a::after {content:''; width:4px; height:15px; background-color:#333; border-radius:5px; display:block; position:absolute; top:0.14em; left:0; transform:rotate(-45deg);}
.order-list > div > div.note .clm {display:block;}
.order-list > div > div.note .clm > div {margin:15px 0 0 0; display:flex; align-items:center;}
.order-list > div > div.note .clm > div:first-of-type {margin-top:0;}
.order-list > div > div.note .line1 > div {flex:1;}
.order-list > div > div.note .line2 > p {width:7em;}
.order-list > div > div.note .line2 > div {width:7em; padding:0 5px 0 0; box-sizing:border-box;}
.order-list > div > div.note .line3 > p {width:7em;}
.order-list > div > div.note label.uploadBox .ctx .clm > div {width:100%;}
.order-list > div > div.note label.uploadBox img {max-width:320px; width:100%; height:auto;}
.order-list > div > div.note label.uploadBox input[type="file"] {height:auto;}
.order-list > div > div.note label.uploadBox.on .onObj {display:block;}
.order-list > div > div.note label.uploadBox.on .offObj {display:none;}
.order-list > div > div.note label.uploadBox.off .onObj {display:none;}
.order-list > div > div.note label.uploadBox.off .offObj {display:block;}
.order-list > div > div.note label.uploadBox .btn a {display:none;}
.order-list > div > div.note label.uploadBox .btn .del {display:block !important;}
.order-list > div > div.howto {width:100%; height:100%; background-color:rgba(0,0,0,0.7) !important; border:none; position:fixed; top:0; left:0; z-index:310; display:none;}
.order-list > div > div.howto.on {display:flex; justify-content:center; align-items:center;}
.order-list > div > div.howto .box {max-width:640px; width:80vw; margin:0 auto; padding:15px; background-color:#fff; border-radius:5px; box-sizing:border-box; position:relative;}
.order-list > div > div.howto .box > div {max-height:80vh; overflow:auto;}
.order-list > div > div.howto .obj {margin:0 0 20px 0;}
.order-list > div > div.howto .close {width:80vw; text-align:right;}
.order-list > div > div.howto .close span {font-size:4.0rem; font-weight:normal; line-height:1; color:#fff; cursor:pointer;}
.order-list > div > div.howto .videoObj {width:100%; background-color:#000; box-sizing:border-box; overflow:hidden;}
.order-list > div > div.howto .videoObj video {max-width:100%; width:100vw; height:auto; vertical-align:top; display:block;}
.order-list > div > div.howto .imgObj {width:100%; overflow:hidden;}
.order-list > div > div.howto p {font-size:1.4rem; margin:5px 0 0 0;}
.order-list > div > div.howto .edit {text-align:center;}
.order-list > div > div.howto .edit a {font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:10px 20px; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:inline-block;}
.order-list > div > div.bags {width:3em;}
.order-list > div > div.bag_type {width:5em; padding:0;}
.order-list > div > div.bag_type select {font-size:1.6rem; text-align:center; margin:0; padding:0; background:none; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; transform:scale3d(0.7,0.7,1);}
.order-list > div > div.bag_type select::-ms-expand {display:none;}
.order-list > div > div.bag_type select:-moz-focusring {color:transparent; text-shadow:0 0 0 #828c9a;}
.order-list > div > div.bag_detail {width:4em;}
.order-list > div > div.bag_detail > span.btn-bag-detail {width:100%; height:30px; font-size:1.2rem; text-align:center; text-decoration:none; color:#333; margin:0 auto; padding:5px 0; background-color:#ddd; box-shadow:0 1px 3px rgba(0,0,0,0.1); border:none; border-radius:2px; box-sizing:border-box; display:none; justify-content:center; align-items:center; cursor:pointer;}
.order-list > div > div.bag_detail > span.btn-bag-detail.ok {color:#fff; background-color:#0062ab;}
.order-list > div > div.bag_detail.btn-on > span.btn-bag-detail {display:flex;}
.order-list > div > div.bag_detail > div {width:100%; height:100%; background-color:rgba(0,0,0,0.7) !important; border:none; position:fixed; top:0; left:0; z-index:310; display:none; justify-content:center; align-items:center;}
.order-list > div > div.bag_detail.on > div {display:flex;}
.order-list > div > div.bag_detail .box {max-width:640px; width:80vw; margin:0 auto; padding:15px 0; background-color:#fff; border-radius:5px; box-sizing:border-box; position:relative;}
.order-list > div > div.bag_detail .box > div {width:100%; height:80vh; overflow:auto;} 
.order-list > div > div.bag_detail .box > div > div {width:100%; padding:0 15px; box-sizing:border-box;}
.order-list > div > div.bag_detail .cells {display:block;}
.order-list > div > div.bag_detail .cells > div {margin:10px 0 0 0; display:none; flex-wrap:wrap; align-items:center;}
.order-list > div > div.bag_detail .cells > div > p {width:9em; line-height:1.2;}
.order-list > div > div.bag_detail .cells > div > div {flex:1;}
.order-list > div > div.bag_detail .cells.type1 > div.type1 {display:flex;}
.order-list > div > div.bag_detail .cells.type2 > div.type2 {display:flex;}
.order-list > div > div.bag_detail .cells.type3 > div.type3 {display:flex;}
.order-list > div > div.bag_detail .save-btn {margin:15px 0 0 0;}
.order-list > div > div.bag_detail .save-btn a {width:120px; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.order-list > div > div.bag_detail .detail-btn {margin:15px 0 0 0;}
.order-list > div > div.bag_detail .detail-btn a {width:120px; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block;}
.order-list > div > div.bag_detail label.uploadBox .ctx .clm > div {width:100%;}
.order-list > div > div.bag_detail label.uploadBox img {max-width:320px; width:100%; height:auto;}
.order-list > div > div.bag_detail label.uploadBox input[type="file"] {height:auto;}
.order-list > div > div.bag_detail label.uploadBox.on .onObj {display:block;}
.order-list > div > div.bag_detail label.uploadBox.on .offObj {display:none;}
.order-list > div > div.bag_detail label.uploadBox.off .onObj {display:none;}
.order-list > div > div.bag_detail label.uploadBox.off .offObj {display:block;}
.order-list > div > div.bag_detail label.uploadBox .btn a {display:none;}
.order-list > div > div.bag_detail label.uploadBox .btn .del {display:block !important;}
.order-list > div > div.bag_detail .detail {margin:30px 0 0 0;}
.order-list > div > div.bag_detail .detail .ttl {text-align:center; letter-spacing:0.5em; margin:0 0 0 -0.5em;}
.order-list > div > div.bag_detail .detail > div {margin:10px 0 0 0;}
.order-list > div > div.bag_detail .videoObj {max-width:640px; margin:5px 0 0 0; background-color:#000; box-sizing:border-box; overflow:hidden;}
.order-list > div > div.bag_detail .videoObj video {max-width:100%; width:100vw; height:auto; vertical-align:top; display:block;}
.order-list > div > div.bag_detail .imgObj {max-width:640px; text-align:center; margin:5px 0 0 0; box-sizing:border-box; overflow:hidden;}
.order-list > div > div.bag_detail .txtObj {margin:5px 0 0 0;}
.order-list > div > div.bag_img {width:10em; padding:1px;}
.order-list > div > div.bag_img > span {width:100%; height:40px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block;}
.order-list > div > div.bag_img > span.none {display:flex; justify-content:center; align-items:center;}
.order-list > div > div.bag_imgs {width:10em; padding:1px;}
.order-list > div > div.bag_imgs > span {width:100%; height:40px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block;}
.order-list > div > div.bag_imgs > span.none {display:flex; justify-content:center; align-items:center;}
.order-list > div > div.note.on {display:flex; justify-content:center; align-items:center;}
.order-list > div > div.note .box {width:80vw; max-height:80vh; padding:15px; background-color:#fff; border-radius:5px; box-sizing:border-box; overflow:auto;}
.order-list .step_off {display:none;}

.order-list > div.head > div {padding:2px 0;}
.order-list > div.head > div > span {font-size:1.0rem; text-align:center;}
.order-list > div.head > div.check > span {display:none;}
.order-list > div.head > div.img {padding:0;}
.order-list > div.head > div.img > span {height:auto;}
.order-list .adj_set {background-color:#fff; display:flex;}
.order-list .adj_set > div {display:flex; justify-content:center; align-items:center;}
.order-list .adj_set > div.minus {width:30px; border:solid 1px #666; border-right:none; border-radius:2px 0 0 2px; position:relative; cursor:pointer;}
.order-list .adj_set > div.minus::before {content:'－'; font-size:16px;}
.order-list .adj_set > div:nth-of-type(2) {border:solid 1px #666; flex:1;}
.order-list .adj_set > div:nth-of-type(2) input {width:4em; text-align:center; border:none;}
.order-list .adj_set > div.plus {width:30px; border:solid 1px #666; border-left:none; border-radius:0 2px 2px 0; position:relative; cursor:pointer;}
.order-list .adj_set > div.plus::before {content:'＋'; font-size:16px;}
.order-list .btn-howto {display:inline-block; cursor:pointer;}
.order-list .btn-note {width:18px; height:18px; vertical-align:middle; margin:-3px 0 0 5px; background-color:#999; border-radius:50%; display:inline-block; overflow:hidden; cursor:pointer;}
.order-list .btn-note.on {background-color:#0062ab;}
.order-list .btn-note.sample {background-color:#ab0000;}
.order-list .btn-note::before {content:'i'; font-size:16px; font-weight:bold; line-height:20px; text-align:center; vertical-align:middle; color:#fff; display:block;}
.order-list .btn-seal {width:18px; height:18px; vertical-align:middle; margin:-3px 0 0 5px; background-color:#999; border-radius:50%; display:inline-block; overflow:hidden; cursor:pointer;}
.order-list .btn-seal.on {background-color:#0062ab;}
.order-list .btn-seal::before {content:'S'; font-size:16px; font-weight:bold; line-height:20px; text-align:center; vertical-align:middle; color:#fff; display:block;}

.total-weight ul {display:flex; flex-wrap:wrap;}
.total-weight li {font-size:1.2rem; display:flex;}
.total-weight li > div {margin:0 -1px -1px 0; padding:2px 5px; border:solid 1px #333; box-sizing:border-box;}
.total-weight li > div:nth-of-type(1) {width:7em; text-align:center; background-color:#eee; border-right-color:#ccc;}
.total-weight li > div:nth-of-type(2) {width:8em; border-left-color:#ccc;}

@media screen and (max-width:767px){
	.order-list > div {display:flex; flex-wrap:wrap; position:relative;}
	.order-list > div > div {font-size:1.4rem; border-right:none; overflow:visible;}
	.order-list > div > div.check {width:auto; position:absolute; top:10px; left:10px;}
	.order-list > div > div.check label span::before {width:20px; height:20px; margin:-10px 0 0 -10px;}
	.order-list > div > div.check label span::after {font-size:4.0rem;}
	.order-list > div > div.name {width:100%; font-weight:bold; padding:5px 5px 0 30px; box-sizing:border-box; flex:0 0 auto;}
	.order-list > div > div.name .deliver {font-weight:normal;}
	.order-list > div > div.standard {width:auto; padding-right:10px; padding-bottom:0;}
	.order-list > div > div.standard::before {content:'規格：'; white-space:nowrap;}
	.order-list > div > div.net {width:auto; padding-right:10px; padding-bottom:0;}
	.order-list > div > div.net::before {content:'量目：'; white-space:nowrap;}
	.order-list > div > div.lot {width:auto; padding-right:10px; padding-bottom:0;}
	.order-list > div > div.lot::before {content:'入数：'; white-space:nowrap;}
	.order-list > div > div.oq {width:auto; padding-right:10px; padding-bottom:0;}
	.order-list > div > div.oq::before {content:'B数：'; white-space:nowrap;}
	.order-list > div > div.bb {width:auto; padding-right:10px; padding-bottom:0;}
	.order-list > div > div.bb::before {content:'賞味期限：'; white-space:nowrap;}
	.order-list > div > div.img {width:100%; padding:5px;}
	.order-list > div > div.img > span {border:solid 1px #666; border-radius:3px;}
	.order-list > div > div.check1 {width:28.4vw; margin:1.5em 0 0 2.0vw; padding:0; border:solid 1px #666; border-radius:3px; position:relative; overflow:visible;}
	.order-list > div > div.check1::before {content:'袋賞味確認'; width:100%; font-size:1.1rem; text-align:center; display:block; position:absolute; top:-1.5em; left:0;}
	.order-list > div > div.check1 > span {min-height:22px; display:block;}
	.order-list > div > div.check2 {width:28.4vw; margin:1.5em 0 0 2.0vw; padding:0; border:solid 1px #666; border-radius:3px; position:relative; overflow:visible;}
	.order-list > div > div.check2::before {content:'箱賞味確認'; width:100%; font-size:1.1rem; text-align:center; display:block; position:absolute; top:-1.5em; left:0;}
	.order-list > div > div.check2 > span {min-height:22px; display:block;}
	.order-list > div > div.check3 {width:28.4vw; margin:1.5em 0 0 2.0vw; padding:0; border:solid 1px #666; border-radius:3px; position:relative; overflow:visible;}
	.order-list > div > div.check3::before {content:'入数確認'; width:100%; font-size:1.1rem; text-align:center; display:block; position:absolute; top:-1.5em; left:0;}
	.order-list > div > div.check3 > span {min-height:22px; display:block;}
	.order-list > div > div.start_time {width:50%; text-align:center; padding:10px 5px; position:relative; overflow:visible;}
	.order-list > div > div.start_time::before {content:'開始時間'; width:100%; font-size:1.1rem; text-align:center; margin:-0.7em 0 0 0; padding:0 9.0em 0 0; box-sizing:border-box; display:block; position:absolute; top:50%; left:0;}
	.order-list > div > div.start_time input {width:100%; font-weight:bold; text-align:center; padding:0 0 0 2.0em; box-sizing:border-box; transform:scale(1);}
	.order-list > div > div.start_time a {width:40.0vw; margin:0 auto; display:block; position:relative; z-index:5;}
	.order-list > div > div.end_time {width:50%; text-align:center; padding:10px 5px; position:relative; overflow:visible;}
	.order-list > div > div.end_time::before {content:'終了時間'; width:100%; font-size:1.1rem; text-align:center; margin:-0.7em 0 0 0; padding:0 9.0em 0 0; box-sizing:border-box; display:block; position:absolute; top:50%; left:0;}
	.order-list > div > div.end_time input {width:100%; font-weight:bold; text-align:center; padding:0 0 0 2.0em; box-sizing:border-box; transform:scale(1);}
	.order-list > div > div.end_time a {width:40.0vw; margin:0 auto; display:block; position:relative; z-index:5;}
	.order-list > div > div.note .box {padding:10px;}
	.order-list > div > div.note .clm {display:block;}
	.order-list > div > div.note .line1 {display:block !important;}
	.order-list > div > div.howto .box {width:96vw; padding:10px;}
	.order-list > div > div.howto .close {width:100%;}
	.order-list > div.head {display:none;}
}

/* team-list */
.team-list .clm > div {box-sizing:border-box;}
.team-list .clm > div:nth-of-type(1) {width:5em;}
.team-list .clm > div:nth-of-type(2) {padding:0 0 0 10px; flex:1;}

/* checker-list */
.checker-list .clm > div {box-sizing:border-box;}
.checker-list .clm > div:nth-of-type(1) {flex:1;}
.checker-list .clm > div:nth-of-type(2) {padding:0 0 0 10px;}

/* checker-modal */
.checker-modal > div {width:100%;}
.checker-modal .box {width:80%; margin:0 auto; box-sizing:border-box;}
.checker-modal ul {display:flex; flex-wrap:wrap;}
.checker-modal li {width:5em; font-size:1.8rem; text-align:left; padding:5px 0; box-sizing:border-box;}
.checker-modal label {display:inline-block; position:relative;}
.checker-modal label input {display:none;}
.checker-modal label span {padding:0 0 0 18px; display:block; position:relative;}
.checker-modal label span::before {content:''; width:12px; height:12px; margin:-6px 0 0 0; background-color:#fff; border:solid 1px #333; border-radius:3px; box-sizing:border-box; display:block; position:absolute; top:50%; left:0;}
.checker-modal label span::after {content:''; width:18px; height:18px; margin:-12px 0 0 -2px; background:url(../img/icon_check.png) no-repeat center center; background-size:cover; position:absolute; top:50%; left:0; transform-origin:40% 70%; transform:scale3d(0,0,1);}
.checker-modal label input:checked + span::after {transform:scale3d(1,1,1);}
.checker-modal .btn span {width:120px; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block; cursor:pointer;}
@media screen and (max-width:767px){
	.checker-modal .box {width:100%;}
}

/* img-modal-obj */
.img-modal-obj .box {max-width:640px; width:80vw; margin:0 auto; padding:15px 0; background-color:#fff; border-radius:5px; box-sizing:border-box; position:relative;}
.img-modal-obj .box > div {width:100%; height:80vh; overflow:auto;} 
.img-modal-obj .box > div > div {width:100%; padding:0 15px; box-sizing:border-box;}
.img-modal-obj label.uploadBox .ctx .clm > div {width:100%;}
.img-modal-obj label.uploadBox img {max-width:320px; width:100%; height:auto;}
.img-modal-obj label.uploadBox input[type="file"] {height:auto;}
.img-modal-obj label.uploadBox.on .onObj {display:block;}
.img-modal-obj label.uploadBox.on .offObj {display:none;}
.img-modal-obj label.uploadBox.off .onObj {display:none;}
.img-modal-obj label.uploadBox.off .offObj {display:block;}
.img-modal-obj label.uploadBox .btn a {display:none;}
.img-modal-obj label.uploadBox .btn .del {display:block !important;}
.img-modal-obj .sample {width:100%;}
.img-modal-obj .sample > div {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:dotted 1px #999; position:relative;}
.img-modal-obj .sample > div::before {content:'サンプル'; font-size:1.2rem; line-height:1; color:#000; padding:3px 10px; background-color:rgba(255,255,255,0.8); display:block; position:absolute; bottom:10px; right:0;}
.img-modal-obj .imgs {width:100%;}
.img-modal-obj .imgs > div {text-align:center; margin:10px 0 0 0;}
.img-modal-obj .nn {text-align:center; margin:15px 0 0 0;}
.img-modal-obj .nn span {width:120px; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block; cursor:pointer;}
.img-modal-obj .add {text-align:center; margin:15px 0 0 0;}
.img-modal-obj .add span {width:120px; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block; cursor:pointer;}
@media screen and (max-width:767px){
	.img-modal-obj .box {width:100%;}
}

/* img-add-modal-obj */
.img-add-modal-obj .box {max-width:640px; width:80vw; margin:0 auto; padding:15px 0; background-color:#fff; border-radius:5px; box-sizing:border-box; position:relative;}
.img-add-modal-obj .box > div {width:100%; height:80vh; overflow:auto;} 
.img-add-modal-obj .box > div > div {width:100%; padding:0 15px; box-sizing:border-box;}
.img-add-modal-obj label.uploadBox .ctx .clm > div {width:100%;}
.img-add-modal-obj label.uploadBox img {max-width:320px; width:100%; height:auto;}
.img-add-modal-obj label.uploadBox input[type="file"] {height:auto;}
.img-add-modal-obj label.uploadBox.on .onObj {display:block;}
.img-add-modal-obj label.uploadBox.on .offObj {display:none;}
.img-add-modal-obj label.uploadBox.off .onObj {display:none;}
.img-add-modal-obj label.uploadBox.off .offObj {display:block;}
.img-add-modal-obj label.uploadBox .btn a {display:none;}
.img-add-modal-obj label.uploadBox .btn .del {display:block !important;}
.img-add-modal-obj .save-btn {text-align:center; margin:15px 0 0 0;}
.img-add-modal-obj .save-btn span {width:120px; font-size:1.4rem; text-align:center; text-decoration:none; color:#fff; margin:0 auto; padding:5px 0; background-color:#0062ab; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:block; cursor:pointer;}
@media screen and (max-width:767px){
	.img-add-modal-obj .box {width:100%;}
}

/* item-list */
.item-list {text-align:left; margin:20px 0 0 0;}
.item-list > li {border-bottom:solid 1px #ccc;}
.item-list > li a {padding:5px; display:block;}
.item-list > li a .sub {font-size:80%;}
@media screen and (max-width:767px){
	.item-list > li a span {display:block;}
}

/* howto-edit */
.howto-edit {max-width:600px; margin:0 auto;}
.howto-edit .ttl {font-size:1.8rem; font-weight:bold; text-align:center;}
.howto-edit .ttl > span {font-size:80%; font-weight:normal; display:block;}
.howto-edit .clone-sec {margin:20px 0;}
.howto-edit .clm1 > div {margin:15px 0 0 0;}
.howto-edit .clm1 > div:first-of-type {margin-top:0;}
.howto-edit .videoObj {max-width:640px; margin:10px 0 0 0; background-color:#000; box-sizing:border-box; overflow:hidden;}
.howto-edit .videoObj video {max-width:100%; width:100vw; height:auto; vertical-align:top; display:block;}
.howto-edit .imgObj {max-width:640px; text-align:center; margin:10px 0 0 0; box-sizing:border-box; overflow:hidden;}
.howto-edit label.uploadBox .btn a {display:none;}
.howto-edit label.uploadBox .btn .del {display:block !important;}

/* upload-form */
.upload-form {text-align:center;}
.upload-form .clm1 {justify-content:center;}
.upload-form .clm1 > div {padding:5px; box-sizing:border-box;}
.upload-form .clm1 > div:nth-of-type(2) {width:9em;}
.upload-form .clm1 > div:nth-of-type(2) input {text-align:center;}
.upload-form .uploadBox {margin:10px 0 0 0;}
.upload-form .info {text-align:center; margin:15px 0 0 0;}
.upload-form .note {margin:15px auto 0 auto; padding:15px 20px; background-color:#eee; border-radius:5px; display:inline-block;}
.upload-form .note ul {text-align:left;}
.upload-form .note li {font-size:80%; padding:0 0 0 1.2em; position:relative;}
.upload-form .note li::before {content:'※'; position:absolute; top:0; left:0;}
@media screen and (max-width:767px){
	.upload-form .note {padding:10px 15px; display:block;}
}

/* bag-checker-list */
.bag-checker-list .clm > div {box-sizing:border-box;}
.bag-checker-list .clm > div:nth-of-type(1) {flex:1;}
.bag-checker-list .clm > div:nth-of-type(2) {padding:0 0 0 10px;}

/* bag-size-list */
.bag-size-list .clm > div {box-sizing:border-box;}
.bag-size-list .clm > div:nth-of-type(1) {flex:1;}
.bag-size-list .clm > div:nth-of-type(2) {padding:0 0 0 10px;}

/* screen 1439*809 */
body.screen {font-family: 'Noto Sans JP', sans-serif; color:#000; margin:0; padding:0; opacity:0; transition:opacity 0.1s ease;}
body.screen.on {opacity:1;}
body.screen #container {padding:0;}
body.screen #header {display:none;}
body.screen #footer {display:none;}
body.screen #contents {padding:0;}
body.screen .screen-area {box-shadow:0px 0.3vw 0.3vw rgba(0,0,0,0.3);}
body.screen .screen-area > div {text-align:left; padding:1.0vw 1.0vw; box-shadow:0px 0.3vw 0.3vw 0px rgba(0,0,0,0.3) inset; position:relative;}
body.screen .screen-area > div:first-of-type {box-shadow:none;}
body.screen .screen-area > div:nth-of-type(odd) {background-color:#fff;}
//body.screen .screen-area > div:nth-of-type(odd) .order-list .bb {background-color:#eee;}
body.screen .screen-area > div:nth-of-type(odd) .order-bar {background-color:#fff; border:solid 1px #ccc;}
body.screen .screen-area > div:nth-of-type(even) {background-color:#ddd;}
//body.screen .screen-area > div:nth-of-type(even) .order-list .bb {background-color:#fff;}
body.screen .screen-area > div:nth-of-type(even) .order-bar {background-color:#fff; border:solid 1px #ccc;}
body.screen .order-bar {width:82.0vw; height:1.0vw; margin:0.5vw 0 0 0; border-radius:0.3vw; box-sizing:border-box; position:relative;}
body.screen .order-bar > span {height:100%; background:-webkit-linear-gradient(top, #c00 0%, #900 100%); background:linear-gradient(to bottom, #c00 0%, #900 100%); border-radius:0.3vw; display:block; position:absolute; top:0; left:0;}
body.screen .clm1 {display:flex; flex-wrap:wrap; align-items:center;}
body.screen .clm1 > div {overflow:hidden;}
body.screen .clm2 {display:flex; justify-content:space-between;}
body.screen .clm2 > div {overflow:hidden;}
body.screen .team {font-size:2.4vw; font-weight:bold; line-height:1; white-space:nowrap; position:relative;}
body.screen .name {font-size:3.0vw; font-weight:bold; line-height:1; white-space:nowrap; position:relative;}
body.screen .deliver {font-size:2.2vw; line-height:1; white-space:nowrap; margin:0 0 0 1.0vw;}
body.screen .lot_oq {font-size:2.2vw; line-height:1; white-space:nowrap;}
body.screen .lot_oq > span {font-size:2.6vw; line-height:1; white-space:nowrap; display:inline-block;}
body.screen .bb {width:42%; font-size:2.0vw; line-height:1; white-space:nowrap; margin:0; padding:0; background:none; border-radius:1.0vw; display:flex; justify-content:center; align-items:center;}
body.screen .bb > span:nth-of-type(1) {font-size:2.0vw; line-height:1; white-space:nowrap; padding:0 1.0vw 0 0;}
body.screen .bb > span:nth-of-type(2) {font-size:6.0vw; line-height:1; white-space:nowrap;}
body.screen .next_name {width:58%; font-size:2.0vw; line-height:1; text-align:right; padding:0 15.0vw 0 0; background:none; box-sizing:border-box; display:block; align-self:end;}
body.screen .fix {font-size:3.0vw; font-weight:bold; line-height:1; white-space:nowrap; color:#c00;}
body.screen .prep {font-size:3.0vw; font-weight:bold; line-height:1; white-space:nowrap;}
body.screen .pct {font-family: 'Noto Sans JP', sans-serif; font-size:3.0vw; font-weight:bold; line-height:1; white-space:nowrap; display:block; position:absolute; bottom:0.5vw; right:1.0vw;}
body.screen .pct span {font-size:180%; line-height:1; white-space:nowrap; color:#c00; padding:0 0.1em 0 0; display:inline-block;}
body.screen .modal {width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; z-index:310; pointer-events:none;}
body.screen .modal p {font-family: 'Noto Sans JP', sans-serif; font-size:5.0vw; line-height:1.3; color:#fff; text-shadow:0.5vw 0.5vw 1.0vw rgba(0,0,0,0.3), -0.5vw 0.5vw 1.0vw rgba(0,0,0,0.3), 0.5vw -0.5vw 1.0vw rgba(0,0,0,0.3), -0.5vw -0.5vw 1.0vw rgba(0,0,0,0.3);}
body.screen .modal p span {color:#fef400;}
body.screen canvas {width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:320;}
/* 第3CP */
body.screen .screen-area > div.typeB {}
/* パック */
body.screen .screen-area > div.typeE {}
/* ギフト */
body.screen .screen-area > div.typeG {}