/* TREND WORK | 店舗ページ、記事・写真ページの基本デザイン
 * UTF-8。保存すると公開ページへ反映されます。編集前にファイルをダウンロードしてください。
 * 読み込み順は変更しないでください。後のファイルの同じ指定が優先される場合があります。
 */


/* 店舗詳細・募集情報 */
html.th-public .detail-page {
  color: #fff;
  background: #000 !important;
}


/* 店舗の上部帯・キープ・応募 / 店舗詳細・募集情報 */
html.th-public .detail-header {
  border-bottom: 1px solid var(--th-line-soft) !important;
  background: #000000eb !important;
}


/* 店舗詳細・募集情報 */
html.th-public .detail-hero,html.th-public .detail-offers,html.th-public .detail-trust,html.th-public .detail-local-nav,html.th-public .detail-section,html.th-public .detail-aside>div,html.th-public .detail-footer {
  box-shadow: none !important;
  color: #fff !important;
  background: #000 !important;
  border-radius: 0 !important;
}

html.th-public .detail-hero {
  border: 1px solid var(--th-line-soft) !important;
}

html.th-public .detail-hero-copy {
  border-color: var(--th-line-soft) !important;
  background: #000000c7 !important;
}


/* 共通・その他 */
html.th-public .th-area-label {
  letter-spacing: .1em;
  border: 1px solid #fff;
  margin: 0 0 12px;
  padding: 2px 10px;
  font-size: 13px;
  display: inline-block;
  color: #fff !important;
}


/* 店舗詳細・募集情報 */
html.th-public .detail-hero h1 {
  letter-spacing: .1em;
  color: #fff !important;
}

html.th-public .detail-hero h2 {
  color: var(--th-sub) !important;
}

html.th-public .detail-hero-copy div span {
  border-color: var(--th-line) !important;
  color: var(--th-sub) !important;
  background: 0 0 !important;
  border-radius: 0 !important;
}

html.th-public .detail-hero-discover {
  color: var(--th-gold-light) !important;
  border-color: var(--th-line) !important;
}

html.th-public .detail-updated {
  color: var(--th-muted) !important;
  background: #000000c7 !important;
}

html.th-public .detail-updated b {
  color: #fff !important;
}

html.th-public .detail-local-nav {
  border: 1px solid var(--th-line-soft) !important;
}

html.th-public .detail-local-nav a {
  color: #fff !important;
  border-color: var(--th-line-soft) !important;
  background: 0 0 !important;
}

html.th-public .detail-trust span {
  color: var(--th-muted) !important;
}

html.th-public .detail-offers {
  border: 1px solid var(--th-line) !important;
}

html.th-public .detail-offers>div {
  border-color: var(--th-line-soft) !important;
}

html.th-public .detail-offers span {
  color: var(--th-muted) !important;
}

html.th-public .detail-offers b {
  color: var(--th-gold-light) !important;
}

html.th-public .detail-offers small {
  color: #9a9a9a !important;
}


/* 店舗の上部帯・キープ・応募 / 店舗詳細・募集情報 */
html.th-public .detail-offers>a,html.th-public .detail-aside .aside-entry,html.th-public .detail-mobile-apply a {
  background: var(--th-grad) !important;
  color: #1a1203 !important;
  border: 0 !important;
  border-radius: 0 !important;
}


/* 店舗詳細・募集情報 */
html.th-public .detail-offers>a * {
  color: #1a1203 !important;
}

html.th-public .detail-aside .aside-line {
  border-radius: 0 !important;
}

html.th-public .detail-section {
  position: relative;
  border: 0 !important;
  padding-top: 8px !important;
}

html.th-public .detail-kicker {
  z-index: 1;
  background: var(--th-grad);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: relative;
  top: auto;
  left: auto;
  letter-spacing: .02em !important;
  color: #0000 !important;
  margin: 0 !important;
  font-size: 3.4rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  display: block !important;
}

html.th-public .detail-kicker:before {
  display: none;
}

html.th-public .detail-kicker:after {
  content: "of Host Recruit";
  letter-spacing: .06em;
  color: var(--th-gold-light);
  -webkit-text-fill-color: var(--th-gold-light);
  margin-top: .15em;
  font-size: .3em;
  line-height: 1;
  display: block;
}

html.th-public .detail-kicker+h2 {
  z-index: 2;
  text-shadow: 0 0 7px #000,0 0 2px #000;
  position: relative;
  letter-spacing: .3em !important;
  color: #fff !important;
  margin: 12px 0 24px !important;
  padding: 0 !important;
  font-size: 1.7rem !important;
}

html.th-public .detail-lead,html.th-public .detail-section p,html.th-public .detail-section li {
  color: var(--th-sub) !important;
}

html.th-public .detail-section .requirements,html.th-public .detail-section .requirements>div,html.th-public .detail-section .trial-card,html.th-public .message-grid>div,html.th-public .detail-recruit-art {
  border-color: var(--th-line-soft) !important;
  color: #fff !important;
  background: #070707 !important;
  border-radius: 0 !important;
}

html.th-public .detail-section dt {
  color: var(--th-muted) !important;
}

html.th-public .detail-section dd {
  color: #fff !important;
}

html.th-public .trial-card b {
  color: var(--th-gold-light) !important;
}

html.th-public .detail-aside>div {
  border: 1px solid var(--th-line) !important;
}

html.th-public .detail-aside h3,html.th-public .detail-aside-shop b {
  color: #fff !important;
}

html.th-public .detail-aside small,html.th-public .detail-aside p {
  color: var(--th-muted) !important;
}

html.th-public .detail-referral-note {
  border-color: var(--th-line-soft) !important;
}


/* 店舗の上部帯・キープ・応募 / 店舗詳細・募集情報 */
html.th-public .detail-mobile-apply {
  border-top: 1px solid var(--th-line-soft) !important;
  background: #000000f2 !important;
}


/* 共通・その他 */
html.th-public .contact-metric-notice {
  color: #8a8a8a !important;
  background: #000 !important;
}


/* 店舗トピックス */
html.th-public .topic-page,html.th-public .store-blog-page,html.th-public .recruiter-guide-page {
  color: #fff !important;
  background: #000 !important;
}

html.th-public :is(.topic-page,.store-blog-page,.recruiter-guide-page) :is(section,article,header,footer,div,aside) {
  border-radius: 0 !important;
}


/* 店舗トピックス / 写真・動画 / 記事・特集・はじめての方 */
html.th-public :is(.topic-page,.store-blog-page,.recruiter-guide-page) :is(article,.editorial-card,.gallery-page__intro,.feature-page__intro,.blog-store-banners>*,section) {
  box-shadow: none !important;
  background-color: #0000 !important;
}


/* 店舗トピックス */
html.th-public :is(.topic-page,.store-blog-page,.recruiter-guide-page) :is(p,li,dd,small,span) {
  color: var(--th-sub);
}

html.th-public :is(.topic-page,.store-blog-page,.recruiter-guide-page) :is(h1,h2,h3,b,strong) {
  color: #fff;
}

html.th-public :is(.topic-page,.store-blog-page,.recruiter-guide-page) a {
  color: var(--th-gold-light);
}

html.th-public .topic-page__brand img {
  filter: none;
}


/* 店舗トピックス / 記事・特集・はじめての方 */
html.th-public :is(.topic-page__meta,.editorial-article__meta) {
  color: #bdb7aa;
}

html.th-public :is(.topic-page__meta,.editorial-article__meta)>span {
  color: var(--th-gold-light);
  background: #211c10;
}

html.th-public :is(.topic-page,.store-blog-page,.recruiter-guide-page) .editorial-card {
  border: 1px solid var(--th-line-soft) !important;
  background: #070707 !important;
}


/* エリアから探す・地図 / 英語・日本語の見出し / 上部ロゴ・メニュー / 店舗トピックス / 記事・特集・はじめての方 */
@media (width<=760px) {
  html.th-public .home-page .topbar.th-topbar {
    height: 58px;
    padding: 0 8px;
  }
  html.th-public .th-topbar .brand-logo-image {
    height: 38px;
  }
  html.th-public .th-heading {
    min-height: 0;
  }
  html.th-public .home-page .th-heading {
    --th-heading-size: calc(1.25vw + 1.9rem);
  }
  html.th-public .home-page .th-heading .th-heading__ja {
    letter-spacing: .26em;
    padding-top: 0;
    font-size: 1.35rem;
  }
  html.th-public .th-heading__lead {
    margin-top: .75rem;
    font-size: .88rem;
  }
  html.th-public .home-page #area-search:before,html.th-public .home-page .jobs-head:before,html.th-public .home-page .portal-topics:before,html.th-public .home-page .editorial-hub:before,html.th-public .home-page .candidate-handbook:before,html.th-public .home-page .portal-footer:before {
    width: 100%;
  }
  html.th-public .detail-kicker {
    font-size: calc(1.25vw + 1.9rem) !important;
  }
  html.th-public .detail-kicker+h2 {
    margin-bottom: 2.4rem !important;
    font-size: 1.3rem !important;
  }
}


/* 英語・日本語の見出し */
html.th-public .th-heading .th-heading__en {
  background: var(--th-grad) !important;
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  display: block !important;
  position: relative !important;
}

html.th-public .th-heading .th-heading__ja {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* 共通・その他 */
html.th-public .home-page .hero-showcase__heading.th-spaced {
  width: 100%;
  text-align: center !important;
  display: block !important;
}

html.th-public .home-page .recruit-masthead,html.th-public .home-page .recruit-masthead:after,html.th-public .home-page .recruit-masthead:before {
  box-shadow: none !important;
  background: 0 0 !important;
  border: 0 !important;
}


/* エリアから探す・地図 */
html.th-public .home-page .area-explorer__switch {
  border: 1px solid var(--th-line-soft) !important;
  background: #000 !important;
  border-radius: 0 !important;
}


/* PRバナー・右サイド */
html.th-public .home-page .recruit-sidebar {
  border: 1px solid var(--th-line-soft) !important;
  color: #fff !important;
  background: #000 !important;
  border-radius: 0 !important;
}


/* 共通・その他 */
html.th-public .home-page .job-visual--generated {
  background-color: #0b0b0b !important;
}

html.th-public .home-page .page-composition__row {
  grid-template-columns: minmax(0,1fr) minmax(260px,28%);
}

html.th-public .home-page .page-composition__row--main-only {
  grid-template-columns: minmax(0,1fr);
}

html.th-public .home-page .page-composition .page-block {
  container-type: inline-size;
}


/* 英語・日本語の見出し */
html.th-public .home-page .page-block .th-heading {
  --th-heading-size: clamp(1.8rem,8cqw,4.2rem);
}

html.th-public .home-page .page-block .th-heading .th-heading__ja {
  letter-spacing: .2em;
  font-size: clamp(1.15rem,4cqw,2rem);
}


/* 求人を探す・検索フォーム / PRバナー・右サイド */
html.th-public .home-page .page-block :is(.hero-media-stack,.pr-strip--lead,.night-search,.top-shop-banners) {
  width: 100%;
  margin: 0;
}


/* 共通・その他 */
html.th-public .home-page .page-block .custom-content__card {
  color: var(--th-sub);
  border-color: var(--th-line);
  background: #0b0b0b;
}

html.th-public .home-page .page-block .custom-content__controls button {
  border-color: var(--th-line);
  color: #fff;
  background: #0b0b0b;
}

html.th-public .home-page .page-block--side .jobs-head {
  display: block;
}

html.th-public .home-page .page-block--side .jobs-head>p {
  white-space: normal;
}


/* 記事・特集・はじめての方 */
html.th-public .home-page .page-block--side :is(.area-map-layout,.candidate-handbook__grid,.candidate-handbook__steps) {
  grid-template-columns: minmax(0,1fr);
}

html.th-public .home-page .page-block .candidate-handbook__topics summary>b {
  right: 8px;
}


/* 共通・その他 */
html.th-public .home-page .page-block--side .store-blog-entrance {
  flex-wrap: wrap;
}

html.th-public .home-page [data-canvas-control] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

html.th-public .home-page [data-canvas-control] :is(button,strong,small) {
  font-family: system-ui,sans-serif !important;
}


/* 求人を探す・検索フォーム / 記事・特集・はじめての方 */
@container (width<=560px) {
  html.th-public .home-page .page-block .night-search__grid {
    grid-template-columns: minmax(0,1fr);
  }
  html.th-public .home-page .page-block .night-search__head {
    padding: 16px 12px 0 !important;
  }
  html.th-public .home-page .page-block :is(.area-map-layout,.candidate-handbook__grid,.candidate-handbook__steps,.editorial-feeds) {
    grid-template-columns: minmax(0,1fr);
  }
}


/* 店舗トピックス / 写真・動画 / 記事・特集・はじめての方 */
html.th-public .home-page .portal-reading-surface :is(.portal-topics,.shop-media-section,.editorial-hub,.editorial-blog-entrance,.shop-blog-cover,.candidate-handbook) {
  color: #fff !important;
}


/* 店舗トピックス */
html.th-public .home-page .portal-topics select {
  color: #111 !important;
  background-color: #e4e4e4 !important;
  border: 1px solid #bdbdbd !important;
  border-radius: 0 !important;
}

html.th-public .home-page .topic-tile time {
  border-top: 1px solid var(--th-line-soft) !important;
  color: var(--th-gold-light) !important;
  background: #000 !important;
}


/* 店舗トピックス / 写真・動画 */
html.th-public .home-page .topic-tile__photo,html.th-public .home-page .shop-media-card__image,html.th-public .home-page .portal-reading-surface figure {
  color: #fff !important;
  background-color: #111 !important;
}


/* 店舗トピックス */
html.th-public .home-page .topic-tile__category {
  border: 1px solid var(--th-gold) !important;
  color: var(--th-gold-light) !important;
  background: #000000c7 !important;
  border-radius: 0 !important;
}


/* 写真・動画 */
html.th-public .home-page .shop-media-section {
  background: #000 !important;
}


/* 記事・特集・はじめての方 */
html.th-public .home-page .candidate-handbook ul {
  border: 1px solid var(--th-line-soft) !important;
  color: #fff !important;
  background: #070707 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .candidate-handbook__cover-photo {
  color: #fff !important;
}

html.th-public .home-page .candidate-handbook__actions,html.th-public .home-page .candidate-handbook__actions button {
  border: 1px solid var(--th-line) !important;
  color: #fff !important;
  background: #000 !important;
  border-radius: 0 !important;
}


/* 英語・日本語の見出し */
html.th-public .home-page .th-heading--edited .th-heading__lead {
  white-space: pre-line;
  overflow-wrap: anywhere;
  display: block !important;
}

html.th-public .home-page .th-heading--edited .th-heading__en,html.th-public .home-page .th-heading--edited .th-heading__ja {
  overflow-wrap: anywhere;
}


/*店舗ページfix*/


html.th-public .detail-hero-copy{
    padding: 52px 0 48px 32px;
}

html.th-public .detail-hero h1{
    font-size: 3.5rem;
}
html.th-public .detail-hero h2{
    line-height: 1.5;
    font-size: 1.2rem;
}
html.th-public .detail-aside>div{
    background: #0e0e0e !important;
}

html.th-public .detail-offers{
    background: #0e0e0e !important;
}
html.th-public .th-mini-en{
    display: none;
}