@charset "UTF-8";/*!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}:root{--puma-main-color:#27ae60;--puma-hover-color:#0f730c;--puma-text-color:rgba(0, 0, 0, 0.84);--puma-text-light:rgba(0, 0, 0, 0.68);--puma-text-gray:rgba(0, 0, 0, 0.6);--puma-text-gray-lightest:rgba(0, 0, 0, 0.5);--puma-background-white:rgba(255, 255, 255, 1);--puma-background-gray:#f0f0f0;--puma-background-gray-light:#f9f9f9;--puma-background-opacity:0.9;--puma-background-white-opacity:rgba(
        255,
        255,
        255,
        var(--puma-background-opacity)
    );--puma-border-color:rgba(0, 0, 0, 0.1);--puma-border-color-light:rgba(0, 0, 0, 0.05);--puma-text-size-small:14px;--puma-text-size-normal:16px;--puma-text-size-smallest:12px;--puma-content-width:900px;--db-main-color:var(--puma-main-color);--db-hover-color:var(--puma-hover-color);--db--text-color:var(--puma-text-color);--db--text-color-light:var(--puma-text-light);--db--background-gray:var(--puma-background-gray);--db-border-color:var(--puma-border-color)}:root .db--genreItem:hover{color:var(--puma-backgroud-white)}@media(prefers-color-scheme:dark){.auto{--puma-main-color:rgba(253, 186, 116, 1);--puma-hover-color:rgba(255, 237, 213, 1);--puma-text-color:#a1a1aa;--puma-text-light:rgba(161, 161, 170, 1);--puma-text-gray:rgba(113, 113, 122, 1);--puma-text-gray-lightest:rgba(113, 113, 122, 0.95);--puma-background-white:#1e1e1e;--puma-background-gray:#000;--puma-background-gray-light:#121212;--puma-background-white-opacity:rgba(
            30,
            30,
            30,
            var(--puma-background-opacity)
        );--puma-border-color:rgba(63, 63, 70, 0.6);--puma-border-color-light:rgba(63, 63, 70, 0.4);--db-main-color:var(--puma-main-color);--db-hover-color:var(--puma-hover-color);--db--text-color:var(--puma-text-color);--db--text-color-light:var(--puma-text-light);--db--background-gray:var(--puma-background-gray);--db-border-color:var(--puma-border-color)}.auto .db--genreItem:hover{color:var(--puma-backgroud-white)}.auto .doulist-item{border-color:var(--db-border-color)}.auto .comment-form input,.auto .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}}.dark{--puma-main-color:rgba(253, 186, 116, 1);--puma-hover-color:rgba(255, 237, 213, 1);--puma-text-color:#a1a1aa;--puma-text-light:rgba(161, 161, 170, 1);--puma-text-gray:rgba(113, 113, 122, 1);--puma-text-gray-lightest:rgba(113, 113, 122, 0.95);--puma-background-white:#1e1e1e;--puma-background-gray:#000;--puma-background-gray-light:#121212;--puma-background-white-opacity:rgba(
        30,
        30,
        30,
        var(--puma-background-opacity)
    );--puma-border-color:rgba(63, 63, 70, 0.6);--puma-border-color-light:rgba(63, 63, 70, 0.4);--db-main-color:var(--puma-main-color);--db-hover-color:var(--puma-hover-color);--db--text-color:var(--puma-text-color);--db--text-color-light:var(--puma-text-light);--db--background-gray:var(--puma-background-gray);--db-border-color:var(--puma-border-color)}.dark .db--genreItem:hover{color:var(--puma-backgroud-white)}.dark .doulist-item{border-color:var(--db-border-color)}.dark .comment-form input,.dark .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}@font-face{font-family:open sans;src:url(../fonts/OpenSans-Regular.woff2)format("woff2"),url(../fonts/OpenSans-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:open sans;src:url(../fonts/OpenSans-Bold.woff2)format("woff2"),url(../fonts/OpenSans-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:open sans;src:url(../fonts/OpenSans-Light.woff2)format("woff2"),url(../fonts/OpenSans-Light.woff)format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:open sans;src:url(../fonts/OpenSans-Medium.woff2)format("woff2"),url(../fonts/OpenSans-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}.site-header{text-align:center;background-color:#f0f0f0;background-image:url(../images/banner.jpg);background-position:50%;background-size:cover;box-sizing:border-box;color:rgba(255,255,255,.97);height:380px;display:flex;flex-direction:column;justify-content:center;position:relative}.site-header:before{background-color:rgba(0,0,0,.15);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.site-header .header-inner{position:relative}.site-header .site-title{font-size:32px}.site-header .site-description{font-size:14px}.search-form{padding-top:12px}.search-form .search-field{background-color:rgba(0,0,0,.15);border:0;border-radius:5px;padding:7px 10px;color:rgba(255,255,255,.8);box-shadow:none;width:200px;text-align:center;font-size:12px}.search-form .search-field:focus{color:#fff}.search-form .search-field:focus::placeholder{color:rgba(255,255,255,.8)}.search-form .search-field::placeholder{color:rgba(255,255,255,.8)}html{scroll-behavior:smooth}body{letter-spacing:0;font-weight:400;font-style:normal;font-family:open sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:var(--puma-text-color);line-height:1.8;background-color:var(--puma-background-gray)}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin-top:0;margin-bottom:0}button,input,textarea{-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:transparent;font-size:16px;color:rgba(0,0,0,.86)}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}a,button,input{-webkit-tap-highlight-color:transparent}figcaption{-webkit-nbsp-mode:normal}input[disabled]{cursor:default;color:rgba(0,0,0,.8);background-color:var(--puma-border-color-light)}audio:not([controls]){display:none;height:0}[hidden],template{display:none}svg:not(:root){overflow:hidden}.screen-reader-text{left:-9999px;position:absolute;top:-9999px}.u-textAlignCenter{text-align:center}.u-hide{display:none}.surface-content{background-color:var(--puma-background-white);margin:60px auto;max-width:var(--puma-content-width);border-radius:var(--puma-border-radius,10px);overflow:hidden}.sep:before{content:"·";margin-right:3px;margin-left:3px}.main-content{padding-left:60px;padding-right:60px}.section-body{padding:30px 0 0;min-height:30vh}.u-cursorPointer{cursor:pointer}.block--list{border-bottom:2px solid var(--puma-border-color-light);padding:40px 0;position:relative}.block--list:last-child{border-bottom:0}.block-title{font-size:24px;line-height:1.4}.block-title a{transition:.5s}.block-title a:hover{color:var(--puma-main-color)}.block-snippet{color:var(--puma-text-light)}.block-postMetaWrap{color:var(--puma-text-light);font-size:14px;margin-bottom:20px}.block-footer{border-left:2px solid var(--puma-border-color-light);color:var(--puma-text-light);font-size:12px;padding-left:10px}.block-footer a:hover{color:var(--puma-main-color)}.post-status{margin-bottom:15px;display:flex;align-items:center;font-size:14px;color:var(--puma-text-light)}.post-status .avatar{border:1px solid var(--puma-border-color-light);border-radius:100%;margin-right:10px}.post-status:hover{color:var(--puma-hover-color)}.more-link{font-size:12px;color:var(--puma-text-light)}.more-link:hover{color:var(--puma-hover-color)}.grap figure{margin:20px -60px}.grap figure figcaption{font-size:12px;color:var(--puma-text-gray);text-align:center}.grap blockquote{color:var(--puma-text-light);border-color:var(--puma-border-color-light);margin-left:0;border-left:3px solid #000;margin-bottom:35px;padding:10px 20px}.grap blockquote p:last-child{margin-bottom:0}.grap code{background-color:var(--puma-background-gray-light);padding:2px 5px;border-radius:4px;color:var(--puma-color-light);font-size:14px}.grap pre{word-break:break-all;white-space:break-spaces;background-color:var(--puma-background-gray-light);color:var(--puma-color-light);padding:10px;border-radius:5px;font-size:14px}.grap .gallery{display:grid;grid-gap:10px;margin-bottom:25px}.grap .gallery .gallery-item{margin:0}.grap .gallery .gallery-item .gallery-caption{text-align:center;font-size:12px;color:var(--puma-text-light)}.grap .gallery-columns-2,.grap .gallery-columns-4,.grap .gallery-columns-5,.grap .gallery-columns-7,.grap .gallery-columns-8{grid-template-columns:repeat(2,1fr)}.grap .gallery-columns-3,.grap .gallery-columns-6,.grap .gallery-columns-9{grid-template-columns:repeat(3,1fr)}.grap ol,.grap p,.grap ul{margin-bottom:20px}.grap strong{font-weight:700}.grap em{font-style:italic}.grap a{text-decoration:underline}.grap a .svgIcon{margin-right:4px}.grap li{margin-left:30px;margin-bottom:12px;padding-top:2px}.grap li:before{content:"•";box-sizing:border-box;font-size:14px;margin-left:-58px;padding-right:15px;display:inline-block;text-align:right;width:58px}.grap ol{counter-reset:a}.grap ol>li:before{content:counter(a,decimal)".";counter-increment:a;padding-right:12px}.grap h3,.grap h4{margin-top:30px;margin-bottom:10px}.grap h3{color:var(--puma-text-light);font-size:20px}.grap h4{color:var(--puma-text-gray);font-size:18px}.grap hr{margin-top:52px;margin-bottom:42px;display:block;border:0;text-align:center}.grap hr:before{content:"...";display:inline-block;margin-left:.6em;color:var(--puma-text-gray);position:relative;top:-30px;font-size:28px;letter-spacing:.6em}.grap p.with-img{margin-left:-60px;margin-right:-60px}.grap--mixtapeEmbed{margin-bottom:25px;border:1px solid var(--puma-border-color);border-radius:4px;display:flex}.grap--mixtapeEmbed a{text-decoration:none!important;box-shadow:none!important}.grap--mixtapeEmbed a:hover{color:inherit!important}.grap--mixtapeEmbed .mixtapeImage{width:120px;height:120px;background-size:cover;flex:none;margin-left:30px;border-radius:0 4px 4px 0}.grap--mixtapeEmbed .mixtapeContent{padding:0 20px;flex:auto;display:flex;flex-direction:column;justify-content:center}.grap--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:14px;line-height:1.6;color:var(--puma-text-light)}.grap--mixtapeEmbed .mixtapeContent .markup--strong{font-weight:700;line-height:1.3;margin-bottom:5px}.grap--mixtapeEmbed .mixtapeContent .markup--strong:hover{color:var(--puma-hover-color)}p.with-img img{display:block;margin-left:auto;margin-right:auto}@media(max-width:600px){p.with-img{margin-left:-15px;margin-right:-15px}.grap figure{margin-left:-15px;margin-right:-15px}}.archive-header{border-bottom:1px solid var(--puma-border-color-light);padding:30px 0}.archive-header .archive-title{font-size:20px;font-weight:700;margin-bottom:10px}.link-title{font-size:18px;color:var(--puma-text-light)}.link-description{font-size:14px;color:var(--puma-text-gray)}.link-items{padding-top:15px;padding-bottom:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:15px}.link-item{text-align:center;box-sizing:border-box;padding:8px}.link-item .avatar{border-radius:100%}.link-item .sitename{display:block;font-size:12px;line-height:1.3;color:var(--puma-text-gray)}.link-item .sitename strong{margin-bottom:5px;display:block;color:var(--puma-text-color);font-size:14px;line-height:1.6}.taxonomy-description{font-size:14px;color:var(--puma-text-light);line-height:1.6}.required{color:#c00}.comment-notes{font-size:14px;color:var(--puma-text-light)}.reply{position:absolute;right:0;top:20px}.reply .comment-reply-link{background-color:var(--puma-main-color);border-radius:2px;color:var(--puma-background-white);font-size:12px;padding:3px 8px}.comment-navigation{padding:20px 0;text-align:center}.comment-reply-title{color:var(--puma-text-light);font-size:18px}.comment-form{padding:20px 0}.comment-form p{margin-bottom:15px}.comment-form p.logged-in-as{font-size:12px;color:var(--puma-text-light)}.comment-form label{cursor:pointer;display:block;margin-bottom:3px;font-size:14px;color:var(--puma-text-gray)}.comment-form textarea{border:1px solid var(--puma-border-color-light);border-radius:3px;box-sizing:border-box;padding:10px;resize:none;width:100%;font-size:14px;height:150px;color:var(--puma-text-light)}.comment-form .submit{background-color:var(--puma-main-color);border:2px solid var(--puma-main-color);border-radius:3px;color:#fff;cursor:pointer;font-size:14px;padding:4px 18px;transition:.5s}.comment-form .submit:hover{background-color:var(--puma-main-color);color:var(--puma-background-white)}.comment-form .comment-form-author input,.comment-form .comment-form-email input,.comment-form .comment-form-url input{border:1px solid var(--puma-border-color-light);border-radius:3px;color:var(--puma-text-light);font-size:14px;height:30px;padding:0 10px;width:280px}.comments-title{font-size:12px;font-weight:700;padding:5px 0}.comment-body,.comments-title{border-bottom:1px solid var(--puma-border-color-light)}.comment-body{padding-bottom:25px;padding-top:25px;position:relative}.comment-meta{font-size:14px;overflow:hidden;line-height:1.6}.comment-meta .avatar{border-radius:100%;float:left;margin-right:10px;transition:all .5s ease 0s}.comment-meta .says{display:none}.comment-meta .comment-metadata{color:var(--puma-text-light);font-size:12px;font-style:normal}.comment-content{margin-top:10px;padding-left:5px;font-size:14px}.responsesWrapper{margin-bottom:30px}.parent>.children{margin-left:50px}.children{margin-left:0;padding-bottom:10px}.children .avatar{width:42px;height:42px}.children .comment-body{border-bottom:0;padding:20px 0}.children .comment-content{font-size:14px}.comment-respond{padding-top:20px}.comment-reply-title{display:flex;align-items:center}.comment-reply-title small{margin-left:auto;color:#c00;font-size:14px}.commentnav{padding-top:20px;padding-bottom:20px;display:flex;justify-content:center;align-items:center}.cnav-item{font-size:16px;color:var(--puma-text-gray);cursor:pointer;line-height:32px;fill:var(--puma-text-gray);display:flex;align-items:center;cursor:pointer}.cnav-item:hover{color:var(--puma-hover-color);fill:var(--puma-hover-color)}.cnav-item .svgIcon{transform:translate3d(0,-1px,0)}.cnav-item.disabled{cursor:not-allowed;opacity:.25;pointer-events:none}.chartPage-verticalDivider{border-right:1px solid var(--puma-border-color);height:25px;margin:0 10px}.no--comment{padding:50px 0;text-align:center;color:var(--puma-text-light)}.posts-nav,.comment-navigation,.page-links{padding:30px 0;display:flex;justify-content:center}.posts-nav .page-numbers,.posts-nav .post-page-numbers,.comment-navigation .page-numbers,.comment-navigation .post-page-numbers,.page-links .page-numbers,.page-links .post-page-numbers{background-color:var(--puma-background-gray-light);border:1px solid var(--puma-border-color-light);border-radius:3px;color:var(--puma-text-gray);font-size:12px;margin:0 5px;padding:3px 10px}.posts-nav .page-numbers.current,.posts-nav .page-numbers:hover,.posts-nav .post-page-numbers.current,.posts-nav .post-page-numbers:hover,.comment-navigation .page-numbers.current,.comment-navigation .page-numbers:hover,.comment-navigation .post-page-numbers.current,.comment-navigation .post-page-numbers:hover,.page-links .page-numbers.current,.page-links .page-numbers:hover,.page-links .post-page-numbers.current,.page-links .post-page-numbers:hover{background-color:var(--puma-main-color);color:var(--puma-background-white)}.posts-nav .page-numbers.current,.posts-nav .post-page-numbers.current,.comment-navigation .page-numbers.current,.comment-navigation .post-page-numbers.current,.page-links .page-numbers.current,.page-links .post-page-numbers.current{cursor:not-allowed}.posts-nav .post-page-numbers,.comment-navigation .post-page-numbers,.page-links .post-page-numbers{padding:1px 8px}.post-navigation{border-top:1px solid var(--puma-border-color-light);overflow:hidden;padding:3px 0}.post-navigation .meta-nav{color:var(--puma-text-light);display:block;font-size:12px;text-transform:uppercase}.post-navigation .nav-links{display:flex;justify-content:space-between}.post-navigation .nav-next,.post-navigation .nav-previous{background-position:50%;background-size:cover;box-sizing:border-box;padding:20px;position:relative;width:50%}.post-navigation .nav-next:only-child,.post-navigation .nav-previous:only-child{text-align:center;width:100%}.post-navigation .nav-next a,.post-navigation .nav-previous a{display:block;position:relative}.post-navigation .nav-next a:hover,.post-navigation .nav-previous a:hover{color:var(--puma-hover-color)}.post-navigation .nav-next{text-align:right}.topNav-items{border-bottom:1px solid var(--puma-border-color-light);font-size:14px;line-height:50px;display:flex;justify-content:center}.topNav-items .menu-item{color:var(--puma-text-gray);font-size:12px;letter-spacing:1px;margin-right:8px;margin-left:8px;position:relative;text-transform:uppercase}.topNav-items .menu-item:hover{color:var(--puma-main-color)}.post--keyword{border-radius:3px;color:var(--puma-text-light);font-size:12px;padding:5px 10px;margin-right:10px;background-color:var(--puma-background-gray-light);line-height:1.6}.post--keywords{margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;padding-bottom:10px}.post--keyword:hover{background-color:var(--puma-background-gray)}.post--authorInfo{border-top:1px solid var(--puma-border-color-light);padding-bottom:25px;padding-top:25px;display:flex;flex-direction:column;align-items:center}.post--authorInfo .avatar{border:1px solid var(--puma-border-color-light);border-radius:100%;padding:3px}.post--authorInfo .author--name{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:2px;margin-top:5px}.post--authorInfo .author--description{color:var(--puma-text-gray);font-size:14px;line-height:1.8}.post--authorInfo .author--meta{color:var(--puma-text-light);font-size:14px;font-style:italic;margin-top:5px}.toc{font-size:14px;padding:10px 15px;background-color:var(--puma-background-gray-light);border-radius:10px;margin-bottom:20px}.toc summary{cursor:pointer}.toc-title{font-weight:600}.toc ul{padding-left:10px;margin-bottom:10px}.toc ul li::before{content:"·";margin-right:5px}.toc ul li>ul{margin-left:10px;font-size:12px}.translatedCard{margin-bottom:20px;font-size:14px}.translatedCard h4{font-weight:700}.translatedCard ul{list-style:square;margin-left:30px}.translatedCard ul li a{text-decoration:underline}.translatedCard ul li a:hover{color:var(--puma-hover-color)}.button--like{border:0;background-color:transparent;cursor:pointer;display:flex;align-items:center}.button--like .count{font-size:14px;margin-left:3px;font-weight:700;color:var(--puma-text-gray)}.button--like.is-active svg{fill:var(--puma-main-color)}.button--like.is-active .icon--active{display:block}.button--like.is-active .icon--default{display:none}.button--like.is-active .count{color:var(--puma-hover-color)}.button--like:hover .count{color:var(--puma-hover-color)}.button--like .icon--active{display:none}.button--like .icon--block{display:none}.article--tags{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:15px}.article--tags a{color:var(--puma-main-color);margin-right:10px;font-weight:500}.article--tags a span{margin-right:3px}.article--tags a:hover{color:var(--puma-hover-color)}.relatedPost{padding:15px 0 25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px}.relatedPost--content{padding-top:20px}.relatedPost--title{font-size:14px;font-weight:700}.relatedPost--item{line-height:1.8}.relatedPost--item__img{display:flex;align-items:center}.relatedPost--item__img img{width:100%;height:100px;object-fit:cover;border-radius:3px}.relatedPost--item__title{margin-top:5px;font-size:14px;line-height:1.4}.relatedPost--item__title:hover{color:var(--puma-hover-color)}.relatedPost--item .meta{color:var(--puma-text-light);font-size:12px}.relatedPost--status{color:var(--puma-text-light);font-size:14px;margin-bottom:20px}.relatedPost--status p{line-height:1.6;max-height:3.2em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.relatedPost--status .meta{color:var(--puma-text-light);font-size:12px}.post--single__action{display:flex;align-items:center;justify-content:center;padding:20px 0}.post--single__action .button--like svg{fill:var(--puma-text-gray)}.post--single__action .button--like:hover svg,.post--single__action .button--like.is-active svg{fill:var(--puma-hover-color)}.site-footer{border-top:1px solid var(--puma-border-color-light);color:var(--puma-text-gray);font-size:14px;margin-top:20px;padding-bottom:20px;padding-top:20px;text-align:center}.site-footer a:hover{text-decoration:underline}.site--footer__sns{display:flex;align-items:center;position:relative;justify-content:center;padding-top:20px}.site--footer__sns a{margin:0 12px 0 0;display:flex}.site--footer__sns svg{fill:#fff;width:24px;height:24px;opacity:.9}.site--footer__sns svg:hover{fill:var(--puma-hover-color)}.site--footer__sns svg.sns{fill:none;stroke:#fff}.site--footer__sns svg.sns:hover{stroke:var(--puma-hover-color);fill:none}.fixed--theme{position:fixed;right:20px;bottom:50%;display:flex;height:max-content;background-color:var(--puma-background-white);border-radius:0 10px 0 10px;width:max-content;padding:3px;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--puma-border-color);border-radius:999rem}.fixed--theme span{width:28px;height:28px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--puma-text-gray-lightest);margin-bottom:5px}.fixed--theme span:hover{color:var(--puma-text-color)}.fixed--theme span.is-active{color:var(--puma-text-color);background-color:var(--puma-background-gray)}.fixed--theme span:last-child{margin-bottom:0}.backToTop{position:fixed;right:60px;bottom:50px;cursor:pointer;transform:translate3d(200px,0,0);transition:.5s}.backToTop .icon{fill:var(--puma-text-gray);width:18px;height:18px}.backToTop.is-active{transform:translate3d(0,0,0)}.backToTop:hover .icon{fill:var(--puma-main-color)}.collectionCard{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;padding-top:20px;overflow:hidden;position:relative;padding-bottom:50px}.collectionCard--item{transition:.5s;padding:8px;border:1px solid var(--puma-border-color);border-radius:5px;position:relative;overflow:hidden}.collectionCard--item:hover .collectionCard--title{color:var(--puma-hover-color);text-decoration:underline}.collectionCard--item::after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-5px;color:var(--puma-text-gray-lightest);font-size:60px;font-style:italic;font-weight:700;line-height:1}.collectionCard--image{height:150px;width:100%;object-fit:cover;border-radius:3px}.collectionCard--meta{padding:5px}.collectionCard--title{font-weight:500;line-height:1;margin-bottom:8px}.collectionCard--description{font-size:12px;color:var(--puma-text-gray);line-height:1.2}.collectionCard--count{font-size:12px;color:var(--puma-text-gray)}@media(max-width:920px){.template--terms{padding:50px 20px}.collectionCard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.collectionCard{grid-template-columns:repeat(1,1fr)}}.archive--tagList{display:flex;flex-wrap:wrap}.archive--tagItem{margin:10px;background-color:var(--puma-background-gray-lightest);padding:3px 12px;border-radius:4px;font-size:14px;color:var(--puma-text-gray-light)}.archive-year{position:relative;padding:50px 0}.archive-year::after{content:attr(data-year);position:absolute;right:0;top:0;font-size:120px;font-weight:700;color:var(--puma-text-light);font-style:italic;opacity:.05}.fancy-archive{color:var(--puma-text-gray);font-size:14px;position:relative}.fancy-ul{margin-bottom:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:15px}.fancy-ul li{padding-left:15px;position:relative;line-height:1.5;padding:0;position:relative;z-index:2}.fancy-ul li:hover{color:var(--puma-main-color)}.fancy-ul li:hover:after{background-color:var(--puma-main-color)}.archive-month{font-weight:700;margin-bottom:15px;position:relative}.ais-Hits--empty{text-align:center;padding:20px 0;color:var(--puma-text-gray)}.ais-SearchBox-form{display:flex;align-items:center;justify-content:center}.ais-SearchBox-form .search-submit{display:none}.ais-SearchBox-input{border:1px solid var(--puma-border-color-light);padding:5px;font-size:14px;color:var(--puma-text-light)}.linkGroup{display:grid;grid-template-columns:repeat(4,1fr);padding-top:50px;grid-column-gap:20px;column-gap:20px}.link--item{margin-bottom:40px;padding:10px 0}.link--item .title{font-size:18px;font-weight:700}.link--item .description{line-height:1.6;font-size:14px;color:var(--text-gray-light);max-height:3.2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link--item .link{color:var(--main-bg-color);font-size:12px;font-weight:700;margin-top:5px;position:relative;transition:.5s;fill:var(--main-bg-color)}.link--item .link a{display:flex;align-items:center}.link--item .link:hover{transform:translate3d(10px,0,0);color:var(--main-hover-color)}@media(max-width:600px){.feature--header{padding:30px 0}.feature--header h1{font-size:32px}.feature--header p{font-size:16px;padding-right:0;color:var(--text-gray-light)}.linkGroup{grid-template-columns:repeat(2,1fr);padding-top:30px}.link--item{margin-bottom:10px;padding:0}.mapHeader--title{font-size:18px}.mapHeader--image{width:32px;height:32px;margin-right:10px}}.link--action{border:2px solid var(--main-bg-color);color:var(--main-bg-color);font-size:16px;font-weight:700;padding:3px 20px;cursor:pointer;border-radius:2px}.link--action:hover{background-color:var(--main-hover-color);border-color:var(--main-hover-color);color:var(--text-white)}.link--actions{display:flex;justify-content:center;align-items:center;padding:50px 0}@media(max-width:600px){.link--actions{padding:15px 0}}.tooltip{position:relative;display:flex;align-items:center;cursor:pointer}.tooltip:after{content:"忠实读者";position:absolute;background-color:var(--text-main-color);color:var(--text-white);font-size:12px;border-radius:2px;top:-30px;padding:3px;width:60px;text-align:center;left:-14px;display:none}.tooltip:hover::after{display:block}.marker{background:linear-gradient(180deg,#cf6609,#cc0000);box-shadow:0 16px 60px rgba(0,0,0,8%),0 6px 12px rgba(0,0,0,.1);background-size:cover;width:18px;height:18px;border-radius:50%;cursor:pointer;transition:width .2s ease-out,height .2s ease-out;border:1px solid #fff}.marker::before{position:absolute;border-radius:100%;content:"";width:100%;height:100%;background-image:var(--photo);background-position:50%;background-size:cover;transition:opacity .5s ease-out;opacity:0}.marker:not(.no-hover):hover{width:64px;height:64px;z-index:100}.marker:not(.no-hover):hover::before{opacity:1}.marker.no-post,.marker.blue{background:linear-gradient(180deg,#89a9cd 0,#485f81)}.marker.red{background:linear-gradient(180deg,#cf6609,#cc0000)}.marker.green{background:linear-gradient(180deg,#00b300,#006600)}.marker.yellow{background:linear-gradient(180deg,#ffcc00,#ff9900)}.marker.purple{background:linear-gradient(180deg,#cc00cc,#660066)}.marker.pink{background:linear-gradient(180deg,#ff99ff,#ff66ff)}.marker.orange{background:linear-gradient(180deg,#ff6600,#ff3300)}.marker.gray{background:linear-gradient(180deg,#cccccc,#666666)}.marker.brown{background:linear-gradient(180deg,#996633,#663300)}.marker.black{background:linear-gradient(180deg,#000000,#000000)}.marker.white{background:linear-gradient(180deg,#ffffff,#ffffff)}.cluster::after{content:attr(data-cardinality);color:#fff;display:flex;justify-content:center;flex-direction:column;text-align:center;height:100%;font-size:12px;font-weight:700;transition:font-size .2s ease-out}.cluster:hover::after{font-size:32px}.mapbox--postCover{border-radius:5px}.mapboxgl-popup{width:280px}.mapboxgl-ctrl-bottom-left{display:none}.mapboxgl-ctrl-bottom-right{display:none}.mapboxgl-popup-content{padding:5px 10px;line-height:1.6}.mapboxgl-popup-content h3{font-weight:700;padding:5px 0 0}.mapboxgl-popup-content{font-size:14px;padding-bottom:10px}.footer-map-note{font-size:14px;color:rgba(0,0,0,.56);margin-bottom:100px}.markder{position:absolute;height:150px;width:150px;top:var(--y);left:var(--x);border:2px solid var(--main-bg-color);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:top,left;transition:border-color .3s linear,opacity .6s ease-out;opacity:.3;z-index:1000}.meta--map{position:relative;cursor:pointer}.meta--map.active .meta--mapPop{display:block}.meta--mapPop{position:absolute;background-color:rgba(254,254,254,.88);border:12px solid rgba(254,254,254,.88);border-radius:12px;width:226px;height:226px;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:10;display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.fa-mapper{height:500px;border-radius:4px;margin-bottom:20px;overflow:hidden;position:relative}.marker--posts{max-height:200px;overflow-y:auto;padding-top:10px;display:flex;flex-direction:column}.marker--posts::-webkit-scrollbar{width:1px}.map--menu{display:flex;align-items:center;padding:15px 0}.map--menu--item{border-radius:999rem;padding:5px 15px;border:1px solid var(--main-bg-color);line-height:1.4;color:var(--main-bg-color);margin-right:20px;font-size:12px;font-weight:700;cursor:pointer}.map--menu--item.active{background-color:var(--main-bg-color);color:var(--text-white)}.markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:16px;display:grid}.markerPro--post{box-shadow:none;transition:1s background-position;background-color:#f2f4f6;background-image:var(--background);color:#fff;padding:30px 15px;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;min-width:0;background-size:cover;background-position:50%;background-repeat:no-repeat;text-decoration:none!important;padding-top:80px}.markerPro--post::before{background:linear-gradient(180deg,rgba(0,0,0,5%) 5%,rgba(0,0,0,.65));content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px}.markerPro--post:hover{background-position:bottom}.markerPro--title{position:relative;margin:3px 0;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:16px}.markerPro--meta{display:flex;align-items:center;font-size:12px;color:rgba(255,255,255,.9);display:flex;align-items:center;position:relative}.markerPro--location{background-color:#c0580c;font-size:12px;color:#fff;border-radius:0 5px 0 5px;line-height:1.4;padding:1px 5px;position:absolute;top:0;right:0;font-size:12px;background-color:rgba(0,0,0,.56);border-radius:999rem;top:10px;right:10px;padding:2px 8px}.markerPro--addonTitle{font-size:18px;font-weight:700;margin-bottom:10px}.mapboxgl-ctrl-group:not(:empty){box-shadow:none}.markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:16px;display:grid}.markerPro--posts .distance::before{content:"·";margin-left:4px;margin-right:4px}.markerPro--location{display:flex;align-items:center}.markerPro--location svg{margin-right:5px}.db--container{--db-item-width:150px;--db-item-height:215px;--db-music-width:150px;--db-music-height:150px;--db-primary-color:var(--puma-hover-color);--db-background-white:var(--puma-background-white);--db-background-gray:var(--puma-background-gray);--db-border-color:var(--puma-border-color);--db-text-light:var(--puma-text-light)}.db--nav{padding:30px 0 20px;display:flex;align-items:center;flex-wrap:wrap}.db--navItem{font-size:20px;cursor:pointer;border-bottom:1px solid transparent;transition:.5s border-color;display:flex;align-items:center;text-transform:capitalize;margin-right:20px}.db--navItem.current,.db--navItem:hover{border-color:inherit}.db--score svg{fill:#f5c518;margin-right:5px}.db--list{display:flex;align-items:flex-start;flex-wrap:wrap}.db--image{width:var(--db-item-width);height:var(--db-item-height);object-fit:cover;border-radius:4px}.db--image:hover{box-shadow:0 0 10px var(--db-border-color)}.db--title{margin-top:2px;font-size:14px;line-height:1.4}.db--title a:hover{color:var(--db-primary-color);text-decoration:underline}.db--genreItem{background:var(--db-background-gray);font-size:12px;padding:5px 12px;border-radius:4px;margin-right:6px;margin-bottom:10px;line-height:1.4;cursor:pointer}.db--genreItem.is-active{background-color:var(--db-primary-color);color:var(--db-background-white)}.db--genreItem:hover{background-color:var(--db-primary-color);color:var(--db-background-white)}.db--genres{padding-bottom:15px;display:flex;flex-wrap:wrap}.db--genres.u-hide+.db--list{padding-top:10px}.db--score{display:flex;align-items:center;font-size:14px;color:var(--db-text-light)}.db--item{width:var(--db-item-width);margin-right:20px;margin-bottom:20px;position:relative}.db--item__music img{width:var(--db-music-width);height:var(--db-music-height);object-fit:cover}.ipc-signpost{position:relative;background:#f5c518;color:#000;border-radius:4px;line-height:1;padding:3px 5px;font-size:12px;display:flex;width:58%;margin-bottom:2px;font-weight:900}.ipc-signpost:after{content:"";border-top-left-radius:0;border-bottom-left-radius:0;right:0;top:0;margin-right:-.2rem;border-radius:4px;background:inherit;height:100%;position:absolute;width:.75rem;transform:skewX(-20deg)}.doulist-item{margin:30px 0;color:var(--puma-text-gray);border:1px solid var(--puma-border-color);border-radius:4px}.doulist-item:hover{box-shadow:0 3px 12px var(--puma-border-color-light)}.doulist-item .doulist-subject{display:flex;align-items:flex-start;line-height:1.6;padding:12px;position:relative}.doulist-item .doulist-subject .db--viewTime{position:absolute;right:0;top:0;background:#f5c518;color:#000;border-radius:4px 4px 0 4px;line-height:1;padding:3px 5px 3px 10px;font-size:12px;display:flex;margin-bottom:2px;font-weight:900}.doulist-item .doulist-subject .db--viewTime:after{content:"";border-top-left-radius:0;border-bottom-left-radius:0;left:0;top:0;margin-left:-.2rem;border-radius:0 4px 4px 4px;background:inherit;height:100%;position:absolute;width:.75rem;transform:skewX(20deg)}.doulist-item .doulist-subject .doulist-content{flex:auto}.doulist-item .doulist-subject .doulist-post{width:96px;margin-right:15px;display:flex;flex:none}.doulist-item .doulist-subject .doulist-title{margin-bottom:5px;font-size:18px}.doulist-item .doulist-subject .doulist-title a{text-decoration:none!important}.doulist-item .doulist-subject .rating{margin:0 0 5px;font-size:14px;line-height:1;display:flex;align-items:center}.doulist-item .doulist-subject .rating .allstardark{position:relative;color:#f99b01;height:16px;width:80px;background-repeat:repeat;background-image:url(../images/star.svg);background-size:auto 100%;margin-right:5px}.doulist-item .doulist-subject .rating .allstarlight{position:absolute;left:0;color:#f99b01;height:16px;overflow:hidden;background-repeat:repeat;background-image:url(../images/star-fill.svg);background-size:auto 100%;width:var(--width)}.doulist-item .doulist-subject .abstract{font-size:14px}.doulist-item .doulist-subject img{width:96px!important;height:96px!important;border-radius:4px;object-fit:cover}.db--date{position:relative;font-size:20px;color:var(--puma-text-light);font-weight:900;line-height:1;margin-top:30px;margin-bottom:10px}.db--date:before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--puma-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.db--dateList{padding-left:15px;padding-top:5px;padding-right:15px}.db--card__list{display:flex;align-items:center;padding:15px 0;border-bottom:1px dotted var(--puma-border-color);font-size:14px;color:rgba(0,0,0,.55)}.db--card__list:last-child{border-bottom:0}.db--card__list .title{font-size:18px;margin-bottom:5px}.db--card__list .rating{margin:0 0 0;font-size:14px;line-height:1;display:flex;align-items:center}.db--card__list .rating .allstardark{position:relative;color:#f99b01;height:16px;width:80px;background-repeat:repeat;background-image:url(../images/star.svg);background-size:auto 100%;margin-right:5px}.db--card__list .rating .allstarlight{position:absolute;left:0;color:#f99b01;height:16px;overflow:hidden;background-repeat:repeat;background-image:url(../images/star-fill.svg);background-size:auto 100%}.db--card__list img{width:80px;border-radius:4px;height:80px;object-fit:cover;flex:none;margin-right:15px}.db--titleDate{display:flex;flex-direction:column;line-height:1.1;margin-bottom:10px;flex:none;margin-right:15px;align-items:center}.db--titleDate__day{font-weight:900;font-size:44px}.db--titleDate__month{font-size:14px;color:var(--puma-text-light);font-weight:900}.db--list__card{display:block}.db--dateList__card{display:flex;flex-wrap:wrap;align-items:flex-start}.db--listBydate{display:flex;align-items:flex-start;margin-top:15px}@media(max-width:600px){.db--listBydate{flex-direction:column}}.template--about{padding-top:20px}.good--list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;padding:30px 0 20px}.good--item{position:relative;display:flex;align-items:center;justify-content:center;background:var(--puma-background-gray);border-radius:10px;padding:30px 0 0;flex-direction:column}.good--item .img-spacer{width:50%;position:relative;transition:.5s}.good--item:hover .img-spacer{transform:translate3d(0,-5px,0)}.good--item:hover .good--actions,.good--item:hover .good--review{display:flex}.good--name{font-size:14px;padding-bottom:10px;color:var(--puma-text-color);margin-top:10px;line-height:1.4;width:92%}.good--name .brand{color:var(--puma-text-gray-lightest)}@media(max-width:600px){.good--list{grid-template-columns:repeat(1,1fr);grid-gap:15px;padding:10px 0 30px}}@media(max-width:600px){.surface-content{margin:0}.site-header{padding:40px 0}.main-content{padding-left:15px;padding-right:15px}.block--list{padding:15px 0}.block-title{font-size:20px;line-height:1.4}.section-body{padding-top:15px}.back-to-top{display:none}.post-navigation .nav-next,.post-navigation .nav-previous{float:none;width:100%;text-align:center}.nav-links div:first-child{border-bottom:1px solid var(--text-border-color)}.nav-links div:only-child{border-bottom:0}}