:root{--header-height: 50px;--footer-height: 67px;--outer-height: 100vh}body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{padding:0;margin:0}a,p{max-height:100%}a{color:#333;text-decoration:none}a:hover{color:unset}ul,li{list-style:none}body{font-size:14px;background:#f5f5f5;overflow:hidden}img{display:block;max-width:100%}hr{color:#999;opacity:1;margin:30px 0}*,::after,::before{box-sizing:border-box}select::-ms-expand{display:none}.l-wrapper{max-width:480px;margin:0 auto;min-height:100vh;background:#ddeeff;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1}.l-content{position:fixed;width:100%;max-width:480px;height:calc(var(--outer-height) - var(--header-height, 60px) - var(--footer-height, 67px));overflow-y:scroll;margin-top:calc(var(--header-height));padding:15px}.registrations .l-content{height:calc(var(--outer-height) - var(--header-height, 60px))}.l-header{background:#fff;display:flex;justify-content:space-between;align-items:center;max-width:480px;padding:15px;width:100%;position:fixed;top:0;z-index:1000;height:50px;white-space:nowrap}.l-header__left{display:flex;justify-content:unset;align-items:center;width:100%}.l-header__left>*:first-of-type{margin-right:15px}.l-header__left h2{font-size:16px;font-weight:bold}.l-header__user{margin:auto;display:flex;align-items:center}.l-header__user .nickname{font-size:16px;font-weight:bold}.l-header__user .c-avatar{margin-right:12px}.l-header__user .c-avatar img{border-radius:7px;width:30px;border:1px solid #ccc}.l-header__right{margin-left:auto}.l-header__right .c-btn__switchDisplay{white-space:nowrap}.l-header__right .c-btn__switchDisplay:hover{color:#fff}.l-footer{background:#fff;border-top:1px solid #333;max-width:480px;width:100%;position:fixed;bottom:0;border-top:1px solid #ccc}.l-footer__message{position:relative}.l-footer__message .c-unreadCount{position:absolute;right:3px;top:15px;width:20px;height:20px;font-size:12px}.l-footer__mypage{position:relative}.l-footer__mypage .c-status{position:absolute;right:10px;top:20px;width:10px;height:10px}.l-footer ul{display:flex;justify-content:space-around;list-style:none;padding:0;margin:0}.l-footer ul li{border-right:1px solid #999;flex-grow:1;text-align:center}.l-footer ul a{display:block;padding:15px 0}.l-footer ul a.active{background:#f5f5f5}.c-avatar{border-radius:10px;position:relative}.c-avatar img{border-radius:10px;background:#f5f5f5;width:60px;border:1px solid #ccc}.c-avatar .c-status{position:absolute;width:10px;height:10px;bottom:0;right:-10px}.c-form--inline{display:flex}.c-form--inline label{margin:0 auto 0 0;display:flex;align-items:center}.c-form--inline input[type=text]{margin-right:3px}.c-form--inline .c-form__select{margin-right:5px;overflow:hidden;text-align:center;position:relative;border:1px solid #bbbbbb;border-radius:2px;background:#ffffff;padding-right:15px}.c-form--inline .c-form__select::before{position:absolute;top:0.9em;right:0.4em;width:0;height:0;padding:0;content:'';border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #666666;pointer-events:none}.c-form--inline .c-form__select select{width:100%;cursor:pointer;text-indent:0.01px;text-overflow:ellipsis;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;appearance:none;padding:5px;color:#666666}.c-form--inline input[type=text]{border:1px solid #ccc;padding:5px}.c-form--inline input[type=submit]{appearance:none;outline:none;border:none;background:#484848;color:#fff;padding:7px 10px}.c-form--inline input[type=submit]:disabled{background:#999}.c-form--search{display:flex}.c-form--search input[type=text]{width:100%;padding:5px;border:1px solid #ccc;border-right:none;border-top-left-radius:5px;border-bottom-left-radius:5px}.c-form--search input[type=submit]{width:70px;border:none;background:#0c63e4;color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.c-form__input{width:100%;appearance:none;border:1px solid #ccc;border-radius:5px;padding:10px}.c-form__label{margin-bottom:5px;font-weight:400}.c-form__submit,.c-form__login{border-radius:25px;padding:15px;background:#0c63e4;color:#fff;appearance:none;border:none;width:300px;margin:0 auto;display:block}.c-form__submit:hover,.c-form__login:hover{background:#0a53be}.c-user-list .room{display:flex;align-items:center;margin-bottom:20px}.c-user-list .nickname{font-size:16px}.c-user-list .memo{color:#666}.c-user-list .content{display:flex;flex:1;align-items:center}.c-user-list .content .left{position:relative;margin-right:15px}.c-user-list .content .right{margin-right:15px;margin-left:auto}.c-user-list .content .right .message{color:#999}.c-user-list .content .right .c-unreadCount{margin-right:10px}.c-status{width:20px;height:20px;border-radius:50%}.c-status--unread{background:red}.c-status--free{background:green}.c-status--working{background:blue}.c-status--house{background:orange}.c-status--family{background:red}.c-status--none{border:1px solid #ccc;background:#fff}.c-btn{border:none;border-radius:7px;padding:7px 10px;color:#666}.c-btn:hover{color:#fff}.c-btn__switchDisplay{background:#bb2d3b;color:#fff}.c-btn__logout{background:#bb2d3b;color:#fff}.c-btn__addFriend:hover{background:#000;transition:0.2s;color:#fff}.c-btn__copy{display:inline-block}.c-btn__hide{background:#bb2d3b;color:#fff}.c-btn__block{background:#000;color:#fff}.c-btn__delete{background:#bb2d3b;color:#fff}.c-btn__back{background:#4e9a1b;color:#fff}.c-btn__read{background:#0c63e4;color:#fff}.c-btn__submit{border-radius:10px;padding:10px;background:#0c63e4;color:#fff;appearance:none;border:none}.c-btn__submit:hover{background:#0a53be}.c-link--blue{border-radius:25px;padding:15px 30px;background:#0c63e4;color:#fff}.c-link--blue:hover{background:#0a53be}.c-unreadCount{background:#2fc131;border-radius:50%;color:#fff;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.c-page h3{text-align:center;font-weight:bold;font-size:15px;margin-bottom:20px;line-height:1.5}.p-mypage a{position:relative}.p-mypage a:after{font-family:"Font Awesome 6 free";font-weight:900;content:'\f105';position:absolute;right:10px}.p-mypage h2{font-size:16px;font-weight:bold;margin:30px 0 7px 0;padding:7px 0;text-align:center;background:#e0e0e0;max-height:100%}.p-mypage dl{display:flex}.p-mypage dl dt{margin-right:15px;font-weight:normal}.p-mypage ul li{border-bottom:1px solid #bbb;padding:10px 0;position:relative}.p-mypage ul li:last-child{border-bottom:none}.p-mypage ul li a{display:block;max-height:100%}.p-mypage__avatarForm{position:absolute;right:120px;bottom:11px}.p-mypage__avatarForm input[type=file]{display:none}.p-mypage__avatarForm #preview-wrapper{display:none;opacity:0.98;position:fixed;height:100vh;width:100%;top:0;left:0;background:#333;z-index:1000000}.p-mypage__avatarForm #preview-wrapper .preview-area{padding:20px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.p-mypage__avatarForm #preview-wrapper .preview-area img{max-height:400px;margin:0 auto}.p-mypage__avatarForm #preview-wrapper .preview-area .buttons{margin-top:30px;display:flex;justify-content:space-around;position:relative}.p-mypage__avatarForm #preview-wrapper .preview-area .buttons input[type=submit]{background:#13b1c0;color:#fff;text-align:center;padding:15px;border:none;width:140px;border-radius:7px}.p-mypage__avatarForm #preview-wrapper .preview-area .buttons input[type=submit]:disabled{background:#0a5b63}.p-mypage__avatarForm #preview-wrapper .preview-area .buttons #cancel{background:#bb2d3b;color:#fff;text-align:center;width:140px;padding:15px;border-radius:7px;border:none}.p-mypage__avatarForm #preview-wrapper .preview-area .buttons #cancel:disabled{background:#691921}.p-mypage__avatarForm #preview-wrapper .preview-area .buttons .fa-spinner{color:#fff;display:none;position:absolute;margin:auto;top:65px}.p-mypage__avatar{position:relative;margin-bottom:20px}.p-mypage__avatar img{display:block;margin:0 auto 10px;border-radius:10px}.p-mypage__avatar .p-mypage__currentAvatar{position:relative}.p-mypage__avatar .p-mypage__currentAvatar .c-avatar img{width:100px}.p-mypage__avatar .c-form--inline{margin-left:30px;align-items:center}.p-mypage__avatar .c-form--inline label{margin-right:10px}.p-mypage__avatar .c-form--inline span{margin-right:10px}.p-mypage__avatar .c-form--inline input[type="file"]{display:none}.p-mypage__nickname .c-form--inline{margin-left:30px;align-items:center}.p-mypage__nickname .c-form--inline label{margin-right:10px}.p-mypage__notice{position:relative}.p-mypage__notice .c-status{position:absolute;top:15px;left:70px;width:10px;height:10px}.p-mypage__status{position:relative}.p-mypage__status .c-status{position:absolute;top:22px;left:80px;width:10px;height:10px}.p-mypage__identification dl{display:flex;align-items:center}.p-mypage__identification dl dt{margin-top:5px;font-weight:bold}.p-mypage__identification dl dd{font-size:28px}.p-mypage__emergencyUrl form input[type=text]{width:100%;margin-right:5px}.p-userShow__memo{background:#f5f5f5;margin-bottom:15px}.p-userShow__memo a{display:block;border:1px solid #ccc;padding:7px}.p-userShow__memo p{margin:0}.p-userShow__avatar{margin-bottom:15px;display:flex;justify-content:center}.p-userShow__avatar .c-avatar img{width:100px}.p-userShow__avatar .c-status{right:-15px}.p-userShow .c-btn__hide,.p-userShow .c-btn__block{display:block;width:100%}.p-userShow .buttons{display:flex;justify-content:space-between}.p-userShow .buttons form{width:45%}.p-room{position:fixed;width:100%;max-width:480px}.p-room__readBtn{display:inline-block}.p-room__buttons{display:flex;justify-content:center;align-items:center;margin-bottom:7px;white-space:nowrap}.p-room__buttons>*{margin:0 5px}.p-room__messages{overflow-y:scroll;height:calc(var(--outer-height) - var(--header-height) - var(--footer-height));margin-top:calc(var(--header-height));padding:15px 15px 0}.p-room__messages--pb{padding-bottom:40px !important}.p-room .message{margin-bottom:15px;display:flex;justify-content:start}.p-room .message button{border:none;background:none}.p-room .message input[type=submit]{font-family:FontAwesome}.p-room .deleted-message{padding:5px 10px;background:#f5f5f5;color:#999;border-radius:10px;display:table;margin:0 auto;font-size:14px}.p-room .content{padding:8px;border-radius:7px;background:#fff;margin-right:10px;color:#444;max-width:240px;height:100%;font-size:16px;word-break:break-all;position:relative}.p-room .content p{margin:0;word-break:break-all}.p-room .content img{width:100px}.p-room .content a{color:#578EAD}.p-room .attachments{border-radius:10px}.p-room .attachments .attachments-row{display:flex;justify-content:end}.p-room .attachments .attachments-row img{border-radius:10px}.p-room .date{padding:5px;background:#f5f5f5;border-radius:7px;display:table;font-size:14px;margin:0 auto 7px}.p-room .already-read{color:#999;font-size:12px}.p-room .sent-at{color:#333;font-size:12px}.p-room .fixed-bottom{width:100%;max-width:480px;margin:0 auto}.rooms a.content:hover{color:#333}.devise-wrapper{margin:0 auto}.devise-wrapper .alert h2{font-size:18px;color:#842029;text-align:left;margin-bottom:10px}.devise-wrapper h2{font-size:18px;color:#333;text-align:center}.devise-wrapper .field{margin-bottom:20px}.c-shared-links{text-align:center;margin:30px}.c-shared-links a{display:inline-block;text-decoration:underline}.registration a{text-decoration:underline}.p-invite dl{text-align:center;margin-bottom:30px}.p-invite dl dt{font-weight:bold;margin-bottom:15px}.p-invite .box{border-radius:15px;padding:20px;border:1px solid #b2b2b2}.p-status h2{text-align:center}.p-status h3{text-align:left}.p-status__plan{margin-bottom:20px}.p-status__plan dl{display:flex;justify-content:space-between}.p-status__plan dl dt{font-weight:bold;margin-bottom:10px}.p-status__payment .nav-tabs{border-bottom:none}.p-status__payment h2{font-size:16px;font-weight:bold;margin-bottom:15px}.p-status__paymentInner{border:1px solid #ccc;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;padding:15px}.p-status__paymentInner h3{font-weight:bold;font-size:14px;margin:30px 0 10px}.p-status__paymentInner h3:first-child{margin-top:0}.p-status__paymentInner dl{display:flex;justify-content:space-between}.p-status__paymentInner dl dt{font-weight:bold;margin-bottom:10px}.p-notices__date{white-space:nowrap}.p-notices ul li{background:#fff}.p-notices ul li a{display:block;padding:10px;border:1px solid #c5c5c5;margin-bottom:7px}.p-notice h3{text-align:left}.p-feature dl{border-bottom:1px solid #ccc;padding:15px 0}.p-feature dl dt{font-weight:bold;text-align:center;font-size:16px;margin-bottom:10px}.p-terms dl dt{padding:7px 0;margin-bottom:10px;border-bottom:solid 1px #ccc}.p-terms dl dd{margin-bottom:20px}.p-terms dl dd>dl dt{margin-bottom:0;border-bottom:none}.p-price__explain h3{text-align:center;font-size:16px;margin-bottom:20px;font-weight:bold}.p-price__explain h4{text-align:center;font-size:15px;margin-bottom:20px;font-weight:bold}.p-price__explain dl{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #999}.p-price__explain dl:last-child{border:none}.p-price__table{width:80%;margin:0 auto 20px}.p-price__table table{border:1px solid #a4a4a4;width:100%}.p-price__table table th,.p-price__table table td{border:1px solid #a4a4a4;padding:25px 0;text-align:center}.p-price__table dl{text-align:center;border-left:1px solid #a4a4a4;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4}.p-price__table dl dt{background:#d8d8d8;font-weight:bold;border-bottom:1px solid #a4a4a4;padding:7px}.p-price__table dl dd{padding:15px}.p-price .blue{background:#12407d;color:#fff}.p-price .pink{background:#f352a2;color:#fff;padding:25px 0}.p-staticPage ul{padding-left:15px}.p-staticPage ul li{list-style-type:disc;margin-bottom:10px}.p-messageForm{background:#fff;padding:10px 5px;display:flex;align-items:end}.p-messageForm i{line-height:1.2}.p-messageForm__attachment label{cursor:pointer;margin:0 10px}.p-messageForm__attachment label form{flex:1}.p-messageForm__attachment input[type=file]{display:none}.p-messageForm__attachment #preview-wrapper{display:none;opacity:0.98;position:fixed;height:100vh;width:100%;top:0;left:0;background:#333;z-index:1000000}.p-messageForm__attachment #preview-wrapper .preview-area{padding:20px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.p-messageForm__attachment #preview-wrapper .preview-area img{max-height:400px;margin:0 auto}.p-messageForm__attachment #preview-wrapper .preview-area .buttons{margin-top:30px;display:flex;justify-content:space-around;position:relative}.p-messageForm__attachment #preview-wrapper .preview-area .buttons input[type=submit]{background:#13b1c0;color:#fff;text-align:center;padding:15px;border:none;width:140px;border-radius:7px}.p-messageForm__attachment #preview-wrapper .preview-area .buttons input[type=submit]:disabled{background:#0a5b63}.p-messageForm__attachment #preview-wrapper .preview-area .buttons #cancel{background:#bb2d3b;color:#fff;text-align:center;width:140px;padding:15px;border-radius:7px;border:none}.p-messageForm__attachment #preview-wrapper .preview-area .buttons #cancel:disabled{background:#691921}.p-messageForm__attachment #preview-wrapper .preview-area .buttons .fa-spinner{color:#fff;display:none;position:absolute;margin:auto;top:65px}.p-messageForm__message{display:flex;align-items:end;flex:1;width:100%;margin-bottom:0}.p-messageForm__message textarea{appearance:none;background:transparent;outline:none;width:100%;font-size:18px;display:block;border:1px solid #ccc;border-radius:10px;padding:5px 15px;height:37px;resize:none;overflow-y:hidden}.p-messageForm__message textarea:focus{outline:none}.p-messageForm__message textarea:disabled{background:#ccc}.p-messageForm__message button{border:none;background:none}.p-messageForm__message button:disabled i{color:#999}#flash{max-width:480px;width:100%;z-index:2000;position:fixed}#flash .alert{width:calc(100% - 30px)}a.text-underline{text-decoration:underline}.inspecter{position:fixed;left:0;max-width:300px;padding:15px;background:#fff;word-break:break-all;border:1px solid #ccc}.link-color-blue{color:#578EAD;text-decoration:underline}.notice:after{font-family:"Font Awesome 6 free";font-weight:900;content:'\f105';position:absolute;right:10px}.is-limited:after{content:'';background:#000;position:absolute;z-index:1000;width:calc(100% + 30px);height:calc(100% - 2px);top:1px;left:-15px;opacity:.1}#file-name{text-align:center;font-size:16px;color:#fff}