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;max-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}.loading{margin-top:50px;text-align:center;font-size:24px;color:gray;animation:showDelay 0s 0.5s 1 forwards;opacity:0}.loading.inline{display:flex;align-items:center;flex-direction:row-reverse;margin:10px 0 15px;text-align:left;font-size:20px}.loading.inline>div:nth-child(1){margin-left:15px;flex-grow:1}.loading.inline .loader{margin:0;width:3em;height:3em}@keyframes showDelay{100%{opacity:1}}.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)}.loader:before{width:50%;height:50%;background:#c0c0c0;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:''}.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)}}.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-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, black, rgba(0,0,0,0));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-a03cba4ec8813a0693fef7eb117242edb1b31882e22f9d4814dcd0221ddff692.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-1561132de5a08889d56fbe04f7103bd85a3f62e136825a2a9cd5ccaa4310de68.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-1b9302a2d7ca1b80b00a9ccb60e790bbdbcd7c4d6f0fdec755bc0de99275995c.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-2043792826a9b065f83776c4090b3e5a2924d18bc929461a4d0c43182396cb46.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-9b0d1d1d809026c43b253e30c98f66a466a2b6403d84e876963906b53ed2b721.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-1ddf2bc34467071ebd04cc3ba66717119192146268836904ca294fdd4d4b64c8.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-d96278b46149fdb98499c575c2190e7a268ee3348725604944747f2d8fcb91ea.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-b93ff8df4501ceaa744e0b9ef5ca05850b636440a26d71e2101ef2219722e297.png)}.contents-box .user-area li .user-name.male::before{background:url(/assets/pipit/icon-user-male-m-23a36c3a96dbec253f848682ad28957cd96257feda72c2f68b36e3495277f4ff.png)}.contents-box .user-area li .user-name.female::before{background:url(/assets/pipit/icon-user-female-m-ad7e3e496003de5ee66973a5a8747efd743f1de7a827df67852141249050a069.png)}.contents-box .user-area li .user-name.connection::after{width:16px;height:13px;background:url(/assets/pipit/icon-user-connection-black-a26a3df7b5b4300196d3052f55c86e5f3a6c8250b47d136a9c9307366edff7c0.png)}.contents-box .user-area li .user-name.non-connection::after{width:16px;height:13px;background:url(/assets/pipit/icon-user-connection-gray-4daf66862b1a30483eaef1fa82887dd8b2a57d761c46f211e38816d5b119b4ce.png)}.contents-box .user-area li .user-name.connected::after{width:24px;height:24px;background:url(/assets/pipit/icon-user-connected-black-2ca21d1eafbf5f132e3ceb925f62f874f6519486a68fc7c40215b8ddcd84d879.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}.contents-box .user-board .detail-user-box h2.male::before{background:url(/assets/pipit/icon-user-male-l-b0bde54b70ad73fdc36e39a27a58064bc780cf49bc1dd55b5d02707877741e57.png)}.contents-box .user-board .detail-user-box h2.female::before{background:url(/assets/pipit/icon-user-female-l-e0bf0edf82188790563c5ff4e35f9111e43120e119fb1fbd737efec53e662f2c.png)}.contents-box .user-board .detail-user-box h2.unknown::before{width:28px;height:28px;background:url(/assets/pipit/icon-user-m-1561132de5a08889d56fbe04f7103bd85a3f62e136825a2a9cd5ccaa4310de68.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-33b34b6af2816ee745785011bac79ae602aa148f9fd18c9b7398bd1e930eabd6.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-e691ae1b6c37de5a3b09bd4e6f14728cfc0e94b438f7c02b4f502a84a859c9d8.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-2b4d752fc3fa185813d61ba513c6cb5b9571b75549ef927cea1db928227bf644.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-5fdddba83813c8ee0f8fa0325d53d9616491b8a2ecd995c85bd7d3416e3d218a.png) !important}.contents-box .user-board .detail-cards span{background:url(/assets/pipit/background-cards-652cbc4dba4faff8bae954652e7103db171baf58877bb600789819a8fb7c0abf.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-52cd53578a8d47eb717e79059f1e063e172ab50427ad7849077e2a25de6e4c72.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-ad3ae4da0e2502331377462fdaa42c522b1584e4a58aaa7266ee92407d5af453.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-ad3ae4da0e2502331377462fdaa42c522b1584e4a58aaa7266ee92407d5af453.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-4ef98cc72828fd0e71f89a841bc67b42b296474ae3d56e98aa5f7ecf2f38bd4b.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-e06b9aecacdfb42af965cee4b24370f79572d6de3044cccd7cccbc88b1be5d30.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-ed97c61d416bbe0227302f4239862d47eb1625bcd0d46afe21cb635ff8f03841.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-41bf55a7af68d6f7bbc2904f7181d8a375da549ed987c7b4a13eaaf42990dc2b.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-9cf0bf010d10a347c729a900d7f3c0026a821f28218fe5cb86505e1650ebf8ab.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-763974b3ae45258f92b8bde22b9ee85b298c146d0b42d0cd537e348500981fe8.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-0e0efc13c185d57b8f31245998389f55f35cc04ddc16e59626b2b96c63ecdb70.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, black, rgba(0,0,0,0));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_failed{margin:40px;font-size:16px}body.tours .side-contents .fetch_failed .alert{text-align:center;font-size:16px;margin-bottom:25px}