@charset "utf-8"; /* CSS Document */ /* ==============================================================================*/ #sectionA {} #sectionA > .wrap {} #sectionA > .wrap > .co_column2 {} #sectionA > .wrap > .co_column2 > .container {} #sectionA > .wrap > .co_column2 > .container > .item1 {} #sectionA > .wrap > .co_column2 > .container > .item2 {} #sectionA > .wrap > .orangeCard { border: solid max(.2rem, 2px) var(--color-DYFC-orange); margin-top: 6rem; margin-bottom: 6rem; } #sectionA > .wrap > .orangeCard > *:first-child {margin-top: 0;} #sectionA > .wrap > .orangeCard > .co_title {} #sectionA > .wrap > .orangeCard > .d1 {} #sectionA > .wrap > .orangeCard > .d1 > .title {font-weight: bold;} #sectionA > .wrap > .orangeCard > .d1 > .body {} #sectionA > .wrap > .orangeCard > .d2 {border-top: solid 1px var(--color-border-gray);} #sectionA > .wrap > .orangeCard > .d2 > .title {font-weight: bold;} #sectionA > .wrap > .orangeCard > .d2 > .body {} #basecamp {} #basecamp > .wrap {} #basecamp > .wrap > .mapContainer > .co_title {} #basecamp > .wrap > .mapContainer > .mapImage {pointer-events: none;} #areaSelector { outline: none; appearance: none; /* min-width: 23rem; */ height: 2.8em; padding: .4em calc(.8em + 3rem) .4em .8em; border: 1px solid #d0d0d0; border-radius: 1rem; color: #333333; font-size: 1em; cursor: pointer; background: url('data:image/svg+xml;utf8,') no-repeat; background-position: calc(100% - 1rem) center; background-size: 2.4rem; } #sectionB {} #sectionB > .wrap { display: flex; justify-content: space-between; align-items: center; } #sectionB > .wrap > .secTitle > .title {font-weight: bold; font-size: 2.6rem;} /* ドロップダウンメニュー：エリア選択 // 選択したもの以外を非表示 */ body.areaSelect-hokkaido #campList .campList--area:not(#campList--hokkaido) {display: none;} body.areaSelect-tohoku #campList .campList--area:not(#campList--tohoku) {display: none;} body.areaSelect-kanto #campList .campList--area:not(#campList--kanto) {display: none;} body.areaSelect-koshinetsu-hokuriku #campList .campList--area:not(#campList--koshinetsu-hokuriku) {display: none;} body.areaSelect-tokai #campList .campList--area:not(#campList--tokai) {display: none;} body.areaSelect-kinki #campList .campList--area:not(#campList--kinki) {display: none;} body.areaSelect-chugoku #campList .campList--area:not(#campList--chugoku) {display: none;} body.areaSelect-shikoku #campList .campList--area:not(#campList--shikoku) {display: none;} body.areaSelect-kyushu #campList .campList--area:not(#campList--kyushu) {display: none;} body.areaSelect-okinawa #campList .campList--area:not(#campList--okinawa) {display: none;} #campList {} #campList > .wrap {display: flex; flex-direction: column; gap: 11rem;} #campList > .wrap > .campList--area {} #campList > .wrap > .campList--area > .campList--title { color: var(--color-DYFC-orange); border-bottom: solid max(.2rem, 2px) var(--color-DYFC-orange); margin-bottom: 5rem; padding-bottom: 2rem; font-size: 2.2rem; font-weight: bold; } #campList > .wrap > .campList--area > .campList--card {} #campList > .wrap > .campList--area > .campList--card + .campList--card {margin-top: 8rem;} #campList > .wrap > .campList--area > .campList--card > * {border-top: solid max(.1rem, 1px) var(--color-table-border-gray); padding-top: 2.2rem; padding-bottom: 2.2rem;} #campList > .wrap > .campList--area > .campList--card.no1 {} #campList > .wrap > .campList--area > .campList--card > * > .data {flex: 1;} #campList > .wrap > .campList--area > .campList--card > .card--name { display: flex; font-size: 2rem; font-weight: bold; align-items: flex-start; gap: 1rem; border-top: none; padding-top: 0; padding-bottom: 0; } #campList > .wrap > .campList--area > .campList--card > .card--name::before { content: ""; aspect-ratio: 1; background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno00.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; display: block; width: 3rem; } #campList > .wrap > .campList--area > .campList--card.no1 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno01.svg);} #campList > .wrap > .campList--area > .campList--card.no2 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno02.svg);} #campList > .wrap > .campList--area > .campList--card.no3 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno03.svg);} #campList > .wrap > .campList--area > .campList--card.no4 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno04.svg);} #campList > .wrap > .campList--area > .campList--card.no5 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno05.svg);} #campList > .wrap > .campList--area > .campList--card.no6 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno06.svg);} #campList > .wrap > .campList--area > .campList--card.no7 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno07.svg);} #campList > .wrap > .campList--area > .campList--card.no8 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno08.svg);} #campList > .wrap > .campList--area > .campList--card.no9 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno09.svg);} #campList > .wrap > .campList--area > .campList--card.no10 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno10.svg);} #campList > .wrap > .campList--area > .campList--card.no11 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno11.svg);} #campList > .wrap > .campList--area > .campList--card.no12 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno12.svg);} #campList > .wrap > .campList--area > .campList--card.no13 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno13.svg);} #campList > .wrap > .campList--area > .campList--card.no14 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno14.svg);} #campList > .wrap > .campList--area > .campList--card.no15 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno15.svg);} #campList > .wrap > .campList--area > .campList--card.no16 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno16.svg);} #campList > .wrap > .campList--area > .campList--card.no17 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno17.svg);} #campList > .wrap > .campList--area > .campList--card.no18 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno18.svg);} #campList > .wrap > .campList--area > .campList--card.no19 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno19.svg);} #campList > .wrap > .campList--area > .campList--card.no20 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno20.svg);} #campList > .wrap > .campList--area > .campList--card.no21 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno21.svg);} #campList > .wrap > .campList--area > .campList--card.no22 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno22.svg);} #campList > .wrap > .campList--area > .campList--card.no23 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno23.svg);} #campList > .wrap > .campList--area > .campList--card.no24 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno24.svg);} #campList > .wrap > .campList--area > .campList--card.no25 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno25.svg);} #campList > .wrap > .campList--area > .campList--card.no26 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno26.svg);} #campList > .wrap > .campList--area > .campList--card.no27 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno27.svg);} #campList > .wrap > .campList--area > .campList--card.no28 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno28.svg);} #campList > .wrap > .campList--area > .campList--card.no29 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno29.svg);} #campList > .wrap > .campList--area > .campList--card.no30 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno30.svg);} #campList > .wrap > .campList--area > .campList--card.no31 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno31.svg);} #campList > .wrap > .campList--area > .campList--card.no32 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno32.svg);} #campList > .wrap > .campList--area > .campList--card.no33 > .card--name::before {background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cno33.svg);} #campList > .wrap > .campList--area > .campList--card > .card--name > .data {flex: 1;} #campList > .wrap > .campList--area > .campList--card > .card--ruby { font-size: 1.4rem; border-top: none; margin-top: 1rem; padding-top: 0; } #campList > .wrap > .campList--area > .campList--card > .card--address {display: flex;} #campList > .wrap > .campList--area > .campList--card > .card--address::before {content: var(--campCard--address); width: var(--campCard--cell1--width); font-weight: bold;} #campList > .wrap > .campList--area > .campList--card > .card--phone {display: flex;} #campList > .wrap > .campList--area > .campList--card > .card--phone::before {content: var(--campCard--phone); width: var(--campCard--cell1--width); font-weight: bold;} #campList > .wrap > .campList--area > .campList--card > .card--hoursInfo {display: flex;} #campList > .wrap > .campList--area > .campList--card > .card--hoursInfo::before {content: var(--campCard--hoursInfo); width: var(--campCard--cell1--width); font-weight: bold;} #campList > .wrap > .campList--area > .campList--card > .card--website {display: flex;} #campList > .wrap > .campList--area > .campList--card > .card--website::before {content: var(--campCard--website); width: var(--campCard--cell1--width); font-weight: bold;} #campList > .wrap > .campList--area > .campList--card > .card--category {display: flex;} #campList > .wrap > .campList--area > .campList--card > .card--category::before {content: var(--campCard--category); width: var(--campCard--cell1--width); font-weight: bold;} #campList > .wrap > .campList--area > .campList--card > .card--special {display: flex;} #campList > .wrap > .campList--area > .campList--card > .card--special::before {content: var(--campCard--special); width: var(--campCard--cell1--width); font-weight: bold;} #campList > .wrap > .campList--area > .campList--card > .card--onePoint {display: flex;} #campList > .wrap > .campList--area > .campList--card > .card--onePoint::before {content: var(--campCard--onePoint); width: var(--campCard--cell1--width); font-weight: bold;} /* 住所複数対応 */ #campList > .wrap > .campList--area > .campList--card > .card--address + .card--address {border-top: none; padding-top: 0;} #campList > .wrap > .campList--area > .campList--card > .card--address + .card--address::before {opacity: 0;} #campList > .wrap > .campList--area > .campList--card > .card--address > .mapLink {} #campList > .wrap > .campList--area > .campList--card > .card--address > .mapLink > a {display: flex; align-items: center; gap: .8rem;} #campList > .wrap > .campList--area > .campList--card > .card--address > .mapLink > a::before {content: "＞"; font-size: 1rem;} #campList > .wrap > .campList--area > .campList--card > .card--address > .mapLink > a::after {content: var(--campCard--mapLink-google);} #campList > .wrap > .campList--area > .campList--card > .card--icon { display: flex; flex-wrap: wrap; gap: 2rem 4rem; } #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon {display: flex; align-items: center; gap: 2rem;} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon::before { content: ""; aspect-ratio: 1; background-repeat: no-repeat; background-size: contain; background-position: center center; display: block; width: 4rem; } #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon::after { content: "アイコン説明"; display: block; flex: 1; } #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon1 {} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon1::before { background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cicon1.svg);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon1::after {content: var(--campCard--icon-1);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon2 {} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon2::before { background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cicon2.svg);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon2::after {content: var(--campCard--icon-2);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon3 {} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon3::before { background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cicon3.svg);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon3::after {content: var(--campCard--icon-3);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon4 {} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon4::before { background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cicon4.svg);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon4::after {content: var(--campCard--icon-4);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon5 {} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon5::before { background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cicon5.svg);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon5::after {content: var(--campCard--icon-5);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon6 {} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon6::before { background-image: url(/-/media/Project/globeride/daiwa_com_dyfc/site/enjoy/basecamp/image/d2cicon6.svg);} #campList > .wrap > .campList--area > .campList--card > .card--icon > .shopIcon.icon6::after {content: var(--campCard--icon-6);} /* No Data */ #campList > .wrap > .campList--area > .campList--card--empty {} #campList > .wrap > .campList--area > .campList--card--empty > .card--emptyMessage {border-top: none; padding-top: 0;} #campList > .wrap > .campList--area > .campList--card--empty > .card--emptyMessage > .data {font-size: 0; color: gray;} #campList > .wrap > .campList--area > .campList--card--empty > .card--emptyMessage > .data::before { content: var(--campCard--emptyMessage); font-size: 1.6rem; } /*============================================================================*/ /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ @media screen and (max-width: 767px) {/* // Mobile // */ /*============================================================================*/ #sectionA {} #sectionA > .wrap > .co_column2 > .container {display: flex; flex-direction: column; gap: 3rem;} #sectionA > .wrap > .orangeCard {padding: 3rem 1.5rem;} #sectionA > .wrap > .orangeCard > .co_title {text-align: center;} #sectionA > .wrap > .orangeCard > .d1 > .title {font-size: 1.8rem;} #sectionA > .wrap > .orangeCard > .d1 > .body {margin-top: 1.5rem;} #sectionA > .wrap > .orangeCard > .d2 {padding-top: 3rem; margin-top: 3rem;} #sectionA > .wrap > .orangeCard > .d2 > .title {font-size: 1.8rem;} #sectionA > .wrap > .orangeCard > .d2 > .body {margin-top: 1.5rem;} #basecamp {} #sectionB {} #sectionB > .wrap {flex-direction: column; align-items: flex-start; gap: 1rem;} #sectionB > .wrap > .secTitle > .title {font-size: 2rem;} #areaSelector {font-size: 1.2rem; min-width: 20rem;} #campList {} #campList > .wrap > .campList--area > .campList--card + .campList--card {margin-top: 6rem;} #campList > .wrap > .campList--area > .campList--card > * {flex-direction: column; gap: 1rem; padding-top: 2rem; padding-bottom: 2rem;} #campList > .wrap > .campList--area > .campList--card > .card--name {flex-direction: row;} #campList > .wrap > .campList--area > .campList--card > .card--icon {flex-direction: column; gap: 1rem;} #campList > .wrap > .campList--area > .campList--card > .card--website a {word-break: break-all;} #campList > .wrap > .campList--area > .campList--card > .card--address > .mapLink {margin-left: 1rem;} #campList > .wrap > .campList--area > .campList--card > .card--address > .mapLink > a {width: fit-content;} /* 住所複数対応 */ #campList > .wrap > .campList--area > .campList--card > .card--address + .card--address::before {display: none;} /*============================================================================*/ } /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ @media screen and (min-width: 768px) {/* // PC // */ /*============================================================================*/ #sectionA {} #sectionA > .wrap > .orangeCard {padding: 4rem;} #sectionA > .wrap > .orangeCard > .co_title {width: fit-content; margin-left: auto; margin-right: auto;} #sectionA > .wrap > .orangeCard > .d1 {display: flex;} #sectionA > .wrap > .orangeCard > .d1 > .title {width: 35rem; font-size: 2.4rem;} #sectionA > .wrap > .orangeCard > .d1 > .body {flex: 1;} #sectionA > .wrap > .orangeCard > .d2 {display: flex; margin-top: 3rem; padding-top: 3rem;} #sectionA > .wrap > .orangeCard > .d2 > .title {width: 35rem; font-size: 2.4rem;} #sectionA > .wrap > .orangeCard > .d2 > .body {flex: 1;} #areaSelector {min-width: 25rem;} #basecamp {} #basecamp > .wrap {padding-top: 0; padding-bottom: 0;} #basecamp > .wrap > .mapContainer {display: grid;} #basecamp > .wrap > .mapContainer > * {grid-row: 1 / 2; grid-column: 1 / 2;} #basecamp > .wrap > .mapContainer > .co_title { margin-top: 0; text-align: left; } #basecamp > .wrap > .mapContainer > .mapImage {width: 115rem; margin-left: auto; margin-right: auto;} #sectionB {margin-top: 5rem;} #sectionB > .wrap {padding-bottom: 0;} #campList {} #campList > .wrap > .campList--area > .campList--card > .card--address > .mapLink {margin-left: 3rem;} /*============================================================================*/ } /* - - - - - - - - - - - - - - - - - - - https://---/basecamp-css.css ID = {} - - - - - - - - - - - - - - - - - - - */