﻿html{font-size:62.5%}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;padding:0;-webkit-overflow-scrolling:touch;-webkit-print-color-adjust:exact;color-adjust:exact}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,figure,ul,ol,dl,dt,dd{margin:0;padding:0;border:0;font-weight:normal}img{max-width:100%;vertical-align:bottom;height:auto}svg{display:block}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;outline:none;color:inherit}a:hover img{opacity:1}a:hover{outline:none;color:inherit}a[target="_blank"]:after{display:none}b,strong{font-weight:bold}img{max-width:100%;max-height:100%}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}body{font-family:'Roboto', Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-font-feature-settings:'palt';font-feature-settings:'palt';font-weight:400;color:var(--base-font-color);background-color:#fff;font-size:1.5rem;line-height:1.8;word-break:break-all;position:relative}.paginate{display:none}.l-contents-wrap{padding-top:min( calc( 25 / 375 * 100vw ), 40px );padding-bottom:min( calc( 35 / 375 * 100vw ), 60px )}.l-container{width:100%;max-width:calc( ( var( --container-width ) + var( --gutter ) * 2  ) * 1px);padding-left:min( calc( var( --gutter ) / 375 * 100vw ), calc( var( --gutter ) * 1px ) );padding-right:min( calc( var( --gutter ) / 375 * 100vw ), calc( var( --gutter ) * 1px ) );margin-left:auto;margin-right:auto}@media (min-width: 992px){.l-columns{display:flex}}.l-columns__main>*{margin-top:min( calc( 40 / 375 * 100vw ), 50px )}.l-columns__main>*:first-child{margin-top:0}@media (min-width: 992px){.l-columns__main{flex:1}}.l-columns__aside{margin-top:min( calc( 40 / 375 * 100vw ), 40px )}.l-columns__aside>*{margin-top:min( calc( 40 / 375 * 100vw ), 40px )}.l-columns__aside>*:first-child{margin-top:0}@media (min-width: 992px){.l-columns__aside{margin-top:0;flex-shrink:0;width:calc( 300 / var( --container-width ) * 100%);margin-left:calc( 50 / var( --container-width ) * 100%)}}@media print{.l-columns{display:block}.l-columns__aside{display:none}}.l-header{height:60px}@media (min-width: 992px){.l-header{height:150px}}.l-header__fixed{position:fixed;top:0;left:0;width:100%;height:60px;background-color:rgba(255,255,255,0.97);backdrop-filter:blur(2px);border-bottom:1px solid #eee;transition:transform 0.5s;z-index:1000}@media (min-width: 992px){.l-header__fixed{height:auto;border-bottom:0}}.l-header__container{height:100%}.l-header__body{display:flex;align-items:center;height:100%}@media (min-width: 992px){.l-header__body{height:100px}}.l-header__site-title{flex:1;display:flex;align-items:center;margin-right:min( calc( 15 / 375 * 100vw ), 15px )}.l-header__site-title .logo{flex-shrink:0;max-width:45%}.l-header__site-title .logo a{display:block;transition:opacity 0.3s}.l-header__site-title .logo a img{display:block;width:100%;max-width:min( calc( 150 / 375 * 100vw ), 200px );max-height:min( calc( 35 / 375 * 100vw ), 45px )}.l-header__site-title .logo a:hover{opacity:0.7}.l-header__site-title .copy{flex:1;margin-left:min( calc( 10 / 375 * 100vw ), 20px );font-size:min( calc( 10 / 375 * 100vw ), 1.3rem );line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:calc( 1.4em * 2);color:#919191}.l-header__mypage{display:none;flex-shrink:0}.l-header__mypage a{display:block;position:relative;padding-left:15px;transition:color 0.3s}.l-header__mypage a:before{content:'';display:block;width:6px;height:6px;border-top:1px solid var(--base-font-color);border-right:1px solid var(--base-font-color);transform:rotate(45deg);position:absolute;top:50%;left:0;margin-top:-3px;transition:border 0.3s}.l-header__mypage a:hover{color:var(--key-color)}.l-header__mypage a:hover:before{border-color:var(--key-color)}@media (min-width: 992px){.l-header__mypage{display:block}}.l-header__search{display:none;flex-shrink:0;margin-left:min( calc( 25 / 1200 * 100% ), 25px )}.l-header__search form{display:block;background-color:#f5f5f5;position:relative;width:200px}.l-header__search form input,.l-header__search form button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;cursor:pointer;border-radius:3px}.l-header__search form input{font-size:1.3rem;padding:3px 10px;height:30px;padding-right:30px;width:100%}.l-header__search form input::placeholder{color:#9a9a9a}.l-header__search form button{position:absolute;right:0;top:0;width:30px;height:30px;color:#9a9a9a;transition:color 0.3s}.l-header__search form button:hover{color:var(--key-color)}@media (min-width: 992px){.l-header__search{display:block}}.l-header__drawer-toggle-button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin-left:auto;cursor:pointer;height:min( calc( 35 / 375 * 100vw ), 35px );width:min( calc( 35 / 375 * 100vw ), 35px );position:relative}.l-header__drawer-toggle-button span{display:block;width:calc( 25 / 35 * 100%);height:1px;background-color:var(--base-font-color);position:absolute;top:50%;left:calc( 5 / 35 * 100%);transition:transform 0.3s}.l-header__drawer-toggle-button span:first-child{margin-top:calc( -8 / 35 * 100%)}.l-header__drawer-toggle-button span:last-child{margin-top:calc( 8 / 35 * 100%)}.l-header__drawer-toggle-button.opened span{margin:0}.l-header__drawer-toggle-button.opened span:nth-child( 2 ){display:none}.l-header__drawer-toggle-button.opened span:first-child{transform:rotate(45deg)}.l-header__drawer-toggle-button.opened span:last-child{transform:rotate(-45deg)}@media (min-width: 992px){.l-header__drawer-toggle-button{display:none}}.l-header__menu{display:none;background-color:#f5f5f5}.l-header__menu-body{display:flex;justify-content:center}.l-header__menu .item{width:min( 100%, 400px );position:relative}.l-header__menu .item:hover .child{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.l-header__menu .item>a{display:flex;align-items:center;justify-content:center;height:50px;font-weight:bold;line-height:1.2;padding:0 0.5em;background-color:var(--key-color);color:#fff;transition:opacity 0.3s;position:relative;z-index:2}.l-header__menu .item>a:hover{opacity:0.7}.l-header__menu .item .child{position:absolute;width:100%;top:100%;left:0;border-bottom:3px solid var(--key-color);background-color:#fff;z-index:1;transform:translateY(-20px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s, visibility 0.3s, transform 0.3s}.l-header__menu .item .child:before,.l-header__menu .item .child:after{content:'';display:block;width:1px;height:100%;background-color:#eee;position:absolute;top:0}.l-header__menu .item .child:before{left:0}.l-header__menu .item .child:after{right:0}.l-header__menu .item .child>a{display:flex;align-items:center;padding:10px 15px;font-size:1.3rem;font-weight:bold;position:relative;color:var(--key-color)}.l-header__menu .item .child>a:before{content:'';display:block;width:6px;height:6px;border-top:1px solid var(--key-color);border-right:1px solid var(--key-color);transform:rotate(45deg);margin-right:10px}.l-header__menu .item .child>a:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--key-color);z-index:-1;opacity:0;transition:opacity 0.3s}.l-header__menu .item .child>a:hover:after{opacity:0.1}.l-header__menu .item:nth-child(5n+1)>a{background-color:var(--category-color-01)}.l-header__menu .item:nth-child(5n+1) .child{border-bottom-color:var(--category-color-01)}.l-header__menu .item:nth-child(5n+1) .child>a{color:var(--category-color-01)}.l-header__menu .item:nth-child(5n+1) .child>a:before{border-color:var(--category-color-01)}.l-header__menu .item:nth-child(5n+1) .child>a:after{background-color:var(--category-color-01)}.l-header__menu .item:nth-child(5n+2)>a{background-color:var(--category-color-02)}.l-header__menu .item:nth-child(5n+2) .child{border-bottom-color:var(--category-color-02)}.l-header__menu .item:nth-child(5n+2) .child>a{color:var(--category-color-02)}.l-header__menu .item:nth-child(5n+2) .child>a:before{border-color:var(--category-color-02)}.l-header__menu .item:nth-child(5n+2) .child>a:after{background-color:var(--category-color-02)}.l-header__menu .item:nth-child(5n+3)>a{background-color:var(--category-color-03)}.l-header__menu .item:nth-child(5n+3) .child{border-bottom-color:var(--category-color-03)}.l-header__menu .item:nth-child(5n+3) .child>a{color:var(--category-color-03)}.l-header__menu .item:nth-child(5n+3) .child>a:before{border-color:var(--category-color-03)}.l-header__menu .item:nth-child(5n+3) .child>a:after{background-color:var(--category-color-03)}.l-header__menu .item:nth-child(5n+4)>a{background-color:var(--category-color-04)}.l-header__menu .item:nth-child(5n+4) .child{border-bottom-color:var(--category-color-04)}.l-header__menu .item:nth-child(5n+4) .child>a{color:var(--category-color-04)}.l-header__menu .item:nth-child(5n+4) .child>a:before{border-color:var(--category-color-04)}.l-header__menu .item:nth-child(5n+4) .child>a:after{background-color:var(--category-color-04)}.l-header__menu .item:nth-child(5n+5)>a{background-color:var(--category-color-05)}.l-header__menu .item:nth-child(5n+5) .child{border-bottom-color:var(--category-color-05)}.l-header__menu .item:nth-child(5n+5) .child>a{color:var(--category-color-05)}.l-header__menu .item:nth-child(5n+5) .child>a:before{border-color:var(--category-color-05)}.l-header__menu .item:nth-child(5n+5) .child>a:after{background-color:var(--category-color-05)}@media (min-width: 992px){.l-header__menu{display:block}}@media print{.l-header{display:none}}.l-mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;padding-top:60px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0.3s}.l-mobile-menu.opened{opacity:1;visibility:visible}.l-mobile-menu.opened .l-mobile-menu__body{transform:translateX(0)}@media (min-width: 992px){.l-mobile-menu{display:none}}.l-mobile-menu__body{height:100%;width:100%;max-width:400px;pointer-events:auto;background-color:rgba(245,245,245,0.97);backdrop-filter:blur(2px);position:relative;z-index:1;transition:transform 0.3s;transform:translateX(-100%)}.l-mobile-menu__scroll{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;overflow-x:auto;-ms-overflow-style:none}.l-mobile-menu__scroll::-webkit-scrollbar{display:none}.l-mobile-menu__contents{padding:min( calc( 30 / 375 * 100vw ), 30px ) min( calc( 20 / 375 * 100vw ), 20px )}.l-mobile-menu__search{margin-bottom:min( calc( 25 / 375 * 100vw ), 25px )}.l-mobile-menu__search form{display:block;background-color:#fff;position:relative;width:100%;font-size:min( calc( 16 / 375 * 100vw ), 1.6rem )}.l-mobile-menu__search form input,.l-mobile-menu__search form button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;cursor:pointer;border-radius:3px}.l-mobile-menu__search form input{padding:0.3em 1em;padding-right:40px;width:100%;height:40px}.l-mobile-menu__search form input::placeholder{color:#9a9a9a}.l-mobile-menu__search form button{position:absolute;right:0;top:0;width:40px;height:40px;color:#9a9a9a;transition:color 0.3s}.l-mobile-menu__search form button:hover{color:var(--key-color)}.l-mobile-menu__navi{line-height:1.5;margin:0 max( calc( -20 / 375 * 100vw ), -20px )}.l-mobile-menu__navi .item{border-top:1px solid #ccc;font-size:min( calc( 15 / 375 * 100vw ), 1.5rem )}.l-mobile-menu__navi .item:last-child{border-bottom:1px solid #ccc}.l-mobile-menu__navi .item>a{display:block;padding:0.8em 1em;padding-left:min( calc( 35 / 375 * 100vw ), 35px );position:relative}.l-mobile-menu__navi .item>a:before{content:'';display:block;width:0.5em;height:0.5em;border-top:1px solid var(--base-font-color);border-right:1px solid var(--base-font-color);transform:rotate(45deg);position:absolute;top:50%;left:1em;margin-top:-0.25em;transition:transform 0.3s}.l-mobile-menu__navi .child{position:relative}.l-mobile-menu__navi .child:before{content:'';display:block;width:calc( 100% - 2em);height:1px;background-image:linear-gradient(to right, #ccc, #ccc 3px, transparent 3px, transparent 3px);background-size:6px 1px;background-repeat:repeat-x;position:absolute;top:0;left:1em}.l-mobile-menu__navi .child>a{display:block;padding:0.8em 1em;padding-left:min( calc( 35 / 375 * 100vw ), 35px );font-size:min( calc( 13 / 375 * 100vw ), 1.3rem )}.l-mobile-menu__navi .accordion.opened>a:before{transform:rotate(135deg)}.l-mobile-menu__navi .accordion .child{display:none}@media print{.l-mobile-menu{display:none}}.l-breadcrumb{font-size:min( calc( 10 / 375 * 100vw ), 1rem );line-height:1.3;overflow:hidden;padding:0.8em 0;border-top:1px solid #eee}.l-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;margin:-0.5em}.l-breadcrumb ol li{padding:0.5em;display:flex;align-items:center}.l-breadcrumb ol li:after{content:'';display:block;width:0.5em;height:0.5em;border-top:1px solid var(--base-font-color);border-right:1px solid var(--base-font-color);transform:rotate(45deg);margin-left:0.5em}.l-breadcrumb ol li:last-child:after{content:none}.l-breadcrumb ol li a{color:var(--key-color);position:relative}.l-breadcrumb ol li a:after{content:'';display:block;width:100%;height:1px;background-color:var(--key-color);position:absolute;left:0;bottom:0;transition:transform 0.3s;transform:scale(0, 1);transform-origin:left center}.l-breadcrumb ol li a:hover:after{transform:scale(1, 1)}@media print{.l-breadcrumb{display:none}}.l-footer{padding-top:min( calc( 40 / 375 * 100vw ), 40px );padding-bottom:min( calc( 15 / 375 * 100vw ), 15px );border-top:1px solid #eee}.l-footer__body{position:relative}.l-footer__page-top{position:fixed;bottom:min( calc( 15 / 375 * 100vw ), 15px );left:0;width:100%;z-index:100;display:flex;pointer-events:none}.l-footer__page-top button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:min( calc( 40 / 375 * 100vw ), 60px );height:min( calc( 40 / 375 * 100vw ), 60px );border-radius:50%;background-color:#999;margin-left:auto;color:#fff;font-size:min( calc( 12 / 375 * 100vw ), 1.4rem );font-weight:bold;position:relative;padding-top:min( calc( 10 / 375 * 100vw ), 15px );transition:background 0.3s, opacity 0.3s, visibility 0.3s;opacity:0;visibility:hidden;pointer-events:auto}.l-footer__page-top button:before{content:'';display:block;width:min( calc( 12 / 375 * 100vw ), 15px );height:min( calc( 12 / 375 * 100vw ), 15px );border-right:1px solid #fff;border-top:1px solid #fff;transform:translateX(-50%) rotate(-45deg);position:absolute;top:min( calc( 10 / 375 * 100vw ), 15px );left:50%}.l-footer__page-top button:hover{background-color:var(--key-color)}.l-footer__page-top button.shown{opacity:1;visibility:visible}.l-footer__logo{display:flex;justify-content:center}.l-footer__logo a{display:block;transition:opacity 0.3s;max-width:min( calc( 200 / 375 * 100vw ), 200px )}.l-footer__logo a img{display:block;width:100%;max-height:min( calc( 35 / 375 * 100vw ), 45px )}.l-footer__logo a:hover{opacity:0.7}.l-footer__navi{margin-top:min( calc( 30 / 375 * 100vw ), 30px )}.l-footer__navi>.body{display:flex;justify-content:center}.l-footer__navi ul{display:flex;flex-wrap:wrap;list-style:none;margin:-10px}.l-footer__navi ul li{font-size:min( calc( 13 / 375 * 100vw ), 1.3rem );line-height:1.3;padding:10px}.l-footer__navi ul li a{display:block;position:relative;padding-left:1em;transition:color 0.3s}.l-footer__navi ul li a:before{content:'';display:block;width:0.5em;height:0.5em;border-top:1px solid var(--base-font-color);border-right:1px solid var(--base-font-color);transform:rotate(45deg);position:absolute;left:0;top:50%;margin-top:-0.25em;transition:border 0.3s}.l-footer__navi ul li a:hover{color:var(--key-color)}.l-footer__navi ul li a:hover:before{border-color:var(--key-color)}.l-footer__txt{margin-top:min( calc( 30 / 375 * 100vw ), 30px );font-size:min( calc( 12 / 375 * 100vw ), 1.2rem );color:#555}@media (min-width: 520px){.l-footer__txt{text-align:center}}.l-footer__copyright{margin-top:min( calc( 30 / 375 * 100vw ), 30px );text-align:center;font-size:min( calc( 10 / 375 * 100vw ), 1rem )}@media print{.l-footer{display:none}}.c-hover-opacity{display:block;transition:opacity 0.3s}.c-hover-opacity:hover{opacity:0.7}.c-hover-key-color{display:block;transition:color 0.3s;color:inherit}.c-hover-key-color:hover{color:var(--key-color)}.c-img-cover{display:block;overflow:hidden;position:relative}.c-img-cover:before{content:'';display:block}.c-img-cover img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover}.c-img-contain{display:block;overflow:hidden;position:relative}.c-img-contain:before{content:'';display:block}.c-img-contain img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;object-fit:contain}.p-title{font-size:min( calc( 18 / 375 * 100vw ), 1.8rem );line-height:1.5;border-bottom:1px solid var(--base-font-color);padding-bottom:0.5em;margin-bottom:1em;display:flex;align-items:center;min-height:45px}.p-title .icon{display:block;width:min( calc( 30 / 375 * 100vw ), 30px );margin-right:min( calc( 5 / 375 * 100vw ), 5px )}.p-title .icon img{display:block;width:100%;height:auto}.p-title .title{font-size:inherit;line-height:inherit;font-weight:bold}.p-main-article{display:flex;padding:min( calc( 15 / 375 * 100vw ), 15px ) 0;position:relative}.p-main-article__anchor{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:1}.p-main-article__anchor:hover+.p-main-article__img picture img{transform:scale(1.05, 1.05)}.p-main-article__anchor:hover+.p-main-article__img+.p-main-article__txt .title{color:var(--key-color)}.p-main-article__img{width:min( calc( 100 / 375 * 100vw ), 180px );margin-right:min( calc( 15 / 375 * 100vw ), 20px );flex-shrink:0}.p-main-article__img picture{border-radius:3px}.p-main-article__img picture:before{padding-top:calc( 2 / 3 * 100%)}.p-main-article__img picture img{transition:transform 0.3s}.p-main-article__txt{flex:1}.p-main-article__txt .title{font-size:min( calc( 16 / 375 * 100vw ), 1.8rem );font-weight:bold;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:calc( 1.5em * 3);margin-bottom:0.5em;transition:color 0.3s}.p-main-article__txt .description{display:none}@media (min-width: 768px){.p-main-article__txt .description{font-size:min( calc( 12 / 375 * 100vw ), 1.3rem );line-height:1.4;color:#777;width:100%;margin-bottom:1em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:calc( 1.4em * 2)}}.p-main-article__txt .etc{display:flex;align-items:center}.p-main-article__txt .etc .view,.p-main-article__txt .etc .favorite{display:flex;align-items:center;line-height:1.2;font-size:min( calc( 10 / 375 * 100vw ), 1.1rem );color:#777;margin-right:1em;white-space:nowrap}.p-main-article__txt .etc .view i,.p-main-article__txt .etc .favorite i{margin-right:0.3em}.p-main-article__txt .etc .category{margin-left:auto;background-color:#103996;color:#fff;font-weight:bold;line-height:1.2;font-size:min( calc( 10 / 375 * 100vw ), 1.1rem );padding:0.2em 0.5em;border-radius:3px;position:relative;z-index:2;transition:background 0.3s}.p-main-article__txt .etc .category:hover{background-color:#5a6c96}.p-main-article.category-color-01 .p-main-article__anchor:hover+.p-main-article__img+.p-main-article__txt .title{color:var(--category-color-01)}.p-main-article.category-color-01 .p-main-article__txt .etc .category:hover{background-color:var(--category-color-01)}.p-main-article.category-color-02 .p-main-article__anchor:hover+.p-main-article__img+.p-main-article__txt .title{color:var(--category-color-02)}.p-main-article.category-color-02 .p-main-article__txt .etc .category:hover{background-color:var(--category-color-02)}.p-main-article.category-color-03 .p-main-article__anchor:hover+.p-main-article__img+.p-main-article__txt .title{color:var(--category-color-03)}.p-main-article.category-color-03 .p-main-article__txt .etc .category:hover{background-color:var(--category-color-03)}.p-main-article.category-color-04 .p-main-article__anchor:hover+.p-main-article__img+.p-main-article__txt .title{color:var(--category-color-04)}.p-main-article.category-color-04 .p-main-article__txt .etc .category:hover{background-color:var(--category-color-04)}.p-main-article.category-color-05 .p-main-article__anchor:hover+.p-main-article__img+.p-main-article__txt .title{color:var(--category-color-05)}.p-main-article.category-color-05 .p-main-article__txt .etc .category:hover{background-color:var(--category-color-05)}.p-main-article-list ul{list-style:none}.p-main-article-list ul li{border-top:1px solid #eee}.p-main-article-list ul li:first-child{border-top:0}.p-aside-article{display:flex;align-items:center;padding:min( calc( 15 / 375 * 100vw ), 15px ) 0;position:relative}.p-aside-article__anchor{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:1}.p-aside-article__anchor:hover+.p-aside-article__img picture img{transform:scale(1.05, 1.05)}.p-aside-article__anchor:hover+.p-aside-article__img+.p-aside-article__txt .title{color:var(--key-color)}.p-aside-article__img{width:min( calc( 100 / 375 * 100vw ), 100px );margin-right:min( calc( 15 / 375 * 100vw ), 15px );flex-shrink:0}.p-aside-article__img picture{border-radius:3px}.p-aside-article__img picture:before{padding-top:calc( 2 / 3 * 100%)}.p-aside-article__img picture img{transition:transform 0.3s}.p-aside-article__txt .title{font-size:min( calc( 14 / 375 * 100vw ), 1.4rem );font-weight:bold;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:calc( 1.5em * 3);transition:color 0.3s}.p-aside-article-list ul{list-style:none}.p-aside-article-list ul li{border-top:1px solid #eee}.p-aside-article-list ul li:first-child{border-top:0}.p-aside-article-list--ranking ul{counter-reset:order}.p-aside-article-list--ranking ul li{counter-increment:order;position:relative}.p-aside-article-list--ranking ul li:before{content:counter(order);position:absolute;font-size:min( calc( 12 / 375 * 100vw ), 1.2rem );width:min( calc( 20 / 375 * 100vw ), 20px );height:min( calc( 20 / 375 * 100vw ), 20px );border-radius:50%;background-color:#888;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;z-index:1;left:max( calc( -5 / 375 * 100vw ), -5px );top:min( calc( 10 / 375 * 100vw ), 10px )}.p-aside-article-list--ranking ul li:nth-child( 1 ):before{background-color:#c8a660}.p-aside-article-list--ranking ul li:nth-child( 2 ):before{background-color:#b7b2b2}.p-aside-article-list--ranking ul li:nth-child( 3 ):before{background-color:#ac5a26}.p-tag{display:block;padding:0.3em 0.5em;font-size:min( calc( 13 / 375 * 100vw ), 1.3rem );line-height:1.2;border:1px solid #ccc;border-radius:3px;width:fit-content;transition:color 0.3s, background 0.3s, border 0.3s}.p-tag:before{content:'♯';margin-right:0.3em}.p-tag:hover{color:#fff;background-color:var(--base-font-color);border-color:var(--base-font-color)}.p-tag-list{overflow:hidden}.p-tag-list ul{list-style:none;display:flex;flex-wrap:wrap;margin:max( calc( -5 / 375 * 100vw ), -5px )}.p-tag-list ul li{padding:min( calc( 5 / 375 * 100vw ), 5px )}.p-button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;cursor:pointer;font-size:min( calc( 13 / 375 * 100vw ), 1.4rem );font-weight:bold;line-height:1.3;padding:0.8em 1em;border:1px solid var(--base-font-color);align-items:center;justify-content:center;transition:color 0.3s, background 0.3s, border 0.3s}.p-button:before{content:'';display:block;width:0.5em;height:0.5em;border-top:1px solid var(--base-font-color);border-right:1px solid var(--base-font-color);transform:rotate(45deg);margin-right:0.5em;transition:border 0.3s}.p-button:hover{color:#fff;background-color:var(--base-font-color);border-color:var(--base-font-color)}.p-button:hover:before{border-color:#fff}.p-main-button{margin-top:min( calc( 30 / 375 * 100vw ), 30px );max-width:min( calc( 300 / 375 * 100vw ), 300px );margin-left:auto;margin-right:auto}.p-aside-button{margin-top:min( calc( 20 / 375 * 100vw ), 20px );max-width:min( calc( 300 / 375 * 100vw ), 300px );margin-left:auto;margin-right:auto}.p-pagination{margin-top:min( calc( 25 / 375 * 100vw ), 35px )}.p-pagination svg{display:block;fill:transparent;stroke:#999;width:80%;height:auto;transition:stroke 0.3s}.p-pagination ul{list-style:none;display:flex;justify-content:center;align-items:center;margin:max( calc( -3 / 375 * 100vw ), -3px )}.p-pagination ul li a{display:flex;padding:min( calc( 3 / 375 * 100vw ), 3px );align-items:center;justify-content:center;width:min( calc( 36 / 375 * 100vw ), 36px );height:min( calc( 36 / 375 * 100vw ), 36px );font-size:min( calc( 15 / 375 * 100vw ), 1.6rem );transition:color 0.3s}.p-pagination ul li a:hover{color:var(--key-color)}.p-pagination ul li a:hover svg{stroke:var(--key-color)}.p-pagination ul li.current a{color:#fff;pointer-events:none;position:relative}.p-pagination ul li.current a:before{content:'';display:block;width:80%;height:80%;background-color:var(--key-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;border-radius:3px}.indexPage-top-articles{margin-top:max( calc( -25 / 375 * 100vw ), -40px );margin-left:max( calc( var( --gutter ) / 375 * -100vw ), calc( var( --gutter ) * -1px ) );margin-right:max( calc( var( --gutter ) / 375 * -100vw ), calc( var( --gutter ) * -1px ) );margin-bottom:min( calc( 35 / 375 * 100vw ), 35px )}@media (min-width: 992px){.indexPage-top-articles{margin-top:0;margin-left:0;margin-right:0}}.indexPage-top-articles__carousel{overflow:hidden;position:relative}@media (min-width: 992px){.indexPage-top-articles__swiper{margin:0 calc( -15 / 1200 * 100%)}}.indexPage-top-articles__swiper-wrap{display:flex}.indexPage-top-articles .item{width:100%;flex-shrink:0}.indexPage-top-articles .item .body{position:relative}.indexPage-top-articles .item .anchor{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.indexPage-top-articles .item .anchor:hover+.img picture img{transform:scale(1.05, 1.05)}.indexPage-top-articles .item .img picture:before{padding-top:calc( 2 / 3 * 100%)}.indexPage-top-articles .item .img picture img{transition:transform 0.3s}.indexPage-top-articles .item .category{position:absolute;top:min( calc( var( --gutter ) / 375 * 100vw ), calc( var( --gutter ) * 1px ) );left:min( calc( var( --gutter ) / 375 * 100vw ), calc( var( --gutter ) * 1px ) );z-index:2}.indexPage-top-articles .item .category a{display:block;padding:0.3em 0.5em;font-size:min( calc( 11 / 375 * 100vw ), 1.1rem );color:#fff;background-color:var(--key-color);font-weight:bold;line-height:1.2;border-radius:3px;transition:opacity 0.3s}.indexPage-top-articles .item .category a:hover{opacity:0.7;background-color:#5a6c96}.indexPage-top-articles .item .txt{position:absolute;bottom:0;left:0;width:100%;color:#fff;display:flex;flex-wrap:wrap;align-items:center;background:linear-gradient(to top, #000, transparent);padding:min( calc( var( --gutter ) / 375 * 100vw ), calc( var( --gutter ) * 1px ) )}.indexPage-top-articles .item .txt .title{width:100%;line-height:1.4;font-weight:bold;font-size:min( calc( 15 / 375 * 100vw ), 1.5rem );display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:calc( 1.4em * 2)}.indexPage-top-articles .item .txt .view,.indexPage-top-articles .item .txt .favorite{display:flex;align-items:baseline;font-size:min( calc( 11 / 375 * 100vw ), 1.1rem );line-height:1.2;margin-top:1em}.indexPage-top-articles .item .txt .view i,.indexPage-top-articles .item .txt .favorite i{margin-right:0.3em}.indexPage-top-articles .item .txt .view{margin-right:1em}.indexPage-top-articles .item.category-color-01 .category a{background-color:var(--category-color-01)}.indexPage-top-articles .item.category-color-02 .category a{background-color:var(--category-color-02)}.indexPage-top-articles .item.category-color-03 .category a{background-color:var(--category-color-03)}.indexPage-top-articles .item.category-color-04 .category a{background-color:var(--category-color-04)}.indexPage-top-articles .item.category-color-05 .category a{background-color:var(--category-color-05)}@media (min-width: 520px){.indexPage-top-articles .item{max-width:380px}}@media (min-width: 992px){.indexPage-top-articles .item{max-width:none;width:calc( 1/ 3 * 100%);padding:0 calc( 15 / 1200 * 100%)}}.indexPage-top-articles__navigation{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.indexPage-top-articles__navigation button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;pointer-events:auto;cursor:pointer;width:min( calc( 46 / 375 * 100vw ), 46px );height:min( calc( 46 / 375 * 100vw ), 46px );position:absolute;top:50%;margin-top:max( calc( -23 / 375 * 100vw ), -23px );filter:drop-shadow(0 0 4px rgba(0,0,0,0.3))}.indexPage-top-articles__navigation button:before{content:'';display:block;width:50%;height:50%;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);margin-left:10%}.indexPage-top-articles__navigation button.prev{transform:scale(-1, 1);left:0}.indexPage-top-articles__navigation button.next{right:0}.indexPage-top-articles__pager{display:flex;justify-content:center;margin-top:min( calc( 15 / 375 * 100vw ), 15px )}.indexPage-top-articles__pager span{display:block;width:min( calc( 10 / 375 * 100vw ), 10px );height:min( calc( 10 / 375 * 100vw ), 10px );background-color:#ddd;border-radius:50%;margin-left:min( calc( 10 / 375 * 100vw ), 10px );cursor:pointer}.indexPage-top-articles__pager span:first-child{margin-left:0}.indexPage-top-articles__pager span.active{background-color:var(--key-color)}.indexPage-top-articles.not-carousel .item{max-width:none}.indexPage-top-articles.not-carousel .indexPage-top-articles__navigation{display:none}.indexPage-top-articles.not-carousel .indexPage-top-articles__pager{display:none}.p-clipkit-form form{display:block;margin-top:1em}.p-clipkit-form .form-field{margin-top:1.5em}.p-clipkit-form .form-field:first-child{margin-top:0}.p-clipkit-form .form-group{margin:0}.p-clipkit-form .checkbox-inline,.p-clipkit-form .radio-inline{line-height:1.4}.p-clipkit-form .btn.btn-primary.submit{margin-top:2em}.categoryPage-header{margin-top:max( calc( -25 / 375 * 100vw ), -40px );margin-bottom:min( calc( 35 / 375 * 100vw ), 50px )}@media (min-width: 520px){.categoryPage-header{margin-top:0}}.categoryPage-header__title{width:100%;font-size:min(calc( 22 / 375 * 100vw ), 2.2rem);line-height:1.5;padding-bottom:0.5em;min-height:45px;display:flex;align-items:center;font-weight:bold;border-bottom:1px solid var(--base-font-color)}.categoryPage-header__info{margin-top:min( calc( 25 / 375 * 100vw ), 35px )}@media (min-width: 520px){.categoryPage-header__info{display:flex;flex-wrap:wrap;align-items:center}}.categoryPage-header__img{margin-bottom:min( calc( 20 / 375 * 100vw ), 20px )}.categoryPage-header__img picture{border-radius:5px}.categoryPage-header__img picture:before{padding-top:calc( 2 / 3 * 100%)}@media (min-width: 520px){.categoryPage-header__img{margin-left:0;margin-bottom:0;margin-right:calc( 50 / var( --container-width ) * 100%);width:calc( 400 / var( --container-width ) * 100%);flex-shrink:0}}@media (min-width: 520px){.categoryPage-header__description{flex:1}.categoryPage-header__description .title{margin-left:0}}.categoryPage-header__sub-category{margin-top:min( calc( 20 / 375 * 100vw ), 35px );font-size:min( calc( 13 / 375 * 100vw ), 1.3rem );width:100%;overflow:hidden}.categoryPage-header__sub-category ul{list-style:none;display:flex;flex-wrap:wrap;margin:-0.5em}.categoryPage-header__sub-category ul li{padding:0.5em;width:calc( 1 / 2 * 100%)}.categoryPage-header__sub-category ul li a{display:flex;align-items:center;background-color:#f5f5f5;border-radius:5px;padding:1em;line-height:1.3;height:100%;transition:color 0.3s, background 0.3s}.categoryPage-header__sub-category ul li a:before{content:'';display:block;width:0.5em;height:0.5em;border-top:1px solid var(--base-font-color);border-right:1px solid var(--base-font-color);transform:rotate(45deg);margin-right:0.5em;transition:border 0.3s}.categoryPage-header__sub-category ul li a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categoryPage-header__sub-category ul li a:hover{background-color:var(--key-color);color:#fff}.categoryPage-header__sub-category ul li a:hover:before{border-color:#fff}@media (min-width: 768px){.categoryPage-header__sub-category ul li{width:calc( 1 / 3 * 100%)}}@media (min-width: 992px){.categoryPage-header__sub-category ul li{width:calc( 1 / 4 * 100%)}}.tagPage-header{margin-top:max( calc( -25 / 375 * 100vw ), -40px );margin-bottom:min( calc( 35 / 375 * 100vw ), 50px )}@media (min-width: 520px){.tagPage-header{margin-top:0}}.tagPage-header__title{width:100%;font-size:min(calc( 22 / 375 * 100vw ), 2.2rem);line-height:1.5;padding-bottom:0.5em;min-height:45px;display:flex;align-items:center;font-weight:bold;border-bottom:1px solid var(--base-font-color)}.tagPage-header__info{margin-top:min( calc( 25 / 375 * 100vw ), 35px )}@media (min-width: 520px){.tagPage-header__info{display:flex;flex-wrap:wrap;align-items:center}}.tagPage-header__img{margin-bottom:min( calc( 20 / 375 * 100vw ), 20px )}.tagPage-header__img picture{border-radius:5px}.tagPage-header__img picture:before{padding-top:calc( 2 / 3 * 100%)}@media (min-width: 520px){.tagPage-header__img{margin-left:0;margin-bottom:0;margin-right:calc( 50 / var( --container-width ) * 100%);width:calc( 400 / var( --container-width ) * 100%);flex-shrink:0}}@media (min-width: 520px){.tagPage-header__description{flex:1}.tagPage-header__description .title{margin-left:0}}.writerPage-header{margin-top:max( calc( -25 / 375 * 100vw ), -40px );margin-bottom:min( calc( 35 / 375 * 100vw ), 50px )}@media (min-width: 520px){.writerPage-header{margin-top:0}}.writerPage-header__title{width:100%;font-size:min(calc( 22 / 375 * 100vw ), 2.2rem);line-height:1.5;padding-bottom:0.5em;min-height:45px;display:flex;align-items:center;font-weight:bold;border-bottom:1px solid var(--base-font-color)}.writerPage-header__info{margin-top:min( calc( 25 / 375 * 100vw ), 35px )}@media (min-width: 520px){.writerPage-header__info{display:flex;flex-wrap:wrap;align-items:center}}.writerPage-header__img{margin-bottom:min( calc( 20 / 375 * 100vw ), 20px )}.writerPage-header__img picture{border-radius:5px}.writerPage-header__img picture:before{padding-top:calc( 2 / 3 * 100%)}@media (min-width: 520px){.writerPage-header__img{margin-left:0;margin-bottom:0;margin-right:calc( 50 / var( --container-width ) * 100%);width:calc( 400 / var( --container-width ) * 100%);flex-shrink:0}}.writerPage-header__txt .name{font-size:min( calc( 16 / 375 * 100vw ), 1.6rem );line-height:1.5;font-weight:bold}.writerPage-header__txt .description{margin-top:1em}.writerPage-header__txt .follow-button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0.5em 1em;line-height:1.2;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--base-font-color);border-radius:3px;margin-top:1em;font-size:min( calc( 14 / 375 * 100vw ), 1.4rem );transition:color 0.3s, background 0.3s, border 0.3s}.writerPage-header__txt .follow-button span{display:block}.writerPage-header__txt .follow-button span i{margin-right:0.3em}.writerPage-header__txt .follow-button span.follow{display:block}.writerPage-header__txt .follow-button span.unfollow{display:none}.writerPage-header__txt .follow-button:hover{background-color:rgba(255,178,0,0.5);border-color:rgba(255,178,0,0.5)}.writerPage-header__txt .follow-button.added{color:#fff;background-color:#ffb200;border-color:#ffb200}.writerPage-header__txt .follow-button.added span.follow{display:none}.writerPage-header__txt .follow-button.added span.unfollow{display:block}@media (min-width: 520px){.writerPage-header__txt{flex:1}}.articlePage-header{position:relative;margin-bottom:min( calc( 30 / 375 * 100vw ), 40px )}.articlePage-header__title{font-weight:bold;border-bottom:1px solid var(--base-font-color);line-height:1.5;font-size:min( calc( 20 / 375 * 100vw ), 3rem );padding-bottom:0.5em;margin-bottom:0.5em}@media (min-width: 992px){.articlePage-header__title{padding-right:calc( 350 / var( --container-width ) * 100%)}}.articlePage-header__favorite-print{display:flex;width:100%;max-width:400px;margin:auto;margin-top:1.5em}.articlePage-header__favorite-print button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0.5em 1em;border-radius:3px;border:1px solid var(--base-font-color);line-height:1.2;transition:color 0.3s, background 0.3s, border 0.3s;margin-left:1em;width:100%}.articlePage-header__favorite-print button i{font-size:140%;margin-right:0.3em;flex-shrink:0}.articlePage-header__favorite-print button .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;width:fit-content}.articlePage-header__favorite-print button:first-child{margin-left:0}.articlePage-header__favorite-print button.favorite{position:relative}.articlePage-header__favorite-print button.favorite.added{color:#fff;background-color:#ffb200;border-color:#ffb200}.articlePage-header__favorite-print button.favorite .num{display:block;margin-left:1em}.articlePage-header__favorite-print button.favorite .users{position:absolute;top:100%;left:50%;transform:translate(-50%, -20px);width:fit-content;max-width:300px;padding-top:1.2em;opacity:0;visibility:hidden;pointer-event:none;transition:opacity 0.3s, visibility 0.3s, transform 0.3s;text-align:left;white-space:nowrap;z-index:1}.articlePage-header__favorite-print button.favorite .users:before{content:'';display:block;width:0;height:0;border-style:solid;border-width:0 0.4em 1em 0.4em;border-color:transparent transparent rgba(0,0,0,0.8) transparent;position:absolute;top:0.2em;left:50%;margin-left:-0.4em}.articlePage-header__favorite-print button.favorite .users p{background-color:rgba(0,0,0,0.8);color:#fff;border-radius:5px;padding:1em;font-size:min( calc( 12 / 375 * 100vw ), 1.3rem );line-height:1.4}.articlePage-header__favorite-print button.print-out{display:none}.articlePage-header__favorite-print button.print-out:hover{color:#fff;background-color:var(--key-color);border-color:var(--key-color)}@media (min-width: 992px){.articlePage-header__favorite-print{position:absolute;right:0;top:0;margin-top:0;width:calc( 300 / var( --container-width ) * 100%)}.articlePage-header__favorite-print button.favorite:hover .users{opacity:1;visibility:visible;transform:translate(-50%, 0)}.articlePage-header__favorite-print button.print-out{display:flex}}.articlePage-header__etc{font-size:min( calc( 12 / 375 * 100vw ), 1.4rem );line-height:1.5}@media (min-width: 992px){.articlePage-header__etc{display:flex;flex-wrap:wrap;align-items:center;margin-top:1.5em}}.articlePage-header__etc .informations{font-size:min( calc( 12 / 375 * 100vw ), 1.4rem );line-height:1.5}.articlePage-header__etc .informations time{display:block}.articlePage-header__etc .informations .counter{display:flex}.articlePage-header__etc .informations .counter>span{display:block;margin-left:1em}.articlePage-header__etc .informations .counter>span i{margin-right:0.3em}.articlePage-header__etc .informations .counter>span:first-child{margin-left:0}@media (min-width: 768px){.articlePage-header__etc .informations{display:flex}.articlePage-header__etc .informations time.update{margin-left:1em}.articlePage-header__etc .informations .counter{margin-right:1em}}@media (min-width: 992px){.articlePage-header__etc .informations{order:2}}.articlePage-header__etc .reactions{display:flex;margin-right:auto;width:100%;max-width:400px;margin:auto;margin-top:1em}.articlePage-header__etc .reactions .item{margin-left:1em;display:block;width:calc( 1 / 3 * 100%)}.articlePage-header__etc .reactions .item:first-child{margin-left:0}.articlePage-header__etc .reactions button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0.5em 1em;border-radius:3px;border:1px solid var(--base-font-color);line-height:1.2;transition:color 0.3s, background 0.3s, border 0.3s;min-height:55px;position:relative;display:block;width:100%}.articlePage-header__etc .reactions button .icon{display:flex;align-items:center;white-space:nowrap;font-size:min( calc( 12 / 375 * 100vw ), 1.3rem );width:100%;justify-content:center;font-weight:bold}.articlePage-header__etc .reactions button .icon svg{display:block;width:min( calc( 20 / 375 * 100vw ), 23px );height:auto;flex-shrink:0;margin-right:0.3em;transition:fill 0.3s}.articlePage-header__etc .reactions button .icon i{display:block;margin-right:0.3em;transition:fill 0.3s;font-size:1.7rem}.articlePage-header__etc .reactions button .num{display:block;width:100%;margin-top:0.2em}.articlePage-header__etc .reactions button:hover{background-color:rgba(255,178,0,0.1)}@media (min-width: 992px){.articlePage-header__etc .reactions button:hover .users{opacity:1;visibility:visible;transform:translate(-50%, 0)}}.articlePage-header__etc .reactions button.added{border-color:#ffb200;color:#ffb200}.articlePage-header__etc .reactions button.added .icon svg{fill:#ffb200}.articlePage-header__etc .reactions button .users{position:absolute;top:100%;left:50%;transform:translate(-50%, -20px);width:fit-content;max-width:300px;padding-top:1.2em;opacity:0;visibility:hidden;pointer-event:none;transition:opacity 0.3s, visibility 0.3s, transform 0.3s;text-align:left;white-space:nowrap;z-index:1}.articlePage-header__etc .reactions button .users:before{content:'';display:block;width:0;height:0;border-style:solid;border-width:0 0.4em 1em 0.4em;border-color:transparent transparent rgba(0,0,0,0.8) transparent;position:absolute;top:0.2em;left:50%;margin-left:-0.4em}.articlePage-header__etc .reactions button .users p{background-color:rgba(0,0,0,0.8);color:#fff;border-radius:5px;padding:1em;font-size:min( calc( 12 / 375 * 100vw ), 1.3rem );line-height:1.4}@media (min-width: 992px){.articlePage-header__etc .reactions{margin-top:0;margin-left:0;order:1}}.articlePage-eyecatch{display:flex;justify-content:center}.articlePage-eyecatch picture{display:block;border-radius:min( calc( 5 / 375 * 100vw ), 5px );overflow:hidden}.articlePage-eyecatch picture img{display:block}.articlePage-description{margin-top:1.5em}.articlePage-article-items{margin-top:min( calc( 30 / 375 * 100vw ), 40px )}.articlePage-writer{display:flex;flex-direction:column;align-items:center}@media (min-width: 520px){.articlePage-writer{flex-direction:row}}.articlePage-writer__img{margin-bottom:min( calc( 15 / 375 * 100vw ), 15px );max-width:min( calc( 200 / 375 * 100vw ), 200px )}.articlePage-writer__img picture{display:block;border-radius:3px;overflow:hidden}.articlePage-writer__img picture img{display:block;max-height:min( calc( 200 / 375 * 100vw ), 300px );margin:auto}@media (min-width: 520px){.articlePage-writer__img{margin-bottom:0;max-width:calc( 300 / var( --container-width ) * 100%);margin-right:calc( 40 / var( --container-width ) * 100%);flex-shrink:0}}.articlePage-writer__txt{display:flex;flex-direction:column;align-items:center}.articlePage-writer__txt .name{font-weight:bold;font-size:min( calc( 16 / 375 * 100vw ), 1.6rem );line-height:1.5}.articlePage-writer__txt .description{margin-top:1em}.articlePage-writer__txt .follow-button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0.5em 1em;line-height:1.2;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--base-font-color);border-radius:3px;margin-top:1em;font-size:min( calc( 14 / 375 * 100vw ), 1.4rem );transition:color 0.3s, background 0.3s, border 0.3s}.articlePage-writer__txt .follow-button span{display:block}.articlePage-writer__txt .follow-button span i{margin-right:0.3em}.articlePage-writer__txt .follow-button span.follow{display:block}.articlePage-writer__txt .follow-button span.unfollow{display:none}.articlePage-writer__txt .follow-button:hover{background-color:rgba(255,178,0,0.5);border-color:rgba(255,178,0,0.5)}.articlePage-writer__txt .follow-button.added{color:#fff;background-color:#ffb200;border-color:#ffb200}.articlePage-writer__txt .follow-button.added span.follow{display:none}.articlePage-writer__txt .follow-button.added span.unfollow{display:block}@media (min-width: 520px){.articlePage-writer__txt{flex:1;align-items:flex-start}}.articlePage-comments{font-size:min( calc( 15 / 375 * 100vw ), 1.5rem )}.articlePage-comments .comment .name{margin-left:1em;color:#888;font-size:80%}.articlePage-comments .comment .date{margin-left:0.5em;color:#888;font-size:80%}.articlePage-comments .assets{margin-top:0.5em}.articlePage-comments .assets ul{list-style:none;display:flex;flex-wrap:wrap;margin:max( calc( -5 / 375 * 100vw ), -5px )}.articlePage-comments .assets ul li{padding:min( calc( 5 / 375 * 100vw ), 5px );width:100%;width:min( calc( 80 / 375 * 100vw ), 80px )}.articlePage-comments .assets ul li a{display:block}.articlePage-comments .assets ul li a picture{border-radius:3px}.articlePage-comments .assets ul li a picture:before{padding-top:100%}.articlePage-comments__item{padding:2em 0;border-bottom:1px solid #ddd}.articlePage-comments__comment .sender{display:flex;align-items:center;margin-bottom:1em}.articlePage-comments__comment .sender .img{width:min( calc( 30 / 375 * 100vw ), 30px );margin-right:0.5em}.articlePage-comments__comment .sender .img picture{border-radius:50%}.articlePage-comments__comment .sender .img picture:before{padding-top:100%}.articlePage-comments__comment .sender .name{font-weight:bold}.articlePage-comments__comment .sender .date{margin-left:1em;color:#888;font-size:80%}.articlePage-comments__replies{border-left:2px solid #ccc;padding-left:1.5em;margin-left:1em;margin-top:1.5em}.articlePage-comments__replies .reply{margin-top:1.5em;padding-top:1.5em;position:relative}.articlePage-comments__replies .reply:before{content:'';display:block;height:1px;width:100%;background-image:linear-gradient(to right, #ccc, #ccc 3px, transparent 3px, transparent 3px);background-size:6px 1px;background-repeat:repeat-x;position:absolute;top:0;left:0}.articlePage-comments__replies .reply:first-child{margin-top:0}.articlePage-comments__replies .reply .comment{font-size:min( calc( 14 / 375 * 100vw ), 1.4rem )}.articlePage-comments__reply-button{margin-top:1.5em;display:block;font-size:min( calc( 13 / 375 * 100vw ), 1.3rem );border:1px solid var(--base-font-color);border-radius:3px;padding:0.4em 1em;width:fit-content;line-height:1.2;transition:color 0.3s, background 0.3s, border 0.3s}.articlePage-comments__reply-button:hover{color:#fff;background-color:var(--key-color);border-color:var(--key-color)}.articlePage-comments__footer{margin-top:1.5em;display:flex;align-items:center}.articlePage-comments__footer .comment-button{display:block;font-size:min( calc( 14 / 375 * 100vw ), 1.4rem );border:1px solid var(--base-font-color);border-radius:3px;padding:0.5em 1em;width:fit-content;line-height:1.2;transition:color 0.3s, background 0.3s, border 0.3s}.articlePage-comments__footer .comment-button i{margin-right:0.3em}.articlePage-comments__footer .comment-button:hover{color:#fff;background-color:var(--key-color);border-color:var(--key-color)}.articlePage-comments__footer .more{margin-left:auto;text-decoration:underline;transition:color 0.3s}.articlePage-comments__footer .more:hover{color:var(--key-color)}.fixedPage-title{margin-bottom:2em}.fixedPage-contents{margin-top:min( calc( 40 / 375 * 100vw ), 80px );max-width:750px;margin-left:auto;margin-right:auto}.fixedPage-contents__body{max-width:780px;margin:auto}.searchPage-sort{display:flex;max-width:600px;margin-bottom:min( calc( 30 / 375 * 100vw ), 30px )}.searchPage-sort .item{margin-left:min( calc( 15 / 375 * 100vw ), 30px );width:50%}.searchPage-sort .item:first-child{margin-left:0}.searchPage-sort .item header{display:block;font-size:min( calc( 14 / 375 * 100vw ), 1.4rem );font-weight:bold;line-height:1.2;margin-bottom:0.3em}.searchPage-sort .item select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;font-size:1.6rem;padding:0.4em 0.5em;border:1px solid #ddd;width:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 10 5' preserveAspectRatio='none'><polyline vector-effect='non-scaling-stroke' stroke='%23ccc' fill='transparent' points='10,0 5,5 0,0 '/></svg>");background-repeat:no-repeat;background-position:calc( 100% - 1em) center;padding-right:2.5em}@media (min-width: 520px){.searchPage-sort .item{display:flex;align-items:center}.searchPage-sort .item header{flex-shrink:0;margin-bottom:0;margin-right:0.5em}.searchPage-sort .item select{flex:1}}
