@charset "UTF-8";
.cat_ranking { /*IE10以上セレクトアロー*/ }

.cat_ranking input::-moz-focus-inner, .cat_ranking button::-moz-focus-inner { border: 0; }

.cat_ranking select:-moz-focusring { color: transparent; text-shadow: 0px 0px 0px #000000; }

.cat_ranking select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; }

.cat_ranking input[type="button"], .cat_ranking input[type="text"], .cat_ranking input[type="search"], .cat_ranking input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

.cat_ranking select::-ms-expand { display: none; }

@media screen and (max-width: 599px) { input#search-sp::-webkit-input-placeholder { line-height: 1; vertical-align: middle; }
  input#search-sp::-ms-input-placeholder { line-height: 1; padding-top: 7px; padding-bottom: 7px; }
  input#search-sp::-moz-placeholder { line-height: 35px; }
  input#search-sp { font-size: 1.2rem; font-weight: normal; }
  input#search-sp:placeholder-shown { color: #111; }
  input#search-sp::-webkit-input-placeholder { color: #111; }
  input#search-sp:-moz-placeholder { color: #111; opacity: 1; }
  input#search-sp::-moz-placeholder { color: #111; opacity: 1; }
  input#search-sp:-ms-input-placeholder { color: #111; } }

@media screen and (min-width: 600px) { input#search-wide:placeholder-shown { color: transparent; }
  input#search-wide::-webkit-input-placeholder { color: transparent; }
  input#search-wide:-moz-placeholder { color: transparent; opacity: 1; }
  input#search-wide::-moz-placeholder { color: transparent; opacity: 1; }
  input#search-wide:-ms-input-placeholder { color: transparent; } }

@media screen and (max-width: 599px) { .rnk--control { padding-top: 61px; margin-top: -61px; } }

@media screen and (min-width: 600px) { .control { margin-top: 15px; margin-bottom: 20px; }
  .control_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 20px 0px 20px; background: #F3F3F3; height: 60px; font-size: 0; } }

@media screen and (max-width: 599px) { .c-search--sp { display: block; }
  .c-search--sp .c-search__item--sp { width: 100%; background: #f3f3f3; padding: 15px 0; display: block; border-bottom: 1px solid #ddd; }
  .c-search--sp .c-search__item--sp input { line-height: 1; height: 40px; width: 90%; border: 1px solid #ccc; border-radius: 3px; display: block; margin: 0 auto; text-align: center; color: #111; font-size: 1.6rem; }
  .iphone .c-search__item--sp input { padding-top: 6px; }
  .android .c-search__item--sp input { padding-bottom: 8px; }
  .chrome .c-search__item--sp input { padding-bottom: 5px; } }

@media screen and (min-width: 600px) { .c-filltter__title { font-size: 1.5rem; display: inline-block; vertical-align: middle; margin-right: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } }

.c-fillter { position: relative; width: 100%; overflow: hidden; display: block; margin: 0 auto; font-size: 16px; font-weight: bold; background: #f3f3f3; }

.c-fillter select { font-size: 16px; position: absolute; width: 100%; zoom: 1.1; z-index: 2; padding: 0; margin: 0; line-height: 3; height: 100%; }

.c-fillter select.is-opacity { opacity: 0; }

@media screen and (max-width: 599px) { .c-fillter { cursor: pointer; }
  .c-fillter select { cursor: pointer; }
  .c-fillter .c-fillter_txt { text-align: left; width: 78%; }
  .is-opened .c-fillter__item::after { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); }
  .c-tap { display: block; background: #f3f3f3; border-bottom: 1px solid #ddd; padding: 10px 10px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-weight: bold; }
  .c-tap::before { content: ""; display: inline-block; width: 35px; height: 35px; background-repeat: no-repeat; margin-right: 12px; background-position: center; background-size: 100%; }
  .c-tap::after { display: block; margin-right: 15px; margin-top: -4px; content: ""; position: absolute; top: 50%; width: 8px; height: 8px; border-top: 1.5px solid #333; border-right: 1.5px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: auto; -webkit-transition: .05s; transition: .05s; right: 0; }
  .c-tap.c-tap--que::before { background-image: url(/assets/images/rankings/i_que.png); }
  .c-tap.c-tap--sort::before { background-image: url(/assets/images/rankings/i_sort.png); }
  .c-tap.c-tap--area::before { background-image: url(/assets/images/rankings/i_area.png); }
  .c-tap.c-tap--study::before { background-image: url(/assets/images/rankings/i_study.png); }
  .c-tap.is-taped::after { width: 8px; height: 8px; border-top: 1.5px solid #333; border-right: 1.5px solid #333; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } }

@media screen and (min-width: 600px) { .c-fillter { position: relative; display: inline-block; margin: 0; font-size: 1.4rem; font-weight: normal; margin-right: 18px; }
  .c-fillter.c-filter--area { width: 165px; }
  .c-fillter.c-filter--study { width: 180px; }
  .c-fillter.control_rank { display: none; }
  .c-fillter .c-fillter_txt--wide { color: #969696; font-size: 1.4rem; margin-right: auto; }
  .c-filltter__pull { line-height: 1.8; border: 1px solid #ccc; padding-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 3px 0 0 3px; line-height: 30px; height: 30px; background: #FFF; text-align: left; }
  .c-filltter__pull::before { position: absolute; content: ""; width: 30px; height: 30px; right: -1px; top: -1px; background-color: #0fae08; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); border: solid 1px #2eb4a7; background-image: -webkit-linear-gradient(top, #2eb4a7, #08867b); background-image: linear-gradient(to bottom, #2eb4a7, #08867b); }
  .c-filltter__pull::after { content: ""; position: absolute; top: 50%; width: 8px; height: 8px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -4px; right: 10px; margin-top: -6px; } }

@media screen and (min-width: 600px) { .c-search--wide { display: -webkit-box; display: -ms-flexbox; display: flex; width: 414px; }
  .c-search--wide input { width: 230px; font-size: 1.6rem; height: 30px; padding: 0; padding-left: 10px; color: #969696; border: 1px solid #ccc; border-right: none; border-radius: 3px 0 0 3px; }
  .c-search--wide .c-search__btn--wide { width: 96px; font-size: 1.5rem; color: #FFF; background-color: #0fae08; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); border: solid 1px #2eb4a7; background-image: -webkit-linear-gradient(top, #2eb4a7, #08867b); background-image: linear-gradient(to bottom, #2eb4a7, #08867b); position: relative; }
  .c-search--wide .c-search__btn--wide::before { position: absolute; content: ""; position: absolute; top: 50%; width: 6px; height: 6px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -3px; left: 11px; } }

@media screen and (max-width: 599px) { .c-tap__content { display: none; }
  .c-tap__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-left: 57px; font-weight: bold; background: #dedede; border-bottom: 1px solid #aaa; line-height: 50px; height: 50px; font-size: 1.4rem; cursor: pointer; }
  .btn_radio { margin-right: 10px; width: 40px; height: 20px; position: relative; overflow: hidden; border-radius: 22px; background-color: #666; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2); }
  .btn_radio .btn_radio_ball { width: 16px; height: 16px; border-radius: 50%; display: block; position: absolute; left: 3px; top: 50%; margin-top: -8px; -webkit-transition: all 200ms; transition: all 200ms; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.22); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent); }
  .btn_radio .btn_radio_back { display: block; width: 0px; height: 20px; position: absolute; border-radius: 22px; top: 0; left: 0; -webkit-transition: .2s; transition: .2s; background-color: #2eb4a7; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2); }
  .c-tap__item.is-sorted { background: #f9fbf4; }
  .c-tap__item.is-sorted .btn_radio_ball { left: 55%; }
  .c-tap__item.is-sorted .btn_radio_back { width: 100%; } }

@media screen and (max-width: 599px) { .c-display { font-size: 1.2rem; padding: 10px; overflow: hidden; }
  .c-display .c-display__current { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; }
  .c-display .c-display__current .c-display__title { font-size: 1.2rem; display: inline-block; }
  .c-display .c-display__current .c-display__condition { font-weight: bold; display: inline-block; }
  .c-display .c-display__current .c-display__condition .disp_pillar { margin: 0 3px 0 0; }
  .c-display .c-display__current .c-display__condition .disp_area { margin: 0 3px; }
  .c-display .c-display__current .c-display__condition .disp_study { margin: 0 3px; }
  .c-display .i-clear::before { font-size: 1.1rem; position: absolute; left: 8px; } }

@media screen and (min-width: 600px) { .c-display { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #F3F3F3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; line-height: 58px; padding-left: 20px; padding-right: 20px; border-top: 1px solid #ccc; margin-bottom: 20px; }
  .c-display .c-display__current { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .c-display .c-display__current .c-display__condition { font-weight: bold; }
  .c-display .c-display__current .c-display__condition .disp_pillar { margin: 0 5px 0 0; }
  .c-display .c-display__current .c-display__condition .disp_area { margin: 0 5px; }
  .c-display .c-display__current .c-display__condition .disp_study { margin: 0 5px; }
  .i-clear::before { margin-right: 8px; font-size: 1.1rem; } }

.tb-noResult { width: 100%; border: 5px #aaa solid; height: 300px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.tb-noResult .tb-noResult__msg { margin-bottom: 20px; }

@media screen and (max-width: 599px) { .tb-noResult button { margin: 0 auto; } }

@media screen and (min-width: 600px) { .tb-noResult { height: 350px; } }

.th-sort__item { border-left: 1px solid #ccc; }

.th-name { border-left: 1px solid #ccc; }

@media screen and (max-width: 599px) { .thred--wide { display: none; }
  .th-row__sp { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 50px; background: #666; color: #FFF; overflow: hidden; }
  .th-row__sp .th-rank_sp { width: 16%; font-size: 1.3rem; font-weight: normal; }
  .th-row__sp .th-titles_sp { width: 84%; font-size: 1.3rem; font-weight: normal; border-left: 1px solid #FFF; }
  .th-row__sp .cel_rank { font-size: 1.7rem; font-weight: 400; } }

@media screen and (min-width: 600px) { .th-row__sp { display: none; }
  .thred--wide { width: 960px; height: 55px; }
  .th-body { background: #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #FFF; font-weight: bold; font-size: 1.3rem; height: 55px; }
  .th-body .th-rank { width: 107px; background: #777; }
  .th-body .th-rank span { display: inline-block; line-height: 1.466; margin-right: 5px; }
  .th-body .th-name { width: 335px; width: 356px; background: #777; }
  .th-body .th-sort { width: 496px; font-size: 0; }
  .th-body .th-sort .th-sort__item { position: relative; width: 20%; width: 98px; background: #777; cursor: default; color: #FFF; font-size: 1.3rem; height: 55px; }
  .th-body .th-sort .th-sort__item.th-sort__item--ttl { width: 104px; }
  .th-body .th-sort .th-sort__item.is-able { background-color: #666; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent); cursor: pointer; }
  .th-body .th-sort .th-sort__item.is-sorted { color: #FFF; text-decoration: none; background-color: #0fae08; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); border: solid 1px #2eb4a7; background-image: -webkit-linear-gradient(top, #2eb4a7, #08867b); background-image: linear-gradient(to bottom, #2eb4a7, #08867b); } }

@media screen and (max-width: 350px) { .th-row__sp .th-titles_sp { font-size: 1.1rem; } }

.c-table { display: table; height: 100%; }

.c-table .c-table__inner { display: table-cell; vertical-align: middle; text-align: center; font-size: 0; line-height: 1; }

.c-table .c-table__inner .c-table_elm { display: inline-block; }

.c-table .c-table__inner .c-table_elm.c-table__block { display: block; }

@media screen and (max-width: 599px) { .c-table .c-table__inner .c-table_elm { line-height: 1.4; font-size: 11px; margin: 0 .25em; }
  .c-table .c-table__inner .c-table_elm.c-table_elm--concat { margin: 0; } }

@media screen and (min-width: 600px) { .c-table .c-table__inner { font-size: 0; line-height: 1; padding-top: 3px; }
  .c-table .c-table__inner .c-table_elm { line-height: 1.4; font-size: 1.3rem; margin: 0 .25em; }
  .c-table .c-table__inner .c-table_elm.c-table_elm--concat { margin: 0; } }

@media screen and (max-width: 350px) { .c-table .c-table__inner { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } }

.c-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.tb_body { position: relative; }

.cel_rank { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Roboto', sans-serif; text-align: center; color: #d41420; }

.cel_name { position: relative; }

.cel_name .tb_pref { display: inline-block; }

.cel_name .tb_profile { text-decoration: none; display: inline-block; font-weight: bold; position: absolute; color: #FFF; background-color: #d41420; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent); }

.cel_name .tb_profile::before { width: 5px; height: 5px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; left: 7px; margin-top: -2.5px; }

.cel_name .tb_profile:hover { background-color: rgba(203, 19, 31, 0.7); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent); }

.scorewrap .cel_score { font-family: Roboto, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; }

@media screen and (max-width: 599px) { .td_thred { min-height: 106px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
  .td_thred .cel_rank { border-left: 5px solid #d41420; }
  .td_thred .cel_rank { width: 16%; }
  .td_thred .cell_R { width: 84%; }
  .scorewrap { font-size: 0; width: 88%; margin-left: 10px; margin-bottom: 4px; }
  .scorewrap .cel_score { font-size: 1.1rem; padding: 0 10px; display: inline-block; line-height: 1; margin-bottom: 8px; }
  .scorewrap .cel_score.cel_res { margin-right: 15%; }
  .cel_name { width: 100%; padding: 8px; margin-bottom: 5px; }
  .cel_name .tb_profile { padding: 6px 15px 6px 18px; font-size: 1.2rem; right: 15px; bottom: 5px; }
  .cel_name .tb_name { font-size: 1.6rem; }
  .cel_name .tb_pref { margin-right: 5px; margin: 5px; margin-left: 2px; line-height: 1.833em; font-size: 1.0rem; color: #444; } }

@media screen and (min-width: 600px) { .td_thred { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .td_thred .cel_rank { border-left: 10px solid #d41420; width: 108px; font-size: 2.8rem; font-weight: 500; padding: 15px 0 15px; }
  .td_thred .cel_rank .cel_rank_inner { text-align: center; display: table; }
  .cell_R { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .cel_name { width: 356px; padding-top: 20px; padding-bottom: 30px; padding-left: 20px; padding-right: 10px; }
  .cel_name .tb_name { font-size: 2.6rem; line-height: 1; margin-bottom: 30px; margin-bottom: 15px; }
  .cel_name .tb_pref { margin-right: 10px; }
  .cel_name .tb_profile { margin-left: 2px; line-height: 36px; padding-left: 25px; padding-right: 20px; right: 20px; bottom: 20px; font-size: 1.5rem; }
  .cel_name .tb_profile::before { left: 9px; width: 7px; height: 7px; margin-top: -3.5px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; }
  .scorewrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 518px; width: 496px; }
  .scorewrap .cel_score { text-align: center; font-size: 1.25vw; font-size: 2.1rem; position: relative; width: 20%; width: 98px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .scorewrap .cel_score.cel_ttl { width: 104px; }
  .scorewrap .cel_score.on { background: RGBA(211, 255, 252, 0.51); }
  .scorewrap .cel_score span:nth-of-type(2) { display: table; }
  .scorewrap .tb-pillar__title { display: none; } }

@media screen and (min-width: 480px) and (max-width: 600px) { .cel_res { margin-right: 35%; } }

@media screen and (max-width: 599px) { .td_thred { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
  .td_thred .th-rank_sp { border-right: 1px solid #ccc; }
  .td_thred .cel_rank { border-right: 1px solid #ccc; }
  .td_thred .cel_score { border-left: 1px solid #333; } }

@media screen and (min-width: 600px) { .td_thred { border-bottom: 1px solid #ccc; }
  .td_thred .td { border-right: 1px solid #ccc; }
  .td_thred .th:not(:last-child) { border-right: 1px solid #858585; }
  .td_thred .th-rank:first-child { border-right: 1px solid #ccc; }
  .td_thred .th .sort_name_wide { border-bottom: 1px solid #858585; } }

.firefox .cel_rank { word-break: break-all; }

@media screen and (max-width: 599px) { .android .cel_score { padding-top: 1px; } }

@media screen and (min-width: 600px) { .ie9 .cel_rank, .ie10 .cel_rank, .firefox .cel_rank { word-break: break-all; }
  .ie10 .cel_score, .ie11 .cel_score, .edge .cel_score, .firefox .cel_score { word-break: break-all; } }

.sk-fading-circle { margin: 60px auto 80px; width: 40px; height: 40px; position: relative; }

.sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } }

@keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } }

.rk-navCover { font-size: 0; }

.rk-navCover .rk-navCover__item a { text-align: center; color: #FFF; font-weight: bold; text-decoration: none; display: block; border: 2px solid #a40610; background-color: #858585; background: -webkit-linear-gradient(top, #858585 0%, #666666 100%); background: linear-gradient(to bottom, #858585 0%, #666666 100%); }

.rk-navCover .rk-navCover__item a:hover { background: -webkit-linear-gradient(top, #727171 0%, #515151 100%); background: linear-gradient(to bottom, #727171 0%, #515151 100%); }

.rk-navCover .rk-navCover__item a.is-current { background: none; border-color: #ccc; border-width: 1px; }

@media screen and (max-width: 599px) { .rk-navCover { margin: 0 auto; }
  .rk-navCover .rk-navCover__item a { line-height: 38px; height: 38px; width: 100%; font-size: 1.4rem; }
  .rk-navCover .rk-navCover__item:not(:last-of-type) { margin-bottom: 10px; } }

@media screen and (min-width: 600px) { .rk-navCover .rk-navCover__item { display: inline-block; vertical-align: top; }
  .rk-navCover .rk-navCover__item a { margin-right: 20px; line-height: 50px; height: 50px; width: 225px; font-size: 1.8rem; } }

.rk-navPillar { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.rk-navPillar .rk-navPillar__item { text-align: center; }

.rk-navPillar .rk-navPillar__item a { display: block; height: 50px; line-height: 50px; color: #FFF; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.3); background-color: #858585; background: -webkit-linear-gradient(top, #858585 0%, #666666 100%); background: linear-gradient(to bottom, #858585 0%, #666666 100%); }

.rk-navPillar .rk-navPillar__item a:hover { background: -webkit-linear-gradient(top, #727171 0%, #515151 100%); background: linear-gradient(to bottom, #727171 0%, #515151 100%); }

.rk-navPillar .rk-navPillar__item a.is-current { background: #d41420; color: #FFF; opacity: 1; cursor: default; }

@media screen and (max-width: 599px) { .rk-navPillar { border-top: 2px solid #B1001C; }
  .is-fixed--local .rk-navPillar { border-top: 0; }
  .rk-navPillar .rk-navPillar__item { width: 25%; }
  .rk-navPillar .rk-navPillar__item a { font-size: 1.2rem; } }

@media screen and (min-width: 600px) { .rk-navPillar .rk-navPillar__item a { width: 225px; font-size: 1.6rem; } }

.rk-navArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.rk-navArea__item { text-align: center; }

.rk-navArea__item a { width: 100%; height: 100%; padding: 10px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #666; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent); opacity: .8; color: #FFF; }

.rk-navArea__item a:hover { opacity: 1; }

.rk-navArea__item a.is-current { background: #069D90; color: #FFF; }

.rk-navArea__item span { display: block; }

@media screen and (max-width: 599px) { .rk-navArea { height: 60px; margin: 0 auto; background: #FFF; }
  .rk-navArea__item { width: 14.28571%; }
  .rk-navArea__item a { font-size: 1.2rem; font-size: 2vw; }
  .rk-navArea__item a span { font-size: 1.2rem; font-size: 2vw; }
  .p-indicator { background: FFF; }
  /* .cccccccc_inner{ background: #FFF; // *** // padding: 0 15px; } */
  .rk-localnavi { background: #FFF; } }

@media screen and (min-width: 600px) { .rk-navAreaWrap { margin-bottom: 30px; background: #FFF; }
  .rk-navArea__item { width: 120px; line-height: 60px; height: 60px; }
  .rk-navArea__item a { font-size: 1.8rem; line-height: 1.444; }
  .rk-navArea__item a span { font-size: 1.8rem !important; padding-top: 2px; } }

@media screen and (min-width: 600px) { .c-usages { margin-top: 30px; margin-bottom: 15px; }
  .c-tap--que { display: none; } }

.c-define dt { font-weight: bold; }

@media screen and (max-width: 599px) { .c-define__wrap { padding: 10px; }
  .c-define { font-size: 1.2rem; margin-bottom: 8px; line-height: 1.625; display: table; }
  .c-define.c-define--inline { display: block; }
  .c-define.c-define--inline * { display: inline; margin-right: 0; }
  /* .c-define dt { display: table-cell; margin-right: 20px; width: 5em; } */
  .c-define dt { display: table-cell; margin-right: 20px; width: 8em; }
  .c-define dd { display: table-cell; } }

@media screen and (min-width: 600px) { .c-define__wrap { padding: 0 10px; }
  .c-define { display: table; margin-bottom: 26px; }
  /* .c-define dt { display: table-cell; font-size: 1.4rem; width: 5em; margin-right: 50px; text-indent: -.5em; } */
  .c-define dt { display: table-cell; font-size: 1.4rem; width: 8em; margin-right: 50px; text-indent: -.5em; }
  .c-define dd { display: table-cell; font-size: 1.4rem; line-height: 1.5; } }

@media screen and (max-width: 599px) { .c-desc { font-size: 1.2rem; line-height: 1.625; padding: 10px; padding-top: 10px; padding-bottom: 10px; }
  .c-desc > p { margin-bottom: 5px; } }

@media screen and (min-width: 600px) { .c-desc { font-size: 1.6rem; padding-top: 20px; padding-bottom: 20px; }
  .c-desc > p { margin-bottom: 6px; } }

@media screen and (max-width: 599px) { .p-indicator { margin: 0 auto; text-align: center; margin-bottom: 8px; padding-top: 53px; }
  .p-indicator span { border-radius: 50%; width: 8px; height: 8px; background: #666; display: inline-block; margin: 3px; }
  .p-indicator span.is-current { background: #d41420; } }

@media screen and (min-width: 600px) { .p-indicator { display: none; } }

.c-fbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; /*font-size: 0;*/ }

.c-fbox__item { width: 120px; height: 60px; }

.c-fbox__item a { text-decoration: none; color: #FFF; display: block; background-color: #858585; background: -webkit-linear-gradient(top, #858585 0%, #666666 100%); background: linear-gradient(to bottom, #858585 0%, #666666 100%); }

.c-fbox__item a:hover { background: -webkit-linear-gradient(top, #727171 0%, #515151 100%); background: linear-gradient(to bottom, #727171 0%, #515151 100%); }

.c-fbox__item a.is-current { background: #d41420; color: #FFF; opacity: 1; cursor: default; }

.c-fbox__item a.is-current:hover { opacity: 1; }

.c-fbox__txtitem { display: table-cell; font-weight: bold; text-align: center; vertical-align: middle; }

@media screen and (max-width: 599px) { .c-fbox { background: #FFF; }
  .c-fbox__item { width: 120px; height: 50px; line-height: 1.3; opacity: 1; }
  .c-fbox__item a { font-size: 12px; }
  .c-fbox__txtitem { display: table-cell; } }

@media screen and (min-width: 600px) { .c-fbox__item { width: 120px; height: 60px; line-height: 1.3; }
  .c-fbox__item--pillar { width: 220px; height: 50px; line-height: 1.3; }
  .c-fbox__item a { font-size: 18px; }
  .c-fbox__txtitem { display: table-cell; font-weight: bold; width: 120px; height: 60px; }
  .c-fbox__txtitem.c-fbox__txtitem--pillar { width: 220px; height: 50px; line-height: 50px; } }

@media screen and (max-width: 599px) { .dot.is-current { opacity: 1; }
  .flickity-prev-next-button { -webkit-transition: opacity .2s; transition: opacity .2s; }
  .flickity-prev-next-button { width: 15px; border-radius: 0; color: #FFF; height: 100%; cursor: default; background-color: #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent); }
  .flickity-prev-next-button:hover { background: gray; }
  .flickity-prev-next-button.previous { opacity: 0; }
  .flickity-prev-next-button.next { opacity: 0; }
  .flickity-prev-next-button .arrow { fill: #FFF; }
  .flickity-prev-next-button.previous.is-end { opacity: 0; }
  .flickity-prev-next-button.is-end { opacity: 0; }
  .flickity-prev-next-button:disabled { opacity: 0; }
  .flickity-prev-next-button:disabled { opacity: 0; }
  .flickity-viewport { background: #000; } }

@media screen and (max-width: 599px) { .c-fbox.c-fbox--area { display: none; }
  .carouselConrainer { position: relative; width: 100%; background: #EEE; }
  .rnk--navAreal { border-top: 2px solid #B1001C; }
  .c-navArea { width: 100%; margin: 0 auto; overflow-y: hidden; height: 50px; float: left; }
  .c-navArea__item { width: 22.2%; height: 50px; line-height: 50px; margin: 0; text-align: center; line-height: 1.3; vertical-align: middle; float: left; }
  .c-navArea__item::before { display: block; text-align: center; font-size: 1.4rem; color: white; }
  .c-navArea__item a { /*display: block;*/ display: table; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; width: 100%; height: 100%; border-left: 1px solid rgba(204, 204, 204, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.15); background-color: #858585; background: -webkit-linear-gradient(top, #858585 0%, #666666 100%); background: linear-gradient(to bottom, #858585 0%, #666666 100%); }
  .c-navArea__item a:hover { background: -webkit-linear-gradient(top, #727171 0%, #515151 100%); background: linear-gradient(to bottom, #727171 0%, #515151 100%); }
  .c-navArea__item a.is-current { font-size: 12px; background: #d41420; }
  .c-navArea__item a span { vertical-align: middle; display: table-cell; }
  .c-navArea__btn { position: absolute; top: 0; height: 100%; height: 50px; width: 26px; color: #FFF; text-decoration: none; background-color: #0fae08; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); border: solid 1px #2eb4a7; background-image: -webkit-linear-gradient(top, #2eb4a7, #08867b); background-image: linear-gradient(to bottom, #2eb4a7, #08867b); box-shadow: none; z-index: 1000; }
  .c-navArea__btn.c-prev { opacity: 1; -webkit-transition: .1s; transition: .1s; }
  .c-navArea__btn.c-prev::before { left: 0; margin-left: 9px; content: ""; position: absolute; top: 50%; width: 8px; height: 8px; border-top: 1.5px solid #FFF; border-right: 1.5px solid #FFF; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); margin-top: -4px; }
  .c-navArea__btn.c-prev.is-disable { background: RGB(102, 102, 102); opacity: .051; }
  .c-navArea__btn.c-next { right: 0; opacity: 1; -webkit-transition: .1s; transition: .1s; }
  .c-navArea__btn.c-next::before { right: 0; margin-right: 9px; content: ""; position: absolute; top: 50%; width: 8px; height: 8px; border-top: 1.5px solid #FFF; border-right: 1.5px solid #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; }
  .c-navArea__btn.c-next.is-disable { background: RGB(102, 102, 102); opacity: .051; } }

@media screen and (min-width: 600px) { #carousel { display: none; } }

.is-fixed--head { position: fixed; top: 0; width: 100%; z-index: 10000; }

.is-fixed--local { position: fixed; top: 65px; z-index: 7000; }

@media screen and (max-width: 599px) { .rk-desc { padding-top: 50px; }
  .rk-localnavi { width: 100%; }
  .rk-navPillar { display: block; width: 100%; margin: 0 auto; float: left; }
  .rk-navPillar .rk-navPillar__item { float: left; } }

/*# sourceMappingURL=cat_ranking.css.map */


/** 2019.03.13 Add */
#no_ad_background { background-color:#F3F3F3; }
#no_ad_rank { color :#777; }
#no_ad_left { border-left: 10px solid #777; }
@media screen and (max-width: 599px) {
  #no_ad_left { border-left: 5px solid #777; }
}

#no_ad_profile { background-color :#777; }