*,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}html{cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:0}h2,h3,h4,h5,h6{margin:0}dl,dt,dd,dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol,ul,ol ol,ol ul,ul ol,ul ul{margin:0}p,figure{margin:0}hr{color:inherit;height:0;overflow:visible}main{display:block}ol,ul,nav ol,nav ul{list-style:none;padding:0}nav li::before{content:"\200B"}pre{font-family:monospace, monospace;font-size:1em;overflow:auto;-ms-overflow-style:scrollbar}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:0.35em 0.75em 0.625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical;resize:block}[type="checkbox"],[type="radio"]{padding:0}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:white;border:solid;color:black;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}body{font-family:sans-serif}@media print, screen and (min-width: 768px){body .-is-sp{display:none}}@media screen and (max-width: 767px){body .-is-pc{display:none}}.main-contents-cover{position:fixed;z-index:98;top:0;left:0;display:block;width:100%;height:100vh;background-color:#fff;pointer-events:none}.-is-loaded .main-contents-cover{-webkit-animation-name:top-show;animation-name:top-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes top-show{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes top-show{0%{opacity:1}100%{opacity:0;visibility:hidden}}.brandSiteHeader,.brandSiteFooter{position:relative;z-index:9}.brandSiteHeader{background-color:#fff}@media screen and (max-width: 600px){.brandSiteHeader{display:none}.brandSiteFooter:not(.-is-complete){display:none}}@-webkit-keyframes jacket-hide{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes jacket-hide{0%{opacity:1}100%{opacity:0;visibility:hidden}}@-webkit-keyframes create-show{0%{opacity:0}100%{opacity:1}}@keyframes create-show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes create-hide{0%{}100%{visibility:hidden;opacity:0}}@keyframes create-hide{0%{}100%{visibility:hidden;opacity:0}}@-webkit-keyframes finish-show{0%{opacity:0}100%{opacity:1}}@keyframes finish-show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes finish-show-ttl{0%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes finish-show-ttl{0%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes finish-show-content{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes finish-show-content{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes finish-hide{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes finish-hide{0%{opacity:1}100%{opacity:0;visibility:hidden}}.main-contents{position:relative;overflow:hidden;font-family:"M PLUS Rounded 1c",sans-serif;-webkit-font-feature-settings:'palt';font-feature-settings:'palt';font-weight:400;text-align:center;box-sizing:border-box}@media print, screen and (min-width: 768px){.main-contents{min-height:667px}}@media screen and (min-height: 874px){.main-contents{min-height:calc(100vh - 94px - 113px)}}@media screen and (max-width: 767px){.main-contents{min-height:667px}}.main-contents:not(.-is-jacket) .c-jacket{-webkit-animation-name:jacket-hide;animation-name:jacket-hide;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents:not(.-is-jacket) .c-jacket.-remove{display:none}.main-contents:not(.-is-create) .c-create{-webkit-animation-name:create-hide;animation-name:create-hide;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents:not(.-is-making) .c-making{display:none}.main-contents:not(.-is-finish) .c-finish{-webkit-animation-name:finish-hide;animation-name:finish-hide;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents:not(.-is-complete) .c-share,.main-contents:not(.-is-complete) .c-cp-bnr{display:none}.main-contents.-is-create .c-create{-webkit-animation-name:create-show;animation-name:create-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents.-is-finish .c-finish .ttl-finish{-webkit-animation-name:finish-show-ttl;animation-name:finish-show-ttl;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents.-is-finish .c-finish .finish-content,.main-contents.-is-finish .c-finish .remake-btn-wrap{-webkit-animation-name:finish-show-content;animation-name:finish-show-content;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents.-is-complete .c-share,.main-contents.-is-complete .c-cp-bnr{-webkit-animation-name:finish-show;animation-name:finish-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .main-contents-bg{position:fixed;right:0;left:0;top:0;width:100%;height:100vh;background-color:#EFEFEF;background-image:url(../img/barcodemaker/bg_main.png);background-position:center center;background-size:cover;background-repeat:no-repeat}.main-contents .remake-btn{-webkit-touch-callout:none;position:relative;display:block;width:164px;height:45px;margin-right:auto;margin-left:auto;font-size:16px;font-weight:500;text-decoration:none}.main-contents .remake-btn .-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:45px;border-color:#907B69;border-style:solid;border-width:2px;border-radius:45px;text-align:center;background-color:#fff;color:#644F3E}@media print, screen and (min-width: 768px){.main-contents .remake-btn .-inner{transition-duration:.125s}.main-contents .remake-btn:hover .-inner{background-color:#907B69;color:#fff}}.main-contents .barcodemaker-btn{-webkit-touch-callout:none;position:relative;display:block;width:276px;height:58px;margin-right:auto;margin-left:auto;font-size:20px;text-decoration:none;color:#fff}.main-contents .barcodemaker-btn .-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:58px;border-radius:58px;text-align:center;background-color:#EE869A}.main-contents .barcodemaker-btn .-inner .-small{display:inline-block;padding-right:11px;background-repeat:no-repeat;background-position:right center;background-image:url(../img/barcodemaker/ico_btn-arr.svg);font-size:11px}.main-contents .barcodemaker-btn::after{position:absolute;right:0;left:0;bottom:-4px;display:block;width:100%;height:100%;border-radius:58px;background-color:#AD5767;content:''}@media print, screen and (min-width: 768px){.main-contents .barcodemaker-btn .-inner{transition-duration:.125s}.main-contents .barcodemaker-btn:hover .-inner{-webkit-transform:translateY(4px);transform:translateY(4px);background-color:#AD5767}}@-webkit-keyframes opener-hide{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes opener-hide{0%{opacity:1}100%{opacity:0;visibility:hidden}}@-webkit-keyframes description-show{0%{-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes description-show{0%{-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes description-hide{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-120px);transform:translateY(-120px);opacity:0;visibility:hidden}}@keyframes description-hide{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-120px);transform:translateY(-120px);opacity:0;visibility:hidden}}.main-contents .c-jacket{position:absolute;z-index:3;top:0;right:0;left:0;width:100%;box-sizing:border-box}@media print, screen and (min-width: 768px){.main-contents .c-jacket{min-height:667px}}@media screen and (min-height: 874px){.main-contents .c-jacket{min-height:calc(100vh - 94px - 113px)}}@media screen and (max-width: 767px){.main-contents .c-jacket{min-height:667px}}.main-contents .c-jacket:not(.-is-opener) .jacket-container{-webkit-animation-name:opener-hide;animation-name:opener-hide;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-jacket:not(.-is-howto) .description-container.-howto,.main-contents .c-jacket:not(.-is-terms) .description-container.-terms{-webkit-animation-name:description-hide;animation-name:description-hide;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-jacket.-is-howto .description-container.-howto,.main-contents .c-jacket.-is-terms .description-container.-terms{-webkit-animation-name:description-show;animation-name:description-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-jacket .jacket-container{position:absolute;z-index:2;top:0;right:0;left:0;width:100%;box-sizing:border-box}@media print, screen and (min-width: 768px){.main-contents .c-jacket .jacket-container{min-height:667px}}@media screen and (min-height: 874px){.main-contents .c-jacket .jacket-container{min-height:calc(100vh - 94px - 113px)}}@media screen and (max-width: 767px){.main-contents .c-jacket .jacket-container{min-height:667px}}.main-contents .c-jacket .jacket-container .ttl-jacket{padding-top:40px}.main-contents .c-jacket .jacket-container .lead-jacket{margin-top:16px;font-size:16px;color:#fff}.main-contents .c-jacket .jacket-container .illust-jacket{margin-top:20px}.main-contents .c-jacket .jacket-container .illust-jacket .-img{width:185px}.main-contents .c-jacket .jacket-container .barcodemaker-btn-wrap{margin-top:-50px}.main-contents .c-jacket .jacket-bg{position:fixed;right:0;left:0;top:0;width:100%;height:100vh;background-color:#866E59;background-image:url(../img/barcodemaker/bg_jacket.png);background-position:center center;background-size:cover;background-repeat:no-repeat}.main-contents .description-container{position:absolute;z-index:9;right:0;left:0;top:20px;width:100%;max-width:344px;margin-right:auto;margin-left:auto;height:580px;border-radius:20px;background-color:#fff;background-repeat:no-repeat;background-position:center top;background-size:344px auto;background-image:url(../img/barcodemaker/bg_howto.png);font-size:12px;color:#907B69}.main-contents .description-container .ttl-description{padding-top:20px;font-size:0}.main-contents .description-container .txt-description-wrap{margin-right:12px;margin-left:12px;overflow-y:scroll}.main-contents .description-container .txt-description{text-align:left}.main-contents .description-container .txt-description>*:not(:first-child){margin-top:12px}.main-contents .description-container.-howto .howto-lead{margin-top:30px}.main-contents .description-container.-howto .howto-lead-dt{font-size:18px;font-weight:500;color:#FF98B5}.main-contents .description-container.-howto .howto-lead-dd{font-size:16px;font-weight:400;margin-top:20px}.main-contents .description-container.-howto .txt-description-wrap{margin-top:20px;overflow-y:auto}.main-contents .description-container.-terms .txt-description-wrap{height:400px;margin-top:35px}.main-contents .description-container .barcodemaker-btn-wrap{position:absolute;right:0;left:0;bottom:25px}@-webkit-keyframes create-item-show{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes create-item-show{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes create-item-hide{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden}}@keyframes create-item-hide{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden}}@-webkit-keyframes create-item-show-back{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes create-item-show-back{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes create-item-hide-back{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:hidden}}@keyframes create-item-hide-back{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:hidden}}@-webkit-keyframes create-item-txt-heading-show{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes create-item-txt-heading-show{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes create-item-btn-show{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes create-item-btn-show{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}.main-contents .c-create{position:absolute;z-index:2;top:0;right:0;left:0;width:100%;box-sizing:border-box}@media print, screen and (min-width: 768px){.main-contents .c-create{min-height:667px}}@media screen and (min-height: 874px){.main-contents .c-create{min-height:calc(100vh - 94px - 113px)}}@media screen and (max-width: 767px){.main-contents .c-create{min-height:667px}}.main-contents .c-create:not(.-is-illust) .create-item.-create-item-illust,.main-contents .c-create:not(.-is-bg) .create-item.-create-item-bg,.main-contents .c-create:not(.-is-color) .create-item.-create-item-color,.main-contents .c-create:not(.-is-name) .create-item.-create-item-name,.main-contents .c-create:not(.-is-preview) .create-item.-create-item-preview{-webkit-animation-name:create-item-hide;animation-name:create-item-hide;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-create.-is-illust .create-item.-create-item-preview{-webkit-animation-name:create-item-hide-back;animation-name:create-item-hide-back;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-create.-is-bg .create-item.-create-item-preview{visibility:hidden}.main-contents .c-create.-is-bg .create-item.-create-item-bg,.main-contents .c-create.-is-color .create-item.-create-item-color,.main-contents .c-create.-is-name .create-item.-create-item-name,.main-contents .c-create.-is-preview .create-item.-create-item-preview{-webkit-animation-name:create-item-show;animation-name:create-item-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-create.-is-illust .create-item.-create-item-illust .txt-heading,.main-contents .c-create.-is-bg .create-item.-create-item-bg .txt-heading,.main-contents .c-create.-is-color .create-item.-create-item-color .txt-heading,.main-contents .c-create.-is-name .create-item.-create-item-name .txt-heading,.main-contents .c-create.-is-preview .create-item.-create-item-preview .txt-heading{-webkit-animation-name:create-item-txt-heading-show;animation-name:create-item-txt-heading-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-create.-is-illust .create-item.-create-item-illust .barcodemaker-btn-wrap,.main-contents .c-create.-is-bg .create-item.-create-item-bg .barcodemaker-btn-wrap,.main-contents .c-create.-is-color .create-item.-create-item-color .barcodemaker-btn-wrap,.main-contents .c-create.-is-name .create-item.-create-item-name .barcodemaker-btn-wrap,.main-contents .c-create.-is-preview .create-item.-create-item-preview .barcodemaker-btn-wrap{-webkit-animation-name:create-item-btn-show;animation-name:create-item-btn-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.95s;animation-delay:.95s;-webkit-animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-create.-is-preview .create-item.-create-item-preview .remake-btn-wrap{-webkit-animation-name:create-item-btn-show;animation-name:create-item-btn-show;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-create.-is-back.-is-illust .create-item.-create-item-illust{-webkit-animation-name:create-item-show-back;animation-name:create-item-show-back;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-create .txt-heading{height:61px;padding-top:10px;box-sizing:border-box;margin-right:auto;margin-left:auto;background-repeat:no-repeat;background-position:center center}.main-contents .c-create .barcodemaker-btn-wrap{position:absolute;right:0;left:0;top:571px}.main-contents .create-item{position:absolute;top:0;right:0;left:0;width:100%;box-sizing:border-box}@media print, screen and (min-width: 768px){.main-contents .create-item{min-height:667px}}@media screen and (min-height: 874px){.main-contents .create-item{min-height:calc(100vh - 94px - 113px)}}@media screen and (max-width: 767px){.main-contents .create-item{min-height:667px}}.main-contents .create-item.-create-item-illust{padding-top:138px}.main-contents .create-item.-create-item-illust .txt-heading{width:226px;background-image:url(../img/barcodemaker/bg_heading-illust.svg)}.main-contents .create-item.-create-item-bg{padding-top:56px}.main-contents .create-item.-create-item-bg .bg-content{margin-top:13px}.main-contents .create-item.-create-item-bg .txt-heading{width:186px;background-image:url(../img/barcodemaker/bg_heading-bg.svg)}.main-contents .create-item.-create-item-color{padding-top:56px}.main-contents .create-item.-create-item-color .color-content{margin-top:13px}.main-contents .create-item.-create-item-color .txt-heading{width:186px;background-image:url(../img/barcodemaker/bg_heading-color.svg)}.main-contents .create-item .pattern-list-wrap{margin-top:25px}@media screen and (max-width: 767px){.main-contents .create-item .pattern-list-wrap{width:100%;padding-bottom:16px;overflow-x:scroll}}.main-contents .create-item .pattern-list-wrap .pattern-list{display:inline-flex;justify-content:center;padding-right:10px;padding-left:10px}.main-contents .create-item .pattern-list-wrap .pattern-item{display:flex;flex-direction:column;margin-right:17px;margin-left:17px}.main-contents .create-item .pattern-list-wrap .pattern-item .pattern-item-ttl{font-size:12px;color:#644F3E}.main-contents .create-item .pattern-list-wrap .pattern-item .pattern-item-clickable{-webkit-touch-callout:none;margin-top:10px;border-style:solid;border-width:1px;box-sizing:border-box;background-color:#fff;cursor:pointer}.main-contents .create-item .pattern-list-wrap .pattern-item .pattern-item-clickable .-img{width:67px}.main-contents .create-item .pattern-list-wrap .pattern-item.-active .pattern-item-clickable{border-color:#777069;pointer-events:none}.main-contents .create-item .pattern-list-wrap .pattern-item:not(.-active) .pattern-item-ttl{opacity:.5}.main-contents .create-item .pattern-list-wrap .pattern-item:not(.-active) .pattern-item-clickable{border-color:rgba(119,112,105,0)}.main-contents .create-item.-create-item-name{padding-top:56px}.main-contents .create-item.-create-item-name .txt-heading{width:246px;background-image:url(../img/barcodemaker/bg_heading-name.svg)}.main-contents .create-item.-create-item-name .name-content{margin-top:13px}.main-contents .create-item.-create-item-name .name-content input[type="text"]{width:237px;padding:10px 0;border-color:#E0E0E0;border-style:solid;border-width:2px;border-radius:5px;outline:none;background:#fff;color:#644F3E;font-size:16px;font-weight:200;font-family:"Poppins",sans-serif;text-align:center}.main-contents .create-item.-create-item-name .name-content .preview-content{margin-top:10px;margin-bottom:10px}.main-contents .create-item.-create-item-name .name-content .note{margin-top:6px;font-size:11px;color:#7C7C7C}.main-contents .create-item.-create-item-preview{padding-top:56px}.main-contents .create-item.-create-item-preview .txt-heading{width:246px;background-image:url(../img/barcodemaker/bg_heading-preview.svg)}.main-contents .create-item.-create-item-preview .preview-content{margin-top:30px}.main-contents .create-item.-create-item-preview .barcodemaker-btn-wrap{position:relative;top:inherit;margin-top:35px}.main-contents .create-item.-create-item-preview .remake-btn-wrap{margin-top:25px}.main-contents .create-item .preview-content{position:relative;width:223px;height:297px;overflow:hidden;margin-right:auto;margin-left:auto}.main-contents .create-item .preview-content .preview-placeholder-ma,.main-contents .create-item .preview-content .preview-placeholder-me{position:absolute;z-index:3;right:0;left:0;display:block;box-sizing:border-box;line-height:1;text-align:center;vertical-align:middle}.main-contents .create-item .preview-content .preview-placeholder-ma{top:26px}.main-contents .create-item .preview-content .preview-placeholder-me{bottom:32px}.main-contents .create-item .preview-content .preview-placeholder-ma.-is-hide,.main-contents .create-item .preview-content .preview-placeholder-me.-is-hide{display:none}.main-contents .create-item .preview-content .preview-ma,.main-contents .create-item .preview-content .preview-me{position:absolute;z-index:3;right:0;left:0;display:block;font-size:22px;font-weight:200;font-family:"Poppins",sans-serif;line-height:1;color:#312B25;text-align:center}.main-contents .create-item .preview-content .preview-ma{top:28px}.main-contents .create-item .preview-content .preview-me{bottom:28px}.main-contents .create-item .preview-content .preview-illust{position:absolute;z-index:2;right:0;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% auto}.main-contents .create-item .preview-content .preview-illust .-img{max-width:100%}.main-contents .create-item .preview-content .preview-illust.-item-1{background-image:url(../img/barcodemaker/img_illust-item-1.png)}.main-contents .create-item .preview-content .preview-illust.-item-2{background-image:url(../img/barcodemaker/img_illust-item-2.png)}.main-contents .create-item .preview-content .preview-illust.-item-3{background-image:url(../img/barcodemaker/img_illust-item-3.png)}.main-contents .create-item .preview-content .preview-illust.-item-4{background-image:url(../img/barcodemaker/img_illust-item-4.png)}.main-contents .create-item .preview-content .preview-illust.-item-5{background-image:url(../img/barcodemaker/img_illust-item-5.png)}.main-contents .create-item .preview-content .preview-illust.-item-6{background-image:url(../img/barcodemaker/img_illust-item-6.png)}.main-contents .create-item .preview-content .preview-illust.-item-7{background-image:url(../img/barcodemaker/img_illust-item-7.png)}.main-contents .create-item .preview-content .preview-illust.-item-8{background-image:url(../img/barcodemaker/img_illust-item-8.png)}.main-contents .create-item .preview-content .preview-illust.-item-9{background-image:url(../img/barcodemaker/img_illust-item-9.png)}@-webkit-keyframes bg-change{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bg-change{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.main-contents .create-item .preview-content .preview-bg{position:absolute;z-index:1;right:0;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% auto}.main-contents .create-item .preview-content .preview-bg .-img{max-width:100%}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-1-color-1{background-image:url(../img/barcodemaker/img_pattern-bg-1-color-1.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-1-color-2{background-image:url(../img/barcodemaker/img_pattern-bg-1-color-2.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-1-color-3{background-image:url(../img/barcodemaker/img_pattern-bg-1-color-3.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-1-color-4{background-image:url(../img/barcodemaker/img_pattern-bg-1-color-4.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-1-color-5{background-image:url(../img/barcodemaker/img_pattern-bg-1-color-5.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-2-color-1{background-image:url(../img/barcodemaker/img_pattern-bg-2-color-1.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-2-color-2{background-image:url(../img/barcodemaker/img_pattern-bg-2-color-2.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-2-color-3{background-image:url(../img/barcodemaker/img_pattern-bg-2-color-3.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-2-color-4{background-image:url(../img/barcodemaker/img_pattern-bg-2-color-4.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-2-color-5{background-image:url(../img/barcodemaker/img_pattern-bg-2-color-5.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-3-color-1{background-image:url(../img/barcodemaker/img_pattern-bg-3-color-1.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-3-color-2{background-image:url(../img/barcodemaker/img_pattern-bg-3-color-2.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-3-color-3{background-image:url(../img/barcodemaker/img_pattern-bg-3-color-3.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-3-color-4{background-image:url(../img/barcodemaker/img_pattern-bg-3-color-4.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-3-color-5{background-image:url(../img/barcodemaker/img_pattern-bg-3-color-5.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-4-color-1{background-image:url(../img/barcodemaker/img_pattern-bg-4-color-1.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-4-color-2{background-image:url(../img/barcodemaker/img_pattern-bg-4-color-2.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-4-color-3{background-image:url(../img/barcodemaker/img_pattern-bg-4-color-3.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-4-color-4{background-image:url(../img/barcodemaker/img_pattern-bg-4-color-4.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-4-color-5{background-image:url(../img/barcodemaker/img_pattern-bg-4-color-5.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-5-color-1{background-image:url(../img/barcodemaker/img_pattern-bg-5-color-1.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-5-color-2{background-image:url(../img/barcodemaker/img_pattern-bg-5-color-2.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-5-color-3{background-image:url(../img/barcodemaker/img_pattern-bg-5-color-3.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-5-color-4{background-image:url(../img/barcodemaker/img_pattern-bg-5-color-4.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .create-item .preview-content .preview-bg.-pattern-bg-5-color-5{background-image:url(../img/barcodemaker/img_pattern-bg-5-color-5.png);-webkit-animation-name:bg-change;animation-name:bg-change;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s}.main-contents .illust-slider-wrap{margin-top:30px}.main-contents .illust-slider-wrap .slick-dotted.slick-slider{margin-bottom:0}.main-contents .illust-slider-wrap .slick-dots{bottom:-47px}.main-contents .illust-slider-wrap .slick-dots li button{-webkit-touch-callout:none}.main-contents .illust-slider-wrap .slick-dots li button:before{color:#644F3E;opacity:.3}.main-contents .illust-slider-wrap .slick-dots li.slick-active button:before{opacity:1}.main-contents .illust-slider-wrap .slick-prev,.main-contents .illust-slider-wrap .slick-next{-webkit-touch-callout:none;z-index:2;width:36px;height:36px;border-radius:36px;background-color:rgba(255,152,181,0.8);background-position:center center;background-repeat:no-repeat}.main-contents .illust-slider-wrap .slick-prev{background-image:url(../img/barcodemaker/ico_illust-slider-arr-prev.svg)}@media print, screen and (min-width: 768px){.main-contents .illust-slider-wrap .slick-prev{left:calc(37.5% - 18px)}}@media screen and (max-width: 767px){.main-contents .illust-slider-wrap .slick-prev{left:calc(12.5vw - 18px)}}.main-contents .illust-slider-wrap .slick-next{background-image:url(../img/barcodemaker/ico_illust-slider-arr-next.svg)}@media print, screen and (min-width: 768px){.main-contents .illust-slider-wrap .slick-next{right:calc(37.5% - 18px)}}@media screen and (max-width: 767px){.main-contents .illust-slider-wrap .slick-next{right:calc(12.5vw - 18px)}}.main-contents .illust-slider-wrap .slick-slide{outline:none}.main-contents .illust-slider-item .illust-slider-item-image .-img{height:190px;width:auto}.main-contents .illust-slider-item .illust-slider-item-caption{font-size:16px;color:#644F3E}.main-contents .c-making{position:absolute;z-index:6;top:0;right:0;left:0;width:100%;box-sizing:border-box}@media print, screen and (min-width: 768px){.main-contents .c-making{min-height:667px}}@media screen and (min-height: 874px){.main-contents .c-making{min-height:calc(100vh - 94px - 113px)}}@media screen and (max-width: 767px){.main-contents .c-making{min-height:667px}}@-webkit-keyframes move-complete{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}100%{-webkit-transform:scale(1.125);transform:scale(1.125);opacity:0;visibility:hidden}}@keyframes move-complete{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}100%{-webkit-transform:scale(1.125);transform:scale(1.125);opacity:0;visibility:hidden}}.main-contents .c-making.-is-complete .making-inner{-webkit-animation-name:move-complete;animation-name:move-complete;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-timing-function:cubic-bezier(0.45, 0, 0.55, 1);animation-timing-function:cubic-bezier(0.45, 0, 0.55, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making .making-inner{position:absolute;top:0;right:0;left:0;max-width:375px;margin-right:auto;margin-left:auto;height:100%}.main-contents .c-making .making-txt{position:absolute;top:80px;right:0;left:0;opacity:0;visibility:hidden}@-webkit-keyframes illust-item-show{0%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0;visibility:visible}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}@keyframes illust-item-show{0%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0;visibility:visible}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}.main-contents .c-making.-is-illust-show .illust-item-wrap{-webkit-animation-name:illust-item-show;animation-name:illust-item-show;-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making.-is-illust-hide .illust-item-wrap{-webkit-animation-name:none;animation-name:none}.main-contents .c-making .illust-item-wrap{position:absolute;top:0;right:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden}@-webkit-keyframes move-x-illust{0%{-webkit-transform:translateX(4%);transform:translateX(4%)}50%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}100%{-webkit-transform:translateX(4%);transform:translateX(4%)}}@keyframes move-x-illust{0%{-webkit-transform:translateX(4%);transform:translateX(4%)}50%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}100%{-webkit-transform:translateX(4%);transform:translateX(4%)}}@-webkit-keyframes move-y-illust{0%{-webkit-transform:translateY(4%);transform:translateY(4%)}50%{-webkit-transform:translateY(-4%);transform:translateY(-4%)}100%{-webkit-transform:translateY(4%);transform:translateY(4%)}}@keyframes move-y-illust{0%{-webkit-transform:translateY(4%);transform:translateY(4%)}50%{-webkit-transform:translateY(-4%);transform:translateY(-4%)}100%{-webkit-transform:translateY(4%);transform:translateY(4%)}}.main-contents .c-making .illust-item{position:absolute;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.37, 0, 0.63, 1);animation-timing-function:cubic-bezier(0.37, 0, 0.63, 1)}html.-is-loaded .main-contents .c-making .illust-item{-webkit-animation-name:move-x-illust;animation-name:move-x-illust}.main-contents .c-making .illust-item .illust-item-inner{display:block;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.37, 0, 0.63, 1);animation-timing-function:cubic-bezier(0.37, 0, 0.63, 1)}html.-is-loaded .main-contents .c-making .illust-item .illust-item-inner{-webkit-animation-name:move-y-illust;animation-name:move-y-illust}.main-contents .c-making .illust-item.-illust-item-1{top:126px;right:calc(50% + 50px);-webkit-animation-duration:4s;animation-duration:4s}.main-contents .c-making .illust-item.-illust-item-1 .-img{width:116px}.main-contents .c-making .illust-item.-illust-item-1 .illust-item-inner{-webkit-animation-duration:9s;animation-duration:9s}.main-contents .c-making .illust-item.-illust-item-2{top:126px;left:50%;-webkit-animation-duration:3.5s;animation-duration:3.5s}.main-contents .c-making .illust-item.-illust-item-2 .-img{width:163px}.main-contents .c-making .illust-item.-illust-item-2 .illust-item-inner{-webkit-animation-duration:10s;animation-duration:10s}.main-contents .c-making .illust-item.-illust-item-3{top:280px;right:calc(50% - 16px);-webkit-animation-duration:9s;animation-duration:9s}.main-contents .c-making .illust-item.-illust-item-3 .-img{width:223px}.main-contents .c-making .illust-item.-illust-item-3 .illust-item-inner{-webkit-animation-duration:4s;animation-duration:4s}.main-contents .c-making .illust-item.-illust-item-4{top:424px;left:calc(50% + 26px);-webkit-animation-duration:10s;animation-duration:10s}.main-contents .c-making .illust-item.-illust-item-4 .-img{width:152px}.main-contents .c-making .illust-item.-illust-item-4 .illust-item-inner{-webkit-animation-duration:3.5s;animation-duration:3.5s}@-webkit-keyframes package-main-show-y{0%{-webkit-transform:translateY(-74px);transform:translateY(-74px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes package-main-show-y{0%{-webkit-transform:translateY(-74px);transform:translateY(-74px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes package-main-show-scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.15498);transform:scale(0.15498)}}@keyframes package-main-show-scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.15498);transform:scale(0.15498)}}@-webkit-keyframes package-main-show-alpha{0%{opacity:0;visibility:visible}100%{opacity:1;visibility:visible}}@keyframes package-main-show-alpha{0%{opacity:0;visibility:visible}100%{opacity:1;visibility:visible}}.main-contents .c-making.-is-package-main-show .making-txt{-webkit-animation-name:package-main-show-alpha;animation-name:package-main-show-alpha;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making.-is-package-main-show .package-main{-webkit-animation-name:package-main-show-alpha;animation-name:package-main-show-alpha;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making.-is-package-main-show .package-main .package-main-inner{-webkit-animation-name:package-main-show-y;animation-name:package-main-show-y;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making.-is-package-main-show .package-main .package-main-scale{-webkit-animation-name:package-main-show-scale;animation-name:package-main-show-scale;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making.-is-package-reverse .package-main .package-main-reverse{-webkit-animation-name:package-item-back-hide;animation-name:package-item-back-hide;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-animation-timing-function:cubic-bezier(0.36, 0, 0.66, -0.56);animation-timing-function:cubic-bezier(0.36, 0, 0.66, -0.56);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making .package-main{position:absolute;top:100px;right:calc(50% - 306px);width:613px;height:612px;opacity:0;visibility:hidden}.main-contents .c-making .package-main .package-main-inner{position:absolute;top:0;right:0;width:613px;height:612px}.main-contents .c-making .package-main .package-main-scale{position:absolute;top:0;right:0;width:613px;height:612px}.main-contents .c-making .package-main .package-main-reverse{position:absolute;top:0;right:0;width:613px;height:612px}.main-contents .c-making .package-main .-img{position:absolute;top:0;right:0;width:613px;height:612px}@-webkit-keyframes package-item-show{0%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0;visibility:visible}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}@keyframes package-item-show{0%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:0;visibility:visible}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}}.main-contents .c-making.-is-package-item-show .package-item-wrap{-webkit-animation-name:package-item-show;animation-name:package-item-show;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making .package-item-wrap{position:absolute;top:0;right:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden}@-webkit-keyframes package-item-back-hide{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0.2);transform:scaleX(0.2);visibility:hidden}}@keyframes package-item-back-hide{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}100%{-webkit-transform:scaleX(0.2);transform:scaleX(0.2);visibility:hidden}}@-webkit-keyframes package-item-front-show{0%{-webkit-transform:scaleX(0.2);transform:scaleX(0.2);visibility:hidden}100%{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}}@keyframes package-item-front-show{0%{-webkit-transform:scaleX(0.2);transform:scaleX(0.2);visibility:hidden}100%{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}}.main-contents .c-making.-is-package-reverse .package-item.-package-item-back{-webkit-animation-name:package-item-back-hide;animation-name:package-item-back-hide;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:cubic-bezier(0.36, 0, 0.66, -0.56);animation-timing-function:cubic-bezier(0.36, 0, 0.66, -0.56);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making.-is-package-reverse .package-item.-package-item-back.-package-item-back-2{-webkit-animation-delay:.05s;animation-delay:.05s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-back.-package-item-back-3{-webkit-animation-delay:.1s;animation-delay:.1s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-back.-package-item-back-4{-webkit-animation-delay:.15s;animation-delay:.15s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-back.-package-item-back-5{-webkit-animation-delay:.2s;animation-delay:.2s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-back.-package-item-back-6{-webkit-animation-delay:.25s;animation-delay:.25s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-back.-package-item-back-7{-webkit-animation-delay:.3s;animation-delay:.3s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front{-webkit-animation-name:package-item-front-show;animation-name:package-item-front-show;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);-webkit-animation-fill-mode:both;animation-fill-mode:both}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front.-package-item-front-2{-webkit-animation-delay:.55s;animation-delay:.55s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front.-package-item-front-3{-webkit-animation-delay:.6s;animation-delay:.6s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front.-package-item-front-4{-webkit-animation-delay:.65s;animation-delay:.65s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front.-package-item-front-5{-webkit-animation-delay:.7s;animation-delay:.7s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front.-package-item-front-6{-webkit-animation-delay:.75s;animation-delay:.75s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front.-package-item-front-7{-webkit-animation-delay:.8s;animation-delay:.8s}.main-contents .c-making.-is-package-reverse .package-item.-package-item-front.-package-item-front-main{-webkit-animation-delay:.85s;animation-delay:.85s}.main-contents .c-making .package-item{position:absolute}.main-contents .c-making .package-item.-package-item-front{visibility:hidden}.main-contents .c-making .package-item.-package-item-back-1,.main-contents .c-making .package-item.-package-item-front-1{top:200px;right:calc(50% + 80px)}.main-contents .c-making .package-item.-package-item-back-2,.main-contents .c-making .package-item.-package-item-front-2{top:168px;right:calc(50% - 34px)}.main-contents .c-making .package-item.-package-item-back-3,.main-contents .c-making .package-item.-package-item-front-3{top:200px;left:calc(50% + 80px)}.main-contents .c-making .package-item.-package-item-back-4,.main-contents .c-making .package-item.-package-item-front-4{top:366px;right:calc(50% + 94px)}.main-contents .c-making .package-item.-package-item-back-5,.main-contents .c-making .package-item.-package-item-front-5{top:516px;right:calc(50% + 30px)}.main-contents .c-making .package-item.-package-item-back-6,.main-contents .c-making .package-item.-package-item-front-6{top:476px;left:calc(50% + 30px)}.main-contents .c-making .package-item.-package-item-back-7,.main-contents .c-making .package-item.-package-item-front-7{top:380px;left:calc(50% + 94px)}.main-contents .c-making .package-item.-package-item-back-main,.main-contents .c-making .package-item.-package-item-front-main{top:360px;right:calc(50% - 48px)}.main-contents .c-making .package-item .-img-package-item-back-1,.main-contents .c-making .package-item .-img-package-item-front-1{width:68px}.main-contents .c-making .package-item .-img-package-item-back-2,.main-contents .c-making .package-item .-img-package-item-front-2{width:69px}.main-contents .c-making .package-item .-img-package-item-back-3,.main-contents .c-making .package-item .-img-package-item-front-3{width:68px}.main-contents .c-making .package-item .-img-package-item-back-4,.main-contents .c-making .package-item .-img-package-item-front-4{width:65px}.main-contents .c-making .package-item .-img-package-item-back-5,.main-contents .c-making .package-item .-img-package-item-front-5{width:55px}.main-contents .c-making .package-item .-img-package-item-back-6,.main-contents .c-making .package-item .-img-package-item-front-6{width:33px}.main-contents .c-making .package-item .-img-package-item-back-7,.main-contents .c-making .package-item .-img-package-item-front-7{width:42px}.main-contents .c-making .package-item .-img-package-item-front-main{width:95px}.main-contents .c-finish{position:relative;z-index:4;width:100%}.main-contents .c-finish .finish-container{box-sizing:border-box}@media print, screen and (min-width: 768px){.main-contents .c-finish .finish-container{min-height:667px}}@media screen and (min-height: 874px){.main-contents .c-finish .finish-container{min-height:calc(100vh - 94px - 113px)}}@media screen and (max-width: 767px){.main-contents .c-finish .finish-container{min-height:667px}}.main-contents .c-finish .ttl-finish{padding-top:40px}.main-contents .c-finish .finish-content{margin-top:20px}.main-contents .c-finish .finish-content .preview-content{width:177px;height:383px;margin-right:auto;margin-left:auto}.main-contents .c-finish .finish-content .preview-content .-img{width:100%}.main-contents .c-finish .finish-content .txt-caption{margin-top:10px;font-size:11px;color:#7C7C7C}.main-contents .c-finish .remake-btn-wrap{margin-top:20px}.main-contents .c-finish .returntop-btn{display:inline-flex;color:#644F3E;font-size:14px;text-decoration:none;margin-top:12px;margin-bottom:40px;border-bottom-color:#644F3E;border-bottom-width:1px;border-bottom-style:solid}.main-contents .c-finish .returntop-btn .-logo{display:inline-block;width:120px;height:16px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:left bottom;background-image:url(../img/barcodemaker/txt_returntop.svg)}.main-contents .c-share{padding-top:40px;padding-bottom:40px;background-color:rgba(100,79,62,0.7)}.main-contents .c-share .ttl-share{font-size:0}.main-contents .c-share .sns-list{display:inline-flex;margin-top:25px}.main-contents .c-share .sns-item{margin-right:10px;margin-left:10px}.main-contents .c-cp-bnr{padding-top:30px;padding-bottom:30px;padding-right:15px;padding-left:15px}.main-contents .c-cp-bnr .cp-bnr{display:flex;align-items:center;justify-content:center;max-width:345px;height:98px;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px;box-sizing:border-box;background-color:#FF98B5;border-radius:10px}.main-contents .c-cp-bnr .cp-bnr .-txt{max-width:100%}.main-contents #canvas{position:absolute;top:0;left:0;visibility:hidden}