@charset "UTF-8";



/* RANKING */
.p-top-ranking__item.rank1::after  { content: '1'; padding-top: 15px; border-radius: 0; background: url("rank01.png") center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; top: -5px; box-sizing: border-box;}
.p-top-ranking__item.rank2::after  { content: '2'; padding-top: 15px; border-radius: 0; background: url("rank02.png") center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; top: -5px; box-sizing: border-box;}
.p-top-ranking__item.rank3::after  { content: '3'; padding-top: 15px; border-radius: 0; background: url("rank03.png") center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; top: -5px; box-sizing: border-box;}
.p-top-ranking__item.rank4::after  { content: '4'}
.p-top-ranking__item.rank5::after  { content: '5'}
.p-top-ranking__item.rank6::after  { content: '6'}
.p-top-ranking__item.rank7::after  { content: '7'}
.p-top-ranking__item.rank8::after  { content: '8'}
.p-top-ranking__item.rank9::after  { content: '9'}
.p-top-ranking__item.rank10::after { content: '10'}
#block_of_event_ranking { padding: 90px 0 0px; /* 90px 0 70px */ background: #fff; /*#f3f3f3*/}
.block-top-event-ranking--header { margin: 0 0 55px 0; text-align: center;}
.block-top-event-ranking--category { margin: 0 auto 50px; display: flex; justify-content: center;}
.block-top-event-ranking--category--item { width: 180px; padding: 9px 0; cursor: pointer; border: 1px solid #3b4043; color: #3b4043; line-height: 1; font-size: 12px; text-align: center; transition: all 0.3s ease; margin-left: 20px;}
.block-top-event-ranking--category--item + .block-top-event-ranking--category--item { margin-left: 20px;}
.block-top-event-ranking--category--item:hover,
.block-top-event-ranking--category--item.is-active { background-color: #3b4043; color: #fff;}
.block-top-event-ranking--category--item.is-active a { background-color: #3b4043; color: #fff;}


#block_of_event_ranking .p-top-ranking__container { max-width: 920px; margin: 0 auto; padding: 0 5%;}/*max-width: 1170px;*/
#block_of_event_ranking .c-product__products { display: none;}
#block_of_event_ranking .c-product__products__block { width: 100%; margin-bottom: 40px; display: flex; align-items: flex-start; justify-content: space-between; /*flex-start;*/ flex-wrap: wrap; box-sizing: border-box; transition: opacity 0.5s ease;}
.c-product__products .more-action-button { margin-top: 20px; text-align: center;}
.c-product__products .more-action-button span { width: 280px; padding: 17px 0; margin: 0 auto; font-size: 12px; text-align: center; transition: opacity 0.5s ease; color: #fff; background-color: #3b4043; display: block; cursor: pointer; position: relative;}
.c-product__products .more-action-button span:hover { opacity: 0.5;}
.c-product__products .more-action-button.more-view span:after { content: '＋'; font-size: 16px; line-height: 1.0; color: #fff; position: absolute; right: 15px; top: calc(50% - 8px); display: block;}
.c-product__products .more-action-button.more-close span:after { content: '－'; font-size: 16px; line-height: 1.0; color: #fff; position: absolute; right: 15px; top: calc(50% - 8px); display: block;}