@charset "UTF-8";:root{--text-main:#1a1a1a;--text-sub:#4b5563;--text-muted:#6b7280;--text-link:#2563eb;--text-link-hover:#1d4ed8;--text-success:#15803d;--text-success-light:#22c55e;--text-warning:#b45309;--text-warning-light:#f97316;--text-danger:#b91c1c;--text-danger-light:#ef4444;--text-accent:#0f172a;--border-light:#e0e0e0;--border-default:#e5e7eb;--border-dark:#d1d5db;--border-darker:#9ca3af;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-100-rgb:245,245,245;--gray-200-rgb:229,229,229;--gray-300-rgb:212,212,212;--gray-400-rgb:163,163,163;--gray-500-rgb:115,115,115;--gray-600-rgb:82,82,82;--gray-700-rgb:64,64,64;--gray-800-rgb:38,38,38;--gray-900-rgb:23,23,23}.homeinfoarea{margin-top:30px;background:#fff;margin-bottom:10px;padding:0 20px}.homeinfoarea .inner{border:1px solid #eee;padding:20px 20px 5px}.homeinfoarea h2{font-size:1.2em;letter-spacing:-0.02em;font-weight:bold}.homeinfoarea ul{margin-top:5px}.homeinfoarea ul li{line-height:1.6;padding:10px 0;border-bottom:1px dotted #ddd}.homeinfoarea ul li:last-of-type{border:0}.homeinfoarea ul li time{font-weight:bold;display:block;font-size:0.9em}.homeinfoarea ul li a{color:#065fd4}.front-page .swiper-container{margin-bottom:15px}.front-page .swiper-container .swiper-slide{position:relative;width:100%;overflow:hidden}.front-page .swiper-container .swiper-slide a,.front-page .swiper-container .swiper-slide span{overflow:hidden}.front-page .swiper-container .swiper-slide a img,.front-page .swiper-container .swiper-slide span img{width:100%;height:auto;display:block}.front-page .swiper-container .swiper-pagination{bottom:1px!important}.front-page .swiper-container .swiper-button-next,.front-page .swiper-container .swiper-button-prev{top:50%;left:10px;width:40px;height:40px;position:absolute;background-image:none}.front-page .swiper-container .swiper-button-next:before,.front-page .swiper-container .swiper-button-prev:before{font-size:1.2em;position:absolute;top:0;left:0;font-family:"icomoon";content:"\e92f";vertical-align:middle;font-weight:normal;font-style:normal;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;text-shadow:none;color:#fff;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;background-color:rgba(0,0,0,0.2)}.front-page .swiper-container .swiper-button-next{left:auto;right:10px}.front-page .swiper-container .swiper-button-next:before{font-family:"icomoon";content:"\e930";vertical-align:middle;font-weight:normal;font-style:normal;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.front-page .swiper-container .swiper-pagination .swiper-pagination-bullet{width:50px;height:3px;background:#fff;border-radius:0;opacity:0.5}.front-page .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.front-page .subTopic{padding:20px 20px;display:flex;flex-flow:row wrap;justify-content:space-between}.front-page .subTopic h2{width:100%;text-align:center;font-weight:bold;margin-bottom:15px;line-height:1.6;letter-spacing:-0.02em}.front-page .subTopic h2 span{font-size:0.7em;display:inline-block;padding:5px 1em;border-radius:50px;background:#44b700;color:#fff;text-shadow:none;margin-right:0.5em;line-height:1}.front-page .subTopic .item{width:100%;border:1px solid #eee;border-radius:4px;overflow:hidden;margin-bottom:10px}.front-page .subTopic .item:last-child{margin-bottom:-10px}.front-page .subTopic .item.item-wm{background:url("../image/thumb-wm.png") no-repeat 17px 50%;background-size:65px 65px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .subTopic .item.item-wm{background:url("../image/thumb-wm@2x.png") no-repeat 17px 50%;background-size:65px 65px}}.front-page .subTopic .item.item-java{background:url("../image/thumb-java.png") no-repeat 17px 50%;background-size:65px 65px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .subTopic .item.item-java{background:url("../image/thumb-java@2x.png") no-repeat 17px 50%;background-size:65px 65px}}.front-page .subTopic .item a{color:#181818;font-size:0.9em;display:block;width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;line-height:1.4;padding:0.5em 0;padding-left:100px}.front-page .subTopic .item a h3{font-weight:bold;padding-top:2px;font-size:1.1em;letter-spacing:-0.02em}.front-page .subTopic .item a .date{font-size:0.8em;color:#888;margin-top:2px}.front-page .subTopic .item a .day{font-size:0.9em;margin-top:3px}.front-page .subTopic .item a .day span{font-weight:bold;font-size:1.2em}.front-page .section01 h2{font-size:5.4vw;line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .section01 .flex{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:10px;padding:20px}.front-page .section01 .flex .flex-item a{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;border-radius:5px;background-color:#f8f8f8;padding:20px 0}.front-page .section01 .flex .flex-item svg{stroke-width:1.5;width:40px;height:40px;margin-bottom:10px}.front-page .section01 .flex .flex-item h3{color:#181818;font-weight:bold;text-align:center;font-size:1.1em}.front-page .section02{padding:0 0 20px;background:#f7f7f7;text-shadow:none}.front-page .section02 h2{font-size:5.4vw;line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .section02 .scrollx-wrap{overflow-x:scroll}.front-page .section02 .scrollx-wrap-inner{width:fit-content;padding:0 50px}.front-page .section02 .scrollx-wrap ul{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:1fr}.front-page .section02 .scrollx-wrap ul li{width:280px;background-color:#ccc;float:left;text-align:center}.front-page .section02 .scrollx-wrap ul li:first-of-type{background:url("../image/home_cat-1@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:first-of-type{background:url("../image/home_cat-1.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(2){background:url("../image/home_cat-2@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(2){background:url("../image/home_cat-2.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(3){background:url("../image/home_cat-3@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(3){background:url("../image/home_cat-3.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(4){background:url("../image/home_cat-4@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(4){background:url("../image/home_cat-4.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(5){background:url("../image/home_cat-5@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(5){background:url("../image/home_cat-5.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(6){background:url("../image/home_cat-6@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(6){background:url("../image/home_cat-6.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(7){background:url("../image/home_cat-7@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(7){background:url("../image/home_cat-7.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(8){background:url("../image/home_cat-8@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(8){background:url("../image/home_cat-8.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li a{text-align:center;display:block;padding:220px 0 10px;line-height:1}.front-page .section03 h2{font-size:5.4vw;line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .section03 .box{width:100%;height:100px;color:#fff;text-shadow:none;overflow:hidden;margin-top:30px;background-size:cover}.front-page .section03 .box h3{font-size:5.4vw;line-height:1.5;font-weight:bold;font-weight:900;padding:13px 0 5px;font-weight:bold;text-align:center}.front-page .section03 .box h3 span{font-weight:normal}.front-page .section03 .box p{font-size:1.3rem;text-align:center;line-height:1.5}.front-page .section03 .cat01{margin-top:0;background-image:url(../image/boxBg-01.png)}.front-page .section03 .cat02{background-image:url(../image/boxBg-02.png)}.front-page .section03 .cat03{background-image:url(../image/boxBg-03.png)}.front-page .section03 .cat04{background-image:url(../image/boxBg-04.png)}.front-page .section03 .cat05{background-image:url(../image/boxBg-05.png)}.front-page .section03 ul{text-shadow:none;height:100%;padding:0 20px;background:#f7f7f7}.front-page .section03 ul li{height:55px;line-height:55px;border-bottom:1px solid #eee}.front-page .section03 ul li:last-child{border:0}.front-page .section03 ul li a{display:block;color:#181818;background:url("../image/arrow.png") no-repeat right 50%;background-size:8px 8px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section03 ul li a{background:url("../image/arrow@2x.png") no-repeat right 50%;background-size:8px 8px}}.front-page .section03 ul .coming{padding:15px 0 10px;line-height:1.5;height:100%}.front-page .section03 ul .coming span{font-size:10px;display:block;color:rgba(22,27,31,0.5)}.front-page .section03 .hideArea{display:none;height:auto;min-height:100%}.front-page .section03 .hideOpen{color:#065fd4;height:70px;line-height:70px;text-align:center}.front-page .section03 .hideOpen span{display:inline-block;padding-right:15px;background:url("../image/arrow-y.png") no-repeat right 50%;background-size:10px 10px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section03 .hideOpen span{background:url("../image/arrow-y@2x.png") no-repeat right 50%;background-size:10px 10px}}.front-page .section03 .actived span{background:url("../image/arrow-y-active.png") no-repeat right 50%;background-size:10px 10px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section03 .actived span{background:url("../image/arrow-y-active@2x.png") no-repeat right 50%;background-size:10px 10px}}.front-page .section04{border-top:1px solid #eee}.front-page .section04 h2{font-size:5.4vw;line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .section04 article{padding:0 20px}.front-page .section04 article .postBox{color:#181818;display:flex;flex-flow:row wrap;justify-content:space-between;padding:1em 0;border-bottom:1px dotted #eee}.front-page .section04 article:first-of-type .postBox{padding-top:0}.front-page .section04 article:last-of-type .postBox{border-bottom:0}.front-page .section04 article .thumb{width:25%}.front-page .section04 article .thumb img{border-radius:4px;display:block;width:100%;height:auto}.front-page .section04 article .right{width:70%}.front-page .section04 article .right h3{line-height:1.5;margin-top:-2px}.front-page .section04 article .right .view{font-size:12px}.front-page .section04 article .right .view span{font-weight:bold}.front-page .section04 .archive{margin:20px auto 40px;text-align:center;text-shadow:none;display:block;padding:0.5em 0;width:240px;background:#065fd4;border-radius:50px;color:#fff}.front-page .topRanking{text-shadow:none;background:#f8f8f8;margin-bottom:50px}.front-page .topRanking h2{font-size:5.4vw;line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px;padding-bottom:0}.front-page .topRanking .box{padding:0}.front-page .topRanking h3{text-align:left;font-weight:bold;line-height:1.2;font-size:1.2em;color:#181818;padding:40px 20px 20px 120px}.front-page .topRanking h3 span{font-size:0.8em;font-weight:normal;display:inline-block;color:#888}.front-page .topRanking .web{background:url("../image/rank_mac_01.png") no-repeat 20px 35px;background-size:85px 50px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .topRanking .web{background:url("../image/rank_mac_01@2x.png") no-repeat 20px 35px;background-size:85px 50px}}.front-page .topRanking .dev{background:url("../image/rank_mac_02.png") no-repeat 20px 35px;background-size:85px 50px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .topRanking .dev{background:url("../image/rank_mac_02@2x.png") no-repeat 20px 35px;background-size:85px 50px}}.front-page .topRanking ul{text-shadow:none}.front-page .topRanking ul li:first-of-type{border:0}.front-page .topRanking ul li:first-of-type a{background:url("../image/crown1.png") no-repeat 23px 50%;background-size:28px 24px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .topRanking ul li:first-of-type a{background:url("../image/crown1@2x.png") no-repeat 23px 50%;background-size:28px 24px}}.front-page .topRanking ul li:nth-of-type(2){margin-top:0}.front-page .topRanking ul li:nth-of-type(2) a{background:url("../image/crown2.png") no-repeat 23px 50%;background-size:28px 24px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .topRanking ul li:nth-of-type(2) a{background:url("../image/crown2@2x.png") no-repeat 23px 50%;background-size:28px 24px}}.front-page .topRanking ul li:nth-of-type(3) a{background:url("../image/crown3.png") no-repeat 23px 50%;background-size:28px 24px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .topRanking ul li:nth-of-type(3) a{background:url("../image/crown3@2x.png") no-repeat 23px 50%;background-size:28px 24px}}.front-page .topRanking ul li:nth-of-type(odd){padding-bottom:1px}.front-page .topRanking ul li:nth-of-type(odd) a{background-color:#fff}.front-page .topRanking ul li a{margin-top:1px;color:#065fd4;display:block;height:50px;line-height:50px;padding-left:70px}