.HP-Block-01 img{max-width:none;vertical-align:top}.HP-Block-01 #IndexBanner{overflow:hidden;position:relative}.HP-Block-01 #IndexBanner .background1{background:url(/cdn/shop/files/background-pc.jpg?v=1759895585);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;bottom:0;right:0}.HP-Block-01 #IndexBanner .background2{background:url(/cdn/shop/files/line-gold.png?v=1759895736);background-repeat:no-repeat;background-size:100%;background-position:bottom;position:absolute;top:0;left:0;bottom:0;right:0;z-index:2}.HP-Block-01 #IndexBanner .img-child{position:absolute;z-index:1;left:58%;bottom:0}.HP-Block-01 #IndexBanner .tamain{margin:0 -50px;padding-top:1px;position:relative;z-index:3}.HP-Block-01 #IndexBanner .tamain .banner-title .banner-heading{margin:50px 0 0;font-size:100px;line-height:1;font-weight:700;color:#971e13;font-family:bebasbold}.HP-Block-01 #IndexBanner .tamain .banner-title-sub{font-size:21px;margin-top:5px;font-weight:700;color:#333;text-transform:uppercase}.HP-Block-01 #IndexBanner .tamain .boy{position:absolute;right:0;bottom:0}.HP-Block-01 #IndexBanner .tamain .boy img{height:100%}.HP-Block-01 #IndexBanner .tamain .tit1{margin-left:15px;margin-top:10px;padding-top:0;padding-bottom:60px}.HP-Block-01 #IndexBanner .tamain .tit1 .heading-title .background{background:url(/cdn/shop/files/title-text-d-pc.png?v=1759895837) no-repeat;background-size:100% 100%}.HP-Block-01 #IndexBanner .tamain .tit1 span{left:0;right:0;bottom:0;padding-left:37px}.HP-Block-01 #IndexBanner .tamain .text{text-align:justify;max-width:740px;margin-top:15px;margin-bottom:35px}.HP-Block-01 #IndexBanner .tamain .tacontent{display:grid;grid-template-columns:90px 1fr}.HP-Block-01 #IndexBanner .tamain .tacontent .left .img{margin-bottom:15px;float:right}.HP-Block-01 #IndexBanner .tamain .tacontent .left .img1{margin-top:23px}.HP-Block-01 #IndexBanner .tamain .tacontent .left .img3{margin-right:-7px}.HP-Block-01 #IndexBanner .tamain .tacontent .right{padding-left:15px}.HP-Block-01 #IndexBanner .tamain .tacontent .right .btn-ordernow{margin-top:30px;min-width:255px}.HP-Block-01 .slick-dots{position:absolute;bottom:-15px!important;display:block;width:100%;padding:0;list-style:none}.HP-Block-01 .slick-dots li button{height:10px;width:10px}.HP-Block-01 .slick-dots li button:before{font-family:slick;font-size:7px;line-height:20px;position:relative;width:10px;height:10px;content:"\2022";text-align:center;color:transparent;opacity:1;border-radius:50%;border:1px solid #636363;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.HP-Block-01 .slick-dots li.slick-active button:before{opacity:1;color:#636363;background:#636363}.HP-Block-01 .slick-dotted.slick-slider{margin-bottom:20px}@media screen and (max-width: 1500px){.HP-Block-01 #IndexBanner{background-position:top left}.HP-Block-01 #IndexBanner .img-child{left:53%;bottom:8px}.HP-Block-01 #IndexBanner .tamain{margin:0}.HP-Block-01 #IndexBanner .tamain .text{max-width:675px}.HP-Block-01 #IndexBanner .tamain .right .img{margin-left:-35px}}@media screen and (max-width: 1199px){.HP-Block-01 #IndexBanner .tamain{margin:0;padding:0 65px}.HP-Block-01 #IndexBanner .tamain .banner-title,.HP-Block-01 #IndexBanner .tamain .banner-title-sub{text-align:center}.HP-Block-01 #IndexBanner .tamain .text{margin:auto}.HP-Block-01 #IndexBanner .tamain .right .img{text-align:center;padding-right:90px;margin:auto}.HP-Block-01 #IndexBanner .img-child{display:none}}@media screen and (max-width: 768px){.HP-Block-01 #IndexBanner .background1{z-index:-1}.HP-Block-01 #IndexBanner .tamain{margin:0 -40px;padding-top:40px}.HP-Block-01 #IndexBanner .tamain .banner-title .banner-heading{text-align:center;font-size:54.5px;line-height:1;margin-top:20px}.HP-Block-01 #IndexBanner .tamain .banner-title-sub{font-size:18px;margin-top:0;font-weight:700;color:#333;text-align:center;padding:0 15px}.HP-Block-01 #IndexBanner .tamain .tablock-title{text-align:center}.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1{padding-bottom:34px;margin-left:0}.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1 .heading-title{font-size:63px}.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1 span{padding-left:0;text-align:center}.HP-Block-01 #IndexBanner .tamain .tacontent{margin-left:0;grid-column-gap:40px;display:block}.HP-Block-01 #IndexBanner .tamain .tacontent .right .btn-ordernow{margin-top:34px}.HP-Block-01 #IndexBanner .tamain .right .img{padding:0;margin-left:0;margin-top:15px}.HP-Block-01 #IndexBanner .text{margin-top:25px}.HP-Block-01 #IndexBanner .left{margin-top:20px}.HP-Block-01 #IndexBanner .left .table .img{text-align:center;padding:0 7.5px}}@media screen and (max-width: 736px){.HP-Block-01 #IndexBanner .tamain{margin:0 -15px;padding:32px 0 0}.HP-Block-01 #IndexBanner .tamain .background1{background-image:url(/cdn/shop/files/background-banner-header-mobile.jpg?v=1759895585);z-index:-1}.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1{margin-top:0;padding-bottom:50px}.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1 .heading-title{font-size:15.5vw}.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1 span{padding-left:0;text-align:center;font-size:17px}.HP-Block-01 #IndexBanner .tamain .tacontent{margin-left:0;display:block;width:100%}.HP-Block-01 #IndexBanner .tamain .tacontent .left .text{padding:0 10px;margin-top:20px;font-size:15px}.HP-Block-01 #IndexBanner .tamain .tacontent .right{padding-left:0;text-align:center}.HP-Block-01 #IndexBanner .tamain .tacontent .right .btn-ordernow{margin-top:12px;width:290px}.HP-Block-01 #IndexBanner .tamain .tacontent .right .img img{max-width:100%}.HP-Block-01 .slick-initialized .slick-slide img{margin:auto}}@media screen and (max-width: 450px){.HP-Block-01 #IndexBanner .left .table{display:flex;flex-wrap:wrap;justify-content:center}.HP-Block-01 #IndexBanner .left .table .table-cell{padding:10px;width:150px;display:block}}@media screen and (max-width: 400px){.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1 .heading-title{font-size:15vw}.HP-Block-01 #IndexBanner .tamain .tablock-title span{font-size:17px}.HP-Block-01 #IndexBanner .tamain .tacontent .right .img img{margin-left:-10%;max-width:400px}}@media screen and (max-width: 320px){.HP-Block-01 #IndexBanner .tamain .tacontent .left .special-offers{padding:0 10px}.HP-Block-01 #IndexBanner .tamain .tablock-title .tit1 .heading-title{font-size:14.5vw}.HP-Block-01 #IndexBanner .tamain .tacontent .right .img img{margin-left:-10%;max-width:350px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/HP-Block-01.css.map */