#container{margin:0}#container a,#container button{font-weight:bold}#container .tabNavi span{font-weight:bold}#container .titleArea{border:none;padding-left:0}#container .follow-btn,#container .unfollow-btn,#container #profile__share-popup-link{padding:10px 20px}#container .profile__name-big{padding-top:0}.mypage-upper{margin-left:auto;margin-right:auto;max-width:1024px}.circleImg{max-width:200px;max-height:200px}@media screen and (max-width: 800px){.circleImg{max-width:100px;max-height:100px}}@media screen and (max-width: 600px){.circleImg{max-width:50px;max-height:50px}}.circleImg.mini{width:80px;height:80px}@media screen and (max-width: 800px){.circleImg.mini{max-width:50px;max-height:50px}}#notification-sp{right:10px}.list.follower .name{text-align:left;padding-top:25px}@media screen and (max-width: 800px){.list.follower .name{padding:0px}}@media screen and (max-width: 600px){.list.follower .name{padding:0px}}ul.tabNavi{width:100%}@media screen and (max-width: 600px){ul.tabNavi{height:50px;overflow-x:scroll;flex-wrap:nowrap}ul.tabNavi li{vertical-align:middle;line-height:15px;padding:10px}ul.tabNavi .single{line-height:30px}}.list a>.whitebox,.list a>.greenbox{box-shadow:none;border-bottom:0.5px solid #cccccc}@media screen and (max-width: 800px){.list a>.whitebox,.list a>.greenbox{border-bottom:none;padding:0 20px}}.mypage-btns{width:100%;position:relative;display:flex !important;margin-bottom:8px}@media screen and (max-width: 800px){.mypage-btns{flex-wrap:wrap}}.mypage-btns>*{display:inline-block}@media screen and (max-width: 800px){.mypage-btns>*{margin-bottom:8px}}.mypage-btns .logout-btn{margin-right:0px}.mypage-btns .logout-btn:hover{color:#fff}#mypage-setting-btn-sp{padding:5px 7px;min-width:35px;margin-right:initial}#mypage-setting-btn-sp p{display:inline-block;vertical-align:middle}#mypage-setting-btn-sp i{display:inline-block;vertical-align:middle;font-size:15px;margin-right:3px}.mypage-logout{display:initial;position:absolute;right:0;top:10px}.mypage-logout-btn{margin-right:20px;background:#DC3645;border:2px solid #DC3645}.mypage-logout-btn i{font-size:25px}.mypage-logout-btn:hover{background:#a82937;text-decoration:none}#mypage-logout-btn-sp{padding:5px 7px;background:#DC3645;border:2px solid #DC3645;min-width:35px;margin-right:initial}#mypage-logout-btn-sp i{font-size:10px}.time{bottom:0px}@media screen and (min-width: 801px){.trim{overflow:hidden;width:100%;height:200px;position:relative}}@media screen and (max-width: 800px){.trim{margin:5px 0}}.follower-div{text-align:center}i.icon{font-size:32px}.follower-text{text-align:center;font-size:150%;margin:20px 0 40px 0;padding:20px}.subtext{font-size:12px}.fbtn{text-align:center;padding:0px}.follow_btn{margin:auto;border-radius:50%;height:50px;width:50px;font-size:40px;color:white;background:#489868;padding:10px 5px;line-height:100%}.follow_text{margin:auto;font-size:13px;width:65px}.header-back{margin:10px 0}#pageup{margin-right:8px;top:120px;z-index:2}@media screen and (min-width: 1024px){#pageup{right:calc((100vw - 1024px)/2)}}@media screen and (min-width: 601px) and (max-width: 800px){#pageup{top:90px}}@media screen and (max-width: 600px){#pageup{width:50px;top:60px}}.headerContext{color:#696969;background:#fff;text-align:center;width:65px}@media screen and (max-width: 800px){.headerContext{margin-left:-.6em;border-radius:10px;padding:2px 0}}.tabNavi li{padding:32px 0px}.subNavi{padding:0;margin:0 auto !important;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;overflow:hidden;margin-left:auto;margin-right:auto;max-width:1024px}.subNavi:after{content:" ";display:block;clear:both}@media screen and (max-width: 1200px){.subNavi{margin:0 -20px !important}}.subNavi li{text-align:center;cursor:pointer;position:relative;font-size:140%;padding:12px 0;border-bottom:3px solid transparent;transition:.3s border-color}@media screen and (max-width: 600px){.subNavi li{font-size:100%;padding:10px}}.subNavi li+li:before{content:"";display:inline-block;position:absolute;left:0;top:50%;margin-top:-2.25em;width:1px;height:4.5em;background:#e6e6e6}.subNavi li.select,.subNavi li:hover{position:relative;background-color:#489868;color:white}.subNavi li.select:after,.subNavi li:hover:after{background-color:#666666 transparent transparent transparent;color:white}.notice>div:first-child{padding-top:0px}.list.follower .grid.notice{display:table;width:100%}.list.follower .grid.notice>div{display:table-cell;vertical-align:middle;padding-top:0px;width:33%}.row{display:flex;padding:20px 0px}.row div{margin:auto}.btn.gray{background:#dadada;border:#dadada}.col-3{width:25%}#loading{background-color:white;padding:30px;display:flex}#loading img{margin:auto;width:auto}@media screen and (max-width: 800px){#follow>*,#follower>*{vertical-align:middle}.subtext{display:inline-block}.participation .btn{min-width:auto}}.row.event{align-items:center}.row.event i{margin-left:10px;cursor:pointer}.toggle{transform:rotateX(180deg)}.participation{display:none}.sdgs_tags{display:flex;margin-bottom:20px}.sdgs_tags>*{flex:0 1 50px;margin-right:5px}@media screen and (max-width: 800px){.sdgs_tags>*{flex-basis:40px}}.sdgs_image{width:100%;max-width:100px}.tabNavi>li{flex:1 0 auto;align-content:center;flex-basis:calc(100%/3)}.na-item{max-width:1000px;box-shadow:none;padding:10px;color:#484848 !important}@media screen and (max-width: 800px){.na-item{padding:5px !important}}.na-link{border-top:1px solid #cccccc}@media screen and (max-width: 800px){.na-link{border-top:none}}.na-link:first-of-type{border-top:none}@media screen and (max-width: 800px){.na-link:last-of-type{border-bottom:none}}.na-flex{display:flex;justify-content:space-between}.na-left,.event-contents{flex:1 1 auto}.event-image{margin-right:10px;width:80px;text-align:center}.event-image img{width:80px;height:110px;object-fit:cover;object-position:0% 0%}@media screen and (max-width: 800px){.event-image{width:70px}.event-image img{width:70px;height:95px;object-fit:cover;object-position:0% 0%}}.user-img,.community-img{width:auto !important;height:auto;max-width:70px;max-height:80px}@media screen and (max-width: 800px){.user-img,.community-img{width:auto;height:auto;max-width:45px;max-height:45px}}.event-sub{text-align:right;display:flex;justify-content:flex-end}.event-sub div{padding-right:10px}.btn.red{background-color:red;border-color:red}.actions{padding:10px;background-color:#fff;display:flex}.actions p{flex:auto;margin:auto 10px}@media screen and (max-width: 800px){.actions p{text-align:right}}.actions a{flex:0 0 auto;margin:auto 0 auto auto}@media screen and (max-width: 800px){.actions{border-bottom:0.5px solid #cccccc}}.edit-popup{text-align:center;max-width:260px}.edit-popup .btn{min-width:200px}.edit-popup li{margin:10px 0}.overtext{font-size:24px;color:white;position:absolute;top:calc(50% - 1em / 2);width:100%;text-align:center}@media screen and (max-width: 800px){.overtext{max-width:calc(100% / 3 - 26px);font-size:12px}}.profile-news{background-color:#eeefef;padding-left:15px;padding-right:15px;padding-top:30px}.profile-news__form{position:relative;max-width:500px;margin-left:auto;margin-right:auto}.profile-news__form .search-text{position:relative}.profile-news__form .search-text input[type=text]{border-radius:0;padding:8px;background-color:#fefefe;width:100%;border:1px solid #5c5c5c}@media screen and (min-width: 801px){.profile-news__form .search-text input[type=text]{padding:12px}}.profile-news__form .search-text input[type=submit]{width:30px;height:30px;position:absolute;top:50%;right:5px;transform:translateY(-50%);cursor:pointer;z-index:2;visibility:hidden}.profile-news__form .search-text .fa-search{font-size:20px;position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background-color:transparent}.profile-news__form .search-category{position:relative;margin-top:5px}@media screen and (min-width: 801px){.profile-news__form .search-category{margin-top:10px}}.profile-news__form .search-category select{display:block;padding:5px;border-radius:0;padding:8px;background-color:#fefefe;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (min-width: 801px){.profile-news__form .search-category select{padding:12px}}.profile-news__form .search-category::before,.profile-news__form .search-category::after{content:"";width:10px;height:2px;background-color:#5c5c5c;position:absolute;top:50%}.profile-news__form .search-category::after{transform:rotate(45deg) translateY(-50%);right:15px}.profile-news__form .search-category::before{transform:rotate(-45deg) translateY(-50%);right:7px}.profile-news__form input[type=reset]{color:#5c5c5c;font-weight:bold;border:2px solid #cccccc;border-radius:50vh;border-radius:50dvh;padding:5px 10px;margin-left:auto;margin-top:10px;position:absolute;top:100%;right:0;cursor:pointer;background-color:#fefefe}@media screen and (min-width: 801px){.profile-news__form input[type=reset]{padding:10px 15px}}.profile-news__form input[type=reset]:hover{opacity:0.7;transition:0.2s}.profile-news__count{font-size:12px;color:#5c5c5c;line-height:1.1;margin-top:20px}@media screen and (min-width: 801px){.profile-news__count{font-size:14px;margin-top:30px;padding-left:30px}}.profile-news__articles{padding:0 5px}.profile-news__articles .col{padding:0}@media screen and (min-width: 801px){.profile-news__articles .col{margin-bottom:10px}}@media screen and (max-width: 800px){.profile-news__articles .col{border-bottom:0.5px solid #cccccc}}@media screen and (min-width: 801px){.profile-news__article{border-bottom:0.5px solid #cccccc}}.profile-news__article a{background-color:#fefefe;display:flex;justify-content:space-between;padding:10px}@media screen and (min-width: 801px){.profile-news__article a{padding:20px 40px}}.profile-news__article a:hover{opacity:0.7;transition:0.3s}.profile-news__article:first-of-type{padding-top:0}.profile-news__image{width:25%;padding-right:10px}.profile-news__image img{width:100%}.profile-news__texts{width:75%;position:relative;padding-bottom:20px}@media screen and (min-width: 801px){.profile-news__texts{width:70%}}.profile-news__title{font-size:14px;padding-bottom:0;color:#388456;font-weight:bold}@media screen and (min-width: 801px){.profile-news__title{font-size:24px;margin-top:20px}}.profile-news__title.green{color:#489868}.profile-news__title.pink{color:#cf6b6b}.profile-news__links{margin-left:-5px}.profile-news__links li{font-size:10px;text-align:center;color:#489868;padding:0;font-weight:bold;border:2px solid #489868;border-radius:50vh;border-radius:50dvh;background-color:#fefefe;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:1.5;display:table}.profile-news__links li p{margin:3px 8px}@media screen and (min-width: 801px){.profile-news__links li{font-size:14px;margin-top:10px}.profile-news__links li{margin:10px 5px}}.profile-news__links li:not(:first-child){margin-top:2px}.profile-news__view{font-size:12px;color:#040000;position:absolute;bottom:0;left:0}@media screen and (min-width: 801px){.profile-news__view{font-size:14px}}.add-btn{border:2px solid;border-radius:10px;padding:10px;margin:10px;display:inline-block;vertical-align:bottom;background-color:white;display:inline-flex}.add-btn span{line-height:20px}.add-btn>*{margin:auto}.add-btn i{font-size:20px;border:0px solid;border-radius:50%;background-color:#489868;color:white;margin-right:5px}@media screen and (min-width: 601px){.add-btn{font-size:140%}}.titleArea{text-align:left}.mypage-btns{text-align:center}.mypage-btns *{flex-basis:100px}@media screen and (max-width: 800px){.mypage-btns *{flex-basis:calc(100%/3)}}.mypage-btns .inline-material-icons{font-size:40px}.user_status{display:flex;width:100%}.user_status .user_icon{flex:0 0 auto;margin:auto}.user_status .user_profile{flex:1 1 auto;margin:auto;padding-left:10px}.user_status>*{display:inline-block}.user_status .user_icon img{width:50px}.counter{margin-bottom:10px;display:flex}@media screen and (max-width: 800px){.counter{flex-direction:column}}.counter>*{margin-bottom:5px;display:inline-block}.minihomepage_btn{text-align:right}.mood_message p{position:relative;height:3rem;overflow:hidden}.mood_message div{text-align:center;color:#489265;margin-bottom:8px}.mood_accordion{cursor:pointer;display:inline-block;padding:5px;font-weight:bold}.mood_accordion .open{display:inline}.mood_accordion .close{display:none}.mood_message.active p{height:auto}.mood_message.active .mood_accordion .open{display:none}.mood_message.active .mood_accordion .close{display:inline}.mood_message p::before{content:"";width:100%;height:100%;display:block;background:linear-gradient(rgba(255,255,255,0) 0, #fff 90%);position:absolute;top:0;left:0}.mood_message.active p::before{background:none}.setting_title{font-size:20px;margin-bottom:10px}.setting_close{text-align:right;font-size:28px;margin-bottom:-10px}.setting_message{text-align:left;margin:0 0 16px 0}.setting_message span{font-size:18px}.setting_menu{text-align:left;font-size:1.3em;line-height:2 !important}.setting_menu a{display:flex}.setting_menu a>*{margin:auto 0}.setting_menu a i{margin-right:5px}.setting_menu p{font-size:18px;border-top:1px solid;margin-top:10px;padding-top:5px}.setting_menu a.logout-btn{border-top:1px solid black;margin-top:10px;padding-top:5px;margin:10px 0 0 0}.setting__item{padding:10px 0;text-align:left;font-size:1.3em;line-height:2 !important}.setting__item a{display:flex}.setting__item a>*{margin:auto 0}.setting__item a i{margin-right:5px}.setting__item p{font-size:18px}.setting__item:not(:last-child){border-bottom:1px solid}.setting__item>.logout-btn{margin-left:0}.setting__item>.logout-btn:hover{color:#489868}.mfp-content #setting-popup{max-width:800px}@media screen and (max-width: 800px){.mfp-content #setting-popup{max-width:300px}}.mfp-content #setting-popup span{font-weight:bold}.setting-popup-close{cursor:pointer}@media screen and (max-width: 800px){section{padding-left:10px;padding-right:10px}#mypage-tab section{padding-left:0px;padding-right:0px}}.tabBoxes{padding-top:0}.counter span{margin-left:5px;margin-right:5px}.mypage-btns p{line-height:1.2em}section a:not(.btn):hover{color:#696969}.tabWrap.tabWrap.fixed section{width:100%}#mypage-tab{margin-left:auto;margin-right:auto;max-width:1024px}@media screen and (max-width: 1200px){.tabNavi{margin:0 0px !important}}.list .whitebox p:nth-last-child(2),.list .greenbox p:nth-last-child(2){margin-bottom:2rem}
