@charset "UTF-8";
/*----------------------------- LOCAL NAVI
-------------------------------*/
.local-nav { position: relative; z-index: 2; }
.local-nav nav { width: 60%; }
.local-nav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; }
.local-nav nav ul div, .local-nav nav ul li { min-height: 0%; }
.local-nav nav ul li { margin-right: 8%; }
.local-nav nav ul li:nth-of-type(3n), .local-nav nav ul li:last-of-type { margin-right: 0; }
.local-nav nav ul li a { display: block; width: 100%; text-align: left; line-height: 1.2; color: #9fa0a0; padding-bottom: 0.4rem; transition: .4s all; position: relative; }
.local-nav nav ul li a::before { content: ""; display: block; width: 144%; height: 2px; background-color: #000; position: absolute; left: 0; bottom: 0; opacity: 0; pointer-events: none; }
.local-nav nav ul li a .en { font-size: min(3.5vw, 3.2rem); letter-spacing: 0.1em; font-weight: 100; }
.local-nav nav ul li.current a, .local-nav nav ul li a:hover { color: #000; }
.local-nav nav ul li.current a::before, .local-nav nav ul li a:hover::before { opacity: 1; }
.local-nav nav ul li:first-of-type a::before { width: 100%; }
@media screen and (max-width: 600px) { .local-nav nav { width: calc((80/376)*100%); }
  .local-nav nav ul { display: block; }
  .local-nav nav ul li { width: 100%; margin-right: 0; margin-top: 8px; }
  .local-nav nav ul li a { padding-bottom: 2px; }
  .local-nav nav ul li a::before { width: 100%; }
  .local-nav nav ul li a .en { font-size: min(5.4vw, 20px); }
  .local-nav nav ul li.current + li { padding-top: 4px; } }

/*----------------------------- contents
-------------------------------*/
.cont-section-container { padding-top: 12rem; }
@media screen and (max-width: 764px) { .cont-section-container { padding-top: 8rem; } }

.cate-mv { text-align: center; margin: 4rem auto; position: relative; }
.cate-mv .cate-ttl { width: 100%; max-width: 1056px; position: absolute; left: 50%; top: -10rem; transform: translateX(-50%); z-index: 2; }
.cate-mv .cate-ttl p { width: calc((396/1056)*100%); max-width: 396px; margin: 0 0 0 auto; }
.cate-mv .image { max-height: 480px; overflow-y: hidden; }
.cate-mv .image .img { height: 100%; }
.cate-mv .image .img img { object-fit: cover; object-position: center top; }
@media screen and (max-width: 1056px) { .cate-mv { margin: 2.4rem auto; }
  .cate-mv .cate-ttl { top: -28%; } }
@media screen and (max-width: 864px) { .cate-mv .cate-ttl { top: -32%; }
  .cate-mv .cate-ttl p { width: calc((396/960)*100%); } }
@media screen and (max-width: 600px) { .cate-mv { margin: 24px auto; }
  .cate-mv .cate-ttl { top: -22%; }
  .cate-mv .cate-ttl p { width: calc((396/744)*100%); } }

.intro { margin-bottom: 4rem; }
@media screen and (max-width: 600px) { .intro { margin-bottom: 24px; } }

.summary { width: 100%; max-width: 600px; margin: auto; background-color: #f0f4f6; padding: 1.6rem 2.4rem; margin-bottom: 4rem; }
.summary .copy { text-align: center; }
@media screen and (max-width: 600px) { .summary { max-width: initial; padding: 16px; margin-bottom: 24px; } }

.map-container .fig .img { margin: 0; }
@media screen and (max-width: 600px) { .map-container + .note-area { margin-top: 0; } }

#Train .convenience-slide { max-width: 640px; margin: 12rem auto 4rem; }
#Train .convenience-slide #convenience-slider { margin-bottom: 0 !important; }
#Train .convenience-slide .slick-prev { left: 10px; z-index: 1; width: 30px; height: 30px; }
#Train .convenience-slide .slick-prev::before { font-size: 30px; }
#Train .convenience-slide .slick-next { right: 10px; z-index: 1; width: 30px; height: 30px; }
#Train .convenience-slide .slick-next::before { font-size: 30px; }
#Train .convenience-slide .slick-dots { position: absolute; bottom: auto; top: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#Train .convenience-slide .slick-dots div, #Train .convenience-slide .slick-dots li { min-height: 0%; }
#Train .convenience-slide .slick-dots li { width: 32%; height: 50px; border-radius: 5px 5px 0 0; background: #b9c3c9; color: #999faa; font-size: 1.7rem; position: relative; cursor: pointer; }
#Train .convenience-slide .slick-dots li.slick-active { background: #000846; color: #fff; }
#Train .convenience-slide .slick-dots li.slick-active button::before { color: #fff; }
#Train .convenience-slide .slick-dots li button { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#Train .convenience-slide .slick-dots li button::before { font-family: "Times New Roman", 'Noto Serif JP', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; content: ""; color: #fff; width: 100%; font-size: 1.7rem; }
#Train .convenience-slide .slick-dots li:nth-of-type(1) button::before { content: "JR線"; }
#Train .convenience-slide .slick-dots li:nth-of-type(2) button::before { content: "小田急線"; }
#Train .convenience-slide .slick-dots li:nth-of-type(3) button::before { content: "江ノ島電鉄線"; }
#Train .convenience-slide .slick-slide > div { height: 100%; }
#Train .convenience-slide .railway { background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 4rem 2% 2rem; height: 100%; color: #fff; text-align: center; overflow-y: hidden; }
#Train .convenience-slide .railway .inner { padding: 0 4%; height: 100%; }
#Train .convenience-slide .railway .icon { margin: 0 auto 1.2rem; width: calc((166/750)*100%); }
#Train .convenience-slide .railway .trainline-name { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; font-size: min(2vw, 13px); margin-bottom: 2.4rem; }
#Train .convenience-slide .railway .maincopy { text-align: center; color: #fff; font-size: min(2vw, 2.4rem); letter-spacing: 0.05em; }
#Train .convenience-slide .railway .note { margin-top: 2.4rem; text-align: right; }
#Train .convenience-slide #slideJR { background-image: url("../images/access/train_jr_bg.jpg"); }
#Train .convenience-slide #slideOdakyu { background-image: url("../images/access/train_odakyu_bg.jpg"); }
#Train .convenience-slide #slideEnoshima { background-image: url("../images/access/train_enoshima_bg.jpg"); }
#Train .convenience-slide #slideEnoshima .layout-flex { width: 96%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; }
#Train .convenience-slide #slideEnoshima .layout-flex div, #Train .convenience-slide #slideEnoshima .layout-flex li { min-height: 0%; }
#Train .convenience-slide #slideEnoshima .layout-flex .ol { width: calc((416/654)*100%); display: flex; flex-direction: column; justify-content: space-between; }
#Train .convenience-slide #slideEnoshima .layout-flex .ol .icon { width: calc((166/416)*100%); }
#Train .convenience-slide #slideEnoshima .layout-flex .fig { width: calc((168/654)*100%); align-self: center; }
@media screen and (max-width: 961px) { #Train .convenience-slide { max-width: 640px; }
  #Train .convenience-slide .slick-track { display: block; }
  #Train .convenience-slide .slick-slide { height: auto !important; }
  #Train .convenience-slide .railway { padding: 4rem 8% 2rem; }
  #Train .convenience-slide .railway .maincopy { font-size: min(4vw, 2.4rem); }
  #Train .convenience-slide #slideEnoshima .layout-flex .fig { width: calc((168/654)*100%); } }
@media screen and (max-width: 500px) { #Train .convenience-slide { margin: 8rem auto 0; }
  #Train .convenience-slide .railway .trainline-name { font-size: min(2.75vw, 13px); }
  #Train .convenience-slide .railway .maincopy { font-size: min(6vw, 2.4rem); }
  #Train .convenience-slide #slideEnoshima .layout-flex .fig { width: calc((216/654)*100%); } }
#Train .station-photo-list { max-width: 920px; margin: auto; padding: 2.4rem 0; }
#Train .station-photo-list > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#Train .station-photo-list > ul div, #Train .station-photo-list > ul li { min-height: 0%; }
#Train .station-photo-list > ul li { width: 32%; margin-top: 1.6rem; }
#Train .station-photo-list > ul + .cap { margin-top: 10px; }
#Train .station-list { max-width: 920px; margin: auto; }
#Train .station-list > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 1.6rem; }
#Train .station-list > ul div, #Train .station-list > ul li { min-height: 0%; }
#Train .station-list > ul li { width: 46%; margin-top: 1.6rem; }
#Train .station-list > ul li .note { font-size: 13px; font-family: "Times New Roman", 'Noto Serif JP', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; line-height: 1.44; margin-top: 12px; }
#Train .station-list > ul li.head { width: 100%; font-size: min(4vw, 20px); line-height: 1.2; padding-bottom: 4px; border-bottom: solid thin #333; }
#Train .station-list > ul li.head::before { content: ""; display: inline-block; width: 1.6rem; aspect-ratio: 1/1; background-color: #000; margin-right: 6px; }
@media screen and (max-width: 600px) { #Train .smoothAccessSlide { margin: 12rem auto 6rem; }
  #Train .station-photo-list { padding: 24px 0; }
  #Train .station-photo-list > ul li { width: 48%; margin-top: 16px; }
  #Train .station-list > ul { display: block; }
  #Train .station-list > ul li { width: 100%; }
  #Train .station-list > ul li .note { font-size: 13px; } }

#Bus .to-fujisawa { max-width: 920px; margin: auto; }
#Bus .to-fujisawa > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#Bus .to-fujisawa > ul div, #Bus .to-fujisawa > ul li { min-height: 0%; }
#Bus .to-fujisawa > ul li { width: 48%; }
#Bus .column-area { background-color: #f0f4f6; padding: 12rem 0 8rem; margin-top: 5.6rem; }
#Bus .column-area .column-wrap { background-image: linear-gradient(to right, #f0f4f6 0%, #f0f4f6 50%, #fff 50%, #fff 100%); }
#Bus .column-area .column { background-color: #fff; padding: 4rem 4.5455%; }
#Bus .column-area .column .column-head { width: calc((360/1056)*100%); margin: -8rem 0 4rem; }
#Bus .column-area .column .maincopy { font-size: min(4vw, 2.8rem); }
#Bus .column-area .column .two-bus-top { margin-top: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#Bus .column-area .column .two-bus-top div, #Bus .column-area .column .two-bus-top li { min-height: 0%; }
#Bus .column-area .column .two-bus-top .route { width: 46%; }
#Bus .column-area .column .two-bus-top .route > ul li { margin-bottom: 1.6rem; }
#Bus .column-area .column .two-bus-top .route .photo-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#Bus .column-area .column .two-bus-top .route .photo-list div, #Bus .column-area .column .two-bus-top .route .photo-list li { min-height: 0%; }
#Bus .column-area .column .two-bus-top .route .photo-list li { width: 48%; margin-top: 1.6rem; }
#Bus .column-area .column .two-bus-top .route .photo-list li .name { margin-top: 2px; font-size: min(4vw, 15px); text-align: left; line-height: 1.2; }
#Bus .column-area .column .two-bus-top .map-container { width: 50%; }
@media screen and (max-width: 864px) { #Bus .column-area { padding: 8rem 0 6.4rem; }
  #Bus .column-area .column { padding: 4rem 0 4rem 6%; }
  #Bus .column-area .column .column-head { margin-top: -6.5rem; } }
@media screen and (max-width: 600px) { #Bus .to-fujisawa > ul { display: block; }
  #Bus .to-fujisawa > ul li { width: 100%; }
  #Bus .to-fujisawa > ul li + li { margin-top: 16px; }
  #Bus .column-area { padding: 64px 0 40px; }
  #Bus .column-area .column { padding-left: 8%; }
  #Bus .column-area .column .column-head { margin-top: -6.5rem; width: calc((462/750)*100%); }
  #Bus .column-area .column .two-bus-top { margin-top: 24px; display: block; }
  #Bus .column-area .column .two-bus-top .route, #Bus .column-area .column .two-bus-top .map-container { width: 100%; }
  #Bus .column-area .column .two-bus-top .route .photo-list li .name { font-size: min(4vw, 13px); } }

#Car .map-container .fig { max-width: 920px; margin: auto; }
#Car .map-container + .note-area { max-width: 920px; margin: 0 auto; }
#Car .photo-gallery-wrap { max-width: 920px; margin: 0 auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; align-items: flex-end; }
#Car .photo-gallery-wrap div, #Car .photo-gallery-wrap li { min-height: 0%; }
#Car .photo-gallery-wrap .gallery-box { width: 48%; }
#Car .photo-gallery-wrap .gallery-box .area-category-head { color: #151c51; line-height: 1.2; }
#Car .photo-gallery-wrap .gallery-box .area-category-head .en { font-size: min(4vw, 2rem); }
#Car .photo-gallery-wrap .gallery-box .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#Car .photo-gallery-wrap .gallery-box .list div, #Car .photo-gallery-wrap .gallery-box .list li { min-height: 0%; }
#Car .photo-gallery-wrap .gallery-box .list li { width: 48%; margin-bottom: 1.4rem; }
#Car .photo-gallery-wrap .gallery-box .list li.full100 { width: 100%; }
#Car .photo-gallery-wrap > .cap { width: 100%; }
@media screen and (max-width: 600px) { #Car .map-container .object-scroll-wrapper > .scroll-inner { padding: 0; }
  #Car .photo-gallery-wrap { display: block; }
  #Car .photo-gallery-wrap .gallery-box { width: 100%; }
  #Car .photo-gallery-wrap .gallery-box .area-category-head { margin-top: 16px; }
  #Car .photo-gallery-wrap .gallery-box .area-category-head .en { font-size: min(4.75vw, 20px); } }