/****************************************************************************************************

location.css

****************************************************************************************************/
span.anchorlink {
	top: -140px;
}
@media screen and (max-width: 979px) {
span.anchorlink {
	top: -130px;
}
}
@media screen and (max-width: 767px) {
span.anchorlink {
	top: -100px;
}
}

/*******************************************************
pc / sp
********************************************************/
@media screen and (min-width: 768px) {
.sp767{display: none;}
}
@media screen and (max-width: 767px) {
.pc767{display: none;}
}

@media screen and (min-width: 600px) {
.sp{display: none;}
}
@media screen and (max-width: 599px) {
.pc{display: none;}
}


/*******************************************************
header
********************************************************/
header.luxbar-fixed a{
color: #fff;
}
header.luxbar-fixed .logo_white{
display: block;
}
header.luxbar-fixed .logo_black{
display: none;
}


/*******************************************************
page-header
********************************************************/
.page-header{
position:relative;
display:gird;
}
.page-header img{
	object-fit: cover;
}
.page-header .note{
right: 10px;
bottom: 6px;
}

.page-header .pankuzu{
width: 100%;
position:absolute;
left:0;
top:0;
transform:translate(0%, 0%);
color: #fff;
z-index: 1;
}
.page-header .pankuzu a{
color: #fff;
}

.page-header .page-name{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
padding: 0;
align-self:center;
display:flex;
flex-direction:column;
width: 100%;
color: #fff;
}
.page-header .page-name .en{
font-family:'EB Garamond', serif;
font-size: 44px;
font-size: clamp(22px, 3vw, 44px);
letter-spacing:0.1em;
text-align:center;
}
.page-header .page-name .jp{
text-align:center;
font-size: 20px;
font-size: clamp(13px, 1.4vw, 20px);
letter-spacing:0.3em;
margin-top:8px;
}

@media screen and (max-width: 599px){
.page-header img{
height: 120px;
}
.page-header .note{
right: 5px;
bottom: 6px;
font-size: 8px;
}
.page-header .page-name .jp{
margin-top:0;
}
}


/*******************************************************
sec
********************************************************/
.sec_hd{
	position: relative;
}
.sec_text{
	padding: 8% 0;
	/*background-color: #f6f6f6;*/
}
.sec_chiyodaLine{
	padding: 8% 0 5%;
	}
.sec_wrap{
	padding: 5% 0;
}

@media screen and (max-width: 767px) {
.sec_text{
	padding: 12% 0 10%;
}
.sec_chiyodaLine{
	padding: 12% 0 8%;
	}

.sec_wrap{
	padding: 10% 0 6%;
}
}


/*******************************************************
h1〜
********************************************************/
h1.h1_ttl{
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	margin-bottom: 0.8em;
}
h1.h1_ttl .supText{
	font-size: 14px;
	font-size: clamp(10px, 3vw, 14px);
}

h2.h2_pagettl{
font-family:'EB Garamond', serif;
font-size: 32px;
font-size: clamp(22px, 4vw, 32px);
text-align: center;
letter-spacing:0.1em;
padding: 0;
}
h2.h2_ttl{
width: 100%;
color: #a38a77;
font-family:'EB Garamond', serif;
font-size: 38px;
font-size: clamp(24px, 4vw, 38px);
font-weight: normal;
line-height: normal;
letter-spacing:0.1em;
text-align: center;
margin-bottom: 0.2em;
padding: 0;
}

h2.h2_ttl .jp{
text-align:center;
font-size: 20px;
font-size: clamp(15px, 2vw, 20px);
letter-spacing:0.3em;
margin-left: 8px;
vertical-align: middle;
position: relative;
padding-bottom: 8px;
}


h3.h3_ttl{
	font-size: 26px;
	font-size: clamp(22px, 3vw, 26px);
letter-spacing:0.1em;
	margin-bottom: 1.4em;
	text-align: center;
}
h4.h4_ttl{
	font-size: 18px;
	font-size: clamp(14px, 2.4vw, 18px);
	margin-bottom: 1em;
	text-align: center;
	color: #877610;
}
h5{
	font-size: 18px;
	font-size: clamp(14px, 2.4vw, 18px);
	margin-bottom: 4px;
font-family:'EB Garamond', serif;
text-align: left;
}

.lead{
font-size: 18px;
font-size: clamp(14px, 2vw, 18px);
line-height: 2em;
letter-spacing: 0.14em;
}
.page_lead{
	font-size: 20px;
	font-size: clamp(16px, 2.4vw, 20px);
	text-align: center;
	line-height: 2em;
}
.sec_text .line{
width: 40px;
height: 3px;
margin: 4em auto;
background-color: #000;
}

@media screen and (max-width: 767px) {
.sec_text .line{
margin: 3em auto;
}
}

@media screen and (max-width: 440px) {
h2.h2_ttl .jp{
letter-spacing:0.2em;
margin-left: 6px;
padding-bottom: 6px;
}

h2.area_name .h2bg {
padding-right: 10px;
}

.lead{
	text-align: justify;
}
.lead .resp_autowrap{
display: inline;
}
}


/*******************************************************
stationMap
********************************************************/
.stationMap{
padding: 5% 0;
background-color: #f2f1ed;
}
.stationMap figure{
width: 90%;
max-width: 1200px;
margin: auto;
}
.stationMap figcaption{
margin-top: 1.2em;
}

.station_routeMap{
width: 90%;
max-width: 1200px;
margin: auto;
padding: 6% 0 0;
}


.train_station{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 6% auto 4%;
}
.train_station li{
width: 23.333333%;
}

.railway_rank{
margin-top: 6em;
padding: 6% 0 4%;
background-color: #f0efee;
}
.railway_rank .rankImg {
margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
.stationMap{
padding: 10% 0 8%;
}
.station_routeMap{
padding: 10% 0 0;
}

.train_station li{
width: 47.826086%;
margin-bottom: 4.3%;
}
.train_station li:nth-child(3),
.train_station li:nth-child(4){
margin-bottom: 0;
}

.railway_rank{
padding: 8% 0 7%;
}
.railway_rank .rankImg {
max-width: 690px;
overflow-x: scroll;
}
.railway_rank .rankImg figure{
width: 1000px;
height: auto;
}
}

@media screen and (max-width: 599px) {
.train_station{
margin: 8% auto 10%;
}
.railway_rank .rankImg figure{
width: 820px;
}
}

@media screen and (max-width: 440px) {
.railway_rank .rankImg figure{
width: 620px;
}
}



/*******************************************************
sec_chiyodaLine
********************************************************/
.sec_chiyodaLine{
background-color: rgba(32,176,128,0.04);
}
.chiyoda_route{
text-align: center;
}
.chiyoda_route .h2_ttl{
color: #20b080;
margin-bottom: 0.4em;
}
.chiyoda_route ul.point{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 5em 0;
}

.chiyoda_route ul.point li{
width: 32.5%;
font-size: 20px;
font-size: clamp(14px, 2.4vw, 20px);
line-height: 2em;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color: #877610;
}

.chiyoda_station{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 2em 0 0;
}
.chiyoda_station li{
width: 31.666666%;
margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
.chiyoda_station li{
width: 47.826086%;
}
}

@media screen and (max-width: 599px) {
.chiyoda_route ul.point{
flex-direction: column;
align-items: center;
margin: 3em 0;
}
.chiyoda_route ul.point li{
width: 100%;
/*max-width: 320px;*/
margin-bottom: 2%;
font-size: 20px;
font-size: clamp(16px, 2.4vw, 20px);
}
}


/*** odakyu_sights **********************************/
.station_sights{
padding: 8% 0;
}

.odakyu_sights{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.odakyu_sights li{
width: 31.666666%;
}
.odakyu_sights li.OdakyuImg{
width: 30%; /*28.333333%*/
}
.odakyu_sights li.OdakyuImg figure{
max-width: 340px;
}

.odakyu_sights li figure{
margin-bottom: 1em;
}
.odakyu_sights li.OdakyuImg figure{
margin-bottom: 3em;
}

.odakyu_sights li .cap12{
text-align: justify;
}

@media screen and (max-width: 767px) {
.station_sights{
padding: 14% 0;
}
.odakyu_sights li{
width: 47.826086%;
}
.odakyu_sights li.OdakyuImg{
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 4%;
}

.odakyu_sights li.OdakyuImg p{
text-align: center;
}
.odakyu_sights li.OdakyuImg figure{
max-width: 100%;
order: 2;
margin: 2em 0 0;
}

/*.odakyu_sights li.OdakyuImg p .resp_autowrap{
display: inline;
}*/
}


/*******************************************************
sec_car
********************************************************/
.sec_car{
	/*background-color: #f0efee;*/
	/*margin-bottom: 5em;*/
}
.wrap_taxi,
.wrap_bus{
	padding: 6% 0 4%;
	text-align: center;
	}

.wrap_taxi p{
text-align: center;
}

.line02 span:after {
background: radial-gradient(circle farthest-side, #9e9e9f, #9e9e9f 30%, transparent 30%, transparent);
background-size: 14px;
content: '';
display: inline-block;
height: 8px;
width: 100%;
}

.car_flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 6em 0 0;
}
.bus.car_flex{
margin-top: 4em;
}
.car_flex p{
text-align: left;
}

@media screen and (max-width: 767px) {
.wrap_taxi{
	padding: 12% 0 8%;
	}
.wrap_bus{
	padding: 8% 0 8%;
	}
.car_flex{
margin: 3em 0 0;
}
.bus.car_flex{
margin-top: 3em;
}
}
@media screen and (max-width: 599px) {
.car_flex{
margin: 2em 0 0;
}
.bus.car_flex{
margin-top: 2em;
}
}


/*** taxi **********************************/
.taxi .taxiImg{
width: 30%;
}
li.taxi_station{
width: 20%;
margin-top: -2.8em;
}
.taxi .taxiImg figure{
margin-bottom: 3em;
}

@media screen and (max-width: 767px) {
.taxi .taxiImg{
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 4%;
}
.taxi .taxiImg figure{
order: 2;
margin: 1em 0 0;
}
.taxi .taxiImg p .resp_autowrap{
display: inline;
}
.taxi li.taxi_station{
width: 31.333333%;
margin-top: 0;
}
}

@media screen and (max-width: 599px) {
.taxi li.taxi_station{
width: 100%;
margin-top: 0;
}
.taxi li.taxi_station{
margin-bottom: 2em;
}
.taxi li.taxi_station:last-child{
margin-bottom: 0;
}

.taxi_station_txt{
display: flex;
/*justify-content: space-between;*/
align-items: center;
}
.taxi_station_txt figure:first-child{
width: 48.237476%;
}
.taxi_station_txt figure:last-child{
width: 42.671614%;
margin: auto;
margin-left: 6.5%;

}
}


/*** bus **********************************/
.bus .busImg{
width: 47.5%;
}
.bus .bus_detail{
width: 45.833333%;
}
.bus .bus_detail p.bus_ttl{
font-size: 28px;
font-size: clamp(20px, 2.4vw, 28px);
position: relative;
margin-left: -2%;
}
.bus .bus_detail p.bus_ttl .bus_ttlbg{
position: relative;
z-index: 1;
display: inline-block;
padding: 0 20px 0 0;
background-color: #fff;/*f0efee*/
}
.bus .bus_detail p.bus_ttl .small{
font-size: 22px;
font-size: clamp(16px, 2.4vw, 22px);
vertical-align: middle;
position: relative;
}

.bus .bus_detail p.bus_ttl::after {
 position: absolute;
 z-index: 0;
 content: "";
 bottom: 50%;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: #000;
}

.bus .bus_detail figure{
max-width: 550px;
}


@media screen and (max-width: 767px) {
.bus .busImg{
width: 100%;
/*margin-top: 2em;*/
/*order: 2;*/
}
.bus .bus_detail{
width: 100%;
}
.bus_ttl{
margin-top: 1em;
}
}



/*************************************************************************************
*************************************************************************************

print

*************************************************************************************
**************************************************************************************/

@media print {

}