#containers {
	width:100%;
	padding:0px;
	margin:0;
	background:#fff;
}

/* ヘッダー */
[class*="LNWicon"].headericon:before {
	font-size:29px;
	top: -12px;
	left:-6px;
}
@media (max-width: 767px) {
	[class*="LNWicon"].headericon:before {
		font-size:29px;
		top: -11px;
		left:-6px;
	}
}


table.visible-xs {
	display: table;
}
tr.visible-xs {
	display: table-row !important;
}
th.visible-xs,
td.visible-xs {
	display: table-cell !important;
}
header#top {
	/* padding:10px 0px 10px 10px; */
    padding: 0px;
	background:#fff;
	border-bottom: solid 1px #D0D0D0

}
header div.icon {
	display:inline-block;
}
header h1 {
	display:inline-block;
	font-size:1.1em;
	padding:0;
	margin:0;
}
header h1 span{
	display:block;
	font-size:0.5em;
	color:#8CCFD2;
	padding:1px 0px 0px;
}
header h1 b{
	display:block;
	margin-top: 3px;
}
header #exit-btn {
	position:absolute;
	top:8px;
	right:8px;
	width:90px;
}
/* 縦並びinputBOXのスペース */
.input-padd5 {
    padding:0 0 5px;
}


/* チェックマーク付きラジオボタンのスタイル */

.checkicon-valid .btn span {
    display:block;
    position:absolute;
    width:18px;
    height:18px;
    top:50%;
    left:8px;
    margin:-8px 0 0;
}
.checkicon-valid .btn span:before {
    font-family: 'LNWicons';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "い";
    opacity: 0;
    color:#000;
    width: 20px;
    height: 18px;
    display: block;
}
.checkicon-valid .btn.active span:before {
    opacity:1;
    color:#333;
}
.radiobox-header {
    text-align:left;
    padding-left:21px;
}

/* フッター設定 */


/*フッター前の空間*/
.cussion-footer {
    padding:15px;
}

footer#mvbtn {
    background:#fff;
    box-shadow:0 0 4px rgba(0,0,0,0.2);
    padding: 5px 0 0;
    height: 55px;
}

/* 個人情報保護方針 */
.privacypolicy-box {
    border:1px solid #ddd;
    background:#fff;
    border-radius:10px;
    color:#444;
    font-size:0.7em;
    padding:8px;
    height:110px;
    overflow-y:scroll;
}
.privacypolicy-box h1,
.privacypolicy-box h2,
.privacypolicy-box h3,
.privacypolicy-box h4,
.privacypolicy-box h5,
.privacypolicy-box h6 {
    font-size:1.2em;
    font-weight:bold;

}
.privacypolicy-box ul,
.privacypolicy-box ol,
.privacypolicy-box dl {
    padding:10px 0 10px 20px;
}
/* ユーザーaccount情報欄 */
.account-info-default {
    border:1px solid #ddd;
    background:#eee;
    border-radius:10px;
    color:#999;
    padding:8px;
}



/*=============================

共通（CMN）

=============================*/

/*カードの有効期期限*/
.bsselect-slash {
    text-align:center;
    font-size:24px;
}

/*ローディングレイヤー*/
#loadingbox {
    background:#fff;
    transition:0.5s;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    overflow: hidden;

}
#loadingbox>img#load {
    position: absolute;
    top:38%;
    left:50%;
    margin:-25px 0 0 -25px;
}
#loadingbox>div.txts{
    max-width:600px;
    position: relative;
    top:50%;
    color:#888;
    margin:0 auto;
    padding:0 30px;
    text-align:center;
}


/*=============================

フォトブック

=============================*/

/* アップロード画面画像数 */
.pictnumbers {
    margin:0 5px;
    border-radius:5px;
    background:#fff;
    border:1px solid #ddd;
}
.pictnumbers>dl {
    width:50%;
    margin:0;
    padding:0;

}
.pictnumbers>dl:first-of-type {
    border-right:1px solid #ddd;
}
.pictnumbers>dl>dt,
.pictnumbers>dl>dd {
    width:49%;
    padding:0.5%;
    text-align:center;
    float:left;
    box-sizing:border-box;
}
.pictnumbers>dl>dt {padding-top:11px;}
.pictnumbers>dl>dd {}


/*アップローダーのBOX*/
.uploadimgs {
    margin:0;
    padding:0.3px;
}
.uploadimgs>li{
    border-bottom:1px solid #eee;
    list-style: none;
    padding:5px;
}
.uploadimgs>li:last-of-type{
    border-bottom:0 none;
}
.uploadimgs>li>figure{
    width:60px;
    height:60px;
    overflow:hidden;
    float:left;
    text-align:center;
}
.uploadimgs>li>figure+div{
    width:69%;
    padding:5px;
    float:left;
}
.uploadimgs>li>figure+div>*{
    padding:0;
    margin:0;
}
.uploadimgs>li>figure+div>h2{
    font-weight:bold;
    padding-bottom:3px;
}
.uploadimgs>li>figure+div>h2>span {
    display:inline-block;
    padding-left:5px;
    font-weight:400;
}
.uploadimgs>li>figure+div>p {
    padding-bottom:3px;
}
.uploadimgs>li>figure+div+div{
    width:10%;
    float:left;
    padding-top: 14px;
    text-align:right;
}
.uploadimgs>li>figure+div+div button{
    padding-left:4px;
    padding-right:0px;
}
.progress {
    height: 12px;
}
.uploadcomp {
    padding: 5px 0 0 8px;
}

/*画像一覧スタイル*/
.uploadedimgs {
    margin:0;
    padding:0.3px;
    list-style:none;
}
.uploadedimgs>li{
    width:20%;
    float:left;
    padding:0px 2px 3px;
    box-sizing:border-box;
}
.uploadedimgs>li:nth-of-type(5n){}
.uploadedimgs>li:last-of-type{
    border-bottom:0 none;
}
.uploadedimgs>li>figure{
    width:100%;
    overflow:hidden;
    position:relative;
}
/*
#rearrangebox{
position:relative;
top:0;
}
*/



#rearrangebox {
    position: relative;
    top: 0;
    z-index: 100;
}

#rearrangebox.fixed{
    position: fixed;
    top:0;
}
#rearrangebox li>figure.selected,
.uploadedimgs>li>figure.selected,
.uploadedimgs>li>figure.turned{
    border:3px solid #66E286;
}
.uploadedimgs>li>figure.selected:before{
    position: absolute;
    color:#66E286;
    top: 50%;
    left:50%;
    margin: -10px 0 0 -10px;
    display: inline-block;
    font-family: 'LNWicons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size:1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "い";
    z-index:100;
}
.uploadedimgs>li>figure.turned:before{
    position: absolute;
    color:#66E286;
    bottom:7%;
    left:3%;
    margin: 0 0 0 0;
    display: inline-block;
    font-family: 'LNWicons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "ぃ";
    z-index:100;
    height:1em;
}

/* 注文画面 */

.orderdetail{
    display:none;
}
.nav > li > a {
    border-top:1px solid #f2f2f2 ;
    border-left:1px solid #f2f2f2 ;
    border-right:1px solid #f2f2f2 ;
}
.nav > li.active > a:before {
    font-family: 'LNWicons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "い ";
    z-index:100;
    height:1em;
    color:#66E286;
}
/* トリミングBOXのスタイル */
#trimingbox {
    width:100%;
    height:0;
    overflow:hidden;
    position:relative;
    /*background: url(../../../img/trimbg.png);*/
    border-bottom: 1px solid #ddd;
}

#trimingbox #trimingarea {
    width:100%;
    position:absolute;
    top:0%;
    left:0%;
    display:block;
}

/* フォトブック */
.img-rearrange {
    height: 105px;
    width:100%;
    overflow-x:scroll;
    padding:5px 0 0;
}
.img-rearrange>div {
    width:10000px;
}
.img-rearrange ul {
    float:left;
    list-style:none;
    margin:0;
    padding:3px 0px 3px 7px;
}
.img-rearrange ul li {
    width:64px;
    float:left;
    padding:0 4px 0 0;
}
.img-rearrange ul>li figure {
    width:60px;
    height:60px;
    padding:0;
}
.img-rearrange ul>li p {
    font-size:10px;
    margin:0;
    padding: 1px 4px 0 0;
}
.img-rearrange ul>li:nth-of-type(2) {
    width:69px;
    padding:0;
}
.img-rearrange ul>li:nth-of-type(2) figure {
    width:69px;
    padding-right:7px;
    border-right:2px solid #888;
}
.img-rearrange ul>li:nth-of-type(2) p {
    padding-right:7px;
    border-right:2px solid #fff;
    font-size:10px;
}
.img-rearrange ul:last-of-type>li:nth-of-type(2) figure {
    width:69px;
    padding-right:9px;
    border-right:none;
}
.img-rearrange ul:last-of-type>li:nth-of-type(2) p {
    padding-right:9px;
    border-right:none;
}
.ASC-DESC figure {
    opacity:0.4;
}

.JIBUNDE figure.selected {
}
.JIBUNDE figure.selected img {
    opacity:0.3;
}

.ppreview {
    position:relative;
    padding:10px 0;
}
.ppreview-right {
    padding:0;
    position:relative;
    width:86%;
}
.ppreview-right .pprebasedesign {
    width:100%;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}
#ppreviewtrimsize.hiro {
    width:61%;
    position:absolute;
    right:11.3%;
}
#ppreviewtrimsize.full {
    position:absolute;
    right:0%;
    top:0%;
}

.ppreview-right .reload {
    width:100px;
    height:133px;
    position:absolute;
    top:50%;
    right:39.6%;
    z-index:200;
    margin:-67px -50px 0 0;
}
.ppreview-right .area {
    width:84%;
    position:absolute;
    top:0;
    right:0;
    z-index:200;
}


.ppreview-left #ppreviewtrimsize.hiro {
    width:61%;
    position:absolute;
    left:11.3%;
}
.ppreview-left #ppreviewtrimsize.full {
    position:absolute;
    left:0%;
    top:0%;
}
#ppreviewtrimsize img {
    width:100%;
}
.ppreview-left {
    padding:0;
    position:relative;
    width:86%;
    margin-left:14%;
}
.ppreview-left .pprebasedesign {
    width:100%;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.ppreview-left .reload {
    width:100px;
    height:133px;
    position:absolute;
    top:50%;
    left:39.6%;
    z-index:200;
    margin:-67px 0 0 -50px;
}

.ppreview-left .area {
    width:84%;
    position:absolute;
    top:0;
    left:0;
    z-index:200;
}
[class*="ppreview"] [class*="pgmov"] {
    position:absolute;
    top:50%;
    font-size:18px;
    border-radius:100px;
    border:1px solid rgba(0,0,0,0.5);
    color:rgba(0,0,0,0.6);
    background:rgba(255,255,255,0.5);
    padding: 10px;
    width: 54px;
    text-align:center;
    z-index:300;
    margin: -24px 0 0 0;
}
[class*="ppreview"] [class*="pgmov"]:hover ,
[class*="ppreview"] [class*="pgmov"]:active{
    border:1px solid rgba(0,0,0,1);
    color:rgba(0,0,0,1);
    background:rgba(255,255,255,0.8);
}

[class*="ppreview"] [class*="pgmov"] span:before{
    top: 1px;
    position: relative;
}
.pgmov-left{
    left:2%;
}
.pgmov-right{
    right:2%;
}

.design-select {
    background:#444;
    padding:5px 0;
    margin:0 0 10px;
}
.left-arrow{border-radius: 3px 10px 10px 3px;}
.right-arrow{border-radius: 10px 3px 3px 10px;}
.design-select select {margin-bottom: 0px;}

.dark-back {
    background:#444;
    color:#fff;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
}
.dark-back img.glow {
    box-shadow: 0 0 5px rgba(0,0,0,0.6);
}
.honmi>.nopaddwide-col>.col-xs-5 figure{
    position:relative;
}
.honmi>.nopaddwide-col>div:nth-child(2) figure:before {
    display:block;
    content:"　";
    z-index:100;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background-size:40% 100%;
}
.honmi>.nopaddwide-col>div:nth-child(3) figure:before {
    display:block;
    content:"　";
    z-index:100;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background-size:40% 100%;
}
.honmi>.nopaddwide-col>div figure:after {
    content:"ぉ";
    z-index:100;
    display: inline-block;
    font-family: 'LNWicons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size:24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-12px;
    margin-left:-12px;
    color:rgba(255,255,255,0.8);
    text-shadow:0 0 8px rgba(0,0,0,0.30),0 0 6px rgba(0,0,0,0.20),0 0 4px rgba(0,0,0,0.20),0 0 2px rgba(0,0,0,0.10);
}
.orderdetail .honmi>.nopaddwide-col>div:nth-child(2) figure:before,
.orderdetail .honmi>.nopaddwide-col>div:nth-child(3) figure:before {
    background:none;
}
.orderdetail .honmi>.nopaddwide-col {
    padding:0 7px;

}
.orderdetail .honmi>.nopaddwide-col>div>figure{
    position:relative;
}
.orderdetail .honmi>.nopaddwide-col>div>figure:before{
    display:block;
    content:"　";
    z-index:100;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
}


.orderdetail .honmi>.nopaddwide-col>div figure:after {
    content:" ";
}
.pos-rel {position:relative;}
.pos-rel button {
    width:100%;
    text-align:center;
    padding:0;
}
.pos-rel button .LNWicon-dustbox:before {
    right:0;
}


.pos-rel button {
    position:relative;
    z-index:200;
}
.pos-rel>button {
    position: absolute;
    top: auto;
    bottom: -28px;
}
.honmi>div>div:nth-of-type(1)>button {
    left: 18px;
}
.honmi>div>div:nth-of-type(4)>button {
    right: 18px;
}
.honmi>div>div:nth-of-type(1) .movebutton {
    position:absolute;
    top:50%;
    right:-80%;
    margin:-20px 0 0 0;
}
.honmi>div>div:nth-of-type(4) .movebutton {
    position:absolute;
    top:50%;
    left:-80%;
    margin:-20px 0 0 0;
}
.movebutton button {
    width:40px;
    height:40px;
    text-align:center;
    padding: 0;
    border-radius:30px;
    background:rgba(255,255,255,0.4);
    text-shadow:0 0 8px rgba(255,255,255,0.99),0 0 6px rgba(255,255,255,0.99),0 0 4px rgba(255,255,255,0.99),0 0 2px rgba(255,255,255,0.99);
}
.movebutton button span:before {
    right:0;
    top:50%;
    left:50%;
    margin:-8px 0 0 -11px;
    font-size:1.6em;
}
.editmark{
    width:100px;
    height:24px;
    position:absolute;
    z-index:200;
    bottom:-5px;
    left:50%;
    margin:0 0 0 -50px;
    text-align:center;
}
.editmark span{
    display: inline-block;
    padding: 3.3px 0 0 4px;
    width: 24px;
    height: 24px;
    margin: 0 2.5px 0;
    border-radius: 15px;
    text-align: center;
    background:#66E286;
}
.editmark span:before{
    color:#fff;
    font-size:14px;
    text-shadow:0 0 1px rgba(69,188,79,0.8);
    top: 5px;
    right: 5px;
}
.print-setting .editmark{
    display:inline-block;
    position:relative;
    width:22px;
    height:10px;
    top:0;
    left:0;
    bottom:0;
    margin:0;
    text-align:center;
}
.print-setting .editmark span{
    position:absolute;
    top:-1.5px;
    left:3px;
    padding: 0;
    width: 14px;
    height: 14px;
    margin: 0;
}
.print-setting .editmark span:before{
    color:#fff;
    font-size:8px;
    top:3.5px;
    right:3px;
    margin: 0;
}
.attention.well{
    margin:0 0 15px;
    background:#fff;
}
.attention.well ul{
    margin:0;
}
#cautionMessage {
    font-weight: bold;
    color: red;
    font-size: 12px;
    white-space: pre-line;
}

/* 移動モード */
body#move-mode .honmi .editmark{
    display:none;
}
body#move-mode .honmi .col-xs-1 button {
    display:none;
}
body#move-mode .honmi>.nopaddwide-col>div figure:after {
    content: "ここに移動 Move";
    z-index: 100;
    display: inline-block;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 12px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    padding: 10px 15px;
    width: 100px;
    border-radius: 4px;
    margin-left: -50px;
    color: #FFF;
    text-shadow: 0 0 8px #000,0 0 6px #000,0 0 4px #000,0 0 2px #000;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}
body#move-mode .honmi>.nopaddwide-col>div#selected-pict figure {
    box-shadow:0 0 40px #8CCFD2,0 0 30px #8CCFD2,0 0 20px #8CCFD2,0 0 10px #8CCFD2,0 0 5px #8CCFD2;
    z-index:90;

}
body#move-mode .honmi>.nopaddwide-col>div#selected-pict figure:after {
    content: "く";
    z-index: 100;
    display: inline-block;
    font-family: 'LNWicons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    padding: 10px 15px 10px 25px;
    width: 100px;
    border-radius: 4px;
    margin-left: -50px;
    color: #8CCFD2;
    background: none;
    text-shadow: 0 0 8px #000,0 0 6px #000,0 0 4px #000,0 0 2px #000;
}

[id*="scrarea"]{
    display:none;
}

#move-mode [id*="scrarea"]{
    display:block;
    position:fixed;
    width:100%;
    height:100px;
    z-index:300;
}
@media (min-width: 767px){
    #move-mode [id*="scrarea"]{
        width:800px;
        left:50%;
        margin-left:-400px;
    }
}
#move-mode #scrarea-prev {
    top:0;
    background:url(../../../img/img02-22.svg) center center no-repeat rgba(0,0,0,0.6);
}
#move-mode #scrarea-next {
    bottom:0;
    background:url(../../../img/img02-23.svg) center center no-repeat rgba(0,0,0,0.6);
}


/* 空白ページ */

.honmi>div#emptypage.nopaddwide-col>div:nth-of-type(4) button {
    display:none;
}
.honmi>div#emptypage.nopaddwide-col>div:nth-of-type(3) figure:after {
    display:none;
}
.honmi>div#emptypage.nopaddwide-col>div:nth-of-type(3) figure>button {
    position: absolute;
    bottom: 15px;
    z-index: 200;
    width: 90px;
    left: 50%;
    margin-left: -45px;
}




/* プリント */
.print-setting figure{
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.print-setting h2 {
    font-size:0.7em;
    padding:0 0 2px;
    margin:0;
    text-align:left;
    font-weight:400;
    position:relative;
}
.print-setting h2 b {
    font-weight:900;
}
.print-setting,
.print-setting li,
.print-setting dl {
    list-style-type: none;
    padding:0;
    margin:0;
    font-size:1em;
}
.print-setting dl dt {
    font-size:0.6em;
    color:#bbb;
    font-weight:400;
    text-align:center;
    padding: 7px 0 0;
}
.print-setting dl dd {
    font-size:0.8em;
    color:#333;
    font-weight:900;
    text-align:center;
}
.print-setting>li {
    padding:10px 0 8px 10px;
    border-bottom:1px solid #ddd;
}
.print-setting>li:last-of-type {
    border-bottom:none;
}
.print-setting .editbtn button {
    height: 32px;
    padding:0;
}
.print-setting .editbtn button span {
    width: 1.65em;
    font-size:1em;
}
.print-setting .editbtn button+button{
    margin:10px 0 0;
}
.print-setting .editbtn span.LNWicon-rotateC:before{
}
.print-setting>li ul {
    list-style:none;
    padding:0;
    margin:3px 0 0;
}
.print-setting>li ul li {
    padding:2px 2px;
    font-size:0.8em;
    font-weight:900;
}
.print-setting>li ul li>span {
    width:1.3em;
    color:#777;
}
.print-setting>li ul li>span:before {
    top: 2px;
}
.nxt-prv-img  {
    position:relative;
    list-style-type:none;
    padding:0;
    margin:0;
    height:100px;
}
.nxt-prv-img li {
    width:100px;
    height:100px;
    float:left;
    position:absolute;
}
.nxt-prv-img li figure {
    overflow:hidden;
    width:100%;
    height:100%;
}
.nxt-prv-img li:nth-of-type(1) {
    top:0;
    left:-10px;
}
.nxt-prv-img li:nth-of-type(2) {
    top:0;
    left:50%;
    margin:0 0 0 -50px;
}
.nxt-prv-img li:nth-of-type(2) figure {
    border:3px solid #fff;
    box-shadow:inset 0 0 2px rgba(0,0,0,0.4),0 0 3px rgba(0,0,0,0.2);
}
.nxt-prv-img li button {
    position:absolute;
    width:90px;
    height:90px;
    top:50%;
    left:50%;
    margin:-45px 0 0 -45px;
    z-index:100;
    font-size:0.7em;
    background:rgba(255,255,255,0.4);
    text-shadow:0 0 5px rgba(255,255,255,0.4),0 0 4px rgba(255,255,255,0.4),0 0 2px rgba(255,255,255,0.4);
}
.nxt-prv-img li:nth-of-type(3) {
    position:absolute;
    top:0;
    right:-10px;
}
.nxt-prv-img li:nth-of-type(1) figure img,
.nxt-prv-img li:nth-of-type(3) figure img {
    opacity:0.5;
}

/*2014-06-27
日付入力テキストBOX
*/
#date-y:after,
#date-m:after {
    content:".";
    position:absolute;
    bottom:-7px;
    right:-2px;
}


/*2014-07-04
画像追加時のマーキング
*/

li.addimgs h2 {
    color:#66E286;
}

/*2014-07-04
画像追加時のマーキング
*/
li.errorsetting {
    background:#fff0f0;
    border-color:#ffd6d6;
}
li.errorsetting h2 ,
li.errorsetting li.errorset ,
li.errorsetting li.errorset span:before{
    color:#BB665E;
}

/* ===============================================================================================================================

PC版 スタイル

=============================================================================================================================== */



@media (min-width: 767px) {




    body {
        background:#444;
    }

    #LEFTcol.width100 {
        width:100%;
    }
    #LEFTcol.width100 .uploadedimgs>li {
        width:10%;
    }
    #RIGHTcol {
        box-shadow:inset 0 0 3px rgba(0,0,0,0.1);
    }
    #RIGHTcol.width0 {
        display:none;
    }
    #pnkzlist {
        list-style:none;
        margin:0;
        padding:0;
    }
    #pnkzlist li{
        margin:0;
        padding:20px;
        text-align:left;
        font-size:15px;
        color:rgba(0,0,0,0.5);
        border-bottom:1px solid rgba(0,0,0,0.3);
    }
    #pnkzlist li.here{
        box-shadow:inset 0 0 3px rgba(0,0,0,0.02);
        background:rgba(0,0,0,0.08);
        text-align:left;
        font-size:15px;
        color:#fff;
    }
    #pnkzlist li span:before{
        top:2px;
    }




    .uploadimgs>li>figure+div{
        width:74%;
        padding:5px;
        float:left;
    }
    .uploadimgs>li>figure+div>*{
        padding:0;
        margin:0;
    }
    .uploadimgs>li>figure+div>h2{
        font-weight:bold;
        padding-bottom:3px;
    }
    .uploadimgs>li>figure+div>h2>span {
        display:inline-block;
        padding-left:5px;
        font-weight:400;
    }
    .uploadimgs>li>figure+div>p {
        padding-bottom:3px;
    }
    .uploadimgs>li>figure+div+div{
        width:10%;
        float:left;
        padding-top: 14px;
        text-align:right;
    }
    .uploadimgs>li>figure+div+div button{
        padding-left:4px;
        padding-right:0px;
    }
    .progress {
        height: 12px;
    }
    .uploadcomp {
        padding: 5px 0 0 8px;
    }



    .uploadedimgs>li>figure.selected:before {
        margin: -13px 0 0 -13px;
        font-size: 2em;
    }

    .design-select {
        padding: 10px 0 0;
    }


    #containers {
        background:#555;
    }
    #LEFTcol {
        background:#f7f7f7;
        box-shadow: 1px 0px 1px rgba(0,0,0,0.2);
    }

    footer#mvbtn {
        height:auto;
        background: rgba(0,0,0,0.4);
        box-shadow: 0 0 4px rgba(0,0,0,0.2);
        padding: 20px;
        color:#fff;
    }

    .honmi>div>div:nth-of-type(1) .movebutton {
        right:-140%;
    }
    .honmi>div>div:nth-of-type(4) .movebutton {
        left:-140%;
    }
    .print-setting dl dd {
        font-size: 0.9em;
    }
    .print-setting .editmark span:before {
        top: 2.5px;
        right: 2.4px;
    }
    .print-setting>li ul li {
        padding:2px 2px;
        font-size:1em;
    }
    .print-setting>li ul li span{
        font-size:1.1em;
    }
}

@media (min-width: 800px) {

    #containers {
        margin-left:auto;
        margin-right:auto;
        box-shadow:0 0 7px rgba(0,0,0,0.3),0 0 4px rgba(0,0,0,0.3),0 0 1px rgba(0,0,0,0.6);
        max-width:800px;
    }
}


#LEFTcol {
    min-height: calc(100dvh - 66px);
}