: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}}.toc ol{list-style-type:none;counter-reset:toc-counter}.toc ol li{counter-increment:toc-counter;position:relative;padding-left:2.5em}.toc ol li:before{content:counter(toc-counter) " | ";position:absolute;left:0;width:2.5em;text-align:right}.toc ol li ol{list-style-type:none;counter-reset:sub-counter}.toc ol li ol li{counter-increment:sub-counter;padding-left:3em}.toc ol li ol li:before{content:counter(toc-counter) "-" counter(sub-counter) " | ";position:absolute;left:0;width:3em;text-align:right}.articlepagemain{margin:0;padding:0}.articlepagemain .purposeareacontainer{align-items:center;margin:0;padding:0}.articlepagemain .purposeareacontainer .purposearea{display:flex;justify-content:center;align-items:center;border:1px solid;border-radius:5px;font-size:12px;font-weight:400;padding:5px 15px;cursor:pointer}.articlepagemain .purposeareacontainer .purposearea:hover{opacity:.8}.articlepagemain .customcssbody .titlearea{padding:10px 5px;align-items:center}.articlepagemain .customcssbody .titlearea .subject{font-weight:700;padding:5px 0;align-items:center}.articlepagemain .customcssbody .titlearea .subject h1{text-align:left}.articlepagemain .customcssbody .titlearea .description{color:#4f4f4f;padding:15px 0 10px;text-align:left}.articlepagemain .customcssbody .titlearea .updatedate{color:#4f4f4f;padding:10px 5px 5px;text-align:right}.articlepagemain .customcssbody .eyecatch{padding:0 0 10px;align-items:center;text-align:center}.articlepagemain .customcssbody .eyecatch img{max-height:550px;max-width:100%;height:auto}.articlepagemain .customcssbody .tableofcontents{padding:15px 10px 30px;text-align:left;line-height:1.8;background-color:#f2f3f5}.articlepagemain .customcssbody .tableofcontents .title{font-size:20px;font-weight:700}.articlepagemain .customcssbody .articlemain{padding:15px 5px 30px;align-items:center;text-align:left;line-height:1.8;overflow-wrap:break-word}.articlepagemain .customcssbody .articlemain li{list-style-position:inside}.articlepagemain .customcssbody .articlemain img{display:block;margin:15px auto;max-height:550px;max-width:100%;height:auto}.articlepagemain .customcssbody .articlemain a{color:#234e96;text-decoration:underline}.articlepagemain .customcssbody .articlemain .pre-group{background-color:#e0e7fa;font-size:16px;font-family:Arial,Helvetica,sans-serif}.articlepagemain .customcssbody .articlemain .pre-group pre{white-space:pre-wrap}.articlepagemain .customcssbody .articlemain .blockquote-group{background-color:#d3d3d3}.articlepagemain .customcssbody .articlemain table{border:1px solid #bbb;border-collapse:collapse}.articlepagemain .customcssbody .articlemain th{border:1px solid #bbb;background-color:#e6e6e6;padding:8px}.articlepagemain .customcssbody .articlemain td{border:1px solid #bbb;padding:8px}.articlepagemain .customcssbody .map{padding:15px 10px 30px;text-align:center}.articlepagemain .customcssbody .map iframe{max-height:550px!important;max-width:100%!important}.articlepagewriter{align-items:80%;text-align:left;width:100%}.articlepagewriter .producedby{width:100%;padding:10px 0 10px 5px;font-size:15px;font-weight:700}.articlepagewriter .writerbody{width:100%;padding:5px;border:2px solid #e6e6e6;border-radius:5px;cursor:pointer}.articlepagewriter .writerbody:hover{box-shadow:0 1px 1px rgba(0,0,0,.2);color:#000}.articlepagewriter .writerbody .usericon{padding:15px 0;display:flex;justify-content:center;align-items:flex-start}.articlepagewriter .writerbody .username{width:100%;padding:15px 5px 0;text-align:left;text-decoration:underline;font-size:20px;font-weight:700}.articlepagewriter .writerbody .profile{width:100%;padding:15px 5px;text-align:left;line-height:1.8;overflow-wrap:break-word;color:#4f4f4f;white-space:pre-line}.articlepagewriter .writerbody .profile a{color:#234e96;text-decoration:underline}.articlepagereleated{margin-bottom:30px}.articlepagereleated .releatedaarticle{padding:20px 12px 5px;text-align:left;font-weight:700;font-size:20px}@media screen and (min-width:757px)and (max-width:1024px){.articlepagemain{width:370px}.articlepagemain .purposeareacontainer{padding:15px 5px 5px}.articlepagemain .customcssbody .titlearea .subject h1{font-size:30px}.articlepagemain .customcssbody .titlearea .description{font-size:15px}.articlepagemain .customcssbody .titlearea .updatedate{font-size:13px}.articlepagemain .customcssbody .articlemain img,.articlepagemain .customcssbody .eyecatch img{max-width:355px}.articlepagemain .customcssbody .articlemain h1{font-size:32px;margin:32px 0 20px}.articlepagemain .customcssbody .articlemain h2{font-size:28px;background-color:#fff;border-left:8px solid #234e96;padding:5px 10px;margin:38px 0 16px}.articlepagemain .customcssbody .articlemain h3{font-size:24px;background-color:#f2f3f5;border-left:8px solid #c7ccd8;padding:5px 10px;margin:34px 0 12px}.articlepagemain .customcssbody .articlemain h4{font-size:20px;position:relative;margin:30px 0 12px}.articlepagemain .customcssbody .articlemain h4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#d5d8de}.articlepagemain .customcssbody .articlemain h5{font-size:18px;margin:28px 0 8px}.articlepagemain .customcssbody .articlemain p{font-size:16px}.articlepagemain .customcssbody .articlemain .pre-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .pre-group pre{margin:0;padding:0}.articlepagemain .customcssbody .articlemain .blockquote-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .blockquote-group blockquote{margin:0;padding:0}.articlepagemain .customcssbody .articlemain iframe{width:355px!important;height:200px!important}.articlepagemain .customcssbody .map iframe{max-width:330px!important}.articlepagewriter{width:370px;min-width:370px}.articlepagewriter .writerbody .usericon .icon{width:50px;border-radius:160px}}@media screen and (min-width:572px)and (max-width:756px){.articlepagemain{width:370px}.articlepagemain .purposeareacontainer{padding:15px 5px 5px}.articlepagemain .customcssbody .titlearea .subject h1{font-size:30px}.articlepagemain .customcssbody .titlearea .description{font-size:15px}.articlepagemain .customcssbody .titlearea .updatedate{font-size:13px}.articlepagemain .customcssbody .articlemain img,.articlepagemain .customcssbody .eyecatch img{max-width:355px}.articlepagemain .customcssbody .articlemain h1{font-size:32px;margin:32px 0 20px}.articlepagemain .customcssbody .articlemain h2{font-size:28px;background-color:#fff;border-left:8px solid #234e96;padding:5px 10px;margin:38px 0 16px}.articlepagemain .customcssbody .articlemain h3{font-size:24px;background-color:#f2f3f5;border-left:8px solid #c7ccd8;padding:5px 10px;margin:34px 0 12px}.articlepagemain .customcssbody .articlemain h4{font-size:20px;position:relative;margin:30px 0 12px}.articlepagemain .customcssbody .articlemain h4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#d5d8de}.articlepagemain .customcssbody .articlemain h5{font-size:18px;margin:28px 0 8px}.articlepagemain .customcssbody .articlemain p{font-size:16px}.articlepagemain .customcssbody .articlemain .pre-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .pre-group pre{margin:0;padding:0}.articlepagemain .customcssbody .articlemain .blockquote-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .blockquote-group blockquote{margin:0;padding:0}.articlepagemain .customcssbody .articlemain iframe{width:355px!important;height:200px!important}.articlepagemain .customcssbody .map iframe{max-width:330px!important}.articlepagewriter{width:370px;min-width:370px}.articlepagewriter .writerbody .usericon .icon{width:50px;border-radius:160px}}@media screen and (min-width:0px)and (max-width:571px){.articlepagemain{width:370px}.articlepagemain .purposeareacontainer{padding:15px 5px 5px}.articlepagemain .customcssbody .titlearea .subject h1{font-size:30px}.articlepagemain .customcssbody .titlearea .description{font-size:15px}.articlepagemain .customcssbody .titlearea .updatedate{font-size:13px}.articlepagemain .customcssbody .articlemain img,.articlepagemain .customcssbody .eyecatch img{max-width:355px}.articlepagemain .customcssbody .articlemain h1{font-size:32px;margin:32px 0 20px}.articlepagemain .customcssbody .articlemain h2{font-size:28px;background-color:#fff;border-left:8px solid #234e96;padding:5px 10px;margin:38px 0 16px}.articlepagemain .customcssbody .articlemain h3{font-size:24px;background-color:#f2f3f5;border-left:8px solid #c7ccd8;padding:5px 10px;margin:34px 0 12px}.articlepagemain .customcssbody .articlemain h4{font-size:20px;position:relative;margin:30px 0 12px}.articlepagemain .customcssbody .articlemain h4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#d5d8de}.articlepagemain .customcssbody .articlemain h5{font-size:18px;margin:28px 0 8px}.articlepagemain .customcssbody .articlemain p{font-size:16px}.articlepagemain .customcssbody .articlemain .pre-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .pre-group pre{margin:0;padding:0}.articlepagemain .customcssbody .articlemain .blockquote-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .blockquote-group blockquote{margin:0;padding:0}.articlepagemain .customcssbody .articlemain iframe{width:355px!important;height:200px!important}.articlepagemain .customcssbody .map iframe{max-width:330px!important}.articlepagewriter{width:370px;min-width:370px}.articlepagewriter .writerbody .usericon .icon{width:50px;border-radius:160px}}@media screen and (min-width:1440px){.articlepagemain{width:990px}.articlepagemain .purposeareacontainer{padding:5px}.articlepagemain .customcssbody .titlearea .subject h1{font-size:40px}.articlepagemain .customcssbody .titlearea .description{font-size:15px}.articlepagemain .customcssbody .titlearea .updatedate{font-size:13px}.articlepagemain .customcssbody .articlemain img,.articlepagemain .customcssbody .eyecatch img{max-width:990px}.articlepagemain .customcssbody .articlemain h1{font-size:40px;margin:40px 0 20px}.articlepagemain .customcssbody .articlemain h2{font-size:32px;background-color:#fff;border-left:8px solid #234e96;padding:5px 10px;margin:42px 0 20px}.articlepagemain .customcssbody .articlemain h3{font-size:28px;background-color:#f2f3f5;border-left:8px solid #c7ccd8;padding:5px 10px;margin:38px 0 16px}.articlepagemain .customcssbody .articlemain h4{font-size:24px;position:relative;margin:34px 0 12px}.articlepagemain .customcssbody .articlemain h4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#d5d8de}.articlepagemain .customcssbody .articlemain h5{font-size:20px;margin:30px 0 12px}.articlepagemain .customcssbody .articlemain p{font-size:16px}.articlepagemain .customcssbody .articlemain .pre-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .pre-group pre{margin:0;padding:0}.articlepagemain .customcssbody .articlemain .blockquote-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .blockquote-group blockquote{margin:0;padding:0}.articlepagemain .customcssbody .articlemain iframe{width:560px!important;height:315px!important}.articlepagemain .customcssbody .map iframe{max-width:900px!important}.articlepagewriter{width:990px}.articlepagewriter .writerbody .usericon .icon{width:50px;border-radius:160px}.articlepagereleated{width:990px}}@media screen and (min-width:1025px)and (max-width:1439px){.articlepagemain{width:990px}.articlepagemain .purposeareacontainer{padding:5px}.articlepagemain .customcssbody .titlearea .subject h1{font-size:40px}.articlepagemain .customcssbody .titlearea .description{font-size:15px}.articlepagemain .customcssbody .titlearea .updatedate{font-size:13px}.articlepagemain .customcssbody .articlemain img,.articlepagemain .customcssbody .eyecatch img{max-width:990px}.articlepagemain .customcssbody .articlemain h1{font-size:40px;margin:40px 0 20px}.articlepagemain .customcssbody .articlemain h2{font-size:32px;background-color:#fff;border-left:8px solid #234e96;padding:5px 10px;margin:42px 0 20px}.articlepagemain .customcssbody .articlemain h3{font-size:28px;background-color:#f2f3f5;border-left:8px solid #c7ccd8;padding:5px 10px;margin:38px 0 16px}.articlepagemain .customcssbody .articlemain h4{font-size:24px;position:relative;margin:34px 0 12px}.articlepagemain .customcssbody .articlemain h4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#d5d8de}.articlepagemain .customcssbody .articlemain h5{font-size:20px;margin:30px 0 12px}.articlepagemain .customcssbody .articlemain p{font-size:16px}.articlepagemain .customcssbody .articlemain .pre-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .pre-group pre{margin:0;padding:0}.articlepagemain .customcssbody .articlemain .blockquote-group{padding:15px;margin:15px 0}.articlepagemain .customcssbody .articlemain .blockquote-group blockquote{margin:0;padding:0}.articlepagemain .customcssbody .articlemain iframe{width:560px!important;height:315px!important}.articlepagemain .customcssbody .map iframe{max-width:900px!important}.articlepagewriter{width:990px}.articlepagewriter .writerbody .usericon .icon{width:50px;border-radius:160px}.articlepagereleated{width:990px}}@media screen and (min-width:1440px){.articlepagemain,.articlepagewriter{width:1024px}.articlepagereleated{width:1360px}}