@charset "utf-8";
/* CSS Document */
/*----------------------------------------
index
----------------------------------------*/
/*PC*/
@media only screen and (min-width: 768px) {
.pankuzu {
list-style: none;
margin: 20px 0 0;
display: flex;
justify-content: flex-end;
}
.pankuzu li {
color: #FFF;
font-size: 1.2rem;
}
.pankuzu li::after {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
padding: 0 10px;
}
.pankuzu li:last-of-type::after {
content: none;
}
.pankuzu li a {
color: #FFF;
}
.ttl01 {
font-size: 2.4rem;
padding: 5px 50px;
position: relative;
margin: 0 0 50px;
}
.ttl01::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 5px;
background: #096D97;
}
.ttl01::after {
content: "";
position: absolute;
top: 0;
left: 8px;
bottom: 0;
width: 2px;
background: #096D97;
}
.ttl02B {
color: #096D97;
border-top: 3px solid #096D97;
padding: 10px 5px 10px 70px;
margin: 70px 0 30px;
overflow: hidden;
position: relative;
}
.ttl02O {
color: #DB7E02;
border-top: 3px solid #DB7E02;
padding: 10px 5px 10px 70px;
margin: 70px 0 30px;
overflow: hidden;
position: relative;
}
.ttl02R {
color: #990000;
border-top: 3px solid #990000;
padding: 10px 5px 10px 70px;
margin: 70px 0 30px;
overflow: hidden;
position: relative;
}
.ttl02B::before {
content: "";
position: absolute;
top: -150%;
left: -150px;
width: 200px;
height: 300%;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #096D97;
}
.ttl02O::before {
content: "";
position: absolute;
top: -150%;
left: -150px;
width: 200px;
height: 300%;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #DB7E02;
}
.ttl02R::before {
content: "";
position: absolute;
top: -150%;
left: -150px;
width: 200px;
height: 300%;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #990000;
}
.ttl02B::after, .ttl02O::after, .ttl02R::after {
content: "\f063";
font-family: "Font Awesome 5 Free";
font-size: 2.4rem;
color: #FFF;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-top: 10px;
padding-left: 16px;
}
.mainvisual {}
.cont01 {
padding: 50px 0;
}
.cont01 .box {
display: flex;
justify-content: space-between;
margin: 0 0 10px;
}
.cont01 .box .box01 {
padding: 0 50px 0 0;
}
.cont01 .box .box02 {
padding: 0 50px 0 0;
display: flex;
align-items: center;
}
.cont01 .box .box03 {
padding: 0 50px 0 0;
}
.cont01 .box .box04 {
padding: 0 0 0 0;
display: flex;
align-items: center;
}
.cont01 .box h3 {
margin: 0 0 10px;
}
.cont01 .box select {
font-size: 1.8rem;
padding: 5px;
}
.cont01 .box input[type="button"] {
font-size: 1.8rem;
padding: 10px 30px;
}
.cont01 p {
font-size: 1.4rem;
}
.cont02 {
padding: 50px 0;
background: #e6f5ff;
}
.cont02 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
border-top: solid 1px #456990;
border-left: solid 1px #456990;
}
.cont02 ul li {
width: calc((100% / 3) - 1px);
font-size: 1.4rem;
border-bottom: solid 1px #456990;
border-right: solid 1px #456990;
box-sizing: border-box;
}
.cont02 ul li a {
display: block;
padding: 15px 0 15px 20px;
color: #456990;
position: relative;
}
.cont02 ul li a::after {
content: "\f358";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 15px;
right: 15px;
}
.cont02 ul li a:hover {
background: #456990;
color: #FFF;
}
.cont02 ul li a:hover::after {
background: #456990;
color: #FFF;
}
.cont03 {
padding: 50px 0;
}

.cont03 h4 {
background: #EEE;
padding: 15px;
margin: 0 0 20px;
}

.cont03 table {
margin: 0 auto 40px;
width: 100%;
border-top: solid 1px #CCC;
}
.cont03 table th {
padding: 5px 0;
border-bottom: solid 1px #CCC;
}
.cont03 table td {
padding: 5px 10px;
border-bottom: solid 1px #CCC;
}

.cont03 table td span{
color: #FF0000;
}

.cont03 table tr:nth-child(2n+2) th, .cont03 table tr:nth-child(2n+2) td {
background: #F6F6F6;
}
.cont03 p {
font-size: 1.4rem;
}
.b_blue {
background: #5b9bd5;
text-align: center;
box-sizing: border-box;
color: #fff;
margin-left: 5%;
width: 50%;
display: inline-block;
}
.cont04 {
padding: 50px 0;
}
.cont04 h4 {
background: #EEE;
padding: 15px;
margin: 0 0 30px;
}
.cont04 .btn {
margin: 0 0 50px;
text-align: center;
}
.cont04 .btn a {
display: inline-block;
width: 600px;
padding: 20px 0;
background: #6b2737;
color: #FFF;
font-size: 2.0rem;
font-weight: bold;
border-radius: 5px;
}
.cont05 {
padding: 50px 0;
}
.cont05 h4 {
background: #EEE;
padding: 15px;
margin: 0 0 30px;
}
.cont05 .btn {
margin: 0 0 50px;
text-align: center;
}
.cont05 .btn a {
display: inline-block;
width: 600px;
padding: 20px 0;
background: #6b2737;
color: #FFF;
font-size: 2.0rem;
font-weight: bold;
border-radius: 5px;
}
.contService {
padding: 50px 0;
background: #e6f5ff;
}
.contService ul {
list-style: none;
display: flex;
flex-wrap: wrap;
}
.clearfix.photo li {
width: 33%;
}
.cont06 {
padding: 50px 0;
}
.cont07 {
padding: 50px 0;
}
.cont08 {
padding: 50px 0;
}
.cont08 table {
margin: 0 auto 40px;
width: 100%;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
font-size: 1.6rem;
}
.cont08 table th {
padding: 5px 10px;
border-bottom: solid 1px #CCC;
border-right: solid 1px #CCC;
text-align: left;
font-weight: normal;
}
.cont08 table td {
padding: 5px 10px;
border-bottom: solid 1px #CCC;
border-right: solid 1px #CCC;
}
.cont09 {
padding: 50px 0;
}
.cont10 {
padding: 50px 0;
}
.time_box {
text-align: center;
}
.time_box .btn a {
display: inline-block;
padding: 20px;
box-sizing: border-box;
background: #6b2737;
color: #FFF;
font-size: 2.0rem;
font-weight: bold;
border-radius: 5px;
}

.time_box .btn a span{
font-size: 1.2rem;
display: block;
}

.hed_img {}
#contents {}
.w560_wrap {
margin: auto auto 20px;
width: 560px;
}
.slider {
height: 200px;
width: 600px;
margin-bottom: 25px !important;
}
.message a, .message a:hover {
color: #FFF !important;
width: 80%;
margin-right: auto;
margin-left: auto;
background: #F00;
display: block;
text-align: center;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.rosen_list {
list-style: none;
margin-bottom: 20px;
}
.rosen_list li {}
.rosen_list li a {
background: url(../images/com/arrow.gif) no-repeat 0px center;
float: left;
display: block;
white-space: nowrap;
margin-right: 30px;
padding-left: 20px;
margin-bottom: 5px;
}
.icon_list {
list-style: none;
}
.icon_list li {
width: 50px;
float: left;
margin-right: 10px;
}

.icon_list li img{
width: 100%;
height: auto;
}

.bus_icons {
float: left;
width: 500px;
margin-left: 20px;
}
.visiting_box {
float: left;
width: 49%;
margin-right: 1%;
}
.area_wrap {
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-content: center;
}
.area_name {
display: flex;
align-items: center;
justify-content: center;
background: #37a0cc;
border-radius: 3px;
padding: 1px;
white-space: nowrap;
color: #FFF;
width: 200px;
}
.area_list {
width: 900px;
}
.area_detail {
margin-bottom: 5px;
border-bottom: 1px dotted #999;
padding: 5px;
margin-top: 5px;
}
.area_banner {
float: left;
width: 190px;
}
.area_banner img {
width: 190px;
}
.area_text {
margin-left: 220px;
}
.location {
margin-bottom: 30px;
}
.location_wrap {
border: solid 1px #999999;
padding: 9px;
text-align: center;
}
.location_wrap p {
text-align: center !important;
}
.location table {
border: 1px solid #0066FF;
background: #F7F7F7;
}
.location table th {
width: 300px;
font-size: 1.2em;
color: #333;
}
.location table td {}
.location ul {
list-style: none;
padding: 10px;
}
.location ul li {
float: left;
margin-right: 25px;
}
.location ul li a {
background: #0072B6;
color: #FFF;
padding: 5px 20px;
border-radius: 5px;
text-decoration: none;
}
.location ul li a:hover {
background: #0094EC;
color: #FFF;
padding: 5px 20px;
border-radius: 5px;
text-decoration: none;
}
.location p {
font-size: 0.9em;
text-align: right;
padding-right: 9px;
}
.rg_list01 {
padding-left: 1em;
}
.rg_list01 dt {
line-height: 1em;
margin-top: 1.5em;
margin-bottom: 1em;
}
.rg_list01 dd {
line-height: 1.3em;
margin-right: 1em;
margin-top: -2em;
padding-left: 8.5em;
}
.eria_title_text {
width: 110px;
background: #37a0cc;
background: -moz-linear-gradient(#37a0cc, #02658f) repeat 0 0;
background: -webkit-gradient(linear, center bottom, center top, from(#37a0cc), to(#02658f));
-pie-background: linear-gradient(#37a0cc, #02658f);
border: 1px solid #02658f;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 1px;
margin: 1% 1% 2%;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.9em;
behavior: url(/ie_css3/PIE.htc);
}
.banner_eria_list {
margin: 0;
padding: 0;
list-style-type: none;
}
.banner_eria_list li {
background: #e3f7ff;
height: 40px;
width: 135px;
float: left;
margin-right: 15px;
}
.banner_eria_list li img {
width: 135px;
}
.eria_title_text02 {
width: 300px;
background: #ffa000;
border: 1px solid #e67800;
border-radius: 3px;
padding: 1px 5px;
margin: 1%;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.9em;
}
.guide_flow_title_img01 {
background: url(../images/category/route_guidance/com/guide_flow_img01.gif) 0 0 no-repeat;
height: 25px;
text-indent: -9999px;
margin-bottom: 10px;
}
.guide_flow_title_img02 {
background: url(../images/category/route_guidance/com/guide_flow_img02.gif) 0 0 no-repeat;
height: 25px;
text-indent: -9999px;
margin-bottom: 10px;
}
.guide_flow_title_img03 {
background: url(../images/category/route_guidance/com/guide_flow_img03.gif) 0 0 no-repeat;
height: 25px;
text-indent: -9999px;
margin-bottom: 10px;
}
.guide_flow_box {
background: url(../images/category/route_guidance/com/guide_flow_arrow.gif) left bottom no-repeat;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size: 1.6rem;
}
.guide_flow_list, .guide_flow_list02 {
margin: 0 0 20px;
padding: 0;
list-style-type: none;
display: flex;
justify-content: space-between;
}
.guide_flow_list li {
background: #FFFFF0;
width: 350px;
border-radius: 3px;
border: 1px solid #0082c3;
}
.guide_flow_list02 li {
background: #FFFFF0;
width: 350px;
border-radius: 3px;
border: 1px solid #0082c3;
}
.guide_flow_list li h5, .guide_flow_list02 li h5 {
background: #05a0e1;
border-radius: 3px 3px 0 0;
color: #FF3;
text-align: center;
font-size: 1.2em;
padding: 3px 0;
}
.title_convenience_store {
background: #900 !important;
color: #FFF !important;
}
.guide_flow_inner {
padding: 9px;
}
.guide_flow_text01 {
font-weight: bold;
margin-bottom: 5px;
}
.guide_flow_text02 {
font-size: 0.9em;
font-weight: bold;
color: #0082c3;
margin-bottom: 10px;
}
.guide_flow_text03 {
font-weight: bold;
color: #F60;
}
.guide_flow_text04 {
font-weight: bold;
color: #0082c3;
margin-bottom: 10px;
}
.form_box {}
.btn_click {
width: 90%;
margin: 0 auto 5px;
}
.btn_click a {
background: #ffa000;
border-radius: 3px;
padding: 1px 5px;
text-align: center;
white-space: nowrap;
color: #FFF !important;
font-weight: bold;
display: block;
}
.btn_click a i {
margin-left: 10px;
font-size: 80%;
}
.btn_click2 {
width: 90%;
margin: 0 auto 5px;
}
.btn_click2 a {
background: #1e89b5;
border-radius: 3px;
padding: 1px 5px;
text-align: center;
white-space: nowrap;
color: #FFF !important;
font-weight: bold;
display: block;
font-size: 0.9em;
}
.btn_click2 a i {
margin-left: 10px;
font-size: 80%;
}
.bus_img {
margin: 0 0 0px;
padding: 0;
list-style-type: none;
float: left;
}
.bus_img li {
float: left;
}
.bus_text {
float: left;
}
.bus_text h3 {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 1.6em;
padding-bottom: 4px;
margin-bottom: 5px;
}
.retsu3 {
width: 80px;
letter-spacing: 0.3em;
background: #ffa000;
border: 1px solid #e67800;
border-radius: 3px;
padding: 1px 3px;
margin: 0 0 0 10px;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.6em;
}
.retsu4 {
width: 80px;
letter-spacing: 0.3em;
background: #4bc654;
border: 1px solid #12861a;
border-radius: 3px;
padding: 1px 3px;
margin: 0 0 0 10px;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.6em;
}
.bus_kukan_text {
font-size: 0.9em;
line-height: 1.2em;
font-weight: bold;
}
.btn_pdf2 {
width: 75%;
background: #e67800;
border: 1px solid #e67800;
border-radius: 3px;
padding: 5px 5px;
margin: 0 auto 15px;
display: block;
}
.btn_pdf {
width: 50%;
background: #e67800;
border: 1px solid #e67800;
border-radius: 3px;
padding: 5px;
margin: 0 auto 30px;
display: block;
}
.btn_pdf3 {
margin: 0 auto 30px;
text-align: center;
}
.btn_pdf a, .btn_pdf2 a {
display: block;
font-size: 1.2em;
color: #FFF !important;
text-align: center;
font-weight: bold;
behavior: url(/ie_css3/PIE.htc);
}
.btn_pdf3 a {
display: inline-block;
width: 600px;
padding: 20px 0;
background: #6b2737;
color: #FFF;
font-size: 2.0rem;
font-weight: bold;
border-radius: 5px;
}
.com_title_yoyakufuyo_img {
background: url(../images/category/route_guidance/com/title_yoyakufuyo_img.gif) 0 0 no-repeat;
width: 250px;
height: 30px;
text-indent: -9999px;
margin-bottom: 15px;
}
.t_setouchi {
color: #37a0cc;
}
.rakuten_travel {
padding: 3px;
border: 2px solid #64B62A;
}
.fL_img {
float: left;
padding-right: 10px;
}
.table_calendar {
border-top: 1px solid #666;
border-right: 1px solid #666;
text-align: center;
}
.table_calendar th {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
font-weight: bold;
background: #DADADC;
}
.table_calendar td {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
.wrap_calendar2 {
display: flex;
flex-wrap: wrap;
}

.wrap_calendar3 {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style-type: none;
}

.wrap_calendar3 li{
width: 23%;
margin:0 1% 2%;
}

.wrap_calendar3 .table_calendar2{
width: 100%;
margin: 0;
}

.table_calendar2 {
border-top: 1px solid #666;
border-right: 1px solid #666;
text-align: center;
font-size: 1.4rem;
width: 24%;
margin: 0 1% 2% 0;
line-height: 1.6em;
}
.table_calendar2 th {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
font-weight: bold;
background: #DADADC;
padding: 5px 0;
}
.table_calendar2 td {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
padding: 5px 0;
}
.hed_slider {
background: #009e9f;
border: 10px solid #009e9f;
margin-bottom: 20px;
}
.hed_slider h3 {
font-size: 3.6rem;
line-height: 4.8rem;
margin: 0 0 30px;
}
.hed_slider h3 span {
font-size: 2.4rem;
margin: 0 5px;
}
.hed_sliderL {
line-height: 1.6em;
color: #FFF;
padding: 30px 0;
font-size: 1.4rem;
}
.hed_sliderL a {
color: #009E9F;
background: #FFF;
margin: 0px 2px;
padding: 2px 5px;
}
.hed_sliderR {
border: 5px solid #FFF;
height: 200px;
}
.w930_wrap {
margin: auto auto 40px;
width: 930px;
}
.sub_menu {
list-style: none;
}
.sub_menu li {
float: left;
}
.sub_menu li a {}
.sub_menu li a span {
font: 0.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top: 1px solid #FFF;
display: block;
}
.sub_menu li a:hover {}
.anchor_menu {
background: #C6DEF2;
margin-bottom: 20px;
padding: 10px 5px 0px;
}
.anchor_menu h2 {
float: left;
margin-right: 10px;
width: 130px;
text-align: center;
font-size: 1.2em;
color: #069;
padding: 5px 0px;
}
.anchor_menu ul {
list-style: none;
float: left;
width: 810px;
}
.anchor_menu ul li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.anchor_menu ul li a {
padding: 5px 10px 5px 5px;
color: #FFF;
text-align: center;
display: block;
border-radius: 3px;
border: 1px solid #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#3294d0), to(#287bbc));
background: -moz-linear-gradient(top, #3294d0, #287bbc);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3294d0, endColorstr=#287bbc);
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#3294d0, endColorstr=#287bbc)";
background: linear-gradient(to bottom, #3294d0, #287bbc);
font-weight: bold;
font-size: 1.2em;
}
.anchor_menu ul li a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#287bbc), to(#3294d0));
background: -moz-linear-gradient(top, #287bbc, #3294d0);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#287bbc, endColorstr=#3294d0);
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#287bbc, endColorstr=#3294d0)";
background: linear-gradient(to bottom, #287bbc, #3294d0);
text-decoration: none;
}
.route_guidance_title {
position: relative;
background: #6666FF;
color: #FFF;
height: 90px;
margin-bottom: 10px;
}
.route_guidance_title .yoyaku {
position: absolute;
top: 10px;
right: 20px;
background: #000;
padding: 3px 23px;
font-weight: bold;
border-radius: 3px;
}
.route_guidance_title h2 {
position: relative;
top: 10px;
left: 20px;
width: 600px;
font: 1.6em/250% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.route_guidance_title h2 span {
font-size: 1.6em;
margin-left: 20px;
}
.route_guidance_title .bus {}
.waku_red {
color: #C00;
border: 2px solid #C00;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_blue {
color: #03F;
border: 2px solid #03F;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_green {
color: #060;
border: 2px solid #060;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_purple {
color: #906;
border: 2px solid #906;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_orange {
color: #C60;
border: 2px solid #C60;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_first {
border-radius: 3px;
padding: 3px 10px;
color: #FFF;
background: #C60;
float: right;
font-size: 1.2em;
}
.whats_new {
float: left;
width: 450px;
}
.reservation {
float: right;
width: 490px;
}
.reservation_bg {
width: 420px;
padding: 14px 9px 9px;
background: #6666FF;
}
.quick_reservation {
margin-bottom: 10px;
}
.quick_reservation th {
border-bottom: #999 dotted 1px;
padding-bottom: 10px;
padding-top: 10px;
}
.quick_reservation td {
border-bottom: #999 dotted 1px;
padding-bottom: 10px;
padding-top: 10px;
}
.quick_reservation_title {
background: #06F;
color: #FFF;
padding: 3px 5px;
border-radius: 3px;
white-space: nowrap;
display: block;
}
.table_time {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_time th {
background: #F3F3F3;
padding: 2px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
font-weight: normal;
}
.table_time td {
padding: 2px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.bg_child {
background: #F0FAFF;
}
.scroll {
margin: 0 0 30px;
}

.table_unchin0 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
white-space: nowrap;
}

.table_unchin0 th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin0 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}


.table_unchin {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}

.table_unchin th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin td:nth-child(1) {
width: 80%;
}

.table_unchin td:nth-child(2),
.table_unchin td:nth-child(3){
width:10%;
}

.table_unchin caption {
background: #EBEBEB;
text-align: left;
padding: 5px 20px;
font-weight: bold;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin2 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}

.table_unchin2 th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin2 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
vertical-align: middle;
}

.table_unchin2 td:nth-child(1) {
width: 70%;
}

.table_unchin2 td:nth-child(2),
.table_unchin2 td:nth-child(3){
width:15%;
}


.table_unchin3 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}

.table_unchin3 th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin3 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
vertical-align: middle;
}

.table_unchin3 td:nth-child(1n) {
width:30%;
}

.table_unchin3 td:nth-child(2n){
width:55%;
}

.table_unchin3 td:nth-child(3n){
width:15%;
}


.table_unchin4 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
white-space: nowrap;
}

.table_unchin4 th {
width: 33%;
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin4 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}


.table_unchin caption {
background: #EBEBEB;
text-align: left;
padding: 5px 20px;
font-weight: bold;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin_1st {
background: #E6E6E6;
}
.timetable_change {
margin-bottom: 10px;
font-weight: 700;
margin-top: 50px;
}
.attention {
list-style: none;
}
.attention_b {
display: inline-block;
background: #002060;
padding: 5px 20px;
margin: 0 auto;
}
.attention_b h3 {
font-weight: 500;
color: #FFF;
font-size: 16px;
}
.table_setouchi th {
text-align: left;
background: #D9F2FF;
padding: 5px;
border-right: 1px solid #FFF;
}
.table_setouchi td {
background: #D9F2FF;
padding: 5px 5px 5px 20px;
font-size: 0.9em;
}
.pdf_wrap {
padding: 5px;
width: 750px;
margin-right: auto;
margin-left: auto;
border: 1px solid #999;
margin-bottom: 20px;
}
.pdf_wrapL {
float: left;
width: 161px;
}
.pdf_wrapR {
float: right;
width: 570px;
}
.table_guideline {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_guideline th {
background: #F3F3F3;
padding: 2px 10px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
font-weight: normal;
text-align: left;
}
.table_guideline td {
padding: 2px 10px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.form_box {
border: 1px solid #06F;
padding: 5px;
text-align: center;
background: #D8F2FE;
}
.hed_map {
float: right;
width: 430px;
}
.hed_pict {
float: left;
width: 500px;
}
.bnr_rafraichir {
font-size: 0.9em;
line-height: 1.4em;
padding: 15px 10px;
}
.bnr_rafraichir img {
float: left;
margin: auto 15px 10px auto;
}
.bnr_rafraichir p {
float: right;
width: 285px;
}
.goto {
list-style: none;
font-size: 1em;
line-height: 120%;
}
.goto li {
float: left;
width: 146px;
}
.flow_bus {
list-style: none;
font-size: 1em;
line-height: 130%;
}
.flow_bus li {
float: left;
width: 450px;
margin-bottom: 20px;
}
.flow_bus li img {
float: left;
width: 210px;
}
.flow_bus li p {
margin-left: 220px;
margin-top: 5px;
margin-right: 10px;
}
.pd05 {
padding: 5px;
}
.pd10 {
padding: 10px;
}
.list_img01, .list_img02 {
list-style: none;
margin-bottom: 20px;
margin-left: 30px;
width: 570px;
}
.list_img01 li, .list_img02 li {
float: left;
width: 135px;
margin-bottom: 10px;
background: #06F;
}
.busmap {
list-style: none;
width: 90%;
margin-right: auto;
margin-left: auto;
}
.busmap li {
float: left;
}
.busmap li a {
background: url(../images/com/arrow.gif) no-repeat 0px center;
display: block;
white-space: nowrap;
margin-right: 30px;
padding-left: 20px;
margin-bottom: 5px;
}
.busmap li a:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}
.ml285 {
margin-left: 285px;
}
.bnr_728 {
width: 728px;
margin: 0 auto 40px;
}
#buggage .buggage_text_box span {
color: #C00;
font-size: 26px;
font-weight: 800;
display: block;
margin: 20px 0;
}
#buggage .buggage_text_box a {
font-size: 20px;
}
#buggage .buggage_text_box .img {
width: 90%;
}



.table_ttl_day {
font-size: 2rem;
font-weight: 700;
margin-bottom: 30px;
line-height: 1;
}
.table_ttl {
font-size: 1.8rem;
margin-bottom: 10px;
font-weight: 700;
line-height: 1;
}
.table_ttl span {
display: block;
font-weight: 300;
font-size: 1.4rem;
margin-top: 10px;
}
.table_unchin_col {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
font-size: 1.3rem;
}
.table_unchin_col th {
width: 260px;
background: #F3F3F3;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: left;
}
.table_unchin_col td {
width: 60px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: center;
}
.table_unchin_col td.line {
width: 65px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px dotted #CCC;
text-align: center;
}

.table_unchin_col2 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
font-size: 1.3rem;
}
.table_unchin_col2 th {
width: 260px;
background: #F3F3F3;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: center;
}
.table_unchin_col2 td {
width: 60px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_unchin_col2 td.bg_hed {
width: 60px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
font-weight: 700;
}

.table_unchin_col2 td.line {
width: 65px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px dotted #CCC;
text-align: center;
}

.table_unchin_col2 td.w260{
width: 260px;
}

.route_btn {
margin: 0 0 50px;
text-align: center;
}
.route_btn a {
display: inline-block;
width: 600px;
padding: 20px 0;
background: #6b2737;
color: #FFF;
font-size: 2.0rem;
font-weight: bold;
border-radius: 5px;
}


.new_info_box{
width: 100%;
position: relative;
}

.new_info_box::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 1;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
}

.new_info_box .info_box{
position: absolute;
top: 30%;
left: 50%;
width: 50%;
margin-left: -25%;
background: #FF0000;
padding: 30px;
box-sizing: border-box;
z-index: 10;
font-size: 1.8rem;
font-weight: bold;
line-height: 2;
color: #FFF;
}


/*add20250829
-----------------------------------------*/
.root_list{
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 0 40px;
list-style: none;
}

.root_list li{
width:calc(18.2% - 4px);
margin-right: 2%;
margin-bottom: 30px;
position: relative;
border: 2px solid #878787;
padding: 6px;
box-sizing: border-box;
border-radius: 1rem;
}

.root_list li::before{
content:"";
width: 10px;
height:10px;
border: 0;
border-top: solid 3px #086DB0;
border-right: solid 3px #086DB0;
transform: rotate(45deg);
position: absolute;
top: 0;
right: -18px;
bottom: 0;
margin: auto;
}

.root_list li:nth-child(1){
border: 2px solid #086DB0;
}

.root_list li:last-child{
border: 2px solid #df458a;
}


.root_list li:last-child::before{
display: none;
}

.root_list li:nth-child(5){
margin-right:0;
}

.root_list li:nth-child(6),
.root_list li:nth-child(10){
margin-left:20%;
}

.root_list li:nth-child(8){
margin-right:2%;
}


.root_list li .n_txt{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 1.2rem;
font-weight:700;
line-height: 1.4;
text-align: center;
}

.root_list li .n_txt2{
background: #e6f5ff;
padding: 5px;
box-sizing: border-box;
font-size: 1.2rem;
font-weight:700;
line-height: 1;
text-align: center;
margin-top: 10px;
border-radius: .6rem;
}

.root_list li .n_txt3{
background: #f2c9db;
padding: 5px;
box-sizing: border-box;
font-size: 1.2rem;
font-weight:700;
line-height: 1;
text-align: center;
margin-top: 10px;
border-radius: .6rem;
}


.root_list li .map{
width: 80%;
padding:5px;
box-sizing: border-box;
font-size: 1.2rem;
font-weight: 500;
background: #404040;
margin:10px auto 0;
border-radius: 50rem;
}

.root_list li .map a{
color: #FFF;
display: block;
display: flex;
align-items: center;
justify-content: center;
}

.road_ttl {
border: 1px solid #EEE!important;
background:rgba(0,0,0,.02)!important;
padding:15px !important;
font-size: 22px!important;
font-weight: bold;
line-height: 1;
margin: 0 0 20px!important;
}


}
/*sp*/
@media only screen and (max-width: 767px) {
.timetable_change {
margin-bottom: 10px;
font-weight: 700;
margin-top: 50px;
}
.pankuzu {
list-style: none;
margin: 20px 0 10px;
display: none;
justify-content: flex-start;
}
.ttl01 {
font-size: 2.0rem;
padding: 5px 30px;
position: relative;
margin: 0 0 5%;
}
.ttl01::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 5px;
background: #096D97;
}
.ttl01::after {
content: "";
position: absolute;
top: 0;
left: 8px;
bottom: 0;
width: 2px;
background: #096D97;
}
.ttl02B {
color: #096D97;
border-top: 3px solid #096D97;
padding: 10px 5px 10px 70px;
margin: 70px 0 30px;
overflow: hidden;
position: relative;
}
.ttl02O {
color: #DB7E02;
border-top: 3px solid #DB7E02;
padding: 10px 5px 10px 70px;
margin: 70px 0 30px;
overflow: hidden;
position: relative;
}
.ttl02R {
color: #990000;
border-top: 3px solid #990000;
padding: 10px 5px 10px 70px;
margin: 70px 0 30px;
overflow: hidden;
position: relative;
}
.ttl02B::before {
content: "";
position: absolute;
top: -150%;
left: -150px;
width: 200px;
height: 300%;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #096D97;
}
.ttl02O::before {
content: "";
position: absolute;
top: -150%;
left: -150px;
width: 200px;
height: 300%;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #DB7E02;
}
.ttl02R::before {
content: "";
position: absolute;
top: -150%;
left: -150px;
width: 200px;
height: 300%;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
background: #990000;
}
.ttl02B::after, .ttl02O::after, .ttl02R::after {
content: "\f063";
font-family: "Font Awesome 5 Free";
font-size: 2.4rem;
color: #FFF;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-top: 10px;
padding-left: 16px;
}
.mainvisual {}
.cont01 {
padding: 10% 2%;
}
.cont01 .box {
display: flex;
justify-content: space-between;
margin: 0 0 10px;
}
.cont01 .box .box01 {
padding: 0 50px 0 0;
}
.cont01 .box .box02 {
padding: 0 50px 0 0;
display: flex;
align-items: center;
}
.cont01 .box .box03 {
padding: 0 50px 0 0;
}
.cont01 .box .box04 {
padding: 0 0 0 0;
display: flex;
align-items: center;
}
.cont01 .box h3 {
margin: 0 0 10px;
}
.cont01 .box select {
font-size: 1.8rem;
padding: 5px;
}
.cont01 .box input[type="button"] {
font-size: 1.8rem;
padding: 10px 30px;
}
.cont01 p {
font-size: 1.4rem;
}
.cont02 {
padding: 10% 2%;
background: #e6f5ff;
display: none;
}
.cont02 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
border-top: solid 1px #456990;
border-left: solid 1px #456990;
}
.cont02 ul li {
width: calc(100% / 3);
font-size: 1.4rem;
border-bottom: solid 1px #456990;
border-right: solid 1px #456990;
box-sizing: border-box;
}
.cont02 ul li a {
display: block;
padding: 15px 0 15px 20px;
color: #456990;
position: relative;
}
.cont02 ul li a::after {
content: "\f358";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 15px;
right: 15px;
}
.cont02 ul li a:hover {
background: #456990;
color: #FFF;
}
.cont02 ul li a:hover::after {
background: #456990;
color: #FFF;
}
.cont03 {
padding: 10% 2%;
}
.cont03 h4 {
background: #EEE;
padding: 15px;
margin: 0 0 20px;
}
.cont03 table {
margin: 0 auto 40px;
width: 100%;
border-top: solid 1px #CCC;
}
.cont03 table th {
padding: 5px 0;
border-bottom: solid 1px #CCC;
}
.cont03 table td {
padding: 5px 10px;
border-bottom: solid 1px #CCC;
}
.cont03 table td a {
white-space: nowrap;
}

.cont03 table td span{
color: #FF0000;
}

.cont03 table tr:nth-child(2n+2) th, .cont03 table tr:nth-child(2n+2) td {
background: #F6F6F6;
}
.cont03 p {
font-size: 1.4rem;
}
.b_blue {
background: #5b9bd5;
box-sizing: border-box;
color: #fff;
width: 100%;
display: inline-block;
}
.cont04 {
padding: 10% 2%;
}
.cont04 h4 {
background: #EEE;
padding: 15px;
margin: 0 0 30px;
}
.cont04 .btn {
margin: 0 0 50px;
text-align: center;
}
.cont04 .btn a {
display: inline-block;
width: 80%;
padding: 10px 10px;
background: #6b2737;
color: #FFF;
font-size: 1.8rem;
font-weight: bold;
border-radius: 5px;
}
.cont05 {
padding: 10% 2%;
}
.cont05 h4 {
background: #EEE;
padding: 15px;
margin: 0 0 30px;
}
.cont05 .btn {
margin: 0 0 50px;
text-align: center;
}
.cont05 .btn a {
display: inline-block;
width: 80%;
padding: 10px 10px;
background: #6b2737;
color: #FFF;
font-size: 1.8rem;
font-weight: bold;
border-radius: 5px;
}
.contService {
padding: 10% 2%;
background: #e6f5ff;
}
.contService ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.clearfix.photo ul li {
margin-top: 30px;
}
.cont06 {
padding: 10% 2%;
}
.cont07 {
padding: 10% 2%;
}
.cont08 {
padding: 10% 2%;
}
.cont08 table {
margin: 0 auto 40px;
width: 100%;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
font-size: 1.6rem;
}
.cont08 table th {
padding: 5px 10px;
border-bottom: solid 1px #CCC;
border-right: solid 1px #CCC;
text-align: left;
font-weight: normal;
}
.cont08 table td {
padding: 5px 10px;
border-bottom: solid 1px #CCC;
border-right: solid 1px #CCC;
}
.cont09 {
padding: 10% 2%;
}
.cont10 {
padding: 10% 2%;
}
.hed_img {}
#contents {}
.w560_wrap {
margin: auto auto 20px;
width: 560px;
}
.slider {
height: 200px;
width: 600px;
margin-bottom: 25px !important;
}
.message a, .message a:hover {
color: #FFF !important;
width: 80%;
margin-right: auto;
margin-left: auto;
background: #F00;
display: block;
text-align: center;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.rosen_list {
list-style: none;
margin-bottom: 20px;
}
.rosen_list li {}
.rosen_list li a {
background: url(../images/com/arrow.gif) no-repeat 0px center;
float: left;
display: block;
white-space: nowrap;
margin-right: 30px;
padding-left: 20px;
margin-bottom: 5px;
}
.icon_list {
list-style: none;
}
.icon_list li {
float: left;
margin-right: 5px;
}
.bus_icons {
float: none;
width: 100%;
}
.visiting_box {
float: left;
width: 49%;
margin-right: 1%;
}
.area_wrap {
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-content: center;
}
.area_name {
display: flex;
align-items: center;
justify-content: center;
background: #37a0cc;
border-radius: 3px;
padding: 1px;
white-space: nowrap;
color: #FFF;
width: 200px;
}
.area_list {
width: auto;
}
.area_detail {
margin-bottom: 5px;
border-bottom: 1px dotted #999;
padding: 5px;
margin-top: 5px;
}
.area_banner {
float: left;
width: 190px;
}
.area_banner img {
width: 190px;
}
.area_text {
margin-left: 220px;
}
.location {
margin-bottom: 30px;
}
.location_wrap {
border: solid 1px #999999;
padding: 9px;
text-align: center;
}
.location_wrap p {
text-align: center !important;
}
.location table {
border: 1px solid #0066FF;
background: #F7F7F7;
}
.location table th {
width: 300px;
font-size: 1.2em;
color: #333;
}
.location table td {}
.location ul {
list-style: none;
padding: 10px;
}
.location ul li {
float: left;
margin-right: 25px;
}
.location ul li a {
background: #0072B6;
color: #FFF;
padding: 5px 20px;
border-radius: 5px;
text-decoration: none;
}
.location ul li a:hover {
background: #0094EC;
color: #FFF;
padding: 5px 20px;
border-radius: 5px;
text-decoration: none;
}
.location p {
font-size: 0.9em;
text-align: right;
padding-right: 9px;
}
.rg_list01 {
padding-left: 1em;
}
.rg_list01 dt {
line-height: 1em;
margin-top: 1.5em;
margin-bottom: 1em;
}
.rg_list01 dd {
line-height: 1.3em;
margin-right: 1em;
margin-top: -2em;
padding-left: 8.5em;
}
.eria_title_text {
width: 110px;
background: #37a0cc;
background: -moz-linear-gradient(#37a0cc, #02658f) repeat 0 0;
background: -webkit-gradient(linear, center bottom, center top, from(#37a0cc), to(#02658f));
-pie-background: linear-gradient(#37a0cc, #02658f);
border: 1px solid #02658f;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 1px;
margin: 1% 1% 2%;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.9em;
behavior: url(/ie_css3/PIE.htc);
}
.banner_eria_list {
margin: 0;
padding: 0;
list-style-type: none;
}
.banner_eria_list li {
background: #e3f7ff;
height: 40px;
width: 135px;
float: left;
margin-right: 15px;
}
.banner_eria_list li img {
width: 135px;
}
.eria_title_text02 {
width: 300px;
background: #ffa000;
border: 1px solid #e67800;
border-radius: 3px;
padding: 1px 5px;
margin: 1%;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.9em;
}
.guide_flow_title_img01 {
background: url(../images/category/route_guidance/com/guide_flow_img01.gif) 0 0 no-repeat;
height: 25px;
text-indent: -9999px;
margin-bottom: 10px;
}
.guide_flow_title_img02 {
background: url(../images/category/route_guidance/com/guide_flow_img02.gif) 0 0 no-repeat;
height: 25px;
text-indent: -9999px;
margin-bottom: 10px;
}
.guide_flow_title_img03 {
background: url(../images/category/route_guidance/com/guide_flow_img03.gif) 0 0 no-repeat;
height: 25px;
text-indent: -9999px;
margin-bottom: 10px;
}
.guide_flow_box {
background: url(../images/category/route_guidance/com/guide_flow_arrow.gif) left bottom no-repeat;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size: 1.6rem;
}
.guide_flow_list, .guide_flow_list02 {
margin: 0 0 20px;
padding: 0;
list-style-type: none;
display: inherit;
justify-content: space-between;
}
.guide_flow_list li {
background: #FFFFF0;
width: 100%;
border-radius: 3px;
border: 1px solid #0082c3;
margin-bottom: 5%;
}
.guide_flow_list02 li {
background: #FFFFF0;
width: 100%;
border-radius: 3px;
border: 1px solid #0082c3;
margin-bottom: 5%;
}
.guide_flow_list li h5, .guide_flow_list02 li h5 {
background: #05a0e1;
border-radius: 3px 3px 0 0;
color: #FF3;
text-align: center;
font-size: 1.2em;
padding: 3px 0;
}
.title_convenience_store {
background: #900 !important;
color: #FFF !important;
}
.guide_flow_inner {
padding: 9px;
}
.guide_flow_text01 {
font-weight: bold;
margin-bottom: 5px;
}
.guide_flow_text02 {
font-size: 0.9em;
font-weight: bold;
color: #0082c3;
margin-bottom: 10px;
}
.guide_flow_text03 {
font-weight: bold;
color: #F60;
}
.guide_flow_text04 {
font-weight: bold;
color: #0082c3;
margin-bottom: 10px;
}
.form_box {}
.btn_click {
width: 90%;
margin: 0 auto 5px;
}
.btn_click a {
background: #ffa000;
border-radius: 3px;
padding: 1px 5px;
text-align: center;
white-space: nowrap;
color: #FFF !important;
font-weight: bold;
display: block;
}
.btn_click2 {
width: 90%;
margin: 0 auto 5px;
}
.btn_click2 a {
background: #1e89b5;
border-radius: 3px;
padding: 1px 5px;
text-align: center;
white-space: nowrap;
color: #FFF !important;
font-weight: bold;
display: block;
font-size: 0.9em;
}
.bus_img {
margin: 0 0 20px;
padding: 0;
list-style-type: none;
float: none;
}
.bus_img li {
float: none;
}
.bus_text {
float: none;
}
.bus_text h3 {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 1.6em;
padding-bottom: 4px;
margin-bottom: 5px;
}
.retsu3 {
width: 80px;
letter-spacing: 0.3em;
background: #ffa000;
border: 1px solid #e67800;
border-radius: 3px;
padding: 1px 3px;
margin: 0 0 0 10px;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.6em;
}
.retsu4 {
width: 80px;
letter-spacing: 0.3em;
background: #4bc654;
border: 1px solid #12861a;
border-radius: 3px;
padding: 1px 3px;
margin: 0 0 0 10px;
text-align: center;
white-space: nowrap;
color: #FFF;
font-size: 0.6em;
}
.bus_kukan_text {
font-size: 0.9em;
line-height: 1.2em;
font-weight: bold;
}
.btn_pdf2 {
width: 75%;
background: #e67800;
border: 1px solid #e67800;
border-radius: 3px;
padding: 5px 5px;
margin: 0 auto 15px;
display: block;
}
.btn_pdf {
width: 50%;
background: #e67800;
border: 1px solid #e67800;
border-radius: 3px;
padding: 5px;
margin: 0 auto 30px;
display: block;
}
.btn_pdf a, .btn_pdf2 a {
display: block;
font-size: 1.2em;
color: #FFF !important;
text-align: center;
font-weight: bold;
behavior: url(/ie_css3/PIE.htc);
}
.com_title_yoyakufuyo_img {
background: url(../images/category/route_guidance/com/title_yoyakufuyo_img.gif) 0 0 no-repeat;
width: 250px;
height: 30px;
text-indent: -9999px;
margin-bottom: 15px;
}
.t_setouchi {
color: #37a0cc;
}
.rakuten_travel {
padding: 3px;
border: 2px solid #64B62A;
}
.fL_img {
float: left;
padding-right: 10px;
}
.table_calendar {
border-top: 1px solid #666;
border-right: 1px solid #666;
text-align: center;
}
.table_calendar th {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
font-weight: bold;
background: #DADADC;
}
.table_calendar td {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
.wrap_calendar2 {
display: flex;
flex-wrap: wrap;
}

.wrap_calendar3 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding: 0;
list-style-type: none;
}

.wrap_calendar3 li{
width:48%;
margin:0 0 2%;
}

.wrap_calendar3 .table_calendar2{
width: 100%;
margin: 0;
}

.table_calendar2 {
border-top: 1px solid #666;
border-right: 1px solid #666;
text-align: center;
font-size: 1.4rem;
width: 48%;
margin: 0 2% 2% 0;
line-height: 1.6em;
}
.table_calendar2 th {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
font-weight: bold;
background: #DADADC;
padding: 2px 0;
}
.table_calendar2 td {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
padding: 2px 0;
}
.hed_slider {
background: #009e9f;
border: 10px solid #009e9f;
margin-bottom: 20px;
}
.hed_slider h3 {
font-size: 2.8rem;
margin: 0 0 30px;
line-height: 140%;
}
.hed_sliderL {
line-height: 1.6em;
color: #FFF;
padding: 30px 0;
font-size: 1.4rem;
}
.hed_sliderL a {
color: #009E9F;
background: #FFF;
margin: 0px 2px;
padding: 2px 5px;
}
.hed_sliderR {
border: 5px solid #FFF;
height: 200px;
}
.w930_wrap {
margin: auto auto 40px;
width: 100%;
}
.sub_menu {
list-style: none;
}
.sub_menu li {
float: left;
}
.sub_menu li a {}
.sub_menu li a span {
font: 0.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top: 1px solid #FFF;
display: block;
}
.sub_menu li a:hover {}
.anchor_menu {
background: #C6DEF2;
margin-bottom: 20px;
padding: 10px 5px 0px;
}
.anchor_menu h2 {
float: left;
margin-right: 10px;
width: 130px;
text-align: center;
font-size: 1.2em;
color: #069;
padding: 5px 0px;
}
.anchor_menu ul {
list-style: none;
float: left;
width: 810px;
}
.anchor_menu ul li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.anchor_menu ul li a {
padding: 5px 10px 5px 5px;
color: #FFF;
text-align: center;
display: block;
border-radius: 3px;
border: 1px solid #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#3294d0), to(#287bbc));
background: -moz-linear-gradient(top, #3294d0, #287bbc);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3294d0, endColorstr=#287bbc);
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#3294d0, endColorstr=#287bbc)";
background: linear-gradient(to bottom, #3294d0, #287bbc);
font-weight: bold;
font-size: 1.2em;
}
.anchor_menu ul li a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#287bbc), to(#3294d0));
background: -moz-linear-gradient(top, #287bbc, #3294d0);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#287bbc, endColorstr=#3294d0);
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#287bbc, endColorstr=#3294d0)";
background: linear-gradient(to bottom, #287bbc, #3294d0);
text-decoration: none;
}
.route_guidance_title {
position: relative;
background: #6666FF;
color: #FFF;
height: 90px;
margin-bottom: 10px;
}
.route_guidance_title .yoyaku {
position: absolute;
top: 10px;
right: 20px;
background: #000;
padding: 3px 23px;
font-weight: bold;
border-radius: 3px;
}
.route_guidance_title h2 {
position: relative;
top: 10px;
left: 20px;
width: 600px;
font: 1.6em/250% "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.route_guidance_title h2 span {
font-size: 1.6em;
margin-left: 20px;
}
.route_guidance_title .bus {}
.waku_red {
color: #C00;
border: 2px solid #C00;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_blue {
color: #03F;
border: 2px solid #03F;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_green {
color: #060;
border: 2px solid #060;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_purple {
color: #906;
border: 2px solid #906;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_orange {
color: #C60;
border: 2px solid #C60;
border-radius: 3px;
padding: 3px 10px;
font-weight: bold;
font-size: 1.4em;
display: block;
float: left;
white-space: nowrap;
}
.waku_first {
border-radius: 3px;
padding: 3px 10px;
color: #FFF;
background: #C60;
float: right;
font-size: 1.2em;
margin: 10px 0 0;
}
.whats_new {
float: left;
width: 450px;
}
.reservation {
float: right;
width: 490px;
}
.reservation_bg {
width: 420px;
padding: 14px 9px 9px;
background: #6666FF;
}
.quick_reservation {
margin-bottom: 10px;
}
.quick_reservation th {
border-bottom: #999 dotted 1px;
padding-bottom: 10px;
padding-top: 10px;
}
.quick_reservation td {
border-bottom: #999 dotted 1px;
padding-bottom: 10px;
padding-top: 10px;
}
.quick_reservation_title {
background: #06F;
color: #FFF;
padding: 3px 5px;
border-radius: 3px;
white-space: nowrap;
display: block;
}
.table_time {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_time th {
background: #F3F3F3;
padding: 2px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
font-weight: normal;
}
.table_time td {
padding: 2px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.bg_child {
background: #F0FAFF;
}
.scroll {
margin: 0 0 30px;
}


.table_unchin0 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_unchin0 th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_unchin0 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}



.table_unchin {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_unchin th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_unchin td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin2 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_unchin2 th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_unchin2 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
vertical-align: middle;
}


.table_unchin3 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_unchin3 th {
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_unchin3 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
vertical-align: middle;
}


.table_unchin4 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_unchin4 th {
width: 33%;
background: #F3F3F3;
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_unchin4 td {
padding: 5px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}


.table_unchin caption {
background: #EBEBEB;
text-align: left;
padding: 5px 20px;
font-weight: bold;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table_unchin_1st {
background: #E6E6E6;
}
.attention {
list-style: none;
}
.table_setouchi th {
text-align: left;
background: #D9F2FF;
padding: 5px;
border-right: 1px solid #FFF;
}
.table_setouchi td {
background: #D9F2FF;
padding: 5px 5px 5px 20px;
font-size: 0.9em;
}
.pdf_wrap {
padding: 5px;
width: 750px;
margin-right: auto;
margin-left: auto;
border: 1px solid #999;
margin-bottom: 20px;
}
.pdf_wrapL {
float: left;
width: 161px;
}
.pdf_wrapR {
float: right;
width: 570px;
}
.table_guideline {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 100%;
}
.table_guideline th {
background: #F3F3F3;
padding: 2px 10px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
font-weight: normal;
text-align: left;
}
.table_guideline td {
padding: 2px 10px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.form_box {
border: 1px solid #06F;
padding: 5px;
text-align: center;
background: #D8F2FE;
}
.hed_map {
float: right;
width: 430px;
}
.hed_pict {
float: left;
width: 500px;
}
.bnr_rafraichir {
font-size: 0.9em;
line-height: 1.4em;
padding: 15px 10px;
}
.bnr_rafraichir img {
float: left;
margin: auto 15px 10px auto;
}
.bnr_rafraichir p {
float: right;
width: 285px;
}
.goto {
list-style: none;
font-size: 1em;
line-height: 120%;
}
.goto li {
float: left;
width: 146px;
}
.flow_bus {
list-style: none;
font-size: 1em;
line-height: 130%;
}
.flow_bus li {
float: left;
width: 450px;
margin-bottom: 20px;
}
.flow_bus li img {
float: left;
width: 210px;
}
.flow_bus li p {
margin-left: 220px;
margin-top: 5px;
margin-right: 10px;
}
.pd05 {
padding: 5px;
}
.pd10 {
padding: 10px;
}
.list_img01, .list_img02 {
list-style: none;
margin-bottom: 20px;
margin-left: 30px;
width: 570px;
}
.list_img01 li, .list_img02 li {
float: left;
width: 135px;
margin-bottom: 10px;
background: #06F;
}
.busmap {
list-style: none;
width: 90%;
margin-right: auto;
margin-left: auto;
}
.busmap li {
float: left;
}
.busmap li a {
background: url(../images/com/arrow.gif) no-repeat 0px center;
display: block;
white-space: nowrap;
margin-right: 30px;
padding-left: 20px;
margin-bottom: 5px;
}
.busmap li a:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}
.ml285 {
margin-left: 285px;
}
.attention_b {
display: inline-block;
background: #002060;
padding: 5px 20px;
margin: 0 auto;
}
.attention_b h3 {
font-weight: 500;
color: #FFF;
font-size: 15px;
}
.bnr_728 {
width: 100%;
margin: 0 auto 30px;
}
#buggage .buggage_text_box span {
color: #C00;
font-size: 19px;
font-weight: 800;
display: block;
margin: 10px 0;
}
.time_box {
text-align: center;
}
.time_box .btn a {
display: inline-block;
padding: 20px;
background: #6b2737;
color: #FFF;
font-size: 1.5rem;
font-weight: bold;
border-radius: 5px;
}

.time_box .btn a span{
font-size: 1.2rem;
display: block;
}


.table_ttl_day {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1;
}
.table_ttl {
font-size: 1.4rem;
margin-bottom: 10px;
font-weight: 700;
line-height: 1.4;
}
.table_ttl span {
display: block;
font-weight: 300;
font-size: 1.2rem;
margin-top: 10px;
line-height: 1;
}
.table_unchin_col {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
font-size: 1.3rem;
}
.table_unchin_col th {
width: 260px;
background: #F3F3F3;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: left;
}
.table_unchin_col td {
width: 60px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: center;
}
.table_unchin_col td.line {
width: 65px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px dotted #CCC;
text-align: center;
}

.table_unchin_col2 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
font-size: 1.3rem;
}
.table_unchin_col2 th {
width: 260px;
background: #F3F3F3;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: center;
}
.table_unchin_col2 td {
width: 60px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
}

.table_unchin_col2 td.bg_hed {
width: 60px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
font-weight: 700;
}

.table_unchin_col2 td.w260{
width: 260px;
}

.table_unchin_col2 td.line {
width: 65px;
padding: 5px;
box-sizing: border-box;
border-bottom: 1px solid #CCC;
border-left: 1px dotted #CCC;
text-align: center;
}

.route_btn {
margin: 0 0 50px;
text-align: center;
}
.route_btn a {
display: inline-block;
width: 80%;
padding: 10px 10px;
background: #6b2737;
color: #FFF;
font-size: 1.8rem;
font-weight: bold;
border-radius: 5px;
}


.new_info_box{
width: 100%;
position: relative;
}

.new_info_box::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 1;
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
}

.new_info_box .info_box{
position: absolute;
top: 10%;
left: 50%;
width: 80%;
margin-left: -40%;
background: #FF0000;
padding: 20px;
box-sizing: border-box;
z-index: 10;
font-size: 1.6rem;
font-weight: bold;
line-height: 2;
color: #FFF;
}


/*add20250829
-----------------------------------------*/
.root_list{
width: 94%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 40px;
list-style: none;
}

.root_list li{
width:calc(48% - 4px);
margin-bottom: 4%;
position: relative;
border: 2px solid #878787;
padding:8px;
box-sizing: border-box;
border-radius: 1rem;
}

.root_list li::before{
content:"";
width: 10px;
height:10px;
border: 0;
border-top: solid 3px #086DB0;
border-right: solid 3px #086DB0;
transform: rotate(45deg);
position: absolute;
top: 0;
right: -16px;
bottom: 0;
margin: auto;
}

.root_list li:nth-child(1){
border: 2px solid #086DB0;
}

.root_list li:last-child{
border: 2px solid #df458a;
}


.root_list li:last-child::before{
display: none;
}


.root_list li .n_txt{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
}

.root_list li .n_txt2{
background: #e6f5ff;
padding: 5px;
box-sizing: border-box;
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
text-align: center;
margin-top: 10px;
border-radius: .6rem;
}

.root_list li .n_txt3{
background: #f2c9db;
padding: 5px;
box-sizing: border-box;
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
text-align: center;
margin-top: 10px;
border-radius: .6rem;
}


.root_list li .map{
width: 80%;
padding:5px;
box-sizing: border-box;
font-size: 1.2rem;
font-weight: 500;
background: #404040;
margin:10px auto 0;
border-radius: 50rem;
}

.root_list li .map a{
color: #FFF;
display: block;
display: flex;
align-items: center;
justify-content: center;
}

.road_ttl {
border: 1px solid #EEE!important;
background:rgba(0,0,0,.02)!important;
padding:10px !important;
font-size: 16px!important;
line-height:1;
font-weight: bold;
margin: 0 0 20px!important;
}

}
/*----------------------------------------
info
----------------------------------------*/
/*pc*/
@media only screen and (min-width: 768px) {}
/*sp*/
@media only screen and (max-width: 767px) {
.btn_pdf3 {
margin: 0 auto 30px;
text-align: center;
}
.btn_pdf a, .btn_pdf2 a {
display: block;
font-size: 1.2em;
color: #FFF !important;
text-align: center;
font-weight: bold;
behavior: url(/ie_css3/PIE.htc);
}
.btn_pdf3 a {
display: inline-block;
width: 80%;
padding: 10px 10px;
background: #6b2737;
color: #FFF;
font-size: 1.8rem;
font-weight: bold;
border-radius: 5px;
}
}