@charset "UTF-8";

/* ----------------------------------
 Common
---------------------------------- */
.page-top .wrapper { background: #F4F5F6;}
.page-top .pane-left-menu { display: none !important;}
.page-top .pane-contents .container,
.page-top .pane-contents .container .pane-main { width: 100% !important; margin: 0 !important; display: block !important;}

.page-top .jal-card-price { display: none !important;}
.page-top .price .yen { font-size: 11px;}

.page-top .more-button { margin-top: 20px; padding: 0; margin-bottom: 40px; text-align: -webkit-right;}
.page-top .more-button a { width: 145px; height: 36px; padding: 0 0 1px 0; margin: 0 auto; border: none; border-radius: 44px; font-size: 14px; font-weight: bold; text-align: center; color: #fff; line-height: 1.0; display: flex; justify-content: center; align-items: center; position: relative; background: #CC0000; transition: 0.3s;}
.page-top .more-button a:after { display: none;}
.page-top .more-button a:hover { background: #976F11;}

.page-top .headline-set { display: flex; justify-content: space-between;}
.page-top .headline-set .ttl { padding: 12px 0 0 12px; font-size : 22px; font-weight: bold; text-align: left; line-height: 1.0; color: #111111; position: relative;}
.page-top .headline-set .ttl::before { content: ''; width: 4px; height: 18px; border-top: #CC0000 4px solid; background: #C7B062; display: block; position: absolute; top: 14px; left: 0;}
.page-top .headline-set .more-button { margin: 0 0 25px 0;}

.page-top .event-headline-set { padding: 24px 40px 20px; display: flex; justify-content: space-between; align-items: center; background: #fff;}
.page-top .event-headline-set .ttl { padding: 0 0 0 12px; font-size : 22px; font-weight: bold; text-align: left; line-height: 1.45; color: #000; position: relative;}
.page-top .event-headline-set .ttl::before { content: ''; width: 4px; height: 18px; border-top: #CC0000 4px solid; background: #C7B062; display: block; position: absolute; top: 2px; left: 0;}
.page-top .event-headline-set .more-button { margin: 0;}
.page-top .event-headline-set .more-button a { width: 145px; height: 36px; border: none; background: #CC0000; color: #fff; transition: 0.3s;}
.page-top .event-headline-set .more-button a:hover { background: #976F11;}

.page-top .headline-mulish { margin: 0 0 30px 0; text-align: center;}
.page-top .headline-mulish .mulish { padding: 0; margin: 0 0 10px 0; font-family: "Mulish", sans-serif; font-optical-sizing: auto; font-size: 46px; font-weight: 300; font-style: normal; text-align: center; line-height: 1.0;}
.page-top .headline-mulish .jpn { font-size: 14px; font-weight: 400; text-align: center;}

.page-top .block-thumbnail-t--goods-name-wrap a:hover { text-decoration: underline;}

.page-top .block-top-event--goods .block-ranking-r--items { margin: 0;}
.page-top .block-top-event--goods .block-ranking-r--items > li { width: calc((100% - (36px * 6) - 1px)/7); margin: 0 36px 15px 0; display: block;}
.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(7n)  { margin-right: 0;}
.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(n+8) { display: none;}
.page-top .block-top-event--goods .block-ranking-r--goods-image { width: 100%; padding: 100% 0 0 0; margin: 0 0 12px 0; position: relative;}
.page-top .block-top-event--goods .block-ranking-r--goods-image figure { width: 100%; height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; background: #FFF; position: absolute !important; top: 0; left: 0;}
.page-top .block-ranking-r--goods-name-wrap a:hover { text-decoration: underline;}

.page-top .block-top-event--goods .block-thumbnail-t { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 0;}
.page-top .block-top-event--goods .block-thumbnail-t > li { width: calc((100% - (36px * 6) - 1px)/7); margin: 0 36px 15px 0;}
.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(7n)  { margin-right: 0;}
.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(n+8) { display: none;}
.page-top .block-top-event--goods .block-thumbnail-t--goods-image { width: 100%; padding: 100% 0 0 0; margin: 0 0 12px 0; position: relative;}
.page-top .block-top-event--goods .block-thumbnail-t--goods-image figure { width: 100%; height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; background: #FFF; position: absolute !important; top: 0; left: 0;}

.page-top .block-top-event--goods .block-pickup-list-p--items > li { width: calc((100% - (36px * 6) - 1px)/7); margin: 0 36px 15px 0;}
.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(7n)  { margin-right: 0;}
.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(n+8) { display: none;}
.page-top .block-top-event--goods .block-pickup-list-p--image { width: 100%; padding: 100% 0 0 0; margin: 0 0 12px 0; position: relative;}
.page-top .block-top-event--goods .block-pickup-list-p--image figure { width: 100%; height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; background: #FFF; position: absolute !important; top: 0; left: 0;}
.page-top .block-pickup-list-p--add-cart .block-list-add-cart-btn { padding: 10px; background-image: none; display: flex; justify-content: center; align-items: center;}

.page-top .block-thumbnail-h li { width: calc((100% - (36px * 6) - 1px)/7); margin: 0 36px 0 0;}
.page-top .block-thumbnail-h li:nth-child(5n)  { margin-right: 36px;}
.page-top .block-thumbnail-h li:nth-child(7n)  { margin-right: 0;}
.page-top .block-thumbnail-h li:nth-child(n+6) { display: block;}
.page-top .block-thumbnail-h li:nth-child(n+8) { display: none;}
.page-top .block-thumbnail-h--goods-image { width: 100%; padding: 100% 0 0 0; margin: 0 0 12px 0; position: relative;}
.page-top .block-thumbnail-h--goods-image figure { width: 100%; height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; background: #FFF; position: absolute !important; top: 0; left: 0;}
.page-top .block-thumbnail-h--price-infos,
.page-top .block-thumbnail-h--goods-shop-name { display: none;}

.page-top .block-mallrecommend li { width: calc((100% - (36px * 6) - 1px)/7); margin: 0 36px 0 0;}
.page-top .block-mallrecommend li:nth-child(7n) { margin-right: 0;}
.page-top .block-mallrecommend li:nth-child(n+8) { display: none;}
.page-top .block-mallrecommend--goods-image { width: 100%; padding: 100% 0 0 0; margin: 0 0 12px 0; position: relative;}
.page-top .block-mallrecommend--goods-image figure { width: 100%; height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; background: #FFF; position: absolute !important; top: 0; left: 0;}

.page-top #block_of_top_body div:not(#mall_mainvisual) li figure,
.page-top #block_of_top_free1 li figure,
.page-top #block_of_malltop_event_frame li figure {
  overflow: hidden;
}
.page-top #block_of_top_body div:not(#mall_mainvisual) li figure img,
.page-top #block_of_top_free1 li figure img,
.page-top #block_of_malltop_event_frame li figure img {
  transition: 0.3s;
}
.page-top #block_of_top_body div:not(#mall_mainvisual) li a:hover figure img,
.page-top #block_of_top_free1 li a:hover figure img,
.page-top #block_of_malltop_event_frame li a:hover figure img {
  transform: scale(1.1);
}

@media only screen and (max-width: 1800px) {
	.page-top .block-top-event--goods .block-ranking-r--items > li,
	.page-top .block-top-event--goods .block-thumbnail-t > li,
	.page-top .block-top-event--goods .block-pickup-list-p--items > li,
	.page-top .block-thumbnail-h li,
	.page-top .block-mallrecommend li { width: calc((100% - (36px * 5))/6);}

	.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(6n),
	.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(6n),
	.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(6n),
	.page-top .block-thumbnail-h li:nth-child(6n),
	.page-top .block-mallrecommend li:nth-child(6n) { margin-right: 0;}
	
	.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(n+7),
	.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(n+7),
	.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(n+7),
	.page-top .block-thumbnail-h li:nth-child(n+7),
	.page-top .block-mallrecommend li:nth-child(n+7) { display: none;}
}
@media only screen and (max-width: 1500px) {
	.page-top .block-top-event--goods .block-ranking-r--items > li,
	.page-top .block-top-event--goods .block-thumbnail-t > li,
	.page-top .block-top-event--goods .block-pickup-list-p--items > li,
	.page-top .block-thumbnail-h li,
	.page-top .block-mallrecommend li { width: calc((100% - (36px * 4))/5);}

	.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(5n),
	.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(5n),
	.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(5n),
	.page-top .block-thumbnail-h li:nth-child(5n),
	.page-top .block-mallrecommend li:nth-child(5n) { margin-right: 0;}
	
	.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(n+6),
	.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(n+6),
	.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(n+6),
	.page-top .block-thumbnail-h li:nth-child(n+6),
	.page-top .block-mallrecommend li:nth-child(n+6) { display: none;}	
}
@media only screen and (max-width: 1200px) {
	.page-top .block-top-event--goods .block-ranking-r--items > li,
	.page-top .block-top-event--goods .block-thumbnail-t > li,
	.page-top .block-top-event--goods .block-pickup-list-p--items > li,
	.page-top .block-thumbnail-h li,
	.page-top .block-mallrecommend li { width: calc((100% - (36px * 3))/4);}

	.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(4n),
	.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(4n),
	.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(4n),
	.page-top .block-thumbnail-h li:nth-child(4n),
	.page-top .block-mallrecommend li:nth-child(4n) { margin-right: 0;}
	
	.page-top .block-top-event--goods .block-ranking-r--items > li:nth-child(n+5),
	.page-top .block-top-event--goods .block-thumbnail-t > li:nth-child(n+5),
	.page-top .block-top-event--goods .block-pickup-list-p--items > li:nth-child(n+5),
	.page-top .block-thumbnail-h li:nth-child(n+5),
	.page-top .block-mallrecommend li:nth-child(n+5) { display: none;}
}

/* ----------------------------------
 Header
---------------------------------- */
#header { margin-bottom: 0 !important;}
#header .block-header-mall-info { border-bottom: none;}

/* ----------------------------------
 Footer
---------------------------------- */
#block_of_rightmenu_bottom { display: block !important;}

/* ----------------------------------
 Visual
---------------------------------- */
#mall_mainvisual_wrap { position: relative;}
#mall_mainvisual { width: 100%; min-width: 1200px; margin: 0 auto 0px; padding: 24px 0 50px; text-align: center; background: #D6D6D6; overflow: inherit;}
#mall_mainvisual img { width: 100%; vertical-align: top;}
#mall_mainvisual:not(.swiper-initialized) { max-height: 24.4vw;}
#mall_mainvisual:not(.swiper-initialized) .swiper-wrapper { opacity: 0;}
#mall_mainvisual .swiper-wrapper { overflow: inherit; align-items: center;}
#mall_mainvisual .swiper-slide   { display: flex; background: #fff; border-radius: 8px; box-shadow: 3px 3px 12px rgb(0,0,0,0.06); overflow: hidden; z-index: 1;}
#mall_mainvisual .swiper-slide figure { width: 100%; text-align: left;}
#mall_mainvisual .swiper-slide figure a { display: block;}
#mall_mainvisual .swiper-slide figure a img { position: relative; width: 55%; z-index: -1;}
#mall_mainvisual .swiper-slide figure a:hover img { opacity: 1.0;}
#mall_mainvisual .swiper-button-prev,
#mall_mainvisual .swiper-button-next { width: 44px; height: 44px; margin: 0; /*border-radius: 0;*/ text-indent: -9999px; outline: 0; z-index: 9999; background: rgba(0,0,0,0.9); border-radius: 3px; position: absolute; top: calc(50% - 22px); left: 13%;}
#mall_mainvisual .swiper-button-next {left: auto; right: 13%;}
#mall_mainvisual .swiper-button-prev::after,
#mall_mainvisual .swiper-button-next::after { content: ""; width: 10px; height: 20px; background: url("../../img/usr/common/v02/visual_arrow.png") center / 7px no-repeat; display: block; position: absolute; left: calc(50% - 5px); top: calc(50% - 10px);}
#mall_mainvisual .swiper-button-prev::after { transform: rotate(180deg);}
#mall_mainvisual .swiper-button-next::after { transform: rotate(0deg);}
#mall_mainvisual .swiper-bottom { height: 50px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 7; display: flex; justify-content: center; align-items: center; gap: 15px;}
#mall_mainvisual .swiper-button-pause { flex-shrink: 0; position: relative; margin: 0; padding: 0; width: 23px; height: 23px; background: #000000; border: none; border-radius: 50%; cursor: pointer;}
#mall_mainvisual .swiper-button-pause::before,
#mall_mainvisual .swiper-button-pause::after { content: ""; position: absolute; top: 0; bottom: 0; left: 8px; width: 2px; height: 10px; margin: auto; background: #fff;}
#mall_mainvisual .swiper-button-pause::after { left: 13px;}
#mall_mainvisual .swiper-button-pause.is-paused::before { left: 8px; width: 9px; height: 10px; clip-path: polygon(0 0, 100% 50%, 0 100%);}
#mall_mainvisual .swiper-button-pause.is-paused::after { content: none;}
#mall_mainvisual .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center;}
#mall_mainvisual .swiper-pagination-bullet { width: 102px; height: 2px; margin: 0 6px; border-radius: 0; display: inline-block; background: #B7B7B7; opacity: 1; position: relative;}
#mall_mainvisual .swiper-pagination-bullet::after {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: 2; transform-origin: left top; transition: transform 6s;}
/* #mall_mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active::after { animation: mvSlideLeft 4.5s linear forwards; background-color: #CC0000;} */
@keyframes mvSlideLeft {
  100% {width: 100%;}
}
#mall_mainvisual #swiper_fixed_text_frame { display: none;}
#mall_mainvisual .visual-desc { width: 45%; position: absolute; top: max(85px,7vw); right: 0; padding: 0 min(40px,2.08vw) 0 min(60px,3.125vw); z-index: -1;}
#mall_mainvisual .visual-desc::after  { content: ''; width: max(240px,19.54vw); height: max(68px,5.625vw); display: block; background: url("../../img/usr/common/v02/visual_catch.png") center / contain no-repeat; position: absolute; top: min(-62px,-5.2vw); left: min(-3px,-0.26vw); z-index: 7;}
#mall_mainvisual .visual-desc .title { margin-bottom: 10px; font-size: clamp(20px,1.666vw,32px); font-weight: bold; text-align: left; line-height: 1.375; position: relative;}
#mall_mainvisual .visual-desc .title::before { content: ''; width: 6px; height: 1em; border-top: #CC0000 6px solid; background: #C7B062; display: block; position: absolute; top: 8px; left: -20px;}
#mall_mainvisual .visual-desc .message { font-size: clamp(11px,0.73vw,14px); font-weight: normal; text-align: left; line-height: 1.64; color: #666666;}
#mall_mainvisual .visual-desc .button { display: none;}
@media only screen and (max-width: 1400px) {
	#mall_mainvisual::after { width: 300px; height: 88px; top: calc(28% - 44px);}
}
@media only screen and (max-width: 1200px) {
  #mall_mainvisual .visual-desc { padding: 0 25px 0 38px;}
	#mall_mainvisual .visual-desc .title::before { content: ''; width: 4px; height: 20px; border-top: #CC0000 4px solid; top: 5px; left: -20px;}
}

/* ----------------------------------
 Category
---------------------------------- */
#mall_top_pickup_category { min-width: 1160px; padding: 40px 120px 20px; margin: 0 auto 40px; position: relative; background: #fff;}
#mall_top_pickup_category .category-list-wrap { position: relative;}
#mall_top_pickup_category .category-list.no-slider { max-width: 2000px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap;}
#mall_top_pickup_category .category-list li { width: calc((100% - (40px * 3)) / 4);}
#mall_top_pickup_category .category-list.no-slider li:nth-child(4n) { margin-right: 0;}
#mall_top_pickup_category .category-list li figure img { width: 100%; height: auto; vertical-align: top;}
#mall_top_pickup_category .category-list li .desc  { padding: 20px;}
#mall_top_pickup_category .category-list li .title { height: 25px; margin: 0 0 20px 0; font-size: 17px; font-weight: bold; line-height: 1.4; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
#mall_top_pickup_category .category-list li a:hover .title {text-decoration: underline;}
#mall_top_pickup_category .category-list li .text  { position: relative; font-size: 12px; font-weight: normal; line-height: 1.42; text-align: center; color: #888;}
#mall_top_pickup_category .category-list li .text::after { content: ""; position: absolute; top: -10px; left: 50%; width: 40px; height: 1px; background: #C6AE61; transform: translateX(-50%);}
#mall_top_pickup_category .swiper-button-prev,
#mall_top_pickup_category .swiper-button-next { width: 35px; height: 35px; margin: 0; border-radius: 3px; text-indent: -9999px; z-index: 9999; background: #191919; position: absolute; top: calc(50% - 18px);}
#mall_top_pickup_category .swiper-button-prev { left: -50px;}
#mall_top_pickup_category .swiper-button-next { right: -50px;}
#mall_top_pickup_category .swiper-button-prev::after,
#mall_top_pickup_category .swiper-button-next::after { content: ""; width: 10px; height: 20px; background: url("../../img/usr/common/v02/visual_arrow.png") center / 7px no-repeat; display: block; position: absolute; left: calc(50% - 5px); top: calc(50% - 10px);}
#mall_top_pickup_category .swiper-button-prev::after { transform: rotate(180deg);}
#mall_top_pickup_category .swiper-button-next::after { transform: rotate(0deg);}
@media only screen and (max-width: 1400px) {
  #mall_top_pickup_category { padding: 40px 40px 20px;}
  #mall_top_pickup_category::after { width: 40px;}
  #mall_top_pickup_category .swiper-button-prev { left: -20px;}
  #mall_top_pickup_category .swiper-button-next { right: -20px;}
}
@media only screen and (max-width: 1300px) { #mall_top_pickup_category { padding: 40px 30px 20px;} #mall_top_pickup_category::after { width: 30px;}}
@media only screen and (max-width: 1200px) { #mall_top_pickup_category { padding: 40px 20px 20px;} #mall_top_pickup_category::after { width: 20px;}}

/* ----------------------------------
 Feature
---------------------------------- */
#mall_pickup_features { min-width: 1160px; padding: 0 120px; margin: 40px auto; position: relative;}
#mall_pickup_features .features-list-wrap { position: relative;}
#mall_pickup_features .features-list.no-slider { max-width: 2000px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap;}
#mall_pickup_features .features-list.no-slider li:nth-child(5n) { margin-right: 0;}
#mall_pickup_features li figure img { vertical-align: top;}
#mall_pickup_features .features-list { margin: 0 auto; /* display: flex; justify-content: center; gap: 40px; */}
#mall_pickup_features .features-list li { /* width: calc((100% - (40px * 4)) / 5); */ height: auto; background: #fff; box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.05);}
#mall_pickup_features .features-list.no-slider  li { width: calc((100% - (40px * 4)) / 5); }
#mall_pickup_features .features-list li a { display: block;}
#mall_pickup_features .features-list li a:hover { text-decoration: underline;}
#mall_pickup_features .features-list li figure { text-align: center;}
#mall_pickup_features .features-list li figure img { width: 100%; vertical-align: top;}
#mall_pickup_features .features-list li .desc  { padding: 20px 24px;}
#mall_pickup_features .features-list li .title { height: 50.4px; margin: 0 0 5px 0; font-size: 18px; font-weight: bold; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#mall_pickup_features .features-list li .text  { height: 57.6px; font-size: 12px; font-weight: normal; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#mall_pickup_features .swiper-button-prev,
#mall_pickup_features .swiper-button-next { width: 35px; height: 35px; margin: 0; border-radius: 3px; text-indent: -9999px; z-index: 9999; background: #191919; position: absolute; top: calc(50% - 18px);}
#mall_pickup_features .swiper-button-prev { left: -50px;}
#mall_pickup_features .swiper-button-next { right: -50px;}
#mall_pickup_features .swiper-button-prev::after,
#mall_pickup_features .swiper-button-next::after { content: ""; width: 10px; height: 20px; background: url("../../img/usr/common/v02/visual_arrow.png") center / 7px no-repeat; display: block; position: absolute; left: calc(50% - 5px); top: calc(50% - 10px);}
#mall_pickup_features .swiper-button-prev::after { transform: rotate(180deg);}
#mall_pickup_features .swiper-button-next::after { transform: rotate(0deg);}
@media only screen and (max-width: 1400px) {
  #mall_pickup_features { padding: 0 40px;}
  #mall_pickup_features .swiper-button-prev { left: -20px;}
  #mall_pickup_features .swiper-button-next { right: -20px;}
}
@media only screen and (max-width: 1300px) { #mall_pickup_features { padding: 0 30px;}}
@media only screen and (max-width: 1200px) { #mall_pickup_features { padding: 0 20px;}}

/* ----------------------------------
 サムネ一覧
---------------------------------- */
#mall_pickup_thumbnail { min-width: 1160px; padding: 0 120px; margin: 40px auto; position: relative;}
#mall_pickup_thumbnail .thumbnail-list-wrap { position: relative;}
#mall_pickup_thumbnail .thumbnail-list-wrap.no-slider .thumbnail-list { margin: unset; display: flex; gap: 36px; justify-content: start;}
#mall_pickup_thumbnail li img { vertical-align: top;}
#mall_pickup_thumbnail .thumbnail-list { margin: 0 auto;}
#mall_pickup_thumbnail .thumbnail-list-wrap.no-slider .thumbnail-list li { width: calc((100% - 180px) / 6);}
#mall_pickup_thumbnail .thumbnail-list-wrap .thumbnail-list li a { display: block;}
#mall_pickup_thumbnail .swiper-button-prev,
#mall_pickup_thumbnail .swiper-button-next { width: 35px; height: 35px; margin: 0; border-radius: 3px; text-indent: -9999px; z-index: 9999; background: #191919; position: absolute; top: calc(50% - 18px);}
#mall_pickup_thumbnail .swiper-button-prev { left: -50px;}
#mall_pickup_thumbnail .swiper-button-next { right: -50px;}
#mall_pickup_thumbnail .swiper-button-prev::after,
#mall_pickup_thumbnail .swiper-button-next::after { content: ""; width: 10px; height: 20px; background: url("../../img/usr/common/v02/visual_arrow.png") center / 7px no-repeat; display: block; position: absolute; left: calc(50% - 5px); top: calc(50% - 10px);}
#mall_pickup_thumbnail .swiper-button-prev::after { transform: rotate(180deg);}
#mall_pickup_thumbnail .swiper-button-next::after { transform: rotate(0deg);}
@media only screen and (max-width: 1400px) {
  #mall_pickup_thumbnail { padding: 0 40px;}
  #mall_pickup_thumbnail .swiper-button-prev { left: -20px;}
  #mall_pickup_thumbnail .swiper-button-next { right: -20px;}
}
@media only screen and (max-width: 1300px) { #mall_pickup_thumbnail { padding: 0 30px;}}
@media only screen and (max-width: 1200px) { #mall_pickup_thumbnail { padding: 0 20px;}}

/* ----------------------------------
 Lounge
---------------------------------- */
#mall_intro_lounge { min-width: 1160px; padding: 45px 120px; margin: 40px 0; background: url("../../img/usr/common/v02/contents_lounge_bg.jpg") center bottom / cover no-repeat;}
#mall_intro_lounge .inner-frame { max-width: 2000px; padding: 20px 0; margin: 0 auto; background: #fff; display: flex; justify-content: space-between; align-items: center; box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3);}
#mall_intro_lounge .inner-frame img { height: auto; vertical-align: top;}
#mall_intro_lounge .inner-frame .desc { width: 40%; text-align: center;}
#mall_intro_lounge .inner-frame .logo-image  { width: 285px; height: 50px; /*padding: 8px 0 0 0;*/ margin: 0 auto 20px; background: #000; text-align: center;}
#mall_intro_lounge .inner-frame .logo-image .img-logo { height: 22px; margin: 0 0 3px 0;}
#mall_intro_lounge .inner-frame .logo-image img   { vertical-align: top;}
#mall_intro_lounge .inner-frame .logo-image video { vertical-align: top;}
#mall_intro_lounge .inner-frame .logo-text   { margin: 0 auto 20px; font-size: 33px; font-family: "Mulish", sans-serif; font-optical-sizing: auto; font-weight: 900; font-style: normal; text-align: center;}
#mall_intro_lounge .inner-frame .message     { margin: 0 auto 30px; font-size: 14px; line-height: 1.8;}
#mall_intro_lounge .inner-frame .more-button { margin: 0 auto;}
#mall_intro_lounge .inner-frame .more-button a { color: #CC0000; background: #fff; border: 1px solid #CC0000;}
#mall_intro_lounge .inner-frame .more-button a:hover { color: #976F11; border-color: #976F11;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider { width: 60%; margin: 0; padding: 0 0 40px; text-align: right;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-next { right: 7%; width: 44px; height: 44px; background: #333; border-radius: 50%;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-next::after { content: ""; width: 7px; height: 15px; background: url(../../img/usr/common/v02/visual_arrow.png) no-repeat left center / contain; display: block; position: absolute; left: 54%; top: 50%; transform: translate(-50%,-50%);}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-bottom { height: 30px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 7; display: flex; justify-content: center; align-items: center; gap: 15px;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-pause { flex-shrink: 0; position: relative; margin: 0; padding: 0; width: 23px; height: 23px; background: #000000; border: none; border-radius: 50%; cursor: pointer;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-pause::before,
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-pause::after { content: ""; position: absolute; top: 0; bottom: 0; left: 8px; width: 2px; height: 10px; margin: auto; background: #fff;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-pause::after { left: 13px;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-pause.is-paused::before { left: 8px; width: 9px; height: 10px; clip-path: polygon(0 0, 100% 50%, 0 100%);}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-button-pause.is-paused::after { content: none;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-pagination-bullet { width: 35px; height: 2px; margin: 0 6px; border-radius: 0; display: inline-block; background: #B7B7B7; opacity: 1; position: relative;}
#mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-pagination-bullet::after {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: 2; transform-origin: left top; transition: transform 6s;}
/* #mall_intro_lounge .inner-frame .mall_intro_lounge_slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after { animation: mvSlideLeft 5s linear forwards; background-color: #CC0000;} */
@media only screen and (max-width: 1400px) { #mall_intro_lounge { padding: 45px 40px;}}
@media only screen and (max-width: 1300px) { #mall_intro_lounge { padding: 45px 30px;}}
@media only screen and (max-width: 1200px) { #mall_intro_lounge { padding: 45px 20px;}}
@media only screen and (max-width: 800px) { #mall_intro_lounge { background: url("../../img/usr/common/v02/contents_lounge_bg_sp.jpg") center bottom / cover no-repeat;}}


/* ----------------------------------
 Banners_jalshops
---------------------------------- */
#mall_banners_jalshops {
    min-width: 1160px;
    padding: 0 120px;
    margin: 40px auto;
}

#mall_banners_jalshops > div {
  display: flex;
  justify-content: space-around;
  gap: 30px;
  background: #fde3df;
  padding: 40px 60px;
}

#mall_banners_jalshops > div > div {
  background: #ffffff;
  border-radius: 8px;
  width: calc((100% - 90px)/3);
  aspect-ratio: 3.15 / 1;
}

#mall_banners_jalshops > div > div a {
  display: flex;
  justify-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
}

#mall_banners_jalshops > div > div img {
  width: 80%;
}
@media only screen and (max-width: 1400px) {
  #mall_banners_jalshops {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 1300px) {
  #mall_banners_jalshops {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 1200px) {
  #mall_banners_jalshops {
    padding: 0 20px;
  }
}

/* ----------------------------------
 Event
---------------------------------- */
.pane-main #block_of_event { display: none;}
#block_of_malltop_event_frame { min-width: 1160px; padding: 1px 120px; margin: 40px auto;}
#block_of_malltop_event_frame > div { margin-bottom: 40px; box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.08); background: #fff;}
#block_of_malltop_event_frame > div:last-child { margin: 0;}
#block_of_malltop_event_frame .event-add-box { padding: 0 40px 32px;}
#block_of_malltop_event_frame .more-button { display: none !important;}
#block_of_malltop_event_frame .event-headline-set .more-button { display: block !important;}
#block_of_malltop_event_frame .block-top-event--header { display: none !important;}
#block_of_malltop_event_frame .block-top-event--goods  { margin: 0;}
#block_of_malltop_event_frame #malltop_event_ranking { position: relative;}
#block_of_malltop_event_frame .event-add-box-ranking--tab { position: relative; padding: 0 75px;}
#block_of_malltop_event_frame .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;}
#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;}
#block_of_malltop_event_frame .event-add-box-ranking--tab ul li.active { color: #fff; background: #000000;}
#block_of_malltop_event_frame .scroll-first, #block_of_malltop_event_frame .scroll-last { position: absolute; top:8px; left: 40px; width: 20px; height: 20px; background: #E0E0E0;}
#block_of_malltop_event_frame .scroll-last { left: auto; right: 40px; transform: rotate(180deg);}
#block_of_malltop_event_frame .scroll-first::after, #block_of_malltop_event_frame .scroll-last::after,#block_of_malltop_event_frame .scroll-first:before, #block_of_malltop_event_frame .scroll-last::before { position: absolute; content: ""; top: 12px; left: 6px; width: 7px; height: 2px; background: #000000; transform: rotate(60deg);}
#block_of_malltop_event_frame .scroll-first::after, #block_of_malltop_event_frame .scroll-last::after { top: 7px; transform: rotate(120deg);}
#block_of_malltop_event_frame .append-event-frame { display: none; padding: 20px 40px 32px;}
#block_of_malltop_event_frame .append-event-frame.active { display: block;}
#block_of_malltop_event_frame .event-add-box-ranking--contents .more-button-ranking { display: block; position: absolute; top: 24px; right: 40px;}
#block_of_malltop_event_frame .event-add-box-ranking--contents .more-button-ranking a { display: block; width: fit-content; margin: 0; padding: 9px 40px; font-size: 14px; font-weight: bold; color: #fff; background: #CC0000; border-radius: 40px; text-align: center; transition: .3s;}
#block_of_malltop_event_frame .event-add-box-ranking--contents .more-button-ranking a:hover {background: #976F11;}
#block_of_malltop_event_frame .rcontainer { display: none;}
@media only screen and (max-width: 2000px) { #block_of_malltop_event_frame .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) { #block_of_malltop_event_frame { padding: 0 40px;}}
@media only screen and (max-width: 1300px) { #block_of_malltop_event_frame { padding: 0 30px;}}
@media only screen and (max-width: 1200px) { #block_of_malltop_event_frame { padding: 0 20px;}}

/* ----------------------------------
 Recommend
---------------------------------- */
#block_of_malltop_recommend { min-width: 1160px; padding: 40px 120px; margin: 40px auto; background: url("../../img/usr/common/v02/contents_recommend_bg.jpg") center center / cover no-repeat;}
#block_of_malltop_recommend .design-title-line-header { padding: 20px 33px; margin: 0; border-bottom: #DEDEDE 1px solid; display: flex; justify-content: space-between; background: #fff;}
#block_of_malltop_recommend .design-title-line-header::before { display: none !important;}
#block_of_malltop_recommend .design-title-line-header span { padding: 0 0 0 12px; margin: 0; font-size: 22px; font-weight: bold; text-align: left; line-height: 1.0; color: #000; position: relative;}
#block_of_malltop_recommend .design-title-line-header span::before { content: ''; width: 4px; height: 18px; border-top: #CC0000 4px solid; background: #C7B062; display: block; position: absolute; top: 2px; left: 0;}
#block_of_malltop_recommend .block-mallrecommend { padding: 30px 33px; display: flex; flex-direction: row; flex-wrap: wrap; background: #fff; box-shadow: 0px 3px 3px -1px rgba(0, 0, 0, 0.08);}
#block_of_malltop_recommend .block-mallrecommend--goods .block-icon { display: none !important;}
#block_of_malltop_recommend .block-mallrecommend--goods-description { margin: 0;}
#block_of_malltop_recommend .block-mallrecommend--goods-name-wrap   { margin: 0 0 10px 0;}
#block_of_malltop_recommend .block-mallrecommend--goods-name { height: auto; max-height: 39.2px !important; font-size: 14px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#block_of_malltop_recommend .block-mallrecommend--goods a:hover .block-mallrecommend--goods-name { text-decoration: underline;}
#block_of_malltop_recommend .block-mallrecommend--goods .price { font-weight: normal;}
#block_of_malltop_recommend .block-mallrecommend--goods .price,
#block_of_malltop_recommend .block-mallrecommend--goods .net-price,
#block_of_malltop_recommend .block-mallrecommend--goods .default-price,
#block_of_malltop_recommend .block-mallrecommend--goods .exchange-price,
#block_of_malltop_recommend .block-mallrecommend--goods .block-exchange-price--rate-dt { text-align: left;}
#block_of_malltop_recommend .block-mallrecommend--scomment { display: none !important;}
@media only screen and (max-width: 1400px) { #block_of_malltop_recommend { padding: 40px;}}
@media only screen and (max-width: 1300px) { #block_of_malltop_recommend { padding: 40px 30px;}}
@media only screen and (max-width: 1200px) { #block_of_malltop_recommend { padding: 40px 20px;}}

/* ----------------------------------
 History
---------------------------------- */
#block_of_malltop_itemhistory { min-width: 1160px; padding: 0 120px; margin: 40px auto; overflow: hidden;}
#block_of_malltop_itemhistory #block_of_itemhistory.block-recent-item { width: 100%; padding: 24px 40px; margin: 0; background: #fff;}
#block_of_malltop_itemhistory #block_of_itemhistory .block-recent-item--header { padding: 0; margin: 0 0 25px 0; border: none; font-size: 20px; font-weight: bold; text-align: left; position: relative;}
#block_of_malltop_itemhistory #block_of_itemhistory .block-recent-item--header::before { display: none;}
#block_of_malltop_itemhistory #block_of_itemhistory .block-recent-item--header span { position: relative; padding: 0 0 0 12px; font-size: 22px; font-weight: bold; text-align: center; line-height: 1.0; color: #111111;}
#block_of_malltop_itemhistory #block_of_itemhistory .block-recent-item--header span::after { content: ''; width: 4px; height: 18px; border-top: #CC0000 4px solid; background: #C7B062; display: block; position: absolute; top: 2px; left: 0;
}
#block_of_malltop_itemhistory #block_of_itemhistory #itemHistory { width: 100%; margin: 0 auto; position: relative;}
#block_of_malltop_itemhistory #block_of_itemhistory #itemHistoryButton { margin: 0; text-align: right; position: absolute; top: -40px; right: 0;}
#block_of_malltop_itemhistory .block-thumbnail-h--goods .block-icon,
#block_of_malltop_itemhistory .block-thumbnail-h--goods-name-wrap a:hover { text-decoration: underline;}
#block_of_malltop_itemhistory .block-thumbnail-h--goods-shop-name { display: none;}
@media only screen and (max-width: 1400px) { #block_of_malltop_itemhistory { padding: 0 40px;}}
@media only screen and (max-width: 1300px) { #block_of_malltop_itemhistory { padding: 0 30px;}}
@media only screen and (max-width: 1200px) { #block_of_malltop_itemhistory { padding: 0 20px;}}

/* ----------------------------------
 SHOP
---------------------------------- */
#mall_pickup_shop { padding: 80px 0 40px; background: url("../../img/usr/common/v02/contents_shop_bg.jpg") center center / cover no-repeat;}
#mall_pickup_shop .eng-image { padding: 0; margin: 0 0 10px 0; text-align: center; line-height: 1.0;}
#mall_pickup_shop .mall-pickup-inner { padding: 0; margin: 0 auto;}
#mall_pickup_shop .pickup-list-wrap  { display: flex; justify-content: center;}
#mall_pickup_shop .pickup-list { margin-bottom: 10px; transition-timing-function: linear;}
#mall_pickup_shop .pickup-list li { width: 170px; margin: 0 20px;}
#mall_pickup_shop .pickup-list li .shopcard { width: 170px; height: 76px; padding: 10px; border-radius: 5px; background: #fff; display: flex; justify-content: center; align-items: center; box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3);}
#mall_pickup_shop .pickup-list li .shopcard + .shopcard { margin-top: 16px;}
#mall_pickup_shop .pickup-list li .logo img { vertical-align: top;}

/* ----------------------------------
 TOPICS
---------------------------------- */
#block_of_topic { min-width: 1160px; padding: 0 120px; margin: 40px auto;}
#block_of_topic.block-top-topic .block-top-topic--body { position: relative;}
#block_of_topic.block-top-topic .block-top-topic--next-page { padding: 0; margin: 0; display: block !important; position: absolute; top: -28px; right: 30px;}
#block_of_topic.block-top-topic .block-top-topic--next-page a { width: 140px; height: 35px; padding: 0 0 1px 0; margin: 0 auto; border-radius: 44px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; line-height: 1.0; display: flex; justify-content: center; align-items: center; position: relative; background: #CC0000; transition: 0.3s;}
#block_of_topic.block-top-topic .block-top-topic--next-page a:after { display: none;}
#block_of_topic.block-top-topic .block-top-topic--next-page a:hover { background: #976F11;}
#block_of_topic.block-top-topic .block-top-topic--items li > a:hover dd {text-decoration: underline;}
@media only screen and (max-width: 1400px) { #block_of_topic { padding: 0 40px;}}
@media only screen and (max-width: 1300px) { #block_of_topic { padding: 0 30px;}}
@media only screen and (max-width: 1200px) { #block_of_topic { padding: 0 20px;}}

/* ----------------------------------
 Related Sites
---------------------------------- */
#mall_connect_site { min-width: 1160px; padding: 0 120px; margin: 0 auto;}
#mall_connect_site .mall-connect-site-inner { padding: 40px; margin: 0 auto; background: url("../../img/usr/common/v02/contents_connect_bg.jpg") center center / cover no-repeat;}
#mall_connect_site .site-list { display: flex; justify-content: center; gap: 0 25px;}
#mall_connect_site .site-data { width: 220px; border-radius: 0; background: #fff; box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.3);}
#mall_connect_site .site-data a { padding: 20px; border-radius: 0; display: block;}
#mall_connect_site .site-data figure { width: 100%; height: 90px; margin: 0 0 20px 0; display: flex; justify-content: center; align-items: center;}
#mall_connect_site .site-data figure img { max-width: 100%; max-height: 90px;}
#mall_connect_site .site-data .comment { font-size: 12px; text-align: center; line-height: 1.6;}
@media only screen and (max-width: 1400px) { #mall_connect_site { padding: 0 40px;}}
@media only screen and (max-width: 1300px) { #mall_connect_site { padding: 0 30px;}}
@media only screen and (max-width: 1200px) { #mall_connect_site { padding: 0 20px;}}

/* ----------------------------------
 CALENDAR
---------------------------------- */
#js_calendar_replace {display: none !important;}

/* ---------------------------------- 
 Enquate
---------------------------------- */
#enquate_jal_improvement { min-width: 1200px; padding: 40px 0; margin: 0; text-align: center; background: #F4F5F6;}

/* ---------------------------------- 
 season banner
---------------------------------- */
/*.page-top #header.pane-header {
  padding-top: 181px;
}*/
.header-top-line {
  position: relative;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://asbee.lol/img/usr/common/thanksday.png) repeat-x left top;
  background-size: contain;
  z-index: 10001;
}
#header.fixed .header-top-line {
  display: none;
}
.block-top-side-bnr {
  position: fixed;
  top: 0;
  left: 0;
}
.pane-contents {
  position: relative;
}
/* .pane-contents:before,
.pane-contents:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: url(../../img/usr/common/img_bf_side.jpg) repeat-y bottom center;
  transform: scale(-1,-1);
  z-index: 2;
}
.pane-contents:after {
  left: auto;
  right: 0;
  background-position: top center;
  transform: none;
} */

/* ---------------------------------- 
features_list
---------------------------------- */
#mall_top_pickup_features_list .desc .text-shop {
    display: block;
    font-size: 11px;
    line-height: 22px;
    color: #808080;
    cursor: pointer;
    text-decoration: none;
}

#mall_top_pickup_features_list .desc .text-period {
    font-size: 12px;
    color: #CC0000;
    line-height: 1.5;
    padding: 0 0 0 20px;
    background: url(/img/usr/freepage/campaign/2024/img/watch_red.png) no-repeat left 2px / 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#mall_top_pickup_features_list .desc .text-sub {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 8px 0 0;
}
#mall_top_pickup_features_list .desc .text-title {
    margin: 0 0 16px 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/* ----------------------------------
attention-bar
---------------------------------- */
.attention-bar a {
    display: flex;
    width: 100%;
    background-color: #FDF5F5;
    justify-content: center;
    padding: 17px 0;
    color: #CC0000;
    font-size: 15px;
}
.attention-bar a:hover {
  text-decoration: underline;
}
.attention-bar img {
    margin: 0 10px 0 0;
}
.attention-bar .attention-date {
    margin: 0 14px 0 0;
}

/* ----------------------------------
JAL Original Category
---------------------------------- */
.block-top-jalo {
  background-color: #3E0101;
  background-image: url('/img/usr/mall_top/jalo/bg.jpg');
  background-repeat: no-repeat;
  display: flex;
  padding-block: 50px;
}
.block-top-jalo-head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  padding-left: 80px;
  width: 600px;
}
.block-top-jalo-body {
  position: relative;
  width: calc(100% - 600px);
}
.block-top-jalo-ttl {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 11px;
  text-align: center;
  margin-bottom: 40px;
}
.block-top-jalo-ttl-en img {
  width: 360px;
  vertical-align: bottom;
}
.block-top-jalo-ttl-jp {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.block-top-jalo-btn {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 22px;
  color: #CC0000;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.429;
  text-align: center;
  padding: 11px;
  min-width: 176px;
}
.block-top-jalo-btn:hover {
  color: #976F11;
}
.block-top-jalo-category {
  background: linear-gradient(rgba(242, 236, 236, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  padding-block: 20px 21px;
  position: relative;
}
.block-top-jalo-category::before {
  content: '';
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.block-top-jalo-category:hover::before {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.block-top-jalo-category-head {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.block-top-jalo-category-img {
  opacity: 1!important;
}
.block-top-jalo-category-txt {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -.05em;
}
.block-top-jalo-swiper .swiper-slide {
  height: auto;
  width: 260px;
}
.block-top-jalo-body .swiper-button-prev,
.block-top-jalo-body .swiper-button-next { width: 35px; height: 35px; margin: 0; border-radius: 3px; text-indent: -9999px; z-index: 9999; background: #fff; position: absolute; top: calc(50% - 35px);}
.block-top-jalo-body .swiper-button-prev { left: -18px;}
.block-top-jalo-body .swiper-button-next { right: 10px;}
.block-top-jalo-body .swiper-button-prev::after,
.block-top-jalo-body .swiper-button-next::after { content: ""; width: 10px; height: 20px; background: url("../../img/usr/mall_top/jalo/visual_arrow.png") center / 7px no-repeat; display: block; position: absolute; left: calc(50% - 5px); top: calc(50% - 10px);}
.block-top-jalo-body .swiper-button-prev::after { transform: rotate(180deg);}
.block-top-jalo-body .swiper-button-next::after { transform: rotate(0deg);}
.block-top-jalo-body:has(.swiper-button-prev.swiper-button-disabled+.swiper-button-next.swiper-button-disabled) .swiper-button-next.swiper-button-disabled,
.block-top-jalo-body:has(.swiper-button-prev.swiper-button-disabled+.swiper-button-next.swiper-button-disabled) .swiper-button-prev.swiper-button-disabled { display: none;}