@charset "utf-8";

@import url("/kokunai/___common/css/dept-select.css");

/* =============================================================================
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;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{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%;scroll-behavior:auto!important;font-size:62.5%}body{font-size:1.4rem;font-family:"Work Sans","Noto Sans JP",sans-serif;line-height:1;color:#323743;font-feature-settings:"palt";background:#fff;letter-spacing:.05em}body *{box-sizing:border-box}input,button,textarea,select{font-family:"Work Sans","Noto Sans JP",sans-serif}img{width:100%;height:auto;vertical-align:bottom}@media print,screen and (min-width:960px){body{font-size:1.6rem}}

/* 共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a,a:link,a:visited,a:hover{color:#323743;text-decoration:none}a.link-txt{color:#3498DB;text-decoration:underline;transition:opacity .3s ease-out}a.link-txt.-under{text-decoration:underline}@media print,screen and (min-width:1000px){a.link-txt:hover{opacity:.6}a.link-txt.-under:hover{text-decoration:none}}

/* MATERIAL ICON
-----------------------------------------------------------*/
.m-ico{display:inline-flex;align-items:center;vertical-align:middle;font-weight:400;font-size:2rem}.m-ico:before{font-family:'Material Icons Round';content:attr(data-icon);font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20;font-size:100%;line-height:1}.m-ico.-fsl:before{font-size:2.6rem}.ico-wrap{display:inline-flex;align-items:center}@media print,screen and (min-width:960px){.m-ico{font-size:2.4rem}.m-ico:before{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}.m-ico.-ml{margin-left:4px}.m-ico.-mr{margin-right:4px}}

/* 表示・非表示
-----------------------------------------------------------*/
@media screen and (max-width:959px){.pc-only{display:none}}@media print,screen and (min-width:1000px){.sp-only{display:none}}.sr-only{display:none}.dis-none{display:none}

/* LINE / INLINE
-----------------------------------------------------------*/
.block{display:block}.in-block{display:inline-block}@media screen and (max-width:959px){.sp-line{display:block}}@media print,screen and (min-width:1000px){.pc-line{display:block}}

/*  KOME
-----------------------------------------------------------*/
p.kome,.kome li{position:relative;padding-left:calc(1em + 4px)}p.kome:before,.kome li:before{position:absolute;left:0;top:0;content:"\203B"}.list-dot li{position:relative;padding-left:calc(1em + 4px)}.list-dot li:before{position:absolute;left:0;top:0;content:"\30FB"}

/*  STYLE
-----------------------------------------------------------*/
.fb{font-weight: bold}

/* BREADCRUMBS
-----------------------------------------------------------*/
.breadcrumbs{margin:0 auto;padding:8px 0;width:100%;max-width:1280px}.breadcrumbs_wrapper{display:flex;align-items:center}.breadcrumbs_contents{flex:1;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}.breadcrumbs_item.-home{flex-shrink:0;margin:0 4px}.breadcrumbs_item.-home span{display:inline-flex;align-items:center}.breadcrumbs_item.-home span:before{margin-right:4px;font-family:'Material Icons Round';content:"\e88a"}.breadcrumbs_inner{width:100%;display:flex;align-items:center}.breadcrumbs_item:not(:first-child){margin-left:4px}.breadcrumbs_item:not(:last-child):after{margin-left:4px;font-family:'Material Icons Round';content:"\e315";color:#c0c5cb}.breadcrumbs_item:last-child{padding-right:8px}a.breadcrumbs_anchor{display:inline-flex;align-items:center;color:#3498DB}

/*  PAGETOP
-----------------------------------------------------------*/
.page-top{position:fixed;right:10px;bottom:10px;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,bottom .3s,visibility .3s}.page-top a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fff;font-size:2.4rem;border-radius:10px;background:rgba(0,0,0,.2);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);transition:opacity .3s}.page-top a:hover{opacity:.6}.page-top.is-active{visibility:visible;opacity:1}@media screen and (max-width:999px){ .is-departure .page-top{bottom: 66px}}@media print,screen and (min-width:1000px){.page-top{right:20px;bottom:20px;}}

/* CAPTION
------------------------------------------------------*/
.caption{position:absolute;right:0;bottom:2px;padding:0 5px;color:#fff;font-size:1.2rem;text-align:right;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%)}

/*  LAYOUT
-----------------------------------------------------------*/
.main{position:relative;padding-top:87px}.block-lv2{padding:32px 0}.inner{margin:0 auto;padding:0 15px;width:100%;max-width:1280px}.block-lv3:not(:first-child),.block-lv4:not(:first-child){margin-top:40px}.body-lv2,.body-lv3,.body-lv4{margin-top:24px}@media print,screen and (min-width:960px){.main{padding-top:120px}.inner{padding:0}.block-lv2{padding:56px 15px}.block-lv3:not(:first-child),.block-lv4:not(:first-child){margin-top:96px}.body-lv2{margin-top:48px}.body-lv3{margin-top:40px}.body-lv4{margin-top:40px}}

/*  HEADING 
-----------------------------------------------------------*/
.head-lv1{margin:4px 8px;line-height:1.5;font-size:1.5rem;font-weight:700}@media print,screen and (min-width:960px){.head-lv1{margin:0 auto 8px;max-width:1280px;font-size:2.1rem}}

/* =============================================================================
CONTENTS
============================================================================= */
/* MV -------------------------- */
.mv{position:relative;z-index:0;display:flex;justify-content:center;align-items:center;min-height:180px;padding:0 16px;border-bottom:solid 10px #fabe00;background:linear-gradient(90deg,#fcd68c 0%,#f1e8b9 100%)}.mv::before{position:absolute;right:4px;bottom:0;z-index:-1;content:"";display:inline-block;width:40px;height:36px;background:url(/kokunai/dynamic/jr/kagoshima/images/mv_mt.png) center / 100% auto no-repeat}.mv__ttl{margin:0 auto;max-width:400px;width:100%}@media print,screen and (min-width:960px){.mv{min-height:425px}.mv::before{right:13%;width:93px;height:83px}.mv__ttl{max-width:1233px}}

/* DEPT NAV -------------------------- */
.deptNav{position:absolute;left:0;top:0;z-index:10;padding:8px 0;width:100%;background-color:#ea5405;transition:background .2s ease-out}@media print,screen and (max-width:959px){.deptNav .inner{padding:0 4px}}.deptNav_ttl{color:#fff;text-align:center;font-size:2rem;font-weight:700}.deptNav_ttl span{position:relative;display:inline-flex;align-items:center;font-weight:700;line-height:1.3}.deptNav_ttl span::before,.deptNav_ttl span::after{position:absolute;top:0;content:"";display:block;width:3px;height:100%;background:#fff;border-radius:50vw}.deptNav_ttl span::before{left:-24px;transform:rotate(-20deg)}.deptNav_ttl span::after{right:-24px;transform:rotate(20deg)}.deptNavList{display:flex;margin:4px 0 0 -4px}.deptNavList_item{flex:1;margin-left:4px}.deptNavList_item a{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2px 16px 2px 4px;min-height:40px;text-align:center;font-weight:700;line-height:1.3;border-radius:8px;background:#fff;transition:background .2s ease-out}.deptNavList_item span{display:inline-block;font-weight:700}.deptNavList_item .m-ico{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:2rem}.is-fixed .deptNav{position:fixed;padding:8px 0;background-color:#ea5405;transform:translateY(-100%);box-shadow:0 0 12px rgba(0,0,0,.1);animation:0.3s forwards animationNav}.is-fixed .deptNav_ttl{display:none}.is-fixed .deptNavList{margin-top:0}@keyframes animationNav{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes yureAnimation{from{transform:rotate(0deg)}to{transform:rotate(-16deg)}}@media print,screen and (min-width:960px){.deptNav{padding:8px 0 16px}.deptNav_ttl{font-size:3rem}.deptNav_ttl span::before,.deptNav_ttl span::after{width:5px}.deptNavList{margin-top:8px;gap:24px}.deptNavList_item a{display:block;padding:8px 16px 8px 8px;font-size:2.6rem}.deptNavList_item a:hover{background:#fff9df}.deptNavList_item .m-ico{right:4px;font-size:3.5rem}.is-fixed .deptNav{padding:16px 0}.is-fixed .deptNav .inner{display:flex;align-items:center}.is-fixed .deptNav_ttl{display:block;width:300px;font-size:2rem}.is-fixed .deptNav_ttl span::before,.is-fixed .deptNav_ttl span::after{display:none}.is-fixed .deptNavList{flex:1;gap:8px}.is-fixed .deptNavList_item a{font-size:2rem}.is-fixed .deptNavList_item .m-ico{font-size:2.5rem}}

/* ABOUT -------------------------- */
.about{padding:16px 0;background:#fff8ea}.about__block{display:flex;flex-direction:column-reverse}@media screen and (max-width:959px){.about__item:first-child{margin:8px -15px 0}}@media print,screen and (min-width:960px){.about{padding:32px 15px}.about__block{display:flex;flex-direction:row}}.kagoshima{background:#f1bdcd}.kirishima{background:#b9dd8f}.ibusuki{background:#9fd7e6}.area__wp{position:relative}.area__ttl{position:absolute;left:32px;top:0;transform:translateY(-50%);z-index:1}.area__ttl img{width:inherit;max-width:70%}.area__block{border-radius:24px;background:#ebe7cf;overflow:hidden}.areatrip{display:flex;flex-direction:column;background-color:rgba(255,255,255,.5)}.areatrip__bd{display:flex;flex-direction:column;position:relative;padding:24px 16px 16px;line-height:1.7}.areatrip__ttl{font-size:2.2rem;font-weight:700}.areatrip__mankitsucoupon{order:-1;margin:-16px 0 0 -8px}.areatrip__mankitsucoupon img{max-width:335px}.areatrip__img{position:relative;order:-1}.tabisugo{flex:1;padding:24px 16px 16px}.tabisugo__ttl{display:flex;align-items:center;gap:16px}.tabisugo__ttl::before,.tabisugo__ttl::after{content:"";display:inline-block;flex:1;height:8px;background:repeating-linear-gradient(-45deg,rgba(51,51,51,0),rgba(51,51,51,0) 3px,rgba(51,51,51,100%) 3px,rgba(51,51,51,100%) 6px)}.tabisugo__ttl span{display:inline-block;width:100%;max-width:150px}.tabisugo__block{display:flex;flex-direction:column;gap:16px;margin-top:16px}.tabisugo__plan{flex:1}.tabisugo__plan-wrap{position:relative;display:flex;flex-direction:column;height:100%;border-radius:24px;background:#fff;overflow:hidden;transition:opacity .2s ease-out;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}.tabisugo__plan-img{position:relative;order:-1;aspect-ratio:500 / 300;overflow:hidden}.tabisugo__plan-img img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.tabisugo__plan-article{padding:12px 16px 16px}.tabisugo__plan-ttl{line-height:1.5;font-size:1.8rem;font-weight:700}.tabisugo__plan-ttl span{display:inline-block;font-size:1.4rem;font-weight:700}.tabisugo__plan-cat{line-height:1.5;font-size:1.2rem}.tabisugo__plan-area{position:absolute;left:8px;top:8px;padding:4px 8px;color:#fff;line-height:1;font-size:1.2rem;background:#333;border-radius:50vw}.tabisugo__plan-icons{display:flex;flex-wrap:wrap;margin:2px 0 0 -2px}.tabisugo__plan-ico{margin:8px 0 0 2px;padding:4px;color:#fff;line-height:1;font-size:1.2rem;font-weight:500;border-radius:4px;background:#ccc}.tabisugo__plan-ico.-priority{background:#c3a300}.tabisugo__plan-ico.-web{background:#00b9cd}.tabisugo__plan-ico.-pay{background:#f78d01}.tabisugo__plan-ico.-oyasumi{background:#ff364c}.tabisugo__plan-txt{margin-top:16px;line-height:1.5}@media print,screen and (min-width:960px){.area__ttl img{max-width:100%}.area__block{display:flex}.areatrip{width:40%}.areatrip__bd{padding:24px 32px}.areatrip__mankitsucoupon{margin:-16px 0 0 -16px}.tabisugo{padding:32px 40px}.tabisugo__ttl{gap:24px}.tabisugo__ttl span{max-width:160px}.tabisugo__block{flex-direction:row;margin-top:24px}a.tabisugo__plan-wrap:hover{opacity:.6}.tabisugo__plan-cat{font-size:1.4rem}.tabisugo__plan-txt{margin-top:16px;font-size:1.5rem}}

/* TABISUGO MORE -------------------------- */
.tabisugoMore{padding:16px 0;background:#fff8ea}.tabisugoMore__bt{margin:0 auto;padding:0 15px;max-width:530px;transition:opacity .2s ease-out}.tabisugoMore__bt a{position:relative;display:flex;justify-content:center;align-items:center;min-height:70px;padding:8px;text-align:center;color:#fff;font-size:1.8rem;font-weight:700;border-radius:16px;background:#ea5405;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);transition:opacity .2s ease-out}.tabisugoMore__bt .m-ico{position:absolute;right:16px;top:50%;transform:translateY(-50%)}@media print,screen and (min-width:960px){.tabisugoMore{padding:32px 0}.tabisugoMore__bt:hover{opacity:.6}}

/* RECOMMEND -------------------------- */
.recommend{position:relative;padding:32px 0;background:#fff8ea}.recommend .inner{position:relative}.recommendHd{display:flex;align-items:center;margin:0 -8px}.recommendHd::before,.recommendHd::after{content:"";display:inline-block;flex:1;height:8px;background:repeating-linear-gradient(-45deg,rgba(51,51,51,0),rgba(51,51,51,0) 3px,rgba(51,51,51,100%) 3px,rgba(51,51,51,100%) 6px)}.recommendHd::before{margin-right:8px}.recommendHd::after{margin-left:8px}.recommendHd_ttl{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;text-align:center;font-weight:700;line-height:1.3}.recommendHd_ttl span{font-weight:700}.recommendHd_ttl01{font-size:1.6rem}.recommendHd_ttl02{font-size:2.4rem}.recommendDept{display:flex;justify-content:flex-end;text-align:right;margin-top:8px}.deptBox{position:relative}.deptBox .m-ico{pointer-events:none;position:absolute;right:8px;top:50%;font-size:2.5rem;transform:translateY(-50%)}.deptSelect{cursor:pointer;padding:0 32px 0 16px;line-height:40px;width:100%;border:1px solid #ccc;border-radius:4px;background:#fff}.reccomendWp{margin-top:8px}.recommendCassette_item{margin-top:16px}.recommendCassette_item a{display:flex;flex-direction:column;overflow:hidden;padding-bottom:24px;height:100%;border-radius:24px;background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);transition:background .2s ease-out}.recommendCassette_itemImg{order:-1;position:relative;width:100%;padding-top:calc(300 / 400 * 100%);overflow:hidden}.recommendCassette_itemImg img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .4s ease-out}.recommendCassette_itemTtl{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:8px 16px 0;line-height:1.3}.recommendCassette_itemTtl span{font-size:2rem;font-weight:700}.recommendCassette__itemArea{margin:8px 16px 0;font-size:1.2rem;text-align:center}.recommendCassette_itemTxt{flex:1;margin:8px 16px 0;line-height:1.5;font-size:1.5rem}.recommendCassette_itemBt{display:flex;justify-content:center;align-items:center;min-height:60px;position:relative;margin:16px 24px 0;padding:4px 24px 4px 4px;color:#fff;line-height:1.3;text-align:center;font-weight:700;border-radius:16px;background:#ea5405}.recommendCassette_itemBt .m-ico{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.recommendCassette_itemBt span{display:inline-block;font-weight:700}@media print,screen and (min-width:960px){.recommend{padding:56px 15px}.recommend .inner::before{top:-20px;width:119px;height:94px}.recommend .inner::after{top:-30px;width:88px;height:48px}.recommendHd_ttl{padding:0 40px}.recommendHd::before{margin-right:24px}.recommendHd::after{margin-left:24px}.recommendHd_ttl01{font-size:2.2rem}.recommendHd_ttl02{font-size:3.6rem}.recommendDept{display:block;position:absolute;right:16px;top:-32px}.reccomendWp{margin-top:32px}.recommendCassette{display:flex;flex-wrap:wrap;justify-content:center;gap:32px 16px;margin-top:32px}.recommendCassette_item{width:calc(100% / 4 - (48px / 4))}.recommendCassette_item a{padding-bottom:24px;border-radius:24px}.recommendCassette_item a:hover{background:#fff9df}.recommendCassette_item a:hover .recommendCassette_itemImg img{transform:translate(-50%,-50%) scale(1.1)}.recommendCassette_itemTtl{margin-top:16px}.recommendCassette_itemTxt{margin-top:16px}.recommendCassette_itemBt{margin:16px 24px 0}}

/* ATT -------------------------- */
.attbot{margin-top:32px;font-size:1.2rem}.attbot ul{display:flex}@media screen and (max-width:959px){.attbot ul{flex-direction:column;align-items:flex-end}}@media print,screen and (min-width:960px){.attbot ul{justify-content:flex-end;margin-left:-16px}.attbot li{margin-left:16px}}
