@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
超宴2026 詳細
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
main {
  --color_blue: #1793ba;
  --color_blue_rgb: 23, 147, 186;
}

.utage-visual .location {
  margin-top: 1.4em;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ページヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-header {
  position: relative;
  z-index: 1;
  background: var(--color_blue);
}

.detail-header .img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  -webkit-mask: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/header-mask.svg") center bottom / cover no-repeat;
  mask: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/header-mask.svg") center bottom / cover no-repeat;
}

.detail-header .heading {
  position: absolute;
  inset: 105px var(--padding-inline) auto;
  z-index: 1;
  text-align: center;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- イントロ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-intro {
  position: relative;
  z-index: 0;
  padding-bottom: 100px;
  background: linear-gradient(var(--color_blue), #a3e1f4 30%, #ddeff9 60%, transparent 60%), linear-gradient(0deg, transparent 49px, #a3e1f4 49px);
}

.detail-intro::after {
  position: absolute;
  inset: auto 0 0;
  height: 50px;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/intro-mask.svg") center center / 100% 100% no-repeat;
  content: "";
}

.detail-intro .background-img {
  position: absolute;
  inset: 300px auto auto 0;
  z-index: -1;
  width: 100%;
  height: 422px;
  object-fit: cover;
}

.detail-intro .heading {
  margin-bottom: 1.1em;
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}

.detail-intro .heading-strong {
  color: var(--color_sub);
  font-size: 40px;
  line-height: 1;
}

.detail-intro .section-description {
  margin-bottom: 240px;
}

.detail-intro .img {
  display: block;
  height: 300px;
  margin-inline: auto;
  border-radius: var(--border-radius);
  object-fit: cover;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- グッズ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-goods {
  text-align: center;
}

.detail-goods-li {
  padding: 40px var(--padding-inline);
  border-radius: var(--border-radius);
  background: #fdf9da;
}

.detail-goods-li:not(:last-child) {
  margin-bottom: 30px;
}

.detail-goods-li .heading {
  margin-bottom: 0.8em;
  font-size: 24px;
}

.detail-goods-li .img {
  border-radius: var(--border-radius);
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- コンテンツ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-contents {
  position: relative;
  padding-bottom: 100px;
  background: linear-gradient(transparent 60px, var(--color_blue) 60px, #8bcde9 calc(100% - 49px), var(--color_sub) calc(100% - 49px));
  color: #fff;
}

.detail-contents::before {
  position: absolute;
  inset: 0 0 auto;
  height: 60px;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/contents-mask01.svg") center center / 100% 100% no-repeat;
  content: "";
}

.detail-contents::after {
  position: absolute;
  inset: auto 0 0;
  height: 50px;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/contents-mask02.svg") center center / 100% 100% no-repeat;
  content: "";
}

.detail-contents .heading_large {
  column-gap: initial;
}

.detail-contents .heading-img01 {
  transform: translateY(-0.5em);
}

.detail-contents .heading-img02 {
  transform: translateY(-0.5em) scaleX(-1);
}

.detail-contents-li {
  display: grid;
  justify-content: space-between;
  align-items: center;
}

.detail-contents-li:not(:last-child) {
  margin-bottom: 40px;
}

.detail-contents-li:nth-child(2n+1) {
  grid-template-columns: 52% 42%;
}

.detail-contents-li:nth-child(2n) {
  grid-template-columns: 42% 52%;
}

.detail-contents-li .img {
  width: 100%;
  border-radius: var(--border-radius);
}

.detail-contents-li .heading {
  margin-bottom: 0.8em;
  font-size: 20px;
}

.detail-contents-li .button {
  width: 100%;
  color: var(--color_main);
  grid-column: 1 / 3;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- セミナー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-seminar {
  padding-bottom: initial;
  background: var(--color_sub);
}

.detail-seminar .heading-img01 {
  align-self: end;
}

.detail-seminar-ul {
  padding: 40px var(--padding-inline);
  border-radius: var(--border-radius);
  background: #fff;
  text-align: center;
}

.detail-seminar-li:not(:last-child) {
  margin-bottom: 40px;
}

.detail-seminar-li .heading {
  margin-bottom: 0.6em;
  font-size: 24px;
}

.detail-seminar-li .description {
  margin-bottom: 1.4em;
}

.detail-seminar-li .img {
  width: 100%;
  border-radius: var(--border-radius);
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- アーティスト
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-artist {
  position: relative;
  padding-bottom: 100px;
  background: linear-gradient(0deg, transparent 49px, var(--color_sub) 49px);
  text-align: center;
}

.detail-artist::after {
  position: absolute;
  inset: auto 0 0;
  height: 50px;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/artist-mask.svg") center center / 100% 100% no-repeat;
  content: "";
}

.detail-artist .heading_large {
  column-gap: initial;
}

.detail-artist .heading-img02 {
  transform: translateY(-0.4em);
}

.detail-artist figure {
  overflow: hidden;
  position: relative;
  width: fit-content;
  margin-inline: auto;
  border-radius: var(--border-radius);
}

.detail-artist figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 3em 0.7em 1.4em;
  background: linear-gradient(rgb(var(--color_blue_rgb), 0), var(--color_blue) 53%);
  color: #fff;
}

.detail-artist .heading {
  margin-bottom: 0.3em;
  font-size: 24px;
}

.detail-artist .description {
  margin-bottom: 1em;
  font-size: 14px;
}

.detail-artist .website {
  margin-right: 2em;
  text-decoration: underline;
}

.detail-artist .website:hover {
  text-decoration-color: transparent;
}

.detail-artist .instagram:not(:hover) {
  filter: brightness(0) invert(1);
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- フード
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-food {
  text-align: center;
}

.detail-food .heading-img01 {
  align-self: center;
}

.detail-food .heading-img02 {
  transform: scaleX(-1);
  align-self: center;
}

.detail-food-ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, min(calc(100% - 20px) / 2, 157px));
  gap: 20px;
  flex-flow: wrap;
  justify-content: center;
}

.detail-food-li .img {
  border-radius: var(--border-radius);
}

.detail-food-li .heading {
  margin-top: 0.6em;
  font-weight: inherit;
}

.detail-food-li .food {
  margin-bottom: 0.6em;
  font-size: 12px;
}

.detail-food-li .instagram {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026/instagram.svg") center center / contain no-repeat;
}

.detail-food-li .instagram:not(:hover) {
  filter: brightness(0) contrast(0.8) sepia(1);
}

.detail-food-li .website {
  font-size: 12px;
  text-decoration: underline;
}

.detail-food-li .website:not(:hover) {
  text-decoration-color: transparent;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 前夜祭
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-eve {
  position: relative;
  padding-top: 100px;
  background: linear-gradient(transparent 50px, var(--color_main) 50px, var(--color_main) calc(100% - 49px), transparent calc(100% - 49px));
  color: #fff;
}

.detail-eve::before {
  position: absolute;
  inset: 0 0 auto;
  height: 50px;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/eve-mask01.svg") center center / 100% 100% no-repeat;
  content: "";
}

.detail-eve::after {
  position: absolute;
  inset: auto 0 0;
  height: 50px;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/utage2026_lower/eve-mask02.svg") center center / 100% 100% no-repeat;
  content: "";
}

.detail-eve .heading-img01 {
  visibility: hidden;
}

.detail-eve .heading-img02 {
  align-self: start;
}

.detail-eve .section-description {
  margin-bottom: 1.3em;
  text-align: center;
}

.detail-eve .date {
  margin-block: 0.7em;
  padding: 0.3em;
  border: 1px solid;
}

.detail-eve .annotation {
  margin-bottom: 2em;
}

.detail-eve .img {
  width: 100%;
}

.detail-eve .dl {
  margin-top: 2em;
}

.detail-eve dt {
  background: #fff;
  color: var(--color_main);
}

.detail-eve .button {
  color: var(--color_main);
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 関連記事
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.detail-post {
  padding-bottom: initial;
}

.detail-post .heading-img02 {
  align-self: start;
}