@charset "utf-8";#topix{background-color:#DEDFEE;color:#535353}#articles>#topix{background-color:#FFF;color:#333}#topix h2{line-height:1.2}#topix ul{text-align:left}#topix ul li{display:inline-block;vertical-align:top;word-break:break-all}#topix ul li.slick-slide{margin:0 5px}#topix ul li.slick-slide>a,#topix ul:not(.slick-dots)>li>a{display:block;overflow:hidden;position:relative}#topix ul li.slick-slide>a:before,#topix ul:not(.slick-dots)>li>a:before{content:"";display:block;padding-top:68.18181818181818%}#topix ul li.slick-slide>a img,#topix ul:not(.slick-dots)>li>a img{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#topix ul li img{width:100%}#topix ul li h3{color:#2E3192;line-height 1.2}#topix ul li p{font-size:87.5%}#topix ul .slick-prev,#topix ul .slick-next{line-height:1}#topix ul .slick-prev{left:0;-ms-transform:translate(-65%,-50%);-webkit-transform:translate(-65%,-50%);transform:translate(-65%,-50%)}#topix ul .slick-next{right:0;-ms-transform:translate(65%,-50%);-webkit-transform:translate(65%,-50%);transform:translate(65%,-50%)}#topix ul .slick-prev:before,#topix ul .slick-next:before{color:#666;font-family:"Material Design Icons"}#topix ul .slick-prev:before{content:"\F141"}#topix ul .slick-next:before{content:"\F142"}#topix ul.slick-dots{position:static;text-align:center}@media screen and (min-width:360px) and (max-width:639px){#topix ul:not(.slick-dots)>li{width:-webkit-calc((100% - (3.125% * 3)) / 2);width:calc((100% - (3.125% * 3)) / 2)}}@media screen and (min-width:640px) and (max-width:767px){#topix ul:not(.slick-dots)>li{width:-webkit-calc((100% - (3.125% * 4)) / 3);width:calc((100% - (3.125% * 4)) / 3)}}@media screen and (max-width:767px){#topix{padding-top:3.125%;padding-bottom:3.125%}#topix h2{font-size:150%;margin-bottom:3.125%}#topix ul:not(.slick-dots)>li{margin-left:3.125%;margin-bottom:3.125%}}@media screen and (min-width:768px){#topix{padding-top:30px;padding-bottom:30px}#topix h2{font-size:200%;margin-bottom:30px}#topix ul li.slick-slide>a,#topix ul:not(.slick-dots)>li>a{margin-bottom:5px}#topix ul:not(.slick-dots)>li{margin-bottom:20px}}@media screen and (min-width:768px) and (max-width:939px){#topix ul{padding-left:15px;padding-right:15px}#topix ul .slick-prev,#topix ul .slick-next{height:40px;width:40px}#topix ul .slick-prev:before,#topix ul .slick-next:before{font-size:40px}#topix ul:not(.slick-dots)>li{width:-webkit-calc((100% - (20px * 2)) / 3);width:calc((100% - (20px * 2)) / 3)}#topix ul:not(.slick-dots)>li:not(:nth-child(3n+1)){margin-left:20px}}@media screen and (min-width:940px){#topix ul li.slick-slide>a img,#topix ul:not(.slick-dots)>li>a img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 0.2s ease-out 0s}#topix ul li.slick-slide>a:hover img,#topix ul:not(.slick-dots)>li>a:hover img{opacity:.7}#topix ul:not(.slick-dots)>li{width:-webkit-calc((100% - (30px * 3)) / 4);width:calc((100% - (30px * 3)) / 4)}#topix ul:not(.slick-dots)>li:not(:nth-child(4n+1)){margin-left:30px}}@media screen and (min-width:940px) and (max-width:1239px){#topix ul .slick-prev,#topix ul .slick-next{height:50px;width:50px}#topix ul .slick-prev:before,#topix ul .slick-next:before{font-size:50px}}@media screen and (min-width:1240px){#topix ul .slick-prev,#topix ul .slick-next{height:60px;width:60px}#topix ul .slick-prev:before,#topix ul .slick-next:before{font-size:60px}}#topix_detail>p{text-align:left}#topix_detail h3{color:#2E3192;line-height:1.2;text-align:left;word-break:break-all}#topix_detail figure figcaption{font-size:87.5%;text-align:left;word-break:break-all}#topix_detail figure figcaption img{max-width:100%}@media screen and (max-width:767px){#topix_detail>p{padding:0 3.125%}#topix_detail h3{font-size:137.5%;margin-bottom:3.125%;padding:0 3.125%}#topix_detail figure{margin-bottom:3.125%}#topix_detail figure>div{margin-bottom:3.125%}#topix_detail figure>div img{width:62.5%}#topix_detail figure figcaption{padding:0 3.125%}}@media screen and (min-width:768px){#topix_detail h3{font-size:175%;margin-bottom:20px}#topix_detail figure{margin-bottom:30px}#topix_detail figure>div{margin-bottom:20px;text-align:left}}@media screen and (min-width:940px){#topix_detail figure>div img{width:400px}}