html{touch-action:manipulation}.ui-message-info,.ui-message-error,.ui-message-warn,.ui-message-fatal{margin:0}.pc .ui-fileupload .ui-fileupload-content{border-bottom:2px dashed #b6b7c2;border-left:2px dashed #b6b7c2;border-right:2px dashed #b6b7c2}.pc .layout-wrapper .layout-main .layout-content{padding:44px 0 0 0}.pc .layout-wrapper .layout-main .layout-content .layout-content-container{padding:16px 16px 24px 16px}.pc .layout-wrapper .layout-main .layout-topbar{height:58px;padding:8px 24px}.card img{width:100%;height:auto}
.no-margin{margin:0}.ime-on{ime-mode:active}.ime-off{ime-mode:inactive}.ime-disabled{ime-mode:disabled}.paragraph{white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word}.com-cmd-panel{float:right}.com-cmd-panel:after{content:" ";display:block;clear:both}.com-cmd-panel .ui-button{margin:0;width:auto}.com-cmd-panel .remove-link{font-size:.8em;margin-right:2em}.com-cmd-panel .edit-link{font-size:.9em}.com-nopad{padding:0}.com-norpad{padding-right:0}.text-center{text-align:center}
.text-left{text-align:left}.text-right{text-align:right}.layout-panel{border:0 none;background-color:transparent}.ui-button.light-gray-btn{background-color:#d8d8d8;color:black}.ui-button.light-gray-btn.ui-state-hover{background-color:#c2c2c2}.ui-button.light-gray-btn.ui-state-focus{background-color:#c2c2c2}.ui-button.light-gray-btn.ui-state-active{background-color:#acacac}.ui-datatable .ui-datatable-data img{pointer-events:none}.com-toolpanel-button{position:fixed;left:0;bottom:2em}.topics-web-mobile .topbar .shop-name{font-size:.9em;text-align:center;position:relative}
.topics-web-mobile .topbar .shop-name .user-name{position:absolute;top:0;right:.5rem}.topics-web-mobile .topbar .vertical-box{display:table;height:70%;width:100%}.topics-web-mobile .topbar .title{display:table-cell;vertical-align:middle;text-align:center;word-break:break-all;overflow-wrap:break-word;font-size:1.4em}.topics-web-mobile .topbar .ui-button{margin-top:1em}.topics-web-mobile .toolpanel{position:fixed;float:right;top:calc(100vh / 5);right:.2em;bottom:unset;left:unset;width:calc(100vw / 12)}
.topics-web-mobile .toolpanel button{margin:.2em;width:calc(100vw / 12);height:calc(100vw / 12)}.topics-web-mobile .toolpanel button:hover{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;filter:drop-shadow(8px 8px 8px rgba(0,0,0,0.4))}.topics-web-mobile .toolpanel button:active{filter:saturate(50%)}.topics-web-mobile .toolpanel .comment-btn{background:url("/store/javax.faces.resource/images/btn/tool-comment.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}
.topics-web-mobile .toolpanel .sender-btn{background:url("/store/javax.faces.resource/images/btn/tool-sender.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .toolpanel .stamp-btn{background:url("/store/javax.faces.resource/images/btn/tool-stamp.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .toolpanel .return-btn{background:url("/store/javax.faces.resource/images/btn/tool-return.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .toolpanel .rotate-btn{background:url("/store/javax.faces.resource/images/btn/tool-rotate.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}
.topics-web-mobile .toolpanel .swap-btn{background:url("/store/javax.faces.resource/images/btn/tool-swap.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .toolpanel .picture-btn{background:url("/store/javax.faces.resource/images/btn/tool-picture.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .toolpanel .remove-btn{background:url("/store/javax.faces.resource/images/btn/tool-remove.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .toolpanel:after{content:" ";display:block;clear:both}
.topics-web-mobile .trimming-toolpanel{position:fixed;float:right;top:calc(100vh / 5);right:.2em;bottom:unset;left:unset;width:calc(100vw / 24)}.topics-web-mobile .trimming-toolpanel button{margin:.1em;width:calc(100vw / 24);height:calc(100vw / 24)}.topics-web-mobile .trimming-toolpanel button:hover{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;filter:drop-shadow(8px 8px 8px rgba(0,0,0,0.4))}
.topics-web-mobile .trimming-toolpanel button:active{filter:saturate(50%)}.topics-web-mobile .trimming-toolpanel .zoom-in-btn{background:url("/store/javax.faces.resource/images/btn/tool-zoom-in.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .trimming-toolpanel .zoom-out-btn{background:url("/store/javax.faces.resource/images/btn/tool-zoom-out.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .trimming-toolpanel .pos-up-btn{background:url("/store/javax.faces.resource/images/btn/tool-move-up.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}
.topics-web-mobile .trimming-toolpanel .pos-down-btn{background:url("/store/javax.faces.resource/images/btn/tool-move-down.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .trimming-toolpanel .pos-left-btn{background:url("/store/javax.faces.resource/images/btn/tool-move-left.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .trimming-toolpanel .pos-right-btn{background:url("/store/javax.faces.resource/images/btn/tool-move-right.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}.topics-web-mobile .trimming-toolpanel .rotate90-btn{background:url("/store/javax.faces.resource/images/btn/tool-rotate90.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}
.topics-web-mobile .trimming-toolpanel:after{content:" ";display:block;clear:both}.show-on-mobile-vertical{display:none;opacity:0}.hide-on-mobile-vertical{display:inherit;opacity:1}@media(min-width:310px) and (max-width:480px){.show-on-mobile-vertical{display:inherit;opacity:1}.hide-on-mobile-vertical{display:none;opacity:0}.topics-web-mobile .toolpanel{top:unset;right:unset;bottom:.2em;left:.2px;width:100%}.topics-web-mobile .toolpanel button{width:calc(100vw / 6);height:calc(100vw / 6)}
.topics-web-mobile .trimming-toolpanel{top:unset;right:unset;bottom:.2em;left:.2em;width:100%}.topics-web-mobile .trimming-toolpanel button{width:calc(100vw / 8);height:calc(100vw / 8)}}.topics-web-mobile .layout-wrapper .layout-main .layout-topbar{padding:0;position:fixed}.topics-web-mobile .mobile-container .ui-datagrid-content{border:0;background-color:transparent}.topics-web-mobile .mobile-container .card{padding:2px}.topics-web-mobile .mobile-container .card .ui-g-1,.topics-web-mobile .mobile-container .card .ui-g-2,.topics-web-mobile .mobile-container .card .ui-g-3,.topics-web-mobile .mobile-container .card .ui-g-4,.topics-web-mobile .mobile-container .card .ui-g-5,.topics-web-mobile .mobile-container .card .ui-g-6,.topics-web-mobile .mobile-container .card .ui-g-7,.topics-web-mobile .mobile-container .card .ui-g-8,.topics-web-mobile .mobile-container .card .ui-g-9,.topics-web-mobile .mobile-container .card .ui-g-10,.topics-web-mobile .mobile-container .card .ui-g-11,.topics-web-mobile .mobile-container .card .ui-g-12{padding:1px}
.topics-web-mobile .mobile-container .card .ui-md-1,.topics-web-mobile .mobile-container .card .ui-md-2,.topics-web-mobile .mobile-container .card .ui-md-3,.topics-web-mobile .mobile-container .card .ui-md-4,.topics-web-mobile .mobile-container .card .ui-md-5,.topics-web-mobile .mobile-container .card .ui-md-6,.topics-web-mobile .mobile-container .card .ui-md-7,.topics-web-mobile .mobile-container .card .ui-md-8,.topics-web-mobile .mobile-container .card .ui-md-9,.topics-web-mobile .mobile-container .card .ui-md-10,.topics-web-mobile .mobile-container .card .ui-md-11,.topics-web-mobile .mobile-container .card .ui-md-12{padding:1px}
.topics-web-mobile .mobile-container .card .vertical-box{display:table;height:100%;width:100%}.topics-web-mobile .mobile-container .card .picture{display:table-cell;vertical-align:middle;text-align:center}.topics-web-mobile .mobile-container img{width:100%;height:auto}.topics-web-mobile .category-container .card .title{display:table-cell;vertical-align:middle;text-align:center;word-break:break-all;overflow-wrap:break-word;font-size:1.4em;font-size:calc(100vw / 20)}.topics-web-mobile .category-container .ui-datascroller .ui-datascroller-content{border:0;padding:0;background-color:transparent}
.topics-web-mobile .category-container .small-font .ui-inputtext{font-size:.9em}.topics-web-mobile .category-container .small-font .ui-button-text{font-size:.9em}.topics-web-mobile .use-container .card{position:relative}.topics-web-mobile .use-container .ui-datascroller .ui-datascroller-content{border:0;padding:0;background-color:transparent}.topics-web-mobile .design-container .card{position:relative}.topics-web-mobile .design-container .card .magnifier{position:absolute;right:0;bottom:0;width:36px;height:36px;background:url("/store/javax.faces.resource/images/magnifier.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}
.topics-web-mobile .design-container .ui-datascroller .ui-datascroller-content{border:0;padding:0;background-color:transparent}.topics-web-mobile .template-container .design-no{text-align:center}.topics-web-mobile .authenticate-container .logo-box{text-align:center}.topics-web-mobile .authenticate-container .logo-box img{height:calc(100vh / 8);width:auto}.topics-web-mobile .authenticate-container .ui-g-1,.topics-web-mobile .authenticate-container .ui-g-2,.topics-web-mobile .authenticate-container .ui-g-3,.topics-web-mobile .authenticate-container .ui-g-4,.topics-web-mobile .authenticate-container .ui-g-5,.topics-web-mobile .authenticate-container .ui-g-6,.topics-web-mobile .authenticate-container .ui-g-7,.topics-web-mobile .authenticate-container .ui-g-8,.topics-web-mobile .authenticate-container .ui-g-9,.topics-web-mobile .authenticate-container .ui-g-10,.topics-web-mobile .authenticate-container .ui-g-11,.topics-web-mobile .authenticate-container .ui-g-12{padding:.5em 1em 1em 1em}
.topics-web-mobile .authenticate-container .ui-md-1,.topics-web-mobile .authenticate-container .ui-md-2,.topics-web-mobile .authenticate-container .ui-md-3,.topics-web-mobile .authenticate-container .ui-md-4,.topics-web-mobile .authenticate-container .ui-md-5,.topics-web-mobile .authenticate-container .ui-md-6,.topics-web-mobile .authenticate-container .ui-md-7,.topics-web-mobile .authenticate-container .ui-md-8,.topics-web-mobile .authenticate-container .ui-md-9,.topics-web-mobile .authenticate-container .ui-md-10,.topics-web-mobile .authenticate-container .ui-md-11,.topics-web-mobile .authenticate-container .ui-md-12{padding:.5em 1em 1em 1em}
.topics-web-mobile .authenticate-container .caption{font-size:.9em;font-weight:bold;padding-bottom:0}.topics-web-mobile .edit-container .card{width:100%;height:calc(100vh * 0.7);background:url("/store/javax.faces.resource/images/frame.svg.xhtml") no-repeat;background-size:100% 100%}.topics-web-mobile .picture-container .card{position:relative}.topics-web-mobile .picture-container .card .check-mark{position:absolute;left:0;top:0;width:24px;height:24px;background-color:red;background:url("/store/javax.faces.resource/images/check-mark.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}
.topics-web-mobile .trimming-container .card{width:100%;padding:0;height:calc(100vw * 1.2);background:url("/store/javax.faces.resource/images/frame.svg.xhtml") no-repeat;background-size:100% 100%}.topics-web-mobile .stamp-container .card{position:relative}.topics-web-mobile .stamp-container .card .check-mark{position:absolute;left:0;top:0;width:24px;height:24px;background-color:red;background:url("/store/javax.faces.resource/images/check-mark.svg.xhtml") no-repeat;background-size:100% auto;cursor:pointer;border:0}
.topics-web-mobile .stamp-container .ui-datascroller .ui-datascroller-content{border:0;padding:0;background-color:transparent}.topics-web-mobile .preview-container .design-no{text-align:center}.topics-web-mobile .postcard-type-container .ui-datascroller .ui-datascroller-content{border:0;padding:0;background-color:transparent}.topics-web-mobile .option-container .ui-panelgrid-blank .ui-panelgrid-cell{padding:0 10px 0 0}.topics-web-mobile .confirm-container .ui-panelgrid-blank .ui-panelgrid-cell{padding:0 10px 0 0}
.topics-web-mobile .confirm-container .settle-caption{font-size:1.2em}.topics-web-mobile .confirm-container .money{text-align:right;font-size:1.1em}.topics-web-mobile .confirm-container .settle{font-size:1.6em}.topics-web-mobile .sender-input-container .ui-panelgrid-blank .ui-panelgrid-cell{padding:0 2px 0 2px}.topics-web-mobile .sender-input-container .small-caption{font-size:10px}.topics-web-mobile .sender-layout-container .ui-panelgrid-blank .ui-panelgrid-cell{padding:0 2px 0 2px}.topics-web-mobile .regist-container .ui-panelgrid-blank .ui-panelgrid-cell{padding:0 2px 0 2px}
.topics-web-mobile .regist-container .small-caption{font-size:10px}