@charset "UTF-8";
#header .ribbon_bann {display:none;}

#mainVisual .vTxt .ii{transition: all .7s ease-out; transform-origin: 50% 50%;}
#mainVisual .visualRoll .swiper-slide>img{transition: all 2s ease-out; transform-origin: 50% 50%;}

/* visual */
#mainVisual{width:100%; position: relative; overflow:hidden;}
#mainVisual .visualRoll{white-space: nowrap;}
#mainVisual .visualRoll .swiper-slide{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
#mainVisual .visualRoll .swiper-slide>img{width:100%; max-width:none; height:680px; object-fit: cover; object-position: center center; transform:scale(1.2);}

#mainVisual .vTxtArea{width:max-content;text-align:center; position: absolute; left:50%; top:50%; z-index:5;transform:translate(-50%, -50%);}
#mainVisual .vTxt{}
#mainVisual .vTxt .ii{line-height:1;top:50px; color: #fff; display:block;opacity:0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal;}
#mainVisual .vTxt .i01{transition-delay: 1.3s;}
#mainVisual .vTxt .i02{transition-delay: 1.35s;}
#mainVisual .vTxt .i03{transition-delay: 1.4s;}
#mainVisual .vTxt .i04{transition-delay: 1.45s;}
#mainVisual .vTxt .i05{transition-delay: 1.5s;}
#mainVisual .vTxt .i06{transition-delay: 1.55s;}
#mainVisual .vTxt .i07{transition-delay: 1.6s;}

#mainVisual .vTxt .ii.cate{font-weight: bold; font-size:24px; position: relative;}
#mainVisual .vTxt .ii.cate:before{content: ""; width: 40px; height:3px; background-color: #fff; position:absolute; left: 0; top:36px;}
/*#mainVisual .vTxt .ii.title{margin-top:50px; font-weight: bold; font-size:6rem; line-height:7rem;}*/
#mainVisual .vTxt .ii.title{font-size:58px;font-weight:700;line-height:1.4;}
#mainVisual .vTxt .ii.text{font-size:32px;line-height:1.4;margin-top: 15px;font-weight:300;opacity:0;letter-spacing:4px;}
#mainVisual .vTxt .ii.text .point{color:#bed500;font-weight:700;letter-spacing: 4px;}
#mainVisual .btn{font-size:19px;font-weight:400;margin-top:60px;}
#mainVisual .btn a{color:#fff;padding-bottom:15px;border-bottom:1px solid #55ab4c;opacity:0.75;}
#mainVisual .btn a::after{content:'';display:inline-block;width:38px;height:9px;background:url("/images/main/vBtn_arrow.png") no-repeat center;background-size:contain;margin-left:17px;}

#mainVisual .swiper-button{font-family:'SUIT Variable'; font-weight: 100; line-height:1; color: rgba(255,255,255,0.8); margin-top:0; display: inline-block; cursor: pointer;width:auto;height:auto;}
#mainVisual .swiper-button-prev{left:11%;}
#mainVisual .swiper-button-next{right:11%;}
#mainVisual .swiper-button-next::after{}
#mainVisual .swiper-button:hover{color: rgba(255,255,255,1);}

#mainVisual .swiper-pagination{text-align: center; position: absolute;bottom:70px; z-index:5;}
#mainVisual .swiper-pagination-bullet{width:17px; height:17px; display: inline-block; cursor: pointer; background-color:transparent;border:2px solid rgba(221,221,221,0.9);border-radius:50%;margin: 0 8px;}
#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#55ab4c;opacity:1;border:none}

#mainVisual .swiper-number{width:100%; max-width:1560px; margin-left:-780px; padding:0 30px; font-size:32px; line-height:1; color: #fff; text-align: right; position: absolute; left:50%; bottom:60px; z-index:6;}
#mainVisual .swiper-number .n{top:-15px; position: relative;}
#mainVisual .swiper-number .l{top:-3px; position: relative;}
#mainVisual .swiper-number .t{}

#mainVisual .swiper-slide-active .vTxt .ii{top:0px; opacity:1;}
#mainVisual .swiper-slide-active .vTxt .ii.text{opacity:1;}
#mainVisual .visualRoll .swiper-slide.swiper-slide-active>img{transform:scale(1);}

#mainVisual .swiper_btns_box{width:100%;max-width:1310px;padding-left:30px;position:absolute;left:50%;bottom:30%;z-index:10;display:flex;align-items:center;gap:0 30px;transform:translateX(-50%);}
#mainVisual .swiper_btns_box .play_btn{font-size:0;width:11px;}
#mainVisual .swiper_btns_box .play_btn::before{content:'';display:block;box-sizing:border-box;}
#mainVisual .swiper_btns_box .play_btn.play::before{width:8px;height:15px;border-left:2px solid #ddd;border-right: 2px solid #ddd;margin:0 auto}
#mainVisual .swiper_btns_box .play_btn.pause::before{border-left:11px solid #ddd;border-right: 8px solid transparent;border-bottom: 8px solid transparent;border-top: 8px solid transparent;}

/* main common */
.mainWrap{}
.mainWrap .idx_itSect{padding:80px 0 60px}
.mainWrap .idx_bannSect{padding:80px 0;text-align:center;position:relative;z-index:2;}
.mainWrap .idx_bannSect img{filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));}
/* .mainWrap .idx_bannSect>a::before{content:'';display:inline-block;padding:0 50%;background-color:#eee;} */
.mainWrap .idx_top{text-align:center;}
.mainWrap .idx_tit{font-size:44px;line-height:1;font-weight:700;color:#1b1b1b}
.mainWrap .idx_tit .pnt_red{color:var(--point_red);}
.mainWrap .idx_tit .pnt{color:var(--point);}
.mainWrap .idx_top .intro{margin-top:15px;font-size:22px;line-height:24px;font-weight:500;color:#333}
.mainWrap .sct_wrap{margin:45px 0 0;}

/* best */
.idx_best.idx_itSect{padding-bottom:20px;}
.idx_best .inConts{max-width:1510px;}
.idx_best .idx_top{padding-top:68px;}
.idx_best .idx_top::before{content:'';display:inline-block;width:1px;height:50px;background-color:#999;position:absolute;top:0;left:50%;}
.idx_best .best_tit .tit_en{display:inline-block;width:100%;font-size:21px;line-height:30px;color:#333;font-family:"Play";margin-bottom:49px;}
.idx_best .sct_wrap{position:relative;}
.idx_best .sct_wrap .smtSw_30{position:static;max-width:1260px;margin:0 auto;}
.idx_best .sct_wrap .smt_30 .sct_img{position:relative;}
.idx_best .sct_wrap .smt_30 .sct_img::before{content:'';width:54px;height:69px;background:url("/img/best_label.png") no-repeat center;background-size:contain;position:absolute;top:0;left:5%;z-index:1;}
.idx_best .sct_wrap .swiper-button-next,
.idx_best .sct_wrap .swiper-button-prev{width:55px;height:55px;background-color:var(--point);border-radius:50%;}
.idx_best .sct_wrap .swiper-button-next.swiper-button-disabled,
.idx_best .sct_wrap .swiper-button-prev.swiper-button-disabled{background-color:#ccc;opacity:1;}
.idx_best .sct_wrap .swiper-button-next:after,
.idx_best .sct_wrap .swiper-button-prev:after{font-size:20px;color:#fff}

/* idx_bannBeef */
.idx_bannBeef.idx_bannSect{padding-top:0;}
.idx_bannBeef a{margin-right:-48px;}
.idx_bannBeef a::before{content:'';display:inline-block;width:100%;max-width:1768px;padding:14.66% 0;background:url("/img/idx_bannBeef.png") no-repeat center;background-size:contain;}

/* idx_bannpork */
.idx_bannpork a::before{content:'';display:inline-block;width:100%;max-width:1720px;padding:11.03% 0;background:url("/img/idx_bannPork.png") no-repeat center;background-size:contain;}

/* idx_pork */
.idx_pork.idx_itSect{padding-bottom:25px;}

/* idx_even */
.idx_evenSw{overflow:hidden;margin-top:55px;position:relative;}
.idx_evenSw .swiper-slide{border-radius:10px;overflow:hidden;}
.idx_evenSw .swiper-pagination{position:static;margin-top:40px;}
.idx_evenSw .swiper-pagination .swiper-pagination-bullet {width:15px;height:15px;background-color:var(--point_red);margin:0 5px}
@media (hover: hover) and (pointer: fine) {
	.idx_evenSw .swiper-slide:hover img{transform:scale(1.03);}
}

/* idx_all_it */
.idx_all_it .idx_tit{text-align:center;font-size:44px;font-weight:700;color:#1b1b1b;margin-bottom:25px;}

.idx_all_list{}
.idx_sortList{display:flex;justify-content:flex-end;}
.idx_sortList .idx_ssch_sort{display:flex;}
.idx_sortList .idx_ssch_sort li{position:relative}
.idx_sortList .idx_ssch_sort li+li::before{content:'';display:inline-block;width:1px;height:14px;background-color:#dcdcdc;position:absolute;left:0;top:calc(50% - 7px);}
.idx_sortList .idx_ssch_sort li>a{font-size:16px;font-weight:700;color:#7d7d7d;padding:0 11px;}
.idx_sortList .idx_ssch_sort li:is(.active, :hover)>a{color:#434343}
.idx_sortList button{display:none;font-size:16px;width:90px;line-height:1;border:0;padding:0 ;background:none;color:#717989;font-family:inherit;text-align:left;position: relative;}
.idx_sortList button i{width:15px; height:14px; margin-top:-7px; position:absolute; right:0; top:50%; display:inline-block;}
.idx_sortList button i::before,
.idx_sortList button i::after{content: ""; width:9px; height:1px; margin:0 0 0 0; background-color: #aaa; display: block; position:absolute; top:50%;}
.idx_sortList button i::before{right:0px; transform:rotate(-45deg);}
.idx_sortList button i::after{right:7px; transform:rotate(45deg);}
.idx_sortList button.active i{transform:rotate(180deg);transition: all .3s ease-out; transform-origin: 50% 50%;}



.idx_sctAll{margin-top:30px;display:flex;flex-wrap:wrap;gap:25px 18px;justify-content:space-between;}
.idx_sctAll>li{max-width:306px;width:calc((100% - 54px) / 4);}
.idx_sctAll .sctImg{aspect-ratio:306 / 240;overflow: hidden;}
/* .idx_sctAll .sctImg>a{display:inline-block;} */
.idx_sctAll .sctImg>a>img{width:100%;height:100%;object-fit:contain;aspect-ratio: 306 / 240}
.idx_sctAll .sctTxtWr{padding:35px 0;text-align:left}
.idx_sctAll .sctTxtWr .sctA{font-size:21px;color:#1b1b1b;font-weight:700;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all;}
.idx_sctAll .sctTxtWr .sctInfo{margin-top:10px;}
.idx_sctAll .sctTxtWr .sctInfo span{display:inline-block}
.idx_sctAll .sctTxtWr .sctSale{font-size:19px;color:#ed161a;font-weight:700;padding-right:10px;}
.idx_sctAll .sctTxtWr .sctPrime{font-size:15px;font-weight:500;color:#999;text-decoration:line-through;margin-left:12px;}
.idx_sctAll .sctTxtWr .sctDeliv{font-size:15px;color:#333;padding-left:10px;position:relative;}
.idx_sctAll .sctTxtWr .sctDeliv::before{content:'';display:inline-block;width:1px;height:10px;background-color:#aaa;position:absolute;left:0;top:calc(50% - 5px);}
.idx_sctAll .sctTxtWr .sctCost{font-weight:700;color:#000;margin-top:20px;font-size:22px;font-weight:700;}

@media (hover: hover) and (pointer: fine) {
	.idx_sctAll > li:hover .sctImg img{transform:scale(1.03);}
}




@media only screen and (max-width : 1340px) {}
@media only screen and (max-width : 1280px) {}
@media only screen and (max-width : 1070px) {
    /* idx_all_it */
    .idx_sctAll{gap:25px 20px}
    .idx_sctAll>li{width:calc(50% - 10px);max-width:none;}
}
@media only screen and (max-width : 1024px) {}
@media only screen and (max-width : 840px) {
    /* visual */
	#mainVisual{}
	#mainVisual .visualRoll .swiper-slide>img{height:700px;}
	#mainVisual .vTxtArea{width:100%;}
    
	#mainVisual .vTxt .ii.title{font-size:32px;line-height:1.1;}
    #mainVisual .vTxt .ii.text{font-size:18px;line-height:30px;}
	#mainVisual .vTxt .ii.btn{margin-top:60px;}
	#mainVisual .vTxt .ii.btn>a{font-size:20px;}

    #mainVisual .swiper-button-prev{left:5%;}
    #mainVisual .swiper-button-next{right:5%}
    #mainVisual .swiper-button::after{font-size:23px;}

    .mainWrap .idx_tit{font-size:32px;}
    .mainWrap .idx_top .intro{font-size:18px;line-height:1.3;}
    
}
@media only screen and (max-width : 640px) {
    /* idx_all_it */
	.idx_sortList{position:relative}
	.idx_sortList button{display:block;line-height:30px;}
	.idx_sortList .idx_ssch_sort{display:none;position: absolute;right:0;top:100%;border:1px solid #dbdbdb;z-index: 99;background-color:#fff;}
    .idx_sortList .idx_ssch_sort li+li::before{display:none}
    .idx_sortList .idx_ssch_sort li>a{border-top:1px solid #dbdbdb;padding:8px;display:inline-block;}
    .idx_sortList .idx_ssch_sort li:first-child>a{border:none;}

    .idx_sctAll>li{width:100%}

    /* idx_bannBeef */
    .idx_bannBeef a{margin-right:0;}
    .idx_bannBeef a::before{padding:20.06% 0;background:url("/img/idx_bannBeef_mo.png") no-repeat center;background-size:contain;}

    /* idx_bannpork */
    .idx_bannpork a::before{padding:13.83%;background:url("/img/idx_bannPork_mo.png") no-repeat center;background-size: contain;}
}