:root{--base-margin: 28px;--base-padding: 28px;--list-width: min(100vw, 1000px);--top-main-width: calc(var(--list-width) * 5.4 / 10);--top-sub-width: calc(var(--list-width) * 4.6 / 10);--top-main-image-height: calc(var(--top-main-width) * 4 / 10);--top-sub-image-height: calc(var(--top-sub-width) * 3.1 / 10)}a{text-decoration:none;color:#000}.loading{width:100%;padding:20px 0;display:flex;justify-content:center}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.news-list{max-width:var(--list-width);min-height:100vh;margin:0 auto;padding-top:20px}.news-container{margin:auto;padding:0 20px}.top-container-wrap{display:flex}.top-main-container{width:var(--top-main-width)}.top-sub-container-wrap{width:var(--top-main-width);display:flex;box-sizing:border-box;padding-right:2px}.title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.meta-info{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-info .meta-info-text{font-size:11px;line-height:1.4;color:#555}.meta-info .highly-influential{font-size:11px;line-height:1.4;color:#dd913f}.meta-info .new{font-size:11px;color:#ed0b0b}.description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word}.description .description-text{font-size:13px;line-height:1.4}.news-link-box:hover{opacity:.9;transition:all .3s}.news-link-box:hover .title{text-decoration:underline;color:#145da0}.news-link-wrap .title{color:#0f3875;font-weight:700}.top-box{display:flex;flex-direction:column;padding-right:var(--base-padding);padding-bottom:var(--base-padding);border-bottom:1px solid var(--base-border-color)}.top-box .news-link-box .thumbnail-box{margin-top:2px}.top-box .news-link-box img{object-fit:cover;width:100%;height:var(--top-main-image-height);clip-path:polygon(0 0,100% 0,100% 100%,0 99%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 99%)}.top-box .news-link-box .text-box .title{margin-top:8px;margin-bottom:8px;font-size:19px}.top-box .news-link-box .meta-info{margin-bottom:0}.top-main-container .text-box{width:100%;min-height:0px;margin-bottom:0}.top-main-container .meta-info{margin-bottom:0}.top-sub-container{width:50%;padding-right:var(--base-padding);padding-top:var(--base-padding)}.top-sub-container .thumbnail-box img{object-fit:cover;width:100%;height:var(--top-sub-image-height);clip-path:polygon(0 0,100% 0,100% 100%,0 99%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 99%)}.top-sub-container .title{margin-top:4px;margin-bottom:5px;-webkit-line-clamp:2;font-size:17px}.top-sub-container .meta-info{margin:2px 0}.top-sub-container .text-box{min-height:85px}.top-section-container-wrap{width:var(--top-sub-width);border-left:1px solid var(--base-border-color)}.top-section-container{padding-left:var(--base-padding);margin-bottom:15px;border-bottom:1px solid var(--base-border-color)}.top-section-container .text-box{min-height:130px}.top-section-container .text-box .description{-webkit-line-clamp:2}.top-section-container:last-child{border-bottom:none}.top-section-container .text-box{margin-bottom:18px}.text-box{width:100%;min-height:100px;margin-bottom:16px}.text-box .title{margin-bottom:8px;font-size:17px}.text-box .meta-info{margin-left:1px;margin-bottom:8px}.text-box .description-text{font-size:12px}.list-container{border-top:1px solid var(--base-border-color);padding:14px 6px}.list-container .news-link-wrap{display:flex}.list-container .text-box{flex:1;margin-top:5px}.list-container .thumbnail-box{width:150px;height:95px;margin:10px 0;margin-right:var(--base-margin)}.list-container .thumbnail-box img{object-fit:cover;width:100%;height:100%}.list-container .meta-info{margin-bottom:10px}@media screen and (max-width:480px){.news-list{padding-top:16px}.news-container{padding:0 16px}.top-container-wrap{display:block}.top-main-container{width:100%}.top-sub-container-wrap{width:100%;display:block}.top-sub-container{width:100%;padding-top:16px;padding-right:0;border-top:1px solid var(--base-border-color)}.top-sub-container .text-box{min-height:75px}.top-sub-container .thumbnail-box img{object-fit:cover;width:100%;height:120px}.top-sub-container .news-link-box .title{font-size:17px;line-height:1.4}.text-box{min-height:60px}.top-section-container-wrap{width:100%;margin-bottom:20px;border-left:none}.top-section-container{padding-left:0;padding-top:12px;border-top:1px solid var(--base-border-color);border-bottom:none}.top-box{margin-right:0;margin-bottom:0;padding-right:0;border-bottom:none}.top-box .news-link-box .thumbnail-box{margin-top:0}.top-box .news-link-box img{height:150px}.top-box .news-link-box .text-box .title{margin-top:8px;margin-bottom:8px;font-size:19px}.list-container{padding:12px 6px;min-height:130px}.list-container .thumbnail-box{width:64px;height:48px;padding-top:1px;margin-right:15px}.list-container .thumbnail-box img{object-fit:cover;width:100%;height:100%}.list-container .meta-info .meta-info-text{font-size:11px;line-height:1.4}.list-container .highly-influential,.list-container .new{font-size:11px}.list-container .text-box{margin-bottom:8px}.list-container .text-box .title{font-size:16px}.list-container .text-box .description{-webkit-line-clamp:2}.list-container .text-box .description .description-text{font-size:12px;line-height:1.4}.news-link-box .title{font-size:17px;line-height:1.4}}:root{--base-border-color: #888}*{margin:0;padding:0}html{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Noto Sans Japanese,ヒラギノ角ゴ ProN W3,Meiryo,sans-serif}body{background-color:#fff;font-size:100%;-webkit-tap-highlight-color:transparent}ul{list-style-type:none}.app{height:100%;width:100%}.header{width:100%;height:58px;background:#222}.header-container{max-width:1020px;margin:0 auto}.logo{height:100%;padding-top:4px;margin-left:12px}.logo-img{width:auto;height:49px}.swipe{width:100vw;min-height:100vh;display:flex;flex-flow:row nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none}.swipe-item{width:100%;flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:always}.swipe::-webkit-scrollbar{display:none}@media screen and (max-width:480px){.header{height:50px}.logo-img{height:42px}}.footer{width:100%;height:60px}.footer-container{max-width:1000px;margin:0 auto;padding:20px 0;border-top:1px solid #ccc;font-size:12px;color:var(--base-border-color);text-align:center}.footer-container .info2{margin-top:7px}.privacy-policy-wrap{width:650px;height:100%;margin:0 auto 25px;font-size:13px}.privacy-policy-container{padding:12px}.privacy-policy-container .title{font-size:18px;font-weight:700;padding:12px 0}.privacy-policy-container .main{padding-left:6px}.privacy-policy-container .bold{font-weight:700}.privacy-policy-container ul{list-style-type:disc}.privacy-policy-container ul li{margin-left:20px}.privacy-policy-container p{font-size:14px;padding-top:12px;padding-bottom:4px}.privacy-policy-container a{word-break:break-all}@media screen and (max-width:650px){.privacy-policy-wrap{width:100%}}.navigation{width:100%;border-bottom:1px solid #ccc;position:sticky;position:-webkit-sticky;top:0;z-index:1000;background:#fff}.navigation-wrap{overflow:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.navigation-wrap::-webkit-scrollbar{height:100%;display:none}.navigation-container{width:100%;height:100%;min-width:950px;display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.channel-section{margin:0 4px;min-width:50px}.channel-section a{display:block;height:34px;padding:0 6px;text-align:center;line-height:33px;text-decoration:none;color:#000;font-size:13px;white-space:nowrap}.channel-section a:hover{color:#184175}.channel-section .router-link-active{box-sizing:border-box;border-bottom:2px solid #222;font-size:14px}@media screen and (max-width:480px){.navigation{margin-top:-1px;border-top:1px solid #ccc}.channel-section{margin:1px 5px 0}.channel-section a{height:38px;line-height:36px;font-size:14px}.router-link-active{transition:all .3s ease-out}}