@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600&display=swap");
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
summary,
time,
video {
  border: 0;
  outline: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

body {
  line-height: 1;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
  display: block;
}

nav ul,
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

mark {
  background: none;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input[type=submit],
input[type=button],
button {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: middle;
}

input,
select,
a img {
  vertical-align: middle;
}

:root {
  --remBasicSize: 16px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

body,
html {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  background-color: #fff;
  color: #000;
  font-size: 16px;
}

input,
select,
textarea,
button,
option,
li {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  color: #212121;
}

a,
button {
  text-decoration: none;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}
a:focus, a:hover, a:active,
button:focus,
button:hover,
button:active {
  outline: none;
  text-decoration: none;
}

::-webkit-scrollbar {
  display: none;
}

.flex_r {
  display: flex;
  flex-direction: row;
}

.wrapper {
  --theme-green: #bedfc2;
  overflow: clip;
  width: 100%;
  min-width: calc(20 * var(--remBasicSize));
  margin: 0 auto;
  color: #212121;
  background: #e0efe1;
}

/*-------------------------

        taste_page

-------------------------*/
.taste_page img {
  display: block;
  max-width: 100%;
  height: auto;
}
.taste_page button {
  color: inherit;
}
.taste_page .sr_only {
  position: absolute;
  width: calc(0.0625 * var(--remBasicSize));
  height: calc(0.0625 * var(--remBasicSize));
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.taste_page .section_title {
  width: calc(12.75 * var(--remBasicSize));
  margin: 0 auto;
}
.taste_page .section_title img {
  width: 100%;
}
.taste_page .more_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(5.3125 * var(--remBasicSize));
  padding: calc(0.25 * var(--remBasicSize)) calc(1.125 * var(--remBasicSize));
  border: calc(0.0625 * var(--remBasicSize)) solid currentColor;
  border-radius: calc(2.5 * var(--remBasicSize));
  background: transparent;
  color: inherit;
  font-family: "Noto Serif TC", serif;
  font-size: calc(0.875 * var(--remBasicSize));
  line-height: 1.4;
  letter-spacing: 0.06em;
}
.taste_page .more_button:hover {
  border-color: #000;
  background: #000;
  color: #fff;
}
.taste_page {
  /*-------------------------
            header
  -------------------------*/
}
.taste_page .header {
  position: relative;
  z-index: 2;
  color: #000;
  text-align: center;
}
.taste_page .header .container {
  position: relative;
  width: min(100%, 80 * var(--remBasicSize));
  margin: auto;
  padding-top: calc(1.5 * var(--remBasicSize));
}
.taste_page .header .eyebrow {
  position: relative;
  z-index: 2;
  width: calc(14.75 * var(--remBasicSize));
  margin: 0 auto calc(1.25 * var(--remBasicSize));
}
.taste_page .header .title {
  position: relative;
  z-index: 2;
  top: calc(0.625 * var(--remBasicSize));
  width: calc(14.84375 * var(--remBasicSize));
  height: calc(3.46875 * var(--remBasicSize));
  margin: auto;
}
.taste_page .header .title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.taste_page .header .taglines {
  position: relative;
  z-index: 2;
  width: calc(25.625 * var(--remBasicSize));
  max-width: 70%;
  margin: calc(2.5 * var(--remBasicSize)) auto 0;
}
.taste_page .header .taglines img:first-child {
  width: auto;
  height: calc(2.3125 * var(--remBasicSize));
}
.taste_page .header .taglines img:last-child {
  width: auto;
  height: calc(2.3125 * var(--remBasicSize));
  margin: calc(0.9375 * var(--remBasicSize)) 0 0 auto;
}
.taste_page .header .divider {
  display: block;
  width: calc(0.1875 * var(--remBasicSize));
  height: calc(4.125 * var(--remBasicSize));
  margin: calc(1.875 * var(--remBasicSize)) auto calc(2.5 * var(--remBasicSize));
  background: var(--theme-green);
}
.taste_page .header .baguette, .taste_page .header .glass, .taste_page .header .star_one, .taste_page .header .star_two {
  position: absolute;
  pointer-events: none;
}
.taste_page .header .baguette {
  animation: taste_object_float 4.6s ease-in-out 0.8s infinite alternate;
  z-index: 1;
  width: calc(16.875 * var(--remBasicSize));
  top: calc(4.6875 * var(--remBasicSize));
  left: 10%;
}
.taste_page .header .glass {
  animation: taste_object_float 3.6s ease-in-out 0.7s infinite alternate, taste_object_sway 4.2s ease-in-out 0.2s infinite alternate;
  width: 8%;
  top: calc(17.5 * var(--remBasicSize));
  right: 15%;
  transform: rotate(-15deg);
}
.taste_page .header .star_one {
  animation: taste_snowflake_spin 14s linear infinite;
  width: calc(8.375 * var(--remBasicSize));
  top: calc(6 * var(--remBasicSize));
  right: 14%;
}
.taste_page .header .star_two {
  animation: taste_snowflake_spin 12s linear infinite reverse;
  width: calc(4.0625 * var(--remBasicSize));
  top: calc(29.875 * var(--remBasicSize));
  left: 6%;
}
@media (max-width: 1024px) {
  .taste_page .header .container {
    width: min(100%, 46.875 * var(--remBasicSize));
    padding-top: calc(3.4375 * var(--remBasicSize));
  }
  .taste_page .header .eyebrow {
    width: calc(15.625 * var(--remBasicSize));
    margin-bottom: calc(2.1875 * var(--remBasicSize));
  }
  .taste_page .header .title {
    top: 0;
    width: calc(15 * var(--remBasicSize));
    height: calc(3.4375 * var(--remBasicSize));
  }
  .taste_page .header .taglines {
    width: calc(31.25 * var(--remBasicSize));
    max-width: 80%;
    margin-top: calc(2 * var(--remBasicSize));
  }
  .taste_page .header .taglines img:first-child,
  .taste_page .header .taglines img:last-child {
    height: calc(2.875 * var(--remBasicSize));
  }
  .taste_page .header .taglines img:last-child {
    margin-top: calc(1.25 * var(--remBasicSize));
  }
  .taste_page .header .divider {
    height: calc(4.125 * var(--remBasicSize));
    margin: calc(1.75 * var(--remBasicSize)) auto calc(1.75 * var(--remBasicSize));
  }
  .taste_page .header .baguette {
    width: calc(16.875 * var(--remBasicSize));
    top: calc(3.75 * var(--remBasicSize));
    left: calc(-3.75 * var(--remBasicSize));
  }
  .taste_page .header .glass {
    width: calc(5.9375 * var(--remBasicSize));
    top: calc(25 * var(--remBasicSize));
    right: calc(2.1875 * var(--remBasicSize));
  }
  .taste_page .header .star_one {
    width: calc(4.0625 * var(--remBasicSize));
    top: calc(7.5 * var(--remBasicSize));
    right: calc(5.625 * var(--remBasicSize));
  }
  .taste_page .header .star_two {
    width: calc(8.375 * var(--remBasicSize));
    top: calc(22.1875 * var(--remBasicSize));
    left: calc(2.5 * var(--remBasicSize));
  }
}
.taste_page .taste_intro {
  position: relative;
  width: 98%;
  margin: calc(2.5 * var(--remBasicSize)) auto calc(5 * var(--remBasicSize));
  color: #000;
}
.taste_page .taste_intro .intro {
  position: relative;
  top: calc(1.25 * var(--remBasicSize));
  margin: 0;
  text-align: center;
  font-size: calc(1.25 * var(--remBasicSize));
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 1024px) {
  .taste_page .taste_intro {
    width: 100%;
    margin-top: calc(3 * var(--remBasicSize));
    margin-bottom: calc(6.25 * var(--remBasicSize));
  }
  .taste_page .taste_intro .intro {
    padding: 0 calc(1.5 * var(--remBasicSize));
    font-size: calc(1.75 * var(--remBasicSize));
    line-height: 1.5;
  }
  .taste_page .taste_intro .intro span {
    display: block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .taste_page .taste_intro {
    margin-top: calc(2.375 * var(--remBasicSize));
  }
}
.taste_page {
  /*----------------------------
    聯名美食 collaboration_food
  ----------------------------*/
}
.taste_page .collaboration_food {
  position: relative;
  padding: calc(3.75 * var(--remBasicSize)) 0 calc(6.5625 * var(--remBasicSize));
  background-image: url("../images/taste/collaboration_food/bg_stripe.png");
  background-position: 50% calc(5.3125 * var(--remBasicSize));
  background-size: 100% calc(59.375 * var(--remBasicSize));
  background-repeat: no-repeat;
}
.taste_page .collaboration_food .container {
  position: relative;
  width: min(92%, 70 * var(--remBasicSize));
  margin: auto;
}
.taste_page .collaboration_food .word {
  position: absolute;
  z-index: 1;
  width: calc(27.75 * var(--remBasicSize));
  top: calc(1.875 * var(--remBasicSize));
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.taste_page .collaboration_food .section_title {
  position: absolute;
  top: calc(13.75 * var(--remBasicSize));
  left: 50%;
  transform: translateX(-50%);
}
.taste_page .collaboration_food .collaboration_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(8, calc(8.75 * var(--remBasicSize)));
  gap: calc(2 * var(--remBasicSize));
}
.taste_page .collaboration_food .collaboration_card {
  min-width: 0;
  padding: calc(2.125 * var(--remBasicSize)) calc(1.125 * var(--remBasicSize)) calc(1.125 * var(--remBasicSize));
  background: var(--card-color);
  transition: transform 0.4s ease-in-out;
}
.taste_page .collaboration_food .collaboration_card--1 {
  --card-color: #f17b8a;
  grid-area: 1/1/4/2;
}
.taste_page .collaboration_food .collaboration_card--2 {
  --card-color: #a8cf5d;
  grid-area: 4/1/7/2;
}
.taste_page .collaboration_food .collaboration_card--3 {
  --card-color: #5ca5cb;
  grid-area: 3/2/6/3;
}
.taste_page .collaboration_food .collaboration_card--4 {
  --card-color: #ffd900;
  grid-area: 6/2/9/3;
}
.taste_page .collaboration_food .collaboration_card--5 {
  --card-color: #63b58a;
  grid-area: 1/3/4/4;
}
.taste_page .collaboration_food .collaboration_card--6 {
  --card-color: #f29735;
  grid-area: 4/3/7/4;
}
.taste_page .collaboration_food .collaboration_card .collaboration_open {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}
.taste_page .collaboration_food .collaboration_card .brand_photo {
  width: 100%;
  flex: 1;
  min-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.taste_page .collaboration_food .collaboration_card .brand_name {
  display: block;
  width: 100%;
  margin-top: calc(0.875 * var(--remBasicSize));
  color: #fff;
  font-size: calc(1 * var(--remBasicSize));
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-align: center;
}
.taste_page .collaboration_food .collaboration_card .brand_name .brand_title {
  display: block;
  font-size: calc(1.125 * var(--remBasicSize));
  font-weight: 400;
}
.taste_page .collaboration_food .collaboration_card .brand_name .food_name {
  display: block;
  margin-top: calc(0.25 * var(--remBasicSize));
  font-size: calc(1 * var(--remBasicSize));
  font-weight: 300;
}
.taste_page .collaboration_food .collaboration_card .collaboration_more {
  display: inline-block;
  margin-top: calc(0.625 * var(--remBasicSize));
  padding: calc(0.25 * var(--remBasicSize)) calc(1.125 * var(--remBasicSize));
  border: calc(0.0625 * var(--remBasicSize)) solid #fff;
  border-radius: calc(2.5 * var(--remBasicSize));
  color: #fff;
  font-family: "Noto Serif TC", serif;
  font-size: calc(0.875 * var(--remBasicSize));
  font-weight: 400;
  line-height: 1.4;
}
.taste_page .collaboration_food .collaboration_card:hover {
  transform: scale(1.025);
}
@media (max-width: 1024px) {
  .taste_page .collaboration_food {
    padding: calc(14.375 * var(--remBasicSize)) 0 calc(6.25 * var(--remBasicSize));
    background-image: url("../images/taste/collaboration_food/bg_stripe_m.png");
    background-position: center calc(13.125 * var(--remBasicSize));
    background-size: 100% calc(97.4375 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .container {
    width: min(92%, 43.125 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .word {
    width: calc(27.75 * var(--remBasicSize));
    top: calc(-11.5625 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .section_title {
    z-index: 2;
    width: calc(13.75 * var(--remBasicSize));
    top: calc(1.5625 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .collaboration_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(7, calc(12.1875 * var(--remBasicSize)));
    gap: calc(1.75 * var(--remBasicSize)) calc(2.5 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .collaboration_card {
    padding: calc(1.625 * var(--remBasicSize)) calc(1.125 * var(--remBasicSize)) calc(1.125 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .collaboration_card--1 {
    grid-area: 1/1/3/2;
  }
  .taste_page .collaboration_food .collaboration_card--2 {
    grid-area: 3/1/5/2;
  }
  .taste_page .collaboration_food .collaboration_card--3 {
    grid-area: 5/1/7/2;
  }
  .taste_page .collaboration_food .collaboration_card--4 {
    grid-area: 2/2/4/3;
  }
  .taste_page .collaboration_food .collaboration_card--5 {
    grid-area: 4/2/6/3;
  }
  .taste_page .collaboration_food .collaboration_card--6 {
    grid-area: 6/2/8/3;
  }
  .taste_page .collaboration_food .collaboration_card .brand_name {
    font-size: calc(1.4375 * var(--remBasicSize));
    margin-top: calc(1 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .collaboration_card .brand_name .brand_title {
    font-size: calc(1.625 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .collaboration_card .brand_name .food_name {
    font-size: calc(1.4375 * var(--remBasicSize));
  }
  .taste_page .collaboration_food .collaboration_card .collaboration_more {
    font-size: calc(1.25 * var(--remBasicSize));
  }
}
.taste_page {
  /*-------------------------
      週末美食 weekend_food
  -------------------------*/
}
.taste_page .brand_section {
  padding: calc(6.25 * var(--remBasicSize)) 0 calc(8.75 * var(--remBasicSize));
}
.taste_page .brand_section .container {
  width: min(100%, 80 * var(--remBasicSize));
  margin: auto;
}
.taste_page .brand_section .section_title {
  margin-bottom: calc(3.125 * var(--remBasicSize));
}
.taste_page .brand_section .brand_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(7.1875 * var(--remBasicSize)) calc(1.25 * var(--remBasicSize));
}
.taste_page .brand_section .brand_card {
  min-width: 0;
  padding: calc(1 * var(--remBasicSize)) calc(1 * var(--remBasicSize)) calc(2.375 * var(--remBasicSize));
  background: #e0efe1;
}
.taste_page .brand_section .brand_content {
  text-align: center;
}
.taste_page .brand_section .brand_name {
  margin: 0 0 calc(0.75 * var(--remBasicSize));
  padding: calc(0.75 * var(--remBasicSize)) 0;
  border-bottom: calc(0.0625 * var(--remBasicSize)) solid #607b66;
  font-size: calc(1.25 * var(--remBasicSize));
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.taste_page .brand_section .brand_summary {
  margin: 0 0 calc(1 * var(--remBasicSize));
  font-size: calc(0.9375 * var(--remBasicSize));
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.55;
  text-align: justify;
}
.taste_page .brand_section .brand_visual {
  position: relative;
  margin-top: calc(1.75 * var(--remBasicSize));
}
.taste_page .brand_section .brand_photo {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.taste_page .brand_section .brand_logo {
  position: absolute;
  width: calc(5 * var(--remBasicSize));
  height: calc(5 * var(--remBasicSize));
  bottom: calc(-5.625 * var(--remBasicSize));
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: white;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .taste_page .brand_section {
    padding: calc(6.25 * var(--remBasicSize)) 0 calc(7.5 * var(--remBasicSize));
  }
  .taste_page .brand_section .container {
    width: min(92%, 43.125 * var(--remBasicSize));
  }
  .taste_page .brand_section .section_title {
    width: calc(14.375 * var(--remBasicSize));
    margin-bottom: calc(3.75 * var(--remBasicSize));
  }
  .taste_page .brand_section .brand_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(9.0625 * var(--remBasicSize)) calc(2.5 * var(--remBasicSize));
  }
  .taste_page .brand_section .brand_card {
    padding: calc(1 * var(--remBasicSize)) calc(1 * var(--remBasicSize)) calc(2.25 * var(--remBasicSize));
  }
  .taste_page .brand_section .brand_name {
    font-size: calc(1.5625 * var(--remBasicSize));
    padding: calc(0.625 * var(--remBasicSize)) 0;
  }
  .taste_page .brand_section .brand_summary {
    font-size: calc(1.5 * var(--remBasicSize));
    line-height: 1.5;
    margin-bottom: calc(1.25 * var(--remBasicSize));
  }
  .taste_page .brand_section .more_button {
    min-width: calc(7.5 * var(--remBasicSize));
    padding: calc(0.3125 * var(--remBasicSize)) calc(1.25 * var(--remBasicSize));
    font-size: calc(1.25 * var(--remBasicSize));
  }
  .taste_page .brand_section .brand_visual {
    margin-top: calc(1.625 * var(--remBasicSize));
  }
  .taste_page .brand_section .brand_logo {
    width: calc(5.9375 * var(--remBasicSize));
    height: calc(5.9375 * var(--remBasicSize));
    bottom: calc(-5.625 * var(--remBasicSize));
  }
}
.taste_page .weekend_food {
  background: var(--theme-green);
}
.taste_page .weekend_food .is_coming_soon {
  display: flex;
  flex-direction: column;
  cursor: default;
}
.taste_page .weekend_food .is_coming_soon .brand_content {
  display: grid;
  flex: 1;
  place-items: center;
  padding: calc(1.5 * var(--remBasicSize)) 0;
}
.taste_page .weekend_food .is_coming_soon .coming_soon_visual {
  aspect-ratio: 1;
  background: #d2e7d4;
}
.taste_page {
  /*-------------------------
          風格市集 market
  -------------------------*/
}
.taste_page .market .is_coming_soon {
  cursor: default;
}
.taste_page .market .is_coming_soon .coming_soon_visual {
  aspect-ratio: 1;
  background: #d2e7d4;
}
.taste_page .market .brand_grid {
  row-gap: calc(3.125 * var(--remBasicSize));
}
.taste_page .market .brand_card {
  display: flex;
  flex-direction: column;
  padding: 0 calc(0.75 * var(--remBasicSize));
  background: transparent;
}
.taste_page .market .brand_visual {
  order: -1;
  margin: 0 0 calc(0.625 * var(--remBasicSize));
  padding: calc(0.625 * var(--remBasicSize));
  background: var(--theme-green);
}
.taste_page .market .brand_logo {
  bottom: calc(-0.625 * var(--remBasicSize));
  left: calc(-0.75 * var(--remBasicSize));
  transform: none;
}
@media (max-width: 1024px) {
  .taste_page .market .brand_grid {
    row-gap: calc(5.3125 * var(--remBasicSize));
  }
  .taste_page .market .brand_card {
    padding: 0;
  }
  .taste_page .market .brand_visual {
    margin-bottom: calc(1.25 * var(--remBasicSize));
  }
  .taste_page .market .brand_logo {
    bottom: calc(-1.125 * var(--remBasicSize));
    left: calc(-1.125 * var(--remBasicSize));
  }
}
.taste_page .coming_soon_caption {
  margin: calc(0.75 * var(--remBasicSize)) 0 0;
  color: #48674f;
  font-size: calc(1.125 * var(--remBasicSize));
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 1024px) {
  .taste_page .coming_soon_caption {
    font-size: calc(1.5 * var(--remBasicSize));
  }
}
.taste_page .coming_soon_visual {
  display: grid;
  place-items: center;
  width: 100%;
  padding: calc(1 * var(--remBasicSize));
  text-align: center;
}
.taste_page .coming_soon_text {
  color: #48674f;
  font-family: Didot, "Bodoni MT", Georgia, serif;
  font-size: calc(1.75 * var(--remBasicSize));
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .taste_page .coming_soon_text {
    font-size: calc(1.875 * var(--remBasicSize));
  }
}
.taste_page .brand_dialog:not([open]) {
  display: none;
}
.taste_page .brand_dialog {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: calc(8 * var(--remBasicSize)) calc(3.125 * var(--remBasicSize)) calc(5 * var(--remBasicSize));
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0;
  background: transparent;
  color: #212121;
}
.taste_page .brand_dialog::backdrop {
  background: rgba(190, 223, 194, 0.94);
  animation: taste_backdrop_in 0.4s ease both;
}
.taste_page .brand_dialog.is_closing::backdrop {
  animation: taste_backdrop_out 0.28s ease both;
}
.taste_page .brand_dialog.is_closing .lightbox_panel {
  animation: taste_dialog_out 0.28s ease both;
}
.taste_page .brand_dialog .lightbox_panel {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: calc(2.875 * var(--remBasicSize));
  width: min(100%, 62.5 * var(--remBasicSize));
  margin: 0 auto;
  padding: calc(4 * var(--remBasicSize)) calc(2.875 * var(--remBasicSize));
  background: #e0efe1;
  box-shadow: 0 0 calc(0.75 * var(--remBasicSize)) rgba(54, 86, 59, 0.3137254902);
  animation: taste_dialog_in 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.taste_page .brand_dialog .lightbox_item {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: inherit;
  align-items: center;
  gap: inherit;
  min-width: 0;
  padding-top: calc(2.875 * var(--remBasicSize));
  border-top: calc(0.0625 * var(--remBasicSize)) solid #bedfc2;
}
.taste_page .brand_dialog .lightbox_close {
  position: absolute;
  top: calc(-4.125 * var(--remBasicSize));
  right: 0;
  width: calc(2.625 * var(--remBasicSize));
  height: calc(2.625 * var(--remBasicSize));
  border: 0;
  background: transparent;
  transition: transform 0.3s ease;
}
.taste_page .brand_dialog .lightbox_close:hover {
  transform: rotate(90deg);
}
.taste_page .brand_dialog .lightbox_close span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: calc(0.125 * var(--remBasicSize));
  background: #fff;
  transform: rotate(45deg);
}
.taste_page .brand_dialog .lightbox_close span:last-child {
  transform: rotate(-45deg);
}
.taste_page .brand_dialog .lightbox_visual {
  position: relative;
  min-width: 0;
}
.taste_page .brand_dialog .lightbox_visual .detail_photo {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.taste_page .brand_dialog .lightbox_visual .brand_logo {
  position: absolute;
  top: calc(-2.375 * var(--remBasicSize));
  left: calc(-1.125 * var(--remBasicSize));
  width: calc(8.75 * var(--remBasicSize));
  height: calc(8.75 * var(--remBasicSize));
  border-radius: 50%;
  background: #fff;
  -o-object-fit: contain;
     object-fit: contain;
}
.taste_page .brand_dialog .lightbox_content {
  min-width: 0;
}
.taste_page .brand_dialog .lightbox_title {
  margin: 0 0 calc(1.25 * var(--remBasicSize));
  padding-bottom: calc(0.75 * var(--remBasicSize));
  border-bottom: calc(0.0625 * var(--remBasicSize)) solid #212121;
  font-size: calc(2.375 * var(--remBasicSize));
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.taste_page .brand_dialog .lightbox_description {
  font-size: calc(1 * var(--remBasicSize));
  font-weight: 300;
  line-height: 2.1;
  letter-spacing: 0.035em;
  overflow-wrap: anywhere;
  text-align: justify;
}
.taste_page .brand_dialog .lightbox_description p + p {
  margin-top: calc(1 * var(--remBasicSize));
}
.taste_page .brand_dialog .lightbox_link {
  margin-top: calc(1.375 * var(--remBasicSize));
}
.taste_page .brand_dialog .lightbox_link:empty {
  display: none;
}
.taste_page .brand_dialog .lightbox_link .more_button {
  min-width: calc(6.875 * var(--remBasicSize));
  min-height: calc(2.375 * var(--remBasicSize));
  font-size: calc(1 * var(--remBasicSize));
  padding: calc(0.25 * var(--remBasicSize)) calc(1.25 * var(--remBasicSize));
}
@media (max-width: 1024px) {
  .taste_page .brand_dialog {
    padding: calc(9.625 * var(--remBasicSize)) calc(3.125 * var(--remBasicSize)) calc(6.25 * var(--remBasicSize));
  }
  .taste_page .brand_dialog .lightbox_panel {
    width: min(100%, 40.625 * var(--remBasicSize));
    grid-template-columns: minmax(0, 1fr);
    gap: calc(1.875 * var(--remBasicSize));
    padding: calc(2.875 * var(--remBasicSize)) calc(2.8125 * var(--remBasicSize)) calc(4.5 * var(--remBasicSize));
  }
  .taste_page .brand_dialog .lightbox_close {
    top: calc(-5 * var(--remBasicSize));
    width: calc(4.125 * var(--remBasicSize));
    height: calc(4.125 * var(--remBasicSize));
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    -webkit-tap-highlight-color: transparent;
  }
  .taste_page .brand_dialog .lightbox_close:focus, .taste_page .brand_dialog .lightbox_close:focus-visible, .taste_page .brand_dialog .lightbox_close:active {
    outline: none;
    box-shadow: none;
  }
  .taste_page .brand_dialog .lightbox_close span {
    height: calc(0.1875 * var(--remBasicSize));
  }
  .taste_page .brand_dialog .lightbox_visual .brand_logo {
    top: calc(-1.25 * var(--remBasicSize));
    left: calc(-1.25 * var(--remBasicSize));
  }
  .taste_page .brand_dialog .lightbox_title {
    margin-bottom: calc(1.5625 * var(--remBasicSize));
    padding-bottom: calc(1 * var(--remBasicSize));
    font-size: calc(2.625 * var(--remBasicSize));
  }
  .taste_page .brand_dialog .lightbox_description {
    font-size: calc(1.75 * var(--remBasicSize));
    line-height: 1.85;
    letter-spacing: 0.055em;
  }
  .taste_page .brand_dialog .lightbox_link {
    margin-top: calc(2.1875 * var(--remBasicSize));
  }
  .taste_page .brand_dialog .lightbox_link .more_button {
    min-width: calc(8.625 * var(--remBasicSize));
    min-height: calc(3 * var(--remBasicSize));
    font-size: calc(1.75 * var(--remBasicSize));
    padding: calc(0.1875 * var(--remBasicSize)) calc(1.625 * var(--remBasicSize));
  }
}
.taste_page a:focus-visible, .taste_page button:focus-visible {
  outline: calc(0.1875 * var(--remBasicSize)) solid #436f42;
  outline-offset: calc(0.3125 * var(--remBasicSize));
}
@media (prefers-reduced-motion: reduce) {
  .taste_page *,
  .taste_page *::before,
  .taste_page *::after,
  .taste_page .brand_dialog::backdrop {
    animation: none !important;
    transition: none !important;
  }
}

body:has(.brand_dialog[open]) {
  overflow: hidden;
}

@keyframes taste_object_float {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 calc(-0.75 * var(--remBasicSize));
  }
}
@keyframes taste_object_sway {
  from {
    rotate: -3deg;
  }
  to {
    rotate: 3deg;
  }
}
@keyframes taste_snowflake_spin {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
@keyframes taste_dialog_in {
  from {
    opacity: 0;
    transform: translateY(calc(1.5 * var(--remBasicSize))) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes taste_dialog_out {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(calc(1 * var(--remBasicSize))) scale(0.98);
  }
}
@keyframes taste_backdrop_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes taste_backdrop_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}/*# sourceMappingURL=taste.css.map */