@charset "utf-8";

/*===========================*/
/*　　乗り物（公共交通機関）・タクシーページ
/*===========================*/

.transport_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 10px 15px 10px;
text-align: left;
}

.transport_top_msg_zone ol {
padding: 0px 5px 0px 20px;
}

.transport_top_msg_zone ol li {
padding: 0px 0px 3px 0px;
}

.transport_top_msg_zone ol li ol {
padding: 0px 0px 0px 20px;
}

.transport_top_msg_zone ol li ol li {
padding: 0px 0px 0px 0px;
}

.transport_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 20px;
}

.transport_top_msg_zone ul li {
padding: 0px 0px 3px 0px;
}

.transport_menu-box {
width: 100%;
margin: 0px auto;
text-align: center;
}

.transport_menu-box .img-box {
display: inline-block ;
width: 290px;
margin: 10px;
padding: 5px;
background-color: #ffffff;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #999999;
}

.transport_menu-box .img-box p {
font-size: 15px;
font-weight: bold;
padding: 10px 5px;
text-align: center;
}

.vrr_zone_map {
width: 100%;
margin: 0px auto;
overflow: hidden;
}

.vrr_zone_map img {
max-width: 100%;
margin: 0px auto;
padding: 10px 20px;
}

.vrr_zone_map_640 {
display: none;
}

.transport_table_zone {
width: 100%;
margin: 10px auto;
padding: 0px 10px 0px 10px;
}

.transport_table_zone table {
border-collapse: collapse;
background-color: #ffffff;
}

.transport_table_zone table tbody th {
font-size: 15px;
font-weight: normal;
padding: 4px 20px 4px 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
}

.transport_table_zone table tbody th .no-wrap {
white-space: nowrap;
}

.transport_table_zone table tbody td {
padding: 4px 20px 4px 10px;
text-align: left;
vertical-align: middle;
border: 1px solid #999999;
}

.rb_full-price-list {
width : 100%;
max-width: 960px;
margin: 0px auto;
}

.rb_full-price-list table {
max-width: 940px;
border-collapse: collapse;
background-color: #ffffff;
margin: 5px 10px 5px 20px;
}

.rb_full-price-list table tbody th {
color: #000099;
padding: 3px 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
background: #ffffe0;
white-space: nowrap;
}

.rb_full-price-list table tbody td{
padding: 3px 10px 3px 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
white-space: nowrap;
}

.rb_full-price-list table tbody .prc {
font-family: 'Varela Round', sans-serif;
font-weight: 400;
font-size: 15px;
padding: 3px 10px 3px 10px;
text-align: right;
vertical-align: middle;
border: 1px solid #999999;
white-space: nowrap;
}

.rb_price-list {
display: none;
}

.rb_sbahn_db-list {
border-collapse: collapse;
background-color: #ffffff;
margin: 10px 0px 0px 10px;
}

.rb_sbahn_db-list thead th {
font-weight: normal;
padding: 3px 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
white-space: nowrap;
}

.rb_sbahn_db-list thead .prc {
font-family: 'Varela Round', sans-serif;
font-weight: 400;
font-size: 15px;
padding: 3px 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
white-space: nowrap;
}

.rb_sbahn_db-list tbody {
display: none;
}

.taxi_table_zone_pc {
width: 100%;
margin: 10px auto;
padding: 0px 10px 0px 10px;
text-align: center;
}

.taxi_table_zone_mobile {
display: none;
}

.taxi_table_zone_pc .taxi_table_box,
.taxi_table_zone_mobile .taxi_table_box {
display: inline-block ;
padding: 10px 30px;
text-align: center;
vertical-align: top;
}

.taxi_table_box table {
border-collapse: collapse;
background-color: #ffffff;
}

.taxi_table_box table tbody th {
color: #000099;
font-size: 14px;
background: #ffffe0;
padding: 3px 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
}

.taxi_table_box table tbody td {
color: #000000;
font-size: 14px;
padding: 3px 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
}

.taxi_table_box table tbody .data1 {
font-family: Lato;
font-weight: 400;
font-size: 15px;
border: 1px solid #999999;
padding: 2px 30px 2px 10px;
text-align: left;
}

.taxi_table_box table tbody .data2 {
font-family: Lato;
font-weight: 400;
font-size: 15px;
border: 1px solid #999999;
padding: 2px 10px 2px 10px;
text-align: center;
}

.taxi_table_box table tbody .data3 {
font-family: Lato;
font-weight: 400;
font-size: 15px;
border: 1px solid #999999;
padding: 2px 10px 2px 30px;
text-align: right;
}

.teiki_table_zone {
width: 100%;
margin: 10px auto;
padding: 0px 10px 0px 10px;
text-align: center;
}

.teiki_table_zone_640 {
display: none;
}

.teiki_table_zone .teiki_table_box {
display: inline-block ;
padding: 10px 30px;
text-align: center;
vertical-align: top;
}

.teiki_table_box table {
border-collapse: collapse;
background-color: #ffffff;
}

.teiki_table_box table tbody th {
color: #000000;
font-size: 14px;
font-weight: normal;
padding: 3px 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
}

.teiki_table_box table tbody td {
color: #000000;
font-size: 14px;
padding: 3px 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
}


/***************************************/
/***************************************/
@media only screen and (max-width:640px) {

.transport_top_msg_zone ol {
padding: 10px 0px 0px 10px;
}

.transport_top_msg_zone ul {
list-style-type: square;
padding: 0px 0px 0px 10px;
}

.vrr_zone_map {
display: none;
}

.vrr_zone_map_640 {
display: block;
width: 100%;
margin: 0px auto;
overflow: hidden;
text-align: center;
}

.vrr_zone_map_640 img {
max-width: 100%;
margin: 0px auto;
padding: 10px;
}

.transport_table_zone {
width: 100%;
margin: 10px auto;
padding: 0px;
text-align: left;
}

.transport_table_zone table {
display: block;
background-color: #ffffff;
padding: 10px 5px;
border-collapse: collapse;
border: 1px solid #999999;
}

.transport_table_zone table tbody {
display: block;
border: none;
}

.transport_table_zone table tbody tr {
display: block;
margin-bottom: 15px;
border: none;
}

.transport_table_zone table tbody tr th,
.transport_table_zone table tbody tr td {
display: list-item;
padding: 0px 5px;
}

.transport_table_zone table tbody tr th{
color: #000099;
font-size: 15px;
font-weight: bold;
margin-left: 5px;
list-style-type: none;
text-align: left;
border: none;
}

.transport_table_zone table tbody tr td {
margin-left: 15px;
list-style-type: none;
text-align: left;
border: none;
word-break: break-all;
}

.rb_full-price-list {
display: none;
}

.rb_price-list {
display: block;
}

.accordion_menu li {
list-style-type: none;
}

.accordion_menu section {
text-align: left;
}

.accordion_menu section h6 {
background-color: #3585D6;
border-bottom: solid 1px #183D60;
margin-bottom: 1px;
padding: 10px;
font-size: 15px;
color: #ffffff;
cursor: pointer;
position: relative;
}

.accordion_menu section h6:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 15px;
width: 10px;
height: 10px;
margin-top: -8px;
background: #ffffff;
}

.accordion_menu section h6:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 15px;
width: 10px;
height: 10px;
margin-top: -13px;
background: #3585D6;
}

.accordion_menu section h6.active:before {
margin-top: -2px;
}

.accordion_menu section h6.active:after {
margin-top: 3px;
}

.accordion_menu section li {
list-style-type: none;
padding: 5px 0px;
}

.rb_sbahn_db-list thead {
display: none;
}

.rb_sbahn_db-list tbody {
display: block;
}

.rb_sbahn_db-list tbody th{
color: #000099;
padding: 3px 20px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
background: #ffffe0;
white-space: nowrap;
}

.rb_sbahn_db-list tbody td{
padding: 3px 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
white-space: nowrap;
}

.rb_sbahn_db-list tbody .prc {
font-family: 'Varela Round', sans-serif;
font-weight: 400;
font-size: 14px;
padding: 3px 10px 3px 20px;
text-align: right;
vertical-align: middle;
border: 1px solid #999999;
white-space: nowrap;
}

.taxi_table_zone_pc {
display: none;
}

.taxi_table_zone_mobile {
display: block ;
width: 100%;
margin: 10px auto;
padding: 0px 5px;
text-align: center;
}

.taxi_table_zone_pc .taxi_table_box,
.taxi_table_zone_mobile .taxi_table_box {
display: block ;
width: 100%;
margin: 0px auto;
padding: 10px 0px;
text-align: center;
}

.taxi_table_box table {
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
background-color: #ffffff;
}

.taxi_table_box table tbody th {
color: #000099;
font-size: 14px;
background: #ffffe0;
padding: 3px 5px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
}

.taxi_table_box table tbody .data1 {
font-family: Lato;
font-weight: 400;
font-size: 14px;
border: 1px solid #999999;
padding: 2px 5px;
text-align: left;
}

.taxi_table_box table tbody .data2 {
font-family: Lato;
font-weight: 400;
font-size: 14px;
border: 1px solid #999999;
padding: 2px 5px;
text-align: center;
}

.taxi_table_box table tbody .data3 {
font-family: Lato;
font-weight: 400;
font-size: 14px;
border: 1px solid #999999;
padding: 2px 5px;
text-align: right;
}

.teiki_table_zone {
display: none;
}

.teiki_table_zone_640 {
display: block;
width: 100%;
margin: 10px auto;
padding: 0px 0px;
text-align: center;
}

.teiki_table_zone_640 .teiki_table_box_640 {
display: inline-block ;
padding: 0px 0px;
}

.teiki_table_box_640 table {
border-collapse: collapse;
background-color: #ffffff;
}

.teiki_table_box_640 table tbody th {
color: #000000;
font-size: 14px;
font-weight: normal;
padding: 3px 10px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid #999999;
}

.teiki_table_box_640 table tbody td {
color: #000000;
font-size: 14px;
padding: 3px 10px;
text-align: center;
vertical-align: middle;
border: 1px solid #999999;
}


}
/***************************************/
/***************************************/
@media only screen and (max-width:480px) {

.transport_menu-box .img-box {
display: block ;
width: 100%;
max-width: 290px;
margin: 10px auto;
padding: 5px;
background-color: #ffffff;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #999999;
}

.transport_menu-box .img-box .img-photo {
width: 100%;
max-width: 250px;
margin: 0px auto;
}


}