@import url(https://fonts.googleapis.com/css?family=Cabin);
*{--tw-ring-color:transparent!important;-webkit-text-size-adjust:100%;box-sizing:border-box;font-family:Cabin,sans-serif;font-weight:500}body,html{background:#fff}html body{color:#111;color:#fff;font-size:13px}img{max-width:100%}:focus{outline:none!important}ol,p,ul{margin-bottom:0}a:hover{text-decoration:none}@media (min-width:576px){a.btn:hover,button.btn:hover{opacity:.8;transition:all .3s}}.main ::-webkit-scrollbar,.modal ::-webkit-scrollbar{width:7px}.main ::-webkit-scrollbar-track,.modal ::-webkit-scrollbar-track{background:#888}.main ::-webkit-scrollbar-thumb,.modal ::-webkit-scrollbar-thumb{background:#f1f1f1}.main ::-webkit-scrollbar-thumb:hover,.modal ::-webkit-scrollbar-thumb:hover{background:#ccc}.form-row{margin:0 -7px 15px}.form-row:after{clear:both;content:"";display:table}.col-6{width:50%}.col-4,.col-6{float:left;padding:0 7px}.col-4{width:33.3333333333%}.col-3{float:left;padding:0 7px;width:25%}.form-row>small{color:#fff;font-size:12px;letter-spacing:1.2px;padding:0 7px}.form-row .form-group{margin-bottom:0}.form-row .form-group label{display:block}.form-row .flex{align-items:center;display:flex}.form-row .flex small{color:#fff;font-size:12px;letter-spacing:1.2px;margin-left:5px}body.plain .form-row .flex small{color:#000}.form-inline{margin-bottom:15px}.form-inline label{color:#fff;margin-right:15px}.form-inline labelLlast-child{margin-right:0}body .btn{border:1px solid transparent;border-radius:33px;display:inline-block;font-size:13px;font-weight:400;line-height:1.5;min-height:34px;padding:5.5px 20px;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}body .btn-block{display:block;width:100%}body .btn-white{background-color:#fff;border-color:#fff}body .btn-gold,body .btn-white{color:#000;font-family:Cabin,sans-serif}body .btn-gold{background-color:#9f8c4a;border-color:#9f8c4a}body .btn-gold.inactive{background-color:#fff;border-color:#fff}body .btn-facebook{background-color:#2b4c90;border-radius:5px;color:#fff;font-size:13px;font-weight:700}body .btn-red{background-color:#d93636;border-color:#d93636;color:#fff}body .btn-grey{background-color:#777;border-color:#777;color:#000}body .btn-green{background-color:#289623;border-color:#289623;color:#fff}body .btn-blue{background-color:#008da7;border-color:#008da7;color:#fff}label.checkbox{color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding-left:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}label.checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}label.checkbox span{background-color:transparent;border:1px solid #fff;height:14px;left:0;margin-top:-7px;position:absolute;top:50%;width:14px}label.checkbox span:after{content:"";display:none;position:absolute}label.checkbox input:checked~span:after{display:block}label.checkbox span:after{color:#9f8c4a;content:"\f00c";font-family:Font Awesome\ 5 Free;font-size:11px;font-weight:900;height:100%;left:1px;top:-2px;width:100%}.checkbox_button_white input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox_button_white label{border-radius:35px;color:#000;cursor:pointer;display:inline-block;font-size:15px;margin:0!important;min-width:140px;padding:5.5px 20px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox_button_white label i{margin-left:10px}.checkbox_button_white input:checked~label{background-color:#9f8c4a}.select_button{border-radius:35px;display:inline-block;min-width:140px;padding:5.5px 20px;position:relative;text-align:center}.select_button:after{color:#000;content:"\f107";font-family:Font Awesome\ 5 Free;font-size:17px;font-weight:900;margin-top:-12px;pointer-events:none;position:absolute;right:35px;top:50%}.select_button select::-ms-expand{display:none}.select_button select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;border:0;color:#000;display:block;font-size:15px;padding:0 30px 0 20px;width:100%;-ms-word-break:normal;word-break:normal}label.checkbox.revert{color:#9f8c4a}label.checkbox.revert span{border:1px solid #9f8c4a}label.checkbox.revert span:after{color:#9f8c4a}label.radio{color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding-left:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}label.radio input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}label.radio span{background-color:transparent;border:1px solid #fff;border-radius:14px;height:14px;left:0;margin-top:-7px;position:absolute;top:50%;width:14px}label.radio span:after{content:"";display:none;position:absolute}label.radio input:checked~span:after{display:block}label.radio span:after{background-color:#9f8c4a;border-radius:14px;height:100%;left:0;top:0;width:100%}label.radio.revert{color:#9f8c4a}label.radio.revert span{border:1px solid #9f8c4a}label.radio.revert span:after{background-color:#9f8c4a;height:calc(100% - 2px);left:1px;top:1px;width:calc(100% - 2px)}body:before{background:url(/webroot/img/home_bg.png) 50%;background-size:cover}body:after,body:before{content:"";height:100vh;position:fixed;top:0;width:100%}body:after{background:rgba(0,0,0,.89);z-index:1}body.plain{color:#000}body.home:after,body.shop:after{background:none}body.sms:after{background:hsla(0,0%,100%,.89)}body.plain:after{background:#fff}.gen_btn01{border:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;font-size:12px;padding:4px 15px;text-align:center;text-decoration:none;transition:all .3s ease}.gen_btn01 span:before{content:"\f105";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:5px}.light .gen_btn01{border:1px solid #000;color:#000}.btn-menu{color:#fff;cursor:pointer;display:block;font-size:9px;font-weight:700;text-align:center;text-decoration:none}.btn-menu i{font-size:14px}.menu_cover{background:rgba(0,0,0,.9);opacity:0;padding-top:90px;position:fixed;transition:visibility .4s,opacity .4s linear;visibility:hidden;width:inherit;width:100%;z-index:10}.menu_cover .scroll{height:calc(100vh - 90px);overflow:auto}.menu_cover ul{list-style:none;margin:0;padding:0}.menu_cover ul li a{border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;display:block;padding:15px 10px;position:relative;text-decoration:none}.menu_cover ul li a:after{content:"\f105";font-family:Font Awesome\ 5 Free;font-size:16px;font-weight:900;margin-top:-10px;position:absolute;right:10px;top:50%}.menu_cover .sns{padding:20px 0;text-align:center}.menu_cover .sns a{display:inline-block;margin:0 20px}.main{padding:110px 0 50px;position:relative;z-index:2}.main .content{margin:auto;width:800px}.main .content.wide{margin:auto auto 50px;width:980px}body h2{color:#9f8c4a;font-size:20px;letter-spacing:2px;margin:10px 0;text-align:center}.main .box_pages{background:#000;border-radius:10px;padding:20px}.main .box_pages .inner,.main .box_pages form{margin:auto;width:390px}body.shop>.main .shop_logo{background:hsla(0,0%,100%,.4);margin:100px auto;padding:34px 0;text-align:center;width:138px}.main .shop_list>h4,.main .shop_reservation h4{font-size:16px;font-weight:400;margin-bottom:20px}.main .shop_list .user_info{display:flex;margin-bottom:20px}.main .shop_list .user_info .user_name{font-size:16px}.main .shop_list .user_info .user_name span{font-size:12px;margin-left:10px}.main .shop_list .user_points{color:#fff;font-size:12px;margin-left:auto}.main .shop_list .user_points span{color:#9f8c4a;font-size:24px;margin:0 10px}.main .shop_list .news{margin:40px 0}.main .token .user_info{display:flex;margin-bottom:20px;margin-left:20px;margin-right:20px}.main .token .user_info .user_name{font-size:16px}.main .token .user_info .user_name span{font-size:12px;margin-left:10px}.main .token .user_points{color:#fff;font-size:12px;margin-left:auto;text-align:right}.main .token .user_points span{color:#9f8c4a;font-size:24px;margin:0 10px}.main .shop_reservation .user_info{display:flex;margin-bottom:20px}.main .shop_reservation .user_info .user_name{font-size:16px}.main .shop_reservation .user_info .user_name span{font-size:12px;margin-left:10px}.main .shop_reservation .user_points{color:#fff;font-size:12px;margin-left:auto}.main .shop_reservation .user_points span{color:#9f8c4a;font-size:24px;margin:0 10px}.main .shop_reservation .news{margin:40px 0}.main .shop_list .shops{margin:40px 0 0}.main .shop_list .shops h3{color:#9f8c4a;font-size:18px;letter-spacing:1.8px;margin:0 0 20px;padding:0;text-align:center}.main .shop_list .shops form{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.main .shop_list .shops form .form-group{align-items:center;display:flex;margin-bottom:0;padding:0 15px}.main .shop_list .shops form .form-group label{color:#fff;margin-bottom:0;margin-right:8px}.main .shop_list .shops form .form-group label.radio{color:#9f8c4a;margin-right:16px}.main .shop_list .shops ul{margin:0 -20px}.main .shop_list .shops ul:after{clear:both;content:"";display:table}.main .shop_list .shops ul li{float:left;padding:20px;width:50%}.main .shop_list .shops ul li .shop_con{margin-bottom:25px}.main .shop_list .shops ul li .shop{background-position:50%;background-size:cover;height:300px;position:relative}.main .shop_list .shops ul li .shop h5{background:hsla(0,0%,100%,.82);color:#000;font-size:17px;margin:0;padding:0}.main .shop_list .shops ul li .shop .pc-view{bottom:0;position:absolute;width:100%}.main .shop_list .shops ul li .shop .foot{display:flex;justify-content:space-between;padding:15px}.main .shop_list .shops ul li .shop .foot h6{font-size:18px;margin-bottom:0}.main .shop_list .shops ul li .shop .foot a{background:rgba(0,0,0,.702);border:1px solid #9f8c4a;border-radius:33px;color:#fff;display:inline-block;font-size:13px;height:28px;line-height:1.75;margin-top:auto;padding:2px 15px;text-align:center;text-decoration:none}.main .shop_list .shops ul li .shop .pc-view>a{background-color:rgba(159,140,74,.851);color:#000;display:block;font-size:17px;padding:7px;text-align:center;text-decoration:none;width:100%}.main .shop_list .shops ul li .more_info{background:#fff;height:140px;padding:20px;text-align:center}.main .shop_list .shops ul li .more_info h5{margin-bottom:0}.main .shop_list .shops ul li .more_info p{color:#000;font-size:10px;letter-spacing:1px}.main .shop_list .shops ul li .more_info p.ttle{font-size:14px;letter-spacing:1.4px;margin-bottom:5px}.main .shop_list .shops ul li .shop_con .shop{background-position:50%;background-size:cover;height:300px;position:relative}.main .shop_list .shops ul li .shop_con .shop h5{background:hsla(0,0%,100%,.82);color:#000;font-size:17px;margin:0;padding:8px 20px}.main .shop_list .shops ul li .shop_con .shop .pc-view{bottom:0;position:absolute;width:100%}.main .shop_list .shops ul li .shop_con .shop .foot{display:block;padding:15px;text-align:right}.main .shop_list .shops ul li .shop_con .shop .foot h6{font-size:18px;margin-bottom:0}.main .shop_list .shops ul li .shop_con .shop .foot a{background:rgba(0,0,0,.702);border:1px solid #9f8c4a;border-radius:33px;color:#fff;display:inline-block;font-size:13px;height:28px;line-height:1.75;margin-top:auto;padding:2px 15px;text-align:center;text-decoration:none}.main .shop_list .shops ul li .shop_con .shop .pc-view>a{background-color:rgba(159,140,74,.851);color:#000;display:block;font-size:17px;padding:7px;text-align:center;text-decoration:none;width:100%}.main .shop_reservation h3{color:#9f8c4a;font-size:18px;letter-spacing:1.8px;margin:20px 0;padding:0;text-align:center}.main .shop_reservation p.caption{font-size:13px;margin:20px 0;text-align:center}.main .shop_reservation .figure_info h5{background:#fff;margin:0;padding:0;width:100%}.main .shop_reservation figure{background-position:50%;background-size:cover;height:350px;margin-bottom:0;position:relative}.main .shop_reservation figure figcaption{align-items:center;background:hsla(0,0%,100%,.82);bottom:0;display:flex;justify-content:space-between;margin:0;padding:5px 15px;position:absolute;width:100%}.main .shop_reservation figure figcaption h6{color:#000;font-size:19px;letter-spacing:1.9px;margin-bottom:0}.main .shop_reservation figure figcaption a{background:rgba(0,0,0,.702);border:1px solid #9f8c4a;border-radius:33px;color:#fff;display:inline-block;font-size:13px;line-height:1.75;padding:2px 15px;text-align:center;text-decoration:none}.main .shop_reservation.shop_reservation_form figure figcaption{background:none}.main .shop_reservation.shop_reservation_form h5{background:hsla(0,0%,100%,.82)}.main .shop_reservation.shop_reservation_form figure figcaption h6{color:#fff}.main .shop_reservation_form{color:#000}.main .shop_reservation_form figure{height:250px}.main .shop_reservation_form form{background:#fff;border-radius:5px;margin:auto;padding:30px 50px;transition:.2s;width:500px}.main .shop_reservation .fields_input{background:#9f8c4a;padding:15px 30px}.main .shop_reservation .fields_input .form-row{margin:0 auto}.main .shop_reservation .fields_input .form-group label{color:#000}.main .shop_reservation .fields_input .form-group a{padding:5px 15px;text-decoration:none}.main .shop_reservation .fields_input .form-group a,.main .shop_reservation .fields_input .form-group select{background:#fff;border-radius:7px;color:#000;display:block;font-size:15px;letter-spacing:.75px;min-height:32px}.main .shop_reservation .fields_input .form-group select{border:none;line-height:1rem;padding:5px 25px;text-align:center;width:100%}.main .shop_reservation .fields_input .form-group select#selectedTargetHour{padding:5px 20px}@media (max-width:375px){.main .shop_reservation .fields_input .form-group select{padding:5px 15px}}.main .shop_reservation .fields_selection{position:relative}.main .shop_reservation .fields_selection>div{background:#fff;opacity:0;padding:5px 0;position:absolute;transition:visibility .4s,opacity .4s linear;visibility:hidden;width:100%;z-index:5}.main .shop_reservation .fields_selection>div.open{opacity:1;visibility:visible}.main .shop_reservation .fields_selection ul li{color:#666;font-size:15px;opacity:.3;padding:3px 0 0}.main .shop_reservation .fields_selection ul li.slick-active{opacity:.6}.main .shop_reservation .fields_selection ul li.slick-current{border-bottom:1px solid #ccc;border-top:1px solid #ddd;color:#000;opacity:1}.main .shop_reservation .fields_selection ul li span{display:inline-block;text-align:center;width:130px}.main .shop_reservation .fields_selection>div._persons ul li{padding-left:27px;text-align:left}.main .shop_reservation .fields_selection>div._time ul li{padding-right:27px;text-align:right}.main .shop_reservation_form .caption{color:#777}.main .shop_reservation_form .reservation_info{color:#000}.main .shop_reservation_form .reservation_info.error{color:#d93636}.main .shop_reservation_form .reservation_info.success{color:#009dff}.main .reservations h3{color:#9f8c4a;font-size:16px;letter-spacing:.8px;margin:20px 0 10px;padding:0}.main .reservations .user_info{display:flex;margin-bottom:40px}.main .reservations .user_info .user_name{font-size:16px}.main .reservations .user_info .user_name span{font-size:12px;margin-left:10px}.main .reservations .user_points{color:#fff;font-size:12px;margin-left:auto}.main .reservations .user_points span{color:#9f8c4a;font-size:24px;margin:0 10px}.main .reservations .inner>ul li{padding-bottom:10px}.main .reservations .inner>ul li .a{align-items:center;background:hsla(0,0%,100%,.271);border-radius:3px;cursor:pointer;display:block;display:flex;padding:3px;text-decoration:none}.main .reservations .inner>ul li .a .box{background:#289600;border-radius:3px;color:#fff;font-size:9px;letter-spacing:.45px;margin-right:10px;padding:13px 0;text-align:center;width:55px}.main .reservations .inner>ul li .a .box.point{background:#fff;color:#000}.main .reservations .inner>ul li .a .box.cancel{background:#777}.main .reservations .inner>ul li .a .box.used{background:#008da7}.main .reservations .inner>ul li .a h6{color:#9f8c4a;font-size:14px;letter-spacing:.7px}.main .reservations .inner>ul li .a h6 span{display:block;font-size:12px;letter-spacing:.7px}.main .reservations .inner>ul.reservation_current{margin-bottom:40px}.main .reservations .inner>.btn{background:hsla(0,0%,100%,.271);border:hsla(0,0%,100%,.271);color:#fff;display:block;letter-spacing:2px;margin:10px auto 0;min-height:auto;padding:3px;width:100%}.main .reservations .info{margin-top:20px}.main .reservations .info h4{color:#9f8c4a;font-size:18px;letter-spacing:.9px}.main .reservations .info h4 .box{background:#289600;color:#fff;display:inline-block;font-size:13px;letter-spacing:.65px;margin-bottom:10px;margin-right:10px;padding:5px 0;text-align:center;width:90px}.main .reservations .info h4 .box.used{background:#008da7}.main .reservations .info h4 .box.cancel{background:#777}.main .reservations .info ._info{background:hsla(0,0%,100%,.733);border-radius:5px;color:#000;margin-bottom:100px;padding:20px}.main .reservations .info ._info .phone{font-size:16px;letter-spacing:.8px;margin-bottom:20px;text-align:center}.main .reservations .info ._info .details{display:flex;justify-content:center}.main .reservations .info ._info .details .date{font-size:16px;letter-spacing:.8px;padding-right:10px;width:200px}.main .reservations .info ._info .details .more p{display:flex;font-size:15px;margin-bottom:6px}.main .reservations .info ._info .details .more p i{font-size:14px;line-height:22px;margin:0 7px 0 20px}.main .reservations .info ._info .details .more p:first-child{font-size:13px}.main .reservations .info ._info .details .more p:first-child i{line-height:19px}.main .reservations .info ._info .points{color:#d93636;font-size:15px;margin:20px 0;text-align:center}.main .reservations .info ._info .notes{font-size:15px;white-space:pre-line}.main .reservations .info ._info .btn{display:block;font-size:14px;margin:0 auto 20px;max-width:300px}.main .reservations .info ._info .btn.btn-gold{font-size:16px;letter-spacing:.8px}.main .reservations .info ._info .btn:last-child{margin-bottom:0}.main .forget_password h3{color:#9f8c4a;font-size:16px;letter-spacing:.8px;margin:20px 0 30px;padding:0;text-align:center}.main .forget_password form p{margin-bottom:50px;text-align:center}.main .forget_password form .form-group{margin-bottom:20px}.main .forget_password form .form-group label{color:#fff}.main .forget_password form a.btn{margin-top:100px}body footer{background:#000;bottom:0;color:#fff;font-size:12px;padding:6px 0;position:fixed;text-align:center;width:100%;z-index:3}.pc-view{display:block}.pc-view-table{display:table}.pc-view-inline{display:inline-block}.sp-view,.sp-view-inline,.sp-view-table{display:none!important}@media screen and (max-width:767px){.pc-view{display:none!important}.sp-view{display:block!important}.pc-view-table{display:none!important}.sp-view-table{display:table!important}.pc-view-inline{display:none!important}.sp-view-inline{display:inline-block!important}body:before{background-image:url(/webroot/img/bg_sp.png)}body.home:before{background-image:url(/webroot/img/home_bg_sp.png)}body.shop:before{background-image:url(/webroot/img/dazzle_img_sp.png)}.main{padding:120px 0 50px}.main .content,.main .content.wide{width:100%}.main .box_pages{background:none;padding:0 25px}.main .box_pages .inner,.main .box_pages form{width:100%}.main .shop_list .user_info{margin-bottom:10px;padding:0 30px}.main .shop_list .user_points{text-align:center}.main .shop_list .news{margin:30px 0 0;padding:0 30px}.main .shop_list .shops{margin:30px 0 0}.main .shop_list .shops form{display:block;padding:0 30px}.main .shop_list .shops form:after{clear:both;content:"";display:table}.main .shop_list .shops form .form-group:first-child{display:block;float:left;padding:0 8px 0 0;width:50%}.main .shop_list .shops form .form-group:nth-child(2){display:block;float:left;padding:0 0 0 8px;width:50%}.main .shop_list .shops form .form-group:nth-child(3){display:block;float:left;padding:15px 0 0;width:100%}.main .shop_list .shops ul{margin:0}.main .shop_list .shops ul li{padding:0;width:100%}.main .shop_list .shops ul li .shop .sp-view{bottom:0;position:absolute;width:100%}.main .shop_list .shops ul li .shop .sp-view>a{background-color:#9f8c4a;border-radius:33px;color:#000;display:block;font-size:17px;margin:auto;padding:4px;text-align:center;text-decoration:none;width:220px}.main .reservations{padding:0 10px 20px}.main .reservations .user_info{margin-bottom:30px;padding:0 20px}.main .reservations h3{padding:0 20px}.main .reservations .info ._info{margin-bottom:50px}.main .shop_reservation .user_info{margin-bottom:10px;padding:0 30px}.main .shop_reservation .user_points{text-align:center}.main .shop_reservation .news{margin:30px 0;padding:0 30px}.main .shop_reservation figure{margin-bottom:20px}.main .shop_reservation .fields_input .form-group a{padding:5px 10px}.checkbox_button_white label,.select_button{min-width:100px}.select_button select{padding:0}.select_button:after{right:20px}.main .forget_password h3{margin:30px 0}body .home_bar{background:#000;border-radius:20px;bottom:10px;height:5px;left:50%;margin-left:-70px;position:fixed;width:140px}}@media screen and (max-width:580px){.main .shop_reservation figure{height:300px}.main .shop_reservation_form form{padding:0 0 20px;width:100%}}body .modal-backdrop{opacity:.9}.modal .modal-content{background:none}.modal .modal-content .modal-header{border:0;padding:5px 0}.modal .modal-content .modal-header .close{background-color:#fff;border:1px solid #9f8c4a;border-radius:50px;color:#9f8c4a;font-weight:500;height:26px;margin:0 0 0 auto;opacity:1;padding:0;text-align:center;text-shadow:none;width:26px}.modal .modal-content .modal-header .close span{display:block;margin-top:-2px}.modal modal-content{background-color:#000;border-radius:5px}.modal.revert modal-content{background-color:hsla(0,0%,100%,.941)}.shopCalendarModal .modal-lg,body .modal-dialog{max-width:850px}body .modal-body{background-color:#000;border-radius:5px}#modal-shop .modal-body{padding:0}#modal-calendar .modal-body{background-color:hsla(0,0%,100%,.941)}body .modal-dialog.modal-use-point{margin:0 auto;max-width:400px}body .modal-dialog.modal-use-point .modal-content{background-color:#000;border:1px solid #9f8c4a;box-shadow:0 0 15px 1px rgba(2,2,2,.75);margin:0 10px;padding:10px}@media (min-width:576px){body .modal-dialog{margin:1.75rem auto;max-width:500px}}@media (min-width:992px){body .modal-dialog{max-width:800px}}
