.cont-out {
	padding: 0px 15px;
	max-width: 1140px;
	margin: 0px auto;
}

.layout-flex .my-gallery,
.layout-single .my-gallery{
  border: 1px solid rgba(178,189,208,1.00);
  position: relative;
  padding: 30px 0px 0px;
}
.layout-flex .facility-title,
.layout-single .facility-title{
	color: rgba(255,255,255,1.00);
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
	background-color: rgba(0,67,133,1.00);
	padding: 4px 10px;
	display: table;
  position: absolute;
  top: 0px;
  left: 0px;
}
.layout-single {
	max-width: calc(1602px / 2);
	margin: 0px auto;
}
.layout-single img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}







/* bfree-contents */
.bfree-contents {
}

.bfree-contents,
.bfree-head,
.bfree-body {
	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;
}
.bfree-contents dd {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  position: relative;
}


.bfree-head {
 position: relative;
}
.bfree-head:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
  position: absolute;
  border-top: 1px solid rgba(178,189,208,1.00);
  border-left: 1px solid rgba(178,189,208,1.00);
  z-index: 1;
}


.bf02-line02 .bfree-head {
 display: none;
}


.bfree-head li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
  
  font-size: 15px;
  line-height: 1.3em;
  font-weight: bold;
  padding: 8px 0px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.bfree-head > li:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
  position: absolute;
  border-right: 1px solid rgba(178,189,208,1.00);
  border-bottom: 1px solid rgba(178,189,208,1.00);
  z-index: 1;
}

.bfree-body {
  position: relative;
  margin: 0px 0px 20px;
}
.bfree-body:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
  position: absolute;
  border-top: 1px solid rgba(178,189,208,1.00);
  border-left: 1px solid rgba(178,189,208,1.00);
  z-index: 1;
}
.bfree-body li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
  position: relative;
}
.bfree-body > li:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  left: 0px;
  top: 0px;
  position: absolute;
  border-right: 1px solid rgba(178,189,208,1.00);
  border-bottom: 1px solid rgba(178,189,208,1.00);
  z-index: 1;
}

.bfree-box {
  width: 100%;
  display: table;
}
.bfree-box img {
  height: auto;
  width: 100%;
  display: block;
  margin: 0px auto;
}
.bfree-box li {
  display: table-cell;
  vertical-align: middle;
}
.bfree-box li.eq_icon {
  width: 70px; /* calc(160px / 3) + 16 　*/
  padding: 8px;
}
.bfree-box .icon_text {
  width: calc(100% - 118px);
  border-right: 1px solid rgba(178,189,208,1.00);
  font-size: 13px;
  line-height: 1.3em;
}
.bfree-box li.installation {
  width: 32px;
  background-color: rgba(252,236,243,1.00);
  padding: 8px;
  color: rgba(238,136,181,1.00);
  font-size: 20px;
  text-align: center;
  line-height: 1em;
  font-weight: bold;
}
.bfree-box li.installation.notactive {
  background-color: rgba(255,255,255,1.00);
  color: rgba(136,136,136,1.00);
}






/* area-information */
#area-information {
	background-color: rgba(238,238,238,1.00);
	padding-bottom: 30px;
}
.area-contents {
}
.area-contents a {
	font-size: 12px;
	line-height: 1.3em;
	color: rgba(17,17,17,1.0);
	background: rgba(255,255,255,1.0);
	border-radius: 15px;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0, 0.3);
	transition: all 0.5s;
	cursor: pointer;
	padding: 10px 20px 10px 10px;
	width: 100%;
	display: block;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
}
.area-contents a:hover  {
  text-decoration: none;
  transform: translateY(-3px);
  color: rgba(255,255,255,1.0);
  background-color: rgba(0,34,99,1.00);
  box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.50);
}
.area-contents a img {
	height: auto;
	width: calc(268px / 3);
	margin: 0px auto;
	display: block;
}

.area-contents a:before {
  content: "";
  width: calc(30px / 2.5);
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  right: 6px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-image: url(../../images/icon_anothersite.png);
  background-size: calc(30px / 2.5) auto;
}
.area-contents a:hover:before {
	background-image: url(../../images/icon_anothersite_w.png);
}



/* sasazuka */
.area-contents a .sasazuka span {
  height: 12px;
  overflow: hidden;
  display: inline-block;
  /* vertical-align: text-bottom; */ /* ieなどでng */
  /* vertical-align: bottom; */ /* 下にずれる */
  vertical-align: middle; /* 少し下にずれる */
  margin-bottom: 0.15em;  /* vertical-align: inherit; */ /* 上にずれる */  /* vertical-align: length; */ /* 上にずれる */
}
.area-contents a .sasazuka span img {
  max-height: 24px;
  width: auto;
  margin: 0px;
}
.area-contents a:hover .sasazuka span img {
  margin: -12px 0px 0px;
}





@media print, screen and (min-width: 375px) {
.layout-flex .facility-title {
	font-size: 15px;
	line-height: 1.3em;
	padding: 4px 12px;
}



/* area-information */
#area-information {
	padding-bottom: 35px;
}
.area-contents a {
	font-size: 13px;
	line-height: 1.3em;
	border-radius: 15px;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0, 0.3);
	padding: 10px;
}
.area-contents a img {
	width: calc(268px / 3);
}


/* sasazuka */
.area-contents a .sasazuka span {
  height: 13px;
}
.area-contents a .sasazuka span img {
  max-height: 26px;
}
.area-contents a:hover .sasazuka span img {
  margin: -13px 0px 0px;
}



}


@media print, screen and (min-width: 768px) {
.cont-out {
	padding: 0px 25px;
}


/* bfree-contents */
.bfree-contents {
  padding: 0px 0px 30px;
}
.bfree-contents.block-bf02 {
  padding: 0px;
}

.bfree-contents dd.bf02-line01 {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
.bfree-contents dd.bf02-line02 {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}

.bfree-head {
 position: relative;
}
.bfree-head li {
  font-size: 15px;
  line-height: 1.3em;
  font-weight: bold;
  padding: 8px 0px;
  height: 40px;
}
.bf02-line02 .bfree-head {
	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;
}
.bf02-line02 .bfree-head li {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  font-size: 14px;
  line-height: 1.3em;
}

.bfree-body {
  position: relative;
  margin: 0px;
}

.bf01-line01 .bfree-body li {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
}
.bf02-line01 .bfree-body li {
	-ms-flex-preferred-size: 33.33%;
	flex-basis: 33.33%;
}
.bf02-line02 .bfree-body li {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
}



.bfree-box {
  width: 100%;
  display: block;
  height: 155px;
}
.bfree-box li {
  width: 100%;
  display: block;
}
.bfree-box li.eq_icon {
  width: 100%; /* calc(160px / 3) + 16 　*/
  padding: 15px 5px 5px;
}
.bfree-box li.eq_icon img {
  width: calc(160px / 2.5);
}
.bfree-box .icon_text {
  border: none;
  width: 100%;
  font-size: 11px;
  line-height: 1.3em;
  text-align: center;
  padding: 0px 4px;
}
.bfree-box li.installation {
  width: 100%;
  padding: 8px;
  font-size: 20px;
  line-height: 1em;
  font-weight: bold;
  position: absolute;
  height: 40px;
  left: 0px;
  bottom: 0px;
  border-top: 1px solid rgba(178,189,208,1.00);
}


/* area-information */
#area-information {
	padding-bottom: 45px;
}
.area-contents a {
	font-size: 15px;
	line-height: 1.3em;
	border-radius: 18px;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0, 0.3);
	padding: 15px;
}
.area-contents a img {
	width: calc(268px / 2.5);
}
.area-contents a:before {
  width: calc(30px / 2);
	right: 10px;
  background-size: calc(30px / 2) auto;
}


/* sasazuka */
.area-contents a .sasazuka span {
  height: 15px;
}
.area-contents a .sasazuka span img {
  max-height: 30px;
}
.area-contents a:hover .sasazuka span img {
  margin: -15px 0px 0px;
}


}



@media print, screen and (min-width: 1024px) {
.cont-out {
	padding: 0px 30px;
}
.layout-flex .facility-title {
	font-size: 16px;
	line-height: 1.3em;
	padding: 5px 15px;
}



/* bfree-contents */
.bfree-head li {
  font-size: 17px;
  line-height: 1.3em;
  padding: 8px 0px;
  height: 48px;
}
.bf02-line02 .bfree-head li {
  font-size: 17px;
  line-height: 1.3em;
}

.bfree-box {
  height: 180px;
}
.bfree-box li {
  width: 100%;
  display: block;
}
.bfree-box li.eq_icon {
  padding: 20px 5px 7px;
}
.bfree-box li.eq_icon img {
  width: calc(160px / 2);
}
.bfree-box .icon_text {
  font-size: 13px;
  line-height: 1.3em;
  text-align: center;
  padding: 0px 4px;
}
.bfree-box li.installation {
  padding: 8px;
  font-size: 24px;
  line-height: 1em;
  height: 42px;
}

/* area-information */
#area-information {
	padding-bottom: 50px;
}
.area-contents a {
	font-size: 17px;
	line-height: 1.3em;
	border-radius: 19px;
	box-shadow: 0px 0px 12px 1px rgba(0,0,0, 0.3);
	padding: 17px;
}
.area-contents a img {
	width: calc(268px / 2);
}
.area-contents a:before {
	right: 15px;
}


/* sasazuka */
.area-contents a .sasazuka span {
  height: 17px;
}
.area-contents a .sasazuka span img {
  max-height: 34px;
}
.area-contents a:hover .sasazuka span img {
  margin: -17px 0px 0px;
}


}



@media print, screen and (min-width: 1200px) {
.cont-out {
	padding: 0px;
}


/* bfree-contents */
.bfree-contents {
  padding: 0px 0px 40px;
}

.bfree-head li {
  font-size: 18px;
  line-height: 1.3em;
}
.bf02-line02 .bfree-head li {
  font-size: 18px;
  line-height: 1.3em;
}

.bfree-box {
  height: 187px;
}
.bfree-box li.eq_icon {
  padding: 24px 5px 7px;
}
.bfree-box .icon_text {
  font-size: 14px;
  line-height: 1.3em;
}
.bfree-box li.installation {
  padding: 9px;
  font-size: 26px;
  line-height: 1em;
  height: 46px;
}


/* area-information */
#area-information {
	padding-bottom: 55px;
}
.area-contents a {
	font-size: 18px;
	line-height: 1.3em;
	border-radius: 21px;
	box-shadow: 0px 0px 12px 1px rgba(0,0,0, 0.3);
	padding: 20px;
}


/* sasazuka */
.area-contents a .sasazuka span {
  height: 18px;
}
.area-contents a .sasazuka span img {
  max-height: 36px;
}
.area-contents a:hover .sasazuka span img {
  margin: -18px 0px 0px;
}


}


@media print, screen and (min-width: 1400px) {
.cont-out {
	padding: 0px;
}
/* area-information */
#area-information {
	padding-bottom: 60px;
}


}









/* station-menu */
.tab-out {
	max-width: 1140px;
	width: 100%;
	margin: 0px auto;
	padding: 0px 15px 30px;
}
.page-button li {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
  padding-bottom: 10px;
}
.page-button li a {
	padding: 8px 10px 8px 5px;
	border-radius: 30px;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0px;
}
.page-button li a:after {
  right: 5px;
}






/* section-title */
.section-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	margin: 0px 0px 15px;
	top: calc(-22px / 2); /* タイトルの高さの半分をずらす */
}
.section-title li {
	position: relative;
}
.section-title li:nth-child(2) {
	font-size: 22px;
	line-height: 1em;
	/* color: rgba(124,106,74,1.0); */
	white-space: nowrap;
	padding: 0px 5px;
	font-weight: bold;
}
.section-title li:first-child,
.section-title li:last-child {
	/* width: 50%; */
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}
.section-title li:first-child::before,
.section-title li:last-child::before {
	content: " ";
	position: absolute;
	top: calc(50% - 1px);
	left: 0px;
	display: block;
	width: 100%;
	height: 1px;
	z-index: 2;
	background-color: rgba(0,34,99,1.00);
}






/* page-tab */
.page-tab {
	margin-bottom: 20px;
}
.page-tab li {
	width: calc(33.33% - 10px);
}

.page-tab li a {
	font-size: 13px;
	line-height: 1.2em;
}











@media print, screen and (min-width: 375px) {
/* station-menu */
.tab-out {
	padding: 0px 15px 35px;
}
.page-button li {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
}
.page-button li a {
	padding: 10px 10px 10px 5px;
	border-radius: 30px;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0px;
}
.page-button li a:after {
  right: 6px;
}


/* section-title */
.section-title {
	margin: 0px 0px 20px;
}
.section-title li:nth-child(2) {
	font-size: 23px;
	padding: 0px 5px;
}


/* page-tab */
.page-tab {
	margin-bottom: 20px;
}
.page-tab li {
	width: calc(33.33% - 10px);
}
.page-tab li a {
	font-size: 14px;
	line-height: 1.2em;
}



}





@media print, screen and (min-width: 768px) {
/* station-menu */
.tab-out {
	padding: 0px 25px 45px;
}
.page-button li {
	-ms-flex-preferred-size: calc(33.33% - 5px);
	flex-basis: calc(33.33% - 5px);
}
.page-button li a {
	padding: 12px 12px 12px 7px;
	border-radius: 30px;
	font-size: 14px;
	line-height: 1.2em;
	margin: 0px;
}
.page-button li a:after {
  right: 6px;
}


/* section-title */
.section-title {
	margin: 0px 0px 25px;
	top: calc(-26px / 2); /* タイトルの高さの半分をずらす */
}
.section-title li:nth-child(2) {
	font-size: 26px;
	padding: 0px 5px;
}


/* page-tab */
.page-tab li {
	width: calc(33.33% - 16px);
}
.page-tab li a {
	font-size: 16px;
	line-height: 1.2em;
}



}






@media print, screen and (min-width: 1024px) {
/* station-menu */
.tab-out {
	padding: 0px 25px 50px;
}
.page-button {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.page-button li {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.page-button li a {
	padding: 12px 22px 12px 18px;
	border-radius: 30px;
	font-size: 14px;
	line-height: 1.2em;
	margin: 4px;
}
.page-button li a:after {
  right: 6px;
}


/* section-title */
.section-title {
	margin: 0px 0px 30px;
	top: calc(-28px / 2); /* タイトルの高さの半分をずらす */
}
.section-title li:nth-child(2) {
	font-size: 28px;
	padding: 0px 6px;
	letter-spacing: 0.06em;
}


/* page-tab */
.page-tab {
	margin-bottom: 25px;
}
.page-tab li {
	width: calc(33.33% - 16px);
}
.page-tab li a {
	font-size: 17px;
	line-height: 1.2em;
}


}






@media print, screen and (min-width: 1200px) {
/* station-menu */
.tab-out {
	padding: 0px 0px 55px;
}
.page-button li a {
	padding: 13px 28px 13px 22px;
	border-radius: 30px;
	font-size: 15px;
	line-height: 1.2em;
	margin: 5px;
}
.page-button li a:after {
  right: 8px;
}


/* section-title */
.section-title {
	margin: 0px 0px 35px;
	top: calc(-30px / 2); /* タイトルの高さの半分をずらす */
}
.section-title li:nth-child(2) {
	font-size: 30px;
	padding: 0px 6px;
}



/* page-tab */
.page-tab li {
	width: 379px;
}
.page-tab li a {
	font-size: 18px;
	line-height: 1.2em;
}


}





@media print, screen and (min-width: 1400px) {
/* station-menu */
.tab-out {
	padding: 0px 0px 60px;
}
.page-button li a {
	padding: 13px 32px 13px 26px;
	border-radius: 30px;
	font-size: 15px;
	line-height: 1.2em;
	margin: 5px;
}
.page-button li a:after {
  right: 10px;
}



}










/* station-name-block */
.station-name-block {
	padding: 0px 0px 30px;
	border-bottom: 1px solid rgba(0,34,99,1.00);
	margin: 0px 0px 25px;
}
.station-name {
	margin: 35px 0px 6px;
	padding-bottom: 12px;
	width: 100%;
	border-bottom: 5px solid rgba(221,17,108,1.00);
}
.station-name img {
  height: auto;
  width: 100%;
  max-width: calc(978px / 2);
  margin: 0px auto;
  display: block;
}
.station-line {
  font-weight: bold;
  text-align: center;
  position: relative;
  font-size: 14px;
  width: 7em;
  margin: 0px auto;
  line-height: 1em;
  padding: 0px;
}
.station-line.leftarrow:before,
.station-line.rightarrow:after {
  content: "";
  width: calc(38px / 2.5);
  height: 100%;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: url(../../../train/station/images/line_left.png);
  background-size: calc(38px / 2.5) auto;
  background-position: 0px center;
  background-repeat: no-repeat;
}
.station-line.rightarrow:after {
  content: "";
  left: auto;
  right: 0px;
  background-image: url(../../../train/station/images/line_right.png);
  background-size: calc(38px / 2.5) auto;
}


.station-buttons {
  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: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1140px;
  margin: 0px 12px;
}
.station-buttons li {
  padding: 0px 0px 4px;
}
.station-buttons li a {
  display: inline-block;
  font-size: 12px;
  line-height: 1.0em;
  font-weight: bold;
  color: rgba(17,17,17,1.0);
  background: rgba(255,255,255,1.0);
  border-radius: 45px;
  box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.3);
  transition: all 0.4s;
  cursor: pointer;
  text-align: center;
  padding: 6px 10px 8px 25px;
  position: relative;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  height: 25px;
}
.station-buttons li a:hover  {
  text-decoration: none;
  transform: translateY(-3px);
  color: rgba(255,255,255,1.0);
  background-color: rgba(0,34,99,1.00);
  box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.50);
}
.station-buttons li a:after {
  content: "";
  width: calc(108px / 5);
  height: calc(108px / 5);
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  background-image: url(../../../train/station/images/keio_01.png);
  background-size: calc(108px / 5) auto;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.station-buttons li:nth-child(1) {
  -ms-flex-preferred-size: 30%;
  flex-basis: 32%;
  padding: 2px 0px 0px;
  text-align: left;
}
.station-buttons li:nth-child(2) {
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
  overflow: hidden;
}
.station-buttons li:nth-child(3) {
  -ms-flex-preferred-size: 30%;
  flex-basis: 32%;
  padding: 2px 0px 0px;
  text-align: right;
}

.station-buttons li.other-line a {
	display: inline-block;
	font-size: 12px;
	line-height: 1.0em;
	padding: 6px 22px 8px 6px;
}
.station-buttons li.other-line a:after {
  display: none;
}
.station-buttons li.other-line a:before {
  content: "";
  width: calc(30px / 2.5);
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  right: 6px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-image: url(../../images/icon_anothersite.png);
  background-size: calc(30px / 2.5) auto;
}
.station-buttons li.other-line a:hover:before {
	background-image: url(../../images/icon_anothersite_w.png);
}



.station-buttons li.sticon02 a:after {
  background-image: url(../../../train/station/images/keio_02.png);
}
.station-buttons li.sticon03 a:after {
  background-image: url(../../../train/station/images/keio_03.png);
}
.station-buttons li.sticon04 a:after {
  background-image: url(../../../train/station/images/keio_04.png);
}
.station-buttons li.sticon05 a:after {
  background-image: url(../../../train/station/images/keio_05.png);
}
.station-buttons li.sticon06 a:after {
  background-image: url(../../../train/station/images/keio_06.png);
}
.station-buttons li.sticon07 a:after {
  background-image: url(../../../train/station/images/keio_07.png);
}
.station-buttons li.sticon08 a:after {
  background-image: url(../../../train/station/images/keio_08.png);
}
.station-buttons li.sticon09 a:after {
  background-image: url(../../../train/station/images/keio_09.png);
}
.station-buttons li.sticon10 a:after {
  background-image: url(../../../train/station/images/keio_10.png);
}
.station-buttons li.sticon11 a:after {
  background-image: url(../../../train/station/images/keio_11.png);
}
.station-buttons li.sticon12 a:after {
  background-image: url(../../../train/station/images/keio_12.png);
}
.station-buttons li.sticon13 a:after {
  background-image: url(../../../train/station/images/keio_13.png);
}
.station-buttons li.sticon14 a:after {
  background-image: url(../../../train/station/images/keio_14.png);
}
.station-buttons li.sticon15 a:after {
  background-image: url(../../../train/station/images/keio_15.png);
}
.station-buttons li.sticon16 a:after {
  background-image: url(../../../train/station/images/keio_16.png);
}
.station-buttons li.sticon17 a:after {
  background-image: url(../../../train/station/images/keio_17.png);
}
.station-buttons li.sticon18 a:after {
  background-image: url(../../../train/station/images/keio_18.png);
}
.station-buttons li.sticon19 a:after {
  background-image: url(../../../train/station/images/keio_19.png);
}
.station-buttons li.sticon20 a:after {
  background-image: url(../../../train/station/images/keio_20.png);
}
.station-buttons li.sticon21 a:after {
  background-image: url(../../../train/station/images/keio_21.png);
}
.station-buttons li.sticon22 a:after {
  background-image: url(../../../train/station/images/keio_22.png);
}
.station-buttons li.sticon23 a:after {
  background-image: url(../../../train/station/images/keio_23.png);
}
.station-buttons li.sticon24 a:after {
  background-image: url(../../../train/station/images/keio_24.png);
}
.station-buttons li.sticon25 a:after {
  background-image: url(../../../train/station/images/keio_25.png);
}
.station-buttons li.sticon26 a:after {
  background-image: url(../../../train/station/images/keio_26.png);
}
.station-buttons li.sticon27 a:after {
  background-image: url(../../../train/station/images/keio_27.png);
}
.station-buttons li.sticon28 a:after {
  background-image: url(../../../train/station/images/keio_28.png);
}
.station-buttons li.sticon29 a:after {
  background-image: url(../../../train/station/images/keio_29.png);
}
.station-buttons li.sticon30 a:after {
  background-image: url(../../../train/station/images/keio_30.png);
}
.station-buttons li.sticon31 a:after {
  background-image: url(../../../train/station/images/keio_31.png);
}
.station-buttons li.sticon32 a:after {
  background-image: url(../../../train/station/images/keio_32.png);
}
.station-buttons li.sticon33 a:after {
  background-image: url(../../../train/station/images/keio_33.png);
}
.station-buttons li.sticon34 a:after {
  background-image: url(../../../train/station/images/keio_34.png);
}
.station-buttons li.sticon35 a:after {
  background-image: url(../../../train/station/images/keio_35.png);
}
.station-buttons li.sticon36 a:after {
  background-image: url(../../../train/station/images/keio_36.png);
}
.station-buttons li.sticon37 a:after {
  background-image: url(../../../train/station/images/keio_37.png);
}
.station-buttons li.sticon38 a:after {
  background-image: url(../../../train/station/images/keio_38.png);
}
.station-buttons li.sticon39 a:after {
  background-image: url(../../../train/station/images/keio_39.png);
}
.station-buttons li.sticon40 a:after {
  background-image: url(../../../train/station/images/keio_40.png);
}
.station-buttons li.sticon41 a:after {
  background-image: url(../../../train/station/images/keio_41.png);
}
.station-buttons li.sticon42 a:after {
  background-image: url(../../../train/station/images/keio_42.png);
}
.station-buttons li.sticon43 a:after {
  background-image: url(../../../train/station/images/keio_43.png);
}
.station-buttons li.sticon44 a:after {
  background-image: url(../../../train/station/images/keio_44.png);
}
.station-buttons li.sticon45 a:after {
  background-image: url(../../../train/station/images/keio_45.png);
}
.station-buttons li.sticon46 a:after {
  background-image: url(../../../train/station/images/keio_46.png);
}
.station-buttons li.sticon47 a:after {
  background-image: url(../../../train/station/images/keio_47.png);
}
.station-buttons li.sticon48 a:after {
  background-image: url(../../../train/station/images/keio_48.png);
}
.station-buttons li.sticon49 a:after {
  background-image: url(../../../train/station/images/keio_49.png);
}
.station-buttons li.sticon50 a:after {
  background-image: url(../../../train/station/images/keio_50.png);
}
.station-buttons li.sticon51 a:after {
  background-image: url(../../../train/station/images/keio_51.png);
}
.station-buttons li.sticon52 a:after {
  background-image: url(../../../train/station/images/keio_52.png);
}
.station-buttons li.sticon53 a:after {
  background-image: url(../../../train/station/images/keio_53.png);
}



.station-buttons li.ino-sticon01 a:after {
  background-image: url(../../../train/station/images/inokashira_01.png);
}
.station-buttons li.ino-sticon02 a:after {
  background-image: url(../../../train/station/images/inokashira_02.png);
}
.station-buttons li.ino-sticon03 a:after {
  background-image: url(../../../train/station/images/inokashira_03.png);
}
.station-buttons li.ino-sticon04 a:after {
  background-image: url(../../../train/station/images/inokashira_04.png);
}
.station-buttons li.ino-sticon05 a:after {
  background-image: url(../../../train/station/images/inokashira_05.png);
}
.station-buttons li.ino-sticon06 a:after {
  background-image: url(../../../train/station/images/inokashira_06.png);
}
.station-buttons li.ino-sticon07 a:after {
  background-image: url(../../../train/station/images/inokashira_07.png);
}
.station-buttons li.ino-sticon08 a:after {
  background-image: url(../../../train/station/images/inokashira_08.png);
}
.station-buttons li.ino-sticon09 a:after {
  background-image: url(../../../train/station/images/inokashira_09.png);
}
.station-buttons li.ino-sticon10 a:after {
  background-image: url(../../../train/station/images/inokashira_10.png);
}
.station-buttons li.ino-sticon11 a:after {
  background-image: url(../../../train/station/images/inokashira_11.png);
}
.station-buttons li.ino-sticon12 a:after {
  background-image: url(../../../train/station/images/inokashira_12.png);
}
.station-buttons li.ino-sticon13 a:after {
  background-image: url(../../../train/station/images/inokashira_13.png);
}
.station-buttons li.ino-sticon14 a:after {
  background-image: url(../../../train/station/images/inokashira_14.png);
}
.station-buttons li.ino-sticon15 a:after {
  background-image: url(../../../train/station/images/inokashira_15.png);
}
.station-buttons li.ino-sticon16 a:after {
  background-image: url(../../../train/station/images/inokashira_16.png);
}
.station-buttons li.ino-sticon17 a:after {
  background-image: url(../../../train/station/images/inokashira_17.png);
}





.train-stopping-title {
  padding: 10px 15px 6px;
  font-size: 13px;
  text-align: center;
  line-height: 1.3em;
}
.train-stopping {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  max-width: 1140px;
  margin: 0px 12px;
}
.train-stopping li {
  padding: 0px 2px 4px;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  white-space: nowrap;
  color: rgba(255,255,255,1.00);
}
.train-stopping li span {
	padding: 4px 5px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	display: block;
	border-radius: 5px;
	line-height: 1em;
	position: relative;
}
.train-stopping .icon-Keio-liner {
  color: rgba(17,17,17,1.00);
  background-color: rgba(255,255,255,1.00);
  border: 2px solid rgba(221,17,108,1.00);
  padding-left: 25px;
}
.train-stopping .icon-mount {
color: rgba(17,17,17,1.00);
background-color: rgba(255,255,255,1.00);
border: 2px solid rgba(87,161,0,1.00);
padding-left: 43px;
}
.train-stopping li.liner-ie {
  -ms-flex-preferred-size: 8em;
  flex-basis: 8em;
}

@media all and (-ms-high-contrast: none) {
}


.train-stopping .icon-Keio-liner:after,
.train-stopping .icon-mount:after {
content: "";
width: 21px;
height: 100%;
display: block;
position: absolute;
left: 3px;
top: 0px;
background-image: url(../../../train/station/images/icon_liner.svg);
background-size: 21px auto;
background-position: 0px center;
background-repeat: no-repeat;
}
.train-stopping .icon-mount:after {
width: 39px;
background-image: url(../../../train/station/images/icon_mountain.svg);
background-size: 39px auto;
background-position: 0px center;
background-repeat: no-repeat;
}

.train-stopping .icon-special-express {
  background-color: rgba(221,17,108,1.00);
  border: 2px solid rgba(221,17,108,1.00);
}
.train-stopping .icon-semispecial-express {
  background-color: rgba(242,150,0,1.00);
  border: 2px solid rgba(242,150,0,1.00);
}
.train-stopping .icon-express {
  background-color: rgba(0,166,131,1.00);
  border: 2px solid rgba(0,166,131,1.00);
}
.train-stopping .icon-semiexpress {
  background-color: rgba(215,201,0,1.00);
  border: 2px solid rgba(215,201,0,1.00);
}
.train-stopping .icon-rapid {
  background-color: rgba(0,67,133,1.00);
  border: 2px solid rgba(0,67,133,1.00);
}
.train-stopping .icon-local {
  background-color: rgba(136,136,136,1.00);
  border: 2px solid rgba(136,136,136,1.00);
}

.cap-stop {
padding: 5px 15px 0px;
font-size: 12px;
line-height: 1.4em;
max-width: 1000px;
margin: 0px auto;
}









@media print, screen and (min-width: 375px) {
/* station-name-block */
.station-name-block {
	padding: 0px 0px 35px;
	margin: 0px 0px 30px;
}
.station-name {
	margin: 40px 0px 7px;
	padding-bottom: 15px;
}
.station-line {
  font-size: 15px;
  width: 7em;
}
.station-line.leftarrow:before,
.station-line.rightarrow:after {
  content: "";
  width: calc(38px / 2.5);
  height: 100%;
  background-image: url(../../../train/station/images/line_left.png);
  background-size: calc(38px / 2.5) auto;
  background-position: 0px center;
  background-repeat: no-repeat;
}
.station-line.rightarrow:after {
  content: "";
  left: auto;
  right: 0px;
  background-image: url(../../../train/station/images/line_right.png);
  background-size: calc(38px / 2.5) auto;
}


.station-buttons {
  margin: 0px 12px;
}
.station-buttons li {
  padding: 0px 0px 5px;
}
.station-buttons li a {
  font-size: 14px;
  line-height: 1.0em;
  box-shadow: 0px 0px 6px 1px rgba(0,0,0, 0.3);
  padding: 8px 10px 8px 30px;
  height: 31px;
}
.station-buttons li a:after {
  content: "";
  width: calc(108px / 4);
  height: calc(108px / 4);
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  /* background-image: url(../../../train/station/images/keio_01.png); */
  background-size: calc(108px / 4) auto;
}

.station-buttons li.other-line a {
	font-size: 14px;
	line-height: 1.0em;
	padding: 8px 24px 8px 8px;
	height: 31px;
}
.station-buttons li.other-line a:before {
  width: calc(30px / 2.5);
  top: 0px;
  right: 6px;
  background-size: calc(30px / 2.5) auto;
}



.train-stopping li span {
	padding: 4px 5px;
	font-size: 13px;
}


.cap-stop {
padding: 8px 15px 0px;
font-size: 13px;
line-height: 1.4em;
}


}





@media print, screen and (min-width: 768px) {
/* station-name-block */
.station-name-block {
	padding: 0px 0px 45px;
	margin: 0px 0px 40px;
}
.station-name {
	margin: 50px 0px 10px;
	padding-bottom: 20px;
	border-bottom: 6px solid rgba(221,17,108,1.00);
}
.station-line {
  font-size: 16px;
  width: 9em;
}
.station-line.leftarrow:before,
.station-line.rightarrow:after {
  content: "";
  width: calc(38px / 2);
  height: 100%;
  background-image: url(../../../train/station/images/line_left.png);
  background-size: calc(38px / 2) auto;
  background-position: 0px center;
  background-repeat: no-repeat;
}
.station-line.rightarrow:after {
  content: "";
  left: auto;
  right: 0px;
  background-image: url(../../../train/station/images/line_right.png);
  background-size: calc(38px / 2) auto;
}


.station-buttons {
  margin: 0px 25px;
}
.station-buttons li {
  padding: 0px 0px 4px;
}
.station-buttons li a {
  font-size: 16px;
  line-height: 1.0em;
  box-shadow: 0px 0px 7px 1px rgba(0,0,0, 0.3);
  padding: 10px 15px 8px 40px;
  height: 37px;
}
.station-buttons li a:after {
  content: "";
  width: calc(108px / 3.2);
  height: calc(108px / 3.2);
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  /* background-image: url(../../../train/station/images/keio_01.png); */
  background-size: calc(108px / 3.2) auto;
}
.station-buttons li:nth-child(1) {
  padding: 4px 0px 0px;
}
.station-buttons li:nth-child(3) {
  padding: 4px 0px 0px;
}
.station-buttons li.other-line a {
	font-size: 16px;
	line-height: 1.0em;
	padding: 10px 30px 8px 15px;
	height: 37px;
}
.station-buttons li.other-line a:before {
  width: calc(30px / 2);
  top: 0px;
  right: 8px;
  background-size: calc(30px / 2) auto;
}


.train-stopping-title {
  padding: 15px 15px 6px;
  font-size: 14px;
}
.train-stopping {
  margin: 0px 25px;
}
.train-stopping li {
  padding: 0px 2px;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
}
.train-stopping li span {
  padding: 5px 7px;
  font-size: 14px;
  border-radius: 5px;
}
.train-stopping .icon-Keio-liner:after {
content: "";
width: 21px;
background-image: url(../../../train/station/images/icon_liner.svg);
background-size: 21px auto;
background-position: 0px center;
background-repeat: no-repeat;
}

.train-stopping .icon-mount:after {
width: 39px;
background-image: url(../../../train/station/images/icon_mountain.svg);
background-size: 39px auto;
background-position: 0px center;
background-repeat: no-repeat;
}


.cap-stop {
padding: 10px 15px 0px;
font-size: 13px;
line-height: 1.4em;
text-align: center;
}

}






@media print, screen and (min-width: 1024px) {
/* station-name-block */
.station-name-block {
	padding: 0px 0px 50px;
	margin: 0px 0px 45px;
}
.station-name {
	margin: 60px 0px 10px;
	padding-bottom: 24px;
}
.station-line {
  font-size: 17px;
  width: 10em;
}


.station-buttons {
  margin: 0px 30px;
}
.station-buttons li {
  padding: 0px 0px 4px;
}
.station-buttons li a {
  font-size: 17px;
  box-shadow: 0px 0px 7px 1px rgba(0,0,0, 0.3);
  padding: 12px 20px 8px 42px;
  height: 42px;
}
.station-buttons li a:after {
  content: "";
  width: calc(108px / 3);
  height: calc(108px / 3);
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  /* background-image: url(../../../train/station/images/keio_01.png); */
  background-size: calc(108px / 3) auto;
}
.station-buttons li:nth-child(1) {
  padding: 4px 0px 0px;
}
.station-buttons li:nth-child(3) {
  padding: 4px 0px 0px;
}
.station-buttons li.other-line a {
	font-size: 17px;
	line-height: 1.0em;
	padding: 12px 34px 8px 20px;
	height: 42px;
}
.station-buttons li.other-line a:before {
  right: 10px;
}


.train-stopping-title {
  padding: 20px 15px 6px;
  font-size: 15px;
}
.train-stopping {
  margin: 0px 30px;
}
.train-stopping li {
  padding: 0px 2px;
  -ms-flex-preferred-size: 9%;
  flex-basis: 9%;
}
.train-stopping li span {
	padding: 6px 8px;
	font-size: 14px;
	border-radius: 5px;
}
.train-stopping .icon-Keio-liner {
  padding-left: 28px;
}
.train-stopping .icon-Keio-liner:after {
content: "";
width: 25px;
left: 3px;
top: 0px;
background-image: url(../../../train/station/images/icon_liner.svg);
background-size: 25px auto;
background-position: 0px center;
background-repeat: no-repeat;
}
.train-stopping .icon-mount:after {
width: 42px;
background-image: url(../../../train/station/images/icon_mountain.svg);
background-size: 42px auto;
background-position: 0px center;
background-repeat: no-repeat;
}
.train-stopping .icon-mount {
  padding-left: 46px;
}


.cap-stop {
padding: 15px 15px 0px;
font-size: 14px;
line-height: 1.4em;
text-align: center;
}

}






@media print, screen and (min-width: 1200px) {
.station-name-block {
  padding: 0px 0px 50px;
	margin: 0px 0px 50px;
}

.station-name {
  margin: 60px 0px 15px;
  padding-bottom: 12px;
	border-bottom: 7px solid rgba(221,17,108,1.00);
}

.station-buttons {
  margin: 0px auto;
}
.station-buttons li {
  padding: 0px 0px 4px;
}
.station-buttons li a {
  font-size: 17px;
  padding: 12px 25px 8px 42px;
  height: 42px;
}




.train-stopping-title {
  padding: 20px 15px 6px;
  font-size: 16px;
}
.train-stopping {
  margin: 0px auto;
}
.train-stopping li {
  padding: 0px 2px;
  -ms-flex-preferred-size: 8%;
  flex-basis: 8%;
}
.train-stopping li span {
	padding: 7px;
	font-size: 15px;
	border-radius: 5px;
	line-height: 1em;
}



}





@media print, screen and (min-width: 1400px) {
.station-name-block {
  padding: 0px 0px 55px;
	margin: 0px 0px 55px;
}



}