@charset "utf-8";.demoFileSection .item-list-wrap{display:flex;flex-wrap:wrap;margin-top:-2.5rem;margin-left:-1rem}.demoFileSection .item-list-wrap a{display:contents;display:block;width:100%;height:100%}.demoFileSection .item-list-wrap article{position:relative;flex-basis:auto;flex-grow:1;padding:1rem .8rem;border:3px solid #A7C6D9;width:16rem;margin:2.5rem 0 0 1rem;background:#fff;overflow:hidden}.demoFileSection .item-list-wrap article.local{background:#eee}.demoFileSection .item-list-wrap article:hover dl{transform:scale(1.02, 1.02)}.demoFileSection .item-list-wrap article dl{transition:.3s all}.demoFileSection .item-list-wrap article dl dt.title{margin-top:1rem;font-weight:900}.demoFileSection .item-list-wrap article dl dt.title h2{margin:0;font-size:1.6em;word-break:break-all}.demoFileSection .item-list-wrap article dl dt.title h2.h1_15c{font-size:1.3em}.demoFileSection .item-list-wrap article dl dt.title h2.h1_10c{font-size:1.4em}.demoFileSection .item-list-wrap article dl dt.title i{font-size:.8em;white-space:nowrap}.demoFileSection .item-list-wrap article dl dd.image{height:7rem;overflow:hidden;display:flex;align-items:center}.demoFileSection .item-list-wrap article dl dd.image img{width:100%}.demoFileSection .item-list-wrap article dl dd.more{margin-top:1rem;text-align:right}.demoFileSection .item-list-wrap article dl dd.more span{display:inline-block;padding:.4rem .6rem;background:#A7C6D9;color:#fff;font-size:.8em;border-radius:.3rem}.demoFileSection .item-list-wrap article dl dd.date{margin-top:1rem;padding:.8rem .5rem;background:#F5F5F5;font-size:.7em}.demoFileSection .item-list-wrap article dl dd.date span:not(:first-of-type){margin-left:1rem}.demoFileSection .item-list-wrap article dl dd.date span i{margin-right:.5em}.demoFileSection .item-list-wrap article dl dd.desc{margin-top:1rem}.demoFileSection .item-list-wrap article dl dd.imp{margin-top:1rem;display:flex;align-items:center}.demoFileSection .item-list-wrap article dl dd.imp div.icon i{color:#111826;font-size:1.8em}.demoFileSection .item-list-wrap article dl dd.imp div.balloon{position:relative;display:inline-block;margin-left:1rem;padding:.5em .8em;max-width:100%;font-size:.8em;background:#e0edff;border-radius:.3rem;line-height:1.5}.demoFileSection .item-list-wrap article dl dd.imp div.balloon::before{content:"";position:absolute;top:50%;left:-1em;margin-top:-0.5em;border:.5em solid transparent;border-right:.5em solid #e0edff}.demoFileSection .item-list-wrap article div.tags{position:absolute;top:0;left:50%;transform:translateX(-50%)}.demoFileSection .item-list-wrap article div.tags ul{display:flex;font-size:.8em}.demoFileSection .item-list-wrap article div.tags ul li{padding:0 .5rem;background:#F2F3F4;color:#fff;border-radius:0 0 .3rem .3rem;text-align:center}.demoFileSection .item-list-wrap article div.tags ul li:not(:first-child){margin-left:2px}.demoFileSection .item-list-wrap article div.tags ul li.html{background:#447BCB}.demoFileSection .item-list-wrap article div.tags ul li.css{background:#66A8F3}.demoFileSection .item-list-wrap article div.tags ul li.less{background:#E39757}.demoFileSection .item-list-wrap article div.tags ul li.js{background:#87C44B}.demoFileSection .item-list-wrap article div.tags ul li.jquery{background:#77C19B}.demoFileSection .item-list-wrap article div.tags ul li.json{background:#D64E38}.demoFileSection .item-list-wrap article div.tags ul li.php{background:#893981}.articleSection .item-list-wrap{display:flex;flex-direction:row;flex-wrap:wrap;background:#eee}.articleSection .item-list-wrap a{display:contents}.articleSection .item-list-wrap article{position:relative;flex-basis:auto;flex-grow:1;line-height:1.7;padding:1rem .8rem;margin:1rem;background:#fff;overflow:hidden}.articleSection .item-list-wrap article dl dt.title{margin-top:1rem;font-weight:900}.articleSection .item-list-wrap article dl dt.title h2{margin:0;font-size:inherit;font-size:1.6em}.articleSection .item-list-wrap article dl dt.title h2.h1_15c{font-size:1.3em}.articleSection .item-list-wrap article dl dt.title h2.h1_10c{font-size:1.4em}.articleSection .item-list-wrap article dl dt.title i{font-size:.8em;white-space:nowrap}.articleSection .item-list-wrap article dl dd.image{height:7rem;overflow:hidden;display:flex;align-items:center}.articleSection .item-list-wrap article dl dd.image img{width:100%}.articleSection .item-list-wrap article dl dd.more{margin-top:1rem;text-align:right}.articleSection .item-list-wrap article dl dd.more span{display:inline-block;padding:.4rem .6rem;background:#A7C6D9;color:#fff;font-size:.8em;border-radius:.3rem}.articleSection .item-list-wrap article dl dd.date{margin-top:1rem;padding:.8rem .5rem;background:#F5F5F5;font-size:.7em}.articleSection .item-list-wrap article dl dd.date span:not(:first-of-type){margin-left:1rem}.articleSection .item-list-wrap article dl dd.date span i{margin-right:.5em}.articleSection .item-list-wrap article dl dd.body{margin-top:1rem}.articleSection .item-list-wrap article div.category span{padding:.5em .7em .5em .5em;background:red;color:#fff;font-size:.9em;border-radius:0 1rem 1rem 0}.articleSection .item-list-wrap article div.category span.plan{background:#447BCB}.articleSection .item-list-wrap article div.category span.service{background:#D9593B}.articleSection .item-list-wrap article div.category span.comparison_plan{background:#87C44B}article.page h2{margin:1.5rem 0 0;padding-bottom:.5rem;border-bottom:2px solid #111826}article.page h3{margin:1.5rem 0}article.page .afterword{margin-top:4rem;padding:2rem;background:#fafafa;border-radius:1rem}table.lsTbl{position:relative;margin-bottom:1rem;width:100%;line-height:1.5}table.lsTbl tr th{border-bottom-color:#999;background:#EEEEEE;color:#111826;font-weight:bold;min-width:2rem;font-size:.8em}table.lsTbl tr td{padding:.3rem;border-bottom:1px solid #333;text-align:left;font-size:.9em;letter-spacing:0}table.lsTbl tr td.status{width:5rem}table.lsTbl tr td.status i{display:block;border-radius:.3rem;color:#fff;text-align:center;font-weight:bold}table.lsTbl tr td.status i.s0{background:orange}table.lsTbl tr td.status i.s1{background:#ccc}table.lsTbl tr td.status i.s2{background:blue}table.lsTbl tr td.date{width:8rem;text-align:center}table.lsTbl tr td.buttons{text-align:center;width:9rem}table.sdTbl{position:relative;margin-bottom:1rem;width:100%;line-height:1.5}table.sdTbl tr th{border-bottom-color:#999;background:#EEEEEE;color:#8E3122;font-weight:bold;min-width:2rem}table.sdTbl tr td{padding:.3rem;border-bottom:1px solid #333;text-align:left;font-size:.8em}table.sdTbl tr td.result i{display:inline-block;width:3rem;padding:0 1rem;border-radius:.5rem;font-weight:bold}table.sdTbl tr td.result i.w{background:#ffd;color:#8E3122}table.sdTbl tr td.result i.l{background:#fafafa}table.sdTbl tr td.no{width:3rem;background:#eee;font-weight:bold}table.sdTbl tr td.date:first-of-type{background:#fafafa;width:8rem}.btn{display:inline-block;padding:.5rem;border:1px solid #ccc;border-radius:.5rem;line-height:1rem;font-size:1.2rem;letter-spacing:normal;vertical-align:middle;min-height:2rem;background:#F1F3F4;color:#111;cursor:pointer;text-decoration:none}.btn:hover{background:#e3e7e9}.btn+.btn{margin-left:.5rem}.lotate{animation:1.9s rotation infinite linear}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.star-rating{font-size:0;white-space:nowrap;vertical-align:text-top;display:inline-block;width:6rem;height:1.2rem;overflow:hidden;position:relative;background:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');background-size:contain}.star-rating i{opacity:1;position:absolute;left:0;top:0;height:100%;width:20%;z-index:1;background:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');background-size:contain}.star-rating i~i{width:40%}.star-rating i~i~i{width:60%}.star-rating i~i~i~i{width:80%}.star-rating i~i~i~i~i{width:100%}