@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap";@import"https://fonts.googleapis.com/css?family=Questrial&display=swap";@import"https://fonts.googleapis.com/css2?family=Konkhmer+Sleokchher&display=swap";@import"https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Dongle&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box;outline:none}body{font-family:Arial,Helvetica Neue,Helvetica,微軟正黑體,sans-serif;font-size:16px;overflow-x:hidden;overflow-y:auto;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}a{text-decoration:none}img{border:0}button{background-color:transparent;border:0;margin:0;padding:0;cursor:pointer}label{cursor:pointer}strong{font-weight:700}article,section,figure,figcaption,hgroup,ul,li,p{margin:0;padding:0}li{list-style-type:none}:root{--c1: #81D8D0;--c2: #4a4549;--black: #161616;--red: #CF5341;--dw: 60rem;--href: #0080ff;--fonts: "Questrial", "Noto Sans TC", sans-serif}*{box-sizing:border-box}* ::selection{background:#333;color:#fff}* ::-moz-selection{background:#333;color:#fff}*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{letter-spacing:1px;font-family:var(--fonts);color:var(--black);background-color:#fff;overflow-x:hidden;overflow-y:auto;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}body::-webkit-scrollbar{width:6px;height:6px;background:#eee}body::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}body::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--c1)}input,select,textarea,button,a{outline:none;font-family:var(--fonts)}a{color:var(--href);text-decoration:none}input,select,textarea,button{background-color:transparent;border:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}ul,ol,figure,p{margin:0;padding:0}input::-webkit-calendar-picker-indicator{display:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.no-scroll{overflow:hidden;height:100%}.overlay{position:fixed;top:0;left:0;z-index:98;display:none;width:100%;height:100%;background-color:#000000d9;cursor:pointer}.overlay.is-active{display:block;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:both}#wrap{height:100%;height:-moz-available;height:-webkit-fill-available;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:both}.main-wrap{position:relative;padding-left:3rem}@media only screen and (max-width: 960px){.main-wrap{padding-left:0}}.main-inside{position:relative;background-color:#fff}@media only screen and (max-width: 960px){.main-inside{padding-top:4rem}}@media only screen and (max-width: 480px){.main-inside{padding-top:3rem}}.main-head{margin-bottom:2rem;animation-name:fadeIn;animation-duration:.5s;animation-delay:.75s;animation-fill-mode:both}.main-head h1{line-height:1.5;font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem}.main-head h1:last-child{margin-bottom:0}.main-head h2{font-size:1rem;color:var(--c1)}.main-head p{max-width:40rem;line-height:1.7;font-size:.875rem}.main-head p span{display:block}.main-head p strong{color:var(--red)}@media only screen and (max-width: 960px){.main-head{animation-name:fadeIn_t}}@media only screen and (max-width: 768px){.main-head{margin-bottom:1rem}.main-head h1{line-height:3rem;font-size:2rem}}@media only screen and (max-width: 480px){.main-head h1{font-size:1.5rem;text-align:center}}.main-center{position:relative;width:calc(100% - 4rem);max-width:60rem;min-height:100vh;min-height:100dvh;margin:0 auto}@media only screen and (max-width: 768px){.main-center{width:100%}}.main-bottom{text-align:right;padding-top:1rem}.main-bottom>a{display:inline-block;font-size:.875rem;color:var(--black);margin-left:1rem;transition:color .2s}.main-bottom>a:before{content:"[ "}.main-bottom>a:after{content:" ]"}.main-bottom>a:hover{color:var(--c1)}@media only screen and (max-width: 480px){.main-bottom{text-align:center}}.pages-wrap{position:relative;padding:8rem 4rem;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:both;animation-timing-function:linear}.is-about .pages-wrap{padding:14rem 4rem 5rem}@media only screen and (max-width: 768px){.pages-wrap{padding:6rem 2rem 4rem}.is-about .pages-wrap{padding:10rem 2rem 4rem}}@media only screen and (max-width: 480px){.pages-wrap{padding:4rem 1rem}.is-about .pages-wrap{padding:8rem 1rem 4rem}}.pages-title{padding-top:2rem}.pages-title h2{font-size:1.25em;margin-bottom:1rem}@media only screen and (max-width: 480px){.pages-title{padding-top:1rem}}.tabs-head{margin-bottom:1rem}.tabs-head li{display:inline-block;vertical-align:middle;list-style-type:none;line-height:1.5rem;font-size:.875rem;color:#ccc}.tabs-head li button{height:1.5rem;line-height:1.5rem;font-size:.875rem;color:var(--black);background-color:transparent;border:0;padding:0}.tabs-head li button.is-active{color:var(--c1)}.tabs-head li:after{content:"|";color:var(--black);margin:0 .5rem}.tabs-head li:last-child:after{display:none}@media only screen and (max-width: 768px){.tabs-head li button{width:auto}}.no-results p{font-size:.875rem;color:#999}.icon:before{content:"";background-color:#eee;background-size:60% auto;background-repeat:no-repeat;background-position:50% 50%}.icon:after{content:"";display:block;width:100%;text-align:center;font-size:.75em;font-style:normal;padding:.5rem 0}.icon.icon-html:before{background-image:url(/images/icon/html.png)}.icon.icon-html:after{content:"HTML"}.icon.icon-html5:before{background-image:url(/images/icon/html5.png)}.icon.icon-html5:after{content:"HTML5"}.icon.icon-haml:before{background-image:url(/images/icon/haml.png)}.icon.icon-haml:after{content:"HAML"}.icon.icon-pug:before{background-image:url(/images/icon/pug.png)}.icon.icon-pug:after{content:"Pug"}.icon.icon-svg:before{background-image:url(/images/icon/svg.png)}.icon.icon-svg:after{content:"SVG"}.icon.icon-css:before{background-image:url(/images/icon/css.png)}.icon.icon-css:after{content:"CSS"}.icon.icon-css3:before{background-image:url(/images/icon/css3.png)}.icon.icon-css3:after{content:"CSS3"}.icon.icon-sass:before{background-image:url(/images/icon/sass.png)}.icon.icon-sass:after{content:"Sass / SCSS"}.icon.icon-stylus:before{background-image:url(/images/icon/stylus.png)}.icon.icon-stylus:after{content:"Stylus"}.icon.icon-less:before{background-image:url(/images/icon/less.png)}.icon.icon-less:after{content:"Less"}.icon.icon-tailwindcss:before{background-image:url(/images/icon/tailwindcss.png)}.icon.icon-tailwindcss:after{content:"Tailwind CSS"}.icon.icon-javascript:before{background-image:url(/images/icon/javascript.png)}.icon.icon-javascript:after{content:"JavaScript"}.icon.icon-jquery:before{background-image:url(/images/icon/jquery.png)}.icon.icon-jquery:after{content:"jQuery"}.icon.icon-api:before{background-image:url(/images/icon/api.png)}.icon.icon-api:after{content:"api"}.icon.icon-typescript:before{background-image:url(/images/icon/typescript.png)}.icon.icon-typescript:after{content:"TypeScript"}.icon.icon-gulp:before{background-image:url(/images/icon/gulp.png)}.icon.icon-gulp:after{content:"Gulp"}.icon.icon-nodejs:before{background-image:url(/images/icon/nodejs.png)}.icon.icon-nodejs:after{content:"NodeJS"}.icon.icon-yarn:before{background-image:url(/images/icon/yarn.png)}.icon.icon-yarn:after{content:"Yarn"}.icon.icon-vue:before{background-image:url(/images/icon/vue.png)}.icon.icon-vue:after{content:"VUE"}.icon.icon-nuxt:before{background-image:url(/images/icon/nuxtjs.png)}.icon.icon-nuxt:after{content:"Nuxt"}.icon.icon-vite:before{background-image:url(/images/icon/vite.png)}.icon.icon-vite:after{content:"Vite"}.icon.icon-vuex:before{background-image:url(/images/icon/vuex.png)}.icon.icon-vuex:after{content:"Vuex"}.icon.icon-vuetify:before{background-image:url(/images/icon/vuetify.png)}.icon.icon-vuetify:after{content:"Vuetify"}.icon.icon-react:before{background-image:url(/images/icon/react.png)}.icon.icon-react:after{content:"React"}.icon.icon-angular:before{background-image:url(/images/icon/angular.png)}.icon.icon-angular:after{content:"Angular"}.icon.icon-ajax:before{background-image:url(/images/icon/ajax.png)}.icon.icon-ajax:after{content:"AJAX"}.icon.icon-adobe-ps:before{background-image:url(/images/icon/adobe-ps.png)}.icon.icon-adobe-ps:after{content:"Photoshop"}.icon.icon-adobe-ai:before{background-image:url(/images/icon/adobe-ai.png)}.icon.icon-adobe-ai:after{content:"Illustrator"}.icon.icon-adobe-ae:before{background-image:url(/images/icon/adobe-ae.png)}.icon.icon-adobe-ae:after{content:"After Effects"}.icon.icon-adobe-xd:before{background-image:url(/images/icon/adobe-xd.png)}.icon.icon-adobe-xd:after{content:"XD"}.icon.icon-figma:before{background-image:url(/images/icon/figma.png)}.icon.icon-figma:after{content:"Figma"}.icon.icon-git:before{background-image:url(/images/icon/git.png)}.icon.icon-git:after{content:"Git"}.icon.icon-vscode:before{background-image:url(/images/icon/vscode.png)}.icon.icon-vscode:after{content:"VS Code"}.icon.icon-sublime:before{background-image:url(/images/icon/sublime.png)}.icon.icon-sublime:after{content:"Sublime Text"}.icon.icon-eagle:before{background-image:url(/images/icon/eagle.png)}.icon.icon-eagle:after{content:"Sublime Text"}.icon.icon-others:before{background-image:url(/images/icon/other.png)}.icon.icon-others:after{content:"Others"}.popup-overlay{position:fixed;top:0;left:0;z-index:998;display:block;width:100%;height:100%;background-color:#000000b3;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forward}.popup-close{position:absolute;top:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border:0}.popup-close svg{display:block;width:2rem;fill:#eee;margin:0 auto;transition:all .3s ease}.popup-close:hover svg{fill:var(--c1)}@media only screen and (max-width: 960px){.popup-close{width:4rem;height:4rem;background-color:var(--black)}}@media only screen and (max-width: 480px){.popup-close{width:3rem;height:3rem}.popup-close svg{width:1.5rem}}.fade-up{animation-name:fadeUp;animation-duration:.5s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn_t{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeUp_t{0%{transform:translateY(10%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeUp02{0%{transform:translateY(5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeUp02_t{0%{transform:translateY(3rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes svg_draw{0%{stroke:#fff;stroke-width:2;stroke-dasharray:0 400;stroke-dashoffset:200;fill-opacity:0}37%{stroke-width:2;stroke-dasharray:200 0;stroke-dashoffset:200;fill-opacity:0}50%{stroke-width:0;fill-opacity:1}to{stroke:transparent;stroke-width:0;fill-opacity:1}}@keyframes textMaskedAnimation{0%{background-position:0 0}to{background-position:-100% 0}}@keyframes wrapPadding{0%{padding-left:0}to{padding-left:3rem}}@keyframes indexCoverAni01{0%{transform:scale(1.1);filter:hue-rotate(0deg)}to{transform:scale(1);filter:hue-rotate(360deg)}}@keyframes indexCoverAni02{0%{transform:translateY(20%) scale(2);filter:blur(.5rem);opacity:0}to{transform:translateY(0) scale(1);filter:blur(0);opacity:1}}@keyframes scrolldown{0%{transform:translateY(20%) rotate(45deg);opacity:.7}50%{transform:translateY(0) rotate(45deg);opacity:.2}to{transform:translateY(20%) rotate(45deg);opacity:.7}}@keyframes indexAboutBG{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes indexTitleAni{0%{top:calc(50% - 6rem);transform:scale(1)}to{top:3rem;transform:scale(.5)}}@keyframes indexTitleAni_t{0%{top:calc(50% - 6rem);transform:scale(1)}to{top:1rem;transform:scale(.5)}}@keyframes indexAboutAni{0%{top:calc(50% - 6rem);left:calc(50% - 6rem);opacity:0;transform:scale(0)}25%,60%{top:calc(50% - 6rem);left:calc(50% - 6rem);opacity:1;transform:scale(1)}to{top:14rem;left:6rem;opacity:1;transform:scale(1)}}@keyframes indexAboutAni_t{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes indexAboutImg{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}@keyframes indexAboutTextAni{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}@keyframes indexAboutTextAni_t{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}@keyframes indexJobName{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes indexJobName_t{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes indexHikerName{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes indexHikerName_t{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes BgMove1{0%{height:40rem}to{height:20rem}}@keyframes BgMove2{0%{background-position-y:75%;filter:blur(0)}to{background-position-y:25%;filter:blur(.5rem)}}@keyframes BgMove2_t{0%{background-position-y:75%}to{background-position-y:25%}}@keyframes aboutAni{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes aboutImg{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}@keyframes error{0%,to{background-image:url(/images/error01.jpg)}50%{background-image:url(/images/error02.jpg)}}@keyframes mt_zoomIn{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes list_accordin_btn_move{0%{transform:translate(-50%,.75rem)}to{transform:translate(-50%,1.25rem)}}.list-wrap{position:relative;animation-name:fadeUp;animation-duration:.5s;animation-delay:.75s;animation-fill-mode:both}.list-tools{position:sticky;top:0;z-index:20;display:flex;background-color:#fff;border-radius:.5rem;margin-bottom:2rem;padding:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.list-tools>div{min-width:0;margin-right:1rem}.list-tools>div:last-child{margin-right:0}.hikingbook-mountains .list-tools{margin-bottom:1rem;padding:1rem 0;filter:none}@media only screen and (max-width: 960px){.list-tools{top:4rem}.list-tools>div{margin-right:.5rem}}@media only screen and (max-width: 768px){.list-tools{padding:.5rem}}@media only screen and (max-width: 480px){.list-tools{top:3rem}}.list-input{position:relative;flex:1}.list-input svg{position:absolute;top:50%;left:1rem;display:block;width:.875rem;fill:#aaa;transform:translateY(-50%);pointer-events:none}.list-input input{display:block;width:100%;height:2.5rem;font-size:.875rem;background-color:#f5f5f7;border-radius:5px;padding:0 1rem 0 2.5rem}.list-input button{display:none}@media only screen and (max-width: 768px){.list-input{flex:1}}.list-select{position:relative;flex:0 0 8rem}.list-select>svg{position:absolute;top:50%;right:.5rem;width:.75rem;fill:#aaa;transform:translateY(-50%);pointer-events:none}.list-select select{display:block;width:100%;height:2.5rem;font-size:.875rem;background-color:#f5f5f7;border-radius:5px;padding:0 .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.list-select button{display:none}@media only screen and (max-width: 960px){.list-select{flex:0 0 2.5rem;min-width:0}.list-select>svg{display:none}.list-select button{position:absolute;top:0;left:0;z-index:5;display:block;width:100%;height:100%;text-align:center;color:#bbb;background-color:#f5f5f7;border-radius:5px;pointer-events:none}.list-select button svg{position:absolute;top:50%;left:50%;display:block;width:1rem;fill:#bbb;margin:0;padding:0;transform:translate(-50%,-50%)}.list-select button.btn-ico{display:flex;align-items:center;align-content:center;justify-content:center}.list-select button.btn-ico:before{display:none}.list-select button.btn-ico svg{width:1.25rem;fill:#bbb;margin:0 auto}.list-select button.btn-large svg{width:1.5rem}.list-select button.btn-xlarge svg{width:2rem}.list-select button.btn-km:before{content:"KM";font-weight:400;font-size:.75em}}.list-sort{position:relative;flex:0 0 auto;margin-right:0!important}.list-sort:before{content:"";position:absolute;top:50%;left:-.5rem;display:block;width:1px;height:1rem;background-color:#eee;transform:translateY(-50%)}.list-sort button{position:relative;width:2.5rem;height:2.5rem;text-align:center;font-size:1rem;color:#bbb;background-color:#f5f5f7;border-radius:5px;margin-right:.5rem;transition:color .3s,background-color .3s}.list-sort button svg{position:absolute;top:50%;left:50%;display:block;width:1rem;fill:#bbb;transform:translate(-50%,-50%);margin:0;padding:0}.list-sort button:last-child{margin-right:0}.list-sort button.is-active{color:#fff;background-color:var(--c1)}.list-sort button.is-active svg{fill:#fff}@media only screen and (max-width: 960px){.list-sort{margin-left:.5rem}}@media only screen and (max-width: 768px){.list-sort{margin-left:0}.list-sort:before{display:none}}.list-filter{position:relative;display:flex;flex:0 0 2.5rem}.list-filter button{position:relative;z-index:10;flex:0 0 2.5rem;height:2.5rem;text-align:center;font-size:1rem;color:#bbb;background-color:#f5f5f7;border-radius:5px;transition:color .3s,background-color .3s}.list-filter button.is-active{color:#fff;background-color:var(--c1)}@media only screen and (max-width: 768px){.list-filter{flex:1}.list-filter button{flex:1;width:100%;height:4rem;border-radius:0}.list-filter button.is-active{color:var(--c1);background-color:#f5f5f7}}@media only screen and (max-width: 480px){.list-filter button{height:3rem}}.filter-sticky{position:absolute;top:0;right:0;display:none;width:22rem;filter:drop-shadow(0 2px 4px rgba(51,51,51,.2));transform:translate(105%)}.filter-sticky.is-active{display:block;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:both}.filter-sticky h2{position:relative;line-height:2rem;text-align:center;font-size:.875rem;color:#fff;background-color:var(--c1);border-radius:.5rem .5rem 0 0}.filter-sticky h2 button{position:absolute;top:0;right:0;display:flex;align-items:center;align-content:center;width:2rem;height:100%;fill:#fff}.filter-sticky h2 button svg{width:75%}.filter-sticky ul{display:flex;flex-wrap:wrap;background-color:#fff}.filter-sticky li{position:relative;display:flex;flex:0 0 33.33%;min-width:0;list-style-type:none;border:1px solid #fafafa;border-top:0;border-left:0}.filter-sticky li input[type=radio]{display:none}.filter-sticky li input[type=radio]+label{flex:1;display:flex;justify-content:center;align-items:center;align-content:center;line-height:1.5rem;text-align:center;font-size:.75rem;padding:.25rem 0;cursor:pointer}.filter-sticky li input[type=radio]:checked+label{color:var(--c1);background-color:#fafafa}.filter-sticky li p{position:absolute;top:2rem;left:50%;z-index:2;display:block;width:10rem;line-height:1.5;font-size:.75rem;color:#fff;background-color:var(--black);border-radius:.25rem;padding:.5rem;opacity:0;transform:translate(-50%);transition:opacity .5s;pointer-events:none}.filter-sticky li p:before{content:"";position:absolute;top:-6px;left:50%;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #000 transparent;transform:translate(-50%)}.filter-sticky li:first-child p{display:none}.filter-sticky li:hover p{opacity:1}.list-overflow{flex:1;min-width:0;white-space:nowrap;overflow-x:auto}.list-btnicon{position:relative;display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem;background-color:#f9f9f9;border-radius:.5rem;margin-right:1rem;overflow:hidden}.list-btnicon:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-size:auto 60%;transition:all .3s}.list-btnicon:after{display:none;text-align:left}.list-btnicon:last-of-type{margin-right:0}.list-btnicon.is-active:before{background-color:var(--c1)}.list-list{min-height:40rem}.list-list ul{display:grid;grid-column-gap:1rem;grid-row-gap:1rem}.list-list.is-grid ul{grid-template-columns:repeat(6,1fr)}.list-list.is-list ul{grid-template-columns:repeat(1,1fr)}@media only screen and (max-width: 960px){.list-list.is-grid ul{grid-template-columns:repeat(5,1fr)}}@media only screen and (max-width: 768px){.list-list.is-grid ul{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 480px){.list-list.is-grid ul{grid-column-gap:.25rem;grid-row-gap:.25rem}}@media only screen and (max-width: 414px){.list-list.is-grid ul{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 320px){.list-list.is-grid ul{grid-template-columns:repeat(1,1fr);grid-column-gap:1rem;grid-row-gap:1rem}}.list-item{min-width:0;list-style-type:none}.list-item figure{position:relative;display:block;border:1px solid #eee;border-radius:.5rem;overflow:hidden}.list-item figure span{position:relative;display:block;background-color:#f7f7f7}.list-item figure img{display:block;width:100%;transform:translateZ(0) scale(1) rotate(.1deg);transition:transform .3s}.list-item figure img.background{opacity:0}.list-item figure img.forward{position:absolute;top:0;left:0}.list-item figure figcaption{position:absolute;top:0;left:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;background-color:#000000b3;opacity:0;transition:opacity .3s}.list-item figure figcaption a{position:relative;display:flex;flex:1 1 100%;align-content:center;align-items:center;justify-content:center;min-width:0;height:50%;text-align:center;font-size:1.25rem;color:#fff;transition:color .3s}.list-item figure figcaption a svg{display:block;width:1.25rem;fill:var(--c1)}.list-item figure figcaption a.article{background-color:#ffffff4d}.list-item figure figcaption a:only-child{flex:1;display:flex;align-items:center;align-content:center;justify-content:center;height:100%}.list-item figure figcaption a:hover{color:var(--c1)}.list-item figure:hover img{transform:translateZ(0) scale(1.1) rotate(.1deg)}.list-item figure:hover figcaption{opacity:1}.is-grid .list-item figure{margin-bottom:.5rem}.is-list .list-item{display:flex}.is-list .list-item figure{flex:0 0 7.5rem}@media only screen and (max-width: 480px){.is-list .list-item{height:6rem}.is-list .list-item figure{flex:0 0 6rem}}.list-loading{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;min-height:10rem;font-size:.75rem;color:#999}.list-info h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.5rem;line-height:1.25rem;font-size:.875rem;font-weight:400}.list-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:3.6rem;line-height:1.2rem;font-size:.75rem;overflow:hidden}.is-grid .list-info p{display:none}.is-list .list-info{flex:1;padding:.5rem 1rem}.is-list .list-info h2{font-size:1.125rem;margin-bottom:.25rem}.is-list .list-info p{font-size:.813rem;color:#999}@media only screen and (max-width: 768px){.list-info p{-webkit-line-clamp:2;max-height:2.4rem}.is-list .list-info h2{max-height:1.25rem;line-height:1.25rem;font-size:1rem}}.list-article{width:100%;min-height:40rem}.list-article li{list-style-type:none;margin-bottom:1rem}.list-article li a{position:relative;display:block;min-height:5rem;padding-top:1rem;padding-left:6rem;transform:translateZ(0) scale(1) rotate(.1deg);transition:transform .3s}.list-article li a figure{position:absolute;top:0;left:0;z-index:0;display:block;width:5rem;height:5rem;background-color:#fafafa;background-image:url(/images/icon/default.png);background-repeat:no-repeat;background-size:50% auto;background-position:50% 50%;border-radius:.5rem}.list-article li a h2{line-height:1;font-size:1.125rem;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;padding:.25rem 0;transition:color .3s}.list-article li a time{font-size:.75rem;color:#aaa}.list-article li a time:before{content:"published @ "}.list-article li a:hover{transform:translateZ(0) scale(1.03) rotate(.1deg)}.list-article li a:hover h2{color:var(--c1)}.list-article li:last-child{margin-bottom:0}.list-article li.is-html a figure{background-image:url(../images/icon/html.png)}.list-article li.is-html5 a figure{background-image:url(../images/icon/html5.png)}.list-article li.is-svg a figure{background-image:url(../images/icon/svg.png)}.list-article li.is-css a figure{background-image:url(../images/icon/css.png)}.list-article li.is-css3 a figure{background-image:url(../images/icon/css3.png)}.list-article li.is-sass a figure{background-image:url(../images/icon/sass.png)}.list-article li.is-stylus a figure{background-image:url(../images/icon/stylus.png)}.list-article li.is-javascript a figure{background-image:url(../images/icon/javascript.png)}.list-article li.is-api a figure{background-image:url(../images/icon/api.png)}.list-article li.is-jquery a figure{background-image:url(../images/icon/jquery.png)}.list-article li.is-ajax a figure{background-image:url(../images/icon/ajax.png)}.list-article li.is-nodejs a figure{background-image:url(../images/icon/nodejs.png)}.list-article li.is-vue a figure{background-image:url(../images/icon/vue.png)}.list-article li.is-vite a figure{background-image:url(../images/icon/vite.png)}.list-article li.is-nuxtjs a figure{background-image:url(../images/icon/nuxtjs.png)}.list-article li.is-tabnine a figure{background-image:url(../images/icon/tabnine.png)}.list-article li.is-uiux a figure{background-image:url(../images/icon/uiux.png)}.list-article li.is-git a figure{background-image:url(../images/icon/git.png)}.list-article li.is-yarn a figure{background-image:url(../images/icon/yarn.png)}.list-article li.is-eagle a figure{background-image:url(../images/icon/eagle.png)}.list-article li.is-lottie a figure{background-image:url(../images/icon/lottie.png)}@media only screen and (max-width: 768px){.list-article li a{min-height:3rem;padding-top:0;padding-left:4rem}.list-article li a figure{width:3rem;height:3rem}.list-article li a h2{font-size:1rem;margin-bottom:0;padding-top:.5rem}}@media only screen and (max-width: 480px){.list-article li a h2{font-size:.875rem}}.list-accordin{position:relative;border-bottom:1px dashed #DDD;margin-bottom:4rem;padding-bottom:2rem}.list-accordin:before{content:"";position:absolute;bottom:0;left:0;z-index:1;display:block;width:100%;height:5rem;background:linear-gradient(to bottom,#0000,#fff,#fff);transition:opacity .3s}.list-accordin button{position:absolute;bottom:0;left:50%;z-index:2;display:block;width:auto;height:2rem;background-color:#fff;font-size:1rem;color:#ddd;padding:0 2rem;transform:translate(-50%,1rem);animation-duration:.5s;animation-fill-mode:both;animation-iteration-count:infinite}.list-accordin button:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.list-accordin button:hover{animation-name:list_accordin_btn_move}.list-accordin ul{max-height:10rem;overflow:hidden;transition:all .5s}.list-accordin.is-active:before{opacity:0}.list-accordin.is-active button:before{content:""}.list-accordin.is-active ul{max-height:50rem}.faq-area{margin-bottom:2rem;padding-top:1rem}.faq-area>h2{font-size:.75em;color:#999;margin-bottom:1rem}.faq-area ul{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:1rem;grid-row-gap:1rem;background-color:#f7f7f7;border-radius:.5rem;padding:1rem}.faq-area li{list-style-type:none;min-width:0}.faq-area li a{display:flex;align-items:center;align-content:center;background-color:#fff;border-radius:.5rem;padding:.5rem;transition:background-color .3s}.faq-area li a i{flex:0 0 auto;min-width:0}.faq-area li a i:before{content:"";display:block;width:2rem;height:2rem;border-radius:.5rem}.faq-area li a i:after{display:none}.faq-area li a p{flex:1;min-width:0;margin:0 .5rem;color:var(--black);overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap}.faq-area li a:hover{background-color:var(--c1)}@media only screen and (max-width: 768px){.faq-area ul{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 480px){.faq-area ul{grid-template-columns:repeat(2,1fr)}}.workshop-list{min-height:40rem}.workshop-list>h2{font-size:.75em;color:#999;margin-bottom:1rem}.workshop-list ul{display:grid;grid-column-gap:1rem;grid-row-gap:2rem;grid-template-columns:repeat(4,1fr)}.workshop-list li{min-width:0;list-style-type:none;transition:all .3s ease}.workshop-list li a{display:block}.workshop-list li a figure{background-color:var(--c1);border-radius:.5rem;overflow:hidden;transition:all .3s ease}.workshop-list li a figure img{display:block;width:100%;transform:translateZ(0) scale(.9) rotate(.1deg);transition:transform .3s}.workshop-list li a h2{line-height:2.5;font-size:.875rem;color:var(--black);transition:color .3s;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap}.workshop-list li a h6 span{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem;margin-right:.25rem;filter:grayscale(1)}.workshop-list li a h6 span:before{display:block;width:100%;height:100%;background-color:#f7f7f7;background-size:60% auto;border-radius:100%;opacity:.2}.workshop-list li a h6 span:after{display:none}.workshop-list li a h6 span.is-on{filter:grayscale(0)}.workshop-list li a h6 span.is-on:before{opacity:1}.workshop-list li:hover a figure img{transform:translateZ(0) scale(1) rotate(.1deg)}.workshop-list li:hover a h2{color:var(--c1)}@media only screen and (max-width: 768px){.workshop-list ul{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 480px){.workshop-list ul{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 320px){.workshop-list ul{grid-template-columns:repeat(1,1fr)}}.article-wrap{position:relative;top:0;left:0;z-index:95;display:block;width:100%;min-height:100vh;min-height:100dvh;background-color:#fff;padding:0}@media only screen and (max-width: 768px){.article-wrap{width:calc(100% - 4rem);margin:0 auto}}@media only screen and (max-width: 480px){.article-wrap{width:calc(100% - 2rem)}}.article-parallax{position:fixed;top:0;left:0;z-index:0;display:block;width:100%;height:20rem;background-color:#ccc;background-repeat:no-repeat;background-position:50% 0}@media only screen and (max-width: 480px){.article-parallax{height:18rem;background-size:cover}}.article-parallax.bg-1{background-image:url(/images/parallax/text_bg01.jpg)}.article-parallax.bg-2{background-image:url(/images/parallax/text_bg02.jpg)}.article-parallax.bg-3{background-image:url(/images/parallax/text_bg03.jpg)}.article-parallax.bg-4{background-image:url(/images/parallax/text_bg04.jpg)}.article-parallax.bg-5{background-image:url(/images/parallax/text_bg05.jpg)}.article-parallax.bg-6{background-image:url(/images/parallax/text_bg06.jpg)}.article-parallax.bg-7{background-image:url(/images/parallax/text_bg07.jpg)}.article-parallax.bg-8{background-image:url(/images/parallax/text_bg08.jpg)}.article-parallax.bg-9{background-image:url(/images/parallax/text_bg09.jpg)}.article-parallax.bg-10{background-image:url(/images/parallax/text_bg10.jpg)}.article-parallax.bg-11{background-image:url(/images/parallax/text_bg11.jpg)}.article-parallax.bg-12{background-image:url(/images/parallax/text_bg12.jpg)}.article-parallax.bg-13{background-image:url(/images/parallax/text_bg13.jpg)}.article-parallax.bg-14{background-image:url(/images/parallax/text_bg14.jpg)}.article-parallax.bg-15{background-image:url(/images/parallax/text_bg15.jpg)}.article-parallax.bg-16{background-image:url(/images/parallax/text_bg16.jpg)}.article-parallax.bg-17{background-image:url(/images/parallax/text_bg17.jpg)}.article-parallax.bg-18{background-image:url(/images/parallax/text_bg18.jpg)}.article-parallax.bg-19{background-image:url(/images/parallax/text_bg19.jpg)}.article-parallax.bg-20{background-image:url(/images/parallax/text_bg20.jpg)}.article-parallax.bg-21{background-image:url(/images/parallax/text_bg21.jpg)}.article-parallax.bg-22{background-image:url(/images/parallax/text_bg22.jpg)}.article-parallax.bg-23{background-image:url(/images/parallax/text_bg23.jpg)}.article-parallax.bg-24{background-image:url(/images/parallax/text_bg24.jpg)}.article-parallax.bg-25{background-image:url(/images/parallax/text_bg25.jpg)}.article-parallax.bg-26{background-image:url(/images/parallax/text_bg26.jpg)}.article-parallax.bg-27{background-image:url(/images/parallax/text_bg27.jpg)}.article-parallax.bg-28{background-image:url(/images/parallax/text_bg28.jpg)}.article-parallax.bg-29{background-image:url(/images/parallax/text_bg29.jpg)}.article-parallax.bg-30{background-image:url(/images/parallax/text_bg30.jpg)}.article-parallax.bg-31{background-image:url(/images/parallax/text_bg31.jpg)}.article-parallax.bg-32{background-image:url(/images/parallax/text_bg32.jpg)}.article-parallax.bg-33{background-image:url(/images/parallax/text_bg33.jpg)}.article-parallax.bg-34{background-image:url(/images/parallax/text_bg34.jpg)}.article-parallax.bg-35{background-image:url(/images/parallax/text_bg35.jpg)}.article-parallax.bg-36{background-image:url(/images/parallax/text_bg36.jpg)}.article-parallax.bg-37{background-image:url(/images/parallax/text_bg37.jpg)}.article-parallax.bg-38{background-image:url(/images/parallax/text_bg38.jpg)}.article-parallax.bg-39{background-image:url(/images/parallax/text_bg39.jpg)}.article-parallax.bg-40{background-image:url(/images/parallax/text_bg40.jpg)}.article-parallax.bg-41{background-image:url(/images/parallax/text_bg41.jpg)}.article-parallax.bg-42{background-image:url(/images/parallax/text_bg42.jpg)}.article-parallax.bg-43{background-image:url(/images/parallax/text_bg43.jpg)}.article-parallax.bg-44{background-image:url(/images/parallax/text_bg44.jpg)}.article-parallax.bg-45{background-image:url(/images/parallax/text_bg45.jpg)}.article-parallax.bg-46{background-image:url(/images/parallax/text_bg46.jpg)}.article-parallax.bg-47{background-image:url(/images/parallax/text_bg47.jpg)}.article-parallax.bg-48{background-image:url(/images/parallax/text_bg48.jpg)}.article-container{position:relative;z-index:1;height:100%;padding-top:4rem;padding-bottom:7rem}.is-hikingbook .article-container{padding-bottom:0}@media only screen and (max-width: 768px){.article-container{padding-top:0;padding-bottom:4rem}}@media only screen and (max-width: 480px){.article-container{padding-bottom:2rem}}@media only screen and (max-width: 414px){.article-container{padding-bottom:2.5rem}}.article-content{position:relative;background-color:#fff;margin:0 auto;padding-top:3rem}@media only screen and (max-width: 480px){.article-content{padding-top:2.5rem}}.text-example{margin:1rem 0}.text-catalog{border-bottom:1px solid #DDD;margin-bottom:3rem}.text-catalog ul{padding-bottom:2rem}.text-catalog ul li{list-style-type:none!important}.text-catalog a{position:relative;font-size:1rem}.text-catalog a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--href);transition:width .3s}.text-catalog a:hover:after{width:100%}@media only screen and (max-width: 480px){.text-catalog{display:none}}.text-heading{position:relative;display:block;line-height:1.5;color:var(--black);background-color:#fff;border:0;border-bottom:1px solid #ddd;margin:0 0 2rem;padding:0 0 1rem;filter:none;transform:none}.text-heading h1{font-weight:700;font-size:1.75rem;margin-bottom:1rem;padding-top:.5rem}.text-heading .flex{display:flex;align-items:center;gap:.5rem;color:#999}.text-heading time{font-size:.813rem;color:#999;padding-left:.25rem}.text-heading time:before{content:"published @ "}.text-heading span{font-size:.875rem;color:var(--c1)}.text-heading ul li{display:inline-block;vertical-align:middle;line-height:1.2rem;font-size:.75rem;color:#fff;background-color:var(--c1);border-radius:.6rem;margin-right:.5rem;margin-bottom:.5rem;padding:0 .75rem}.text-heading ul li:before{content:"#"}@media only screen and (max-width: 480px){.text-heading{top:0;filter:none}.text-heading h1{font-size:1.25rem}.text-heading time{font-size:.75rem;padding-left:0}}.text-viewcount{font-size:.813rem;color:#999}@media only screen and (max-width: 480px){.text-viewcount{font-size:.75rem}}.text-code{position:relative;font-size:.875rem;margin:1rem 0}.text-code code[class*=language-],.text-code pre[class*=language-]{line-height:1.6}.text-code div.code-toolbar>.toolbar{display:flex;opacity:1}.text-code div.code-toolbar>.toolbar>.toolbar-item{flex:0 0 auto;min-width:0}.text-code div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:#fff}.text-code div.code-toolbar>.toolbar>.toolbar-item:first-child{order:2}.text-code button.copy-to-clipboard-button{background-color:transparent!important}.text-code button.copy-to-clipboard-button:before{content:"";font-size:1}.text-code button.copy-to-clipboard-button:hover span{color:#bbb!important}.text-code button.copy-to-clipboard-button[data-copy-state=copy]:before{content:""}.text-code button.copy-to-clipboard-button[data-copy-state=copy-success]:before{content:"Copied";color:var(--c1)!important}.text-code button.copy-to-clipboard-button[data-copy-state=copy-success] span{display:none!important}@media only screen and (max-width: 480px){.text-code{font-size:.75rem}}.text-content{line-height:2;color:var(--black)}.text-content h2,.text-content h3,.text-content h4,.text-content h5,.text-content h6{font-family:Questrial,微軟正黑體,sans-serif;margin-bottom:1rem}.text-content h2{display:inline-block;line-height:1;font-size:2rem;font-weight:700;border-bottom:2px solid var(--c1);margin-bottom:2rem;padding:.5rem 0}.text-content h3{font-size:1.5rem;font-weight:700}.text-content h4{position:relative;display:inline-block;font-size:1.125rem;font-weight:700;color:var(--black);background:linear-gradient(to bottom,#FFF 0%,#FFF 50%,var(--c1) 50%,var(--c1) 100%);padding:0 .5rem}.text-content h5{font-size:1rem;font-weight:700;padding:.5rem 0}.text-content h6{font-size:1rem;font-weight:700}.text-content h6:before{content:"Step "}.text-content p{font-size:1rem;margin-bottom:1rem}.text-content em{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:1em;font-style:normal;color:#cf5341;background-color:#f9f2f4;border-radius:4px;padding:0 .25rem}.text-content b{font-weight:400;color:#f56565;padding:0 .25rem}.text-content ul,.text-content ol{margin:1rem 0 1rem 2rem}.text-content ul li{list-style-type:disc}.text-content ol li{list-style-type:decimal}.text-content dl{margin:1rem 0;padding-left:1rem}.text-content dl dd{display:list-item;list-style-position:inside;list-style-type:disc;margin:0}.text-content dl dd a{position:relative;color:#63b3ed}.text-content dl dd a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#63b3ed;transition:width .3s}.text-content dl dd a:after{content:"↗";font-size:.75rem;margin-left:.5rem}.text-content dl dd a:hover:before{width:100%}.text-content figure{display:inline-block;position:relative}.text-content figure img{position:relative;z-index:5;display:block;max-width:100%;border:1px solid #DDD}.text-content figure figcaption{line-height:1.5;font-size:.875rem;background-color:#fff;margin-bottom:1rem;padding:.25rem 0}.text-content figure figcaption:before{content:"▲";font-size:80%;margin-right:.25rem}.text-content blockquote{position:relative;line-height:1.75;color:#666;background-color:#f4f4f4;border-left:.25rem solid #DEDEDE;margin:1rem 0;padding:1rem 2rem}.text-content blockquote p{display:inline}.text-content blockquote:before{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem;line-height:1.5rem;font-family:Dongle,sans-serif;font-weight:400;font-size:1.5rem;text-align:center;color:#fff;border-radius:100%;margin-right:.5rem}.text-content blockquote.is-warning{background-color:#ffebeb;border-left-color:#ed6363}.text-content blockquote.is-warning:before{content:"！";background-color:#ed6363}.text-content blockquote.is-error{background-color:#ffebeb;border-left-color:#ed6363}.text-content blockquote.is-error:before{content:"x";background-color:#ed6363}.text-content blockquote.is-danger{background-color:#fff9db;border-left-color:#ffe066}.text-content blockquote.is-danger:before{content:"！";background-color:#ffe066}.text-content blockquote.is-info{background-color:#ebf8ff;border-left-color:#63b3ed}.text-content blockquote.is-info:before{content:"i";background-color:#63b3ed}.text-content blockquote.is-question{background-color:#ffebeb;border-left-color:#ed6363}.text-content blockquote.is-question:before{content:"？";background-color:#ed6363}.text-content blockquote.is-current{background-color:#f0fff4;border-left-color:#00c58e}.text-content blockquote.is-current:before{content:"o";background-color:#00c58e}.page-logs .text-content figure img{border:0}@media only screen and (max-width: 480px){.text-content h2{font-size:1.5rem;padding:0}.text-content h3{font-size:1.25rem}.text-content h4{font-size:1.125rem}.text-content h5{font-size:1rem}.text-content p{font-size:.875rem;margin-bottom:.875rem}}.text-info{background:#f7f7f7;margin-top:-2rem;margin-bottom:2rem;padding:1rem}.text-info p{display:flex;align-items:flex-start;line-height:1.5;font-size:.875rem;margin:0;padding:.25rem 0}.text-info p span{flex:0 0 auto;min-width:0}.text-info p strong{flex:1;min-width:0}.text-block{position:relative;padding:5rem 0}.text-block:after{content:"＊＊＊";position:absolute;bottom:0;left:50%;color:#ccc;transform:translate(-50%)}.text-block:last-of-type{padding-bottom:0}.text-block:last-of-type:after{display:none}@media only screen and (max-width: 480px){.text-block{padding:3rem 0}.text-block:after{font-size:.75rem}}.text-flex{border-bottom:.25rem solid #333;margin:1rem 0;overflow-x:auto}.text-flex p:last-child{margin-bottom:0}.text-flex .f-width{min-width:40rem}.text-flex .f-head,.text-flex .f-row{position:relative;display:flex;min-width:0;line-height:1.5;border-bottom:1px solid #DDD}.text-flex .f-head>div,.text-flex .f-row>div{flex:1;word-wrap:break-word;word-break:break-all;border-right:1px solid #DDD;padding:.5rem 1rem}.text-flex .f-head>div.f-f0,.text-flex .f-row>div.f-f0{position:sticky;left:0;flex:0 0 10rem}.text-flex .f-head>div.f-f1,.text-flex .f-row>div.f-f1{flex:1}.text-flex .f-head>div.f-f2,.text-flex .f-row>div.f-f2{flex:2}.text-flex .f-head>div.f-f3,.text-flex .f-row>div.f-f3{flex:3}.text-flex .f-head>div.f-f4,.text-flex .f-row>div.f-f4{flex:4}.text-flex .f-head>div.f-f5,.text-flex .f-row>div.f-f5{flex:5}.text-flex .f-head>div.f-f6,.text-flex .f-row>div.f-f6{flex:6}.text-flex .f-head>div.f-f7,.text-flex .f-row>div.f-f7{flex:7}.text-flex .f-head>div.f-f8,.text-flex .f-row>div.f-f8{flex:8}.text-flex .f-head>div.f-f9,.text-flex .f-row>div.f-f9{flex:9}.text-flex .f-head>div.f-f10,.text-flex .f-row>div.f-f10{flex:10}.text-flex .f-head>div.ta-center,.text-flex .f-row>div.ta-center{text-align:center}.text-flex .f-head>div.ta-right,.text-flex .f-row>div.ta-right{text-align:right}.text-flex .f-head>div.is-sticky,.text-flex .f-row>div.is-sticky{position:sticky;left:0}.text-flex .f-head>div:first-child,.text-flex .f-row>div:first-child{border-left:1px solid #DDD}.text-flex .f-head>div:last-child,.text-flex .f-row>div:last-child{border-right:1px solid #DDD}.text-flex .f-head{font-size:.875rem;color:#fff}.text-flex .f-head>div{background-color:#333}.text-flex .f-row>div{background-color:#fff}.text-codepen{margin:1rem 0}.text-link{display:flex;flex-wrap:wrap;border:1px solid var(--black);padding:1rem}.text-link>div{flex:0 0 33.33%;display:flex;border-right:1px solid #FFF;border-bottom:1px solid #FFF}.text-link>div figure{flex:1}.text-link>div figure img{display:block;border:0}.text-link>div a{display:flex;flex:0 0 4rem;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;background-color:#000}.text-link>div a:before{content:"";font-family:"Font Awesome 5 Brands";font-weight:400}.text-link>div:nth-child(3n){border-right:0}.text-link>div:last-child{margin-bottom:0}.hikingbook-wrap .text-block{padding:4rem 0}.hikingbook-wrap .text-block:before{content:"";position:absolute;top:0;left:-2.5rem;z-index:0;display:block;width:1px;height:100%;border-right:2px dashed var(--c1)}.mtlogs-title{position:relative;line-height:2rem;font-size:2rem;font-weight:700;margin-bottom:1rem}.mtlogs-title:before{content:"";position:absolute;top:.5rem;left:-3rem;z-index:1;display:block;width:1rem;aspect-ratio:1/1;background:#fff;outline:4px solid var(--c1);border-radius:100%}.hikingbook-gallery ul{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.hikingbook-gallery li{list-style-type:none;cursor:pointer}.hikingbook-gallery li figure{position:relative;height:15rem;border-radius:.5rem;overflow:hidden}.hikingbook-gallery li figure span{display:block;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transform:translateZ(0) scale(1) rotate(.1deg);transition:all .2s linear}.hikingbook-gallery li figure:hover span{transform:translateZ(0) scale(1.05) rotate(.1deg)}@media only screen and (max-width: 960px){.hikingbook-gallery li figure{height:21vw}}@media only screen and (max-width: 768px){.hikingbook-gallery li figure{height:22vw}}@media only screen and (max-width: 480px){.hikingbook-gallery ul{grid-template-columns:repeat(3,1fr)}.hikingbook-gallery li figure{height:32vw}.hikingbook-gallery li:nth-child(7),.hikingbook-gallery li:nth-child(8){display:none}}.gallery-popup-wrap{position:fixed;top:50%;left:50%;z-index:999;display:block;width:calc(100% - 4rem);max-width:60rem;height:60vh;max-height:60rem;background-color:#fff;transform:translate(-50%,-50%)}@media only screen and (max-width: 480px){.gallery-popup-wrap{top:3rem;left:0;width:100%;height:calc(100% - 3rem);max-height:none;transform:translate(0)}}.gallery-popup-flex{display:flex;height:100%}@media only screen and (max-width: 480px){.gallery-popup-flex{display:block}}.gallery-popup-img{position:relative;display:flex;flex:0 0 50%;height:100%}.gallery-popup-img figure{width:100%;height:100%;overflow-y:auto;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}.gallery-popup-img figure::-webkit-scrollbar{width:6px;height:6px;background:#eee}.gallery-popup-img figure::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}.gallery-popup-img figure::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--c1)}.gallery-popup-img figure span{display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%}.gallery-popup-img img{display:block;width:100%}.gallery-popup-img button{position:absolute;top:.5rem;left:.5rem;z-index:1;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;background-color:var(--black);border-radius:100%}.gallery-popup-img button svg{width:.875rem;fill:#fff;transition:all .3s}.gallery-popup-img button:hover svg{fill:var(--c1)}@media only screen and (min-width: 481px){.is-full .gallery-popup-img{flex:1 1 100%;transition:all .3s}}@media only screen and (max-width: 480px){.gallery-popup-img{height:50%}.gallery-popup-img figure{height:100%}.gallery-popup-img button{display:none}}.gallery-popup-content{flex:0 0 50%}@media only screen and (min-width: 481px){.is-full .gallery-popup-content{flex:0;width:0;padding:0;overflow:hidden}}@media only screen and (max-width: 480px){.gallery-popup-content{height:50%;overflow-y:auto}}.gallery-popup-content{position:relative;line-height:1.75;padding:4rem 2rem}.gallery-popup-content p{font-size:.875rem}.gallery-popup-content p:last-of-type:before{content:"#"}.gallery-popup-content p:last-of-type{color:#999}.gallery-popup-content>div{position:absolute;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;width:100%;font-size:.75rem;color:#ddd;padding:1rem 2rem}.gallery-popup-content label{flex:0 0 auto;min-width:0}.gallery-popup-content time{flex:0 0 auto;min-width:0}@media only screen and (max-width: 480px){.gallery-popup-content{padding-top:2rem}.gallery-popup-content p:last-of-type{line-height:1.2;margin-top:1rem;margin-bottom:0}.gallery-popup-content time{position:relative;line-height:1.2;text-align:left;padding:0}}@media only screen and (max-width: 320px){.gallery-popup-content{padding:1rem 1rem 4rem}}.gallery-popup-btn{position:absolute;top:0;right:-4rem;display:flex;flex-direction:column}.gallery-popup-btn button{display:flex;align-items:center;align-content:center;justify-content:center;width:4rem;height:4rem;text-align:center;font-size:1.5rem;color:#fff;background-color:#333;margin-bottom:2px;transition:color .3s}.gallery-popup-btn button svg{display:block;width:1.5rem;fill:#fff;margin:0 auto;transition:all .3s}.gallery-popup-btn button:hover{color:var(--c1)}.gallery-popup-btn button:hover svg{fill:var(--c1)}.gallery-popup-btn button.btn-prev:before{content:"←"}.gallery-popup-btn button.btn-next:before{content:"→"}.gallery-popup-btn button:last-child{margin-bottom:0}.gallery-popup-btn .popup-close{position:relative}@media only screen and (max-width: 1280px){.gallery-popup-btn{top:auto;bottom:-4rem;right:0;flex-direction:row}.gallery-popup-btn button{margin-bottom:0;margin-left:2px}.gallery-popup-btn button.btn-close{order:2}}@media only screen and (max-width: 480px){.gallery-popup-btn{top:-3rem}.gallery-popup-btn button{width:3rem;height:3rem}.gallery-popup-btn button svg{width:1.5rem}}@media only screen and (max-width: 960px){.mountains-overflow{border:1px solid #E8E8E8;overflow-x:auto}}.mountains-list{position:relative;min-height:20rem}@media only screen and (max-width: 960px){.mountains-list ul{min-width:56rem}}@media only screen and (max-width: 768px){.mountains-list ul{min-width:44rem}}.mountains-tb{position:sticky;top:4.5rem;z-index:5;display:flex;background-color:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:.5rem;padding:.5rem 0 .5rem .75rem}.mountains-tb p{flex:1;min-width:0;font-size:.875rem;color:#ccc;padding:0 .5rem}.mountains-tb p.img{flex:0 0 2rem}.mountains-tb p.name{flex:0 0 10rem}.mountains-tb p.area{flex:0 0 3.5rem}.mountains-tb p.area2{flex:0 0 10rem}.mountains-tb p.site,.mountains-tb p.lv{flex:0 0 4rem;text-align:center}.mountains-tb p.lv2{flex:0 0 5rem;text-align:center}.mountains-tb p.height{flex:0 0 5rem;text-align:right}.mountains-tb p.distance{flex:0 0 4rem;text-align:right}.mountains-tb p.ap,.mountains-tb p.am,.mountains-tb p.day,.mountains-tb p.route,.mountains-tb p.finish{flex:0 0 3.5rem;text-align:center}@media only screen and (max-width: 960px){.mountains-tb{top:0;min-width:56rem}}@media only screen and (max-width: 768px){.mountains-tb{min-width:44rem}.mountains-tb p.name{flex:1}.mountains-tb p.area,.mountains-tb p.trail{display:none}}.mountains-item{position:relative;display:block;list-style-type:none;background-color:#fcfcfc;border-radius:5px;overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.mountains-item a{display:block}.mountains-item a hgroup{position:relative;display:flex;align-items:center;align-content:center;padding:.25rem 3.5rem .25rem .75rem}.mountains-item a hgroup figure{position:relative;flex:0 0 2rem;height:2rem;background-color:#eee;border-radius:.25rem;overflow:hidden}.mountains-item a hgroup figure span{position:relative;display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transition:transform .2s}.mountains-item a hgroup figure img{position:absolute;top:50%;left:50%;display:block;width:80%;transform:translate(-50%,-50%)}.mountains-item a hgroup h2{flex:0 0 10rem;min-width:0;line-height:1.5rem;font-size:.875rem;font-weight:400;color:var(--black);margin-bottom:0;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap}.mountains-item a hgroup p{flex:1;min-width:0;line-height:1.5rem;font-size:.875rem;color:#555;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap}.mountains-item a hgroup p span{margin-right:0}.mountains-item a hgroup p.area{flex:0 0 3.5rem}.mountains-item a hgroup p.area2{flex:0 0 10rem}.mountains-item a hgroup p.site{flex:0 0 4rem;text-align:center}.mountains-item a hgroup p.site span:last-child{display:none}.mountains-item a hgroup p.height{flex:0 0 5rem;text-align:right}.mountains-item a hgroup p.distance{flex:0 0 4rem;text-align:right}.mountains-item a hgroup p.ap,.mountains-item a hgroup p.am,.mountains-item a hgroup p.day,.mountains-item a hgroup p.route{flex:0 0 3.5rem;text-align:center}.mountains-item a hgroup p.lv{flex:0 0 4rem;text-align:center}.mountains-item a hgroup p.lv2{flex:0 0 5rem;text-align:center}.mountains-item a hgroup i{position:absolute;top:50%;right:0;display:flex;align-items:center;justify-content:center;width:3.5rem;height:2rem;line-height:2rem;text-align:center;font-size:.875em;transform:translateY(-50%)}.mountains-item a hgroup i.finished svg{width:1rem;height:1rem;fill:var(--c1)}.mountains-item a:hover{background-color:#dedede}.mountains-item:hover{z-index:3;box-shadow:0 0 8px #9993}@media only screen and (max-width: 768px){.mountains-item{overflow:visible}.mountains-item a hgroup h2{flex:1}.mountains-item a hgroup p.area,.mountains-item a hgroup p.trail{display:none}}.route-icon{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:2rem;font-size:1em}.route-icon.r-1:before{content:"→"}.route-icon.r-2:before{content:"";width:1rem;height:1rem;border:1px solid #BBB;border-radius:100%}.route-icon.r-3:before{content:"";width:1rem;height:6px;border-top:1px solid #BBB;border-bottom:1px solid #BBB}.hikingbook-tips{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem}.hikingbook-tips .checkbox{display:flex;gap:.5rem;font-size:.875rem}.hikingbook-tips p{text-align:right;font-size:.875em}@media only screen and (max-width: 480px){.hikingbook-tips p{position:absolute;top:1.5rem;right:0;font-size:.75em}}.mountains-container{padding:5rem 2rem}@media only screen and (max-width: 768px){.mountains-container{padding-top:4rem}}@media only screen and (max-width: 480px){.mountains-container{padding:2rem 1rem}}.mountains-content{max-width:60rem;min-height:40rem;margin:0 auto}.mountains-info{display:block;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:both}.mountains-info figure{position:relative;height:25rem;background-color:#ddd;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:.5rem;margin-bottom:1rem;overflow:hidden;pointer-events:none}.mountains-info figure:before{content:"";position:absolute;top:0%;left:0%;width:100%;height:100%;background-image:url(/images/mountains/default.png);background-repeat:no-repeat;background-position:50% 50%;background-size:10rem auto}.mountains-info figure span{position:relative;z-index:1;display:block;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;animation-name:mt_zoomIn;animation-duration:20s;animation-direction:alternate;animation-fill-mode:both;animation-timing-function:linear;animation-iteration-count:infinite}.mountains-info hgroup{flex:1;background-color:#fafafa;border-radius:.5rem;padding:2rem}.mountains-info hgroup li{display:flex;position:relative;list-style-type:none;line-height:1.5;font-size:.875rem;color:#aaa;padding:.25rem 0}.mountains-info hgroup li span{margin-right:.75rem}.mountains-info hgroup li span:first-child{flex:0 0 auto;margin-right:1rem}.mountains-info hgroup li span:last-child{color:var(--black);margin-right:0}.mountains-info hgroup li a{color:var(--href)}.mountains-info hgroup li a.article:before{content:"〈 "}.mountains-info hgroup li a.article:after{content:" 〉"}.mountains-info hgroup li a.article:empty:before,.mountains-info hgroup li a.article:empty:after{display:none}.mountains-info hgroup li a:hover{text-decoration:underline}.mountains-info h1{font-size:2rem;font-weight:700;color:var(--c1);margin-bottom:1rem}.mountains-info h6{line-height:1.7;font-size:.875rem;color:var(--vlack);margin-bottom:1rem}@media only screen and (max-width: 768px){.mountains-info figure{height:20rem}.mountains-info figure:before{background-size:8rem auto}.mountains-info h1{font-size:1.5rem}}@media only screen and (max-width: 480px){.mountains-info h1{font-size:1.25rem}.mountains-info figure{height:15rem;margin-top:.5rem}.mountains-info figure:before{background-size:6rem auto}.mountains-info figure span{display:block}.mountains-info figure p{position:relative}.mountains-info hgroup{padding:1rem}}.routes-list{text-align:center;margin-top:1rem;padding:1rem 0;white-space:nowrap;overflow-x:auto;overflow-y:auto;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}.routes-list::-webkit-scrollbar{width:6px;height:6px;background:#eee}.routes-list::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}.routes-list::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:var(--c1)}.routes-item{position:relative;display:inline-block;vertical-align:top;text-align:center}.routes-item:first-child .routes-box{margin-left:0}.routes-item:first-child .routes-box:before{display:none}.routes-box{position:relative;text-align:center;margin-left:3rem}.routes-box:before{content:"．．．";position:absolute;top:2rem;left:-3rem;display:block;width:3rem;letter-spacing:-.5rem;text-align:center;font-size:1rem;color:#ddd}.routes-box b{display:block;line-height:1.5rem;margin-bottom:.5rem}.routes-box b:before{content:"";display:block;width:100%;height:1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;color:#999;opacity:.4}.routes-box b.is-start:before{background-image:url(/images/routes_start_icon.svg)}.routes-box b.is-mountain:before{background-image:url(/images/routes_mountain_icon.svg)}.routes-box b.is-house:before{background-image:url(/images/routes_house_icon.svg)}.routes-box b.is-trail:before{background-image:url(/images/routes_trail_icon.svg)}.routes-box b.is-camp:before{background-image:url(/images/routes_camp_icon.svg)}.routes-box b.is-lake:before{background-image:url(/images/routes_lake_icon.svg)}.routes-box b.is-mark:before{background-image:url(/images/routes_mark_icon.svg)}.routes-box b.is-nature:before{background-image:url(/images/routes_nature_icon.svg)}.routes-box b.is-goal:before{background-image:url(/images/routes_goal_icon.svg)}.routes-box p{line-height:1.5;font-size:.875rem}.routes-box span{display:block;font-size:.75rem;color:#999}.header-wrap[data-v-109ea627]{position:fixed;top:0;left:0;z-index:991;display:block;width:3rem;height:100%;background:linear-gradient(to bottom,#000,#000,#333)}@media only screen and (max-width: 960px){.header-wrap[data-v-109ea627]{width:100%;height:4rem;background-color:var(--black);background-image:none;animation-name:none}}@media only screen and (max-width: 480px){.header-wrap[data-v-109ea627]{height:3rem}}.logo-wrap[data-v-109ea627]{position:relative}.logo-wrap a[data-v-109ea627]{display:flex;width:100%;height:3rem;align-items:center;align-content:center;justify-content:center}.logo-wrap svg[data-v-109ea627]{display:block;width:80%;margin:0 auto}@media only screen and (max-width: 960px){.logo-wrap[data-v-109ea627]{position:relative;z-index:996;height:100%;background-color:var(--black)}.logo-wrap a[data-v-109ea627]{position:absolute;top:50%;left:50%;width:4rem;transform:translate(-50%,-50%)}.logo-wrap svg[data-v-109ea627]{width:100%}}[data-v-109ea627] .logo-wrap svg .st0{fill-rule:evenodd;clip-rule:evenodd;fill:var(--c1)}[data-v-109ea627] .logo-wrap svg .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#fff}[data-v-109ea627] .logo-wrap svg .st2{fill:var(--c1)}.nav-wrap[data-v-109ea627]{position:absolute;bottom:0;left:0;z-index:5;display:flex;flex-wrap:wrap;width:100%}@media only screen and (max-width: 960px){.nav-wrap[data-v-109ea627]{position:fixed;top:4rem;left:0;z-index:995;display:block;width:100%;height:calc(100vh - 4rem);height:calc(100dvh - 4rem);background-color:#000;padding:4rem 0 2rem;overflow-y:auto;opacity:0;transform:translateY(-100%)}.nav-wrap.is-active[data-v-109ea627]{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}}@media only screen and (max-width: 480px){.nav-wrap[data-v-109ea627]{top:3rem;height:calc(100vh - 3rem);height:calc(100dvh - 3rem)}}.nav-item[data-v-109ea627]{position:relative;flex:1 1 100%}@media only screen and (min-width: 961px){.nav-item:hover .nav-sub[data-v-109ea627]{display:block!important}}.nav-link[data-v-109ea627]{position:relative;flex:1 1 100%}.nav-link a[data-v-109ea627]{display:flex;align-items:center;align-content:center;justify-content:center;height:3rem;text-align:center;font-size:1em;color:#ffffff80;transition:all .3s}.nav-link a svg[data-v-109ea627]{display:inline-block;vertical-align:middle;width:1.125rem}.nav-link a span[data-v-109ea627]{display:none}.nav-link a[data-v-109ea627]:hover,.nav-link a.is-active[data-v-109ea627],.nav-link a.router-link-active[data-v-109ea627]{color:var(--c1)}@media only screen and (max-width: 960px){.nav-link a[data-v-109ea627]{height:4rem;color:#ffffffb3}.nav-link a span[data-v-109ea627]{display:inline-block;color:#ffffffb3;margin-left:1rem}.nav-link a.is-active span[data-v-109ea627]{color:var(--c1)}}[data-v-109ea627] .nav-link a svg{fill:#ffffff80}[data-v-109ea627] .nav-link a:hover svg,[data-v-109ea627] .nav-link a.is-active svg,[data-v-109ea627] .nav-link a.router-link-active svg{fill:var(--c1)}.nav-btn[data-v-109ea627]{display:none}@media only screen and (max-width: 960px){.nav-btn[data-v-109ea627]{position:absolute;top:50%;right:0;z-index:999;display:block;width:4rem;height:4rem;transform:translateY(-50%);transition:transform .5s ease-in-out}.nav-btn span[data-v-109ea627]{position:absolute;top:50%;left:50%;display:block;width:2.5rem;height:30px;transform:translate(-50%,-50%)}.nav-btn span b[data-v-109ea627]{position:absolute;left:0;display:block;width:100%;height:2px;background-color:#fff;margin-top:5px;opacity:1;transform:rotate(0);transition:width .25s ease-in-out,left .25s ease-in-out,transform .25s ease-in-out}.nav-btn span b[data-v-109ea627]:nth-child(1){top:0}.nav-btn span b[data-v-109ea627]:nth-child(2),.nav-btn span b[data-v-109ea627]:nth-child(3){top:9px}.nav-btn span b[data-v-109ea627]:nth-child(4){top:18px}.nav-btn.is-active[data-v-109ea627]{transform:translateY(-50%)}.nav-btn.is-active span b[data-v-109ea627]:nth-child(1){left:50%;width:0%}.nav-btn.is-active span b[data-v-109ea627]:nth-child(2){transform:rotate(45deg)}.nav-btn.is-active span b[data-v-109ea627]:nth-child(3){transform:rotate(-45deg)}.nav-btn.is-active span b[data-v-109ea627]:nth-child(4){left:50%;width:0%}}@media only screen and (max-width: 480px){.nav-btn[data-v-109ea627]{width:3rem;height:3rem}.nav-btn span[data-v-109ea627]{width:2rem}}.footer-wrap[data-v-cab6b5fb]{position:relative;z-index:10;background-color:var(--black)}.footer-center[data-v-cab6b5fb]{position:relative;max-width:var(--dw);margin:0 auto}.footer-copyright[data-v-cab6b5fb]{position:relative;padding:1.5rem 0}.footer-copyright p[data-v-cab6b5fb]{line-height:1.5rem;text-align:center;font-size:.75rem;color:#878787}.float-wrap{position:fixed;bottom:1rem;right:1rem;z-index:96;display:block;background-color:#ffffffb3;border-radius:.5rem;box-shadow:0 2px 4px #3333;transition:background .3s}.float-wrap.padding{padding:.25rem .5rem}.float-wrap>a,.float-wrap>button{position:relative;display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem;line-height:2.5rem;text-align:center;font-size:1rem;color:var(--black);border:0;transition:color .3s}.float-wrap>a svg,.float-wrap>button svg{position:absolute;top:50%;left:50%;display:block;width:1rem;fill:#333;transform:translate(-50%,-50%);transition:all .3s}.float-wrap>a.btn-top,.float-wrap>button.btn-top{display:none}.float-wrap>a.btn-top.is-show,.float-wrap>button.btn-top.is-show{display:inline-block!important}.float-wrap>a:hover svg,.float-wrap>a.is-active svg,.float-wrap>button:hover svg,.float-wrap>button.is-active svg{fill:var(--c1)}.float-wrap:hover{background-color:#fff}.float-catalog{position:absolute;bottom:3.5rem;right:0;z-index:50;display:none;width:16rem;background-color:#fff;border-radius:1rem;filter:drop-shadow(0 2px 4px rgba(51,51,51,.2));padding:1rem 0}.float-catalog:before{content:"";position:absolute;bottom:-7px;right:1rem;width:0;height:0;border-style:solid;border-width:.5rem .5rem 0 .5rem;border-color:#FFF transparent transparent transparent}.float-catalog li{list-style-type:none;line-height:1.5;font-size:.813rem}.float-catalog li a{display:block;color:var(--black);padding:.25rem 1rem;transition:color .3s,background .3s}.float-catalog li a:hover{color:var(--href);background-color:#f7f7f7}.float-catalog.is-active{display:block;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forward}@media only screen and (max-width: 768px){.float-catalog{width:75vw;max-height:calc(100vh - 12rem);overflow-y:auto}}@media only screen and (max-width: 480px){.float-catalog{width:calc(100vw - 2rem)}}.fade-enter-active,.fade-leave-active{transition:opacity 1.5s ease,transform .75s ease}.fade-enter-from,.fade-leave-to{transform:translateY(20px);opacity:0}.more-button[data-v-7781348f]{position:absolute;bottom:2rem;left:50%;z-index:10;display:flex;align-items:center;align-content:center;justify-content:center;text-align:center;font-size:.875em;color:var(--black);transform:translate(-50%);transition:all .3s}.more-button[data-v-7781348f]:before{content:"...";display:flex;align-items:center;align-content:center;justify-content:center;width:2rem;height:2rem;text-align:center;border:1px solid var(--black);border-radius:100%;transition:all .3s}.more-button[data-v-7781348f]:after{content:"MORE";position:absolute;top:50%;left:50%;display:block;opacity:0;transform:translate(-50%,-50%);transition:all .3s}.more-button[data-v-7781348f]:hover:before{opacity:0;transform:scale(0)}.more-button[data-v-7781348f]:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.index-cover-wrap[data-v-ae05a326]{position:relative;height:100vh;height:100dvh;overflow:hidden}@media only screen and (max-width: 960px){.index-cover-wrap[data-v-ae05a326]{height:calc(100dvh - 4rem)}}@media only screen and (max-width: 480px){.index-cover-wrap[data-v-ae05a326]{height:calc(100dvh - 3rem)}}.index-cover-bg[data-v-ae05a326]{position:absolute;top:0;left:0;z-index:0;display:block;width:100%;height:100%}.index-cover-bg>div[data-v-ae05a326]{position:absolute;top:0;left:0;display:block;width:100%;height:100%;animation-name:indexCoverAni01;animation-duration:20s;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.index-cover-bg>div[data-v-ae05a326]:before{content:"";display:block;width:100%;height:100%;background-image:url(/images/index/cover.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.index-cover-text[data-v-ae05a326]{position:absolute;top:0;left:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;text-align:center;background-color:#fff;padding-bottom:5vh;mix-blend-mode:screen}.index-cover-text h1[data-v-ae05a326],.index-cover-text h2[data-v-ae05a326]{font-family:Konkhmer Sleokchher,system-ui;font-weight:700;font-style:normal;animation-name:indexCoverAni02;animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease-in-out}.index-cover-text h1[data-v-ae05a326]{position:relative!important;flex:1 1 100%;font-size:15vw;animation-delay:.25s}.index-cover-text h2[data-v-ae05a326]{position:relative!important;flex:1 1 100%;font-size:6vw;animation-delay:.5s}@media only screen and (max-width: 960px){.index-cover-text[data-v-ae05a326]{padding-bottom:0}}@media only screen and (max-width: 480px){.index-cover-text h1[data-v-ae05a326]{font-size:18vw}.index-cover-text h2[data-v-ae05a326]{font-size:7.5vw}}.scroll-down[data-v-ae05a326]{position:absolute;left:50%;bottom:2rem;z-index:10;display:block;font-size:.875rem;transform:translate(-50%);animation-name:fadeIn;animation-duration:.5s;animation-delay:1s;animation-fill-mode:both}.scroll-down span[data-v-ae05a326]{display:block;background:-webkit-linear-gradient(left,#81D8D0,#333 25%,#81D8D0 50%,#333 75%,#81D8D0);color:transparent;-webkit-background-clip:text;background-size:200% 100%;transition:all .3s ease;animation-name:textMaskedAnimation;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.scroll-down b[data-v-ae05a326]{position:absolute;top:50%;left:50%;display:block;opacity:0;transform:translate(-50%,-50%);transition:all .3s}.scroll-down b[data-v-ae05a326]:before,.scroll-down b[data-v-ae05a326]:after{content:"";position:absolute;left:calc(50% - .5rem);z-index:2;width:1rem;height:1rem;background-color:transparent;border-style:solid;border-color:var(--black);opacity:0;transform:translateY(0) rotate(45deg);animation-name:scrolldown;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.scroll-down b[data-v-ae05a326]:before{bottom:0;border-width:0 2px 2px 0;animation-delay:.15s}.scroll-down b[data-v-ae05a326]:after{bottom:8px;border-width:0 2px 2px 0}.scroll-down:hover span[data-v-ae05a326]{transform:translateY(-2rem)}.scroll-down:hover b[data-v-ae05a326]{opacity:1}.index-about-wrap[data-v-ae05a326]{position:relative;background-color:var(--c1);overflow:hidden}.index-about-ceter[data-v-ae05a326]{position:relative;width:calc(100% - 4rem);max-width:90rem;min-height:100vh;min-height:100dvh;margin:0 auto;padding-bottom:8rem}.index-about-ceter .more-button[data-v-ae05a326]{opacity:0;animation-duration:.5s;animation-delay:1.4s;animation-fill-mode:both}.index-about-ceter .more-button[data-v-ae05a326]:hover:before{border-color:#fff}.index-about-ceter.aos-animate .more-button[data-v-ae05a326]{animation-name:fadeIn}@media only screen and (max-width: 768px){.index-about-ceter[data-v-ae05a326]{width:calc(100% - 2rem);min-height:0}}@media only screen and (max-width: 480px){.index-about-ceter[data-v-ae05a326]{width:100%;padding-bottom:6rem}}.index-about-bg[data-v-ae05a326]{position:absolute;top:0;left:0;display:block;width:100%;height:20rem;background-color:var(--c2);border-radius:0 0 5rem 5rem;opacity:0;transform:translateY(-100%);overflow:hidden;animation-duration:.5s;animation-fill-mode:both}.index-about-bg[data-v-ae05a326]:before,.index-about-bg[data-v-ae05a326]:after{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%}.index-about-bg[data-v-ae05a326]:before{background-image:url(/images/bg_about.jpg);background-position:50% 25%;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:both}.index-about-bg[data-v-ae05a326]:after{background-color:#33333380}.index-about-bg ul[data-v-ae05a326]{position:absolute;top:1rem;right:3rem;z-index:2;display:block}.index-about-bg li[data-v-ae05a326]{display:block;height:4px;margin-bottom:8px}.index-about-bg li b[data-v-ae05a326]{display:inline-block;vertical-align:middle;width:4px;height:4px;background-color:#ffffffb3;border-radius:100%;margin-right:12px}.aos-animate .index-about-bg[data-v-ae05a326]{animation-name:indexAboutBG}.aos-animate .index-about-bg[data-v-ae05a326]:before{animation-name:fadeIn}@media only screen and (max-width: 960px){.index-about-bg[data-v-ae05a326]{height:16rem;border-radius:0 0 4rem 4rem}}@media only screen and (max-width: 768px){.index-about-bg[data-v-ae05a326]{height:12rem;border-radius:0 0 2.5rem 2.5rem}.index-about-bg ul[data-v-ae05a326]{right:1rem}}@media only screen and (max-width: 480px){.index-about-bg[data-v-ae05a326]{height:11rem;border-radius:0}.index-about-bg ul[data-v-ae05a326]{display:none}}.index-about-title[data-v-ae05a326]{position:absolute;top:0;left:0;z-index:5;display:block;width:100%;height:100%}.index-about-title h2[data-v-ae05a326]{position:absolute;top:calc(50% - 6rem);left:0%;display:block;width:100%;text-align:center;line-height:1;font-size:12rem;font-weight:700;color:#fff;opacity:.7;animation-duration:.5s;animation-delay:.25s;animation-fill-mode:both}.aos-animate .index-about-title h2[data-v-ae05a326]{animation-name:indexTitleAni}@media only screen and (max-width: 1280px){.index-about-title h2[data-v-ae05a326]{font-size:10rem}}@media only screen and (max-width: 960px){.index-about-title h2[data-v-ae05a326]{font-size:16vw}.aos-animate .index-about-title h2[data-v-ae05a326]{animation-name:indexTitleAni_t}}@media only screen and (max-width: 480px){.index-about-title h2[data-v-ae05a326]{top:4rem;font-size:2rem}.aos-animate .index-about-title h2[data-v-ae05a326]{animation-name:none}}.index-about-article[data-v-ae05a326]{position:relative;z-index:5;height:100%;min-height:800px;padding-top:16rem}@media only screen and (max-width: 960px){.index-about-article[data-v-ae05a326]{min-height:600px;padding-top:12rem}}@media only screen and (max-width: 768px){.index-about-article[data-v-ae05a326]{height:auto;min-height:0;padding-top:8rem}}@media only screen and (max-width: 480px){.index-about-article[data-v-ae05a326]{padding-top:7rem}}.index-about-photo[data-v-ae05a326]{position:absolute;display:block;z-index:6;width:12rem;height:12rem;opacity:0;animation-duration:.7s;animation-delay:.4s;animation-fill-mode:both;animation-timing-function:ease-out}.index-about-photo figure[data-v-ae05a326]{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%}.index-about-photo figure i[data-v-ae05a326]{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transform:rotate(-45deg);animation-duration:.3s;animation-delay:.9s;animation-fill-mode:both}.index-about-photo figure i[data-v-ae05a326]:before,.index-about-photo figure i[data-v-ae05a326]:after{content:"";position:absolute;display:block;background-color:#333}.index-about-photo figure i[data-v-ae05a326]:before{top:0;left:0;width:100%;height:100%;border-radius:100%}.index-about-photo figure i[data-v-ae05a326]:after{bottom:0;left:0;width:50%;height:50%}.index-about-photo figure span[data-v-ae05a326]{position:relative;z-index:5;flex:0 0 80%;height:80%;border-radius:100%;overflow:hidden}.index-about-photo figure span b[data-v-ae05a326]{position:absolute!important;top:-10%!important;left:-10%!important;display:block;width:120%;height:120%;background-image:url(/images/photo.jpg);background-size:cover;border-radius:100%}.aos-animate .index-about-photo[data-v-ae05a326]{animation-name:indexAboutAni}.aos-animate .index-about-photo figure i[data-v-ae05a326]{animation-name:indexAboutImg}@media only screen and (max-width: 960px){.index-about-photo[data-v-ae05a326]{top:10rem;left:4rem;width:10rem;height:10rem;animation-duration:.4s}.aos-animate .index-about-photo[data-v-ae05a326]{animation-name:indexAboutAni_t}}@media only screen and (max-width: 768px){.index-about-photo[data-v-ae05a326]{top:6rem;left:2rem}}@media only screen and (max-width: 480px){.index-about-photo[data-v-ae05a326]{position:relative;top:0;left:0;width:7.5rem;height:7.5rem;margin:0 auto 2rem}.index-about-photo figure span[data-v-ae05a326]{flex:0 0 100%;height:100%}.aos-animate .index-about-photo figure i[data-v-ae05a326]{animation-name:none}.aos-animate .index-about-photo figure i[data-v-ae05a326]:before,.aos-animate .index-about-photo figure i[data-v-ae05a326]:after{display:none}}.index-about-text[data-v-ae05a326]{padding-left:22rem;opacity:0;transform:translateY(20%);animation-duration:.4s;animation-delay:1.2s;animation-fill-mode:both}.index-about-text h2[data-v-ae05a326]{font-size:2rem;color:#fff}.index-about-text ul[data-v-ae05a326]{margin-top:3rem;margin-left:1rem}.index-about-text li[data-v-ae05a326]{font-size:1rem;color:var(--c2);padding:.5rem 0}.index-about-text li time[data-v-ae05a326]{display:inline-block;font-size:.875em;margin-bottom:.5rem}.index-about-text li span[data-v-ae05a326]:after{content:"|";margin:0 .5rem}.index-about-text li span[data-v-ae05a326]:last-child:after{display:none}.aos-animate .index-about-text[data-v-ae05a326]{animation-name:indexAboutTextAni}@media only screen and (max-width: 960px){.index-about-text[data-v-ae05a326]{padding-left:16rem}.aos-animate .index-about-text[data-v-ae05a326]{animation-name:indexAboutTextAni_t}}@media only screen and (max-width: 768px){.index-about-text[data-v-ae05a326]{padding-left:14rem}}@media only screen and (max-width: 480px){.index-about-text[data-v-ae05a326]{width:calc(100% - 4rem);margin:0 auto;padding-left:0}.index-about-text h2[data-v-ae05a326]{text-align:center;font-size:1.5rem;font-weight:700;color:var(--black)}.index-about-text ul[data-v-ae05a326]{text-align:center;margin-top:2rem;margin-left:0}.index-about-text li[data-v-ae05a326]{list-style-type:none}}.index-job-wrap[data-v-ae05a326]{position:relative;background-color:#333}.index-job-ceter[data-v-ae05a326]{position:relative;width:calc(100% - 8rem);max-width:90rem;min-height:100vh;min-height:100dvh;margin:0 auto;padding-bottom:8rem}.index-job-ceter .more-button[data-v-ae05a326]{color:#fff;border-color:#fff;opacity:0;animation-duration:.5s;animation-delay:1.4s;animation-fill-mode:both}.index-job-ceter .more-button[data-v-ae05a326]:before{border-color:#fff}.index-job-ceter.aos-animate .more-button[data-v-ae05a326]{animation-name:fadeIn}@media only screen and (max-width: 768px){.index-job-ceter[data-v-ae05a326]{width:calc(100% - 4rem);min-height:0}}@media only screen and (max-width: 480px){.index-job-ceter[data-v-ae05a326]{width:calc(100% - 2rem)}}.index-job-title[data-v-ae05a326]{position:absolute;top:0;left:0;z-index:5;display:block;width:100%;height:100%}.index-job-title h2[data-v-ae05a326]{position:absolute;top:calc(50% - 6rem);left:0%;display:block;width:100%;text-align:center;line-height:1;font-size:12rem;font-weight:700;color:#fff;opacity:.7;animation-duration:.5s;animation-delay:.25s;animation-fill-mode:both}.aos-animate .index-job-title h2[data-v-ae05a326]{animation-name:indexTitleAni}@media only screen and (max-width: 1280px){.index-job-title h2[data-v-ae05a326]{font-size:10rem}}@media only screen and (max-width: 960px){.index-job-title h2[data-v-ae05a326]{font-size:16vw}.aos-animate .index-job-title h2[data-v-ae05a326]{animation-name:indexTitleAni_t}}.index-job-name[data-v-ae05a326]{text-align:center;margin-bottom:5rem;padding-top:15rem}.index-job-name h2[data-v-ae05a326]{font-size:3rem;color:#fff;opacity:0;animation-duration:.5s;animation-delay:.7s;animation-fill-mode:both}.aos-animate .index-job-name h2[data-v-ae05a326]{animation-name:indexJobName}@media only screen and (max-width: 960px){.index-job-name[data-v-ae05a326]{padding-top:18vw}.index-job-name h2[data-v-ae05a326]{font-size:6vw}.aos-animate .index-job-name h2[data-v-ae05a326]{animation-name:indexJobName_t}}@media only screen and (max-width: 480px){.index-job-name[data-v-ae05a326]{margin-bottom:2rem}}.index-job-text[data-v-ae05a326]{display:flex;justify-content:space-between;max-width:60rem;margin:0 auto}.index-job-text hgroup[data-v-ae05a326]{flex:0 0 auto;position:relative;padding-left:4rem;opacity:0;animation-duration:.5s;animation-fill-mode:both}.index-job-text hgroup h3[data-v-ae05a326]{position:absolute;top:0;left:1.6rem;display:inline-block;height:1.6rem;line-height:1.6rem;font-size:.875em;background-color:var(--c1);border-radius:.8rem;padding:0 1rem;transform:rotate(90deg);transform-origin:0 0}.index-job-text hgroup li[data-v-ae05a326]{line-height:1.5;color:#fff;padding:.25rem 0}.aos-animate .index-job-text hgroup[data-v-ae05a326]{animation-name:fadeUp}.aos-animate .index-job-text hgroup[data-v-ae05a326]:nth-child(1){animation-delay:1s}.aos-animate .index-job-text hgroup[data-v-ae05a326]:nth-child(2){animation-delay:1.2s}.aos-animate .index-job-text hgroup[data-v-ae05a326]:nth-child(3){animation-delay:1.4s}@media only screen and (max-width: 960px){.aos-animate .index-job-text hgroup[data-v-ae05a326]{animation-name:fadeUp_t}}@media only screen and (max-width: 768px){.index-job-text hgroup[data-v-ae05a326]{text-align:center;margin-bottom:2rem;padding-left:0}.index-job-text hgroup h3[data-v-ae05a326]{position:relative;left:0;display:inline-block;margin-bottom:1rem;transform:rotate(0)}.index-job-text hgroup li[data-v-ae05a326]{list-style-type:none}.index-job-text hgroup[data-v-ae05a326]:last-child{margin-bottom:0}}@media only screen and (max-width: 480px){.index-job-text[data-v-ae05a326]{flex-wrap:wrap}.index-job-text hgroup[data-v-ae05a326]{flex:1 1 100%}}.index-hiker-wrap[data-v-ae05a326]{position:relative;background-color:#fff;overflow:hidden}.index-hiker-ceter[data-v-ae05a326]{position:relative;min-height:100vh;min-height:100dvh;margin:0 auto;padding-bottom:8rem}.index-hiker-ceter .more-button[data-v-ae05a326]{opacity:0;animation-duration:.5s;animation-delay:1.4s;animation-fill-mode:both}.index-hiker-ceter.aos-animate .more-button[data-v-ae05a326]{animation-name:fadeIn}@media only screen and (max-width: 768px){.index-hiker-ceter[data-v-ae05a326]{min-height:0}}@media only screen and (max-width: 480px){.index-hiker-ceter[data-v-ae05a326]{padding-bottom:6rem}}.index-hiker-title[data-v-ae05a326]{position:absolute;top:0;left:0;z-index:5;display:block;width:100%;height:100%}.index-hiker-title h2[data-v-ae05a326]{position:absolute;top:calc(50% - 6rem);left:0%;display:block;width:100%;text-align:center;line-height:1;font-size:12rem;font-weight:700;color:var(--black);opacity:.7;animation-duration:.5s;animation-delay:.25s;animation-fill-mode:both}.aos-animate .index-hiker-title h2[data-v-ae05a326]{animation-name:indexTitleAni}@media only screen and (max-width: 1280px){.index-hiker-title h2[data-v-ae05a326]{font-size:10rem}}@media only screen and (max-width: 960px){.index-hiker-title h2[data-v-ae05a326]{font-size:16vw}.aos-animate .index-hiker-title h2[data-v-ae05a326]{animation-name:indexTitleAni_t}}.index-hiker-name[data-v-ae05a326]{text-align:center;margin-bottom:5rem;padding-top:15rem}.index-hiker-name h2[data-v-ae05a326]{font-size:3rem;color:var(--black);opacity:0;animation-duration:.5s;animation-delay:.7s;animation-fill-mode:both}.aos-animate .index-hiker-name h2[data-v-ae05a326]{animation-name:indexHikerName}@media only screen and (max-width: 960px){.index-hiker-name[data-v-ae05a326]{padding-top:18vw}.index-hiker-name h2[data-v-ae05a326]{font-size:6vw}.aos-animate .index-hiker-name h2[data-v-ae05a326]{animation-name:indexHikerName_t}}@media only screen and (max-width: 480px){.index-hiker-name[data-v-ae05a326]{margin-bottom:2rem}}.index-hiker-marquee[data-v-ae05a326]{position:relative;z-index:10;display:flex;white-space:nowrap;gap:1rem;overflow:hidden;opacity:0;animation-duration:.5s;animation-delay:1s;animation-fill-mode:both}.aos-animate .index-hiker-marquee[data-v-ae05a326]{animation-name:fadeIn}@media only screen and (max-width: 960px){.index-hiker-marquee[data-v-ae05a326]{animation-name:fadeIn_t}}.index-hiker-photo[data-v-ae05a326]{width:20rem;height:24rem;flex-shrink:0;background-size:cover;background-position:45% 50%;margin-bottom:1rem;transition:all .5s}.index-hiker-photo[data-v-ae05a326]:hover{background-position:55% 50%}@media only screen and (max-width: 768px){.index-hiker-photo[data-v-ae05a326]{width:15rem;height:18rem}}.index-hiker-photo[data-v-ae05a326]:nth-of-type(1),.index-hiker-photo[data-v-ae05a326]:nth-of-type(16){background-image:url(/images/index/photo01.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(2),.index-hiker-photo[data-v-ae05a326]:nth-of-type(17){background-image:url(/images/index/photo02.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(3),.index-hiker-photo[data-v-ae05a326]:nth-of-type(18){background-image:url(/images/index/photo03.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(4),.index-hiker-photo[data-v-ae05a326]:nth-of-type(19){background-image:url(/images/index/photo04.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(5),.index-hiker-photo[data-v-ae05a326]:nth-of-type(20){background-image:url(/images/index/photo05.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(6),.index-hiker-photo[data-v-ae05a326]:nth-of-type(21){background-image:url(/images/index/photo06.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(7),.index-hiker-photo[data-v-ae05a326]:nth-of-type(22){background-image:url(/images/index/photo07.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(8),.index-hiker-photo[data-v-ae05a326]:nth-of-type(23){background-image:url(/images/index/photo08.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(9),.index-hiker-photo[data-v-ae05a326]:nth-of-type(24){background-image:url(/images/index/photo09.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(10),.index-hiker-photo[data-v-ae05a326]:nth-of-type(25){background-image:url(/images/index/photo10.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(11),.index-hiker-photo[data-v-ae05a326]:nth-of-type(26){background-image:url(/images/index/photo11.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(12),.index-hiker-photo[data-v-ae05a326]:nth-of-type(27){background-image:url(/images/index/photo12.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(13),.index-hiker-photo[data-v-ae05a326]:nth-of-type(28){background-image:url(/images/index/photo13.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(14),.index-hiker-photo[data-v-ae05a326]:nth-of-type(29){background-image:url(/images/index/photo14.jpg)}.index-hiker-photo[data-v-ae05a326]:nth-of-type(15),.index-hiker-photo[data-v-ae05a326]:nth-of-type(30){background-image:url(/images/index/photo15.jpg)}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:#e0e0e033;box-shadow:0 2px #0003;border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus{color:inherit;text-decoration:none}