@charset "utf-8";


/*==================================================
no-scroll
================================================== */
body.no-scroll {
    overflow: hidden;
    /* position: fixed;
    width: 100%; */
}

/*==================================================
Limit box-sizing to specific sections
================================================== */
.header *,
.header *::before,
.header *::after,
.contact.contact_apac *,
.contact.contact.contact_suntory *,
.contact.contact_brands *,
.footer *,
.footer *::before,
.footer *::after,
.menu_search_standalone *,
.menu_search_standalone *::before,
.menu_search_standalone *::after,
.menu_apac_sp *,
.menu_apac_sp *::before,
.menu_apac_sp *::after,
.menu_suntory_sp *,
.menu_suntory_sp *::before,
.menu_suntory_sp *::after,
.menu_brands_sp *,
.menu_brands_sp *::before,
.menu_brands_sp *::after,
.menu_apac_pc *,
.menu_apac_pc *::before,
.menu_apac_pc *::after,
.menu_suntory_pc *,
.menu_suntory_pc *::before,
.menu_suntory_pc *::after,
.menu_suntory01_pc *,
.menu_suntory01_pc *::before,
.menu_suntory01_pc *::after,
.menu_suntory02_pc *,
.menu_suntory02_pc *::before,
.menu_suntory02_pc *::after,
.menu_brands_pc *,
.menu_brands_pc *::before,
.menu_brands_pc *::after,
.menu_brands01_pc *,
.menu_brands01_pc *::before,
.menu_brands01_pc *::after,
.menu_brands02_pc *,
.menu_brands02_pc *::before,
.menu_brands02_pc *::after,
.overlay *,
.overlay *::before,
.overlay *::after {
    box-sizing: border-box;
}

.apac_contents *,
.apac_contents *::before,
.apac_contents *::after,
.suntory_contents *,
.suntory_contents *::before,
.suntory_contents *::after,
.brands_contents *,
.brands_contents *::before,
.brands_contents *::after {
    box-sizing: border-box;
}

.apac_contents button,
.suntory_contents button,
.brands_contents button {
    border: none;
}


/*==================================================
font-setting
================================================== */
:root {
    font-family: "微軟正黑體", "5FAE8EDF6B639ED19AD4", "Microsoft JhengHei", "PingFang TC", "Hiragino Sans CNS", sans-serif;
    color: #222222;
}

:root {
    --color-main: #222222;
    --color-link: #0072ef;

    --color-suntory: #009ee0;
    --color-brands: #b49111;
}


/*==================================================
icon
================================================== */
:root {
    --icon-home: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2045%22%3E%3Cpolygon%20id%3D%22_x30_.2%22%20fill%3D%22currentColor%22%20points%3D%225.603%2044.542%205.642%2040.265%201.623%2040.265%201.596%2044.542%200%2044.542%20.081%2034.69%201.677%2034.69%201.638%2038.863%205.646%2038.863%205.685%2034.69%207.293%2034.69%207.212%2044.542%205.603%2044.542%22%2F%3E%3Cpath%20id%3D%22_x30_.2-2%22%20data-name%3D%22_x30_.2%22%20fill%3D%22currentColor%22%20d%3D%22M13.988%2C44.698c-2.767%2C0-4.699-2.082-4.699-5.062%2C0-2.853%2C2.115-5.088%2C4.815-5.088%2C2.744%2C0%2C4.66%2C2.093%2C4.66%2C5.088%2C0%2C2.839-2.098%2C5.062-4.776%2C5.062ZM14.066%2C35.896c-1.812%2C0-3.128%2C1.562-3.128%2C3.713%2C0%2C2.229%2C1.226%2C3.727%2C3.05%2C3.727%2C1.805%2C0%2C3.115-1.545%2C3.115-3.674%2C0-1.874-.939-3.766-3.037-3.766Z%22%2F%3E%3Cpath%20id%3D%22_x30_.2-3%22%20data-name%3D%22_x30_.2%22%20fill%3D%22currentColor%22%20d%3D%22M29.192%2C37.901c-.065-.275-.133-.616-.193-.933-.074.3-.165.64-.266.971-.72%2C2.321-1.78%2C5.762-1.949%2C6.354l.2.248h-1.827v-.2c-.022-.061-1.23-4.307-1.865-6.536-.082-.289-.152-.567-.211-.816-.06.291-.131.609-.209.904l-1.8%2C6.788-1.507-.213%2C2.729-9.778h1.616l1.9%2C6.79c.083.293.149.563.203.8.056-.214.124-.458.207-.727l2.109-6.863h1.605l2.43%2C9.761-1.542.263-1.629-6.812Z%22%2F%3E%3Cpolygon%20id%3D%22_x30_.2-4%22%20data-name%3D%22_x30_.2%22%20fill%3D%22currentColor%22%20points%3D%2233.923%2044.542%2034.005%2034.69%2039.447%2034.69%2039.447%2036.092%2035.583%2036.092%2035.561%2038.863%2039.317%2038.863%2039.317%2040.252%2035.545%2040.252%2035.535%2043.128%2039.499%2043.128%2039.499%2044.542%2033.923%2044.542%22%2F%3E%3Cpath%20id%3D%22_x30_.4%22%20fill-rule%3D%22evenodd%22%20fill%3D%22currentColor%22%20d%3D%22M11.556%2C23.8c-1.027%2C0-1.4-.837-1.4-1.398v-10.934l-3.26%2C3.737c-.2.215-.47.333-.75.333-.259%2C0-.506-.099-.695-.276-.406-.382-.427-1.026-.045-1.436L18.81.313c.185-.196.455-.313.732-.313s.547.116.739.319l13.39%2C13.498c.39.418.37%2C1.062-.038%2C1.445-.188.177-.435.275-.694.275-.28%2C0-.55-.118-.742-.323l-3.242-3.742v10.929c0%2C.562-.373%2C1.398-1.4%2C1.398H11.556ZM27.156%2C22.001v-12.426l-7.613-7.11-7.587%2C7.11v12.426h4.2v-4.6c0-.563.373-1.401%2C1.4-1.401h4c.401%2C0%2C.743.131.99.379.401.402.411.962.41%2C1.024v4.598h4.2ZM21.156%2C22.001v-4.199h-3.2v4.199h3.2Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-search: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020.1%2021%22%3E%3Cpath%20d%3D%22M18.6%2C21c-.4%2C0-.8-.2-1.1-.5l-3.7-4.2c-1.5%2C1-3.1%2C1.4-4.9%2C1.4s-4.7-.9-6.4-2.6c-1.7-1.7-2.6-3.9-2.6-6.3S.9%2C4.3%2C2.6%2C2.6C4.3.9%2C6.6%2C0%2C9%2C0s4.7.9%2C6.4%2C2.6c1.7%2C1.7%2C2.6%2C3.9%2C2.6%2C6.3s-.7%2C4-1.9%2C5.5l3.7%2C4.2c.5.6.5%2C1.5%2C0%2C2-.3.2-.6.4-1%2C.4h0ZM9%2C2.9c-3.4%2C0-6.1%2C2.7-6.1%2C6.1s2.7%2C6.1%2C6.1%2C6.1%2C6.1-2.7%2C6.1-6.1-2.7-6.1-6.1-6.1Z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E");

    --icon-menu: url("data:image/svg+xml,%3Csvg%20id%3D%22_Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2040%2030%22%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill-rule%3Aevenodd%3B%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h40v4H0V0Z%22%20fill%3D%22currentColor%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C13h40v4H0v-4Z%22%20fill%3D%22currentColor%22/%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C26h40v4H0v-4Z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E");

    --icon-alert: url("data:image/svg+xml,%3Csvg width='54px' height='54px' viewBox='0 0 54 54' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M30.3,17.2c0,0,0-6,0-8c0-4.5-5-3-5-3l-16,10.6v17H3.8V20.6h5.5v-3.8H4c-4,0-4,4-4,4v12.8c0,0,0,4,4,4h5.3l16,10.6c0,0,5,1.5,5-3c0-2,0-8,0-8s8.2-1,8.2-10S30.3,17.2,30.3,17.2z M23.8,42.9l-10.7-7.6V19.1L24,11.4c0,0,2.6-2.1,2.6,0.4c0,2,0,28.8,0,30.8C26.6,45.1,23.8,42.9,23.8,42.9z M30.3,21.6c0,0,4.3,0.2,4.3,5.6s-4.3,5.6-4.3,5.6S30.3,21.6,30.3,21.6z'/%3E%3Cpath fill='currentColor' d='M54,29.2H43v-4h11V29.2z'/%3E%3Cpath fill='currentColor' d='M50.9,43.9L41,38.9l1.7-3.6l9.9,5.1L50.9,43.9z'/%3E%3Cpath fill='currentColor' d='M52.6,14.2l-9.9,5.1L41,15.6l9.9-5.1L52.6,14.2z'/%3E%3C/svg%3E");

    --icon-membership-filled: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2023%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2C11.999C3.914%2C11.999%2C0%2C17.999%2C0%2C19v2s0%2C2%2C2%2C2h16c2%2C0%2C2-2%2C2-2v-2c0-1.001-3.871-7.001-10-7.001h0Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%2C0c-2.761%2C0-5%2C2.238-5%2C5s2.239%2C4.999%2C5%2C4.999%2C5-2.238%2C5-4.999S12.761%2C0%2C10%2C0h0Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-membership: url("data:image/svg+xml,%3Csvg width='54px' height='54px' viewBox='0 0 54 54' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M39.96,28.08c0,0-4.32,4.32-12.96,4.32s-12.96-4.32-12.96-4.32S5.4,32.4,5.4,43.2v4.32c0,0,0,4.32,4.32,4.32c2.16,0,32.4,0,34.56,0c4.32,0,4.32-4.32,4.32-4.32V43.2C48.6,32.4,39.96,28.08,39.96,28.08z M44.5,47.52c0,0.02-0.03,0.12-0.06,0.21c-0.04,0-0.1,0.01-0.15,0.01H9.72c-0.06,0-0.11,0-0.15-0.01c-0.03-0.1-0.06-0.22-0.06-0.31V43.2c0-5.24,2.59-8.45,4.47-10.09C16.57,34.68,20.9,36.5,27,36.5s10.43-1.83,13.01-3.39c1.88,1.65,4.48,4.88,4.48,10.09V47.52z'/%3E%3Cpath fill='currentColor' d='M27.12,2.16c-7.1,0-12.84,5.75-12.84,12.84s5.75,12.84,12.84,12.84S39.96,22.1,39.96,15S34.21,2.16,27.12,2.16z M27.12,23.74c-4.82,0-8.74-3.92-8.74-8.74s3.92-8.74,8.74-8.74s8.74,3.92,8.74,8.74S31.94,23.74,27.12,23.74z'/%3E%3C/svg%3E");

    --icon-other: url("data:image/svg+xml,%3Csvg%20width%3D%2254px%22%20height%3D%2254px%22%20viewBox%3D%220%200%2054%2054%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.8%2C23.65h4.4v17.6h-4.4V23.65z%22/%3E%0A%3Ccircle%20fill%3D%22currentColor%22%20cx%3D%2227%22%20cy%3D%2217.05%22%20r%3D%223.3%22/%3E%0A%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27%2C3C13.75%2C3%2C3%2C13.75%2C3%2C27s10.74%2C24%2C24%2C24c13.25%2C0%2C24-10.75%2C24-24S40.25%2C3%2C27%2C3z%20M27%2C46.6C16.17%2C46.6%2C7.4%2C37.83%2C7.4%2C27S16.17%2C7.4%2C27%2C7.4S46.6%2C16.17%2C46.6%2C27S37.83%2C46.6%2C27%2C46.6z%22/%3E%0A%3C/svg%3E");

    --icon-bulletin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33px' height='36px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M27.577,35.440 C24.450,33.860 16.410,30.927 16.410,30.927 C16.410,30.927 8.370,33.860 5.244,35.440 C3.085,36.494 0.777,35.440 0.777,32.431 C0.777,29.422 0.777,3.093 0.777,3.093 C0.777,3.093 0.777,0.085 3.755,0.085 C6.733,0.085 29.065,0.085 29.065,0.085 C32.043,0.085 32.043,3.093 32.043,3.093 C32.043,3.093 32.043,29.422 32.043,32.431 C32.043,35.440 29.363,36.342 27.577,35.440 ZM28.916,32.431 L28.916,3.244 L3.904,3.244 L3.904,32.431 C3.904,32.507 3.904,32.507 3.904,32.581 C7.179,31.003 15.070,28.143 15.368,27.993 C15.666,27.843 16.038,27.766 16.410,27.766 C16.782,27.766 17.080,27.843 17.452,27.993 C17.824,28.068 25.567,31.003 28.916,32.581 C28.916,32.507 28.916,32.507 28.916,32.431 ZM16.485,20.395 L11.571,23.027 L12.539,17.536 L8.594,13.625 L14.028,12.873 L16.485,7.832 L18.941,12.873 L24.376,13.625 L20.430,17.536 L21.323,23.027 L16.485,20.395 Z'/%3E%3C/svg%3E");

    --icon-media: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='35px' height='32px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M16.235,23.020 L21.387,19.613 C22.253,19.050 22.253,17.594 21.387,17.008 L16.235,13.601 C15.369,13.037 14.298,13.760 14.298,14.905 L14.298,21.701 C14.298,22.852 15.369,23.584 16.235,23.020 ZM30.633,5.531 L22.069,5.531 L24.403,3.108 C24.403,3.108 25.570,1.897 24.403,0.684 C23.236,-0.526 22.069,0.684 22.069,0.684 L17.402,5.531 L13.512,1.493 C13.512,1.493 11.567,-0.526 10.401,0.684 C9.234,1.897 10.401,3.108 10.401,3.108 L12.734,5.531 L4.170,5.531 C0.281,5.531 0.281,9.623 0.281,9.623 L0.281,27.454 C0.281,27.454 0.281,31.402 4.192,31.402 L30.648,31.402 C34.538,31.402 34.538,27.371 34.538,27.371 L34.538,9.668 C34.530,9.668 34.530,5.531 30.633,5.531 ZM29.988,28.369 L4.816,28.369 C3.290,28.369 3.290,26.784 3.290,26.784 L3.290,10.149 C3.290,10.149 3.290,8.565 4.816,8.565 L29.995,8.565 C31.521,8.565 31.521,10.149 31.521,10.149 L31.521,26.784 C31.514,26.784 31.514,28.369 29.988,28.369 Z'/%3E%3C/svg%3E");

    --icon-event: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='33px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M30.577,3.176 L30.577,6.153 L32.065,6.153 L32.065,9.131 L3.777,9.131 L3.777,6.153 L5.266,6.153 L5.266,3.176 C5.266,3.176 5.266,3.176 3.777,3.176 C0.799,3.176 0.799,6.153 0.799,6.153 L0.799,29.975 C0.799,29.975 0.799,32.952 3.777,32.952 C5.266,32.952 30.577,32.952 32.065,32.952 C35.043,32.952 35.043,29.975 35.043,29.975 L35.043,6.153 C35.043,6.153 35.043,3.176 32.065,3.176 C30.763,3.176 30.577,3.176 30.577,3.176 ZM32.065,28.486 C32.065,28.486 32.065,29.975 30.577,29.975 C29.088,29.975 6.755,29.975 5.259,29.975 C3.777,29.975 3.777,28.486 3.777,28.486 L3.777,12.108 L32.065,12.108 L32.065,28.486 ZM8.244,1.687 C8.244,1.687 8.244,0.198 9.733,0.198 C11.221,0.198 11.221,1.687 11.221,1.687 L11.221,4.664 C11.221,4.664 11.221,6.153 9.733,6.153 C8.244,6.153 8.244,4.664 8.244,4.664 L8.244,1.687 ZM24.621,1.687 C24.621,1.687 24.621,0.198 26.110,0.198 C27.599,0.198 27.599,1.687 27.599,1.687 L27.599,4.664 C27.599,4.664 27.599,6.153 26.110,6.153 C24.621,6.153 24.621,4.664 24.621,4.664 L24.621,1.687 ZM14.199,3.176 L21.643,3.176 L21.643,6.153 L14.199,6.153 L14.199,3.176 ZM12.710,19.553 L8.244,19.553 L8.244,15.086 L12.710,15.086 L12.710,19.553 ZM20.155,19.553 L15.688,19.553 L15.688,15.086 L20.155,15.086 L20.155,19.553 ZM27.599,19.553 L23.132,19.553 L23.132,15.086 L27.599,15.086 L27.599,19.553 ZM12.710,26.997 L8.244,26.997 L8.244,22.531 L12.710,22.531 L12.710,26.997 ZM20.155,26.997 L15.688,26.997 L15.688,22.531 L20.155,22.531 L20.155,26.997 ZM27.599,26.997 L23.132,26.997 L23.132,22.531 L27.599,22.531 L27.599,26.997 Z'/%3E%3C/svg%3E");

    --icon-press: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='36px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M39.141,9.939 C38.404,12.173 33.242,32.273 33.242,32.273 C33.242,32.273 33.242,35.399 30.367,35.921 L30.293,35.994 L30.293,35.921 C30.072,35.994 29.851,35.994 29.556,35.994 L4.486,35.994 C0.799,35.994 0.799,32.273 0.799,32.273 L0.799,3.984 C0.799,3.984 0.799,0.263 4.486,0.263 C8.173,0.263 25.869,0.263 29.556,0.263 C32.210,0.263 32.947,2.124 33.169,3.240 C33.758,3.240 34.569,3.240 35.454,3.240 C39.878,3.240 39.878,7.707 39.141,9.939 ZM28.818,3.240 L5.223,3.240 C3.749,3.240 3.749,4.729 3.749,4.729 L3.749,31.529 C3.749,31.529 3.749,33.018 5.223,33.018 L28.818,33.018 C30.293,33.018 30.219,31.529 30.293,31.529 L30.293,4.729 C30.293,4.729 30.367,3.240 28.818,3.240 ZM34.717,6.218 L33.242,6.218 L33.242,21.851 C33.242,21.851 35.970,10.387 36.192,9.196 C36.413,8.005 36.192,6.218 34.717,6.218 ZM24.394,28.551 L9.647,28.551 C9.647,28.551 8.173,28.551 8.173,27.062 C8.173,25.573 9.647,25.573 9.647,25.573 L24.394,25.573 C24.394,25.573 25.869,25.573 25.869,27.062 C25.869,28.551 24.394,28.551 24.394,28.551 ZM24.394,22.596 L9.647,22.596 C9.647,22.596 8.173,22.596 8.173,21.107 C8.173,19.618 9.647,19.618 9.647,19.618 L24.394,19.618 C24.394,19.618 25.869,19.618 25.869,21.107 C25.869,22.596 24.394,22.596 24.394,22.596 ZM8.173,7.707 L17.021,7.707 L17.021,16.641 L8.173,16.641 L8.173,7.707 ZM10.385,14.407 L14.809,14.407 L14.809,9.939 L10.385,9.939 L10.385,14.407 Z'/%3E%3C/svg%3E");

    --icon-product: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31px' height='40px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M27.577,39.039 L3.755,39.039 C0.777,39.039 0.777,36.061 0.777,36.061 C0.777,36.061 0.777,30.329 0.777,23.406 C0.777,17.451 3.755,17.824 3.755,16.333 C3.755,16.236 3.755,16.192 3.755,16.125 C3.755,16.108 3.755,15.989 3.755,15.798 C3.755,15.731 3.755,15.687 3.755,15.590 C3.755,12.612 6.733,12.612 6.733,12.612 L24.599,12.612 C24.599,12.612 27.577,12.612 27.577,15.590 C27.577,15.687 27.577,15.731 27.577,15.798 C27.577,15.815 27.577,15.934 27.577,16.125 C27.577,16.192 27.577,16.236 27.577,16.333 C27.577,17.824 30.554,17.451 30.554,23.406 C30.554,30.329 30.554,36.061 30.554,36.061 C30.554,36.061 30.554,39.039 27.577,39.039 ZM27.577,23.406 C27.577,18.939 24.599,19.311 24.599,17.824 C24.599,17.078 24.599,16.799 24.599,16.706 C24.599,16.706 24.599,15.590 23.482,15.590 C21.993,15.590 9.264,15.590 7.849,15.590 C6.733,15.590 6.733,16.706 6.733,16.706 C6.733,16.799 6.733,17.078 6.733,17.824 C6.733,19.311 3.755,18.939 3.755,23.406 L3.755,34.572 C3.829,36.061 4.797,36.061 5.244,36.061 L26.088,36.061 C26.534,36.061 27.502,36.061 27.577,34.498 L27.577,23.406 ZM9.710,21.918 L21.621,21.918 L21.621,31.594 L9.710,31.594 L9.710,21.918 ZM24.599,10.378 C21.621,10.378 9.710,10.378 6.733,10.378 C3.755,10.378 3.755,7.401 3.755,7.401 L3.755,3.306 C3.755,3.306 3.755,0.329 6.733,0.329 C9.710,0.329 20.132,0.329 20.132,0.329 C20.132,0.329 21.621,0.329 24.599,0.329 C27.577,0.329 27.577,3.306 27.577,3.306 L27.577,7.401 C27.577,7.401 27.577,10.378 24.599,10.378 ZM24.599,4.051 C24.599,4.051 24.599,3.306 23.854,3.306 L23.110,3.306 C23.110,3.306 8.221,3.306 7.477,3.306 C6.733,3.306 6.733,4.051 6.733,4.051 L6.733,6.656 C6.733,6.656 6.733,7.401 7.477,7.401 C8.221,7.401 23.110,7.401 23.854,7.401 C24.599,7.401 24.599,6.656 24.599,6.656 L24.599,4.051 Z'/%3E%3C/svg%3E");

    --icon-arrow-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolygon fill='currentColor' points='3 9 3 8 4 8 4 7 5 7 5 6 6 6 6 4 5 4 5 3 4 3 4 2 3 2 3 1 2 1 2 0 0 0 0 1 1 1 1 2 2 2 2 3 3 3 3 4 4 4 4 6 3 6 3 7 2 7 2 8 1 8 1 9 0 9 0 10 2 10 2 9 3 9'/%3E%3C/svg%3E");

    --icon-arrow-right: url("data:image/svg+xml,%3Csvg%20id%3D%22_Layer_2%22%20data-name%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2013.4%2022.7%22%3E%3Cpolygon%20fill%3D%22currentColor%22%20points%3D%2213.4%2010.3%2012.4%2010.3%2012.4%2010.3%2012.4%209.3%2011.4%209.3%2011.4%208.3%2010.3%208.3%2010.3%207.3%209.3%207.3%209.3%206.2%208.3%206.2%208.3%205.2%207.2%205.2%207.2%204.1%206.2%204.1%206.2%203.1%205.2%203.1%205.2%202.1%204.1%202.1%204.1%201%203.1%201%203.1%200%200%200%200%203.1%201%203.1%201%204.1%202.1%204.1%202.1%205.2%203.1%205.2%203.1%206.2%204.1%206.2%204.1%207.3%205.2%207.3%205.2%208.3%206.2%208.3%206.2%209.3%207.3%209.3%207.3%2010.4%208.3%2010.4%208.3%2011.3%208.3%2011.4%208.3%2012.4%207.3%2012.4%207.3%2013.4%206.2%2013.4%206.2%2014.4%205.2%2014.4%205.2%2015.5%204.1%2015.5%204.1%2016.5%203.1%2016.5%203.1%2017.6%202.1%2017.6%202.1%2018.6%201%2018.6%201%2019.6%200%2019.6%200%2022.7%203.1%2022.7%203.1%2021.7%204.1%2021.7%204.1%2020.7%205.2%2020.7%205.2%2019.6%206.2%2019.6%206.2%2018.6%207.2%2018.6%207.2%2017.6%208.3%2017.6%208.3%2016.5%209.3%2016.5%209.3%2015.5%2010.3%2015.5%2010.3%2014.5%2011.4%2014.5%2011.4%2013.4%2012.4%2013.4%2012.4%2012.4%2012.4%2012.4%2013.4%2012.4%2013.4%2010.3%22%2F%3E%3C%2Fsvg%3E");

    --icon-arrow-prev: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2218px%22%20height%3D%2230px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218px%22%20height%3D%2230px%22%20xlink%3Ahref%3D%22data%3Aimg/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABIAAAAeBAMAAADTIlMfAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAElBMVEUAcu8Ace8Acu8AcvAAce/////lwJfpAAAAAnRSTlMAAHaTzTgAAAABYktHRAX4b%2BnHAAAAB3RJTUUH6AsLAwcuB8OgDgAAAD9JREFUGNNjYIAABSjNIKQEYykpQQWZlJSUYEJQMZKFjIhS5QSzUknJCcNyhA4kQUZsggwUC8KCgwkeGsAQAgCOXQzahOKO8AAAAABJRU5ErkJggg%3D%3D%22%20/%3E%3C/svg%3E");

    --icon-arrow-next: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2218px%22%20height%3D%2230px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218px%22%20height%3D%2230px%22%20xlink%3Ahref%3D%22data%3Aimg/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABIAAAAeAgMAAABcYqa/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAcu8Acu////+VTm0AAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAHdElNRQfoCwsDDhQQDcL1AAAAMklEQVQI12NgZAABVgcQKRoAIkNDwOxQsHgoSIIxlDwJCAkRgciCVZImDHUVxIVg1wIAYRsPSZuVfKUAAAAASUVORK5CYII%3D%22%20/%3E%3C/svg%3E");

    --icon-breadcrumb-arrow: url("data:image/svg+xml,%3Csvg%20id%3D%22_Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2013.7%2013.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill%3AcurrentColor%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.7%2C7.4L0%2C13.7v-1.4l12.2-5.4L0%2C1.4V0l13.7%2C6.2v1.2Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-bulletin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33px' height='36px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M27.577,35.440 C24.450,33.860 16.410,30.927 16.410,30.927 C16.410,30.927 8.370,33.860 5.244,35.440 C3.085,36.494 0.777,35.440 0.777,32.431 C0.777,29.422 0.777,3.093 0.777,3.093 C0.777,3.093 0.777,0.085 3.755,0.085 C6.733,0.085 29.065,0.085 29.065,0.085 C32.043,0.085 32.043,3.093 32.043,3.093 C32.043,3.093 32.043,29.422 32.043,32.431 C32.043,35.440 29.363,36.342 27.577,35.440 ZM28.916,32.431 L28.916,3.244 L3.904,3.244 L3.904,32.431 C3.904,32.507 3.904,32.507 3.904,32.581 C7.179,31.003 15.070,28.143 15.368,27.993 C15.666,27.843 16.038,27.766 16.410,27.766 C16.782,27.766 17.080,27.843 17.452,27.993 C17.824,28.068 25.567,31.003 28.916,32.581 C28.916,32.507 28.916,32.507 28.916,32.431 ZM16.485,20.395 L11.571,23.027 L12.539,17.536 L8.594,13.625 L14.028,12.873 L16.485,7.832 L18.941,12.873 L24.376,13.625 L20.430,17.536 L21.323,23.027 L16.485,20.395 Z'/%3E%3C/svg%3E");

    --icon-media: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='35px' height='32px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M16.235,23.020 L21.387,19.613 C22.253,19.050 22.253,17.594 21.387,17.008 L16.235,13.601 C15.369,13.037 14.298,13.760 14.298,14.905 L14.298,21.701 C14.298,22.852 15.369,23.584 16.235,23.020 ZM30.633,5.531 L22.069,5.531 L24.403,3.108 C24.403,3.108 25.570,1.897 24.403,0.684 C23.236,-0.526 22.069,0.684 22.069,0.684 L17.402,5.531 L13.512,1.493 C13.512,1.493 11.567,-0.526 10.401,0.684 C9.234,1.897 10.401,3.108 10.401,3.108 L12.734,5.531 L4.170,5.531 C0.281,5.531 0.281,9.623 0.281,9.623 L0.281,27.454 C0.281,27.454 0.281,31.402 4.192,31.402 L30.648,31.402 C34.538,31.402 34.538,27.371 34.538,27.371 L34.538,9.668 C34.530,9.668 34.530,5.531 30.633,5.531 ZM29.988,28.369 L4.816,28.369 C3.290,28.369 3.290,26.784 3.290,26.784 L3.290,10.149 C3.290,10.149 3.290,8.565 4.816,8.565 L29.995,8.565 C31.521,8.565 31.521,10.149 31.521,10.149 L31.521,26.784 C31.514,26.784 31.514,28.369 29.988,28.369 Z'/%3E%3C/svg%3E");

    --icon-event: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='33px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M30.577,3.176 L30.577,6.153 L32.065,6.153 L32.065,9.131 L3.777,9.131 L3.777,6.153 L5.266,6.153 L5.266,3.176 C5.266,3.176 5.266,3.176 3.777,3.176 C0.799,3.176 0.799,6.153 0.799,6.153 L0.799,29.975 C0.799,29.975 0.799,32.952 3.777,32.952 C5.266,32.952 30.577,32.952 32.065,32.952 C35.043,32.952 35.043,29.975 35.043,29.975 L35.043,6.153 C35.043,6.153 35.043,3.176 32.065,3.176 C30.763,3.176 30.577,3.176 30.577,3.176 ZM32.065,28.486 C32.065,28.486 32.065,29.975 30.577,29.975 C29.088,29.975 6.755,29.975 5.259,29.975 C3.777,29.975 3.777,28.486 3.777,28.486 L3.777,12.108 L32.065,12.108 L32.065,28.486 ZM8.244,1.687 C8.244,1.687 8.244,0.198 9.733,0.198 C11.221,0.198 11.221,1.687 11.221,1.687 L11.221,4.664 C11.221,4.664 11.221,6.153 9.733,6.153 C8.244,6.153 8.244,4.664 8.244,4.664 L8.244,1.687 ZM24.621,1.687 C24.621,1.687 24.621,0.198 26.110,0.198 C27.599,0.198 27.599,1.687 27.599,1.687 L27.599,4.664 C27.599,4.664 27.599,6.153 26.110,6.153 C24.621,6.153 24.621,4.664 24.621,4.664 L24.621,1.687 ZM14.199,3.176 L21.643,3.176 L21.643,6.153 L14.199,6.153 L14.199,3.176 ZM12.710,19.553 L8.244,19.553 L8.244,15.086 L12.710,15.086 L12.710,19.553 ZM20.155,19.553 L15.688,19.553 L15.688,15.086 L20.155,15.086 L20.155,19.553 ZM27.599,19.553 L23.132,19.553 L23.132,15.086 L27.599,15.086 L27.599,19.553 ZM12.710,26.997 L8.244,26.997 L8.244,22.531 L12.710,22.531 L12.710,26.997 ZM20.155,26.997 L15.688,26.997 L15.688,22.531 L20.155,22.531 L20.155,26.997 ZM27.599,26.997 L23.132,26.997 L23.132,22.531 L27.599,22.531 L27.599,26.997 Z'/%3E%3C/svg%3E");

    --icon-press: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='36px'%3E%3Cpath fill-rule='evenodd' fill='currentColor' d='M39.141,9.939 C38.404,12.173 33.242,32.273 33.242,32.273 C33.242,32.273 33.242,35.399 30.367,35.921 L30.293,35.994 L30.293,35.921 C30.072,35.994 29.851,35.994 29.556,35.994 L4.486,35.994 C0.799,35.994 0.799,32.273 0.799,32.273 L0.799,3.984 C0.799,3.984 0.799,0.263 4.486,0.263 C8.173,0.263 25.869,0.263 29.556,0.263 C32.210,0.263 32.947,2.124 33.169,3.240 C33.758,3.240 34.569,3.240 35.454,3.240 C39.878,3.240 39.878,7.707 39.141,9.939 ZM28.818,3.240 L5.223,3.240 C3.749,3.240 3.749,4.729 3.749,4.729 L3.749,31.529 C3.749,31.529 3.749,33.018 5.223,33.018 L28.818,33.018 C30.293,33.018 30.219,31.529 30.293,31.529 L30.293,4.729 C30.293,4.729 30.367,3.240 28.818,3.240 ZM34.717,6.218 L33.242,6.218 L33.242,21.851 C33.242,21.851 35.970,10.387 36.192,9.196 C36.413,8.005 36.192,6.218 34.717,6.218 ZM24.394,28.551 L9.647,28.551 C9.647,28.551 8.173,28.551 8.173,27.062 C8.173,25.573 9.647,25.573 9.647,25.573 L24.394,25.573 C24.394,25.573 25.869,25.573 25.869,27.062 C25.869,28.551 24.394,28.551 24.394,28.551 ZM24.394,22.596 L9.647,22.596 C9.647,22.596 8.173,22.596 8.173,21.107 C8.173,19.618 9.647,19.618 9.647,19.618 L24.394,19.618 C24.394,19.618 25.869,19.618 25.869,21.107 C25.869,22.596 24.394,22.596 24.394,22.596 ZM8.173,7.707 L17.021,7.707 L17.021,16.641 L8.173,16.641 L8.173,7.707 ZM10.385,14.407 L14.809,14.407 L14.809,9.939 L10.385,9.939 L10.385,14.407 Z'/%3E%3C/svg%3E");

    --icon-truck: url("data:image/svg+xml,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2077%2063%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%20%20fill%3A%20currentColor%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M71%2C29.6c-3.3%2C3.4-7.4%2C5.1-12.2%2C5.1s-9-1.7-12.3-5c-3.4-3.4-5.1-7.5-5.1-12.3s1.7-9%2C5.1-12.3C49.9%2C1.7%2C54%2C0%2C58.8%2C0s8.9%2C1.7%2C12.2%2C5.1c3.3%2C3.4%2C5%2C7.5%2C5%2C12.3s-1.7%2C8.9-5%2C12.3ZM60.5%2C16.7V6.9h-3.5v11.1l7.5%2C7.5%2C2.4-2.4-6.5-6.5ZM42.8%2C33.4c4.4%2C4.3%2C9.8%2C6.5%2C16%2C6.5s4.6-.3%2C6.7-1v13.6h-5.2s.8%2C10.5-10.5%2C10.5-10.5-10.5-10.5-10.5h-13.1s0%2C10.5-10.5%2C10.5-10.5-10.5-10.5-10.5H0v-15.7l7.9-13.1h7.9v-10.5h20.8c-.2%2C1.4-.4%2C2.8-.4%2C4.2%2C0%2C6.3%2C2.2%2C11.7%2C6.6%2C16ZM49.8%2C57.8c5.2%2C0%2C5.2-5.2%2C5.2-5.2%2C0%2C0%2C0-5.2-5.2-5.2s-5.2%2C5.2-5.2%2C5.2c0%2C0%2C0%2C5.2%2C5.2%2C5.2ZM15.7%2C28.9h-5.2l-5.9%2C10.5h11.1v-10.5ZM15.7%2C47.3c-5.2%2C0-5.2%2C5.2-5.2%2C5.2%2C0%2C0%2C0%2C5.2%2C5.2%2C5.2s5.2-5.2%2C5.2-5.2c0%2C0%2C0-5.2-5.2-5.2Z%22/%3E%0A%3C/svg%3E");

    --icon-star: url("data:image/svg+xml,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20332%2051%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20currentColor%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M331.4%2C33.3c-4.1%2C0-5.6%2C1-6.4%2C1.8-.8.8-1.8%2C2.2-1.8%2C6.1s0%2C.6-.5.6-.5-.4-.5-.6c0-4-1-5.4-1.8-6.1-.8-.8-2.2-1.8-6.4-1.8s-.6%2C0-.6-.5.4-.5.6-.5c4.2%2C0%2C5.6-1%2C6.4-1.8.8-.8%2C1.8-2.2%2C1.8-6.1s0-.6.5-.6.5.4.5.6c0%2C4%2C1%2C5.4%2C1.8%2C6.1.8.8%2C2.2%2C1.8%2C6.4%2C1.8s.6%2C0%2C.6.5-.4.5-.6.5ZM313%2C14.1c-6.2%2C0-8.3%2C1.5-9.6%2C2.7-1.2%2C1.2-2.8%2C3.2-2.8%2C9.2s0%2C.9-.8.9-.8-.6-.8-.9c0-6-1.6-8-2.8-9.2-1.2-1.2-3.3-2.7-9.6-2.7s-.9%2C0-.9-.7.7-.7.9-.7c6.2%2C0%2C8.3-1.5%2C9.6-2.7%2C1.2-1.2%2C2.8-3.2%2C2.8-9.2s0-.9.8-.9.8.6.8.9c0%2C6%2C1.6%2C8%2C2.8%2C9.2%2C1.2%2C1.2%2C3.4%2C2.7%2C9.6%2C2.7s.9%2C0%2C.9.7-.7.7-.9.7ZM19.7%2C41.8c-4.5%2C0-6.1%2C1.1-6.9%2C1.9-.9.8-2%2C2.3-2%2C6.7s0%2C.6-.6.6-.6-.5-.6-.6c0-4.3-1.1-5.8-2-6.7-.9-.8-2.4-1.9-6.9-1.9s-.7%2C0-.7-.5.5-.5.7-.5c4.5%2C0%2C6.1-1.1%2C6.9-1.9.9-.8%2C2-2.3%2C2-6.7s0-.6.6-.6.6.5.6.6c0%2C4.3%2C1.1%2C5.8%2C2%2C6.7.9.8%2C2.4%2C1.9%2C6.9%2C1.9s.7%2C0%2C.7.5-.5.5-.7.5Z%22/%3E%0A%3C/svg%3E");

    --icon-present: url("data:image/svg+xml,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2058%2057%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20currentColor%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M31.3%2C56.5c-.8%2C0-1.4-.6-1.4-1.4v-1.2H4.1C1.8%2C53.9%2C0%2C52.1%2C0%2C49.9V12.9c0-.8.6-1.4%2C1.4-1.4h5.7C7.8%2C5.2%2C13.3.4%2C19.9.4s12%2C4.9%2C12.8%2C11.2h5.7c.8%2C0%2C1.4.6%2C1.4%2C1.4v12.5c.4.3.8.8%2C1.2%2C1.3.5-.3%2C1.1-.5%2C1.7-.5s1.2.2%2C1.7.5c1.1-1.5%2C2.3-2.2%2C3.5-2.2%2C2.2%2C0%2C4.1%2C1.8%2C4.1%2C4v2.9h3.8c.8%2C0%2C1.4.6%2C1.4%2C1.4v5.2c0%2C.8-.6%2C1.4-1.4%2C1.4h-.3v15.8c0%2C.8-.6%2C1.4-1.4%2C1.4h-22.8ZM52.7%2C53.7v-14.4h-5.9v14.4h5.9ZM43.9%2C53.7v-14.4h-2.4v14.4h2.4ZM38.6%2C53.7v-14.4h-5.9v14.4h5.9ZM2.9%2C49.9c0%2C.7.5%2C1.2%2C1.2%2C1.2h25.8v-4.5H2.9v3.3ZM29.9%2C43.8v-4.5h-.3c-.8%2C0-1.4-.6-1.4-1.4v-5.2c0-.8.6-1.4%2C1.4-1.4h3.8v-2.9c0-2%2C1.5-3.7%2C3.5-3.9v-10.1h-4.2v5.8h.3c.8%2C0%2C1.4.6%2C1.4%2C1.4s-.6%2C1.4-1.4%2C1.4h-3.5c-.8%2C0-1.4-.6-1.4-1.4s.6-1.4%2C1.4-1.4h.3v-5.8H9.9v5.8h.3c.8%2C0%2C1.4.6%2C1.4%2C1.4s-.6%2C1.4-1.4%2C1.4h-3.5c-.8%2C0-1.4-.6-1.4-1.4s.6-1.4%2C1.4-1.4h.3v-5.8H2.9v29.5h27ZM54.4%2C36.5v-2.4h-5.9v2.4h5.9ZM45.7%2C36.5v-2.4h-5.9v2.4h5.9ZM36.9%2C36.5v-2.4h-5.9v2.4h5.9ZM49.2%2C31.3v-2.9c0-.6-.5-1.2-1.2-1.2-.3%2C0-1.3%2C1-2.1%2C2.4v1.7h3.3ZM43%2C31.3v-2c0-.2-.1-.3-.3-.3s-.3.1-.3.3v2h.7ZM39.5%2C31.3v-1.7c-.6-1-1.3-1.9-1.9-2.3%2C0%2C0%2C0%2C0-.1%2C0%2C0%2C0-.1%2C0-.2%2C0-.5%2C0-1.1.5-1.1%2C1.2v2.9h3.3ZM29.7%2C11.6c-.3-2.2-1.4-4.2-3.1-5.8-1.9-1.7-4.3-2.6-6.8-2.6s-4.9.9-6.8%2C2.6c-1.7%2C1.5-2.8%2C3.6-3.1%2C5.8h19.8Z%22/%3E%0A%3C/svg%3E");

    --icon-cake: url("data:image/svg+xml,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048.6%2057.1%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20currentColor%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C/style%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1.4%2C57.1c-.8%2C0-1.4-.6-1.4-1.4v-3.4c0-1.6%2C1.3-2.9%2C3-2.9h.4v-13.3h0c-.6%2C0-1.1-.2-1.6-.5-.7-.5-1.1-1.3-1.1-2.1v-6c0-2.6%2C2.2-4.8%2C4.9-4.8h14.1v-9.7c0-1.2.9-2.3%2C2.2-2.4-1-.8-1.7-2-1.7-3.2s1.7-4.8%2C2.6-6.6c.3-.5.9-.8%2C1.5-.8s.6%2C0%2C.9.3c.2.1.4.3.5.5.8%2C1.5%2C2.7%2C5%2C2.7%2C6.6s-.6%2C2.5-1.7%2C3.2c1.2.2%2C2.2%2C1.2%2C2.2%2C2.4v9.7h14.1c2.7%2C0%2C4.9%2C2.2%2C4.9%2C4.8v6c0%2C.8-.4%2C1.6-1.1%2C2.1-.5.3-1%2C.5-1.6.5h0v13.3h.4c1.7%2C0%2C3%2C1.3%2C3%2C2.9v3.4c0%2C.8-.6%2C1.4-1.4%2C1.4H1.4ZM45.6%2C54.3v-2s0%2C0%2C0%2C0H3s0%2C0%2C0%2C0v2h42.8%2C0ZM42.2%2C49.4v-4.1c-1.2-.2-2.4-.7-3.3-1.5-.8-.7-1.9-1.1-3-1.1s-2.2.4-3%2C1.1c-1.3%2C1.1-3%2C1.6-4.8%2C1.6s-3.4-.6-4.7-1.6c-.9-.7-1.9-1.1-3-1.1s-2.2.4-3%2C1.1c-1.3%2C1.1-3%2C1.6-4.7%2C1.6h-.2c-1.7%2C0-3.4-.6-4.7-1.6-.5-.4-1-.7-1.6-.9v6.5h36ZM20.3%2C39.9c1.7%2C0%2C3.4.6%2C4.7%2C1.6.9.7%2C1.9%2C1.1%2C3%2C1.1s2.2-.4%2C3-1.1c1.3-1.1%2C3-1.6%2C4.8-1.6s3.4.6%2C4.7%2C1.6c.5.4%2C1%2C.7%2C1.6.9v-7.6s-.2%2C0-.4-.2c-.8-.7-1.8-1.1-2.8-1.1s-2%2C.4-2.8%2C1c-1.3%2C1.1-2.9%2C1.7-4.5%2C1.7h0c-1.7%2C0-3.3-.6-4.5-1.7-.8-.7-1.8-1-2.8-1s-2%2C.4-2.8%2C1c-1.3%2C1.1-2.9%2C1.7-4.6%2C1.7s-3.3-.6-4.6-1.7c-.8-.7-1.8-1-2.8-1s-2%2C.4-2.8%2C1c0%2C0-.3.2-.4.3v5.1c1.2.2%2C2.4.7%2C3.3%2C1.5.8.7%2C1.9%2C1.1%2C3%2C1.1s2.2-.4%2C3-1.1c1.3-1.1%2C3-1.6%2C4.8-1.6h0ZM24.3%2C30.8c1.7%2C0%2C3.3.6%2C4.5%2C1.7.8.7%2C1.8%2C1%2C2.8%2C1s2-.4%2C2.8-1c1.3-1.1%2C2.9-1.7%2C4.6-1.7s3.3.6%2C4.6%2C1.7c.4.4.9.6%2C1.4.8v-5.8c0-1.1-1-2-2.1-2H5.5c-1.1%2C0-2%2C.9-2%2C2v5.8c.5-.2%2C1-.5%2C1.4-.9%2C1.2-1.1%2C2.8-1.7%2C4.5-1.7h.1c1.7%2C0%2C3.3.6%2C4.5%2C1.7.8.7%2C1.8%2C1%2C2.8%2C1s2-.4%2C2.8-1c1.3-1.1%2C2.9-1.7%2C4.5-1.7h.2ZM26.2%2C22.6v-9.7h-4v9.7h4ZM24.2%2C2.6c-.7%2C1.6-1.3%2C3.3-1.8%2C5%2C0%2C.8.8%2C1.5%2C1.8%2C1.5s1.7-.7%2C1.8-1.6c-.4-1.7-1-3.4-1.8-5h0Z%22/%3E%0A%3C/svg%3E");

    --icon-box: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2057%2059%22%20fill%3D%22currentColor%22%3E%0A%20%20%3Cpath%20d%3D%22M56.1%2C34l-6%2C3.5v8.4c0%2C.5-.2.9-.6%2C1.1l-20%2C11.8s0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%2C0%2C0-.1%2C0-.2%2C0%2C0%2C0%2C0%2C0-.1%2C0-.1%2C0-.2%2C0-.3%2C0s-.2%2C0-.3%2C0c0%2C0%2C0%2C0-.1%2C0%2C0%2C0-.1%2C0-.2%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0l-20-11.8c-.4-.2-.6-.7-.6-1.1v-8.4l-6-3.5c-.4-.2-.6-.6-.6-1%2C0-.4%2C0-.8.4-1.1l6.7-6.5s0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C.2-.1%2C0%2C0%2C.2%2C0%2C.3-.1%2C0%2C0%2C.1%2C0%2C.2%2C0%2C0%2C0%2C0%2C0%2C0%2C0l3-1.9c.6-.4%2C1.4-.2%2C1.8.4.4.6.2%2C1.4-.4%2C1.8l-1.6%2C1.1%2C17.4%2C10.2%2C17.4-10.2-1.6-1.1c-.6-.4-.8-1.2-.4-1.8.4-.6%2C1.2-.8%2C1.8-.4l3%2C1.9s0%2C0%2C0%2C0c0%2C0%2C.1%2C0%2C.2%2C0%2C0%2C0%2C.2%2C0%2C.3.1%2C0%2C0%2C.1%2C0%2C.2.1%2C0%2C0%2C0%2C0%2C0%2C0l6.7%2C6.5c.3.3.4.7.4%2C1.1s-.3.7-.6%2C1ZM8.9%2C28l-4.7%2C4.6%2C17.7%2C10.4%2C4.7-4.6-17.7-10.4ZM27.4%2C41.2l-4.4%2C4.3c-.3.3-.6.4-.9.4s-.5%2C0-.7-.2l-11.4-6.7v6.1l17.4%2C10.2v-14.2ZM30%2C55.4l17.4-10.2v-6.1l-11.4%2C6.7c-.2.1-.4.2-.7.2-.3%2C0-.7-.1-.9-.4l-4.4-4.3v14.2ZM48.6%2C28l-17.7%2C10.4%2C4.7%2C4.6%2C17.7-10.4-4.7-4.6ZM49.8%2C16.2l-4.7%2C2.6c-.2.1-.4.2-.7.2-.5%2C0-.9-.2-1.2-.7-.4-.6-.1-1.4.5-1.8l4.7-2.6c.6-.4%2C1.4-.1%2C1.8.5.4.6.1%2C1.4-.5%2C1.8ZM43.2%2C12.6c-.3.4-.7.6-1.1.6s-.5%2C0-.7-.2c-.6-.4-.8-1.2-.4-1.8l4-5.9c.4-.6%2C1.2-.8%2C1.8-.4.6.4.8%2C1.2.4%2C1.8l-4%2C5.9ZM37.2%2C21.3l-1.5%2C4.9-1.5-4.9-3.6-1.4%2C3.6-1.4%2C1.5-4.9%2C1.5%2C4.9%2C3.6%2C1.4-3.6%2C1.4ZM21.2%2C17.3l1.3%2C4.5%2C3.3%2C1.3-3.3%2C1.3-1.3%2C4.5-1.3-4.5-3.3-1.3%2C3.3-1.3%2C1.3-4.5ZM26%2C17.1l-1.9-6.4-4.7-1.8%2C4.7-1.8%2C1.9-6.4%2C1.9%2C6.4%2C4.7%2C1.8-4.7%2C1.8-1.9%2C6.4ZM14.8%2C13c-.2.1-.5.2-.7.2-.4%2C0-.8-.2-1.1-.6l-4-5.9c-.4-.6-.2-1.4.4-1.8.6-.4%2C1.4-.2%2C1.8.4l4%2C5.9c.4.6.2%2C1.4-.4%2C1.8ZM12.9%2C18.4c-.2.4-.7.7-1.2.7s-.4%2C0-.7-.2l-4.7-2.6c-.6-.4-.9-1.1-.5-1.8.4-.6%2C1.2-.8%2C1.8-.5l4.7%2C2.6c.6.4.9%2C1.1.5%2C1.8Z%22/%3E%0A%3C/svg%3E");

    --icon-crown: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2050%2048%22%20fill%3D%22currentColor%22%3E%0A%20%20%3Cpath%20d%3D%22M25%2C47.7c-2%2C0-3.9-1.1-4.9-2.8h0c0-.1-13.4%2C0-13.4%2C0v-12.2s0%2C0%2C0%2C0c-3-1.6-5.2-4.6-6.1-8.2-.8-3.1-.5-6.2.8-8.8%2C1.3-2.7%2C3.5-4.6%2C6.2-5.2.7-.2%2C1.4-.2%2C2.1-.2%2C1.5%2C0%2C2.9.4%2C4.3%2C1.1h.1c0%2C0%2C0%2C0%2C0%2C0%2C.7-.4%2C1.4-.6%2C2.1-.8.7-.2%2C1.4-.2%2C2.1-.2%2C1.9%2C0%2C3.7.6%2C5.4%2C1.7l.3.2v-4.8h-4.4v-2.6h4.4V.2h2.6v4.4h4.4v2.6h-4.4v4.8l.3-.2c1.7-1.1%2C3.5-1.7%2C5.4-1.7s1.4%2C0%2C2.1.2c.7.2%2C1.4.4%2C2.1.8h.1c0%2C0%2C0%2C0%2C0%2C0%2C1.4-.7%2C2.8-1.1%2C4.3-1.1s1.4%2C0%2C2.1.2c2.7.7%2C4.9%2C2.5%2C6.2%2C5.2%2C1.3%2C2.6%2C1.5%2C5.7.8%2C8.8-.9%2C3.6-3.1%2C6.6-6.1%2C8.2h0v12.2h-13.5c-1%2C1.8-2.9%2C2.9-4.9%2C2.9ZM25%2C39c-1.7%2C0-3.1%2C1.4-3.1%2C3.1s1.4%2C3.1%2C3.1%2C3.1%2C3.1-1.4%2C3.1-3.1-1.4-3.1-3.1-3.1ZM40.9%2C42.3v-3.3h-11.1l.2.3c.5.9.8%2C1.8.8%2C2.8v.2h10.1ZM19.3%2C42.3v-.2c0-1%2C.3-2%2C.8-2.8l.2-.3h-11.1v3.3h10.1ZM40.9%2C36.4v-3.3H9.2v3.3h31.7ZM41.9%2C30.6c2.5-1.2%2C4.4-3.8%2C5.2-6.8.6-2.5.4-5-.6-7.1-1-2-2.6-3.4-4.5-3.8-.5-.1-1-.2-1.4-.2s-1.2%2C0-1.8.3h-.3c0%2C0%2C.2.3.2.3%2C2.4%2C2.8%2C3.3%2C7.1%2C2.3%2C11.2-.6%2C2.2-1.6%2C4.3-3.1%2C5.9l-.3.3h4.3ZM33.3%2C30.6c2.5-1.2%2C4.4-3.8%2C5.2-6.8%2C1-4-.3-8.1-3.1-10-.6-.4-1.3-.7-2-.9-.5-.1-.9-.2-1.4-.2-2%2C0-4.1%2C1-5.6%2C2.7h-.1c0%2C.1%2C0%2C15.2%2C0%2C15.2h7ZM18%2C12.6c-.5%2C0-1%2C0-1.4.2-.7.2-1.4.5-2%2C.9-2.8%2C1.9-4%2C6-3.1%2C10%2C.8%2C3.1%2C2.7%2C5.6%2C5.2%2C6.8h7s0-15.2%2C0-15.2c-1.6-1.7-3.7-2.7-5.7-2.7ZM9.4%2C12.6c-.5%2C0-1%2C0-1.4.2-1.9.5-3.5%2C1.8-4.5%2C3.8-1%2C2.1-1.2%2C4.6-.6%2C7.1.8%2C3.1%2C2.7%2C5.6%2C5.2%2C6.8h4.3s-.3-.3-.3-.3c-1.5-1.6-2.6-3.7-3.1-5.9-1-4.1-.1-8.4%2C2.3-11.2l.2-.2h-.3c-.6-.2-1.2-.3-1.8-.3Z%22/%3E%0A%3C/svg%3E");

    --icon-cart: url("data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%20width%3D%2271px%22%20height%3D%2269px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22currentColor%22%0A%20d%3D%22M70.527%2C18.788%20L63.911%2C38.812%20C62.572%2C41.262%2061.071%2C41.689%2059.651%2C41.689%20L24.144%2C41.689%20C24.144%2C41.689%2022.724%2C43.125%2021.304%2C44.563%20C20.300%2C45.579%2021.304%2C47.437%2024.144%2C47.437%20L59.651%2C47.437%20C59.651%2C47.437%2062.491%2C47.437%2062.491%2C50.311%20C62.491%2C53.187%2059.698%2C53.186%2059.698%2C53.186%20L23.200%2C53.186%20C18.914%2C53.186%2014.224%2C49.910%2014.224%2C46.281%20C14.224%2C45.123%2014.001%2C45.109%2014.632%2C44.001%20L18.463%2C38.812%20L9.942%2C8.623%20L4.261%2C8.623%20C4.261%2C8.623%200.000%2C8.623%200.000%2C4.313%20C0.000%2C-0.001%204.261%2C-0.001%204.261%2C-0.001%20L15.759%2C-0.001%20L19.884%2C12.935%20L67.060%2C12.935%20C69.227%2C12.935%2070.1000%2C14.714%2070.1000%2C16.890%20C70.1000%2C17.560%2070.842%2C18.235%2070.527%2C18.788%20ZM21.993%2C56.104%20C25.532%2C56.104%2028.364%2C58.993%2028.364%2C62.551%20C28.364%2C66.110%2025.532%2C69.001%2021.993%2C69.001%20C18.455%2C69.001%2015.623%2C66.110%2015.623%2C62.551%20C15.623%2C58.993%2018.455%2C56.104%2021.993%2C56.104%20ZM55.412%2C56.104%20C58.973%2C56.104%2061.782%2C58.993%2061.782%2C62.551%20C61.782%2C66.110%2058.973%2C69.001%2055.412%2C69.001%20C51.851%2C69.001%2049.041%2C66.110%2049.041%2C62.551%20C49.041%2C58.993%2051.851%2C56.104%2055.412%2C56.104%20Z%22/%3E%0A%3C/svg%3E");

    --icon-cart-rounded: url("data:image/svg+xml,%3Csvg%20id%3D%22_Layer_1%22%20data-name%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2026.8%2027.7%22%3E%3Cpath%20id%3D%22cart%22%20fill%3D%22currentColor%22%20d%3D%22M8.5%2C22.2c-1.5%2C0-2.7%2C1.2-2.7%2C2.8s1.2%2C2.8%2C2.7%2C2.8%2C2.8-1.2%2C2.8-2.8-1.2-2.8-2.8-2.8ZM0%2C0v3h3l4.9%2C11.4-1.9%2C2.4c-.2.4-.3.8-.3%2C1.3%2C0%2C1.5%2C2%2C2.9%2C3.5%2C2.9h12.8s2%2C0%2C2-1.4-2-1.6-2-1.6h-13c-.2%2C0-.3%2C0-.3-.2v-.2s1.3-1.6%2C1.3-1.6h10c1%2C0%2C2.2-.2%2C2.7-1l3.9-6.9c.1-.2.2-.4.2-.7%2C0-.8-.6-1.4-1.4-1.4H7L5%2C0H0ZM21.2%2C22.2c-1.5%2C0-2.7%2C1.2-2.7%2C2.8s1.2%2C2.8%2C2.7%2C2.8%2C2.8-1.2%2C2.8-2.8-1.2-2.8-2.8-2.8Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-close: url("data:image/svg+xml,%3Csvg id%3D%22_Layer_2%22 data-name%3D%22Layer 2%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 version%3D%221.1%22 viewBox%3D%220 0 29.1 29.1%22%3E%3Cpolygon fill%3D%22currentColor%22 points%3D%2229.1 3.5 25.6 0 14.6 11 3.5 0 0 3.5 11 14.6 0 25.6 3.5 29.1 14.6 18.1 25.6 29.1 29.1 25.6 18.1 14.6 29.1 3.5%22%2F%3E%3C%2Fsvg%3E");

    --icon-tel: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23.479%2C19.193c-2.134%2C2.131-2.134%2C4.264-4.269%2C4.264s-4.269-2.133-6.403-4.264c-2.135-2.133-4.269-4.266-4.269-6.399s2.134-2.132%2C4.269-4.265C14.941%2C6.398%2C8.538%2C0%2C6.403%2C0S0%2C6.398%2C0%2C6.398c0%2C4.265%2C4.385%2C12.911%2C8.538%2C17.06%2C4.153%2C4.148%2C12.807%2C8.53%2C17.075%2C8.53%2C0%2C0%2C6.404-4.265%2C6.404-6.397s-6.404-8.53-8.538-6.396Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-home-solid: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2052%2044%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3AcurrentColor%3Bfill-rule%3Aevenodd%3B%7D%3C/style%3E%3C/defs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M47.905%2C28.986s2.095.014%2C3.094-.986%2C1-3%2C1-3L28%2C.875c-1-1-3-1-4%2C0L0%2C25s0%2C2%2C1%2C3%2C3%2C1%2C3%2C1l7-7v18.875s0%2C3%2C3%2C3h24c3%2C0%2C3-3%2C3-3v-18.875l6.905%2C6.986ZM21%2C35v-9h10v8.875l-10%2C.125Z%22/%3E%3C/svg%3E");

    --icon-company: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2022%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2C22V0h19v22h-7v-5h-5v5H0ZM8%2C13h3v-2.999h-3v2.999ZM8%2C8h3v-3h-3v3ZM3%2C13h3v-2.999h-3v2.999ZM3%2C8h3v-3h-3v3ZM13%2C13h3v-2.999h-3v2.999ZM13%2C8h3v-3h-3v3Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-point: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2244px%22 height%3D%2244px%22%3E%3Cpath fill%3D%22currentColor%22 fill-rule%3D%22evenodd%22 d%3D%22M22.000%2C0.000 C9.850%2C0.000 0.000%2C9.849 0.000%2C21.1000 C0.000%2C34.151 9.850%2C43.1000 22.000%2C43.1000 C34.150%2C43.1000 43.1000%2C34.151 43.1000%2C21.1000 C43.1000%2C9.849 34.150%2C0.000 22.000%2C0.000 ZM20.219%2C18.081 C20.370%2C18.321 20.590%2C18.530 20.880%2C18.712 C21.170%2C18.891 21.514%2C19.055 21.915%2C19.206 C22.314%2C19.356 22.764%2C19.511 23.264%2C19.671 C23.985%2C19.911 24.735%2C20.176 25.514%2C20.465 C26.295%2C20.757 27.005%2C21.141 27.644%2C21.620 C28.285%2C22.100 28.815%2C22.696 29.235%2C23.405 C29.655%2C24.116 29.865%2C25.001 29.865%2C26.061 C29.865%2C27.280 29.639%2C28.337 29.190%2C29.226 C28.740%2C30.116 28.135%2C30.850 27.375%2C31.430 C26.614%2C32.010 25.745%2C32.440 24.764%2C32.721 C23.785%2C33.001 22.774%2C33.142 21.735%2C33.142 C20.215%2C33.142 18.745%2C32.876 17.325%2C32.346 C15.904%2C31.815 14.724%2C31.061 13.785%2C30.081 L17.144%2C26.661 C17.665%2C27.301 18.349%2C27.837 19.200%2C28.266 C20.050%2C28.696 20.894%2C28.911 21.735%2C28.911 C22.114%2C28.911 22.485%2C28.872 22.844%2C28.792 C23.205%2C28.712 23.519%2C28.581 23.790%2C28.401 C24.059%2C28.221 24.274%2C27.981 24.434%2C27.681 C24.594%2C27.381 24.675%2C27.020 24.675%2C26.601 C24.675%2C26.202 24.574%2C25.862 24.375%2C25.581 C24.175%2C25.302 23.889%2C25.045 23.519%2C24.815 C23.149%2C24.586 22.689%2C24.376 22.139%2C24.186 C21.590%2C23.997 20.965%2C23.792 20.264%2C23.571 C19.585%2C23.350 18.920%2C23.090 18.269%2C22.792 C17.620%2C22.491 17.040%2C22.106 16.530%2C21.635 C16.019%2C21.167 15.609%2C20.597 15.300%2C19.927 C14.989%2C19.257 14.835%2C18.440 14.835%2C17.481 C14.835%2C16.301 15.075%2C15.292 15.554%2C14.450 C16.035%2C13.610 16.665%2C12.921 17.445%2C12.382 C18.224%2C11.841 19.104%2C11.446 20.085%2C11.196 C21.064%2C10.946 22.054%2C10.821 23.054%2C10.821 C24.255%2C10.821 25.479%2C11.042 26.729%2C11.481 C27.979%2C11.920 29.074%2C12.571 30.014%2C13.430 L26.745%2C16.881 C26.304%2C16.321 25.729%2C15.876 25.019%2C15.546 C24.309%2C15.215 23.625%2C15.052 22.965%2C15.052 C22.625%2C15.052 22.279%2C15.081 21.929%2C15.142 C21.580%2C15.200 21.264%2C15.315 20.985%2C15.485 C20.705%2C15.655 20.469%2C15.876 20.280%2C16.145 C20.090%2C16.416 19.995%2C16.760 19.995%2C17.181 C19.995%2C17.542 20.070%2C17.840 20.219%2C18.081 Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-contact: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2C25h3l10-10-3-3-10%2C10v3Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26%2C26l-2%2C2H4v-3h13v-3H4v-3h14l3-3H4v-3h17v3l5-5V2.999s-.037-2.999-3-2.999H7L0%2C7l.007%2C22S.007%2C32%2C2.97%2C32h20.03c2%2C0%2C3-3%2C3-3v-3ZM10%2C2.999v6.001H4l6-6.001Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-subscription: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.944%2C14.836c-.806.247-1.661.373-2.566.373-2.381%2C0-4.434-.839-6.1-2.495-1.671-1.66-2.519-3.716-2.519-6.11%2C0-.554.05-1.088.141-1.605h-7.913v4h-2.993L0%2C14v6h1.995s0%2C4%2C3.991%2C4%2C3.991-4%2C3.991-4h4.989s0%2C4%2C3.991%2C4c4.276%2C0%2C3.991-4%2C3.991-4h1.995v-5.164ZM1.746%2C15l2.245-4h1.995v4H1.746ZM5.986%2C22c-1.996%2C0-1.996-2-1.996-2%2C0%2C0%2C0-2%2C1.996-2s1.996%2C2%2C1.996%2C2c0%2C0%2C0%2C2-1.996%2C2ZM18.957%2C22c-1.996%2C0-1.996-2-1.996-2%2C0%2C0%2C0-2%2C1.996-2s1.995%2C2%2C1.995%2C2c0%2C0%2C0%2C2-1.995%2C2Z%22%2F%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M27.023%2C1.932c-1.274-1.288-2.823-1.932-4.646-1.932-1.845%2C0-3.41.638-4.695%2C1.915-1.285%2C1.277-1.928%2C2.84-1.928%2C4.689s.642%2C3.413%2C1.928%2C4.689c1.285%2C1.276%2C2.85%2C1.916%2C4.695%2C1.916%2C1.823%2C0%2C3.372-.644%2C4.646-1.932%2C1.274-1.288%2C1.911-2.845%2C1.911-4.672s-.637-3.385-1.911-4.673ZM24.552%2C10.056l-3.088-3.096V2.419h1.762v3.829l2.562%2C2.568-1.236%2C1.239Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-faq: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027%2023%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.84%2C10.637h1.799l-.9-2.814-.899%2C2.814Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.735%2C6.792c-.935%2C0-1.431.636-1.431%2C2.166v1.136c0%2C1.528.496%2C2.165%2C1.431%2C2.165.277%2C0%2C.531-.058.727-.185l-.9-.776.876-1.031.681.603c.035-.232.057-.486.057-.776v-1.136c0-1.53-.507-2.166-1.442-2.166Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.047%2C0H2.886C0%2C0%2C0%2C2.897%2C0%2C2.897v13.521s0%2C2.898%2C2.886%2C2.898h7.695l2.886%2C2.897%2C2.886-2.897h7.695c2.886%2C0%2C2.886-2.898%2C2.886-2.898V2.897s0-2.897-2.886-2.897ZM8.911%2C10.255h-2.999v3.267h-1.616v-7.992h4.961v1.378h-3.345v1.981h2.999v1.366ZM14.562%2C13.521l-.485-1.517h-2.665l-.485%2C1.517h-1.73l2.769-7.992h1.545l2.769%2C7.992h-1.719ZM22.689%2C13.973l-1.073-.914c-.507.381-1.142.567-1.881.567-1.787%2C0-3.045-1.089-3.045-3.532v-1.136c0-2.468%2C1.258-3.533%2C3.045-3.533%2C1.8%2C0%2C3.058%2C1.066%2C3.058%2C3.533v1.136c0%2C.776-.127%2C1.401-.358%2C1.91l1.107.95-.854%2C1.019Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-lifestyle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2021%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.924%2C1.415s-3.51-1.015-6.519-1.015-6.519%2C1.015-6.519%2C1.015c0%2C0-3.257-1.015-6.265-1.015S1.103%2C1.415%2C1.103%2C1.415C1.103%2C1.415.1%2C1.922.1%2C2.43v16.75c0%2C1.015.501%2C1.523%2C1.003%2C1.523s3.51-1.016%2C6.519-1.016%2C6.265%2C1.016%2C6.265%2C1.016c0%2C0%2C3.51-1.016%2C6.519-1.016s6.017%2C1.016%2C6.519%2C1.016%2C1.003-.508%2C1.003-1.523V2.43c0-.508-1.003-1.015-1.003-1.015ZM10.296%2C14.773l-3.037-1.858-3.037%2C1.858.801-3.513-2.67-2.331%2C3.504-.304%2C1.401-3.31%2C1.402%2C3.31%2C3.504.304-2.669%2C2.331.801%2C3.513ZM25.389%2C15.365c-.134.542-.681.868-1.215.739-.018-.004-1.916-.477-3.768-.477s-3.749.473-3.768.477c-.081.021-.164.03-.244.03-.45%2C0-.858-.308-.971-.769-.135-.543.192-1.094.73-1.231.086-.023%2C2.15-.538%2C4.254-.538s4.168.515%2C4.254.538c.538.137.864.687.73%2C1.231ZM25.389%2C10.797c-.134.543-.681.868-1.215.739-.018-.005-1.916-.478-3.768-.478s-3.749.473-3.768.477c-.081.021-.164.031-.244.031-.45%2C0-.858-.307-.971-.769-.135-.544.192-1.095.73-1.23.086-.023%2C2.15-.539%2C4.254-.539s4.168.515%2C4.254.539c.538.136.864.686.73%2C1.23ZM25.389%2C6.229c-.134.543-.681.868-1.215.74-.018-.005-1.916-.478-3.768-.478s-3.749.473-3.768.477c-.081.021-.164.031-.244.031-.45%2C0-.858-.308-.971-.769-.135-.544.192-1.095.73-1.23.086-.023%2C2.15-.538%2C4.254-.538s4.168.516%2C4.254.538c.538.135.864.685.73%2C1.23Z%22%2F%3E%3C%2Fsvg%3E");

    --icon-bulb: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2025%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2C25c4%2C0%2C4-4%2C4-4h-8s0%2C4%2C4%2C4Z%22/%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2C0C3%2C0%2C0%2C4%2C0%2C8c0%2C2%2C.942%2C4.173%2C2%2C5.5%2C1.424%2C1.785%2C2%2C4.5%2C2%2C4.5%2C0%2C0%2C0%2C1%2C1%2C1h6c1%2C0%2C1-1%2C1-1%2C0%2C0%2C.576-2.715%2C2-4.5%2C1.058-1.327%2C2-3.5%2C2-5.5C16%2C4%2C13%2C0%2C8%2C0ZM13%2C9.5c-.553%2C0-1-.447-1-1%2C0-.01-.034-1.62-1.207-2.793s-2.783-1.207-2.799-1.207c-.55-.007-.994-.457-.991-1.006.004-.55.447-.994.997-.994.099%2C0%2C2.435.021%2C4.207%2C1.793s1.793%2C4.108%2C1.793%2C4.207c0%2C.553-.447%2C1-1%2C1Z%22/%3E%3C/svg%3E");

    --icon-safty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 25'%3E%3Cpath fill='currentColor' d='M10.517.4L.1,4.566v8.458c0,7.375,10.417,11.541,10.417,11.541,0,0,10.417-3.125,10.417-11.458V4.566L10.517.4ZM9.475,17.275l-5.208-5.209,2.083-2.082,3.125,3.125,6.25-6.25,2.083,2.083-8.333,8.334Z'/%3E%3C/svg%3E");

    --icon-foods: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 23'%3E%3Cpath fill='currentColor' d='M18.034,14v5h9.966v-5h-9.966ZM16.039,23c-.997,0-.997-1-.997-1v-11l1.627-1.631c.236-.236.555-.369.889-.369h10.92c.333,0,.653.133.889.369l1.627,1.631v11s0,1-.997,1h-13.956Z'/%3E%3Cpath fill='currentColor' d='M12.049,7s.997,0,.997-1-.997-1-.997-1H1.076s-1.076.063-1.076,1.063,1.076.937,1.076.937c0,0-.998.38-.998,2v13s0,1,.998,1h10.973c.997,0,.997-1,.997-1v-13c0-1.62-.997-2-.997-2ZM10.007,19H3.007v-8h7v8Z'/%3E%3Cpath fill='currentColor' d='M13.046,3s0,1-.997,1H1.076C.078,4,.078,3,.078,3v-2S.078,0,1.076,0h10.973c.997,0,.997,1,.997,1v2Z'/%3E%3C/svg%3E");

    --icon-bottle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 25'%3E%3Cpath fill='currentColor' d='M15,5H3C0,5,0,8,0,8v14s0,3,3,3h12c3,0,3-3,3-3V8s0-3-3-3ZM14,16h-4v4h-2v-4h-4v-2h4v-4h2v4h4v2Z'/%3E%3Cpath fill='currentColor' d='M16,0H2v3h14V0Z'/%3E%3C/svg%3E");

    --icon-plus: url("data:image/svg+xml,%3Csvg%20id%3D%22_Layer_2%22%20data-name%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpolygon%20points%3D%2230%2013%2017%2013%2017%200%2013%200%2013%2013%200%2013%200%2017%2013%2017%2013%2030%2017%2030%2017%2017%2030%2017%2030%2013%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");

    --icon-minus: url("data:image/svg+xml,%3Csvg%20id%3D%22_Layer_1%22%20data-name%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2030%204%22%3E%3Crect%20width%3D%2230%22%20height%3D%224%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");

    --icon-sun-food: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 24'%3E%3Cpath fill='currentColor' d='M15,7s1,0,1-1-1-1-1-1H2s-1,0-1,1,1,1,1,1c0,0-2,.38-2,2v13.264s0,1.736,1.735,1.736h13.531c1.735,0,1.735-1.736,1.735-1.736,0,0,0-11.644,0-13.264s-2-2-2-2ZM13,20H4v-9h9v9Z'/%3E%3Cpath fill='currentColor' d='M16,3s.041,1-1,1H2c-1.041,0-1-1-1-1l.041-1.958s0-1.042,1.041-1.042h12.837c1.041,0,1.041,1.042,1.041,1.042l.041,1.958Z'/%3E%3C/svg%3E");

    --icon-sun-product: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 26'%3E%3Cpath fill='currentColor' d='M10.5,26H2.5c-2,0-2-2-2-2l.005-10s-.21-1.901,2-3c1.105-.55,1-4,1-4h6s-.105,3.45,1,4c2.21,1.099,2,3,2,3l-.005,10s0,2-2,2Z'/%3E%3Cpath fill='currentColor' d='M9.505,1s0-1-1-1h-4c-1,0-1,1-1,1v5h6V1Z'/%3E%3C/svg%3E");


    --icon-brs-food: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 23'%3E%3Cpath fill='currentColor' d='M18.034,14v5h9.966v-5h-9.966ZM16.039,23c-.997,0-.997-1-.997-1v-11l1.627-1.631c.236-.236.555-.369.889-.369h10.92c.333,0,.653.133.889.369l1.627,1.631v11s0,1-.997,1h-13.956Z'/%3E%3Cpath fill='currentColor' d='M12.049,7s.997,0,.997-1-.997-1-.997-1H1.076s-1.076.063-1.076,1.063,1.076.937,1.076.937c0,0-.998.38-.998,2v13s0,1,.998,1h10.973c.997,0,.997-1,.997-1v-13c0-1.62-.997-2-.997-2ZM10.007,19H3.007v-8h7v8Z'/%3E%3Cpath fill='currentColor' d='M13.046,3s0,1-.997,1H1.076C.078,4,.078,3,.078,3v-2S.078,0,1.076,0h10.973c.997,0,.997,1,.997,1v2Z'/%3E%3C/svg%3E");

    --icon-brs-product: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 25'%3E%3Cpath fill='currentColor' d='M15,5H3C0,5,0,8,0,8v14s0,3,3,3h12c3,0,3-3,3-3V8s0-3-3-3ZM14,16h-4v4h-2v-4h-4v-2h4v-4h2v4h4v2Z'/%3E%3Cpath fill='currentColor' d='M16,0H2v3h14V0Z'/%3E%3C/svg%3E");

    --icon-ribbon: url("data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%20width%3D%2285px%22%20height%3D%2240px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22currentColor%22%0A%20d%3D%22M-0.000%2C0.000%20L84.1000%2C0.000%20L80.000%2C19.1000%20L84.1000%2C40.000%20L-0.000%2C40.000%20L-0.000%2C0.000%20Z%22/%3E%0A%3C/svg%3E");

    --icon-sparkle: url("data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%0A%20width%3D%22247px%22%20height%3D%2271px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22currentColor%22%0A%20d%3D%22M246.272%2C30.773%20C242.553%2C30.773%20241.267%2C31.674%20240.543%2C32.368%20C239.821%2C33.064%20238.887%2C34.304%20238.887%2C37.884%20C238.887%2C38.020%20238.869%2C38.404%20238.428%2C38.404%20C237.984%2C38.404%20237.969%2C38.020%20237.969%2C37.884%20C237.969%2C34.304%20237.035%2C33.064%20236.313%2C32.368%20C235.591%2C31.672%20234.304%2C30.773%20230.585%2C30.773%20C230.443%2C30.773%20230.043%2C30.758%20230.043%2C30.332%20C230.043%2C29.907%20230.443%2C29.889%20230.585%2C29.889%20C234.304%2C29.889%20235.591%2C28.992%20236.313%2C28.296%20C237.035%2C27.598%20237.969%2C26.363%20237.969%2C22.783%20C237.969%2C22.646%20237.984%2C22.261%20238.428%2C22.261%20C238.869%2C22.261%20238.887%2C22.646%20238.887%2C22.783%20C238.887%2C26.363%20239.821%2C27.598%20240.543%2C28.296%20C241.267%2C28.992%20242.553%2C29.889%20246.272%2C29.889%20C246.414%2C29.889%20246.813%2C29.907%20246.813%2C30.332%20C246.813%2C30.757%20246.414%2C30.773%20246.272%2C30.773%20ZM229.820%2C13.607%20C224.263%2C13.607%20222.341%2C14.953%20221.259%2C15.991%20C220.181%2C17.030%20218.784%2C18.882%20218.784%2C24.231%20C218.784%2C24.436%20218.757%2C25.009%20218.099%2C25.009%20C217.436%2C25.009%20217.414%2C24.436%20217.414%2C24.231%20C217.414%2C18.882%20216.017%2C17.030%20214.939%2C15.991%20C213.860%2C14.951%20211.937%2C13.607%20206.378%2C13.607%20C206.166%2C13.607%20205.569%2C13.586%20205.569%2C12.948%20C205.569%2C12.313%20206.166%2C12.288%20206.378%2C12.288%20C211.937%2C12.288%20213.860%2C10.945%20214.939%2C9.907%20C216.017%2C8.866%20217.414%2C7.018%20217.414%2C1.668%20C217.414%2C1.464%20217.436%2C0.889%20218.099%2C0.889%20C218.757%2C0.889%20218.784%2C1.464%20218.784%2C1.668%20C218.784%2C7.018%20220.181%2C8.866%20221.259%2C9.907%20C222.341%2C10.945%20224.263%2C12.288%20229.820%2C12.288%20C230.031%2C12.288%20230.628%2C12.311%20230.628%2C12.949%20C230.628%2C13.583%20230.031%2C13.607%20229.820%2C13.607%20ZM18.378%2C62.308%20C14.337%2C62.308%2012.939%2C63.287%2012.151%2C64.043%20C11.366%2C64.799%2010.350%2C66.146%2010.350%2C70.037%20C10.350%2C70.187%2010.332%2C70.604%209.852%2C70.604%20C9.368%2C70.604%209.354%2C70.187%209.354%2C70.037%20C9.354%2C66.146%208.338%2C64.799%207.554%2C64.043%20C6.767%2C63.285%205.369%2C62.308%201.326%2C62.308%20C1.171%2C62.308%200.736%2C62.295%200.736%2C61.829%20C0.736%2C61.366%201.171%2C61.349%201.326%2C61.349%20C5.369%2C61.349%206.767%2C60.372%207.554%2C59.616%20C8.338%2C58.859%209.354%2C57.514%209.354%2C53.622%20C9.354%2C53.474%209.368%2C53.055%209.852%2C53.055%20C10.332%2C53.055%2010.350%2C53.474%2010.350%2C53.622%20C10.350%2C57.514%2011.366%2C58.859%2012.151%2C59.616%20C12.939%2C60.372%2014.337%2C61.349%2018.378%2C61.349%20C18.532%2C61.349%2018.966%2C61.365%2018.966%2C61.829%20C18.966%2C62.292%2018.532%2C62.308%2018.378%2C62.308%20Z%22/%3E%0A%3C/svg%3E");

    --icon-line: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwIDMwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIGZpbGw6ICM1NTU7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy40LCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iX+WcluWxpF8xIiBkYXRhLW5hbWU9IuWcluWxpF8xIj4KICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjIuNi4ySDcuNkMuMi4yLjIsNy43LjIsNy43djE1czAsNy41LDcuNSw3LjVoMTVjNy41LDAsNy41LTcuNSw3LjUtNy41VjcuN1MzMC4xLjIsMjIuNi4yWk0yMi45LDE5LjFjLTIuMSwyLjQtNi43LDUuMy03LjgsNS44LTEuMS40LS45LS4zLS45LS41LDAtLjEuMS0uOS4xLS45LDAtLjMsMC0uNiwwLS45LS4xLS4zLS42LS40LS45LS41LTQuOC0uNi04LjMtNC04LjMtOFM5LjYsNi4xLDE1LjEsNi4xczkuOSwzLjYsOS45LDguMWgwYzAsMS44LS43LDMuNC0yLjEsNVoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuNiwxMy4yYy4xLDAsLjIsMCwuMi0uMnYtLjdjMC0uMSwwLS4yLS4yLS4yaC0yLjhjMCwwLDAsMC0uMSwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwuMWgwdjQuMmgwYzAsMCwwLDAsMCwuMWgwczAsMCwwLDBjMCwwLDAsMCwuMSwwaDIuOGMuMSwwLC4yLDAsLjItLjJ2LS43YzAtLjEsMC0uMi0uMi0uMmgtMS45di0uN2gxLjljLjEsMCwuMiwwLC4yLS4ydi0uN2MwLS4xLDAtLjItLjItLjJoLTEuOXYtLjdzMS45LDAsMS45LDBaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjgsMTIuMWgtLjdjLS4xLDAtLjIsMC0uMi4ydjIuNWwtMi0yLjZzMCwwLDAsMGgwczAsMCwwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMHMwLDAsMCwwYzAsMCwwLDAsMCwwaC0uN2MtLjEsMC0uMiwwLS4yLjJ2NC4yYzAsLjEsMCwuMi4yLjJoLjdjLjEsMCwuMiwwLC4yLS4ydi0yLjVsMiwyLjZzMCwwLDAsMGMwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMHMwLDAsMCwwYzAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwaDBzMCwwLDAsMGguN2MuMSwwLC4yLDAsLjItLjJ2LTQuMmMwLS4xLDAtLjItLjItLjIiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMsMTIuMWgtLjdjLS4xLDAtLjIsMC0uMi4ydjQuMmMwLC4xLDAsLjIuMi4yaC43Yy4xLDAsLjIsMCwuMi0uMnYtNC4yYzAtLjEsMC0uMi0uMi0uMiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMS4zLDE1LjdoLTEuOXYtMy40YzAtLjEsMC0uMi0uMi0uMmgtLjdjLS4xLDAtLjIsMC0uMi4ydjQuMmgwYzAsMCwwLDAsMCwuMSwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLC4xLDBoMi44Yy4xLDAsLjIsMCwuMi0uMnYtLjdjMC0uMSwwLS4yLS4yLS4yIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=");

    --icon-fb: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwIDMwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNTU1OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy40LCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iX+WcluWxpF8xIiBkYXRhLW5hbWU9IuWcluWxpF8xIj4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjIuNSwwSDcuNUMwLDAsMCw3LjUsMCw3LjV2MTVzMCw3LjUsNy41LDcuNWgxNWM3LjUsMCw3LjUtNy41LDcuNS03LjVWNy41czAtNy41LTcuNS03LjVaTTE5LjMsMTAuMmgtMS44Yy0xLjIsMC0xLjIuNC0xLjIsMS4ydjEuOGgzLjFsLS42LDIuOWgtMi40djdoLTMuMXYtN2gtMi40di0yLjloMi40di0xLjhjMC0yLjMsMS41LTQuMSwzLjctNC4xczIuMiwwLDIuNCwwdjIuOVoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");

    --icon-youtube: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMzIDIzIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNTU1OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy40LCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iX+WcluWxpF8xIiBkYXRhLW5hbWU9IuWcluWxpF8xIj4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzEuOSwzLjhoMGMtLjQtMS40LTEuNS0yLjUtMi44LTIuOC0yLjUtLjctMTIuNi0uNy0xMi42LS43LDAsMC0xMC4xLDAtMTIuNi43LTEuNC40LTIuNSwxLjUtMi44LDIuOC0uNywyLjUtLjcsNy43LS43LDcuNywwLDAsMCw1LjIuNyw3LjcuNCwxLjQsMS41LDIuNSwyLjgsMi44LDIuNS43LDEyLjYuNywxMi42LjcsMCwwLDEwLjEsMCwxMi42LS43LDEuNC0uNCwyLjUtMS41LDIuOC0yLjguNy0yLjUuNy03LjcuNy03LjcsMCwwLDAtNS4yLS43LTcuN1pNMTMuMywxNi4zVjYuN2w4LjQsNC44LTguNCw0LjhaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=");

    --icon-ig: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwIDMwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNTU1OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy40LCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTY2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iX+WcluWxpF8xIiBkYXRhLW5hbWU9IuWcluWxpF8xIj4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuMywwaC0xMi43QzMuOSwwLDAsMy45LDAsOC43djEyLjdjMCw0LjgsMy45LDguNyw4LjYsOC43aDEyLjdjNC44LDAsOC42LTMuOSw4LjYtOC43di0xMi43QzMwLDMuOSwyNi4xLDAsMjEuMywwaDBaTTI3LjIsMjEuNmMwLDMuMi0yLjYsNS43LTUuNyw1LjdoLTEzYy0zLjIsMC01LjctMi42LTUuNy01Ljd2LTEzYzAtMy4yLDIuNi01LjcsNS43LTUuN2gxM2MzLjIsMCw1LjcsMi42LDUuNyw1Ljd2MTNaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1LDcuM2MtNC4zLDAtNy44LDMuNS03LjgsNy44czMuNSw3LjgsNy44LDcuOCw3LjgtMy41LDcuOC03LjgtMy41LTcuOC03LjgtNy44Wk0xNSwyMC4xYy0yLjgsMC01LTIuMy01LTVzMi4zLTUsNS01LDUsMi4zLDUsNS0yLjMsNS01LDVaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIzLDUuMmMtMSwwLTEuOC44LTEuOCwxLjhzLjgsMS44LDEuOCwxLjgsMS44LS44LDEuOC0xLjgtLjgtMS44LTEuOC0xLjhaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=")
}

/*==================================================
transition
================================================== */
:root {
    --transition-normal: all 0.3s ease;
    --transition-slow: all 0.5s ease;
    --transition-slower: all 0.7s ease;
    --transition-normal-in-out: all 0.3s ease-in-out;
    --transition-slow-in-out: all 0.5s ease-in-out;
    --transition-slower-in-out: all 0.7s ease-in-out;
}


/*==================================================
sp
================================================== */

.pc_item {
    display: none;
}

.apac_contents,
.suntory_contents,
.brands_contents {
    margin-top: 27.466666666666667vw;
}


/* ========================================================================
[sp]header
========================================================================= */
.header {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    transition: var(--transition-normal);
}

.header.scrolling {
    opacity: 0;
    pointer-events: none;
}

.header.fixed {
    opacity: 1;
    position: fixed;
    box-shadow: 0px 0.533333333333333vw 1.333333333333333vw 0px rgb(0, 0, 0, 0.15);
}


.header .function_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.header .function_nav ul {
    list-style: none;
    height: 13.2vw;
    display: flex;
    align-items: center;
}

.header .function_nav a,
.header .function_nav button {
    height: 13.2vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 2.2666666666667vw;
    font-weight: bold;
    position: relative;
    color: #222;
    text-decoration: none;
    padding: 0 0 1.3333333333333vw;
}

.header .function_nav .nav_search button {
    width: 14.6666666666667vw;
    cursor: pointer;
    background: none;
}

.header .function_nav .nav_search {
    transition: var(--transition-normal);
    opacity: 1;
    pointer-events: all;
}

.header.menu_open .function_nav .nav_search {
    opacity: 0;
    pointer-events: none;
}


.header .function_nav .nav_member a {
    width: 14.6666666666667vw;
}

.header .function_nav .nav_cart {
    position: relative;
}

.header .function_nav .nav_cart a {
    width: 14.933333333333333vw;
}

.header .function_nav .nav_cart .count {
    font-size: 2.1333333333333vw;
    font-weight: bold;
    color: #fff;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2vw;
    background: #df3600;
    position: absolute;
    top: 0.2666666666667vw;
    left: 8.4vw;
}

.header .function_nav .nav_search button::before {
    content: '';
    width: 4.4vw;
    height: 4.8vw;
    background-color: #222222;
    -webkit-mask: var(--icon-search);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: 2.8vw;
    left: calc(50% - 2.2vw);
}

.header .function_nav .nav_member a::before {
    content: '';
    width: 4.1333333333333vw;
    height: 4.6666666666667vw;
    background-color: #222222;
    -webkit-mask: var(--icon-membership-filled);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: 2.8vw;
    left: calc(50% - 2.066666666666667vw);
}

.header .function_nav .nav_cart a::before {
    content: '';
    width: 5.3333333333333vw;
    height: 5.7333333333333vw;
    background-color: #222222;
    -webkit-mask: var(--icon-cart-rounded);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: 2.4vw;
    left: calc(50% - 2.6666666666667vw);
}

.header .nav_member a::after,
.header .nav_cart a::after {
    content: '';
    width: 0.2666666666667vw;
    height: 5.3333333333333vw;
    background: #dddddd;
    position: absolute;
    top: calc(50% - 2.6666666666667vw);
    left: 0;
}

.header .btn_menu {
    width: 13.2vw;
    height: 13.2vw;
    position: relative;
    background: none;
}

.header .btn_menu::before {
    content: '';
    width: 5.3333333333333vw;
    height: 4vw;
    background-color: #222222;
    -webkit-mask: var(--icon-menu);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    left: 3.8666666666667vw;
}

.header .btn_menu.active::before {
    content: '';
    width: 4.2666666666667vw;
    height: 4.2666666666667vw;
    background-color: #222222;
    -webkit-mask: var(--icon-close);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.1333333333333vw);
    left: 4.5333333333333vw;
}

/* ========================================================================
[sp]primary_nav
========================================================================= */
.primary_nav {
    border-top: 0.2666666666667vw #dddddd solid;
    width: 100vw;
    height: 14.266666666666667vw;
    box-sizing: border-box;
    position: relative;
}


/* ========================================================================
[sp]nav_page
========================================================================= */
.primary_nav ul.nav_page {
    list-style: none;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.header.menu_open .primary_nav ul.nav_page {
    display: none;
}

.primary_nav .nav_apac {
    /* width: 28vw; */
    position: relative;
    flex: 1;
}

.primary_nav .nav_apac a {
    width: 28vw;
    height: 14.266666666666667vw;
    display: block;
    text-indent: -99999px;
    position: relative;
}

.primary_nav .nav_apac a::before {
    content: '';
    width: 21.3333333333333vw;
    height: 6.1333333333333vw;
    background: url(../img/apac_logo.svg) no-repeat center center;
    background-size: 21.3333333333333vw auto;
    position: absolute;
    top: calc(50% - 3.0666666666667vw);
    left: calc(50% - 10.6666666666667vw);
}

.primary_nav .nav_apac a::after {
    content: '';
    width: 0.1333333333333vw;
    height: 14.266666666666667vw;
    background: #dddddd;
    position: absolute;
    top: 0;
    right: 0;
}

.primary_nav .nav_suntory {
    width: 36vw;
    position: relative;
    /* flex: 1; */
}

.primary_nav .nav_suntory a {
    width: 100%;
    height: 14.266666666666667vw;
    display: block;
    text-indent: -99999px;
    position: relative;
}

.primary_nav .nav_suntory a::before {
    content: '';
    width: 19.866666666666667vw;
    height: 8.6666666666667vw;
    background: url(../img/sun_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 3.0666666666667vw;
    left: 50%;
    transform: translateX(-50%);
}

.primary_nav .nav_suntory a::after {
    content: '';
    width: 0.1333333333333vw;
    height: 14.266666666666667vw;
    background: #dddddd;
    position: absolute;
    top: 0;
    right: 0;
}

.primary_nav .nav_brands {
    width: 36vw;
    /* flex: 1; */
    position: relative;
}

.primary_nav .nav_brands a {
    width: 100%;
    height: 14.266666666666667vw;
    display: block;
    text-indent: -99999px;
    position: relative;
}

.primary_nav .nav_brands a::before {
    content: '';
    width: 13.3333333333333vw;
    height: 9.3333333333333vw;
    background: url(../img/brs_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 2.5333333333333vw;
    left: 50%;
    transform: translateX(-50%);
}

.primary_nav .nav_apac::before {
    content: '';
    width: 28vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.apac_contents .primary_nav .nav_apac::before {
    content: '';
    width: 20vw;
    height: 1.0666666666667vw;
    border-radius: 0.5333333333333vw;
    background: var(--color-suntory);
    position: absolute;
    bottom: 0;
    left: calc(50% - 10vw);
}

.apac_contents .primary_nav .nav_apac {
    background: linear-gradient(to bottom, #bfeaf8 0%, #fff 25%);
}

.primary_nav .nav_suntory::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.suntory_contents .primary_nav .nav_suntory::before {
    content: '';
    width: 25.3333333333333vw;
    height: 1.0666666666667vw;
    border-radius: 0.5333333333333vw;
    background: var(--color-suntory);
    position: absolute;
    bottom: 0;
    left: calc(50% - 12.666666666666667vw);
}

.suntory_contents .primary_nav .nav_suntory {
    background: linear-gradient(to bottom, #b2eaf9 0%, #fff 25%);
}

.primary_nav .nav_brands::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.brands_contents .primary_nav .nav_brands {
    background: linear-gradient(to bottom, #e7d8aa 0%, #fff 25%);
}

.brands_contents .primary_nav .nav_brands::before {
    content: '';
    width: 25.3333333333333vw;
    height: 1.0666666666667vw;
    border-radius: 0.5333333333333vw;
    background: var(--color-brands);
    position: absolute;
    bottom: 0;
    left: calc(50% - 12.666666666666667vw);
}


/* ========================================================================
[sp]nav_tab
========================================================================= */
.primary_nav ul.nav_tab {
    list-style: none;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.menu_open .primary_nav ul.nav_tab {
    display: flex;
}

.primary_nav ul.nav_tab button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    outline: none;
    cursor: pointer;
}

.primary_nav ul.nav_tab button:focus {
    outline: none;
}


.primary_nav .tab_apac {
    width: 28vw;
    position: relative;
}

.primary_nav .tab_apac button {
    width: 28vw;
    height: 14.266666666666667vw;
    display: block;
    text-indent: -99999px;
    position: relative;
}

.primary_nav .tab_apac button::before {
    content: '';
    width: 21.3333333333333vw;
    height: 6.1333333333333vw;
    background: url(../img/apac_logo.svg) no-repeat center center;
    background-size: 21.3333333333333vw auto;
    position: absolute;
    top: calc(50% - 3.0666666666667vw);
    left: calc(50% - 10.6666666666667vw);
}

.primary_nav .tab_apac button::after {
    content: '';
    width: 0.1333333333333vw;
    height: 14.266666666666667vw;
    background: #dddddd;
    position: absolute;
    top: 0;
    right: 0;
}

.primary_nav .tab_apac::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.primary_nav .tab_suntory {
    width: 36vw;
    position: relative;
}

.primary_nav .tab_suntory button {
    width: 36vw;
    height: 14.266666666666667vw;
    display: block;
    text-indent: -99999px;
    position: relative;
}

.primary_nav .tab_suntory button::before {
    content: '';
    width: 19.866666666666667vw;
    height: 8.6666666666667vw;
    background: url(../img/sun_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 3.0666666666667vw;
    left: 50%;
    transform: translateX(-50%);
}

.primary_nav .tab_suntory button::after {
    content: '';
    width: 0.1333333333333vw;
    height: 14.266666666666667vw;
    background: #dddddd;
    position: absolute;
    top: 0;
    right: 0;
}

.primary_nav .tab_suntory::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}


.primary_nav .tab_brands {
    width: 36vw;
    position: relative;
}

.primary_nav .tab_brands button {
    width: 36vw;
    height: 14.266666666666667vw;
    display: block;
    text-indent: -99999px;
    position: relative;
}

.primary_nav .tab_brands button::before {
    content: '';
    width: 13.3333333333333vw;
    height: 9.3333333333333vw;
    background: url(../img/brs_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 2.5333333333333vw;
    left: 50%;
    transform: translateX(-50%);
}

.primary_nav .tab_brands::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.apac_contents .primary_nav .tab_apac::before,
.primary_nav .tab_apac.current::before {
    content: '';
    width: 20vw;
    height: 1.0666666666667vw;
    border-radius: 0.5333333333333vw;
    background: var(--color-suntory);
    position: absolute;
    bottom: 0;
    left: calc(50% - 10vw);
}

.primary_nav .tab_apac.inactive::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}



.apac_contents .primary_nav .tab_apac,
.primary_nav .tab_apac.current {
    background: linear-gradient(to bottom, #bfeaf8 0%, #fff 25%);
}

.apac_contents .primary_nav .tab_apac.inactive {
    background: none;
}


.suntory_contents .primary_nav .tab_suntory::before,
.primary_nav .tab_suntory.current::before {
    content: '';
    width: 25.3333333333333vw;
    height: 1.0666666666667vw;
    border-radius: 0.5333333333333vw;
    background: var(--color-suntory);
    position: absolute;
    bottom: 0;
    left: calc(50% - 12.666666666666667vw);
}

.primary_nav .tab_suntory.inactive::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.suntory_contents .primary_nav .tab_suntory,
.primary_nav .tab_suntory.current {
    background: linear-gradient(to bottom, #b2eaf9 0%, #fff 25%);
}

.suntory_contents .primary_nav .tab_suntory.inactive {
    background: none;
}

.brands_contents .primary_nav .tab_brands::before,
.primary_nav .tab_brands.current::before {
    content: '';
    width: 25.3333333333333vw;
    height: 1.0666666666667vw;
    border-radius: 0.5333333333333vw;
    background: var(--color-brands);
    position: absolute;
    bottom: 0;
    left: calc(50% - 12.666666666666667vw);
}

.primary_nav .tab_brands.inactive::before {
    content: '';
    width: 36vw;
    height: 0.1333333333333vw;
    background: #dddddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

.brands_contents .primary_nav .tab_brands,
.primary_nav .tab_brands.current {
    background: linear-gradient(to bottom, #e7d8aa 0%, #fff 25%);
}

.brands_contents .primary_nav .tab_brands.inactive {
    background: none;
}


/* ========================================================================
[sp]menu
========================================================================= */


/* ========================================================================
[sp]search_keyword,recommend_keyword
========================================================================= */
.menu_search_standalone,
.menu_search {
    width: 100vw;
    padding-bottom: 30vw;
    position: fixed;
    top: 27.466666666666667vw;
    left: 0;
    background: #eef8fbe5;
    background: none;
    z-index: 9999;
    max-height: calc(100vh - 27.466666666666667vw);
    overflow-y: auto;
}

.menu_search_standalone {
    transform: translateY(-100vh);
    transition: var(--transition-normal);
}

.menu_search_standalone.active {
    transform: translateY(0);
    position: fixed;
}

.menu_search_standalone .search_keyword,
.menu_apac_sp .search_keyword,
.menu_suntory_sp .search_keyword,
.menu_brands_sp .search_keyword {
    margin: 0 0 0;
    padding: 4vw 6.6666666666667vw 0;
    background: #eef8fbe5;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: none;
}

.menu_search_standalone .recommend_keyword,
.menu_apac_sp .recommend_keyword,
.menu_suntory_sp .recommend_keyword,
.menu_brands_sp .recommend_keyword {
    margin: 0;
    padding: 4vw 6.6666666666667vw 0;
    background: #eef8fbe5;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.menu_search_standalone .recommend_keyword dt,
.menu_apac_sp .recommend_keyword dt,
.menu_suntory_sp .recommend_keyword dt,
.menu_brands_sp .recommend_keyword dt {
    margin: 0;
    height: 9.333333333333333vw;
    font-size: 4vw;
    font-weight: bold;
}

.menu_search_standalone .search_keyword form,
.menu_apac_sp .search_keyword form,
.menu_suntory_sp .search_keyword form,
.menu_brands_sp .search_keyword form {
    position: relative;
    border: 0.1333333333333vw #ccc solid;
    overflow: visible;
}

.menu_search_standalone .search_keyword form::after,
.menu_apac_sp .search_keyword form::after,
.menu_suntory_sp .search_keyword form::after,
.menu_brands_sp .search_keyword form::after {
    content: '';
    width: 6vw;
    height: 6vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-search);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3vw);
    right: 5.3333333333333vw;
}


.menu_search_standalone .search_keyword .search_btn,
.menu_apac_sp .search_keyword .search_btn,
.menu_suntory_sp .search_keyword .search_btn,
.menu_brands_sp .search_keyword .search_btn {
    width: 14.6666666666667vw;
    height: 14.6666666666667vw;
    border: none;
    margin: 0;
    padding: 0;
    text-indent: -99999px;
    overflow: hidden;
    white-space: nowrap;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.menu_search_standalone .search_keyword input,
.menu_apac_sp .search_keyword input,
.menu_suntory_sp .search_keyword input,
.menu_brands_sp .search_keyword input {
    width: 100%;
    height: 14.6666666666667vw;
    border: 0.1333333333333vw #ccc solid;
    border-radius: 0;
    outline: none;
    padding: 0 12vw 0 5.3333333333333vw;
    font-size: 4.2666666666667vw;
    color: #666;
}

.menu_search_standalone .search_keyword input::placeholder,
.menu_apac_sp .search_keyword input::placeholder,
.menu_suntory_sp .search_keyword input::placeholder,
.menu_brands_sp .search_keyword input::placeholder {
    color: #666;
}

.menu_search_standalone .recommend_keyword .keyword_list,
.menu_apac_sp .recommend_keyword .keyword_list,
.menu_suntory_sp .recommend_keyword .keyword_list,
.menu_brands_sp .recommend_keyword .keyword_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 4vw;
}

.apac_contents .menu_search_standalone .recommend_keyword .keyword_list.keyword_list_suntory,
.apac_contents .menu_search_standalone .recommend_keyword .keyword_list.keyword_list_brands,
.apac_contents .menu_search_standalone .search_keyword .header_input_top.header_input_top_suntory,
.apac_contents .menu_search_standalone .search_keyword .header_input_top.header_input_top_brands {
    display: none;
}

.suntory_contents .menu_search_standalone .recommend_keyword .keyword_list.keyword_list_apac,
.suntory_contents .menu_search_standalone .recommend_keyword .keyword_list.keyword_list_brands,
.suntory_contents .menu_search_standalone .search_keyword .header_input_top.header_input_top_brands,
.suntory_contents .menu_search_standalone .search_keyword .header_input_top.header_input_top_apac {
    display: none;
}

.brands_contents .menu_search_standalone .recommend_keyword .keyword_list.keyword_list_suntory,
.brands_contents .menu_search_standalone .recommend_keyword .keyword_list.keyword_list_apac,
.brands_contents .menu_search_standalone .search_keyword .header_input_top.header_input_top_suntory,
.brands_contents .menu_search_standalone .search_keyword .header_input_top.header_input_top_apac {
    display: none;
}



.menu_search_standalone .recommend_keyword .keyword_list li,
.menu_apac_sp .recommend_keyword .keyword_list li,
.menu_suntory_sp .recommend_keyword .keyword_list li,
.menu_brands_sp .recommend_keyword .keyword_list li {
    margin: 0 1.3333333333333vw 2vw 0;
}

.menu_search_standalone .recommend_keyword .keyword_list li a,
.menu_apac_sp .recommend_keyword .keyword_list li a,
.menu_suntory_sp .recommend_keyword .keyword_list li a,
.menu_brands_sp .recommend_keyword .keyword_list li a {
    display: block;
    height: 8vw;
    padding: 0 3.3333333333333vw;
    display: flex;
    align-items: center;
    border-radius: 4vw;
    background: #fff;
    font-size: 3.4666666666667vw;
    border: 0.1333333333333vw #ccc solid;
    text-decoration: none;
    color: #222;
}


/* ========================================================================
[sp]history_list
========================================================================= */
.menu_search_standalone .history_list_sp {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 86.6666666666667vw;
    background: #fff;
    border-right: 0.266666666666667vw #ccc solid;
    border-left: 0.266666666666667vw #ccc solid;
    border-bottom: 0.266666666666667vw #ccc solid;
    box-sizing: border-box;
    border-radius: 0 0 0.6666666666667vw 0.6666666666667vw;
    position: absolute;
    top: 18.6666666666667vw;
    left: 6.666666666666667vw;
    display: none;
    z-index: 1000;
}

.menu_apac_sp .search_keyword_wrapp,
.menu_suntory_sp .search_keyword_wrapp,
.menu_brands_sp .search_keyword_wrapp {
    position: relative;
}

.menu_apac_sp .history_list_sp,
.menu_suntory_sp .history_list_sp,
.menu_brands_sp .history_list_sp {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 86.6666666666667vw;
    background: #fff;
    border-right: 0.266666666666667vw #ccc solid;
    border-left: 0.266666666666667vw #ccc solid;
    border-bottom: 0.266666666666667vw #ccc solid;
    box-sizing: border-box;
    border-radius: 0 0 0.6666666666667vw 0.6666666666667vw;
    position: absolute;
    top: 18.6666666666667vw;
    left: 6.6666666666667vw;
    display: none;
    z-index: 1000;
}

.menu_search_standalone .history_list_sp::before,
.menu_apac_sp .history_list_sp::before,
.menu_suntory_sp .history_list_sp::before,
.menu_brands_sp .history_list_sp::before {
    content: '搜尋紀錄';
    width: 86.133333333333333vw;
    height: 10.533333333333333vw;
    font-size: 3.7333333333333vw;
    color: #000;
    background: #eee;
    display: flex;
    align-items: center;
    padding: 0 4.4vw;
    box-sizing: border-box;
}

.menu_search_standalone .history_list_sp.active,
.menu_apac_sp .history_list_sp.active,
.menu_suntory_sp .history_list_sp.active,
.menu_brands_sp .history_list_sp.active {
    display: block;
}

.menu_search_standalone .history_list_pc,
.menu_search_standalone .history_list_pc.active,
.menu_suntory_sp .history_list_pc,
.menu_brands_sp .history_list_pc.active {
    display: none;
}

.menu_search_standalone .history_list_sp li,
.menu_apac_sp .history_list_sp li,
.menu_suntory_sp .history_list_sp li,
.menu_brands_sp .history_list_sp li {
    margin: 0 auto;
    width: 100%;
    min-height: 10.533333333333333vw;
    border-bottom: 1px #eee solid;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4.4vw;
    box-sizing: border-box;
}

.menu_search_standalone .history_list_sp li:last-child,
.menu_apac_sp .history_list_sp li:last-child,
.menu_suntory_sp .history_list_sp li:last-child,
.menu_brands_sp .history_list_sp li:last-child {
    border-bottom: none;
}

.menu_search_standalone .history_list_sp li a,
.menu_apac_sp .history_list_sp li a,
.menu_suntory_sp .history_list_sp li a,
.menu_brands_sp .history_list_sp li a {
    color: #222;
    text-decoration: none;
}

.menu_search_standalone .history_list_sp li a:hover,
.menu_apac_sp .history_list_sp li a:hover,
.menu_suntory_sp .history_list_sp li a:hover,
.menu_brands_sp .history_list_sp li a:hover {
    text-decoration: underline;
    color: #df3600;
}

.menu_search_standalone .history_list_sp li .btn_delete,
.menu_apac_sp .history_list_sp li .btn_delete,
.menu_suntory_sp .history_list_sp li .btn_delete,
.menu_brands_sp .history_list_sp li .btn_delete {
    padding: 0;
    background-color: transparent;
    border: none;
    appearance: none;
    border: none;
    text-indent: -9999px;
    width: 4vw;
    height: 4vw;
    background: #aaa;
    border-radius: 2vw;
    cursor: pointer;
    position: relative;
}

.menu_search_standalone .history_list_sp li .btn_delete::before,
.menu_apac_sp .history_list_sp li .btn_delete::before,
.menu_suntory_sp .history_list_sp li .btn_delete::before,
.menu_brands_sp .history_list_sp li .btn_delete::before {
    content: '';
    width: 1.3333333333333vw;
    height: 1.3333333333333vw;
    background-color: #ffffff;
    -webkit-mask: var(--icon-close);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 0.666666666666667vw);
    left: calc(50% - 0.666666666666667vw);
}

.menu_search_standalone .history_list_sp li .btn_delete:hover,
.menu_apac_sp .history_list_sp li .btn_delete:hover,
.menu_suntory_sp .history_list_sp li .btn_delete:hover,
.menu_brands_sp .history_list_sp li .btn_delete:hover {
    background: #df3600;
}


/* ========================================================================
[sp]btn_close
========================================================================= */
.menu_search_standalone .btn_search_close,
.menu_apac_sp .btn_menu_close,
.menu_suntory_sp .btn_menu_close,
.menu_brands_sp .btn_menu_close {
    width: 100vw;
    height: 13.3333333333333vw;
    padding: 0 0 0 5.3333333333333vw;
    background: #ffffffe5;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 4vw;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    opacity: 0;
    pointer-events: none;
}

.menu_search_standalone.active .btn_search_close,
.menu_apac_sp.active .btn_menu_close,
.menu_suntory_sp.active .btn_menu_close,
.menu_brands_sp.active .btn_menu_close {
    opacity: 1;
    pointer-events: all;
}

.menu_search_standalone .btn_search_close::before,
.menu_apac_sp .btn_menu_close::before,
.menu_suntory_sp .btn_menu_close::before,
.menu_brands_sp .btn_menu_close::before {
    content: '';
    width: 3.4666666666667vw;
    height: 3.4666666666667vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-close);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.7333333333333vw);
    left: 42.4vw;
}

/* ========================================================================
[sp]menu_apac_sp
========================================================================= */
.menu_apac_sp {
    width: 100vw;
    padding-bottom: 30vw;
    max-height: calc(100vh - 27.466666666666667vw);
    overflow-y: auto;
    position: absolute;
    top: 27.466666666666667vw;
    left: 0;
    background: none;
    z-index: 100;
    transform: translateY(-100vh);
    transition: var(--transition-normal);
}

.menu_apac_sp.active {
    transform: translateY(0);
    position: fixed;
}

.with_menu_open .menu_apac_sp {
    transform: translateY(0);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-normal);
}

.with_menu_open .menu_apac_sp.active {
    transform: translateY(0);
    position: fixed;
    pointer-events: all;
    opacity: 1;
}



/* ========================================================================
[sp]menu_suntory_sp
========================================================================= */
.menu_suntory_sp {
    width: 100vw;
    padding-bottom: 30vw;
    max-height: calc(100vh - 27.466666666666667vw);
    overflow-y: auto;
    position: absolute;
    top: 27.466666666666667vw;
    left: 0;
    background: none;
    z-index: 100;
    transition: var(--transition-normal);
    transform: translateY(-100vh);
}

.menu_suntory_sp.active {
    height: auto;
    transform: translateY(0);
    position: fixed;
}

.with_menu_open .menu_suntory_sp {
    transform: translateY(0);
    transition: var(--transition-normal);
    opacity: 0;
    pointer-events: none;
}

.with_menu_open .menu_suntory_sp.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
    position: fixed;
}

/* ========================================================================
[sp]menu_brands_sp
========================================================================= */
.menu_brands_sp {
    width: 100vw;
    padding-bottom: 30vw;
    max-height: calc(100vh - 27.466666666666667vw);
    overflow-y: auto;
    position: absolute;
    top: 27.466666666666667vw;
    left: 0;
    background: none;
    z-index: 100;
    transition: var(--transition-normal);
    transform: translateY(-100vh);
}

.menu_brands_sp.active {
    height: auto;
    transform: translateY(0);
    position: fixed;
}

.with_menu_open .menu_brands_sp {
    transform: translateY(0);
    transition: var(--transition-normal);
    opacity: 0;
    pointer-events: none;
}

.with_menu_open .menu_brands_sp.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}


/* ========================================================================
[sp]menu_primary
========================================================================= */
.menu_primary {
    list-style: none;
    background: #FFFFFFE5;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.menu_primary li .menu_toggle {
    width: 100%;
    background: none;
}

.menu_primary li a,
.menu_primary li .menu_toggle {
    display: flex;
    align-items: center;
    height: 14.6666666666667vw;
    border-bottom: 0.1333333333333vw #ccc solid;
    text-decoration: none;
    font-size: 4vw;
    font-weight: bold;
    color: #222;
    padding: 0 0 0 21.6vw;
    position: relative;
}

.menu_primary li:last-child a {
    border-bottom: none;
}

.menu_apac_sp .menu_primary li a {
    padding: 0 0 0 27.066666666666667vw;
}

.menu_primary li a::after,
.menu_primary li .menu_toggle::after {
    content: '';
    width: 1.7333333333333vw;
    height: 2.9333333333333vw;
    background-color: #222222;
    -webkit-mask: var(--icon-arrow-right);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.466666666666667vw);
    right: 10.6666666666667vw;
}

.menu_apac_sp .menu_primary li a::after {
    right: 16vw;
}

.menu_primary li.has_nested a::after,
.menu_primary li.has_nested .menu_toggle::after {
    content: '';
    width: 4vw;
    height: 4vw;
    background-color: #222222;
    -webkit-mask: var(--icon-plus);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    right: 9.3333333333333vw;
}

.menu_primary li.has_nested a.active::after,
.menu_primary li.has_nested .menu_toggle.active::after {
    content: '';
    width: 4vw;
    height: 4vw;
    background-color: #222222;
    -webkit-mask: var(--icon-minus);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    right: 9.3333333333333vw;
}


.menu_primary li.menu_top a::before {
    content: '';
    width: 6.933333333333333vw;
    height: 6.4vw;
    background-color: var(--color-suntory);

    -webkit-mask: var(--icon-home-solid);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.2vw);
    left: 6.9333333333333vw;
}

.menu_brands_sp .menu_primary li.menu_top a::before {
    background: var(--color-brands);
}


.menu_apac_sp .menu_primary li.menu_top a::before {
    left: 12.533333333333333vw;
}

.menu_primary li.menu_outline a::before {
    content: '';
    width: 5.0666666666667vw;
    height: 5.8666666666667vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-company);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.9333333333333vw);
    left: 8.133333333333333vw;
}

.menu_apac_sp .menu_primary li.menu_outline a::before {
    left: 13.466666666666667vw;
}

.menu_primary li.menu_family a::before,
.menu_primary li.menu_family .menu_toggle::before {
    content: '';
    width: 5.8666666666667vw;
    height: 5.8666666666667vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-point);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.9333333333333vw);
    left: 7.7333333333333vw;
}

.menu_apac_sp .menu_primary li.menu_family a::before {
    left: 13.066666666666667vw;
}

.menu_primary li.menu_subscription a::before,
.menu_primary li.menu_subscription .menu_toggle::before {
    content: '';
    width: 7.7333333333333vw;
    height: 6.4vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-subscription);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.2vw);
    left: 6.8vw;
}

.menu_apac_sp .menu_primary li.menu_subscription a::before {
    left: 12.133333333333333vw;
}

.menu_primary li.menu_faq a::before,
.menu_primary li.menu_faq .menu_toggle::before {
    content: '';
    width: 7.4666666666667vw;
    height: 6.1333333333333vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-faq);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.0666666666667vw);
    left: 6.9333333333333vw;
}

.menu_brands_sp .menu_primary li.menu_faq a::before,
.menu_brands_sp .menu_primary li.menu_faq .menu_toggle::before {
    background: var(--color-brands);
}

.menu_apac_sp .menu_primary li.menu_faq a::before {
    left: 12.133333333333333vw;
}

.menu_primary li.menu_lifestyle a::before,
.menu_primary li.menu_lifestyle .menu_toggle::before {
    content: '';
    width: 7.6vw;
    height: 5.3333333333333vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-lifestyle);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.6666666666667vw);
    left: 6.9333333333333vw;
}

.menu_brands_sp .menu_primary li.menu_lifestyle a::before,
.menu_brands_sp .menu_primary li.menu_lifestyle .menu_toggle::before {
    background: var(--color-brands);
}

.menu_apac_sp .menu_primary li.menu_lifestyle a::before {
    left: 12.133333333333333vw;
}

.menu_primary li.menu_contact a::before,
.menu_primary li.menu_contact .menu_toggle::before {
    content: '';
    width: 6.4vw;
    height: 5.8666666666667vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-contact);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.9333333333333vw);
    left: 8.266666666666667vw;
}

.menu_brands_sp .menu_primary li.menu_contact a::before,
.menu_brands_sp .menu_primary li.menu_contact .menu_toggle::before {
    background: var(--color-brands);
}

.menu_apac_sp .menu_primary li.menu_contact a::before {
    left: 13.6vw;
}


.menu_primary li.menu_about a::before,
.menu_primary li.menu_about .menu_toggle::before {
    content: '';
    width: 5.3333333333333vw;
    height: 6.4vw;
    background: var(--color-brands);
    -webkit-mask: var(--icon-bulb);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.2vw);
    left: 8vw;
}

.menu_apac_sp .menu_primary li.menu_about a::before {
    left: 13.3333333333333vw;
}

.menu_primary li.menu_safty a::before,
.menu_primary li.menu_safty .menu_toggle::before {
    content: '';
    width: 5.3333333333333vw;
    height: 6.4vw;
    background-color: var(--color-suntory);
    -webkit-mask: var(--icon-safty);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.2vw);
    left: 8vw;
}

.menu_apac_sp .menu_primary li.menu_safty a::before {
    left: 13.3333333333333vw;
}

.menu_primary li.menu_healthfood a::before,
.menu_primary li.menu_healthfood .menu_toggle::before {
    content: '';
    width: 9.6vw;
    height: 9.3333333333333vw;
    background: url(../img/icon_healthfood.webp) no-repeat 0 0;
    background-size: 9.6vw auto;
    position: absolute;
    top: calc(50% - 4.6666666666667vw);
    left: 5.8666666666667vw;
}

.menu_primary li.menu_skincare a::before,
.menu_primary li.menu_skincare .menu_toggle::before {
    content: '';
    width: 9.733333333333333vw;
    height: 9.466666666666667vw;
    background: url(../img/icon_skincare.webp) no-repeat 0 0;
    background-size: 9.6vw auto;
    position: absolute;
    top: calc(50% - 4.733333333333333vw);
    left: 5.7333333333333vw;
}

.menu_primary li.menu_helthcare a::before,
.menu_primary li.menu_helthcare .menu_toggle::before {
    content: '';
    width: 6.1333333333333vw;
    height: 9.466666666666667vw;
    background: url(../img/icon_helthcare.webp) no-repeat 0 0;
    background-size: 6.1333333333333vw auto;
    position: absolute;
    top: calc(50% - 4.733333333333333vw);
    left: 5.7333333333333vw;
}

.menu_primary li.menu_pet a::before,
.menu_primary li.menu_pet .menu_toggle::before {
    content: '';
    width: 14.933333333333333vw;
    height: 6.5333333333333vw;
    background: url(../img/icon_pet.webp) no-repeat 0 0;
    background-size: 14.933333333333333vw auto;
    position: absolute;
    top: calc(50% - 3.266666666666666vw);
    left: 3.2vw;
}

.menu_primary li.nav_all_sp a::before,
.menu_primary li.nav_all_sp .menu_toggle::before {
    content: '';
    width: 8vw;
    height: 6.2666666666667vw;
    background: var(--color-brands);
    -webkit-mask: var(--icon-brs-food);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.133333333333333vw);
    left: 6.6666666666667vw;
}

.menu_primary li.nav_platinum_sp a::before,
.menu_primary li.nav_platinum_sp .menu_toggle::before {
    content: '';
    width: 4.8vw;
    height: 6.8vw;
    background: var(--color-brands);
    -webkit-mask: var(--icon-brs-product);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.4vw);
    left: 8.266666666666667vw;
}

/* ========================================================================
[sp]menu_secondary
========================================================================= */
.menu_secondary {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition-normal);
}

.menu_secondary.active {
    max-height: 150vh;
}

.menu_secondary li {
    list-style: none;
}

.menu_primary li .menu_secondary li a {
    display: flex;
    align-items: center;
    height: 14.6666666666667vw;
    border-bottom: 0.1333333333333vw #ccc solid;
    padding: 0 0 0 29.3333333333333vw;
    position: relative;
}

.menu_primary li.has_nested .menu_secondary li a::before {
    display: none;
}

.menu_primary li .menu_secondary li a::after {
    content: '';
    width: 1.7333333333333vw;
    height: 2.9333333333333vw;
    background-color: #222222;
    -webkit-mask: var(--icon-arrow-right);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 0.866666666666667vw);
    right: 10.6666666666667vw;
}

.menu_secondary li figure {
    width: 10.6666666666667vw;
    height: 10.6666666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 5.3333333333333vw);
    left: 10.6666666666667vw;
}

.menu_secondary li figure img {
    width: 100%;
    height: auto;
}

/* ========================================================================
[sp]menu_apac_pc
========================================================================= */
.menu_apac_pc {
    display: none;
}

/* ========================================================================
[sp]menu_suntory_pc
========================================================================= */
.menu_suntory_pc {
    display: none;
}

.menu_suntory01_pc,
.menu_suntory02_pc {
    display: none;
}

/* ========================================================================
[sp]menu_brands_pc
========================================================================= */
.menu_brands_pc {
    display: none;
}

.menu_brands01_pc,
.menu_brands02_pc {
    display: none;
}

/* ========================================================================
[sp]overlay
========================================================================= */
.overlay {
    display: block;
    position: fixed;
    top: 27.466666666666667vw;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #0000004D;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: var(--transition-normal-in-out);
    z-index: 99;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}



/* ========================================================================
[sp]contact
========================================================================= */
.contact {
    padding: 8vw 0;
    background: #f4f4f4;
}

.contact .contact_info {
    margin: 0 auto;
    padding: 6.6666666666667vw 8vw 5.3333333333333vw;
    width: 84vw;
    border-radius: 1.0666666666667vw;
    background: #fff;
}

.contact.contact_apac .contact_info {
    padding: 6.6666666666667vw 8vw 6.6666666666667vw;
}

.contact .contact_info dl {
    margin: 0 auto;
    padding: 0 0 5.3333333333333vw;
    width: 68vw;
}

.contact.contact_apac .contact_info dl.form {
    padding: 5.3333333333333vw 0 0;
}



.contact .contact_info dl.sns_list_apac {
    padding: 5.3333333333333vw 0 0;
    width: 68vw;
    position: relative;
}

.contact .contact_info dl.sns_list_suntory,
.contact .contact_info dl.sns_list_brands {
    padding: 5.3333333333333vw 0 0;
    width: 68vw;
    position: relative;
}

.contact .contact_info dl.sns_list_apac::before,
.contact .contact_info dl.sns_list_suntory::before,
.contact .contact_info dl.sns_list_brands::before {
    content: '';
    width: 68vw;
    height: 2.6666666666667vw;
    background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 50%, #ffffff 100%);
    border-radius: 2.6666666666667vw;
    position: absolute;
    top: -1.3333333333333vw;
    left: 0;
    z-index: 10;
}

.contact .contact_info dl.sns_list_apac::after,
.contact .contact_info dl.sns_list_suntory::after,
.contact .contact_info dl.sns_list_brands::after {
    content: '';
    width: 68vw;
    height: 1.3333333333333vw;
    background: #ffffff;
    position: absolute;
    top: -1.3333333333333vw;
    left: 0;
    z-index: 100;
}

.contact .contact_info dt {
    margin: 0 0 6vw;
    font-size: 4.2666666666667vw;
    font-weight: bold;
    position: relative;
}

.contact.contact_apac .contact_info dt {
    font-size: 4.2666666666667vw;
}

.contact .contact_info .contact_tell_group .tell:nth-child(2) {
    border-top: 0.2666666666667vw #ddd solid;
    padding-top: 6vw;
}

.contact .contact_info .tell dt {
    padding: 0;
    text-align: center;
}

.contact .contact_info .form {
    border-top: 0.2666666666667vw #ddd solid;
    padding-top: 6vw;
}

.contact .contact_info .form dt {
    padding: 0;
    text-align: center;
}

.contact_grid {
    display: grid;
    grid-template-areas: "a"
        "b"
        "c";
    column-gap: 0;
    row-gap: 3vw;
    margin: 8vw auto 0px auto;
    FONT-VARIANT: JIS04;
    width: fit-content;
    position: relative;
}

.contact_grid:before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    top: -6vw;
    left: 50%;
    transform: translateX(-50%);
    border-top: #ccc solid 1px
}


.contact_grid .contact_apac {
    grid-area: a;
    text-align: center;
    margin-bottom: 2vw;
}

.contact_grid .contact_apac span {
    font-size: 4.5vw;
    font-weight: bold;
}

.contact_grid .contact_apac span:nth-child(1) {
    display: none
}

.contact_grid .btn_contact {
    grid-area: b;
    margin-bottom: 0 !important;
}

.contact_grid .btn_contact_line {
    grid-area: c
}

.contact .btn_tell {
    margin: 0 auto 5.3333333333333vw;
    padding: 0 0 0 16.4vw;
    width: 68vw;
    height: 14.6666666666667vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    font-family: "Avenir Next Condensed";
    font-size: 6.6666666666667vw;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    background: linear-gradient(180deg, #fff, #f4f4f4);
    border: 0.2666666666667vw #dddddd solid;
    border-radius: 7.333333333333333vw;
    position: relative;
}

.contact .btn_tell::before {
    content: '';
    width: 6.4vw;
    height: 6.4vw;
    background-color: #222222;
    -webkit-mask: var(--icon-tel);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.2vw);
    left: 6.6666666666667vw;
}

.contact .btn_tell .hyphen {
    margin: 0 0.9333333333333vw;
    transform: scaleX(1.75) translate(0, -0.333333333333333vw);
}

.contact .note {
    font-size: 3.6vw;
    font-weight: bold;
    display: flex;
    justify-content: center;

}

.contact .note .label {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.contact .note .label .colon {
    margin: 0 1.8666666666667vw;
}

.contact .note .text .number {
    margin-left: 2.6666666666667vw;
    font-family: "Avenir Next Condensed";
}

.contact .btn_contact {
    margin: 0 auto;
    padding: 0;
    width: 68vw;
    height: 14.6666666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.4vw;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    background: linear-gradient(180deg, #fff, #f4f4f4);
    border: 0.2666666666667vw #dddddd solid;
    border-radius: 1.3333333333333vw;
    position: relative;
	box-sizing: border-box
}

.contact .btn_contact_line {
    margin: 0 auto;
    padding: 0 0 0 25.066666666666667vw;
    width: 68vw;
    height: 13.3333333333333vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 4.4vw;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    background: linear-gradient(180deg, #fff, #f4f4f4);
    border: 0.2666666666667vw #dddddd solid;
    border-radius: 1.3333333333333vw;
    position: relative;
	box-sizing: border-box
}

.contact .btn_contact::before {
    content: '';
    width: 6.6666666666667vw;
    height: 6.5333333333333vw;
    /* background-color: #222222; */
    /* -webkit-mask: var(--icon-contact); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.266666666666666);
    left: 14.133333333333333vw;
}

.contact .btn_contact_line::before {
    content: '';
    width: 6.6666666666667vw;
    height: 6.5333333333333vw;
    background-color: #222222;
    -webkit-mask: var(--icon-line);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 3.266666666666666);
    left: 14.133333333333333vw;
}

.contact .sns_list_apac {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.contact.contact_apac .sns_list_apac dt {
    margin: 0 4.2666666666667vw 0 0;
    font-size: 3.4666666666667vw;
}

.contact .sns_list_suntory dt,
.contact .sns_list_brands dt {
    margin: 0 0 5.3333333333333vw;
    text-align: center;
    font-size: 3.4666666666667vw;
}

.contact .sns_list_contact {
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: fit-content;
    gap: 3vw;
}

.contact.contact_suntory .sns_list_contact,
.contact.contact_brands .sns_list_contact {
    margin: 0 auto;
}

.contact.contact_suntory .sns_list_contact li,
.contact.contact_brands .sns_list_contact li {
    /* width: 26.6666666666667vw; */
    /* margin: 0 4vw 2.9333333333333vw 0; */
}

.contact.contact_suntory .sns_list_contact li:nth-child(2),
.contact.contact_brands .sns_list_contact li:nth-child(2) {
    /* margin: 0 0 2.9333333333333vw 0; */
}

.contact.contact_suntory .sns_list_contact li:nth-child(3),
.contact.contact_brands .sns_list_contact li:nth-child(3) {
    margin: 0;
}

.contact.contact_suntory .sns_list_contact li:nth-child(4),
.contact.contact_brands .sns_list_contact li:nth-child(4) {
    margin: 0;
}


.contact .sns_list_contact a {
    font-size: 3.4666666666667vw;
    color: #222;
    text-decoration: none;
    padding-left: 9.2vw;
    height: 6.5333333333333vw;
    display: flex;
    align-items: center;
}

.contact .sns_list_contact .youtube a {
    margin-right: 0;
    height: 7.5vw;
    background: url(../img/icon_youtube.svg) no-repeat 0 center;
    background-size: 7.5vw auto;
}

.contact .sns_list_contact .facebook a {
    height: 7.5vw;
    background: url(../img/icon_fb.svg) no-repeat 0 center;
    background-size: 7.5vw auto;
}

.contact .sns_list_contact .instagram a {
    height: 7.5vw;
    background: url(../img/icon_instagram.svg) no-repeat 0 center;
    background-size: 7.5vw auto;
}

.contact .sns_list_contact .line a {
    height: 7.5vw;
    background: url(../img/icon_line.svg) no-repeat 0 center;
    background-size: 7.5vw auto;
}



/* ========================================================================
[sp]footer
========================================================================= */
.footer {
    background: #eef8fb;
    position: relative;
}

.footer::before {
    content: '';
    width: 100vw;
    height: 1.3333333333333vw;
    background-image: -moz-linear-gradient(-90deg, rgb(202, 222, 232) 0%, rgba(202, 222, 232, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(202, 222, 232) 0%, rgba(202, 222, 232, 0) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(202, 222, 232) 0%, rgba(202, 222, 232, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.footer #footer_section00 h2,
.footer #footer_section01 h2,
.footer #footer_section02 h2,
.footer #contents00,
.footer #contents01,
.footer #contents02 {
    display: none;
}

.footer #contents00.active,
.footer #contents01.active,
.footer #contents02.active {
    display: block;
}

.footer_section button {
    background: none;
    width: 100vw;
    height: 16vw;
    display: flex;
    align-items: center;
    padding: 0 0 0 6.6666666666667vw;
    font-size: 4.2666666666667vw;
    font-weight: bold;
    color: #222222;
    position: relative;
    border-bottom: 0.2666666666667vw #cadee8 solid;
}

.footer_section button.active {
    border: none;
}

.footer_section button::before {
    content: '';
    width: 4vw;
    height: 4vw;
    background-color: #222222;
    -webkit-mask: var(--icon-plus);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2vw);
    right: 13.3333333333333vw;
}

.footer_section button.active::before {
    content: '';
    width: 4vw;
    height: 0.5333333333333vw;
    background-color: #222222;
    -webkit-mask: var(--icon-minus);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 0.2666666666667vw);
    right: 13.3333333333333vw;
}

.footer .contents {
    border-bottom: 0.2666666666667vw #cadee8 solid;
}

.footer .contents p {
    margin: 0 auto;
    width: 86.6666666666667vw;
    border-top: 0.2666666666667vw #cadee8 solid;
    font-size: 3.4666666666667vw;
    font-weight: bold;
    color: #222;
    position: relative;
}

.footer .contents p a {
    display: flex;
    align-items: center;
    padding-left: 6.6666666666667vw;
    height: 10.6666666666667vw;
    text-decoration: none;
    color: #222;
}

.footer .contents p a::after {
    content: '';
    width: 1.7333333333333vw;
    height: 2.9333333333333vw;
    background-color: #222;
    -webkit-mask: var(--icon-arrow-right);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.466666666666667vw);
    right: 6.6666666666667vw;
}

.footer .contents .block01,
.footer .contents .block02,
.footer .contents .block03 {
    display: flex;
}


.footer .contents h3 {
    width: 34.6666666666667vw;
    font-size: 3.4666666666667vw;
    font-weight: bold;
    color: #222;
    display: flex;
    align-items: center;
    height: 10.6666666666667vw;
    padding-left: 13.3333333333333vw;
}

.footer #contents00 .contents_list {
    width: 86.6666666666667vw;
}

.footer .contents .contents_list {
    margin: 0 auto;
    width: 65.333333333333333vw;
    list-style: none;
}

.footer .contents .block03 .contents_list {
    margin: 0 0 0 auto;
    width: 65.333333333333333vw;
}

.footer #contents00 .contents_list li,
.footer #contents01 .contents_list li,
.footer #contents02 .contents_list li {
    border: none;
    position: relative;
}

.footer #contents00 .contents_list li::after {
    content: '';
    background: #cadee8;
    width: 86.6666666666667vw;
    height: 0.2666666666667vw;
    position: absolute;
    top: 0;
    left: 0;
}

.footer #contents01 .contents_list li::after,
.footer #contents02 .contents_list li::after {
    content: '';
    background: #cadee8;
    width: 86.6666666666667vw;
    height: 0.2666666666667vw;
    position: absolute;
    top: 0;
    right: 6.6666666666667vw;
}


.footer .contents .contents_list li a {
    display: flex;
    align-items: center;
    height: 10.6666666666667vw;
    text-decoration: none;
    font-size: 3.4666666666667vw;
    color: #222;
    position: relative;
}


.footer .contents .contents_list li a::after {
    content: '';
    width: 1.7333333333333vw;
    height: 2.9333333333333vw;
    background-color: #222;
    -webkit-mask: var(--icon-arrow-right);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 1.466666666666667vw);
    right: 6.6666666666667vw;
}

.footer #contents01 .contents_list li a::after,
.footer #contents02 .contents_list li a::after {
    right: 13.3333333333333vw;
}

.footer .contents .contents_list li.nav_outline a,
.footer .contents .contents_list li.nav_family a,
.footer .contents .contents_list li.nav_subscription a,
.footer .contents .contents_list li.nav_faq a,
.footer .contents .contents_list li.nav_lifestyle a,
.footer .contents .contents_list li.nav_contact a {
    padding-left: 17.6vw;
}

.footer .contents .contents_list li.nav_outline a::before {
    content: '';
    width: 4.2666666666667vw;
    height: 4.8vw;
    background-color: #555555;
    -webkit-mask: var(--icon-company);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.4vw);
    left: 7.6vw;
}

.footer .contents .contents_list li.nav_family a::before {
    content: '';
    width: 4.8vw;
    height: 4.8vw;
    background-color: #555555;
    -webkit-mask: var(--icon-point);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.4vw);
    left: 7.333333333333333vw;
}

.footer .contents .contents_list li.nav_subscription a::before {
    content: '';
    width: 6.1333333333333vw;
    height: 5.0666666666667vw;
    background-color: #555555;
    -webkit-mask: var(--icon-subscription);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.5333333333333vw);
    left: 6.8vw;
}

.footer .contents .contents_list li.nav_faq a::before {
    content: '';
    width: 5.8666666666667vw;
    height: 4.8vw;
    background-color: #555555;
    -webkit-mask: var(--icon-faq);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.4vw);
    left: 6.8vw;
}

.footer .contents .contents_list li.nav_lifestyle a::before {
    content: '';
    width: 5.8666666666667vw;
    height: 4.2666666666667vw;
    background-color: #555555;
    -webkit-mask: var(--icon-lifestyle);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.1333333333333vw);
    left: 6.8vw;
}

.footer .contents .contents_list li.nav_contact a::before {
    content: '';
    width: 5.6vw;
    height: 5.3333333333333vw;
    background-color: #555555;
    -webkit-mask: var(--icon-contact);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.6666666666667vw);
    left: 7.333333333333333vw;
}




/* ========================================================================
[sp]footer_sns
========================================================================= */
.footer .footer_sns {
    display: none;
}


/* ========================================================================
[sp]footer_extra
========================================================================= */
.footer .footer_extra {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 5.7333333333333vw 0 5.7333333333333vw;
}

.footer .footer_extra li a {
    text-decoration: none;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 4vw;
    display: flex;
    height: 4vw;
    align-items: center;
    color: #222;
    padding: 0 2vw 0;
    position: relative;
}

.footer .footer_extra li a::after {
    content: '';
    width: 0.2666666666667vw;
    height: 2.9333333333333vw;
    background: #cadee8;
    position: absolute;
    top: calc(50% - 1.466666666666667vw);
    right: 0;
}

.footer .footer_extra li:last-child a::after {
    display: none;
}


/* ========================================================================
[sp]footer_label
========================================================================= */
.footer_label {
    padding: 6.8vw 0 2.1333333333333vw;
    background: #eef8fb;
    position: relative;
}

.footer_label::before {
    content: '';
    width: 100vw;
    height: 2.6666666666667vw;
    background-image: -moz-linear-gradient(-90deg, rgba(202, 222, 232, 0.4) 0%, rgba(202, 222, 232, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(202, 222, 232, 0.4) 0%, rgba(202, 222, 232, 0) 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(202, 222, 232, 0.4) 0%, rgba(202, 222, 232, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.footer_label h2 {
    margin: 0 auto 6vw;
    width: 39.066666666666667vw;
    height: 9.0666666666667vw;
    background: url(../img/apac_logo.svg) no-repeat center center;
    background-size: contain;
    text-indent: -99999px;
}

.footer_label .copyright {
    font-size: 2.6666666666667vw;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    color: #444;
}

/* ========================================================================
[sp]breadcrumb_trail
========================================================================= */
.breadcrumb_trail {
    margin: 0 auto 8vw;
    padding: 4vw 0 0;
    width: 92vw;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.breadcrumb_trail li {
    font-size: 3.2vw;
    line-height: 1.5;
    margin: 0 4.5333333333333vw 1.0666666666667vw 0;
    display: inline-flex;
    align-items: center;
}

.breadcrumb_trail li a {
    text-decoration: none;
    color: #0072ef;
    position: relative;
    height: 4vw;
    display: inline-flex;
    align-items: center;
    /*line-height: 1;*/
}

.breadcrumb_trail li a::after {
    content: '';
    width: 1.8666666666667vw;
    height: 1.8666666666667vw;
    background-color: #aaaaaa;
    -webkit-mask: var(--icon-breadcrumb-arrow);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 0.9333333333333vw);
    right: -3.2vw;
}

.btn_contact1 {
    margin: 15px auto 0 auto;
    width: auto;
    height: 14.6666666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.7vw;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    background: linear-gradient(180deg, #fff, #f4f4f4);
    border: 1px #dddddd solid;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    text-indent: 4vw;
}

.btn_contact1:hover {
    background: linear-gradient(180deg, #f4f4f4, #fff);
}

.btn_contact1 a,
.btn_contact1 a:hover {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 14.6666666666667vw;
    text-decoration: none;
    color: #222
}

.contact .contact_info .contact_tell_group .log {
    display: block;
    text-align: center;
    position: relative;
    margin-top: 7vw;
    margin-bottom: 2vw;
}

.contact .contact_info .contact_tell_group .log:before {
    content: '';
    width: 100%;
    height: 5px;
    background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 50%, #ffffff 100%);
    border-radius: 15px;
    position: absolute;
    top: -5vw;
    left: 50%;
    transform: translateX(-50%);
    border: none;
}

.contact .contact_info .contact_tell_group .log .three_icon {
    width: fit-content;
    display: flex;
    gap: 5vw;
    margin: 4vw auto 0 auto;
}

.contact .contact_info .contact_tell_group .log .three_icon a p {
    flex: 1;
    position: relative;
    width: 7.5vw;
    height: 7.5vw;
    cursor: pointer;
}

.contact .contact_info .contact_tell_group .log .three_icon a p:before {
    content: '';
    width: 7.5vw;
    height: 7.5vw;
    background-color: #545454;
    background-size: contain;
    -webkit-mask-size: auto 100%;
    background-position: center;
    -webkit-mask-position: center;
    position: absolute;
    left: 0;
}

.contact .contact_info .contact_tell_group .log .three_icon a:nth-child(1) p:before {
    -webkit-mask: var(--icon-line);
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.contact .contact_info .contact_tell_group .log .three_icon a:nth-child(2) p:before {
    -webkit-mask: var(--icon-youtube);
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    height: 5.5vw;
    top: 50%;
    transform: translateY(-50%);
}

.contact .contact_info .contact_tell_group .log .three_icon a:nth-child(3) p:before {
    -webkit-mask: var(--icon-fb);
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.contact .contact_info .contact_tell_group .log .three_icon a:nth-child(4) p:before {
    -webkit-mask: var(--icon-ig);
    background-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.contact .contact_info .contact_tell_group .log b {
    font-size: 3.5vw
}

/* ========================================================================
[sp]page_top
========================================================================= */
.page_top {
    width: 11.7vw;
    height: 11.7vw;
    background: url(../img/page_top.svg) no-repeat center center;
    background-size: 11.7vw auto;
    position: fixed;
    bottom: 4.2vw;
    right: 2.6666666666667vw;
    z-index: 100;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-normal);
    cursor: pointer;
}

.page_top.active {
    opacity: 1;
    visibility: visible;
}

@media screen and (orientation: landscape) and (max-width: 767px) {
    .page_top {
        width: 11.7vw;
        height: 11.7vw;
        background: url(../img/page_top.svg) no-repeat center center;
        background-size: 11.7vw auto;
        bottom: 4.2vw;
        right: 2.6666666666667vw;
    }
}


/*==================================================
pc
================================================== */
@media print,
screen and (min-width:768px) {

    .sp_item {
        display: none;
    }

    .pc_item {
        display: block;
    }

    .apac_contents,
    .suntory_contents,
    .brands_contents {
        margin-top: 0;
    }

    /* ========================================================================
    [pc]header
    ========================================================================= */
    .header {
        background: linear-gradient(to bottom, #fff 0%, #fff 95%, #f0f0f0 100%);
        height: 90px;
        position: relative;
    }

    .header.scrolling {
        opacity: 1;
    }

    .header.fixed {
        position: relative;
        box-shadow: none;
    }

    .header_contents {
        margin: 0 auto;
        width: 1160px;
        height: 90px;
        display: flex;
        justify-content: space-between;
        position: relative;
        background: none;
    }



    .header_contents::before {
        display: none;
    }

    .header .function_container {
        order: 2;
    }

    .header .function_nav ul {
        list-style: none;
        height: 90px;
        display: flex;
        align-items: center;
    }

    .header .function_nav a,
    .header .function_nav button {
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        font-size: 12px;
        font-weight: bold;
        padding: 0 0 15px;
        position: relative;
        color: #222;
        text-decoration: none;
    }

    .header .function_nav .nav_search button {
        width: 80px;
    }

    .header .function_nav .nav_member a {
        width: 80px;
    }

    .header .function_nav .nav_cart {
        position: relative;
    }

    .header .function_nav .nav_cart a {
        width: 80px;
    }

    .header .function_nav .nav_cart .count {
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #df3600;
        position: absolute;
        top: 15px;
        left: 44px;
    }

    .header .function_nav .nav_search button::before {
        content: '';
        width: 22px;
        height: 23px;
        background-color: #222222;
        position: absolute;
        top: 24px;
        left: calc(50% - 11px);
    }

    .header .function_nav .nav_search button:hover::before {
        background-color: var(--color-suntory);
    }

    .header .function_nav .nav_member a::before {
        content: '';
        width: 20px;
        height: 23px;
        background-color: #222222;
        position: absolute;
        top: 24px;
        left: calc(50% - 10px);
    }

    .header .function_nav .nav_member a:hover::before {
        background-color: var(--color-suntory);
    }

    .header .function_nav .nav_cart a::before {
        content: '';
        width: 27px;
        height: 28px;
        background-color: #222222;
        position: absolute;
        top: 24px;
        left: calc(50% - 13.5px);
    }

    .header .function_nav .nav_cart a:hover::before {
        background-color: var(--color-suntory);
    }

    .header .nav_member a::after,
    .header .nav_cart a::after {
        content: '';
        width: 1px;
        height: 30px;
        background: #dddddd;
        position: absolute;
        top: calc(50% - 15px);
        left: 0;
    }

    .header .btn_menu {
        display: none;
    }

    /* ========================================================================
    [pc]primary_nav
    ========================================================================= */
    .primary_nav {
        order: 1;
        border-top: none;
        height: 90px;
        position: relative;
    }

    .primary_nav::before {
        content: '';
        width: 1px;
        height: 90px;
        background: #cccccc;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }


    /* ========================================================================
    [pc]nav_page
    ========================================================================= */
    .primary_nav .nav_apac::before {
        background: none;
    }

    .apac_contents .primary_nav::before {
        background: linear-gradient(to bottom, #01abe4 0%, #cfd0d0 100%);
    }

    .primary_nav .nav_apac {
        width: 290px;
        position: relative;
    }

    .primary_nav .nav_apac a {
        width: 290px;
        height: 90px;
        display: block;
        text-indent: -99999px;
        position: relative;
    }

    .primary_nav .nav_apac a::before {
        content: '';
        width: 202px;
        height: 46px;
        background: url(../img/apac_logo.svg) no-repeat center center;
        background-size: 202px auto;
        position: absolute;
        top: 24px;
        left: calc(50% - 101px);
    }

    .primary_nav .nav_apac a::after {
        content: '';
        width: 1px;
        height: 90px;
        background: #ccc;
        position: absolute;
        top: 0;
        right: 0;
    }

    .apac_contents .primary_nav .nav_apac a::after {
        background: linear-gradient(to bottom, #01abe4 0%, #cfd0d0 100%);
    }

    .suntory_contents .primary_nav .nav_apac::after {
        background: linear-gradient(to bottom, #00abe4 0%, #cfd0d0 100%);
    }

    .primary_nav .nav_suntory {
        width: 194px;
        position: relative;
    }

    .primary_nav .nav_suntory a {
        width: 194px;
        height: 90px;
        display: block;
        text-indent: -99999px;
        position: relative;
    }

    .primary_nav .nav_suntory a::before {
        content: '';
        width: 94px;
        height: 57px;
        position: absolute;
        top: auto;
        bottom: 17px;
        left: 50%;
        transform: translateX(-50%);
    }

    .primary_nav .nav_suntory::after {
        content: '';
        width: 1px;
        height: 90px;
        background: #cccccc;
        position: absolute;
        top: 0;
        right: 0;
    }

    .suntory_contents .primary_nav .nav_suntory::after {
        background: linear-gradient(to bottom, #00abe4 0%, #cfd0d0 100%);
    }

    .brands_contents .primary_nav .nav_suntory::after {
        background: linear-gradient(to bottom, #c29d2a 0%, #d0d0cf 100%);
    }

    .primary_nav .nav_suntory a::after {
        display: none;
    }

    .primary_nav .nav_brands {
        width: 194px;
        position: relative;
    }

    .primary_nav .nav_brands a {
        width: 194px;
        height: 90px;
        display: block;
        text-indent: -99999px;
        position: relative;
    }

    .primary_nav .nav_brands a::before {
        content: '';
        width: 85px;
        height: 60px;
        position: absolute;
        top: auto;
        bottom: 17px;
        left: 50%;
        transform: translateX(-50%);
    }

    .primary_nav .nav_brands::after {
        content: '';
        width: 1px;
        height: 90px;
        background: #cccccc;
        position: absolute;
        top: 0;
        right: 0;
    }

    .brands_contents .primary_nav .nav_brands::after {
        background: linear-gradient(to bottom, #c29d2a 0%, #d0d0cf 100%);
    }

    .primary_nav .nav_apac:hover::before,
    .apac_contents .primary_nav .nav_apac::before {
        content: '';
        width: 210px;
        height: 4px;
        border-radius: 2px;
        background: var(--color-suntory);
        position: absolute;
        bottom: 0;
        left: 40px;
    }

    .primary_nav .nav_apac:hover,
    .apac_contents .primary_nav .nav_apac {
        background: linear-gradient(to bottom, #bfeaf8 0%, #fff 25%, #fff 95%, #f0f0f0 100%);
    }

    /* .apac_contents .primary_nav .nav_apac a::before {
        background-color: #00abe4;
    } */

    .primary_nav .nav_suntory::before {
        content: '';
        width: 115px;
        height: 4px;
        border-radius: 0.5333333333333vw;
        background: none;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .primary_nav .nav_suntory:hover::before,
    .suntory_contents .primary_nav .nav_suntory::before {
        content: '';
        width: 115px;
        height: 4px;
        border-radius: 0.5333333333333vw;
        background: var(--color-suntory);
        position: absolute;
        bottom: 0;
        left: 39px;
    }

    .primary_nav .nav_suntory:hover,
    .suntory_contents .primary_nav .nav_suntory {
        background: linear-gradient(to bottom, #b2eaf9 0%, #fff 25%, #fff 95%, #f0f0f0 100%);
    }

    .primary_nav .nav_brands::before {
        content: '';
        width: 115px;
        height: 4px;
        background: none;
        position: absolute;
        bottom: 0;
        left: 40px;
    }

    .primary_nav .nav_brands:hover,
    .brands_contents .primary_nav .nav_brands {
        background: linear-gradient(to bottom, #e7d8aa 0%, #fff 25%, #fff 95%, #f0f0f0 100%);
    }

    .primary_nav .nav_brands:hover::before,
    .brands_contents .primary_nav .nav_brands::before {
        content: '';
        width: 115px;
        height: 4px;
        border-radius: 2px;
        background: var(--color-brands);
        position: absolute;
        bottom: 0;
        left: 40px;
    }


    /* ========================================================================
    [pc]nav_tab
    ========================================================================= */
    .primary_nav ul.nav_tab {
        display: none;
    }

    /* ========================================================================
    [pc]menu
    ========================================================================= */
    .menu_search {
        display: none;
    }

    .menu_apac_sp {
        display: none;
    }

    .menu_suntory_sp {
        display: none;
    }

    .menu_brands_sp {
        display: none;
    }

    /* ========================================================================
    [pc]search_keyword,recommend_keyword
    ========================================================================= */
    .menu_search_standalone {
        width: 1160px;
        padding-bottom: 0;
        height: auto;
        position: absolute;
        top: 90px;
        left: calc(50% - 580px);
        background: #fff;
        z-index: 10000;
        transition: var(--transition-normal-in-out);
        display: flex;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        overflow: visible;
    }

    .menu_search_standalone .search_keyword_inner {
        position: relative;
    }

    .menu_search_standalone.active {
        display: flex;
        top: 90px;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .menu_search_standalone .search_keyword {
        margin: 0;
        padding: 0 30px;
        width: 580px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .menu_search_standalone .search_keyword::after {
        content: '';
        width: 1px;
        height: 60px;
        background: #ccc;
        position: absolute;
        top: calc(50% - 30px);
        right: 0;
    }

    .menu_search_standalone .recommend_keyword {
        margin: 0;
        padding: 0;
        width: 580px;
        display: flex;
        align-items: center;
    }

    .menu_search_standalone .recommend_keyword dt {
        margin: 0;
        padding: 0 0 0 30px;
        width: 140px;
        font-size: 15px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

    .menu_search_standalone .recommend_keyword dd {
        width: 390px;
    }



    .menu_search_standalone .search_keyword form {
        position: relative;
        width: 520px;
        height: 50px;
        border: none;
    }

    .menu_search_standalone .recommend_keyword form {
        width: 390px;
        padding: 28px 0;
    }

    .menu_search_standalone .search_keyword form::after {
        content: '';
        width: 17px;
        height: 17px;
        background-color: var(--color-suntory);
        -webkit-mask: var(--icon-search);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 8.5px);
        right: 20px;
    }

    .menu_search_standalone .search_keyword .search_btn {
        width: 50px;
        height: 50px;
        text-indent: -99999px;
        overflow: hidden;
        white-space: nowrap;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
    }

    .menu_search_standalone .search_keyword input {
        margin: 0;
        width: 520px;
        height: 50px;
        border-radius: 0;
        outline: none;
        padding: 0 50px 0 20px;
        font-size: 15px;
        color: #666;
        border: 1px #ccc solid;
    }

    .menu_search_standalone .search_keyword input::placeholder {
        color: #666;
    }

    .menu_search_standalone .recommend_keyword .keyword_list {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 0;
    }

    .menu_search_standalone .recommend_keyword .keyword_list li {
        margin: 0 5px 5px 0;
    }

    .menu_search_standalone .recommend_keyword .keyword_list li a {
        display: block;
        height: 30px;
        padding: 0 18px;
        display: flex;
        align-items: center;
        border-radius: 15px;
        background: #fff;
        font-size: 13px;
        border: 1px #ccc solid;
        text-decoration: none;
        color: #222;
    }

    .menu_search_standalone .recommend_keyword .keyword_list li a:hover {
        background: var(--color-suntory);
        color: #fff;
    }

    .menu_search_standalone .btn_search_close {
        width: 16px;
        height: 16px;
        padding: 0;
        background: none;
        font-size: 0;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        position: absolute;
        top: 22px;
        right: 22px;
    }

    .menu_search_standalone .btn_search_close::before {
        content: '';
        width: 16px;
        height: 16px;
        background-color: var(--color-suntory);
        -webkit-mask: var(--icon-close);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* ========================================================================
    [pc]history_list
    ========================================================================= */
    .menu_search_standalone .history_list_pc {
        list-style: none;
        width: 520px;
        margin: 0;
        padding: 0;
        background: #fff;
        border-right: 1px #ccc solid;
        border-left: 1px #ccc solid;
        border-bottom: 1px #ccc solid;
        box-sizing: border-box;
        border-radius: 0 0 5px 5px;
        position: absolute;
        top: 50px;
        left: 0;
        display: none;
        z-index: 10000;
    }

    .menu_search_standalone .history_list_pc::before {
        content: '搜尋紀錄';
        width: 518px;
        height: 40px;
        font-size: 15px;
        color: #000;
        background: #eee;
        display: flex;
        align-items: center;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .menu_search_standalone .history_list_sp,
    .menu_search_standalone .history_list_sp.active {
        display: none;
    }

    .menu_search_standalone .history_list_pc.active {
        display: block;
    }

    .menu_search_standalone .history_list_pc li {
        margin: 0 auto;
        width: 480px;
        min-height: 40px;
        border-bottom: 1px #eee solid;
        font-size: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        box-sizing: border-box;
    }

    .menu_search_standalone .history_list_pc li:last-child {
        border-bottom: none;
    }

    .menu_search_standalone .history_list_pc li a {
        color: #222;
        text-decoration: none;
    }

    .menu_search_standalone .history_list_pc li a:hover {
        text-decoration: underline;
        color: #df3600;
    }

    .menu_search_standalone .history_list_pc li .btn_delete {
        padding: 0;
        background-color: transparent;
        border: none;
        appearance: none;
        border: none;
        text-indent: -9999px;
        width: 16px;
        height: 16px;
        background: #aaa;
        border-radius: 8px;
        cursor: pointer;
        position: relative;
    }

    .menu_search_standalone .history_list_pc li .btn_delete::before {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #ffffff;
        -webkit-mask: var(--icon-close);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 3px);
        left: calc(50% - 3px);
    }

    .menu_search_standalone .history_list_pc li .btn_delete:hover {
        background: #df3600;
    }

    /* ========================================================================
    [pc]overlay
    ========================================================================= */
    .overlay {
        display: block;
        position: fixed;
        top: 90px;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #0000004D;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: var(--transition-normal-in-out);
        z-index: 99;
    }

    .overlay.active {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }



    /* ========================================================================
    [pc]menu_apac_pc
    ========================================================================= */
    .apac_contents .menu_apac_pc {
        display: block;
        height: 60px;
        background: #fff;
        position: relative;
    }

    .apac_contents .menu_apac_pc.hide {
        z-index: 10;
    }

    .apac_contents .menu_apac_pc::after {
        content: '';
        width: 100%;
        height: 6px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0));
        position: absolute;
        bottom: -6px;
        left: 0;
    }

    .apac_contents .menu_apac_pc .nav_apac ul {
        margin: 0 auto;
        width: 1164px;
        list-style: none;
        display: flex;
    }

    .nav_apac li {
        background: url(/top/assets/img/nav_border.webp) no-repeat left center;
        background-size: 1px auto;
    }

    .nav_apac li:last-child {
        background: url(/top/assets/img/nav_border.webp) no-repeat left center,
            url(/top/assets/img/nav_border.webp) no-repeat right center;
        background-size: 1px auto;
    }

    .nav_apac li a {
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        color: #222;
        display: flex;
        align-items: center;
        height: 60px;
        position: relative;
    }

    .nav_apac li.nav_outline {
        width: 194px;
    }

    .nav_apac li.nav_family {
        width: 194px;
    }

    .nav_apac li.nav_subscription {
        width: 194px;
    }

    .nav_apac li.nav_faq {
        width: 194px;
    }

    .nav_apac li.nav_lifestyle {
        width: 194px;
    }

    .nav_apac li.nav_contact {
        width: 194px;
    }

    .nav_apac li.nav_outline a {
        padding: 0 0 0 77px;
    }

    .nav_apac li.nav_family a {
        padding: 0 0 0 68px;
    }

    .nav_apac li.nav_subscription a {
        padding: 0 0 0 72px;
    }

    .nav_apac li.nav_faq a {
        padding: 0 0 0 82px;
    }

    .nav_apac li.nav_lifestyle a {
        padding: 0 0 0 73px;
    }

    .nav_apac li.nav_contact a {
        padding: 0 0 0 78px;
    }


    .nav_apac li.nav_outline a::before {
        content: '';
        width: 19px;
        height: 22px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-company);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11px);
        left: 42px;
    }

    .nav_apac li.nav_family a::before {
        content: '';
        width: 22px;
        height: 22px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-point);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11px);
        left: 31px;
    }

    .nav_apac li.nav_subscription a::before {
        content: '';
        width: 30px;
        height: 25px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-subscription);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12.5px);
        left: 28px;
    }

    .nav_apac li.nav_faq a::before {
        content: '';
        width: 28px;
        height: 23px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-faq);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: 39px;
    }

    .nav_apac li.nav_lifestyle a::before {
        content: '';
        width: 28px;
        height: 20px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-lifestyle);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 10px);
        left: 30px;
    }

    .nav_apac li.nav_contact a::before {
        content: '';
        width: 23px;
        height: 22px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-contact);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11px);
        left: 41px;
    }

    .nav_apac li.nav_outline a:hover::before,
    .nav_apac li.nav_family a:hover::before,
    .nav_apac li.nav_subscription a:hover::before,
    .nav_apac li.nav_faq a:hover::before,
    .nav_apac li.nav_lifestyle a:hover::before,
    .nav_apac li.nav_contact a:hover::before {
        background-color: var(--color-suntory);
    }

    .nav_apac li a:hover::after {
        content: '';
        width: 100%;
        height: 5px;
        background: var(--color-suntory);
        border-radius: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
    }


    /* ========================================================================
    [pc]menu_suntory_pc
    ========================================================================= */
    .suntory_contents .menu_suntory_pc {
        display: block;
        width: 100%;
        height: 60px;
        background: #fff;
        position: relative;
        z-index: 1000;
    }

    .suntory_contents .menu_suntory_pc.hide {
        z-index: 10;
    }

    .suntory_contents .menu_suntory_pc::after {
        content: '';
        width: 100%;
        height: 6px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0));
        position: absolute;
        bottom: -6px;
        left: 0;
        z-index: 1000;
    }

    .suntory_contents .nav_suntory ul {
        margin: 0 auto;
        width: 1162px;
        list-style: none;
        display: flex;
    }

    .suntory_contents .nav_suntory ul li {
        background: url(/top/assets/img/nav_border.webp) no-repeat left center;
        background-size: 1px auto;
    }

    .suntory_contents .nav_suntory ul li:last-child {
        background: url(/top/assets/img/nav_border.webp) no-repeat left center,
            url(/top/assets/img/nav_border.webp) no-repeat right center;
        background-size: 1px auto;
    }

    .suntory_contents .nav_suntory ul li a,
    .suntory_contents .nav_suntory ul li button {
        width: 100%;
        background: none;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        color: #222;
        display: flex;
        align-items: center;
        height: 60px;
        position: relative;
    }

    .suntory_contents .nav_suntory ul li.nav_healthfood {
        width: 193px;
    }

    .suntory_contents .nav_suntory ul li.nav_healthcarefood {
        width: 194px;
    }

    .suntory_contents .nav_suntory ul li.nav_safty {
        width: 194px;
    }

    .suntory_contents .nav_suntory ul li.nav_lifestyle {
        width: 194px;
    }

    .suntory_contents .nav_suntory ul li.nav_faq {
        width: 194px;
    }

    .suntory_contents .nav_suntory ul li.nav_contact {
        width: 193px;
    }

    .suntory_contents .nav_suntory ul li.nav_healthfood button {
        padding: 0 0 0 82px;
    }

    .suntory_contents .nav_suntory ul li.nav_healthcarefood button {
        padding: 0px 0 0 82px;
    }

    .suntory_contents .nav_suntory ul li.nav_safty a {
        padding: 0 0 0 82px;
    }

    .suntory_contents .nav_suntory ul li.nav_lifestyle a {
        padding: 0 0 0 75px;
    }

    .suntory_contents .nav_suntory ul li.nav_faq a {
        padding: 0 0 0 82px;
    }

    .suntory_contents .nav_suntory ul li.nav_contact a {
        padding: 0 0 0 82px;
    }

    .suntory_contents .nav_suntory ul li.nav_healthfood button::before {
        content: '';
        width: 20px;
        height: 24px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-sun-food);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12px);
        left: 36px;
    }

    .suntory_contents .nav_suntory ul li.nav_healthcarefood button::before {
        content: '';
        width: 20px;
        height: 24px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-sun-product);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12px);
        left: 35px;
    }

    .suntory_contents .nav_suntory ul li.nav_safty a::before {
        content: '';
        width: 20px;
        height: 24px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-safty);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12px);
        left: 35px;
    }

    .suntory_contents .nav_suntory ul li.nav_lifestyle a::before {
        content: '';
        width: 28px;
        height: 20px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-lifestyle);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 10px);
        left: 27px;
    }

    .suntory_contents .nav_suntory ul li.nav_faq a::before {
        content: '';
        width: 28px;
        height: 23px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-faq);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: 31px;
    }

    .suntory_contents .nav_suntory ul li.nav_contact a::before {
        content: '';
        width: 23px;
        height: 22px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-contact);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11px);
        left: 34px;
    }

    .suntory_contents .nav_suntory ul li.nav_healthfood.active button::before,
    .suntory_contents .nav_suntory ul li.nav_healthcarefood.active button::before,
    .suntory_contents .nav_suntory ul li.nav_healthfood button:hover::before,
    .suntory_contents .nav_suntory ul li.nav_healthcarefood button:hover::before,
    .suntory_contents .nav_suntory ul li.nav_safty a:hover::before,
    .suntory_contents .nav_suntory ul li.nav_lifestyle a:hover::before,
    .suntory_contents .nav_suntory ul li.nav_faq a:hover::before,
    .suntory_contents .nav_suntory ul li.nav_contact a:hover::before {
        background-color: var(--color-suntory);
    }

    .suntory_contents .nav_suntory ul li.nav_healthfood.active button::after,
    .suntory_contents .nav_suntory ul li.nav_healthcarefood.active button::after,
    .suntory_contents .nav_suntory ul li.nav_healthfood button:hover::after,
    .suntory_contents .nav_suntory ul li.nav_healthcarefood button:hover::after {
        content: '';
        width: 100%;
        height: 5px;
        background: var(--color-suntory);
        border-radius: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .suntory_contents .nav_suntory ul li.nav_healthcarefood.active button::after,
    .suntory_contents .nav_suntory ul li.nav_healthcarefood.active button::after,
    .suntory_contents .nav_suntory ul li.nav_healthcarefood button:hover::after,
    .suntory_contents .nav_suntory ul li.nav_healthcarefood button:hover::after,
    .suntory_contents .nav_suntory ul li a:hover::after {
        content: '';
        width: 100%;
        height: 5px;
        background: var(--color-suntory);
        border-radius: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    /* ========================================================================
    [pc]menu_suntory01_pc,menu_suntory02_pc
    ========================================================================= */
    .menu_suntory01_pc,
    .menu_suntory02_pc {
        display: block;
        width: 1164px;
        background: #fff;
        position: absolute;
        top: 150px;
        left: calc(50% - 582px);
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: var(--transition-normal-in-out);
    }

    .menu_suntory01_pc.active,
    .menu_suntory02_pc.active {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .menu_suntory01_pc_category01,
    .menu_suntory02_pc_category01 {
        padding: 15px 0 0;
        display: flex;
    }

    .menu_suntory01_pc_category02,
    .menu_suntory02_pc_category02 {
        padding: 0 0 0;
        display: flex;
    }

    .menu_suntory01_pc_category01 dt,
    .menu_suntory01_pc_category02 dt,
    .menu_suntory02_pc_category01 dt,
    .menu_suntory02_pc_category02 dt {
        width: 195px;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px #eee solid;
    }

    .menu_suntory01_pc_category01 dt,
    .menu_suntory02_pc_category01 dt {
        border-bottom: 1px #eee solid;
    }

    .menu_suntory01_pc_category01 dt span {
        background: url(../img/icon_healthfood.webp) no-repeat center 0;
        background-size: 64px auto;
        padding: 80px 0 0;
        min-width: 105px;
        text-align: center;
    }

    .menu_suntory01_pc_category02 dt span {
        background: url(../img/icon_pet.webp) no-repeat center 0;
        background-size: 105px auto;
        padding: 60px 0 0;
        min-width: 105px;
        text-align: center;
    }

    .menu_suntory02_pc_category01 dt span {
        background: url(../img/icon_skincare.webp) no-repeat center 0;
        background-size: 66px auto;
        padding: 80px 0 0;
        min-width: 105px;
        text-align: center;
    }

    .menu_suntory02_pc_category02 dt span {
        background: url(../img/icon_helthcare.webp) no-repeat center 0;
        background-size: 46px auto;
        padding: 80px 0 0;
        min-width: 105px;
        text-align: center;
    }

    .menu_suntory01_pc_category01 dd,
    .menu_suntory01_pc_category02 dd,
    .menu_suntory02_pc_category01 dd,
    .menu_suntory02_pc_category02 dd {
        width: 965px;
    }

    .menu_suntory01_pc_category01 dd ul,
    .menu_suntory01_pc_category02 dd ul,
    .menu_suntory02_pc_category01 dd ul,
    .menu_suntory02_pc_category02 dd ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        list-style: none;
    }

    .menu_suntory01_pc_category01 dd ul li,
    .menu_suntory01_pc_category02 dd ul li,
    .menu_suntory02_pc_category01 dd ul li,
    .menu_suntory02_pc_category02 dd ul li {
        width: 161px;
        border-bottom: 1px #eeeeee solid;
        background: url(../img/item_border.webp) no-repeat 0 center;
        background-size: 1px auto;
        display: flex;
    }

    .menu_suntory01_pc_category01 dd ul li:nth-child(1),
    .menu_suntory01_pc_category01 dd ul li:nth-child(7),
    .menu_suntory01_pc_category02 dd ul li:nth-child(1),
    .menu_suntory01_pc_category02 dd ul li:nth-child(7),
    .menu_suntory02_pc_category01 dd ul li:nth-child(1),
    .menu_suntory02_pc_category01 dd ul li:nth-child(7),
    .menu_suntory02_pc_category02 dd ul li:nth-child(1),
    .menu_suntory02_pc_category02 dd ul li:nth-child(7) {
        width: 160px;
    }

    .menu_suntory01_pc_category01 dd ul li:nth-child(1),
    .menu_suntory01_pc_category01 dd ul li:nth-child(7),
    .menu_suntory01_pc_category02 dd ul li:nth-child(1),
    .menu_suntory01_pc_category02 dd ul li:nth-child(7),
    .menu_suntory02_pc_category01 dd ul li:nth-child(1),
    .menu_suntory02_pc_category01 dd ul li:nth-child(7),
    .menu_suntory02_pc_category02 dd ul li:nth-child(1),
    .menu_suntory02_pc_category02 dd ul li:nth-child(7) {
        background: none;
    }

    .menu_suntory02_pc_category02 dd ul li:nth-child(1) {
        background: url(../img/item_border.webp) no-repeat right center;
        background-size: 1px auto;
    }


    .menu_suntory01_pc_category01 dd ul li a,
    .menu_suntory01_pc_category02 dd ul li a,
    .menu_suntory02_pc_category01 dd ul li a,
    .menu_suntory02_pc_category02 dd ul li a {
        text-decoration: none;
        color: #0088ee;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.25;
        padding: 20px 0 15px;
        padding: 100px 0 15px;
        position: relative;
        width: 161px;
    }

    .menu_suntory01_pc_category01 dd ul li:nth-child(1) a,
    .menu_suntory01_pc_category01 dd ul li:nth-child(7) a,
    .menu_suntory01_pc_category02 dd ul li:nth-child(1) a,
    .menu_suntory01_pc_category02 dd ul li:nth-child(7) a,
    .menu_suntory02_pc_category01 dd ul li:nth-child(1) a,
    .menu_suntory02_pc_category01 dd ul li:nth-child(7) a,
    .menu_suntory02_pc_category02 dd ul li:nth-child(1) a,
    .menu_suntory02_pc_category02 dd ul li:nth-child(7) a {
        width: 160px;
    }

    .menu_suntory01_pc_category01 dd ul li a span,
    .menu_suntory01_pc_category02 dd ul li a span,
    .menu_suntory02_pc_category01 dd ul li a span,
    .menu_suntory02_pc_category02 dd ul li a span {
        display: flex;
        flex: 1;
        align-items: center;
    }

    .menu_suntory01_pc_category01 dd ul li a:hover,
    .menu_suntory01_pc_category02 dd ul li a:hover,
    .menu_suntory02_pc_category01 dd ul li a:hover,
    .menu_suntory02_pc_category02 dd ul li a:hover {
        text-decoration: underline;
    }


    .menu_suntory01_pc_category01 dd ul li a figure,
    .menu_suntory01_pc_category02 dd ul li a figure,
    .menu_suntory02_pc_category01 dd ul li a figure,
    .menu_suntory02_pc_category02 dd ul li a figure {
        margin-bottom: 8px;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 10px;
        left: calc(50% - 40px);
    }

    .menu_brands01_pc .item_list figure {
        margin-bottom: 8px;
    }

    .menu_suntory01_pc_category01 dd ul li a figure img,
    .menu_suntory01_pc_category02 dd ul li a figure img,
    .menu_suntory02_pc_category01 dd ul li a figure img,
    .menu_suntory02_pc_category02 dd ul li a figure img {
        width: 100%;
        height: auto;
    }

    /* ========================================================================
    [pc]menu_brands_pc
    ========================================================================= */
    .brands_contents .menu_brands_pc {
        display: block;
        height: 60px;
        background: #fff;
        position: relative;
        z-index: 1000;
    }

    .brands_contents .menu_brands_pc.hide {
        z-index: 10;
    }

    .brands_contents .menu_brands_pc::after {
        content: '';
        width: 100%;
        height: 6px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0));
        position: absolute;
        bottom: -6px;
        left: 0;
        z-index: 1000;
    }

    .brands_contents .nav_brands ul {
        margin: 0 auto;
        width: 1162px;
        list-style: none;
        display: flex;
    }

    .brands_contents .nav_brands ul li {
        background: url(/top/assets/img/nav_border.webp) no-repeat left center;
        background-size: 1px auto;
    }

    .brands_contents .nav_brands ul li:last-child {
        background: url(/top/assets/img/nav_border.webp) no-repeat left center,
            url(/top/assets/img/nav_border.webp) no-repeat right center;
        background-size: 1px auto;
    }

    .brands_contents .nav_brands ul li a,
    .brands_contents .nav_brands ul li button {
        width: 100%;
        background: none;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        color: #222;
        display: flex;
        align-items: center;
        height: 60px;
        position: relative;
    }

    .brands_contents .nav_brands ul li.nav_all_pc {
        width: 193px;
    }

    .brands_contents .nav_brands ul li.nav_platinum_pc {
        width: 194px;
    }

    .brands_contents .nav_brands ul li.nav_about {
        width: 194px;
    }

    .brands_contents .nav_brands ul li.nav_safty {
        width: 194px;
    }

    .brands_contents .nav_brands ul li.nav_lifestyle {
        width: 194px;
    }

    .brands_contents .nav_brands ul li.nav_faq {
        width: 194px;
    }

    .brands_contents .nav_brands ul li.nav_contact {
        width: 193px;
    }

    .brands_contents .nav_brands ul li.nav_all_pc button {
        padding: 0 0 0 75px;
    }

    .brands_contents .nav_brands ul li.nav_platinum_pc button {
        padding: 0 0 0 61px;
    }

    .brands_contents .nav_brands ul li.nav_about a {
        padding: 0 0 0 70px;
    }

    .brands_contents .nav_brands ul li.nav_safty a {
        padding: 0 0 0 81px;
    }

    .brands_contents .nav_brands ul li.nav_lifestyle a {
        padding: 0 0 0 75px;
    }

    .brands_contents .nav_brands ul li.nav_faq a {
        padding: 0 0 0 84px;
    }

    .brands_contents .nav_brands ul li.nav_contact a {
        padding: 0 0 0 78px;
    }

    .brands_contents .nav_brands ul li.nav_all_pc button::before {
        content: '';
        width: 30px;
        height: 23px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-brs-food);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: 31px;
    }

    .brands_contents .nav_brands ul li.nav_platinum_pc button::before {
        content: '';
        width: 18px;
        height: 25px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-brs-product);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12.5px);
        left: 29px;
    }

    .brands_contents .nav_brands ul li.nav_about a::before {
        content: '';
        width: 16px;
        height: 24px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-bulb);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12px);
        left: 36px;
    }

    .brands_contents .nav_brands ul li.nav_safty a::before {
        content: '';
        width: 20px;
        height: 24px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-safty);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 12px);
        left: 45px;
    }

    .brands_contents .nav_brands ul li.nav_lifestyle a::before {
        content: '';
        width: 28px;
        height: 20px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-lifestyle);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 10px);
        left: 32px;
    }

    .brands_contents .nav_brands ul li.nav_faq a::before {
        content: '';
        width: 28px;
        height: 23px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-faq);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11.5px);
        left: 41px;
    }

    .brands_contents .nav_brands ul li.nav_contact a::before {
        content: '';
        width: 23px;
        height: 22px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-contact);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 11px);
        left: 45px;
    }

    .brands_contents .nav_brands ul li.nav_all_pc button:hover::before,
    .brands_contents .nav_brands ul li.nav_platinum_pc button:hover::before,
    .brands_contents .nav_brands ul li.nav_about a:hover::before,
    .brands_contents .nav_brands ul li.nav_safty a:hover::before,
    .brands_contents .nav_brands ul li.nav_lifestyle a:hover::before,
    .brands_contents .nav_brands ul li.nav_faq a:hover::before,
    .brands_contents .nav_brands ul li.nav_contact a:hover::before {
        background: var(--color-brands);
    }

    .brands_contents .nav_brands ul li.nav_all_pc button:hover::after,
    .brands_contents .nav_brands ul li.nav_platinum_pc button:hover::after,
    .brands_contents .nav_brands ul li.nav_all_pc.active button::after,
    .brands_contents .nav_brands ul li.nav_platinum_pc.active button::after,
    .brands_contents .nav_brands ul li.nav_about a:hover::after,
    .brands_contents .nav_brands ul li.nav_safty a:hover::after,
    .brands_contents .nav_brands ul li.nav_lifestyle a:hover::after,
    .brands_contents .nav_brands ul li.nav_faq a:hover::after,
    .brands_contents .nav_brands ul li.nav_contact a:hover::after {
        content: '';
        width: 100%;
        height: 5px;
        background: var(--color-brands);
        border-radius: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .brands_contents .nav_brands ul li.nav_all_pc.active button::before,
    .brands_contents .nav_brands ul li.nav_platinum_pc.active button::before {
        background: var(--color-brands);
    }


    /* ========================================================================
    [pc]menu_brands01_pc,menu_brands02_pc
    ========================================================================= */
    .menu_brands01_pc,
    .menu_brands02_pc {
        display: block;
        width: 1164px;
        background: #fff;
        position: absolute;
        top: 150px;
        left: calc(50% - 582px);
        z-index: 100;
        transition: var(--transition-normal-in-out);
        display: flex;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .menu_brands01_pc.active,
    .menu_brands02_pc.active {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .menu_brands01_pc ul,
    .menu_brands02_pc ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }

    .menu_brands01_pc ul li {
        width: 166px;
        /* border-bottom: 1px #eeeeee solid; */
        background: url(../img/item_border.webp) no-repeat 0 center, url(../img/item_border_horizon.webp) no-repeat center bottom;
        background-size: 1px auto, auto 1px;
        display: flex;
    }

    .menu_brands01_pc ul li:nth-child(1) {
        background: url(../img/item_border_horizon.webp) no-repeat center bottom;
        background-size: auto 1px;
        width: 166px;
    }

    .menu_brands02_pc ul li {
        width: 388px;
        border-bottom: 1px #eeeeee solid;
        background: url(../img/item_border.webp) no-repeat 0 center;
        background-size: 1px auto;
    }

    .menu_brands02_pc ul li:nth-child(1) {
        background: none;
        width: 388px;
    }

    .menu_brands01_pc ul li a {
        text-decoration: none;
        color: #0088ee;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.25;
        padding: 20px 0 15px;
        width: 100%;
    }

    .menu_brands01_pc ul li a span {
        display: flex;
        flex: 1;
        align-items: center;
    }

    .menu_brands02_pc ul li a {
        text-decoration: none;
        color: #0088ee;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.5;
        padding: 20px 0 15px;
    }

    .menu_brands01_pc ul li a:hover,
    .menu_brands02_pc ul li a:hover {
        text-decoration: underline;
    }

    .menu_brands01_pc dd ul li a figure {
        margin-bottom: 8px;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu_brands02_pc ul li a figure {
        margin: 0 0 0 15px;
        width: 96px;
        height: 96px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*.menu_brands01_pc ul li a figure img,
    .menu_brands02_pc ul li a figure img {
        width: 100%;
        height: auto;
    }*/

    /* ========================================================================
    [pc]contact
    ========================================================================= */
    .contact {
        padding: 60px 0;
        background: #f4f4f4;
    }

    .contact .contact_info {
        margin: 0 auto;
        padding: 0;
        width: 1040px;
        border-radius: 10px;
        background: #fff;
        display: flex;
    }

    .contact.contact_apac .contact_info {
        display: block;
        padding: 48px 0 0;
    }

    .contact .contact_info .contact_tell_group {
        display: flex;
    }

    .contact .contact_info .contact_tell_group .log {
        display: none
    }

    .com_group {
        padding: 38px 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contact_grid {
        display: grid;
        grid-template-areas: "a a"
            "b c";
        column-gap: 55px;
        row-gap: 30px;
        margin: 77px auto 0px auto;
        grid-template-columns: 1fr 1fr;
        width: fit-content;
        position: relative;
    }

    .contact_grid:before {
        content: '';
        width: 840px;
        height: 5px;
        background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 50%, #ffffff 100%);
        border-radius: 15px;
        position: absolute;
        top: -28px;
        left: 50%;
        transform: translateX(-50%);
        border: none;
    }


    .contact_grid .contact_apac {
        grid-area: a;
        text-align: center;
        display: flex;
        justify-content: center;
        gap: 30px;
        margin-bottom: 0;
    }

    .contact_grid .contact_apac span {
        font-size: 28px;
        font-weight: bold;
    }

    .contact_grid .contact_apac span:nth-child(1) {
        display: block;
    }

    .contact_grid .btn_contact {
        grid-area: b;
        margin-bottom: 45px !important;
    }

    .contact_grid .btn_contact_line {
        grid-area: c
    }

    .contact .contact_info dl {
        margin: 0 auto;
        padding: 35px 0 40px;
        width: 520px;
    }

    .contact.contact_apac .contact_info dl.form {
        padding: 25px 0 25px;
    }


    .contact .contact_info .contact_tell_group dl.tell {
        padding: 0;
    }

    .contact .contact_info dl.tell {
        border-right: 1px #dddddd solid;
    }

    .contact.contact_apac .contact_info dl.tell:nth-child(2) {
        border-right: none;
    }

    .contact .contact_info dl+dl {
        border-top: none;
        padding: 35px 0 40px;
    }

    .contact .contact_info dt {
        margin: 0 0 0;
        font-size: 24px;
        font-weight: bold;
        position: relative;
    }

    .contact.contact_apac .contact_info dt {
        font-size: 20px;
    }

    .contact .contact_info .contact_tell_group .tell:nth-child(2) {
        border-top: none;
        padding: 0;
    }

    .contact.contact_apac .contact_info dt span {
        margin-left: 25px;
    }

    .contact .contact_info .tell dt {
        margin: 0 0 20px 20px;
        padding: 0;
        text-align: center;
        position: relative;
    }

    .contact.contact_apac .contact_info .tell dt {
        margin: 0 0 10px 0;
    }

    .contact .contact_info .tell dt::before {
        content: '';
        width: 32px;
        height: 32px;
        background-color: #222222;
        -webkit-mask: var(--icon-tel);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 16px);
        left: 152px;
    }

    .contact .contact_info .tell dt.contact_us::before {
        content: '';
        width: 32px;
        height: 32px;
        background-color: #222222;
        -webkit-mask: var(--icon-contact);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 16px);
        left: 140px;
    }


    .com_group dt::before {
        -webkit-mask: var(--icon-tel);
        left: -46px !important;
    }

    .contact.contact_apac .contact_info .tell dt::before {
        display: none;
    }

    .contact .contact_info .form {
        border-top: none;
        padding-top: 55px;
    }

    .contact.contact_apac .contact_info .form {
        border-top: none;
        width: 840px;
        margin: 25px auto 0;
        padding: 25px 0 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .contact.contact_apac .contact_info .form dt {
        width: 100px;
        height: 70px;
        display: flex;
        align-items: center;
        position: absolute;
        top: 25px;
        left: 140px;
    }

    .contact.contact_apac .contact_info .form::before {
        content: '';
        width: 840px;
        height: 10px;
        background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 50%, #ffffff 100%);
        border-radius: 15px;
        position: absolute;
        top: -5px;
        left: 0;
        z-index: 10;
    }

    .contact.contact_apac .contact_info .form::after {
        content: '';
        width: 840px;
        height: 5px;
        background: #ffffff;
        position: absolute;
        top: -5px;
        left: 0;
        z-index: 100;
    }

    .contact .contact_info .form dt {
        margin: 0 0 35px 0;
    }

    .contact.contact_apac .contact_info .form dt {
        margin: 0 30px 0 0;
        padding: 0;
        font-size: 18px;
        text-align: center;
    }

    .contact .btn_tell {
        margin: 0 0 20px;
        padding: 0;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Avenir Next Condensed";
        font-size: 46px;
        font-weight: bold;
        color: #222;
        text-decoration: none;
        background: none;
        border: none;
        border-radius: 0;
        pointer-events: none;
    }

    .contact.contact_apac .tell dd {
        text-align: center;
    }

    .contact.contact_apac .btn_tell {
        margin: 0 0 12px 0;
        padding: 0 0 0 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
    }

    .contact.contact_suntory .btn_tell::before,
    .contact.contact_brands .btn_tell::before {
        display: none;
    }


    .contact.contact_apac .btn_tell::before {
        content: '';
        width: 30px;
        height: 30px;
        background-color: #222222;
        -webkit-mask: var(--icon-tel);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 15px);
        left: 0;
    }

    .contact.contact.contact_suntory .contact_info .form dt::before,
    .contact.contact.contact_brands .contact_info .form dt::before {
        content: '';
        width: 33px;
        height: 32px;
        background-color: #222222;
        -webkit-mask: var(--icon-contact);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 16px);
        left: 160px;
    }

    .contact .btn_tell .hyphen {
        margin: 0 6px;
        transform: scaleX(1.75) translate(0, -2.5px);
    }

    .contact .note {
        font-size: 17px;
        font-weight: bold;
        display: flex;
        justify-content: center;
    }

    .contact.contact.contact_apac .note {
        font-size: 14px;
    }

    .contact .note .label {
        white-space: nowrap;
    }

    .contact .note .label .colon {
        margin: 0 8px;
    }

    .contact .note .text .number {
        margin-left: 8px;
        font-family: "Avenir Next Condensed";
    }



    .btn_contact1:hover {
        background: linear-gradient(180deg, #f4f4f4, #fff);
    }

    .btn_contact1 a,
    .btn_contact1 a:hover {
        display: block;
        text-align: center;
        width: 100%;
        line-height: 70px;
        text-decoration: none;
        color: #222
    }

    .contact .btn_contact {
        margin: 0 auto;
        padding: 0 0 0 142px;
        width: 360px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 22px;
        font-weight: bold;
        color: #222;
        text-decoration: none;
        background: linear-gradient(180deg, #fff, #f4f4f4);
        border: 1px #dddddd solid;
        border-radius: 4px;
        transition: var(--transition-normal);
        position: relative;
		box-sizing: border-box
    }

    .btn_contact1 {
        margin: 15px auto 0 auto;
        width: 360px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        font-weight: bold;
        color: #222;
        text-decoration: none;
        background: linear-gradient(180deg, #fff, #f4f4f4);
        border: 1px #dddddd solid;
        border-radius: 4px;
        transition: var(--transition-normal);
        position: static;
        cursor: pointer;
        text-indent: inherit;
        padding: 0;
    }

    .btn_contact1:hover {
        background: linear-gradient(180deg, #f4f4f4, #fff);
    }

    .contact .btn_contact_line {
        margin: 0 auto;
        padding: 0 0 0 142px;
        width: 360px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 22px;
        font-weight: bold;
        color: #222;
        text-decoration: none;
        background: linear-gradient(180deg, #fff, #f4f4f4);
        border: 1px #dddddd solid;
        border-radius: 4px;
        transition: var(--transition-normal);
        position: relative;
		box-sizing: border-box
    }

    .contact.contact_suntory .btn_contact,
    .contact.contact_brands .btn_contact {
        padding: 0;
        justify-content: center;
    }

    .contact .btn_contact::before {
        content: '';
        width: 33px;
        height: 32px;
        background-color: #222222;
        -webkit-mask: var(--icon-contact);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 16px);
        left: 87px;
    }

    .contact .btn_contact_line::before {
        content: '';
        width: 33px;
        height: 32px;
        background-color: #222222;
        -webkit-mask: var(--icon-line);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 16px);
        left: 87px;
    }

    .contact.contact_suntory .btn_contact::before,
    .contact.contact_brands .btn_contact::before {
        display: none;
    }

    .contact .btn_contact:hover,
    .contact .btn_contact_line:hover {
        background: linear-gradient(180deg, #f4f4f4, #fff);
    }



    .contact .sns_list_apac,
    .contact .sns_list_suntory,
    .contact .sns_list_brands {
        display: none;
    }

    /* ========================================================================
    [pc]footer
    ========================================================================= */

    .footer {
        background: #eef8fb;
        padding: 50px 0 0;
        position: relative;
    }

    .footer::before {
        content: '';
        width: 100%;
        height: 10px;
        background-image: -moz-linear-gradient(-90deg, rgb(202, 222, 232) 0%, rgba(202, 222, 232, 0) 100%);
        background-image: -webkit-linear-gradient(-90deg, rgb(202, 222, 232) 0%, rgba(202, 222, 232, 0) 100%);
        background-image: -ms-linear-gradient(-90deg, rgb(202, 222, 232) 0%, rgba(202, 222, 232, 0) 100%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .footer_contents {
        margin: 0 auto;
        width: 1160px;
        display: grid;
        grid-template-columns: 360px 400px 400px;
        grid-template-rows: auto auto;
        grid-template-areas: "section00 section01 section02" "sns_apac sns_suntory sns_brands";
    }

    .footer #footer_section00 {
        width: 360px;
        border-left: 1px #cadee8 solid;
        position: relative;
    }

    .footer #footer_section00::before,
    .footer #footer_section01::before,
    .footer #footer_section02::before {
        content: '';
        width: 3px;
        height: 50px;
        background: #eef8fb;
        position: absolute;
        top: 0;
        left: -1px;
    }

    .footer #footer_section02::after {
        content: '';
        width: 3px;
        height: 50px;
        background: #eef8fb;
        position: absolute;
        top: 0;
        right: -1px;
    }

    .footer #footer_section01 {
        width: 400px;
        border-left: 1px #cadee8 solid;
        position: relative;
    }

    .footer #footer_section02 {
        border-left: 1px #cadee8 solid;
        border-right: 1px #cadee8 solid;
        width: 400px;
        position: relative;
    }

    .footer #footer_section00 h2,
    .footer #footer_section01 h2,
    .footer #footer_section02 h2,
    .footer #contents00,
    .footer #contents01,
    .footer #contents02 {
        display: block;
    }

    .footer_section button {
        display: none;
    }

    .footer #footer_section00 h2 {
        margin: 0 0 0 60px;
        height: 50px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .footer #footer_section01 h2 {
        margin: 0 25px 0 0;
        height: 50px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .footer #footer_section02 h2 {
        margin: 0 25px 0 0;
        height: 50px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .footer #footer_section00 h2 a,
    .footer #footer_section01 h2 a,
    .footer #footer_section02 h2 a {
        font-size: 20px;
        font-weight: bold;
        color: #222;
        text-decoration: none;
        position: relative;
    }

    .footer #footer_section00 h2 a:hover,
    .footer #footer_section01 h2 a:hover,
    .footer #footer_section02 h2 a:hover {
        text-decoration: underline;
    }

    .footer #footer_section00 h2 a {
        transform: scaleX(0.85);
        transform-origin: left;
        display: inline-block;
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .footer #footer_section00 h2 a::after,
    .footer #footer_section01 h2 a::after,
    .footer #footer_section02 h2 a::after {
        content: '';
        width: 6px;
        height: 10px;
        background-color: #222;
        -webkit-mask: var(--icon-arrow-right);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 5px);
        right: -25px;
    }

    .footer .contents {
        border-bottom: none;
    }

    .footer .contents p {
        display: none;
    }


    .footer #contents01,
    .footer #contents02 {
        display: flex;
    }

    .footer .contents .block01,
    .footer .contents .block02,
    .footer .contents .block03 {
        display: block;
    }

    .footer .contents .block01 {
        margin: 0 0 0 40px;
        padding: 45px 0 0;
        width: 115px;
        position: relative;
    }

    .footer .contents .block02 {
        padding: 45px 0 0;
        width: 119px;
        position: relative;
    }

    .footer .contents .block03 {
        padding: 45px 0 0;
        width: 130px;
    }

    .footer .contents h3 {
        margin: 0 0 30px;
        width: auto;
        font-size: 15px;
        font-weight: bold;
        color: #222;
        display: flex;
        align-items: center;
        height: auto;
        padding-left: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .footer #contents00 .contents_list,
    .footer #contents01 .contents_list,
    .footer #contents02 .contents_list {
        width: auto;
    }

    .footer .contents .contents_list {
        margin: 0 auto;
        width: auto;
        list-style: none;
        position: relative;
    }

    .footer .contents .contents_list li:first-child {
        border-top: 1px #ddd solid;
    }

    .footer .contents .contents_list li {
        border-top: none;
    }

    .footer #footer_section01 .contents#contents01,
    .footer #footer_section02 .contents#contents02 {
        position: relative;
    }

    #contents_list_primary::before,
    .contents#contents01::before,
    .contents#contents02::before,
    .contents#contents02::after {
        height: var(--contents-height);
    }

    .footer #contents01 .contents_list li,
    .footer #contents02 .contents_list li {
        border: none;
        position: relative;
    }

    .footer #contents01 .contents_list li+li,
    .footer #contents02 .contents_list li+li {
        margin-top: 15px;
    }

    .footer #contents00 .contents_list li::after,
    .footer #contents01 .contents_list li::after,
    .footer #contents02 .contents_list li::after {
        display: none;
    }

    .footer .contents .contents_list li a {
        display: flex;
        align-items: center;
        height: auto;
        text-decoration: none;
        font-size: 15px;
        color: #222;
        position: relative;
    }

    .footer .contents .contents_list li a:hover {
        text-decoration: underline;
    }

    .footer .contents .contents_list li:last-child {
        margin: 0 0 25px;
    }

    .footer .contents .contents_list li a::after {
        display: none;
    }

    .footer #contents00 .contents_list {
        margin: 0;
        padding: 45px 0 0 60px;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }

    .footer #contents00 .contents_list li {
        width: 120px;
        margin: 0 15px 15px 0;
        padding: 0;
    }

    .footer #contents00 .contents_list li:nth-child(2n) {
        margin-right: 0;
    }

    .footer .contents .contents_list li.nav_outline a,
    .footer .contents .contents_list li.nav_family a,
    .footer .contents .contents_list li.nav_subscription a,
    .footer .contents .contents_list li.nav_faq a,
    .footer .contents .contents_list li.nav_lifestyle a,
    .footer .contents .contents_list li.nav_contact a {
        padding-left: 35px;
    }

    .footer .contents .contents_list li.nav_outline a::before {
        content: '';
        width: 16px;
        height: 18px;
        background-color: #555555;
        -webkit-mask: var(--icon-company);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 9px);
        left: 0;
    }

    .footer .contents .contents_list li.nav_family a::before {
        content: '';
        width: 18px;
        height: 18px;
        background-color: #555555;
        -webkit-mask: var(--icon-point);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 9px);
        left: 0;
    }

    .footer .contents .contents_list li.nav_subscription a::before {
        content: '';
        width: 23px;
        height: 19px;
        background-color: #555555;
        -webkit-mask: var(--icon-subscription);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 9.5px);
        left: 0;
    }

    .footer .contents .contents_list li.nav_faq a::before {
        content: '';
        width: 22px;
        height: 18px;
        background-color: #555555;
        -webkit-mask: var(--icon-faq);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 9px);
        left: 0;
    }

    .footer .contents .contents_list li.nav_lifestyle a::before {
        content: '';
        width: 22px;
        height: 16px;
        background-color: #555555;
        -webkit-mask: var(--icon-lifestyle);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 8px);
        left: 0;
    }

    .footer .contents .contents_list li.nav_contact a::before {
        content: '';
        width: 21px;
        height: 20px;
        background-color: #555555;
        -webkit-mask: var(--icon-contact);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
    }

    .footer .contents .contents_list li.nav_outline a:hover::before,
    .footer .contents .contents_list li.nav_family a:hover::before,
    .footer .contents .contents_list li.nav_subscription a:hover::before,
    .footer .contents .contents_list li.nav_faq a:hover::before,
    .footer .contents .contents_list li.nav_lifestyle a:hover::before,
    .footer .contents .contents_list li.nav_contact a:hover::before {
        background-color: var(--color-suntory);
    }

    .footer .contents .contents_list li.nav_outline a:hover,
    .footer .contents .contents_list li.nav_family a:hover,
    .footer .contents .contents_list li.nav_subscription a:hover,
    .footer .contents .contents_list li.nav_faq a:hover,
    .footer .contents .contents_list li.nav_lifestyle a:hover,
    .footer .contents .contents_list li.nav_contact a:hover {
        text-decoration: underline;
    }


    /* ========================================================================
    [pc]footer_sns
    ========================================================================= */
    .footer .footer_sns {
        display: block;
    }

    .footer .footer_sns.footer_sns_apac {
        border-left: 1px #cadee8 solid;
    }

    .footer .footer_sns.footer_sns_suntory {
        border-left: 1px #cadee8 solid;
    }

    .footer .footer_sns.footer_sns_brands {
        border-left: 1px #cadee8 solid;
        border-right: 1px #cadee8 solid;
    }


    .footer .footer_sns .sns_block {
        padding-top: 30px;
        margin-left: 40px;
        position: relative;
    }

    .footer .footer_sns.footer_sns_apac .sns_block {
        margin-left: 40px;
        padding-left: 20px;
        position: relative;
    }

    .footer .footer_sns.footer_sns_apac .sns_block::before {
        content: '';
        width: 280px;
        height: 1px;
        background: #cadee8;
        position: absolute;
        top: 0;
        left: 0;
    }

    .footer .footer_sns.footer_sns_suntory .sns_block::before {
        content: '';
        width: 320px;
        height: 1px;
        background: #cadee8;
        position: absolute;
        top: 0;
        left: 0;
    }

    .footer .footer_sns.footer_sns_brands .sns_block::before {
        content: '';
        width: 320px;
        height: 1px;
        background: #cadee8;
        position: absolute;
        top: 0;
        left: 0;
    }

    .footer .footer_sns dt {
        margin: 0 0 15px;
        font-size: 14px;
        color: #222222;
    }

    .footer .sns_list_footer {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    .footer .sns_list_footer p {
        padding-right: 29px
    }

    .footer .sns_list_footer a {
        display: flex;
        align-items: center;
        height: 30px;
        font-size: 14px;
        color: #222222;
        text-decoration: none;
    }

    .footer .sns_list_footer .youtube a {
        margin-right: 18px;
        padding-left: 38px;
        height: 30px;
        background: url(../img/icon_youtube.svg) no-repeat 0 center;
        background-size: 30px auto;
    }

    .footer .sns_list_footer .youtube a:hover {
        background: url(../img/icon_youtube_on.svg) no-repeat 0 center;
        background-size: 30px auto;
    }

    .footer .sns_list_footer .facebook a {
        margin-right: 18px;
        padding-left: 38px;
        height: 30px;
        background: url(../img/icon_fb.svg) no-repeat 0 center;
        background-size: 28px auto;
    }

    .footer .sns_list_footer .facebook a:hover {
        background: url(../img/icon_fb_on.svg) no-repeat 0 center;
        background-size: 28px auto;
    }

    .footer .sns_list_footer .instagram a {
        margin-right: 18px;
        padding-left: 38px;
        height: 30px;
        background: url(../img/icon_instagram.svg) no-repeat 0 center;
        background-size: 28px auto;
    }

    .footer .sns_list_footer .instagram a:hover {
        background: url(../img/icon_instagram_on.svg) no-repeat 0 center;
        background-size: 28px auto;
    }

    .footer .sns_list_footer .line a {
        height: 30px;
        padding-left: 45px;
        background: url(../img/icon_line.svg) no-repeat 0 center;
        background-size: 28px auto;
    }

    .footer .sns_list_footer .line a:hover {
        background: url(../img/icon_line_on.svg) no-repeat 0 center;
        background-size: 28px auto;
    }


    /* ========================================================================
    [pc]footer_extra
    ========================================================================= */
    .footer .footer_extra {
        margin: 40px auto 0;
        border-top: 1px #cadee8 solid;
        width: 1160px;
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
        padding: 30px 0;
    }

    .footer .footer_extra li a {
        text-decoration: none;
        font-size: 16px;
        line-height: 20px;
        height: 20px;
        color: #222;
        padding: 0 25px;
        position: relative;
    }

    .footer .footer_extra li a:hover {
        text-decoration: underline;
    }

    .footer .footer_extra li a::after {
        content: '';
        width: 1px;
        height: 20px;
        background: #cadee8;
        position: absolute;
        top: calc(50% - 10px);
        right: 0;
    }

    .footer .footer_extra li:last-child a::after {
        display: none;
    }


    /* ========================================================================
    [pc]footer_label
    ========================================================================= */
    .footer_label {
        padding: 40px 0 10px;
        background: #eef8fb;
        position: relative;
    }

    .footer_label::before {
        content: '';
        width: 100%;
        height: 10px;
        background-image: -moz-linear-gradient(-90deg, rgba(202, 222, 232, 0.4) 0%, rgba(202, 222, 232, 0) 100%);
        background-image: -webkit-linear-gradient(-90deg, rgba(202, 222, 232, 0.4) 0%, rgba(202, 222, 232, 0) 100%);
        background-image: -ms-linear-gradient(-90deg, rgba(202, 222, 232, 0.4) 0%, rgba(202, 222, 232, 0) 100%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .footer_label h2 {
        margin: 0 auto 40px;
        width: 260px;
        height: 60px;
        background: url(../img/apac_logo.svg) no-repeat center center;
        background-size: contain;
        text-indent: -99999px;
    }

    .footer_label .copyright {
        font-size: 13px;
    }

    /* ========================================================================
    [pc]breadcrumb_trail
    ========================================================================= */
    .breadcrumb_trail {
        margin: 0 auto 40px;
        padding: 15px 0 0;
        width: 1160px;
        display: flex;
        list-style: none;
    }

    .breadcrumb_trail li {
        font-size: 14px;
        margin: 0 30px 0 0;
    }

    .breadcrumb_trail li a {
        text-decoration: none;
        color: #0072ef;
        position: relative;
        height: 30px;
    }

    .breadcrumb_trail li a:hover {
        text-decoration: underline;
    }

    .breadcrumb_trail li a::after {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #aaaaaa;
        -webkit-mask: var(--icon-breadcrumb-arrow);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 5px);
        right: -20px;
    }


    /* ========================================================================
    [pc]page_top
    ========================================================================= */
    .page_top {
        width: 80px;
        height: 80px;
        background: url(../img/page_top.svg) no-repeat center center;
        background-size: 80px auto;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
        position: fixed;
        bottom: 120px;
        right: auto;
        left: calc(50% + 500px);
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transition: var(--transition-normal);

        bottom: 10px;
        right: calc((100% - 1164px) / 2);

    }

    .page_top.active {
        opacity: 1;
        visibility: visible;
    }

}


/* ========================================================================
[sp]preview
========================================================================= */

.preview {
    width: 80vw;
    margin: 8vw auto 16vw;
}

.preview h1 {
    font-size: 6vw;
    font-weight: bold;
    color: #222;
    margin-bottom: 4vw;
}

.preview ul,
.preview li,
.preview p {
    font-size: 4vw;
}

.preview li+li {
    margin-top: 1.6vw;
}

.preview ul {
    margin: 0 0 0 1.3333333333333vw;
}

.preview li a,
.preview p a {
    color: #222;
}


@media print,
screen and (min-width:768px) {
    /* ========================================================================
    [pc]preview
    ========================================================================= */

    .preview {
        width: 1160px;
        margin: 60px auto 180px;
    }

    .preview h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .preview ul,
    .preview li,
    .preview p {
        font-size: 25px;
    }

    .preview li+li {
        margin-top: 10px;
    }

}