/*
 * /（トップページ） のページ別CSS。
 *
 * もとはWPBakeryの「ページ設定」にDBで持っていたもの（postmeta の _wpb_post_custom_css）。
 * プラグインを消して管理画面から編集できなくなったため、テーマのファイルへ移した。
 *
 * 移すときに、画面のどの要素にも当たらないルールのうち
 * WPBakeryの部品用・ブロックエディタ既定・アイコン用のものを落としている。
 *
 *   45,134字 → 33,277字（ルール 347件を残し 34件を削除）
 *
 * 読み込みは inc/wpbakery-legacy-css.php。元と同じ wp_head 優先度1000の位置に出す。
 */
@import url("https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap");
.custom-header { min-height: 500px; }
.custom-main-sp-banner { max-width: 90%; margin: 20px auto 0px; }
.custom-recent-posts { background: rgb(255, 255, 255); padding: 30px 20px; }
.custom-recent-posts .widget { margin-bottom: 0px !important; padding-bottom: 0px !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.custom-recent-posts h2 { display: none; }
.custom-recent-posts ul li { list-style: none; padding: 10px 0px; margin: 0px; }
.custom-recent-posts ul li .date { margin-right: 5px; }
.custom-rvp-sp, .custom-main-sp { display: none; }
.custom-rvp-sp-left { padding-right: 10px !important; }
.custom-rvp-sp-right { padding-left: 10px !important; }
#wpcpro-wrapper #sp-wp-carousel-pro-id-884.wpcp-carousel-section.sp-wpcp-884 ul.slick-dots { text-align: center; display: table; margin: 20px auto 0px !important; }
#wpcpro-wrapper .wpcp-carousel-section ul.slick-dots, #wpcpro-wrapper .wpcp-carousel-section ul.slick-dots li, #wpcpro-wrapper .wpcp-carousel-section ul.slick-dots li button { box-shadow: none; }
#wpcpro-wrapper #sp-wp-carousel-pro-id-884.wpcp-carousel-section.sp-wpcp-884:not(.wpcp-content-carousel) .wpcp-single-item img { max-height: 400px !important; }
.custom-img:hover { cursor: pointer; opacity: 0.8; zoom: 1; }
.voice-list { display: flex; flex-wrap: wrap; }
.voice-list-item { width: 420px; background: rgb(255, 255, 255); border-radius: 10px; position: relative; padding: 30px 20px 50px 110px; margin-left: 120px; margin-bottom: 30px; }
.voice-list-item-img { width: 230px; height: 200px; float: left; position: absolute; left: -100px; }
.voice-list-item-img-inner { height: 180px; width: 180px; box-shadow: rgb(205, 205, 205) 5px 5px 10px; border-radius: 10px; background-size: cover; }
.voice-list-title { font-weight: 700; font-size: 16px; }
.read-more { }
.voice-tag { display: none; position: absolute; padding: 7px 0px; left: -23px; top: 22px; width: 160px; text-align: center; font-size: 16px; font-weight: 700; line-height: 16px; background: rgb(255, 165, 32); color: rgb(255, 255, 255); letter-spacing: 0.05em; transform: rotate(45deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }
.voice-tag-content { position: absolute; top: -6px; right: -6px; width: 89px; height: 91px; overflow: hidden; }
.voice-tag::before, .voice-tag::after { position: absolute; content: ""; border-top: 4px solid rgb(164, 123, 82); border-left: 4px solid transparent; border-right: 4px solid transparent; bottom: -4px; }
.voice-tag::before { left: 14px; }
.voice-tag::after { right: 18px; }
@media (max-width: 767px){.custom-header { min-height: 300px; }.custom-rvp-pc, .custom-main-pc { display: none; }.custom-rvp-sp, .custom-main-sp { display: block; }rs-fullwidth-wrap { height: 320px !important; }rs-module-wrap, rs-module, rs-slides { max-height: 380px !important; height: 320px !important; }.voice-list-item { background: rgb(255, 255, 255); position: relative; padding: 100px 20px 30px; margin-top: 80px; margin-left: 0px; }.voice-list-item-img { position: absolute; top: -70px; width: 60%; left: 20px; }.voice-list-item-img-inner { width: 100%; height: 140px; background-size: cover; }}
.entry-content { margin: 0px; }
.banner-title { z-index: 8; font-family: "Nothing You Could Do"; visibility: visible; text-align: left; line-height: 25px; text-shadow: rgba(255, 255, 255, 0.5) 10px 10px 15px; letter-spacing: 1px; font-weight: 400; font-size: 28px; }
.banner-subtitle { z-index: 8; font-family: Roboto; visibility: visible; text-align: left; line-height: 50px; text-shadow: rgba(255, 255, 255, 0.2) 10px 10px 20px; letter-spacing: 1px; font-weight: 700; font-size: 40px; margin-bottom: 64px; }
.banner-background { height: 800px; margin: -35px -15px; }
.floating-content { color: rgb(255, 255, 255); position: absolute; left: 100px; top: 142px; }
@media (max-width: 767px){.brand { padding-top: 10%; }.banner-background { height: 640px; margin: 0px -20px; }.banner-title { font-size: 17px; line-height: 35px; margin: 0px 20px; font-weight: 700; text-shadow: rgba(255, 255, 255, 0.5) 3px 3px 5px; }.banner-subtitle { text-shadow: rgba(255, 255, 255, 0.2) 3px 3px 7px; font-size: 22px; font-weight: 700; line-height: 35px; margin: 0px 20px; }.floating-content { display: flex; flex-direction: column; justify-content: space-between; position: inherit; height: 100%; }.banner-button { width: 100%; padding: 20px; background-color: rgb(247, 247, 247); }.parallax-copyright { bottom: 260px !important; }}
@media screen and (max-width: 1024px) and (max-height: 1366px){.banner-background { height: 600px; margin: 0px -15px; }.floating-content { left: 40px; top: 80px; }}
@media screen and (max-width: 767px) and (max-height: 768px){.parallax-copyright { bottom: 260px !important; }}
.parallax-copyright { position: absolute; color: rgb(255, 255, 255); right: 20px; bottom: 40px; text-align: left; line-height: 25px; letter-spacing: 0px; font-weight: 300; }
.site-info { color: rgb(42, 64, 69); background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); padding: 30px 15px 20px; margin: 0px 0px 40px; text-align: left; }
.site-info h3 { font-size: 14px; border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 10px; margin-bottom: 15px; }
.site-info p { padding-top: 10px; line-height: 22px; font-size: 14px; }
.car-row { padding: 24px 12px 0px; background-color: rgb(255, 255, 255); }
.car-row .title { display: flex; align-items: center; justify-content: left; }
.car-row .title h3 { margin: 0px 10px 0px 0px; font-size: 20px; color: rgb(39, 63, 68); font-weight: bold; }
.car-row .title span { background-color: rgb(56, 129, 77); color: rgb(255, 255, 255); padding: 4px 8px; font-size: 13px; letter-spacing: 0.5px; }
.car-row .content { display: flex; align-items: flex-start; margin-top: 20px; }
.car-row .content .car-featured-image { margin-right: 10px; }
.car-row .car-featured-image img { width: 400px; height: 264px; object-fit: contain; }
.car-row .content .car-images { max-width: 200px; display: flex; gap: 10px; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-right: 10px; }
.car-images img { height: 120px; }
.car-row .content .detail { flex: 1 1 0%; padding: 0px 0px 14px; background: rgb(255, 255, 255); }
.car-row .detail .detail-row { padding: 6px 0px; border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 6px; }
.car-row .detail-row .label { font-size: 14px; width: 40px; display: inline-block; text-align: left; padding: 0.2em 0em 0.3em; font-weight: bold; }
.car-row .detail-row span { font-size: 14px; color: rgb(39, 63, 68); }
.detail-buttons { display: flex; gap: 15px; margin-top: 20px; }
.detail-buttons a { text-align: center; height: 48px; padding: 12px; font-weight: bold; color: rgb(255, 255, 255); text-decoration: none; border: 2px solid rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px; flex: 1 1 0%; transition: 0.3s; }
.detail-buttons a:hover { opacity: 0.8; }
.detail-buttons a:first-child { background-color: rgb(35, 61, 91); }
.detail-buttons a:last-child { background-color: rgb(252, 215, 103); color: rgb(39, 63, 68); }
@media screen and (max-width: 767px){.car-row .title { display: block; }.car-row .title span { display: none; margin-top: 10px; }.car-row .content { display: block; margin-top: 0px; }.car-row .content .car-featured-image { margin-right: 0px; }.car-row .car-featured-image img { width: 100%; height: auto; }.car-row .content .car-images { max-width: 100%; flex-direction: row; margin-right: 0px; }.car-images img { width: 50%; }.car-row .content .detail { padding: 10px 0px 0px; margin-top: 0px; }.car-row .detail .detail-row { padding: 4px 0px; margin-bottom: 4px; }.detail-buttons { display: block; margin-top: 15px; }.detail-buttons a { display: block; width: 100%; }.detail-buttons a:last-child { margin-top: 10px; }}
@media screen and (max-width: 1024px) and (orientation: portrait){.car-row .content { flex-wrap: wrap; }.car-row .content .car-featured-image { flex: 1 1 0%; }.car-row .car-featured-image img { width: 100%; }.car-row .content .detail { padding: 10px 0px 0px; margin-top: 0px; flex-basis: 100%; }.car-images img { height: 130px; }}
#custom-heading-car { padding-bottom: 20px; }
#custom-heading-car-text { color: rgb(205, 182, 0); text-shadow: rgba(0, 0, 0, 0.16) 0px 3px 3px; font-size: 24px; font-weight: bold; }
#custom-side-info .site-info { border: 1px solid rgba(19, 16, 16, 0.07); padding: 25px; }
#custom-side-info .site-info h3 { border-bottom: 1px solid rgba(19, 16, 16, 0.07); }
#ls-1 { letter-spacing: -1px; }
.custom-section-banner-block-new { display: flex; gap: 70px; }
.custom-section-banner-title-new { font-size: 14px; color: rgb(39, 63, 68); }
.custom-section-banner-new { margin-bottom: 10px; }
.custom-section-car-new .wpb_column .wpb_single_image { margin-bottom: 20px; }
.custom-section-car-new .wpb_column .wpb_raw_code h4 { text-align: center; font-size: 18px; color: rgb(39, 63, 68); }
.custom-section-car-new .wpb_column .wpb_raw_code p { font-size: 14px; letter-spacing: 0px; color: rgb(39, 63, 68); }
.custom-section-car-new .wpb_column .wpb_raw_code a { font-size: 14px; color: rgb(108, 152, 225); cursor: pointer; text-decoration: none; }
@media screen and (min-width: 767px){.mg-btm-50 { margin-bottom: 50px !important; }.custom-car-carousel { display: none; }.custom-banner-carousel-new { display: none; }}
@media screen and (max-width: 767px){.custom-section-car-new .wpb_column .wpb_raw_code h4 { font-size: 16px; }.custom-clear-stretch { display: none; }.custom-section-car-row-new { margin-bottom: 50px; }#custom-heading-car { padding-bottom: 15px; }#custom-heading-car-text { padding-top: 30px; }#custom-heading-icon { padding-top: 30px; }.custom-section-banner-title-new { font-size: 11px; margin-left: 15px; margin-right: 15px; }.custom-section-banner-new { margin-bottom: -5px !important; }.custom-section-banner-block-new { gap: 20px; }.custom-main-sp-banner { display: none; }.custom-banner-carousel-new { margin: 10px 15px; }.car-hid-pc { display: none !important; }.custom-car-carousel { position: relative; }.custom-car-carousel h4 { text-align: center; font-size: 16px; color: rgb(0, 0, 0); margin: 20px 0px; font-weight: normal; }.custom-car-carousel-price { position: absolute; top: 78%; left: 30%; }.car-row .content .detail .detail-row { display: none; }.car-row .content .detail { padding: 0px !important; }.custom-car-carousel-car .slick-slide { padding: 0px 5px; }}
@media screen and (max-width: 350px){.custom-car-carousel-car .slick-dots li button { height: 10px !important; width: 10px !important; }}
@media only screen and (max-width: 767px){.car-row { padding: 24px 24px 50px; background-color: rgb(255, 255, 255); }.custom-top-container { width: 100% !important; top: 15px !important; left: 0px !important; bottom: unset !important; }.custom-top-table { margin-bottom: 167px; }.custom-top-common-section-1-title, .custom-top-common-section-2-title { vertical-align: top; font-size: 12px !important; padding: 0px 25px !important; }.custom-top-common-section-1-title { padding: 2px 10px !important; }.custom-top-common-section-content { font-size: 13px !important; }.custom-top-common-section-price { font-size: 22px !important; }.custom-top-table-icon { font-size: 18px !important; }.custom-top-common-title { width: 25%; text-align: center; }.custom-top-table tr td { padding: 2px 5px; }.custom-top-table tr:last-child td { padding-bottom: 10px !important; }.custom-top-table tr:first-child td { padding-top: 12px !important; }.custom-top-container button { padding: 7px !important; }.custom-top-button { padding-left: 22px; padding-right: 22px; }.custom-top-currency { font-size: 12px; }.custom-top-button-full { margin-bottom: 10px !important; }.custom-top-currency { font-size: 15px !important; }}
.custom-top-common-section-1-title { background: rgb(29, 74, 103); padding: 4px; border-radius: 5px; font-size: 18px; color: rgb(255, 255, 255); font-weight: bold; }
.custom-top-common-section-2-title { font-size: 20px; font-weight: bold; line-height: 16.5px; color: rgb(29, 74, 103); }
.custom-top-common-section-content { font-size: 27px; font-weight: bold; color: rgb(29, 74, 103); }
.custom-top-common-section-price { font-size: 40px; font-weight: bold; color: rgb(253, 141, 0); text-shadow: rgb(233, 94, 0) 1px 1px 2px; }
.custom-top-container { width: 470px; position: absolute; z-index: 9; top: 305px; right: 19.5%; }
.custom-top-container button { padding: 5px; }
.custom-top-button-full:hover { opacity: 0.8; background: rgb(254, 141, 0); color: rgb(255, 255, 255); }
.custom-top-button-half:hover { opacity: 0.8; background: rgb(29, 74, 103); }
.custom-top-table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; }
.custom-top-table td, .custom-top-table th { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.custom-top-table th { padding-top: 30px; }
.custom-top-table th:nth-child(1) { width: 21%; text-align: center; }
.custom-top-table th:nth-child(2) { width: 41%; padding-left: 0px; }
.custom-top-table tr:last-child td { padding-bottom: 30px; }
.custom-top-table-icon { text-align: center; padding-right: 10px; font-size: 35px; color: rgb(29, 74, 103); }
.custom-top-button-full { width: 100%; border-radius: 5px; margin-bottom: 20px; font-weight: bold; font-size: 18px; background: rgb(254, 141, 0); box-shadow: rgba(0, 0, 0, 0.5) 1px 3px 3px; color: rgb(255, 255, 255); }
.custom-top-button-half { width: 47%; border-radius: 5px; font-weight: bold; font-size: 15px; color: rgb(251, 248, 248); background: rgb(29, 74, 103); box-shadow: rgba(0, 0, 0, 0.5) 1px 3px 3px; }
.fl-right { float: right; }
.custom-vehicles-link { float: right; padding-top: 15px; }
#custom-top-banner-new { position: absolute; z-index: 9; top: 60%; right: 56%; }
.custom-top-currency { font-size: 20px; }
@media only screen and (max-width: 360px){.custom-sp-sm-title { padding: 0px 18px !important; }.custom-sp-sm-button { font-size: 12px !important; }.custom-sp-sm-table { display: none !important; }.custom-sp-sm-price { font-size: 20px !important; }}
@media only screen and (min-width: 768px){.custom-top-button-full { font-size: 27px !important; }.custom-top-button-half { font-size: 23px !important; }.custom-top-table { background-color: unset; }.custom-top-container { background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; }.custom-top-common-button { margin: 0px 30px 30px; }.custom-top-button-half { width: 48%; }.custom-top-table tr:last-child td { padding-bottom: unset; }.custom-top-table th:nth-child(1) { text-align: left; padding-left: 30px; }.custom-top-table-icon i { margin-left: 43px; }}
@media only screen and (min-width: 768px) and (max-width: 1280px){.custom-top-container { right: 2%; }#custom-top-banner-new { top: 62% !important; }.custom-top-table th { padding-top: 10px !important; }.custom-top-table tr:last-child td { padding-bottom: 10px !important; }.custom-top-container-text { top: 50px !important; right: 5% !important; }.custom-top-container-text-second { font-size: 4vw !important; width: fit-content !important; }.custom-top-container-text-first { font-size: 4vw !important; }}
#custom-section-3-description { font-size: 12px; font-weight: normal; text-align: center; color: rgb(0, 0, 0); }
.custom-section-3-content .wpb_single_image { margin-bottom: 20px; }
.custom-section-3-content-title { font-size: 16px; font-weight: bold; text-align: center; color: rgb(0, 0, 0); margin-bottom: 10px; }
.custom-section-3-content-description { font-size: 14px; color: rgb(0, 0, 0); line-height: 19px; margin-bottom: 0px; }
.custom-sp-hidden { display: none; }
#custom-section-3-description-h2 { margin-bottom: 30px !important; }
@media only screen and (max-width: 767px){#custom-section-3-description { margin: auto; width: 85%; font-size: 14px; text-align: left; }#custom-section-3-description-h2 { width: 96%; margin: auto; font-size: 22px !important; }.custom-section-3-content .wpb_single_image { margin-bottom: 0px; }.custom-section-3-content-title { padding-left: 0px; }.custom-section-3-content-description { margin-bottom: 10px; margin-top: 10px; font-size: 15px; }.custom-pc-hidden { display: none; }.custom-sp-hidden { display: unset; }}
th.custom-top-common-section-2-title.custom-top-common-section-2-new { padding: 23px 40px 3px; }
.custom-top-common-section-2-new-inner { border-bottom: 2px solid rgb(29, 74, 103); padding-bottom: 20px; position: relative; padding-top: 3px; }
.custom-top-common-section-2-new-inner .custom-top-common-section-1-title { margin-left: 10px; margin-right: 3px; padding: 3px 4px; font-size: 16px; position: relative; top: -3px; }
.custom-top-common-section-2-new-inner .custom-top-common-section-1-note { font-size: 12px; line-height: 1; color: rgb(29, 74, 103); font-weight: normal; position: relative; top: -4px; }
.custom-top-common-title.custom-top-common-section-2-new-sp .custom-top-common-section-1-title { line-height: 10px; font-size: 10px !important; padding-left: 5px !important; padding-right: 5px !important; }
.custom-top-common-section-1-note-sp { font-size: 8px; line-height: 8px; display: block; margin-top: -4px; color: rgb(29, 74, 103); }
.custom-top-table.custom-top-table-pc td:nth-child(1) { width: 17%; text-align: center; }
.custom-top-table.custom-top-table-pc td:nth-child(2) { width: 43%; padding-left: 0px; }
.suptxt { font-size: 12px; line-height: 1; color: gray; text-shadow: none; position: relative; top: -5px; vertical-align: super; }
.box-notice-txt { text-align: right; position: absolute; bottom: -23px; right: 0px; z-index: 9; }
.box-notice-txt span { background: rgba(250, 250, 250, 0.5); color: rgb(0, 0, 0); font-size: 13px; line-height: 1; padding: 1px 3px; }
@media only screen and (max-width: 767px){.suptxt-sp { font-size: 8px; line-height: 1; color: gray; text-shadow: none; position: relative; top: -3px; vertical-align: super; }table.custom-top-table.custom-sp-sm-table { display: none; }table.custom-top-table.custom-sp-sm-table ~ .custom-top-button { margin-top: 167px; }.box-notice-txt-sp { display: none; }.box-notice-txt-sp span { background: rgba(250, 250, 250, 0.5); color: rgb(0, 0, 0); font-size: 8px; line-height: 1; display: inline-block; padding: 2px 3px; }.custom-top-button { margin-top: 155px !important; }}
#custom-top-banner-circle { position: absolute; z-index: 9; top: 55%; right: calc(50% - 495.5px); }
@media only screen and (max-width: 1150px){#custom-top-banner-circle { right: calc(-11.5% + 195px); max-width: 23%; }}
.subtitle { margin-top: 10px; }
@media only screen and (max-width: 767px){.subtitle { display: none; }}
@media only screen and (max-width: 767px){table.custom-top-table.custom-sp-sm-table { display: none; }.custom-top-button { padding-left: 0px; padding-right: 0px; margin-top: 10px !important; }.custom-banner-carousel-new { margin: 168px 15px 0px; }}
@media only screen and (max-width: 360px){table.custom-top-table.custom-sp-sm-table { display: none; }}
#banner-image { margin-bottom: -20px; }
.main-visual-wrap { position: relative; }
.main-visual-heading { position: absolute; top: 95px; right: calc(50% - 555px); }
@media screen and (max-width: 1110px){.main-visual-heading { right: 0px; }}
@media screen and (max-width: 810px){.main-visual-heading { display: none; }}
.main-visual-title { z-index: 9; font-family: Roboto; visibility: visible; text-align: left; line-height: 47px; text-shadow: rgba(0, 0, 0, 0.4) 10px 10px 20px; letter-spacing: 1px; font-weight: 700; font-size: 38px; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; }
.main-visual-title-sub { z-index: 8; font-family: "Nothing You Could Do"; visibility: visible; text-align: left; line-height: 47px; text-shadow: rgba(0, 0, 0, 0.4) 10px 10px 15px; letter-spacing: 1px; font-weight: bold; font-size: 27px; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; }
.main-visual-pc { width: 100%; height: 100%; min-height: 800px; max-height: 900px; position: relative; overflow: hidden; margin-bottom: 0px; }
@media screen and (max-width: 1110px){.main-visual-pc { height: 0px; min-height: auto; max-height: none; padding-bottom: 75.2891%; }}
.main-visual-pc img { width: 100%; height: 100%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); object-position: center top; object-fit: cover; max-width: 100%; }
.main-visual-sp { overflow: hidden; position: relative; max-height: 450px !important; height: 450px !important; margin-bottom: 0px !important; }
.main-visual-sp img { height: 100%; object-fit: cover; width: 100%; }
@media screen and (max-width: 767px){.custom-top-button { background-color: rgb(255, 255, 255); padding: 10px 15px; box-shadow: rgba(194, 187, 187, 0.74) -1px 4px 5px 0px; margin-top: 320px !important; }table.custom-top-table.custom-sp-sm-table { display: none; }.sub-banner-image-pc { display: none; }}
.custom-main-pc { position: relative; z-index: 9; }
@media only screen and (max-width: 810px){#custom-top-banner-circle { right: calc(-20% + 195px); }}
@media only screen and (min-width: 768px) and (max-width: 1280px){#custom-top-banner-new { top: 65.5% !important; }.main-visual-inner { display: none; width: 550px !important; right: 65px !important; }.main-visual-pc img { height: 100%; object-position: 35% center; }}
.sub-banner-image-sp { margin: 0px 15px; }
.main-visual-inner { width: 800px; position: absolute; right: 10px; top: -30px; display: none; }
.img-title { margin-top: 20px; }
@media only screen and (max-width: 810px){.accommodation-plan .wpb_wrapper .wpb_single_image { margin-bottom: 0px; }.accommodation-plan .wpb_wrapper .btn-camp-custom a { margin-top: -19px; margin-bottom: 20px; }}
.accommodation-plan { display: none; }
.car-not-show { display: none; }
.buttons-container { max-width: 500px; margin: auto; }
.custom-top-reservation { font-size: 30px; padding-top: 10px; }
@media only screen and (max-width: 768px){.custom-top-reservation { display: none; }}
@media only screen and (max-width: 440px){.custom-top-reservation { display: block; position: absolute; right: 20px; background: rgb(251, 245, 222); color: rgb(28, 74, 103); font-weight: bold; font-size: 24px; letter-spacing: 1px; padding: 8px 16px; border-radius: 5px; }.custom-top-container-text { text-align: right; padding-right: 3%; right: 1% !important; }.custom-top-container-text-first { line-height: normal; font-size: 20px !important; font-family: GN-KillGothic-U-KanaNB !important; }.custom-top-container-text-second { letter-spacing: 3px; font-size: 20px !important; width: 55vw !important; }.custom-top-container-text img { width: 75%; display: initial; }}
@media only screen and (min-width: 366px) and (max-width: 440px){.custom-top-reservation { top: 246px; }}
@media only screen and (max-width: 365px){.custom-top-reservation { top: 230px; }}
.banner-text p { padding: 10px; margin: 0px; text-align: center; background: linear-gradient(90deg, rgb(7, 46, 134) 0%, rgb(0, 63, 204) 100%); color: rgb(255, 255, 255); font-size: 26px; font-weight: bold; letter-spacing: 3px; }
@media only screen and (max-width: 768px){.banner-text { position: absolute; top: 315px; width: 100%; }.banner-text p { font-size: 15px; font-weight: 700; letter-spacing: 0px; }}
@media only screen and (max-width: 374px){.banner-text { top: 297px; }.banner-text p { padding: 15px 0px; font-size: 14px; }}
.custom-top-container-text { position: absolute; z-index: 9; top: 40px; right: 11.5%; color: rgb(255, 255, 255); -webkit-text-stroke: 1px rgba(112, 112, 112, 0.2); text-shadow: rgba(112, 112, 112, 0.2) 1px 4px 3px, rgba(112, 112, 112, 0.2) 0px 0px 1em, rgba(112, 112, 112, 0.2) 0px 0px 0.2em; text-align: end; width: 70%; display: flex; flex-direction: column; justify-content: end; align-items: end; font-family: GN-KillGothic-U-KanaNB !important; }
.custom-top-container-text-first { font-size: 3vw; color: rgb(94, 71, 45); }
.custom-top-container-text-second { font-size: 3vw; font-weight: 400; font-family: GN-KillGothic-U-KanaNB; width: 70%; }
@media screen and (min-width: 576px){.hidden-md { display: none !important; }}
@media screen and (max-width: 576px){.hidden-xs { display: none !important; }.banner-sp382199 { margin-top: 16px; margin-bottom: 0px; }}
#banner-main-visual-sp img { height: 100%; }
@media screen and (max-width: 500px){#banner-main-visual-sp img { height: 331px; }}
@media screen and (min-width: 1600px) and (max-width: 1650px){.custom-top-container { right: 4% !important; }.custom-top-container-text { right: 4% !important; }}
@media screen and (min-width: 1280px) and (max-width: 1600px){.custom-top-container { right: 1.5% !important; }.custom-top-container-text { right: 1.5% !important; }}
@media screen and (min-width: 1180px) and (max-width: 1280px){.custom-top-container { right: 0.5% !important; }.custom-top-container-text { right: 0.5% !important; }}
@media screen and (min-width: 1650px){.custom-top-container { right: calc(48.5% - 762.5px); }.custom-top-container-text { right: calc(48.5% - 762.5px); }}
@media screen and (min-width: 2000px){.custom-top-container-text { right: calc(42% - 833px); }}
@media screen and (min-width: 1100px) and (max-width: 2000px){.custom-top-container { top: 28%; }}
#slide_seasons_jp, #slide_seasons_jp_2, #slide_seasons_jp_3, #slide_seasons_jp_4, #slide_seasons_jp_5 { display: none; }
.custom-section_heading_title { margin: 0px !important; }
@media only screen and (max-width: 767px){#slide_seasons_jp, #slide_seasons_jp_2, #slide_seasons_jp_3, #slide_seasons_jp_4, #slide_seasons_jp_5 { background-color: transparent; display: unset; }#block-season-japan-1 .custom-section-3-content { display: none; }#block-season-japan-2 .custom-section-3-content { display: none; }#block-season-japan-3 .custom-section-3-content { display: none; }#block-season-japan-4 .custom-section-3-content { display: none; }#block-season-japan-5 .custom-section-3-content { display: none; }#slide_seasons_jp .slick-prev.slick-arrow, #slide_seasons_jp_2 .slick-prev.slick-arrow, #slide_seasons_jp_3 .slick-prev.slick-arrow, #slide_seasons_jp_4 .slick-prev.slick-arrow, #slide_seasons_jp_5 .slick-prev.slick-arrow, #slide_seasons_jp .slick-next.slick-arrow, #slide_seasons_jp_2 .slick-next.slick-arrow, #slide_seasons_jp_3 .slick-next.slick-arrow, #slide_seasons_jp_4 .slick-next.slick-arrow, #slide_seasons_jp_5 .slick-next.slick-arrow { top: 30% !important; }}
.img-bg-pc { background-color: rgb(247, 247, 247); }
.img-bg-pc img { object-fit: fill; min-width: 1500px; max-width: 1800px; width: 95%; }
.main-visual-heading { right: calc(30% - 30vh); }
.custom-top-container { left: unset; right: calc(30% - 30vh); top: 260px; bottom: unset; }
@media only screen and (min-width: 768px){.custom-top-container { background-color: rgba(255, 255, 255, 0.4); }}
.custom-top-container-text { right: calc(30% - 30vh); }
.custom-top-container-text-second { font-size: 3vw; font-weight: 400; font-family: GN-KillGothic-U-KanaNB; width: 70%; color: rgb(29, 74, 103); }
.main-visual-heading { left: calc(40% - 55vh); }
.custom-top-container { left: calc(40% - 55vh); top: 360px; bottom: unset; }
.main-visual-inner { right: unset; }
@media only screen and (min-width: 768px){.custom-top-container { background-color: rgba(255, 255, 255, 0.8); }}
.custom-top-container { top: 320px; left: 10%; }
.custom-top-container-text { left: 10%; text-align: left; align-items: start; top: 90px; }
.img-bg-pc img { width: 90%; object-fit: contain; }
@media screen and (max-width: 1024px){.custom-top-container { left: 5%; top: 30%; }.custom-top-container-text { left: 5%; top: 90px; width: 100%; }}
@media screen and (max-width: 767px){.custom-top-container-text { display: none; }}
.first-view-pc { width: 100%; height: 100%; min-height: 800px; max-height: 900px; position: relative; overflow: hidden; margin-bottom: 0px; }
@media screen and (max-width: 1110px){.first-view-pc { height: 0px; min-height: auto; max-height: none; padding-bottom: 75.2891%; }}
.first-view-pc .slick-arrow, .first-view-sp .slick-arrow { display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.75) !important; width: 40px !important; height: 40px !important; outline: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.first-view-pc .slick-arrow i, .first-view-sp .slick-arrow i { display: none; }
.first-view-pc .slick-arrow::before, .first-view-sp .slick-arrow::before { content: ""; border-style: solid; border-color: rgb(26, 26, 26); border-image: none; border-width: 0px 4px 4px 0px; padding: 4px; display: inline-block !important; }
.first-view-pc .slick-arrow.slick-prev, .first-view-sp .slick-arrow.slick-prev { left: 2% !important; }
.first-view-pc .slick-arrow.slick-prev::before, .first-view-sp .slick-arrow.slick-prev::before { transform: rotate(135deg); }
.first-view-pc .slick-arrow.slick-next, .first-view-sp .slick-arrow.slick-next { right: 2% !important; }
.first-view-pc .slick-arrow.slick-next::before, .first-view-sp .slick-arrow.slick-next::before { transform: rotate(-45deg); }
.first-view-pc .wpcp-carousel-section, .first-view-sp .wpcp-carousel-section { padding-left: 0px !important; padding-right: 0px !important; }
.first-view-pc .wpcp-slide-image { position: relative; width: 100%; height: 100%; min-height: 800px; max-height: 900px; }
@media screen and (max-width: 1110px){.first-view-pc .wpcp-slide-image { height: 0px; min-height: auto; max-height: none; padding-bottom: 75.2891%; }}
.first-view-pc .wpcp-slide-image img, .first-view-sp .wpcp-slide-image img { position: absolute; width: auto; max-width: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100% !important; }
.first-view-sp { width: 100%; overflow: hidden; position: relative; max-height: 330px !important; height: 330px !important; margin-bottom: 0px !important; }
.first-view-sp .slick-arrow { width: 30px !important; height: 30px !important; }
.first-view-sp .slick-arrow::before { border-width: 0px 3px 3px 0px; }
.first-view-sp .wpcp-slide-image { width: 100%; position: relative; max-height: 330px !important; height: 330px !important; margin-bottom: 0px !important; }
.custom-txt-banner-fv { font-size: 1.15rem; line-height: 2rem; font-weight: 700; color: rgb(255, 255, 255); text-align: center; padding: 0px 10px; text-shadow: rgb(0, 0, 0) 0px 0.1875rem 0.3125rem; position: absolute; width: 100%; left: 0px; top: 35%; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.custom-top-container { pointer-events: none; }
.custom-top-common-button { pointer-events: auto; }
.custom-top-button { pointer-events: auto; }
.title-camper-rental-flow { border-top: 1px solid rgb(151, 151, 151); border-bottom: 1px solid rgb(151, 151, 151); }
.item-staff { min-height: 130px; height: 130px; }
.accordion { cursor: pointer; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: left; outline: none; font-size: 16px; transition: 0.4s; margin: 9px 0px; font-weight: 600; }
.accordion::after { content: "▶"; font-weight: bold; float: right; margin-left: 5px; }
.active::after { content: "▶"; margin-left: 5px; transform: rotate(90deg); }
.panel { padding: 0px 18px; max-height: 0px; overflow: hidden; transition: max-height 0.2s ease-out; flex-direction: column; place-items: center; }
.panel img { padding: 42px; }
.btn-accordion { background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-bottom: 1px solid rgb(151, 151, 151); border-top: 1px solid rgb(151, 151, 151); padding: 10px 14px 10px 0px; color: rgb(0, 0, 0) !important; background-color: transparent !important; }
.active, .accordion:hover { background-color: transparent; color: rgb(0, 0, 0); }
.collapsible.slow { position: relative; overflow: hidden; padding-bottom: 0.5em; transition: height 0.5s ease-out; }
.collapsible.slow > * { display: none; }
.collapsible.slow > p:first-child, .collapsible.slow.open > *, .collapsible.slow.ready > * { display: revert; }
.collapsible.slow > .toggler { position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgb(252, 243, 219); color: rgb(108, 152, 225); cursor: pointer; }
.collapsible.slow > .toggler::after { content: "もっと読む"; }
.collapsible.slow.open > .toggler::after { content: "もっと読む"; }
@media screen and (min-width: 768px){.sp-only { display: none; }}
@media screen and (max-width: 767px){.pc-only { display: none; }}
.wpcp-slide-image img { width: 100% !important; }
#sp-wp-carousel-pro-id-9466 > .slick-track > .slick-list > .draggable > div { margin: 0px auto; }
@media screen and (max-width: 768px){.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 0px; }}
.wpcp-slide-image img { max-height: 900px; }
#banner-xmas a { width: 800px; }
.jp-top-banner { max-width: 900px; width: 100%; margin: 0px auto; }