.tab .tab__bar .tab__switch{cursor:pointer}.tab.width-1\/3 .tab__bar .tab__switch{width:33.3333333333%!important}.tab__target{display:none}.tab__target.active{display:block}.tab--favorite .tab__bar,.tab--memberinfo .tab__bar,.tab--mission .tab__bar,.tab--promo .tab__bar{display:table;width:100%}.tab--favorite .tab__bar .tab__switch,.tab--memberinfo .tab__bar .tab__switch,.tab--mission .tab__bar .tab__switch,.tab--promo .tab__bar .tab__switch{display:table-cell;border-top:1px solid hsla(0,0%,43.9%,.25);border-right:1px solid hsla(0,0%,43.9%,.25);border-bottom:1px solid hsla(0,0%,43.9%,.25);padding:8px 0;text-align:center}.tab--favorite .tab__bar .tab__switch>a,.tab--favorite .tab__bar .tab__switch>span,.tab--memberinfo .tab__bar .tab__switch>a,.tab--memberinfo .tab__bar .tab__switch>span,.tab--mission .tab__bar .tab__switch>a,.tab--mission .tab__bar .tab__switch>span,.tab--promo .tab__bar .tab__switch>a,.tab--promo .tab__bar .tab__switch>span{font-size:.875rem}.tab--favorite .tab__bar .tab__switch>a .amount,.tab--favorite .tab__bar .tab__switch>span .amount,.tab--memberinfo .tab__bar .tab__switch>a .amount,.tab--memberinfo .tab__bar .tab__switch>span .amount,.tab--mission .tab__bar .tab__switch>a .amount,.tab--mission .tab__bar .tab__switch>span .amount,.tab--promo .tab__bar .tab__switch>a .amount,.tab--promo .tab__bar .tab__switch>span .amount{color:#ff622b;font-weight:700;margin-left:8px}.tab--favorite .tab__bar .tab__switch:first-of-type,.tab--memberinfo .tab__bar .tab__switch:first-of-type,.tab--mission .tab__bar .tab__switch:first-of-type,.tab--promo .tab__bar .tab__switch:first-of-type{border-left:1px solid hsla(0,0%,43.9%,.25);border-radius:8px 0 0 8px}.tab--favorite .tab__bar .tab__switch:last-of-type,.tab--memberinfo .tab__bar .tab__switch:last-of-type,.tab--mission .tab__bar .tab__switch:last-of-type,.tab--promo .tab__bar .tab__switch:last-of-type{border-radius:0 8px 8px 0}.tab--favorite .tab__bar .tab__switch.on,.tab--memberinfo .tab__bar .tab__switch.on,.tab--mission .tab__bar .tab__switch.on,.tab--promo .tab__bar .tab__switch.on{background-color:hsla(0,0%,43.9%,.25)}.tab--promo .tab__bar{padding:0;margin:1.25rem auto}.tab--favorite .tab__bar,.tab--mission .tab__bar{padding:0 3.125rem;margin:0 auto 1.25rem}.tab--memberinfo .tab__bar{padding:0 .75rem;margin:0 auto 1.875rem}.tab--memberinfo .tab__content{padding-bottom:.625rem}.tab--ranking .tab__bar{margin:0 -10px}.tab--ranking .tab__bar:after{content:"";display:table;clear:both}.tab--ranking .tab__bar .tab__switch{float:left;width:33.3333333333%;padding:3px 10px;text-align:center;margin-bottom:22px}.tab--ranking .tab__bar .tab__switch>span{font-size:1.125rem}.tab--ranking .tab__bar .tab__switch.on>span{color:#ff622b;font-weight:700}.tab--ranking .tab__bar .tab__switch:nth-of-type(3n+1){clear:left}.tab--filter .tab__bar{margin-top:0;border:1px solid #939393;border-radius:8px;overflow:hidden}.tab--filter .tab__bar:after{content:"";display:table;clear:both}.tab--filter .tab__bar .tab__switch{float:left;width:25%;text-align:center;border-left:1px solid #939393}.tab--filter .tab__bar .tab__switch>a{display:block;font-size:1.125rem;padding:9px 0}.tab--filter .tab__bar .tab__switch.on>a{background-color:#d7d7d7}.tab--filter .tab__bar .tab__switch:nth-of-type(4n+1){clear:left;border-left:none}@media screen and (min-width:768px){.tab--favorite .tab__bar,.tab--memberinfo .tab__bar,.tab--mission .tab__bar,.tab--promo .tab__bar{width:auto;display:table}.tab--favorite .tab__bar .tab__switch,.tab--memberinfo .tab__bar .tab__switch,.tab--mission .tab__bar .tab__switch,.tab--promo .tab__bar .tab__switch{display:table-cell;width:auto;text-align:center}.tab--favorite .tab__bar .tab__switch>a,.tab--favorite .tab__bar .tab__switch>span,.tab--memberinfo .tab__bar .tab__switch>a,.tab--memberinfo .tab__bar .tab__switch>span,.tab--mission .tab__bar .tab__switch>a,.tab--mission .tab__bar .tab__switch>span,.tab--promo .tab__bar .tab__switch>a,.tab--promo .tab__bar .tab__switch>span{font-size:1.125rem}.tab--promo .tab__bar .tab__switch{padding:12px 25px}.tab--favorite .tab__bar,.tab--memberinfo .tab__bar,.tab--mission .tab__bar{margin:0 auto 40px}.tab--favorite .tab__bar .tab__switch,.tab--memberinfo .tab__bar .tab__switch,.tab--mission .tab__bar .tab__switch{padding:12px 36px}.tab--ranking .tab__bar{margin:0}.tab--ranking .tab__bar:after{content:"";display:table;clear:both}.tab--ranking .tab__bar .tab__switch{float:none;display:inline-block;width:auto;margin-bottom:0;margin-right:10px}.tab--ranking .tab__bar .tab__switch:last-of-type{margin-right:0}.tab--ranking .tab__bar .tab__switch:nth-of-type(3n+1){clear:none}}.ranking__top{padding:30px 0 10px;border-bottom:1px solid rgba(0,0,0,.4)}.ranking__top .title{margin:0 0 30px}.ranking__top .title:before{content:"";margin-right:18px;width:15px;height:15px;background-color:#ff622b;border-radius:50%;font-size:1.5rem}.ranking__top .title .text,.ranking__top .title:before{display:inline-block;vertical-align:middle}.ranking__content{padding:20px 0 40px}.cardList>.cardList__item:first-of-type .card__media,.cardList>.cardList__item:first-of-type .card__text{width:100%;float:none}.cardList>.cardList__item:first-of-type .card__media .image:before{padding-top:50.1492537313%}.cardList>.cardList__item:first-of-type .card__media .ranking{background-color:#ff622b;border-color:#ff622b}.cardList>.cardList__item:first-of-type .card__media .ranking__text,.cardList>.cardList__item:first-of-type .card__media .ranking__text .num{color:#f4f4f4}.cardList>.cardList__item:first-of-type .card__text{padding:0;margin-top:1.6875rem}.cardList>.cardList__item:first-of-type .card__text .info:after{content:"";display:table;clear:both}.cardList>.cardList__item:first-of-type .card__text .info__unit{float:left}.cardList>.cardList__item:first-of-type .card__text .info__type{float:right}.cardList>.cardList__item:not(:first-of-type) .card__media .ranking{background-color:#f4f4f4}.cardList>.cardList__item:not(:first-of-type) .card__media .ranking__text,.cardList>.cardList__item:not(:first-of-type) .card__media .ranking__text .num{color:#ff622b}.card__media .ranking{position:absolute;top:0;left:0;z-index:5;border-radius:8px;padding:4px 10px;box-shadow:0 3px 6px rgba(0,0,0,.16);border:1px solid #ff622b}.card__media .ranking__text{display:block;text-align:center;font-size:.5625rem;font-weight:700}.card__media .ranking__text .num{display:block;font-size:.9375rem;font-style:normal;line-height:1}@media screen and (min-width:768px){.ranking__top{padding:40px 0}.ranking__top:after{content:"";display:table;clear:both}.ranking__top .title{float:left;margin:0}.ranking__top .tab{float:right;margin-top:5px}.ranking__content{padding:20px 0}.cardList>.cardList__item:first-of-type{padding:0;margin-bottom:60px;width:100%}.cardList>.cardList__item:first-of-type .card{border-bottom:none;padding:0 15px 0 395px}.cardList>.cardList__item:first-of-type .card__media{display:inline-block;vertical-align:middle;width:380px;margin-left:-380px}.cardList>.cardList__item:first-of-type .card__media .image:before{padding-top:58.0034423408%}.cardList>.cardList__item:first-of-type .card__text{display:inline-block;vertical-align:middle;width:100%;margin-left:-6px;margin-top:0;padding-left:30px}.cardList>.cardList__item:first-of-type .card__text .info{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.4)}.cardList>.cardList__item:not(:first-of-type){width:33.3333333333%}.cardList>.cardList__item:nth-of-type(3n+2){clear:left}.card__media .ranking{top:20px;left:-10px;padding:11px 20px}.card__media .ranking__text{font-size:16px}.card__media .ranking__text .num{font-size:26px}}@media screen and (min-width:960px){.ranking__top{padding:80px 0}.ranking__top:after{content:"";display:table;clear:both}.ranking__top .title{float:left;margin:0}.ranking__top .tab{float:right;margin-top:5px}.cardList>.cardList__item:first-of-type .card{padding:0 15px 0 595px}.cardList>.cardList__item:first-of-type .card__media{width:580px;margin-left:-580px}.cardList>.cardList__item:first-of-type .card__text{padding-left:60px}}