@charset "utf-8";
											.IAnnualHotBrandsA{		 padding:50px 0 0 0; background-color:#f4f4f4; } .IAnnualHotBrandsA>.outBox{ padding:0; } @media screen and (max-width:768px){ .IAnnualHotBrandsA{		 padding:7.25vw 0 0 0; } .IAnnualHotBrandsA>.outBox{ padding:0; } }										 .IAnnualHotBrandsA .outBox{ width: 100%; max-width:1460px; margin:0 auto; } .IAnnualHotBrandsA .title { font-size: 21px; text-align: left; color: #000; padding-bottom: 20px; } .IAnnualHotBrandsA .cBox{ width:100%; } .IAnnualHotBrandsA .container{ margin:0 0 0 -40px; position:relative; } .IAnnualHotBrandsA .inBox{ width:100%; padding:15px 15px 8px 15px; background-color:#FFF; border-radius:5px; } .IAnnualHotBrandsA .aBoxA{ width:100%; padding:30px 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .IAnnualHotBrandsA .celebrity{ position:absolute; top:-45px; left:0; width:100%; font-size:16px; color:#282828; text-align:center; } .IAnnualHotBrandsA .imgBox{ width:100%; height:0; padding-top:100%; border-radius:5px; position:relative; } .IAnnualHotBrandsA .imgBoxA{ border-radius:50%; } .IAnnualHotBrandsA .imgBox img{ display:none; } .IAnnualHotBrandsA .info{ padding-top:16px; text-align:center; } .IAnnualHotBrandsA .subject{ margin-bottom: 5px; font-size:16px; color:#222; white-space: nowrap; overflow:hidden; } .IAnnualHotBrandsA .classify{ font-size:14px; color:#787878; height:3em; overflow:hidden; } .IAnnualHotBrandsA .splide__arrow { background: transparent; border-radius: 0; cursor: pointer; opacity: 1; width: 40px; height: 75px; background-size: contain; background-repeat: no-repeat; background-position: center; top: calc(50% - 20px); background-size: 33%; background-color: rgba(255,255,255,0.8); } .IAnnualHotBrandsA .splide__arrow svg { display: none; } .IAnnualHotBrandsA .splide__arrow--prev { left: -70px; background-image: url(/tw/images/common/ico_arD5_left_a.svg?20220422_4); } .IAnnualHotBrandsA .splide__arrow--next { right: -70px; background-image: url(/tw/images/common/ico_arD5_right_a.svg?20220422_4); } .IAnnualHotBrandsA button:disabled { opacity: 0.1; } @media screen and (max-width:1600px){ .IAnnualHotBrandsA .outBox{ width:90%; } } @media screen and (max-width:1460px) { .IAnnualHotBrandsA .container{ margin: 0 auto 0 -2.74vw; } .IAnnualHotBrandsA .inBox{ width:100%; padding:1.03vw 1.03vw 0.55vw 1.03vw; border-radius:5px; } .IAnnualHotBrandsA .aBoxA{ padding:2.05vw 1.03vw 0 1.03vw; } .IAnnualHotBrandsA .celebrity{ top:-2.5vw; font-size:1.1vw; } .IAnnualHotBrandsA .info{ padding-top:1.1vw; text-align:center; } .IAnnualHotBrandsA .subject{ font-size:1.1vw; } .IAnnualHotBrandsA .classify{ font-size:1.1vw; } } @media screen and (max-width:1080px){ .IAnnualHotBrandsA .cBox{ position:relative; width:100%; } .IAnnualHotBrandsA .container{ margin:0 0 0 -40px; display:flex; } .IAnnualHotBrandsA .inBox{ width: 100%; padding:1.39vw 1.39vw 0.74vw 1.39vw; } .IAnnualHotBrandsA .subject{ margin-bottom: 0; font-size: 16px; } .IAnnualHotBrandsA .classify{ display:none; } } @media screen and (max-width:768px){ .IAnnualHotBrandsA .title { font-size:4.5vw; padding-bottom:3vw; } .IAnnualHotBrandsA .aBoxA{ padding:8vw 4vw 0 4vw; } .IAnnualHotBrandsA .celebrity{ top:-7vw; font-size:3.86vw; } .IAnnualHotBrandsA .container{ margin:0 0 0 -3.38vw; } .IAnnualHotBrandsA .inBox { padding: 1.5vw 1.5vw 1.92vw 1.5vw; } .IAnnualHotBrandsA .subject { font-size: 3.86vw; } }