/* BASIC css start */
.visual_box { }
.visualSwiper {}
.visualSwiper .swiper-slide {position:relative; }
.visualSwiper .swiper-slide a {display:inline-block; width:100%}
.visualSwiper .swiper-slide img {width:100%; }
.visualSwiper .swiper-pagination {bottom:10px}
.visualSwiper .swiper-pagination-bullet {  }
.visualSwiper .swiper-pagination-bullet-active {background: #000; }


.section { margin-bottom:60px; }
.section .sect_tt {padding:0 16px; margin-bottom:16px; }
.section .sect_tt .tt {font-weight: 700; font-size: 2.0rem;}
.section .sect_tt .des { font-size: 1.5rem;}
.section .sect_tt.big .tt {font-size: 2.9rem;}



#BEST {background-color: #FAF8EF;  padding:40px 0 20px}
#BEST .tab_box {display: flex; align-items: center; justify-content: flex-start; margin-bottom:26px; box-sizing:border-box; padding:0 16px; }
#BEST .tab_box a {width: auto; padding: 0 16px 0 0; font-size:1.4rem; color: #777; display:inline-block; }
#BEST .tab_box a:last-child { margin-right: 0 } 
#BEST .tab_box a.active {color: #111; font-weight: bold;}
#BEST .tab_con_box {position:relative;}
#BEST .tab_con_box .tab_con {display:none; }
#BEST .tab_con_box .tab_con.active {display:block; }
#BEST .prod_box { padding:0}
#BEST .prod_box .item{width:100%}
#BEST .bestSwiper {padding:0 16px; box-sizing:border-box; }
#BEST .bestSwiper .swiper-slide { width:calc(42% - 10px)}
#BEST .bestSwiper .swiper-slide .option {display:none; }

#STYLING { }
#STYLING .stySwiper {padding:0 16px; box-sizing:border-box; }
#STYLING .stySwiper .swiper-slide { width:70%}
#STYLING .stySwiper .swiper-slide h4 {font-size: 1.3rem; font-weight: bold; line-height: 18px; margin-top: 10px;}
#STYLING .stySwiper .swiper-slide h5 {font-size: 1.1rem; color: #7b7b7b;}


.main_popup_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0; z-index: 9999; box-sizing: border-box; display: none; background: rgba(0,0,0,0.75); }
.main_popup_wrap { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main_popup_con_box {width: 100%;max-width: 100%;overflow: hidden;padding:0 30px;box-sizing: border-box;}
.main_popup_con { display: block; width: 100%; position: relative; }
.main_popup_con .swiper-slide a { display: block; width: 100%; height: auto; }
.main_popup_con .swiper-slide img { display: block; width: 100%; height: auto; }
.main_popup_con .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 10px; }
.main_popup_con .swiper-pagination .swiper-pagination-bullet { border: 1px solid #000; box-sizing: border-box; background: #fff; opacity: 1; }
.main_popup_con .swiper-pagination .swiper-pagination-bullet-active { background: #000; }
.main_popup_btn { width: 100%;  margin-top: 10px; }
.main_popup_btn .btn_close {font-size: 12px; letter-spacing: 5px; text-align: center; width: 100%; height: 40px; line-height: 40px; color: #fff; box-sizing: border-box; border:1px solid #fff;  }
.main_popup_btn .btn_close span { width: auto; color: inherit; }
.main_popup_btn .btn_today_close { text-align: right; color: #949494; display: block; font-size: 13px; margin-top:10px;  }
.main_popup_btn .btn_today_close label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: #fff; }
.main_popup_btn .btn_today_close input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; margin: 0; border: 1px solid #ccc; border-radius: 3px; background: #fff center/18px 18px no-repeat; vertical-align: -3px; }
.main_popup_btn .btn_today_close input[type="checkbox"]:after {display:none; }
.main_popup_btn .btn_today_close input[type="checkbox"]:checked { border-color:#fff; background-image: url(/design/iloveje/custom/img/check_input.gif); background-size: 18px 18px; }


/* BASIC css end */