.topMainSideWrapper {
	position: static;
	width: 960px;
	margin: 20px auto 0 auto;
	letter-spacing: normal;
}

/* top main
*******************************************************************************/
.topMain {
	float:right;
	width:725px;
	padding-top:13px;
	padding:0px;
}



.topInfoWrapper{
	background:url(../images/bg.jpg);
	padding:14px;
}
.topInfoWrapper{

	margin-bottom:10px;
}


.topInfo{
	background:#fff;
	padding-bottom:10px;
}
.topInfoHead, .topNewsHead {
	display:block;
}
.topInfoHead{
	background:#0081cc;
	padding:10px;
	font-size:1.0em;
	line-height:1.0em;
}
.kousoku .topInfoHead{
	background:#27ae60;
}
.topInfoList{
	padding:14px;
}
.topInfoTtl{
	width:575px;
}
.topInfoListBtn{
		width:40%;
                border:1px solid #00527d;
		color:#00527d;
		margin:0 auto;
		padding:10px 0;
               text-align:center;
	}
.topInfoListMore{
	display:none;
}

.topToList {
	position: static;
}
.topToList a {
	padding:5px 20px;
	border:1px solid #01537e;
	background:#fff url(../images/rosen_arrow.png) 90% center no-repeat;
	margin:0 auto;
	color: #01537e;
	font-weight:bold;
	font-size:1.1em;
}
.kousoku .topToList a {
	border:1px solid #28ae61;
	background:#fff url(../images/kousoku_arrow.png) 90% center no-repeat;
	color: #27ae60;
}

.topEtcInfoWrapper{
	border:1px solid #01537e;
	padding:10px;
	margin:10px 0;
        
}
.topvideoWrapper{
	background:url(../images/bg.jpg);
	
	padding:10px;
	margin:10px 0;        
}
.topEtcInfoWrapper a{
	color: #01537e;
}

.topStatusLink {
	width: 160px;
	min-height: 130px;
	display: block;
	float: left;
	background-color: #FFF;
}

.topSubLinkWrapper{
	width:550px;
	float:right;
	background:url(../images/bg.jpg);
	padding:14px 0px 0px 14px;
}
.topSubLink{
	list-style-type:none;
}
.topSubLink li{
	float:left;
	width:254px;
	margin-right:14px;
	margin-bottom:5px;
	height:34px;
}


.topSubLink li a{
	display:block;
	background: #fff url(../images/rosen_arrow.png) 5px center no-repeat;
	padding:5px 10px 5px 28px ;
	font-size: 0.9em;
}

.topSubLink li a[href^="http"]::after
{content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  padding-right: 20px;
  background-image: url(../../images/icon_blank.png);
  background-size: contain;
  vertical-align: baseline;
  background-repeat: no-repeat;
  
	}


.topLinkWrapper{
	margin-bottom:10px;
}
.topPageLinkWrapper{
	background:url(../images/bg.jpg);
	padding:10px 0px 3px 10px;
	list-style-type: none;
	margin-bottom:10px;
}
.kousoku .topPageLinkWrapper{
	background:#dcf2e5;
	display:inline-block;
	height:492px;
	padding:0;
	vertical-align:top;
	margin-right:15px;
}
.kousoku .topPageLinkWrapper.last{
	margin-right:0;
}
.topPageLinkWrapper li{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}
.kousoku .topPageLinkWrapper dd{
	margin:13px 12px;
}




.topBannerWrapper{
	background:url(../images/bg.jpg);
	padding:8px 0px 3px 8px;
	list-style-type: none;
	margin-bottom:10px;
}
.kousoku .topBannerWrapper{
	background: #dcf2e5;
	padding:8px 0px 3px 13px;
}
.topBannerWrapper li{
	float:left;
	margin-right:19px;
	margin-left: 19px;
	margin-bottom:7px;
}
.kousoku .topBannerWrapper li{
	margin-right:15px;
}

.video {
 position: relative;
 height: 0;
 padding: 10px 0 56.25%;
	margin: 10px;
 overflow: hidden;
 }

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
 }

.topSubHead {
	position: relative;
	color: #0081cc;
	padding-bottom: 10px;
	font-size:1.2em;
	font-weight: bold;
	margin: 40px 0 20px 0;
	border-bottom: 7px solid #c9caca;
}
.topSubHead::after {
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 200px;
	content: " ";
	border-bottom: 7px solid #0081cc;
}

.topPageSubNav,.topPageSubNav2
{
	margin: 1.0em 0;
	letter-spacing: -.4em;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.topPageSubNav li {
	list-style-type: none;
	background: #cfe7f5;
	border-right: 1px solid #0081cc;
	margin-bottom: 10px;
	letter-spacing: normal;
	align-items: stretch;
	width: 145px;
	font-size: 0.9em;
}
.topPageSubNav.extrabus li {
	list-style-type: none;
	background: #cfe7f5;
	border-right: 1px solid #0081cc;
	margin-bottom: 10px;
	letter-spacing: normal;
	align-items: stretch;
	width: 240px;
	font-size: 0.9em;
}

.topPageSubNav2 li {
	list-style-type: none;
	background: #ffccd1;
	border-right: 1px solid #ff69b4;
	margin-bottom: 10px;
	letter-spacing: normal;
	align-items: stretch;
	width: 240px;
	font-size: 0.9em;
}


.topPageSubNav.map li {
	width: 241px;
}
.topPageSubNav li:first-of-type {
	border-left: 1px solid #0081cc;
}
.topPageSubNav li a {
	display: block;
	height: 100%;
	padding: 10px 10px 10px 2.0em;
	text-decoration: none;
	text-indent: -1.5em;
}
.topPageSubNav li a::before {
	content: "＞";
	display: inline-block;
	transform: rotateZ(90deg);
	color: #0081cc;
	margin-right: 0.5em;
	text-indent: 0;
}

.topPageSubNav li:hover {
	opacity: 1;
	color: #000;
	background: #fff;
}
.topPageSubNav li a:hover {
	opacity: 1;
	color: #000;
	
}
.topPageSubNav2 li:first-of-type {
	border-left: 1px solid #ff69b4;
}
.topPageSubNav2 li a {
	display: block;
	height: 100%;
	padding: 10px 10px 10px 2.0em;
	text-decoration: none;
	text-indent: -1.5em;
}
.topPageSubNav2 li a::before {
	content: "＞";
	display: inline-block;
	transform: rotateZ(90deg);
	color: #ff69b4;
	margin-right: 0.5em;
	text-indent: 0;
}

.topPageSubNav2 li:hover {
	opacity: 1;
	color: #000;
	background: #fff;
}
.topPageSubNav2 li a:hover {
	opacity: 1;
	color: #000;	
	
}
.topPageSubNav + .topSubHead {
	margin-top:0;
}



.topPageSubNav + .topSubHead {
	margin-top:0;
}

.SubTitle,
.SubTitleBRT,
.SubTitleRouteC,
.SubTitleRouteS,
.SubTitleRouteW,
.SubTitleRouteE,
.SubTitleRouteEtc
{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
 font-size:; 
font-weight: bold;
　margin: 40px 0 20px 0;
}

.SubTitle
{ 
  border-left: solid 5px #0081cc;
}

.SubTitleBRT
{ 
  border-left: solid 5px #e13c0a;
}

.SubTitleRouteC
{ 
  border-left: solid 5px #ffc238;
}

.SubTitleRouteS
{ 
  border-left: solid 5px #00ad5a;
}

.SubTitleRouteW
{ 
  border-left: solid 5px #9b5248;
}

.SubTitleRouteE
{ 
  border-left: solid 5px #007bd0;
}

.SubTitleRouteEtc
{ 
  border-left: solid 5px #000;
}

/* top side
*******************************************************************************/


.side {
	float:left;
	width:190px;
}
.sideList{
	margin-top:10px;
	border-bottom:1px solid #0081cc;
}
.kousoku .sideList{
	border-bottom:1px solid #27ae60;
}
.sideList dt{
	border-top:1px solid #0081cc;
}
.kousoku .sideList dt{
	border-top:1px solid #27ae60;
}
.sideList dt:first-child{
	border-top:none;
}
.sideList dd{
	display:none;
}

.sideList ul{
	list-style-type:none;
}
.sideList li{
	margin-bottom:10px;
}
.sideList a{
	font-size:0.85em;
	color:#0081cc;
}

/* bottom
*******************************************************************************/
.bottomLinkWrapper{
	width:960px;
	margin:10px auto;
	background:url(../images/bg.jpg);
	padding:7px;
}
.bottomLinkHead{
	float:left;
	width:202px;
}
.kousoku .bottomLinkHead{
	width:325px;
}
.bottomLink{
	float:right;
	width:734px;
	list-style-type: none;
	background:#fff;
	padding:14px;
	margin-left:0px;
	min-height:89px;
}
.kousoku .bottomLink{
	width:607px;
	min-height:45px;
	padding:11px;
}
.bottomLink li{
	display:inline-block;
	margin-right:1.8em;
	line-height:32px;
}
.kousoku .bottomLink li{
	line-height:1.0em;
}

/* page
*******************************************************************************/
.pageTtlWrapper{
	width:100%;
	margin: 0 0 20px; 0;
}
.pageTtl {
	width:100%;
	background: #cfe7f5 url(../images/rosen_ttl_bg.png) left center no-repeat;
	margin:0 auto;
	padding:5px 5px 5px 90px;
	color: #0081cc;
	font-size:1.5em;
	font-weight:normal;
}
.pagesubTtl {
  position: relative;
  padding: .30em 1em .30em 1.5em;
  border: 1px solid #ccc;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.pagesubTtl::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #0081cc;
  border-radius: 0px;
}
.pagesubTtl2,
.pagesubTtl2BRT,
.pagesubTtl2RouteC,
.pagesubTtl2RouteS,
.pagesubTtl2RouteW,
.pagesubTtl2RouteE,
.pagesubTtl2RouteEtc
{
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  font-size: 1.1em;
}

.pagesubTtl2 a:after,
.pagesubTtl2BRT a:after,
.pagesubTtl2RouteC a:after,
.pagesubTtl2RouteS a:after,
.pagesubTtl2RouteW a:after,
.pagesubTtl2RouteE a:after,
.pagesubTtl2RouteEtc a:after
{
  content:url(//www.niigata-kotsu.co.jp/~noriai/images/arrow001_10.gif) ;
	margin-left: 0.25em;	 
	color:navy;
	
}

.pagesubTtl2 a,
.pagesubTtl2BRT a,
.pagesubTtl2RouteC a,
.pagesubTtl2RouteS a,
.pagesubTtl2RouteW a,
.pagesubTtl2RouteE a,
.pagesubTtl2RouteEtc a
{ 
text-decoration:none; 
	
}


.pagesubTtl2::after
{
 position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
	background-color: #0081cc;
}

.pagesubTtl2BRT::after
{
	position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
	background-color: #e60012;
}

.pagesubTtl2RouteC::after
{
	position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
	background-color: #ffc238;
}

.pagesubTtl2RouteS::after
{
	position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
	background-color: #00ad5a;
}
.pagesubTtl2RouteW::after
{
	position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
	background-color: #9b5248;
}

.pagesubTtl2RouteE::after
{
	position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
	background-color: #007bd0;
}

.pagesubTtl2RouteEtc::after
{
	position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
	background-color: #000;
}

.subtitleInfoRoutebus  {
  padding: 0.25em 0.5em ;/*上下 左右の余白*/
  color: #000;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #0081cc;/*左線*/
 font-size:1.1em;
 
}

.subtitleInfoRoutebus a:before
{
  content:url(//www.niigata-kotsu.co.jp/~noriai/images/arrow001_10.gif) ;
	margin-right: 0.25em;	 
	color:navy;
	
}

.kousoku .pageTtl{
	background: #dcf2e5 url(../images/kousoku_ttl_bg.png) left center no-repeat;
	color:#27ae60;
}
.pageBody{
	width:100%;
}


.contentsList {
	letter-spacing: -.4em;
	margin-bottom: 20px;
}
.contentsList dt,
.contentsList dd {
	letter-spacing: normal;
	padding-left:1.0em;
}
.contentsList dt {
	border-bottom: 1px solid #0081cc;
	margin-bottom: 10px;
	font-size: 1.3em;
	color: #0081cc;
	font-weight: bold;
}
.contentsList dd {
	display:inline-block;
	margin-bottom:1.0em;
	color: #0081cc;
	font-size: 1.0em;
}
.contentsList dd a {
	color: #221815;
}
.contentsList dd a:hover {
	opacity: 1.5;
}
.subTxt {
	font-size:0.85em;
}
.topInfoHead {
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
	padding: 15px;
	line-height: 1;
}
.etcList {
	letter-spacing: -.4em;
	margin-top:10px;
	margin-bottom: 20px
}
.etcList dt,
.etcList dd {
	letter-spacing: normal;
	padding-left:1.0em;
}
.etcList dt {
	border-bottom: 1px solid #0081cc;
	margin-bottom: 10px;
	font-size: 1.0em;
	color: #0081cc;
	font-weight:bold;
}
.etcList dd {
	display:inline-block;
	margin-bottom:1.0em;
	color: #0081cc;
	font-size: 1.0em ;
	font-weight: ;
}
.etcList dd a {
	color: #221815;
}
.etcList dd a:hover {
	opacity: 0.7;
}

.tbl-r02 th,
.tbl-r04 th,
.tbl-r05 th

{
    background: #cfe7f5;
    border: solid 1px #999;
    color: #0081cc;
    padding: 10px;
   
    
}

.tbl-r03 th
{
  background: ;
  border: solid 1px #999;
  color: ;
  padding: 10px;
}


.tbl-r02 td,
.tbl-r03 td,
.tbl-r04 td,
.tbl-r05 td
{
    　border: solid 1px #999;
    padding: 10px;
    
    
}

.tbl-r05 td:first-child {
  background: #cfe7f5;
  color: #0081cc;
	font-weight:bold;
}

.tbl-r04fare td{
border: solid 1px #999;
    padding: 10px;
    text-align: center;	
}
.tbl-r04fare th
{
	background: #cfe7f5;
    border: solid 1px #999;
    color: #0081cc;
    padding: 10px;
    text-align: center;
	
}

/* timetable
*******************************************************************************/
.announce_ex1 {
	margin: -1em 0px 4em; padding: 0.5em; border-radius: 2px; border: 3px solid rgb(255, 160, 160); border-image: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
}
#contents .emergency {
	padding-top: 20px;
}
.emergency .emergency_list01 {
	margin-bottom: 30px;
}
.emergency .emergency_list01 li {
	padding: 15px 20px; font-size: 1.3rem; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.emergency .emergency_list01 li.link {
	padding: 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.emergency .emergency_list01 li.link a {
	padding: 15px 20px; color: rgb(51, 51, 51); font-size: 1.3rem; display: block; position: relative;
}
.emergency .emergency_list01 li.link a::before {
	content: none;
}
.emergency .emergency_list01 li.caution {
	background: rgb(254, 242, 242);
}
.emergency .emergency_list01 li.link a::after {
	background: url("../../material/img/ico_link.svg") no-repeat 0% 0% / contain; margin: auto; top: 0px; width: 6px; height: 10px; right: 20px; bottom: 0px; display: block; position: absolute; content: "";
}
.emergency .emergency_list01 li.info_box {
	background: rgb(255, 255, 255); padding: 15px 20px; border: 1px solid rgb(255, 0, 0) !important; border-image: none !important; color: rgb(255, 0, 0); font-size: 1.3rem; margin-top: 10px;
}
.emergency .emergency_list01 li.link {
	padding: 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
@media screen and (max-width:750px)
{
.emergency .emergency_list01 {
	margin-bottom: 8%;
}
.emergency .emergency_list01 li {
	padding: 3% 5% 3% 3%;
}
.emergency .emergency_list01 li.link {
	padding: 0px;
}
.emergency .emergency_list01 li.link a {
	padding: 3% 5% 3% 3%;
}
.emergency .emergency_list01 li.link a::after {
	right: 2%;
}
}
.linkBlank02 span {
	padding: 10px 25px 10px 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative;
}
.linkBlank02 span::after {
	margin: auto; top: 0px; width: 12px; height: 12px; right: 10px; bottom: 0px; display: block; position: absolute; content: "";
}
.stationSearch {
	margin-bottom: 100px;
}
.stationSearch .searchBox {
	margin: 0px auto 20px; width: 400px;
}
.stationSearch .searchBox .searchArea {
	background: rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(221, 221, 221); border-image: none; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;
}
.stationSearch .searchBox .searchArea::before {
	background: url("../../material/img/ico_search_g.svg") no-repeat 0% 0% / contain; width: 20px; height: 20px; display: block; content: "";
}
.stationSearch .searchBox .searchArea .textArea {
	margin: 0px 5px; padding: 5px 2px; border: currentColor; border-image: none; width: 265px;
}
.stationSearch .searchBox .searchArea .station {
	color: rgb(153, 153, 153); font-size: 1.6rem; margin-right: 5px;
}
.stationSearch .searchBox .searchArea .searchbtn {
	background: rgb(0, 136, 3); padding: 3px 5px; border-radius: 3px; border: currentColor; border-image: none; width: 60px; color: rgb(255, 255, 255); font-size: 1.6rem; cursor: pointer;
}
.stationSearch .searchBox .searchArea .searchbtn:hover {
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); transition-duration: 0.2s;
}
.stationSearch .searchLink {
	background: rgb(238, 238, 238); margin: 10px auto 0px; padding: 10px; width: 700px; display: flex; justify-content: center;
}
.stationSearch .searchLink .searchLink_dl {
	display: flex; flex-wrap: wrap;
}
.stationSearch .searchLink .searchLink_dl .searchLink_ul {
	display: flex; flex-wrap: wrap;
}
.stationSearch .searchLink .searchLink_dl dt {
	margin-right: 10px;
}
.stationSearch .searchLink .searchLink_dl .searchLink_ul li:not(:last-child) {
	margin-right: 10px;
}
.routeSearch .searchBox .selectRow {
	margin-bottom: 15px; display: flex; justify-content: center; align-items: center;
}
.routeSearch .searchBox .selectRow .selectBox {
	width: 298px; margin-left: 20px; position: relative;
}
.routeSearch .searchBox .selectRow .selectBox select {
	background: rgb(255, 255, 255); padding: 10px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; font-size: 1.2rem;
}
.routeSearch .searchBox .selectRow .selectBox::after {
	border-width: 10px 5px 0px; border-style: solid; border-color: rgb(187, 187, 187) transparent transparent; margin: auto; top: 0px; width: 0px; height: 0px; right: 10px; bottom: 0px; display: block; position: absolute; content: ""; pointer-events: none;
}
.routeSearch .searchBox .btnSearch {
	background: rgb(0, 136, 3); margin: 30px auto 0px; border-radius: 3px; width: 170px; color: rgb(255, 255, 255); font-size: 1.6rem; display: block; position: relative;
}
.routeSearch .searchBox .btnSearch .searchBtn {
	background: rgb(0, 136, 3); padding: 15px 20px; border-radius: 3px; border: currentColor; border-image: none; width: 100%; color: rgb(255, 255, 255); font-size: 1.6rem; cursor: pointer;
}
.routeSearch .searchBox .btnSearch:hover {
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); transition-duration: 0.2s;
}
.routeSearch .searchBox .btnSearch::before {
	background: url("../../material/img/header/ico_header_search.svg") no-repeat 0% 0% / contain; margin: auto; left: 30px; top: 0px; width: 20px; height: 20px; bottom: 0px; display: block; position: absolute; content: "";
}
#map img {
	max-width: inherit;
}
#mapSearch .routemap {
	width: 100%; position: relative;
}
#mapSearch .routemap .tabList {
	margin-bottom: 30px; position: relative;
}
#mapSearch .routemap .tabList #tabOverlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#mapSearch .routemap .tabList ul {
	display: flex; justify-content: center;
}
#mapSearch .routemap .tabList ul li {
	width: 122px;
}
#mapSearch .routemap .tabList ul li a {
	width: 122px; text-align: center; color: rgb(51, 51, 51); padding-bottom: 10px; font-size: 1.8rem; font-weight: bold; text-decoration: none; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 4px; border-bottom-style: solid; display: block;
}
#mapSearch .routemap .tabList ul li a.on {
	color: rgb(0, 136, 3); border-bottom-color: rgb(0, 136, 3); border-bottom-width: 4px; border-bottom-style: solid;
}
#mapSearch .routemap .gaugeBox {
	background: url("../../timetable//map/img/top/map_memory.png") no-repeat left top; left: 44px; width: 26px; height: 139px; bottom: 100px; position: absolute; z-index: 10000;
}
#mapSearch .routemap .gaugeBox .zoomBtn {
	left: 4px; width: 18px; height: 18px; display: block; position: absolute;
}
#mapSearch .routemap .gaugeBox .zoomBtn.in {
	top: 5px;
}
#mapSearch .routemap .gaugeBox .zoomBtn.out {
	bottom: 5px;
}
#mapSearch .routemap .gaugeBox .guage {
	left: 4px; top: 67px; position: absolute;
}
#mapSearch .routemap #mapWrap {
	background: rgb(255, 255, 255); padding: 30px; width: 100%; height: 860px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
#mapSearch .routemap #map {
	width: 100%; height: 800px; position: relative; z-index: 1;
}
#mapSearch .routemap #map .olDragDown {
	cursor: move;
}
#mapSearch .routemap #map .olLayerDiv .stationBox {
	background: rgb(255, 255, 255); border: currentColor !important; border-image: none !important; cursor: pointer; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0;
}
#mapSearch .routemap #map #loading {
	background: url("../../timetable//map/img/top/loader.gif") no-repeat center white; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100000;
}
#mapSearch .routemap #map .olControlPanPanel {
	background: url("../../timetable//map/img/top/map_control_bg.png") no-repeat left top; left: 0px; width: 54px; height: 54px; bottom: 5px; z-index: 999;
}
#mapSearch .routemap #map .olControlPanPanel .olButton {
	position: absolute; cursor: pointer;
}
#mapSearch .routemap #map .olControlPanPanel .olButton.olControlPanNorthItemInactive {
	background: url("../../timetable//map/img/top/map_icon_control_top.gif") no-repeat left top; left: 22px; width: 10px; height: 8px; bottom: 39px;
}
#mapSearch .routemap #map .olControlPanPanel .olButton.olControlPanSouthItemInactive {
	background: url("../../timetable//map/img/top/map_icon_control_btm.gif") no-repeat left top; left: 22px; width: 10px; height: 8px; bottom: 6px;
}
#mapSearch .routemap #map .olControlPanPanel .olButton.olControlPanEastItemInactive {
	background: url("../../timetable//map/img/top/map_icon_control_right.gif") no-repeat left top; left: 39px; width: 8px; height: 10px; bottom: 21px;
}
#mapSearch .routemap #map .olControlPanPanel .olButton.olControlPanWestItemInactive {
	background: url("../../timetable//map/img/top/map_icon_control_left.gif") no-repeat left top; left: 6px; width: 8px; height: 10px; bottom: 21px;
}
.stopStation .stopStationSearch {
	display: flex; flex-wrap: wrap;
}
.stopStation .stopStationSearch > li {
	background: rgb(255, 255, 255); width: 30%; margin-right: 30px; margin-bottom: 30px; max-width: 297px;
}
.stopStation .stopStationSearch > li:nth-child(3n) {
	margin-right: 0px;
}
.stopStation .stopStationSearch > li .stopStationSearch_h {
	background: rgb(68, 68, 68); padding: 5px 10px; text-align: center; color: rgb(255, 255, 255); font-size: 2rem;
}
.stopStation .stopStationSearch > li .stopStationSearch_list {
	padding: 20px;
}
.stopStation .stopStationSearch > li .stopStationSearch_linkList > li a {
	padding: 5px 30px 5px 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: flex; position: relative; justify-content: space-between;
}
.stopStation .stopStationSearch > li .stopStationSearch_linkList > li a > span {
	color: rgb(51, 51, 51); padding-left: 0.3rem; font-size: 1.2rem; display: flex; white-space: nowrap; align-items: center;
}
.stopStation .stopStationSearch > li .stopStationSearch_linkList > li a::after {
	background: url("../../material/img/ico_link.svg") no-repeat 0% 0% / contain; margin: auto; top: 0px; width: 6px; height: 10px; right: 2px; bottom: 0px; display: block; position: absolute; content: "";
}
.stopStation .stopStationSearch > li .stopStationSearch_linkList > li a:hover {
	text-decoration: none; border-bottom-color: rgb(0, 136, 3); border-bottom-width: 1px; border-bottom-style: solid;
}
.trainSearch .trainSearch_list {
	margin-top: 20px; display: flex; justify-content: center;
}
.trainSearch .trainSearch_list li + li {
	margin-left: 30px;
}
.cautionBox {
	background: rgb(238, 238, 238); padding: 30px; margin-bottom: 50px;
}
.cautionBox p {
	margin-bottom: 1em;
}
.cautionBox ul li {
	margin-bottom: 1em;
}
.cautionBox .cautionBox_h {
	text-align: center; font-size: 2rem; margin-bottom: 20px; display: flex; justify-content: center; align-items: center;
}
.cautionBox .cautionBox_h::before {
	background: url("../../timetable/img/top/ico_caution.svg") no-repeat 0% 0% / contain; width: 20px; height: 18px; margin-right: 5px; display: block; content: "";
}
.cautionBox02 {
	margin-bottom: 1em; display: flex; justify-content: space-between;
}
.cautionBox02 > .left {
	width: calc(100% - 160px);
}
.cautionBox02 > .left > li {
	
}
.cautionBox02 > .left > li > p {
	margin-top: 1em;
}
.cautionBox02 > .right {
	width: 140px; text-align: center;
}
.cautionBox02 > .right img.two {
	width: 70%; margin-bottom: 10px;
}
@media screen and (max-width:750px)
{
.stationSearch {
	margin-bottom: 20%;
}
.stationSearch .searchBox {
	margin: 0px auto 5%; width: 100%;
}
.stationSearch .searchBox .searchArea {
	background: rgb(255, 255, 255); padding: 10px 8px; border: 1px solid rgb(221, 221, 221); border-image: none; margin-bottom: 0px; display: flex; justify-content: space-between; align-items: center;
}
.stationSearch .searchBox .searchArea::before {
	background: url("../../material/img/ico_search_g.svg") no-repeat 0% 0% / contain; width: 20px; height: 20px; display: block; content: "";
}
.stationSearch .searchBox .searchArea .textArea {
	margin: 0px 5px; padding: 5px 2px; border: currentColor; border-image: none; width: calc(100% - (20px + 60px + 16px) );
}
.stationSearch .searchBox .searchArea .station {
	color: rgb(153, 153, 153); font-size: 1.4rem; margin-right: 5px;
}
.stationSearch .searchBox .searchArea .searchbtn {
	padding: 3px 5px; width: 45px; font-size: 1.4rem;
}
.stationSearch .searchLink {
	margin: 0px auto; padding: 3%; width: 100%;
}
.stationSearch .searchLink .searchLink_dl {
	display: flex; flex-wrap: wrap;
}
.stationSearch .searchLink .searchLink_dl .searchLink_ul {
	display: flex; flex-wrap: wrap;
}
.stationSearch .searchLink .searchLink_dl dt {
	width: 100%; margin-right: 0px; margin-bottom: 2%;
}
.stationSearch .searchLink .searchLink_dl .searchLink_ul li:not(:last-child) {
	margin-right: 3%;
}
.routeSearch .searchBox .selectRow {
	margin-bottom: 3%;
}
.routeSearch .searchBox .selectRow > p {
	width: 4.5em;
}
.routeSearch .searchBox .selectRow .selectBox {
	width: calc(100% - 3em); margin-left: 0px; position: relative;
}
.routeSearch .searchBox .selectRow .selectBox select {
	background: rgb(255, 255, 255); padding: 3%; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; font-size: 1.2rem;
}
.routeSearch .searchBox .btnSearch {
	margin: 10% auto 0px; width: 45%; font-size: 1.6rem;
}
.routeSearch .searchBox .btnSearch .searchBtn {
	padding: 7% 5%; width: 100%; cursor: pointer;
}
.routeSearch .searchBox .btnSearch::before {
	margin: auto; left: 20%;
}
#map img {
	max-width: inherit;
}
#mapSearch .routemap {
	width: 100%; position: relative;
}
#mapSearch .routemap .tabList {
	margin-bottom: 10%; position: relative;
}
#mapSearch .routemap .tabList ul {
	margin: 0px auto; width: 95%; display: flex; justify-content: center;
}
#mapSearch .routemap .tabList ul li {
	width: calc(100% /3);
}
#mapSearch .routemap .tabList ul li a {
	padding: 0px 5% 10px; width: auto; color: rgb(51, 51, 51); font-size: 4.5vw; font-weight: bold;
}
#mapSearch .routemap .gaugeBox {
	display: none;
}
#mapSearch .routemap #mapWrap {
	background: rgb(255, 255, 255); padding: 3%; width: 100%; height: 120vw; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
#mapSearch .routemap #map {
	background: rgb(255, 255, 255); width: 100%; height: calc(120vw - 6%); position: relative;
}
#mapSearch .routemap #map .olDragDown {
	cursor: move;
}
#mapSearch .routemap #map .olControlPanPanel {
	display: none;
}
.stopStation .stopStationSearch {
	display: block;
}
.stopStation .stopStationSearch > li {
	background: rgb(255, 255, 255); width: 100%; margin-right: 0px; margin-bottom: 3%; max-width: 100%;
}
.stopStation .stopStationSearch > li .stopStationSearch_h {
	background: rgb(68, 68, 68); padding: 3%; text-align: center; color: rgb(255, 255, 255); font-size: 1.8rem; position: relative;
}
.stopStation .stopStationSearch > li .stopStationSearch_h::before {
	background: rgb(255, 255, 255); margin: auto; top: 0px; width: 2px; height: 14px; right: 20px; bottom: 0px; display: block; position: absolute; content: "";
}
.stopStation .stopStationSearch > li .stopStationSearch_h::after {
	background: rgb(255, 255, 255); margin: auto; top: 0px; width: 14px; height: 2px; right: 14px; bottom: 0px; display: block; position: absolute; content: "";
}
.stopStation .stopStationSearch > li .stopStationSearch_h.open::before {
	content: none;
}
.stopStation .stopStationSearch > li .stopStationSearch_list {
	padding: 5%; display: none;
}
.stopStation .stopStationSearch > li .stopStationSearch_linkList > li a {
	padding: 2% 30px 2% 3%; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: flex; position: relative; justify-content: space-between;
}
.stopStation .stopStationSearch > li .stopStationSearch_linkList > li a > span {
	color: rgb(51, 51, 51); font-size: 1.2rem;
}
.trainSearch .trainSearch_list {
	margin-top: 5%; display: block; justify-content: center;
}
.trainSearch .trainSearch_list li + li {
	margin-left: 0px;
}
.trainSearch .trainSearch_list li {
	margin-bottom: 1%;
}
.cautionBox {
	background: rgb(238, 238, 238); padding: 5%; margin-bottom: 10%;
}
.cautionBox .cautionBox_h {
	margin-bottom: 3%;
}
.cautionBox02 {
	margin-bottom: 10%; display: block;
}
.cautionBox02 > .left {
	width: 100%;
}
.cautionBox02 > .right {
	margin: 10% auto 0px; width: 70%; text-align: center;
}
.cautionBox02 > .right img {
	width: 50%;
}
.cautionBox02 > .right img.two {
	margin: 0px 5% !important; width: 40% !important;
}
}
.resulttable table thead .eki {
	width: 25%;
}
.resulttable table thead .token {
	width: 20%;
}
.resulttable table thead .rosen {
	width: 55%;
}
.resulttable table tbody .eki {
	text-align: left;
}
.resulttable table tbody .token {
	text-align: center;
}
.resulttable table tbody .rosen {
	text-align: left;
}
.resulttable table tbody .rosen span {
	margin-right: 0.5em; display: inline-block;
}
.station_box {
	background: rgb(255, 255, 255); margin: 0px auto 60px; padding: 10px; width: 400px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
.station_box .station_name01 {
	margin: 25px 0px; text-align: center; font-size: 3rem; font-weight: bold;
}
.station_box .station_name02 {
	background: rgb(0, 136, 3); padding: 5px; text-align: center; color: rgb(255, 255, 255); font-weight: bold;
}
.station_linkList {
	display: flex; justify-content: center;
}
.u_station_linkList {
	display: flex; justify-content: center;
}
.station_linkList li a {
	padding: 10px 20px; color: rgb(51, 51, 51); font-size: 1.8rem; font-weight: bold; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 4px; border-bottom-style: solid; display: block; position: relative;
}
.station_linkList .on {
	padding: 10px 20px; color: rgb(0, 136, 3); font-size: 1.8rem; font-weight: bold; text-decoration: none; border-bottom-color: rgb(0, 136, 3); border-bottom-width: 4px; border-bottom-style: solid; display: block; position: relative;
}
.station_linkList a:hover {
	padding: 10px 20px; color: rgb(0, 136, 3); font-size: 1.8rem; font-weight: bold; text-decoration: none; border-bottom-color: rgb(0, 136, 3); border-bottom-width: 4px; border-bottom-style: solid; display: block; position: relative;
}
.station_linkList li a::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.station_linkList .on::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.u_station_linkList li a {
	padding: 20px 20px 0px; color: rgb(51, 51, 51); font-size: 1.8rem; font-weight: bold; border-top-color: rgb(221, 221, 221); border-top-width: 4px; border-top-style: solid; display: block; position: relative;
}
.u_station_linkList .on {
	padding: 20px 20px 0px; color: rgb(0, 136, 3); font-size: 1.8rem; font-weight: bold; text-decoration: none; border-top-color: rgb(0, 136, 3); border-top-width: 4px; border-top-style: solid; display: block; position: relative;
}
.u_station_linkList a:hover {
	padding: 20px 20px 0px; color: rgb(0, 136, 3); font-size: 1.8rem; font-weight: bold; text-decoration: none; border-top-color: rgb(0, 136, 3); border-top-width: 4px; border-top-style: solid; display: block; position: relative;
}
.station_linkList li a::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.station_linkList .on::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.u_station_linkList li a::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.u_station_linkList .on::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.station_linkList .station a::before {
	background: url("../../timetable/img/ico_station.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .station a::before {
	background: url("../../timetable/img/ico_station.svg") no-repeat 0% 0% / contain;
}
.station_linkList .station.on::before {
	background: url("../../timetable/img/ico_station_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .station a:hover::before {
	background: url("../../timetable/img/ico_station_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .station.on::before {
	background: url("../../timetable/img/ico_station_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .station a:hover::before {
	background: url("../../timetable/img/ico_station_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .timetable a::before {
	background: url("../../timetable/img/ico_timetable.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .timetable a::before {
	background: url("../../timetable/img/ico_timetable.svg") no-repeat 0% 0% / contain;
}
.station_linkList .timetable.on::before {
	background: url("../../timetable/img/ico_timetable_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .timetable a:hover::before {
	background: url("../../timetable/img/ico_timetable_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .timetable.on::before {
	background: url("../../timetable/img/ico_timetable_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .timetable a:hover::before {
	background: url("../../timetable/img/ico_timetable_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .floorplans a::before {
	background: url("../../timetable/img/ico_floorplans.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .floorplans a::before {
	background: url("../../timetable/img/ico_floorplans.svg") no-repeat 0% 0% / contain;
}
.station_linkList .floorplans.on::before {
	background: url("../../timetable/img/ico_floorplans_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .floorplans a:hover::before {
	background: url("../../timetable/img/ico_floorplans_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .floorplans.on::before {
	background: url("../../timetable/img/ico_floorplans_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .floorplans a:hover::before {
	background: url("../../timetable/img/ico_floorplans_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .map a::before {
	background: url("../../timetable/img/ico_map.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .map a::before {
	background: url("../../timetable/img/ico_map.svg") no-repeat 0% 0% / contain;
}
.station_linkList .map.on::before {
	background: url("../../timetable/img/ico_map_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .map a:hover::before {
	background: url("../../timetable/img/ico_map_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .map.on::before {
	background: url("../../timetable/img/ico_map_on.svg") no-repeat 0% 0% / contain;
}
.u_station_linkList .map a:hover::before {
	background: url("../../timetable/img/ico_map_on.svg") no-repeat 0% 0% / contain;
}
.station_linkList .off span {
	padding: 10px 20px; color: rgb(170, 170, 170); font-size: 1.8rem; font-weight: bold; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 4px; border-bottom-style: solid; display: block; position: relative;
}
.u_station_linkList .off span {
	padding: 20px 20px 0px; color: rgb(170, 170, 170); font-size: 1.8rem; font-weight: bold; border-top-color: rgb(221, 221, 221); border-top-width: 4px; border-top-style: solid; display: block; position: relative;
}
.station_linkList .off span::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.u_station_linkList .off span::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.station_linkList .station.off span::before {
	background: url("../../timetable/img/ico_station.svg") no-repeat 0% 0% / contain; opacity: 0.5;
}
.u_station_linkList .station.off span::before {
	background: url("../../timetable/img/ico_station.svg") no-repeat 0% 0% / contain; opacity: 0.5;
}
.station_linkList .floorplans.off span::before {
	background: url("../../timetable/img/ico_floorplans.svg") no-repeat 0% 0% / contain; opacity: 0.5;
}
.u_station_linkList .floorplans.off span::before {
	background: url("../../timetable/img/ico_floorplans.svg") no-repeat 0% 0% / contain; opacity: 0.5;
}
.station_linkList .map.off span::before {
	background: url("../../timetable/img/ico_map.svg") no-repeat 0% 0% / contain; opacity: 0.5;
}
.u_station_linkList .map.off span::before {
	background: url("../../timetable/img/ico_map.svg") no-repeat 0% 0% / contain; opacity: 0.5;
}
.rosentable .result_02 .rosen {
	width: 25%;
}
.rosentable .result_02 .homen {
	width: 50%;
}
.rosentable .result_02 .jikokuhyo {
	width: 25%;
}
.rosentable .result_02 tbody td {
	padding: 10px;
}
.rosentable .result_02 tbody .weekday a {
	background: rgb(224, 244, 255); padding: 5px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); display: block;
}
.rosentable .result_02 tbody .holiday a {
	background: rgb(255, 232, 232); padding: 5px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); display: block;
}
.rosentable .result_02 tbody .weekday a:hover {
	text-decoration: none; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); transition-duration: 0.2s;
}
.rosentable .result_02 tbody .holiday a:hover {
	text-decoration: none; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); transition-duration: 0.2s;
}
.rosentable .result_02 tbody .inactive {
	text-align: center; color: rgb(170, 170, 170);
}
.rosentable .result_02 tbody .suspend {
	text-align: center;
}
@media screen and (max-width:750px)
{
.resulttable table thead .eki {
	width: 40%;
}
.resulttable table thead .token {
	width: 20%;
}
.resulttable table thead .rosen {
	width: 40%;
}
.station_box {
	background: rgb(255, 255, 255); margin: 0px auto 15%; padding: 2%; width: 85%;
}
.station_box .station_name01 {
	margin: 8% 0px;
}
.station_box .station_name02 {
	padding: 1%;
}
.station_linkList li a {
	padding: 12px 15px; font-size: 3.7vw;
}
.station_linkList .on {
	padding: 12px 15px; font-size: 3.7vw;
}
.station_linkList a:hover {
	padding: 12px 15px; font-size: 3.7vw;
}
.u_station_linkList li a {
	padding: 20px 15px 0px; font-size: 3.7vw;
}
.u_station_linkList .on {
	padding: 20px 15px 0px; font-size: 3.7vw;
}
.u_station_linkList a:hover {
	padding: 20px 15px 0px; font-size: 3.7vw;
}
.station_linkList li a::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.station_linkList .on::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.u_station_linkList li a::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.u_station_linkList .on::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.station_linkList .off span {
	padding: 12px 15px; font-size: 3.7vw;
}
.u_station_linkList .off span {
	padding: 20px 15px 0px; font-size: 3.7vw;
}
.station_linkList .off span::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.u_station_linkList .off span::before {
	margin: auto; left: 0px; top: -10px; width: 40px; height: 40px; right: 0px; display: block; position: relative; content: "";
}
.rosentable .result_02 tr th {
	padding: 4%; width: 100%; display: block;
}
.rosentable .result_02 tr td {
	padding: 4%; width: 100%; display: block;
}
.rosentable .result_02 thead {
	display: none;
}
.rosentable .result_02 tr .weekday {
	width: 50%; display: inline-block;
}
.rosentable .result_02 tr .holiday {
	width: 50%; display: inline-block;
}
.rosentable .result_02 tr .inactive {
	width: 50%; display: inline-block;
}
.rosentable .result_02 tr .suspend {
	width: 100%; display: inline-block;
}
}
.timetable_box {
	position: relative;
}
.timetable_box .timetable_h {
	background: rgb(68, 68, 68); padding: 10px; text-align: center; color: rgb(255, 255, 255); font-size: 1.6rem;
}
.timetable_box .timetable_h.fixed {
	top: 0px; width: calc(100% - 20px); position: fixed; z-index: 2; max-width: 720px;
}
.timetable_box .timetable_h.abso {
	top: auto; width: 100%; bottom: 0px; position: absolute; z-index: 2;
}
.timetable > table.result_03 th {
	padding: 10px 5px; text-align: center; vertical-align: middle;
}
.timetable > table.result_03 td {
	padding: 10px 5px; text-align: center; vertical-align: middle;
}
.timetable .result_03 tbody tr td:nth-child(1) {
	padding: 10px; width: 8%;
}
.timetable .result_03 tbody tr td:nth-child(2) {
	padding: 10px; width: 92%; position: relative;
}
.timetable .title {
	display: flex; flex-direction: row-reverse; justify-content: space-between;
}
.timetable .btn_weekday a {
	padding: 15px 10px; border-radius: 3px; width: 210px; text-align: center; color: rgb(255, 255, 255); font-weight: normal; display: block;
}
.timetable .btn_holiday a {
	padding: 15px 10px; border-radius: 3px; width: 210px; text-align: center; color: rgb(255, 255, 255); font-weight: normal; display: block;
}
.timetable .btn_weekday a {
	background: rgb(0, 144, 227);
}
.timetable .btn_holiday a {
	background: rgb(255, 72, 72);
}
.timetable .btn_weekday a:hover {
	text-decoration: none; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); transition-duration: 0.2s;
}
.timetable .btn_holiday a:hover {
	text-decoration: none; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.5); transition-duration: 0.2s;
}
.timetable .title .tit_weekday {
	padding: 15px 10px; width: calc(100% - 220px); text-align: center;
}
.timetable .title .tit_holiday {
	padding: 15px 10px; width: calc(100% - 220px); text-align: center;
}
.timetable .title .tit_weekday {
	background: rgb(224, 244, 255);
}
.timetable .title .tit_holiday {
	background: rgb(255, 232, 232);
}
.timetable .result_03 .timetable_time {
	margin: 0px 12px; text-align: center; vertical-align: top; display: inline-block; position: relative;
}
.timetable .result_03 tbody a {
	text-decoration: underline;
}
.timetable .result_03 tbody a:hover {
	text-decoration: none;
}
.timetable span.txt_black {
	color: black;
}
.timetable span.txt_blue {
	color: blue;
}
.timetable span.txt_green {
	color: green;
}
.timetable span.txt_red {
	color: red;
}
.timetable span.txt_brown {
	color: brown;
}
.timetable span.txt_purple {
	color: purple;
}
.timetable a.time_link_black {
	color: black;
}
.timetable a.time_link_blue {
	color: blue;
}
.timetable a.time_link_green {
	color: green;
}
.timetable a.time_link_red {
	color: red;
}
.timetable a.time_link_brown {
	color: brown;
}
.timetable a.time_link_purple {
	color: purple;
}
.timetable .result_03 .timetable_time .train {
	font-size: 1rem;
}
.timetable .result_03 .timetable_time .dest {
	font-size: 1rem;
}
.timetable .result_03 .timetable_time a {
	font-size: 1.6rem;
}
.timetable .result_03 .timetable_time .train {
	display: block;
}
.timetable .result_03 .timetable_time a {
	display: block;
}
.timetable .result_03 .timetable_time .dest {
	display: block;
}
.timetable .result_03 .minute {
	font-weight: bold;
}
.timetable .result_03 .minute .sp {
	font-style: italic; font-weight: normal; display: inline;
}
.timetable .result_03 tbody tr td:nth-child(1) {
	font-weight: bold;
}
.timetable .result_03 tbody tr td:nth-child(2) {
	text-align: left;
}
.timetable .result_03 tbody tr:nth-child(2n) {
	background: rgb(248, 248, 248);
}
.basicTable02.timetable > .result_03 tbody tr:not(:last-child) {
	border: currentColor; border-image: none;
}
.basicTable02.timetable > .result_03 td:not(:first-child) {
	border: currentColor; border-image: none;
}
.timetable2 {
	padding: 20px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.timetable2 .timetable2_dl {
	padding: 3px 7px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: flex;
}
.timetable2 .timetable2_dl dt {
	width: 9em; font-weight: bold; display: flex; justify-content: space-between;
}
.timetable2 .timetable2_dl dd {
	width: calc(100% - 9em);
}
.timetable2 .timetable2_dl dd > span {
	margin-right: 8px; display: inline-block;
}
.timetable2 .timetable2_dl dt::after {
	display: block; content: "：";
}
.timetable2 .exp_notes {
	padding: 3px 7px;
}
.timetable2 .exp_notes .itemText {
	text-indent: -1em; padding-left: 1em;
}
.arrow_box {
	background: rgb(255, 255, 255); padding: 40px 30px; left: 0px; top: 60px; width: 280px; text-align: left; color: rgb(51, 51, 51); margin-left: -125px; position: absolute; z-index: 10; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);
}
.arrow_box::before {
	background: rgb(255, 255, 255); margin: auto; left: 0px; top: -10px; width: 20px; height: 20px; right: 0px; position: absolute; z-index: 5; content: ""; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2); transform: rotate(45deg);
}
.arrow_box::after {
	background: rgb(255, 255, 255); margin: auto; left: 0px; top: 0px; width: 100%; height: 20px; right: 0px; position: absolute; z-index: 6; content: "";
}
.arrow_box .arrowbox_title {
	padding: 0px 5px 10px; color: rgb(0, 136, 3); font-weight: bold; margin-bottom: 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.arrow_box > p {
	padding: 0px 5px;
}
.arrow_box > dl {
	padding: 0px 5px;
}
.arrow_box > p:not(:last-of-type) {
	margin-bottom: 10px;
}
.arrow_box > dl:not(:last-of-type) {
	margin-bottom: 10px;
}
.arrow_box .arrowbox_subject {
	font-weight: bold;
}
.arrow_box dl {
	display: flex;
}
.arrow_box dt {
	width: 4em; margin-right: 6px; margin-left: 6px;
}
.reservation_box .reservation_btn01 {
	margin: 0px auto 20px; width: 297px;
}
.reservation_box .reservation_btn02 {
	margin: 0px auto 20px; width: 297px;
}
.reservation_box .reservation_btn01 a {
	padding: 10px 15px; height: 100%; font-size: 1.6rem; font-weight: bold; display: flex; position: relative; flex-wrap: wrap; justify-content: center; align-items: center;
}
.reservation_box .reservation_btn01 a::before {
	background: url("../img/ico_ekinet.svg") no-repeat; width: 22px; height: 24px; margin-right: 15px; display: block; content: "";
}
.reservation_box .reservation_btn02 a {
	font-size: 1.6rem; font-weight: bold; display: flex; position: relative; min-height: 68px; flex-wrap: wrap; justify-content: center; align-items: center;
}
.reservation_box .reservation_btn02 a::before {
	background: url("../img/ico_ticket.svg") no-repeat; width: 24px; height: 14px; margin-right: 15px; display: block; content: "";
}
div.comment_savedia {
	padding: 5px 10px; border: 1px solid rgb(188, 188, 188); border-image: none; margin-bottom: 10px; background-color: rgb(255, 255, 153);
}
div.comment_savedia h3 {
	font-size: 100%; font-weight: bold;
}
div.comment_savedia p {
	padding: 0px 0px 0px 1em; text-indent: -1em;
}
@media screen and (max-width:750px)
{
.btnPrint {
	display: none;
}
.timetable .result_03 br {
	display: none;
}
.timetable_box .timetable_h {
	padding: 3%;
}
.timetable_box .timetable_h.fixed {
	width: calc(100% - 8%); max-width: 100%;
}
.timetable .result_03 tr td {
	padding: 3%; display: block;
}
.timetable > .result_03 tbody tr:nth-child(2n) {
	background: none;
}
.timetable .result_03 tbody tr td:nth-child(1) {
	background: rgb(248, 248, 248); width: 100%;
}
.timetable .result_03 tbody tr td:nth-child(2) {
	padding: 3% 0px; width: 100%; display: flex; flex-wrap: wrap;
}
.timetable .title {
	display: block;
}
.timetable .btn_weekday a {
	margin: 0px 0px 10px auto; padding: 3% 1%; width: 58%; font-size: 3.5vw;
}
.timetable .btn_holiday a {
	margin: 0px 0px 10px auto; padding: 3% 1%; width: 58%; font-size: 3.5vw;
}
.timetable .title .tit_weekday {
	padding: 5%; width: 100%; text-align: center; margin-bottom: 2%;
}
.timetable .title .tit_holiday {
	padding: 5%; width: 100%; text-align: center; margin-bottom: 2%;
}
.timetable .result_03 tbody tr td:nth-child(2) .timetable_time {
	margin: 0px 0px 2%; padding: 3% 0px; width: 25%; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed; display: block;
}
.timetable .result_03 tbody tr td:nth-child(2) .timetable_time.active {
	background: rgb(248, 248, 248);
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+1):nth-last-child(-n+4).timetable_time {
	margin: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+1):nth-last-child(-n+4).timetable_time ~ .timetable_time {
	margin: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.timetable .result_03 tbody tr td:nth-child(2) .timetable_time > span {
	display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between;
}
.timetable .result_03 tbody tr td:nth-child(2) .timetable_time > span > a {
	width: 100%; font-size: 1.6rem;
}
.timetable .result_03 .timetable_time .train {
	margin-right: 5%;
}
.timetable2 {
	padding: 3%;
}
.timetable2 .timetable2_dl {
	padding: 5%; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.timetable2 .timetable2_dl dt {
	width: 100%;
}
.timetable2 .timetable2_dl dd {
	width: 100%;
}
.timetable2 .timetable2_dl dt::after {
	content: none;
}
.timetable2 .exp_notes {
	padding: 5%;
}
.arrow_box {
	padding: 20px 20%; width: 65vw; line-height: 1.5rem; font-size: 1.2rem; margin-top: 0px; margin-left: 0px;
}
.arrow_box .arrowbox_title {
	padding: 0px 0.5rem 0.8rem; color: rgb(0, 136, 3); font-weight: bold; margin-bottom: 0.8rem; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.arrow_box > p {
	padding: 0px 0.5rem;
}
.arrow_box > dl {
	padding: 0px 0.5rem;
}
.arrow_box > p:not(:last-of-type) {
	margin-bottom: 0.7rem;
}
.arrow_box > dl:not(:last-of-type) {
	margin-bottom: 0.7rem;
}
.arrow_box p br {
	
}
.arrow_box p.arrowbox_train span {
	margin-right: 1em; display: inline-block;
}
.arrow_box p.arrowbox_dest span {
	margin-right: 1em; display: inline-block;
}
.arrow_box p.arrowbox_misc span {
	margin-right: 1em; display: inline-block;
}
.arrow_box p .arrowbox_subject + br {
	display: inline !important;
}
.arrow_box::after {
	background: rgb(255, 255, 255); margin: auto; left: 0px; top: 0px; width: 100%; height: 20px; right: 0px; position: absolute; z-index: 6; content: "";
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+1).timetable_time .arrow_box {
	left: 0px; top: 70px;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+1).timetable_time .arrow_box::before {
	margin: 0px; left: 12%; top: -5px; right: auto;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+2).timetable_time .arrow_box {
	left: -35%; top: 70px;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+2).timetable_time .arrow_box::before {
	margin: 0px; left: 25%; top: -5px; right: auto;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+3).timetable_time .arrow_box {
	left: -100%; top: 70px;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+3).timetable_time .arrow_box::before {
	margin: 0px; left: 47%; top: -5px; right: auto;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+4).timetable_time .arrow_box {
	left: -200%; top: 70px;
}
.timetable .result_03 tbody tr td:nth-child(2) :nth-child(4n+4).timetable_time .arrow_box::before {
	margin: 0px; left: 80%; top: -5px; right: auto;
}
.reservation_box .reservation_btn01 {
	margin: 0px auto 20px; width: 80%;
}
.reservation_box .reservation_btn02 {
	margin: 0px auto 20px; width: 80%;
}
.reservation_box .left {
	margin-bottom: 20%;
}
}
@media print
{
#timetable_page {
	margin: 0px auto; width: 1035px;
}
#timetable_page .bgGray {
	background: rgb(255, 255, 255);
}
#timetable_page #mainVisual {
	display: none;
}
#timetable_page #breadcrumb {
	display: none;
}
#timetable_page .announce_ex1 {
	display: none;
}
#timetable_page .announce_ex2 {
	display: none;
}
#timetable_page .station_box {
	display: none;
}
#timetable_page .station_linkList {
	display: none;
}
#timetable_page .btnPrint {
	display: none;
}
#timetable_page .timetable_box .timetable .btn_weekday {
	display: none;
}
#timetable_page .timetable_box .timetable .btn_holiday {
	display: none;
}
#timetable_page .reservation_box {
	display: none;
}
#timetable_page .heading02 {
	display: none;
}
#timetable_page .stationSearch {
	display: none;
}
#timetable_page .routeSearch {
	display: none;
}
#timetable_page .cautionBox {
	display: none;
}
#timetable_page .u_station_linkList {
	display: none;
}
#timetable_page .linkLeft {
	display: none;
}
#timetable_page .cautionBox02 .right {
	display: none;
}
#timetable_page .cautionBox02 .left > li:last-child {
	display: none;
}
#timetable_page .pageTop {
	display: none;
}
#timetable_page #mainContents .container {
	padding-top: 30px;
}
#timetable_page #mainContents .container > .contentsWrapper {
	margin: 0px; padding: 0px; width: 100%; max-width: 100%;
}
#timetable_page #mainContents .container > .contentsWrapper > .wrapper {
	margin: 0px; padding: 0px;
}
#timetable_page .timetable_box .timetable .tit_holiday {
	padding: 5px; width: 100%; margin-bottom: 5px;
}
#timetable_page .timetable_box .timetable .tit_weekday {
	padding: 5px; width: 100%; margin-bottom: 5px;
}
#timetable_page .timetable {
	padding: 5px;
}
#timetable_page .timetable .result_03 td {
	padding: 0px;
}
#timetable_page .timetable2 {
	padding: 0px;
}
#timetable_page .timetable_box {
	padding-top: 0px !important;
}
#timetable_page .timetable_box .timetable_h.fixed {
	width: auto; position: static; max-width: inherit;
}
#timetable_page .cautionBox02 {
	padding: 5px; border: 1px solid rgb(51, 51, 51); border-image: none; margin-top: 15px;
}
#timetable_page .cautionBox02 .left {
	width: 100%;
}
#timetable_page .cautionBox02 .left > li {
	margin-bottom: 0px;
}
}


/* for smartdevice
*******************************************************************************/
@media (max-width : 600px ),
	(max-width : 800px ) and (orientation : portrait),
	(max-width : 960px ) and (orientation : landscape) {

	.topMainSideWrapper{
		width:100%;
	}
	.topMain{
		float:none;
		width:100%;
		margin-top:0;
		padding:0;
	}
	.side{
		width:100%;
	}

	.pageTtl{
		padding-top:10px;
		padding-bottom:10px;
	}
	.topInfoWrapper{
		background:#fff;
		padding:0;
	}
	.topInfo{
		border:none;
	}
	.topInfoList{
		padding:0 5px;
	}
	.topInfoDate,
	.topInfoTtl{
		display:block;
		width:auto;
	}
.topInfoListBtn{
		width:40%;
		border:1px solid #00527d;
		color:#00527d;
		margin:0 auto;
		padding:10px;
               text-align:center;
	}

	
	.kousoku .topInfoListBtn{
		border:1px solid #24583a;
		color:#24583a;
	}



	.topEtcInfoWrapper{
		border:none;
		border-top:10px solid #cfe7f5;
		border-bottom:10px solid #cfe7f5;
	}

	.topStatusLink{
		margin-left:0;
		float:none;
		display:block;
		width:100%;
		min-height:auto;
	}

	.sideList dt{
		text-align:center;
		padding:5px;
	}
	.sideList dd{
		width:190px;
		padding:10px;
		margin: 0 auto;
	}

	.topBannerWrapper{
		background: none;
		text-align: center;
	}
	.kousoku .topBannerWrapper{
		background: none;
			}
	.topBannerWrapper li{
		float:none;
		display: inline-table;
		padding:8px 0px 3px 8px;
		margin-bottom: 5pt;
		width: auto;
		
		
	}
	.bottomLinkWrapper{
		width:100%;
		background: none;
		padding:0;
		border: none;
	}
	.bottomLinkHead{
		float: none;
		text-align:center;
		background: #192b57;
		padding:20px;
		width:auto;
	}
	.kousoku .bottomLinkHead{
		width:100%;
	}
	.kousoku .bottomLink{
		float: none;
		width:100%;
	}
	.bottomLink
		{
		float: none;
		width:100%;
	}
	.bottomLink	li{
		display:block;
		width:80%;
		margin:0 auto;
	}
	.topSubLinkWrapper{
	width:auto;
	background:url(../images/bg.jpg);
	padding:10px 10px 10px 10px;
}
	.topSubLink	{
		float: none;
		width:auto;
	}
	.topSubLink	li{
		display:block;
		width:100%;
		margin:0 10;
	}
		.topSubLink li a{
	display:block;
	background: #fff url(../images/rosen_arrow.png) 5px center no-repeat;
	padding: 5px 10px 5px 28px;
	font-size: 1.0em;
}
	.kousoku .bottomLink li{
		line-height: 32px;
	}

	.pageTtl{
		text-align:left;
	}
.topPageNav li {
		width: calc(50% - 11px);
	}
	.topPageNav li img {
		width: 100%;
	}
	.topPageSubNav,.topPageSubNav2 {
		padding: 0 10px;
	}
	.topPageSubNav li,
	.topPageSubNav.extrabus li,
	.topPageSubNav.map li {
		width: 100%;
		border-left: 1px solid #0081cc;
		margin-bottom: 2px;
	}
	
	.topPageSubNav2 li {
		width: 100%;
		border-left: 1px solid #ff69b4;
		margin-bottom: 2px;
	}	
		
	.topPageSubNav li a {
		display: block;
	}


	.tbl-r02,
	.tbl-r05
		{
    width: 100%;
  }

		
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }	
	
.tbl-r05 {
    width: 80%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
	 padding-left: 10px;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #cfe7f5;
    color: #0081cc;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
	color:#0081cc;
    margin-right: 10px;
  }
}
	
	
		
}
		
		
}



	.topSubHead {
		padding-left: 10px;
	}
	.topSubHead::after {
		width: 25%;
	}

 

.cf:after {
    content:" ";
    display:block;
    clear:both;
}