html{height:100%}body{font-family:'Lato','Noto Sans JP','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;background-color:#fff;color:#333;line-height:1.6;min-height:100%;display:flex;flex-direction:column}#loading{position:fixed;display:flex;z-index:999;width:100vw;height:100vh;transition:all .4s;background-color:#fff}.loaded{opacity:0;visibility:hidden}.spinner{width:48px;height:48px;margin:auto;background-color:#01a0c4;border-radius:100%;animation:sk-scaleout 1s infinite ease-in-out}@keyframes sk-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}h1,h2{position:relative;margin:0;line-height:48px;text-align:center;font-weight:bold;font-style:normal;width:100%}h1{font-size:16px;background-color:#999;color:#fff}h2{font-size:14px;background-color:#ccc;color:#333}p{margin:16px}hr{margin-top:16px;margin-bottom:16px;width:100%}.container{width:100%;padding:0 0 16px;flex:1}a{cursor:pointer}.form-group{width:100%;margin:24px auto;padding:0 16px}.form-control{font-size:16px;color:#333;height:36px;margin:0;padding:4px;border:none;border-bottom:1px solid #ccc;border-radius:0;transition:.3s;-webkit-appearance:none;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.form-control:focus{border-bottom:2px solid #01a0c4}.StripeElement{font-size:16px;color:#333;height:36px;margin:0;padding:4px;border:none;border-bottom:1px solid #ccc;border-radius:0;transition:.3s;-webkit-appearance:none;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.StripeElement--focus{border-bottom:2px solid #01a0c4}textarea.form-control{border-left:1px solid #ccc;resize:none}textarea.form-control:focus{border-left:2px solid #01a0c4}textarea.form-control:read-only:focus{border:none;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.form-inline .form-control{display:inline-block;width:auto;margin:4px 4px 4px 0}.form-inline .checkbox,.form-inline .radio{padding:0 24px 0 8px;border:none;margin-bottom:-12px;margin-left:12px}select.form-control{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSI1Ij48cGF0aCBkPSJNMCwwIDEwLDAgNSw1eiIgZmlsbD0iIzY2NiIgLz48L3N2Zz4=) no-repeat calc(100% - 4px) 50%;padding-right:24px}.checkbox label,.radio label{font-size:14px}input[type="date"]::-webkit-inner-spin-button{-webkit-appearance:none}input[type="date"]::-webkit-clear-button,input[type="time"]::-webkit-clear-button{-webkit-appearance:none}.btn{padding:0;line-height:40px;font-size:14px;border-radius:4px;transition:border-color ease-in-out .15s,background-color ease-in-out .15s}.btn:focus{outline:none !important}.btn-block{width:100%;margin:16px auto;display:block}.btn-positive{background-color:#01a0c4;border:solid 1px #01a0c4;color:#fff;box-shadow:1px 1px 2px 0 #999}.btn-positive:hover,.btn-positive:focus,btn-positive:active{background-color:#0292b3;border:solid 1px #0292b3;color:#fff;box-shadow:1px 1px 2px 0 #999}.btn-negative{background-color:#fff;color:#333;border:solid 1px #ccc;box-shadow:none}.btn-negative:hover,.btn-negative:focus,.btn-negative:active{background-color:#e6e6e6;color:#333;box-shadow:none}.btn-frameonly{background-color:#fff;color:#333;border:solid 1px #01a0c4;box-shadow:none}.btn-frameonly:hover,.btn-frameonly:focus,.btn-frameonly:active{background-color:#e6e6e6;color:#333;box-shadow:none}label{font-size:12px;font-weight:normal;margin:0 0 4px}.complement{font-size:80%}.lead{font-size:16px;font-weight:700}.text-danger{color:#d62f6c}.alert-text{color:#d62f6c}.alert-text:before{font-family:"Font Awesome 5 Free";font-weight:900;content:'';font-size:24px;line-height:14px;margin-right:8px}.textbox{background:#eaeaea;border-radius:8px;margin:0 16px;padding:16px}.textbox p{display:inline;margin:0}.textbox strong{vertical-align:text-bottom}.textbox ul,.info-text ol{margin:0;padding:8px 0 8px 24px}.info-text:before{font-family:"Font Awesome 5 Free";font-weight:900;content:'';font-size:24px;line-height:14px;margin-right:8px}.help-text:before{font-family:"Font Awesome 5 Free";font-weight:900;content:'';font-size:24px;line-height:14px;margin-right:8px}.alert{margin:16px;border:none;border-radius:8px}dl{margin:8px 0;padding:16px}dt{float:left;clear:left;margin-bottom:8px}dl dt::after{content:": "}dl dd{margin-bottom:8px}dl.def-list-124 dd{margin-left:124px}dl:after{content:'';clear:both;display:block;visibility:hidden;height:0}.bg-gray{background:#eaeaea}.check-icon{text-align:center;margin-top:24px}.check-icon:before{font-family:"Font Awesome 5 Free";font-weight:900;content:'';color:#01a0c4;font-size:72px;line-height:84px}.sns-icons{margin:0 16px;text-align:center}.sns-icons img{width:48px;margin:0 8px 0 0;display:inline-block}.modal-dialog{width:95%;max-width:468px;margin:0;top:50%;left:50%;transform:translate(-50%,-50%) !important;-webkit-transform:translate(-50%,-50%) !important}.modal-header{padding:16px 16px 0;border-bottom:none}.modal-body{padding:16px 16px 0}.modal-footer{padding:0 16px 16px;border-top:none}.modal-btn{padding:16px 0 0 48px;border:none;background:none;color:#01a0c4;text-decoration:none}.modal-btn:hover,.modal-btn:active{color:#007193;text-decoration:none}a.modal-btn{text-decoration:none}.modal-body p{margin:0 0 8px}@media screen and (min-width:500px){p{margin:16px 0}.container{width:500px;padding:16px}.form-group{padding:0}.form-control{height:40px;margin:4px 0;padding:8px;border:1px solid #ccc;border-radius:4px}.form-control:focus{border:2px solid #01a0c4}.StripeElement{height:40px;margin:4px 0;padding:8px;border:1px solid #ccc;border-radius:4px}.StripeElement--focus{border:2px solid #01a0c4}.textbox{margin:0}.alert{margin:16px 0}.maint-reminder-container{margin:16px 8px;border-radius:8px}}#paymethod{padding:8px;border:1px solid #ccc;border-radius:4px}#paymethod p{margin:16px 0}#credit-paytype li{margin-bottom:16px;padding:8px;border-radius:4px;background-color:#eaeaea}#paypal-paytype li{margin-bottom:16px;padding:8px;border-radius:4px;background-color:#eaeaea}.select-panel{list-style:none;padding:0 0 0 8px}.credit-cards{margin:0 16px}.credit-cards img{width:40px;margin:0 8px 0 0;display:inline-block}.cvs{display:flex;flex-wrap:wrap;margin:0 16px;padding:unset;display:none}.cvs li{list-style:none;width:96px;margin:0 12px 12px 0;padding:8px;display:flex;align-items:center}.cvs li:last-child{margin-right:0}.cvs li img{width:100%}#bike-photo{width:calc(100% - 52px);margin:0 8px 0 0;display:inline-block}#add-bike-photo{width:40px;vertical-align:top;display:inline-block;cursor:pointer}#OneTimeId{width:240px;margin:8px auto;text-align:center;font-size:20px;letter-spacing:6px}.maint-tab-container{display:flex;justify-content:space-around;height:48px;box-shadow:0 0 4px 0 #666}@media screen and (min-width:500px){.maint-tab-container{box-shadow:none;border-bottom:1px solid #eaeaea}}.app .maint-tab-container{position:fixed;width:100%;z-index:999;top:0;left:0;margin-top:0}.maint-tab{flex:auto;position:relative;height:100%;text-align:center}.maint-tab a{position:absolute;top:0;left:0;width:100%;height:100%;line-height:48px;border:none;outline:none;background-color:#fff}.maint-tab a:focus,.maint-tab a:hover{text-decoration:none}.maint-tab-active{border-bottom:3px solid #01a0c4}.maint-tab-active a{font-weight:bold;color:#01a0c4}.maint-tab-inactive a{color:#999}.app .maint-tab-space{height:48px}.app .maint-container{padding-top:48px}.main-item-container{padding:0 16px 16px}.maint-item{line-height:56px;border-bottom:1px solid #eaeaea}.maint-item a{display:flex;justify-content:center;width:100%;height:100%;color:#333;text-decoration:none}.maint-item a span{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maint-item a img{float:right;width:24px;margin:auto 0 auto 8px}.maint-item a i{padding:18px 0;color:#01a0c4;font-size:20px;line-height:100%}.reminder-badge{position:absolute;right:4px;top:4px;color:#fff;background-color:#d62f6c;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:bold}.maint-menu-container{padding:8px;display:flex;flex-wrap:wrap}.maint-menu{position:relative;width:calc(50% - 4px);margin-bottom:8px;padding:8px;border:1px solid #eaeaea;border-radius:8px;text-align:center}.maint-menu:nth-child(odd){margin-right:8px}.maint-menu a{position:absolute;top:0;left:0;width:100%;height:100%}.maint-menu img{display:block;width:36%;margin:0 auto}.maint-menu span{font-size:11px}@media screen and (max-width:359px){.maint-menu span{font-size:10px}}.maint-add-photo{width:40px !important;vertical-align:top}.maint-images{margin-bottom:8px}.maint-images img.photo{width:calc(100%/3 - 16px);vertical-align:top;margin:0 8px 8px 0}.maint-history{position:relative;margin:24px 16px 16px}.maint-history-date{display:block;font-size:11px}.maint-history-parts{display:block;font-size:16px;font-weight:bold}.maint-history-content{margin:8px 0}.maint-edit-btn{position:absolute;width:24px;top:0;right:0}.maint-history-images{margin-bottom:8px}.maint-history-images img.photo{width:calc(100%/3 - 16px);vertical-align:top;margin:0 8px 8px 0}@media screen and (max-width:499px){.maint-history-images{display:flex;overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;align-items:flex-start;margin:0 -16px}.maint-history-images::-webkit-scrollbar{display:none}.maint-history-images img.photo{vertical-align:top;margin:0 8px 0 0;height:320px;width:320px;object-fit:cover;border-radius:8px}.maint-history-images img.photo:first-child{margin-left:16px}.maint-history-images img.photo:last-child{margin-right:16px}}@media screen and (max-width:400px){.maint-history-images img.photo{height:240px;width:240px}}.pager-container{margin:0 16px;display:flex;justify-content:space-between}.pager-btn{position:relative;width:100%;height:40px;line-height:40px;background:#01a0c4;color:#fff;text-align:center;box-shadow:1px 1px 2px 0 #999;border-radius:20px}.pager-btn:first-child span:before{margin-right:8px;font-family:"Font Awesome 5 Free";font-weight:900;color:#fff;content:""}.pager-btn:last-child span:after{margin-left:8px;font-family:"Font Awesome 5 Free";font-weight:900;color:#fff;content:""}.pager-btn a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px}.pager-btn-spacer{width:16px}.maint-reminder-summary{display:block;margin:16px 8px;font-size:12px}.maint-reminder-container{position:relative;display:flex;margin:16px 0;padding:12px 8px;box-shadow:1px 1px 3px 1px #ddd}.maint-reminder-container:last-child{margin-bottom:24px}.maint-reminder-alert{background-color:#eab7c9}.maint-reminder-icon{display:block;width:24px;margin:auto}.maint-reminder-content{width:100%;margin:0 12px}.maint-reminder-title{display:block;font-weight:bold}.maint-reminder-info{display:block;font-size:12px}.maint-reminder-done{padding:7px 4px;color:#01a0c4;font-size:24px;text-align:center}.maint-reminder-edit{padding:8px 4px;color:#01a0c4;font-size:20px;text-align:center}.reminder-progress-container{position:relative;display:block;width:100%;height:6px;margin-top:6px}.reminder-progress{position:absolute;width:100%;height:6px;border:1px solid #ccc;border-radius:3px}.reminder-progress-percent{position:absolute;height:6px;width:0%;border-radius:3px;background-color:#01a0c4}.strava-connect{margin:16px auto;text-align:center}.btn-strava-connect{height:48px}.listcontainer{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.listitem{margin:0;padding:12px;border-bottom:1px solid #eee;cursor:pointer}.listitem:hover{background-color:#eee}.form-inline .form-dropdown{width:calc(100% - 36px);margin-right:0}.btn-dropdown{position:absolute;width:36px;height:40px;margin:4px 0}@media screen and (max-width:499px){.btn-dropdown{height:36px;border:none;border-bottom:1px solid #ccc;border-radius:unset}}