@charset "Shift_JIS";
/* --------------------------------------------------------------------
フード・スイーツブランド：「うなぎ屋 ハレルヒ」トップ（PC・SP）
--------------------------------------------------------------------- */
/* ---------------- PC ----------------------------------------------------- */
/* トリビア（.trivia）
================================================== */
.mainframe_ #brand_wrap .about .about_content .trivia {
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 10px auto;
  padding: 10px;
  background: #fff;
  border: 1px solid #0b3061;
}

.mainframe_ #brand_wrap .about .about_content .trivia .title {
  color: #0b3061;
  font-weight: bold;
}

.mainframe_ #brand_wrap .about .about_content .trivia ul.desc {
  margin-top: 10px;
}

.mainframe_ #brand_wrap .about .about_content .trivia ul.desc li + li {
  margin-top: 10px;
}

/* リンク */
.mainframe_ #brand_wrap .about .about_content .txt:has(> a) {
  text-align: right;
}

.mainframe_ #brand_wrap .about .about_content .txt a {
  position: relative;
  color: #1a0dab;
  font-weight: bold;
}

/* 外部サイト */
.mainframe_ #brand_wrap .about .about_content .txt a::after {
  position: absolute;
  content: '（外部サイトへ移動します）';
  bottom: -1.4em;
  right: 0;
  color: #555;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1;
}

/* ---------------- SP ----------------------------------------------------- */
/* トリビア（.trivia）
================================================== */
.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .about_content .trivia {
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 10px auto;
  padding: 10px;
  background: #fff;
  border: 1px solid #0b3061;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .about_content .trivia .title {
  color: #0b3061;
  font-weight: bold;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .about_content .trivia ul.desc {
  margin-top: 10px;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .about_content .trivia ul.desc li + li {
  margin-top: 10px;
}

/* リンク */
.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .about_content .txt:has(> a) {
  text-align: right;
}

.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .about_content .txt a {
  position: relative;
  color: #1a0dab;
  font-weight: bold;
}

/* 外部サイト */
.wrapper_:not(:has(.mainframe_)) #brand_wrap .about .about_content .txt a::after {
  position: absolute;
  content: '（外部サイトへ移動します）';
  bottom: -1.4em;
  right: 0;
  color: #555;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1;
}