@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 1920px){
    .sec_pabr .before_box{
        background-size: 1920px 192px;
    }
}
@media screen and (min-width : 641px) and (max-width : 1000px) {
    #tmp_caruse_wrap .caruse_wrapper{
        max-width: 90%;
    }
}
@media screen and (min-width : 641px) and (max-width : 840px) {
    #tmp_webcam_wrap .experiment_list ul {
        gap: 0 4%;
    }
}
@media screen and (min-width : 641px) and (max-width : 780px) {
    .sec_pabr .before_box .img_box .sub_img {
        width: calc(50% - 172px);
        max-width: 180px;
    }
}
@media screen and (max-width : 640px) {

/* Common
================================================== */
#tmp_contents h1,
.heading_ttl h1,
.heading_ttl h2{
    position: relative;
    margin: 6vw auto;
    font-size: 157.1%;
}
#tmp_banner_area h1,
#tmp_banner_area p{
    background-image: url(/site/shared/templates/accessnavi/images/common/top_header_sp_inner.png);
    background-size: auto 100%;
    height: 100%;
}
#tmp_banner_area{
   height: 40vw;
}
.block_inner_wrap{
    background-size: 691px 22px;
    padding-top: 22px;
    padding-bottom: 22px;
}
.block_odd {
    margin-top: 12vw;
}
#tmp_movie_wrap .block_odd,
#tmp_webcam_wrap .section_map.block_odd,
#tmp_traffic_jam_cal_wrap .section_trafic_cal.block_odd,
#tmp_parking_wrap .section_lead.block_odd,
#tmp_route_wrap .section_term.block_odd {
    margin-top: 0;
}
#tmp_traffic .block_inner,
#tmp_experiment .block_inner,
#tmp_traffic_rakutoku_wrap .section_ticket .block_inner,
.block_odd .block_inner {
    padding: 7.5vw 0;
}
.block_even {
    margin-top: 3vw;
}
.block_even .block_inner {
    padding: 5vw 0;
}
.block_inner h2,
.block_inner h3 {
    font-size: 128.6%;
    margin-bottom: 35px;
}
#tmp_page_menu {
    width: 94%;
    gap: 28px 0;
    justify-content: space-between;
    margin-bottom: 71px;
}
#tmp_page_menu li {
    width: 48%;
    margin: 1%;
}
#tmp_page_menu li a {
    display: block;
    width: auto;
    padding: 14px 30px 14px 15px;
}
#tmp_parking_wrap #tmp_page_menu li a,
#tmp_route_wrap #tmp_page_menu li a {
    width: auto;
}
#tmp_page_menu li a::before {
    top: calc(50% - 7px);
    right: 10px;
}
.btn_default a {
    font-size: 114.3%;
}
/* Top content
================================================== */
.show_sp {
    display: block;
}
.show_pc {
    display: none;
}
#tmp_mainvs {
    background: url(/site/shared/templates/accessnavi/images/main/top_header_bg.png) repeat center -72px;
    background-size: 32px 720px;
    overflow: hidden;
}
#tmp_mainvs .splide_inner {
    height: auto;
}
#tmp_mainvs .slider01 .splide_img {
    width: auto;
    height: auto;
}
#tmp_mainvs .slider01 img {
    position: static;
    width: 120vw;
    height: 105.6vw;
    transform: none;
}
#tmp_mainvs .slider01 .slider_cnt{
    text-align: left;
}
#tmp_mainvs .slider01 .slider_cnt p {
    margin-top: 2.5vw;
    padding: 0 5% calc(5vw + 72px);
    font-size: 128.6%;
}
#tmp_mainvs .slider02 {
    padding-bottom: 52px;
}
#tmp_mainvs .slider02 .splide_inner {
    background-image: url(/site/shared/templates/accessnavi/images/main/slider02_bg_sp.png);
    background-size: 95% auto;
}
#tmp_mainvs .slider02 .splide_img {
    padding: 50px 0;
}
#tmp_mainvs .slider02 .splide_img img {
    width: 90%;
    height: auto;
    margin: 0 auto;
}
#tmp_mainvs .slider02 .slider_cnt {
    margin-top: 0;
    max-width: 360px;
    width: 80%;
}
#tmp_mainvs .slider02 .slider_cnt p {
    padding-bottom: 80px;
}

.sec_information .container,
.news_box .container,
.top_main_contents .container {
    max-width: 90%;
}
.top_main_contents .container {
    padding: 0;
}
/* Information Section */
.sec_information {
    padding-bottom: 6vw;
    background-size: 192vw 6vw;
}
.sec_information .alert_box {
    padding: 20px 0 18px;
    line-height: 1.5;
    font-size: 128.57%;
}
/* Direct Buttons */
.direct_btns_box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 5;
}
.direct_btns_box .container {
    padding: 0;
}
.direct_btns_box .direct_btns {
    gap: 0;
}
.direct_btns_box .direct_btn {
    width: 50%;
}
.direct_btns_box .direct_btn a {
    font-size: 114.29%;
    padding: 8px;
    border-radius: 0;
    line-height: 1.25;
}
.direct_btns_box .direct_btn a:after {
    content: none;
}
.direct_btns_box .direct_btn_02 .img,
.direct_btns_box .img {
    width: 6vw;
    max-width: 30px;
    padding-top: 0;
    margin-right: 10px;
}
.direct_btns_box .img img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.direct_btns_box .txt {
    padding-top: 0;
}

/* News Box */
.news_box {
    padding-top: 90px;
}
.news_box .news_box_ttl {
    padding-bottom: 3px;
    margin-bottom: 15px;
}
.news_box .news_box_ttl h2 {
    font-size: 100%;
    background-image: url(/site/shared/templates/accessnavi/images/main/information_txt_sp.png);
    background-position: 1px 0;
    background-size: auto 18px;
    padding-left: 119px;
    padding-bottom: 2px;
}
.news_box .news_box_ttl h2 .sub {
    font-size: 157.1%;
    margin-right: 5px;
}
.news_box .news_box_cnt {
    padding-right: 16px;
    font-size: 100%;
}
.news_box .news_box_cnt .news_txt,
.news_box .news_box_cnt .news_date {
    display: block;
}
.news_box .news_box_cnt .news_txt {
    padding: 4px 0 5px;
    line-height: 1.8;
}
.news_box .news_box_cnt .news_date{
    width: auto;
    padding: 3px 0 0;
}
.news_box .news_box_cnt .news_txt a:hover{
    color: #ce0202;
}
/* SNS Box */
.sns_box {
    margin: 24px 0 37px;
}
.sns_box a {
    padding: 7px 0 0 64px;
    font-size: 100%;
    line-height: 1.8;
}
.sns_box .container{
    margin: 0;
    max-width: 100%;
}
.sns_box span {
    width: 40px;
    left: 8px;
}

/* Park and Ride Section */
.sec_pabr {
    margin-top: 12vw;
}
.sec_sub_ttl h3 {
    font-size: 157.1%;
    line-height: 1.3;
    padding-top: 4px;
}
.sec_pabr .sec_pabr_ttl .container {
    max-width: 80%;
}
.sec_pabr .sec_pabr_cnt p {
    display: inline-block;
    margin: 18px auto 18px;
    line-height: 2;
    font-size: 100%;
    text-align: left;
}
.sec_pabr .before_box {
    background-size: 100vw 10vw;
    margin-top: -2.5vw;
    padding: 16.5vw 0 4.5vw;
}
.sec_pabr .after_box {
    background-size: 80px 40px;
    padding: 61px 0 5vw;
}
.sec_pabr .after_box .sec_sub_ttl h3{
    padding-top: 2px;
    line-height: 1.2;
}
.sec_pabr .img_box {
    max-width: 280px;
    margin: 0 auto 3px;
}
.sec_pabr .before_box .img_box {
    display: block;
    padding: 0;
}
.sec_pabr .before_box .img_box .main_img {
    width: 100%;
}
.sec_pabr .before_box .img_box .sub_img {
    position: static;
    width: 60%;
    margin: 16px auto 0;
}
.sec_pabr .after_box .img_box {
    max-width: 240px;
    margin: 2px auto 0;
    width: 66%;
}

/* Access Section */
.sec_access {
    padding: 56px 0 0;
    background-size: 80px 40px;
}
.sec_access .access_btns {
    display: block;
    margin: 28px auto 63px;
    max-width: 288px;
}
.sec_access .access_btns:last-child {
    margin-top: 27px;
    margin-bottom: 35px;
}
.sec_access .access_btn {
    margin-bottom: 16px;
}
.sec_access .access_btn a {
    font-size: 114.29%;
}
.sec_access .sec_sub_ttl h3{
    font-size: 135.71%;
    padding-bottom: 2px;
}
/* Bus_information
================================================== */
#tmp_bus_wrap .access_map {
    margin: 60px 0;
}
#tmp_bus_wrap .heading_ttl h2 {
    margin-top: 45px;
    padding-bottom: 12px;
    font-size: 171.42%;
}
#tmp_bus_wrap .tab_item > span,
#tmp_bus_wrap .tab_item a{
    padding: 12px 5px 13px;
    font-size: 100%;
}

/* cards */
#tmp_bus_wrap .access_cards{
    flex-direction: column;
    gap: 0;
}
#tmp_bus_wrap .access_cards .card{
    width: 100%;
}
#tmp_bus_wrap .access_cards .card_header{
    padding: 8px 18px 5px;
    min-height: unset;
    font-size: 128.57%;
}
#tmp_bus_wrap .access_cards .card_body{
    padding-top: 14px;
    padding-bottom: 21px;
}
#tmp_bus_wrap .access_cards .bus_image{
    width: 100%;
    justify-content: space-between;
    margin-left: 0;
    margin-top: 15px;
}
#tmp_bus_wrap .access_cards .image img{
    margin-bottom: 25px;
}
#tmp_bus_wrap .access_cards .info_row{
    padding-bottom: 2px;
    line-height: 1.8;
}
#tmp_bus_wrap .access_cards .bus_note{
    margin-top: 1px;
    font-size: 100%;
    line-height: 1.8;
}
#tmp_bus_wrap .btn_simple a{
    padding: 9px 12px 8px;
    font-size: 100%;
}

/* card list */
#tmp_bus_wrap .card_list{
    flex-direction: column;
    gap: 0;
}
#tmp_bus_wrap .card_list .card{
    width: 100%;
}
#tmp_bus_wrap .card_list a{
    padding: 20px 34px 17px 16px;
    font-size: 128.57%;
}
#tmp_bus_wrap .card_list .card_img{
    margin-top: -4px;
}
#tmp_bus_wrap .gurutto_bus .image img {
    width: 100%;
    max-width: 192px;
}
#tmp_bus_wrap .card_list .card:last-of-type{
    margin-bottom: 0;
}

/* nationwide */
#tmp_bus_wrap .section_nationwide {
    margin-top: 26px;
    margin-bottom: 90px;
}
#tmp_bus_wrap .section_nationwide .card_list a{
    padding-bottom: 20px;
}
#tmp_bus_wrap .section_nationwide .card_img{
    margin-top: 0;
}
/* Route
================================================== */
#tmp_route_wrap #tmp_page_menu {
    margin-top: 39px;
}
#tmp_route_wrap .section_term .block_inner_wrap,
#tmp_route_wrap .section_calendar .block_inner_wrap {
    padding-top: 23px;
    padding-bottom: 22px;
}
#tmp_route_wrap .schedule_card {
    margin-bottom: 29px;
}
#tmp_route_wrap .schedule_row {
    display: block;
    line-height: 1.8;
}
#tmp_route_wrap .schedule_label,
#tmp_route_wrap .schedule_value {
    display: block;
}
#tmp_route_wrap .schedule_label {
    width: auto;
    padding: 11px 25px 10px;
    text-align: left;
}
#tmp_route_wrap .schedule_row:first-child .schedule_label {
    border-radius: 15px 15px 0 0;
}
#tmp_route_wrap .schedule_row:last-child .schedule_label {
    border-radius: 0;
}
#tmp_route_wrap .schedule_value {
    padding: 16px 25px 15px;
}
#tmp_route_wrap .attention_add {
    margin-bottom: -3px;
    padding-left: 0;
    font-size: 100%;
}
#tmp_route_wrap .attention_add li {
    line-height: 1.9;
}
#tmp_route_wrap .section_routemap {
    padding: 0;
}
#tmp_route_wrap .section_calendar .block_inner > p {
    line-height: 1.9;
}
#tmp_route_calendar_wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}
#tmp_route_calendar_wrap .route_calendar {
    width: auto;
    max-width: 300px;
    margin: 0 5px 14px;
}
#tmp_route_calendar_wrap .calendar_container {
    width: 100%;
}
#tmp_route_calendar_wrap .calendar_header {
    padding-top: 7px;
}
#tmp_route_calendar_wrap .month_jp {
    font-size: 214.3%;
}
#tmp_route_calendar_wrap .month_en {
    font-size: 171.4%;
}
#tmp_route_calendar_wrap .calendar_weekdays .day {
    font-size: 100%;
}
#tmp_route_calendar_wrap .calendar_days .day {
    font-size: 128.6%;
}
#tmp_route_calendar_wrap .calendar_note {
    margin-top: 24px;
    font-size: 85.7%;
}
#tmp_route_calendar_wrap .calendar_note .ib::before {
    top: -2px;
}
#tmp_route_wrap .section_timetable {
    padding: 0;
}
#tmp_route_wrap .section_timetable .block_inner h2 {
    margin-bottom: 36px;
}
#tmp_route_wrap .section_timetable .timetable th {
    line-height: 1.9;
}
#tmp_route_wrap .section_timetable .timetable td {
    padding: 7px 4px 6px;
    min-width: 40px;
    line-height: 1.9;
}
#tmp_route_wrap .section_timetable .timetable th.station_name {
    padding: 7px 4px 6px 5px;
    font-size: 100%;
}
#tmp_route_wrap .section_timetable .timetable .route_number {
    font-size: 92.9%;
    margin: 1px 2px 0 0;
    line-height: 1.8;
}
#tmp_route_wrap .section_timetable .timetable .depart_arrive {
    font-size: 85.7%;
}
#tmp_route_wrap .section_bus_guide {
    padding-top: 0;
}
#tmp_route_wrap .section_bus_guide .block_inner {
    padding-bottom: 0;
}
#tmp_route_wrap .section_bus_guide .block_inner h3:first-child {
    margin-bottom: 34px;
}
#tmp_route_wrap .section_bus_guide .noriba_note {
    margin-bottom: 38px;
    font-size: 114.3%;
}
#tmp_route_wrap .busstop_box {
    margin-bottom: 5vw;
}
#tmp_route_wrap .busstop_box:last-child {
    margin-bottom: 0;
}
#tmp_route_wrap .busstop_box .map {
    margin-bottom: 24px;
}
.busstop_timetable p.narakoen {
    padding: 10px 0 8px;
}
.busstop_timetable .time {
    font-size: 92.3%;
    line-height: 2;
}
.busstop_timetable .time .hour {
    width: 40px;
    padding: 5px 0 3px;
}
.busstop_timetable .time .min {
    margin: 0 6px;
    width: 24px;
    height: 24px;
}
.busstop_note {
    margin-top: 11px;
    font-size: 85.7%;
}
/* modal */
.modal_opened #tmp_header {
    z-index: -1;
}
#tmp_gallery_modal {
    top: 0;
    padding: 60px 0;
}
#tmp_gallery_modal .modal_close {
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background-size: 15px auto;
}
#tmp_gallery_modal .gallery_modal_cnt {
    padding: 36px 24px 28px;
}

/* Parking
================================================== */
#tmp_parking_wrap .heading_ttl + #tmp_page_menu {
    margin-top: -2px;
}
#tmp_parking_wrap #tmp_page_menu {
    display: block;
    padding-top: 0;
}
#tmp_parking_wrap #tmp_page_menu li {
    width: 100%;
}
#tmp_parking_wrap #tmp_page_menu li a {
    width: auto;
    padding: 15px 30px 11px 15px;
}
#tmp_parking_wrap .section_lead .cal_note {
    margin-top: 30px;
    font-size: 114.3%;
    text-align: left;
}
#tmp_parking_wrap .section_lead .img_box {
    margin-top: 9px;
}
#tmp_parking_wrap .section_lead .block_inner_wrap {
    padding-top: 22px;
    padding-bottom: 23px;
}
#tmp_parking_wrap .section_parking_note {
    padding: 2px 0 0;
}
#tmp_parking_wrap .section_parking_list .block_inner_wrap {
    padding-top: 24px;
}
#tmp_parking_wrap .section_parking_list h2 {
    margin-bottom: 33px;
}
#tmp_parking_wrap .section_parking_list h3 {
    font-size: 128.6%;
}
#tmp_parking_wrap .section_parking_list h3 span {
    padding: 13px 35px;
}
#tmp_parking_wrap .section_parking_list .pay h3 {
    font-size: 157.1%;
}
#tmp_parking_wrap .section_parking_list .pay h3 span {
    padding-bottom: 12px;
}
#tmp_parking_wrap .parking_list {
    padding: 27px 0 27px;
}
#tmp_parking_wrap .parking_list:last-child {
    padding-bottom: 0;
}
#tmp_parking_wrap .parking_box {
    margin-top: 36px;
}
#tmp_parking_wrap .parking_box h4 {
    font-size: 100%;
}
#tmp_parking_wrap .parking_box h4 .price {
    padding: 2px 3px 3px;
    margin-left: 5px;
}
#tmp_parking_wrap .parking_box .col {
    margin-top: 11px;
    display: block;
}
#tmp_parking_wrap .parking_box .col .txt_box {
    width: auto;
}
#tmp_parking_wrap .parking_box .col .txt_box table th,
#tmp_parking_wrap .parking_box .col .txt_box table td {
    padding: 4px 0 3px;
    line-height: 1.9;
}
#tmp_parking_wrap .parking_box .img_box {
    width: auto;
    padding-top: 19px;
}
#tmp_parking_wrap .pay .parking_box .img_box {
    padding-top: 17px;
}

/* Traffic
================================================== */
#tmp_traffic .block_inner_wrap {
    padding-top: 22px;
    padding-bottom: 22px;
}
#tmp_access h2{
    margin-top: 27px;
    font-size: 114.2%;
}
#tmp_access .img_box {
    margin-top: 12px;
}
/* traffic_jam_cal */
#tmp_traffic_jam_cal_wrap .section_trafic_cal .block_inner_wrap,
#tmp_traffic_jam_cal_wrap .section_traffic_solution .block_inner_wrap {
    padding-top: 22px;
    padding-bottom: 22px;
}
#tmp_traffic_jam_cal_wrap .traffic_subtitle {
    margin-bottom: 33px;
    font-size: 128.6%;
    line-height: 1.4;
}
#tmp_traffic_jam_cal_wrap .cal_data_wrap {
    margin-top: -6px;
    margin-bottom: 40px;
    display: block;
}
#tmp_traffic_jam_cal_wrap .cal_data {
    width: auto;
    margin-bottom: 24px;
}
#tmp_traffic_jam_cal_wrap .cal_caption {
    font-size: 171.4%;
    margin-bottom: 5px;
}
#tmp_traffic_jam_cal_wrap table.traffic_calendar {
    line-height: 1.7;
    font-size: 114.3%;
}
#tmp_traffic_jam_cal_wrap table.traffic_calendar th {
    padding: 3px 3px 2px;
}
#tmp_traffic_jam_cal_wrap table.traffic_calendar td {
    padding: 10px 3px 3px 10px;
    height:65px;
}
#tmp_traffic_jam_cal_wrap .cal_legend {
    margin-bottom: 22px;
    padding: 15px 15px 13px;
}
#tmp_traffic_jam_cal_wrap .cal_legend img {
    width: 100%;
}
#tmp_traffic_jam_cal_wrap .cal_note {
    line-height: 1.8;
}
#tmp_traffic_jam_cal_wrap .section_trafic_public {
    padding: 3px 0 19px;
}
#tmp_traffic_jam_cal_wrap .section_trafic_public .block_inner h2 {
    margin-bottom: 35px;
}
#tmp_traffic_jam_cal_wrap .section_trafic_public .btn_box {
    display: block;
}
#tmp_traffic_jam_cal_wrap .section_trafic_public .btn_default {
    margin-top: 20px;
}
#tmp_traffic_jam_cal_wrap .solution_box_list {
    margin-bottom: 56px;
}
#tmp_traffic_jam_cal_wrap .solution_box {
    display: block;
    padding: 19px 20px 20px;
    margin-bottom: 30px;
    text-align: center;
}
#tmp_traffic_jam_cal_wrap .solution_box .box_img {
    width: 25%;
    margin: 0 auto 30px;
}
#tmp_traffic_jam_cal_wrap .solution_box .box_txt {
    font-size: 142.9%;
    margin-bottom: 17px;
}
#tmp_traffic_jam_cal_wrap .solution_box .btn_default {
    padding-right: 0;
}
#tmp_traffic_jam_cal_wrap .section_trafic_public .btn_default a,
#tmp_traffic_jam_cal_wrap .solution_box .btn_default a {
    width: 100%;
    max-width: unset;
}
/* traffic_rakutoku */
#tmp_traffic_rakutoku_wrap .section_ticket {
    padding: 0;
}
#tmp_traffic_rakutoku_wrap .heading_ttl h1 {
    margin-top: 0;
    margin-bottom: 38px;
}
#tmp_traffic_rakutoku_wrap .traffic_lead {
    margin-bottom: 10px;
    font-size: 114.3%;
    text-align: left;
    line-height: 1.6;
}
#tmp_traffic_rakutoku_wrap .block_inner > h2 {
    width: 94%;
    margin: 0 auto 20px;
}
#tmp_traffic_rakutoku_wrap .type_links_menu {
    width: 100%;
    gap: 0 5px;
}
#tmp_traffic_rakutoku_wrap .type_links_menu .links_box {
    border-width: 1px;
}
#tmp_traffic_rakutoku_wrap .type_links_menu .links_ttl {
    font-size: 100%;
    padding: 6px 5px;
    line-height: 1.8;
}
#tmp_traffic_rakutoku_wrap .type_links_menu .links_ttl span {
    font-size: 85.7%;
}
#tmp_traffic_rakutoku_wrap .type_links_menu .links_list {
    margin: 7px;
    padding-bottom: 8px;
}
#tmp_traffic_rakutoku_wrap .ticket {
    margin-top: 6vw;
}
#tmp_traffic_rakutoku_wrap .ticket h2 {
    font-size: 114.3%;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_box {
    margin: 20px 15px;
    padding-bottom: 24px;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_box h3 {
    font-size: 128.6%;
    padding: 6px;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_box .box_cnt {
    display: block;
    padding: 32px 25px 0;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_box .box_txt p {
    margin-bottom: 9px;
    line-height: 1.9;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_box .box_img img {
    max-width: 288px;
    margin: 14px auto 2px;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_box .btn_default {
    margin-top: 22px;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_box .btn_default a {
    width: 90%;
    max-width: 288px;
    padding-left: 38px;
    padding-right: 38px;
}
#tmp_traffic_rakutoku_wrap .ticket .ticket_note {
    padding: 1px 15px 30px;
    line-height: 1.8;
}

/* Webcam
================================================== */
#tmp_webcam_wrap .section_map .block_inner_wrap {
    padding: 22px 0 42px;
}
#tmp_webcam_wrap h2 {
    font-size: 128.6%;
    width: 100%;
    padding: 10px;
    margin-top: 50px;
    margin-bottom: 35px;
}
#tmp_webcam_wrap .section_map .map {
    margin-top: 35px;
}
#tmp_webcam_wrap .recommend_wrap {
    display: block;
    margin-top: 77px;
}
#tmp_webcam_wrap .recommend {
    display: block;
    width: auto;
    margin-top: 20px;
}
#tmp_webcam_wrap .recommend h3 {
    font-size: 185.7%;
    margin-bottom: 10px;
}
#tmp_webcam_wrap .recommend_txt {
    min-height: unset;
    font-size: 128.6%;
}
#tmp_webcam_wrap .recommend_btns ul {
    display: flex;
    padding-top: 7px;
    height: auto;
    min-height: 95px;
    justify-content: flex-end;
    gap: 0;
}
#tmp_webcam_wrap .recommend_btns .btn_default:not(:first-child) {
    margin-top: 9px;
}
#tmp_webcam_wrap .recommend_btns .btn_default a {
    padding: 13px 36px;
    background-position: right 20px center;
}
#tmp_webcam_wrap .section_live .block_inner > p {
    font-size: 114.3%;
}
#tmp_webcam_wrap .experiment_wrap {
    padding-top: 20px;
}
#tmp_webcam_wrap .experiment {
    padding: 28px 4% 30px;
}
#tmp_webcam_wrap .experiment_list h2 {
    margin-bottom: 5px;
}
#tmp_webcam_wrap .experiment_list ul {
    display: block;
    padding-left: 0;
}
#tmp_webcam_wrap .experiment_item {
    width: 100%;
}
#tmp_webcam_wrap .experiment_item .place {
    padding: 10px 10px 10px;
    min-height: 72px;
    font-size: 114.3%;
    line-height: 1.6;
}
#tmp_webcam_wrap .experiment .notice {
    padding-bottom: 10px;
    text-align: left;
}

/* Oneday
================================================== */
/* title */
#tmp_main .free_contents .free_title{
    font-size: 128.57%;
}
#tmp_main .free_contents .free_subtitle{
    font-size: 114.28%;
}

/* warning */
#tmp_oneday_wrap .heading_warning{
    margin-bottom: 32px;
    padding-top: 22px;
    padding-bottom: 20px;
}
#tmp_oneday_wrap .heading_warning > p{
    font-size: 128.57%;
    line-height: 1.4;
}
#tmp_oneday_wrap .heading_ttl h1{
    margin-bottom: 19px;
}

/* ticket */
#tmp_oneday_wrap .oneday_ticket{
    padding: 50px 0 65px;
}
#tmp_oneday_wrap .oneday_ticket p:not(:has(img)){
    line-height: 1.8;
}
#tmp_oneday_wrap .oneday_ticket p:first-of-type {
    margin-bottom: 43px;
}
#tmp_oneday_wrap .ticket_title{
    margin-bottom: 11px;
    width: 90%;
    max-width: 100%;
}
#tmp_oneday_wrap .oneday_ticket p#service {
    margin-bottom: 23px;
}
#tmp_oneday_wrap .oneday_links {
    margin: 28px 0 35px;
}
#tmp_oneday_wrap .oneday_links + p{
    text-align: left;
}
#tmp_oneday_wrap .oneday_ticket p.btn_default {
    margin-top: 27px;
}

/* sell */
#tmp_oneday_wrap .oneday_sell {
    padding: 31px 0 60px;
}
#tmp_oneday_wrap .oneday_sell .free_title {
    margin-bottom: 37px;
}
#tmp_oneday_wrap .sell_head_inner > p{
    font-size: 92.85%;
    line-height: 1.5;
}
#tmp_oneday_wrap .sell_head_inner > p:not(:last-of-type){
    margin-bottom: 3px;
}
#tmp_oneday_wrap .sell_blog_cnt{
    display: block;
}
#tmp_oneday_wrap .sell_blog .free_subtitle{
    margin-top: 33px;
    margin-bottom: 18px;
}
#tmp_oneday_wrap .sell_blog_img{
    margin-bottom: 21px;
    width: 100%;
}
#tmp_oneday_wrap .sell_blog_text{
    padding-left: 0;
    padding-top: 0;
}
#tmp_oneday_wrap .sell_row{
    margin-bottom: 14px;
}
#tmp_oneday_wrap .sell_note{
    margin-top: 15px;
    margin-bottom: 17px;
    font-size: 92.85%;
}
#tmp_oneday_wrap .sell_blog_btn{
    padding-left: 5px;
}
#tmp_oneday_wrap .sell_blogs .sell_blog:not(:last-child){
    margin-bottom: 36px;
}

/* etc */
#tmp_oneday_wrap .sell_etc{
    margin-bottom: 58px;
    padding-bottom: 41px;
    max-width: 100%;
}
#tmp_oneday_wrap .sell_etc .free_subtitle{
    margin-bottom: 42px;
    font-size: 128.57%;
}
#tmp_oneday_wrap .sell_etc_list li {
    line-height: 1.8;
}
#tmp_oneday_wrap .sell_etc .btn_default a{
    max-width: 204px;
}

/* custom en */
.custom_layout_en #tmp_oneday_wrap .oneday_ticket {
    padding-bottom: 23px;
}
.custom_layout_en #tmp_oneday_wrap .ticket_title {
    margin-bottom: 21px;
}
.custom_layout_en #tmp_oneday_wrap .sell_row{
    flex-direction: column;
    margin-bottom: 7px;
}
.custom_layout_en #tmp_oneday_wrap .sell_col_name{
    width: 100%;
    padding-right: 0;
}
.custom_layout_en #tmp_oneday_wrap .sell_head_inner > p,
.custom_layout_en #tmp_oneday_wrap .sell_note{
    padding-left: 14px;
}
.custom_layout_en #tmp_oneday_wrap .sell_row:last-child{
    margin-bottom: 19px;
}
.custom_layout_en #tmp_oneday_wrap .sell_blog .free_subtitle{
    margin-top: 38px;
}

/* Caruse
================================================== */
#tmp_news_wrap .news_inner,
#tmp_oneday_wrap.free_contents .oneday_sell .free_wrapper,
#tmp_main .free_contents .free_wrapper{
    max-width: 100%;
}
/* contents */
#tmp_caruse_wrap .block_inner_wrap {
    padding: 50px 0 65px;
}
#tmp_caruse_wrap .block_inner_wrap h2.free_title{
    margin-bottom: 35px;
}
#tmp_caruse_wrap .block_inner_wrap .free_wrapper > p{
    line-height: 1.8;
}
#tmp_caruse_wrap .blog_intro,
#tmp_caruse_wrap .chart_list{
    flex-direction: column;
}

/* intro */
#tmp_caruse_wrap .caruse_blog {
    margin-top: 34px;
    margin-bottom: 35px;
    max-width: 100%;
}
#tmp_caruse_wrap .caruse_blog h3.free_title {
    margin-bottom: 19px;
}
#tmp_caruse_wrap .caruse_blog > p{
    text-align: left;
    line-height: 1.8;
}
#tmp_caruse_wrap .blog_intro{
    margin-top: 23px;
}
#tmp_caruse_wrap .blog_intro .free_subtitle{
    margin-bottom: 8px;
    line-height: 1.8;
}
#tmp_caruse_wrap .blog_intro .intro_img{
    margin-right: 0;
    margin-bottom: 23px;
    width: 100%;
}
#tmp_caruse_wrap .blog_intro .intro_cnt{
    padding-top: 0;
}
#tmp_caruse_wrap .intro_cnt p:not(.free_subtitle) {
    margin-top: 8px;
    line-height: 1.8;
}

/* chart */
#tmp_caruse_wrap .blog_chart{
    margin-top: -5px;
    padding-top: 0;
}
#tmp_caruse_wrap .chart_ttl{
    margin-bottom: 13px;
    font-size: 114.29%;
}
#tmp_caruse_wrap .chart_bar{
    margin-bottom: 13px;
}
#tmp_caruse_wrap .chart_bar li{
    padding-left: 14px;
}
#tmp_caruse_wrap .chart_bar li:before{
    width: 11px;
    height: 11px;
}
#tmp_caruse_wrap .chart_list{
    margin: 0 auto;
    padding-right: 0;
    max-width: 320px;
    gap: 16px 0;
}
#tmp_caruse_wrap .chart_list .item{
    width: 100%;
}
#tmp_caruse_wrap .blog_chart:not(:last-child) {
    margin-bottom: 42px;
}

/* detouring */
#tmp_caruse_wrap .caruse_detouring {
    padding: 29px 0 61px;
}
#tmp_caruse_wrap .caruse_detouring .free_wrapper{
    max-width: 94%;
}
#tmp_caruse_wrap .caruse_detouring .free_title{
    line-height: 1.3;
}
#tmp_caruse_wrap .caruse_detouring .text_highlight{
    font-size: 133.33%;
}
#tmp_caruse_wrap .detouring_ttl{
    margin: 9px 0 22px;
    font-size: 228.58%;
}

/* carinfo */
#tmp_caruse_wrap .caruse_carinfo{
    padding: 29px 0 27px;
}
#tmp_caruse_wrap .caruse_carinfo h2.free_title {
    margin-bottom: 16px;
}
#tmp_caruse_wrap .caruse_carinfo p.free_title {
    margin: 29px 0 16px;
}
/* Movie
================================================== */
#tmp_movie_wrap .block_inner_wrap {
    padding-top: 23px;
    padding-bottom: 16px;
}
#tmp_movie_wrap .cameras p {
    font-size: 114.2%;
}
.block_store {
    padding: 0 0 2px;
}
.block_store ul{
    display: block;
}
.block_store ul li{
    width: 90%;
    max-width: 500px;
    margin-bottom: 20px;
}
.block_store ul li .ico{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
}

/* News
================================================== */
#tmp_news_wrap .block_inner_wrap{
    padding-top: 51px;
    padding-bottom: 16px;
}
#tmp_news_wrap .news_inner p:not(.btn_default){
    margin-bottom: 31px;
    font-size: 114.28%;
    line-height: 1.7;
}

/* Experiment
================================================== */
#tmp_caruse table .table_ttl,
#tmp_caruse table tr th,
#tmp_caruse table tr td{
    display: block;
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
}
#tmp_caruse .txt_box{
    width: 100%;
}
#tmp_experiment .block_inner_wrap{
    padding: 40px 0 22px;
}
#tmp_caruse .lead{
    line-height: 1.8;
    margin-bottom: 80px;
}
.custom_experiment .heading_ttl h1 span{
    font-size: 109.09%;
}
.custom_experiment .heading_ttl + .img_box_experiment {
    margin-top: -2px;
}
#tmp_caruse table tr td.table_des{
    padding-bottom: 13px;
}
#tmp_caruse table tr:last-child td.table_des{
    padding-bottom: 0;
}
#tmp_caruse table{
    line-height: 1.9;
}
#tmp_caruse table tr .outer li{
    margin-bottom: 0;
    padding-left: 35px;
    text-indent: -35px;
    line-height: 1.8;
}
#tmp_caruse table tr ul.inner li{
    padding-left: 14px;
    text-indent: -14px;
    margin-bottom: 16px;
}
#tmp_caruse table tr ul.images li {
    padding-left: 20px;
}
#tmp_caruse table .img_box2 {
    margin-top: 13px;
    margin-bottom: 1px;
}
#tmp_caruse table tr .timetable_ttl{
    margin-top: 14px;
    margin-bottom: 6px;
    padding-left: 44px;
}
/* Top en
================================================== */
.custom_layout_en #tmp_mainvs {
    background: url(/site/shared/templates/accessnavi/images/main/top_header_bg.png) repeat center center;
    background-size: 24px 1080px;
}
.custom_layout_en #tmp_mainvs .splide_inner,
.custom_layout_en #tmp_mainvs .slider01 .splide_img {
    height: auto;
}
.custom_layout_en #tmp_mainvs .slider01 .slider_cnt p {
    text-align: left;
    padding-right: 26px;
    padding-bottom: calc(5vw - 3px);
    word-wrap: break-word;
}
.custom_layout_en .news_box {
    padding-top: 31px;
}
.custom_layout_en .news_box .news_box_ttl {
    margin-bottom: 10px;
}
.custom_layout_en .sns_box {
    margin-top: 18px;
}
.custom_layout_en .sec_pabr .sec_sub_ttl + p {
    text-align: left;
}
.custom_layout_en .sec_pabr .before_box .img_box {
    padding-top: 1px;
}
.custom_layout_en .sec_pabr .after_box .sec_sub_ttl + p {
    margin-bottom: 20px;
}

/* Accessibility
================================================== */

/* Reset hover
================================================== */
.news_box .news_box_cnt .news_txt a:hover,
#tmp_traffic_rakutoku_wrap .ticket .ticket_note a:hover {
    text-decoration: underline;
}
.btn_default a:hover,
.sec_access .access_btn a:hover,
#tmp_caruse table tr .outer li a:hover,
#tmp_bus_wrap .btn_simple a:hover,
#tmp_bus_wrap .card_list a:hover,
#tmp_bus_wrap .tab_item:last-child a:hover,
#tmp_bus_wrap .section_nationwide .card_list a:hover,
#tmp_news_wrap .news_inner p:not(.btn_default) a:hover,
#tmp_caruse_wrap .blog_intro a:hover,
#tmp_webcam_wrap .recommend_btns .btn_default a:hover,
#tmp_page_menu li a:hover,
.sns_box a:hover,
.direct_btns_box .direct_btn a:hover{
    text-decoration: none;
}
.block_store ul li a:hover > img,
#tmp_traffic_rakutoku_wrap .links_list li a:hover,
#tmp_mainvs .splide__slide a:hover{
    opacity: 1;
}
#tmp_mainvs .splide__arrow:hover {
    background-color: #bc365e;
}
/* NoJS & no-splide
================================================== */
.no_javascript .direct_btns_box .container {
    max-width: unset;
}
.no_javascript #tmp_mainvs .splide__list {
    height: 578px;
}
#tmp_mainvs .no-splide .splide_inner,
.custom_layout_en #tmp_mainvs .no-splide .splide_inner,
.no_javascript .custom_layout_en #tmp_mainvs .splide_inner,
.no_javascript #tmp_mainvs .splide_inner {
    height: auto;
}
#tmp_mainvs .no-splide .slider01 .slider_cnt p,
#tmp_mainvs .no-splide .slider02 .slider_cnt p,
.no_javascript #tmp_mainvs .slider01 .slider_cnt p,
.no_javascript #tmp_mainvs .slider02 .slider_cnt p {
    padding-bottom: 5vw;
}
.custom_layout_en #tmp_mainvs .no-splide .slider01 .slider_cnt p,
.no_javascript .custom_layout_en #tmp_mainvs .slider01 .slider_cnt p {
    padding-bottom: calc(5vw - 3px);
}

}