/* 旧 machidatheme の css/general.css・pc.css・sp.css から、移行した旧ページ（浴衣の着付け・女性に優しい施設・マイページ活用手順・空室カレンダー・万葉1日体験レポート）
   が使うルールだけを抜き出したもの。body.odw-legacy-page 配下に限定し、新テーマの他ページへ影響させない。 */
/* pc.css */
@media all and ( min-width: 768px ) {
body.odw-legacy-page .lppage { width: 980px; margin: 0 auto; }
body.odw-legacy-page .lppage3 { width: 1200px; margin: 0 auto; }
body.odw-legacy-page .amenitybox { background-color: #3e5686; color: white; padding: 40px 0 56px 0; }
body.odw-legacy-page .amenityboxtext1 { text-align: center; font-size: 15px; color: white; }
body.odw-legacy-page .amenityboxlist ul li { display: inline-block; border: 1px solid white; padding: 0px 11px; margin: 10px 8px 10px 0; letter-spacing: 0px; color: white; font-size: 18px; line-height: 32px; }
body.odw-legacy-page .amenityboxlist { width: 720px; margin: 0 auto; }
body.odw-legacy-page .amenitytitle { text-align: center; font-size: 24px; margin: 6px 0 0 0; letter-spacing: 5px; color: white; line-height: 23px; }
body.odw-legacy-page .amenityboxtext3 { font-size: 23px; text-align: center; margin: 46px 0 12px 0; color: white; letter-spacing: 2px; }
body.odw-legacy-page .amenityboximage { float: left; width: 36%; box-sizing: border-box; padding: 5px 0 0 0; }
body.odw-legacy-page .amenityboxtext2 { float: left; width: 64%; box-sizing: border-box; padding: 0 0 0 35px; font-size: 19px; line-height: 35px; letter-spacing: 2px; color: white; }
body.odw-legacy-page .amenitybox1 { width: 720px; margin: 38px auto 0; }
body.odw-legacy-page #yukatalistboxactivebox { margin: 0 auto; display: none; }
body.odw-legacy-page #yukatalistbox { position: relative; overflow: hidden; }
body.odw-legacy-page #yukatalistbox ul li { float: left; width: 25%; box-sizing: border-box; padding: 0 30px; }
body.odw-legacy-page #yukatalistbox { background-color: #f0f0f0; padding: 40px }
body.odw-legacy-page .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
body.odw-legacy-page .fullimage { width: 100%; }
}

/* sp.css */
@media all and ( max-width: 767px ) {
body.odw-legacy-page #yukatalistbox { position: relative; background-color: #ffffff; padding: 20px 0 30px; overflow: hidden; }
body.odw-legacy-page #yukatalistbox ul { overflow-y: hidden; padding: 20px 0 4px 0; display: flex; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: hidden; }
body.odw-legacy-page #yukatalistboxactivebox img { box-shadow: 3px 3px 3px #9a9a9a; }
body.odw-legacy-page #yukatalistboxactivebox { display: none; padding: 0 10px; }
body.odw-legacy-page #yukatalistbox ul li { flex: 0 0 40%; margin: 0 0 0 20px; }
body.odw-legacy-page .floorguideheader img.isSP { display: block; }
body.odw-legacy-page .amenitybox { background-color: #3e5686; color: white; padding: 30px 10px 40px; }
body.odw-legacy-page .amenitybox1 { margin: 30px 0 0 0; }
body.odw-legacy-page .amenityboxtext1 { text-align: center; font-size: 15px; color: white; }
body.odw-legacy-page .amenityboxlist ul li { display: inline-block; border: 1px solid white; padding: 0px 10px; margin: 6px 10px 6px 0; letter-spacing: 0px; color: white; font-size: 13px; line-height: 25px; }
body.odw-legacy-page .amenitytitle { text-align: center; font-size: 24px; margin: 8px 0 0 0; letter-spacing: 5px; color: white; line-height: 23px; font-weight: bold; }
body.odw-legacy-page .amenityboxtext3 { display: none; }
body.odw-legacy-page .amenityboxlist { margin: 18px 0 0 0; }
body.odw-legacy-page .amenityboximage { float: left; width: 50%; box-sizing: border-box; padding: 5px 10px 0 0; }
body.odw-legacy-page .amenityboxtext2 { float: left; width: 50%; box-sizing: border-box; padding: 4px 0 0 6px; font-size: 16px; line-height: 26px; letter-spacing: 1px; color: white; }
body.odw-legacy-page .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
body.odw-legacy-page .fullimage { width: 100%; }
}

/* 旧テーマ（HTML5 Reset 親テーマ）は img { max-width: 100% } を持っていた。本文の <img width="2240"> がはみ出さないよう同じにする。 */
body.odw-legacy-page img { max-width: 100%; }

/* 旧テーマは viewport を 375 固定にして 376px を PC/SP の境にしていた。新テーマは device-width なので境を 768px に読み替える。
   .isPC/.isSP・.pccommonwidth は旧 style.css 側の定義（旧テーマ全体のCSSは読まない）。 */
@media (min-width: 768px) {
    body.odw-legacy-page .isSP { display: none !important; }
    body.odw-legacy-page .pccommonwidth { width: 1120px; margin: 0 auto; }
}
@media (max-width: 767px) {
    body.odw-legacy-page .isPC { display: none !important; }
}

/* 女性に優しい施設の旧CSSは376px以上をPC扱いする。iPhone 16 Proなどでは
   980pxの本文だけが残るため、新サイトのSP境界（767px）まで旧SP配置を補う。 */
@media (min-width: 376px) and (max-width: 767px) {
    body.page-id-13667 #wrapper_women { width: auto; margin: 0; padding: 0; }
    body.page-id-13667 .froat_wrap_women { width: auto; overflow: visible; }
    body.page-id-13667 .froat_wrap_women p { color: inherit; font-size: inherit; line-height: inherit; letter-spacing: normal; margin: 0 0 15px; }
    body.page-id-13667 .left_women,
    body.page-id-13667 .right_women,
    body.page-id-13667 .left2_women,
    body.page-id-13667 .right2_women { float: none; width: auto; padding: 0 14px; }
    body.page-id-13667 .right_women,
    body.page-id-13667 .left2_women { margin-top: 0; }
    body.page-id-13667 #wrapper_women p { padding: 20px 10px; }
    body.page-id-13667 #wrapper_women hr { border: 0; margin: 15px 0; }
}

/* onedayreport（PC）: カードの本文量でボタンの高さがばらつかないよう、ボタンを各カードの下端に揃える。
   旧CSSは align-items:flex-start のため、行内で本文が短いカードのボタンが上にずれていた。矢印画像だけは上寄せのまま。 */
body.odw-legacy-page .oneday .cont-wrapper#report .cont-container { align-items: stretch; }
body.odw-legacy-page .oneday .cont-wrapper#report .cont-container > img { align-self: flex-start; }
body.odw-legacy-page .oneday .cont-wrapper:is(#report, #point) .cont-container .cont-box > p:has(> a.btn) { margin: auto auto 10px; padding-top: 10px; }

/* 旧ページの40pxボタンに Bootstrap の上下6pxが加わると文字が下へずれる。 */
body.page-id-22936 .oneday .pcArea a.btn { padding-top: 0; padding-bottom: 0; }
/* Bootstrap の ul 左余白が Swiper の先頭カードを30px右へ押し出す。 */
body.page-id-22936 .oneday .spArea .swiper-wrapper { padding-left: 0; }

/* line_regist（ID 20320）: 旧ページは Bootstrap 4.5 前提。新テーマは 5.0.2 のため、BS4 でしか効かない余白・文字揃えの
   クラスをこのページ限定で補う（pl-N/pr-N は BS5 では ps-N/pe-N、text-left は text-start、font-weight-bold は fw-bold）。 */
body.page-id-20320 .pl-0 { padding-left: 0 !important; }
body.page-id-20320 .pr-0 { padding-right: 0 !important; }
body.page-id-20320 .pl-3 { padding-left: 1rem !important; }
body.page-id-20320 .pr-3 { padding-right: 1rem !important; }
body.page-id-20320 .pl-4 { padding-left: 1.5rem !important; }
body.page-id-20320 .pr-4 { padding-right: 1.5rem !important; }
body.page-id-20320 .pl-5 { padding-left: 3rem !important; }
body.page-id-20320 .text-left { text-align: left !important; }
body.page-id-20320 .text-right { text-align: right !important; }
body.page-id-20320 .font-weight-bold { font-weight: 700 !important; }
/* BS4 は .container / 列 / .row の余白がすべて 15px、かつ列は .row の外でも余白を持つ（旧ページは .container 直下に .col-12 を置く）。BS5 に合わせ直す。 */
body.page-id-20320 .container, body.page-id-20320 .container-fluid { padding-left: 15px; padding-right: 15px; }
body.page-id-20320 .row { --bs-gutter-x: 30px; }
body.page-id-20320 [class*="col-"] { padding-left: 15px; padding-right: 15px; }
/* 旧ページは PC で 15px の横スクロールが出ていた（.row の負マージン）。見た目は変えずに出さない。 */
body.page-id-20320 { overflow-x: hidden; }