@charset "utf-8";

.subnav li#navnu01{
background-color: #c8a960;
}

header .page_title_bg01 {
    background-image: url("/location/images/main_bg01.jpg");
}

header .page_title_bg02 {
    background-image: url("/location/images/main_bg02.jpg");
}

header .page_title_bg03 {
    background-image: url("/location/images/main_bg03.jpg");
}

header .page_title_bg04 {
    background-image: url("/location/images/main_bg04.jpg");
}

header .page_title_bg05 {
    background-image: url("/location/images/main_bg05.jpg");
}

.tyoseibox2025wari .basic_section{padding: 30px 0 0 0 !important;}

.trans_box_box .trans_box {
    text-align: center;
    margin: 100px auto 0 auto;
}

.trans_box_box .trans_box:first-child {
    text-align: center;
    margin: 0 auto 0 auto;
}


.basic_table22.ln_table th,
.basic_table00.ln_table th {
    width: 30%;
}

.basic_table22.ln_table00 th {
    width: 20%;
}

.bustime_detailbox_in .tablebussp {
    width: 100%;
}

.bustime_detailbox_in .tablebussp.w50 th {
    width: 50%;
    background-color: #dedede;
}

.bustime_detailbox_in .tablebussp.w25 th {
    width: 25%;
    background-color: #dedede;
}

.news_section {
    margin-bottom: 0px;
}


.access_pdf {
    margin: 50px auto 0 auto;
    text-align: center;
    display: table;
}

.access_pdf span {
    display: table-cell;
    padding: 5px 20px;
}

.access_pdf span a:before {
    content: "";
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 20px;
    /*画像の幅*/
    height: 20px;
    /*画像の高さ*/
    background-image: url(/location/images/link_jr.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px;
}

.access_pdf span a:hover:before {
    background-image: url(/location/images/link_jr_on.png);
}

@media screen and (max-width: 980px) {

    .basic_table22.ln_table th,
    .basic_table00.ln_table th {
        width: 100%;
    }

    .basic_table22.ln_table00 th {
        width: 100%;
    }

    .bustime_detailbox_in .tablebussp {
        width: 100%;
    }

    .bustime_detailbox_in .tablebussp.w50 th {
        width: 50%;
        background-color: #dedede;
    }

    .bustime_detailbox_in .tablebussp.w25 th {
        width: 25%;
        background-color: #dedede;
    }

    .news_section {
        margin-bottom: 0px;
    }


    .access_pdf {
        margin: 50px auto 0 auto;
        text-align: center;
        display: table;
    }

    .access_pdf span {
        display: table-cell;
        padding: 5px 1%;
        width: 48%;
    }




.teletcnolinkfont a{color:#302000;text-decoration: none;}




}

.walking_route_box{}
.walking_route_box .walking_route{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start; /* 基本は上揃え */
    width: 100%;
}
.walking_route_box .walking_route li{
    width: 280px;
    margin: 0 10px;
    flex-shrink: 0;
}
.walking_route_box .walking_route li .tit{
    font-size: 2.0rem;
    font-weight: 700;
}
.walking_route_box .walking_route li .tit span.num{
    display: inline-block;
    background-color: #5a4d43;
    color: #fff;
    width: 2em;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
}
.walking_route_box .walking_route li .txt{
    margin-bottom: 10px;
}
.walking_route_box .walking_route li .ph img{
    width: 100%;
    margin-bottom: 5px;
}
.walking_route_box .walking_route li.arrow {
  align-self: center; /* このliだけ上下中央 */
  display: inline-block;
  width: 50px;
  height: 76.6px;
  background: linear-gradient(90deg, #5e2b15 0%, #ab906e 100%);
  clip-path: polygon(0 30.4%, 35.7% 30.4%, 35.7% 0, 100% 50%, 35.7% 100%, 35.7% 69.6%, 0 69.6%);
}
@media screen and (max-width: 980px) {
.walking_route_box .walking_route li{
    width: 70%;
    margin: 0 5px;
    flex-shrink: 0;
}
.walking_route_box .walking_route li.arrow {
  display: inline-block;
  width: 30px;
  height: 46px;
  background: linear-gradient(90deg, #5e2b15 0%, #ab906e 100%);
  clip-path: polygon(0 28.2%, 35.7% 28.2%, 35.7% 0, 100% 50%, 35.7% 100%, 35.7% 71.8%, 0 71.8%);
}
.walking_route_box .walking_route li p.txt{
    width: 100%;
}
}

.scrolloverbox02 {
      width: 100%;
      margin: 10px auto 0 auto;
      background: #f9f9f9;
      padding: 15px;
      overflow-x: auto; /* 横スクロールを有効に */
    }
    .scrolloverbox02_inn {
      /* 横スクロールが発生するように最小幅を設定
      min-width: 1000px;
      white-space: nowrap; */
    }
     
      .scrolloverbox02_inn.accw{
        /* スマホでは見やすいように幅を調整（必要に応じて変更） */
        min-width: 90%;
      }
     

.scrolloverbox02 {
  width: 100%;
  /*  white-space: nowrap; */
  background-color: #f9f9f9;
  padding: 15px 0;
  -webkit-overflow-scrolling: touch; /* iOSのスムーズスクロール */
}
.scrolloverbox02.spup {
   padding: 10px 0;
  -webkit-overflow-scrolling: auto !important;
}
/* 縦線とスクロールリスト */
.scrolloverbox02_inn {
 /* white-space: nowrap; */
}

.scrolloverbox02 .simplebar-track.simplebar-horizontal {
    left: 0;
    height: 15px;
}



/* 掴みカーソル */
.scrolloverbox02 { cursor: grab; touch-action: pan-y; } /* ←横ドラッグを自前で扱う */
.scrolloverbox02.is-grabbing { cursor: grabbing; }

/* ドラッグ中は選択無効 */
.scrolloverbox02.is-dragging,
.scrolloverbox02.is-dragging * { user-select: none; }

/* 画像ドラッグ無効化 */
.walking_route_box .walking_route img {
  -webkit-user-drag: none;
  user-drag: none;
}


.tab00s {padding-bottom: 40px;margin: 0 auto;}
.tab_item {width: calc(100%/5);font-size: 1.6rem;padding-top: 10px;padding-bottom: 10px;border-bottom: 3px solid #c9bc9c;background-color: #c9bc9c;text-align: center;border-right: 1px solid #efefef;color: #ffffff;display: block;float: left;text-align: center;font-weight: 900;transition: all 0.2s ease;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 40px 40px 0;clear: both;overflow: hidden;}


#n_100:checked ~ #n_100_content,#n_200:checked ~ #n_200_content,#n_300:checked ~ #n_300_content,#n_400:checked ~ #n_400_content,#n_500:checked ~ #n_500_content { display: block;}

.tab00s input:checked + .tab_item {color: #fff;position: relative;background: #5d4616;}
.tab00s input:checked + .tab_item:before {position: absolute;bottom: -10px;left: 45%;width: 0;height: 0;content: '';border-width: 14px 12px 0 12px;border-style: solid;border-color: #5d4616 transparent transparent transparent;}


@media screen and (max-width: 960px) {
.tab_item {width: calc(100%/3);font-size: 1.1rem;border-bottom: 1px solid #efefef;letter-spacing: -0.01em;}
.tab_content {display: none;padding: 20px 0 0 0;clear: both;overflow: hidden;}
.tab00s {padding-bottom: 20px;margin: 0 auto;}
.tab00s .subtith2 {
        font-size: 1.6rem;
    }
}