@charset 'UTF-8';
/*  Add Custom CSS here.  */

/* グレーアウト(準備中のリンク) */
.is-disabled{opacity:.35;pointer-events:none;cursor:default}

/* Emme ロゴ(libs/logo.php、SVG・currentColor)。親の a は比率ボックス(padding-top)なので高さはここで決める */
.header .headerTop__logo a:before{padding-top:11.2%}
.header .headerTop__logo a .logo--emme{color:#141414;transition:color .3s}
/* ES 261015: 文字(mme の塊)がヘッダーの縦中央に来るよう上げる(＊を含むロゴ全体の中央で合わせると文字が下がって見える) */
.header .headerTop__logo a .logo--emme{transform:translateY(-8px)}
@media (max-width: 1024px){.header .headerTop__logo a .logo--emme{transform:translateY(-9px)}}
body:not(.fixHeader) .header:not(.open).header--white .headerTop__logo a .logo--emme{color:#fff}
/* 旧ロゴと同じ出現エフェクト(5px 下から 0.2s、1要素 0.075s ずつ。.header.on で開始) */
.header.inview .headerTop__logo .logo--emme > *{opacity:0;transform:translateY(5px);transition:transform .2s,opacity .2s}
.header.inview .headerTop__logo .logo--emme > :nth-child(1){transition-delay:.075s}
.header.inview .headerTop__logo .logo--emme > :nth-child(2){transition-delay:.15s}
.header.inview .headerTop__logo .logo--emme > :nth-child(3){transition-delay:.225s}
.header.inview .headerTop__logo .logo--emme > :nth-child(4){transition-delay:.3s}
.header.inview .headerTop__logo .logo--emme > :nth-child(5){transition-delay:.375s}
.header.inview .headerTop__logo .logo--emme > :nth-child(6){transition-delay:.45s}
.header.inview .headerTop__logo .logo--emme > :nth-child(7){transition-delay:.525s}
.header.inview .headerTop__logo .logo--emme > :nth-child(8){transition-delay:.6s}
.header.inview .headerTop__logo .logo--emme > :nth-child(9){transition-delay:.675s}
.header.inview .headerTop__logo .logo--emme > :nth-child(10){transition-delay:.75s}
.header.inview .headerTop__logo .logo--emme > :nth-child(11){transition-delay:.825s}
.header.inview .headerTop__logo .logo--emme > :nth-child(12){transition-delay:.9s}
.header.on .headerTop__logo .logo--emme > *{opacity:1;transform:translateY(0)}
.footer__info__logo{max-width:200px}
.footer__info__logo .logo--emme{display:block;width:100%;height:auto;color:#141414}
@media (max-width: 767px){.footer__info__logo{max-width:150px}}

/* 運営者表記(小さく添える一文) */
.story__operator{display:block;margin-top:1em}

/* フッター本文の後半(1〜2pt 小さく) */
.footer__info__txt p.small{font-size:.875em}

/* Our Artists: Instagram アイコンとウェブサイトの分離
   top.min.css が custom.css より後に読まれるため .ourArtists で詳細度を上げる */
.ourArtists .ourArtists__lst__item .cont .links{display:flex;align-items:center;gap:18px;margin-top:17px}
.ourArtists .ourArtists__lst__item .cont .links .btn-ins{margin-top:0}
.ourArtists .ourArtists__lst__item .cont .btn-ins--icon{width:15px;height:20px;padding-left:0}
.ourArtists .ourArtists__lst__item .cont .btn-ins--txt{background:none;padding-left:0}
@media (max-width: 767px){
  .ourArtists .ourArtists__lst__item .cont .links{margin-top:18px}
  .ourArtists .ourArtists__lst__item .cont .btn-ins--icon{width:14px}
}

/* Museum Story: 01 は常時開き(PC のアコーディオンでも閉じない) */
@media (min-width: 768px){
  .story__cont .story-lst .item:first-child .item__cont{display:block !important}
  .story__cont .story-lst .item:first-child .item__ttl:before{transform:rotate(0deg)}
}

/* SP の MV: Story → Artworks スライダー(index.php .mv__feed__item--sp-slider)
   top.min.css が custom.css より後に読まれるため .mv__feed .inner で詳細度を上げる */
.mv__feed .inner .mv__feed__item--sp-slider{display:none}
@media (max-width: 767px){
  .mv__feed .inner .mv__feed__item--sp-slider{display:block;order:2;width:100%}
  .mv__feed .inner:has(.mv__feed__item--sp-slider) > .mv__feed__item:nth-child(3){display:none}
  .mv__feed .inner .mv__feed__item--sp-slider .wrap-item{display:flex;justify-content:space-between;border-radius:6px;overflow:hidden;position:relative}
  .mv__feed .inner .mv__feed__item--sp-slider .wrap-item .wrap-video-slider{width:50%;position:relative}
  .mv__feed .inner .mv__feed__item--sp-slider .wrap-item .wrap-video-slider:before{display:block;content:" ";width:100%;padding-top:77.64706%}
  .mv__feed .inner .mv__feed__item--sp-slider .wrap-item .video{border-radius:0}
  .mv__feed .inner .mv__feed__item--sp-slider .splide__pagination{display:none}
  .mv__feed .inner .mv__feed__item--sp-slider .splide__track{overflow:hidden}
  .mv__feed .inner .mv__feed__item--sp-slider .splide__list{overflow:visible}
}

/* ヘッダーボタン: Get Update / (Beta) の2行。ES 261012: 文字を小さく・行間を詰め、(Beta) は中央に置いて元のボタン幅に収める */
.header .headerTop .header-btn .txt{white-space:nowrap;font-size:15px;line-height:1.1;text-align:center}
.header .headerTop .header-btn .txt .beta{display:block;font-size:.62em;line-height:1.2;opacity:.8}
/* SP: 元の黒い部分(78px)・ボタン幅(124px)のまま */
@media (max-width: 1024px){
  .header .headerTop .header-btn .txt{font-size:12px}
  .header .headerTop .header-btn .txt .beta{font-size:.7em}
}
@media only screen and (max-width: 374px){
  .header .headerTop .header-btn .txt{font-size:11px}
}
.mv__info .txt a,.etr__cont__desc a,.item__faq .ans a,.story-lst .item__cont .txt a{color:inherit;text-decoration:underline}

/* フッター下部リンク(4項目に増えたため PC は折り返し可) */
@media (min-width: 768px){
  .footer__bot__link ul{max-width:none;flex-wrap:wrap;justify-content:flex-start;row-gap:6px}
  .footer__bot__link ul li{white-space:nowrap}
}
.footer__cont__ctc .txt + .txt{margin-top:1em}
.footer__bot__copyright a{text-decoration:underline}

/* Museum Story: 画像のない項目は PC 右側のサムネイル列に出さない(JS の index 対応を保つため要素は残す) */
.story__gallery .sub-img .item.is-empty{display:none}
.master-block a{text-decoration:underline}

/* ES 指摘 2026-09-30 */
.js-split-text .split-word{display:inline-block;white-space:nowrap}
/* 01 Museum(常時開き)は本文の高さ上限を外して全文表示 */
.story__cont .story-lst .item:first-child .item__cont .txt{max-height:none}
@media (max-width: 767px){
  /* Museum Story: 画像のない項目の空の画像枠を詰める */
  .story__cont .story-lst .item.is-empty .item__gallery{display:none}
  /* Views: 見出し上の余白を広げる(63px → 約3.5倍) */
  #gallery.moment{padding-top:220px}
  /* FAQ: カテゴリ間の余白を詰める(116px → 40px) */
  #faq .topBlock__twoCol .item{margin-bottom:40px}
  /* フッター最下部のクレジットを中央寄せ */
  .footer .footer__bot__copyright{text-align:center}
}

/* MV の画像スライダー上の小さな文字(ACF: MV > Caption on image / img_caption) */
.mv__feed .mv__feed__item .slider .img-caption{position:absolute;left:16px;right:16px;bottom:22px;z-index:3;color:#fff;font-size:10px;line-height:1.4;letter-spacing:.02em;text-shadow:0 0 6px rgba(0,0,0,.45);pointer-events:none}
@media (max-width: 767px){.mv__feed .mv__feed__item .slider .img-caption{left:10px;right:10px;bottom:16px;font-size:9px}}

/* ES フィードバック 2026-09-30 fb1 */
/* ハンバーガーメニュー: Atelier 以下を小さく / クレジット */
.layerMenu .gNavi li.is-sub a{font-size:26px;line-height:1.5}
.layerMenu .gBottom .copyright a{color:inherit;text-decoration:underline}
@media (max-width: 1024px){
  .layerMenu .gNavi li.is-sub a{font-size:14px;line-height:1.9}
  .layerMenu .gBottom .copyright{font-size:8.5px;line-height:1.5}
}
/* Museum Story: A サイズ = 旧 txt2(PC 12px / SP 14px)、B サイズ = txt1(16px) */
.story__cont .story__cont__top .txt2{font-size:16px;line-height:20px;color:#7d7d7d}
.story__cont .story__cont__top .story__operator{font-size:12px;line-height:18px}
.story__cont .story-lst .item__cont .txt{font-size:16px;line-height:1.4}
.story__cont .story-lst .item__cont .txt .is-muted,
.story__cont .story-lst .item__cont .txt a{color:#989898}
@media (max-width: 767px){
  .story__cont .story__cont__top .txt2{font-size:16px;line-height:22.4px}
  .story__cont .story__cont__top .story__operator{font-size:14px;line-height:19.6px}
  .story__cont .story-lst .item__cont .txt{font-size:16px;line-height:1.4}
}
/* Views: 注記を1段階小さく */
.moment .moment-info .txt .moment-info__note{display:block;margin-top:1.2em;font-size:14px;line-height:1.4;opacity:.6}
@media (max-width: 767px){.moment .moment-info .txt .moment-info__note{font-size:12px}}
/* FAQ の here は黒 */
#faq .item__faq .ans a{color:#141414}
/* メーリス: 問い合わせの注記を1段階小さく、上に間隔 */
.sec-member .etr__cont__note{margin-top:18px;font-size:15px;line-height:1.45;opacity:.6}
/* 見出し「Receive the latest from Emme.」の下を少し空ける(ES 261012。元 5px / SP 2px) */
.bgBlack.bgBlack--member .sec-member .etr__cont__ttl2{margin-bottom:16px}
.sec-member .etr__cont__note a{color:inherit;text-decoration:underline}
@media (max-width: 767px){
  .sec-member .etr__cont__note{font-size:13px;margin-top:14px}
  .bgBlack.bgBlack--member .sec-member .etr__cont__ttl2{margin-bottom:10px}
}
/* フッター本文の後半をもう1段階小さく */
.footer .footer__info__txt p.small{font-size:13px;line-height:1.6}
@media (max-width: 767px){.footer .footer__info__txt p.small{font-size:10px}}
/* Related Places: 見出しの高さは top-custom.js で各カードの最大値に揃える(画像・本文の開始位置を一致させる) */
/* 見出しに最低 230px を確保できない幅では、ボタンを見出しの下の行に回す(見出しの細切れ折り返しを防ぐ) */
.relatePlaces .relatePlaces-lst .item__hd{flex-wrap:wrap;row-gap:14px}
.relatePlaces .relatePlaces-lst .item__hd .name{flex:1 1 230px;min-width:0}
.relatePlaces .relatePlaces-lst .item__hd .c-btn{flex:0 0 auto}
.relatePlaces .relatePlaces-lst .item{display:flex;flex-direction:column}
.relatePlaces .relatePlaces-lst .item .item__desc{flex-grow:1}
/* Visitor Guidelines / Terms of Admission(page-visitor-guidelines.php、tools/gen-visitor-guidelines.py で生成) */
.static_page__cnt .vg-index{margin-top:32px;font-size:14px;line-height:1.5}
.static_page__cnt .vg-index li + li{margin-top:8px}
.static_page__cnt .vg-index a{text-decoration:underline}
.static_page__cnt .block .minor_ttl{font-size:14px;font-weight:600;margin:16px 0 4px}
/* ES 261012: 大項目(h3)の間に線。Rights & Licensing は小見出しを本文より少し大きくするだけで、項目間を詰めて続けて読ませる */
#visitor-guidelines .static_page__cnt__right .ttl:not(:first-child){border-top:1px solid #d9d9d9;padding-top:56px}
#visitor-guidelines .static_page__cnt__right .vg-rights ~ .block{margin-bottom:28px}
#visitor-guidelines .static_page__cnt__right .vg-rights ~ .block .sub_ttl{font-size:17px;line-height:1.4;margin-bottom:4px}
@media (max-width: 767px){
  #visitor-guidelines .static_page__cnt__right .ttl:not(:first-child){padding-top:40px}
  #visitor-guidelines .static_page__cnt__right .vg-rights ~ .block{margin-bottom:20px}
  #visitor-guidelines .static_page__cnt__right .vg-rights ~ .block .sub_ttl{font-size:14px;margin-bottom:2px}
}
.static_page__cnt .ttl[id],.static_page__cnt .ttl.vg-rights{scroll-margin-top:100px}
@media (max-width: 767px){.static_page__cnt .vg-index{margin:20px 0 28px}}
#visit .item .c-btn.c-btn--white{margin-top:16px}
.static_page__cnt .block .txt a{text-decoration:underline}
/* 画像スライダーにキャプションがあるときは、明るい画像でも読めるよう Title にも影 */
.mv__feed .mv__feed__item .wrap-item:has(.img-caption) > .ttl{text-shadow:0 0 6px rgba(0,0,0,.45)}
@media only screen and (max-width: 359px){.mv__feed .mv__feed__item .slider .img-caption{font-size:8px;line-height:1.3;bottom:14px;right:8px;left:8px}}
.about-extra__qa-item .answer a{text-decoration:underline}
.subGnavi a.gnavi__item.is-disabled:not(.active){opacity:.2;pointer-events:none;cursor:default}
/* 画面読み上げ専用(見た目には出さない) */
.u-sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 外部記事の印(emme_news_ext_mark): カード右上の ↗ */
.lst_news__item .cnt .news-ext-mark{position:absolute;top:16px;right:18px;z-index:3;font-size:20px;line-height:1;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.35);pointer-events:none}
@media (max-width: 767px){.lst_news__item .cnt .news-ext-mark{top:14px;right:14px;font-size:17px}}
.page-single__next .view_next__txt .news-ext-mark{margin-left:.3em}
.lst_news__item .cnt:has(.news-ext-mark) .cnt__top{padding-right:30px}

/* ES 261012: Opening Updates(#member)を Feed Highlight の直後へ移動。白背景のまま、ベージュのカードだけ見せる */
.bgBlack.bgBlack--member{background:transparent;padding:246px 0 120px}
@media (max-width: 767px){.bgBlack.bgBlack--member{padding:268px 0 80px}}
/* Feed Highlight との間はほかのセクション間(約 255px)と同じに(ES 261015)。2回目(最下部)は Related Places の余白があるので上は 0 */
.bgBlack.bgBlack--member.bgBlack--member-gray{padding-top:0}
.bgBlack--member .sec-member{padding-top:0}
/* 移動後に Latest News だけになった黒背景の下余白(元は Opening Updates 分を含んでいた) */
.bgBlack#latest-news{padding-bottom:137px}
@media (max-width: 767px){.bgBlack#latest-news{padding-bottom:60px}}
/* SP の Visit 開閉項目(Visitor Guidelines 圧縮版): 開いたとき最後の行が下の線に接しないよう、見出し→本文と同じだけ下を空ける(ES 261012) */
@media (max-width: 767px){.visit .topBlock__twoCol__item .item.item--toggle > .item__cont{padding-bottom:27px}}

/* MV(PC)の4ブロック: どの画面幅でも左右の列の下端を揃える(ES 261012)
   元は float で左右に積むため、説明文の行数(画面幅で変わる)で下端がずれていた。
   2列グリッドにし、左列 = 1 Story / 4 Creators' Voices / 5 時刻、右列 = 2 画像スライダー / 3 Operated by。
   2行目を 1fr にして、短い側の列は説明文(.desc)の枠が伸びて下端が揃う。
   SP 用スライダー(--sp-slider、PC は非表示)に display を当てないこと(グリッドに余分な行ができて全体が上にずれる) */
@media (min-width: 768px){
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto;gap:9px}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5))::after{display:none}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item:not(.mv__feed__item--sp-slider){float:none;width:auto;margin-bottom:0;display:flex;flex-direction:column}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item:nth-child(1){grid-area:1 / 1 / 3 / 2}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item:nth-child(2){grid-area:1 / 2 / 2 / 3}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item:nth-child(3){grid-area:2 / 2 / 5 / 3}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item:nth-child(4){grid-area:3 / 1 / 4 / 2}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item:nth-child(5){grid-area:4 / 1 / 5 / 2}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item > .wrap-item{flex:1;display:flex;flex-direction:column}
  .mv__feed .inner:has(> .mv__feed__item:nth-child(5)) > .mv__feed__item > .wrap-item > .desc{flex:1}
}

/* Related Places(ES 261015): Atelier iii = 映像、準備室 = スライド。比率の枠(.item__img)いっぱいに表示 */
.relatePlaces .relatePlaces-lst .item__img--video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.relatePlaces .relatePlaces-lst .item__img--slider .splide__track{position:absolute;inset:0}
.relatePlaces .relatePlaces-lst .item__img--slider .splide__list,
.relatePlaces .relatePlaces-lst .item__img--slider .splide__slide{height:100%}
.relatePlaces .relatePlaces-lst .item__img--slider .splide__slide img{width:100%;height:100%;object-fit:cover}

/* Opening Updates 2回目(ページ最下部): 薄いグレー地(ES 261015) */
.bgBlack.bgBlack--member-gray .sec-member .etr{background:#ececec}

/* フッター SP の時刻(ES 261015): 時刻 / 日付を2行にし、左のリンク列の下端に揃える(リンクが増えても位置が決まる)。
   秒の更新で文字幅が揺れないよう数字は等幅 */
.footer__bot__datetime p,.mv__feed__item .datetime{font-variant-numeric:tabular-nums}
@media (max-width: 767px){
  .footer .footer__bot .footer__bot__datetime{align-self:flex-end;padding-top:0}
  .footer .footer__bot .footer__bot__datetime p em{display:none}
  .footer .footer__bot .footer__bot__datetime .js-bali-time-footer{display:block}
}

/* 記事下の共通ブロック(inc/functions-master-format.php。ES 261015 マスターデザイン「背景あり」)
   記事ページの CSS(single.min.css)が後から読まれ、本文用の指定が当たるため #wrap を付けてブロック内だけ確定させる */
#wrap .master-block{background:#efefef;margin-top:120px;padding:60px 38px 80px}
#wrap .master-block__inner{max-width:1364px;margin:0 auto}
#wrap .master-block__ttl{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 10px}
#wrap .master-block__txt,#wrap .master-block__txt p{font-size:14px;line-height:1.5;font-weight:400;margin:0}
#wrap .master-block__txt p + p{margin-top:1.5em}
#wrap .master-block__info .master-block__txt p + p{margin-top:0}
#wrap .master-block__txt strong{font-weight:600}
#wrap .master-block__txt a{text-decoration:underline;color:inherit}
#wrap .master-block__about{margin-top:40px}
#wrap .master-block__txt--cols{column-count:2;column-gap:56px}
#wrap .master-block__txt--cols p{break-inside:avoid-column}
#wrap .master-block__btn{margin-top:56px;display:flex;justify-content:flex-end}
@media (max-width: 767px){
  #wrap .master-block{margin-top:80px;padding:40px 18px 56px}
  #wrap .master-block__txt,#wrap .master-block__txt p{font-size:13px}
  #wrap .master-block__txt--cols{column-count:1}
  #wrap .master-block__btn{margin-top:36px;justify-content:flex-start}
}

/* ヘッダーの Lang(英語のみのため押せない): ヘッダーの既存指定に負けないよう詳細度を上げてグレーに(ES 261015) */
/* opacity は登場アニメーション(0→1)が使うので、薄くするのは filter で(アニメーションと両立) */
.header .headerTop__social-lang .item.lang.is-disabled{filter:opacity(.35);pointer-events:none;cursor:default}

/* メニュー(ハンバーガー)の主項目 About / Visit Us … を少し小さく(ES 261015。元 PC 41px / SP 18px) */
.layerMenu .gNavi li:not(.is-sub) a{font-size:34px}
@media (max-width: 1024px){.layerMenu .gNavi li:not(.is-sub) a{font-size:16px}}

/* Contact Us: For Media はボタン2つ(Form / Press Kit) */
.contactUs .gr-btn li .btns{display:flex;gap:8px;flex-shrink:0}
.contactUs .gr-btn li:has(.btns) .ttl{width:auto}

/* 問い合わせフォーム(page-contact.php) */
.contact-page .contact-page__lead{margin-top:28px;font-size:14px;line-height:1.6;max-width:420px}
.contact-page .contact-page__direct{margin-top:16px;font-size:14px}
.contact-page .contact-page__direct a{text-decoration:underline}
.emme-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.emme-form__row{margin-bottom:28px}
.emme-form__row[hidden]{display:none}
.emme-form__label{display:block;font-size:14px;line-height:1.4;margin-bottom:8px}
.emme-form__label .req{margin-left:8px;font-size:11px;color:#7d7d7d}
.emme-form input[type=text],.emme-form input[type=email],.emme-form input[type=tel],.emme-form input[type=number],.emme-form select,.emme-form textarea{
  width:100%;font:inherit;font-size:16px;line-height:1.5;color:#141414;background:#fff;border:1px solid #cfcfcf;border-radius:6px;padding:12px 14px;-webkit-appearance:none;appearance:none}
.emme-form select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23141414' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px}
.emme-form textarea{resize:vertical;min-height:180px}
.emme-form input:focus,.emme-form select:focus,.emme-form textarea:focus{outline:none;border-color:#141414}
.emme-form__check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;cursor:pointer}
.emme-form__check input{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:#141414}
.emme-form__check a{text-decoration:underline}
.emme-form__error{margin-top:6px;font-size:13px;line-height:1.4;color:#b3261e}
.emme-form__error:empty{display:none}
.emme-form__error--send{margin:16px 0 0}
.emme-form__btn{margin-top:8px}
/* button 要素に c-btn を付けたときのブラウザ標準の枠・背景を消す */
.emme-form button.c-btn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.emme-form button.c-btn:disabled{opacity:.5;cursor:default}
/* Back は白抜き(黒枠)で Send と区別 */
.emme-form .emme-form__btn--back span{background:#fff;color:#141414;box-shadow:inset 0 0 0 1px #141414}
.emme-form__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.emme-form__note{font-size:14px;margin-bottom:20px}
.emme-form__confirm{border-top:1px solid #e3e3e3}
.emme-form__confirm dt{font-size:12px;color:#7d7d7d;padding-top:14px}
.emme-form__confirm dd{font-size:15px;line-height:1.5;padding:4px 0 14px;border-bottom:1px solid #e3e3e3;white-space:pre-wrap;word-break:break-word}
.emme-form__turnstile{margin-top:20px}
.emme-form__thanks-ttl{font-size:24px;line-height:1.3;margin-bottom:16px}
.emme-form__thanks-txt{font-size:15px;line-height:1.6;margin-bottom:24px}
.emme-form__thanks-txt a{text-decoration:underline}
@media (max-width: 767px){
  .contact-page .static_page__cnt__right{margin-top:36px}
  .emme-form__row{margin-bottom:22px}
  .emme-form__thanks-ttl{font-size:20px}
}

/* ===== ES 261015_2(収録 wp1)===== */
/* ヘッダー縮小時(fixHeader)にロゴの文字が上ずって見える → 少し下げる */
@media (min-width: 1025px){body.fixHeader .header .headerTop__logo a .logo--emme{transform:translateY(-5px)}}
/* fb5: TOP 以外のページ(ヘッダーが低い)のスクロール前も、ロゴが上ずって見える → fixHeader と同程度に */
@media (min-width: 1025px){body:not(#top):not(.fixHeader) .header .headerTop__logo a .logo--emme{transform:translateY(-5.5px)}}
/* メニューの画像(縦長の枠いっぱいに) */
.header .layerMenu__img .splide__slide img{width:100%;height:100%;object-fit:cover}
/* メニュー下部のクレジットは読める限界まで小さく、右側の Inquiry / Instagram も小さく */
.header .layerMenu__cont .gBottom .copyright{font-size:8.5px;line-height:1.4;width:auto;max-width:360px}
@media (min-width: 1025px){.header .layerMenu__cont .gBottom .gBottomRight .gSub ul li a,.header .layerMenu__cont .gBottom .gBottomRight .gSocial a,.header .layerMenu__cont .gBottom .gBottomRight .gSocial a span{font-size:11px}}
@media (max-width: 1024px){
  .header .layerMenu__cont .gBottom .copyright{font-size:7.5px;line-height:1.4}
  /* SP メニュー: 主項目を少し大きく、行間は約 1/3 詰める */
  .layerMenu .gNavi li:not(.is-sub) a{font-size:22px;line-height:1.2}
  /* fb5: 言語(English)は下の小さい文字(Inquiry など)と同じ大きさに */
  .header .layerMenu__cont .gLanguage__current{font-size:13px}
  .layerMenu .gNavi li.is-sub a{line-height:1.3}
  .header .layerMenu__cont .gNavi li:not(:last-child){margin-bottom:4px}
  /* SP の Get Update: 黒い部分を少し広げ、文字を黒い部分の中央に */
  .header .headerTop .header-btn{width:132px}
  .header .headerTop .header-btn:before{width:86px}
  .header .headerTop .header-btn .txt{width:86px;margin-left:-15px;text-align:center}
}
@media only screen and (max-width: 374px){
  .header .headerTop .header-btn{width:126px}
  .header .headerTop .header-btn:before{width:80px}
  .header .headerTop .header-btn .txt{width:80px;margin-left:-10px}
}

/* フッター: ロゴを小さく(ヘッダーより少し大きい程度)、最下部(リンク・クレジット・時刻)をグレーに */
/* フッターのロゴ: スクロール時(縮小)のヘッダーのロゴ(高さ約 22px = 幅約 69px)より少し大きい程度 */
.footer .footer__info__logo{max-width:80px}
@media (max-width: 767px){.footer .footer__info__logo{max-width:76px}}
/* ES 261015_3: グレーは最下部のクレジットだけ。リンクと時刻は黒(押せないように見えるため) */
.footer .footer__bot__copyright,.footer .footer__bot__copyright a{color:#8c8c8c}
.footer .footer__bot__copyright .footer__operated{color:#141414}   /* 運営者の表記だけは黒(ES fb5) */
/* カード左上の媒体ロゴ(card_logo)。小さく(FT などは見出しより控えめに) */
.lst_news__item .cnt__top .cnt__logo{margin-bottom:10px;line-height:0}
.lst_news__item .cnt__top .cnt__logo img{height:12px;width:auto;max-width:160px;object-fit:contain;object-position:left center}
@media (max-width: 767px){.lst_news__item .cnt__top .cnt__logo img{height:10px}}

/* Latest News(TOP / /news/): 説明文は行数で「…」(大きいカード 5 行 / ほか 3 行。ES: 長すぎないように 2〜5 行) */
.latest_news .lst_news__item .cnt__top .txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.latest_news .lst_news__item--height2 .cnt__top .txt{-webkit-line-clamp:5}
/* 記事下の Museum Information のリンク(Get Updates)はグレーの小さなボタン風にして少し目立たせる(ES 指示) */
#wrap .master-block__info .master-block__txt a,
#wrap a.u-link-pill{display:inline-block;background:#d6d6d6;color:#141414;text-decoration:none;border-radius:50px;padding:0 12px;margin:0 2px;line-height:1.5;transition:background .3s}
#wrap .master-block__info .master-block__txt a:hover,
#wrap a.u-link-pill:hover{background:#c4c4c4}
/* u-link-pill: 記事本文のリンクをグレーの丸いボタン風に(WP の本文で <a class="u-link-pill"> と書く) */

/* Cookie 同意バナー(libs/footer.php .js-consent、assets/js/consent.js)。既存デザインにボタン 3 つ + 設定パネル */
.cookie.js-consent .cookie__btn{width:auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cookie.js-consent .cookie__btn button{font:inherit;font-size:14px;line-height:1.35714em;border:1px solid #141414;border-radius:6px;padding:9px 16px;background:#fff;color:#141414;cursor:pointer;min-width:120px;transition:opacity .3s}
.cookie.js-consent .cookie__btn button.btn-black{background:#141414;color:#fff}
@media (hover: hover){.cookie.js-consent .cookie__btn button:hover{opacity:.75}}
.cookie.js-consent .cookie__btn button[hidden]{display:none}
.cookie.js-consent .cookie__cont{width:calc(100% - 430px)}
.cookie.js-consent .cookie__cont__txt a{text-decoration:underline;color:inherit}
.cookie.js-consent .cookie__prefs{margin-top:14px;border-top:1px solid #e3e3e3;padding-top:12px}
.cookie.js-consent .cookie__prefs[hidden]{display:none}
.cookie.js-consent .cookie__pref{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;margin-top:8px;cursor:pointer}
.cookie.js-consent .cookie__pref input{margin-top:4px;width:15px;height:15px;accent-color:#141414;flex-shrink:0}
.cookie.js-consent .cookie__pref input:disabled{opacity:.5}
@media (max-width: 1024px){.cookie.js-consent .cookie__cont{width:calc(100% - 280px)}}
@media (max-width: 767px){
  .cookie.js-consent .cookie__cont{width:100%}
  .cookie.js-consent .cookie__btn{display:flex;justify-content:stretch;width:100%}
  .cookie.js-consent .cookie__btn button{flex:1 1 30%;min-width:0;padding:9px 8px}
}

/* ===== ES 261015_3 ===== */
/* SP の Museum Story サムネイル列: はみ出たサムネイル(画像 4 枚以上)でページに横幅の余りができ、
   Firefox で押すとページごと横にずれていた → 列の枠で隠す。念のためページ全体も横方向は切る(clip は sticky を壊さない) */
.story-lst .item__gallery .sub-img .splide__track{overflow:hidden}
#wrap{overflow-x:clip}
/* Views を写真の一覧なしで出すとき(SHOW_VIEWS_IMAGES=false): 一覧に重ねるため文章を薄くする演出(.opa)を止める */
#gallery.moment:not(:has(.moment-lst)) .moment-info.opa{opacity:1}
/* Architect and Artist の本文: 長いので PC は少し小さく(22px → 18px。ES 261015_3)。SP は 16px のまま */
@media (min-width: 768px){#our-artist .ourArtists__intro .top-desc{font-size:18px;line-height:1.45}}
/* SP メニュー: Follow / Membership / Receive Updates を小項目(Atelier など)と同じ大きさに(ES 261015_3) */
@media (max-width: 1024px){
  .header .layerMenu__cont .gBottom .gBottomRight .gSocial a,.header .layerMenu__cont .gBottom .gBottomRight .gSocial a span{font-size:14px}
  .header .layerMenu__cont .gBottom .gBottomRight .gSocial a img{width:14px;height:auto}
}

/* ===== ES fb5(収録 261006_emw_fb5)===== */
/* フッター: Visitor Guidelines / Rights を左の一覧へ移した。折り返したときの行間を詰める(li の line-height が大きい) */
.footer__cont__nav{padding-top:4px}   /* 行の高さを詰めた分、右の Contact us と頭を揃える */
.footer__cont__nav li{font-size:13px;line-height:1.38462}
.footer__cont__nav li:not(:last-child){margin-bottom:12px}
@media (max-width: 767px){
  .footer__cont__nav li{font-size:12px}
  .footer__cont__nav li:not(:last-child){margin-bottom:10.5px}
}
/* About の Feature Story: 画像は記事の「About list image」(縦長)を比率のまま出す(比率がばらつくのが元デザインの masonry)。
   それが無く、アイキャッチが横長・正方形のときだけ縦長(3:4)に中央で切り抜く(is-crop)。
   タイトル末尾の「Part 1」は説明文の頭へ(page-about.php) */
.story .feature_story__lst .item__img.is-crop[data-scroll-speed]{aspect-ratio:3/4}
.story .feature_story__lst .item__img.is-crop[data-scroll-speed] img{height:100%}
.story .feature_story__lst .desc .desc__part{display:block;margin-bottom:.4em}
/* SP のニュースカードはタイトルを 1 行で切る。改行(<br>)のあるタイトルは改行ごとに 1 行ずつ表示し、長い行だけ「…」で切る
   (「Careers:…」だけになるのを防ぎつつ、記事タイトルの改行を活かす。ES fb5) */
@media (max-width: 767px){
  .lst_news__item .ttl:has(.ttl-line){display:block;-webkit-line-clamp:unset;overflow:visible}
  .lst_news__item .ttl .ttl-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lst_news__item .ttl br{display:none}
}
/* TOP > Visit の Update 内のリンク(sign up here) */
#visit01 .item__desc a.u-link{text-decoration:underline;text-underline-offset:3px;color:inherit}
/* TOP 冒頭の本文: 地名(Bali / Tanah Lot Temple / Canggu)はグレーで目立たせる(下の段落と同じグレー) */
.story__cont__top .txt1 .u-place{color:#7d7d7d}
/* Architect and Artist: 各作家のコメント(説明の下に小さめに) */
.ourArtists__lst__item .comment{margin-top:1.4em;font-size:15px;line-height:1.6;opacity:.85}
.ourArtists__lst__item .comment__ttl{font-size:.87em;letter-spacing:.04em;margin-bottom:.5em;opacity:.8}
.ourArtists__lst__item .comment p + p{margin-top:.8em}
@media (max-width: 1024px){.ourArtists__lst__item .comment{font-size:14px}}
@media (max-width: 767px){.ourArtists__lst__item .comment{font-size:11.5px;line-height:1.5}}
/* About の Feature Story: 右列の先頭(3 枚目)を大きく下げ、画像の比率に関係なく左右のカードが半段ずつずれて並ぶようにする(元は 62px。SP は 1 列なので下げない) */
@media (min-width: 768px){.story .feature_story__lst .item.item--offset{margin-top:240px}}
/* TOP の Contact Us: 見出しの下のメールアドレス(フォームを使わない間) */
.contactUs .contactUs__mail{margin-top:20px;font-size:18px}
.contactUs .contactUs__mail a{color:inherit;text-decoration:underline;text-underline-offset:4px}
@media (max-width: 767px){.contactUs .contactUs__mail{margin:12px 0 24px;font-size:16px}}

/* ===== ES fb6(収録 261007_emw_fb6)===== */
/* TOP 冒頭の地名のグレーをもう少し薄く(本文に埋もれないように) */
.story__cont__top .txt1 .u-place{color:#a6a6a6}
/* Architect and Artist: Instagram のアイコンと Website の間を広げる(押しやすく) */
.ourArtists .ourArtists__lst__item .cont .links{gap:28px}
/* 改行させない塊(フッターの Visitor Guidelines / Terms of Admission など) */
.u-nowrap{white-space:nowrap}
/* フッター左の本文: 段落の間を詰める(1 行分 → 半分強) */
.footer .footer__info__txt p:not(:last-child){margin-bottom:.6em}
/* TOP > Visit の Update: 同じ項目の補足(ニュースレター登録の案内)は小さく、改行せずに続ける */
#visit01 .item__desc .item__note{display:block;font-size:.85em;opacity:.8}   /* 「If you would like …」から改行(シート (19))
/* SP の Cookie バナー: 下の余白を詰める(元のデザインは 81px。ES fb6 追加)。iPhone の画面下の領域があればその分だけ足す */
@media (max-width: 767px){.cookie.js-consent{padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))}}