*{font-family:sans-serif}body{display:flex;flex-wrap:wrap;justify-content:space-between}.section{width:100vw;margin:0}.button{display:flex;justify-content:center;align-items:center;margin-right:1vw;width:5vw;height:1.65vw;text-align:center;cursor:pointer;box-shadow:.5px .5px #e0e0e0;font-size:16px}@media screen and (max-width:1680px){.button{font-size:14px}}@media screen and (max-width:1440px){.button{font-size:12px}}@media screen and (max-width:1024px){.button{font-size:10px}}@media screen and (max-width:768px){.button{width:22vw;height:7.26vw;font-size:4vw;margin:0 1vw}}.button.more{border:1px solid #000;border-radius:5px}.button.more:after{content:"了解更多"}.button.more:hover{background-color:#fff}.button.more.reverse-color{color:#000;border-color:#000;background-color:#fff}.button.more.reverse-color-transparent,.button.more.reverse-color:hover{background-color:transparent;color:#fff;border-color:#fff}.button.more.reverse-color-transparent:hover{background-color:#fff;color:#000;border-color:#000}.button.buy{border:1px solid #c3161c;border-radius:5px;background-color:#c3161c;color:#fff}.button.buy:after{content:"購買"}.button.buy:hover{background-color:#14b372;border-color:#14b372}.mobile.placeholder{display:none}.navbar{width:100vw;height:5vw;display:flex;justify-content:center;align-items:center;background-color:#e0e0e0}.navbar .mobile.menu-button,.navbar .mobile.placeholder{display:none}@media screen and (max-width:768px){.navbar .mobile.menu-button{display:block;width:5vw;font-size:5vw;color:#c3161c;margin-right:5vw}}.navbar .mobile.logo{display:none}@media screen and (max-width:768px){.navbar .mobile.logo{display:block;width:26vw;height:6vw;margin-left:5vw}.navbar{height:14vw;justify-content:space-between}}.navbar .logo{width:7.5vw;height:1.695vw;margin-right:4vw}@media screen and (max-width:768px){.navbar .logo{display:none}}.navbar .nav{text-decoration:none;color:#000;margin:0 1vw;font-size:15px}.navbar .nav:first-child{margin-left:0}.navbar .nav:last-child{margin-right:0}@media screen and (max-width:1680px){.navbar .nav{font-size:14px}}@media screen and (max-width:1440px){.navbar .nav{font-size:13px}}@media screen and (max-width:768px){.navbar .nav{display:none}}.navbar .nav.mobile{display:block}.menu.mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;min-height:100vh;z-index:999;display:flex}.menu.mobile .overlay{width:18vw;height:100vh;min-height:100vh;background-color:rgba(0,0,0,.5)}.menu.mobile .container{width:82vw;height:100vh;min-height:100vh;background-color:#e1e1e1;padding:12% 0 0 7.2%;display:flex;flex-direction:column}.menu.mobile .container .close{position:fixed;top:2.5%;right:5.8%;font-size:8vw;color:#c3161c}.menu.mobile .container .nav.mobile{color:#000;text-decoration:none;font-size:5vw;margin-bottom:7.6%}.menu.mobile .container .nav.mobile:visited{color:#000}.menu.mobile .container hr{width:74.8vw;margin-bottom:7.6%}.menu.mobile .container div{font-size:2.8vw;margin-bottom:4.6%}.menu.mobile .container div a{color:#000;text-decoration:none}.menu.mobile .container div a:visited{color:#000}.menu.mobile .container .brands>a{margin-right:2vw}.sliders{width:100%;position:relative}.sliders .dot-pager{position:absolute;bottom:7%}@media screen and (max-width:768px){.sliders .dot-pager{bottom:1%}}.sliders>div[class^=slider]{height:44vw}.sliders>div[class^=slider] img{width:100vw}@media screen and (max-width:768px){.sliders>div[class^=slider]{height:163vw}.sliders>div[class^=slider] .desktop{display:none}}.sliders>div[class^=slider] .mobile{display:none}@media screen and (max-width:768px){.sliders>div[class^=slider] .mobile{display:block}}.smart{width:100vw;height:42vw;background-image:url(/images/MA1136.png),url(/images/bg_05.png);background-repeat:no-repeat;background-size:60%,cover;background-position:bottom,0 0;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:768px){.smart{height:175vw;background-image:url(/images/MA1136_m.png),url(/images/bg_05_m.png);background-size:cover}}.smart .title{margin:8.7% 0 1.05%;font-weight:700;font-size:21px}@media screen and (max-width:1680px){.smart .title{font-size:18px}}@media screen and (max-width:1440px){.smart .title{font-size:16px}}@media screen and (max-width:1024px){.smart .title{font-size:13px}}@media screen and (max-width:768px){.smart .title{margin:0 0 4.025%;font-size:5.2vw}}.smart .header{margin-bottom:1.26%;font-weight:700;font-size:59px}@media screen and (max-width:1680px){.smart .header{font-size:52px}}@media screen and (max-width:1440px){.smart .header{font-size:44px}}@media screen and (max-width:1024px){.smart .header{font-size:30px}}@media screen and (max-width:768px){.smart .header{margin-bottom:4.025%;font-size:10vw;letter-spacing:2.5vw}}.smart .sub-header{margin-bottom:1.26%;color:#14b372;font-size:20px}@media screen and (max-width:1680px){.smart .sub-header{font-size:18px}}@media screen and (max-width:1440px){.smart .sub-header{font-size:15px}}@media screen and (max-width:1024px){.smart .sub-header{font-size:13px}}@media screen and (max-width:768px){.smart .sub-header{margin-bottom:4.025%;font-size:4vw}}.smart .content{margin-bottom:1.89%;text-align:center;font-size:.95vw;line-height:1.425vw;width:49.4vw}@media screen and (max-width:1680px){.smart .content{font-size:.9vw;line-height:1.35vw;width:42.75vw}}@media screen and (max-width:1024px){.smart .content{font-size:.9vw;line-height:1.35vw;width:33.25vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media screen and (max-width:768px){.smart .content{white-space:pre-wrap;font-weight:lighter;margin-bottom:7%;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-size:768px/100 * 4;max-width:768px/100 * 80;width:768px/100 * 80;height:172.032px}}@media screen and (max-width:480px){.smart .content{font-size:480px/100 * 4;max-width:480px/100 * 80;width:480px/100 * 80;height:107.52px}}@media screen and (max-width:425px){.smart .content{font-size:425px/100 * 4;max-width:425px/100 * 80;width:425px/100 * 80;height:95.2px}}@media screen and (max-width:375px){.smart .content{font-size:375px/100 * 4;max-width:375px/100 * 80;width:375px/100 * 80;height:84px}}@media screen and (max-width:320px){.smart .content{font-size:320px/100 * 4;max-width:320px/100 * 80;width:320px/100 * 80;height:70.68px}}.smart .buttons{display:flex;margin-bottom:1.89%}.smart .buttons .button:first-child{margin-left:0}.smart .buttons .button:last-child{margin-right:0}@media screen and (max-width:768px){.smart .buttons .button{margin:0 3vw}}.smart .product-no{width:160px;display:flex;justify-content:space-between;margin-bottom:1.89%;font-size:18px}@media screen and (max-width:1680px){.smart .product-no{font-size:16px}}@media screen and (max-width:1440px){.smart .product-no{font-size:14px}}@media screen and (max-width:1024px){.smart .product-no{font-size:13px}}@media screen and (max-width:768px){.smart .product-no{display:none}}.smart .product-no.mobile{display:none}@media screen and (max-width:768px){.smart .product-no.mobile{display:flex;width:50vw;font-size:4vw;margin-bottom:6.375%}}.smart .tags{display:flex}.smart .tags.mobile{display:none}@media screen and (max-width:768px){.smart .tags.mobile{display:block;margin-bottom:24.5%}.smart .tags.mobile img{width:100vw}.smart .tags{display:none}}.smart .tags .tag{display:flex;justify-content:space-between;align-items:center;font-size:28px;margin-right:2vw}@media screen and (max-width:1680px){.smart .tags .tag{font-size:24px}}@media screen and (max-width:1440px){.smart .tags .tag{font-size:20px}}@media screen and (max-width:1024px){.smart .tags .tag{font-size:15px}}.smart .tags .tag img{width:2vw;margin-right:.6vw}.smart .tags .tag:last-child{margin-right:0}.smart .promise{width:14vw;margin-bottom:1.89%}@media screen and (max-width:768px){.smart .promise{display:none}}.smart .promise.mobile{display:none}@media screen and (max-width:768px){.smart .promise.mobile{display:block;width:55vw;margin:9.625% 0 4.025%}}.study{color:#fff;width:100vw;height:42vw;background-image:url(/images/MA528.png),url(/images/bg_06.png);background-repeat:no-repeat;background-size:60%,cover;background-position:bottom,0 0;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:768px){.study{height:175vw;background-image:url(/images/MA528_m.png),url(/images/bg_06_m.png);background-size:cover}}.study .title{margin:8.7% 0 1.05%;font-weight:700;font-size:21px}@media screen and (max-width:1680px){.study .title{font-size:18px}}@media screen and (max-width:1440px){.study .title{font-size:16px}}@media screen and (max-width:1024px){.study .title{font-size:13px}}@media screen and (max-width:768px){.study .title{margin:0 0 4.025%;font-size:5.2vw}}.study .header{margin-bottom:1.26%;font-weight:700;font-size:59px}@media screen and (max-width:1680px){.study .header{font-size:52px}}@media screen and (max-width:1440px){.study .header{font-size:44px}}@media screen and (max-width:1024px){.study .header{font-size:30px}}@media screen and (max-width:768px){.study .header{margin-bottom:4.025%;font-size:10vw;letter-spacing:2.5vw}}.study .sub-header{margin-bottom:1.26%;color:#14b372;font-size:20px}@media screen and (max-width:1680px){.study .sub-header{font-size:18px}}@media screen and (max-width:1440px){.study .sub-header{font-size:15px}}@media screen and (max-width:1024px){.study .sub-header{font-size:13px}}@media screen and (max-width:768px){.study .sub-header{margin-bottom:4.025%;font-size:4vw}}.study .content{margin-bottom:1.89%;text-align:center;font-size:.95vw;line-height:1.425vw;width:49.4vw}@media screen and (max-width:1680px){.study .content{font-size:.9vw;line-height:1.35vw;width:42.75vw}}@media screen and (max-width:1024px){.study .content{font-size:.9vw;line-height:1.35vw;width:33.25vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media screen and (max-width:768px){.study .content{white-space:pre-wrap;font-weight:lighter;margin-bottom:7%;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-size:768px/100 * 4;max-width:768px/100 * 80;width:768px/100 * 80;height:172.032px}}@media screen and (max-width:480px){.study .content{font-size:480px/100 * 4;max-width:480px/100 * 80;width:480px/100 * 80;height:107.52px}}@media screen and (max-width:425px){.study .content{font-size:425px/100 * 4;max-width:425px/100 * 80;width:425px/100 * 80;height:95.2px}}@media screen and (max-width:375px){.study .content{font-size:375px/100 * 4;max-width:375px/100 * 80;width:375px/100 * 80;height:84px}}@media screen and (max-width:320px){.study .content{font-size:320px/100 * 4;max-width:320px/100 * 80;width:320px/100 * 80;height:70.68px}}.study .buttons{display:flex;margin-bottom:1.89%}.study .buttons .button:first-child{margin-left:0}.study .buttons .button:last-child{margin-right:0}@media screen and (max-width:768px){.study .buttons .button{margin:0 3vw}}.study .product-no{width:160px;display:flex;justify-content:space-between;margin-bottom:1.89%;font-size:18px}@media screen and (max-width:1680px){.study .product-no{font-size:16px}}@media screen and (max-width:1440px){.study .product-no{font-size:14px}}@media screen and (max-width:1024px){.study .product-no{font-size:13px}}@media screen and (max-width:768px){.study .product-no{display:none}}.study .product-no.mobile{display:none}@media screen and (max-width:768px){.study .product-no.mobile{display:flex;width:50vw;font-size:4vw;margin-bottom:6.375%}}.study .tags{display:flex}.study .tags.mobile{display:none}@media screen and (max-width:768px){.study .tags.mobile{display:block;margin-bottom:24.5%}.study .tags.mobile img{width:100vw}.study .tags{display:none}}.study .tags .tag{display:flex;justify-content:space-between;align-items:center;font-size:28px;margin-right:2vw}@media screen and (max-width:1680px){.study .tags .tag{font-size:24px}}@media screen and (max-width:1440px){.study .tags .tag{font-size:20px}}@media screen and (max-width:1024px){.study .tags .tag{font-size:15px}}.study .tags .tag img{width:2vw;margin-right:.6vw}.study .tags .tag:last-child{margin-right:0}.study .promise{width:14vw;margin-bottom:1.89%}@media screen and (max-width:768px){.study .promise{display:none}}.study .promise.mobile{display:none}@media screen and (max-width:768px){.study .promise.mobile{display:block;width:55vw;margin:9.625% 0 4.025%}}.conf{color:#fff;width:100vw;height:42vw;background-image:url(/images/MA328.png),url(/images/bg_07.png);background-repeat:no-repeat;background-size:60%,cover;background-position:bottom,0 0;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:768px){.conf{height:175vw;background-image:url(/images/MA328_m.png),url(/images/bg_07_m.png);background-size:cover}}.conf .title{margin:8.7% 0 1.05%;font-weight:700;font-size:21px}@media screen and (max-width:1680px){.conf .title{font-size:18px}}@media screen and (max-width:1440px){.conf .title{font-size:16px}}@media screen and (max-width:1024px){.conf .title{font-size:13px}}@media screen and (max-width:768px){.conf .title{margin:0 0 4.025%;font-size:5.2vw}}.conf .header{margin-bottom:1.26%;font-weight:700;font-size:59px}@media screen and (max-width:1680px){.conf .header{font-size:52px}}@media screen and (max-width:1440px){.conf .header{font-size:44px}}@media screen and (max-width:1024px){.conf .header{font-size:30px}}@media screen and (max-width:768px){.conf .header{margin-bottom:4.025%;font-size:10vw;letter-spacing:2.5vw}}.conf .sub-header{margin-bottom:1.26%;color:#14b372;font-size:20px}@media screen and (max-width:1680px){.conf .sub-header{font-size:18px}}@media screen and (max-width:1440px){.conf .sub-header{font-size:15px}}@media screen and (max-width:1024px){.conf .sub-header{font-size:13px}}@media screen and (max-width:768px){.conf .sub-header{margin-bottom:4.025%;font-size:4vw}}.conf .content{margin-bottom:1.89%;text-align:center;font-size:.95vw;line-height:1.425vw;width:49.4vw}@media screen and (max-width:1680px){.conf .content{font-size:.9vw;line-height:1.35vw;width:42.75vw}}@media screen and (max-width:1024px){.conf .content{font-size:.9vw;line-height:1.35vw;width:33.25vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media screen and (max-width:768px){.conf .content{width:80vw;font-size:4vw;line-height:6.3vw;white-space:pre-wrap;font-weight:lighter;margin-bottom:7%}}.conf .buttons{display:flex;margin-bottom:1.89%}.conf .buttons .button:first-child{margin-left:0}.conf .buttons .button:last-child{margin-right:0}@media screen and (max-width:768px){.conf .buttons .button{margin:0 3vw}}.conf .product-no{width:160px;display:flex;justify-content:space-between;margin-bottom:1.89%;font-size:18px}@media screen and (max-width:1680px){.conf .product-no{font-size:16px}}@media screen and (max-width:1440px){.conf .product-no{font-size:14px}}@media screen and (max-width:1024px){.conf .product-no{font-size:13px}}@media screen and (max-width:768px){.conf .product-no{display:none}}.conf .product-no.mobile{display:none}@media screen and (max-width:768px){.conf .product-no.mobile{display:flex;width:50vw;font-size:4vw;margin-bottom:6.375%}}.conf .tags{display:flex}.conf .tags.mobile{display:none}@media screen and (max-width:768px){.conf .tags.mobile{display:block;margin-bottom:24.5%}.conf .tags.mobile img{width:100vw}.conf .tags{display:none}}.conf .tags .tag{display:flex;justify-content:space-between;align-items:center;font-size:28px;margin-right:2vw}@media screen and (max-width:1680px){.conf .tags .tag{font-size:24px}}@media screen and (max-width:1440px){.conf .tags .tag{font-size:20px}}@media screen and (max-width:1024px){.conf .tags .tag{font-size:15px}}.conf .tags .tag img{width:2vw;margin-right:.6vw}.conf .tags .tag:last-child{margin-right:0}.conf .promise{width:14vw;margin-bottom:1.89%}@media screen and (max-width:768px){.conf .promise{display:none}}.conf .promise.mobile{display:none}@media screen and (max-width:768px){.conf .promise.mobile{display:block;width:55vw;margin:9.625% 0 4.025%}}.accessories{width:100vw;height:46vw;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width:768px){.accessories{height:337vw;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}}.accessories .top{width:97vw;height:18.43vw;margin-top:1.564%;background-color:#dfdfdf;display:flex;align-items:center}@media screen and (max-width:768px){.accessories .top{width:96vw;height:87.36vw;background-color:#1f2023;color:#fff;flex-direction:column}}.accessories .top .left{width:15vw;margin-left:5vw;font-weight:700;font-size:21px}@media screen and (max-width:1680px){.accessories .top .left{font-size:18px}}@media screen and (max-width:1440px){.accessories .top .left{font-size:15px}}@media screen and (max-width:1024px){.accessories .top .left{font-size:14px}}@media screen and (max-width:768px){.accessories .top .left{width:100vw;margin:9.1% 0 14.56%;display:flex;justify-content:center;font-size:6vw}}.accessories .top .middle{width:60vw;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:768px){.accessories .top .middle{width:90%}.accessories .top .middle .svg-inline--fa{vertical-align:5em}.accessories .top .middle>span{width:5%}}.accessories .top .middle .context{display:flex;align-items:center}@media screen and (max-width:768px){.accessories .top .middle .context{flex-direction:column}}.accessories .top .middle .context img{width:21vw;margin-right:5vw}@media screen and (max-width:768px){.accessories .top .middle .context img{height:20.93%;width:52.44vw;margin:0 0 7.28vw}.accessories .top .middle .context>div{display:flex;flex-direction:column;align-items:center}}.accessories .top .middle .context span{display:block;margin-bottom:5.934%;font-weight:700;font-size:21px}@media screen and (max-width:1680px){.accessories .top .middle .context span{font-size:18px}}@media screen and (max-width:1440px){.accessories .top .middle .context span{font-size:15px}}@media screen and (max-width:1024px){.accessories .top .middle .context span{font-size:14px}}@media screen and (max-width:768px){.accessories .top .middle .context span{font-size:5vw;margin-bottom:5.46vw}}.accessories .top .middle .context .buttons{display:flex}@media screen and (max-width:768px){.accessories .top .middle .context .buttons .button{width:24vw;height:9.1vw;font-size:4vw;margin:0 3vw}.accessories .top .middle .context .buttons .button.more{color:#000;border-color:#000;background-color:#fff}.accessories .top .middle .context .buttons .button.more:hover{background-color:transparent;color:#fff;border-color:#fff}}.accessories .bottom{width:97vw;display:flex;margin:1.564% 0;justify-content:space-between}@media screen and (max-width:768px){.accessories .bottom{width:96vw;flex-direction:column}}.accessories .bottom img{width:48vw;height:23vw}@media screen and (max-width:768px){.accessories .bottom img{display:none}}.accessories .bottom .mobile{display:none}@media screen and (max-width:768px){.accessories .bottom .mobile{margin-bottom:2.696%;display:block;width:100%;height:auto}}.about{position:relative;width:100vw;height:40vw;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:768px){.about{height:195.8vw}}.about img{width:13vw;margin-top:5.8%}@media screen and (max-width:768px){.about img{width:42vw;margin-top:8.2vw}}.about .title{margin:2.2% 0;color:#c3161c;font-weight:700;font-size:42px}@media screen and (max-width:1680px){.about .title{font-size:37px}}@media screen and (max-width:1440px){.about .title{font-size:32px}}@media screen and (max-width:1024px){.about .title{font-size:23px}}@media screen and (max-width:768px){.about .title{margin:1.8% 0;font-size:9vw}}.about p{width:30vw;font-size:16px;line-height:32px}@media screen and (max-width:1680px){.about p{font-size:14px;line-height:28px;width:40vw}}@media screen and (max-width:1440px){.about p{font-size:13px;line-height:26px;width:50vw}}@media screen and (max-width:1024px){.about p{font-size:12px;line-height:24px;width:50vw}}@media screen and (max-width:768px){.about p{font-size:4vw;line-height:8vw;width:86vw}}.about .dot-pager{position:absolute;bottom:17%}@media screen and (max-width:1024px){.about .dot-pager{bottom:6%}}@media screen and (max-width:768px){.about .dot-pager{bottom:9%}}.footer{width:100vw;height:7.6vw;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;font-size:13px}.footer a{text-decoration:none}.footer a,.footer a:visited{color:#000}@media screen and (max-width:768px){.footer{height:50vw;font-size:4vw;line-height:8vw}.footer>div{display:flex;flex-direction:column;justify-content:center;align-items:center}}.footer .info{margin-right:2vw}@media screen and (max-width:768px){.footer .info{display:none}}.footer .info.mobile{display:none}@media screen and (max-width:768px){.footer .info.mobile{display:flex;flex-direction:column;align-items:center;margin-bottom:7vw}}.popup{width:100vw;height:84vw;background-color:#e0e0e0;background-image:url(/images/MA1136.png);background-repeat:no-repeat;background-size:65%;background-position:center 96%;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:768px){.popup{height:220vw;background-image:url(/images/MA1136_m.png);background-size:contain;background-position:center 50%}}.popup .header{width:96vw;height:1.68vw;margin:2.52% 2vw 0;display:flex;justify-content:space-between}@media screen and (max-width:768px){.popup .header{margin:6.6% 5vw 0;width:90vw;height:6.6vw}}.popup .header .close{color:#c3161c;font-size:1.5vw}@media screen and (max-width:768px){.popup .header .close{font-size:6vw}}.popup .header .header-left{display:flex}.popup .header .header-left .logo{width:8vw;margin-right:3vw}@media screen and (max-width:768px){.popup .header .header-left .logo{width:29vw}}.popup .header .header-left .button{width:5vw}@media screen and (max-width:768px){.popup .header .header-left .button{display:none}}.popup .context{margin:0 2vw;width:96vw;height:82.32vw;display:flex;justify-content:space-between}@media screen and (max-width:768px){.popup .context{margin:0 5vw;width:90vw;height:198vw}}.popup .context .button{margin-top:25.2%;display:flex;font-size:2vw}@media screen and (max-width:768px){.popup .context .button{display:none}}.popup .context .button.left{justify-content:flex-start}.popup .context .button.right{justify-content:flex-end}.popup .context .content{display:flex;flex-direction:column;align-items:center}@media screen and (max-width:768px){.popup .context .content{width:100%}}.popup .context .content .product-no{margin-top:6.72vw;font-weight:lighter;color:#c3161c;font-size:30px}.popup .context .content .product-no.mobile{display:none}@media screen and (max-width:768px){.popup .context .content .product-no.mobile{width:70%;margin:8.8vw 0 13.2vw;display:flex;justify-content:space-between;font-size:4vw}.popup .context .content .product-no.mobile .button{color:#000;display:block;margin:0;width:auto;font-size:4vw}}@media screen and (max-width:1680px){.popup .context .content .product-no{font-size:26px}}@media screen and (max-width:1440px){.popup .context .content .product-no{font-size:22px}}@media screen and (max-width:1024px){.popup .context .content .product-no{font-size:16px}}@media screen and (max-width:768px){.popup .context .content .product-no{display:none}}.popup .context .content .product-no+.title{margin-top:2.52vw;font-weight:700;font-size:40px}@media screen and (max-width:1680px){.popup .context .content .product-no+.title{font-size:36px}}@media screen and (max-width:1440px){.popup .context .content .product-no+.title{font-size:30px}}@media screen and (max-width:768px){.popup .context .content .product-no+.title{font-size:5vw}}.popup .context .content .product-no+.title+.title{margin-top:2.52vw;font-size:50px}@media screen and (max-width:1680px){.popup .context .content .product-no+.title+.title{font-size:46px}}@media screen and (max-width:1440px){.popup .context .content .product-no+.title+.title{font-size:40px}}@media screen and (max-width:1024px){.popup .context .content .product-no+.title+.title{font-size:28px}}@media screen and (max-width:768px){.popup .context .content .product-no+.title+.title{font-size:6vw}}.popup .context .content .product-no+.title+.title+.title{margin-top:2.52vw;font-weight:700;font-size:30px}@media screen and (max-width:1680px){.popup .context .content .product-no+.title+.title+.title{font-size:26px}}@media screen and (max-width:1440px){.popup .context .content .product-no+.title+.title+.title{font-size:22px}}@media screen and (max-width:1024px){.popup .context .content .product-no+.title+.title+.title{font-size:16px}}@media screen and (max-width:768px){.popup .context .content .product-no+.title+.title+.title{font-size:4vw}}.popup .context .content p{white-space:pre-wrap;margin-top:auto;margin-bottom:37.8%;text-align:center;font-size:24px;line-height:50px}@media screen and (max-width:1680px){.popup .context .content p{font-size:20px}}@media screen and (max-width:1440px){.popup .context .content p{font-size:17px}}@media screen and (max-width:1024px){.popup .context .content p{font-size:13px}}@media screen and (max-width:768px){.popup .context .content p{font-size:3.5vw;line-height:9vw;margin-bottom:29.8%}}.fixed-buy{position:fixed;bottom:0;left:0;width:100vw;height:17vw;border:1px solid #c3161c;border-radius:5px;background-color:#c3161c;color:#fff;display:none;justify-content:center;align-items:center}@media screen and (max-width:768px){.fixed-buy{display:flex}}.fixed-buy:after{content:"購買";font-size:7vw;letter-spacing:1vw}.fixed-buy:hover{background-color:#14b372;border-color:#14b372}.video{width:100vw;height:56vw;background-image:url(/images/Media_bg.png);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){.video{background-image:url(/images/Media_bg_m.png);height:178vw}}.video .button.play{width:6vw;height:3.92vw;box-shadow:unset;background-image:url(/images/play.png);background-repeat:no-repeat;background-size:contain}@media screen and (max-width:768px){.video .button.play{width:24vw;height:15.13vw}}.video .button.play:hover{background-image:url(/images/play_over.png)}