<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* =============================================================================
    reset
============================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,span,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0}strong,em{font-weight:medium}figure{margin:0;padding:0}input,button,textarea,select{color: #323743;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;font-size:100%}

.dom-dp__bn{display:none}.footer-nav{margin:0;border-top:none}@media print, screen and (max-width:969px){.footer-nav{padding:0}}

/* =============================================================================
    common
============================================================================= */
html{-webkit-text-size-adjust:100%;scroll-behavior:auto!important;font-size:62.5%}body{font-size:1.6rem;font-family:"Work Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#323743;font-feature-settings:"palt";line-height:1.5;background:#fff}body *{box-sizing:border-box}input,button,textarea,select{font-family:"Work Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}@media print, screen and (min-width:760px){body{font-size:1.8rem;}}

img{ width: 100%; height: auto;}

/*  共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a, a:link, a:visited, a:hover{ color: #323743; text-decoration: none; } a.link-txt{ color: #3498DB; text-decoration: underline; }@media print, screen and (min-width:760px){a.link-txt:hover{text-decoration:none;}}

/*  アイコン
-----------------------------------------------------------*/
.m-ico{display:inline-flex;align-items:center;font-style:normal;vertical-align:middle;font-weight:400}.m-ico:before{position:relative;top:-1px;font-family:'Material Icons Round';content:attr(data-icon);font-size:100%}.m-ico.-arrow{transform:scale(1.3)}@media print, screen and (min-width:970px){.m-ico.-arrow{transform:scale(1.5)}}

/* 表示・非表示 */
@media print, screen and (max-width:969px){.pc-only{display:none}}@media print, screen and (min-width:970px){.sp-only{display:none}}

/*  BREADCRUMBS
-----------------------------------------------------------*/
.breadcrumbs_wrapper{display:flex;align-items:center}.breadcrumbs_contents{display:block;width:100%;overflow-x:auto;white-space:nowrap;margin-bottom:-2px;padding-bottom:2px}.breadcrumbs_item{display:inline-flex;align-items:center;color:#6b6e71;font-size:1.2rem;line-height:2}.breadcrumbs_item.-home{flex-shrink:0;margin:0 8px}.breadcrumbs_inner{width:100%;display:flex}.breadcrumbs_item:not(:first-child){margin-left:4px}.breadcrumbs_item a{color:#c0c5cb}.breadcrumbs_item:not(:last-child):after{margin-left:4px;font-family:'Material Icons Round';content:"\e5cc";color:#c0c5cb}.breadcrumbs_item:last-child{padding-right:8px}a.breadcrumbs_anchor{color:#3498db;font-weight:700}.pageHd.-pos{position:absolute;left:0;top:0;z-index:1;width:100%}.pageHd.-pos .breadcrumbs{padding:2px 0;background-color:rgba(134,104,78,.7)}.pageHd.-pos .breadcrumbs_item,.pageHd.-pos .breadcrumbs_item a{color:#fff}.pageHd.-pos .breadcrumbs_item:not(:last-child):after{color:#fff}@media print,screen and (min-width:960px){.breadcrumbs_wrapper{margin-left:-8px}.pageHd_inr,.f-breadcrumbs_inr{margin:0 auto;width:100%;max-width:1280px}.pageHd:not(.-pos){padding:4px 0}.pageHd.-pos .breadcrumbs{display:inline-block;padding:4px 0;border-radius:0 0 5px 5px}}

/*  H1
-----------------------------------------------------------*/
.mvh1Box{margin:4px 8px 0;font-size:1.8rem;font-weight:700}@media print,screen and (min-width:960px){.mvh1Box{margin:0;font-size:2.1rem}}

/*  PC/SP切り替え
============================================================================= */
.change_pc{margin-top:25px;text-align:center}.change_pc a{color:#125687;text-decoration:underline}.change_sp{margin-top:50px}

/*  pagetop
============================================================================= */
.page-top{position:fixed;right:20px;bottom:20px;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.page-top a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:2.4rem;border:1px solid #fff;border-radius:4px;background:rgba(207,240,255,1);transition:opacity .3s}.page-top a:hover{opacity:.6}.page-top.is-active{visibility:visible;opacity:1}

/*  kome
============================================================================= */
p.kome,.kome li{position:relative;padding-left:1.2em}p.kome:before,.kome li:before{position:absolute;left:0;top:0;content:"※"}

/*  レイアウト
============================================================================= */
.main img{width:100%;height:auto;vertical-align:bottom}.pageWp{position:relative}.sect{padding:16px 0}@media print,screen and (min-width:960px){.sect{padding:56px 0}}

/* セクション */
.sect{padding:32px 0}.inner{margin:0 16px}.sect-sub{margin-top:24px}@media print, screen and (min-width:760px){.sect{padding:80px 0}.inner{margin:0 auto;width:100%;max-width:1280px}.sect-sub{margin-top:56px}}.br{display:block}

/*  TTL
============================================================================= */
.ttl{text-align:center;font-size:2.4rem;font-weight:700}@media print,screen and (min-width:970px){.ttl{font-size:3rem}}

/*  TOP
============================================================================= */
/* MV */
.mv{margin:8px auto 0;width:100%;background:#000}.mvBd{display:flex;flex-direction:column-reverse;height:100%}.mvSide{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-family:"Noto Serif JP",serif;background:url(/kokunai/theme/train/kyushu/_images/mv_bg.png) repeat}.mvSide_name{display:flex;flex-direction:column;text-align:center;color:#d9bc8a;font-size:2.4rem;letter-spacing:.2em;line-height:1.3}.mvSide_name:after{content:attr(data-en);font-size:1.2rem}.mvSide_txt{margin-top:8px;text-align:center;color:#d9bc8a;font-size:1.8rem}.mvSide_txt .br{display:inline-block}.mvSide_txt span{display:block}.mvSide_bt{display:none}.mvImg img{vertical-align:bottom}.mvSlider{display:none}.mvSlider.slick-initialized{display:block}.mvSlider .slick-track{display:flex}.mvSlider .slick-slide{height:auto!important}@media print,screen and (min-width:970px){.mv{overflow:hidden}.mvBd{flex-direction:row;height:inherit}.mvSide{flex:initial;padding:0 24px;width:25%}.mvSide_name{font-size:5rem;line-height:1.7;letter-spacing:.2em}.mv_kanpachiichiroku .mvSide_name{font-size:3.5rem}.mvSide_name:after{margin-top:16px;font-size:1.4rem}.mvSide_txt{margin-top:40px;font-size:2.4rem;line-height:1.7}.mvSide_txt .br{display:block}.mvSide_bt{display:block;margin-top:64px;width:100%;max-width:250px}.mvSide_bt a{position:relative;display:flex;justify-content:center;align-items:center;padding:8px 32px 8px 8px;min-height:60px;color:#d9bc8a;text-align:center;border:solid 1px #d9bc8a;transition:opacity 0.2s}.mvSide_bt a .m-ico{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:2.5rem}.mvSide_bt a:hover{opacity:.6}.mvSide_bt a.disabled{pointer-events:none}.mvImg{flex:1;height:800px}.mvImg img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;vertical-align:bottom}.mvSlider .slick-dots{top:inherit;left:0;bottom:40px;width:25%}.mvSlider .slick-dots li button:before{background:#555}.mvSlider .slick-dots li.slick-active button:before{background:#eee}}

/* TRAIN CASSETTE */
.train{margin-top:32px}.train_item{display:flex;flex-direction:column;padding:24px 0;border-top:solid 1px #ccc}.trainSlider{order:-1;margin-top:16px}.train_ttl{order:-1;text-align:center;line-height:1.3;font-family:"Noto Serif JP",serif;font-size:2.4rem;font-weight:700}.train_txt{margin-top:40px}.train_bt{margin:24px auto 0;width:100%;max-width:300px}.train_bt a{position:relative;display:flex;justify-content:center;align-items:center;min-height:60px;padding:8px;color:#fff;transition:opacity 0.2s}.train_bt a.disabled{pointer-events:none;opacity:.6}.train_aruressya a{background:#b59025}.train_36plus3 a{background:#355373}.train_kanpachiichiroku a{background:#467736}.train_bt .m-ico{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:2.5rem}.jsSliderTrain{display:none}.jsSliderTrain.slick-initialized{display:block}.trainvImg{position:relative}.trainImg_caption{position:absolute;right:0;bottom:3px;padding:0 5px;color:#fff;font-size:1.2rem;line-height:1.2;text-shadow:0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%)}.trainvImg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;vertical-align:bottom}@media print,screen and (min-width:970px){.train{display:flex;margin:0 0 0 -32px}.train_item{margin-left:32px;padding:0 0 24px;width:calc(100% / 3 - 32px);border-top:none;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}.trainSlider{order:-1;margin-top:0}.train_ttl{order:0;margin:32px 24px 0;letter-spacing:.1em}.train_txt{flex:1;margin:8px 24px 0}.train_bt a:hover{opacity:.6}}

/* MAP */
.map{background:url(/kokunai/theme/train/kyushu/_images/map_bg.png) repeat}.mapImg{margin:0 auto;width:100%;max-width:726px}.mapWp{position:relative;margin-top:32px}.map_item{position:absolute;transform:translate(-50%,-50%);width:100px;background:#fff}.map_aruressha{left:22%;top:9%}.map_36plus3{left:18%;top:80%}.map_kanpachiichiroku{left:87%;top:11%}.map_item a{display:flex;flex-direction:column;padding:4px;color:#fff;transition:opacity 0.2s}.map_item a.disabled{pointer-events:none;opacity:.6}.map_item a.disabled .map_more{display:none}.map_aruressha a{background:#b59025}.map_36plus3 a{background:#355373}.map_kanpachiichiroku a{background:#467736}.map_img{display:none}.map_ttl{text-align:center;color:#fff;line-height:1.3;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;font-weight:700}.map_ttl span{display:inline-block}.map_route{margin-top:4px;padding:4px;text-align:center;line-height:1.3;color:#323743;font-size:1.2rem;background:#fff}.map_more{display:none}@media print,screen and (min-width:970px){.map_item{width:250px}.map_aruressha{left:20%;top:26%}.map_36plus3{left:29%;top:80%}.map_kanpachiichiroku{left:82%;top:30%}.map_item a{padding:8px}.map_item a:hover{opacity:.6}.map_img{display:block;margin-top:8px}.map_ttl{font-size:2.1rem}.map_route{padding:8px;font-size:100%}.map_more{display:block;margin-top:8px;text-align:center;font-size:1.6rem}.map_more span{display:inline-block;border-bottom:dotted 1px #fff}.map_more .m-ico{margin-left:4px}}

/* =============================================================================
    下層
============================================================================= */
/*  PAGE MV
---------------------------------------*/
.pagemv{display:flex;flex-wrap:wrap;margin-top:8px;background:url(/kokunai/theme/train/kyushu/_images/mv_bg.png) repeat}.pagemvBd{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:24px 8px;width:100%;font-family:"Noto Serif JP",serif}.pagemv_name{display:flex;flex-direction:column;margin-left:16px;text-align:center;color:#d9bc8a;font-size:2.6rem;letter-spacing:.2em}.pagemv_name:after{content:attr(data-en);font-size:1.4rem}.pagemv_txt{margin-top:8px;text-align:center;color:#d9bc8a;font-size:1.6rem}.pagemvSide{width:50%}.pagemvSide.-left{order:1}.pagemvSide.-right{order:2}.pagemv_img{height:100%}.pagemv_img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;vertical-align:bottom}@media print,screen and (min-width:970px){.pagemv{flex-wrap:nowrap;height:550px}.pagemvBd{flex-direction:column;flex-wrap:nowrap;padding:24px;width:600px}.pagemv_logo{width:inherit}.pagemv_name{margin:32px 0 0 0;font-size:5rem}.pagemv_txt{margin-top:32px;font-size:2.4rem}.pagemv_txt span{display:block}.pagemvSide{width:inherit}.pagemvSide.-left{flex:1;order:-1}.pagemvSide.-right{flex:1;order:1}}

/*  列車情報
---------------------------------------*/
.traininfo{padding:16px 0;background:url(/kokunai/theme/train/kyushu/_images/bg_pagemap.png) repeat}.traininfo_station{margin-top:16px}.traininfo_station span{display:inline-block;padding:8px 16px;border:solid 1px #555}.traininfoMap{margin-top:8px}.traininfo_txt{line-height:1.7}@media print,screen and (min-width:970px){.traininfo{padding:16px 0}.traininfoWp{display:flex;flex-direction:row-reverse;align-items:center}.traininfoBd{flex:1;margin-left:80px;padding:56px 0}.traininfoMap{margin-top:0;width:30%}.traininfo_txt{line-height:2.2}.traininfo_station{margin-top:32px}}.detail{padding-top:24px}@media print,screen and (min-width:970px){.detail{padding-top:80px}}

/*  TAB
---------------------------------------*/
.tabHd{position:sticky;left:0;top:0;z-index:100;padding-top:2px;width:100%;background:#fff}.tabList{display:flex;margin-left:-2px}.tabList_item{flex:1;margin-left:2px}.tab_bt{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:8px 4px;width:100%;min-height:50px;line-height:1.3;font-size:1.4rem;text-align:center;transition:opacity 0.2s}.tab_bt[aria-selected="true"]{pointer-events:none;background-color:#FFF}@media print,screen and (min-width:970px){.tabHd{width:100%}.tabList{margin-left:-8px}.tabList_item{margin-left:8px}.tab_bt{min-height:100px;font-size:100%}.tab_bt[aria-selected="false"]:hover{opacity:.6}}.tabHd_period{margin:24px 0 16px;border-bottom:solid 1px #000}.tabPeriodList{display:flex;justify-content:center}.tabPeriodList_item{flex:1;max-width:350px}.tabPeriod_bt{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;padding:8px;width:100%;min-height:60px;color:#fff;font-size:1.8rem;font-weight:500;transition:opacity 0.2s}.tabPeriod_bt[aria-selected="true"]{color:#920002;font-weight:700;pointer-events:none}.tabPeriod_bt[aria-selected="true"]:before{position:absolute;left:0;bottom:-1px;content:"";display:inline-block;width:100%;height:5px;background:#000}.detailWp{margin-top:-8px}@media print,screen and (min-width:970px){.tabHd_period{margin-top:32px}.tabPeriod_bt{font-size:2.4rem}.tabPeriod_bt[aria-selected="false"]:hover{opacity:.6}}

.tabHd_period + .tabPeriodBd{ margin-top: 8px; }


/*  PAGE INFO
---------------------------------------*/
@media print,screen and (min-width:970px){.pageinfo-txt .br{display:block}}.pageinfo{margin-top:24px;padding:16px;color:#333;border:solid 1px #333}@media print,screen and (min-width:970px){.pageinfo{margin:40px auto 0;padding:24px 16px;width:650px;text-align:center}.pageinfo_inner{padding:24px}}

/* =============================================================================
    JS用
============================================================================= */
@media screen and (max-width:969px){.js-accordion-sp{position:relative}.js-accordion-sp:after{position:absolute;right:10px;top:10px;font-family:'Material Icons Round';content:"\e5cf";transition:all .2s ease;font-size:1.8rem}.js-accordion-sp.is-open:after{transform:rotateZ(-180deg)}}


/*  Slick
-----------------------------------------------------------*/
.slider{display:none}.slider.slick-initialized{display:block}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;height:100%}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{cursor:pointer;position:absolute;top:50%;z-index:1;transform:translateY(-50%);padding:0;font-size:0;line-height:0}.slick-prev{left:0}.slick-next{right:0}.slick-prev:before,.slick-next:before{display:flex;justify-content:center;align-items:center;width:35px;height:35px;color:#fff;font-size:2.5rem;line-height:1;font-family:'Material Icons Round';text-shadow:0 1px 3px rgb(0 0 0 / 60%)}.slick-prev:before{content:"\e5e0"}.slick-next:before{content:"\e5e1"}@media screen and (min-width:960px){.slick-prev,.slick-next{}}.slick-prev.slick-disabled,.slick-next.slick-disabled{pointer-events:none;opacity:.3}.slick-dots{position:absolute;left:0;top:calc(100% + 12px);width:100%;display:flex;justify-content:center;margin-left:-8px}.slick-dots li{margin-left:8px;width:8px}.slick-dots li button{position:relative;cursor:pointer;display:block;width:8px;font-size:0;line-height:0}.slick-dots li button:before{position:absolute;left:0;top:0;content:"";width:8px;height:8px;border-radius:50vw;background:#eee}.slick-dots li.slick-active button:before{background:#999}.slick-dots li:first-child:last-child button:before{display:none}@media screen and (min-width:960px){.slick-dots{margin:0 0 0 -16px}.slick-dots li{margin-left:16px}}</pre></body></html>