/* #station-map */

#top-mainvisual .main-img img {
display: block;
}

#station-map {
padding: 0px;
}
.my-gallery img,
.station-img-pc img,
.station-img-sp img,
.station-illum img,
.station-pop01 img,
.station-pop02 img,
.station-pop03 img,
.station-pop04 img,
.station-pop05 img,
.station-pop06 img,
.station-pop006 img,
.station-pop007 img,
.station-pop100 img,
.station-pop101 img,
.station-pop102 img,
.station-pop103 img,
.fl_close img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}
.station-img-pc {
	display: none;
}



#station-map .page-cont {
padding: 0px;
max-width: none;
max-width: initial;
margin: 0px auto;
position: relative;
overflow: hidden;
}

#station-map .station-catch-block {
padding: 0px 15px;
max-width: 1500px;
}
#station-map .station-catch {
color: rgba(0,0,0,1.00);
font-size: 25px;
line-height: 1.5em;
font-weight: bold;
padding: 0.4em 0px 0.5em;
}
#station-map .station-subcatch {
font-size: 14px;
line-height: 1.6em;
}



#station-map .station-illum {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.station-illum img {
  animation-duration: 1.5s;
  animation-name: illumEfc;
	animation-iteration-count: infinite;
}

@keyframes illumEfc {
/*
  0% {
    opacity: 1.0;
  }
  30% {
    opacity: 1.0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
	*/
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1.0;
  }
  80% {
    opacity: 1.0;
  }
  100% {
    opacity: 0;
  }
}


.station-pop01,
.station-pop02,
.station-pop03,
.station-pop04,
.station-pop05,
.station-pop06,
.station-pop07,
.station-pop006,
.station-pop007,
.station-pop100,
.station-pop101,
.station-pop102,
.station-pop103 {
padding: 15px;
position: relative;
display: none;
}
.fl_close {
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
cursor: pointer;
}



/*
<div class="top_stations-line"><hr></div>
*/
.top_stations-line {
width: 100%;
height: 1px;
background-color: rgba(170,170,170,1.00);
margin: 20px 0px;
}





@media print, screen and (min-width: 375px) {
#station-map .station-catch {
font-size: 27px;
line-height: 1.5em;
}
#station-map .station-subcatch {
font-size: 15px;
line-height: 1.6em;
}

.top_stations-line {
margin: 25px 0px;
}

}




@media print, screen and (min-width: 768px) {

#station-map .page-cont {
padding: 0px;
}

.station-img,
.station-img-sp {
}
.station-img {
	display: block;
}
.station-img-sp {
	display: none;
}
.station-img-pc {
	display: block;
}
#station-map .station-catch-block {
position: absolute;
top: 0px;
left: 0px;
padding: 0px 25px;
}
#station-map .station-catch {
font-size: 35px;
line-height: 1.5em;
padding: 2.0em 0px 0.3em;
}
#station-map .station-subcatch {
font-size: 14px;
line-height: 1.7em;
}

.station-pop01,
.station-pop02,
.station-pop03,
.station-pop04,
.station-pop05,
.station-pop06,
.station-pop07,
.station-pop006,
.station-pop007,
.station-pop100,
.station-pop101,
.station-pop102,
.station-pop103 {
position: absolute;
width: 36%;
top: 35%;
left: 9%;
padding: 0px;
}
.sp-in {
background-color: rgba(255,255,255,1.00);
-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.9);
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.9);
border-radius: 15px;
padding: 15px;
}

.top_stations-line {
margin: 35px 0px;
}

}







@media print, screen and (min-width: 1024px) {

#station-map .page-cont {
padding: 0px;
}

#station-map .station-catch-block {
padding: 0px 40px;
}
#station-map .station-catch {
font-size: 40px;
line-height: 1.5em;
padding: 2.0em 0px 0.3em;
}
#station-map .station-subcatch {
font-size: 16px;
line-height: 1.7em;
}


.sp-in {
-webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.9);
box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.9);
border-radius: 20px;
padding: 20px;
}

}


@media print, screen and (min-width: 1200px) {

#station-map .page-cont {
padding: 0px;
}

#station-map .station-catch-block {
padding: 0px 10%;
}
#station-map .station-catch {
font-size: 45px;
line-height: 1.5em;
padding: 3em 0px 0.4em;
}
#station-map .station-subcatch {
font-size: 17px;
line-height: 1.7em;
}


.top_stations-line {
margin: 45px 0px;
}


}


@media print, screen and (min-width: 1400px) {
}










/* #diagram-point */
#diagram-point {
	background: rgba(12,14,51,1.0);
}
#diagram-point .page-cont h1.catch-le1 {
	color: rgba(255,255,255,1.0);
}
.point-list > li {
border-radius: 22px;
background: rgba(71,71,120,1.0);
padding: 0px;
box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.2);
margin: 0px 0px 15px;
font-size: 14px;
line-height: 1.6em;
}
.point-list .point-box {
	border-radius: 22px;
	display: block;
	transition: all 0.5s;
}
.point-list .point-box .point-title {
	font-size: 110%;
	line-height: 1.6em;
	color: rgba(255,255,255,1.0);
	display: block;
	border-radius: 22px;
	padding: 11px 30px 11px 46px;
	position: relative;
	transition: all 0.5s;
	cursor: pointer;
	font-weight: bold;
}


.point-list .point-box .point-title::after {
	content: " ";
	position: absolute;
	top: 10px;
	right: 8px;
	display: block;
	width: calc(42px / 2);
	height: calc(42px / 2);
	background: url(../images/arrow_d_w.png);
	background-size: contain;
	transition: all 0.5s;
}
.point-list .point-box .point-title.qa_active::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


.point-list .point-box .point-title::before {
	content: " ";
	position: absolute;
	top: 3px;
	left: 3px;
	display: block;
	/* top: calc(50% - 14px);
	width: 33px;
	height: 33px; */
	width: calc(130px / 3.3);
	height: calc(130px / 3.3);
	background: url(../../images/point01.png) no-repeat;
	background-size: contain;
}
.point-list #point002 .point-box .point-title::before {
	content: " ";
	position: absolute;
	background: url(../../images/point02.png) no-repeat;
	background-size: contain;
}
.point-list #point003 .point-box .point-title::before {
	content: " ";
	position: absolute;
	background: url(../../images/point03.png) no-repeat;
	background-size: contain;
}
.point-list #point004 .point-box .point-title::before {
	content: " ";
	position: absolute;
	background: url(../../images/point04.png) no-repeat;
	background-size: contain;
}
.point-list #point005 .point-box .point-title::before {
	content: " ";
	position: absolute;
	background: url(../../images/point05.png) no-repeat;
	background-size: contain;
}
.point-list #point006 .point-box .point-title::before {
	content: " ";
	position: absolute;
	background: url(../../images/point06.png) no-repeat;
	background-size: contain;
}

.point-list .point-box .point-an {
	padding: 5px 15px 15px;
	position: relative;	
	display: none;
}
.point-list .point-box .point-an span {
	padding: 15px;
	position: relative;
	background: #FFF;
	display: block;
}

.point-list .cont-txt strong {
color: rgba(255,0,4,1.00);
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
}
.point-list .cont-txt em {
color: rgba(0,0,0,1.00);
font-size: 15px;
line-height: 1.5em;
font-weight: bold;
font-style: normal;
}
.point-list .cont-txt i {
color: rgba(0,0,0,1.00);
font-size: 14px;
line-height: 1.5em;
font-weight: bold;
font-style: normal;
}
/* <div class="cont-txt resmab5"><p><em>（平日ダイヤ）</em><span>お乗り換え　※遅延等でお乗り換え出来ない場合もございます。</span></p></div> */
.point002 .cont-txt span {
display: inline-block !important;
padding: 0px 0px 0px 34px !important;
position: relative;
}

.point002 .cont-txt span::after {
	content: "";
	width: 30px;
	height: 26px;
	position: absolute;
	left: 0px;
	display: block;
	top: 0px;
background-image: url(../../images/arrow.svg);
background-position: left center;
background-size: 100% auto;
background-repeat: no-repeat;
}

.point-mtext li p {
text-indent: -1em;
margin: 0px 0px 0px 1em;
}






@media print, screen and (min-width: 768px) {
.point-list > li {
border-radius: 26px;
margin: 0px 0px 20px;
font-size: 15px;
line-height: 1.7em;
}
.point-list .point-box {
	border-radius: 26px;
}
.point-list .point-box .point-title {
	font-size: 120%;
	line-height: 1.5em;
	border-radius: 26px;
	padding: 15px 33px 15px 55px;
}
.point-list .point-box .point-title::after {
	top: 16px;
	right: 10px;
}
.point-list .point-box .point-title::before {
	content: " ";
	top: 4px;
	left: 4px;
	width: calc(130px / 2.8);
	height: calc(130px / 2.8);
}


.point-list .point-box .point-an {
	padding: 5px 25px 25px;
}
.point-list .point-box .point-an span {
	padding: 25px;
}

.point-list .cont-txt strong {
font-size: 17px;
line-height: 1.5em;
}
.point-list .cont-txt em {
font-size: 17px;
line-height: 1.5em;
}
.point-list .cont-txt i {
font-size: 15px;
line-height: 1.5em;
}

.table-box th {
	width: 9em;
	white-space: nowrap;
}
.table-box td {
	width: calc(100% - 9em);
}
}


@media print, screen and (min-width: 1024px) {
.point-list > li {
	border-radius: 38px;
	margin: 0px 0px 25px;
	font-size: 16px;
line-height: 1.7em;
}
.point-list .point-box {
	border-radius: 38px;
}
.point-list .point-box .point-title {
	font-size: 135%;
	line-height: 1.5em;
	border-radius: 38px;
	padding: 22px 33px 23px 75px;
}
.point-list .point-box .point-title::after {
	top: 25px;
	right: 15px;
}
.point-list .point-box .point-title::before {
	content: " ";
	top: 5px;
	left: 5px;
	width: calc(130px / 2);
	height: calc(130px / 2);
}


.point-list .point-box .point-an {
	padding: 5px 30px 30px;
}
.point-list .point-box .point-an span {
	padding: 30px;
}

.point-list .cont-txt strong {
font-size: 20px;
line-height: 1.5em;
}
.point-list .cont-txt em {
font-size: 19px;
line-height: 1.5em;
}
.point-list .cont-txt i {
font-size: 17px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1200px) {
.point-list > li {
	border-radius: 40px;
	margin: 0px 0px 25px;
}
.point-list .point-box {
	border-radius: 40px;
}
.point-list .point-box .point-title {
	font-size: 145%;
	line-height: 1.5em;
	border-radius: 40px;
	padding: 23px 33px 23px 78px;
}
.point-list .point-box .point-title::after {
	top: 28px;
	right: 15px;
}
.point-list .point-box .point-title::before {
	content: " ";
	top: 7px;
	left: 7px;
	width: calc(130px / 2);
	height: calc(130px / 2);
}


.point-list .point-box .point-an {
	padding: 7px 35px 35px;
}
.point-list .point-box .point-an span {
	padding: 35px;
}

.point-list .cont-txt strong {
font-size: 21px;
line-height: 1.5em;
}
.point-list .cont-txt em {
font-size: 20px;
line-height: 1.5em;
}
.point-list .cont-txt i {
font-size: 18px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1400px) {

}

















/* diagram-1130 */
#diagram-1130 .page-cont {
	max-width: calc(2400px / 2);
}




/* comics-point */
section#comics-point {
	padding-top: 0px;
}
#comics-point .page-cont h1.catch-le1 {
	position: absolute !important;
	left: 0px;
	top: 0px;
	z-index: 1;
	padding: 30px 15px 0px;
	width: 100%;
}
.js .photostack {
	height: 400px;
}
.photostack .photostack-bt {
	position: absolute;
	z-index: 200;
	width: 100%;
	left: 0px;
	bottom: 20px;
	height: auto;
	padding: 0px 15px;
}
a.link-button {
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.5);
}

@media print, screen and (min-width: 768px) {

/* comics-point */
#comics-point .page-cont h1.catch-le1 {
	padding: 40px 25px 0px;
	text-align: center;
}
.photostack {
	padding: 60px 0px 0px;
}
.js .photostack {
	height: 550px;
}
.photostack .photostack-bt {
	bottom: 40px;
}

}


@media print, screen and (min-width: 1024px) {

/* comics-point */
#comics-point .page-cont h1.catch-le1 {
	padding: 50px 30px 0px;
}
.photostack {
	padding: 70px 0px 0px;
}
.js .photostack {
	height: 650px;
}
.photostack figure {
	width: 24%;
	max-width: calc(250px + 20px);
	padding: 10px;
	margin: 5px;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
}
.photostack .photostack-bt {
	bottom: 50px;
}
}


@media print, screen and (min-width: 1200px) {
/* comics-point */
#comics-point .page-cont h1.catch-le1 {
	padding: 60px 30px 0px;
}
.photostack {
	padding: 80px 0px 0px;
}
.js .photostack {
	height: 700px;
}
}


@media print, screen and (min-width: 1400px) {
/* comics-point */
#comics-point .page-cont h1.catch-le1 {
	padding: 70px 30px 0px;
}

}













.top_stations {
border-radius: 20px;
border: 1px solid rgba(71,71,120,1.00);
padding: 20px;
margin: 5% 0px;
}
.top_stations-img {
padding: 0px 0px 0.5%;
}
.top_stations-img img {
width: 100%;
height: auto;
}

#diagram-which .s-sub-text {
font-size: 15px;
line-height: 1.8em;
font-weight: bold;
}


@media print, screen and (min-width: 768px) {
.top_stations {
border-radius: 25px;
padding: 25px;
margin: 3% 0px;
}
.top_stations-img {
padding: 0px 0px 0.5%;
}


#diagram-which .s-sub-text {
font-size: 18px;
line-height: 1.8em;
}

}


@media print, screen and (min-width: 1024px) {
.top_stations {
margin: 2% 0px;
}
.top_stations-img {
padding: 0px 0px 0.5%;
}

#diagram-which .top_stations {
padding: 30px;
}

.top_stations-img.width80 {
width: 85%;
}

#diagram-which .s-sub-text {
font-size: 20px;
line-height: 1.8em;
}

}


@media print, screen and (min-width: 1200px) {

#diagram-which .top_stations {
padding: 40px;
}

#diagram-which .s-sub-text {
font-size: 21px;
line-height: 1.8em;
}

}


@media print, screen and (min-width: 1400px) {

}