@charset "utf-8";
@media screen and (min-width : 641px) and (max-width: 950px) {
#tmp_mainvisual .mv_carousel .splide{
    position: static;
}
#tmp_mainvisual .mv_carousel{
    padding-bottom: 68px;
}
#tmp_mainvisual .mv_carousel .splide__controls{
    left: 0;
    right: 0;
    justify-content: center;
    bottom: 9px;
    width: auto;
}
#tmp_mainvisual .mv_thumbnail{
    position: static;
    width: auto;
}
}
@media screen and (max-width : 640px) {
/* Pattern common stye
================================================== */
.tab_flex_ttl a{
    padding: 2px 6px 6px;
    font-size: 112.5%;
    line-height: 1.4;
}
.tab_flex_ttl.tb_active:after{
    left: -1px;
    bottom: -7px;
    border-width: 15px 16px 0;
}
.tab_flex_cnt{
    box-shadow: 0 0 3.5px 0 #b2b2b2;
}
.tab_flex_inner{
    padding: 20px 10px 42px;
}
.tab_flex_ttl:not(.tb_active) a:hover,
.tab_flex_ttl:not(.tb_active) a:focus{
    background-color: #f2f2f2;
    border-color: #cccccc;
    color: #027da6;
    z-index: inherit;
}

/* Intro stye
================================================== */
#tmp_wrap_intro{
    padding: 0;
    background-image: none;
    border-bottom: none;
}

/* Travel stye
================================================== */
#tmp_travel,
#tmp_travel .travel_main{
    flex-direction: column;
}
#tmp_travel{
    margin-bottom: 20px;
    box-shadow: 0 0 3.5px 0 #b2b2b2;
}
#tmp_travel .travel_main{
    padding-right: 0;
}
#tmp_travel .travel_title{
    padding: 7px 20px 11px;
    width: 100%;
    border-radius: 4px 4px 0 0;
}
#tmp_travel .travel_title h2{
    font-size: 125%;
}
#tmp_travel .travel_cnt{
    padding: 20px 15px 10px;
}
#tmp_travel .travel_links .item_lbl {
    padding-left: 33px;
    min-width: 94px;
}
#tmp_travel .travel_links .item_lbl:before{
    background-image: url(/shared/templates/st_top_rn/images/icon/icon_subway_sp.png);
    background-size: 16px auto;
    width: 23px;
    height: 23px;
}
#tmp_travel .travel_links .item_txt{
    padding-left: 39px;
}
#tmp_travel .travel_links .item_txt:before{
    width: 23px;
    height: 23px;
}
#tmp_travel .travel_links li:not(:last-of-type) {
    margin-bottom: 17px;
}
#tmp_travel .travel_switch{
    padding: 13px 16px 21px;
    width: 100%;
}
#tmp_travel .switch_list {
    gap: 15px 28px;
}

/* mainvisual stye
================================================== */
#tmp_mainvisual{
    flex-direction: column;
    margin-bottom: 20px;
}
#tmp_mainvisual .mv_main{
    padding-right: 0;
    width: 100%;
}

/* banner */
#tmp_mainvisual .mv_banner {
    margin-bottom: 20px;
}

/* carousel */
#tmp_mainvisual .mv_carousel{
    padding-bottom: 9px;
    box-shadow: 0 0 3.5px 0 #b2b2b2;
}
#tmp_mainvisual .mv_carousel .splide__controls{
    position: static;
    justify-content: center;
    padding-left: 0;
    width: 100%;
}
#tmp_mainvisual .mv_thumbnail{
    display: none;
}

/* aside */
#tmp_mainvisual .mv_aside{
    width: auto;
    margin: 20px 0 0;
    padding-left: 0;
    align-self: inherit;
}
#tmp_ryokinsearch{
    margin: 0 10px 40px;
    background-image: url(/shared/templates/st_top_rn/images/icon/pattern_bus_sp.png);
    background-position: right 4px bottom 5px;
    background-size: 108px auto;
    box-shadow: 0 0 3.5px 0 #b2b2b2;
}
#tmp_ryokinsearch .aside_title{
    padding: 6px 15px 12px;
    font-size: 125%;
}
#tmp_ryokinsearch .aside_title .title_sub{
    font-size: 70%;
}
#tmp_ryokinsearch .aside_cnt {
    padding: 13px 15px 7px;
}

/* traffic */
#tmp_traffic{
    display: block;
}
#tmp_traffic a{
    display: block;
    padding: 10px 10px 14px;
    background-color: #fed521;
    font-size: 125%;
    font-weight: 500;
    border: 1px solid #888888;
    border-radius: 4px;
    color: #222222;
    text-align: center;
    text-decoration: none;
}

/* reference stye
================================================== */
#tmp_reference_index {
    padding: 30px 0 40px;
}
#tmp_reference_index .title_top_primary {
    margin-bottom: 18px;
}
#tmp_reference_index .title_top_primary>*{
    background-position: 0 10px;
}
#tmp_reference_tab .tab_flex_ttl:nth-child(3) a{
    padding-left: 6px;
}
#tmp_reference_tab .tab_flex_ttl .ttl_sub{
    display: block;
    padding-bottom: 0;
    font-size: 72.22%;
}
#tmp_reference_tab .tab_flex_cnt{
    background-image: url(/shared/templates/st_top_rn/images/icon/pattern_train.png),url(/shared/templates/st_top_rn/images/icon/pattern_dot_line_rp_sp.png);
    background-position: right 2px bottom 7px, right bottom;
    background-size: auto 26px, 17px auto;
}
#tmp_reference_tab .reference_list{
    gap: 10px;
}
#tmp_reference_tab .type_hoz .item{
    width: 100%;
}
#tmp_reference_tab .type_hoz a{
    padding: 11px 20px 10px;
}
#tmp_reference_tab .type_hoz .item_img{
    margin-right: 19px;
    width: 60px;
}
#tmp_reference_tab .type_ver .item{
    width: calc(50% - 5px);
}
#tmp_reference_tab .type_ver a {
    padding: 9px 6px 8px;
}
#tmp_reference_tab .type_ver .item_img{
    max-width: 62px;
}
#tmp_reference_tab .reference_list:not(:last-of-type){
    margin-bottom: 10px;
}
/* hover */
#tmp_travel .travel_links a:hover .item_txt,
#tmp_travel .travel_links a:focus .item_txt{
    text-decoration: none;
}
#tmp_reference_tab .reference_list .item_txt > span::after,
.button_top_inquiry .button_label::after {
    content: none;
}

/* Information stye
================================================== */
.section_top_information{
    padding-bottom: 84px;
}
.block_top_links {
    margin-bottom: 40px;
    min-height: auto;
    padding: 15px 12px 16px;
    box-shadow: 0 0 3.5px 0 #B2B2B2;
}
.block_top_links>ul>li:not(:last-of-type) {
    margin-bottom: 13px;
}
.block_top_links>ul .link_common {
    background-image: url(/shared/templates/st_top_rn/images/icon/icon_link_03_sp.png);
    padding-left: 21px;
}
.block_top_information {
    flex-direction: column;
    gap: 33px;
}
.block_top_information .block_wrapper {
    padding-top: 0;
}
.block_top_information .block_sidebar {
    width: auto;
}
.block_top_information .block_sidebar .title_top_primary{
    margin-bottom: 15px;
}
.block_top_information .sidebar_box:not(:last-of-type) {
    margin-bottom: 33px;
}
.list_top_news li{
    padding-top: 11px;
    padding-bottom: 8px;
}
.list_top_news .item_date {
    margin-bottom: 4px;
    font-size: 87.5%;
}
.list_top_news .item_label {
    font-size: 100%;
}
#tmp_tablist_information .list_additional {
    margin-top: 6px;
}
#tmp_tablist_information .list_additional .link_common {
    background-position: left 7px;
    font-size: 87.5%;
}
.title_top_primary {
    margin-bottom: 17px;
}
.title_top_primary>*{
    background-image: url(/shared/templates/st_top_rn/images/icon/icon_title_01_sp.png);
    background-position: left 6px;
    font-size: 125%;
}
.button_top_inquiry a {
    padding: 17px 19px;
    font-size: 125%;
}
.button_top_inquiry a:hover .button_label {
    text-decoration: none;
}
.button_top_inquiry .button_icon {
    width: 49px;
    margin-right: 14px;
}
#tmp_tablist_information{
    position: relative;
    display: block;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 3.5px 0 #B2B2B2;
}
#tmp_tablist_information::before {
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
#tmp_tablist_information .tab_flex_ttl{
    width: 100%;
}
#tmp_tablist_information .tab_flex_ttl>p>a{
    position: relative;
}
#tmp_tablist_information .tab_flex_ttl>p>a::before,
#tmp_tablist_information .tab_flex_ttl>p>a::after {
    content: "";
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background-color: #02779E;
    margin: auto;
    position: absolute;
    z-index: 3;
    inset: 0 14px 1px auto;
    color: #FFFFFF;
    transition: transform 0.3s ease;
}
#tmp_tablist_information .tab_flex_ttl>p>a::after {
    transform: rotate(90deg);
}
#tmp_tablist_information .tab_flex_ttl a{
    border: none;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 0;
    padding: 4px 49px;
    height: auto;
    min-height: 44px;
}
#tmp_tablist_information .tab_flex_ttl a:after{
    width: 23px;
    height: 12px;
    inset: calc(100% - 4px) 0 auto;
}
#tmp_tablist_information .tb_active .tab_flex_ttl>p>a::before,
#tmp_tablist_information .tb_active .tab_flex_ttl>p>a::after {
    background-color: #FFFFFF;
}
#tmp_tablist_information .tb_active .tab_flex_ttl>p>a::after {
    transform: rotate(0deg);
}
#tmp_tablist_information .tb_active .tab_flex_ttl a {
    border-color: #027DA6;
    background-color: #027DA6;
    color: #FFFFFF;
    z-index: 2;
}
#tmp_tablist_information .tab_flex_cnt {
    position: relative !important;
    visibility: visible !important;
    border-bottom: 1px solid #CCCCCC;
    display: none;
    box-shadow: none;
    border-radius: 0;
    order: inherit;
}
#tmp_tablist_information .tab_flex_cnt .tab_flex_inner {
    border: solid #FFFFFF;
    border-width: 0 1px;
    box-shadow: none;
    padding: 5px 14px 9px;
}

/* Accessibility stye
================================================== */
/* color */
.color_black #tmp_wrapper #tmp_travel .travel_title,
.color_blue #tmp_wrapper #tmp_travel .travel_title,
.color_yellow #tmp_wrapper #tmp_travel .travel_title{
    border-right: none;
    border-bottom: 1px solid;
}
.color_black #tmp_wrapper #tmp_tablist_information .tab_flex_ttl,
.color_blue #tmp_wrapper #tmp_tablist_information .tab_flex_ttl,
.color_yellow #tmp_wrapper #tmp_tablist_information .tab_flex_ttl,
.color_black #tmp_wrapper #tmp_tablist_information .tab_flex_ttl *,
.color_blue #tmp_wrapper #tmp_tablist_information .tab_flex_ttl *,
.color_yellow #tmp_wrapper #tmp_tablist_information .tab_flex_ttl *{
    background-color: transparent !important;
}
.color_blue #tmp_wrapper #tmp_tablist_information .tab_flex_ttl a,
.color_black #tmp_wrapper #tmp_tablist_information .tab_flex_ttl a,
.color_yellow #tmp_wrapper #tmp_tablist_information .tab_flex_ttl a,
.color_blue #tmp_wrapper #tmp_tablist_information::before,
.color_black #tmp_wrapper #tmp_tablist_information::before,
.color_yellow #tmp_wrapper #tmp_tablist_information::before {
    border: 1px solid;
}
.color_blue #tmp_wrapper #tmp_tablist_information .tab_flex_ttl>p>a::before,
.color_blue #tmp_wrapper #tmp_tablist_information .tab_flex_ttl>p>a::after,
.color_black #tmp_wrapper #tmp_tablist_information .tab_flex_ttl>p>a::before,
.color_black #tmp_wrapper #tmp_tablist_information .tab_flex_ttl>p>a::after {
    background-color: #FFFFFF !important;
}
.color_yellow #tmp_wrapper #tmp_tablist_information .tab_flex_ttl>p>a::before,
.color_yellow #tmp_wrapper #tmp_tablist_information .tab_flex_ttl>p>a::after {
    background-color: #00008B !important;
}
/* fsize */
/* no-js */
.no_javascript #tmp_tablist_information .tab_flex_ttl:not(:first-child) {
    margin-top: 0 !important;
}
.no_javascript #tmp_tablist_information .tab_flex_ttl>p>a::before,
.no_javascript #tmp_tablist_information .tab_flex_ttl>p>a::after{
    content: none !important;
}
.no_javascript #tmp_tablist_information .tab_flex_cnt {
    display: block !important;
    margin-bottom: 0 !important;
}
.no_javascript #tmp_wrapper #tmp_mainvisual .mv_carousel .splide__track{
    max-height: 130px;
}
/* no-splide */
/* furi */
}