.iuper{position:relative;display:block;width:100%;height:150px;max-height:100%;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;padding:4px;background-color:#fff;border:1px solid #ddd;border-radius:4px}.has-error .iuper{border-color:#a94442}.iuper-image{width:100%;height:100%;position:relative;overflow:hidden;text-align:center;background:#ddd none no-repeat center center;background-size:contain;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.iuper-image,.iuper-image *{cursor:pointer}.iuper-image:after{display:block;content:"画像を選択...";position:absolute;left:0;top:50%;right:0;font-size:13px;line-height:16px;margin-top:-9px;color:#888}.selected .iuper-image:after{content:""}.iuper-image img{width:auto;height:auto;max-width:100%;max-height:100%}.iuper input{display:block;position:absolute;z-index:10;right:0;top:0;font-size:500px;height:500px;opacity:0}.iuper-image:hover{opacity:.8}.iuper-support-touch .iuper-image:hover{opacity:1}.iuper-remove{display:none;position:absolute;z-index:100;top:-8px;left:-10px;width:12px;height:12px;margin:0;padding:5px;font-size:12px;line-height:1;color:#fff;background-color:#cf0000;background-image:-webkit-linear-gradient(top,#d00,#b00);background-image:linear-gradient(to bottom,#d00,#b00);background-repeat:repeat-x;border:solid 2px #fff;border-radius:100%;box-shadow:0 1px 5px rgba(0,0,0,0.3);cursor:pointer;-moz-box-sizing:content-box;box-sizing:content-box}.iuper.selected .iuper-remove{display:block}.iuper.no-delete.selected .iuper-remove,.no-delete .iuper.selected .iuper-remove{display:none}.iuper-remove-icon{display:inline-block;width:12px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNrElksOwCAIBUlP4P03HKlHojapTa1SBX2WxJ3MGD8g0SNEJMSxx8FkjDPnyg3ahARPwUZ4ilJSgXdLXvBS8gFvShR4LmnAVUkDfkt6J2YSc44lwbMgq0Q8WzpTwp5rNwc+KGHP0x+Gb/RHQLcIesjQawp9aNBSAS92K8o1tuHAW+aSpo/8thwCDAD/NKOOwHNL6AAAAABJRU5ErkJggg==) no-repeat 0 0;background-size:12px 12px}#iuper-dialog{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;margin:0;padding:0;-webkit-overflow-scrolling:touch;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#iuper-dialog.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}#iuper-dialog.fade.in{opacity:1}#iuper-dialog .modal-dialog{position:relative;width:auto;margin:10px;padding:0}#iuper-dialog.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out}#iuper-dialog.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}#iuper-dialog .modal-content{position:relative;margin:0;padding:0;color:#333;background:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}#iuper-dialog .actions{margin:0;padding:5px;text-align:center;background:#eee;border-radius:0 0 6px 6px}#iuper-dialog .actions .btn{margin:0 .5em;min-width:5em;-moz-box-sizing:content-box;box-sizing:content-box}#iuper-dialog .cropper{margin:10px;height:340px;overflow:hidden;position:relative;background:#444;box-shadow:0 0 10px rgba(0,0,0,0.5) inset}#iuper-dialog .cropper .cropper-frame,#iuper-dialog .cropper .cropper-image{opacity:0;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}#iuper-dialog .cropper.ready .cropper-frame,#iuper-dialog .cropper.ready .cropper-image{opacity:1}#iuper-dialog .cropper-frame{position:absolute;z-index:100}#iuper-dialog .cropper-outer{border:solid 1px #fff}#iuper-dialog .cropper-inner{width:200px;height:200px;border:solid 1px #444}#iuper-dialog .cropper-cover{position:absolute;z-index:90;background:rgba(0,0,0,0.5)}#iuper-dialog .cropper-image{position:absolute;max-width:none;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.5)}#iuper-dialog .cropper-zoom{margin:10px auto;width:94%;line-height:28px;text-align:center}#iuper-dialog .zoom-icon{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-right:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeRJREFUeNq0VjtywkAMtc0FXDI0ISeIM1zAdOkgZSrgBJATZFKmSnwCkhNgThDnAExc0gUqWsqUeWLEzEZod83HmtEsyNK+lVafDQMHdTqdGEsf3APT75Q/rZjn4HyxWKyCihQ6gCbgMQP5qACPqgCHCliCZQZuB8fTI0DfXAoNBewT3LTol+Cl4zB3rVarvdls5l4PDbBYCVeGk+fK4Sjkw2M8NQG/sSTGty0bvnsSi2ymwpboFral1I/YaKgYdH1gRLxpl8Nt0qumH/H6pISkrJop0KVo3HNU9pSy9/8BWWgmwcqXaRZQKolMiAeah6mQZcHpJK8g0QCvlNQ/idhLs/hTDTARRkVwHjm7TWRpa7VRpIQwOXNPWcsHgGsh652KxBkfu/KBAHMhG54R1rH4f9BTI84s8ySx0giqeJcqfTW3Jc2zkE+43R0TypmsSW0+7sYTxskSYyUVHacPWYhvhQesz2CxSJYH2G5d04IMfpTxtG9Zxb6/QrfNRT3QiptppDX/0DKAL1WLB6CRMmqueehegqYyFxpSA3H/BX/g/tZcxD5v6Z5eeDw1lcZBubDGnqX11aaEmRLjRoB/UTkpT4+p5dmxC29YR790gdYC6AJt1AVIT0V6Mso7rQ3QAjr6E2AA1dW6V1VpsBoAAAAASUVORK5CYII=) no-repeat 0 0;background-size:14px 14px}#iuper-dialog .input-slider{display:inline-block;vertical-align:middle;width:70%;margin:0;padding:10px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}@media(min-width:768px){#iuper-dialog .modal-dialog{width:600px;margin:30px auto}#iuper-dialog .modal-content{box-shadow:0 5px 15px rgba(0,0,0,0.5)}}@media(max-height:480px){#iuper-dialog .cropper{height:320px}}@media(max-height:460px){#iuper-dialog .cropper{height:300px}}@media(max-height:440px){#iuper-dialog .cropper{height:290px}#iuper-dialog .input-slider{padding:5px 0}}@media(max-height:420px){#iuper-dialog .cropper{height:270px}}@media(max-height:400px){#iuper-dialog .cropper{height:250px}}@media(min-height:720px){#iuper-dialog .cropper{height:360px}}@media(min-height:760px){#iuper-dialog .cropper{height:390px}}@media(min-height:800px){#iuper-dialog .cropper{height:420px}}@media(min-height:840px){#iuper-dialog .cropper{height:450px}}@media(min-height:880px){#iuper-dialog .cropper{height:480px}}