: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}}.header .search{display:flex;justify-content:center}.header .search .search__bar{display:flex;padding:10px;border:1px solid #d3d3d3;border-radius:999px;background-color:#f0f2f5}.header .search .search__bar>input{border:none!important;background-color:#f0f2f5;font-size:16px}.header .search .search__bar>input:focus{outline-width:0}.header .select{display:flex;justify-content:center}.header .select .select__bar{display:flex;padding:10px;border:1px solid #d3d3d3;border-radius:999px;background-color:#f0f2f5}.header .select .select__bar select{border:none!important;outline:none;font-size:16px}.header .select .select__bar>select:focus{outline-width:0;outline:none}.header .select .select__bar fieldset{border:none}.header .oyapurposebutton{white-space:nowrap;color:#fff;border-radius:10px}@media screen and (min-width:757px)and (max-width:1024px){.header{width:100%;flex-grow:1;text-align:center}.header .headertop .headerleft{padding:10px 10px 0;width:70%;flex-grow:1;text-align:left;display:flex;align-items:center}.header .headertop .headerleft .logo{max-width:200px;margin:0}.header .headertop .headerrightsp{padding:10px 10px 0;width:100px;margin-right:5px;display:inline-flex}.header .headertop .headerrightsp .headerrightspsearchbutton{margin-right:5px}.header .headertop .headersearchlistsp{width:100%;text-align:right;margin-bottom:0x}.header .headertop .headersearchlistsp .topbordersp{border-top:1px solid #d5d5d5;width:100%;margin:5px 0 0}.header .headertop .headersearchlistsp .headersearchbuttonsp{width:200px;height:30px;margin:5px 0;outline:none}.header .select .select__bar{height:100%}.header .oyapurposebutton{width:224px;font-size:20px;padding:5px 15px}}@media screen and (min-width:572px)and (max-width:756px){.header{width:100%;flex-grow:1;text-align:center}.header .headertop .headerleft{padding:10px 10px 0;width:70%;flex-grow:1;text-align:left;display:flex;align-items:center}.header .headertop .headerleft .logo{max-width:200px;margin:0}.header .headertop .headerrightsp{padding:10px 10px 0;width:100px;margin-right:5px;display:inline-flex}.header .headertop .headerrightsp .headerrightspsearchbutton{margin-right:5px}.header .headertop .headersearchlistsp{width:100%;text-align:right;margin-bottom:0x}.header .headertop .headersearchlistsp .topbordersp{border-top:1px solid #d5d5d5;width:100%;margin:5px 0 0}.header .headertop .headersearchlistsp .headersearchbuttonsp{width:200px;height:30px;margin:5px 0;outline:none}.header .select .select__bar{height:100%}.header .oyapurposebutton{width:224px;font-size:20px;padding:5px 15px}}@media screen and (min-width:0px)and (max-width:571px){.header{width:100%;flex-grow:1;text-align:center}.header .headertop .headerleft{padding:10px 10px 0;width:70%;flex-grow:1;text-align:left;display:flex;align-items:center}.header .headertop .headerleft .logo{max-width:200px;margin:0}.header .headertop .headerrightsp{padding:10px 10px 0;width:100px;margin-right:5px;display:inline-flex}.header .headertop .headerrightsp .headerrightspsearchbutton{margin-right:5px}.header .headertop .headersearchlistsp{width:100%;text-align:right;margin-bottom:0x}.header .headertop .headersearchlistsp .topbordersp{border-top:1px solid #d5d5d5;width:100%;margin:5px 0 0}.header .headertop .headersearchlistsp .headersearchbuttonsp{width:200px;height:30px;margin:5px 0;outline:none}.header .select .select__bar{height:100%}.header .oyapurposebutton{width:224px;font-size:20px;padding:5px 15px}}@media screen and (min-width:1440px){.header{width:100%}.header .headertop{width:100%;flex-grow:1;text-align:center;display:flex;flex-wrap:nowrap}.header .headertop .headerleft{min-width:280px;flex-grow:1;text-align:left;display:flex;align-items:center}.header .headertop .headerleft .logo{max-width:300px;margin:10px;display:block}.header .headertop .headerright{min-width:480px;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px}.header .headerOyaPurpose{width:100%;display:block;justify-content:center;margin:10px 0 0}.header .headerOyaPurpose .topborder{border-top:1px solid #d5d5d5;margin:10px 0 0;width:100%}.header .select .select__bar{height:50px}.header .oyapurposebutton{width:170px;font-size:15px;padding:5px 15px}}@media screen and (min-width:1025px)and (max-width:1439px){.header{width:100%}.header .headertop{width:100%;flex-grow:1;text-align:center;display:flex;flex-wrap:nowrap}.header .headertop .headerleft{min-width:280px;flex-grow:1;text-align:left;display:flex;align-items:center}.header .headertop .headerleft .logo{max-width:300px;margin:10px;display:block}.header .headertop .headerright{min-width:480px;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px}.header .headerOyaPurpose{width:100%;display:block;justify-content:center;margin:10px 0 0}.header .headerOyaPurpose .topborder{border-top:1px solid #d5d5d5;margin:10px 0 0;width:100%}.header .select .select__bar{height:50px}.header .oyapurposebutton{width:170px;font-size:15px;padding:5px 15px}}@media screen and (min-width:1440px){.header .oyapurposebutton{width:224px;font-size:20px;padding:5px 15px}}