@charset "UTF-8";
@font-face{font-family:hinaicon;src:url(/view/lib/hinaicon/hinaicon.eot);src:url(/view/lib/hinaicon/hinaicon.eot?#iefix) format("eot"),url(/view/lib/hinaicon/hinaicon.woff) format("woff"),url(/view/lib/hinaicon/hinaicon.ttf) format("truetype"),url(/view/lib/hinaicon/hinaicon.svg#hinaicon) format("svg");font-weight:400;font-style:normal}
.p-icon:before{font-family:hinaicon;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-.1em;display:inline-block;vertical-align:middle;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;speak:none}
.p-icon--angle-down:before{content:""}
.p-icon--angle-left:before{content:""}
.p-icon--angle-right:before{content:""}
.p-icon--angle-up:before{content:""}
.p-icon--bookmark:before{content:""}
.p-icon--cog:before{content:""}
.p-icon--crown:before{content:""}
.p-icon--ellipsis-v:before{content:""}
.p-icon--ellipsis:before{content:""}
.p-icon--eye-off:before{content:""}
.p-icon--eye:before{content:""}
.p-icon--genre-fantasy:before{content:""}
.p-icon--genre-literature:before{content:""}
.p-icon--genre-love:before{content:""}
.p-icon--genre-other:before{content:""}
.p-icon--genre-sf:before{content:""}
.p-icon--home:before{content:""}
.p-icon--login:before{content:""}
.p-icon--logout:before{content:""}
.p-icon--minus-circle-line:before{content:""}
.p-icon--minus-circle:before{content:""}
.p-icon--minus:before{content:""}
.p-icon--plus-circle-line:before{content:""}
.p-icon--plus-circle:before{content:""}
.p-icon--plus:before{content:""}
.p-icon--question:before{content:""}
.p-icon--search:before{content:""}
.p-icon--star-full:before{content:""}
.p-icon--star-half:before{content:""}
.p-icon--star-line:before{content:""}
.p-icon--user:before{content:""}
.p-icon--wakaba:before{content:""}
.p-icon--watch:before{content:""}
.l-header{position:relative;height:auto;min-height:1px;margin-bottom:15px}
.l-slider{margin-bottom:15px}
.l-container{margin-right:auto;margin-bottom:20px;margin-left:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:1048px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.l-main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:728px}
.l-main>div:not(:last-child){margin-bottom:15px}
.l-jumbotron{margin-bottom:15px;width:728px}
.l-jumbotron>div:not(:last-child){margin-bottom:15px}
.l-subbar{width:160px}
.l-subbar>div:not(:last-child){margin-bottom:15px}
.l-content{width:548px}
.l-content>div:not(:last-child){margin-bottom:15px}
.l-content__half{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.l-content__half>div{width:calc(50% - 5px)}
.l-sidebar{width:300px}
.l-sidebar>div:not(:last-child){margin-bottom:15px}
.l-footer{color:#f1f3f3;background-color:#1f4247}
.l-footer a{color:#f1f3f3}
.l-footer a:active,.l-footer a:focus,.l-footer a:hover{color:#fff}
.c-form--inline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.c-form__group:not(:last-child){margin-bottom:10px}
.c-form--inline .c-form__group:not(:last-child){margin-right:10px;margin-bottom:0}
.c-form__button,.c-form__button--none-active,.c-form__input-text,.c-form__quicksearch-button,.c-form__quicksearch-text,.c-form__select,.c-form__textarea{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Meiryo,"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;position:relative;vertical-align:middle;border:2px solid rgba(133,213,225,.5);border-radius:3px;-webkit-box-shadow:none;box-shadow:none}
.c-form__button--none-active:focus,.c-form__button:focus,.c-form__input-text:focus,.c-form__quicksearch-button:focus,.c-form__quicksearch-text:focus,.c-form__select:focus,.c-form__textarea:focus{outline:0;-webkit-box-shadow:0 0 0 2px rgba(100,178,247,.25);box-shadow:0 0 0 2px rgba(100,178,247,.25)}
.c-form__input-text,.c-form__quicksearch-text{min-height:2.25em;line-height:2.25em;padding:0 10px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.c-form__input-text:placeholder-shown,.c-form__quicksearch-text:placeholder-shown{color:#b3b3b3}
.c-form__input-text::-webkit-input-placeholder,.c-form__quicksearch-text::-webkit-input-placeholder{color:#b3b3b3}
.c-form__input-text:-moz-placeholder,.c-form__quicksearch-text:-moz-placeholder{opacity:1;color:#b3b3b3}
.c-form__input-text::-moz-placeholder,.c-form__quicksearch-text::-moz-placeholder{opacity:1;color:#b3b3b3}
.c-form__input-text:-ms-input-placeholder,.c-form__quicksearch-text:-ms-input-placeholder{color:#b3b3b3}
.c-form__textarea{min-height:5em;padding:5px 10px;resize:vertical;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.c-form__select{min-height:2.25em;line-height:2.25em;padding:0 5px;background-color:#fff}
.c-form__select+.c-form__button,.c-form__select+.c-form__quicksearch-button{margin-left:5px}
.c-form__select--accent{background-color:#e3eef1}
.c-form__button,.c-form__quicksearch-button{min-height:2.25em;line-height:2.25em;padding:0 10px;cursor:pointer;outline:0;background-color:#dee2e6;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.c-form__button--none-active{color:#999;background-color:#e6e6e6;cursor:default;border-color:#dee2e6}
.c-form__label,.c-form__legend{display:block}
.c-form__fieldset{padding:0;border-width:0}
.c-form__checkbox,.c-form__radio{display:inline-block;margin-right:5px;cursor:pointer}
.c-form__checkbox-label{cursor:pointer}
.c-form__label--body{font-weight:400;display:inline-block;margin-bottom:relative(5px)}
.c-form__quicksearch{position:relative}
.c-form__quicksearch--lg{font-size:16px}
.c-form__quicksearch-text{width:100%;padding-right:2em}
.c-form__quicksearch-button{position:absolute;top:0;right:0;bottom:0;color:#18b7cd;border:none;background-color:transparent}
.c-well{font-size:.85em;width:100%;padding:5px 10px;background-color:rgba(0,0,0,.05)}
.c-well__link{display:block}
.c-panel{width:100%}
.c-panel p:not(:last-child){margin-bottom:1em}
.c-panel__item--empty{color:#999}
.c-panel__headline{font-family:inherit;font-size:18px;font-weight:400;line-height:1;height:18px;margin-top:0;margin-bottom:10px;color:#0d6572}
.c-panel__headline:first-letter{font-weight:600}
.c-panel__body{height:calc(100% - 28px);border-top:2px solid rgba(24,183,205,.5);border-bottom:2px solid rgba(24,183,205,.5);background-color:#fff;-webkit-box-shadow:0 3px 1px -1px rgba(0,0,0,.05),0 -3px 1px -1px rgba(0,0,0,.05);box-shadow:0 3px 1px -1px rgba(0,0,0,.05),0 -3px 1px -1px rgba(0,0,0,.05)}
.c-panel__list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.c-panel__list-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
.c-panel__item{display:block;width:100%;padding:10px}
.c-panel__item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
.c-panel__item.c-panel__item--ad{padding:10px 0}
a.c-panel__item:active,a.c-panel__item:focus,a.c-panel__item:hover{background-color:rgba(241,243,245,.5)}
.c-panel__item--col2{position:relative;width:50%}
.c-panel__item--col2:not(:nth-child(2n)):before{position:absolute;top:10px;right:0;bottom:10px;left:0;width:100%;height:auto;content:'';pointer-events:none;border-right:1px solid rgba(0,0,0,.1)}
.c-panel__item--col2:nth-last-child(-n+2){border-bottom:none}
.c-panel__item--col3{position:relative;width:33.33%}
.c-panel__item--col3:not(:nth-child(3n)):before{position:absolute;top:10px;right:0;bottom:10px;left:0;width:100%;height:auto;content:'';pointer-events:none;border-right:1px solid rgba(0,0,0,.1)}
.c-panel__item--col3:nth-last-child(-n+3){border-bottom:none}
.c-panel__item--col4{position:relative;width:25%}
.c-panel__item--col4:not(:nth-child(4n)):before{position:absolute;top:10px;right:0;bottom:10px;left:0;width:100%;height:auto;content:'';pointer-events:none;border-right:1px solid rgba(0,0,0,.1)}
.c-panel__item--col4:nth-last-child(-n+4){border-bottom:none}
.c-panel__item--col5{position:relative;width:20%}
.c-panel__item--col5:not(:nth-child(5n)):before{position:absolute;top:10px;right:0;bottom:10px;left:0;width:100%;height:auto;content:'';pointer-events:none;border-right:1px solid rgba(0,0,0,.1)}
.c-panel__item--col5:nth-last-child(-n+5){border-bottom:none}
.c-panel__item--col6{position:relative;width:16.66%}
.c-panel__item--col6:not(:nth-child(6n)):before{position:absolute;top:10px;right:0;bottom:10px;left:0;width:100%;height:auto;content:'';pointer-events:none;border-right:1px solid rgba(0,0,0,.1)}
.c-panel__item--col6:nth-last-child(-n+6){border-bottom:none}
.c-panel__body-headline{font-size:16px;font-weight:400;position:relative;width:100%;padding:10px 20px;background-color:rgba(24,183,205,.04)}
.c-panel__body-headline:after{position:absolute;top:0;bottom:0;left:0;width:10px;height:5px;margin:auto;content:'';background-color:#18b7cd}
.c-panel__list-well:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
.c-panel__wellgroup+.c-panel__wellgroup{border-top:1px solid rgba(24,183,205,.5)}
.c-panel__well{padding:10px}
.c-panel__well:not(:last-child){border-bottom:1px solid rgba(24,183,205,.5)}
.c-panel__listgroup:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
.c-panel__navigation{position:relative;display:block;width:100%;padding:10px}
.c-panel__navigation:active,.c-panel__navigation:focus,.c-panel__navigation:hover{background-color:rgba(241,243,245,.5)}
.c-panel__navigation:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
.c-panel__navigation:after{font-family:hinaicon;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-.1em;display:inline-block;vertical-align:middle;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;speak:none;position:absolute;top:50%;right:10px;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:.3}
.c-panel__navigation:after{content:""}
.c-panel__wrap-more{position:relative}
.c-panel__wrap-more[aria-expanded=false]:after{position:absolute;right:0;bottom:0;left:0;width:100%;height:50px;content:'';pointer-events:none;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(white));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
.c-panel__wrap-more:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
.c-panel__readmore{display:block;margin-top:5px;text-align:right}
.c-panel__body .c-panel__readmore{margin-top:0;padding:10px}
.c-panel__readmore:after{font-family:hinaicon;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-.1em;display:inline-block;vertical-align:middle;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;speak:none;font-size:.85em;margin-left:5px;padding:.25em;border-radius:50%;background-color:#fff}
.c-panel__readmore:after{content:""}
.c-panel__body .c-panel__readmore:after{background-color:rgba(0,0,0,.05)}
.c-panel__body a.c-panel__readmore:active,.c-panel__body a.c-panel__readmore:focus,.c-panel__body a.c-panel__readmore:hover{background-color:rgba(241,243,245,.5)}
.c-panel__readmore--showmore:after{content:""}
.c-ad{width:100%;margin-right:auto;margin-left:auto}
.c-ad--banner{width:468px;min-height:60px}
.c-ad--bigbanner{width:728px;min-height:90px}
.c-ad--skyscraper{width:160px;min-height:600px}
.c-ad--rectangle{width:300px;min-height:250px}
.c-ad--mobile-bigbanner{width:320px;min-height:50px}
.c-ad--mobile-bigbanner-2x{width:320px;min-height:100px}
.c-label{font-size:.85em;line-height:1;display:inline-block;padding:.5em;text-align:center;white-space:nowrap;letter-spacing:.1em;color:#333;background-color:#e9ecef}
.c-label--news-1{color:#fff;background-color:#adb5bd}
.c-label--news-3{color:#fff;background-color:#ff922b}
.c-label--news-7{color:#fff;background-color:#adb5bd}
.c-label--news-11{color:#fff;background-color:#adb5bd}
.c-label--news-12{color:#fff;background-color:#845ef7}
.c-label--news-13{color:#fff;background-color:#ff6b6b}
.c-label--event-before{color:#fff;background-color:#74c0fc}
.c-label--event-application{color:#fff;background-color:#f06595}
.c-label--event-selection{color:#fff;background-color:#20c997}
.c-label--event-result{color:#fff;background-color:#ff922b}
.c-label--event-end{color:#fff;background-color:#868e96}
.c-button{line-height:1.5;display:block;padding:6.66667px 10px;-webkit-transition:all .2s ease;transition:all .2s ease;text-align:center;border-radius:3px}
.c-button:active,.c-button:focus,.c-button:hover{-webkit-box-shadow:0 0 1px 2px rgba(0,0,0,.05);box-shadow:0 0 1px 2px rgba(0,0,0,.05)}
.c-button:visited{color:#fff}
.c-button--useradd{color:#fff;background-color:#ff922b}
.c-button--useradd:active,.c-button--useradd:focus,.c-button--useradd:hover{color:#fff;background-color:#ff9f45}
.c-button--primary{color:#fff;background-color:#1b8ef3}
.c-button--primary:active,.c-button--primary:focus,.c-button--primary:hover{color:#fff;background-color:#339af4}
.c-button--contents{color:#fff;background-color:#1b8ef3}
.c-button--contents:active,.c-button--contents:focus,.c-button--contents:hover{color:#fff;background-color:#339af4}
.c-button--none-active{color:#999;background-color:#e6e6e6}
.c-button--none-active:active,.c-button--none-active:focus,.c-button--none-active:hover{color:#999;-webkit-box-shadow:none;box-shadow:none}
.c-button--sm{font-size:12px;padding:5px}
.c-button--lg{font-size:16px;padding:10px}
.c-button--half{margin-right:auto;margin-left:auto;width:50%}
.c-button--outline{color:#1b8ef3;border:1px solid #1b8ef3;background-color:#fff}
.c-button--outline:active,.c-button--outline:focus,.c-button--outline:hover{color:#64b2f7;border-color:#64b2f7;background-color:#fff}
.c-button--outline:visited{color:#64b2f7}
.c-button--keyword{font-size:12px;padding:5px;color:#1b8ef3;border:1px solid rgba(0,0,0,.1);background-color:#fff}
.c-button--keyword:active,.c-button--keyword:focus,.c-button--keyword:hover{color:#64b2f7;border-color:rgba(0,0,0,.1);background-color:#fff}
.c-button--keyword:visited{color:#64b2f7}
.c-button--useradd-lg{color:#fff;background-color:#ff922b;padding:15px}
.c-button--useradd-lg:active,.c-button--useradd-lg:focus,.c-button--useradd-lg:hover{color:#fff;background-color:#ff922b}
.c-button__text-sm{font-size:.85em;vertical-align:middle;color:#fff}
.c-button__text-lg{font-size:1.2em;font-weight:600;vertical-align:middle;color:#fff}
.c-banner__list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.c-panel__body .c-banner__list-item{padding:10px}
.c-banner__list-item--wide{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.c-banner__list-item--wide .c-banner__item{max-width:300px}
.c-banner--wrap-col2{padding:0 10px}
.c-banner__item{position:relative;display:block;width:100%;text-align:center}
.c-banner__item:not(:last-child){margin-bottom:10px}
.c-banner__item img{border-radius:3px}
.c-banner__item img:active,.c-banner__item img:focus,.c-banner__item img:hover{-webkit-box-shadow:0 0 1px 2px rgba(0,0,0,.05);box-shadow:0 0 1px 2px rgba(0,0,0,.05)}
.c-banner__item:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;content:'';border:1px solid rgba(0,0,0,.1);border-radius:3px}
.c-banner__item--col2{width:calc(100%/2 - 5px)}
.c-banner__item--col2:nth-last-child(-n+2){margin-bottom:0}
.c-banner__readmore{text-align:right}
.c-horizontalnav{font-size:14px;line-height:1.7;overflow:hidden}
.c-horizontalnav__mask{position:relative;height:43.8px;border-bottom:1px solid rgba(0,0,0,.1)}
.c-horizontalnav__mask:after{position:absolute;top:0;right:0;bottom:0;display:block;width:40px;content:'';background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(right,#fff,rgba(255,255,255,0));background:linear-gradient(to left,#fff,rgba(255,255,255,0))}
.c-horizontalnav__list{padding-left:0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;height:53.8px}
.c-horizontalnav__list-item{white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.c-horizontalnav__list-item:last-child{padding-right:40px}
.c-horizontalnav__item{display:block;min-width:4em;padding:10px;text-align:center}
.c-horizontalnav__item:active,.c-horizontalnav__item:focus,.c-horizontalnav__item:hover{background-color:rgba(241,243,245,.5)}
.c-horizontalnav__item.is-active{padding:10px 10px 7px;border-bottom:3px solid rgba(27,142,243,.8)}
.c-horizontalnav__item.is-active:active,.c-horizontalnav__item.is-active:focus,.c-horizontalnav__item.is-active:hover{background-color:transparent}
.c-horizontalnav-button{font-size:12px;line-height:1.7;overflow:hidden}
.c-horizontalnav-button__mask{position:relative;height:52.4px;border-bottom:1px solid rgba(0,0,0,.1)}
.c-horizontalnav-button__mask:after{position:absolute;top:0;right:0;bottom:0;display:block;width:40px;content:'';background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(right,#fff,rgba(255,255,255,0));background:linear-gradient(to left,#fff,rgba(255,255,255,0))}
.c-horizontalnav-button__list{padding-left:0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-x:auto;height:62.4px;padding:10px}
.c-horizontalnav-button__list-item{margin-right:5px;white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.c-horizontalnav-button__list-item:last-child{margin-right:0;padding-right:40px}
.c-horizontalnav-button__item{display:block;min-width:5em;padding:5px 10px;text-align:center;border:1px solid rgba(0,0,0,.1);border-radius:26.2px}
.c-horizontalnav-button__item:active,.c-horizontalnav-button__item:focus,.c-horizontalnav-button__item:hover{-webkit-box-shadow:0 0 1px 2px rgba(0,0,0,.05);box-shadow:0 0 1px 2px rgba(0,0,0,.05)}
.c-horizontalnav-button__item.is-active{background-color:rgba(27,142,243,.1)}
.c-horizontalnav-button__item.is-active:active,.c-horizontalnav-button__item.is-active:focus,.c-horizontalnav-button__item.is-active:hover{-webkit-box-shadow:none;box-shadow:none}
.c-novel-item--ranking{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.c-novel-item__rank{line-height:22.95px;width:27px;text-align:center;color:#18b7cd;border:2px solid rgba(24,183,205,.5)}
.c-novel-item__rank+.c-novel-item__info{width:calc(100% - 37px)}
.c-novel-item__title--error{color:#b3b3b3}
.c-novel-item__subinfo{font-size:.85em;letter-spacing:-1em;color:#999}
.c-novel-item__subinfo+.c-novel-item__ex{margin-top:5px;padding-top:5px;border-top:1px solid rgba(0,0,0,.1)}
.c-novel-item__subinfo>[class*=c-novel-item__]{letter-spacing:normal}
.c-novel-item__subinfo>[class*=c-novel-item__]:not(:last-child):after{margin:0 2.5px;content:'●';color:rgba(153,153,153,.3)}
.c-novel-item__subinfo--error{letter-spacing:normal;color:#b3b3b3}
.c-novel-item__name{color:#333}
.c-novel-item__genre{font-size:.85em}
.c-novel-item__genre .c-novel-item__biggenre:after,.c-novel-item__genre .c-novel-item__biggenre:before{opacity:.3}
.c-novel-item__genre .c-novel-item__biggenre:before{content:'['}
.c-novel-item__genre .c-novel-item__biggenre:after{content:']'}
.c-novel-item__ex{font-size:.85em}
.c-navlist__category{border-left:1px solid rgba(0,0,0,.1)}
.c-navlist__category:last-child{border-right:1px solid rgba(0,0,0,.1)}
.c-navlist__headline{margin-bottom:5px;padding:0 10px}
.c-navlist--dark .c-navlist__headline{color:#d5dbdc;text-shadow:0 -2px 1px #0f2123}
.c-navlist__list{padding-left:0;list-style-type:none}
.c-navlist__list-item{font-size:12px;line-height:1;position:relative}
.c-navlist__list-item a{display:block;padding:10px}
.c-navlist__list-item a:after{font-family:hinaicon;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-.1em;display:inline-block;vertical-align:middle;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;speak:none;position:absolute;top:10px;right:10px;opacity:.3}
.c-navlist__list-item a:after{content:""}
.c-navlist__list-item a:active,.c-navlist__list-item a:focus,.c-navlist__list-item a:hover{background-color:rgba(255,255,255,.2)}
.p-header{background-color:#fff}
.p-header__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:1048px;padding:10px 0}
.p-header__logo{margin-bottom:0;margin-right:10px}
.p-header__logo>a{display:block;max-width:250px}
.p-header__description{font-size:12px;margin-left:10px;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
.p-header__count{font-size:16px;font-weight:600;margin-right:5px;margin-left:5px;color:#18b7cd}
.p-header__subnav{margin-left:auto}
.p-header__subnav-list{padding-left:0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:5px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.p-header__subnav-item{line-height:1;display:block}
.p-header__subnav-item:not(:last-child){margin-right:10px}
.p-header__subnav-item--site{padding-right:5px;padding-left:10px;border-left:1px solid rgba(0,0,0,.1)}
.p-header__subnav-item--site img{max-width:90px;max-height:1.2em;vertical-align:baseline}
.p-header__search{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.p-header__search .c-form__quicksearch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.p-header__search .c-form__select{border-top-right-radius:0;border-bottom-right-radius:0}
.p-header__search .c-form__quicksearch-text{width:250px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.p-main-nav{color:#fff;background-color:#18b7cd}
.p-main-nav__list{padding-left:0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;width:1048px}
.p-main-nav__item{line-height:1.5}
.p-main-nav__item>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff;padding:10px}
.p-main-nav__item>a:active,.p-main-nav__item>a:focus,.p-main-nav__item>a:hover{color:#fff;background-color:rgba(255,255,255,.2)}
.p-main-nav__item>a .p-icon{font-size:16px;line-height:1;position:relative;top:.15em;margin-right:5px}
.p-main-nav__item.is-active>a{color:#18b7cd;background-color:#fff}
.p-main-nav__item--userhome{margin-left:auto}
.p-main-nav__item--useradd{background-color:#ff922b;margin-left:auto}
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(/view/lib/slick/) "ajax-loader.gif" center center no-repeat}
@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/view/lib/slick/fonts/) "slick.eot";src:url(/view/lib/slick/fonts/) "slick.eot?#iefix" format("embedded-opentype"),url(/view/lib/slick/fonts/) "slick.woff" format("woff"),url(/view/lib/slick/fonts/) "slick.ttf" format("truetype"),url(/view/lib/slick/fonts/) "slick.svg#slick" format("svg")}
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;cursor:pointer;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.75}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.9;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:0}
.slick-prev:before{content:"←"}
.slick-next{right:0}
.slick-next:before{content:"→"}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;margin:0;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.75;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.9;color:#000}
.p-slider{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:auto}
.slick-arrow{font-size:12px;line-height:36px;z-index:1;width:36px;height:36px;cursor:pointer;text-align:center;border-radius:36px}
.slick-next,.slick-prev{background-color:rgba(31,66,71,.3)}
.slick-next:active,.slick-next:focus,.slick-next:hover,.slick-prev:active,.slick-prev:focus,.slick-prev:hover{background-color:rgba(46,99,106,.3);-webkit-box-shadow:0 0 1px 2px rgba(0,0,0,.05);box-shadow:0 0 1px 2px rgba(0,0,0,.05)}
.slick-prev{left:50%;margin-left:-524px}
.slick-prev:before{font-family:hinaicon;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-.1em;display:inline-block;vertical-align:middle;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;speak:none}
.slick-prev:before{content:""}
.slick-next{right:50%;margin-right:-524px}
.slick-next:before{font-family:hinaicon;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-.1em;display:inline-block;vertical-align:middle;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;speak:none}
.slick-next:before{content:""}
.p-slider__item{overflow:hidden;margin-right:10px;width:300px;height:150px}
.p-slider__item a,.p-slider__item img{display:block}
.p-slider__issatu{position:relative}
.p-slider__issatu-date,.p-slider__issatu-no{font-weight:700;line-height:1;position:absolute;text-align:center;white-space:nowrap;color:#fff;text-shadow:rgba(0,0,0,.25) 0 2px;font-size:24px;bottom:14px}
.p-slider__issatu-no{left:47px;width:50px}
.p-slider__issatu-date{color:#f9ff81;left:142px;width:120px}
.p-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;width:1048px;padding-top:20px;padding-bottom:20px}
.p-footer .c-navlist__category{width:25%}
.p-footer__logo{display:block;width:20%;margin-right:20px;text-align:center}
.p-footer__logo img{margin-left:-5%}
.p-footer__site-outline{font-size:12px;margin-bottom:10px}
.p-footer__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:80%;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.p-copyright{font-size:12px;text-align:center;background-color:#18b7cd}
.p-copyright__copyright{display:inline-block;padding:10px;letter-spacing:.1em}
.p-ranking.js-ranking{display:none}
.p-ranking.is-active{display:block}
.p-ranking__item--1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.p-ranking__item--2{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}
.p-ranking__item--3{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}
.p-ranking__item--4{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}
.p-ranking__item--5{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}
.p-ranking__item--6{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.p-ranking__item--7{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}
.p-ranking__item--8{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}
.p-ranking__item--9{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}
.p-ranking__item--10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}
.p-ranking__item--1 .c-novel-item__rank{font-weight:600;color:#333;border:2px solid rgba(194,126,0,.5);background-color:rgba(245,159,0,.5)}
.p-ranking__item--2 .c-novel-item__rank{font-weight:600;color:#333;border:2px solid rgba(112,150,172,.5);background-color:rgba(144,174,191,.5)}
.p-ranking__item--3 .c-novel-item__rank{font-weight:600;color:#333;border:2px solid rgba(132,102,63,.5);background-color:rgba(166,129,80,.5)}
.p-ranking__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;padding:10px}
.p-ranking__item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
a.p-ranking__item:active,a.p-ranking__item:focus,a.p-ranking__item:hover{background-color:rgba(241,243,245,.5)}
.p-ranking__item--col2{position:relative;width:50%}
.p-ranking__item--col2:not(:last-child){border-bottom:none}
.p-ranking__item--col2:nth-child(-n+5){border-right:1px solid rgba(0,0,0,.1)}
.p-ranking__item--col2:not(.p-ranking__item--5):not(.p-ranking__item--10):before{position:absolute;top:0;right:10px;bottom:0;left:10px;width:calc(100% - 20px);height:auto;content:'';pointer-events:none;border-bottom:1px solid rgba(0,0,0,.1)}
.p-ranking__readmore-term{margin-right:5px}
.p-ranking__readmore-biggenre:after,.p-ranking__readmore-biggenre:before,.p-ranking__readmore-category:after,.p-ranking__readmore-category:before{opacity:.3}
.p-ranking__readmore-biggenre:before,.p-ranking__readmore-category:before{content:'['}
.p-ranking__readmore-biggenre:after,.p-ranking__readmore-category:after{content:']'}
.p-news.js-news{display:none}
.p-news.is-active{display:block}
.p-news .c-label{width:10em}
.p-news__header{font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.p-news__category{margin-right:5px}
.p-news__date{color:#999}
.p-tieup-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.p-tieup-item__banner{text-align:center;width:145px}
.p-tieup-item__banner img{border-radius:3px;max-width:145px;max-height:80px}
.p-tieup-item__banner img:active,.p-tieup-item__banner img:focus,.p-tieup-item__banner img:hover{-webkit-box-shadow:0 0 1px 2px rgba(0,0,0,.05);box-shadow:0 0 1px 2px rgba(0,0,0,.05)}
.p-tieup-item__information{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 155px);min-height:80px}
.p-tieup-item__status{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.p-tieup-item__status .c-label{width:100%}
.p-tieup-item__deadline{font-size:10px;margin-left:5px}
.p-tieup-item__outline{display:block;margin-left:auto}
.p-tieup-item__outline:after{font-family:hinaicon;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;top:-.1em;display:inline-block;vertical-align:middle;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;speak:none}
.p-tieup-item__outline:after{content:""}
.p-tieup-item__button{width:100%}
.p-syoseki-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.p-syoseki-item__image{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin-bottom:5px;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.p-syoseki-item__image img{width:100%;height:auto;min-height:120px;max-height:200px}
.p-syoseki-item__image--empty{color:#b3b3b3;border:1px solid #dee2e6;background-color:#fff}
.p-syoseki-item__title{font-size:12px;line-height:1.5;width:100%}
.p-twitter-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.p-twitter-link__icon{width:26px;height:26px;margin-right:5px;border:1px solid rgba(0,0,0,.1);border-radius:50%}
.p-twitter-link__name{font-size:12px;display:block;white-space:nowrap}
.p-banner-issatu{position:relative}
.p-banner-issatu__date{font-size:12px;line-height:1;position:absolute;right:0;bottom:7px;left:0;text-align:center;letter-spacing:.05em;color:#fff}
.p-banner-issatu__date--wide{bottom:5px!important}
.u-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}