.articleList{display:block;justify-content:center;padding:0;align-items:flex-end}.articleList .articlescountmaster{height:60px}.articleList .articlescountmaster .articlescountcontainer{opacity:0;transition:opacity .5s ease-in-out}.articleList .articlescountmaster .articlescountcontainer.visible{opacity:1}.articleList .articlescountmaster .articlescountcontainer.visible .articlescount{display:flex;align-items:flex-end}.articleList .articlescountmaster .articlescountcontainer.visible .articlescount .articlesCountNumber{padding:5px;font-size:30px;font-weight:700}.articleList .articlescountmaster .articlescountcontainer.visible .articlescount .articlesCountresults{padding:5px;font-size:20px}.articleList .articlelistmain{justify-content:center}.articleList .showmorebuttonarea{display:flex;justify-content:center;align-items:center;width:100%;margin:5px 0 0}.articleList .showmorebuttonarea .showmorebutton{border-radius:30px;width:330px;border:2px solid #bb051d;font-weight:700;color:#bb051d;background-color:#fff;margin:2px 0}@media screen and (min-width:757px)and (max-width:1024px){.articleList .articlescountmaster .articlescountcontainer{padding:5px 0}.articleList .articlescountmaster .articlescountcontainer .articlescount{padding:5px 10px}}@media screen and (min-width:572px)and (max-width:756px){.articleList .articlescountmaster .articlescountcontainer{padding:5px 0}.articleList .articlescountmaster .articlescountcontainer .articlescount{padding:5px 10px}}@media screen and (min-width:0px)and (max-width:571px){.articleList .articlescountmaster .articlescountcontainer{padding:5px 0}.articleList .articlescountmaster .articlescountcontainer .articlescount{padding:5px 10px}}@media screen and (min-width:1440px){.articleList .articlescountmaster .articlescountcontainer{padding:10px 0}.articleList .articlescountmaster .articlescountcontainer .articlescount{padding:5px 15px}}@media screen and (min-width:1025px)and (max-width:1439px){.articleList .articlescountmaster .articlescountcontainer{padding:10px 0}.articleList .articlescountmaster .articlescountcontainer .articlescount{padding:5px 15px}}@media screen and (min-width:1440px){.articleList{width:1360px}}@media screen and (min-width:1025px)and (max-width:1439px){.articleList{width:990px}}@media screen and (min-width:757px)and (max-width:1024px){.articleList{width:738px}}@media screen and (min-width:572px)and (max-width:756px){.articleList{width:558px}}@media screen and (min-width:0px)and (max-width:571px){.articleList{width:375px}}:root{--color-accommodation:#234d97;--color-things:#107641;--color-food-drink:#e16610;--color-culture:#d94c8c;--color-souvenir:#c30d23}*{box-sizing:border-box;padding:0;margin:0}button:hover{background-color:inherit}body{max-width:100vw;overflow-x:hidden;background-color:#f8f8f8;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,input,textarea{font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.MuiButton-root{text-transform:none!important;box-shadow:none!important}.page{align-items:center;grid-gap:0;gap:0}.page,.page .header{display:grid;justify-items:center}.page .header{position:fixed;top:0;left:0;z-index:1000;background-color:#fff;opacity:0;transition:opacity .5s ease-in-out}.page .header.visible{opacity:1}.page .maincontent{display:grid;justify-items:center;width:100%;opacity:0;transition:opacity .5s ease-in-out}.page .maincontent.visible{opacity:1}.page .footer{display:flex;justify-items:center}@media screen and (min-width:757px)and (max-width:1024px){.page .header{padding:0}.page .maincontent{margin-top:75px}}@media screen and (min-width:572px)and (max-width:756px){.page .header{padding:0}.page .maincontent{margin-top:75px}}@media screen and (min-width:0px)and (max-width:571px){.page .header{padding:0}.page .maincontent{margin-top:75px}}@media screen and (min-width:1440px){.page .header{padding:0}.page .maincontent{margin-top:190px}}@media screen and (min-width:1025px)and (max-width:1439px){.page .header{padding:0}.page .maincontent{margin-top:190px}}.thumbbody{display:flex;justify-content:center;align-items:center;font-size:20px;padding:5px;cursor:pointer}.thumbbody:hover{box-shadow:0 1px 1px rgba(0,0,0,.2)}.thumbbody:hover .thumbimg{transform:scale(1.02)}.thumbbody .thumb{display:flex;justify-content:center}.thumbbody .thumb .thumbimg{object-fit:cover}.thumbbody .area{text-align:left;padding:5px;color:#4f4f4f}.thumbbody .subject{font-weight:700}.thumbbody .description,.thumbbody .subject{text-align:left;padding:5px;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2}.thumbbody .description{color:#4f4f4f}.thumbbody .bottomArea{align-items:center;padding:5px}.thumbbody .bottomArea .purposename{display:flex;justify-content:center;align-items:center;border:1px solid;border-radius:5px;font-weight:400}.thumbbody .bottomArea .usercontainer{display:flex;flex-direction:column;height:100%}.thumbbody .bottomArea .usercontainer .usericon{display:flex;justify-content:center;align-items:center;padding:5px}.thumbbody .bottomArea .usercontainer .usericon .iconimg{object-fit:cover}.thumbbody .bottomArea .usercontainer .username{display:flex;justify-content:center;align-items:center;padding:5px;word-break:break-word;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2}@media screen and (min-width:757px)and (max-width:1024px){.thumbbody{width:177px;margin:0 2px}.thumbbody .thumb{height:99px}.thumbbody .thumb .thumbimg{width:170px;height:96px;border-radius:10px}.thumbbody .area{font-size:15px}.thumbbody .subject{line-height:1.5;height:3.15em!important;font-size:18px}.thumbbody .description{line-height:1.5;height:3.15em!important;font-size:15px}.thumbbody .bottomArea{height:120px}.thumbbody .bottomArea .purposename{padding:5px;font-size:11px}.thumbbody .bottomArea .usercontainer .usericon{height:60px}.thumbbody .bottomArea .usercontainer .usericon .iconimg{width:45px;height:45px;border-radius:160px}.thumbbody .bottomArea .usercontainer .username{line-height:1.7;height:3.4em!important;font-size:10px}}@media screen and (min-width:572px)and (max-width:756px){.thumbbody{width:177px;margin:0 2px}.thumbbody .thumb{height:99px}.thumbbody .thumb .thumbimg{width:170px;height:96px;border-radius:10px}.thumbbody .area{font-size:15px}.thumbbody .subject{line-height:1.5;height:3.15em!important;font-size:18px}.thumbbody .description{line-height:1.5;height:3.15em!important;font-size:15px}.thumbbody .bottomArea{height:120px}.thumbbody .bottomArea .purposename{padding:5px;font-size:11px}.thumbbody .bottomArea .usercontainer .usericon{height:60px}.thumbbody .bottomArea .usercontainer .usericon .iconimg{width:45px;height:45px;border-radius:160px}.thumbbody .bottomArea .usercontainer .username{line-height:1.7;height:3.4em!important;font-size:10px}}@media screen and (min-width:0px)and (max-width:571px){.thumbbody{width:177px;margin:0 2px}.thumbbody .thumb{height:99px}.thumbbody .thumb .thumbimg{width:170px;height:96px;border-radius:10px}.thumbbody .area{font-size:15px}.thumbbody .subject{line-height:1.5;height:3.15em!important;font-size:18px}.thumbbody .description{line-height:1.5;height:3.15em!important;font-size:15px}.thumbbody .bottomArea{height:120px}.thumbbody .bottomArea .purposename{padding:5px;font-size:11px}.thumbbody .bottomArea .usercontainer .usericon{height:60px}.thumbbody .bottomArea .usercontainer .usericon .iconimg{width:45px;height:45px;border-radius:160px}.thumbbody .bottomArea .usercontainer .username{line-height:1.7;height:3.4em!important;font-size:10px}}@media screen and (min-width:1440px){.thumbbody{width:230px;margin:0 5px}.thumbbody .thumb{height:160px}.thumbbody .thumb .thumbimg{width:230px;height:160px;border-radius:10px}.thumbbody .area{font-size:15px}.thumbbody .subject{line-height:1.8;height:3.6em!important;font-size:20px}.thumbbody .description{line-height:1.8;height:3.6em!important;font-size:15px}.thumbbody .bottomArea{height:120px}.thumbbody .bottomArea .purposename{padding:5px 15px;font-size:12px}.thumbbody .bottomArea .usercontainer .usericon{height:60px}.thumbbody .bottomArea .usercontainer .usericon .iconimg{width:50px;height:50px;border-radius:160px}.thumbbody .bottomArea .usercontainer .username{line-height:1.7;height:3.4em!important;font-size:13px}}@media screen and (min-width:1025px)and (max-width:1439px){.thumbbody{width:230px;margin:0 5px}.thumbbody .thumb{height:160px}.thumbbody .thumb .thumbimg{width:230px;height:160px;border-radius:10px}.thumbbody .area{font-size:15px}.thumbbody .subject{line-height:1.8;height:3.6em!important;font-size:20px}.thumbbody .description{line-height:1.8;height:3.6em!important;font-size:15px}.thumbbody .bottomArea{height:120px}.thumbbody .bottomArea .purposename{padding:5px 15px;font-size:12px}.thumbbody .bottomArea .usercontainer .usericon{height:60px}.thumbbody .bottomArea .usercontainer .usericon .iconimg{width:50px;height:50px;border-radius:160px}.thumbbody .bottomArea .usercontainer .username{line-height:1.7;height:3.4em!important;font-size:13px}}@media screen and (min-width:1440px){.thumbbody{width:320px;margin:0 10px}.thumbbody .thumb{height:173px}.thumbbody .thumb .thumbimg{width:302px;height:172px}}