/* 旧LPのPC/SPスタイルを共存させるための補正。店舗共通CSSから独立。 */
body.asreet-legacy-lp{margin:0;min-width:0;overflow-x:clip}
.asreet-legacy-lp img{max-width:100%;height:auto}
.asreet-legacy-lp video{max-width:100%;height:auto;background:#000}
.asreet-legacy-lp iframe{max-width:100%}
.asreet-legacy-lp .el_humburger{border:0;background:transparent;appearance:none}
.asreet-legacy-lp .lp-address-sp{display:none}
.asreet-legacy-lp [id]{scroll-margin-top:90px}
.asreet-legacy-lp .flexslider-img,.asreet-legacy-lp .flexslider-movie{position:relative}
.asreet-legacy-lp .slides{margin:0;padding:0;list-style:none}
.asreet-legacy-lp .slides>li{display:none}
.asreet-legacy-lp .slides>li:first-child{display:block}
.asreet-legacy-lp .flex-viewport .slides>li{display:block}
.asreet-legacy-lp .access_map iframe{height:400px}
.asreet-legacy-lp #timer-box{font-variant-numeric:tabular-nums}
.asreet-legacy-lp .layer_board{max-width:calc(100% - 32px);max-height:85vh;overflow:auto}
@media(min-width:1100px){
 .asreet-legacy-lp .el_humburger{display:none}
 .asreet-legacy-lp.admin-bar .site-header{top:32px}
}
@media(max-width:1099px){
 .asreet-legacy-lp .lp-address-pc{display:none}
 .asreet-legacy-lp .lp-address-sp{display:block}
 .asreet-legacy-lp .access-box,.asreet-legacy-lp .access-box .right-box{display:block;width:100%;float:none}
 .asreet-legacy-lp .access_map iframe{height:250px}
 .asreet-legacy-lp .el_humburger{display:block}
 .asreet-legacy-lp .navigation.js_appear{display:block}
 .asreet-legacy-lp .header-bk .inner .navigation .navigation_wrapper .navigation_item{border-left:0;border-right:0}
 .asreet-legacy-lp .content-bk .main-bk .photo-bk .photo-box .flex-direction-nav a{border-width:3px}
 .asreet-legacy-lp.admin-bar .el_humburger{top:47px}
 .asreet-legacy-lp.js_humburgerOpen{overflow:hidden}
}
@media(max-width:782px){.asreet-legacy-lp.admin-bar .el_humburger{top:61px}}
@media(prefers-reduced-motion:reduce){.asreet-legacy-lp *{scroll-behavior:auto!important;transition:none!important}}

/* スライド切替や遅延画像の読み込みによる周囲の移動を抑える。 */
.asreet-legacy-lp .contact_btn_bk:empty{display:none}
.asreet-legacy-lp .contact_btn_bk{justify-content:center}
.asreet-legacy-lp .contact_btn_bk a:focus-visible,.asreet-legacy-lp .el_humburger:focus-visible{outline:3px solid currentColor;outline-offset:4px}

/* 旧CSSはcontent-box前提。写真400pxに上下paddingを含めた固定高さを重ねない。 */
.asreet-legacy-lp .content-bk .main-bk .photo-bk .photo-box{height:auto;box-sizing:content-box}
.asreet-legacy-lp .photo-box .slides .slide img{display:block;margin-inline:auto}
.asreet-legacy-lp .photo-box .flex-direction-nav>li{position:static!important}
.asreet-legacy-lp .content-bk .main-bk .photo-bk .photo-box .flex-direction-nav a{top:50%;margin-top:-20px}
.asreet-legacy-lp .flex-viewport{min-width:0}

/* Readmore旧版はjQuery 3で.selectorを取得できずundefinedのCSSを生成する。
   初期化と開閉は元JSのまま、実際のdata属性に表示・クリップ指定を適用。 */
.asreet-legacy-lp .feature-readmore[data-readmore],
.asreet-legacy-lp .campaign-readmore[data-readmore]{
 display:block;width:100%;box-sizing:content-box;overflow:hidden;transition:height 1000ms;
}
.asreet-legacy-lp .feature-details>[data-readmore-toggle],
.asreet-legacy-lp .campaign-details>[data-readmore-toggle]{display:block;width:100%;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){
 .asreet-legacy-lp .feature-readmore[data-readmore],
 .asreet-legacy-lp .campaign-readmore[data-readmore]{transition:none}
}

/* 更新日: 2026-10-14 (JST) — 旧SPの左右0指定と共通max-widthの競合を解消。 */
@media(max-width:1099px){
 .asreet-legacy-lp .layer_board{max-width:none}
}

/* 更新日: 2026-10-15 (JST) — 店舗名・英字補足を見出しタグから分離。旧LPと同じ見た目。 */
.asreet-legacy-lp .content-bk .main-bk .title-box .title-en{color:#FA4616;font-size:16px;font-weight:400;text-align:center;margin:0;padding:0;line-height:normal}
.asreet-legacy-lp .content-bk .main-bk .catch-bk .shop-name{width:max-content;max-width:80%;position:absolute;top:60%;left:0;right:0;bottom:auto;margin:auto;padding:10px 30px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:normal;color:#fff;text-align:center;border:solid 1px #FA4616;background:#FA4616}
@media(max-width:1099px){.asreet-legacy-lp .content-bk .main-bk .title-box .title-en{font-size:12px}.asreet-legacy-lp .content-bk .main-bk .catch-bk .shop-name{width:80%;top:65%}}

/* 更新日: 2026-10-15 (JST) — 最新情報・施設の特徴は本文幅800px、開いた後の閉じるボタンは本文の下へ。 */
.asreet-legacy-lp .content-bk .main-bk .feature-details .feature-readmore,
.asreet-legacy-lp .content-bk .main-bk .campaign-details .campaign-readmore {
  width:100%;max-width:none;margin-left:auto;margin-right:auto;
}
.asreet-legacy-lp .content-bk .main-bk :is(.feature-readmore,.campaign-readmore) :is(img,figure,.wp-caption) {
  max-width:100%;box-sizing:border-box;
}
.asreet-legacy-lp .content-bk .main-bk :is(.feature-readmore,.campaign-readmore) img {height:auto;}
.asreet-legacy-lp .content-bk .main-bk .feature-details > .btn_close[data-readmore-toggle],
.asreet-legacy-lp .content-bk .main-bk .campaign-details > .btn_close[data-readmore-toggle] {
  position:static;background:none;max-width:800px;margin:0 auto;padding:0 0 20px;
}
.asreet-legacy-lp .content-bk .main-bk :is(.feature-details,.campaign-details) > .btn_close[data-readmore-toggle] > a {
  margin:0 auto;max-width:100%;box-sizing:border-box;
}

/* 更新日: 2026-10-15 (JST) — 電話リンクも親の.telに設定されたLPキーカラーを継承。 */
.asreet-legacy-lp .content-bk .main-bk .access-bk .access-details .tel > a,
.asreet-legacy-lp .content-bk .main-bk .access-bk .access-details .tel > a:is(:visited,:hover,:focus,:active) {
  color:inherit;
}

/* 更新日: 2026-10-15 (JST) — LP旧ポップアップの閉じる操作を全画面幅で維持。
   元の開閉JSは維持し、×はスクロール領域の外、本文と下部の閉じるは内側に配置する。 */
.asreet-legacy-lp #layer_board_area {position:relative;z-index:100000;}
.asreet-legacy-lp #layer_board_area .layer_board_bg {z-index:1000;}
.asreet-legacy-lp #layer_board_area .layer_board {
  position:fixed;z-index:1001;top:16px!important;left:0!important;right:0!important;bottom:auto;
  transform:none!important;width:600px;max-width:calc(100% - 32px);max-height:none;
  margin:0 auto!important;padding:40px 0 0;box-sizing:border-box;overflow:visible;background:transparent;
}
.asreet-legacy-lp #layer_board_area .text-data-bk {
  width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);
  overflow:auto;overscroll-behavior:contain;background:#fff;
}
.asreet-legacy-lp #layer_board_area .text-data {position:static;}
.asreet-legacy-lp #layer_board_area .icon_close {
  position:absolute;top:0;right:0;bottom:auto;left:auto;z-index:1;
  width:40px;height:40px;margin:0;padding:0;background:transparent;
}
.asreet-legacy-lp #layer_board_area .icon_close > a {
  display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  margin:0;padding:0;box-sizing:border-box;color:#fff;line-height:1;
}
.asreet-legacy-lp #layer_board_area .btn_close > a:focus-visible {outline:2px solid currentColor;outline-offset:2px;}

/* Updated: 2026-10-19 JST — original element widths; preserve viewport while expanding. */
.asreet-legacy-lp :is(.feature-details,.campaign-details,.price-details,.staff-details){overflow-anchor:none;}
.asreet-legacy-lp .access-details .shop-info td p{margin:0;padding:0;}
@media(max-width:1099px){.asreet-legacy-lp .lp-address-sp .map-icon{display:block;text-align:center;}}

@media(min-width:1100px){.asreet-legacy-lp .header-bk .navigation{opacity:1!important;}}

/* Updated: 2026-10-19 JST — 旧LPと同じ本文＋50pxの領域にフェードを重ねる。 */
.asreet-legacy-lp .content-bk .main-bk :is(.feature-readmore,.campaign-readmore)[data-readmore]{box-sizing:content-box;}

/* Updated 2026-10-20: expanded articles no longer reserve overlay space. */
.asreet-legacy-lp .content-bk .main-bk :is(.feature-readmore,.campaign-readmore){padding-bottom:0;}
.asreet-legacy-lp .content-bk .main-bk :is(.feature-readmore,.campaign-readmore)>:last-child{margin-bottom:0;padding-bottom:0;}
.asreet-legacy-lp .content-bk .main-bk :is(.feature-readmore,.campaign-readmore)>:last-child>:last-child{margin-bottom:0;}
.asreet-legacy-lp .content-bk .main-bk :is(.feature-details,.campaign-details)>.btn_close{margin-top:16px;padding-top:0;}
.asreet-legacy-lp .loadingAnim[hidden]{display:none!important;}
@media(min-width:768px){.asreet-legacy-lp .loadingAnim{display:none!important;}}
.asreet-legacy-lp .lp-video-player{position:relative;width:430px;max-width:100%;margin:0 auto;background:#000;}
.asreet-legacy-lp .content-bk .main-bk .lp-video-player video{display:block;width:100%;height:auto;padding:0;margin:0;}
.asreet-legacy-lp .lp-video-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;background:#000;cursor:pointer;}
.asreet-legacy-lp .lp-video-start[hidden]{display:none!important;}
.asreet-legacy-lp .lp-video-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;}
.asreet-legacy-lp .lp-video-start span{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font-size:34px;line-height:1;}
.asreet-legacy-lp .lp-video-start:focus-visible{outline:3px solid #fff;outline-offset:-4px;}
@media(max-width:1099px){.asreet-legacy-lp .lp-video-player{width:100%;}}

/* 2026-10-21: Bot起動ボタンとページ上部ボタンの上下中心を揃える。 */
@media(max-width:1099px){
 body.asreet-legacy-lp #page-top{bottom:var(--lp-page-top-bottom,95px);transition:background-color .3s,opacity .3s;}
}

/* 2026-10-21: スマホ・タブレットのメニューは余白も含む1行全体をリンクにする。 */
@media(max-width:1099px){
 body.asreet-legacy-lp .header-bk .inner .navigation.js_appear .navigation_screen .navigation_wrapper>li{padding:0;}
 body.asreet-legacy-lp .header-bk .inner .navigation.js_appear .navigation_screen .navigation_wrapper>li>a{
  display:block;box-sizing:border-box;width:100%;margin:0;padding:15px;
 }
}

/* 2026-10-26: 再生前の画像枠を維持し、再生映像を上下左右中央に配置。 */
.asreet-legacy-lp .lp-video-player[data-lp-playback-frame]{
  aspect-ratio:var(--lp-video-frame-ratio);overflow:hidden;
}
.asreet-legacy-lp .content-bk .main-bk .lp-video-player[data-lp-playback-frame] video{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  margin:0;padding:0;object-fit:contain;object-position:50% 50%;
}

/* 2026-10-26: Center LP announcements; keep the close button visible. */
.asreet-legacy-lp #layer_board_area .layer_board {
  top:50%!important;transform:translateY(-50%)!important;
}

/* 2026-10-26: Loading screen stays above LP announcements until dismissed.
   Keep the existing visibility, reduced-motion and removal behavior. */
body.asreet-legacy-lp > #loadingAnim.loadingAnim {
  z-index:2147483647;
}

/* 2026-10-26: The floating chatbot host must not reserve space after the footer.
   Keep its lazy-load mount at the page origin; the widget owns its floating launcher/panel. */
body.asreet-legacy-lp .main-bk > .aibot-bk {
 position:absolute;left:0;top:0;width:100%;height:0;min-height:0;
 margin:0;padding:0;
}