@charset "UTF-8";

/* ----------------------------------
 Event人気ランキング箇所
---------------------------------- */
#malltop_event_ranking { min-width: 1160px; padding: 1px 0px; margin: 0 auto;}
#malltop_event_ranking > div { margin-bottom: 40px; /*box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.08);*/ background: #fff;}
#malltop_event_ranking .event-add-box { padding: 33px;}
#malltop_event_ranking .more-button { display: none !important;}
#malltop_event_ranking .event-headline-set .more-button { display: block !important;}
#malltop_event_ranking .block-top-event--header { display: none !important;}
#malltop_event_ranking .block-top-event--goods  { margin: 0;}
#malltop_event_ranking .event-add-box-ranking { padding-top: 30px;}
#malltop_event_ranking .event-add-box-ranking--tab { position: relative; padding: 0 65px;}
#malltop_event_ranking .event-add-box-ranking--tab ul { display: flex; gap: 5px; padding-right: 130px; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap;}
#malltop_event_ranking .event-add-box-ranking--tab ul li { width: auto; padding: 7px 15px; font-size: 13px; color: #6A7181; background: #F4F5F6; border: 1px solid #D5DBE3; border-radius: 50px; cursor: pointer;}
#malltop_event_ranking .event-add-box-ranking--tab ul li.active { color: #fff; background: #000000;}
#malltop_event_ranking .scroll-first, #malltop_event_ranking .scroll-last { 
	position: 
	absolute; 
	top:8px; 
	left: 30px; 
	width: 20px; 
	height: 20px; 
	background: #E0E0E0;
}
#malltop_event_ranking .scroll-last { left: auto; right: 30px; transform: rotate(180deg);}
#malltop_event_ranking .scroll-first::after, #malltop_event_ranking .scroll-last::after,#malltop_event_ranking .scroll-first:before, #malltop_event_ranking .scroll-last::before { position: absolute; content: ""; top: 12px; left: 6px; width: 7px; height: 2px; background: #000000; transform: rotate(60deg);}
#malltop_event_ranking .scroll-first::after, #malltop_event_ranking .scroll-last::after { top: 7px; transform: rotate(120deg);}
html[data-browse-mode="S"] #malltop_event_ranking .scroll-first {  
	top: 29px;
  left: -6px;
}
html[data-browse-mode="S"] #malltop_event_ranking .scroll-last {  
	right: 0px;
	top: 29px;
}
#malltop_event_ranking .append-event-frame { display: none; padding: 30px 33px 50px;}
#malltop_event_ranking .append-event-frame.active { display: block;}
#malltop_event_ranking .event-add-box-ranking--contents { position: relative;}
#malltop_event_ranking .event-add-box-ranking--contents .more-button-ranking { display: block;}
#malltop_event_ranking .event-add-box-ranking--contents .more-button-ranking a { display: block; width: fit-content; margin: 30px auto 0; padding: 9px 40px; font-size: 14px; font-weight: bold; color: #fff; background: #CC0000; border-radius: 40px; text-align: center;}
#malltop_event_ranking .rcontainer { display: none;}
@media only screen and (max-width: 2000px) { #malltop_event_ranking .event-add-box-ranking--tab::before { content: ""; position: absolute; top: 0; right: 65px; width: 130px; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.32) 25%, rgba(255, 255, 255, 1) 100%); z-index: 2; pointer-events: none;}}
@media only screen and (max-width: 1400px) { #malltop_event_ranking { padding: 0 40px;}}
@media only screen and (max-width: 1300px) { #malltop_event_ranking { padding: 0 30px;}}
@media only screen and (max-width: 1200px) { #malltop_event_ranking { padding: 0 20px;}}

html[data-browse-mode="S"] #malltop_event_ranking .event-add-box-ranking--tab::before {
	background: unset;
}

#malltop_event_ranking .event-add-box-ranking--contents > div {
  display: none; /* 全てのタブ内容をデフォルトで非表示 */
}
#malltop_event_ranking .event-add-box-ranking--contents > div.active {
  display: block;
}
#malltop_event_ranking .block-ranking-r--items > li {
    margin: 0 0px 50px 0 !important;
    display: block;
}
html[data-browse-mode="S"] #malltop_event_ranking .block-ranking-r--items > li {
    margin: 0 0px 10px 0 !important;
}
#malltop_event_ranking .block-ranking-r--items {
    justify-content: center;
    gap: 28px;
}
#malltop_event_ranking .block-ranking-r--items {
    overflow-x: hidden;
    max-width: 100%;
    max-height: 366px;
    overflow-y: hidden;
}
html[data-browse-mode="S"] #malltop_event_ranking .block-ranking-r--items {
    max-height: unset;
    overflow-y: hidden;
}

.block-ranking-r--goods-name-wrap {
    height: auto !important;
}
html[data-browse-mode="S"] #malltop_event_ranking {
    min-width: auto;
    padding: 1px 120px;
    margin: 0 auto;
}
html[data-browse-mode="S"] #malltop_event_ranking {
    min-width: auto;
    padding: 1px 0px;
    margin: 0 auto;
}
html[data-browse-mode="S"] #malltop_event_ranking .block-ranking-r--items {
    justify-content: normal;
}
#malltop_event_ranking .block-top-event--wrap {
    padding: 30px 0 20px;
}
html[data-browse-mode="S"] .pane-main #block_of_event { display: none;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-top-event--goods { padding-bottom: 0;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-top-event--header { display: none;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-headline-set { margin-bottom: 0 !important;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box { padding: 20px 0; margin: 0 0 10px 0; background: #fff;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .more-button { display: none !important;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-headline-set .more-button { display: block !important;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-goods-detail-j--items { padding: 0 0 10px 20px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: scroll; -webkit-overflow-scrolling: touch; gap: 0 20px;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-goods-detail-j--items li { width: 150px; min-width: 150px; padding: 0; margin: 0; vertical-align: top; font-size: 14px;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-thumbnail-t--items { padding: 0 0 10px 20px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: scroll; -webkit-overflow-scrolling: touch; gap: 0 20px;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-thumbnail-t--items li { width: 150px; min-width: 150px; padding: 0; margin: 0; vertical-align: top; font-size: 14px;;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-list-add-cart-btn { padding: 8px 6px 8px 23px; background-position: 3px calc(50% - 1px); -webkit-background-size: 18px; background-size: 15px; font-size: 12px;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .block-goods-favorite a { width: 20px; height: 28px; background-size: 20px; margin: 0;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking { margin: 0 0 10px 0; padding: 0 0 30px 0; background: #fff;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--tab { margin: 0 0 10px 0; padding: 20px 20px 10px;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--tab ul li { width: auto; padding: 7px 15px; font-size: 13px; color: #6A7181; background: #F4F5F6; border: 1px solid #D5DBE3; border-radius: 50px; cursor: pointer;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--tab li.swiper-slide-thumb-active, #block_of_malltop_event_frame .event-add-box-ranking--tab li.swiper-slide-active { color: #fff; background: #000000;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents { padding: 0 10px;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .append-event-frame { padding: 20px 10px; border: 1px solid #DEDEDE;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-top-event--goods .block-ranking-r--items { padding: 0; flex-direction: column; gap: 20px 0; overflow: hidden;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-top-event--goods .block-ranking-r--items li:nth-child(n + 4) { display: none;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-top-event--goods .block-ranking-r--items li { display: flex; gap: 8px; width: 100%;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-top-event--goods .block-ranking-r--items li a { width: 130px; height: 130px; }
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-top-event--goods .block-ranking-r--items .block-ranking-r--goods-image figure { min-width: unset; min-height: unset;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-top-event--goods .block-ranking-r--description { width: calc(100% - 130px - 8px);}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-ranking-r--goods-name { margin: 0;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-ranking-r--goods-shop-name { margin: 0;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-ranking-r--price-infos { padding: 0;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-ranking-r--mile-point { padding-left: 15px; font-size: 11px; background-size: 14px;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .block-ranking-r--goods-image .block-ranking-r--rank { z-index: 1;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .more-button-ranking { display: block;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .event-add-box-ranking--contents .more-button-ranking a { display: block; width: fit-content; margin: 30px auto 0; padding: 8px 20px; font-size: 14px; font-weight: bold; color: #CC0000; background: #fff; border: 1px solid #CC0000; border-radius: 30px; text-align: center;}
html[data-browse-mode="S"] #block_of_malltop_event_frame .rcontainer { display: none;}
html[data-browse-mode="S"] #malltop_event_ranking .event-add-box-ranking--tab ul li.active { color: #fff; background: #000000;}