@charset "Shift_JIS";

.p-topi-list{position:relative;min-width:0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.p-topi-list a{display:-webkit-box;display:flex;padding:10px 1rem 7px;-webkit-box-align:center;align-items:center}.p-topi-list a::before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:'';border-bottom:1px solid #eaeaea}.p-topi-list a:visited h3{font-weight:400;color:#3996cb}.p-topi-list a:hover{text-decoration:none}.p-topi-list a:hover h3{-webkit-transition:.2s;transition:.2s;text-decoration:underline;color:#0072b3}.p-topi-list a div::before{margin-right:5px}.p-topi-list-icon{position:relative}.p-topi-list-icon::before{width:42px;height:42px}.p-topi-list-icon .rank{font-size:14px;font-weight:600;position:absolute;top:-5px;left:-10px;min-width:24px;padding:3px 4px;text-align:center;color:#fff;border:2px solid #fff;border-radius:50px;background-color:#5cc5f8}.p-topi-list:nth-child(1) .p-topi-list-icon .rank{background-color:#d1b956}.p-topi-list:nth-child(2) .p-topi-list-icon .rank{background-color:#bababa}.p-topi-list:nth-child(3) .p-topi-list-icon .rank{background-color:#8d6e63}.p-topi-list:last-child a::before{content:none}.p-topi-list-summary{width:100%}.p-topi-list-summary-head{font-size:1.1rem;font-weight:600;color:#222}.p-topi-list-summary-detail{display:-webkit-box;display:flex;flex-wrap:wrap}.p-topi-list-summary-detail-count{line-height:1.2;margin-right:16px}.p-topi-list-summary-detail-count span{font-size:1.1rem;font-weight:700;margin-left:.4em;color:#5cc5f8}.p-topi-list-summary-detail-genre{margin-left:10px}.p-topi-list-summary-detail-genre:before{content:'['}.p-topi-list-summary-detail-genre:after{content:']'}.p-topi-list-summary-detail-rfcount{display:-webkit-box;display:flex;margin-right:15px;color:#222}.p-topi-list-summary-detail-rfcount .fav,.p-topi-list-summary-detail-rfcount .res{font-size:12px;display:-webkit-inline-box;display:inline-flex;padding:5px 7px;border-radius:4px;-webkit-box-align:center;align-items:center}.p-topi-list-summary-detail-rfcount .fav span,.p-topi-list-summary-detail-rfcount .res span{font-size:.85rem;font-weight:700;margin-left:.1em}.p-topi-list-summary-detail-rfcount .res{color:#5cc5f8;background-color:#e8f7ff}.p-topi-list-summary-detail-rfcount .res::before{display:inline-block;width:13px;height:12px;margin-right:2px;content:'';background:url(../images/common/icon_fukidashi.svg) no-repeat;background-repeat:no-repeat;background-position:0 -10px;background-size:100%}.p-topi-list-summary-detail-rfcount .fav{margin-left:4px;color:#ff8ba6;background-color:#ffebf8}.p-topi-list-summary-detail-rfcount .fav::before{display:inline-block;width:8px;height:8px;margin-right:2px;content:'';border:2px solid #ff8ba6;border-radius:50%;background:url(../images/common/icon_topi_fav.svg) no-repeat;background-color:#ff8ba6;background-position:center -24px;background-size:100%}.p-topi-list-summary-detail-rfcount.korepochi .fav,.p-topi-list-summary-detail-rfcount.korepochi .res{padding:3px 4px;border-radius:3px}.p-topi-list-summary-detail-rfcount.korepochi .fav span,.p-topi-list-summary-detail-rfcount.korepochi .res span{font-size:11px;font-weight:600}.p-topi-list-summary p{font-size:.7rem;font-weight:600;display:-webkit-box;display:flex;margin-bottom:0;color:#657786;-webkit-box-align:center;align-items:center}.p-topi-list-summary p:last-child{font-size:10px}.p-search-results-form{padding:10px 15px 15px 15px}.p-search-results-form h2{font-weight:600;display:-webkit-box;display:flex;padding-bottom:10px;color:#222;border-bottom:2px dotted #5cc5f8;-webkit-box-align:center;align-items:center}.p-search-results-form h2::before{font-family:'Font Awesome 5 Free';font-size:12px;font-weight:900;display:-webkit-box;display:flex;width:20px;height:20px;margin:0 6px 0 0;content:'\f002';-webkit-transform:rotateY(180deg);transform:rotateY(180deg);color:#5cc5f8;border:3px solid #5cc5f8;border-radius:50%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.p-search-results-form-wrapper{position:relative;padding:14px 10px;background:#f5f5f7}.main-contents-inner-search-results-date .p-search-results-form-wrapper{padding:14px 10px 34px 10px}.p-search-results-form-wrapper-searchbox{display:-webkit-box;display:flex;width:100%;margin:0 auto;border:4px solid #cbcbce;border-radius:10px;background:#fff;-webkit-box-pack:justify;justify-content:space-between}.p-search-results-form-wrapper-searchbox input{font-size:16px;max-width:calc(100% - 40px);padding:16px 0 16px 16px;border:none;border-radius:6px 0 0 6px;flex-basis:calc(100% - 40px)}.p-search-results-form-wrapper-searchbox button{display:-webkit-box;display:flex;padding:0 16px;color:#657786;border-radius:0 6px 6px 0;flex-wrap:wrap;-webkit-box-align:center;align-items:center}.p-search-results-form-wrapper-searchbox button:before{display:inline-block;width:18px;height:18px;margin:0 2px 0 0;content:'';background:url(../images/common/icon_calendar.svg) no-repeat center}.p-search-results-form-wrapper-searchbox button:hover{-webkit-transition:.1s;transition:.1s;color:#fff;background-color:#5cc5f8}.p-search-results-form-wrapper-searchbox button:hover:before{display:inline-block;width:18px;height:18px;margin:0 2px 0 0;content:'';background:url(../images/common/icon_calendar_white.svg) no-repeat center}.p-search-results-form-wrapper-searchbox-keyword::before{font-family:'Font Awesome 5 Free';font-size:20px;font-weight:900;display:block;content:'\f002';-webkit-transform:rotateY(180deg);transform:rotateY(180deg);color:#5cc5f8}.p-search-results-form-wrapper-searchbox-keyword:hover::before{color:#fff}.p-search-results-form-wrapper-searchbox-date{font-size:14px;font-weight:600;padding:12px 0 12px 10px;color:#222;border:none;border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;background:#fff}.p-search-results-form-wrapper-searchbox-date span{font-size:16px;font-weight:600;display:inline-block;margin:0 2px}.p-search-results-form-wrapper-searchbox-date span:first-child{margin:0 2px 0 0}.p-search-results-form-wrapper-searchbox-picker{font-size:14px;font-weight:600;color:#222;border-left:1px solid #cbcbce}.p-search-results-form-wrapper-next,.p-search-results-form-wrapper-prev{font-size:14px;position:absolute;bottom:10px;display:-webkit-box;display:flex;width:50px;height:20px;color:#0072b3;-webkit-box-align:center;align-items:center}.p-search-results-form-wrapper-next:hover,.p-search-results-form-wrapper-prev:hover{text-decoration:none;opacity:.5}.p-search-results-form-wrapper-prev:before{display:inline-block;width:14px;height:14px;margin:0 2px 0 0;content:'';background:url(../images/common/icon_arrow_side_dark.svg) no-repeat center}.p-search-results-form-wrapper-next:after{display:inline-block;width:14px;height:14px;margin:0 2px 0 0;content:'';-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:url(../images/common/icon_arrow_side_dark.svg) no-repeat center}.p-search-results-calendar{display:none}.p-search-results-hit{position:relative;display:-webkit-box;display:flex;padding:0 15px 10px 15px;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.p-search-results-hit::after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:'';border-bottom:1px solid #d5d5d8}.p-search-results-hit-num span{font-size:18px;font-weight:600;display:inline-block;margin-right:2px}.p-search-results-hit-sort{display:-webkit-box;display:flex}.p-search-results-hit-sort a{font-size:14px;font-weight:600;display:-webkit-box;display:flex;margin-left:5px;padding:10px 15px;color:#657786;border:1px solid #d5d5d8;border-radius:30px;background:#fff;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.p-search-results-hit-sort a:hover{-webkit-transition:.1s;transition:.1s;text-decoration:none;color:#fff;border:1px solid #5cc5f8;background-color:#5cc5f8}.p-search-results-hit-sort a.new::before{display:inline-block;width:18px;height:18px;margin-right:5px;content:'';background-image:url(../images/common/icon_new.png);background-repeat:no-repeat;background-position:center bottom;background-size:100%}.p-search-results-hit-sort a.is-current{color:#fff;border:none;background:#5cc5f8}.p-search-results-hit-sort a.is-current.new::before{background-position:center -18px}.p-search-results-hit+div .p-pagination{display:-webkit-box;display:flex;margin:5px auto 0 0;border-bottom:1px dotted #5cc5f8;flex-wrap:wrap}.p-search-results-hit+div .p-pagination ul{max-width:100%;margin:4px 12px 4px 0}.p-search-results-hit+div .p-pagination ul li{font-size:13px;display:inline-block;flex-basis:auto}.p-search-results-hit+div .p-pagination ul li:not(:last-child){margin-right:5px}.p-search-results-hit+div .p-pagination ul li a{font-weight:600;display:block;width:auto;height:auto;text-decoration:underline;color:#5cc5f8;border:none}.p-search-results-hit+div .p-pagination ul li a:hover{-webkit-transition:0s;transition:0s;color:#0072b3;background-color:transparent}.p-search-results-hit+div .p-pagination ul li.current a{font-weight:400;text-decoration:none;color:#222;border:none;background-color:transparent}.p-search-results-hit+div .p-pagination ul li.current a:hover{cursor:default}.p-search-results-hit+div .p-pagination>div{margin:0;margin-left:auto}.p-search-results-hit+div .p-pagination>div a{display:none}.p-search-results-hit+div .p-pagination>div .p-pagination-next,.p-search-results-hit+div .p-pagination>div .p-pagination-prev{width:8px}.p-search-results-hit+div .p-pagination>div div span{font-size:13px}.p-search-results-hit+div .p-pagination>div div .max{font-size:10px}@media screen and (min-width:769px){.p-topi-list a::after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:'';border-bottom:1px solid #eaeaea}.p-topi-list a:hover{-webkit-transition:.2s;transition:.2s;background-color:#f9f9f9}.p-topi-list-summary-detail{margin-top:4px;padding:2px 0}.p-topi-list-summary p:last-child{margin-left:auto}.p-search-results-form{padding:0 0 15px 0}.p-search-results-form h2{font-size:20px;border-bottom:3px dotted #5cc5f8}.p-search-results-form h2::before{font-size:16px;width:24px;height:24px;margin:0 12px 0 0}.p-search-results-form-wrapper{padding:20px 34px}.main-contents-inner-search-results-date .p-search-results-form-wrapper{padding:24px 34px}.main-contents-inner-search-results-date .p-search-results-form-wrapper-searchbox{width:80%}.p-search-results-form-wrapper-searchbox-date{font-size:16px}.p-search-results-form-wrapper-searchbox-date span{font-size:18px}.p-search-results-form-wrapper-next,.p-search-results-form-wrapper-prev{top:0;bottom:0;margin-top:auto;margin-bottom:auto}.p-search-results-form-wrapper-prev{left:2%}.p-search-results-form-wrapper-next{right:2%}.p-search-results-hit{padding:0 0 10px 0}.p-search-results-hit-sort a{font-size:16px;margin-left:10px}}@media screen and (max-width:768px){.p-topi-list{width:calc(100vw - 20px)}.p-topi-list a{padding:8px 0 8px 5px;-webkit-box-align:inherit;align-items:inherit}.p-topi-list-icon::before{width:36px;height:36px}.p-topi-list-icon .rank{font-size:11px;top:-2px;left:-5px;min-width:21px}.p-topi-list-summary-head{font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:2px}.p-topi-list-summary-detail-count{font-size:.8rem;margin-bottom:4px}.p-topi-list-summary-detail-count span{font-size:1rem;line-height:1}.p-topi-list-summary-detail-genre{margin-left:5px}.p-topi-list-summary-detail-rfcount{margin-right:5px;padding-bottom:2px}.p-topi-list-summary-detail-rfcount .fav,.p-topi-list-summary-detail-rfcount .res{padding:3px 4px;border-radius:3px}.p-topi-list-summary-detail-rfcount .fav span,.p-topi-list-summary-detail-rfcount .res span{font-size:11px;font-weight:600}.p-search-results-form{padding:20px 10px 15px}.p-search-results-form-wrapper-prev{left:40%}.p-search-results-form-wrapper-next{right:40%}.p-search-results-hit::after{left:10px;width:calc(100% - 20px)}.p-search-results-hit+div .p-pagination{display:block;margin:0;margin-bottom:2px}.p-search-results-hit+div .p-pagination ul{display:none}.p-search-results-hit+div .p-pagination ul li{font-size:0}.p-search-results-hit+div .p-pagination>div{width:100%;max-width:100%;height:30px;margin:0 auto;padding:0 10px}.p-search-results-hit+div .p-pagination>div a{display:-webkit-box;display:flex}.p-search-results-hit+div .p-pagination>div .p-pagination-next,.p-search-results-hit+div .p-pagination>div .p-pagination-prev{width:20px}}@media screen and (max-width:375px){.p-search-results-form-wrapper-prev{left:30%}.p-search-results-form-wrapper-next{right:30%}}@media screen and (max-width:320px){.p-topi-list-summary p{margin-bottom:4px}.p-topi-list-summary p:last-child{display:block;margin-bottom:0;-webkit-box-flex:1;flex-grow:1}}