html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr,input,textarea,button,select{margin:0px;padding:0px;box-sizing:content-box;line-height:1.0;font-weight:normal;font-style:normal}html{width:100%;height:100%;font-size:62.5%}html *{-ms-scroll-boundary:0;-ms-scroll-chaining:none}html body{width:100%;height:100%}html body,html button{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;background:none}html li{list-style:none}html a{text-decoration:none;color:#000;display:block}html img{border:none;width:100%;height:auto}html table{border-collapse:collapse;border:none;border-spacing:0}html input,html button,html textarea,html select{outline:none;border-radius:0;border:none}html input,html textarea,html select{background-color:#FFF;-webkit-appearance:none;-moz-appearance:none;appearance:none}html select::-ms-expand{display:none}html input:focus,html textarea:focus,html select:focus{border-color:#009CE5}html hr{width:calc(100% - 16px * 2);height:1px;background-color:#9FA0A0;border:none;margin:0 16px}.alert-contents p{white-space:pre-line;line-height:1.5}body{min-width:1024px;min-height:200px}.scroll-area{overflow-y:auto}.font-bold{font-weight:bold}.inactive{opacity:.2;pointer-events:none}.login{background:#F2F2F2}.login .login-inner{width:320px;margin:0 auto;padding-bottom:120px}.login .login-form .input-label{margin-bottom:8px;font-size:16px;color:#4D4D4D}.login .login-form input{width:calc(100% - 32px);margin-bottom:40px;padding:8px 16px;background:#FFFFFF;border:1px solid #B3B3B3;border-radius:4px;text-align:center;font-size:16px;font-weight:bold;line-height:32px;color:#00AAFF}.login .login-form input:last-child{margin-bottom:0px}.login .login-button{display:block;width:240px;height:64px;margin:80px auto 0;background:#00AAFF;border-radius:32px;font-size:20px;color:#FFFFFF}.header{background:#000000}.header-inner{width:1024px;margin:0 auto;height:48px;position:relative;display:flex;justify-content:center;align-items:center;color:#ffffff}.header-inner h1{font-size:20px;font-weight:bold;text-align:center}.header-menu{position:absolute;left:10px;top:0;bottom:0;margin:auto 0;display:flex;align-items:center}.header-menu a{width:36px;height:36px}.header-menu a+a{margin-left:16px}.header-menu .back-button{width:90px;display:flex;align-items:center;color:#CCCCCC;font-size:16px;font-weight:bold}.header-menu .back-button img{width:36px;height:36px;margin-right:4px}.header-logout{position:absolute;right:0;top:0;bottom:0;margin:auto 0;display:flex;align-items:center}.header-logout span{color:#cccccc;font-size:14px}.header-logout a{display:flex;align-items:center}.header-logout a img{width:48px;height:48px}.contents{background:#E4E4E4}.contents-inner{width:1024px;margin:0 auto;display:flex}.contents-box{height:calc(100vh - 48px);position:relative;overflow-y:auto}.contents-box+.contents-box::before{content:"";width:5px;height:100%;position:absolute;left:0;background:linear-gradient(90deg, #000, transparent);opacity:.3;z-index:1}.contents-box:nth-child(1){width:256px;background:#FFFFFF}.contents-box:nth-child(2){width:318px;background:#F2F2F2}.contents-box:nth-child(3){width:450px;background:#BFBFBF}.contents-box .info-tour{padding:24px 8px 0}.contents-box .info-tour h2{font-size:14px;font-weight:bold;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #CCCCCC}.contents-box .info-tour h3{margin-bottom:24px;font-size:14px}.contents-box .info-tour ul{border-bottom:1px solid #CCCCCC;padding-bottom:24px}.contents-box .info-tour ul li{margin-bottom:8px;font-size:14px}.contents-box .info-user{padding:12px 14px 24px;font-size:16px}.contents-box .info-user>*{margin-bottom:10px}.contents-box .info-user .info-guide{display:flex;align-items:center}.contents-box .info-user .info-guide::before{content:"";display:inline-block;margin-right:4px;width:28px;height:28px;background:url(/assets/pipit/icon-guide-e53d5e33a5af6bbed547c4715c923f4df6025c4e289d5ab7e1a4e0266be805a2.png)}.contents-box .info-user .count-user{display:flex;align-items:center}.contents-box .info-user .count-user li{display:flex;align-items:center;margin-right:8px;font-size:12px}.contents-box .info-user .count-user li:first-child{font-size:16px}.contents-box .info-user .count-user li:first-child::before{content:"";display:inline-block;margin-right:4px;width:28px;height:28px;background:url(/assets/pipit/icon-user-m-99f1cd202a821342fbf2da7f51aeda20712ee865c903a20ae987002f5c89f9be.png)}.contents-box .info-user .count-user li:nth-child(2)::before{content:"";display:inline-block;width:28px;height:28px;background:url(/assets/pipit/icon-user-male-s-eeac01a584174aa2ce2ac7b6546651feeb681c95ad8c7eff23ea62c6fb0ae660.png)}.contents-box .info-user .count-user li:nth-child(3)::before{content:"";display:inline-block;width:28px;height:28px;background:url(/assets/pipit/icon-user-female-s-a2071d20e7defb1152c30d6be0c4eed9b179c1bf52a2f00d9a6b7ab2a1b95581.png)}.contents-box .info-user .count-connected{display:flex;align-items:center}.contents-box .info-user .count-connected::before{content:"";display:inline-block;margin-right:4px;width:28px;height:28px;background:url(/assets/pipit/icon-connected-black-e0c20acb5a6cc6ba1c77d9a352446216a62d5d28d349008775dcabfe30840158.png)}.contents-box .info-user .count-connection{display:flex;align-items:center}.contents-box .info-user .count-connection::before{content:"";display:inline-block;margin-right:4px;width:28px;height:28px;background:url(/assets/pipit/icon-connection-black-85b741cb343a801f2ce7af038e317db287b816ac957d0d816c8cacb05f3d96a2.png)}.contents-box .tab-area{height:46px;display:flex;background:#D9D9D9}.contents-box .tab-area li{position:relative;width:25%;text-align:center}.contents-box .tab-area li.current{border-bottom:3px solid #00AAFF;background:#E6E6E6}.contents-box .tab-area li.current::after{content:"";position:absolute;display:block;top:0;right:3px;bottom:0;margin:auto}.contents-box .tab-area li.asc::after{display:block;width:0;height:0;border-right:5px solid transparent;border-top:5px solid #00AAFF;border-left:5px solid transparent}.contents-box .tab-area li.des::after{display:block;width:0;height:0;border-right:5px solid transparent;border-top:5px solid #00AAFF;border-left:5px solid transparent;transform:rotate(180deg)}.contents-box .tab-area li a img{width:64px;height:46px}.contents-box .tab-area li:first-child a img{width:63px}.contents-box .tab-area li:last-child a img{width:63px}.contents-box .tab-tour{align-items:center;justify-content:space-between;padding:0 10px}.contents-box .tab-tour li h2{font-size:14px;font-weight:bold}.contents-box .tab-tour li a{display:flex;justify-content:center;align-items:center;width:140px;height:36px;background:#00AAFF;border-radius:18px;font-size:14px;color:#FFFFFF}.contents-box .user-area{height:calc(100vh - 94px)}.contents-box .user-area li{position:relative;padding:12px 10px 12px 32px;font-size:16px;border-bottom:1px solid rgba(112,112,112,0.2);cursor:pointer}.contents-box .user-area li.select{background:rgba(0,211,255,0.3);cursor:auto}.contents-box .user-area li .user-number{position:absolute;display:flex;align-items:center;height:100%;top:0;left:6px;font-size:12px;font-weight:bold;color:#666666}.contents-box .user-area li .user-name{display:flex;align-items:center}.contents-box .user-area li .user-name::before{content:"";display:inline-block;width:20px;height:20px;margin-right:5px;background:url(/assets/pipit/icon-user-s-3d1014e5251dff37837b7443bb9e16d26525dc079dae51808b3dbb54bef5f05f.png)}.contents-box .user-area li .user-name::after{content:"";display:inline-block;position:absolute;top:0;right:10px;bottom:0;margin:auto}.contents-box .user-area li .user-name.all::before{width:22px;height:22px;background:url(/assets/pipit/icon-users-ed5767bb279cbc8d945cb8bb5367625509a3e14ca4c84799f690010775ba6c71.png)}.contents-box .user-area li .user-name.male::before{background:url(/assets/pipit/icon-user-male-m-19bba77590f839e438c8f772eb7c234c52c8f00e392e4cbac3587fc6c923a04b.png)}.contents-box .user-area li .user-name.female::before{background:url(/assets/pipit/icon-user-female-m-9d2dc997c9830399e837f5440d6190396c1f84898f4642f71078c4debd239657.png)}.contents-box .user-area li .user-name.connection::after{width:16px;height:13px;background:url(/assets/pipit/icon-user-connection-black-5dbc1f269c0552874a2ee153da0feb432014b160340580a18f6433d5ac199674.png)}.contents-box .user-area li .user-name.non-connection::after{width:16px;height:13px;background:url(/assets/pipit/icon-user-connection-gray-ab222f956e914c9343cf72154d3a1ae900ee0d02c99e3b5acc515188a3f5315f.png)}.contents-box .user-area li .user-name.connected::after{width:24px;height:24px;background:url(/assets/pipit/icon-user-connected-black-d728acad5c71eebd6689c98b7194c666432ad6ab9252aa15e98f320c8e002175.png)}.contents-box .user-area li .user-group{position:absolute;right:34px;bottom:2px;font-size:10px;color:#666666}.contents-box .user-board{width:420px;margin:12px auto 0;background:#E6E6E6;border-radius:10px;box-shadow:0 3px 6px rgba(112,112,112,0.16)}.contents-box .user-board img{width:auto}.contents-box .user-board .detail{display:flex;justify-content:space-around;align-items:center;min-height:170px}.contents-box .user-board .detail+.detail{border-top:1px solid rgba(112,112,112,0.3)}.contents-box .user-board .detail img{display:inline}.contents-box .user-board .detail-user{padding:10px}.contents-box .user-board .detail-user-box{width:100%}.contents-box .user-board .detail-user-box h2{position:relative;padding-left:32px;font-size:20px;font-weight:bold;color:#333333}.contents-box .user-board .detail-user-box h2::before{content:"";position:absolute;top:-4px;left:0;width:24px;height:24px;background:url(/assets/pipit/icon-user-male-l-0640f469c59660f59943d4bf1839b21b1d25263e497029a66fe8336485db2900.png)}.contents-box .user-board .detail-user-box h2.male::before{background:url(/assets/pipit/icon-user-male-l-0640f469c59660f59943d4bf1839b21b1d25263e497029a66fe8336485db2900.png)}.contents-box .user-board .detail-user-box h2.female::before{background:url(/assets/pipit/icon-user-female-l-c7db3bd584c237af1798ecfd850c60e20cca8b4a745fe22652aea5cb2d495514.png)}.contents-box .user-board .detail-user-box h2 span{margin-top:4px;display:block;color:#808080;font-size:13px}.contents-box .user-board .detail-user-info{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:#808080}.contents-box .user-board .detail-user-info .group{padding-left:32px}.contents-box .user-board .detail-user-info .memo{padding:4px;text-align:left;width:320px;height:65px;background:#F2F2F2;border:1px solid #B3B3B3;color:#707070}.contents-box .user-board .detail .board-box{position:relative}.contents-box .user-board .detail .board-box span{display:flex;justify-content:center;align-items:center;width:180px;height:128px;background:url(/assets/pipit/background-board-6657781ad97468713cfdbf7a6e3d6ab24d0953fabbbd2a1f2df9085aee96f2a3.png)}.contents-box .user-board .detail .card-box span{display:flex;justify-content:center;align-items:center;width:180px;height:128px;background:url(/assets/pipit/background-card-91e81c140e109a23de46e80a6e723759f6efd9dce0bb6491456f725eddd851b6.png)}.contents-box .user-board .detail-users{text-align:center;flex-direction:column;justify-content:center}.contents-box .user-board .detail-users span{font-size:24px;font-weight:bold}.contents-box .user-board .detail-users::before{content:"";display:block;width:112px;height:48px;margin-bottom:12px;background:url(/assets/pipit/background-users-411aefd0d4254c4f239c45cce182e62bdd9c491b6523eaad7493bda8303de39c.png)}.contents-box .user-board .detail.detail-boards span,.contents-box .user-board .detail.detail-cards span{font-size:24px;font-weight:bold;color:#00AAFF !important}.contents-box .user-board .detail.detail-boards .link-connected,.contents-box .user-board .detail.detail-cards .link-connected{margin:0;width:200px}.contents-box .user-board .detail.detail-boards .link-connected::after,.contents-box .user-board .detail.detail-cards .link-connected::after{display:none}.contents-box .user-board .detail-boards span{background:url(/assets/pipit/background-boards-78bf68721f96daf905e4043e48ae48d78f056e8f6a314ca900a002eac7e1773a.png) !important}.contents-box .user-board .detail-cards span{background:url(/assets/pipit/background-cards-a024949369d690dceb133dc43aade43865ee5090ca7b020ca9460fcc1882ca50.png) !important}.contents-box .user-board .detail .active{position:relative}.contents-box .user-board .detail .active span{color:#333333;opacity:.5}.contents-box .user-board .detail .active .button-cancel{content:"";width:48px;height:48px;position:absolute;top:50%;right:-48px;margin-top:-24px;background:url(/assets/pipit/button-cancel-56c886ab2d7b94787535bcb930a2a9abd8ec8597b574a635c20e3671847d3fcc.png);opacity:1}.contents-box .user-board .detail .inactive{position:relative;opacity:1;pointer-events:all}.contents-box .user-board .detail .inactive span{opacity:.2 !important}.contents-box .user-board .detail .link span{opacity:1}.contents-box .user-board .detail .link-button{position:relative;display:flex;justify-content:center;align-items:center;width:160px;height:48px;position:absolute;top:-45px;left:0;right:0;margin:auto;border-radius:24px;font-size:16px;color:#ffffff}.contents-box .user-board .detail .link-button::before{content:"";display:block;width:28px;height:28px}.contents-box .user-board .detail .link-connection{background:#00AAFF}.contents-box .user-board .detail .link-connection::before{background:url(/assets/pipit/icon-link-57a430053db26589633a167341dc697122e6e75c46b036b174f9d34c11b26275.png)}.contents-box .user-board .detail .link-connections{background:#00AAFF;width:48px;height:48px}.contents-box .user-board .detail .link-connections::before{background:url(/assets/pipit/icon-link-57a430053db26589633a167341dc697122e6e75c46b036b174f9d34c11b26275.png)}.contents-box .user-board .detail .link-connected{background:#DC591F;margin-right:124px}.contents-box .user-board .detail .link-connected::before{background:url(/assets/pipit/icon-deadlink-6a4a13e8958041ef7e669d604cc0cf61dd454c2712d8e070c23336698ceffbea.png)}.contents-box .user-board .detail .link-connected::after{content:"";position:absolute;right:-58px;display:block;width:48px;height:48px;background:url(/assets/pipit/button-link-c98c4f3d95f2d784ecde32be51f5c9227f80eeebf3238ad3e1cf0286ee3a6948.png)}.contents-box .user-board .detail .link-reconnect{background:#00AAFF}.contents-box .user-board .detail .link-reconnect::before{width:32px;height:32px;background:url(/assets/pipit/icon-reload-465046806a41c3f79ba18375a7012a8c552a0134d23d27b4ac9563a5854b76d3.png)}.contents-box .tour-title{display:flex;padding:16px 0 4px;background:#E6E6E6}.contents-box .tour-title li{display:flex;align-items:baseline;justify-content:center;font-size:12px}.contents-box .tour-title li:nth-child(1){width:190px}.contents-box .tour-title li:nth-child(2){width:130px}.contents-box .tour-title li:nth-child(3){width:250px}.contents-box .tour-title li:nth-child(4){width:125px}.contents-box .tour-area{height:calc(100vh - 126px)}.contents-box .tour-area li{display:flex;align-items:center;position:relative;padding:12px 10px;font-size:14px;border-bottom:1px solid rgba(112,112,112,0.2);cursor:pointer}.contents-box .tour-area li.select{background:rgba(0,211,255,0.3)}.contents-box .tour-area li>span{text-align:center;font-size:12px}.contents-box .tour-area li .tour-name{position:relative;width:145px;padding:0 20px 0 25px;display:flex;align-items:center;font-weight:bold;word-break:break-all;text-align:left}.contents-box .tour-area li .tour-name::before{content:"";position:absolute;display:inline-block;width:20px;height:20px;margin-right:5px;background:url(/assets/pipit/icon-flag-40489d9f57ee7fe86e0d19cb2c12f5874902aa6fec2636b7cc82fbbbb2f02cc1.png);top:0;bottom:0;margin:auto 0;left:0}.contents-box .tour-area li .tour-start{width:130px;display:flex;align-items:center;height:100%}.contents-box .tour-area li .tour-file{position:relative;padding:0 20px 0 25px;width:205px;display:flex;align-items:center;word-break:break-all;text-align:left}.contents-box .tour-area li .tour-file::before{position:absolute;content:"";display:inline-block;width:20px;height:20px;margin-right:5px;background:url(/assets/pipit/icon-zip-71d46a58fe23ebf5b7cc2e7a9b9e9e248a392769a8cefe164d42f4302395fb41.png);top:0;bottom:0;margin:auto 0;left:0}.contents-box .tour-area li .tour-day{width:125px}.contents-box .button-area{display:flex;justify-content:space-around;width:420px;margin:16px auto 0}.contents-box .button-area .button{position:relative;width:140px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background:#737373;text-indent:1em;text-align:right;font-size:16px;color:#FFFFFF}.contents-box .button-area .button::before{content:"";width:22px;height:13px;position:absolute;top:0;left:20px;bottom:0;margin:auto 0;background:url(/assets/pipit/icon-arrow-311e7ea0d4b0ed95c546c6a9af85912f9076ea19b3371ecb7d942f377ba5db20.png)}.contents-box .button-area .button-next::before{transform:rotate(180deg)}.contents-box .button-area-action{display:flex;justify-content:space-between}.contents-box .button-area-action .edit{position:relative;width:36px;height:36px;border-radius:18px;font-size:0;background:#00AAFF}.contents-box .button-area-action .edit:before{content:"";position:absolute;width:24px;height:24px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/assets/pipit/icon-edit-63c6c1a00e45c17b6bacd14f14fc8cb113d7b71721cb3fc8937c492270e94d61.png)}.contents-box .button-area-action .delete{display:flex;justify-content:center;align-items:center;width:64px;height:36px;background:#DC591F;border-radius:18px;font-size:14px;color:#ffffff}.contents-box .button-area-file{display:flex;justify-content:space-around}.contents-box .button-area-file li a{display:flex;justify-content:center;align-items:center;width:120px;height:48px;border-radius:24px;background:#00AAFF;font-size:16px;color:#ffffff}.contents-box+.side-contents .info-tour h2{margin-bottom:8px;padding-bottom:0;border-bottom:none}.contents-box+.side-contents .info-tour h3{margin-top:8px}.contents-box+.side-contents .info-user .count-user{margin-bottom:56px}.contents-box+.side-contents .button-area-action{height:36px;padding-bottom:8px}.contents .col-2 .contents-box+.contents-box::before{content:"";width:5px;height:100%;position:absolute;left:-5px;background:linear-gradient(-90deg, #000, transparent);opacity:.3;z-index:1}.contents .col-2 .contents-box:nth-child(1){width:700px;background:#F2F2F2}.contents .col-2 .contents-box:nth-child(2){width:324px;background:#FFFFFF}.modal{height:100vh;position:fixed;top:0;width:100%;z-index:100}.modal .modal-background{background:#000000;height:100vh;position:absolute;width:100%;opacity:.5}.modal .modal-alert{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-height:240px;width:480px;background:#F2F2F2;border:1px solid #707070}.modal .modal-alert .alert-contents{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;height:146px}.modal .modal-alert .alert-contents h2{font-size:20px;color:#4D4D4D}.modal .modal-alert .alert-contents h2.tour-name{margin-bottom:15px;color:#000000;font-weight:bold}.modal .modal-alert .alert-contents p{font-size:20px;color:#4D4D4D}.modal .modal-alert .alert-contents input{width:calc(100% - 26px);margin-top:12px;padding:8px 12px;background:#FFFFFF;border:1px solid #707070;font-size:12px;font-weight:bold;color:#000000}.modal .modal-alert .alert-contents input::placeholder{opacity:.4}.modal .button-area{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;background:#D9D9D9;padding:8px 0}.modal .button-area li a{width:140px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;font-size:16px;color:#FFFFFF}.modal .button-area li .button-gray{background:#808080}.modal .button-area li .button-blue{background:#00AAFF}.modal .button-area li .button-orange{background:#DC591F}.modal .button-area li:nth-child(2){margin-left:30px}body.login .error_messages{height:120px;display:flex;flex-direction:column;justify-content:center}.user-board .image img{box-sizing:border-box;max-height:75px;border:1px solid white}body.tours a.dragover{background-color:red}body.tours .side-contents .fetch_faild{margin:40px;font-size:16px}body.tours .side-contents .fetch_faild .alert{text-align:center;font-size:16px;margin-bottom:25px}body.tours .side-contents .loading{margin-top:50px;text-align:center;font-size:24px;color:gray;animation:showDelay 0s 0.5s 1 forwards;opacity:0}@keyframes showDelay{100%{opacity:1}}body.tours .side-contents .loader{font-size:10px;margin:50px auto;text-indent:-9999em;width:6em;height:6em;border-radius:50%;background:linear-gradient(to right, silver 10%, rgba(192,192,192,0) 42%);position:relative;animation:load3 1.4s infinite linear;transform:translateZ(0)}body.tours .side-contents .loader:before{width:50%;height:50%;background:#c0c0c0;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}body.tours .side-contents .loader:after{background:#ffffff;width:75%;height:75%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@keyframes load3{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}