/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */*,:after,:before{background-repeat:no-repeat;-webkit-box-sizing:inherit;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::-moz-selection,::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0, 0, 0, 0);display:inherit;position:absolute}[aria-disabled]{cursor:default}/*!
 * Mojik v0.5.0 https://github.com/terkel/mojik
 * @author Takeru Suzuki http://terkel.jp/
 * @license MIT http://opensource.org/licenses/MIT
 */.mjk-punctuationSpacer{margin-right:-.5em}.mjk-leadOpeningBracket-atLineHead,.mjk-leadOpeningBracket-atParagraphHead{margin-left:-.5em}.mjk-leadOpeningBracketBefore-atLineEnd:before{content:"\A";white-space:pre}.mjk-dash{display:inline-block;text-align:center}.mjk-dash-2em{margin-left:.5em;margin-right:.5em;-webkit-transform:scaleX(2);transform:scaleX(2)}.mjk-dash-3em{margin-left:1em;margin-right:1em;-webkit-transform:scaleX(3);transform:scaleX(3)}.mjk-western{-webkit-font-feature-settings:"kern";font-feature-settings:"kern";-webkit-font-kerning:normal;font-kerning:normal;margin-left:.25ch;margin-right:.25ch}.mjk-western-number{margin-left:.125ch;margin-right:.125ch}.mjk-western-atParagraphEnd,.mjk-western-noSpaceAfter{margin-right:0}.mjk-western-atLineHead,.mjk-western-atParagraphHead,.mjk-western-noSpaceBefore{margin-left:0}.mjk-western-atLineHead:before{content:"\A";white-space:pre}.mjk-western-afterLineBreak:before{content:normal}.mjk-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.mjk-ignore .mjk-punctuationSpacer{margin-right:0}.mjk-ignore .mjk-leadOpeningBracket-atLineHead,.mjk-ignore .mjk-leadOpeningBracket-atParagraphHead{margin-left:0}.mjk-ignore .mjk-western{margin-left:0;margin-right:0}.mjk-ignore .mjk-leadOpeningBracketBefore-atLineEnd:before,.mjk-ignore .mjk-western-atLineHead:before{content:normal}.mjk-ignore .mjk-dash{display:inline;text-align:inherit;margin-left:0;margin-right:0;-webkit-transform:none;transform:none}.mjk-ignore .mjk-hidden{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:normal}:root{font-size:62.5%;font-family:ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media screen and (max-width: 768px){:root{font-family:YuGothic,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,sans-serif}}article,figcaption,figure,footer,h1,h2,h3,h4,h5,header,li,main,section,ul{margin:0;padding:0}li,ul{list-style:none}a{text-decoration:none}.wrap{width:100%;overflow:hidden}.c-fami-app{background-color:#ff2292 !important}.c-lobi{background-color:#01bfb8 !important}.c-jcg{background-color:#0072ff !important}.c-teppen{background-color:#002d87 !important}.c-koshien{background-color:#a1c620 !important}.c-wpl{background-color:#4a4a4a !important}.c-star{background-color:#500047 !important}.button--page-top{display:block;position:fixed;bottom:25px;right:25px;z-index:1;width:80px;height:84px;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/common/button_page-top.png) 0 0 no-repeat;background-size:80px 84px;z-index:2}@media screen and (min-width: 768px){.button--page-top:hover{-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;opacity:.8}}@media screen and (max-width: 767px){.button--page-top{bottom:10px;right:10px;width:50px;height:53px;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/common/button_page-top.png) 0 0 no-repeat;background-size:50px 53px}}.button--page-top-end-point{position:absolute;bottom:25px}.button--in-visible{opacity:0;visibility:hidden}.contents{background-color:#fff}.footer{position:relative;width:100%;background-color:#1b1b1b}.footer:before{display:block;content:"";position:absolute;top:-8px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:2000px;height:8px;background-image:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/common/bg_footer-1.png);background-size:2000px 8px;background-repeat:no-repeat;background-position:0 0}@media screen and (max-width: 767px){.footer:before{background-image:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/sp/common/bg_footer-1.png);background-size:859px 10px;background-repeat:no-repeat;background-position:50% 0;top:-10px;width:100%;height:10px}}.footer__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:748px;margin:0 auto;padding:43px 0}@media screen and (max-width: 767px){.footer__items{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:0;padding:11.5% 7.46666666667% 7%}}.footer__item{margin:0 0 0 45px}.footer__item a{display:inline-block;margin:0 0 0 9px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}.footer__item a:first-child{margin:0}.footer__item img{width:100%;height:auto}.footer__item:first-child{margin:0 0 0 -16px;margin:0}@media screen and (max-width: 767px){.footer__item{margin:0}}@media screen and (min-width: 768px){.footer__item a:hover{-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;opacity:.8}}.footer__item--logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:180px}@media screen and (max-width: 767px){.footer__item--logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:47.7777777778%}}.footer__item--link{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (max-width: 767px){.footer__item--link{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin:12% 0 0}}.footer__item--sns{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.footer__item--sns a{width:75px}@media screen and (max-width: 767px){.footer__item--sns{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:50%}.footer__item--sns a{width:39%}}.footer__rights{text-align:center;background-color:#121212;padding:32px 0}.footer__rights .is-pc{display:inline}.footer__rights .is-sp{display:none}@media screen and (max-width: 767px){.footer__rights .is-pc{display:none}}@media screen and (max-width: 767px){.footer__rights .is-sp{display:inline;width:50.5333333333%}.footer__rights .is-sp img{width:100%;height:auto}}.header{position:relative;width:100%}.header__logo{margin:0}@media screen and (max-width: 767px){.header__logo{width:100%;margin:0}}.header--top{height:598px;background-image:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/top/bg_header-1-v4.jpg);background-size:2000px 598px;background-repeat:no-repeat;background-position:center 0}.header--top .header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;padding-top:50px;width:960px}.header--top .header__inner .is-sp{display:none}.header--top .header__inner h1{width:412px;margin:0 0 0 16px;padding-top:70px}.header--top .header__inner h1 img{width:100%;height:auto}.header--top .header__inner h2{width:377px;margin:21px 0 3px 37px}.header--top .header__inner h2 img{width:100%;height:auto}@media screen and (max-width: 767px){.header--top{height:auto;background:none;overflow:hidden;background:#fff;position:relative;border-bottom:1px solid #d3d7df}.header--top:before{position:absolute;top:0;left:0;display:block;content:"";background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/sp/top/bg_header-1-v4.jpg);background-repeat:no-repeat;background-size:100% auto;width:100%;height:100%}}@media screen and (max-width: 767px){.header--top .header__inner{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:auto;bottom:auto;-webkit-transform:translate(0);transform:translate(0);width:100%;margin:44% 0 0;padding:0 0 7.5%}.header--top .header__inner .is-sp{display:block}.header--top .header__inner .is-pc{display:none}.header--top .header__inner h1{margin:0 auto;width:80%;padding-top:3%;-webkit-transform:translate(-2%);transform:translate(-2%)}.header--top .header__inner h2{margin:1.8% auto 0;width:68.125%}}.header--inpage{background-image:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/inpage/bg_header-1.png);background-size:2000px 186px;background-repeat:none;background-position:50% 0;height:186px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header--inpage h1{width:269px;margin:0 auto}.header--inpage h1 img{width:100%;height:auto}@media screen and (max-width: 767px){.header--inpage{background-image:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/sp/inpage/bg_header-1.png);background-size:768px 102px;background-repeat:none;background-position:50% 0;height:102px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 767px){.header--inpage h1{width:173px;margin:7px 0 0}}.hr{position:relative;width:100%;height:1px;background-color:#000}.hr--inpage:before{content:"";position:absolute;top:-7px;right:26px;display:block;width:0;height:0;border-left:7px solid transparent;border-bottom:7px solid #000}.hr--inpage:after{content:"";display:block;position:absolute;top:-7px;right:0;width:26px;height:7px;background:#000}@media screen and (max-width: 767px){.hr--inpage:before{top:-4px;right:18px;border-left:4px solid transparent;border-bottom:4px solid #000}}@media screen and (max-width: 767px){.hr--inpage:after{top:-4px;width:18px;height:4px}}.hr--top:before{content:"";position:absolute;top:50%;right:26px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:0;height:0;border-left:7px solid transparent;border-bottom:7px solid #000}.hr--top:after{content:"";display:block;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:26px;height:7px;background:#000}@media screen and (max-width: 767px){.hr--top:before{top:-4px;right:18px;-webkit-transform:translate(0);transform:translate(0);border-left:4px solid transparent;border-bottom:4px solid #000}}@media screen and (max-width: 767px){.hr--top:after{top:-4px;-webkit-transform:translate(0);transform:translate(0);width:18px;height:4px}}.hr--bottom:before{content:"";display:block;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:8px;background:#000}.hr--bottom:after{content:"";display:block;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:8px;background:#000}@media screen and (max-width: 767px){.hr--bottom:before{width:5px;height:5px}}@media screen and (max-width: 767px){.hr--bottom:after{width:5px;height:5px}}.banner--header{margin:39px 0 0 1px}@media screen and (max-width: 767px){.banner--header{width:100%;margin:8.2% 0 0}}.banner__items{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:18px}@media screen and (max-width: 767px){.banner__items{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:3.9%}}.banner__item{position:relative;width:142px;margin-right:9px;border:1px solid #000;-webkit-box-shadow:0 2px 0 #cfd4da;box-shadow:0 2px 0 #cfd4da}.banner__item img{width:100%;height:auto}.banner__item:last-child{margin-right:0}.banner__item:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:rgba(0,0,0,0.3)}@media screen and (max-width: 767px){.banner__item{margin-right:2%;width:29%}}@media screen and (max-width: 767px){.banner__item:after{display:none}}.banner__lnk0{display:block;width:46.4%}.banner__lnk0 img{width:100%;height:auto}@media screen and (max-width: 767px){.banner__lnk0{width:91%;margin:0 auto}}.banner__lnk1{display:block;height:auto}.banner__lnk2{display:block;height:auto;width:66%;color:#fff;line-height:1.2}.banner__lnk2 .ttl{margin:0 0 6px;font-size:17px;font-weight:700;font-style:italic;color:#fc0;white-space:nowrap}.banner__lnk2 .txt{margin:0 0 8px;font-size:16px;color:rgba(255,255,255,0.9)}.banner__lnk2 .date{margin:0;font-size:14px}.banner__lnk2 .date i{margin:0 .5em 0 0;display:inline-block;border-radius:1em;padding:.3em .7em;font-style:normal;font-size:12px}@media screen and (max-width: 767px){.banner__lnk2 .ttl{margin-bottom:2%;font-size:1.4rem}}@media screen and (max-width: 767px){.banner__lnk2 .txt{margin-bottom:2%;font-size:1.3rem}}@media screen and (max-width: 767px){.banner__lnk2 .date{font-size:1.1rem;white-space:nowrap}}@media screen and (max-width: 767px){.banner__lnk2 .date i{font-size:1.1rem}}.banner__ex{width:450px;margin:0 0 20px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}.banner__ex img{width:100%;height:auto}.banner__ex .is-sp{display:none}@media screen and (min-width: 768px){.banner__ex:hover{-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;opacity:.8}}@media screen and (max-width: 767px){.banner__ex{margin:0 auto 7%;width:92%}.banner__ex a{width:100%}.banner__ex .is-sp{display:block}.banner__ex .is-pc{display:none}}.card{position:relative;outline:1px solid #000;background-color:#fff;-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.1);box-shadow:0 4px 0 rgba(0,0,0,0.1)}.card a{color:#000}.card__caption{display:block;font-size:14px;font-size:1.4rem;letter-spacing:.06em;line-height:1.5em;height:80px;margin:10px 0 0;word-break:break-all;text-align:left;overflow:hidden}@media screen and (max-width: 767px){.card__caption{font-size:1.3rem;height:65px}}@media screen and (max-width: 320px){.card__caption--iphone{font-size:1.1rem}}.card__description{position:relative;margin:0 5%;padding:0 0 21px}.card__description:before{position:absolute;bottom:0;left:calc(-5% - 1px);content:"";display:block;width:36px;height:8px;background:#000}.card__description:after{position:absolute;bottom:0;left:calc(35px - 5%);content:"";display:block;width:0;height:0;border-right:10px solid transparent;border-bottom:8px solid #000}@media screen and (max-width: 767px){.card__description{margin:0;padding:0 6% 10%}}@media screen and (max-width: 767px){.card__description:before{left:0;width:19px;height:4px}}@media screen and (max-width: 767px){.card__description:after{left:19px;border-right:4px solid transparent;border-bottom:4px solid #000}}.card__text{display:none;color:#787878;text-align:left}.card__thumb{position:relative;width:230px;height:164px;text-align:center;border-bottom:1px solid #000;overflow:hidden;margin:1px 0 0}.card__thumb img{display:block;position:absolute;top:50%;left:50%;width:100%;height:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width: 767px){.card__thumb{width:100%;height:auto}.card__thumb:after{display:block;content:"";width:100%;padding-bottom:72%}}.card__link{display:block;text-align:center;background:#000;outline:2px solid #6c6c6c;padding:8px 0;font-size:14px;font-size:1.4rem;color:#fff !important}@media screen and (max-width: 767px){.card__link{font-size:1.2rem;padding:2.5% 0}}.card__category{color:#fff;background-color:#ff7e00;font-size:12px;font-size:1.2rem;border-radius:30px;padding:0 11px;margin:0 6px 0 0;min-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.card__category{margin:0 0 0 3%;font-size:1rem;padding:0 5px;min-height:15px}.card__category:first-child{margin:0}}.card__publish{text-align:left;margin-left:auto;color:#a9a9a9;font-size:14px;font-size:1.4rem;margin:0 0 8px}@media screen and (max-width: 320px){.card__publish{font-size:1.1rem}}.card__meta{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin:12px 0 0}.card--large a,.card__meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.card--large a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.card--large a .card__thumb{-ms-flex-negative:0;flex-shrink:0;width:450px;height:239px;border-right:1px solid #000;border-bottom:none}.card--large a .card__description{width:510px;-ms-flex-negative:0;flex-shrink:0;margin:0}.card--large a .card__description:before{left:0}.card--large a .card__description:after{left:35px}.card--large a .card__meta{margin:20px 0 0 30px}.card--large a .card__category{margin:0 0 0 8px}.card--large a .card__category:first-child{margin:0}.card--large a .card__caption{height:auto;margin:10px 0 0 30px;font-size:16px;font-size:1.6rem}.card--large a .card__link{display:inline-block;width:110px;padding:6.5px 20px;margin:0 0 0 auto}.card--large a .card__text{display:block;margin:16px 0 0 30px;font-size:14px;font-size:1.4rem;width:440px;line-height:1.75em}.card--large a .card__publish{margin:0 0 0 16px;font-size:14px;font-size:1.4rem}.card--large a .card__footer{position:absolute;bottom:23px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:484px;margin:16px auto 0}@media screen and (max-width: 767px){.card--large a .card__thumb{width:100%;height:auto;border:none}.card--large a .card__thumb:after{display:block;content:"";width:100%;padding-bottom:53%}}@media screen and (max-width: 767px){.card--large a .card__description{width:100%;margin:0;padding:0 4%}}@media screen and (max-width: 767px){.card--large a .card__description:after{left:19px}}@media screen and (max-width: 767px){.card--large a .card__meta{margin:4% 0 0}}@media screen and (max-width: 767px){.card--large a .card__caption{margin:3% 0 0;font-size:1.25rem}}@media screen and (max-width: 767px){.card--large a .card__link{width:100%;margin:6px 0 0;padding:4px 0}}@media screen and (max-width: 767px){.card--large a .card__text{width:auto;margin:1% 0 0;font-size:1rem}}@media screen and (max-width: 767px){.card--large a .card__publish{margin:0;font-size:1.05rem;letter-spacing:.04em}}@media screen and (max-width: 767px){.card--large a .card__footer{position:relative;bottom:auto;left:auto;-webkit-transform:none;transform:none;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding:0 0 6.9%;margin:10px 0 0}}.category{text-align:left;margin:0}@media screen and (max-width: 767px){.category{margin:0 0 9.5%}}.category__title{width:116px;height:22px;margin:0 0 0 32px;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/top/txt_sort-global-ttl-1.png) 0 0 no-repeat;background-size:116px 22px;overflow:hidden;text-indent:-9999px}@media screen and (max-width: 767px){.category__title{height:14px;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/top/txt_sort-global-ttl-1.png) 0 0 no-repeat;background-size:73px 14px;margin:0 0 0 3%;width:73px}}.category__hr--top{margin:7px 0 32px}@media screen and (max-width: 767px){.category__hr--top{margin:1.8% 0 1%}}.category__hr--bottom{margin:28px 0 0}@media screen and (max-width: 767px){.category__hr--bottom{margin:1.8% 0 1%}}.category__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:20px;font-size:2rem;padding:0 0 0 21px;margin:12px 0 0}.category__items:first-child{margin:0}@media screen and (max-width: 767px){.category__items{margin:0;padding:0 0 0 3.7%;font-size:1.2rem;width:100%}}.category__item{color:#fff;margin:5px 0 5px 10px;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:30px;padding:5px 19px;min-height:38px;cursor:pointer;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}.category__item:hover{-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;opacity:.8}.category__item div{color:#fff}@media screen and (max-width: 767px){.category__item{margin:2% 2% 2% 0;padding:0 4%;min-height:27px}}.category__item--current{background:#ff7e00}.contents--top{position:relative;background-color:transparent;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/top/bg_stripe-1.png) 0 0 repeat;text-align:center;padding:43px 0 0}@media screen and (max-width: 767px){.contents--top{padding:9% 4% 0;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/sp/top/bg_stripe-1.png) 0 0 repeat}}.game{width:960px;margin:0 auto;padding:0 0 106px}@media screen and (max-width: 767px){.game{width:100%;padding:0 0 19%}}.game__info{margin:44px 0 0}@media screen and (max-width: 767px){.game__info{margin:0}}.game__info__more-btn{display:inline-block;margin:7px 0 0;width:421px;height:87px;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/top/button_more-btn-1.png) 0 0 no-repeat;background-size:421px 87px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;cursor:pointer}@media screen and (min-width: 768px){.game__info__more-btn:hover{-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;opacity:.8}}@media screen and (max-width: 767px){.game__info__more-btn{width:90%;padding:0 4% 20.3174603175%;background:url(//s.nhn-playart.com/smartgame/spn/games/compass/e-sponavi/img/top/button_more-btn-1.png) 0 0 no-repeat;background-size:100% auto}}.game__info-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.game__info-items:before{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.game__info-items:after,.game__info-items:before{content:"";display:block;width:230px}.game__info-item{position:relative;width:230px;margin:0 0 43px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}.game__info-item:before{position:absolute;top:-9px;right:-1px;content:"";display:block;width:37px;height:9px;background:#000}.game__info-item:after{position:absolute;top:-9px;right:36px;content:"";display:block;width:0;height:0;border-left:11px solid transparent;border-bottom:9px solid #000}@media screen and (min-width: 768px){.game__info-item:hover{-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-webkit-transform:scale(1.025);transform:scale(1.025);opacity:.9}}@media screen and (max-width: 767px){.game__info-item{width:47.8260869565%;margin:0 0 5.9%}}@media screen and (max-width: 767px){.game__info-item:before{top:-4px;width:19px;height:4px}}@media screen and (max-width: 767px){.game__info-item:after{top:-4px;right:18px;border-left:4px solid transparent;border-bottom:4px solid #000}}.game__info-item--large{width:100%;margin:0 0 41px}@media screen and (max-width: 767px){.game__info-item--large{width:100%;margin:0 0 7.5%}}.game__info-item--none{display:none}.contents--inpage{padding:50px 0}@media screen and (max-width: 767px){.contents--inpage{padding:0 4%}}.in-page{width:960px;margin:0 auto}@media screen and (max-width: 1000px){.in-page{width:100%}}@media screen and (max-width: 1000px){.in-page__header{padding:7% 0 0}}.in-page__header__category{margin:0 0 0 30px}@media screen and (max-width: 1000px){.in-page__header__category{margin:0;padding:0 4.3%}}.in-page__header__category-item,.in-page__header__category-items{display:-webkit-box;display:-ms-flexbox;display:flex}.in-page__header__category-item{color:#fff;background-color:#ff2292;font-size:14px;font-size:1.4rem;border-radius:30px;padding:0 11px;margin:0 0 0 6px;min-height:28px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.in-page__header__category-item:first-child{margin:0}@media screen and (max-width: 1000px){.in-page__header__category-item{margin:0 0 0 3%;font-size:1.2rem;padding:0 10px;min-height:23px}}.in-page__header__category-item--sub{background-color:#ff7e00}.in-page__header__ttl{margin:13px 0 24px 30px;font-weight:700;font-size:26px;font-size:2.6rem;line-height:1.5em;letter-spacing:.04em;word-break:break-all}@media screen and (max-width: 1000px){.in-page__header__ttl{font-size:1.8rem;margin:0;padding:2.2% 4.3% 3.9%;letter-spacing:normal;line-height:32px}}.in-page__header__sns{margin:20px 0 0 30px}@media screen and (max-width: 1000px){.in-page__header__sns{margin:4% 0 0;padding:0 4.3%}}.in-page__header__sns-items{display:-webkit-box;display:-ms-flexbox;display:flex}.in-page__header__sns-item{margin:0 10px 0 0}.in-page__header__sns-item img{width:100%;height:auto}@media screen and (max-width: 1000px){.in-page__header__sns-item{width:40px}}.in-page__article{font-size:16px;font-size:1.6rem;width:900px;margin:40px auto 0;line-height:1.75em}.in-page__article .image{text-align:center;padding:5px 0}.in-page__article a{color:#ff6000;text-decoration:underline}.in-page__article table{width:100%;outline:1px solid #606060}.in-page__article table tr{border-top:1px solid #606060}.in-page__article table tr:first-child{border:none}.in-page__article table th{background-color:#f5f6f7;font-size:20px;font-size:2rem;padding:21px 0 21px 29px;text-align:left}.in-page__article table td{width:50%;font-size:16px;font-size:1.6rem;padding:20.5px 0 20.5px 29px}.in-page__article table td:first-child{border-right:1px solid #606060}@media screen and (max-width: 1000px){.in-page__article{width:100%;margin:7% 0 0;padding:0 4.3%;font-size:1.3rem;line-height:2.08333}}@media screen and (max-width: 1000px){.in-page__article .image img{width:100%;height:auto}}@media screen and (max-width: 1000px){.in-page__article table th{font-size:1.4rem;padding:15px 0 15px 20px}}@media screen and (max-width: 1000px){.in-page__article table td{font-size:1.2rem;padding:15px 0 15px 20px}}.in-page__footer,.in-page__more-btn{text-align:center}.in-page__footer{width:900px;margin:0 auto;padding:70px 0}@media screen and (max-width: 1000px){.in-page__footer{width:100%;padding:40px 7.46666666667%}.in-page__footer img{width:100%;height:auto}}.footer .logoArea{position:relative;background-color:#121212;text-align:center;width:100%;height:auto;padding:40px 0;font-size:12px}.footer .logoArea .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:30px;margin:0 auto 20px;font-size:0;text-align:center}.footer .logoArea .logo__img{margin:0 15px}.footer .logoArea .logo__img.nhn{background:url("//s.nhn-playart.com/nhn_playart/common/img/logo_S_PA_w_all.svg") 0 bottom no-repeat;background-size:auto 100%;width:96px;height:30px}.footer .logoArea .logo__img.niconico{background:url("//s.nhn-playart.com/smartgame/spn/games/compass/official/img/common/logo_niconico.svg") 0 bottom no-repeat;background-size:auto 18px;width:88px;height:30px}.footer .logoArea .copyright{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:250px;margin:0 auto;color:#5C5C5C}.footer .logoArea .copyright small{font-size:12px}