@charset "utf-8";

@import url("/common/css/page.css");
:root{--color-white:#fff;--color-black:#111;--color-white-alpha90:rgba(255,255,255,.9);--color-black-alpha80:rgba(0,0,0,.8);--color-common:#003b82;--color-primary:#b8292f;--color-fukuoka:#c62b91;--color-saga:#1968b3;--color-nagasaki:#009257;--color-kumamoto:#cc7b16;--color-oita:#d0432f;--color-miyazaki:#444185;--color-kagoshima:#069edb;--color-bg:#fbf9f4;--color-text:#323743;--color-border:#bcbdc2;--shadow:0 2px 6px 0 rgba(0,0,0,.3);--gutter:15px;--max-w:1280px;--pagenav-h:clamp(55px, 2.762vw + 44.641px, 80px);--vh:1vh;--ease:cubic-bezier(.4, 0, .2, 1)}

/* =========================================================
   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,i{font-style:normal}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{margin:0;padding:0;color:#323743;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;font-size:100%}

/* =========================================================
   BASE
   ========================================================= */
html{-webkit-text-size-adjust:100%;font-size:62.5%;overflow-y:scroll;scroll-behavior:auto!important}html.is-loaded{scroll-behavior:smooth!important}html:not(.is-loaded) .es-search .T-el_errorNotice__select.JTB-el_attention.-alert{display:none}body{color:var(--color-text);background:#fff;min-height:2000px;font-family:Noto Sans JP,sans-serif;font-size:clamp(1.4rem,.221vw + 1.317rem,1.6rem);line-height:1}body *{box-sizing:border-box}input,button,textarea,select,button{font-family:Noto Sans JP,sans-serif}img{vertical-align:bottom;width:100%;height:auto}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* 共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a,a:link,a:visited,a:hover{color:var(--color-text);text-decoration:none}.link-txt{cursor:pointer;color:var(--color-primary);transition:opacity .3s var(--ease);align-items:center;gap:2px;display:inline-flex}a.link-txt{color:var(--color-primary)}.link-txt.-under{text-decoration:underline}@media (hover:hover){.link-txt:hover{opacity:.6}.link-txt.-under:hover{text-decoration:none}}.link-txt .m-ico{line-height:1;transform:translateY(1px)}.f-link{text-align:right;margin-top:16px}.f-link .link-txt{font-weight:500}@media (max-width:767px){.f-link .link-txt{font-weight:600}}

/* MATERIAL ICON
-----------------------------------------------------------*/
.m-ico{vertical-align:middle;align-items:center;font-size:clamp(2rem,.442vw + 1.834rem,2.4rem);font-weight:400;display:inline-flex}.m-ico:before{content:attr(data-icon);font-variation-settings:"FILL"0, "wght"400, "GRAD"0, "opsz"20;font-family:Material Icons Round;font-size:100%;line-height:1}

/*  Utility
-----------------------------------------------------------*/
::selection { background: var(--color-primary); color: var(--color-white); }

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

/* LINE / INLINE
-----------------------------------------------------------*/
.block{display:block}.in-block{display:inline-block}@media (max-width:959px){.sp-line{display:block}}@media print,screen and (min-width:960px){.pc-line{display:block}}

/*  KOME
-----------------------------------------------------------*/
p.kome,.kome li{padding-left:calc(1em + 2px);position:relative}p.kome:before,.kome li:before{content:"※";position:absolute;top:0;left:0}.list-dot li{padding-left:calc(1em + 2px);position:relative}.list-dot li:before{content:"・";position:absolute;top:0;left:0}

/*  STYLE
-----------------------------------------------------------*/
.fb{font-weight:700}.nowrap{white-space:nowrap}

/*  LAYOUT
-----------------------------------------------------------*/
.main{overflow-x:clip}.page{padding-top:116px;position:relative}@media (max-width:767px){.page{padding-top:var(--pagenav-h)}}.block-lv2{z-index:1;scroll-margin-top:calc(var(--pagenav-h) + 19px);padding:clamp(40px,7.072vw + 13.481px,104px) 0;position:relative}.block-lv2:nth-child(odd){background:#f7f5ef}.inner{padding:0 var(--gutter);width:100%;max-width:1280px;margin:0 auto}@media screen and (min-width:1310px){.inner{padding:0}}.body-lv2{margin-top:clamp(16px,.884vw + 12.685px,24px)}

/*  HEADING 
-----------------------------------------------------------*/
.head-lv1{width:100%;max-width:1280px;margin:4px auto 8px;font-size:clamp(1.5rem,.663vw + 1.251rem,2.1rem);font-weight:700;line-height:1.3}@media (max-width:1296px){.head-lv1{padding:0 8px}}.head-lv2{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.head-lv2__ttl{letter-spacing:clamp(0em, .221vw − .083em, .2em);font-feature-settings:"palt";align-items:center;gap:clamp(16px,2.652vw + 6.055px,40px);font-family:"Noto Serif JP",sans-serif;font-size:clamp(2.4rem,1.768vw + 1.737rem,4rem);font-weight:700;line-height:1.5;display:flex}.head-lv2__ttl:before,.head-lv2__ttl:after{content:"";background:var(--color-primary);width:clamp(32px,10.829vw - 8.608px,130px);height:3px;display:inline-block}.head-lv2__txt{order:-1;margin-bottom:4px;font-family:"Noto Serif JP",sans-serif;font-size:clamp(1.4rem,.442vw + 1.234rem,1.8rem);font-weight:600}.head-lv2__txt span{font-weight:500}@media (max-width:767px){.head-lv2__txt span{font-weight:600}}

/*  READ TXT
-----------------------------------------------------------*/
.lead-txt{text-align:center;margin-bottom:clamp(16px,1.768vw + 9.37px,32px);font-size:clamp(1.4rem,.442vw + 1.234rem,1.8rem);font-weight:600;line-height:1.7;font-family: "Noto Serif JP",sans-serif}

/* CAPTION
------------------------------------------------------*/
.caption{color:#fff;text-align:right;text-shadow:0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.8);padding:0 5px;font-size:1.2rem;line-height:1.2;position:absolute;bottom:2px;right:0}

/* BREADCRUMBS
-----------------------------------------------------------*/
.breadcrumbs{width:100%;max-width:1280px;margin:0 auto;padding:8px 0}.breadcrumbs_wrapper{align-items:center;display:flex}.breadcrumbs_contents{white-space:nowrap;flex:1;margin-bottom:-8px;padding-bottom:8px;overflow-x:auto}.breadcrumbs_item{color:#6b6e71;align-items:center;font-size:1.2rem;display:inline-flex}.breadcrumbs_item.-home{flex-shrink:0;margin:0 4px}.breadcrumbs_item.-home span{align-items:center;display:inline-flex}.breadcrumbs_item.-home span:before{content:"\e88a";margin-right:4px;font-family:Material Icons Round}.breadcrumbs_inner{align-items:center;width:100%;display:flex}.breadcrumbs_item:not(:first-child){margin-left:4px}.breadcrumbs_item:not(:last-child):after{content:"\e315";color:#c0c5cb;margin-left:4px;font-family:"Material Icons Round"}.breadcrumbs_item:last-child{padding-right:8px}a.breadcrumbs_anchor{color:#3498db;align-items:center;display:inline-flex}

/*  PAGETOP
-----------------------------------------------------------*/
.page-top{z-index:100;opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility .4s var(--ease), bottom .4s var(--ease), visibility .4s var(--ease);position:fixed;bottom:10px;right:10px}.page-top.is-hidden{z-index:inherit}.page-top.is-active{visibility:visible;opacity:1}.page-top a{color:#fff;width:50px;height:50px;transition:opacity .4s var(--ease);background:rgba(0,0,0,.2);border-radius:10px;justify-content:center;align-items:center;font-size:2.4rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.2)}@media print,screen and (min-width:960px){.page-top{bottom:20px;right:20px}}@media (hover:hover){.page-top a:hover{opacity:.6}}@media print{.page-top{display:none}}

/* HERO
-----------------------------------------------------------*/
.hero{background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/hero_bg.webp) 50%/cover no-repeat;height:clamp(280px,10.497vw + 240.635px,375px);position:relative;overflow:hidden}@media (max-width:1310px){.hero{padding-right:var(--gutter);padding-left:var(--gutter)}}.hero__inner{width:100%;max-width:1920px;height:100%;margin:0 auto;position:relative}.hero__inner:before,.hero__inner:after{content:"";display:block;position:absolute;bottom:0}.hero__inner:before{z-index:1;aspect-ratio:778/375;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/hero_img01.webp) 50%/100% no-repeat;width:clamp(280px,32.233vw + 159.126px,778px);left:0}.hero__inner:after{aspect-ratio:557/375;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/hero_img02.webp) 50%/100% no-repeat;width:clamp(200px,23.107vw + 113.35px,557px);right:0}@media (max-width:1920px){.hero__inner:before{left:-60px}.hero__inner:after{right:-60px}}@media (max-width:767px){.hero__inner:before{left:-30px}.hero__inner:after{right:-30px}}.hero-cont{z-index:1;justify-content:center;width:100%;max-width:1280px;height:100%;margin:0 auto;display:flex;position:relative}.hero-ttl{max-width:clamp(350px,27.508vw + 246.845px,775px);margin:clamp(40px,46.214px - .324vw,45px) auto 0}@media (max-width:1280px){.hero-ttl{transform:translate(clamp(-80px,19.417px - 5.178vw,0px))}}.hero-logo{width:clamp(80px,11.003vw + 38.738px,250px);position:absolute;top:clamp(8px,.518vw + 6.058px,16px);left:0}

/* RESERVE NAV
-----------------------------------------------------------*/
.reserve-bts{background:var(--color-black-alpha80);width:100%;position:absolute;top:0;left:0}.reserve-bts__block{width:100%;max-width:1280px;min-height:var(--pagenav-h);flex-direction:column;gap:0 24px;margin:0 auto;padding:8px 0 12px;display:flex}@media (max-width:767px){.reserve-bts__block{padding:4px 0}}.reserve-bts__txt{text-align:center;color:var(--color-white);font-size:2.8rem;font-weight:700;line-height:1.5}@media (max-width:767px){.reserve-bts__txt{display:none}}.reserve-bts__txt span{position:relative}.reserve-bts:not(.is-fixed) .reserve-bts__txt span:before,.reserve-bts:not(.is-fixed) .reserve-bts__txt span:after{content:"";background:#fff;border-radius:50vw;width:3px;height:100%;display:block;position:absolute;top:0}.reserve-bts__txt span:before{left:-24px;transform:rotate(-20deg)}.reserve-bts__txt span:after{right:-24px;transform:rotate(20deg)}.reserve-bts__list{gap:clamp(4px,.442vw + 2.343px,8px);margin-top:4px;display:flex}@media (max-width:767px){.reserve-bts__list{margin:0 4px}}.reserve-bts__item{background:#fff;border-radius:50vw;flex:1}a.reserve-bts__link{z-index:0;min-height:50px;color:var(--color-text);font-feature-settings:"palt";background:var(--color-white);transition:opacity .3s var(--ease);border-radius:50vw;justify-content:center;align-items:center;padding:0 20px 0 10px;font-size:clamp(1.3rem,1.215vw + .844rem,2.4rem);font-weight:700;line-height:1.2;display:flex;position:relative}@media (max-width:767px){a.reserve-bts__link{border-radius:4px;padding:2px}}@media (hover:hover){a.reserve-bts__link:hover{opacity:.6}}.reserve-bts__box{text-align:center}.reserve-bts__link .m-ico{font-size:clamp(1.4rem,1.105vw + .986rem,2.4rem);position:absolute;top:50%;right:4px;transform:translateY(-50%)}@media (max-width:767px){.reserve-bts__link .m-ico{display:none}}.reserve-bts.is-fixed{z-index:100;width:100%;position:fixed;top:0;left:0}.reserve-bts.is-fixed .reserve-bts__block{flex-direction:row;align-items:center}.reserve-bts.is-fixed .reserve-bts__txt{flex-shrink:0;font-size:2rem}.reserve-bts.is-fixed .reserve-bts__list{flex:1;margin-top:0}.reserve-bts.is-fixed a.reserve-bts__link{font-size:clamp(1.2rem,.884vw + .869rem,2rem)}

/* エリア・インデックス
------------------------------------------------------*/
.area{padding:16px 0}.area .inner{max-width:1150px;position:relative}.area-block{grid-template-columns:30% 1fr;gap:0 32px;display:grid}@media (max-width:767px){.area-block{grid-template-columns:1fr}.area-map{max-width:50%}}.area-cont{margin-top:clamp(0px,2.652vw - 9.945px,24px);padding-bottom:70px}@media (max-width:767px){.area-cont{margin-top:0;padding-bottom:0;position:relative}}.area-cont__list{counter-reset:listnum}.area-cont__item{padding:0 8px;position:relative}.area-cont__item:not(:first-child){border-top:1px dashed #ccc;margin-top:clamp(4px,.442vw + 2.343px,8px)}.area-cont__item-link{transition:opacity .3s var(--ease);align-items:center;gap:clamp(4px,.442vw + 2.343px,8px);padding:clamp(8px,.884vw + 4.685px,16px) 0 clamp(8px,.884vw + 4.685px,16px) clamp(48px,3.536vw + 34.74px,80px);font-size:clamp(1.4rem,1.768vw + .737rem,3rem);font-weight:700;line-height:1.5;display:inline-flex;position:relative}@media (hover:hover){.area-cont__item-link:hover{opacity:.6}}.area-cont__item-link:before{counter-increment:listnum;content:counter(listnum, decimal-leading-zero);color:#8d8172;font-family:Jost,serif;font-size:clamp(2rem,2.652vw + 1.006rem,4.4rem);font-weight:700;line-height:1;position:absolute;top:50%;left:8px;transform:scaleX(.8)translateY(-50%)}.area-cont__item-link .m-ico{font-size:clamp(2rem,1.105vw + 1.586rem,3rem)}.area-cont__sublist{flex-wrap:wrap;gap:4px;margin:0 0 0 clamp(48px,3.536vw + 34.74px,80px);padding-bottom:clamp(8px,.884vw + 4.685px,16px);display:flex}.area-cont__item-sublink{transition:opacity .3s var(--ease);background:#f5f5f5;border-radius:8px;align-items:center;gap:2px;padding:8px 4px 8px clamp(8px,.663vw + 5.514px,14px);font-size:clamp(1.2rem,.663vw + .951rem,1.8rem);font-weight:700;display:flex}@media (hover:hover){.area-cont__item-sublink:hover{opacity:.6}}.area-cont__item-sublink.-fukuoka{background-color:#efb9de}.area-cont__item-sublink.-saga{background-color:#aac7e0}.area-cont__item-sublink.-nagasaki{background-color:#7dc9a9}.area-cont__item-sublink.-oita{background-color:#eaa8a2}.area-cont__item-sublink.-kumamoto{background-color:#e8d3bc}.area-cont__item-sublink.-miyazaki{background-color:#d0d0ea}.area-cont__item-sublink.-kagoshima{background-color:#bedce5}.legend{background:var(--color-white);border-radius:8px;padding:clamp(8px,.884vw + 4.685px,16px);position:absolute;bottom:16px;left:28%}@media (max-width:767px){.legend{left:inherit;width:58%;bottom:100%;right:0}}.legend__list{flex-wrap:wrap;gap:8px 16px;display:flex}@media (max-width:767px){.legend__list{flex-direction:column}}.legend__item{align-items:center;gap:4px;font-size:clamp(1.2rem,.221vw + 1.117rem,1.4rem);display:flex}.legend__item .fs{font-size:clamp(1rem,.221vw + .917rem,1.2rem)}.legend__line{background-image:linear-gradient(90deg,#000 0 6px,#fff 6px 12px);background-repeat:repeat-x;background-size:12px 5px;border:1px solid;width:20px;height:5px}.legend__line.-kyushu{background-image:linear-gradient(90deg,#6274a3 0 6px,#fff 6px 12px);border-color:#6274a3}.legend__line.-kyushu-w{background-image:linear-gradient(90deg,#d37d7d 0 6px,#fff 6px 12px);border-color:#d37d7d}.legend__line.-yuhuin{background-image:linear-gradient(90deg,#62996b 0 6px,#fff 6px 12px);border-color:#62996b}.legend__line.-tamatebako{background-image:linear-gradient(90deg,#b78c48 0 6px,#fff 6px 12px);border-color:#b78c48}.legend__line.-zairaisen{background-image:linear-gradient(90deg,#969696 0 6px,#fff 6px 12px);border-color:#969696}@media (max-width:1310px){.nihonnoshun .is-cassette{margin:0 calc(var(--gutter) * -1)}}.cassette-shun__block{height:100%;box-shadow:var(--shadow);background:var(--color-white);transition:opacity .3s var(--ease);border-radius:16px;flex-direction:column;padding-bottom:16px;display:flex;overflow:hidden}@media (hover:hover){.cassette-shun__block:hover{opacity:.6}}.cassette-shun__name{text-align:center;margin:8px 16px 0;font-size:1.8rem;font-weight:700;line-height:1.3}.cassette-shun__area{justify-content:center;align-items:center;gap:2px;margin:8px 16px 0;font-size:1.2rem;display:flex}.cassette-shun__area:before{content:"["}.cassette-shun__area:after{content:"]"}.cassette-shun__area li{justify-content:center;align-items:center;display:flex}.cassette-shun__area li:not(:first-child):before{content:"\e315";margin-right:2px;font-family:Material Icons Round}.cassette-shun__desctiption{margin:8px 16px 0;line-height:1.7}.cassette-shun__desctiption sup{font-size:50%}.cassette-shun__detail{margin:auto 16px 0;padding-top:8px}.cassette-shun__detail-inner{background-image:repeating-linear-gradient(315deg,#fcf9ef,#fcf9ef 4px,#fff 4px 8px);padding:8px}.cassette-shun__listitem{gap:.6rem;font-size:clamp(1.2rem,.221vw + 1.117rem,1.4rem);line-height:1.5;display:flex}.cassette-shun__listitem:not(:first-child){margin-top:4px}.cassette-shun__listitem-ico{flex-shrink:1;transform:translateY(.2rem)}.cassette-shun__listitem-ico .m-ico{color:#fff;letter-spacing:0;background:#02347e;border-radius:50vw;justify-content:center;align-items:center;width:clamp(1.6rem,.442vw + 1.434rem,2rem);height:clamp(1.6rem,.442vw + 1.434rem,2rem);font-size:clamp(1.2rem,.221vw + 1.117rem,1.4rem);line-height:1;display:flex}.cassette-shun__detail-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .2rem;margin-top:8px;display:flex}.cassette-shun__detail-btn{cursor:auto;color:#02347e;background:#fff;border:1px solid #b1c5e2;border-radius:50vw;align-items:center;gap:.2rem;padding:2px clamp(6px,.221vw + 5.171px,8px) 2px clamp(2px,.221vw + 1.171px,4px);font-size:clamp(1.2rem,.11vw + 1.159rem,1.3rem);font-weight:500;display:flex}.cassette-shun__detail-btn .m-ico{letter-spacing:0;font-size:1.6rem;line-height:1}.cassette-shun__link{margin:16px 16px 0}.cassette-shun__bt{text-align:center;color:var(--color-white);font-feature-settings:"palt";background:var(--color-primary);border-radius:50vw;margin:0 1px;padding:16px clamp(2rem,.442vw + 1.834rem,2.4rem) 16px 16px;font-weight:500;line-height:1.3;position:relative}.cassette-shun__item.-fukuoka .cassette-shun__bt{background-color:var(--color-fukuoka)}.cassette-shun__item.-saga .cassette-shun__bt{background-color:var(--color-saga)}.cassette-shun__item.-nagasaki .cassette-shun__bt{background-color:var(--color-nagasaki)}.cassette-shun__item.-kumamoto .cassette-shun__bt{background-color:var(--color-kumamoto)}.cassette-shun__item.-oita .cassette-shun__bt{background-color:var(--color-oita)}.cassette-shun__item.-miyazaki .cassette-shun__bt{background-color:var(--color-miyazaki)}.cassette-shun__item.-kagoshima .cassette-shun__bt{background-color:var(--color-kagoshima)}.cassette-shun__bt .m-ico{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.cassette-shun__img{order:-1;position:relative}.nihonnoshunBn{margin:clamp(40px,4.42vw + 23.425px,80px) 8px 0}.nihonnoshunBn__txt{text-align:center;margin-bottom:8px;font-size:clamp(1.4rem,.442vw + 1.234rem,1.8rem);font-weight:500;line-height:1.5}.nihonnoshunBn a{width:100%;max-width:990px;transition:opacity .3s var(--ease);margin:0 auto;display:block}@media (hover:hover){.nihonnoshunBn a:hover{opacity:.6}}.nihonnoshunBn img{border-radius:clamp(8px,.884vw + 4.685px,16px)}

/* 観光情報
------------------------------------------------------*/
.trip-list{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}@media (max-width:767px){.trip-list{grid-template-columns:1fr}}.trip-list__item{z-index:0;background:var(--color-white);border-top:3px solid;padding:clamp(8px,.884vw + 4.685px,16px) clamp(16px,.884vw + 12.685px,24px) clamp(16px,.884vw + 12.685px,24px);position:relative;overflow:hidden}.trip-list__item.-fukuoka{border-top-color:var(--color-fukuoka)}.trip-list__item.-saga{border-top-color:var(--color-saga)}.trip-list__item.-nagasaki{border-top-color:var(--color-nagasaki)}.trip-list__item.-kumamoto{border-top-color:var(--color-kumamoto)}.trip-list__item.-oita{border-top-color:var(--color-oita)}.trip-list__item.-miyazaki{border-top-color:var(--color-miyazaki)}.trip-list__item.-kagoshima{border-top-color:var(--color-kagoshima)}.trip-list__item:before{z-index:-1;content:"";width:100%;height:100px;display:block;position:absolute;top:0;left:0}.trip-list__item.-fukuoka:before{background:linear-gradient(#fff9fd 0%,#fff 100%)}.trip-list__item.-saga:before{background:linear-gradient(#f4faff 0%,#fff 100%)}.trip-list__item.-nagasaki:before{background:linear-gradient(#f5fffb 0%,#fff 100%)}.trip-list__item.-oita:before{background:linear-gradient(#fff5f3 0%,#fff 100%)}.trip-list__item.-kumamoto:before{background:linear-gradient(#fff9f1 0%,#fff 100%)}.trip-list__item.-miyazaki:before{background:linear-gradient(#f6f5ff 0%,#fff 100%)}.trip-list__item.-kagoshima:before{background:linear-gradient(#f4fcff 0%,#fff 100%)}.trip-list__ttl{text-align:center;letter-spacing:.2em;color:var(--color-white);flex-direction:column;justify-content:center;align-items:center;font-family:"Noto Serif JP",sans-serif;font-size:clamp(2rem,.442vw + 1.834rem,2.4rem);font-weight:700;line-height:1.5;display:flex}.trip-list__item.-fukuoka .trip-list__ttl{color:var(--color-fukuoka)}.trip-list__item.-saga .trip-list__ttl{color:var(--color-saga)}.trip-list__item.-nagasaki .trip-list__ttl{color:var(--color-nagasaki)}.trip-list__item.-kumamoto .trip-list__ttl{color:var(--color-kumamoto)}.trip-list__item.-oita .trip-list__ttl{color:var(--color-oita)}.trip-list__item.-miyazaki .trip-list__ttl{color:var(--color-miyazaki)}.trip-list__item.-kagoshima .trip-list__ttl{color:var(--color-kagoshima)}.trip-list__ttl:after{content:attr(data-en);letter-spacing:.1em;color:var(--color-text);font-family:"Noto Serif JP",sans-serif;font-size:clamp(1.4rem,.221vw + 1.317rem,1.6rem);font-weight:500}.trip-cassette{grid-template-columns:repeat(2,1fr);gap:clamp(8px,.884vw + 4.685px,16px);margin-top:clamp(8px,.884vw + 4.685px,16px);display:grid}.trip-cassette__item{flex-direction:column;display:flex}.trip-cassette__name{text-align:center;margin-top:8px;font-size:clamp(1.6rem,.221vw + 1.517rem,1.8rem);font-weight:600;line-height:1.3}.trip-cassette__desctiption{margin-top:8px;line-height:1.5}.trip-cassette__img{border-radius:8px;order:-1;position:relative;overflow:hidden}.trip-tabisugo{margin-top:16px;position:relative}.trip-tabisugo:before,.trip-tabisugo:after{content:"";z-index:1;background-color:#d7bacd;width:36px;height:1px;position:absolute;transform:translate(-50%)}.trip-list__item.-fukuoka .trip-tabisugo:before,.trip-list__item.-fukuoka .trip-tabisugo:after{background-color:#f1e4ed}.trip-list__item.-saga .trip-tabisugo:before,.trip-list__item.-saga .trip-tabisugo:after{background-color:#dce4eb}.trip-list__item.-nagasaki .trip-tabisugo:before,.trip-list__item.-nagasaki .trip-tabisugo:after{background-color:#d3e3dd}.trip-list__item.-oita .trip-tabisugo:before,.trip-list__item.-oita .trip-tabisugo:after{background-color:#eddfe2}.trip-list__item.-kumamoto .trip-tabisugo:before,.trip-list__item.-kumamoto .trip-tabisugo:after{background-color:#e3dcd4}.trip-list__item.-miyazaki .trip-tabisugo:before,.trip-list__item.-miyazaki .trip-tabisugo:after{background-color:#d3d2e3}.trip-list__item.-kagoshima .trip-tabisugo:before,.trip-list__item.-kagoshima .trip-tabisugo:after{background-color:#d2e0e5}.trip-tabisugo:before{transform-origin:0 0;top:24px;left:-4px;transform:rotate(-50deg)}.trip-tabisugo:after{transform-origin:100% 100%;bottom:25px;right:-1px;transform:rotate(-50deg)}.trip-tabisugo__block{transition:opacity .3s var(--ease);clip-path:polygon(15px 0,100% 0,100% calc(100% - 25px),calc(100% - 20px) 100%,0 100%,0 20px);background-color:#fbf2f8;grid-template-columns:30% 1fr;align-items:center;gap:24px 16px;margin-top:16px;padding:16px;display:grid}@media (max-width:767px){.trip-tabisugo__block{grid-template-columns:1fr}}@media (hover:hover){.trip-tabisugo__block:hover{opacity:.6}}.trip-list__item.-fukuoka .trip-tabisugo__block{background-color:#fff9fd}.trip-list__item.-saga .trip-tabisugo__block{background-color:#f4faff}.trip-list__item.-nagasaki .trip-tabisugo__block{background-color:#f5fffb}.trip-list__item.-oita .trip-tabisugo__block{background-color:#fff5f3}.trip-list__item.-kumamoto .trip-tabisugo__block{background-color:#fff9f1}.trip-list__item.-miyazaki .trip-tabisugo__block{background-color:#f6f5ff}.trip-list__item.-kagoshima .trip-tabisugo__block{background-color:#f4fcff}@media (max-width:767px){.trip-tabisugo__hd{grid-template-columns:25% 1fr;align-items:center;gap:16px;display:grid}}.trip-tabisugo__hd-txt{margin-top:8px;font-size:clamp(1rem,.221vw + .917rem,1.2rem);line-height:1.5}@media (max-width:767px){.trip-tabisugo__hd-txt{margin-top:0}}.trip-tabisugo__cassette{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.trip-tabisugo__item{position:relative}.trip-tabisugo__txt{white-space:nowrap;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.trip-tabisugo__txt span{z-index:1;color:#fff;padding:4px;font-size:clamp(1rem,.221vw + .917rem,1.2rem);display:block;position:relative}.trip-list__item.-fukuoka .trip-tabisugo__txt span{background:var(--color-fukuoka)}.trip-list__item.-saga .trip-tabisugo__txt span{background:var(--color-saga)}.trip-list__item.-nagasaki .trip-tabisugo__txt span{background:var(--color-nagasaki)}.trip-list__item.-kumamoto .trip-tabisugo__txt span{background:var(--color-kumamoto)}.trip-list__item.-oita .trip-tabisugo__txt span{background:var(--color-oita)}.trip-list__item.-miyazaki .trip-tabisugo__txt span{background:var(--color-miyazaki)}.trip-list__item.-kagoshima .trip-tabisugo__txt span{background:var(--color-kagoshima)}.trip-tabisugo__txt:before{content:"";background:#ffceee;width:98%;height:98%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.trip-list__item.-fukuoka .trip-tabisugo__txt:before{background:#eeb9da}.trip-list__item.-saga .trip-tabisugo__txt:before{background:#b7cfe6}.trip-list__item.-nagasaki .trip-tabisugo__txt:before{background:#b2dcca}.trip-list__item.-kumamoto .trip-tabisugo__txt:before{background:#f1d9b2}.trip-list__item.-oita .trip-tabisugo__txt:before{background:#f1c5bd}.trip-list__item.-miyazaki .trip-tabisugo__txt:before{background:#a7accc}.trip-list__item.-kagoshima .trip-tabisugo__txt:before{background:#b4e0f4}.trip-tabisugo__img{order:-1;overflow:hidden}.trip-tabisugo__item:first-child .trip-tabisugo__img{border-radius:32px 0 0 32px}.trip-tabisugo__item:last-child .trip-tabisugo__img{border-radius:0 32px 32px 0}.trip-tabisugo__link{text-align:right;justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;font-size:clamp(1.2rem,.221vw + 1.117rem,1.4rem);font-weight:700;display:flex}.trip-tabisugo__link .m-ico{transition:transform .3s var(--ease);font-size:100%}@media (hover:hover){.trip-tabisugo__block:hover .trip-tabisugo__link .m-ico{transform:translate(4px)}}.trip-list__item.-fukuoka .trip-tabisugo__link{color:var(--color-fukuoka)}.trip-list__item.-saga .trip-tabisugo__link{color:var(--color-saga)}.trip-list__item.-nagasaki .trip-tabisugo__link{color:var(--color-nagasaki)}.trip-list__item.-kumamoto .trip-tabisugo__link{color:var(--color-kumamoto)}.trip-list__item.-oita .trip-tabisugo__link{color:var(--color-oita)}.trip-list__item.-miyazaki .trip-tabisugo__link{color:var(--color-miyazaki)}.trip-list__item.-kagoshima .trip-tabisugo__link{color:var(--color-kagoshima)}

/* DEPT
-----------------------------------------------------------*/
.depts{margin-bottom:clamp(24px,1.768vw + 17.37px,40px)}.depts__list{justify-content:center;gap:clamp(16px,1.768vw + 9.37px,32px);display:flex}@media (max-width:768px){.depts__list{flex-wrap:wrap;gap:8px 0}}.depts__item{max-width:200px;padding:0 4px;position:relative}@media (max-width:768px){.depts__item{flex:initial;width:33.3333%;max-width:inherit}}.depts__btn{text-align:center;border-radius:8px;padding:16px 4px;font-size:clamp(1.4rem,.442vw + 1.234rem,1.8rem);font-weight:600;display:block;position:relative}@media (max-width:768px){.depts__btn{border:solid 1px var(--color-border);background:#fff;width:100%;padding:12px 2px;overflow:hidden}}.depts__btn:before{content:"";background:var(--color-primary);width:0;height:3px;transition:width .2s var(--ease);border-radius:50vw;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.depts__btn:not(.is-active){cursor:pointer}.depts__btn.is-active{color:var(--color-primary)}@media (max-width:768px){.depts__btn.is-active{color:var(--color-white);background:var(--color-primary)}}@media (min-width:769px){.depts__btn.is-active:before{background:var(--color-primary);width:100%}}@media (hover:hover){.depts__btn:not(.is-active):hover:before{width:50%}}

/* おすすめ施設
------------------------------------------------------*/
.recommend-htl__cassette{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.recommend-htl__item{width:calc(25% - 12px)}@media (max-width:767px){.recommend-htl__item{width:100%}}.recommend-htl__block{height:100%;box-shadow:var(--shadow);background:var(--color-white);transition:opacity .3s var(--ease);border-radius:16px;flex-direction:column;padding-bottom:16px;display:flex;overflow:hidden}@media (hover:hover){.recommend-htl__block:hover{opacity:.6}}.recommend-htl__name{text-align:center;margin:8px 16px 0;font-size:1.8rem;font-weight:700;line-height:1.3}.recommend-htl__area{justify-content:center;align-items:center;gap:2px;margin:8px 16px 0;font-size:1.2rem;display:flex}.recommend-htl__area:before{content:"["}.recommend-htl__area:after{content:"]"}.recommend-htl__area li{justify-content:center;align-items:center;display:flex}.recommend-htl__area li:not(:first-child):before{content:"";margin-right:2px;font-family:Material Icons Round}.recommend-htl__desctiption{margin:8px 16px 0;line-height:1.7}.recommend-htl__desctiption sup{font-size:50%}.recommend-htl__link{margin:auto 16px 0;padding-top:24px}.recommend-htl__bt{text-align:center;color:var(--color-white);font-feature-settings:"palt";border-radius:50vw;margin:0 1px;padding:8px clamp(2rem,.442vw + 1.834rem,2.4rem) 8px 8px;font-weight:500;line-height:1.3;position:relative}.recommend-htl__item.-fukuoka .recommend-htl__bt{background-color:var(--color-fukuoka)}.recommend-htl__item.-saga .recommend-htl__bt{background-color:var(--color-saga)}.recommend-htl__item.-nagasaki .recommend-htl__bt{background-color:var(--color-nagasaki)}.recommend-htl__item.-kumamoto .recommend-htl__bt{background-color:var(--color-kumamoto)}.recommend-htl__item.-oita .recommend-htl__bt{background-color:var(--color-oita)}.recommend-htl__item.-miyazaki .recommend-htl__bt{background-color:var(--color-miyazaki)}.recommend-htl__item.-kagoshima .recommend-htl__bt{background-color:var(--color-kagoshima)}.recommend-htl__bt .m-ico{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.recommend-htl__img{order:-1;position:relative}

/* 注釈
------------------------------------------------------*/
.attbot{margin-top:8px;font-size:1.2rem}.attbot ul{justify-content:flex-end;gap:clamp(8px,.884vw + 4.685px,16px);display:flex}@media (max-width:767px){.attbot ul{flex-direction:column;align-items:flex-end}}

/* パーツ
------------------------------------------------------*/
.parts{content:"";z-index:-1;position:absolute}.parts1{aspect-ratio:337/153;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/item01.webp) 50%/cover no-repeat;width:clamp(70px,29.503vw - 40.635px,337px);top:-7vw;left:50%;transform:translate(30vw)}@media (min-width:767px) and (max-width:1500px){.parts1{top:0}}.parts2{aspect-ratio:337/153;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/item01.webp) 50%/cover no-repeat;width:clamp(100px,22.099vw + 17.127px,300px);top:-1vw;right:calc(50% + 520px)}@media (max-width:1500px){.parts2{right:50%;transform:translate(-35vw)}}.parts3{aspect-ratio:191/190;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/item02.webp) 50%/cover no-repeat;width:clamp(120px,7.845vw + 90.58px,191px);top:-6vw;bottom:16px;left:calc(50% + 620px)}@media (max-width:1500px){.parts3{left:50%;transform:translate(30vw)}}.parts4{aspect-ratio:638/475;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/item03.webp) 50%/cover no-repeat;width:clamp(200px,48.398vw + 18.508px,638px);bottom:16px;left:50%;transform:translate(12vw)}.parts5{aspect-ratio:270/271;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/item04.webp) 50%/cover no-repeat;width:clamp(80px,20.994vw + 1.271px,270px);top:-4vw;right:calc(50% + 630px)}@media (max-width:1500px){.parts5{top:-2vw;right:50%;transform:translate(-38vw)}}.parts6{aspect-ratio:343/174;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/item05.webp) 50%/cover no-repeat;width:clamp(150px,21.326vw + 70.028px,343px);top:80px;right:50%;transform:translate(-30vw)}.parts7{aspect-ratio:343/174;background:url(/kokunai/dynamic/jr/imakoso_kyushu/images/item05.webp) 50%/cover no-repeat;width:clamp(150px,21.326vw + 70.028px,343px);top:2vw;right:calc(50% + 620px)}@media (max-width:1500px){.parts7{right:50%;transform:translate(-35vw)}}


/* =============================================================================
JAVASCRIPT
============================================================================= 

/* SLIDER
-----------------------------------------------------------*/
.is-cassette .tns-ovh{padding-top:2px;padding-bottom:8px;position:relative}@media print,screen and (min-width:960px){.is-cassette .tns-ovh:not(.is-edge-start):before,.is-cassette .tns-ovh:not(.is-edge-end):after{z-index:1;content:"";background:linear-gradient(to right, color-mix(in srgb, var(--color-bg-light) var(--fade-start,100%), transparent) 0%, color-mix(in srgb, var(--color-bg-light) var(--fade-end,0%), transparent) 100%);width:64px;height:100%;display:block;position:absolute;top:0}.is-cassette .tns-ovh:before{left:0}.is-cassette .tns-ovh:after{--fade-start:0%;--fade-end:100%;right:0}}.is-noslider .tns-ovh{overflow:inherit}[data-tinyslider]:not(.tns-slider):not([data-tinyslider=sponly]){display:flex;overflow:hidden}@media screen and (max-width:959px){[data-tinyslider]:not(.tns-slider){display:flex;overflow:hidden}}[data-tinyslider].tns-slider{touch-action:pan-y;display:flex}[data-tinyslider].tns-slider .tns-item{height:auto}[data-tinyslider].-center{margin-left:auto;margin-right:auto}.tns-outer{touch-action:pan-y;flex-direction:column-reverse;gap:clamp(8px,.883vw + 4.688px,16px);display:flex;position:relative;overflow:hidden}.is-noslider{overflow:inherit}.tiny-slider-controls{text-align:center;align-self:center;align-items:center;height:4rem;padding:0 56px;display:flex}@media (max-width:767px){.tiny-slider-controls{position:relative}}.tns-nav{margin-top:8px}.tns-nav,.tiny-custom-nav{justify-content:center;gap:clamp(4px,.442vw + 2.343px,8px);display:flex}.tns-nav .tiny-nav-bt,.tiny-custom-nav .tiny-nav-bt{cursor:pointer;background:var(--color-common);width:clamp(8px,.221vw + 7.171px,10px);height:clamp(8px,.221vw + 7.171px,10px);transition:width .2s var(--ease), opacity .3s var(--ease);opacity:.3;border-radius:50vw}.tns-nav .tiny-nav-bt.tns-nav-active,.tiny-custom-nav .tiny-nav-bt.is-active{pointer-events:none;opacity:1;width:clamp(25px,1.657vw + 18.785px,40px)}.tns-controls button{z-index:10;color:var(--color-white);background:var(--color-common);border-radius:50vw;margin-top:-9px;font-size:0;position:absolute;top:50%;transform:translateY(-50%)}.tns-controls button .m-ico{justify-content:center;align-items:center;font-weight:700;display:flex}.tiny-slider-controls{height:4rem;position:relative}.tiny-slider-controls .tns-controls button{width:4rem;height:4rem;margin-top:0;top:50%}.tiny-slider-controls .tns-controls button:disabled{opacity:.15;pointer-events:none}.tns-controls [data-controls=prev]{left:0}.tns-controls [data-controls=next]{right:0}@media (hover:hover){.tns-nav button:not(.tns-nav-active):hover,.tiny-nav-bt:not(.is-active):hover,.tiny-slider-controls .tns-controls button:not(:disabled):hover{opacity:.6}}