@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  access.css
// style info :  スタイル指定
=================================================================== */

#sec-busLifeMerit .caption{ margin: 0!important;}

#kvWrap h2{background: none;z-index: 2;}

.con_inner{padding: 50px 0;}
.con_inner_wrap{ width: 100%; max-width: 1300px; background: #fff; margin: 0 auto; padding: 50px;}

@media screen and (max-width:1300px) {
	.con_inner_wrap{ width: 95%;}
}
@media screen and (max-width:767px) {
	/*.con_inner_wrap{ width: 90%;}*/
	#captionArea{ margin-top: 50px!important;}
}
@media screen and (max-width:640px) {
	.con_inner{padding: 0 0 50px;}
	.con_inner:first-child{ padding-top: 50px;}
	.con_inner_wrap{ padding: 25px;}
}





/* タブボタン */
#menu_tab_conWrap{ margin-top: -220px; padding-top: 220px;}
#menu_tab_conWrap .ViewBox {display:none;}
#menu_tab_conWrap .ViewBox:first-child {display:block;}
.menu_tab{ 
	padding: 50px 15px; 
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
/*.menu_tab:after{content: '';display: block;clear: both;}*/
.menu_tab .menulist{position: relative;background: #fff; width: 49%; /*float: left;*/font-size: 24px;text-align: center;padding: 20px 0;cursor: pointer; box-shadow: 10px 20px 20px 0 rgb(154,181,172,.6); box-shadow: 10px 20px 20px 0 rgb(193 176 150 / 60%);}
.menu_tab .menulist:hover{color:#fff; background: #47b23c;}
.menu_tab .menulist:hover:before{border-top: 15px solid #47b23c;}
.menu_tab .menulist:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #fff;}
.menu_tab .menulist.active{color:#fff; background: #47b23c;}
.menu_tab .menulist.active:before {border-top: 15px solid #47b23c;}

.tab-botom_b .menulist{ }
.tab-botom_b .menulist.active:before,
.tab-botom_b .menulist:before{ top: -15px;}
.tab-botom_b .menulist.active:before{border-top: transparent;border-bottom: 15px solid #47b23c;}
.tab-botom_b .menulist:before{ border-top: transparent;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 15px solid #fff;}
.tab-botom_b .menulist:hover:before{border-top: transparent;border-bottom: 15px solid #47b23c;}
.tab-botom_b{ padding-top: 0; border-bottom: 1px solid #47b23c;}

@media only screen and (max-width: 1200px) {
	#menu_tab_conWrap{ margin-top: -123px; padding-top: 123px;}
}

@media only screen and (max-width: 767px) {
	#menu_tab_conWrap{ margin-top: -90px; padding-top: 90px;}
	.menu_tab .menulist{box-shadow: 3px 10px 15px 0 rgb(154,181,172,.6); box-shadow: 3px 10px 15px 0 rgb(193 176 150 / 60%);}
}
	
@media only screen and (max-width: 460px) {
	.menu_tab .menulist{font-size:3vw;}
}



/*===================================================================
// Train
=================================================================== */
/* #sec-rosen */
#sec-rosen{ /*margin-top: 30px;*/}
#sec-rosen .ttl{margin-bottom: 50px;}
#sec-rosen figcaption{position: static;margin-top: 20px;
    text-align: right;}
#sec-keo .ttl{margin-bottom: 50px;}
.straightlineRosenWrap .ttl small {font-size: 0.6em;}
.straightlineRosenWrap .ttl span{ font-size: 0.4em; line-height: 1.3; display: block; padding-top: 10px;}
#sec-keo .straightlineRosenWrap .slideWrap {margin-bottom: 30px;}
#sec-keo .straightlineRosenWrap figcaption {position: static;margin-top: 20px;text-align: left;}
#sec-odakyu .ttl{margin-bottom: 50px;}
#sec-odakyu .slideWrap {margin-bottom: 30px;}
#sec-odakyu .straightlineRosenWrap figcaption {position: static;margin-top: 20px;text-align: left;
	font-size: 10px;
	letter-spacing: 0.12em;
	line-height: 3;
}

/* #sec-shinjuku */
#sec-shinjuku {}
#sec-shinjuku .txtArea {padding: 30px 0 0 50px;padding: 0;}
#sec-shinjuku figcaption.black {position: static;text-align: left;}
.stationList {position: relative;text-align: left;}
.stationList ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.stationList li {position: relative;width: 33.3333%;}
.stationList li .txtArea {position: absolute;top: 50%;left: 0;width: 100%;text-align: center;color: #fff;line-height: 1;transform: translateY(-55%);}
#sec-shinjuku .stationList li .txtArea {margin: 0;}
.stationList li .txtArea .name {font-size: 48px;}
.stationList li .txtArea .min {font-size: 24px;}
.stationList li .txtArea .min span {margin-right: 5px;font-size: 80px;letter-spacing: -2px;}
.stationList li .txtArea .min b{font-size: 160%;}
#sec-shinjuku .stationList_caption{text-align: left;}
#sec-shinjuku .stationList_caption li{
	font-size: 10px;
    line-height: 2;
    letter-spacing: 0.12em;
}
@media screen and (max-width: 960px) {
	.stationList li .txtArea .name {font-size: 22px;}
	.stationList li .txtArea .min {font-size: 16px;}
	.stationList li .txtArea .min span {font-size: 260%;}
}

/* #sec-point */
.con_inner_wrap_frame{
	padding: 0 50px;
    background: #fff;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;}

#sec-point {margin-top: 100px;text-align: left;}
#sec-point .inner{max-width: 1300px; margin: 0 auto;}
#sec-point .sec-point_heading{ display: block; text-align: center; /*margin-bottom: 30px;*/}
#sec-point .ListTop_heading{background: #f98e00; text-align: center;}
#sec-point .ListTop_heading span{display: block;color: #fff;font-size: 28px;padding: 10px 0;}
#sec-point .poingBgWrap {position: relative;background: #f5f5f5 url("../../../img/pages/access/bg-point.jpg")no-repeat left center;background-size: contain;padding: 3%;overflow: hidden;z-index: 0;}
.poingBgWrap.blurBg:before{content: '';background: inherit;-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;z-index: -1;}
#sec-point .poingBgWrap .poingBgWrap_cap{position: absolute;bottom: 10px;left: 10px;font-size: 10px;}
#sec-point .pointWrap {padding-left: 23%;display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;}
#sec-point .pointWrap h3 {position: relative;padding: 20px 0;font-size: 18px;line-height: 1.7;background: #fff;border-radius: 15px;}
#sec-point .pointWrap .leaning-text {font-size: 32px;top: -40px;color: #000;}
#sec-point .pointWrap .leaning-text i{font-size: 52px;}
#sec-point .pointWrap h3::after {content: "";position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);/* triangle */width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #fff;}
#sec-point .pointWrap p{font-size: 14px;}
#sec-point .point-1 {width: 40%;}
#sec-point .point-2 {width: 55%;margin-left: 5%;}
#sec-point .numberWrap {margin: 20px 0 0;padding: 10px 0;border: 3px double #ccc;border-width: 3px 0;line-height: 1;}
#sec-point .numberWrap .timeZone {display: inline-block;width: 58%;font-size: 16px;}
#sec-point .numberWrap .number {display: inline-block;width: 40%;font-size: 30px;text-align: right;}
#sec-point .numberWrap .number strong {display: inline-block;	font-size: 58px;line-height: 1;color: #ed7041;}
#sec-point .numberWrap .number strong span {margin-left: -.1em;}
@media screen and (max-width: 1300px) {
	#sec-point .inner{width: 95%;}	
}
@media screen and (max-width: 960px) {
	#sec-point .poingBgWrap{padding: 5%;background: #f5f5f5 url("../../../img/pages/access/bg-point_sp.jpg")no-repeat top center;background-size: 100%;padding: 32vw 5% 5%;}
	#sec-point .poingBgWrap .poingBgWrap_cap{bottom: inherit;top: 10px; right: 10px;left: inherit;}
	#sec-point .pointWrap{padding-left: 0;}
	#sec-point .point-1 {width: 100%;}
	#sec-point .point-2 {width: 100%;margin-left: 0;margin-top: 30px;}
}
@media screen and (max-width: 767px) {
	#sec-point {margin-top: 50px;}
	.stationList li{width: 100%;}
	#sec-point .ListTop_heading span{font-size: 18px;}
	#sec-point .pointWrap h3{font-size: 14px;}
	#sec-point .point-1 {margin-top: 30px;}
	#sec-point .numberWrap .timeZone{font-size: 11px;}
	#sec-point .numberWrap .number{font-size: 16px;}
	#sec-point .numberWrap .number strong {font-size: 42px;}
}
@media screen and (max-width: 640px) {
.con_inner_wrap_frame{ padding: 0;}
}

/* #sec-shinkansen */
#sec-shinkansen { padding-bottom: 50px; margin-bottom: 50px;}
#sec-shinkansen .con_inner_wrap{ background: #f5f5f5;}
#sec-shinkansen .con_inner_wrap_frame{ padding-bottom: 50px;}
.shinkansen_frame{/*border: 1px solid #B1A692;padding: 15px;*/}
.shinkansen_frame_bg{ background: #fff; padding: 30px;}
#sec-shinkansen .ttl{}
#sec-shinkansen .ttl + p{text-align: center;margin-bottom: 30px;}
.shinkansen_flexBox{display: flex;justify-content: space-between;align-content: end;flex-wrap: wrap;}
.shinkansen_flexBox .photo{width: 57%;}
.shinkansen_flexBox .text{width: 43%;padding-left: 2%;}
.shinkansen_flexBox .text .shinkansen_text{margin-bottom: 30px;font-size: 14px;}
.shinkansen_flexBox .text figcaption {position: static;text-align: right;margin: 10px 0 0;}

@media screen and (max-width: 1300px) {
	#sec-shinkansen .con_inner_wrap_frame{ width: 95%;}
	#sec-shinkansen .con_inner_wrap{ width: 100%; padding: 50px 5%;}
}
@media screen and (max-width: 960px) {
	.shinkansen_flexBox .photo{width: 100%;}
	.shinkansen_flexBox .text{width: 100%;padding-left: 0;margin-top: 30px;}
	#sec-shinkansen .con_inner_wrap{ width: 100%; padding: 25px 5% 50px;}
}
@media screen and (max-width: 767px) {
	#sec-shinkansen .con_inner_wrap_frame{ padding-bottom: 0;}
	.shinkansen_frame{padding: 0; border: none;}
	.shinkansen_frame_bg{ padding: 15px;}
}

/* #sec-kurihirapoint */
#sec-kurihirapoint {padding-bottom: 50px;margin-bottom: 50px;}
#sec-kurihirapoint .ListTop_heading{background: #71B29E; text-align: center;}
#sec-kurihirapoint .ListTop_heading span{display: block;color: #fff;font-size: 28px;padding: 10px 0;}
#sec-kurihirapoint .kurihiraBgWrap {position: relative;text-align: center;background: url(../../../img/pages/common/page_bg.png) repeat; }
#sec-kurihirapoint .kurihiraWrap {padding-top: 60px;}
#sec-kurihirapoint .kurihiraWrap .hukidashi {position: relative;display: inline-block;padding: 20px;font-size: 24px;background: #eaf3f0;border-radius: 15px;color: #389785;}
#sec-kurihirapoint .kurihiraWrap .hukidashi::after {content: "";position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);/* triangle */width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #eaf3f0;}
#sec-kurihirapoint .kurihiraWrap .hukidashi + p {margin-bottom: 15px;font-size: 20px;text-align: center;}
#sec-kurihirapoint .kurihiraWrap .hukidashi span {position: absolute;top: -35px;right: -30px;margin: 0 10px;color: #ab9f5d;font-size: 48px;font-family: 'Bilbo Swash Caps', cursive;transform: rotate(15deg);}
#sec-kurihirapoint .kurihiraWrap .hukidashi span i {font-size: 72px; margin: 0 10px;}
#sec-kurihirapoint .kurihira-1 {display: inline-block;vertical-align: top;width: 48%;}
#sec-kurihirapoint .kurihira-2 {display: inline-block;vertical-align: top;width: 48%;margin: 0 0 0 4%;}
#sec-kurihirapoint .numberWrap {padding: 30px 0;border: 3px double rgba(171,159,93,0.5);border-width: 3px 0;line-height: 1;}
#sec-kurihirapoint .numberWrap.bbn {border-bottom: none;}
@media screen and (max-width: 767px) {
	#sec-kurihirapoint .ListTop_heading span{font-size: 18px;}
	#sec-kurihirapoint .kurihiraWrap {padding-top: 40px;}
	#sec-kurihirapoint .kurihiraWrap .hukidashi{font-size: 16px;line-height: 1.7;}
	#sec-kurihirapoint .kurihiraWrap .hukidashi + p {font-size: 16px;text-align: left;margin-bottom: 15px;}
	#sec-kurihirapoint .kurihiraWrap .hukidashi span{top: -24px;font-size: 32px;}
}
@media screen and (max-width: 640px) {
	#sec-kurihirapoint .con_inner_wrap{ padding: 0;}
	#sec-kurihirapoint .kurihiraBgWrap{ padding: 0 25px 25px;}
}


/* #sec-yokohama_blue-line */
#sec-yokohama_blue-line{}
#sec-yokohama_blue-line .sec-yokohama_blue-line_border{ padding: 15px; /*background: #eeff58;*/}
#sec-yokohama_blue-line .sec-yokohama_blue-line_wrap{ background: #fff; padding: 30px;}
#sec-yokohama_blue-line h2{}
#sec-yokohama_blue-line h2 span{display: block; padding-top: 10px;}
#sec-yokohama_blue-line p.ttl_sub{ margin: 0 auto; padding-top: 50px; max-width: 1000px;}
#sec-yokohama_blue-line .sec-yokohama_blue-line_con{ padding-top: 50px; margin: 0 auto; max-width: 1000px;}
#sec-yokohama_blue-line .sec-yokohama_blue-line_con ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#sec-yokohama_blue-line .sec-yokohama_blue-line_con ul li{ width: 48%;}
#sec-yokohama_blue-line .sec-yokohama_blue-line_con ul li figcaption{ position: static; text-align: right; margin: 10px 0 0; padding: 0;}
#sec-yokohama_blue-line .sec-yokohama_blue-line_con .sec-yokohama_blue-line_box{ }
#sec-yokohama_blue-line .sec-yokohama_blue-line_con .sec-yokohama_blue-line_box h3{ font-size: 20px; background: #eeff58; padding: 15px 8px; margin: 0; color: #000;}
.br370{ display: none;}

@media screen and (max-width: 991px) {
	#sec-yokohama_blue-line .sec-yokohama_blue-line_con .sec-yokohama_blue-line_box h3{ font-size: 16px;}
	#sec-yokohama_blue-line .sec-yokohama_blue-line_wrap{ padding: 15px;}
}
@media screen and (max-width: 767px) {
	#sec-yokohama_blue-line p.ttl_sub{ padding-top: 20px;}
	#sec-yokohama_blue-line .sec-yokohama_blue-line_con{ padding-top: 30px;}
	#sec-yokohama_blue-line .sec-yokohama_blue-line_con ul li{ width: 100%;}
	#sec-yokohama_blue-line .sec-yokohama_blue-line_con ul li:first-child{ margin-bottom: 20px;}
	
	#sec-yokohama_blue-line .con_inner_wrap{ padding: 15px;}
	#sec-yokohama_blue-line .sec-yokohama_blue-line_border{ padding: 0;}
	#sec-yokohama_blue-line .sec-yokohama_blue-line_wrap{ padding: 10px;}
}

@media screen and (max-width: 370px) {
	.br370{ display: block;}
}


/*===================================================================
// Bus
=================================================================== */
/* #sec-busLifeMerit */
#sec-busLifeMerit{margin-top: 30px;}
#sec-busLifeMerit .ttl{margin-bottom: 30px;}
.busLifeMeritList{display: flex;justify-content: space-between;align-content: center;flex-wrap: wrap;}
.busLifeMeritList li {width: 48%; text-align: left;border-top: 1px solid #dcd4bc;padding: 20px 0;}
.busLifeMeritList li .photoArea{width:24%;display: inline-block;vertical-align: top;}
.busLifeMeritList li .photoArea figure{border: 3px solid #dcd4bc;}
.busLifeMeritList li .txtArea{width:70%;position: relative;}
.busLifeMeritList li .txtArea {display: inline-block;margin-left: 10px;padding-top: 10px;vertical-align: top;}
.busLifeMeritList li .txtArea h3 {position: absolute;top: -40px;left: -3px;color: #ab9f5d;font-size: 30px;font-family: 'Bilbo Swash Caps', cursive;transform: rotate(-15deg);}
.busLifeMeritList li .txtArea h3 span {font-size: 48px;}
.busLifeMeritList li .txtArea p span {display: inline-block;margin: 4px 0 0;padding: 6px;color: #fff;background: #B0A691;line-height: 1.2;}
@media screen and (max-width: 960px) {
	.busLifeMeritList li {width: 100%;padding: 30px 0;}
}

/* busMap */
.busMap{}
.busMap .ttl{margin-bottom: 30px;}
.busMap .ttl + p{text-align: center;margin-bottom: 30px;}
.busMap .busMapWrap{/*max-width: 980px;margin: 0 auto;*/}
.busMap .caption{margin-top: 10px;}
.busMap .caption a{ border-bottom: 1px solid;}
.busMap .caption a:hover{ border-bottom: none;}

/* #sec-airPlan */
#sec-airPlan {margin-top: 100px;}
#sec-airPlan .Head{text-align: left;}
#sec-airPlan .Head p {font-size: 20px; line-height: 1.7; padding-top: 10px;}
.airPlan_con01_ConWrap{position: relative;margin-top: 90px;}
.airPlan_con01_ConWrap .Con_photo{position: absolute;top: -60px;left: 0;width: 50%;z-index: 2;}
.airPlan_con01_ConWrap .Con_detail{position: relative;margin-left: 10%;background: #ed7041;}
.airPlan_con01_ConWrap .Con_detail .ConMargin{margin-left: 45%;padding: 2%;}
.airPlan_con01_ConWrap .Con_detail .whiteBox{background: #fff;padding: 5px;margin-top: 15px;}
#sec-airPlan table {width: 100%; border: 1px solid #000; font-size: 1.6em; letter-spacing: .1em;}
#sec-airPlan table tr:nth-child(n+2) {border-top: 1px solid #000;}
#sec-airPlan table tr:nth-child(even){background-color: rgba(187,181,167,0.2);}
#sec-airPlan table tr:nth-child(3){}
#sec-airPlan table th, #sec-airPlan table td { padding: 1% 2px; text-align: center;}
#sec-airPlan table td:nth-child(n+2) { border-left: 1px solid #000;}
#sec-airPlan .ConMargin .caption{ color: #fff;}

@media screen and (max-width: 1200px) {
	.airPlan_con01_ConWrap .Con_detail .ConMargin{margin-left: 0;padding: 25vw 5% 5% 5%;}
}
@media screen and (max-width: 767px) {
	#sec-airPlan {margin-top: 50px;}
	#sec-airPlan .Head h2{font-size: 20px;}
	#sec-airPlan .Head p {font-size: 16px;}
	.airPlan_con01_ConWrap{margin-top: 30px;}
	.airPlan_con01_ConWrap .Con_photo{position: relative;top: 0;width: 100%;}
	.airPlan_con01_ConWrap .Con_detail{margin-left: 0;}
	.airPlan_con01_ConWrap .Con_detail .ConMargin{margin-left: 0;padding: 5%;}
	#sec-airPlan table tbody {display: flex; flex-flow: row wrap; align-items: flex-end;}
	#sec-airPlan table tr { width: 25%;}
	#sec-airPlan table tr:nth-child(n+2) { border-top: none; border-left: 1px solid #B0A691;}
	#sec-airPlan table th {display: flex; align-content: center; letter-spacing: 0.01em;}
	#sec-airPlan table th, #sec-airPlan table td { display: block;}
	#sec-airPlan table td:nth-child(n+2) { border-top: 1px solid #B0A691; border-left: none;}
}

/* #sec-bus */
#sec-bus {margin-top: 100px;padding-bottom: 50px;margin-bottom: 50px;}
#sec-bus .Head{text-align: right;}
#sec-bus .Head p {font-size: 20px; line-height: 1.7; padding-top: 10px; text-align: right; }
.bus_con01_ConWrap{position: relative;margin-top: 90px;}
.bus_con01_ConWrap .Con_photo{position: absolute;top: -60px;right: 0;width: 50%;z-index: 2;}
.bus_con01_ConWrap .Con_detail{position: relative;margin-right: 10%;background: #47b23c;}
.bus_con01_ConWrap .Con_detail .ConMargin{margin-right: 45%;padding: 2%;}
.bus_con01_ConWrap .Con_detail p.kerning,
.bus_con01_ConWrap .Con_detail h4.busName,
.bus_con01_ConWrap .Con_detail p.caption{ color: #fff;}
#sec-bus .bus_con01_ConWrap .Con_detail th{ background: #fff;}

#sec-bus .busName{margin: 20px 0;font-size: 16px;}
#sec-bus table {width: 100%;}
#sec-bus th, #sec-bus td {display: block;padding: 5px 0;font-size: 18px;text-align: center;}
#sec-bus tr {position: relative;display: block;margin-bottom: 40px;}
#sec-bus tr::after {content: "";position: absolute;left: 50%;bottom: -30px;transform: translateX(-50%);/* triangle */width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #f5f5f5;}
#sec-bus tr:last-child{margin-bottom: 0;}
#sec-bus tr:last-child::after {content: none;}
#sec-bus td {background: #bee1ba;}
@media screen and (max-width: 1200px) {
	.bus_con01_ConWrap .Con_detail .ConMargin{margin-right: 0;padding: 25vw 5% 5% 5%;}
}
@media screen and (max-width: 767px) {
	#sec-bus {margin-top: 50px;}
	#sec-bus .Head h2{font-size: 20px;}
	#sec-bus .Head p {font-size: 16px;}
	.bus_con01_ConWrap{margin-top: 30px;}
	.bus_con01_ConWrap .Con_photo{position: relative;top: 0;width: 100%;}
	.bus_con01_ConWrap .Con_detail{margin-right: 0;}
	.bus_con01_ConWrap .Con_detail .ConMargin{margin-right: 0;padding: 5%;}
}