@charset "utf-8";


/* 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:420px){
	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:768px){
	#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;}

.nav-ttl {font-size:1.8rem; font-weight:bold; text-align:left; padding:0 0 15px 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:310;}
#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:320; cursor:pointer; display:block; transition-property:opacity;}
#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:260px; 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:-265px; z-index:310; 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 20px 10px 40px;}
#gNav > ul > li li li a {padding-left:60px;}
#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);}
#gNav > ul > li li.sub > a {padding-right:40px; position:relative;}
#gNav > ul > li li.sub > a::before {content:'▼'; font-size:1.0rem; 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 li.sub > a.on::before {transform:rotate(180deg);}

@media screen and (max-width:420px){
	#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 100px 0;}
#footer .copy {font-size:1.2rem; text-align:center;}
body.login #footer {position:fixed; bottom:0; left:0; display:none;}


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

.fix-btn {width:100%; text-align:center; padding:10px 0; background-color:rgba(255,255,255,0.9); box-shadow:0 1px 3px rgba(0,0,0,0.3); position:fixed; bottom:0; left:0; z-index:300;}
.fix-btn.flex {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.fix-btn.flex > p {margin:0 5px;}
.fix-btn.flex > p a,
.fix-btn.flex > p button {line-height:1.4; margin-top:0;}

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

/* 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;}
.info-error {width:100%; height:100%; font-size:1.6em; font-weight:bold; background:rgba(255,255,255,0.9); display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; z-index:1000; pointer-events:none;}
.info-error > span > span {font-size:125%; color:#c00;}
body.load .info-error {opacity:0; transition:opacity 0.6s 3.0s ease;}

/* 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.5em; 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;}
.login-sec .copy {font-size:1.2rem; text-align:center; margin:40px 0 0 0;}
@media screen and (max-width:420px){
	.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;}
.top-nav .upload-form .btn {margin:10px 0 0 0;}
.top-nav .upload-form button[type=submit] {font-weight:normal; letter-spacing:0.1em;}
.top-nav .upload-form button[type=submit] .sub {font-size:80%; letter-spacing:0; color:#666; display:block;}
@media screen and (max-width:420px){
	.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;}
}

/* order-conf */
.order-conf {box-sizing:border-box;}
.order-conf-table {padding:0 0 0 180px; position:relative;}
.order-conf .ttl {font-size:1.6rem; text-align:left;}
.order-conf .clm {font-size:1.2rem;}
.order-conf .clm > div {display:flex;}
.order-conf .clm > div > div.start {background-color:#eee;}
.order-conf .clm > div:nth-of-type(even) {background-color:#eee;}
.order-conf .clm > div > div {line-height:1.2; text-align:center; margin:-1px -1px 0 0; border:solid 1px #333; box-sizing:border-box; position:relative;}
.order-conf .clm > div > div > span,
.order-conf .clm > div > div > a {height:2em; text-align:center; text-decoration:none; white-space:nowrap; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.order-conf .clm > div.date {background-color:#fff;}
.order-conf .clm > div.date > div > span {height:2.4em;}
.order-conf .clm .w {font-size:76%; line-height:1.0; display:block;}
.order-conf .clm .red {color:#c00;}
.order-conf .clm .month {line-height:1; display:block; position:absolute; top:-1.2em; left:0;}
.order-conf .head {width:180px; padding:20px 0 5px 0; position:absolute; top:0; left:0;}
.order-conf .head .clm > div > div {width:100%; text-align:left; flex:1; overflow:hidden;}
.order-conf .head .clm > div > div > span {padding:0 5px; justify-content:flex-start;}
.order-conf .body {width:100%; padding:20px 0 5px 0; overflow:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
.order-conf .body .clm {width:100.0em;}
.order-conf .body .clm > div > div {flex:1;}
.order-conf .info {font-size:1.4rem; text-align:right; margin:5px 0 0 0;}
.order-conf-table.items {padding:0 0 0 300px;}
.order-conf .items .head {width:300px;}
.order-conf .items .head .clm > div > div:nth-of-type(1) {width:3em; text-align:center; flex:0 0 auto;}
.order-conf .items .head .clm > div > div:nth-of-type(1) > span {justify-content:center;}
.order-conf.type2 .body .clm {width:auto;} //style属性指定


/* 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;}
.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; outline:none;}
.sort-nav .date {display:flex; align-items:center;}
.sort-nav .date > div {position:relative;}
.sort-nav .date > div:nth-of-type(2) {width:10em; position:relative;}
.sort-nav .date > div:nth-of-type(2) input {width:100%; padding-right:2.6em; outline:none;}
.sort-nav .date > div:nth-of-type(2) .week {font-size:90%; line-height:1; margin:-0.55em 0 0 0; display:block; position:absolute; top:50%; right:20px; pointer-events:none;}
.sort-nav #search-word,
.sort-nav #search-word1,
.sort-nav #search-word2 {width:10em; height:36px; border-radius:2px 0 0 2px; box-sizing:border-box; outline:none;}
.sort-nav #search-btn,
.sort-nav #search-btn1,
.sort-nav #search-btn2 {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:420px){
	.sort-nav form > div {padding:5px 10px;}
	.sort-nav #search-word,
	.sort-nav #search-word1,
	.sort-nav #search-word2 {width:9em;}
}

/* report-nav */
.report-nav form {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.report-nav form > div {padding:0 5px; box-sizing:border-box;}
.report-nav form > div:nth-of-type(2) {width:10em; position:relative;}
.report-nav input[type=text] {width:100%; text-align:left; padding:5px 2.6em 5px 5px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box;}
.report-nav .week {font-size:90%; line-height:1; margin:-0.55em 0 0 0; display:block; position:absolute; top:50%; right:20px; pointer-events:none;}
@media screen and (max-width:420px){
	.report-nav form > div:nth-of-type(2) {width:11em;}
}


/* 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;}
.input-form .fix-btn button[type=submit] {font-size:1.6rem; padding:10px 0;}
body.authority4 .input-form input[type=text],
body.authority4 .input-form select,
body.authority4 .input-form textarea {pointer-events:none; background-color:#eee;}
body.authority4 .input-form button[type=submit] {pointer-events:none;}
@media screen and (max-width:420px){
	.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:420px){
	.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 {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; z-index:100 !important;}
.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;}

/* upload-form */
.upload-form {text-align:center;}
.upload-form .clm1 {display:flex;  justify-content:center; align-items:center;}
.upload-form .clm1 > div {padding:5px; box-sizing:border-box;}
.upload-form .clm1 > div:nth-of-type(1) {width:9em;}
.upload-form .clm1 > div:nth-of-type(1) input {width:100%; text-align:center;}
.upload-form .uploadBox {margin:10px 0 0 0;}
.upload-form .info {text-align:center; color:#c00; margin:10px 0 0 0;}
.upload-form .note {text-align:center; margin:10px 0 0 0;}
@media screen and (max-width:767px){
	.upload-form .note {padding:10px 15px; display:block;}
}

/* upload-list */
.upload-list {text-align:left;}
.upload-list .list {margin:10px 0 0 0; border-top:dotted 1px #666;}
.upload-list .list > div {padding:5px 0; border-bottom:dotted 1px #666; display:flex; align-items:center;}
.upload-list .list > div > div:nth-of-type(1) {font-size:1.2rem; line-height:1.2; flex:1;}
.upload-list .list > div > div:nth-of-type(2) {width:8em;}
.upload-list .list > div > div:nth-of-type(2) span {font-size:1.2rem; text-align:center; display:block;}
.upload-list .list > div > div:nth-of-type(2) input {width:100%; text-align:center;}
.upload-list .list > div > div:nth-of-type(3) {width:4em;}
.upload-list .list > div > div:nth-of-type(3) label {margin:0 0 0 1em; display:block;}
.upload-list .list > div > div:nth-of-type(3) span {font-size:1.2rem; line-height:1; text-align:center; padding:0 5px 0 0; display:inline-block;}
.upload-list-form {margin:30px 0 0 0; display:block;}
.upload-list-form .btn {margin:20px 0 0 0;}
.upload-list-form .btn button[type=submit] {font-weight:normal;}


/* product-list */
.product-list > li {text-align:left; padding:10px; border-bottom:solid 1px #ccc; display:flex; align-items:center;}
.product-list > li:nth-of-type(odd) {background-color:#fff;}
.product-list > li:nth-of-type(even) {background-color:#eee;}
.product-list > li .code {width:6.4em; font-size:1.2rem;}
.product-list > li .name {flex:1;}
.product-list > li .name .sub {font-size:80%;}
.product-list > li .name .tag {font-size:1.2rem; line-height:1.2; text-align:center; color:#fff; margin:0 0 0 10px; padding:2px 5px; border-radius:2px;}
.product-list > li .name .tag.type1 {background-color:#c33;}
.product-list > li .btn {display:flex;}
.product-list > li .btn button {font-size:1.4rem; text-align:center; text-decoration:none; margin:0 0 0 10px; padding:5px 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;}
@media screen and (max-width:420px){
	.product-list > li .code {font-size:1.0rem;}
	.product-list > li .btn button {font-size:1.2rem; padding:5px;}
}

/* product-registration */
.product-registration {margin-bottom:30px;}
.product-registration .clm .note {font-size:80%;}
.product-registration .clm1 {width:12em;}
.product-registration .clm2 {width:100%;}
.product-registration .clm3 > div:nth-of-type(1) {width:10em;}
.product-registration .clm3 > div:nth-of-type(2) {margin:0 0 0 10px;}
.product-registration .clm4 > div:nth-of-type(1) {flex:1;}
.product-registration .clm4 > div:nth-of-type(2) {width:6em; margin:0 0 0 10px;}
.product-registration .clm4 > div:nth-of-type(3) {margin:0 0 0 10px;}
.product-registration .clm5 > div:nth-of-type(1) {width:10em;}
.product-registration .clm5 > div:nth-of-type(2) {margin:0 10px;}
.product-registration .clm5 > div:nth-of-type(3) {flex:1;}
.product-registration .clm6 > div:nth-of-type(1),
.product-registration .clm6 > div:nth-of-type(3) {width:10em; position:relative;}
.product-registration .clm6 > div:nth-of-type(2) {padding:0 10px;}
.product-registration .clm6 > div:nth-of-type(4) {font-size:80%; padding:0 0 0 10px;}
.product-registration .clm6 input {text-align:left; padding-right:2.6em;}
.product-registration .clm6 .week {font-size:90%; line-height:1; margin:-0.55em 0 0 0; display:block; position:absolute; top:50%; right:20px; pointer-events:none;}
.product-registration .clm7 > div:nth-of-type(1) {width:5em;}
.product-registration .clm7 > div:nth-of-type(2) {font-size:80%; padding:0 0 0 10px;}
.product-registration .clm8 {display:inline-block;}
.product-registration .clm8 label {display:block; position:relative;}
.product-registration .clm8 label input {display:none;}
.product-registration .clm8 label span {padding:6px 0 0 24px; display:block; position:relative;}
.product-registration .clm8 label span::before {content:''; width:16px; height:16px; margin:-8px 0 0 0; background-color:#fff; border:solid 1px #333; border-radius:5px; display:block; position:absolute; top:50%; left:0;}
.product-registration .clm8 label span::after {content:'\02714'; font-size:3.0rem; line-height:1; color:#c00; margin:-0.6em 0 0 0; position:absolute; top:50%; left:0; transform-origin:40% 70%; transform:scale3d(0,0,1); transition:transform 0.2s ease;}
.product-registration .clm8 label input:checked + span::after {transform:scale3d(1,1,1);}
.product-registration .clm9 > div:nth-of-type(2) {margin:0 0 0 10px;}
.product-registration .clm10 {margin:-10px 0 0 0; flex-wrap:wrap;}
.product-registration .clm10 > div {margin:10px 0 0 0; padding:0 10px 0 0; display:flex; align-items:center;}
.product-registration .clm10 > div.cell1 > div:nth-of-type(1) {width:6em;}
.product-registration .clm10 > div.cell1 > div:nth-of-type(2) {padding-left:5px;}
.product-registration .clm10 > div.cell1 > div:nth-of-type(3) {padding-left:5px; padding-right:5px;}
.product-registration .clm10 > div.cell1 > div:nth-of-type(4) {width:4em;}
.product-registration .clm10 > div.cell2 > div:nth-of-type(1) {white-space:nowrap;}
.product-registration .clm10 > div.cell2 > div:nth-of-type(2) {width:5em;}
.product-registration .clm10 > div.cell2 > div:nth-of-type(3) {white-space:nowrap; padding-left:5px;}
.product-registration .clm10 > div.cell3 > div:nth-of-type(1) {white-space:nowrap;}
.product-registration .clm10 > div:last-of-type {flex:1;}
.product-registration .clm11 {margin-bottom:15px;}
.product-registration .clm11 > div:nth-of-type(2) {flex:1;}
.product-registration .clm12 > div {padding:0 1em 0 0; box-sizing:border-box; display:flex; align-items:center;}
.product-registration .clm12 > div:nth-of-type(1) > div:nth-of-type(1) {width:6em;}
.product-registration .clm12 > div:nth-of-type(1) > div:nth-of-type(2) {padding:0 0 0 5px;}
.product-registration .clm12 > div:nth-of-type(2) > div:nth-of-type(1) {width:6em;}
.product-registration .clm12 > div:nth-of-type(2) > div:nth-of-type(2) {padding:0 0 0 5px;}
.product-registration .clm12 > div:nth-of-type(3) {padding:0;}
.product-registration .clm12 > div:nth-of-type(3) > div:nth-of-type(1) {padding:0 5px 0 0;}
.product-registration .clm12 > div:nth-of-type(3) > div:nth-of-type(2) {width:4em;}
.product-registration .clm12 > div:nth-of-type(3) > div:nth-of-type(3) {padding:0 0 0 5px;}
.product-registration .note {margin:5px 0 0 0;}
.product-registration .note > li {font-size:1.2rem; padding-left:1.2em; position:relative;}
.product-registration .note > li .icon {position:absolute; top:0; left:0;}
.product-registration .mt10 {margin-top:10px;}
.product-registration .mt15 {margin-top:15px;}
.product-registration .set-rate-btn {width:7em; height:40px; line-height:1; background:#eee; border:solid 1px #999; border-radius:2px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
@media screen and (max-width:720px){
	.product-registration .clm12 {flex-wrap:wrap;}
	.product-registration .clm12 > div:nth-of-type(1) {width:100%; padding:0 0 10px 0;}
}
@media screen and (max-width:420px){
	.product-registration .clm9 {flex-wrap:wrap;}
}


/* product-dough-list */
.product-dough-list  input:read-only {background-color:#eee;}
.product-dough-list .clm > div:nth-of-type(1) {width:3em;}
.product-dough-list .clm > div:nth-of-type(1) input {text-align:center; padding-left:0; padding-right:0;}
.product-dough-list .clm > div:nth-of-type(2) {padding:0 0 0 10px; flex:1;}
.product-dough-list .clm > div:nth-of-type(3) {padding:0 0 0 10px;}
.product-dough-list .clm > div:nth-of-type(4) {width:5em; padding:0 0 0 10px;}
.product-dough-list .fix-btn .btn {margin-top:0;}
@media screen and (max-width:420px){
	.product-dough-list .clm {flex-wrap:wrap;}
	.product-dough-list .clm > div:nth-of-type(2) {width:calc(100% - 3em - 10px); flex:0 0 auto;}
	.product-dough-list .clm > div:nth-of-type(3) {padding:0; margin:10px 0 0 0;}
	.product-dough-list .clm > div:nth-of-type(4) {width:6em; margin:10px 0 0 0;}
}

/* product-category-list */
.product-category-list input:read-only {background-color:#eee;}
.product-category-list .clm > div:nth-of-type(1) {width:3em;}
.product-category-list .clm > div:nth-of-type(1) input {text-align:center; padding-left:0; padding-right:0;}
.product-category-list .clm > div:nth-of-type(2) {padding:0 0 0 10px; flex:1;}
.product-category-list .clone-sec .readonly .remove {opacity:0; pointer-events:none;}
.product-category-list .note {font-size:1.2rem; margin:5px 0 0 0; padding:0 0 0 1.2em; position:relative;}
.product-category-list .note::before {content:'※'; position:absolute; top:0; left:0;}
.product-category-list .fix-btn .btn {margin-top:0;}

/* product-price-list */
.product-price-list .search {display:flex; justify-content:center; align-items:center;}
.product-price-list .search input {width:15em; height:36px; padding:5px; background-color:#fff; border:solid 1px #666; border-radius:2px 0 0 2px; box-sizing:border-box; outline:none;}
.product-price-list .search .btn {width:36px; height:36px; vertical-align:top; text-align:center; margin:0; padding:0; 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;}
.product-price-list .clm {display:block;}
.product-price-list .clm > div {padding:5px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.product-price-list .clm > div.hide {display:none;}
.product-price-list .clm > div .in_price.change {font-weight:bold; color:#c00;}
.product-price-list .clm > div .in_rate_price.change {font-weight:bold; color:#c00;}
.product-price-list .clm > div:nth-of-type(even) {background-color:#eee;}
.product-price-list .clm > div > div:nth-of-type(1) {line-height:1.2; padding:0 10px 0 0; flex:1;}
.product-price-list .clm > div > div:nth-of-type(2) {font-size:80%; white-space:nowrap; text-align:right;}
.product-price-list .clm > div > div:nth-of-type(3) {display:flex; align-items:center;}
.product-price-list .clm > div > div:nth-of-type(3) > div:nth-of-type(1) {padding:0 5px 0 0;}
.product-price-list .clm > div > div:nth-of-type(3) > div:nth-of-type(2) {width:5.0em;}
.product-price-list .clm > div > div:nth-of-type(3) > div:nth-of-type(3) {padding:0 0 0 5px;}
.product-price-list .clm > div > div.rate-box {width:100%; height:0; padding:0 2em; box-sizing:border-box; position:relative; top:0; left:0; overflow:hidden;}
.product-price-list .clm > div > div.rate-box > div {padding:5px 0; border-bottom:solid 1px #ccc; display:flex; align-items:center;}
.product-price-list .clm > div > div.rate-box > div > div:nth-of-type(1) {line-height:1.2; padding:0 10px 0 0; flex:1;}
.product-price-list .clm > div > div.rate-box > div > div:nth-of-type(2) {font-size:80%; white-space:nowrap; text-align:right;}
.product-price-list .clm > div > div.rate-box > div > div:nth-of-type(3) {display:flex; align-items:center;}
.product-price-list .clm > div > div.rate-box > div > div:nth-of-type(3) > div:nth-of-type(1) {padding:0 5px 0 0;}
.product-price-list .clm > div > div.rate-box > div > div:nth-of-type(3) > div:nth-of-type(2) {width:5.0em;}
.product-price-list .clm > div > div.rate-box > div > div:nth-of-type(3) > div:nth-of-type(3) {padding:0 0 0 5px;}
.product-price-list .clm > div > div.rate-box input[type=text] {padding:2px 5px;}
.product-price-list .clm > div > div.rate-box .ttl-online {font-size:80%; color:#fff; margin:10px 0 0 0; padding:0 10px; background-color:#000;}
.product-price-list .clm .rate-box-check {display:none;}
.product-price-list .clm .rate-box-check:checked + div.rate-box {height:auto;}
.product-price-list .clm input[type=text] {padding:5px;}
.product-price-list .clm .tag {font-size:1.2rem; line-height:1.2; text-align:center; color:#fff; margin:0 0 0 10px; padding:2px 5px; background-color:#c33; border-radius:2px;}
.product-price-list .clm1 {margin:10px 0; padding:15px; background-color:#eee; border-radius:10px;}
.product-price-list .clm1 .box {display:flex; justify-content:center; align-items:center;}
.product-price-list .clm1 .box dt {font-weight:bold; white-space:nowrap; padding:0 10px 0 0;}
.product-price-list .clm1 .box dd:nth-of-type(1) {flex:1;}
.product-price-list .clm1 .box dd:nth-of-type(2) {white-space:nowrap; padding:0 0 0 10px;}
.product-price-list .clm1 p {font-size:80%; text-align:left; margin:10px 0 0 0;}
.product-price-list .clm1 .list {text-align:left; margin:10px 0 0 0; display:flex; flex-wrap:wrap;}
.product-price-list .clm1 .list dt {font-weight:bold; white-space:nowrap; padding:0 10px 0 0;}
.product-price-list .clm1 .list dd {white-space:nowrap; padding:0 10px 0 0;}
.product-price-list .clm2 {letter-spacing:0.1em; text-align:center; color:#fff; margin:10px 0 0 0; background-color:#333;}


/* user-list */
.user-list .list > div:nth-of-type(odd) {background-color:#fff;}
.user-list .list > div:nth-of-type(even) {background-color:#eee;}
.user-list .clm {display:block;}
.user-list .clm > div {display:flex; align-items:center;}
.user-list .clm > div > div {box-sizing:border-box;}
.user-list .clm > div > div::before {font-size:1.2rem; line-height:1; display:block; position:absolute; top:0; left:0;}
.user-list .line1 > div:nth-of-type(1) {padding:0 15px 0 0; flex:1;}
.user-list .line1 > div:nth-of-type(2) {width:6em; padding:0 15px 0 0;}
.user-list .line2 {margin:10px 0 0 0;}
.user-list .line2 > div {padding:1em 0 0 0; position:relative;}
.user-list .line2 > div:nth-of-type(1) {width:10em; padding-right:15px;}
.user-list .line2 > div:nth-of-type(1)::before {content:'ID';}
.user-list .line2 > div:nth-of-type(2) {width:10em; padding-right:15px;}
.user-list .line2 > div:nth-of-type(2)::before {content:'パスワード';}
.user-list .line2 > div:nth-of-type(3) {padding-right:15px;}
.user-list .line2 > div:nth-of-type(3)::before {content:'カテゴリ';}
.user-list .line2 > div:nth-of-type(4) {padding-right:15px;}
.user-list .line2 > div:nth-of-type(5) {flex:1;}
.user-list .line2 label {display:block; position:relative;}
.user-list .line2 label input {display:none;}
.user-list .line2 label span {padding:6px 0 0 24px; display:block; position:relative;}
.user-list .line2 label span::before {content:''; width:16px; height:16px; margin:-8px 0 0 0; background-color:#fff; border:solid 1px #333; border-radius:5px; display:block; position:absolute; top:50%; left:0;}
.user-list .line2 label span::after {content:'\02714'; font-size:3.0rem; line-height:1; color:#c00; margin:-0.6em 0 0 0; position:absolute; top:50%; left:0; transform-origin:40% 70%; transform:scale3d(0,0,1); transition:transform 0.2s ease;}
.user-list .line2 label input:checked + span::after {transform:scale3d(1,1,1);}
.user-list .line3 {margin:10px 0 0 0;}
.user-list .line3 > div:nth-of-type(1) {width:1.2em;}
.user-list .line3 > div:nth-of-type(2) {width:8em; padding-right:15px;}
.user-list .line3 > div:nth-of-type(3) {flex:1;}
.user-list .line4 {margin:10px 0 0 0;}
.user-list .line4 > div {width:12em; padding-right:15px;}
.user-list .line5 {margin:10px 0 0 0;}
.user-list .line5 > div {flex:1;}
.user-list .line6 {margin:0 50px 0 -7px; flex-wrap:wrap;}
.user-list .line6 > div {width:33.33%; margin:10px 0 0 0; padding:0 7px; box-sizing:border-box;}
.user-list .select-products-btn {width:7em; height:30px; line-height:1; 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; padding-left:15px;}
.user-list .clone-sec .btn-set {margin:0; top:auto; bottom:15px;}
.user-list .fix-btn .btn {margin-top:0;}
@media screen and (max-width:500px){
	.user-list .clone-sec .obj {padding-right:0; padding-left:0;}
	.user-list .line2 {flex-wrap:wrap;}
	.user-list .line2 > div:nth-of-type(1) {width:50%; padding-right:7px;}
	.user-list .line2 > div:nth-of-type(2) {width:50%; padding-left:7px; padding-right:0;}
	.user-list .line2 > div:nth-of-type(3) {width:100%; margin:10px 0 0 0; padding-right:0;}
	.user-list .line2 > div:nth-of-type(4) {width:100%;}
	.user-list .line4 > div:nth-of-type(1) {width:50%; padding:0 7px 0 0;}
	.user-list .line4 > div:nth-of-type(2) {width:50%; padding:0 0 0 7px;}
	.user-list .line6 {margin:0 120px 0 0;}
	.user-list .line6 > div {width:100%; padding:0;}
}

/* user-product-list */
.user-product-list {width:100%; height:100%; padding:15px; background-color:rgba(0,0,0,0.7); box-sizing:border-box; position:fixed; top:0; left:0; z-index:500; opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
.user-product-list.on {opacity:1; pointer-events:auto;}
.user-product-list > div {height:100%; background-color:#fff; overflow:auto;}
.user-product-list > div > div {padding:15px;}
.user-product-list dl {font-size:1.2rem; text-align:left; padding:0 0 10px 0;}
.user-product-list dt {font-weight:bold; position:relative;}
.user-product-list dt .choice {display:block; position:absolute; top:0; right:0;}
.user-product-list dt .choice > span {font-size:1.4rem; font-weight:normal; margin:0 0 0 5px; display:inline-block; cursor:pointer;}
.user-product-list ul {display:flex; flex-wrap:wrap;}
.user-product-list ul > li {width:calc(100% / 3); padding:6px 3px 0 3px; box-sizing:border-box;}
.user-product-list label {display:block; cursor:pointer;}
.user-product-list label > span {width:100%; min-height:3em; font-size:1.4rem; line-height:1.2; text-align:center; padding:0 3px; background:#eee; border:solid 1px #999; border-radius:2px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:relative;}
.user-product-list label > span::before {content:''; width:18px; height:18px; margin:-4px 0 0 -4px; background-color:#a25f32; border:solid 1px rgba(255,255,255,0.3); border-radius:50%; box-sizing:content-box; display:none; position:absolute; top:0; left:0;}
.user-product-list label > span::after {content:'\02714'; width:20px; font-size:1.2rem; font-weight:bold; text-align:center; line-height:20px; color:#fff; margin:-4px 0 0 -4px; display:none; position:absolute; top:0; left:0;}
.user-product-list label > input {display:none;}
.user-product-list label > input:checked + span {color:#fff; background-color:#a25f32; border-color:#a25f32;}
.user-product-list label > input:checked + span::before {display:block;}
.user-product-list label > input:checked + span::after {display:block;}
.user-product-list label .sub {font-size:90%; white-space:nowrap;}
.user-product-list .btn {text-align:center; padding:0 0 30px 0;}
.user-product-list .btn > span {width:300px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:15px auto 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; cursor:pointer;}


/* user-rate-list */
.user-rate-list {width:100%; height:100%; padding:15px; background-color:rgba(0,0,0,0.7); box-sizing:border-box; position:fixed; top:0; left:0; z-index:500; opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
.user-rate-list.on {opacity:1; pointer-events:auto;}
.user-rate-list > div {height:100%; background-color:#fff; overflow:auto;}
.user-rate-list > div > div {padding:15px;}
.user-rate-list dl {font-size:1.2rem; text-align:left; padding:0 0 10px 0;}
.user-rate-list dt {font-weight:bold; position:relative;}
.user-rate-list ul > li {padding:5px 0; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}
.user-rate-list ul > li:nth-of-type(odd) {background-color:#fff;}
.user-rate-list ul > li:nth-of-type(even) {background-color:#eee;}
.user-rate-list ul > li > div:nth-of-type(1) {text-align:left; padding:0 10px; box-sizing:border-box; flex:1;}
.user-rate-list ul > li > div:nth-of-type(2) {padding:0 10px; display:flex; align-items:center;}
.user-rate-list ul > li > div:nth-of-type(2) > div {font-size:80%; padding:0 5px;}
.user-rate-list ul > li > div:nth-of-type(2) > div:nth-of-type(2),
.user-rate-list ul > li > div:nth-of-type(2) > div:nth-of-type(4) {width:4.6em;}
.user-rate-list ul > li > div:nth-of-type(2) input {width:100%; text-align:right; padding:2px 5px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box; display:block; outline:none;}
.user-rate-list ul + .ttl {margin:10px 0 0 0;}
.user-rate-list .ttl {font-size:1.2rem; text-align:left; color:#fff; padding:2px 10px; background-color:#000;}
.user-rate-list .btn {text-align:center; padding:0 0 30px 0;}
.user-rate-list .btn > span {width:300px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:15px auto 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; cursor:pointer;}


/* order-list */
.order-list > li {text-align:left; padding:10px; border-bottom:solid 1px #ccc; display:flex; align-items:center;}
.order-list > li:nth-of-type(odd) {background-color:#fff;}
.order-list > li:nth-of-type(even) {background-color:#eee;}
.order-list > li .date {width:9.2em;}
.order-list > li .client {flex:1;}
.order-list > li .client .sub {font-size:80%;}
.order-list > li .client .comment {font-size:1.2rem; line-height:1; color:#fff; padding:4px 5px; background-color:#069; border-radius:2px; display:inline-block;}
.order-list > li .btn {display:flex; align-items:center;}
.order-list > li .btn {width:280px; display:flex; justify-content:flex-start; align-items:center;}
.order-list > li .btn .sales {}
.order-list > li .btn .aggregate {margin-left:auto;}
.order-list > li .btn a {font-size:1.4rem; text-align:center; text-decoration:none; margin:0 0 0 10px; padding:5px 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;}
.order-list > li .aggregate {width:4em; font-size:1.4rem; line-height:1.2; text-align:center; color:#fff; padding:2px 0; border-radius:2px;}
.order-list > li .aggregate.type1 {background-color:#c33;}
.order-list > li .aggregate.type1::before {content:'受注';}
.order-list > li .aggregate.type2 {background-color:#39c;}
.order-list > li .aggregate.type2::before {content:'検品済';}
.order-list > li .aggregate.type3 {background-color:#999;}
.order-list > li .aggregate.type3::before {content:'調整';}
.order-list > li .aggregate.type6 {background-color:#333;}
.order-list > li .aggregate.type6::before {content:'未確定';}
.order-list-form button[type=submit] {width:300px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:15px auto 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;}
.order-list-form .btn-link {margin:20px 0 0 0;}
.order-list-form .btn-link a {font-size:1.4rem; text-align:center; text-decoration:none; margin:0 0 0 10px; padding:5px 30px; background-color:#eee; box-shadow:0 1px 3px rgba(0,0,0,0.3); border:none; border-radius:2px; box-sizing:border-box; display:inline-block;}
.onlineshop-order-list-head {display:flex;}
.onlineshop-order-list-head > p {text-align:left;}
.onlineshop-order-list-head > p > span {font-size:80%;}
.onlineshop-order-list-head > p:nth-of-type(1) {width:9.2em;}
.onlineshop-order-list-head > p:nth-of-type(2) {width:7em;}
.onlineshop-order-list-head > p:nth-of-type(3) {width:8em;}
.onlineshop-order-list > li .client {width:7em; line-height:1.2; flex:0 0 auto;}
.onlineshop-order-list > li .client span {font-size:80%; display:block;}
.onlineshop-order-list > li .payment_methods {width:8em; line-height:1.2; flex:0 0 auto;}
.onlineshop-order-list > li .payment_methods span {font-size:80%; display:block;}
.onlineshop-order-list > li .address {font-size:80%; line-height:1.2; flex:1;}
.onlineshop-order-list > li .btn {width:180px;}
.onlineshop-order-list > li .btn .comment {font-size:1.2rem; line-height:1; color:#fff; padding:4px 5px; background-color:#069; border-radius:2px; display:inline-block;}
.output .onlineshop-order-list-head > p:nth-of-type(1) {width:1.6em;}
.output .onlineshop-order-list-head > p:nth-of-type(2) {width:9.2em;}
.output .onlineshop-order-list-head > p:nth-of-type(3) {width:7em;}
.output .onlineshop-order-list-head > p:nth-of-type(4) {width:10em;}
.output .onlineshop-order-list > li .check {width:1.6em; padding:0;}
.output .onlineshop-order-list > li .check label {height:2.0em; margin:0 0 0 -10px; display:flex; justify-content:center; align-items:center;}
.output .onlineshop-order-list > li .date .sub {font-size:80%; line-height:1; display:block;}
.output .onlineshop-order-list > li .date .sub.ok {display:none; color:#999;}
.output .onlineshop-order-list > li .date .sub.ng {display:block; color:#c00;}
.output .onlineshop-order-list > li .date .sub.no-mail {display:block; color:#c00;}
.output .onlineshop-order-list > li .payment_methods {width:10em;}
.output .onlineshop-order-list > li.fix .check label {opacity:0.3;}
.output .onlineshop-order-list > li.fix .date .sub.ok {display:block;}
.output .onlineshop-order-list > li.fix .date .sub.ng {display:none; color:#c00;}
.output .onlineshop-order-list > li .btn {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}
.onlineshop-client-list > li .client {width:7em; line-height:1.2; flex:1;}
.onlineshop-client-list > li .client span {font-size:80%; display:block;}
.onlineshop-client-list > li .btn {width:160px; display:flex;}
.onlineshop-client-list > li .btn button {width:auto; font-size:1.4rem; text-align:center; text-decoration:none; color:#000; margin:0 0 0 10px; padding:5px 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;}
.onlineshop-client-list > li .btn .up a {text-decoration:none; color:#333; margin:0; padding:0; background-color:#fff;}
.onlineshop-client-list > li .btn .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;}
.onlineshop-client-list > li .btn .down a {text-decoration:none; color:#333; margin:0; padding:0; background-color:#fff;}
.onlineshop-client-list > li .btn .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;}

.onlineshop-user-list > li .client {width:10em; line-height:1.2; flex:0 0 auto;}
.onlineshop-user-list > li .client br {display:none;}
.onlineshop-user-list > li .client span {font-size:70%; display:block;}
.onlineshop-user-list > li .dm {width:2em;}
.onlineshop-user-list > li .dm span {width:1.2em; height:1.2em; background:url(../img/mail.svg) no-repeat center center; background-size:cover; display:block; position:relative;}
.onlineshop-user-list > li .dm span.no::before,
.onlineshop-user-list > li .dm span.no::after {content:''; width:120%; height:4px; margin:-2px 0 0 0; background-color:rgba(204,0,0,0.7); border-radius:2px; display:block; position:absolute; top:50%; left:-10%;}
.onlineshop-user-list > li .dm span.no::before {transform:rotate(45deg);}
.onlineshop-user-list > li .dm span.no::after {transform:rotate(-45deg);}
.onlineshop-user-list > li .address {font-size:80%; line-height:1.2; flex:1;}
.onlineshop-user-list > li .btn {width:120px; display:flex;}
.onlineshop-user-list > li .btn button {width:auto; font-size:1.4rem; text-align:center; text-decoration:none; color:#000; margin:0 0 0 10px; padding:5px 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;}

.onlineshop-transfer-list-print-obj {width:100%; text-align:left; position:fixed; pointer-events:none; opacity:0;}
.onlineshop-transfer-list-print-obj .head {display:flex; flex-wrap:wrap; justify-content:space-between;}
.onlineshop-transfer-list-print-obj .head .ttl {font-size:120%;}
.onlineshop-transfer-list-print-obj .sales-list {margin-top:10px;}
.onlineshop-transfer-list-print-obj .sales-list > li {padding:2px 0;}
.onlineshop-transfer-list-print-obj .sales-list > li.fix {display:none;}
.onlineshop-transfer-list-print-obj .sales-list > li .btn {display:none;}
.onlineshop-transfer-list-print-obj .sales-list > li .check {display:none;}
.onlineshop-transfer-list-print-obj .sales-list > li .client {line-height:1;}
.onlineshop-transfer-list-print-obj .sales-list > li .client .tag {color:#000; padding:0; position:relative;}
.onlineshop-transfer-list-print-obj .sales-list > li .client .tag::before {content:'[';}
.onlineshop-transfer-list-print-obj .sales-list > li .client .tag::after {content:']';}
.onlineshop-transfer-list-print-obj .sales-list > li .client .tag2 {background-color:transparent;}

@media screen and (max-width:620px){
	.onlineshop-order-list-head {display:none;}
	.onlineshop-order-list > li {flex-wrap:wrap;}
	.onlineshop-order-list > li .date {width:100%;}
	.onlineshop-order-list > li .date::before {content:'発送日：'; font-size:80%;}
	.onlineshop-order-list > li .client {width:100%; flex:0 0 auto;}
	.onlineshop-order-list > li .client::before {content:'発注者：'; font-size:80%;}
	.onlineshop-order-list > li .client br {display:none;}
	.onlineshop-order-list > li .client .comment {margin:0 0 0 10px;}
	.onlineshop-order-list > li .address {width:100%; margin:5px 0 0 0; flex:0 0 auto;}
	.onlineshop-order-list > li .address::before {content:'発送先：';}
	.onlineshop-order-list > li .btn {width:100%;}
	.onlineshop-user-list > li {flex-wrap:wrap;}
	.onlineshop-user-list > li .client {width:100%; flex:0 0 auto;}
	.onlineshop-user-list > li .client br {display:inline-block;}
	.onlineshop-user-list > li .client span {margin:0 0 0 10px; display:inline-block;}
	.onlineshop-user-list > li .address {width:100%; margin:5px 0; flex:0 0 auto;}
	.onlineshop-user-list > li .btn {width:100%;}
}
@media screen and (max-width:420px){
	.order-list > li {flex-wrap:wrap;}
	.order-list > li .date {width:100%;}
	.order-list > li .client {width:100%; flex:0 0 auto;}
	.order-list > li .btn {width:100%;}
	.onlineshop-user-list > li .btn button {font-size:1.2rem; padding:5px;}
}

/* order-form */
.order-form {text-align:left;}
.order-form .clm1 {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.order-form .clm1 > div:nth-of-type(1) {width:100%; font-size:2.4rem; font-weight:bold; text-align:center; padding:0 0 5px 0;}
.order-form .clm1 > div:nth-of-type(2) {width:10em; text-align:center; position:relative;}
.order-form .clm1 > div:nth-of-type(2) input {font-weight:bold; text-align:right; padding:2px 2.6em 2px 2px;}
.order-form .clm1 > div:nth-of-type(2) .week {font-size:90%; font-weight:bold; line-height:1; margin:-0.55em 0 0 0; position:absolute; top:50%; right:10px; pointer-events:none;}
.order-form .clm1 > div:nth-of-type(3) {font-weight:bold; padding:0 0 0 10px;}
.order-form .clm1 > div:nth-of-type(4) {padding:0 0 0 10px;}
.order-form .clm1 > div:nth-of-type(4) span {font-size:1.4rem; line-height:1; color:#fff; padding:5px; background-color:#c00; border-radius:2px; display:block;}
.order-form .clm1 > div:nth-of-type(4) span.fix {background-color:#0062ab;}
.order-form .clm2 {margin:30px 0 0 0; display:flex; justify-content:center; align-items:center;}
.order-form .clm2 > div:nth-of-type(1) {white-space:nowrap;}
.order-form .clm2 > div:nth-of-type(2) {width:10em;}
.order-form .clm2 > div:nth-of-type(3) {white-space:nowrap; padding:0 0 0 30px;}
.order-form .clm2 > div:nth-of-type(4) {width:9.4em; position:relative;}
.order-form .clm2 > div:nth-of-type(4) input {text-align:right; padding-right:2.6em;}
.order-form .clm2 > div:nth-of-type(4) .week {font-size:90%; line-height:1; margin:-0.55em 0 0 0; display:block; position:absolute; top:50%; right:10px; pointer-events:none;}
.order-adjustment-form .clm2 {margin:10px 0 0 0;}
.order-adjustment-form .clm2 > div:nth-of-type(1) {width:10em; text-align:center; position:relative;}
.order-adjustment-form .clm2 > div:nth-of-type(1) input {font-weight:bold; text-align:right; padding:2px 2.6em 2px 2px;}
.order-adjustment-form .clm2 > div:nth-of-type(1) .week {font-size:90%; font-weight:bold; line-height:1; margin:-0.55em 0 0 0; position:absolute; top:50%; right:10px; pointer-events:none;}
.order-adjustment-form .clm2 > div:nth-of-type(2) {width:auto; font-weight:bold; padding:0 0 0 10px;}
.order-form .clm3 {margin:30px 0 0 0; padding:0 0 15px 0;}
.order-form .clm3 > div:nth-of-type(1) {text-align:center; position:relative;}
.order-form .clm3 .btn {position:absolute; bottom:-5px; right:0;}
.order-form .clm3 .btn button[type=submit] {width:auto; font-size:1.4rem; text-align:center; text-decoration:none; color:#333; margin:0 0 0 5px; padding:5px 10px; background:#eee; box-shadow:none; border:solid 1px #999; border-radius:2px; box-sizing:border-box; display:inline-block;}
.order-form .clm3 .btn button[type=submit]:disabled {opacity:0.3; pointer-events:none; display:none;}
.order-form .clm3 .btn span {font-size:1.2rem; text-decoration:none; margin:0 0 0 5px; padding:3px 5px; display:inline-block; cursor:pointer;}
.order-form .clm4 {margin:10px 0 0 0;}
.order-form .clm4 select {width:100%; margin:0 0 5px 0; box-sizing:border-box; display:block;}
.order-form .clm5 {margin:10px 0 0 0;}
.order-form .clm5 .ttl {font-size:1.4rem; font-weight:bold; vertical-align:bottom; padding:0 10px; background-color:#eee; border:solid 1px #666; border-bottom:none; border-radius:3px 3px 0 0; display:inline-block;}
.order-form .clm5 .ctx {font-size:1.4rem; padding:5px 10px; border:solid 1px #666; border-radius:0 3px 3px 3px; position:relative;}
.order-form .clm6 {margin:20px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center;}
.order-form .clm6 > div {margin:10px 0 0 0; display:flex; align-items:center;}
.order-form .clm6 > div:nth-of-type(1) {padding:0 30px 0 0;}
.order-form .clm6 > div:nth-of-type(1) > div:nth-of-type(1) {white-space:nowrap;}
.order-form .clm6 > div:nth-of-type(1) > div:nth-of-type(2) {width:10em;}
.order-form .clm6 > div:nth-of-type(2) {padding:0 30px 0 0;}
.order-form .clm6 > div:nth-of-type(2) > div:nth-of-type(1) {white-space:nowrap;}
.order-form .clm6 > div:nth-of-type(2) > div:nth-of-type(2) {width:10em; position:relative;}
.order-form .clm6 > div:nth-of-type(2) > div:nth-of-type(2) input {text-align:right; padding-right:2.6em;}
.order-form .clm6 > div:nth-of-type(2) > div:nth-of-type(2) .week {font-size:90%; line-height:1; margin:-0.55em 0 0 0; display:block; position:absolute; top:50%; right:10px; pointer-events:none;}
.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(1) {white-space:nowrap;}
.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(2) {width:10em; position:relative;}
.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(2) input {text-align:right; padding-right:2.6em;}
.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(2) .week {font-size:90%; line-height:1; margin:-0.55em 0 0 0; display:block; position:absolute; top:50%; right:10px; pointer-events:none;}
.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(3) {width:15em; padding:0 0 0 10px; box-sizing:border-box;}
.order-form .clm7 {margin:20px 0 0 0; display:flex; flex-wrap:wrap;}
.order-form .clm7 > div {margin:10px 0 0 0; padding:0 30px 0 0; box-sizing:border-box; display:flex; align-items:center;}
.order-form .clm7 > div > div:nth-of-type(1) {white-space:nowrap;}
.order-form .clm7 > div:nth-of-type(1) {width:100%; padding:0;}
.order-form .clm7 > div:nth-of-type(2) input {width:12em;}
.order-form .clm7 > div:nth-of-type(3) {padding:0;}
.order-form .clm7 > div:nth-of-type(3) input {width:15em;}
.order-form .clm7 > div:nth-of-type(4) {width:100%;}
.order-form .clm7 > div:nth-of-type(4) > div:nth-of-type(2) {width:7em; padding:0 5px;}
.order-form .clm7 > div:nth-of-type(4) > div:nth-of-type(3) {flex:1;}
.order-form .clm7 > div:nth-of-type(5) input {width:12em;}
.order-form .clm8 > div {margin:10px 0 0 0; display:flex; align-items:center;}
.order-form .clm8 > div.type1 > div:nth-of-type(1) {white-space:nowrap;}
.order-form .clm8 > div.type1 > div:nth-of-type(2),
.order-form .clm8 > div.type1 > div:nth-of-type(6) {white-space:nowrap; padding:0 5px 0 0;}
.order-form .clm8 > div.type1 > div:nth-of-type(3),
.order-form .clm8 > div.type1 > div:nth-of-type(7) {width:5em;}
.order-form .clm8 > div.type1 > div:nth-of-type(3) input,
.order-form .clm8 > div.type1 > div:nth-of-type(7) input {text-align:right;}
.order-form .clm8 > div.type1 > div:nth-of-type(4),
.order-form .clm8 > div.type1 > div:nth-of-type(8) {padding:0 0 0 5px;}
.order-form .txt1 {text-align:center; margin:15px 0 0 0; padding:5px; background-color:#eee;}
.order-form .txt2 {text-align:left; margin:15px 0 0 0;}
.order-form .txt2 li {font-size:1.2rem; padding:0 0 0 1.2em; position:relative;}
.order-form .txt2 li::before {content:'※'; position:absolute; top:0; left:0;}
.order-form .txt3 {margin:15px 0 0 0; padding:15px 0 0 0; border-top:solid 1px #ccc;}
.order-form .txt3 li {font-size:1.2rem;}
.order-form .aggregate {width:4em; font-size:1.4rem; line-height:1.2; text-align:center; color:#fff; margin:0 auto; padding:2px 0; border-radius:2px;}
.order-form .fix-btn {padding-bottom:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.order-form .fix-btn .btn {margin:0; padding:0 5px;}
.order-form .fix-btn .label {margin:0; padding:0 5px;}
.order-form .fix-btn .label label {display:flex; align-items:center;}
.order-form .fix-btn .label label > span {padding:0 0 0 5px; display:block;}
.order-form .fix-btn .print-btn {font-size:1.6rem; padding:10px 0;}
.order-form .fix-btn .txt1 {width:100%; margin:10px 0 0 0; padding:3px; box-sizing:border-box; order:10;}
.order-adjustment-form .fix-btn {padding-bottom:10px;}
.order-form .aggregate.type1 {background-color:#c33;}
.order-form .aggregate.type1::before {content:'受注';}
.order-form .aggregate.type2 {background-color:#39c;}
.order-form .aggregate.type2::before {content:'検品済';}
.order-form .aggregate.type3 {background-color:#eee;}
.order-form .aggregate.type3::before {content:'調整';}
.order-form .aggregate.type6 {background-color:#333;}
.order-form .aggregate.type6::before {content:'未確定';}
.order-form .sales {font-size:1.6rem; font-weight:bold; text-align:right;}
.order-form .sales-sub {font-size:1.4rem; text-align:right; margin:10px 0 0 0;}
.order-form .sales-sub .clm {display:flex; justify-content:flex-end;}
.order-form .sales-sub .clm > span {text-align:right; padding:0 10px 0 0; box-sizing:border-box; display:block;}
.order-form .sales-sub .clm > span:nth-of-type(1) {width:auto; white-space:nowrap; text-align:right;}
.order-form .sales-sub .clm > span:nth-of-type(2) {width:5em;}
.order-form .sales-sub .clm > span:nth-of-type(3) {width:4em;}
.order-form .sales-sub .clm > span:nth-of-type(4) {width:5em;}
body.authority4 .order-form .clm1 > div:nth-of-type(2) input {background-color:#fff; pointer-events:auto;}
body.authority4 .order-form .btn button[type=submit] {pointer-events:auto;}
body.authority4 .order-form select {background-color:#fff; pointer-events:auto;}
@media screen and (max-width:420px){
	.order-form .clm1 > div:nth-of-type(2) {width:11.2em;}
	.order-form .clm2 {margin:10px 0 0 0; flex-wrap:wrap; justify-content:flex-start;}
	.order-form .clm2 > div {margin:10px 0 0 0;}
	.order-form .clm2 > div:nth-of-type(1) {width:30%; text-align:right;}
	.order-form .clm2 > div:nth-of-type(2) {width:11em;}
	.order-form .clm2 > div:nth-of-type(3) {width:30%; text-align:right; padding:0;}
	.order-form .clm2 > div:nth-of-type(4) {width:11em;}
	.order-form .clm3 > div:nth-of-type(1) {text-align:left;}
	.order-form .clm6 > div:nth-of-type(3) {flex-wrap:wrap;}
	.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(1) {width:100%;}
	.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(2) {width:11em;}
	.order-form .clm6 > div:nth-of-type(3) > div:nth-of-type(3) {width:100%; padding:5px 0 0 0;}
	.order-form .clm7 > div {padding:0 10px 0 0;}
	.order-form .clm7 > div:nth-of-type(2) {width:100%; padding:0;}
	.order-form .clm7 > div:nth-of-type(2) input {width:100%;}
	.order-form .clm7 > div:nth-of-type(3) {width:100%; padding:0;}
	.order-form .clm7 > div:nth-of-type(3) input {width:100%;}
	.order-form .clm7 > div:nth-of-type(4) {width:100%; padding:0; flex-wrap:wrap;}
	.order-form .clm7 > div:nth-of-type(4) > div:nth-of-type(3) {width:100%; margin:5px 0 0 0; flex:0 0 auto;}
	.order-form .clm7 > div:nth-of-type(5) {width:100%; padding:0;}
	.order-form .clm7 > div:nth-of-type(5) input {width:100%;}
	.order-form .txt2 li {font-size:1.0rem;}
	.order-form .fix-btn .btn {padding:2px 0; box-sizing:border-box;}
	.order-form .fix-btn .label {padding:2px 5px; box-sizing:border-box;}
}

/* order-product-list */
.order-product-list {text-align:left;}
.order-product-list dl {margin:10px 0 0 0;}
.order-product-list dt {font-weight:bold; color:#fff; padding:2px 10px; background-color:#a25f32; position:relative; cursor:pointer;}
.order-product-list dt::before {content:'▼'; font-size:1.4rem; line-height:1; color:rgba(255,255,255,0.7); margin:-0.5em 10px 0 0; position:absolute; top:50%; right:0; transition:transform 0.3s ease;}
.order-product-list dt.on::before {transform:rotate(180deg);}
.order-product-list dd {display:none;}
.order-product-list li {padding:5px; display:flex; align-items:center;}
.order-product-list li.head {border-bottom:solid 1px #333;}
.order-product-list li.head > div > span {font-size:1.0rem; text-align:center; display:block;}
.order-product-list li:nth-of-type(odd) {background-color:#fff;}
.order-product-list li:nth-of-type(even) {background-color:#eee;}
.order-product-list li .name {flex:1;}
.order-product-list li .name .tag {font-size:80%; line-height:1.2; white-space:nowrap; color:#fff; background-color:#900; margin:0 5px 0 0; padding:3px 5px; border-radius:2px; display:inline-block;}
.order-product-list li .name .sub {font-size:80%; line-height:1.2; margin:0 0 0 5px; display:inline-block;}
.order-product-list li .name dl {display:none;}
.order-product-list li .price {width:4em; text-align:center;}
.order-product-list li .standard {width:3em; font-size:1.2rem; text-align:center;}
.order-product-list li .product_code {width:6em; font-size:1.2rem; text-align:center;}
.order-product-list li .cp_code {width:5em; font-size:1.2rem; text-align:center;}
.order-product-list li .best_before {width:4em; font-size:1.2rem; text-align:center;}
.order-product-list li .adj_type {width:6em; padding:0 0 0 1em; box-sizing:border-box;}
.order-product-list li .adj_type select {width:100%; text-align:center; padding:3px 0;}
.order-product-list li .order {width:5em; text-align:center; padding:0 0 0 1em; box-sizing:border-box;}
.order-product-list li .num {width:5em; padding:0 0 0 1em; box-sizing:border-box;}
.order-product-list li .num input[type=text] {text-align:center; padding:5px 0;}
.order-product-list li .num select {width:100%; text-align:center; padding:3px 0;}
.order-product-list li .num.num-set {width:125px; padding-left:15px;}
.order-product-list li .num.num-set > div {background-color:#fff; display:flex;}
.order-product-list li .num.num-set > div > div {display:flex; justify-content:center; align-items:center;}
.order-product-list li .num.num-set > div > div.minus {width:30px; border:solid 1px #666; border-right:none; border-radius:2px 0 0 2px; position:relative; cursor:pointer;}
.order-product-list li .num.num-set > div > div.minus::before {content:'－';}
.order-product-list li .num.num-set > div > div:nth-of-type(2) {border:solid 1px #666; flex:1;}
.order-product-list li .num.num-set > div > div.plus {width:30px; border:solid 1px #666; border-left:none; border-radius:0 2px 2px 0; position:relative; cursor:pointer;}
.order-product-list li .num.num-set > div > div.plus::before {content:'＋';}
.order-product-list li .num.num-set input[type=text] {color:#333; background-color:transparent; border:none;}
.order-product-list li .stock {width:3em; text-align:center; box-sizing:border-box;}
.order-product-list li .bb {width:8em; box-sizing:border-box;}
.order-product-list li .insp {width:3em; text-align:center;}
.order-product-list li .insp label {display:block; position:relative;}
.order-product-list li .insp label input {display:none;}
.order-product-list li .insp label span {width:16px; height:16px; margin:0 auto; background-color:#fff; border:solid 1px #333; border-radius:5px; display:block; position:relative;}
.order-product-list li .insp label span::before {content:'\02714'; font-size:3.0rem; line-height:1; color:#c00; margin:-0.6em 0 0 -0.3em; position:absolute; top:50%; left:50%; transform-origin:40% 70%; transform:scale3d(0,0,1); transition:transform 0.2s ease;}
.order-product-list li .insp label input:checked + span::before {transform:scale3d(1,1,1);}
.order-product-list .type1 li .product_code {display:none;}
.order-product-list .type1 li .cp_code {display:none;}
.order-product-list .type1 li .standard {display:none;}
.order-product-list .type1 li .best_before {display:none;}
@media screen and (max-width:420px){
	.order-product-list li {flex-wrap:wrap; justify-content:center; align-items:center;}
	.order-product-list li.head .name,
	.order-product-list li.head .num,
	.order-product-list li.head .insp,
	.order-product-list li.head .adj_type {display:none;}
	.order-product-list li .name {width:100%; flex:0 0 auto;}
	.order-product-list li .price {width:25%;}
	.order-product-list li .product_code {width:25%;}
	.order-product-list li .cp_code {width:25%;}
	.order-product-list li .best_before {width:25%;}
	.order-product-list li .adj_type {padding:0; position:relative;}
	.order-product-list li .adj_type::before {content:'調整対象'; font-size:1.0rem; line-height:1; margin:-0.5em 0 0 0; display:block; position:absolute; top:50%; left:-4.4em;}
	.order-product-list li .num {padding-top:10px; padding-bottom:10px;}
}

/* order_system_management */
.order_system_management {text-align:left;}
.order_system_management .note textarea {height:4em;}
.order_system_management .user-note textarea {height:4em;}
.order_system_management .user-note .obj > div > div {margin-top:10px;}
.order_system_management .user-note .obj > div > div:first-of-type {margin-top:0;}
.order_system_management .user-information textarea {height:4em;}
.order_system_management .user-information .obj > div {display:flex; flex-wrap:wrap; align-items:center;}
.order_system_management .user-information .obj > div > div {margin-top:10px;}
.order_system_management .user-information .obj > div > div:nth-of-type(1) {width:100%; margin-top:0;}
.order_system_management .user-information .obj > div > div:nth-of-type(2) {width:4.5em; line-height:1.1;}
.order_system_management .user-information .obj > div > div:nth-of-type(2) span {font-size:80%; display:block;}
.order_system_management .user-information .obj > div > div:nth-of-type(3) {width:8em;}
.order_system_management .user-information .obj > div > div:nth-of-type(4) {width:2em; text-align:center;}
.order_system_management .user-information .obj > div > div:nth-of-type(5) {width:8em;}
.order_system_management .user-information .obj > div > div:nth-of-type(6) {width:100%;}
.order_system_management .clm1 {display:flex; align-items:center;}
.order_system_management .clm1 > div:nth-of-type(even) {padding:0 5px;}
.order_system_management .clm2 {display:flex; align-items:center;}
.order_system_management .clm2 > div:nth-of-type(1) {width:4em;}
.order_system_management .clm2 > div:nth-of-type(2) {padding:0 0 0 10px;}
@media screen and (max-width:420px){
	.order_system_management .user-information .obj > div > div:nth-of-type(2) {width:100%;}
	.order_system_management .user-information .obj > div > div:nth-of-type(2) span {margin:0 0 0 5px; display:inline-block;}
	.order_system_management .user-information .obj > div > div:nth-of-type(3) {width:9em; margin-top:5px;}
	.order_system_management .user-information .obj > div > div:nth-of-type(4) {margin-top:5px;}
	.order_system_management .user-information .obj > div > div:nth-of-type(5) {width:9em;}
}

/* order-agency-btn */
.order-agency-btn {margin:-20px -15px 0 -15px; display:flex; flex-wrap:wrap;}
.order-agency-btn > li {width:50%; margin:30px 0 0 0; padding:0 15px; box-sizing:border-box;}
.order-agency-btn a {width:100%; height:3em; line-height:1.2; 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:flex; justify-content:center; align-items:center;}
@media screen and (max-width:420px){
	.order-agency-btn {margin:-5px -10px 0 -5px;}
	.order-agency-btn > li {margin:10px 0 0 0; padding:0 5px;}
}

/* order-print-obj */
.order-print-obj {width:100%; text-align:left; pointer-events:none; opacity:0; position:fixed;}
.order-print-obj .txt1 {font-size:2.8rem; font-weight:bold; line-height:1.2; text-align:left; letter-spacing:0.6em; display:inline-block; position:relative;}
.order-print-obj .txt1::before {content:''; width:100%; height:100%; border-bottom:solid 1px #000; display:block; position:absolute; top:0; left:0;}
.order-print-obj .txt2 {font-size:1.2rem; text-align:right; display:flex; position:absolute; top:0; right:0;}
.order-print-obj .txt2 dt,
.order-print-obj .txt2 dd {margin:0 -1px 0 0; padding:2px 10px; border:solid 1px #333; box-sizing:border-box;}
.order-print-obj .txt2 dt {background-color:#eee;}
.order-print-obj .txt3 {position:absolute; top:2em; right:0;}
.order-print-obj .txt3 dt {font-size:1.2rem;}
.order-print-obj .txt3 dd {font-size:1.2rem; text-align:right;}
.order-print-obj .txt3 dd.logo {margin:2px 0 0 0;}
.order-print-obj .txt3 dd.logo img {width:150px;}
.order-print-obj .txt4 {font-size:2.0rem; font-weight:bold; text-align:left; margin:5px 0 0 0;}
.order-print-obj .txt4 span {font-size:80%;}
.order-print-obj .txt5 {font-size:1.2rem; text-align:left;}
.order-print-obj .txt6 {font-size:1.2rem; text-align:left; margin:10px 0 0 0; display:flex;}
.order-print-obj .txt6 + .txt6 {margin-top:-1px;}
.order-print-obj .txt6 dt,
.order-print-obj .txt6 dd {margin:0 -1px 0 0; padding:2px 10px; border:solid 1px #333; box-sizing:border-box;}
.order-print-obj .txt6 dt {background-color:#eee;}
.order-print-obj .txt7 {font-size:1.4rem; font-weight:bold; text-align:right; margin:20px 0 0 0; display:flex; justify-content:end;}
.order-print-obj .txt7 dt,
.order-print-obj .txt7 dd {margin:0 0 0 -1px; padding:2px 20px; border:solid 1px #333; box-sizing:border-box;}
.order-print-obj .txt7 dt {background-color:#eee;}
.order-print-obj .txt8 {margin:10px 150px 0 0; display:flex; flex-wrap:wrap;}
.order-print-obj .txt8 dl {font-size:1.4rem; text-align:left; display:flex;}
.order-print-obj .txt8 dt,
.order-print-obj .txt8 dd {margin:-1px -1px 0 0; padding:2px 10px; border:solid 1px #333; box-sizing:border-box;}
.order-print-obj .txt8 dt {background-color:#eee;}
.order-print-obj .txt9 {font-size:1.2rem; margin:10px 0 0 0; padding:2px 10px; border:solid 1px #333; box-sizing:border-box;}
.order-print-obj .txt10 {font-size:1.2rem; text-align:right; margin:10px 0 0 0;}
.order-print-obj .txt10 .clm {display:flex; justify-content:flex-end;}
.order-print-obj .txt10 .clm > span {text-align:right; padding:0 10px 0 0; box-sizing:border-box; display:block;}
.order-print-obj .txt10 .clm > span:nth-of-type(1) {width:auto; white-space:nowrap; text-align:right;}
.order-print-obj .txt10 .clm > span:nth-of-type(2) {width:5em;}
.order-print-obj .txt10 .clm > span:nth-of-type(3) {width:4em;}
.order-print-obj .txt10 .clm > span:nth-of-type(4) {width:5em;}
.order-print-obj .order-product-list {margin:20px 0 0 0;}
.order-print-obj .order-product-list li {font-size:1.0rem; margin:0 0 -1px 0; padding:0; display:flex; align-items:normal; border:solid 1px #333; box-sizing:border-box;}
.order-print-obj .order-product-list li > div {padding:2px 0; border-left:solid 1px #333; box-sizing:border-box;}
.order-print-obj .order-product-list li > div:first-of-type {border-left:none;}
.order-print-obj .order-product-list li:nth-of-type(odd) {background-color:#fff;}
.order-print-obj .order-product-list li:nth-of-type(even) {background-color:#fff;}
.order-print-obj .order-product-list li.head > div {padding:2px 0; background-color:#eee;}
.order-print-obj .order-product-list li.head > div > span {font-size:1.0rem;}
.order-print-obj .order-product-list li.head > div.name > span {text-align:left; padding:0 10px;}
.order-print-obj .order-product-list li.head > div.subtotal > span {text-align:center;}
.order-print-obj .order-product-list li .no {width:4em; text-align:center;}
.order-print-obj .order-product-list li .delv {width:8em; text-align:center;}
.order-print-obj .order-product-list li .name {flex:1; padding:2px 1em;}
.order-print-obj .order-product-list li .product_code {width:6em; text-align:center;}
.order-print-obj .order-product-list li .cp_code {width:5em; text-align:center;}
.order-print-obj .order-product-list li .price {width:5em;}
.order-print-obj .order-product-list li .order {width:5em; text-align:center;}
.order-print-obj .order-product-list li .num {width:5em; text-align:center;}
.order-print-obj .order-product-list li .standard {width:3em; font-size:1.0rem; text-align:center;}
.order-print-obj .order-product-list li .subtotal {width:6em; text-align:right; padding:2px 10px;}
.order-print-obj .order-product-list li .items {display:block;}
.order-print-obj .order-product-list li .items > span {margin:0 -1em 0 0; padding:0 0 0 1em; border-top:solid 1px #ccc; display:block; position:relative;}
.order-print-obj .order-product-list li .items > span > span {padding:0; border-top:solid 1px #ccc; box-sizing:border-box; display:block; position:absolute; top:-1px;}
.order-print-obj .order-product-list li .items .product_code {right:calc(-6em - 1px);}
.order-print-obj .order-product-list li .items .cp_code {right:calc(-11em - 1px);}
.order-print-obj .order-product-list li .items .order {right:calc(-18em - 2px);}
.order-print-obj .order-product-list li .items .standard {right:calc(-21em - 2px);}
.order-print-obj .order-product-list li .items .type1 .price {right:calc(-18em - 2px);}
.order-print-obj .order-product-list li .items .type1 .order {right:calc(-23em - 2px);}
.order-print-obj .order-product-list li .items .type1 .standard {right:calc(-26em - 2px);}
.order-print-obj .sales {font-size:1.6rem; font-weight:bold; text-align:right; padding:5px;}
.order-print-obj .clm1 {font-size:1.2rem; margin:20px 0 0 0; display:flex; justify-content:space-between;}
.order-print-obj .clm1 .txt4 {font-size:1.2rem; font-weight:normal; margin:0;}
.order-print-obj .clm1 .txt7 {margin:0;}
.order-print-obj .clm2 {width:180px; margin:10px 0 0 auto;}
.order-print-obj.print2 .txt9 {display:none;}
.order-print-obj.print2.no-price .order-product-list li .price {display:none;}
.order-print-obj.print2.no-price .order-product-list li .subtotal {display:none;}
.order-print-obj.print2.no-price .txt7 {display:none;}
.order-print-obj.print2.no-price .txt10 {display:none;}

/* stock-management */
.stock-management {text-align:left;}
.stock-management .clm1 {display:flex; align-items:center;}
.stock-management .clm1 > div input {text-align:left; padding:0; border:none;}
.stock-management .clm1 > div:nth-of-type(1) {font-weight:bold; padding:0 15px 0 0;}
.stock-management .clm2 {margin:30px 0 0 0;}
.stock-management .btn {margin:30px 0 0 0;}
.stock-management .order-product-list li.head .name > span {text-align:left;}

/* report-list */
.report-list-ttl {font-size:2.6rem; font-weight:bold; text-align:center; margin:30px 0 0 0;}
.report-list-ttl > span {font-size:70%;}
.report-list-time {font-size:1.4rem; text-align:center; display:none; position:absolute; top:0; right:0;}
.report-list {text-align:left;}
.report-list .clm {position:relative;}
.report-list .clm > div {font-size:1.4rem; line-height:1.2; text-align:center; padding:5px; border:solid 1px #333; border-top:none; box-sizing:border-box; display:flex; align-items:center;}
.report-list .clm > div.ttl {width:100%; font-weight:bold; margin:10px 0 0 0; padding:0; border:none;}
.report-list .clm > div.total {width:auto; font-weight:bold; margin:0; padding:0; border:none; position:absolute; top:0; right:0;}
.report-list .clm > div.total > span {font-size:1.2rem; font-weight:normal;}
.report-list .clm > div.head {background-color:#eee; border:solid 1px #333;}
.report-list .clm > div.head > div {cursor:pointer;}
.report-list .clm > div.head > div > span {font-size:1.0rem; font-weight:normal; text-align:center; color:#333; display:block;}
.report-list .clm > div.head > div.name > span {text-align:left;}
.report-list .clm > div.head > div.note > span {text-align:left;}
.report-list .clm > div .name {line-height:1.2; text-align:left; flex:1;}
.report-list .clm > div .name .sub {font-size:80%; white-space:nowrap; padding:0 0 0 0.6em; display:inline-block;}
.report-list .clm > div .amount {width:4em; font-size:1.6rem; font-weight:bold; color:#c00;}
.report-list .clm > div .num {width:3em; font-size:1.6rem; font-weight:bold; color:#c00;}
.report-list .clm > div .num span {font-size:80%;}
.report-list .clm > div .all {width:8em;}
.report-list .clm > div .note {width:30%; text-align:left;}
.report-list .clm .clm {width:100%; padding:0; border:none; display:block;}
.report-kiln-list {text-align:left;}
.report-kiln-list .clm {position:relative; display:flex; flex-wrap:wrap;}
.report-kiln-list .clm > div {width:33.33%; font-size:1.4rem; line-height:1.2; text-align:center; margin:0 -1px -1px 0; padding:5px; border:solid 1px #333; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}
.report-kiln-list .clm > div.ttl {width:100%; font-weight:bold; margin:10px 0 5px 0; padding:0; border:none;}
.report-kiln-list .clm > div .name {line-height:1.2; text-align:left; flex:1;}
.report-kiln-list .clm > div .name .sub {font-size:80%; white-space:nowrap; padding:0 0 0 0.6em; display:inline-block;}
.report-kiln-list .clm > div .order {width:4em; font-size:1.4rem; font-weight:bold; text-align:center;}
.report-kiln-list .clm > div .order .sub {font-size:80%;}
.report-kiln-list .clm1 {width:100%; margin:10px 0 0 0; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.report-kiln-list .clm1 > div {width:49%;}
.report-kiln-list .clm1 > div.head > div {padding:3px 0; background-color:#eee;}
.report-kiln-list .clm1 > div.head > div > span {font-size:1.0rem; line-height:1;}
.report-kiln-list .clm1 > div.head > div.name {padding:3px;}
.report-kiln-list .clm1 > div.head > div.name > span {text-align:left;}
.report-kiln-list .clm1 > div {box-sizing:border-box; display:flex; justify-content:space-between;}
.report-kiln-list .clm1 > div > div {width:3em; font-size:1.4rem; font-weight:bold; line-height:1.2; text-align:center; margin:0 -1px -1px 0; padding:3px; border:solid 1px #333; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.report-kiln-list .clm1 > div > div > span {width:100%; display:block;}
.report-kiln-list .clm1 > div > div.name {width:auto; text-align:left; flex:1;}
.report-kiln-list .clm1 > div > div.name > span {text-align:left;}
.report-kiln-list .clm1 > div > div.name .sub {font-size:80%; font-weight:normal; white-space:nowrap; padding:0 0 0 0.6em; display:inline-block;}

.report-list-btn-clm {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.report-list-btn {display:flex; justify-content:center; align-items:center;}
.report-list-btn > p {padding:0 5px; box-sizing:border-box;}
.report-list-btn .print-btn {width:auto; font-size:1.6rem; padding:10px 15px;}
.report-list-btn .print-btn br {display:none;}
.report-list-btn.kiln {margin-top:10px;}
.report-list-btn.kiln .print-btn {padding:2px 10px;}
@media screen and (max-width:420px){
	.report-list-ttl {font-size:2.0rem;}
	.report-list .clm > div {font-size:1.2rem; flex-wrap:wrap; padding:2px 5px;}
	.report-list .clm > div.ttl {font-size:1.4rem;}
	.report-list .clm > div.total {font-size:1.4rem;}
	.report-list .clm > div.head > div.name {display:none;}
	.report-list .clm > div .name {width:100%; flex:0 0 auto;}
	.report-list .clm > div .note {width:auto; flex:1;}
	.report-kiln-list .clm > div {width:100%;}
	.report-kiln-list .clm1 > div {width:100%;}
	.report-kiln-list .clm1 > div.head:first-of-type {display:none;}
	.report-list-btn > p {padding:0 2px;}
	.report-list-btn .print-btn {font-size:1.4rem; line-height:1.2;}
	.report-list-btn .print-btn br {display:inline-block;}
	.report-list-btn.kiln > p {font-size:1.2rem;}
	.report-list-btn.kiln .print-btn {font-size:1.2rem; padding:10px;}
}

/* report-print-obj */
.report-print-obj {width:100%; text-align:left; position:fixed; pointer-events:none; opacity:0;}
.report-print-obj .report-list-ttl {font-size:1.8rem; font-weight:bold; line-height:1.2; text-align:center;}
.report-print-obj .ttl1 {font-size:1.8rem; font-weight:bold; line-height:1.2; text-align:center;}
.report-print-obj .ttl1 span {font-size:70%;}
.report-print-obj .ttl2 {font-size:1.2rem; font-weight:bold; line-height:1.2; border-bottom:solid 1px #333;}
.report-print-obj .total {font-size:1.2rem; font-weight:bold; position:absolute; top:0; right:0;}
.report-print-obj .total span {font-size:1.0rem; font-weight:normal;}
.report-print-obj .time {font-size:0.9rem; color:#999; position:absolute; top:0; right:0;}
.report-print-obj .list-clm {display:block;}
.report-print-obj .list {padding:5px 0 0 0; position:relative;}
.report-print-obj .list .body > div {border:solid 1px #333; border-top:none; box-sizing:border-box; display:flex; flex-wrap:wrap;}
.report-print-obj .list .body > div > div:nth-of-type(1) {font-size:1.1rem; line-height:1.0; text-align:left; padding:4px; flex:1;}
.report-print-obj .list .body > div > div:nth-of-type(1) span {font-size:1.0rem;}
.report-print-obj .list .body > div > div:nth-of-type(1) br {display:none;}
.report-print-obj .list .body > div > div:nth-of-type(2) {font-size:1.0rem; display:flex;}
.report-print-obj .list .body > div > div:nth-of-type(2) strong {font-size:1.2rem; font-weight:bold; color:#c00;}
.report-print-obj .list .body > div > div:nth-of-type(2) > div {line-height:1.0; text-align:center; border-left:solid 1px #333; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.report-print-obj .list .body > div > div:nth-of-type(2) > div:nth-of-type(1) {width:6em; white-space:nowrap;}
.report-print-obj .list .body > div > div:nth-of-type(2) > div:nth-of-type(2) {width:4em; white-space:nowrap;}
.report-print-obj .list .body > div > div:nth-of-type(2) > div:nth-of-type(3) {width:6em; word-break:break-all; line-height:1;}
.report-print-obj .report-kiln-list .clm > div {font-size:1.2rem;}
.report-print-obj .report-kiln-list .clm > div .order {font-size:1.2rem;}
.report-print-obj .report-kiln-list .clm1 > div.head > div > span {font-size:0.9rem;}
.report-print-obj .report-kiln-list .clm1 > div > div {font-size:1.2rem;}

/* sales-list */
.sales-list {margin:30px 0 0 0;}
.sales-list > li {text-align:left; padding:10px 0; border-bottom:solid 1px #999; display:flex; align-items:center;}
.sales-list > li.fix {position:relative;}
.sales-list > li.fix::before {content:''; width:100%; height:100%; background-color:rgba(255,255,255,0.6); display:block; position:absolute; top:0; left:0; pointer-events:none;}
.sales-list > li .check label {margin:0 10px 0 0; display:block;}
.sales-list > li .date {width:9.2em;}
.sales-list > li .client {flex:1;}
.sales-list > li .client .sub {font-size:80%; font-weight:normal; display:inline-block;}
.sales-list > li .client .tag {font-size:80%; line-height:1.2; white-space:nowrap; color:#fff; margin:0 5px 0 0; padding:3px 5px; border-radius:2px; display:inline-block;}
.sales-list > li .client .tag1 {background-color:#009;}
.sales-list > li .client .tag2 {background-color:#900;}
.sales-list > li .sales {text-align:right;}
.sales-list > li .btn {display:flex; align-items:center;}
.sales-list > li .btn a {font-size:1.4rem; text-align:center; text-decoration:none; margin:0 0 0 10px; padding:5px 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;}
.sales-total {font-size:1.6rem; font-weight:bold; text-align:right; padding:10px 0;}
.edit-btn button[type=submit] {width:300px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:15px auto 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;}
.report-print-obj .sales-list {margin:15px 0 0 0;}
.report-print-obj .sales-list > li {font-size:1.2rem; padding:0;}
.report-print-obj .sales-list > li .btn {display:none;}
.report-print-obj .sales-total {font-size:1.6rem; padding:15px 0 0 0;}


/* shpt-list */
.shpt-list {text-align:left; margin:30px 0 0 0;}
.shpt-list .ttl {font-size:1.6rem; font-weight:bold; text-align:left;}
.shpt-list .ttl .print {display:none;}
.shpt-list .clm {margin:5px 0 0 0; position:relative; display:flex; flex-wrap:wrap;}
.shpt-list .clm > div {width:33.33%; font-size:1.4rem; line-height:1.2; text-align:center; margin:0 -1px -1px 0; padding:5px; border:solid 1px #333; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}
.shpt-list .clm > div .name {line-height:1.2; text-align:left; flex:1;}
.shpt-list .clm > div .order {width:4em; font-size:1.4rem; font-weight:bold; text-align:center;}
.shpt-list .clm > div .order .sub {font-size:80%;}
.shpt-list .clm1 {width:100%; margin:10px 0 0 0; position:relative;}
.shpt-list .clm1 > div.head > div {padding:3px 0; background-color:#ddd;}
.shpt-list .clm1 > div.head > div > span {font-size:1.0rem; line-height:1;}
.shpt-list .clm1 > div.head > div.name {padding:3px;}
.shpt-list .clm1 > div.head > div.name > span {text-align:left;}
.shpt-list .clm1 > div {box-sizing:border-box; display:flex; justify-content:space-between;}
.shpt-list .clm1 > div:nth-of-type(odd) {background-color:#eee;}
.shpt-list .clm1 > div > div {width:3em; font-size:1.4rem; font-weight:bold; line-height:1.2; text-align:center; margin:0 -1px -1px 0; padding:3px; border:solid 1px #333; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.shpt-list .clm1 > div > div > span {width:100%; display:block;}
.shpt-list .clm1 > div > div.name {width:auto; text-align:left; flex:1;}
.shpt-list .clm1 > div > div.name > span {text-align:left;}
.shpt-list .clm1 > div > div.name .sub {font-size:80%; font-weight:normal; white-space:nowrap; padding:0 0 0 0.6em; display:inline-block;}
.shpt-list .clm1 > div > div.name .red {color:#c00;}
.shpt-list .clm1 > div > div.total {width:4em;}
.shpt-list .clm1 > div > div.code {width:6em;}
.shpt-list .clm1 .indention {width:100%; display:none; page-break-before:always;}
.shpt-list .clm1 .page {width:100%; text-align:center; margin:15px 0 0 0; display:none;}
.shpt-list .tag {vertical-align:middle; display:inline-block;}
.shpt-list .tag img {width:16px; height:16px; display:block;}
.shpt-list-btn {display:flex; justify-content:center; align-items:center;}
.shpt-list-btn > p {padding:0 5px; box-sizing:border-box;}
.shpt-list-btn .print-btn {width:auto; font-size:1.6rem; padding:10px 15px;}
.shpt-list-print-obj {width:100%; text-align:left; position:fixed; pointer-events:none; opacity:0;}
.shpt-list-print-obj .ttl .print {display:inline;}
.shpt-list-print-obj .time {font-size:0.9rem; color:#999; position:absolute; top:0; right:0;}
.shpt-list-print-obj .shpt-list .clm > div {font-size:1.2rem;}
.shpt-list-print-obj .shpt-list .clm > div .order {font-size:1.2rem;}
.shpt-list-print-obj .shpt-list .clm1 > div.head > div > span {font-size:0.9rem;}
.shpt-list-print-obj .shpt-list .clm1 > div > div {width:3em; font-size:1.2rem;}
.shpt-list-print-obj .shpt-list .clm1 > div > div.total {width:4em;}
.shpt-list-print-obj .shpt-list .clm1 > div > div.code {width:6em;}
.shpt-list-print-obj .shpt-list .clm1 .indention {display:block;}
.shpt-list-print-obj .shpt-list .clm1 .indention + div.head {display:flex;}
.shpt-list-print-obj .shpt-list .clm1 .page {display:block;}
@media screen and (max-width:700px){
	.shpt-list {width:100%; padding:0 0 15px 0; box-sizing:border-box; overflow:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
	.shpt-list .clm1 {width:700px;}
	.shpt-list .clm1 > div.head > div > span {font-size:0.9rem;}
	.shpt-list .clm1 > div > div {width:3em; font-size:1.2rem;}
	.shpt-list .clm1 > div > div.total {width:4em;}
}


/* shpt-order-list */
.shpt-order-list {margin:50px 0 0 0;}
.shpt-order-list .ttl {font-size:1.6rem; font-weight:bold; text-align:left;}
.shpt-order-list ul > li {text-align:left; padding:10px 0; border-bottom:solid 1px #999; display:flex; align-items:center;}
.shpt-order-list ul > li .date {width:9.2em;}
.shpt-order-list ul > li .client {flex:1;}
.shpt-order-list ul > li .client .sub {font-size:80%;}
.shpt-order-list ul > li .client .comment {font-size:1.2rem; line-height:1; color:#fff; margin:0 0 0 5px; padding:4px 5px; background-color:#069; border-radius:2px; display:inline-block;}
.shpt-order-list ul > li .sales {text-align:right;}
.shpt-order-list ul > li .btn {display:flex; align-items:center;}
.shpt-order-list ul > li .btn a {font-size:1.4rem; text-align:center; text-decoration:none; margin:0 0 0 10px; padding:5px 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;}
.shpt-list-print-obj .shpt-order-list ul > li {font-size:1.2rem; padding:5px 0;}
.shpt-list-print-obj .shpt-order-list ul > li .btn a {display:none;}

/* sales-bs */
.sales-bs {margin:30px 0 0 0;}
.sales-bs > li {text-align:left; padding:10px 0; border-bottom:solid 1px #999; display:flex; align-items:center;}
.sales-bs > li.head {padding-bottom:0; align-items:flex-end;}
.sales-bs > li.head > div {font-size:100%;}
.sales-bs > li.head span {font-size:70%; line-height:1.2; text-align:center; display:inline-block;}
.sales-bs > li.footer {border-bottom:none;}
.sales-bs > li.footer span {font-weight:bold;}
.sales-bs > li.fix {position:relative;}
.sales-bs > li.fix::before {content:''; width:100%; height:100%; background-color:rgba(255,255,255,0.6); display:block; position:absolute; top:0; left:0; pointer-events:none;}
.sales-bs > li .check label {margin:0 10px 0 0; display:block;}
.sales-bs > li .date {width:9.2em;}
.sales-bs > li .order_num {width:6.0em;}
.sales-bs > li .order_num > span {font-size:80%;}
.sales-bs > li .tax10 {white-space:nowrap; text-align:right; flex:1;}
.sales-bs > li .tax10_tax {width:7.0em; white-space:nowrap; text-align:right;}
.sales-bs > li .tax8 {width:7.0em; white-space:nowrap; text-align:right;}
.sales-bs > li .tax8_tax {width:7.0em; white-space:nowrap; text-align:right;}
.sales-bs > li .sales {width:10.0em; white-space:nowrap; text-align:right;}
.sales-bs > li .btn {display:flex; align-items:center;}
.sales-bs > li .btn a {font-size:1.4rem; text-align:center; text-decoration:none; margin:0 0 0 10px; padding:5px 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;}
.sales-bs-total {font-size:1.6rem; font-weight:bold; text-align:right; padding:20px 0 10px 0;}
.sales-bs-total span {font-size:80%; display:block;}
.edit-btn button[type=submit] {width:300px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:15px auto 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;}
.report-print-obj .sales-bs {margin:15px 0 0 0;}
.report-print-obj .sales-bs > li {font-size:1.2rem; padding:0;}
.report-print-obj .sales-bs > li .btn {display:none;}
.report-print-obj .sales-bs-total {font-size:1.6rem; padding:15px 0 0 0;}
.report-print-obj .txt3 {text-align:right; margin:15px 0 0 0;}
.report-print-obj .txt3 dt {font-size:1.2rem;}
.report-print-obj .txt3 dd {font-size:1.2rem; text-align:right; line-height:1.4;}


/* info-sec */
.info-sec {max-width:420px; text-align:left; margin:0 auto; padding:0 0 50px 0;}
.info-sec .ttl {font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0.1em;}
.info-sec .data {margin:30px 0 0 0; text-align:right;}
.info-sec .ctx > p {margin:15px 0 0 0;}
.info-sec .url a {font-weight:bold; text-align:center; text-decoration:none; color:#000; padding:5px 0; border:solid 1px #333; box-sizing:border-box; display:block;}


/* onlineshop */
.onlineshop-user > dl > dt {width:8em;}
.onlineshop-user .clm2 {display:flex; flex-wrap:wrap;}
.onlineshop-user .clm2 > div:nth-of-type(1) {width:15em; margin:0 15px 0 0; display:flex; align-items:center;}
.onlineshop-user .clm2 > div:nth-of-type(1) > div:nth-of-type(1) {width:2.3em; white-space:nowrap;}
.onlineshop-user .clm2 > div:nth-of-type(1) > div:nth-of-type(2) {flex:1;}
.onlineshop-user .clm2 > div:nth-of-type(2) {width:18em; display:flex; align-items:center;}
.onlineshop-user .clm2 > div:nth-of-type(2) > div:nth-of-type(1) {width:4.3em; white-space:nowrap;}
.onlineshop-user .clm2 > div:nth-of-type(2) > div:nth-of-type(2) {flex:1;}
.onlineshop-user .clm3 {margin:15px 0 0 0;}
.onlineshop-user .clm3 > div {width:25em; margin:5px 0 0 0; display:flex; align-items:center;}
.onlineshop-user .clm3 > div > div:nth-of-type(1),
.onlineshop-user .clm3 > div > div:nth-of-type(3) {width:2.3em; white-space:nowrap;}
.onlineshop-user .clm3 > div > div:nth-of-type(3) {margin:0 0 0 15px;}
.onlineshop-user .clm3 > div > div:nth-of-type(2),
.onlineshop-user .clm3 > div > div:nth-of-type(4) {flex:1;}
.onlineshop-user .clm4 {display:flex; align-items:center;}
.onlineshop-user .clm4 > div:nth-of-type(1) {width:1.3em;}
.onlineshop-user .clm4 > div:nth-of-type(2) {width:8em;}
.onlineshop-user .clm5 > div {margin:10px 0 0 0; display:flex; align-items:center;}
.onlineshop-user .clm5 > div:first-of-type {margin-top:0;}
.onlineshop-user .clm5 > div > p {width:5.0em; line-height:1.1;}
.onlineshop-user .clm5 > div > div {flex:1;}
.onlineshop-user .clm6 {width:10em;}
.onlineshop-user .clm8 {display:inline-block;}
.onlineshop-user .clm8 label {display:block; position:relative;}
.onlineshop-user .clm8 label input {display:none;}
.onlineshop-user .clm8 label span {padding:6px 0 0 24px; display:block; position:relative;}
.onlineshop-user .clm8 label span::before {content:''; width:16px; height:16px; margin:-8px 0 0 0; background-color:#fff; border:solid 1px #333; border-radius:5px; display:block; position:absolute; top:50%; left:0;}
.onlineshop-user .clm8 label span::after {content:'\02714'; font-size:3.0rem; line-height:1; color:#c00; margin:-0.6em 0 0 0; position:absolute; top:50%; left:0; transform-origin:40% 70%; transform:scale3d(0,0,1); transition:transform 0.2s ease;}
.onlineshop-user .clm8 label input:checked + span::after {transform:scale3d(1,1,1);}

@media screen and (max-width:700px){
	.onlineshop-user > dl {padding:5px 0; display:block;}
	.onlineshop-user > dl > dt {width:auto; font-weight:bold; padding:1em 0 5px 0;}
	.onlineshop-user .clm2 {display:block;}
	.onlineshop-user .clm2 > div:nth-of-type(1) {width:auto; margin:0;}
	.onlineshop-user .clm2 > div:nth-of-type(2) {width:auto; margin:10px 0 0 0;}
	.onlineshop-user .clm3 {margin:20px 0 0 0;}
	.onlineshop-user .clm3 > div {width:auto; margin:5px 0 0 0;}
	.onlineshop-user .clm3 > div > div:nth-of-type(1),
	.onlineshop-user .clm3 > div > div:nth-of-type(3) {width:2.3em; white-space:nowrap;}
	.onlineshop-user .clm3 > div > div:nth-of-type(3) {margin:0 0 0 10px;}
	.onlineshop-user .clm3 > div > div:nth-of-type(2),
	.onlineshop-user .clm3 > div > div:nth-of-type(4) {flex:1;}
	.onlineshop-user .clm5 > div {display:block;}
	.onlineshop-user .clm5 > div > p {width:auto; font-size:80%; line-height:1.8;}
	.onlineshop-user .clm5 > div > p br {display:none;}
	.onlineshop-user .clm6 {width:auto;}
}

.onlineshop-user-history {height:92px; overflow-x:hidden; overflow-y:auto;}
.onlineshop-user-history ul {margin:0 -5px; display:flex; flex-wrap:wrap;}
.onlineshop-user-history ul > li {width:10em; padding:5px; box-sizing:border-box;}
.onlineshop-user-history ul > li a {width:100%; height:35px; text-decoration:none; background:#eee; border:solid 1px #999; border-radius:2px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}

.onlineshop-order-set .clm1 {width:10em; text-align:center; position:relative;}
.onlineshop-order-set .clm1 input {text-align:right; padding-right:2.6em;}
.onlineshop-order-set .clm1 .week {font-size:90%; line-height:1; margin:-0.55em 0 0 0; position:absolute; top:50%; right:10px; pointer-events:none;}
.onlineshop-order-set .clm3 {display:flex; flex-wrap:wrap; align-items:center;}
.onlineshop-order-set .clm3 > div:nth-of-type(1) {width:15em; margin:0 15px 0 0;}
.onlineshop-order-set .clm3 .btn {margin:0;}
.onlineshop-order-set .clm3 .btn button {width:10em; height:40px; font-size:1.4rem; line-height:1; color:#000; margin:0; background:#eee; border:solid 1px #999; border-radius:2px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.onlineshop-itmes-set .clm1 > div {padding:5px 10px; display:flex; justify-content:space-between; align-items:center;}
.onlineshop-itmes-set .clm1 > div:nth-of-type(odd) {background-color:#eee;}
.onlineshop-itmes-set .clm1 > div > div:nth-of-type(1) {flex:1;}
.onlineshop-itmes-set .clm1 > div > div:nth-of-type(1) .sub {font-size:80%; white-space:nowrap;}
.onlineshop-itmes-set .clm1 > div > div:nth-of-type(2) {width:46.0vw; padding:0 0 0 10px; box-sizing:border-box;}
.onlineshop-itmes-set .clm1 > div > div:nth-of-type(2) > div {padding:2px 0;}
.onlineshop-itmes-set .clm1 > div > div:nth-of-type(2) > div.hide {display:none;}
.onlineshop-itmes-set .clm2 > div {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(1) {flex:1;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(1) .sub {font-size:80%; white-space:nowrap;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(2) {width:8.0em; padding:0 0 0 10px; box-sizing:border-box; display:flex; align-items:center;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(2) > div:nth-of-type(1) {flex:1;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(2) > div:nth-of-type(2) {line-height:1.1; padding:0 0 0 3px;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(2) > div:nth-of-type(2) .sub {font-size:80%; white-space:nowrap; display:block;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(3) {width:6.5em; padding:0 0 0 10px; box-sizing:border-box; display:flex; align-items:center;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(3) > div:nth-of-type(1) {flex:1;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(3) > div:nth-of-type(2) {line-height:1.1; padding:0 0 0 3px;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(3) > div:nth-of-type(2) .sub {font-size:80%; white-space:nowrap; display:block;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(4) {width:20.0em; padding:0 0 0 10px; box-sizing:border-box;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(4) > div {padding:2px 0;}
.onlineshop-itmes-set .clm2 > div > div:nth-of-type(4) > div.hide {display:none;}
.onlineshop-itmes-set .clm3 {white-space:nowrap; display:flex; align-items:center;}
.onlineshop-itmes-set .clm3 > input + div {display:block;}
.onlineshop-itmes-set .clm3 > input + div + div {display:none;}
.onlineshop-itmes-set .clm3 > input:checked + div {display:none;}
.onlineshop-itmes-set .clm3 > input:checked + div + div {display:block;}
.onlineshop-itmes-set .clm3 > div {width:100%; padding:0 0 0 10px; box-sizing:border-box;}
.online-select-list {width:100%; height:100%; padding:15px; background-color:rgba(0,0,0,0.7); box-sizing:border-box; position:fixed; top:0; left:0; z-index:500; opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
.online-select-list.on {opacity:1; pointer-events:auto;}
.online-select-list > div {height:100%; background-color:#fff; overflow:auto;}
.online-select-list > div > div {padding:15px;}
.online-select-list .search input {padding:5px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box;}
.online-select-list .search input {width:15em; height:36px; border-radius:2px 0 0 2px; box-sizing:border-box; outline:none;}
.online-select-list .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;}
.online-select-list ul {margin:15px 0 0 0; display:flex; flex-wrap:wrap;}
.online-select-list ul > li.w100 {width:100%; text-align:center;}
.online-select-list ul > li {width:50%; text-align:left; padding:5px 10px; box-sizing:border-box;}
.online-select-list ul > li.hide {display:none;}
.online-select-list ul > li.del {display:none;}
.online-select-list ul > li.no {display:none;}
.online-select-list ul > li.add-off {display:none;}
.online-select-list ul > li .tag {font-size:80%; color:#fff; margin:0 0 0 5px; padding:0 0.3em; background-color:#666; border-radius:3px; display:inline-block;}
.online-select-list label {width:100%; min-height:4em; padding:2px 10px; background:#eee; border:solid 1px #999; border-radius:2px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.online-select-list label > span {width:100%; display:block;}
.online-select-list .sub {font-size:80%; line-height:1.2; display:block;}
.online-select-list .close-btn {text-align:center; padding:0 0 30px 0;}
.online-select-list .close-btn > span {width:300px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:15px auto 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; cursor:pointer;}
.online-select-list.add-obj ul > li.del {width:100%; display:block;}
.online-select-list.add-obj ul > li.no {display:none;}
.online-select-list.add-obj ul > li.add-off {display:none;}
.online-select-list.add-set-obj ul > li.del {width:100%; display:block;}
.online-select-list.add-set-obj ul > li.add-off {display:block;}
.online-select-list.add-set-obj ul > li.no,
.online-select-list.add-set-obj ul > li.no.add-off {display:none;}
.online-select-list.add-set-obj ul > li.set,
.online-select-list.add-set-obj ul > li.set.add-off {display:none;}
@media screen and (max-width:1000px){
	.onlineshop-itmes-set .clm2 > div > div:nth-of-type(1) {width:100%; flex:0 0 auto;}
	.onlineshop-itmes-set .clm2 > div > div:nth-of-type(2) {width:60%; padding:4px 0 2px 0;}
	.onlineshop-itmes-set .clm2 > div > div:nth-of-type(3) {width:40%; padding:4px 0 2px 20px;}
	.onlineshop-itmes-set .clm2 > div > div:nth-of-type(4) {width:100%; padding:0;}
}
@media screen and (max-width:700px){
	.onlineshop-order-set .clm1 {width:11em;}
	.onlineshop-order-set .clm3 {display:block;}
	.onlineshop-order-set .clm3 > div:nth-of-type(1) {width:auto; margin:0 0 10px 0;}
	.online-select-list ul > li {width:100%;}
}

.onlineshop-client-form .clm1 {display:flex; justify-content:space-between; align-items:center;}
.onlineshop-client-form .clm1 > div:nth-of-type(1) {padding:0 5px 0 0; flex:1;}
.onlineshop-client-form select.table2 {background-color:#fff;}
.onlineshop-client-form select.table2.selected {background-color:#eee;}
.onlineshop-client-form .select-products-btn {width:7em; height:30px; line-height:1; background:#eee; border:solid 1px #999; border-radius:2px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
@media screen and (max-width:700px){
	.onlineshop-client-form .clm1 {display:block;}
	.onlineshop-client-form .clm1 > div:nth-of-type(1) {width:100%; padding:0 0 5px 0;}
	.onlineshop-client-form .clone-sec .btn-set {margin:0; top:15px;}
}


/* items */
.items-table.hide {display:none;}
.items-set-sec .add-item {padding:0 0 5px 0;}
.items-set-sec .add-item.hide {display:none;}

.items-select-list {width:100%; height:100%; padding:15px; background-color:rgba(0,0,0,0.7); box-sizing:border-box; position:fixed; top:0; left:0; z-index:500; opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
.items-select-list.on {opacity:1; pointer-events:auto;}
.items-select-list > div {height:100%; background-color:#fff; overflow:auto;}
.items-select-list > div > div {padding:15px;}
.items-select-list .search input {padding:5px; background-color:#fff; border:solid 1px #666; border-radius:2px; box-sizing:border-box;}
.items-select-list .search input {width:15em; height:36px; border-radius:2px 0 0 2px; box-sizing:border-box; outline:none;}
.items-select-list .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;}
.items-select-list ul {margin:15px 0 0 0; display:flex; flex-wrap:wrap;}
.items-select-list ul > li.w100 {width:100%; text-align:center;}
.items-select-list ul > li {width:50%; text-align:left; padding:5px 10px; box-sizing:border-box;}
.items-select-list ul > li.hide {display:none;}
.items-select-list label {width:100%; min-height:4em; padding:2px 10px; background:#eee; border:solid 1px #999; border-radius:2px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.items-select-list label > span {width:100%; display:block;}
.items-select-list .sub {font-size:80%; line-height:1.2; display:block;}
.items-select-list .close-btn {text-align:center; padding:0 0 30px 0;}
.items-select-list .close-btn > span {width:300px; font-size:1.8rem; text-align:center; text-decoration:none; color:#fff; margin:15px auto 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; cursor:pointer;}

/* sales-item-list-print-obj */
.sales-item-list-print-obj {width:100%; text-align:left; pointer-events:none; opacity:0; position:fixed;}
.sales-item-list-print-obj .time {font-size:0.9rem; color:#999; position:absolute; top:0; right:0;}
.sales-item-list-print-obj .order-conf .ttl {font-size:1.1rem;}
.sales-item-list-print-obj .order-conf .clm {font-size:0.9rem;}
.sales-item-list-print-obj .order-conf .head {padding:1px 0;}
.sales-item-list-print-obj .order-conf .body {padding:1px 0; overflow:hidden;}
.sales-item-list-print-obj .order-conf .body .clm {width:100%;}
.sales-item-list-print-obj .order-conf .clm .month {display:none;}
.sales-item-list-print-obj .order-conf .clm > div > div > span,
.sales-item-list-print-obj .order-conf .clm > div > div > a {height:1.6em; line-height:1;}
.sales-item-list-print-obj .order-conf .clm > div:first-of-type > div > span,
.sales-item-list-print-obj .order-conf .clm > div:first-of-type > div > a {height:2.4em; line-height:1;}
.sales-item-list-print-obj .order-conf-table.items {padding:0 0 0 200px;}
.sales-item-list-print-obj .order-conf .items .head {width:200px;}

.sales-item-list-print-obj .order-conf.type2  .items .head {width:100%;}
.sales-item-list-print-obj .order-conf.type2 .clm {margin:10px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sales-item-list-print-obj .order-conf.type2 .clm > div {width:49%;}
.sales-item-list-print-obj .order-conf.type2 .clm > div.date {display:none;}
.sales-item-list-print-obj .order-conf.type2 .clm > div:nth-of-type(odd) {background-color:#fff;}
.sales-item-list-print-obj .order-conf.type2 .clm > div:nth-of-type(even) {background-color:#fff;}
.sales-item-list-print-obj .order-conf.type2 .clm > div:nth-of-type(4n+1) {background-color:#fff;}
.sales-item-list-print-obj .order-conf.type2 .clm > div:nth-of-type(4n+4) {background-color:#fff;}
.sales-item-list-print-obj .order-conf.type2 .items .head .clm > div > div:nth-of-type(1) {order:2; width:5em;}
.sales-item-list-print-obj .order-conf.type2 .items .head .clm > div > div:nth-of-type(2) {order:1;}
.sales-item-list-print-obj .order-conf.type2 .body {display:none;}