@charset "utf-8";
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:  0; padding:  0; border:  0; outline:  0; font-size:  100%; vertical-align:  baseline; 	background:  transparent; list-style:none; } body { 	line-height:  1; } blockquote, q { quotes:  none; } blockquote: before, blockquote: after, q: before, q: after { content:  ''; content:  none; } : focus { outline:  0; } ins { text-decoration:  none; } del { text-decoration:  line-through; } table { border-collapse:  collapse; border-spacing:  0; }  .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
body{
font-family: "YuGothic", "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
color: #111;
}
a{
text-decoration: none;
color: inherit;
}
img{
vertical-align: bottom;
transition: opacity 300ms ease;
}
img.lazy{
opacity: 0;
}
input{
outline: none;
}
.new_flag:before{
position: absolute;
top: 0; left: 0;
width: 65px;
height: 30px;
border-bottom-right-radius: 9px;
background-color: #e23816;
color: #fff;
font-weight: bold;
font-size: 13px;
line-height: 30px;
font-family: "Roboto";
letter-spacing: 0.12em;
text-align: center;
content: "NEW!";
z-index: 2;
}
.list_paging{
overflow: hidden;
border-top: 1px solid #dcdcdc;
height: 60px;
line-height: 60px;
position: relative; }
.article_list+.list_paging{
border-top: none;
}
.list_paging .total_page{
text-align: center;
position: absolute;
left: 50%; transform: translateX(-50%);
}
.list_paging a{
display: block;
height: 60px;
text-align: center;
padding: 0 15px;
font-size: 16px;
font-weight: bold;
vertical-align: middle;
}
.list_paging a img{
vertical-align: middle;
transform: translateY(-1px);
}
.list_paging .to_min,
.list_paging .to_prev{
float: left;
}
.list_paging .to_max,
.list_paging .to_next{
float: right;
}
.list_paging a span{
display: inline-block;
}
.list_paging .to_prev a:before,
.list_paging .to_next a:after{
content: "";
display: inline-block;
width: 28px;
height: 60px;
vertical-align: top;
}
.list_paging .to_prev a:before{
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/paging_prev.png) no-repeat left center;
background-size: 8px 13px;
}
.list_paging .to_next a:after{
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/paging_next.png) no-repeat right center;
background-size: 8px 13px;
}
.csTitleList{
background: #FFF;
position: relative;
}
.csTitleList .section_title{
border-bottom: 1px solid #dcdcdc;
}
.csTitleList .display{
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.csTitleList ul{
padding: 14px 14px 14px 0;
width: 2000px;
}
.csTitleList ul:after{
content: "";
display: block;
clear: both;
}
.csTitleList li{
float: left;
margin-left: 14px;
}
.csTitleList ul li a{
display: block;
width: 115px;
position: relative;
}
.csTitleList ul li a .sale{
position: absolute;
font-size: 9px;
line-height: 11px;
height: 10px;
padding: 2px 6px;
color: #FFF;
background: #fc941a;
border: 2px solid #FFF;
border-radius: 9px;
z-index: 2;
font-weight: bold;
top: -5px;
right: -4px;
}
.csTitleList ul li a .image{
width: 100%;
height: 0;
padding-top: 143.5%;
display: block;
position: relative;
margin-bottom: 12px;
overflow: hidden;
}
.csTitleList ul li a img{
position: absolute;
width: 100%;
height: auto;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.csTitleList ul li a .title{
font-size: 9px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 6px;
height: 14px;
line-height: 14px;
vertical-align: bottom;
}
.csTitleShowAll{
position: absolute;
top: 14px;
right: 14px;
line-height: 25px;
font-size: 12px;
color: #909090;
padding-right: 14px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/csTitleShowAll.png) no-repeat right center;
background-size: 7px 10px;
}
#wrapper{
width: 100%;
min-width: 320px;
overflow: hidden;
padding-top: 60px;
background-color: #f2f2f2;
}
#header{
position: fixed;
left: 0; top: 0; right: 0;
height: 60px;
background-color: #053268;
text-align: center;
z-index: 10;
}
#wrapper.via_comicspace #header{
position: absolute;
}
#header .head_logo{
display: block;
height: 60px;
padding-top: 13px;
box-sizing: border-box;
}
#header .head_logo h1{
margin-bottom: 8px;
}
#header .head_logo img{
width: 108px;
height: 20px;
}
#header .head_lead{
color: #fff;
font-weight: bold;
font-size: 7px;
letter-spacing: 0.16em;
}
#header .open_glob_nav{
display: block;
position: absolute;
top: 0;
right: 0;
width: 50px;
text-align: center;
line-height: 60px;
}
#header .open_glob_nav img{
width: 20px;
height: 16px;
vertical-align: middle;
}
#glob_nav{
position: fixed;
top: 0;
left: 0; right: 0;
bottom: 0;
z-index: 10;
background: rgba(5,50,104,0.95);
color: #FFF;
padding-bottom: 45px;
overflow-y: scroll;
display: none;
}
#glob_nav.show{
display: block;
}
#glob_nav .close{
height: 60px;
overflow: hidden;
border-bottom: 1px solid #889eb7;
}
#glob_nav .search{
height: 60px;
border-bottom: 1px solid #889eb7;
position: relative;
}
#glob_nav .search input[type=text]{
line-height: 20px;
padding: 20px 15px;
width: 100%;
box-sizing: border-box;
font-size: 16px;
border: none; background: transparent;
color: #FFF;
}
#glob_nav .search input[type=text]::-webkit-input-placeholder{
color: rgba(255,255,255,0.25);
font-family: "Roboto";
letter-spacing: 0.1em;
}
#glob_nav .search input[type=submit]{
width: 18px;
height: 18px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/search.png) no-repeat center center;
background-size: contain;
border: none;
position: absolute;
right: 16px;
top: 21px;
overflow: hidden;
text-indent: -9999px;
}
#glob_nav .close span{
display: block;
height: 60px;
line-height: 60px;
width: 50px;
text-align: center;
float: right;
}
#glob_nav .close span img{
vertical-align: middle;
}
#glob_nav .upper{
padding: 30px 0;
}
#glob_nav .upper li a{
display: block;
font-size: 18px;
line-height: 45px;
padding: 0 35px;
}
#glob_nav .lower{
margin: 0 15px;
padding: 18px 0;
overflow: hidden;
border-top: 1px solid #889eb7;
}
#glob_nav .lower li{
float: left;
width: 45%;
}
#glob_nav .lower li:nth-child(even){
width: 55%;
}
#glob_nav .lower a{
display: block;
font-size: 12px;
line-height: 24px;
padding: 0 10px 0 20px;
}
#glob_nav > a{
display: block;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 14px;
font-weight: bold;
border: 1px solid #FFF;
border-radius: 6px;
margin: 0 15px;
}
.section_title{
padding: 15px 14px;
font-weight: bold;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.12em;
background: #FFF; }
.card_big{
background: #FFF;
}
.card_big:after{
content: "";
display: block;
height: 12px;
background: #f2f2f2;
border-top: 1px solid #dcdcdc;
}
.card_big:last-child{
border-bottom: 1px solid #dcdcdc;
}
.card_big:last-child:after{
display: none;
}
.card_big .article_thumb{
width: 100%;
height: 0;
padding-top: 56%;
position: relative;
overflow: hidden;
}
.card_big .article_thumb a{
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}
.card_big .article_thumb img{
width: 100%;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.card_big .card_img{
width: 100%;
}
.card_big .article_unit{
padding: 18px 15px 30px;
}
.card_big .article_unit .description{
font-size: 12px;
line-height: 20px;
margin-top: 10px;
}
.card_big .article_top{
overflow: hidden;
margin-bottom: 14px;
}
.post-categories{
overflow: hidden;
float: left;
}
.post-categories li{
float: left;
}
.post-categories li+li{
margin-left: 10px;
}
.post-categories a,
.post-categories span{
display: block;
padding: 2px;
border-color: #000;
color: #000;
font-weight: bold;
font-size: 11px;
line-height: 12px;
letter-spacing: 0.005em;
border-bottom: 1px solid #FFF;
}
.card_big .article_bookmark{
float: left;
margin-left: 14px;
padding-left: 13px;
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/bookmark.png);
background-position: left center;
background-size: 6px 12px;
background-repeat: no-repeat;
color: #ababab;
font-size: 10px;
line-height: 23px;
letter-spacing: 0.05em;
font-family: "Roboto";
font-weight: 500;
}
.card_big .article_date{
float: right;
opacity: 0.5;
color: #1b1b1b;
font-size: 10px;
line-height: 17px;
letter-spacing: 0.05em;
font-family: "Roboto";
font-weight: 500;
}
.card_big .article_heading{
color: #4d4d4e;
font-weight: bold;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.05em;
}
.read_more{
display: block;
height: 50px;
margin: 15px;
border-radius: 3px;
text-align: center;
line-height: 50px;
background: #ffb00a;
position: relative;
}
.read_more p{
display: inline-block;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 14px;
vertical-align: top;
}
.read_more:after,
#information .provide_us:after{
content: "";
display: block;
transform: translateY(-1px);
width: 5px;
height: 8px;
margin-left: 16px;
vertical-align: middle;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/chevron_right.png) no-repeat center center;
background-size: contain;
position: absolute;
left: 50%; margin-left: 75px;
top: 50%; transform: translateY(-50%);
}
#information .provide_us:after{
margin-left: 80px;
}
#footer{
position: relative;
overflow: hidden;
padding: 38px 15px 31px;
background-color: #2b2e33;
color: #b4b4b4;
}
#footer .foot_logo{
padding-bottom: 30px;
text-align: center;
}
#footer .foot_logo img{
width: 108px;
height: 20px;
}
#footer .back_to_top{
display: block;
position: absolute;
top: 30px;
right: 18px;
width: 35px;
height: 35px;
border-width: 2px;
border-style: solid;
border-color: #959799;
border-radius: 4px;
line-height: 35px;
text-align: center;
}
#footer .back_to_top img{
transform: translateY(-2px);
width: 8px;
height: 5px;
vertical-align: middle;
}
#footer .foot_menu{
width: 100%;
}
#footer .foot_menu li{
float: left;
width: 50%;
}
#footer .foot_menu li a{
display: block;
padding-bottom: 6px;
padding-left: 20px;
box-sizing: border-box;
font-size: 11px;
line-height: 20px;
}
#footer .foot_menu{
overflow: hidden;
position: relative;
}
#footer .foot_menu:after{
content: "";
display: block;
position: absolute;
top: 0; bottom: 0;
left: 50%;
width: 1px;
background: #67696d;
}
#footer .sns{
padding: 30px 0 19px;
text-align: center;
}
#footer .sns .icon{
display: inline;
padding: 0 10px;
}
#footer .sns .fb{
width: 16px;
height: 16px;
}
#footer .sns .tw{
width: 17px;
height: 14px;
}
#footer .sns .feed{
width: 15px;
height: 15px;
}
#footer .copyright{
display: block;
font-size: 8px;
font-family: "Roboto";
text-align: center;
} #feature{
background: #FFF;
margin-bottom: 24px;
}
#topFreeTitle,
#topRankingTitle{
margin-bottom: 24px;
border-bottom: 1px solid #dcdcdc;
}
#topFreeTitle+.article_list{
margin-bottom: 24px;
}
#feature .dotnav{
margin-bottom: 20px;
text-align: center;
height: 6px;
}
#feature .dotnav li{
display: inline-block;
width: 6px;
height: 6px;
vertical-align: top;
margin-right: 3px;
margin-left: 3px;
border-radius: 100%;
background-color: #d9d9d9;
}
#feature .dotnav li.current{
background-color: #eb6100;
}
#feature .progressbar{
width: 100%;
overflow: hidden;
background-color: #dedede;
}
#feature .bar_percent{
float: left;
width: 0;
height: 6px;
background-color: #ffb00a;
}
#new{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
background: #FFF;
margin-bottom: 22px;
}
#new .card_big_list{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
} #pop_cat{
background-color: #FFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
margin-bottom: 22px;
}
#pop_cat h2{
border-bottom: 1px solid #dcdcdc;
margin-bottom: 19px;
}
#pop_cat .cat_list{
padding-right: 15px;
padding-left: 15px;
overflow: hidden;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
height: 60px;
overflow: hidden;
}
#pop_cat .cat_list.open{
height: auto;
}
#pop_cat li{
margin-bottom: 8px;
margin: 0 2px 8px;
padding-left: 11px; 
padding-right: 11px;
border-width: 1px;
border-style: solid;
border-color: #cfcfcf;
border-radius: 10px;
box-sizing: border-box;
font-size: 11px;
line-height: 20px;
letter-spacing: 0.05em;
text-align: center;
}
#pop_cat .cat_more{
display: block;
height: 38px;
margin: 8px 15px 20px;
border-width: 2px;
border-style: solid;
border-color: #cfcfcf;
border-radius: 3px;
box-sizing: border-box;
text-align: center;
line-height: 38px;
}
#pop_cat .cat_more img{
width: 8px;
height: 5px;
vertical-align: middle;
transform: translateY(-4px);
}
#pop_cat .cat_list.open+.cat_more img{
transform: translateY(-4px) rotate(180deg);
}
#apps_dl{
width: 100%;
padding-top: 21px;
}
#apps_dl .box{
display: block;
margin: 0 10px;
}
#apps_dl .box p{
width: 100%;
height: 0;
padding-top: 78%;
background-color: orange;
position: relative;
}
#apps_dl .box p span{
display: block;
position: absolute;
top: 0; left: 0; right: 0;
}
#ranking{
margin-bottom: 22px;
}
#recommend{
background: #FFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
margin-bottom: 22px;
}
#pop_key{
background: #FFF;
padding-bottom: 8px;
margin-bottom: 22px;
border-bottom: 1px solid #dcdcdc;
}
#pop_key .section_title{
border-bottom: 1px solid #dcdcdc;
}
.tag_list{
padding: 20px 5px 15px;
overflow: hidden;
}
.tag_list a{
display: block;
float: left;
margin: 0 0px 5px;
padding-left: 10px; 
padding-right: 10px;
box-sizing: border-box;
font-size: 11px !important;
line-height: 20px;
letter-spacing: 0.05em;
text-align: center;
}
.tag_list a:before{
padding-right: 5px;
color: #eb6100;
content: '#';
}
#pop_comic{
padding-top: 36px;
padding-bottom: 16px;
}
#pop_comic h2{
padding-bottom: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.12em;
text-align: center;
}
#pop_comic li{
height: 267px;
margin-bottom: 15px;
background-color: yellow;
}
#pop_comic .progressbar{
width: 100%;
height: 6px;
margin-top: 15px;
overflow: hidden;
background-color: #dedede;
}
#pop_comic .bar_percent{
float: left;
width: 40%;
height: 6px;
background-color: #ffb00a;
}
#banner{
padding-top: 8px;
padding-bottom: 30px;
}
#banner li{
padding-top: 8px;
padding-bottom: 8px;
}
#banner img{
width: 100%;
}
#follow_me{
padding-top: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
}
#follow_me h2{
padding-top: 28px;
padding-bottom: 28px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.12em;
text-align: center;
}
#follow_me .facebook{
display: block;
height: 238px;
background-color: blue;
}
#follow_me .space{
display: block;
height: 316px;
}
#information{
padding-top: 15px;
padding-bottom: 15px;
background: #FFF;
border-top: 1px solid #dcdcdc;
}
#information .provide_us{
display: block;
height: 50px;
margin: 0 15px 0;
border-width: 1px;
border-style: solid;
border-color: #dedede;
border-radius: 3px;
background-color: #dedede;
box-sizing: border-box;
line-height: 50px;
text-align: center;
font-size: 14px;
position: relative;
}
#information .provide_us p{
display: inline-block;
font-weight: bold;
font-size: 19px
letter-spacing: 0.1em;
}
#information .provide_us img{
transform: translateY(-2px);
width: 5px;
height: 8px;
margin-left: 16px;
vertical-align: middle;
} #articles_index{
margin-bottom: 22px; }
#articles_index .category_description{
padding: 0 15px 20px;
font-size: 14px;
line-height: 22px;
text-align: center;
} #single{
background: #FFF;
}
#single_rensai_number{
padding: 20px 15px 0;
overflow: hidden;
line-height: 20px;
font-weight: bold;
}
#single_rensai_number .number{
float: left;
font-size: 11px;
color: #FFF;
padding: 0 9px;
border-radius: 10px;
background: #f7932a;
margin-right: 10px;
}
#single_rensai_number .number span{
padding: 0 4px;
font-weight: normal;
}
#single_rensai_number .title{
font-size: 10px;
}
#single_rensai_number .title a{
text-decoration: underline;
}
#single > header{
padding: 24px 15px 12px;
position: relative;
}
#single > header .upper{
font-size: 10px;
line-height: 12px;
font-family: "Roboto";
font-weight: 500;
color: #ababac;
overflow: hidden;
margin-bottom: 10px;
}
#single > header .upper .date{
float: left;
}
#single > header .upper .bookmark{
float: right;
padding-left: 12px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/bookmark.png) no-repeat left center;
background-size: 6px 12px;
}
#single > header h1{
font-size: 20px;
line-height: 1.4em;
margin-bottom: 17px;
}
#single > header .lower{
overflow: hidden;
margin-bottom: 25px;
}
#single > header .lower li{
float: left;
}
#single > header .lower li+li{
margin-left: 5px;
}
#single > header .lower .author{
float: right;
font-size: 10px;
line-height: 22px;
color: #ababab;
}
#single > header .lower .author a{
display: block;
}
#single > header .lower .author .icon{
margin-right: 4px;
display: inline-block;
width: 16px;
height: 16px;
border-radius: 100%;
overflow: hidden;
vertical-align: middle;
transform: translateY(-1px);
}
#single > header .lower .author .icon img{
vertical-align: top;
}
#single > header .pr{
position: absolute;
width: 22px;
height: 14px;
line-height: 14px;
text-align: center;
background: #dce0e5;
font-size: 10px;
font-family: "Roboto";
top: 20px; right: 25px;
}
#single .share_buttons{
text-align: center;
margin: 0 -4px;
overflow: hidden;
}
#single .share_buttons li{
float: left;
width: 25%;
}
#single .share_buttons li a{
display: block;
margin: 0 4px;
height: 40px;
border-bottom: 3px solid;
border-radius: 4px;
background-position: center center;
background-repeat: no-repeat;
}
#single .share_buttons li.tw a{
border-bottom-color: #307ab2;
background-color: #1b95e0;
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/twitter.png);
background-size: 17px 14px;
}
#single .share_buttons li.fb a{
border-bottom-color: #1b326d;
background-color: #3b579d;
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/facebook.png);
background-size: 16px 16px;
}
#single .share_buttons li.hb a{
background-color: #00a4de;
border-bottom-color: #0080ad;
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/hatebu.png);
background-size: 19px 15px;
}
#single .share_buttons li.line a{
background-color: #00b900;
border-bottom-color: #008b00;
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/line.png);
background-size: 22px 21px;
}
#single_body .main_visual{
text-align: center;
background: #F5F5F5;
margin-bottom: 1em;
}
#single_body .main_visual img{
max-width: 100%;
height: auto;
}
#single_body .main_visual .caption{
padding: 15px;
color: #FFFFFF;
font-size: 10px;
background: #3c3c3c;
}
#single_content{
padding: 0 15px 30px;
font-size: 15px;
line-height: 28px;
}
#single_content .twitter-tweet{
width: calc(100vw - 30px) !important;
}
#single_content img{
max-width: 100%;
height: auto;
margin-bottom: 1em;
}
.single_person_container .icon{
width: 160px;
margin: 0 auto;
}
.single_person_container .icon img{
margin: 0 !important;
}
#single_content .image_anchor{
border: none;
}
#single_content p{
margin-bottom: 2em;
}
#single_content p a{
color: #eb6100;
border-bottom: 1px dotted #eb6100;
}
#single_content .text-center{
text-align: center;
}
#single_content .underline_yellow{
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/underline_yellow@2x.png) repeat-x left bottom;
background-size: 6px 6px;
}
#single_content .underline_gray{
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/underline_gray@2x.png) repeat-x left bottom;
background-size: 6px 6px;
}
#single_content .bgline_yellow{
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/bgline_yellow@2x.png) repeat left bottom;
background-size: 6px 24px;
}
#single_content .bgline_gray{
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/bgline_gray@2x.png) repeat left bottom;
background-size: 6px 24px;
}
#single_content .highlight{
background-color: #fff330;
}
#single_content iframe{
width: 100% !important;
height: 180px;
}
#single_content .caption{
font-size: 10px;
line-height: 18px;
opacity: 0.6;
display: block;
}
#single_content h2{
color: #1b1b1b;
font-size: 20px;
line-height: 1.4em;
margin-bottom: 2em;
margin-top: 30px;
border-left: 4px solid #ffc855;
padding-left: 14px;
}
#single_content h2.balloon{
padding: 10px 15px;
border: 1px solid #dddddd;
border-radius: 4px;
position: relative;
margin-bottom: 35px;
}
#single_content h2.balloon:before,
#single_content h2.balloon:after{
content: "";
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
position: absolute;
bottom: -39px;
left: 30px;
}
#single_content h2.balloon:before{
border-top-color: #DDD;
bottom: -41px;
}
#single_content h2.balloon:after{
border-top-color: #FFF;
}
#single_content h3{
color: #1b1b1b;
font-size: 17px;
line-height: 1.4em;
padding-bottom: 10px;
border-bottom: 2px solid #e3e3e3;
margin-bottom: 20px;
}
#single_content ul.index{
padding-left: 18px;
margin-bottom: 50px;
}
#single_content ul.index a{
color: #eb6100;
border-bottom: 1px dotted #eb6100;
}
#single_content ul.index ul{
padding-left: 36px;
}
#single_content ul.index li{
list-style: disc;
}
#single_content blockquote{
padding: 20px 20px;
background: #f7f7f5;
font-style: italic;
margin-bottom: 28px;
}
#single_content blockquote p:last-child{
margin-bottom: 0;
font-size: 13px;
}
#single_content ul.count{
padding-left: 20px;
}
#single_content ul.count li{
list-style: decimal;
padding-left: 5px;
}
#single_content .button{
display: block;
width: 276px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 14px;
font-weight: bold;
border: 2px solid #000;
border-radius: 4px;
box-shadow: 0 2px 0 #000; 
margin: 40px auto;
color: inherit;
}
#single_content .article_link{
margin: 20px 0;
}
#single_content .article_link a{
display: block;
font-size: 14px;
line-height: 23px;
color: #eb6100;
text-decoration: underline;
padding: 15px;
border: 1px solid #e1e1e1;
border-radius: 4px;
}
#single_content .article_link p{
margin: 0;
}
#single_content .interviewee{
font-weight: bold;
}
#single_content .interviewee._blue{
color: #1a449a;
}
#single_content .interviewee._red{
color: #e42020;
}
#single_content .interviewee._green{
color: #42b72a;
}
#single_content .interviewee._l_blue{
color: #21bed5;
}
.single_lower_title{
font-size: 12px;
padding: 12px 15px;
border-bottom: 1px solid #dcdcdc;
}
#single_share{
padding: 15px 15px;
background: #f2f2f2;
border-top: 1px solid #dcdcdc;
}
.single_sub+#topRankingTitle{
margin-bottom: 0;
}
#related_aritcles{
background: #FFF;
}
#related_aritcles ul{
padding: 13px 0;
}
#related_aritcles a{
display: block;
font-size: 12px;
line-height: 20px;
color: #eb6100;
padding: 8px 15px 8px 30px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/related_articles.png) no-repeat 15px 15px;
background-size: 5px 8px;
}
#related_aritcles a:after{
content: "";
display: inline-block;
width: 10px;
height: 10px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/external-link.png) no-repeat center center;
background-size: contain;
margin-left: 8px;
}
#related_tags{
background: #FFF;
}
#single_paging{
position: relative;
background: #f2f2f2;
font-weight: bold;
overflow: hidden;
}
#single_paging .next_page_title a{
display: block;
margin: 15px 15px 0;
border: 2px solid #000;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
padding: 12px 40px;
position: relative;
background: #FFF;
}
#single_paging .next_page_title a:after{
content: "";
display: block;
width: 5px;
height: 8.5px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/chevron_s.png) no-repeat center center;
background-size: 5px 8.5px;
position: absolute;
top: 50%; transform: translateY(-50%);
right: 16px;
}
#single_paging .next_page_title a span{
display: block;
letter-spacing: 0.2em;
font-size: 10px;
font-family: "Roboto";
font-weight: 700;
line-height: 10px;
position: absolute;
left: 0; top: 50%;
transform-origin: top left;
transform: rotate(-90deg) translateY(14px) translateX(-50%);
}
#single_paging .next_page_numbers{
position: relative;
}
#single_paging .next_page_numbers p{
display: block;
text-align: center;
font-size: 16px;
letter-spacing: 0.3em;
padding: 24px 0;
position: relative;
}
#single_paging .next_page_numbers a:first-child,
#single_paging .next_page_numbers a:last-child{
display: block;
width: 41px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/chevron_s.png) no-repeat center center;
background-size: 5px 8.5px;
position: absolute;
top: 0; bottom: 0;
overflow: hidden;
text-indent: -9999px;
z-index: 2;
}
#single_paging .next_page_numbers a:last-child{
right: 15px;
}
#single_paging .next_page_numbers a:first-child{
left: 15px;
transform: rotate(180deg);
}
#single_author{
position: relative;
padding: 25px 15px 25px 80px;
border-top: 1px solid #dcdcdc;
}
#single_content+#single_author{
}
#single_author .icon{
width: 50px;
height: 50px;
border-radius: 100%;
background: #EEE;
position: absolute;
left: 15px;
top: 25px;
overflow: hidden;
}
#single_author h2{
font-size: 11px;
margin-bottom: 11px;
}
#single_author h3{
font-size: 15px;
line-height: 22px;
color: #053268;
margin-bottom: 15px;
}
#single_author .detail p{
font-size: 12px;
}
.single_sub{
overflow: hidden;
background: #FFF;
border-bottom: 1px solid #dcdcdc;
margin-top: 24px;
}
#single+.single_sub{
margin-top: 0;
}
#rensai_single_pager{
padding: 15px 0;
}
#rensai_single_pager .prev,
#rensai_single_pager .next{
margin: 0 15px;
}
#rensai_single_pager .prev{
margin-bottom: 15px;
}
#rensai_single_pager .prev a,
#rensai_single_pager .next a{
display: block;
border: 1px solid #e1e1e1;
border-radius: 4px;
position: relative;
padding: 14px 18px;
height: 100px;
box-sizing: border-box;
overflow: hidden;
}
#rensai_single_pager .prev a{
padding-left: 124px;
}
#rensai_single_pager .next a{
padding-left: 100px;
padding-right: 43px;
}
#rensai_single_pager .number{
height: 23px;
width: 98px;
line-height: 23px;
background: #112e6a;
color: #FFF;
font-size: 10px;
position: absolute;
letter-spacing: 0.3em;
border-bottom: 1px solid #e1e1e1;
}
#rensai_single_pager .number:after{
content: "";
display: block;
width: 5px;
height: 8px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
right: 22px;
}
#rensai_single_pager .prev .number:after{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/rensai_single_pager_chevron_s.png);
transform: translateY(-50%) rotate(90deg);
}
#rensai_single_pager .next .number:after{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/rensai_single_pager_chevron_s_r.png);
transform: translateY(-50%) rotate(-90deg);
}
#rensai_single_pager .image{
width: 70px;
height: 70px;
position: absolute;
top: 14px;
overflow: hidden;
}
#rensai_single_pager .title{
font-size: 14px;
line-height: 23px;
height: 69px;
font-weight: bold;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#rensai_single_pager .image img{
width: 100%;
height: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#rensai_single_pager .prev .number{
left: 24px; bottom: 0;
text-indent: 18px;
transform-origin: bottom left;
transform: rotate(-90deg);
}
#rensai_single_pager .next .number{
right: 24px; bottom: 0;
text-indent: 18px;
transform-origin: bottom right;
transform: rotate(90deg);
}
#rensai_single_pager .prev .image{
left: 37.5px;
}
#rensai_single_pager .next .image{
left: 13px;
}
#rensai_single_pager .to_all{
font-size: 14px;
font-weight: bold;
text-align: center;
color: #eb6100;
text-decoration: underline;
padding: 20px 0;
} #rensai{
background: #FFF;
}
.archive_header{
background: #FFF;
padding: 34px 0 30px;
margin-bottom: 24px;
border-bottom: 1px solid #dcdcdc;
}
.archive_header .main_visual img{
width: 100%;
height: auto;
}
.archive_header h1{
text-align: center;
font-size: 18px;
}
.archive_header .meta{
margin-top: 20px;
text-align: center;
}
.archive_header .meta > *{
display: inline-block;
}
.rensai_posts{
line-height: 20px;
font-size: 10px;
font-family: "Roboto";
font-weight: bold;
color: #f39300;
border: 2px solid #f39300;
border-radius: 12px;
padding: 0 15px;
}
.archive_header .meta .author{
margin-left: 15px;
line-height: 16px;
padding: 4px 0;
font-size: 10px;
}
.archive_header .meta .author span{
border-left: 1px solid #ababab;
padding: 0 15px;
}
.archive_header .description{
font-size: 15px;
line-height: 28px;
padding: 0 15px;
margin-top: 22px;
}
.archive_header .rensai_nav{
margin: 0 15px;
}
.rensai_nav{
overflow: hidden;
margin: 0;
}
.rensai_nav li{
width: 50%;
float: left;
}
.rensai_nav li a{
display: block;
margin: 0 5px;
height: 36px;
line-height: 37px;
font-size: 13px;
font-weight: bold;
text-align: center;
border: 2px solid #053268;
color: #053268;
border-radius: 4px;
position: relative;
}
.rensai_nav li a:after{
content: "";
display: inline-block;
width: 5px; height: 8px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/rensai_show_all.png) no-repeat center center;
background-size: contain;
margin-left: 10px;
margin-right: -2px;
}
#rensai_sort{
background: #f2f2f2;
padding: 16px 0;
text-align: center;
border-top: 1px solid #dcdcdc;
line-height: 35px;
}
#rensai_sort h2{
display: inline-block;
font-size: 10px;
vertical-align: middle;
border: 1px solid transparent;
}
#rensai_sort .select{
display: inline-block;
margin-left: 18px;
}
#rensai_sort .select select{
-webkit-appearance: none;
margin: 0; border: none;
background: transparent;
padding: 0 0 0 20px;
width: 110px;
font-size: 15px;
box-sizing: border-box;
border: 1px solid #cdcdcd;
border-radius: 4px;
background: #FFF;
line-height: 35px;
font-weight: bold;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/rensai_chevron_s.png) no-repeat 85px center #FFF;
background-size: 8.5px 5px;
}
#rensai_list{
overflow: hidden;
}
#rensai_list article{
padding: 25px 15px;
border-bottom: 1px solid #dcdcdc;
position: relative;
}
#rensai_list article .main_visual{
margin-bottom: 22px;
}
#rensai_list article .main_visual img{
width: 100%;
height: auto;
}
#rensai_list article header{
padding-right: 100px;
position: relative;
}
#rensai_list article header .rensai_posts{
position: absolute;
top: 0; right: 0;
}
#rensai_list article header h2{
font-size: 15px;
line-height: 23px;
margin-bottom: 8px;
}
#rensai_list article .meta{
overflow: hidden;
margin-bottom: 20px;
}
#rensai_list article .meta p{
float: left;
font-size: 10px;
color: rgba(27,27,27,0.5);
line-height: 12px;
height: 12px;
}
#rensai_list article .meta p+p{
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #d5d5d5;
}
#rensai_list article .description{
font-size: 12px;
line-height: 21px;
margin-bottom: 20px;
} #rensai_nav{
background: #f2f2f2;
overflow: hidden;
}
#rensai_nav li{
width: 50%;
float: left;
background: #dcdcdc;
height: 50px;
line-height: 51px;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#rensai_nav li.current{
background: #FFF;
}
#rensai_single .archive_header+#rensai_single_articles{
background: #f2f2f2;
padding-top: 15px;
border-top: 1px solid #dcdcdc;
overflow: hidden;
}
.card{
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
.card+.card{
border-top: none;
border-bottom: 1px solid #dcdcdc;
}
.card a{
display: block;
padding: 25px 15px;
box-sizing: border-box;
position: relative;
background: #FFF;
overflow: hidden;
}
.no_more .card:last-child{
border-bottom: none;
}
.card.rank a{
background-color: #fffbd8;
}
.card.rank a{
padding: 15px;
}
.card.rank .left .image{
height: 90px;
margin-bottom: 0;
}
.card.rank .left .image img{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.card.rank .right h2{
margin-bottom: 0;
font-size: 14px;
}
.card.rank a:before{
content: "";
display: block;
width: 38px;
height: 38px;
position: absolute;
left: 0; top: 0;
z-index: 2;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/budge1@2x.png);
}
.card.rank+.card.rank a:before{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/budge2@2x.png);
}
.card.rank+.card.rank+.card.rank a:before{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/budge3@2x.png);
}
.card.rank+.card.rank+.card.rank+.card.rank a:before{
display: none !important;
}
.card.rank+.card.rank a{
background-color: #f4f4f4;
}
.card.rank+.card.rank+.card.rank a{
background-color: #f9eee6;
}
.card.rank+.card.rank+.card.rank+.card.rank a{
background-color: #FFFFFF;
}
.card .left{
float: left;
padding: 0 15px 0 0;
width: 90px;
}
.card .left .image{
width: 90px;
overflow: hidden;
margin-bottom: 15px;
position: relative;
}
.card .left .image img{
width: 100%;
height: auto;
min-height: 10px;
}
.card .left .post-categories{
text-align: center;
float: none;
}
.card .left .post-categories span{
display: inline-block;
}
.card .left .number{
text-align: center;
color: #f39300;
font-size: 10px;
height: 24px;
line-height: 24px;
font-weight: bold;
}
.card .left .number span{
display: inline-block;
width: 24px; height: 24px;
border-radius: 100%;
border: 2px solid #f39300;
margin: 0 8px;
font-size: 10px;
}
.card .right{
float: left;
width: calc(100% - 105px);
}
.card .right h2{
font-size: 15px;
line-height: 23px;
margin-bottom: 16px;
}
.card .right .description{
font-size: 12px;
line-height: 21px;
margin-bottom: 10px;
}
.card .right .date{
font-size: 10px;
font-family: "Roboto";
font-weight: bold;
color: rgba(27,27,27,0.5);
}
#rensai_single_authors{
display: none;
}
.author_card{
padding: 25px 15px;
position: relative;
border-bottom: 1px solid #dcdcdc;
}
.author_card .image{
position: absolute;
width: 60px;
height: 60px;
border-radius: 100%;
background: #EEE;
left: 15px;
top: 25px;
overflow: hidden;
}
.author_card .image img{
width: 60px;
height: 60px;
}
.author_card header{
margin-bottom: 22px;
position: relative;
min-height: 60px;
padding: 8px 0 0 80px;
box-sizing: border-box;
}
.author_card header .name{
font-size: 16px;
line-height: 22px;
color: #053268;
margin-bottom: 10px;
}
.author_card header .kana{
font-size: 10px;
line-height: 16px;
color: rgba(51,51,51,0.6);
margin-right: 100px;
}
.author_card header ul{
position: absolute;
right: 0;
bottom: 0px;
}
.author_card header ul li{
float: left;
margin-left: 10px;
}
.author_card .content{
font-size: 10px;
line-height: 15px;
}
.author_card .content a{
color: #eb6100;
border-bottom: 1px dotted #eb6100;
} #author h1{
border-bottom: 1px solid #dcdcdc;
}
#author{
background: #FFF;
}
#author_single .author_card{
background: #FFF;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 20px;
}
#author_single section.articles{
background: #FFF;
}
#author_single .section_title span{
color: #053268;
} #about{
background: #FFF;
padding-bottom: 50px;
}
#about h1{
border-bottom: 1px solid #dcdcdc;
}
#about .body{
padding: 0 15px;
}
#about h2{
margin-top: 30px;
padding: 30px 0;
text-align: center;
font-size: 18px;
}
#about h2:first-child{
margin-top: 0;
}
#about p{
font-size: 15px;
line-height: 28px;
margin-bottom: 1em;
text-align: justify;
}
#about p.image{
text-align: center;
margin-bottom: 45px;
}
#about p.image .img01{
width: 100%;
max-width: 303px;
}
#about p.image .img02{
width: 100%;
max-width: 300px;
margin-bottom: 20px;
}
#about p a{
color: #ff8a00;
}
.page_anchor{
display: block;
border: 2px solid #ababab;
border-radius: 4px;
height: 46px;
line-height: 47px;
text-align: center;
font-weight: bold;
font-size: 13px;
margin-top: 30px;
letter-spacing: 0.1em;
}
.page_anchor+.page_anchor{
margin-top: 14px;
}
.page_title_small{
font-size: 14px;
line-height: 25px;
text-align: center;
margin-top: 40px;
margin-bottom: 25px;
} #contact_list{
padding-bottom: 20px;
}
#contact_list h1{
border-bottom: 1px solid #dcdcdc;
background: #FFF;
}
#contact_list h1+p{
padding: 26px 15px;
font-size: 15px;
line-height: 28px;
background: #FFF;
text-align: justify;
}
#contact_list section{
margin-top: 20px;
background: #FFF;
padding: 30px 15px;
}
#contact_list section .page_title_small{
margin-top: 0;
}
#contact{
background: #FFF;
}
#contact_form{
padding: 26px 15px 40px;
border-top: 1px solid #dcdcdc;
}
#contact_form .note{
font-size: 15px;
line-height: 28px;
margin-bottom: 34px;
}
#contact_list p a,
#contact_form .note a{
color: #eb6100;
border-bottom: 1px dotted #eb6100;
}
#contact_form .note span{
color: #eb6100;
}
#contact_form ul{
margin-bottom: 48px;
}
#contact_form li+li{
margin-top: 24px;
}
#contact_form li .title,
#contact_form ul+h2{
font-size: 14px;
font-weight: bold;
margin-bottom: 14px;
}
#contact_form li .title span{
color: #eb6100;
padding-left: 0.3em;
}
#contact_form input[type=text],
#contact_form input[type=email],
#contact_form select,
#contact_form textarea{
-webkit-appearance: none;
font-size: 16px;
line-height: 24px;
padding: 10px;
border: 1px solid #ababab;
border-radius: 4px;
box-sizing: border-box;
width: 100%;
background: #FFF;
}
#contact_form textarea{
height: 148px;
}
#contact_form .note_bottom{
font-size: 15px;
line-height: 28px;
margin-bottom: 15px;
}
#contact_form .confirm{
margin-bottom: 46px;
}
#contact_form span.wpcf7-list-item{
margin: 0;
font-size: 15px;
}
#contact_form input[type=submit]{
-webkit-appearance: none;
height: 50px;
line-height: 50px;
width: 100%;
text-align: center;
padding: 0;
margin: 0;
border: none;
background: #053268;
color: #FFF;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
border-radius: 4px;
}
#contact div.wpcf7 .ajax-loader{
display: block;
position: relative;
margin: 10px auto;
}
#contact span.wpcf7-not-valid-tip{
font-size: 14px;
padding: 15px 0;
}
#contact div.wpcf7-validation-errors,
#contact  div.wpcf7-mail-sent-ok{
border: 1px solid #EEE;
font-size: 13px;
line-height: 20px;
padding: 10px;
}
#list_not_found{
border-top: 1px solid #dcdcdc;
background: #FFF;
padding: 50px 0 70px;
text-align: center;
}
#list_not_found h2{
font-size: 12px;
color: rgba(0,0,0,0.5);
font-family: "Roboto";
font-weight: 700;
margin-bottom: 18px;
}
#list_not_found p{
font-size: 16px;
color: #333333;
font-weight: bold;
margin-bottom: 47px;
}
#list_not_found:after{
content: "";
display: block;
width: 169px;
height: 146px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/not_found.png) no-repeat center center;
background-size: contain;
margin: 0 auto;
}
#privacy_policy{
background: #FFF;
}
#privacy_policy .content{
padding: 20px 15px 50px;
border-top: 1px solid #dcdcdc;
font-size: 15px;
line-height: 28px;
text-align: justify;
}
#wrapper.error404 #glob_footer{
margin-top: 0;
}
#error404 .content,
#outsideLink .content{
position: relative;
z-index: 2;
text-align: center;
padding: 60px 0;
color: #FFF;
letter-spacing: 0.2em;
min-height: calc(100vh - 60px - 272px);
box-sizing: border-box;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/404bg.jpg) no-repeat center bottom #0e2c74;
background-size: 100% auto;
}
#error404 .content h1,
#outsideLink .content h1{
font-size: 36px;
font-family: "Roboto";
margin-bottom: 36px;
letter-spacing: 0.2em;
}
#error404 .content span,
#outsideLink .content span{
display: block;
font-size: 14px;
padding-top: 20px;
}
#error404 .content p,
#outsideLink .content p{
font-size: 12px;
line-height: 20px;
margin-bottom: 46px;
}
#error404 .content a{
display: inline-block;
font-size: 12px;
padding:0px 3px 6px;
border-bottom: 1px solid #FFF;
}
#special_list{
}
#special_list article{
position: relative;
margin-bottom: 20px;
}
#special_list article img{
max-width: 100%;
}
.comicspace_parameter{
margin: 2em -15px;
padding: 30px 15px;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
overflow: hidden;
}
#single_content h3+.comicspace_parameter{
margin-top: 1em;
}
.comicspace_parameter .upper{
overflow: hidden;
}
.comicspace_parameter .upper .image{
left: 15px;
width: 120px;
float: left;
margin-bottom: 0 !important;
}
.comicspace_parameter .upper .image img{
width: 118px;
border: 1px solid #e5e5e5;
margin: 0 !important;
}
.comicspace_parameter .upper .right{
width: calc(100% - 120px);
float: left;
padding-left: 25px;
box-sizing: border-box;
}
.comicspace_parameter .upper .right .title{
font-size: 18px;
line-height: 26px;
font-weight: bold;
margin-bottom: 10px !important;
}
#single_content .comicspace_parameter a{
color: inherit;
border: none;
}
.comicspace_parameter .upper .right .meta{
font-size: 11px;
line-height: 15px;
font-weight: bold;
margin-bottom: 12px;
overflow: hidden;
}
.comicspace_parameter .upper .right .meta p{
float: left;
}
.comicspace_parameter .upper .right .meta p+p{
margin-left: 10px;
}
.comicspace_parameter .upper .right .meta p,
.comicspace_parameter .upper .right .amazon{
margin-bottom: 0 !important;
}
.comicspace_parameter .upper .right .amazon{
margin-top: 20px;
}
.comicspace_parameter .upper .right .amazon a{
display: block;
height: 40px;
line-height: 40px;
text-align: center;
color: #000;
font-size: 13px;
background: #ffb00a;
border-radius: 4px;
font-weight: bold;
}
.comicspace_parameter .star,
.csTitleList .star{
font-size: 22px;
font-family: "Roboto";
font-weight: 500;
margin-bottom: -7px !important;
}
.comicspace_parameter .star{
margin-bottom: 0px !important;
}
.csTitleList .star{
font-size: 15px;
text-align: center;
margin-bottom: 0 !important;
}
.comicspace_parameter .star span,
.csTitleList .star span{
display: inline-block;
width: 19px;
height: 19px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/star/ui40@2x.png);
}
.csTitleList .star span{
width: 10px;
height: 10px;
}
.comicspace_parameter .star span._5,
.csTitleList .star span._5{
margin-right: 10px;
}
.comicspace_parameter .star._1f ._1,
.comicspace_parameter .star._2f ._2,
.comicspace_parameter .star._3f ._3,
.comicspace_parameter .star._4f ._4,
.comicspace_parameter .star._5f ._5,
.csTitleList .star._1f ._1,
.csTitleList .star._2f ._2,
.csTitleList .star._3f ._3,
.csTitleList .star._4f ._4,
.csTitleList .star._5f ._5{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/star/ui44@2x.png);
}
.comicspace_parameter .star._1s ._1,
.comicspace_parameter .star._2s ._2,
.comicspace_parameter .star._3s ._3,
.comicspace_parameter .star._4s ._4,
.comicspace_parameter .star._5s ._5,
.csTitleList .star._1s ._1,
.csTitleList .star._2s ._2,
.csTitleList .star._3s ._3,
.csTitleList .star._4s ._4,
.csTitleList .star._5s ._5{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/star/ui43@2x.png);
}
.comicspace_parameter .controle .star._1t ._1,
.comicspace_parameter .controle .star._2t ._2,
.comicspace_parameter .controle .star._3t ._3,
.comicspace_parameter .controle .star._4t ._4,
.comicspace_parameter .controle .star._5t ._5,
.csTitleList .star._1t ._1,
.csTitleList .star._2t ._2,
.csTitleList .star._3t ._3,
.csTitleList .star._4t ._4,
.csTitleList .star._5t ._5{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/star/ui42@2x.png);
}
.comicspace_parameter .star._1m ._1,
.comicspace_parameter .star._2m ._2,
.comicspace_parameter .star._3m ._3,
.comicspace_parameter .star._4m ._4,
.comicspace_parameter .star._5m ._5,
.csTitleList .star._1m ._1,
.csTitleList .star._2m ._2,
.csTitleList .star._3m ._3,
.csTitleList .star._4m ._4,
.csTitleList .star._5m ._5{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/star/ui41@2x.png);
}
.comicspace_parameter .description{
font-size: 12px;
line-height: 20px;
padding-top: 16px;
margin-bottom: 0 !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.comicspace_parameter .controle .status{
font-size: 11px;
line-height: 11px;
font-family: "Roboto";
font-weight: 700;
padding-top: 19px;
padding-right: 44px;
text-align: right;
float: right;
margin-bottom: -11px !important;
position: relative;
margin-top: 10px;
}
.comicspace_parameter .controle .status .icon{
display: block;
width: 30px;
height: 30px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/review_icon.png) no-repeat right center;
background-size: 30px 30px;
border-radius: 100%;
position: absolute;
right: 0;
top: 50%; transform: translateY(-50%);
}
.comicspace_parameter .controle .status .name span{
font-size: 10px;
font-weight: normal;
}
.comicspace_parameter .controle .status:last-child{
margin-bottom: 0 !important;
}
.comicspace_parameter .review_count{
font-size: 11px;
line-height: 11px;
margin-bottom: 0px !important;
clear: both;
}
.comicspace_parameter .controle ul{
overflow: hidden;
padding-top: 22px;
clear: both;
}
.comicspace_parameter .controle .icon+ul{
padding-top: 31px;
}
.comicspace_parameter .controle ul li{
float: left;
width: 50%;
}
.comicspace_parameter .controle ul li a{
display: block;
height: 40px;
line-height: 38px;
text-align: center;
background: #2db9c2;
color: #FFF !important;
font-size: 13px;
font-weight: bold;
border: 1px solid #e5e5e5 !important;
border-radius: 4px;
text-decoration: none !important;
box-sizing: border-box;
transition:all 200ms ease;
}
.comicspace_parameter .controle ul li a.active{
background-color: #e0e0e0;
background-color: #FFF;
color: #6e6e6e !important;
}
.comicspace_parameter .controle ul li a.access_api_yonda.active{
margin: 0;
width: 200%;
transform: translateX(-50%);
}
.comicspace_parameter .controle ul li a{
margin-right: 5px;
}
.comicspace_parameter .controle ul li+li a{
margin-right: 0;
margin-left: 5px;
}
#review{
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 100;
display: none;
}
#review > .close{
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5);
}
#review-content{
position: absolute;
left: 0; right: 0; bottom: 0;
background: #FFF;
z-index: 2;
}
#review-header{
height: 40px;
line-height: 40px;
color: #FFF;
background: #252628;
position: relative;
}
#review-header p{
font-size: 15px;
font-weight: 500;
text-align: center;
}
#review-header a{
display: block;
position: absolute;
top: 0; right: 0;
color: #909090;
font-size: 14px;
padding: 0 15px;
}
#review-select-volumes{
padding: 14px;
font-weight: bold;
border-bottom: 1px solid #eeeeee;
}
#review-select-volumes .con{
display: inline-block;
height: 34px;
line-height: 34px;
border: 1px solid #e0e0e0;
position: relative;
border-radius: 3px;
font-size: 16px;
}
#review-select-volumes select{
-webkit-appearance: none;
display: inline-block;
box-sizing: border-box;
font-size: 12px;
font-weight: 500;
padding: 0 25px 0 10px;
background: transparent;
vertical-align: top;
border: none;
height: 34px;
line-height: 34px;
margin-right: 8px;
font-size: 16px;
}
#review-select-volumes select:focus,
#review-textarea textarea:focus{
outline: none;
}
#review-select-volumes .con:after{
content: "";
display: block;
width: 12.5px;
height: 7.5px;
position: absolute;
top: 50%; transform: translateY(-50%);
right: 10px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/review_arr.png) no-repeat center center;
background-size: contain;
}
#review-textarea{
padding: 14px;
position: relative;
}
#review-textarea .con{
margin-right: 74px;
position: relative;
}
#review-textarea textarea{
border: none;
padding: 0; margin: 0;
height: 100px;
font-size: 16px;
line-height: 22px;
width: 100%;
}
#review-textarea .netabare{
width: 50px;
height: 50px;
position: absolute;
top: 14px; right: 14px;
border-radius: 3px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/review_netabare.png) no-repeat center center #efefef;
background-size: 28px 32.5px;
}
#review-textarea .netabare.active{
background-color: #BBBBBB;
}
#review-score{
height: 56px;
line-height: 56px;
background: #efefef;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
position: relative;
}
#review-score .score{
display: block;
font-size: 26px;
font-weight: bold;
position: absolute;
top: 50%; transform: translateY(-50%);
right: 22px;
}
#review-score:before{
content: "スコア";
display: block;
letter-spacing: -0.05em;
font-size: 16px;
font-weight: bold;
line-height: 21px;
height: 20px;
padding-left: 24px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/review_star.png) no-repeat left center;
background-size: contain;
position: absolute;
left: 10px;
top: 50%; transform: translateY(-50%);
}
#review-score .con{
position: absolute;
left: 90px;
right: 90px;
height: 56px;
transform: translateY(-3px);
}
#review-submit{
padding: 14px;
}
#review-submit button{
-webkit-appearance: none;
display: block;
height: 44px;
width: 100%;
border: none; padding: 0; margin: 0;
line-height: 44px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #FFF;
border-radius: 3px;
background: -webkit-linear-gradient(-45deg, #ff900a 1%,#ffcd22 100%);
background: linear-gradient(135deg, #ff900a 1%,#ffcd22 100%);
letter-spacing: 0.1em;
}
#review-score input[type=range] {
-webkit-appearance: none;
width: 100%;
}
#review-score input[type=range]:focus {
outline: none;
}
#review-score input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 5px;
cursor: pointer;
box-shadow: none;
background: #3db9c4;
border-radius: 2.5px;
border: none;
}
#review-score input[type=range]::-webkit-slider-thumb {
box-shadow: 0 0 3px rgba(0,0,0,0.2);
border: none;
height: 24px;
width: 24px;
border-radius: 12px;
background: #ffffff;
cursor: pointer;
-webkit-appearance: none;
margin-top: -10px;
}
#review-score input[type=range]:focus::-webkit-slider-runnable-track {
background: #367ebd;
}
#review-menu{
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 100;
}
#review-menu ul{
position: absolute;
left: 10px; right: 10px; bottom: 10px;
}
#review-menu ul a{
display: block;
background: rgba(255,255,255,0.95);
height: 54px;
line-height: 54px;
text-align: center;
font-size: 18px;
color: #007aff !important;
}
#review-menu ul a.title{
height: 44px;
line-height: 44px;
font-size: 14px;
color: #252525 !important;
border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
#review-menu ul a.title,
#review-menu ul .edit{
border-bottom: 1px solid #CCC;
}
#review-menu ul .delete{
border-radius: 0 0 10px 10px / 0 0 10px 10px;
color: #ff2400 !important;
}
#review-menu ul .cancel{
margin-top: 5px;
border-radius: 10px;
font-weight: bold;
}
#single .copyright{
padding: 20px 0 0;
font-size: 10px;
line-height: 16px;
opacity: 0.5;
text-align: center;
margin-bottom: 0;
}
#single .comicspace_parameter+.copyright{
padding-top: 0;
}
#single_paging+.copyright{
padding-top: 15px;
}
#single_body .single_person_container{
padding: 30px 0;
position: relative;
}
#single_body .single_person_container .title{
font-weight: bold;
font-size: 15px;
line-height: 15px;
margin-bottom: 1em !important;
}
#single_body .single_person_container .title span{
display: block;
font-size: 10px;
margin-top: 7px;
}
#single_body .single_person_container .description{
font-size: 12px;
line-height: 20px;
}
#single_body .single_person_container .anchor{
font-size: 12px;
margin-top: 12px;
}
#single_body .single_person_container .anchor a{
color: #eb6100;
}
#single_body .single_person_container .share{
position: absolute;
top: 30px; right: 15px;
}
#single_body .single_person_container .share li{
float: left;
margin-left: 10px;
}
#single_body .single_person_container .share li a{
display: block;
overflow: hidden;
text-indent: -9999px;
width: 15px;
height: 15px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
#single_body .single_person_container .share li a.twitter{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/twitter.svg);
}
#single_body .single_person_container .share li a.facebook{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/facebook.svg);
}
#single_body .single_person_container .share li a.instagram{
background-image: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/instagram.svg);
}
#header_app_banner{
position: fixed;
top: 0; left: 0; right: 0;
z-index: 11;
}
#header_app_banner a{
display: block;
width: 100%;
height: 0;
padding-top: 16%;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/header_app_banner.jpg) no-repeat center center;
background-size: cover;
}
#header_app_banner p{
width: 15px;
height: 15px;
position: absolute;
top: 50%; transform: translateY(-50%);
left: 4%;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/header_app_banner_close.png) no-repeat center center;
background-size: cover;
}
#wrapper.show_app_banner{
padding-top: calc(16% + 60px);
}
#wrapper.show_app_banner #header{
margin-top: 16%;
}
#wrapper.show_app_banner #glob_nav{
margin-top: 16%;
}
#apiLoading{
position: fixed;
left: 0; right: 0; bottom: 0; top: 0;
z-index: 10;
}
#apiLoading:before{
content: "";
display: block;
width: 70px;
height: 70px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background: #FFF;
border-radius: 2px;
}
#apiLoading:after{
content: "";
display: block;
width: 20px;
height: 20px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/apiLoading.png) no-repeat center center;
background-size: contain;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
animation: loading 2s linear infinite;
}
@keyframes loading {
0% {
transform: rotate(0);
} 100% {
transform: rotate(360deg);
}
}
.ads_after_content{
width: 300px;
margin: 0 auto 20px;
}
.ads_before_ranking{
width: 300px;
margin: 10px auto;
}
#related_cs_titles{
padding: 15px;
margin-bottom: 20px;
}
#related_cs_titles .comicspace_parameter{
margin: 0 -15px;
border-bottom: none;
}
#related_cs_titles .single_lower_title{
border-bottom: none;
}
#single_all_images .display{
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
#single_all_images ul{
overflow: hidden;
padding: 15px 15px 15px 0;
}
#single_all_images li{
float: left;
margin-left: 15px;
}
#single_all_images li a{
display: block;
width: 120px;
height: 120px;
position: relative;
border: 1px solid #F1F1F1;
}
#single_all_images li img{
max-height: 100%;
max-width: 100%;
position: absolute;
top: 50%; left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#pcRightCol{
overflow: hidden;
}
#wrapper.archive_artices .article_list article:last-child:after{
display: none;
}
#pcRightCol .csTitleList{
margin-top: 24px;
}
.single_sub .card_big:last-child{
border-bottom: none;
}
#topReviewList{
position: relative;
margin-bottom: 22px;
}
#topReviewList .section_title{
padding-top: 0;
background: transparent;
}
#topReviewList .csTitleShowAll{
top: 0;
}
#topReviewList .dotnav{
text-align: center;
width: 100%;
height: 6px;
padding-top: 10px;
}
#topReviewList .dotnav li{
width: 6px;
height: 6px;
border-radius: 100%;
display: inline-block;
background: #bebebe;
margin: 0 5px;
vertical-align: top;
}
#topReviewList .dotnav li.current{
background: #fc941a;
}
#topReviewList .display{
width: 100%;
height: 216px;
}
#topReviewList .slides{ }
#topReviewList .slides li{
width: 100vw; }
#topReviewList .slides li .content{
margin: 0 14px;
background: #FFF;
border-radius: 4px;
padding: 15px 15px;
}
#topReviewList .slides li .timelineItem{
position: relative;
overflow: hidden;
}
#topReviewList .timelineItem .thumbnail{
width: 80px;
height: 115px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
}
#topReviewList .timelineItem .thumbnail img{
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#topReviewList .timelineItem .thumbnail + .userData{
margin-right: 94px;
padding-top: 2px;
}
#topReviewList .timelineItem .usuerProfileAnc{
display: block;
position: relative;
padding-left: 42px;
}
#topReviewList .timelineItem .usuerProfileAnc .icon{
width: 32px;
height: 32px;
overflow: hidden;
border-radius: 100%;
position: absolute;
left: 0;
top: 0;
}
#topReviewList .timelineItem .usuerProfileAnc .icon img{
width: 32px;
height: 32px;
}
#topReviewList .timelineItem .usuerProfileAnc .nickname {
font-size: 11px;
font-weight: bold;
padding-top: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 5px;
}
#topReviewList .timelineItem .usuerProfileAnc .username {
font-size: 9px;
color: #909090;
}
#topReviewList .timelineItem .userReviewsAnc{
display: inline-block;
margin-top: 17px;
font-size: 9px;
line-height: 11px;
color: #999999;
}
#topReviewList .timelineItem .userReviewsAnc span {
display: inline-block;
font-size: 11px;
transform: translateY(1px);
color: #000;
font-weight: bold;
margin-left: 6px;
}
#topReviewList .timelineItem .body{
display: block;
margin-bottom: 12px;
margin-right: 94px;
min-height: 40px;
margin-top: 14px;
}
#topReviewList .timelineItem .body .title{
font-size: 13px;
font-weight: bold;
margin-bottom: 7px;
line-height: 13px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#topReviewList .timelineItem .body .singleStarScoreWrap{
margin: 0 auto;
overflow: hidden;
font-size: 16px;
font-weight: bold;
}
#topReviewList .timelineItem .body .singleStarScoreWrap:before{
content: "";
display: block;
width: 10px;
height: 10px;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/star/ui45@2x.png) no-repeat center center;
background-size: contain;
float: left;
margin-right: 6px;
transform: translateY(2px);
}
#topReviewList .timelineItem .reviewContent{
display: block;
position: relative;
}
#topReviewList .timelineItem .reviewContent p{
font-size: 12px;
line-height: 18px;
font-weight: bold;
height: 54px;
overflow: hidden; margin-bottom: 5px;
display: -webkit-box;
-webkit-box-orient: vertical;
white-space: normal;
-webkit-line-clamp: 3;
}
#topReviewList .home_actions{
display: none;
}
#comicspaceBanner{
margin: 0 14px 22px;
}
#comicspaceBanner img{
width: 100%;
height: auto;
}
#wrapper.outsideLink{
padding-top: 0;
}
#outsideLink{
min-height: 100vh;
background: url(//media.comicspace.jp/wp-content/themes/comispe/assets/img/404bg.jpg) no-repeat center bottom #0e2c74;
background-size: 100% auto;
position: relative;
z-index: 2;
color: #FFF;
}
#outsideLink .content{
background: none;
}
#outsideLink .content a{
text-decoration: underline;
}
#outsideLink .content p{
margin-bottom: 26px;
padding: 0 14px;
}
#outsideLink .content a.button{
display: block;
margin: 0 auto;
width: 140px;
height: 40px;
line-height: 40px;
text-align: center;
background: #FFF;
text-decoration: none;
border-radius: 20px;
color: #053268;
font-weight:  bold;
font-size: 14px;
}
.imageAnchor{
border-bottom: none !important;
}
#single_content.single_image{
padding-bottom: 0;
}
#single_content.single_image+.ads{
margin-bottom: 20px;
}
#single_content.single_image+.ads > div{
margin-left: auto !important;
margin-right: auto !important;
}
aside.ads_wrap{
margin-top: 24px;
margin-bottom: 24px;
text-align: center;
}
aside.ads_wrap .gads > div{
margin-left: auto !important;
margin-right: auto !important;
}
.ads_wrap.under_single{
background: #f2f2f2;
text-align: center;
margin-bottom: 15px;
}
aside.ads_wrap .gads > div{
margin-left: auto !important;
margin-right: auto !important;
}
.ads_wrap.before_single{
text-align: center;
margin-bottom: 15px;
}
.ads_wrap.before_single .gads > div{
margin-left: auto !important;
margin-right: auto !important;
}