@font-face{font-family:ITC Avant Garde Gothic Pro Book;src:url(/cdn/shop/files/ITC_Avant_Garde_Gothic_Book.ttf?v=1770790954) format(truetype);font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Shokz Sans Display;src:url(https://cdn.shopify.com/s/files/1/0074/1890/4612/files/Shokz_Sans_Display-Medium.woff2?v=1722908082)}@font-face{font-family:Source Han Sans JP VF;src:url(/cdn/shop/files/SourceHanSansJP-VF.ttf?v=1770798035) format(truetype) url(/cdn/shop/files/SourceHanSansJP-VF.otf?v=1770798018) format(opentype);font-display:swap}:root{--main-color: #33302b;--font-primary: #0a0a0a;--custom-scale: 1.5;--color-white: #FFFFFF;--btn-hover-bg: #ff7a3d}@media only screen and (min-width:750px){.mb-up--hide{display:none}}.yi-banner{position:relative}.yi-banner-content{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:flex-start}.yi-banner-content-title{position:relative}.yi-banner-content-title div{padding:0!important}.yi-banner-content-title .feature-row__image-wrapper .feature-row__image{position:static}.yi-banner .title-img{width:clamp(208px,19.17vw,calc(276px * var(--custom-scale)))}.yi-banner .title-icon{width:clamp(100px,10.42vw,calc(150px * var(--custom-scale)));position:absolute;top:50%;right:clamp(-30px,-2.09vw,-20px);transform:translate(100%,-50%)}.yi-banner-content-subtitle{border-radius:999em;background:var(--main-color);display:flex;padding:3px 18.5px;justify-content:center;align-items:center;color:var(--color-white);text-align:center;font-family:Source Sans Pro;font-size:clamp(20px,1.67vw,calc(24px * var(--custom-scale)));font-style:normal;font-weight:var(--fontWeight-medium, 500);line-height:153%;margin-bottom:clamp(25px,2.78vw,40px)}.yi-banner-content-desc{color:var(--main-color);line-height:1.6;font-family:Source Sans Pro;font-size:clamp(20px,1.95vw,calc(28px * var(--custom-scale)));font-style:normal;font-weight:500;margin-top:clamp(15px,2.78vw,40px)}.yi-banner-button{display:flex;width:fit-content;padding:15px 46px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e0e0e0;background:var(--color-white);color:var(--main-color);font-family:var(--Noto-Sans-JP, "Noto Sans JP");font-size:var(--fontSize-16, 16px);font-style:normal;font-weight:var(--fontWeight-medium, 500);line-height:150%}.yi-banner-content-title svg{max-width:100%}@media only screen and (min-width:1441px){.yi-banner-content{left:6.94vw;transform:translateY(-50%)}}@media(max-width:768px){.yi-banner-content{align-items:center;transform:translate(-50%);bottom:clamp(40px,11.45vw,calc(45px * var(--custom-scale)));top:unset}.yi-banner-content-subtitle{padding:3px 13.956px 3px 15.044px;font-size:clamp(16px,5.09vw,calc(20px * var(--custom-scale)));margin-bottom:clamp(20px,6.36vw,calc(25px * var(--custom-scale)))}.yi-banner .title-img{width:clamp(150px,52.93vw,calc(208px * var(--custom-scale)))}.yi-banner .title-icon{display:none}.yi-banner-content-desc{font-size:clamp(16px,5.09vw,calc(20px * var(--custom-scale)));margin-top:clamp(15px,6.36vw,calc(25px * var(--custom-scale)));text-align:center;line-height:1.4}.yi-banner-button{font-size:16px}}@media only screen and (max-width:749px){.yi-banner-content-subtitle{margin-bottom:20px}.yi-banner-content-desc{margin-top:15px}}.giftbox-left-right{padding:clamp(30px,3.48vw,50px) 0;--gap: clamp(20px, 2.78vw, 36px)}.giftbox-left-right .page-width{display:flex;gap:var(--gap);align-items:flex-start}.giftbox-left-right .slide-box{flex:0 1 calc(50% - var(--gap) / 2);max-width:calc(50% - var(--gap) / 2);position:sticky;top:0}.giftbox-left-right .content-box{flex:0 1 calc(50% - var(--gap) / 2);max-width:calc(50% - var(--gap) / 2)}.giftbox-left-right .title-item{font-family:Source Sans Pro,sans-serif;font-weight:500;font-size:clamp(22px,1.95vw,28px);line-height:1.5;letter-spacing:0}.giftbox-left-right .price-item{font-family:Source Sans Pro,sans-serif;font-weight:500;font-size:clamp(20px,1.95vw,28px);line-height:1.1;letter-spacing:0}.giftbox-left-right .title-item+.price-item{margin-top:clamp(10px,1.39vw,20px)}.giftbox-left-right .content-outer{margin-top:40px;display:flex;flex-direction:column;gap:30px}.giftbox-left-right .btn-item{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:16px;line-height:1.3;letter-spacing:0;text-transform:capitalize;display:flex;width:235px;max-width:100%;height:48px;padding:14px 20px 14px 18px;justify-content:center;align-items:center;gap:8px;margin-top:clamp(20px,2.09vw,30px);position:relative;overflow:hidden}.giftbox-left-right .btn-item .btn-link{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;color:inherit;border-radius:4px;background-color:var(--font-primary);color:var(--color-white);overflow:hidden;transition:all .3s linear}.giftbox-left-right .btn-item .btn-link.disabled{cursor:not-allowed;pointer-events:none;background-color:#0a0a0a80}.giftbox-left-right .btn-item .btn-link.disabled+.popup-trigger{display:none}.giftbox-left-right .btn-item .btn-link:hover{background-color:var(--btn-hover-bg);transition:all .3s linear}.giftbox-left-right .btn-item .popup-trigger{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.giftbox-left-right .content-item .item-title{color:var(--font-primary);font-family:Source Sans Pro;font-size:clamp(18px,1.39vw,20px);font-style:normal;font-weight:500;line-height:1.5;margin-bottom:20px;letter-spacing:0}.giftbox-left-right .content-item .item-title.small{font-size:clamp(16px,1.25vw,18px);margin-bottom:10px}.giftbox-left-right .content-item .item-desc{color:var(--font-primary);font-family:Source Sans Pro;font-size:clamp(14px,1.12vw,16px);font-style:normal;font-weight:400;line-height:165%}.giftbox-left-right .item-desc p{margin-bottom:15px}.giftbox-left-right .item-desc p+div{margin-top:15px}.giftbox-left-right .item-desc p:last-child,.giftbox-left-right .item-desc p:last-of-type,.giftbox-left-right .item-desc ul li:last-child,.giftbox-left-right .item-desc ul li:last-of-type{margin-bottom:0}@media only screen and (min-width:750px)and (max-width:1000px){.giftbox-left-right .title-item{font-size:20px}.giftbox-left-right .content-item .item-title{font-size:16px;margin-bottom:10px}}@media only screen and (max-width:768px){.giftbox-left-right{--gap: calc(10.18vw - 20px) }.giftbox-left-right .page-width{flex-wrap:wrap}.giftbox-left-right .slide-box{flex:0 1 100%;max-width:100%;position:sticky;top:0;z-index:1;background:#fff;padding-block:20px}.giftbox-left-right .content-box{flex:0 1 100%;max-width:100%}.giftbox-left-right .title-item{font-size:clamp(18px,4.84vw,19px)}.giftbox-left-right .btn-item{font-size:15px}.giftbox-left-right .content-item .item-title{font-size:clamp(16px,4.58vw,18px)}.giftbox-left-right .content-item .item-title.small{margin-bottom:20px}.giftbox-left-right .item-desc ul{margin-left:18px}}@media only screen and (max-width:750px){.giftbox-left-right .btn-item{width:87%;margin-left:auto;margin-right:auto}}.giftbox-left-right .common-swiper-media{display:flex;justify-content:center;width:100%;margin-top:20px}.giftbox-left-right .common-swiper-media .common-swiper-pagination{position:unset;width:auto;display:flex;align-items:center;gap:10px}.giftbox-left-right .common-swiper-media .common-swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;border-radius:10px;background:var(--icon-quaternary, #BABABA);margin:0;opacity:1;transition:width .3s,color .3s}.giftbox-left-right .common-swiper-media .common-swiper-pagination .swiper-pagination-bullet-active{width:32px;background:var(--font-white, #000)}.giftbox-left-right .common-swiper-button-container{display:flex;align-items:center;gap:12px}.giftbox-left-right .common-swiper-button-container .common-swiper-button{position:unset;width:unset;height:unset;margin-top:unset}.giftbox-left-right .common-swiper-button-container .common-swiper-button:after{content:none}
/*# sourceMappingURL=/cdn/shop/t/188/assets/shankou-giftbox-css.css.map */