[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}body.is-lock{overflow:hidden;-ms-overflow-style:none}@keyframes lum-fade{0%{opacity:0}100%{opacity:1}}@keyframes lum-fadeZoom{0%{transform:scale(0.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes lum-loader-rotate{0%{transform:translate(-50%, -50%) rotate(0)}50%{transform:translate(-50%, -50%) rotate(-180deg)}100%{transform:translate(-50%, -50%) rotate(-360deg)}}@keyframes lum-loader-before{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(0.8) translateX(6px)}75%{transform:scale(0.7) translateX(8px)}90%{transform:scale(0.8) translateX(6px)}100%{transform:scale(1)}}@keyframes lum-loader-after{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(0.8) translateX(-6px)}75%{transform:scale(0.7) translateX(-8px)}90%{transform:scale(0.8) translateX(-6px)}100%{transform:scale(1)}}.lum-lightbox{z-index:1000;background:rgba(0,0,0,.6)}.lum-lightbox-inner{top:2.5%;right:2.5%;bottom:2.5%;left:2.5%}.lum-lightbox-inner img{position:relative}.lum-lightbox-inner .lum-lightbox-caption{margin:0 auto;color:#fff;max-width:700px;text-align:center}.lum-loading .lum-lightbox-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:66px;height:20px;animation:lum-loader-rotate 1800ms infinite linear}.lum-lightbox-loader:before,.lum-lightbox-loader:after{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;border-radius:20px;background:rgba(255,255,255,.9)}.lum-lightbox-loader:before{left:0;animation:lum-loader-before 1800ms infinite linear}.lum-lightbox-loader:after{right:0;animation:lum-loader-after 1800ms infinite linear;animation-delay:-900ms}.lum-lightbox.lum-opening{animation:lum-fade 180ms ease-out}.lum-lightbox.lum-opening .lum-lightbox-inner{animation:lum-fadeZoom 180ms ease-out}.lum-lightbox.lum-closing{animation:lum-fade 300ms ease-in;animation-direction:reverse}.lum-lightbox.lum-closing .lum-lightbox-inner{animation:lum-fadeZoom 300ms ease-in;animation-direction:reverse}.lum-img{transition:opacity 120ms ease-out}.lum-loading .lum-img{opacity:0}.lum-gallery-button{overflow:hidden;text-indent:150%;white-space:nowrap;background:rgba(0,0,0,0);border:0;margin:0;padding:0;outline:0;position:absolute;top:50%;transform:translateY(-50%);height:100px;max-height:100%;width:60px;cursor:pointer}.lum-previous-button{left:12px}.lum-next-button{right:12px}.lum-gallery-button:after{content:"";display:block;position:absolute;top:50%;width:36px;height:36px;border-top:4px solid rgba(255,255,255,.8)}.lum-previous-button:after{transform:translateY(-50%) rotate(-45deg);border-left:4px solid rgba(255,255,255,.8);box-shadow:-2px 0 rgba(0,0,0,.2);left:12%;border-radius:3px 0 0 0}.lum-next-button:after{transform:translateY(-50%) rotate(45deg);border-right:4px solid rgba(255,255,255,.8);box-shadow:2px 0 rgba(0,0,0,.2);right:12%;border-radius:0 3px 0 0}@media(max-width: 960px){.lum-lightbox-image-wrapper{display:block;overflow:auto;-webkit-overflow-scrolling:touch}.lum-lightbox-position-helper{display:flex;justify-content:center;align-items:center;min-height:100%}.lum-lightbox-caption{width:100%;position:absolute;bottom:0}}.spen-ly-modal.is-content-modal .spen-mod-flex-table{overflow-y:scroll;max-height:55vh}.spen-ly-modal.is-content-modal .modal-content{overflow:hidden}.spen-ly-modal.is-content-modal .content-inner{overflow-y:scroll;max-height:calc(90vh - 80px);padding-bottom:20px}.spen-ly-modal.is-content-modal .spen-mod-breadcrumb{padding-bottom:10px}.spen-ly-modal.is-content-modal .no-content{padding:20px;text-align:center}.spen-ly-modal.is-content-modal .spen-mod-flex-table .flex-table-row{align-items:center}.spen-ly-modal.is-content-modal .spen-mod-flex-table .flex-table-row.is-current{background-color:#c3e5f4}.spen-ly-modal.is-content-modal .spen-mod-flex-table .flex-table-row.is-attached{pointer-events:none;cursor:default;background-color:#f0f0f0}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-icon{flex:0 1 auto;width:60px}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-icon .fa{font-size:32px}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-name{flex:2 1 0%;overflow:hidden}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-user{flex:1 1 0%;text-align:center;overflow:hidden}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-date{flex:1 1 0%}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-chevron{flex:0 1 auto;width:40px;padding-left:10px}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-chevron .fa-chevron-right{font-size:16px;color:#999}.spen-ly-modal.is-message-modal .modal-heading{flex:0 0 58px}.spen-ly-modal.is-message-modal .modal-heading .heading-text{font-size:20px;font-weight:bold}.spen-ly-modal.is-message-modal .modal-content .content-inner{white-space:pre-wrap}.spen-ly-modal.is-message-modal .modal-footer{text-align:right}.spen-ly-modal.is-message-modal .modal-footer .modal-actions{padding:12px 14px 0;text-align:right}.pages-topic-list{height:100%;padding-top:80px}.pages-topic-list .message-section{height:100%;padding:16px 28px 80px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.pages-topic-list .edit-only{height:100%;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pages-topic-list .mod-message-textarea{margin:0;padding:12px}.pages-topic-list .separate-bar{height:20px;display:flex;margin:28px 0;flex-direction:column;justify-content:center;text-align:center}.pages-topic-list .separate-bar .bar{position:relative;border-bottom:1px solid #ccc}.pages-topic-list .separate-bar .separate-text{width:100%;position:absolute;bottom:-12px}.pages-topic-list .separate-bar .separate-text span{padding:0 10px;color:#ccc;background-color:#fff}.pages-topic-list .message-list{margin:24px 0}.pages-topic-list .no-message{margin-top:90px;text-align:center;font-size:16px;color:#999}.pages-topic-list .more-message-button{text-align:center}.pages-topic-list .group-information-notice-title{display:inline-block;font-weight:bold;padding-top:24px}.pages-activity-list{height:100%;padding-top:58px;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pages-activity-list .spen-mod-flex-list{width:auto;margin:24px 32px}.pages-activity-list .spen-mod-flex-list .flex-item{padding:8px 40px 8px 8px;font-size:1rem}.pages-activity-list .spen-mod-flex-list .flex-item .created-at{font-size:.875rem;color:#999}.pages-activity-list .spen-mod-flex-list .flex-item .type-icon .fa{padding-right:8px;color:#999;font-size:1rem}.pages-activity-list .no-message{margin-top:90px;text-align:center;font-size:16px;color:#999}.mod-pages-message-detail{height:100%;padding-top:60px}.mod-pages-message-detail .message-section{height:100%;padding:24px 28px 80px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.mod-pages-message-detail .edit-only{height:100%;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mod-pages-message-detail .mod-message{position:relative}.mod-pages-message-detail .mod-message.is-message{border-top-left-radius:8px;border-top-right-radius:8px}.mod-pages-message-detail .mod-message.is-message .edit-message{margin-left:44px}.mod-pages-message-detail .mod-message.is-message .edit-message .mod-message-textarea{padding:0}.mod-pages-message-detail .mod-message.is-message .mod-message-content .message-text,.mod-pages-message-detail .mod-message.is-message .mod-message-content .message-publish-content{margin-left:44px}.mod-pages-message-detail .mod-message.comment-list{border-left-width:0;border-right-width:0;border-bottom-width:0}.mod-pages-message-detail .content-type{margin-bottom:12px}.mod-pages-message-detail .comment-counter{color:#999;background-color:#f0f0f0;text-align:center;padding:8px}.mod-pages-message-detail .comment-counter .fa{padding-right:4px}.mod-pages-message-detail .comment-area{border:1px solid #ccc;border-top-width:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mod-pages-message-detail .message-comment+.message-comment{border-top:1px solid #ccc;padding-top:16px}.mod-pages-message-detail .no-comments{padding:50px;text-align:center}.mod-pages-message-detail .fa-pencil,.mod-pages-message-detail .fa-trash-o{padding-right:3px}.mod-pages-message-detail .edit-message{margin-bottom:12px}.mod-pages-message-detail .message-textarea:not(.is-edit){border-top:1px solid #ccc;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mod-pages-message-detail .group-information-notice-title{display:inline-block;font-weight:bold;padding-top:24px}.pages-newer-list{height:100%;max-width:100%;color:#999;display:flex;flex-direction:column;justify-content:top}.pages-newer-list .message-list{margin-top:60px;padding:24px 28px 80px;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.pages-newer-list .no-message{margin-top:90px;text-align:center;font-size:16px;color:#999}.pages-newer-list .group-newer-list{display:block}.pages-bookmark-list{height:100%;max-width:100%;color:#999;display:flex;flex-direction:column;justify-content:top}.pages-bookmark-list .message-list{margin-top:60px;padding:24px 28px 80px;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.pages-bookmark-list .no-message{margin-top:60px;padding-top:90px;text-align:center;font-size:16px;color:#999}.pages-bookmark-list .bookmark-list{display:block}.pages-search-result{height:100%;padding-top:58px}.pages-search-result .no-message{margin-top:90px;text-align:center;font-size:16px;color:#999}.pages-search-result .message-section{height:100%;padding:24px 32px 80px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.pages-search-result .search-result-info{display:flex;align-items:flex-end;margin-bottom:24px}.pages-search-result .search-result-info .text{color:#999;font-size:14px;max-width:70%}.pages-search-result .search-result-info .spen-util-link{margin-left:auto}.pages-search-result .search-result-info .spen-util-link .fa{font-size:16px}.pages-search-result .search-result-info .spen-util-link .fa .group-link{text-decoration:underline;padding-left:4px}.pages-search-result .more-message-button{text-align:center}.colorPatGray::after{background-color:#bfbfbf}.colorPat1::after{background-color:#d24d4d}.color-picker1{background-color:#d24d4d}.colorPat2::after{background-color:#e87c33}.color-picker2{background-color:#e87c33}.colorPat3::after{background-color:#755a37}.color-picker3{background-color:#755a37}.colorPat4::after{background-color:#eebf15}.color-picker4{background-color:#eebf15}.colorPat5::after{background-color:#76b330}.color-picker5{background-color:#76b330}.colorPat6::after{background-color:#339c94}.color-picker6{background-color:#339c94}.colorPat7::after{background-color:#009fe8}.color-picker7{background-color:#009fe8}.colorPat8::after{background-color:#1c68bf}.color-picker8{background-color:#1c68bf}.colorPat9::after{background-color:#674daa}.color-picker9{background-color:#674daa}.colorPat10::after{background-color:#ad52b0}.color-picker10{background-color:#ad52b0}.colorPat11::after{background-color:#e87191}.color-picker11{background-color:#e87191}.colorPat12::after{background-color:#999}.color-picker12{background-color:#999}.colorPat13::after{background-color:#3e3e3e}.color-picker13{background-color:#3e3e3e}.mod-group-sidebar{display:flex;height:100%;max-width:320px;flex:0 0 320px}.mod-group-sidebar .sidebar-background{display:none}.mod-group-sidebar .sidebar{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;border-right:1px solid #ccc}.mod-group-sidebar .sidebar .sidebar-close{display:none}.mod-group-sidebar .sidebar .remove-btn .fa{font-size:18px}.mod-group-sidebar .sidebar .group-year{border:1px solid #ccc;border-radius:8px;padding:13px;margin-bottom:20px}.mod-group-sidebar .sidebar .group-year .group-year-inner{*zoom:1}.mod-group-sidebar .sidebar .group-year .group-year-inner::after{content:"";display:table;clear:both}.mod-group-sidebar .sidebar .group-year .group-year-name{float:left}.mod-group-sidebar .sidebar .group-year .group-year-change{float:right}.mod-group-sidebar .sidebar .group-year .group-year-actions{font-size:0;display:flex}.mod-group-sidebar .sidebar .group-year .spen-mod-select{font-size:16px;flex:1 1 auto}.mod-group-sidebar .sidebar .group-year .spen-mod-btn{font-size:16px;flex:0 1 auto;margin-left:12px}.mod-group-sidebar .sidebar .group-year .spen-mod-btn.is-small{min-width:80px}.mod-group-sidebar .sidebar .spen-mod-btn.is-large{width:100%}.mod-group-sidebar .sidebar .header{padding:12px;*zoom:1}.mod-group-sidebar .sidebar .header::after{content:"";display:table;clear:both}.mod-group-sidebar .sidebar .dropdown{position:relative;float:right;text-align:left;margin-top:8px;padding-bottom:0}.mod-group-sidebar .sidebar .dropdown.is-open .dropdown-menu{display:block}.mod-group-sidebar .sidebar .dropdown .fa{font-size:18px;padding-left:4px;color:#0088c7;margin-right:4px}.mod-group-sidebar .sidebar .dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;min-width:240px;padding:8px 0;margin:2px 0 0;list-style:none;font-size:16px;background-color:#fafafa;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.mod-group-sidebar .sidebar .dropdown-menu a{display:block;color:#333;padding:4px 20px}.mod-group-sidebar .sidebar .dropdown-menu a:hover{background-color:#c3e5f4}.mod-group-sidebar .sidebar .group-type-title{font-size:16px;font-weight:bold;padding:6px 0 6px 12px;background-color:#f0f0f0;border-bottom:1px solid #ccc;position:relative;z-index:3}.mod-group-sidebar .sidebar .group-type-title .fa{color:#999}.mod-group-sidebar .sidebar .sidebar-list .new-item-list{border-top:1px solid #ccc}.mod-group-sidebar .sidebar .sidebar-list .new-item-list .list-item-inner{padding:12px}.mod-group-sidebar .sidebar .sidebar-list .group-item-list .list-item-inner{padding:8px 8px 8px 16px}.mod-group-sidebar .sidebar .sidebar-list .group-item-list.is-teacher .list-item-inner{display:block}.mod-group-sidebar .sidebar .sidebar-list .list-item-inner{display:flex;align-items:center;border-bottom:1px solid #ccc;min-height:70px;position:relative}.mod-group-sidebar .sidebar .sidebar-list .list-item-inner .circle-badge{min-width:10px;min-height:10px;display:none;background-color:#e54545;color:#fff;border-radius:10px;text-align:center;font-size:12px;line-height:20px;padding:0 5px;position:absolute;bottom:8px;right:8px}.mod-group-sidebar .sidebar .sidebar-list .list-item-inner.is-selected{background-color:#c3e5f4}.mod-group-sidebar .sidebar .sidebar-list .list-item-inner.has-new .circle-badge{display:inline-block}.mod-group-sidebar .sidebar .sidebar-list .list-item-inner:hover{background-color:#c3e5f4;cursor:pointer}.mod-group-sidebar .sidebar .group-edit{font-weight:normal;float:right;margin-right:12px}.mod-group-sidebar .sidebar .about-mygroup{padding:22px 12px;border-bottom:1px solid #ccc}.mod-group-sidebar .sidebar .about-mygroup .fa{font-size:18px;padding-left:4px;color:#0088c7;margin-right:4px}.mod-group-sidebar .sidebar .other-group{overflow:hidden}.mod-group-sidebar .sidebar .other-group .group-type-title{cursor:pointer}.mod-group-sidebar .sidebar .fa-chevron-down{font-size:14px;position:absolute;right:20px;top:50%;margin-top:-7px}.mod-group-sidebar .sidebar .accordion-item{margin-top:-300%;transition:all .3s linear;width:100%;float:left;clear:both;position:relative;bottom:100%;z-index:1}.mod-group-sidebar .sidebar .accordion-item .list-item{height:0;transition:all .3s linear}.mod-group-sidebar .sidebar .accordion-item.is-open{margin-top:0;transition:margin-top .3s cubic-bezier(0.165, 0.84, 0.44, 1)}.mod-group-sidebar .sidebar .accordion-item.is-open .list-item{transition:margin-top .3s cubic-bezier(0.165, 0.84, 0.44, 1);height:100%}.mod-group-sidebar .sidebar .item-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#333}.mod-group-sidebar .sidebar .group-type{width:60px;text-align:center;color:#999;font-size:12px;line-height:1.5;background-color:#fff;border:1px solid #999;border-radius:2px;margin-top:8px}.mod-group-sidebar .sidebar .oher-links{padding:24px 0 24px 12px}.mod-group-sidebar .sidebar .oher-links .spen-util-link{display:block}.mod-group-sidebar .sidebar .oher-links .spen-util-link .fa{padding-right:3px;font-size:16px}.mod-group-sidebar .sidebar .oher-links .spen-util-link+.spen-util-link{margin-top:4px}.mod-group-sidebar .sidebar .oher-links .admin-links{padding-top:24px}.mod-group-sidebar .sidebar .oher-links .admin-title{color:#999;font-size:14px;font-weight:bold}.mod-group-sidebar .sidebar .colorPatGray,.mod-group-sidebar .sidebar .colorPat1,.mod-group-sidebar .sidebar .colorPat2,.mod-group-sidebar .sidebar .colorPat3,.mod-group-sidebar .sidebar .colorPat4,.mod-group-sidebar .sidebar .colorPat5,.mod-group-sidebar .sidebar .colorPat6,.mod-group-sidebar .sidebar .colorPat7,.mod-group-sidebar .sidebar .colorPat8,.mod-group-sidebar .sidebar .colorPat9,.mod-group-sidebar .sidebar .colorPat10,.mod-group-sidebar .sidebar .colorPat11,.mod-group-sidebar .sidebar .colorPat12,.mod-group-sidebar .sidebar .colorPat13{position:relative}.mod-group-sidebar .sidebar .colorPatGray::after,.mod-group-sidebar .sidebar .colorPat1::after,.mod-group-sidebar .sidebar .colorPat2::after,.mod-group-sidebar .sidebar .colorPat3::after,.mod-group-sidebar .sidebar .colorPat4::after,.mod-group-sidebar .sidebar .colorPat5::after,.mod-group-sidebar .sidebar .colorPat6::after,.mod-group-sidebar .sidebar .colorPat7::after,.mod-group-sidebar .sidebar .colorPat8::after,.mod-group-sidebar .sidebar .colorPat9::after,.mod-group-sidebar .sidebar .colorPat10::after,.mod-group-sidebar .sidebar .colorPat11::after,.mod-group-sidebar .sidebar .colorPat12::after,.mod-group-sidebar .sidebar .colorPat13::after{content:"";width:6px;position:absolute;left:2px;top:2px;bottom:2px}.mod-group-header{width:100%;position:absolute;top:0;border-bottom:1px solid #ddd;background-color:#fafafa;z-index:1}.mod-group-header.is-simple-group-header.is-prev{margin:0 28px;background-color:#fff;border-width:2px;width:calc(100% - 56px)}.mod-group-header.is-simple-group-header.is-prev .header-area{padding:24px 0 12px 0;text-decoration:none}.mod-group-header.is-simple-group-header.is-prev .information .title{font-size:24px}.mod-group-header.is-simple-group-header .header-area{align-items:center;padding:16px 32px;min-height:60px}.mod-group-header.is-simple-group-header .fa-chevron-left{font-size:20px;padding-right:12px;cursor:pointer}.mod-group-header.is-simple-group-header .information{flex:1 1 auto;padding-left:0}.mod-group-header.is-simple-group-header .information .title{padding-bottom:0;color:#333}.mod-group-header.is-simple-group-header .information .description{font-weight:normal;display:inline;margin-left:12px;color:#999}.mod-group-header.is-simple-group-header .header-link{position:absolute;right:32px}.mod-group-header.is-simple-group-header .header-link .fa-external-link{font-size:14px;padding-right:2px}.mod-group-header .header-area{padding:16px 28px;display:flex;align-items:flex-start;position:relative}.mod-group-header .header-area .menu-button{display:none}.mod-group-header .header-area .icon-align{width:48px;height:48px}.mod-group-header .header-area .icon{width:48px;height:48px;border-radius:4px}.mod-group-header .header-area .icon.color-palette-1{background-color:#f6dfdf}.mod-group-header .header-area .icon.color-palette-2{background-color:#f8e9df}.mod-group-header .header-area .icon.color-palette-3{background-color:#efeae4}.mod-group-header .header-area .icon.color-palette-4{background-color:#f5f1d7}.mod-group-header .header-area .icon.color-palette-5{background-color:#e4eed9}.mod-group-header .header-area .icon.color-palette-6{background-color:#d3ebe9}.mod-group-header .header-area .icon.color-palette-7{background-color:#d5e8f4}.mod-group-header .header-area .icon.color-palette-8{background-color:#d8e5f4}.mod-group-header .header-area .icon.color-palette-9{background-color:#e5e1ee}.mod-group-header .header-area .icon.color-palette-10{background-color:#f4e7f4}.mod-group-header .header-area .icon.color-palette-11{background-color:#fae6eb}.mod-group-header .header-area .icon.color-palette-12{background-color:#f0f1f2}.mod-group-header .header-area .icon.color-palette-13{background-color:#e6e6e6}.mod-group-header .information{flex:0 1 auto;overflow:hidden}.mod-group-header .information .title{font-size:20px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-group-header .information .description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px;padding-right:11px;font-size:12px;color:#999}.mod-group-header .number-area{padding-left:28px;display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mod-group-header .number-area .number{display:inline;font-size:16px;margin-right:20px}.mod-group-header .number-area .number .fa{color:#999;font-size:14px;padding-right:5px}.mod-group-header .group-information{text-decoration:none}.mod-group-header .group-action-area{position:absolute;top:16px;right:28px}.mod-group-header .description-button{display:none}.mod-group-header .information-detail .group-information{display:none}.mod-group-header .group-action-link{text-decoration:none}.mod-group-header .group-action-link+.group-action-link{margin-left:16px}.mod-group-header .group-action-link .fa{font-size:16px}.mod-group-header .group-action-link .fa::before{padding-right:4px}.mod-group-header .group-action-link .group-link{text-decoration:underline}.mod-group-header .colorPatGray,.mod-group-header .colorPat1,.mod-group-header .colorPat2,.mod-group-header .colorPat3,.mod-group-header .colorPat4,.mod-group-header .colorPat5,.mod-group-header .colorPat6,.mod-group-header .colorPat7,.mod-group-header .colorPat8,.mod-group-header .colorPat9,.mod-group-header .colorPat10,.mod-group-header .colorPat11,.mod-group-header .colorPat12,.mod-group-header .colorPat13{position:relative}.mod-group-header .colorPatGray::after,.mod-group-header .colorPat1::after,.mod-group-header .colorPat2::after,.mod-group-header .colorPat3::after,.mod-group-header .colorPat4::after,.mod-group-header .colorPat5::after,.mod-group-header .colorPat6::after,.mod-group-header .colorPat7::after,.mod-group-header .colorPat8::after,.mod-group-header .colorPat9::after,.mod-group-header .colorPat10::after,.mod-group-header .colorPat11::after,.mod-group-header .colorPat12::after,.mod-group-header .colorPat13::after{content:"";width:16px;height:16px;border-radius:4px;position:absolute;left:0;top:0;bottom:0;margin:auto}.mod-message-content .message-text,.mod-message-content .message-publish-content{margin-left:44px}.mod-message-content .attach-link,.mod-message-content .message-publish-content{display:block;position:relative;border:1px solid #ddd;border-radius:4px;background-color:#fafafa}.mod-message-content .attach-link .text-area,.mod-message-content .message-publish-content .text-area{flex:1 1 auto;overflow:hidden;padding:12px 30px 12px 12px;word-break:break-all}.mod-message-content .attach-link .text-area .title,.mod-message-content .attach-link .text-area .sub-description,.mod-message-content .message-publish-content .text-area .title,.mod-message-content .message-publish-content .text-area .sub-description{line-height:1.4em;overflow:auto;text-overflow:inherit;white-space:inherit}.mod-message-content .attach-link .text-area .title,.mod-message-content .message-publish-content .text-area .title{font-size:16px}.mod-message-content .attach-link .text-area .sub-description,.mod-message-content .message-publish-content .text-area .sub-description{color:#999;font-size:12px}.mod-message-content .attach-link .fa-chevron-right,.mod-message-content .message-publish-content .fa-chevron-right{color:#999;font-weight:bold;position:absolute;font-size:16px;right:16px;top:50%;margin-top:-6px}.mod-message-content .see-next{display:inline-block}.mod-message-content .attach-link{display:flex;height:100px;margin-bottom:16px}.mod-message-content .attach-link:last-of-type{margin-bottom:0}.mod-message-content .attach-link .image-box{height:100%;flex:0 0 98px;position:relative;border-radius:4px 0 0 4px;background-color:#f0f0f0}.mod-message-content .attach-link .image-box .link-image{max-width:100%;max-height:100%}.mod-message-content .attach-link .image-box .fa{font-size:16px;color:#999}.mod-message-content .attach-link .image-box .fa-external-link{color:#999;font-size:18px;position:absolute;bottom:5px;right:5px}.mod-message-content .message-text{padding-top:12px}.mod-message-content .message-text .text{font-size:16px;line-height:1.6em}.mod-message-content .message-text .text:not(.is-ellipsis) span{white-space:pre-wrap}.mod-message-content .message-text .text.is-ellipsis{white-space:normal}.mod-message-content .message-text .text .mod-highlight{background-color:#c3e5f4}.mod-message-content .message-text.has-file .text{margin-bottom:16px}.mod-message-content .message-text.has-file .attach-link{margin-top:16px}.mod-message-content .content-type{display:inline-block;padding:0 10px;color:#999;border:1px solid #ddd;border-radius:20px;background-color:#eee;font-size:14px}.mod-message-content .content-type .fa{margin-right:4px;font-size:16px;color:#666}.mod-message-content .message-publish-content{margin-top:16px;padding:12px 8px}.mod-message-content .message-publish-content .content-type{margin-bottom:12px}.mod-message-content .message-publish-content .text-area{padding:0 30px 0 0}.mod-message-content .message-publish-content .sub-description{margin-top:8px}.mod-message-content .message-publish-content.is-deleted{pointer-events:none}.mod-message-content .message-publish-content.is-deleted .deleted{margin-left:8px;font-size:14px;color:#333}.mod-message-content .message-publish-content.is-deleted .text-area{vertical-align:inherit;padding:0}.mod-message-content .message-publish-content.is-deleted .text-area .title{padding:4px 0 0 0}.mod-message-content .message-publish-content.is-deleted .text-area .spen-util-link{color:#333;text-decoration:none}.mod-message-content .message-publish-content.is-deleted .text-area .spen-util-link:hover{color:#333}.mod-message-content .message-publish-content.is-deleted .fa-chevron-right{display:none}.pages-group-top{height:calc(100% - 55px);width:100%;overflow:scroll}.pages-group-top.hide-footer{height:100%}.spen-ly-modal.is-search-modal .heading-text{font-weight:bold}.spen-ly-modal.is-search-modal .content-inner{padding:0 20px}.spen-ly-modal.is-search-modal .spen-mod-flex-table .flex-table-row{align-items:center}.spen-ly-modal.is-search-modal .spen-mod-flex-table .flex-item{padding:16px 20px}.spen-ly-modal.is-search-modal .spen-mod-flex-table .is-heading{flex:0 0 150px}.spen-ly-modal.is-search-modal .spen-mod-flex-table .select-search-scope{column-gap:24px;display:flex;padding:28px 20px}.spen-ly-modal.is-search-modal .spen-mod-flex-table .radio-label{align-items:center;column-gap:8px;cursor:pointer;display:flex}.spen-ly-modal.is-search-modal .spen-mod-flex-table .radio-input{display:none}.spen-ly-modal.is-search-modal .spen-mod-flex-table .radio-input:checked+.radio-icon{border-color:#3371b8}.spen-ly-modal.is-search-modal .spen-mod-flex-table .radio-input:checked+.radio-icon::after{display:block}.spen-ly-modal.is-search-modal .spen-mod-flex-table .radio-icon{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;display:flex;height:20px;justify-content:center;position:relative;width:20px}.spen-ly-modal.is-search-modal .spen-mod-flex-table .radio-icon::after{background-color:#3371b8;border-radius:50%;content:"";display:none;height:14px;width:14px}.spen-ly-modal.is-search-modal .modal-actions{column-gap:12px;display:flex;float:none;justify-content:flex-end;margin:0;padding:12px 20px 0 0}.spen-ly-modal.is-search-modal .modal-actions .spen-mod-btn{margin:0}@media screen and (max-width: 600px){.spen-ly-modal.is-search-modal .spen-mod-flex-table .flex-table-row{flex-direction:column;align-items:stretch;padding:20px 0;row-gap:12px}.spen-ly-modal.is-search-modal .spen-mod-flex-table .flex-item{padding:0}.spen-ly-modal.is-search-modal .spen-mod-flex-table .is-heading{flex:1}.spen-ly-modal.is-search-modal .spen-mod-flex-table .select-search-scope{flex-direction:column;padding:12px 0;row-gap:20px}.spen-ly-modal.is-search-modal .modal-footer{padding:0}.spen-ly-modal.is-search-modal .modal-actions{flex-direction:column-reverse;align-items:stretch;padding:20px;row-gap:12px}}.about-mygroup-modal .modal-item+.modal-item{margin-top:32px}.about-mygroup-modal .modal-title{font-size:18px;font-weight:bold;margin-bottom:16px}.about-mygroup-modal .modal-image{max-width:420px;margin:0 auto}.about-mygroup-modal .modal-image img{display:block;width:100%;height:auto}.about-mygroup-modal .modal-list{margin-top:20px}.about-mygroup-modal .modal-list>li+li{margin-top:20px}.spen-ly-modal .about-mygroup-modal .content-inner{max-height:calc(100vh - 159px)}@media screen and (max-width: 960px){.about-mygroup-modal .modal-image{max-width:272px}}.group-information-modal.spen-ly-modal{align-items:flex-start}.group-information-modal.spen-ly-modal .modal-content{max-height:calc(100vh - 345px);min-height:160px;-ms-overflow-style:scrollbar}.group-information-modal .modal-dialog .inner{max-height:calc(100vh - 160px);min-height:344px;margin:60px auto 100px;width:600px}.group-information-modal .modal-tab{padding:20px 20px 0 20px}.group-information-modal .modal-section{padding:20px;height:100%}.basic-info .modal-item+.modal-item{margin-top:36px}.basic-info .modal-title{font-size:18px;font-weight:bold;margin-bottom:12px}.basic-info .number-area{padding-left:28px}.basic-info .number-area .number{font-size:16px;margin-right:20px;display:inline-block}.basic-info .number-area .number span{display:inline-block}.basic-info .modal-list>li::before{content:"・"}.basic-info .colorPatGray,.basic-info .colorPat1,.basic-info .colorPat2,.basic-info .colorPat3,.basic-info .colorPat4,.basic-info .colorPat5,.basic-info .colorPat6,.basic-info .colorPat7,.basic-info .colorPat8,.basic-info .colorPat9,.basic-info .colorPat10,.basic-info .colorPat11,.basic-info .colorPat12,.basic-info .colorPat13{position:relative}.basic-info .colorPatGray::after,.basic-info .colorPat1::after,.basic-info .colorPat2::after,.basic-info .colorPat3::after,.basic-info .colorPat4::after,.basic-info .colorPat5::after,.basic-info .colorPat6::after,.basic-info .colorPat7::after,.basic-info .colorPat8::after,.basic-info .colorPat9::after,.basic-info .colorPat10::after,.basic-info .colorPat11::after,.basic-info .colorPat12::after,.basic-info .colorPat13::after{content:"";width:16px;height:16px;border-radius:4px;position:absolute;left:0;top:4px;margin:auto}.member-list-component .member-amount{padding-bottom:8px}.member-list-component .member-section__title{background:#f0f0f0;border:1px solid #ddd;font-weight:bold;padding:8px 16px}.member-list-component .member-item{border:1px solid #ddd;border-top:none;display:flex;flex-direction:column;padding:8px 16px}.member-list-component .member-name{line-height:1.2rem}.member-list-component .member-name__status{color:#999}.member-list-component .child-name__status{color:#999}.member-list-component .member-belonging-name{font-size:12px;line-height:1.2rem}.duplicate-message-modal .loading{align-self:center;margin-top:auto;margin-bottom:auto}.duplicate-message-modal .modal-dialog .inner{height:calc(100vh - 120px);width:calc(100vw - 320px)}.duplicate-message-modal .modal-content{display:flex;flex-direction:column}.duplicate-message-modal .content{padding:20px;display:flex;flex-direction:column;row-gap:20px}.duplicate-message-modal .select-group-type{align-items:center;column-gap:20px;display:flex}.duplicate-message-modal .select-group-type .label{font-weight:bold}.duplicate-message-modal .select-group-type .select{width:260px}.duplicate-message-modal .select-group-table .table-header,.duplicate-message-modal .select-group-table .table-body-row{border:1px solid #ccc}.duplicate-message-modal .select-group-table .table-header{background-color:#f0f0f0;font-weight:bold;display:flex;align-items:center;justify-content:center;padding:8px 16px}.duplicate-message-modal .select-group-table .table-body-row{border-top-width:0px}.duplicate-message-modal .select-group-table .table-body-row.is-selected{background-color:#c3e5f4}.duplicate-message-modal .select-group-table .radio-label{padding:8px 16px;display:flex;align-items:center;cursor:pointer}.duplicate-message-modal .select-group-table .radio-input{display:none}.duplicate-message-modal .select-group-table .radio-input:checked+.radio-icon{border-color:#3371b8}.duplicate-message-modal .select-group-table .radio-input:checked+.radio-icon::after{display:block}.duplicate-message-modal .select-group-table .radio-icon{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;display:flex;height:20px;justify-content:center;position:relative;width:20px;margin-right:16px}.duplicate-message-modal .select-group-table .radio-icon::after{background-color:#3371b8;border-radius:50%;content:"";display:none;height:14px;width:14px}.duplicate-message-modal .select-group-table .group-icon{background-color:#ddd;color:#999;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-right:8px}.duplicate-message-modal .select-group-table .group-icon .fa{font-size:22px}.duplicate-message-modal .select-group-table .group-name{flex:1}.duplicate-message-modal .no-groups-note{color:#ccc;padding:36px 0;display:flex;justify-content:center}.duplicate-message-modal .modal-footer{flex-grow:0}.duplicate-message-modal .action-buttons{padding:12px 20px 0;display:flex;align-items:center;justify-content:flex-end;column-gap:12px}@media screen and (max-width: 600px){.duplicate-message-modal .modal-dialog .inner{height:calc(100vh - 48px);width:calc(100vw - 24px)}.duplicate-message-modal .select-group-type{align-items:flex-start;flex-direction:column;row-gap:8px}.duplicate-message-modal .select-group-type .spen-mod-select,.duplicate-message-modal .select-group-type .select{width:100%}}.message-textarea{background-color:#f0f0f0;display:flex;padding:12px}.message-textarea__user-info{display:flex;padding-right:12px}.message-textarea__user-icon{border-radius:4px;height:32px;width:32px}.message-textarea__textarea{flex:1 1 0%;max-width:100%}.message-textarea.is-edit{background-color:rgba(0,0,0,0);padding:0}.message-textarea.is-edit .message-textarea__user-info{display:none}.mod-message{display:block;color:#333;border:1px solid #ccc;padding:16px 13px 0}.mod-message.is-unread{border-color:#666;border-width:2px;transform:translate(-1px, -1px);width:calc(100% + 2px);margin-bottom:-2px}.mod-message.is-unread .message-editable-box .created-at::after{content:attr(data-unread-label);margin-left:8px}.mod-message .user-information{display:flex;justify-content:flex-start}.mod-message .user-information .user-icon{width:32px;height:32px;flex:0 0 32px;border-radius:4px}.mod-message .user-information .user-name-area{padding-left:12px;word-break:break-all}.mod-message .user-information .user-name-area .name{font-weight:bold;font-size:14px;line-height:1.4em}.mod-message .user-information .user-name-area .name .mod-highlight{background-color:#c3e5f4}.mod-message .user-information .user-name-area .created-at{font-size:12px;color:#999;line-height:1.4em}.mod-message .counter-line{padding-top:10px;border-top:1px solid #eee}.mod-message .message-comment{margin-left:44px}.mod-message .message-comment .message-text,.mod-message .message-comment .message-like-actions{margin-left:0}.mod-message .message-like-actions{margin-left:44px;padding:12px 0}.mod-message .message-like-actions .spen-util-link{text-decoration:none}.mod-message .like-counter{margin-right:4px}.mod-message .like-counter+.like-link{position:relative;padding-left:4px}.mod-message .like-counter+.like-link::before{content:"";width:1px;height:16px;background-color:#ccc;position:absolute;top:0;left:0}.mod-message .fa{padding-right:4px}.mod-message .fa-commenting,.mod-message .fa-check{font-size:20px}.comment-count{cursor:pointer;position:relative;padding-top:12px;margin-top:12px;margin-left:44px;color:#999;font-size:16px}.comment-count .fa{padding-right:4px}.comment-count .count{padding-right:16px}.comment-count .fa-commenting,.comment-count .fa-check{font-size:20px}.comment-count .spen-util-link{font-size:16px}.comment-count .detail-link{position:absolute;right:0;bottom:0}.comment-count .detail-link .fa{padding-left:5px;font-weight:bold;font-size:16px}.loading-area{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.message-content-actions{font-size:16px}.message-content-actions .message-comment{border-top:1px solid #ccc;padding-top:16px}.message-content-actions .message-comment-actions{border-top:1px solid #ccc;margin:0 -13px;text-align:center}.message-content-actions .message-comment-actions .spen-util-link{text-decoration:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.message-content-actions .message-comment-button{display:block;padding:9px;background-color:#f0f0f0}.message-content-actions .message-comment-button:hover{background-color:#c3e5f4}.message-content-actions .comment-allcount+.comment-action::before{content:"・"}.message-editable-box{position:relative}.message-editable-box .message-editable-box-header{display:flex;gap:8px;justify-content:space-between}.message-editable-box .action-button-list{display:flex;column-gap:16px;white-space:nowrap}.message-editable-box .action-button-list .action-button.disabled{color:#ccc;text-decoration:none;cursor:not-allowed;pointer-events:none}.message-editable-box .action-button-list .fa{font-size:18px;position:relative;top:2px}.message-editable-box .edit-message{margin-top:12px;margin-left:44px}.message-editable-box .edit-message .mod-message-textarea{padding:0}.message-editable-box .edit-message .spen-mod-btn.is-danger{margin-top:12px}.message-editable-box .edit-text{font-size:14px}.message-editable-box.hidden-message{padding-bottom:16px}.delete-warning{font-weight:bold;font-size:16px;color:#e22d2d}.message-footer{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;line-height:18px}.message-footer[data-mimashita-enabled=false]{justify-content:flex-end}.message-footer .mimashita-button,.message-footer .reaction-counts{align-items:center;border-radius:4px;border-style:solid;border-width:1px;column-gap:4px;display:flex;padding:8px;transition-duration:.2s;transition-property:background-color,border-color,width;transition-timing-function:ease-in-out}.message-footer .mimashita-button-icon,.message-footer .mimashita-count-icon{font-size:16px;line-height:18px;padding:0}.message-footer .mimashita-button{border-color:#ccc;cursor:pointer;width:96px}.message-footer .mimashita-button .mimashita-button-icon{color:#65c265}.message-footer .mimashita-button .mimashita-button-label{height:18px;opacity:1;overflow:hidden;transition-property:opacity;transition-duration:.2s}.message-footer .mimashita-button:hover{background-color:#eee}.message-footer .mimashita-button.checked{background-color:#eff9ef;border-color:#65c265;width:36px}.message-footer .mimashita-button.checked .mimashita-button-label{opacity:0}.message-footer .reaction-counts{border-color:rgba(0,0,0,0)}.message-footer .reaction-counts .mark-as-read-count,.message-footer .reaction-counts .mimashita-count{align-items:center;column-gap:4px;display:flex}.message-footer .reaction-counts .mimashita-count-icon{color:#999}.message-footer .reaction-counts.mimashita-action-enabled{cursor:pointer}.message-footer .reaction-counts.mimashita-action-enabled:hover{background-color:#eee;border-color:#ccc}.message-list-item{margin-bottom:36px}.message-list-item.topic-list{margin-bottom:20px}.message-list-item .group-title{font-size:16px;margin-bottom:4px}.message-list-item .group-title .spen-util-link{margin-right:4px}.message-list-item .group-title .content-type{color:#333}.message-list-item .mod-message{border-radius:8px}.attach-files{display:flex;flex-wrap:wrap;margin-left:-12px;margin-top:-12px}.attach-files .collapsed-item{display:none}.attach-files.is-all .collapsed-item{display:block}.attach-files.is-all .file-others{display:none}.attach-files.is-textarea .attach-item{width:80px}.attach-files.is-textarea .image,.attach-files.is-textarea .file-icon{width:80px;height:80px}.attach-files.is-textarea .attach-loading{width:80px;height:80px}.attach-files.is-textarea .attach-file-name{font-size:12px}.attach-files.is-textarea .file-icon .fa{font-size:28px}.attach-item{position:relative;width:120px;margin-left:12px;margin-top:12px}.attach-file .image,.attach-file .file-icon,.attach-image .image,.attach-image .file-icon{width:120px;height:120px;border-radius:8px;border:1px solid #ddd}.attach-file .image,.attach-image .image{vertical-align:middle}.attach-file .file-icon,.attach-image .file-icon{display:flex;justify-content:center;align-items:center}.attach-file .file-icon .fa,.attach-image .file-icon .fa{font-size:40px;color:#999}.file-name{margin-top:5px;font-size:14px;color:#333}.file-others{position:absolute;top:0;left:0;width:100%;border-radius:8px;background-color:rgba(0,0,0,.5);cursor:pointer}.file-others::before{content:"";display:block;padding-top:100%}.file-others .count{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px}.attach-editer{position:absolute;left:0;top:0;width:80px;height:80px;background-color:rgba(255,255,255,.7);cursor:pointer}.attach-editer .fa{position:absolute;right:4px;top:4px;color:#0088c7;text-decoration:none;background-color:rgba(255,255,255,0)}.attach-editer:hover .fa{color:#32ade5}.group-component{background:#fff;position:relative;width:100%;height:100%;padding:8px 8px 8px 16px}.group-component::after{content:"";position:absolute;top:2px;left:2px;height:calc(100% - 4px);width:6px}.group-component.is-favorited{background:#c3e5f4}.group-component .group-title{line-height:1.4rem}.group-component .group-type{position:absolute;bottom:8px;border:1px solid #999;border-radius:2px;background:#fff;color:#999;line-height:20px;height:20px;width:60px;text-align:center;font-size:12px}.group-component .group-sort-no{position:absolute;right:8px;bottom:8px;line-height:20px;height:20px;width:40px;text-align:right;color:#999;font-size:1.2rem}.group-component .group-unread{position:absolute;right:8px;bottom:8px;height:10px;min-width:10px;border-radius:5px;background:#e54545}.group-list-component{padding-bottom:28px}.group-list-component .group-list-title{padding-bottom:8px}.group-list-component .l-group-list{display:flex;flex-wrap:wrap}.group-list-component .l-group-list .group-list{flex:0 1 auto;border:1px solid #ccc;margin:0 8px 8px 0;width:224px;height:102px;cursor:pointer}.group-search-component{width:100%;display:flex;padding:12px 28px;border-bottom:1px solid #ddd;background:#fff}.group-search-component .l-group-search{flex:auto;align-self:center}.group-search-component .l-group-search .group-search{display:inline-block}.group-search-component .l-group-search .group-search .fa{width:20px;height:20px;font-size:18px;margin-right:4px}.group-search-component .l-group-select{flex:auto;align-self:center;text-align:right}.group-search-component .l-group-select.show-pc{display:block}.group-search-component .l-group-select.show-sp{display:none}.group-search-component .l-group-select .group-select .select{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 960px){.group-search-component{padding:28px 12px}.group-search-component .l-group-select.show-pc{display:none}.group-search-component .l-group-select.show-sp{display:block}.group-search-component .l-group-select .group-select .fa{width:20px;height:20px;font-size:18px;margin-right:4px}}.dropdown{position:relative;text-align:right;padding-bottom:8px}.dropdown.is-open .dropdown-menu{display:block}.dropdown .add-group .spen-util-link .fa{width:20px;height:20px;font-size:18px;margin-right:4px}.dropdown-menu{position:absolute;top:100%;right:0;z-index:1000;display:none;float:left;min-width:200px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:16px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu a{display:block;color:#333;padding:4px 20px}.dropdown-menu a:hover{background-color:#c3e5f4}.modal-header-component{background-color:#f0f0f0;border-bottom:solid 1px #ddd;position:relative;height:44px;padding:12px 28px}.modal-header-component .modal-header-title{text-align:center;font-size:20px;height:20px}.modal-header-component .modal-close{position:absolute;left:28px;top:12px;height:20px}.modal-header-component .modal-close.show-pc{display:block}.modal-header-component .modal-close.show-sp{display:none}.modal-header-component .modal-close .fa{width:20px;height:20px;font-size:18px;margin-right:4px}@media screen and (max-width: 960px){.modal-header-component .modal-close{position:absolute;left:auto;right:0;top:0;line-height:44px;height:44px;width:44px;text-align:center}.modal-header-component .modal-close.show-pc{display:none}.modal-header-component .modal-close.show-sp{display:block}.modal-header-component .modal-close .fa{margin-right:0}}.modal-group-list-component{position:fixed;width:100%;height:100%;top:120%;left:0;z-index:11;background-color:#fff;transition:top 300ms}.modal-group-list-component.is-active{top:0}.modal-group-list-component .group-list-page-component{background:#fafafa;height:100%}.modal-group-list-component .group-list-page-component .group-list-page-main{height:calc(100% - 77px);overflow-y:scroll;padding:28px}.modal-group-list-component .group-list-page-component .group-list-page-main .link-edit-my-group{float:right}.modal-group-list-component .group-list-page-component .group-list-page-main .link-edit-my-group.clear-fix ::after{content:"";clear:both;display:block}.dragdrop-list-component .dragdrop-text{padding-bottom:8px;width:320px}.dragdrop-list-component .group-list-title{border:solid 1px #ccc;border-bottom:none;line-height:42px;height:42px;width:320px;padding:0 8px;font-weight:bold;background:#fafafa}.dragdrop-list-component .l-group-list#sortable{cursor:move}.dragdrop-list-component .l-group-list .group-list{border:1px solid #ccc;border-bottom:none;position:relative;width:320px;height:82px}.dragdrop-list-component .l-group-list .group-list:last-child{border-bottom:1px solid #ccc}.modal-edit-my-group-component{position:fixed;width:100%;height:100%;top:0;z-index:11;background-color:#fff;transform:translateY(110%);transition:transform 300ms}.modal-edit-my-group-component.is-active{transform:none}.modal-edit-my-group-component .l-modal-container{display:flex;flex-direction:column;width:100%;height:100%}.modal-edit-my-group-component .l-modal-container .l-modal-main{display:flex;flex:1 1 0%;max-height:calc(100% - 120px)}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left{display:flex;flex-direction:column;flex:1 1 0%}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page{flex:1 1 0%;overflow-y:scroll;padding:28px;background:#fafafa}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page .group-list-page-text{padding-bottom:28px}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page .l-edit-group-list{padding-bottom:28px}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page .l-edit-group-list .l-group-list{display:flex;flex-wrap:wrap}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page .l-edit-group-list .l-group-list .group-list{flex:0 1 auto;border:1px solid #ccc;margin:0 8px 8px 0;width:224px;height:104px;cursor:pointer}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-right{overflow-y:scroll;border-left:1px solid #ddd;width:377px;padding:28px}.modal-edit-my-group-component .l-modal-container .l-modal-footer{height:76px;width:100%;padding:16px 28px;text-align:right;border-top:1px solid #ddd}@media screen and (max-width: 960px){.modal-edit-my-group-component{background:rgba(0,0,0,0);height:calc(100% - 55px);top:55px;transform:translateX(-200%)}.modal-edit-my-group-component.is-mobile-app{height:100%;top:0}.modal-edit-my-group-component .l-modal-container{max-width:85.333333%;max-width:85.3333333333%;min-width:300px}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page{padding:0}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page .group-list-page-text{padding:28px 12px}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page .l-edit-group-list .l-group-list .group-list{margin:0;border-bottom:none;width:100%;height:80px}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-left .l-group-list-page .l-edit-group-list .l-group-list:last-child{border-bottom:1px solid #ddd}.modal-edit-my-group-component .l-modal-container .l-modal-main .l-modal-main-right{display:none}.modal-edit-my-group-component .l-modal-container .l-modal-footer{padding:16px 12px;background:#fff}}@media screen and (max-width: 600px){.modal-edit-my-group-component{height:calc(100% - 44px);top:44px}}.modal-dialog-component{top:110%}.modal-dialog-component.is-active{top:0}.tab-list{display:flex;justify-content:flex-start;align-items:center;text-align:center;position:relative}.tab-list::after{content:"";background-color:#ddd;height:1px;width:100%;position:absolute;bottom:0;left:0;margin:0 auto}.tab-item{background-color:#fafafa;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;color:#999;cursor:pointer;flex-basis:160px;font-weight:bold;height:44px;margin-left:8px;padding:12px 8px 8px 8px}.tab-item:last-child{margin-right:8px}.tab-item.active{background-color:#fff;border-top:solid 4px #3371b8;color:#3371b8;height:45px;padding:8px;position:relative;top:1px;z-index:2}.with-sidebar{display:flex;height:100%}.with-sidebar .main-content{height:100%;position:relative;flex:1 1 auto;margin-bottom:28px;min-width:640px;width:100%}.with-sidebar .main-content.hide-footer{margin-bottom:0px}.add-members-conditions-mobile{padding-bottom:16px}.add-members-conditions-mobile__conditions{align-items:center;background:#fafafa;border:1px solid #ccc;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;padding:12px}.add-members-conditions-mobile__conditions-label{font-weight:bold;width:80px}.add-members-conditions-mobile__show-conditions{background:#fafafa;border:1px solid #ccc;border-top:0;padding:12px}.add-members-conditions-mobile__show-conditions .fa{font-size:14px;padding:8px 4px}.add-members-conditions-mobile__item{background:#fafafa;border:1px solid #ccc;border-top:0;display:flex;flex-direction:column;padding:12px}.add-members-conditions-mobile__buttons{background:#fafafa;border:1px solid #ccc;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex;flex-direction:column;padding:12px;text-align:center}.add-members-conditions-mobile__buttons .fa{font-size:18px;height:20px;margin-left:4px;width:20px}.add-members-conditions-mobile__button{width:100%;padding-bottom:12px}.add-members-conditions-mobile__button:last-child{padding:0}.add-members-conditions-pc{padding-bottom:24px}.add-members-conditions-pc .add-members-conditions-pc__item--top,.add-members-conditions-pc .add-members-conditions-pc__item{background:#fafafa;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;display:flex;padding:16px}.add-members-conditions-pc__item--top{border-top:1px solid #ccc;border-top-left-radius:4px;border-top-right-radius:4px}.add-members-conditions-pc__item-input{padding-left:16px}.add-members-conditions-pc__item-input:first-child{padding-left:0}.add-members-conditions-pc__buttons{background:#fafafa;border:1px solid #ccc;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:16px;position:relative}.add-members-conditions-pc__buttons .fa{font-size:18px;height:20px;margin-left:4px;width:20px}.add-members-conditions-pc__show-conditions{position:absolute;top:50%;left:16px;transform:translateY(-50%)}.add-members-conditions-pc__button-group{display:flex;justify-content:center;text-align:center}.add-members-conditions-pc__button{min-width:120px;padding:0 6px}.add-members-conditions__pc{display:block}.add-members-conditions__mobile{display:none}@media screen and (max-width: 960px){.add-members-conditions__pc{display:none}.add-members-conditions__mobile{display:block}}.add-members-searched__info{display:flex;justify-content:space-between}.add-members-searched__all-check{background:#eee;border:1px solid #ccc;padding:8px 16px}.add-members-searched__item{cursor:pointer;display:flex;align-items:center;padding:8px;border:1px solid #ccc;border-top:0}.add-members-searched__item.is-selected{background:#c3e5f4}.add-members-searched__checkbox{padding:8px;margin-right:16px}.add-members-searched__no-members{color:#ccc;padding:36px;text-align:center}@media screen and (max-width: 960px){.add-members-searched{padding:0}.add-members-searched__info{padding-bottom:12px}.add-members-searched__conditions{display:none}}.add-members__loading{text-align:center}.create-edit-group-availability-confirm__header{padding:8px}.create-edit-group-availability-confirm__body{padding:8px}.create-edit-group-availability-confirm__info{padding:16px 0;border-bottom:1px solid #ccc}.create-edit-group-availability-confirm__warning{color:#e54545}.create-edit-group-availability-confirm__setting{align-items:center;border-bottom:1px solid #ccc;display:flex;padding:8px 0}.create-edit-group-availability-confirm__setting-text{padding:8px}@media screen and (max-width: 960px){.create-edit-group-availability-confirm__header{padding:12px}.create-edit-group-availability-confirm__body{padding:0 12px 12px}.create-edit-group-availability-confirm__info{border-bottom:none;padding:0 0 12px}.create-edit-group-availability-confirm__setting{padding:12px 0}.create-edit-group-availability-confirm__setting-text{padding:0}}.create-edit-group-availability__header{padding:8px}.create-edit-group-availability__body{padding:8px}.create-edit-group-availability__info{padding:16px 0;border-bottom:1px solid #ccc}.create-edit-group-availability__setting{display:flex;align-items:center;border-bottom:1px solid #ccc;padding:16px 0}.create-edit-group-availability__setting-text{margin-left:16px;color:#e54545}@media screen and (max-width: 960px){.create-edit-group-availability__header{padding:12px}.create-edit-group-availability__body{padding:12px}.create-edit-group-availability__info{border-bottom:none;padding:0 0 12px}.create-edit-group-availability__setting{flex-direction:column;align-items:flex-start;border-bottom:none;padding:0 0 12px}.create-edit-group-availability__setting:last-child{border-bottom:1px solid #ccc}.create-edit-group-availability__setting-text{margin-left:0;margin-top:8px;font-size:14px}}.create-edit-group-color{display:flex}.create-edit-group-color__label{padding:8px 0}.create-edit-group-color__body{display:flex;flex-direction:column;width:100%}.create-edit-group-color__image{border:1px solid #ccc;padding:8px 8px 8px 16px;position:relative;width:320px}.create-edit-group-color__image::after{content:"";height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:6px}.create-edit-group-color__image-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.create-edit-group-color__image-type{background-color:#fff;border:1px solid #999;border-radius:2px;color:#999;font-size:12px;line-height:1.5;margin-top:8px;text-align:center;width:60px}@media screen and (max-width: 960px){.create-edit-group-color{flex-direction:column}}@media screen and (max-width: 320px){.create-edit-group-color__image{width:100%}}.create-edit-group-footer{display:flex;padding:24px 8px 8px}.create-edit-group-footer__left{align-items:center;display:flex;flex:1;justify-content:space-between}.create-edit-group-footer__button{min-width:120px}.create-edit-group-footer__delete-group{padding-right:12px}.create-edit-group-footer__delete-group .fa-trash-o{font-size:20px;padding-right:4px;vertical-align:text-bottom}@media screen and (max-width: 960px){.create-edit-group-footer{flex-direction:column-reverse;padding:12px}.create-edit-group-footer__left{flex-direction:column}.create-edit-group-footer__button{width:100%;padding-bottom:12px}}.create-edit-group-members-confirm{padding:8px}.create-edit-group-members-confirm__info{padding:8px}.create-edit-group-members-confirm__type{display:inline-block;font-weight:bold;width:200px}.create-edit-group-members-confirm__table{display:block}.create-edit-group-members-confirm__list{display:none}@media screen and (max-width: 960px){.create-edit-group-members-confirm{padding:12px}.create-edit-group-members-confirm__info{padding:0}.create-edit-group-members-confirm__type{display:block}.create-edit-group-members-confirm__table{display:none}.create-edit-group-members-confirm__list{border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:block;max-height:272px;overflow-y:scroll}.create-edit-group-members-confirm__item{align-items:center;border:1px solid #ccc;border-top:0;padding:12px}.create-edit-group-members-confirm__item:last-child{border-bottom:0}}.create-edit-group-members{padding:8px}.create-edit-group-members__info{display:flex;align-items:center;padding:8px 0}.create-edit-group-members__info-guardian{color:#e54545;padding-bottom:8px}.create-edit-group-members__type{font-weight:bold;flex-basis:200px}.create-edit-group-members__table{display:block}.create-edit-group-members__list{display:none}.create-edit-group-members__add{border:1px dashed #ccc;padding:16px;text-align:center}.create-edit-group-members__add.no-border-top{border-top:0}.create-edit-group-members__add .fa-plus-circle{font-size:20px;padding-right:4px;vertical-align:text-bottom}.create-edit-group-members__error{padding:8px 0}@media screen and (max-width: 960px){.create-edit-group-members{padding:12px}.create-edit-group-members__info{align-items:flex-start;flex-direction:column}.create-edit-group-members__type{flex-basis:auto}.create-edit-group-members__table{display:none}.create-edit-group-members__list{border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:block;max-height:272px;overflow-y:scroll}.create-edit-group-members__list.no-border{border-top:0;border-bottom:0}.create-edit-group-members__item{align-items:center;border:1px solid #ccc;border-top:0;padding:12px}.create-edit-group-members__item:last-child{border-bottom:0}}.create-edit-group-page{padding:20px;max-width:1184px;margin:0 auto}.create-edit-group-page__header{padding:8px;position:relative}.create-edit-group-page__header::after{content:"";position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);background:#ccc}.create-edit-group-page__modal-text{padding-bottom:8px}.create-edit-group-page__modal-text--warning{color:#e54545;font-weight:bold;padding-bottom:8px}@media screen and (max-width: 960px){.create-edit-group-page{max-width:100%;padding:0}.create-edit-group-page__header{align-items:center;background-color:#fafafa;border-bottom:1px solid #ccc;display:flex;min-height:60px}.create-edit-group-page__header::after{content:none}}.create-edit-group-select-members-confirm{padding-bottom:32px}.create-edit-group-select-members-confirm__header{padding:8px}@media screen and (max-width: 960px){.create-edit-group-select-members-confirm__header{padding:12px}}.create-edit-group-select-members{padding-bottom:32px}.create-edit-group-select-members__header{padding:8px}.create-edit-group-select-members__info{padding:8px}@media screen and (max-width: 960px){.create-edit-group-select-members{padding-bottom:32px}.create-edit-group-select-members__header{padding:12px}.create-edit-group-select-members__info{padding:8px}}.create-edit-group-settings-confirm{padding-bottom:32px}.create-edit-group-settings-confirm__header{padding:8px}.create-edit-group-settings-confirm__body{padding:8px}.create-edit-group-settings-confirm__setting{border-bottom:1px solid #ccc;display:flex;padding:16px 0}.create-edit-group-settings-confirm__setting-text{padding:8px;word-break:break-word}.create-edit-group-settings-confirm__selected-color{border-radius:4px;height:28px;margin-bottom:16px;width:28px}.create-edit-group-settings-confirm__image{border:1px solid #ccc;padding:8px 8px 8px 16px;position:relative;width:320px}.create-edit-group-settings-confirm__image::after{content:"";height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:6px}.create-edit-group-settings-confirm__image-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.create-edit-group-settings-confirm__image-type{background-color:#fff;border:1px solid #999;border-radius:2px;color:#999;font-size:12px;line-height:1.5;margin-top:8px;text-align:center;width:60px}@media screen and (max-width: 960px){.create-edit-group-settings-confirm__header{padding:12px}.create-edit-group-settings-confirm__body{padding:0 12px 24px}.create-edit-group-settings-confirm__setting{flex-direction:column;padding:12px 0}.create-edit-group-settings-confirm__setting-text{padding:12px 0 0}}.create-edit-group-settings{padding-bottom:32px}.create-edit-group-settings__header{padding:8px}.create-edit-group-settings__body{padding:8px}.create-edit-group-settings .create-edit-group-settings__setting--flex-column,.create-edit-group-settings .create-edit-group-settings__setting--flex,.create-edit-group-settings .create-edit-group-settings__setting{border-bottom:1px solid #ccc;padding:16px 0}.create-edit-group-settings__setting--flex{display:flex}.create-edit-group-settings__setting--flex-column{display:flex;flex-direction:column}.create-edit-group-settings__setting-text{padding-bottom:8px}.create-edit-group-settings__owner{padding-top:8px}@media screen and (max-width: 960px){.create-edit-group-settings__header{padding:12px 12px 0}.create-edit-group-settings__body{padding:0 12px}.create-edit-group-settings .create-edit-group-settings__setting,.create-edit-group-settings .create-edit-group-settings__setting--flex,.create-edit-group-settings .create-edit-group-settings__setting--flex-column{padding:12px 0}.create-edit-group-settings__owner{padding-left:0 !important}}@media screen and (min-width: 601px){.reaction-to-message-modal .inner{min-width:520px !important}}.reaction-to-message-modal .reaction-summary{color:#666;column-gap:24px;display:flex;font-size:14px;justify-content:center}.reaction-to-message-modal .reaction-summary .read,.reaction-to-message-modal .reaction-summary .is-mimashita,.reaction-to-message-modal .reaction-summary .is-not-mimashita{align-items:center;display:flex;flex-direction:column}.reaction-to-message-modal .reaction-summary .label{display:flex;column-gap:4px}.reaction-to-message-modal .reaction-summary .info-icon{color:#999;font-size:12px}.reaction-to-message-modal .reaction-summary .count{align-items:center;column-gap:8px;display:flex}.reaction-to-message-modal .reaction-summary .value{color:#333;font-size:20px;font-weight:bold}.reaction-to-message-modal .filter-condition{margin-top:16px}.reaction-to-message-modal .filter-condition .select{width:264px}.reaction-to-message-modal .filtered-member-list{border:1px solid #ccc;height:240px;margin-top:8px;max-height:240px;overflow:scroll}.reaction-to-message-modal .filtered-member-list .member{border-bottom:1px solid #ccc;line-height:1;padding:14px 20px}.reaction-to-message-modal .filtered-member-list .name{display:flex;font-size:16px}.reaction-to-message-modal .filtered-member-list .name .user-status{color:#999}.reaction-to-message-modal .filtered-member-list .belonging-name,.reaction-to-message-modal .filtered-member-list .read-at,.reaction-to-message-modal .filtered-member-list .mimashita-at{color:#666;font-size:12px;margin-top:4px}.reaction-to-message-modal .member-list-empty{align-items:center;display:flex;height:240px;justify-content:center;margin-top:8px}.reservation-date-modal{display:flex}.reservation-date-modal__set-time{align-items:center;display:flex;flex:1 0 auto;padding-left:20px}.reservation-date-modal__hour{flex:1 0 auto}.reservation-date-modal__minute{flex:1 0 auto}.reservation-date-modal__colon{padding:0 20px}.post-types{display:flex;flex-direction:column;padding:12px;border:1px solid #ccc;border-radius:4px;background:#fafafa;margin-bottom:12px}.post-types__now{padding:8px}.post-types__later{align-items:center;display:flex;padding:8px}.post-types__date-time{padding-left:24px}@media screen and (max-width: 960px){.post-types{padding:8px}.post-types__later{align-items:flex-start;flex-direction:column}.post-types__date-time{padding-left:0;padding-top:12px;width:100%}}.reservation-posts{padding-bottom:24px}.reservation-posts__item{align-items:center;border:1px solid #ccc;display:flex;padding:12px}.reservation-posts__item:not(:first-child){margin-top:12px}.reservation-posts__img{height:32px;width:32px}.reservation-posts__body{flex:1 0 0%;overflow:hidden;padding:0 8px}.reservation-posts__post-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reservation-posts__reservation-at{font-size:14px}.reservation-posts__button{display:block}.reservation-posts__icon{display:none}.reservation-posts__info{padding-top:12px}@media screen and (max-width: 960px){.reservation-posts{padding:12px}.reservation-posts__button{display:none}.reservation-posts__icon{align-self:flex-start;display:block}.reservation-posts__icon .fa{font-size:20px;color:#0088c7;cursor:pointer}}.textarea-box{flex:1;padding:12px;border-radius:4px;background-color:#fff;border:1px solid #ddd}.textarea-box:hover{border:1px solid #3371b8}.textarea-box textarea{width:100%;min-height:100px;border:0;font-size:16px;resize:vertical;outline:none}.textarea-box textarea::-webkit-input-placeholder{color:#999}.textarea-box textarea:-moz-placeholder{color:#999}.textarea-box textarea::-moz-placeholder{color:#999}.textarea-box textarea:-ms-input-placeholder{color:#999}.textarea-box textarea.is-focus{min-height:250px}.textarea-box .action-area{display:flex;justify-content:flex-start;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid #ddd}.textarea-box .action-area .action-link{position:relative;overflow:hidden;margin-right:16px;cursor:pointer}.textarea-box .action-area .action-link .fa{padding-right:5px;font-size:1.2rem}.textarea-box .action-area .action-link .fa-upload{margin-left:8px}.textarea-box .action-area .action-link input{width:100%;height:100%;position:absolute;bottom:0px;left:0px;padding-top:40px;cursor:pointer;opacity:0}.textarea-box .action-area .action-button-area{display:flex;justify-content:flex-end;flex:1 0 auto;position:relative}.textarea-box .action-area .action-button-area__cancel{display:none}.textarea-box .action-area .action-button-area__submit{min-width:120px}.textarea-box .action-area .action-button-area__submit.is-disabled{pointer-events:none}.textarea-box .action-area .action-button-area .submit-actions{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:2px 2px 2px rgba(0,0,0,.1);font-size:14px;position:absolute;right:0;top:calc(100% + 2px);white-space:nowrap;z-index:1}.textarea-box .action-area .action-button-area .submit-actions__item{cursor:pointer;padding:8px}.textarea-box .action-area .action-button-area .submit-actions__item:hover{background-color:#c3e5f4}.textarea-box .action-area .action-button-area .submit-actions__item.is-disabled{cursor:auto;color:#999;background-color:#f0f0f0}.textarea-box.is-edit{background-color:rgba(0,0,0,0)}.textarea-box.is-edit .user-info{display:none}.textarea-box.is-edit .textarea-box{flex:1 1 100%}.textarea-box.is-edit .action-area .action-button-area__cancel{display:block;min-width:120px;padding-right:12px}@media screen and (max-width: 960px){.textarea-box{padding:8px}.textarea-box .action-area .action-link{margin-right:16px}.textarea-box .action-area .action-link .fa{padding-right:0;font-size:26px}.textarea-box .action-area .action-link .fa-upload{margin-left:0}.textarea-box .action-area .action-link input{padding-top:0}.textarea-box .action-area .action-title{display:none}.textarea-box .action-area .action-button-area{flex-direction:column-reverse}.textarea-box .action-area .action-button-area__submit{margin-left:0;padding-bottom:8px}.textarea-box .action-area .action-button-area .spen-mod-btn{min-width:auto;font-size:14px;font-weight:normal;padding:8px 4px;margin:0 1px}.textarea-box.is-edit .action-area .action-button-area__cancel{padding-right:0}}.attach-links{border:1px solid #ddd;border-radius:4px;background-color:#fafafa;display:flex;height:100px;margin-bottom:16px;position:relative}.attach-links__image-box{background-color:#f0f0f0;border-radius:4px 0 0 4px;flex:0 0 98px;height:100%;position:relative}.attach-links__image-box .fa-external-link{bottom:4px;color:#999;font-size:18px;position:absolute;right:4px}.attach-links__contents{flex:1 1 auto;overflow:hidden;padding:12px 0 12px 12px;word-break:break-all}.attach-links__title{font-size:16px;line-height:1.4em;overflow:auto;text-overflow:inherit;white-space:inherit}.attach-links__url{color:#999;font-size:12px;line-height:1.4em;overflow:auto;text-overflow:inherit;white-space:inherit}.attach-links__icon{align-self:center;flex:0 0 32px;text-align:center}.attach-links__icon .fa-chevron-right{color:#999;font-weight:bold;font-size:16px}@media screen and (max-width: 960px){.attach-link__image-box{flex:0 0 85px}.attach-link__contents{padding:8px 0 8px 8px}.attach-link__title{font-size:18px}.attach-link__description{padding-top:4px;font-size:16px}}.attach-files{display:flex;flex-wrap:wrap;margin-left:-12px;margin-top:-12px}.attach-files__list{position:relative;width:80px;margin-left:12px;margin-top:12px}.attach-files__loading{display:flex;justify-content:center;align-items:center;width:80px;height:80px}.attach-files__loading-image{background:url("/assets/jgs/shared/img/common/loading.gif") top left no-repeat;background-size:32px 32px;display:block;width:32px;height:32px}.attach-files__image{width:80px;height:80px;vertical-align:middle;border-radius:8px;border:1px solid #ddd}.attach-files__icon{width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #ddd}.attach-files__icon .fa{color:#999;font-size:28px}.attach-files__name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-files__editor{position:absolute;left:0;top:0;width:80px;height:80px;background-color:rgba(255,255,255,.7);cursor:pointer}.attach-files__editor .fa{position:absolute;right:4px;top:4px;color:#0088c7;text-decoration:none;background-color:rgba(255,255,255,0);cursor:pointer}.accordion-component{overflow:hidden;transition:max-height 300ms}.avatar-component{border:1px solid #ccc;border-radius:50%;display:block;height:40px;width:40px}.backdrop-component{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.button-component{padding:12px 20px;display:inline-block;color:#1256a3;background-image:linear-gradient(#fff 0, #f7f9fa 20%, #f7f9fa 80%, #edf0f2 100%);border-radius:4px;border:1px solid #ccc;font-weight:bold;text-align:center;cursor:pointer;outline:none;line-height:1.15}.button-component:hover{border-color:#ddd;background-image:linear-gradient(#fff 0, #fcfeff 20%, #fcfeff 80%, #f5f7fa 100%)}.button-component:active{background-image:none;background-color:#e3e4e6;border-color:#ccc;color:#5c7694}.button-component.is-primary{color:#fff;border-color:#1a3d66;background-image:linear-gradient(#13549e 0, #164d8c 20%, #164d8c 80%, #214d7f 100%)}.button-component.is-primary:hover{border-color:#214e82;background-image:linear-gradient(#1660b5 0, #1a5aa3 20%, #1a5aa3 80%, #275b96 100%)}.button-component.is-primary:active{background-image:none;background-color:#123e70;border-color:#1a3d66;color:#ccc}.button-component.is-danger{color:#fff;border-color:#d64040;background-image:linear-gradient(#f54e4e 0, #e54545 20%, #e54545 80%, #db4646 100%)}.button-component.is-danger:hover{border-color:#f05252;background-image:linear-gradient(#e55353 0, #f05252 20%, #f05252 80%, #ff5e5e 100%)}.button-component.is-danger:active{background-image:none;background-color:#cc3d3d;border-color:#bd3939;color:#ccc}.button-component:disabled{color:#999;border-color:#f0f0f0;background-color:#f0f0f0;background-image:none;cursor:not-allowed;pointer-events:none}.button-component.is-full{width:100%}.button-component.is-minimum{min-width:120px}.button-component__icon--left{pointer-events:none;padding-right:8px}.button-component__icon--left.fa{font-size:16px}.button-component__icon--right{pointer-events:none;padding-left:8px}.button-component__icon--right.fa{font-size:16px}@media screen and (max-width: 600px){.button-component{width:100%}}.button-link-component{color:#0088c7;text-decoration:underline;cursor:pointer;background-color:rgba(0,0,0,0);border:none;outline:none;padding:0;appearance:none}.button-link-component:hover{color:#32ade5;text-decoration:none}.checkbox-commponent{position:relative;cursor:pointer}.checkbox-commponent:hover .fa{border-color:#3371b8}.checkbox-commponent__box{opacity:0;position:absolute;left:0;top:0}.checkbox-commponent__box.error+.checkbox-commponent__contents .fa{border-color:#e54545}.checkbox-commponent__box:checked+.checkbox-commponent__contents .fa{border-color:#3371b8;background-color:#3371b8}.checkbox-commponent__box:checked+.checkbox-commponent__contents .fa::before{color:#fff;content:"";position:absolute;font-size:14px;top:2px;left:2px}.checkbox-commponent__box:disabled+.checkbox-commponent__contents{color:#ccc;cursor:not-allowed}.checkbox-commponent__box:disabled+.checkbox-commponent__contents .fa{border-color:#ccc;background-color:#ccc}.checkbox-commponent__contents{display:flex;align-items:center}.checkbox-commponent__contents .fa{position:relative;width:20px;height:20px;border:solid 1px #ccc;border-radius:4px;box-sizing:border-box;background:#fff}.checkbox-commponent__text{display:inline-block;margin-left:8px;word-break:break-all}.color-picker-component{padding-bottom:8px;position:relative}.color-picker-component__select-box{background-color:#fff;border:solid 1px #ccc;border-radius:4px;cursor:pointer;height:46px;line-height:46px;padding:8px 32px 8px 8px;position:relative;width:128px}.color-picker-component__select-box::after{color:#999;content:"";cursor:pointer;font-family:FontAwesome;position:absolute;right:8px;text-align:center;top:0;width:16px}.color-picker-component__selected-color{border-radius:4px;height:28px;width:28px}.color-picker-component__options{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:1px 4px 9px -2px rgba(0,0,0,.2);padding:16px;position:absolute;top:50px;width:254px;z-index:2}.color-picker-component__list{display:flex;flex-wrap:wrap}.color-picker-component__item{border-radius:4px;cursor:pointer;flex:0 0 36px;height:36px;margin:4px}.datepicker-component{display:flex}.datepicker-component:hover .datepicker-component__input:not([disabled]):not(.ng-invalid),.datepicker-component:hover .datepicker-component__button{border-color:#3371b8}.datepicker-component__input{cursor:pointer;display:inline-block;padding:10px 0 10px 10px;border:1px solid #ccc;border-right:0;border-bottom-left-radius:4px;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:0;color:#333;flex:1 0 0%;line-height:1.5;min-width:216px;resize:none;box-sizing:border-box;-webkit-appearance:none}.datepicker-component__input::placeholder{color:#ccc}.datepicker-component__input:focus,.datepicker-component__input:focus~.datepicker-component__button{outline:0;border-color:#3371b8}.datepicker-component__input.is-disabled,.datepicker-component__input.is-disabled~.datepicker-component__button{background-color:#f0f0f0;border-color:#ccc;pointer-events:none}.datepicker-component__input.ng-invalid,.datepicker-component__input.ng-invalid~.datepicker-component__button{border-color:#e54545}.datepicker-component__button{background:#fff;border:1px solid #ccc;border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;height:46px;width:46px;padding:10px 10px 10px 0;-webkit-appearance:none}.datepicker-component__button:focus,.datepicker-component__button:focus~.datepicker-component__input{outline:0;border-color:#3371b8}.datepicker-component__button .fa{color:#999;font-size:16px}.uib-datepicker-popup.dropdown-menu{padding:8px;width:268px;text-align:center}.uib-datepicker div:focus{outline:none}.uib-datepicker thead tr th{height:36px;width:36px;font-weight:normal;vertical-align:middle}.uib-datepicker thead tr:last-child th:nth-child(6){color:#3371b8}.uib-datepicker thead tr:last-child th:nth-child(7){color:#e54545}.uib-datepicker .uib-right,.uib-datepicker .uib-left{background:#fff;border:1px solid #ccc;border-radius:4px;float:none;outline:0;position:relative;height:32px;width:32px;-webkit-appearance:none}.uib-datepicker .uib-right::after,.uib-datepicker .uib-left::after{color:#999;cursor:pointer;font-family:FontAwesome;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.uib-datepicker .uib-left::after{content:""}.uib-datepicker .uib-left .glyphicon-chevron-left{display:none}.uib-datepicker .uib-right::after{content:""}.uib-datepicker .uib-right .glyphicon-chevron-right{display:none}.uib-datepicker .uib-title{background:#fff;border:none;pointer-events:none;-webkit-appearance:none}.uib-datepicker .uib-day{height:36px;width:36px;vertical-align:middle}.uib-datepicker .uib-day button{background:#fff;height:36px;width:36px;border:none;cursor:pointer;padding:0;-webkit-appearance:none}.uib-datepicker .uib-day button:hover{background:#c3e5f4;border-radius:4px}.uib-datepicker .uib-day button:disabled{background-color:#eee;color:#ccc;cursor:not-allowed}.uib-datepicker .uib-day.is-today button{border:1px solid #ccc;border-radius:4px}.uib-datepicker .uib-day .btn-info{background:#c3e5f4;border-radius:4px}.uib-datepicker .text-muted{color:#ccc}@media screen and (max-width: 960px){.datepicker-component__input{min-width:auto}}.date-time-component{display:flex}.date-time-component__set-time{align-items:center;display:flex;flex:1 0 auto;padding-left:20px}.date-time-component__hour{flex:1 0 auto}.date-time-component__minute{flex:1 0 auto}.date-time-component__colon{padding:0 12px}@media screen and (max-width: 600px){.date-time-component{flex-direction:column}.date-time-component__set-time{padding-left:0;padding-top:12px}}.error-content-component{background:#e54545;border-radius:4px;color:#fff;display:inline-block;padding:12px;position:relative}.error-content-component::before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #e54545;border-style:solid;border-width:0 7px 10px;bottom:100%;content:"";display:block;height:0;left:34px;pointer-events:none;position:absolute;width:0}.form-item-input-component{display:flex;align-items:center}.form-item-input-component__label{padding:8px 0}.form-item-input-component__body{display:flex;flex-direction:column}.form-item-input-component__content{display:flex}.form-item-input-component__input-count{align-self:flex-end;padding:0 8px;width:160px}.form-item-input-component__error{padding-top:8px}@media screen and (max-width: 960px){.form-item-input-component{align-items:flex-start;flex-direction:column}.form-item-input-component__content{flex-direction:column}.form-item-input-component__input-count{padding:0;text-align:right}}.form-item-radio-component{display:flex;align-items:center}.form-item-radio-component__label{padding:8px 0}.form-item-radio-component__body{display:flex;align-items:center}.form-item-radio-component__item{padding:8px;margin-left:24px}.form-item-radio-component__item:first-child{margin-left:0}@media screen and (max-width: 960px){.form-item-radio-component{flex-direction:column;align-items:flex-start}.form-item-radio-component__label{padding:0 0 8px}.form-item-radio-component__body{flex-direction:column;align-items:flex-start}.form-item-radio-component__item{padding:0 0 8px;margin-left:0}.form-item-radio-component__item:last-child{padding:0}}.form-item-select-component{display:flex;align-items:center}.form-item-select-component__label{padding:8px 0}@media screen and (max-width: 960px){.form-item-select-component{align-items:flex-start;flex-direction:column}.form-item-select-component__body{width:100%}}.heading-component{line-height:1}.heading-component.size-xl{font-size:24px;border-bottom:2px solid #ccc;padding-bottom:8px}.heading-component.size-l{font-size:20px;border-bottom:1px solid #ccc;padding-bottom:8px}.heading-component.size-m{font-size:18px}.heading-component.size-s{font-size:16px}.heading-component.size-xs{font-size:14px}.heading-component.has-margin-bottom{margin-bottom:24px}@media screen and (max-width: 600px){.heading-component.size-xl{padding-left:12px}.heading-component.size-l{margin:0 12px}}.input-component{display:block;width:100%;padding:10px;border:1px solid #ccc;color:#333;border-radius:4px;line-height:1.5;resize:none;box-sizing:border-box}.input-component::placeholder{color:#999}.input-component:hover{border-color:#3371b8}.input-component:focus{outline:0;border-color:#3371b8}.input-component.is-disabled{background-color:#f0f0f0;border-color:#ccc;pointer-events:none}.input-component.is-error{border-color:#e54545}.member-card-component{display:flex;align-items:center}.member-card-component__contents{flex:1 1 auto;padding-left:8px;word-break:break-word}.member-card-component__belonging-name{font-size:12px;line-height:1}.member-card-component__button{flex-shrink:0;flex-basis:72px;padding-left:8px}.loading-commponent{display:inline-block;width:80px;height:80px;background-color:#fff;background-image:url("/assets/jgs/shared/img/common/loading.gif");background-size:32px 32px;background-repeat:no-repeat;background-position:center;box-shadow:2px 1px 6px rgba(0,0,0,.2);border-radius:4px}.loading-commponent-shadow{display:flex;justify-content:center;align-items:center;position:fixed;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:1000}.label-component{display:inline-block;font-weight:bold;min-width:120px}.label-component__required{background:#e54545;border-radius:2px;color:#fff;font-size:12px;font-weight:normal;margin-left:8px;padding:4px 6px;vertical-align:top}.modal-component{max-height:100%;max-width:100%;min-width:640px;padding:60px 60px 100px}.modal-component__content{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.2)}.modal-component__header{background-color:#f0f0f0;border-bottom:1px solid #ccc;border-top-left-radius:8px;border-top-right-radius:8px;padding:16px 20px;font-size:20px;font-weight:bold;height:58px;text-align:center}.modal-component__body{max-height:calc(100vh - 286px);min-height:88px;overflow:scroll;padding:20px;-ms-overflow-style:scrollbar}.modal-component__footer{align-items:center;border-top:1px solid #ccc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;height:68px;padding:12px 20px}.modal-component__footer-left{min-width:120px}.modal-component__delete-button-pc{display:block}.modal-component__delete-button-sp{display:none;text-align:center}.modal-component__delete-button-sp .fa-trash-o{font-size:20px;margin-right:4px}.modal-component__footer-right{align-items:center;display:flex;flex:1 1 0%;justify-content:flex-end}.modal-component__footer-text{padding-right:12px}.modal-component__footer-buttons{display:flex;align-items:center}.modal-component__footer-button{min-width:120px;margin-left:12px}.modal-component__footer-button:first-child{margin-left:0}@media screen and (max-width: 960px){.modal-component{min-width:100%;padding:12px 12px 100px}.modal-component__body{max-height:calc(100vh - 322px)}.modal-component__footer{flex-direction:column-reverse;height:auto;padding:12px 20px}.modal-component__footer-left{padding-top:8px;width:100%}.modal-component__delete-button-pc{display:none}.modal-component__delete-button-sp{display:block}.modal-component__footer-right{flex-direction:column;width:100%}.modal-component__footer-text{padding-right:0;padding-bottom:8px}.modal-component__footer-buttons{flex-direction:column-reverse;width:100%}.modal-component__footer-button{padding-bottom:8px;margin-left:0;width:100%}.modal-component__footer-button:first-child{padding-bottom:0}}.radio-component{display:block;position:relative;cursor:pointer}.radio-component__contents{display:flex;align-items:center}.radio-component__mark{display:inline-block;border-radius:50%;position:relative;min-width:20px;height:20px;background-color:#f0f0f0;border:solid 1px #ccc;box-sizing:border-box;margin-right:8px}.radio-component__text{display:inline-block;word-break:break-all}.radio-component__radio{opacity:0;position:absolute;left:0;top:0}.radio-component__radio:checked+.radio-component__contents .radio-component__mark{border-color:#3371b8}.radio-component__radio:checked+.radio-component__contents .radio-component__mark::before{content:"";position:absolute;top:2px;left:2px;display:block;width:14px;height:14px;background:#3371b8;border-radius:50%}.radio-component__radio:hover+.radio-component__contents .radio-component__mark{border-color:#3371b8}.radio-component__radio:disabled+.radio-component__contents{color:#ccc;cursor:not-allowed}.radio-component__radio:disabled+.radio-component__contents .radio-component__mark{background-color:#f0f0f0;border-color:#ccc}.radio-component__radio:disabled+.radio-component__contents .radio-component__mark::before{background-color:#ccc}.snackbar-component{align-items:center;background:#fff;border-radius:4px;color:#333;display:flex;font-weight:bold;justify-content:center;left:50%;opacity:0;padding:32px;position:fixed;top:50%;transform:translate(-50%, -50%);transition:opacity 800ms,visibility 800ms;visibility:hidden;z-index:999}.snackbar-component.is-show{opacity:.9;visibility:visible}.snackbar-component.success{background:#65c265;color:#fff}.snackbar-component__icon{height:40px;width:40px}.snackbar-component__icon .fa{font-size:40px}.snackbar-component__text{font-size:20px;padding-left:8px}.select-box-component{position:relative;display:block}.select-box-component::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;border-radius:5px;background-color:#fff}.select-box-component__select{position:relative;z-index:2;width:100%;height:44px;padding:0 30px 0 10px;line-height:44px;background-color:rgba(0,0,0,0);border:solid 1px #ccc;border-radius:4px;cursor:pointer;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}.select-box-component__select::-ms-expand{display:none}.select-box-component__select:hover{border-color:#3371b8}.select-box-component__select:focus{border-color:#3371b8}.select-box-component__select[disabled]{cursor:not-allowed;background-color:#f0f0f0;border-color:#ddd;color:#999}.select-box-component__select.is-error{border-color:#e54545}.select-box-component .fa{color:#999;font-size:16px;position:absolute;top:50%;right:10px;margin-top:-8px;cursor:pointer;z-index:1}.select-box-component.is-disabled .fa{color:#999;cursor:not-allowed;z-index:2}@media screen and (max-width: 600px){.select-box-component{display:block;width:100%}}.step-component{align-items:center;display:flex;justify-content:center;padding:8px}.step-component__each-step{align-items:center;display:flex;flex-basis:160px;flex-direction:column;padding:8px;position:relative}.step-component__each-step:nth-child(n+2)::before{background:#ccc;content:"";height:2px;left:-50%;position:absolute;top:28px;width:100%}.step-component__no{background:#ccc;border-radius:50%;color:#999;height:40px;line-height:40px;text-align:center;width:40px;z-index:2}.step-component__no.active{background:#3371b8;color:#fff}.step-component__text{padding-top:16px}@media screen and (max-width: 960px){.step-component{padding:12px}.step-component__text{display:none}}.table-component{width:100%}.table-component__header-link{appearance:none;background-color:rgba(0,0,0,0);border:none;color:#0088c7;cursor:pointer;font-weight:bold;outline:none;padding:0;text-decoration:none}.table-component__header-link:hover{opacity:.5;text-decoration:underline}.table-component .table-component__row--header,.table-component .table-component__row{border-bottom:1px solid #ccc;display:flex}.table-component__row:last-child{border-bottom:0}.table-component__row--header{background:#f0f0f0;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;text-align:center}.table-component__column{flex:1;padding:16px;word-break:break-word}.table-component__column.center{text-align:center}.table-component__column .fa{font-size:16px;padding-left:8px}.table-component__column-button{cursor:pointer}.table-component__body{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;max-height:420px;overflow-y:scroll;-ms-overflow-style:scrollbar}@media screen and (max-width: 960px){.spen-ly-modal.is-content-modal .modal-dialog{vertical-align:middle}.spen-ly-modal.is-content-modal .spen-mod-flex-table .flex-item{padding:10px}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-icon{flex:0 0 40px}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-date{display:none}.spen-ly-modal.is-content-modal .spen-mod-flex-table .is-chevron{padding:5px;flex:0 0 30px}.pages-group-top{height:calc(100% - 44px)}.mod-pages-message-detail .message-section{margin:0;padding:12px 16px 40px}.mod-pages-message-detail .mod-message.is-message .edit-message{margin-left:0}.pages-topic-list{padding-top:60px}.pages-topic-list .mod-message-textarea{margin:0}.pages-topic-list .separate-bar{margin:28px 12px;height:auto}.pages-topic-list .message-section{padding:0 0 40px}.pages-topic-list .message-list{padding:0 12px}.pages-activity-list .spen-mod-flex-list{margin:0}.pages-activity-list .spen-mod-flex-list .list-item{border-top:none;border-left:none;border-right:none}.pages-newer-list .message-list{padding:24px 12px 40px;width:100%;overflow-y:scroll}.pages-bookmark-list .message-list{padding:24px 12px 40px;width:100%;overflow-y:scroll}.pages-search-result .message-section{padding:12px 16px 40px}.pages-search-result .search-result-info{display:block}.pages-search-result .search-result-info .text{max-width:100%}.pages-search-result .search-result-info .spen-util-link{border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;justify-content:flex-end;padding:16px;margin:12px -16px;text-decoration:none}.pages-search-result .search-result-info .spen-util-link .fa .group-link{text-decoration:underline}.mod-group-sidebar{width:100%;height:100%;max-width:100%;overflow:hidden;flex:0 0 100%;position:absolute;z-index:9;transform:translateX(-100%);transition:transform 300ms cubic-bezier(1, 0, 1, 0)}.mod-group-sidebar .sidebar-background{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0);transition:background-color 300ms cubic-bezier(0, 1, 0, 1)}.mod-group-sidebar .sidebar{max-width:85.333333%;max-width:85.3333333333%;min-width:300px;height:100%;-webkit-overflow-scrolling:touch;position:absolute;background-color:#fff;transform:translateX(-100%);transition-property:transform;transition-duration:300ms}.mod-group-sidebar .sidebar .sidebar-close{display:block;border-bottom:1px solid #ddd;text-align:right;padding:8px 12px}.mod-group-sidebar .sidebar .group-list-button{display:none}.mod-group-sidebar .sidebar .dropdown{margin-top:0}.mod-group-sidebar.is-show{transform:none;transition:transform 300ms cubic-bezier(0, 1, 0, 1)}.mod-group-sidebar.is-show .sidebar-background{background-color:rgba(0,0,0,.5);transition:background-color 300ms cubic-bezier(1, 0, 1, -0.6)}.mod-group-sidebar.is-show .sidebar{transform:none}.mod-group-header{width:100%;height:auto}.mod-group-header.is-simple-group-header.is-prev{margin:0 16px;width:calc(100% - 32px)}.mod-group-header.is-simple-group-header .header-area{min-height:60px;padding:8px}.mod-group-header.is-simple-group-header .information .description{display:block;margin-left:0;padding-left:0;line-height:1.7}.mod-group-header.is-simple-group-header .header-link{top:8px;right:8px}.mod-group-header.show-all .header-area{border-bottom:1px solid #ddd}.mod-group-header.show-all .information-detail{max-height:300px}.mod-group-header .header-area{padding:8px}.mod-group-header .header-area .icon-align{height:36px}.mod-group-header .header-area .icon{width:36px;height:36px;flex:0 0 36px;margin:4px 0 0 8px}.mod-group-header .header-area .menu-button{min-width:auto;width:44px;flex:0 0 auto;display:block;margin-right:12px;padding:9px}.mod-group-header .header-area .menu-button .fa{display:block}.mod-group-header .description-button{display:block;min-width:auto;width:44px;flex:0 0 auto;padding:9px;align-items:flex-end;margin:0 0 0 auto}.mod-group-header .description-button .fa{display:block}.mod-group-header .information-detail{width:100%;max-height:0;transition:all 150ms ease-out;background-color:#fafafa;overflow:hidden}.mod-group-header .information-detail .group-information{display:block}.mod-group-header .number-area{display:block;max-height:20px}.mod-group-header .group-action-area{position:relative;top:auto;right:auto}.mod-group-header .group-action-area .group-action-link{border-top:1px solid #ddd}.mod-group-header .group-action-link{display:block;padding:16px 8px 16px 0;text-align:right}.mod-group-header .group-action-link+.group-action-link{margin-left:0}.mod-group-header .information{align-self:center;padding-right:18px}.mod-group-header .information .title{font-size:18px}.mod-group-header .information .group-information{display:none}.mod-message-content .attach-link,.mod-message-content .message-publish-content{padding-bottom:8px}.mod-message-content .attach-link .image-box,.mod-message-content .message-publish-content .image-box{width:85px;flex:0 0 85px}.mod-message-content .attach-link .text-area,.mod-message-content .message-publish-content .text-area{padding:8px 24px 8px 4px}.mod-message-content .attach-link .text-area .title,.mod-message-content .message-publish-content .text-area .title{font-size:18px;margin:0}.mod-message-content .attach-link .text-area .sub-description,.mod-message-content .message-publish-content .text-area .sub-description{margin-bottom:0}.mod-message-content .attach-link .text-area .main-description,.mod-message-content .message-publish-content .text-area .main-description{padding-top:5px;font-size:16px}.mod-message-content .attach-link.is-deleted .deleted,.mod-message-content .message-publish-content.is-deleted .deleted{display:block;margin-left:0}.mod-message-content .attach-link.is-deleted .text-area .title,.mod-message-content .message-publish-content.is-deleted .text-area .title{padding:4px 0}.mod-message-content .attach-link .fa-chevron-right,.mod-message-content .message-publish-content .fa-chevron-right{right:8px;top:50%;margin-top:-6px}.mod-message-content .message-text{padding-top:12px}.mod-message-content .message-text .text.has-file{margin-bottom:12px}.mod-message-content .message-text .attach-link{padding:0}.mod-message-content .message-publish-content{margin-top:8px;padding:8px}.mod-message-content .message-publish-content .content-type{margin-bottom:4px}.mod-message-content .message-publish-content .text-area{padding:0 24px 0 0}.mod-message-content .message-publish-content .sub-description{margin-top:4px}.mod-message-content .spen-mod-tooltip:before,.mod-message-content .spen-mod-tooltip:after{content:none}.mod-message .user-information .user-name-area .name{font-size:16px;font-weight:bold}.comment-count{margin-left:0}.message-editable-box .action-button .action-text{display:none}.message-editable-box .action-button .fa{display:inline-block;font-size:20px}.message-editable-box .edit-message{margin-left:0}.delete-warning{font-weight:bold;font-size:16px;color:#e22d2d}.message-content-actions{margin-left:0}.group-information-modal .modal-dialog .inner{max-height:calc(100vh - 64px);margin:32px auto;width:100%}.tab-item{font-size:13px}}@media screen and (max-width: 960px)and (max-width: 320px){.tab-item{font-size:12px;margin-left:4px;padding:12px 4px 8px 4px}.tab-item:last-child{margin-right:4px}.tab-item.active{padding:8px 4px 8px 4px}}@media screen and (max-width: 960px){.with-sidebar{max-width:100%}.with-sidebar .main-content{min-width:100%}}