@font-face{src:url(/webfonts/icomoon.eot);src:url(/webfonts/icomoon.eot) format("embedded-opentype"),url(/webfonts/icomoon.ttf) format("truetype"),url(/webfonts/icomoon.woff) format("woff"),url(/webfonts/icomoon.svg) format("svg");font-display:block;font-family:"icomoon";font-style:normal;font-weight:normal}html{font-size:62.5%}body{color:#000;font-family:"\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3","Hiragino Kaku Gothic ProN","\30E1\30A4\30EA\30AA","Meiryo","verdana",sans-serif;font-size:1.4rem;line-height:160%}a{outline:none;color:#000;text-decoration:none}a img{transition:opacity .2s ease,transform .4s ease}a:hover img{opacity:.8}a:hover img.scale{transform:scale(1.1)}img{-webkit-backface-visibility:hidden;-webkit-touch-callout:none;max-width:100%}ul{list-style:none}button{outline:none}main #content>header h1{padding:15px;font-size:1.6rem;line-height:100%;text-align:center}main #content>header .cond{margin:0 15px 15px;padding:5px;background-color:#f5f5f5;font-size:1.2rem}main #content>header .cond label{font-weight:bold}main #content>header .cond label:after{content:":"}main #content>header .cond span{display:inline-block;margin-right:0;padding:2px 5px;border:1px solid #aaa;border-radius:2px;background-color:#fff;line-height:100%}main #content .bnr img{line-height:0}main #content .article{padding:15px 10px 20px;background-color:#ededed}main #content .article>ul li{position:relative;background-color:#fff}main #content .article>ul li a{grid-gap:0;-ms-grid-rows:auto 0 auto 0 auto 0 auto;-ms-grid-columns:1fr 0 1fr;display:-ms-grid;display:grid;grid-template:"pic pic" auto "type time" auto "title title" auto "editor editor" auto/1fr 1fr;padding:10px}main #content .article>ul li a>figure{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;position:relative;grid-area:pic;width:100%;padding-top:60%}main #content .article>ul li a>figure img{-o-object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}main #content .article>ul li a .title{-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:3;position:relative;grid-area:title;padding-top:10px;font-size:1.3rem;font-weight:bold;line-height:140%}main #content .article>ul li a .title:after{position:absolute;top:0;left:0;width:100%;border-top:1px solid #000;content:""}main #content .article>ul li a .type{-ms-grid-row:3;-ms-grid-column:1;position:relative;grid-area:type;padding:10px 0;font-size:1rem;line-height:100%}main #content .article>ul li a time{-ms-grid-row:3;-ms-grid-column:3;grid-area:time;padding:10px 0;font-size:1rem;line-height:100%;text-align:right}main #content .article>ul li a .editor{-ms-grid-row:7;-ms-grid-column:1;-ms-grid-column-span:3;display:flex;grid-area:editor;align-items:center;margin-top:5px}main #content .article>ul li a .editor figure{width:32px;height:32px;margin-right:10px}main #content .article>ul li a .editor figure img{-o-object-fit:cover;width:100%;height:100%;object-fit:cover;border-radius:100%}main #content .article>ul li a .editor p{flex:1;font-size:10px;font-weight:bold;line-height:120%}main #content .article>ul li a .editor p span{display:block}main #content .article>ul li a .category,main #content .article>ul li a .rank{position:absolute;top:10px;left:10px;padding:5px 10px;background-color:#000;color:#fff;font-size:1.1rem;line-height:100%}main #content .article>ul li+li{margin-top:20px}main #content .article .none{text-align:center}@media screen and (max-width: 640px){body{width:100%;overflow-x:hidden}}@media screen and (min-width: 640px){a[href^="tel:"]{pointer-events:none}}