@media screen and (min-width:1024px) {
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    box-sizing: border-box;
}
#kks {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_bg.jpg);
background-repeat: repeat;
position: relative;
overflow: hidden;
font-family: '游ゴシック体', YuGothic, 'Yu Gothic', Helvetica, 'Hiragino Kaku Gothic Pro', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif, sans-serif;
line-height: 1;
color: #040000;
overflow: hidden;
}
.forsp {
 display: none;
}

a {
   display: block;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img {
width: 100%;
border: none;
vertical-align: bottom;
}

/*main */
.main {
width: 100%;
height: 700px;
position: relative;
}
.main .kks_shouleder {
width: 365px;
height: 15px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_retrobook.svg);
background-repeat: no-repeat;
background-size: contain;
margin: 15px auto;
font-size: 0px;
text-indent: -9999px;
}
.kks_line01 {
width: 1000%;
height: 3px;
background-color: #000;
border: none;
margin: 0 0 4px 0;
}
.kks_line02 {
width: 1000%;
height: 1px;
background-color: #000;
border: none;
margin: 0 0 4px 0;
}
.main .inner {
width: 1000px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.main .inner .item01 {
width: 563px;
height: 502px;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/main_item01.png);
background-repeat: no-repeat;
background-size: contain;
top: -20px;
left: -290px;
}
.main .inner .item02 {
width: 477px;
height: 486px;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/main_item02.png);
background-repeat: no-repeat;
background-size: contain;
top: -180px;
right: -210px;
}
.main .inner .item03 {
width: 540px;
height: 174px;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/main_item03.png);
background-repeat: no-repeat;
background-size: contain;
top: 510px;
left: -179px;
}
.main .inner .item04 {
width: 344px;
height: 361px;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/main_item04.png);
background-repeat: no-repeat;
background-size: contain;
top: 270px;
right: -150px;
}
.main .inner .title {
width: 393px;
height: 378px;
margin-left: auto;
margin-right: auto;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_title.svg);
background-repeat: no-repeat;
background-size: contain;
top: 47px;
right: 0px;
left: 0px;
font-size: 0px;
text-indent: -9999px;
}
.main .lead_txt {
width: 100%;
position: absolute;
text-align: center;
top: 430px;
font-size: 14px;
line-height: 180%;
letter-spacing: 1px;
}
.profile {
width: 896px;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,255,255,0.5);
padding: 35px;
position: relative;
margin-top: 60px;
display: flex;
box-sizing: border-box;
}
.profile h2 {
width: 276px;
height: 60px;
margin-left: auto;
margin-right: auto;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/profile_ttl.svg);
background-repeat: no-repeat;
background-size: contain;
top: -36px;
right: 0px;
left: 0px;
font-size: 0px;
text-indent: -9999px;
}
.profile .profile_set {
width: 380px;
padding-left: 110px;
}
.profile .profile01 {
margin-right: 60px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/profile_ph01.png);
background-repeat: no-repeat;
}
.profile .profile02 {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/profile_ph02.png);
background-repeat: no-repeat;
}
.profile .profile_name {
font-size: 15px;
line-height: 180%;
font-weight: bold;
}
.profile .profile_text {
font-size: 12px;
line-height: 180%;
}

.spot_section {
width: 950px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spot_section.spot1-2 {
height: 730px;
}
.spot_section.spot3-4 {
height: 730px;
}
.spot_section.spot5-6 {
height: 730px;
}
.spot_section.spot7-8 {
height: 710px;
}
.spot_section.spot9-10 {
height: 730px;
}
.spot_section.spot11-12 {
height: 680px;
}
.spot_section.spot13-14 {
height: 730px;
}
.spot_section.spot15-16 {
height: 730px;
}
.spot_section.spot17-18 {
height: 730px;
}
.spot_section .spot_box {
position: relative;
}
.spot_section .spot_box a {
display: block;
width: 100%;
height: 100%;
position: absolute;
}
.spot_section .box_01 {
width: 499px;
height: 677px;
position: absolute;
left: -70px;
}
.spot_section .box_01 .snap_photo {
width: 472px;
height: 480px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 0px;
}
.spot_section .box_01 .spot_base {
width: 406px;
height: 230px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_01 .spot_title {
width: 326px;
height: 228px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_02 {
width: 499px;
height: 677px;
position: absolute;
right: 0px;
bottom: -5px;
}
.spot_section .box_02 .snap_photo {
width: 472px;
height: 480px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: -40px;
}
.spot_section .box_02 .spot_base {
width: 406px;
height: 230px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_02 .spot_title {
width: 326px;
height: 228px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_03 {
width: 499px;
height: 677px;
position: absolute;
left: 0px;
}
.spot_section .box_03 .snap_photo {
width: 553px;
height: 425px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50px;
left: -70px;
}
.spot_section .box_03 .spot_base {
width: 468px;
height: 230px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_03 .spot_title {
width: 392px;
height: 244px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_04 {
width: 499px;
height: 677px;
position: absolute;
right: 0px;
bottom: -5px;
}
.spot_section .box_04 .snap_photo {
width: 365px;
height: 498px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: 0px;
}
.spot_section .box_04 .spot_base {
width: 416px;
height: 230px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_04 .spot_title {
width: 336px;
height: 228px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_04 .deco {
width: 174px;
height: 229px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_item.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 300px;
right: -170px;
}

.spot_section .box_05 {
width: 499px;
height: 677px;
position: absolute;
left: 0px;
}
.spot_section .box_05 .snap_photo {
width: 448px;
height: 496px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -30px;
left: 70px;
}
.spot_section .box_05 .spot_base {
width: 499px;
height: 230px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_05 .spot_title {
width: 419px;
height: 227px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_06 {
width: 499px;
height: 677px;
position: absolute;
right: 0px;
bottom: -5px;
}
.spot_section .box_06 .snap_photo {
width: 541px;
height: 496px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: -110px;
}
.spot_section .box_06 .spot_base {
width: 416px;
height: 230px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_06 .spot_title {
width: 365px;
height: 246px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 20px;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_07 {
width: 445px;
height: 677px;
position: absolute;
left: 0px;
}
.spot_section .box_07 .snap_photo {
width: 534px;
height: 400px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 80px;
left: -140px;
}
.spot_section .box_07 .spot_base {
width: 445px;
height: 230px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_07 .spot_title {
width: 365px;
height: 227px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_08 {
width: 451px;
height: 677px;
position: absolute;
right: 0px;
bottom: -5px;
}
.spot_section .box_08 .snap_photo {
width: 533px;
height: 479px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: -160px;
}
.spot_section .box_08 .spot_base {
width: 451px;
height: 200px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_08 .spot_title {
width: 365px;
height: 246px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0px;
right: 39px;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_09 {
width: 504px;
height: 658px;
position: absolute;
left: -50px;
}
.spot_section .box_09 .snap_photo {
width: 488px;
height: 470px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 40px;
right: 0px;
}
.spot_section .box_09 .spot_base {
width: 405px;
height: 194px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_09 .spot_title {
width: 325px;
height: 192px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_10 {
width: 405px;
height: 579px;
position: absolute;
right: 30px;
bottom: 0px;
}
.spot_section .box_10 .snap_photo {
width: 350px;
height: 400px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10px;
right: 0px;
}
.spot_section .box_10 .spot_base {
width: 405px;
height: 200px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_10 .spot_title {
width: 325px;
height: 192px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 34px;
right: 39px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_10 .deco {
width: 566px;
height: 526px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_item.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 330px;
right: -480px;
}

.spot_section .box_11 {
width: 397px;
height: 599px;
position: absolute;
left: 20px;
}
.spot_section .box_11 .snap_photo {
width: 349px;
height: 400px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
left: 40px;
}
.spot_section .box_11 .spot_base {
width: 397px;
height: 194px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_11 .spot_title {
width: 317px;
height: 192px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_11 .deco {
width: 139px;
height: 256px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_item.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 170px;
left: -100px;
}
.spot_section .box_12 {
width: 415px;
height: 635px;
position: absolute;
right: 30px;
bottom: -5px;
}
.spot_section .box_12 .snap_photo {
width: 504px;
height: 400px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
right: -145px;
}
.spot_section .box_12 .spot_base {
width: 415px;
height: 250px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_12 .spot_title {
width: 325px;
height: 248px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 34px;
right: 42px;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_13 {
width: 511px;
height: 681px;
position: absolute;
left: -20px;
}
.spot_section .box_13 .snap_photo {
width: 436px;
height: 468px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
left: 10px;
}
.spot_section .box_13 .spot_base {
width: 475px;
height: 229px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_13 .spot_title {
width: 395px;
height: 228px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_14 {
width: 560px;
height: 687px;
position: absolute;
right: 30px;
bottom: -5px;
}
.spot_section .box_14 .snap_photo {
width: 560px;
height: 480px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
right: -189px;
}
.spot_section .box_14 .spot_base {
width: 346px;
height: 250px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_14 .spot_title {
width: 266px;
height: 248px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 34px;
right: 42px;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_15 {
width: 445px;
height: 584px;
position: absolute;
top: 30px;
left: -20px;
}
.spot_section .box_15 .snap_photo {
width: 564px;
height: 400px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: -170px;
}
.spot_section .box_15 .spot_base {
width: 445px;
height: 199px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_15 .spot_title {
width: 365px;
height: 211px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_16 {
width: 425px;
height: 660px;
position: absolute;
right: 30px;
bottom: 0px;
}
.spot_section .box_16 .snap_photo {
width: 411px;
height: 502px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: -35px;
}
.spot_section .box_16 .spot_base {
width: 425px;
height: 195px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_16 .spot_title {
width: 345px;
height: 192px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 34px;
right: 42px;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_17 {
width: 445px;
height: 584px;
position: absolute;
top: 0px;
left: -20px;
margin-bottom: 100px;
}
.spot_section .box_17 .snap_photo {
width: 666px;
height: 400px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 0px;
}
.spot_section .box_17 .spot_base {
width: 456px;
height: 197px;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_17 .spot_title {
width: 365px;
height: 211px;;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 27px;
right: 40px;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_18 {
width: 690px;
height: 519px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_item.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: -200px;
bottom: 20px;
}


/* modal */
.modal_contents {
    display: none;
}

.modal {
width: 950px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_bg.jpg);
background-repeat: repeat;
position: relative;
overflow: hidden;
}
.modal .inner {
}
.modal .mdl_photo {
width: 100%;
height: 516px;
margin: 50px;
}
.modal .vol_num {
width: 130px;
height: 88px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -17px;
left: 32px;
font-size: 0px;
text-indent: -9999px;
}
.modal .mdl_ttl {
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -17px;
left: 0px;
font-size: 0px;
text-indent: -9999px;
}
.modal .mdl_lead {
width: 810px;
position: relative;
margin-left: 85px;
}
.modal .mdl_lead h3 {
background-repeat: no-repeat;
background-size: contain;
font-size: 0px;
text-indent: -9999px;
}
.modal .mdl_lead p {
font-size: 15px;
line-height: 180%;
letter-spacing: 2px;
}
.modal .access {
width: 100%;
height: 467px;
background-repeat: no-repeat;
background-size: contain;
padding-top: 100px;
position: relative;
box-sizing: border-box;
}
.modal .access_inner ul li {
list-style: none;
}
.modal .access_inner {
background-color: rgba(0,0,0,0.6);
color: #fff;
padding-top: 60px;
position: absolute;
top: 100px;
bottom: 120px;
left: 100px;
right: 100px;
}
.modal .access_title {
width: 108px;
height:48px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/access_txt.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
font-size: 0px;
text-indent: -9999px;
}
.modal .access_inner ul {
font-size: 15px;
line-height: 180%;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
}
.modal .access_close {
width: 154px;
height: 36px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
}

/* modal01 */
.modal.mdl01 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl01 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_vol.svg);
}
.modal.mdl01 .mdl_ttl {
width: 302px;
height: 140px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_ttl.svg);
}
.modal.mdl01 .mdl_lead h3 {
width: 398px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_midashi.svg);
}
.modal.mdl01 .mdl_lead .deco01 {
width: 412px;
height: 241px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: -170px;
}
.modal.mdl01 .part01 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
}
.modal.mdl01 .part02 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30px;
}
.modal.mdl01 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl01 .part03 .deco02 {
width: 522px;
height: 222px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -60px;
left: -40px;
}
.modal.mdl01 .part04 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 85px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl01 .part04 .deco03 {
width: 510px;
height: 410px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
right: -40px;
}
.modal.mdl01 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_img_footer.jpg);
}
.modal.mdl01 .access .access_inner ul {
width: 470px;
}


/* modal02 */
.modal.mdl02 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl02 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_vol.svg);
}
.modal.mdl02 .mdl_ttl {
width: 329px;
height: 128px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_ttl.svg);
}
.modal.mdl02 .mdl_lead h3 {
width: 398px;
height: 21px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_midashi.svg);
}
.modal.mdl02 .mdl_lead .deco01 {
width: 255px;
height: 328px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: 0px;
}
.modal.mdl02 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30px;
margin-left: 126px;
position: relative;
}
.modal.mdl02 .part01 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 120px;
right: -260px;
}
.modal.mdl02 .part02 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30px;
margin-left: 188px;
position: relative;
}
.modal.mdl02 .part02 .deco03 {
width: 168px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 80px;
left: -130px;
}
.modal.mdl02 .part03 {
width: 740px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl02 .part04 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 85px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl02 .part04 .deco04 {
width: 501px;
height: 438px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: -150px;
}
.modal.mdl02 .part05 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 85px;
margin-bottom: 85px;
position: relative;
margin-left: 270px;
}
.modal.mdl02 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_img_footer.jpg);
}
.modal.mdl02 .access .access_inner ul {
width: 440px;
}


/* modal03 */
.modal.mdl03 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl03 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_vol.svg);
}
.modal.mdl03 .mdl_ttl {
width: 395px;
height: 128px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_ttl.svg);
}
.modal.mdl03 .mdl_lead h3 {
width: 398px;
height: 56px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_midashi.svg);
}
.modal.mdl03 .mdl_lead .deco01 {
width: 635px;
height: 556px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -110px;
right: -230px;
}
.modal.mdl03 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 100px;
margin-left: 0px;
position: relative;
}
.modal.mdl03 .part02 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
position: relative;
}
.modal.mdl03 .part02 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 200px;
}
.modal.mdl03 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl03 .part03 .deco03 {
width: 366px;
height: 550px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 110px;
left: 50px;
}
.modal.mdl03 .part04 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl03 .part05 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-bottom: 85px;
position: relative;
}
.modal.mdl03 .part05 .deco04 {
width: 177px;
height: 231px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 130px;
left: 200px;
}
.modal.mdl03 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_img_footer.jpg);
}
.modal.mdl03 .access .access_inner ul {
width: 320px;
}

/* modal04 */
.modal.mdl04 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl04 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_vol.svg);
}
.modal.mdl04 .mdl_ttl {
width: 226px;
height: 121px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_ttl.svg);
}
.modal.mdl04 .mdl_lead h3 {
width: 398px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_midashi.svg);
}
.modal.mdl04 .mdl_lead .deco01 {
width: 412px;
height: 241px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: -170px;
}
.modal.mdl04 .part01 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
}
.modal.mdl04 .part02 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30px;
position: relative;
}
.modal.mdl04 .part03 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl04 .part04 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl04 .part05 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-bottom: 85px;
position: relative;
}
.modal.mdl04 .deco02 {
width: 522px;
height: 222px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -60px;
left: 140px;
}
.modal.mdl04 .deco03 {
width: 510px;
height: 410px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
right: -40px;
}
.modal.mdl04 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_img_footer.jpg);
}
.modal.mdl04 .access .access_inner ul {
width: 340px;
}



/* modal05 */
.modal.mdl05 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl05 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_vol.svg);
}
.modal.mdl05 .mdl_ttl {
width: 405px;
height: 137px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_ttl.svg);
}
.modal.mdl05 .mdl_lead h3 {
width: 398px;
height: 56px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_midashi.svg);
}
.modal.mdl05 .mdl_lead .deco01 {
width: 255px;
height: 328px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: 0px;
}
.modal.mdl05 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30px;
margin-left: 126px;
position: relative;
}
.modal.mdl05 .part02 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30px;
margin-left: 380px;
position: relative;
}
.modal.mdl05 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl05 .part04 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 85px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl05 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
left: -260px;
}
.modal.mdl05 .deco04 {
width: 501px;
height: 438px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: -150px;
}
.modal.mdl05 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_img_footer.jpg);
}
.modal.mdl05 .access .access_inner ul {
width: 300px;
}


/* modal06 */
.modal.mdl06 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl06 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_vol.svg);
}
.modal.mdl06 .mdl_ttl {
width: 534px;
height: 183px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_ttl.svg);
}
.modal.mdl06 .mdl_lead h3 {
width: 398px;
height: 56px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_midashi.svg);
}
.modal.mdl06 .mdl_lead .deco01 {
width: 635px;
height: 556px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -110px;
right: -230px;
}
.modal.mdl06 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 100px;
margin-left: 0px;
position: relative;
}
.modal.mdl06 .part02 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
margin-left: 250px;
position: relative;
}
.modal.mdl06 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl06 .part04 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 80px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl06 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 200px;
left: -180px;
}
.modal.mdl06 .deco03 {
width: 366px;
height: 550px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 110px;
left: 50px;
}
.modal.mdl06 .deco04 {
width: 177px;
height: 231px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 130px;
right: -200px;
}
.modal.mdl06 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_img_footer.jpg);
}
.modal.mdl06 .access .access_inner ul {
width: 320px;
}


/* modal07 */
.modal.mdl07 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl07 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_vol.svg);
}
.modal.mdl07 .mdl_ttl {
width: 289px;
height: 134px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_ttl.svg);
}
.modal.mdl07 .mdl_lead h3 {
width: 398px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_midashi.svg);
}
.modal.mdl07 .mdl_lead .deco01 {
width: 412px;
height: 241px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: -170px;
}
.modal.mdl07 .part01 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
}
.modal.mdl07 .part02 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
position: relative;
}
.modal.mdl07 .part03 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 85px;
margin-left: 290px;
position: relative;
}
.modal.mdl07 .part04 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl07 .deco02 {
width: 522px;
height: 222px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -80px;
left: -230px;
}
.modal.mdl07 .deco03 {
width: 510px;
height: 410px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
right: -40px;
}
.modal.mdl07 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_img_footer.jpg);
}
.modal.mdl07 .access .access_inner ul {
width: 640px;
}


/* modal08 */
.modal.mdl08 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl08 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_vol.svg);
}
.modal.mdl08 .mdl_ttl {
width: 603px;
height: 185px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_ttl.svg);
margin-left: 20px;
}
.modal.mdl08 .mdl_lead h3 {
width: 398px;
height: 21px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_midashi.svg);
}
.modal.mdl08 .mdl_lead .deco01 {
width: 255px;
height: 328px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: 0px;
}
.modal.mdl08 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl08 .part02 {
width: 430px;
height: 614px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30px;
margin-left: 450px;
position: relative;
}
.modal.mdl08 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl08 .part04 {
width: 420px;
height: 420px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-left: 0;
position: relative;
}
.modal.mdl08 .part05 {
width: 514px;
height: 420px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-bottom: 85px;
margin-left: 350px;;
position: relative;
}
.modal.mdl08 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 100px;
right: -280px;
}
.modal.mdl08 .deco04 {
width: 501px;
height: 438px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 260px;
left: -550px;
}
.modal.mdl08 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_img_footer.jpg);
}
.modal.mdl08 .access .access_inner ul {
width: 300px;
}


/* modal09 */
.modal.mdl09 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl09 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_vol.svg);
}
.modal.mdl09 .mdl_ttl {
width: 240px;
height: 137px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_ttl.svg);
}
.modal.mdl09 .mdl_lead h3 {
width: 398px;
height: 56px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_midashi.svg);
}
.modal.mdl09 .mdl_lead .deco01 {
width: 635px;
height: 556px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -110px;
right: -230px;
}
.modal.mdl09 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl09 .part02 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl09 .part03 {
width: 760px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl09 .part04 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 80px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl09 .part05 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 80px;
margin-bottom: 85px;
margin-left: 0;
position: relative;
}
.modal.mdl09 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 150px;
}
.modal.mdl09 .deco03 {
width: 366px;
height: 550px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 110px;
left: 10px;
}
.modal.mdl09 .deco04 {
width: 177px;
height: 231px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -100px;
right: -420px;
}
.modal.mdl09 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_img_footer.jpg);
}
.modal.mdl09 .access .access_inner ul {
width: 320px;
}


/* modal10 */
.modal.mdl10 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl10 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_vol.svg);
}
.modal.mdl10 .mdl_ttl {
width: 289px;
height: 131px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_ttl.svg);
}
.modal.mdl10 .mdl_lead h3 {
width: 398px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_midashi.svg);
}
.modal.mdl10 .mdl_lead .deco01 {
width: 412px;
height: 241px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: -170px;
}
.modal.mdl10 .part01 {
width: 100%;
height: 668px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
}
.modal.mdl10 .part02 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: -120px;
margin-left: 50px;
position: relative;
}
.modal.mdl10 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.modal.mdl10 .part04 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-bottom: 85px;
margin-left: 100px;
position: relative;
}
.modal.mdl10 .part05 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-bottom: 130px;
margin-left: 0px;
position: relative;
}
.modal.mdl10 .deco02 {
width: 522px;
height: 222px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -60px;
left: 0px;
}
.modal.mdl10 .deco03 {
width: 510px;
height: 410px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 120px;
right: -40px;
}
.modal.mdl10 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_img_footer.jpg);
}
.modal.mdl10 .access .access_inner ul {
width: 340px;
}


/* modal11 */
.modal.mdl11 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl11 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_vol.svg);
}
.modal.mdl11 .mdl_ttl {
width: 285px;
height: 153px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_ttl.svg);
}
.modal.mdl11 .mdl_lead h3 {
width: 398px;
height: 21px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_midashi.svg);
}
.modal.mdl11 .mdl_lead .deco01 {
width: 255px;
height: 328px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: 0px;
}
.modal.mdl11 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl11 .part02 {
width: 740px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
margin-left: 50px;
position: relative;
}
.modal.mdl11 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl11 .part04 {
width: 100%;
height: 644px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-bottom: 85px;
margin-left: 0;
position: relative;
}
.modal.mdl11 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 100px;
right: -280px;
}
.modal.mdl11 .deco04 {
width: 501px;
height: 438px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 180px;
left: -80px;
}
.modal.mdl11 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_img_footer.jpg);
}
.modal.mdl11 .access .access_inner ul {
width: 400px;
}


/* modal12 */
.modal.mdl12 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl12 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_vol.svg);
}
.modal.mdl12 .mdl_ttl {
width: 359px;
height: 165px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_ttl.svg);
}
.modal.mdl12 .mdl_lead h3 {
width: 398px;
height: 56px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_midashi.svg);
}
.modal.mdl12 .mdl_lead .deco01 {
width: 635px;
height: 556px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -110px;
right: -230px;
}
.modal.mdl12 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl12 .part02 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl12 .part03 {
width: 760px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl12 .part04 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 80px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl12 .part05 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 80px;
margin-bottom: 85px;
margin-left: 0;
position: relative;
}
.modal.mdl12 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 150px;
}
.modal.mdl12 .deco03 {
width: 366px;
height: 550px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 110px;
left: 10px;
}
.modal.mdl12 .deco04 {
width: 177px;
height: 231px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -100px;
right: -420px;
}
.modal.mdl12 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_img_footer.jpg);
}
.modal.mdl12 .access .access_inner ul {
width: 530px;
}


/* modal13 */
.modal.mdl13 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl13 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_vol.svg);
}
.modal.mdl13 .mdl_ttl {
width: 452px;
height: 142px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_ttl.svg);
}
.modal.mdl13 .mdl_lead h3 {
width: 398px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_midashi.svg);
}
.modal.mdl13 .mdl_lead .deco01 {
width: 412px;
height: 241px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: -170px;
}
.modal.mdl13 .part01 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
}
.modal.mdl13 .part02 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl13 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.modal.mdl13 .part04 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-bottom: 85px;
margin-left: 0px;
position: relative;
}
.modal.mdl13 .part05 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-bottom: 130px;
margin-left: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.modal.mdl13 .deco02 {
width: 522px;
height: 222px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -160px;
left: 200px;
transform: rotate(40deg);
}
.modal.mdl13 .deco03 {
width: 510px;
height: 410px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20px;
left: -200px;
}
.modal.mdl13 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_img_footer.jpg);
}
.modal.mdl13 .access .access_inner ul {
width: 500px;
}

/* modal14 */
.modal.mdl14 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl14 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_vol.svg);
}
.modal.mdl14 .mdl_ttl {
width: 173px;
height: 123px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_ttl.svg);
}
.modal.mdl14 .mdl_lead h3 {
width: 398px;
height: 21px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_midashi.svg);
}
.modal.mdl14 .mdl_lead .deco01 {
width: 255px;
height: 328px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: 0px;
}
.modal.mdl14 .part01 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl14 .part02 {
width: 740px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
margin-left: 50px;
position: relative;
}
.modal.mdl14 .part03 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl14 .part04 {
width: 850px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl14 .part05 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-bottom: 85px;
margin-left: 0px;
position: relative;
}
.modal.mdl14 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 100px;
right: 160px;
}
.modal.mdl14 .deco04 {
width: 476px;
height: 438px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: -100px;
}
.modal.mdl14 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_img_footer.jpg);
}
.modal.mdl14 .access .access_inner ul {
width: 400px;
}


/* modal15 */
.modal.mdl15 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl15 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_vol.svg);
}
.modal.mdl15 .mdl_ttl {
width: 359px;
height: 165px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_ttl.svg);
}
.modal.mdl15 .mdl_lead h3 {
width: 398px;
height: 56px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_midashi.svg);
}
.modal.mdl15 .mdl_lead .deco01 {
width: 635px;
height: 556px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -110px;
right: -230px;
}
.modal.mdl15 .part01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl15 .part02 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl15 .part03 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl15 .part04 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl15 .part05 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 40px;
margin-bottom: 85px;
margin-left: 50px;
position: relative;
}
.modal.mdl15 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 240px;
left: -160px;
}
.modal.mdl15 .deco03 {
width: 366px;
height: 550px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 150px;
left: 10px;
}
.modal.mdl15 .deco04 {
width: 177px;
height: 231px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -40px;
right: -420px;
transform: rotate(60deg);
}
.modal.mdl15 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_img_footer.jpg);
}
.modal.mdl15 .access .access_inner ul {
width: 440px;
}

/* modal16 */
.modal.mdl16 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl16 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_vol.svg);
}
.modal.mdl16 .mdl_ttl {
width: 452px;
height: 142px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_ttl.svg);
}
.modal.mdl16 .mdl_lead h3 {
width: 398px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_midashi.svg);
}
.modal.mdl16 .mdl_lead .deco01 {
width: 412px;
height: 241px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: -170px;
}
.modal.mdl16 .part01 {
width: 433px;
margin-top: 390px;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 50px 0px;
}
.modal.mdl16 .photo01 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -330px;
left: 177px;
}
.modal.mdl16 .part02 {
width: 433px;
margin-top: 410px;
margin-left: 412px;;
position: relative;
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 50px 0px;
}
.modal.mdl16 .photo02 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -330px;
left: -360px;
}
.modal.mdl16 .part03 {
width: 433px;
margin-top: 350px;
margin-bottom: 85px;
margin-left: 50px;
position: relative;
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 50px 0px;
}
.modal.mdl16 .photo03 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -240px;
left: 386px;
}
.modal.mdl16 .deco02 {
width: 522px;
height: 222px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -60px;
left: 160px;
}
.modal.mdl16 .deco03 {
width: 510px;
height: 410px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -430px;
left: -100px;
}
.modal.mdl16  .part ul li {
list-style: none;
}
.modal.mdl16  .part ul {
font-size: 15px;
line-height: 180%;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
width: 320px;
}
.modal.mdl16 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_img_footer.jpg);
}
.modal.mdl16 .access .access_inner ul {
width: 320px;
}

/* modal17 */
.modal.mdl17 .mdl_photo {
width: 100%;
height: 516px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl17 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_vol.svg);
}
.modal.mdl17 .mdl_ttl {
width: 400px;
height: 139px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_ttl.svg);
}
.modal.mdl17 .mdl_lead h3 {
width: 398px;
height: 21px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_midashi.svg);
}
.modal.mdl17 .mdl_lead .deco01 {
width: 255px;
height: 328px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
right: 0px;
}
.modal.mdl17 .part01 {
width: 100%;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl17 .part02 {
width: 514px;
height: 360px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
margin-left:  167px;
position: relative;
}
.modal.mdl17 .part03 {
width: 100%x;
height: 526px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
position: relative;
}
.modal.mdl17 .part04 {
width: 850px;
height: 362px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 60px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl17 .deco02 {
width: 214px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10px;
right: 160px;
}
.modal.mdl17 .deco03 {
width: 168px;
height: 213px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 80px;
left: -120px;
}
.modal.mdl17 .deco04 {
width: 476px;
height: 438px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -80px;
left: -120px;
}
.modal.mdl17 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_img_footer.jpg);
}
.modal.mdl17 .access .access_inner ul {
width: 460px;
text-align: center;
}
.modal.mdl17 .access .access_inner ul li a {
color: #fff;
text-decoration: none;
}
.modal.mdl17 .access .access_inner ul li a:hover {
color: #999;
text-decoration: underline;
}
.modal.mdl17 .access .access_inner .info {
width: 189px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_info.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9!important; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{overflow:visible; background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;}
        #cboxLoadingGraphic{background:url(https://www.jal.co.jp/ontrip/special/shima-syokudo/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:47px; height:47px; position:absolute; top:20px; right:20px; background:url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/close.svg) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:0px 0px;}
        #cboxClose:hover{background-position:0px 0px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

}
/* pc end  */
@media screen and (max-width:1023px) {
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    box-sizing: border-box;
}
#kks {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_bg.jpg);
background-repeat: repeat;
position: relative;
overflow: hidden;
font-family: '游ゴシック体', YuGothic, 'Yu Gothic', Helvetica, 'Hiragino Kaku Gothic Pro', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif, sans-serif;
line-height: 1;
color: #040000;
overflow: hidden;
}
.forpc {
 display: none;
}

a {
   display: block;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img {
width: 100%;
border: none;
vertical-align: bottom;
}

/*main */
.main {
width: 100%;
height: 195vw;
position: relative;
}
.main .kks_shouleder {
width: 57.6vw;
height: 15px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_retrobook.svg);
background-repeat: no-repeat;
background-size: contain;
margin: 2vw auto;
font-size: 0px;
text-indent: -9999px;
}
.kks_line01 {
width: 100%;
height: 3px;
background-color: #000;
border: none;
margin: 0 0 4px 0;
}
.kks_line02 {
width: 100%;
height: 1px;
background-color: #000;
border: none;
margin: 0 0 4px 0;
}
.main .inner {
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
}
.main .inner .item01 {
display: none;
}
.main .inner .item02 {
width: 70.6vw;
height: 71.6vw;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/main_item02.png);
background-repeat: no-repeat;
background-size: contain;
top: -25vw;
right: -36vw;
transform: rotate(260deg);
}
.main .inner .item03 {
width: 62vw;
height: 28.8vw;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/main_item03.png);
background-repeat: no-repeat;
background-size: contain;
top: 180vw;
left: -10vw;
}
.main .inner .item04 {
width: 46vw;
height: 46vw;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/main_item04.png);
background-repeat: no-repeat;
background-size: contain;
top: -8vw;
left: -10vw;
transform: rotate(330deg);
}
.main .inner .title {
width: 80vw;
height: 80vw;
margin-left: auto;
margin-right: auto;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_title.svg);
background-repeat: no-repeat;
background-size: contain;
top: 13vw;
right: 0px;
left: 0px;
font-size: 0px;
text-indent: -9999px;
}
.main .lead_txt {
width: 100%;
position: absolute;
text-align: center;
top: 92vw;
font-size: 14px;
line-height: 180%;
letter-spacing: 1px;
}
.profile {
width: 92vw;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,255,255,0.5);
padding: 7.46vw;
position: relative;
margin-top: 26vw;
box-sizing: border-box;
}
.profile h2 {
width: 72vw;
height: 15.7vw;
margin-left: auto;
margin-right: auto;
position: absolute;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/profile_ttl.svg);
background-repeat: no-repeat;
background-size: contain;
top: -10vw;
right: 0px;
left: 0px;
font-size: 0px;
text-indent: -9999px;
}
.profile .profile_set {
}
.profile .profile01 {
padding-top: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/profile_ph01.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 28vw;
margin-bottom: 10vw;
}
.profile .profile02 {
padding-top: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/profile_ph02.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 28vw
}
.profile .profile_name {
font-size: 4.26vw;
line-height: 180%;
font-weight: bold;
text-align: center;
}
.profile .profile_text {
font-size: 3.2vw;
line-height: 180%;
}
.profile .profile_item {
width: 24.66vw;
height: 28vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/profile_item.png);
background-repeat: no-repeat;
background-size: contain;
margin: 0;
position: absolute;
top: -30vw;
right: -10vw;
}

.spot_section {
width: 92vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spot_section.spot1-2 {
}
.spot_section.spot3-4 {
}
.spot_section.spot5-6 {
}
.spot_section.spot7-8 {
}
.spot_section.spot9-10 {
}
.spot_section.spot11-12 {
}
.spot_section.spot13-14 {
}
.spot_section.spot15-16 {
}
.spot_section.spot17-18 {
}
.spot_section .spot_box {
position: relative;
}
.spot_section .spot_box a {
display: block;
width: 100%;
height: 100%;
position: absolute;
}
.spot_section .box_01 {
width: 100%;
height: 118.6vw;
position: relative;
}
.spot_section .box_01 .snap_photo {
width: 76.6vw;
height: 76vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 0px;
}
.spot_section .box_01 .spot_base {
width: 78.6vw;
height: 49.3vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_01 .spot_title {
width: 65.2vw;
height: 48.1vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 7vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_02 {
width: 100%;
height: 130.9vw;
position: relative;
right: 0px;
}
.spot_section .box_02 .snap_photo {
width: 78.6vw;
height: 84.9vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: 0px;
}
.spot_section .box_02 .spot_base {
width: 78.6vw;
height: 49.3vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_02 .spot_title {
width: 65.2vw;
height: 48.1vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
right: 7vw;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_03 {
width: 100%;
height: 135.4vw;
position: relative;
left: 0px;
}
.spot_section .box_03 .snap_photo {
width: 80.6vw;
height: 88.9vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 3vw;
left: 5vw;
}
.spot_section .box_03 .spot_base {
width: 87.2vw;
height: 50vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_03 .spot_title {
width: 77.7vw;
height: 52.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 4vw;
left: 5vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_04 {
width: 100%;
height: 141vw;
position: relative;
right: 0px;
bottom: -5px;
}
.spot_section .box_04 .snap_photo {
width: 90.7vw;
height: 89.6vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: 0px;
}
.spot_section .box_04 .spot_base {
width: 70.6vw;
height: 53.6vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_04 .spot_title {
width: 57.19vw;
height: 52.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
right: 6vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_04 .deco {
width: 174px;
height: 229px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_item.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 300px;
right: -170px;
}

.spot_section .box_05 {
width: 100%;
height: 140.4vw;
position: relative;
left: 0px;
}
.spot_section .box_05 .snap_photo {
width: 73.46vw;
height: 91.3vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 3vw;
left: 12vw;
}
.spot_section .box_05 .spot_base {
width: 87.2vw;
height: 50vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_05 .spot_title {
width: 74.6vw;
height: 52.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 12vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_06 {
width: 100%;
height: 153.2vw;
position: relative;
right: 0px;
bottom: 0px;
margin-bottom: 7vw;
}
.spot_section .box_06 .snap_photo {
width: 96.13vw;
height: 106.6vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: -7vw;
}
.spot_section .box_06 .spot_base {
width: 87.2vw;
height: 50vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_06 .spot_title {
width: 69.33vw;
height: 49.6vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 9vw;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_07 {
width: 100%;
height: 128.8vw;
position: relative;
left: 0px;
margin-bottom: 7vw;
}
.spot_section .box_07 .snap_photo {
width: 98.1vw;
height: 78.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: -5vw;
}
.spot_section .box_07 .spot_base {
width: 81.06vw;
height: 53.6vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_07 .spot_title {
width: 65.2vw;
height: 52.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
right: 7vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_08 {
width: 100%;
height: 128.5vw;
position: relative;
right: 0px;
bottom: 0px;
margin-bottom: 7vw;
}
.spot_section .box_08 .snap_photo {
width: 75.2vw;
height: 89.86vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 10vw;
}
.spot_section .box_08 .spot_base {
width: 78.66vw;
height: 42vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_08 .spot_title {
width: 65.2vw;
height: 42.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 7vw;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_09 {
width: 100%;
height: 124.5vw;
position: relative;
left: 0px;
}
.spot_section .box_09 .snap_photo {
width: 82.9vw;
height: 87.06vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 0px;
}
.spot_section .box_09 .spot_base {
width: 78.66vw;
height: 42.13vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_09 .spot_title {
width: 65.2vw;
height: 40.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
right: 7vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_10 {
width: 100%;
height: 106.53vw;
position: relative;
right: 0px;
bottom: 0px;
}
.spot_section .box_10 .snap_photo {
width: 58.66vw;
height: 69.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
left: 10vw;
}
.spot_section .box_10 .spot_base {
width: 78.66vw;
height: 42.13vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_10 .spot_title {
width: 65.2vw;
height: 40.9vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 7vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_10 .deco {
display: none;
}

.spot_section .box_11 {
width: 100%;
height: 109vw;
position: relative;
left: 0px;
}
.spot_section .box_11 .snap_photo {
width: 84.53vw;
height: 67.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
right: -3vw;
}
.spot_section .box_11 .spot_base {
width: 78.66vw;
height: 42.133vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_11 .spot_title {
width: 65.2vw;
height: 40.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
right: 7vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_11 .deco {
display: none;
}
.spot_section .box_12 {
width: 100%;
height: 136.26vw;
position: relative;
left: 0px;
bottom: 0px;
margin-bottom: 7vw;
}
.spot_section .box_12 .snap_photo {
width: 74.53vw;
height: 85.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 6vw;
left: 10vw;
}
.spot_section .box_12 .spot_base {
width: 78.66vw;
height: 53.6vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_12 .spot_title {
width: 65.2vw;
height: 52.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 7vw;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_13 {
width: 100%;
height: 131.33vw;
position: relative;
left: 0px;
margin-bottom: 7vw;
}
.spot_section .box_13 .snap_photo {
width: 76.53vw;
height: 81.06vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 0px;
}
.spot_section .box_13 .spot_base {
width: 88vw;
height: 53.6vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_13 .spot_title {
width: 76vw;
height: 52.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 9vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_14 {
width: 100%;
height: 127.06vw;
position: relative;
right: 0px;
bottom: 0px;
margin-bottom: 7vw;
}
.spot_section .box_14 .snap_photo {
width: 96.26vw;
height: 80.8vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: -3vw;
}
.spot_section .box_14 .spot_base {
width: 66.4vw;
height: 53.6vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 8vw;
}
.spot_section .box_14 .spot_title {
width: 52vw;
height: 53.6vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
right: 15vw;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_15 {
width: 100%;
height: 129.6vw;
position: relative;
top: 0px;
left: 0px;
}
.spot_section .box_15 .snap_photo {
width: 82.93vw;
height: 89.86vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 0px;
}
.spot_section .box_15 .spot_base {
width: 81.06vw;
height: 42.13vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_15 .spot_title {
width: 67.86vw;
height: 42.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 7vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_16 {
width: 100%;
height: 129.06vw;
position: relative;
right: 0px;
bottom: 0px;
}
.spot_section .box_16 .snap_photo {
width: 84vw;
height: 89.86vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 4vw;
right: 0px;
}
.spot_section .box_16 .spot_base {
width: 78.66vw;
height: 42.13vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
right: 0px;
}
.spot_section .box_16 .spot_title {
width: 67.86vw;
height: 40.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
right: 5vw;
font-size: 0px;
text-indent: -9999px;
}

.spot_section .box_17 {
width: 100%;
height: 112.93vw;
position: relative;
top: 0px;
left: 0px;
}
.spot_section .box_17 .snap_photo {
width: 80vw;
height: 73.73vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_polaroid.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 3vw;
left: 2vw;
}
.spot_section .box_17 .spot_base {
width: 84vw;
height: 42.13vw;
background-color: #fff;
border-radius: 15px;
position: absolute;
bottom: 0px;
left: 0px;
}
.spot_section .box_17 .spot_title {
width: 69.33vw;
height: 40.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_text.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 3.6vw;
left: 7vw;
font-size: 0px;
text-indent: -9999px;
}
.spot_section .box_18 {
width: 87.06vw;
height: 65.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_item.png);
background-repeat: no-repeat;
background-size: contain;
right: -25vw;
bottom: 0px;
}


/* modal */
.modal_contents {
    display: none;
}

.modal {
width: 100%;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/kks_bg.jpg);
background-repeat: repeat;
position: relative;
overflow: hidden;
}
.modal .inner {
}
.modal .mdl_photo {
height: 56vw;
margin: 4vw;
}
.modal .vol_num {
width: 22.4vw;
height: 14.66vw;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -2.26vw;
left: 4.26vw;
font-size: 0px;
text-indent: -9999px;
}
.modal .mdl_ttl {
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -4vw;
left: 0px;
font-size: 0px;
text-indent: -9999px;
}
.modal .mdl_lead {
position: relative;
margin-left: 6vw;
margin-right: 6vw;
margin-top: 10vw;
}
.modal .mdl_lead h3 {
background-repeat: no-repeat;
background-size: contain;
font-size: 0px;
text-indent: -9999px;
}
.modal .mdl_lead p {
font-size: 3.2vw;
line-height: 180%;
letter-spacing: 2px;
}
.modal .access {
width: 100%;
height: 74.93vw;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
padding-top: 100px;
position: relative;
box-sizing: border-box;
}
.modal .access_inner ul li {
list-style: none;
}
.modal .access_inner {
background-color: rgba(0,0,0,0.6);
color: #fff;
padding-top: 8vw;
position: absolute;
top: 4.4vw;
bottom: 22vw;
left: 4.4vw;
right: 4.4vw;
}
.modal .access_title {
width: 108px;
height: 48px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/access_txt.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
font-size: 0px;
text-indent: -9999px;
}
.modal .access_inner ul {
font-size: 2.93vw;
line-height: 180%;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
}
.modal .access_close {
width: 41.46vw;
height: 9.066vw;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
bottom: 7vw;
}

/* modal01 */
.modal.mdl01 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl01 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_vol.svg);
}
.modal.mdl01 .mdl_ttl {
width: 49.06vw;
height: 22.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_ttl.svg);
}
.modal.mdl01 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_midashi.svg);
}
.modal.mdl01 .mdl_lead .deco01 {
width: 50.53vw;
height: 30.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 45vw;
right: -13vw;
}
.modal.mdl01 .part01 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30vw;
}
.modal.mdl01 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 4vw;
}
.modal.mdl01 .part03 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 11.33vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl01 .part03 .deco02 {
width: 60vw;
height: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
left: -15vw;
}
.modal.mdl01 .part04 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
top: 10vw;
margin-bottom: 40vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl01 .part04 .deco03 {
width: 60vw;
height: 60vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20vw;
right: -12vw;
}
.modal.mdl01 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v01_img_footer.jpg);
}
.modal.mdl01 .access .access_inner ul {
width: auto;
}


/* modal02 */
.modal.mdl02 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl02 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_vol.svg);
}
.modal.mdl02 .mdl_ttl {
width: 57.6vw;
height: 21.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_ttl.svg);
}
.modal.mdl02 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_midashi.svg);
}
.modal.mdl02 .mdl_lead .deco01 {
width: 37.46vw;
height: 47.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 48vw;
right: -5vw;
}
.modal.mdl02 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 15vw;
margin-left: 6vw;
position: relative;
}
.modal.mdl02 .part01 .deco02 {
display: none;
}
.modal.mdl02 .part02 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-left: 29.86vw;
position: relative;
}
.modal.mdl02 .part02 .deco03 {
width: 15.46vw;
height: 20.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10vw;
left: -12vw;
}
.modal.mdl02 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl02 .part04 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl02 .part04 .deco04 {
width: 66.8vw;
height: 58.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10vw;
left: -10vw;
}
.modal.mdl02 .part05 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 20vw;
margin-bottom: 8vw;
position: relative;
margin-left: 22.26vw;
}
.modal.mdl02 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v02_img_footer.jpg);
}
.modal.mdl02 .access .access_inner ul {
width: auto;
}


/* modal03 */
.modal.mdl03 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl03 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_vol.svg);
}
.modal.mdl03 .mdl_ttl {
width: 45.46vw;
height: 34.8vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_ttl.svg);
}
.modal.mdl03 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_midashi.svg);
}
.modal.mdl03 .mdl_lead .deco01 {
width: 73.2vw;
height: 64.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 30vw;
right: -38vw;
}
.modal.mdl03 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 100px;
margin-left: 0px;
position: relative;
}
.modal.mdl03 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30px;
position: relative;
}
.modal.mdl03 .part02 .deco02 {
width: 22.53vw;
height: 32.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 10vw;
}
.modal.mdl03 .part03 {
width: 90%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl03 .part03 .deco03 {
width: 46.66vw;
height: 70.13vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25vw;
left: -3vw;
}
.modal.mdl03 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl03 .part05 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
position: relative;
}
.modal.mdl03 .part05 .deco04 {
width: 26.93vw;
height: 33.73vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
left: 10vw;
}
.modal.mdl03 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v03_img_footer.jpg);
}
.modal.mdl03 .access .access_inner ul {
width: 60vw;
}

/* modal04 */
.modal.mdl04 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl04 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_vol.svg);
}
.modal.mdl04 .mdl_ttl {
width: 38vw;
height: 20.8vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_ttl.svg);
}
.modal.mdl04 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v04_midashi.svg);
}
.modal.mdl04 .mdl_lead .deco01 {
width: 50.53vw;
height: 30.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 45vw;
right: -13vw;
}
.modal.mdl04 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 20vw;
margin-left: 6vw;
}
.modal.mdl04 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
position: relative;
}
.modal.mdl04 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl04 .part04 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl04 .part05 {
width: 90%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl04 .deco02 {
width: 60vw;
height: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 8vw;
left: 5vw;
transform: rotate(-40deg);
}
.modal.mdl04 .deco03 {
width: 60vw;
height: 60vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20vw;
right: -17vw;
transform: rotate(-80deg);
}
.modal.mdl04 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v04_img_footer.jpg);
}
.modal.mdl04 .access .access_inner ul {
width: 70vw;
}



/* modal05 */
.modal.mdl05 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl05 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_vol.svg);
}
.modal.mdl05 .mdl_ttl {
width: 37.86vw;
height: 34.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_ttl.svg);
}
.modal.mdl05 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v05_midashi.svg);
}
.modal.mdl05 .mdl_lead .deco01 {
width: 37.46vw;
height: 47.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 43vw;
right: -13vw;
}
.modal.mdl05 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 15vw;
margin-left: 7vw;
position: relative;
}
.modal.mdl05 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: 0;
position: relative;
}
.modal.mdl05 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 24vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl05 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 28vw;
margin-left: 7vw;
position: relative;
}
.modal.mdl05 .deco02 {
width: 35.46vw;
height: 35.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 30vw;
left: 2vw;
}
.modal.mdl05 .deco04 {
width: 66.8vw;
height: 58.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 28vw;
right: -50vw;
}
.modal.mdl05 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v05_img_footer.jpg);
}
.modal.mdl05 .access .access_inner ul {
width: 60vw;
}


/* modal06 */
.modal.mdl06 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl06 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_vol.svg);
}
.modal.mdl06 .mdl_ttl {
width: 61.86vw;
height: 47.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_ttl.svg);
}
.modal.mdl06 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v06_midashi.svg);
}
.modal.mdl06 .mdl_lead .deco01 {
width: 73.2vw;
height: 64.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 30vw;
right: -38vw;
}
.modal.mdl06 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 20vw;
margin-left: 0px;
position: relative;
}
.modal.mdl06 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: 0;
position: relative;
}
.modal.mdl06 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
position: relative;
}
.modal.mdl06 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl06 .deco02 {
width: 22.53vw;
height: 32.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0px;
left: 10vw;
}
.modal.mdl06 .deco03 {
width: 46.66vw;
height: 70.13vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25vw;
left: 3vw;
}
.modal.mdl06 .deco04 {
width: 26.93vw;
height: 33.73vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 15vw;
right: -25vw;
transform: rotate(60deg);
}
.modal.mdl06 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v06_img_footer.jpg);
}
.modal.mdl06 .access .access_inner ul {
width: 60vw;
}


/* modal07 */
.modal.mdl07 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl07 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_vol.svg);
}
.modal.mdl07 .mdl_ttl {
width: 49.06vw;
height: 22.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_ttl.svg);
}
.modal.mdl07 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v07_midashi.svg);
}
.modal.mdl07 .mdl_lead .deco01 {
width: 50.53vw;
height: 30.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 45vw;
right: -13vw;
}
.modal.mdl07 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top:  20vw;
}
.modal.mdl07 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top:  8vw;
position: relative;
}
.modal.mdl07 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
margin-top:  8vw;
}
.modal.mdl07 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top:  8vw;
margin-bottom: 8vw;
position: relative;
margin-bottom: 20vw;
}
.modal.mdl07 .deco02 {
width: 60vw;
height: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 30vw;
left: 5vw;
transform: rotate(30deg);
}
.modal.mdl07 .deco03 {
width: 60vw;
height: 60vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10vw;
right: -55vw;
transform: rotate(-80deg);
}
.modal.mdl07 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v07_img_footer.jpg);
}
.modal.mdl07 .access .access_inner ul {
width: 82vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


/* modal08 */
.modal.mdl08 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl08 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_vol.svg);
}
.modal.mdl08 .mdl_ttl {
width: 68.53vw;
height: 38.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_ttl.svg);
margin-left: 2vw;
}
.modal.mdl08 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v08_midashi.svg);
}
.modal.mdl08 .mdl_lead .deco01 {
width: 37.46vw;
height: 47.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 43vw;
right: -3vw;
}
.modal.mdl08 .part01 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 15vw;
margin-left: 0;
position: relative;
}
.modal.mdl08 .part02 {
width: 50.53vw;
height: 76.13vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-left: 6vw;
position: relative;
}
.modal.mdl08 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl08 .part04 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: 0;
position: relative;
}
.modal.mdl08 .part05 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 8vw;
margin-bottom: 18vw;
margin-left: 0;
position: relative;
}
.modal.mdl08 .deco02 {
width: 38vw;
height: 38vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 80vw;
left: 60vw;
}
.modal.mdl08 .deco04 {
width: 66.8vw;
height: 58.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 135vw;
left: -10vw;
}
.modal.mdl08 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v08_img_footer.jpg);
}
.modal.mdl08 .access .access_inner ul {
width: 50vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


/* modal09 */
.modal.mdl09 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl09 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_vol.svg);
}
.modal.mdl09 .mdl_ttl {
width: 49.06vw;
height: 22.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_ttl.svg);
}
.modal.mdl09 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v09_midashi.svg);
}
.modal.mdl09 .mdl_lead .deco01 {
width: 73.2vw;
height: 64.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 30vw;
right: -38vw;
}
.modal.mdl09 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 30vw;
margin-left: 0px;
position: relative;
}
.modal.mdl09 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl09 .part03 {
width: 90%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl09 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl09 .part05 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: 0;
position: relative;
}
.modal.mdl09 .deco02 {
width: 22.53vw;
height: 32.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -15vw;
left: 10vw;
}
.modal.mdl09 .deco03 {
width: 46.66vw;
height: 70.13vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25vw;
left: -3vw;
}
.modal.mdl09 .deco04 {
width: 26.93vw;
height: 33.73vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 1vw;
left: 5vw;
}
.modal.mdl09 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v09_img_footer.jpg);
}
.modal.mdl09 .access .access_inner ul {
width: 55vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


/* modal10 */
.modal.mdl10 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl10 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_vol.svg);
}
.modal.mdl10 .mdl_ttl {
width: 49.06vw;
height: 22.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_ttl.svg);
}
.modal.mdl10 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v10_midashi.svg);
}
.modal.mdl10 .mdl_lead .deco01 {
width: 50.53vw;
height: 30.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 52vw;
right: -13vw;
}
.modal.mdl10 .part01 {
width: 61.86vw;
height: 83.2vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-left: auto;
margin-right: auto;
margin-top: 20vw;
}
.modal.mdl10 .part02 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
position: relative;
}
.modal.mdl10 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
position: relative;
}
.modal.mdl10 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-bottom: 8vw;
position: relative;
margin-left: auto;
margin-right: auto;
}
.modal.mdl10 .part05 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-bottom: 28vw;
position: relative;
}
.modal.mdl10 .deco02 {
width: 60vw;
height: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -28vw;
left: 20vw;
transform: rotate(180deg);
}
.modal.mdl10 .deco03 {
width: 60vw;
height: 60vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10vw;
right: -55vw;
transform: rotate(-80deg);
}
.modal.mdl10 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v10_img_footer.jpg);
}
.modal.mdl10 .access .access_inner ul {
width: 55vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


/* modal11 */
.modal.mdl11 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl11 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_vol.svg);
}
.modal.mdl11 .mdl_ttl {
width: 49.06vw;
height: 22.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_ttl.svg);
}
.modal.mdl11 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v11_midashi.svg);
}
.modal.mdl11 .mdl_lead .deco01 {
width: 37.46vw;
height: 47.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 40vw;
right: -9vw;
}
.modal.mdl11 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 18vw;
margin-left: 7vw;
position: relative;
}
.modal.mdl11 .part02 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 30vw;
margin-left: 0;
position: relative;
}
.modal.mdl11 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl11 .part04 {
width: 100%;
height: 82.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 50vw;
margin-left: 0;
position: relative;
}
.modal.mdl11 .deco02 {
width: 38vw;
height: 38vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 46vw;
left: 54vw;
}
.modal.mdl11 .deco04 {
width: 66.8vw;
height: 58.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 75vw;
left: -10vw;
}
.modal.mdl11 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v11_img_footer.jpg);
}
.modal.mdl11 .access .access_inner ul {
width: 400px;
}


/* modal12 */
.modal.mdl12 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl12 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_vol.svg);
}
.modal.mdl12 .mdl_ttl {
width: 58.53vw;
height: 24.13vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_ttl.svg);
}
.modal.mdl12 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v12_midashi.svg);
}
.modal.mdl12 .mdl_lead .deco01 {
width: 73.2vw;
height: 64.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 35vw;
right: -38vw;
}
.modal.mdl12 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 60px;
margin-left: 0px;
position: relative;
}
.modal.mdl12 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl12 .part03 {
width: 90%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl12 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl12 .part05 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: 0;
position: relative;
}
.modal.mdl12 .deco02 {
width: 22.53vw;
height: 32.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
left: 10vw;
}
.modal.mdl12 .deco03 {
width: 56.66vw;
height: 78.13vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25vw;
left: -5vw;
}
.modal.mdl12 .deco04 {
width: 26.93vw;
height: 33.73vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
left: 8vw;
}
.modal.mdl12 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v12_img_footer.jpg);
}
.modal.mdl12 .access .access_inner ul {
width: 76vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


/* modal13 */
.modal.mdl13 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl13 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_vol.svg);
}
.modal.mdl13 .mdl_ttl {
width: 36.5vw;
height: 50vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_ttl.svg);
top: 37vw
}
.modal.mdl13 .mdl_lead h3 {
width: auto;
height: 11.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v13_midashi.svg);
margin-top: 38vw;
}
.modal.mdl13 .mdl_lead .deco01 {
width: 50.53vw;
height: 30.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 52vw;
right: -13vw;
}
.modal.mdl13 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 10vw;
}
.modal.mdl13 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-left: 0px;
position: relative;
}
.modal.mdl13 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
position: relative;
margin-left: auto;
margin-right: auto;
}
.modal.mdl13 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 8vw;
margin-left: 0px;
position: relative;
}
.modal.mdl13 .part05 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 28vw;
margin-left: 30vw;
position: relative;
}
.modal.mdl13 .deco02 {
width: 60vw;
height: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 28vw;
left: 10vw;
transform: rotate(32deg);
}
.modal.mdl13 .deco03 {
width: 60vw;
height: 60vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 28vw;
left: -40vw;
transform: rotate(5deg);
}
.modal.mdl13 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v13_img_footer.jpg);
}
.modal.mdl13 .access .access_inner ul {
width: 75vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

/* modal14 */
.modal.mdl14 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl14 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_vol.svg);
}
.modal.mdl14 .mdl_ttl {
width: 26.8vw;
height: 20.26vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_ttl.svg);
}
.modal.mdl14 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v14_midashi.svg);
}
.modal.mdl14 .mdl_lead .deco01 {
width: 37.46vw;
height: 47.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 40vw;
right: -9vw;
}
.modal.mdl14 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 12vw;
margin-left: 0px;
position: relative;
}
.modal.mdl14 .part02 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 40vw;
position: relative;
margin-left: auto;
margin-right: auto;
}
.modal.mdl14 .part03 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: 8vw;
margin-left: 0px;
margin-right: auto;
position: relative;
}
.modal.mdl14 .part04 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl14 .part05 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: 0px;
position: relative;
}
.modal.mdl14 .deco02 {
width: 38vw;
height: 38vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 42vw;
left: 56vw;
}
.modal.mdl14 .deco04 {
width: 66.8vw;
height: 58.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -5vw;
left: -10vw;
}
.modal.mdl14 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v14_img_footer.jpg);
}
.modal.mdl14 .access .access_inner ul {
width: 60vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


/* modal15 */
.modal.mdl15 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl15 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_vol.svg);
}
.modal.mdl15 .mdl_ttl {
width: 68.133vw;
height: 38.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_ttl.svg);
}
.modal.mdl15 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v15_midashi.svg);
}
.modal.mdl15 .mdl_lead .deco01 {
width: 73.2vw;
height: 64.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 35vw;
right: -38vw;
}
.modal.mdl15 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 18vw;
margin-left: 0px;
position: relative;
}
.modal.mdl15 .part02 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl15 .part03 {
width: 90%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl15 .part04 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl15 .part05 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_img05.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: 0px;
position: relative;
}
.modal.mdl15 .deco02 {
width: 22.53vw;
height: 32.93vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
left: 10vw;
}
.modal.mdl15 .deco03 {
width: 56.66vw;
height: 78.13vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25vw;
left: -5vw;
}
.modal.mdl15 .deco04 {
width: 26.93vw;
height: 33.73vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v03_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 5vw;
left: 8vw;
}
.modal.mdl15 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v15_img_footer.jpg);
}
.modal.mdl15 .access .access_inner ul {
width: 80vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

/* modal16 */
.modal.mdl16 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl16 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_vol.svg);
}
.modal.mdl16 .mdl_ttl {
width: 48.93vw;
height: 23.2w;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_ttl.svg);
}
.modal.mdl16 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v16_midashi.svg);
}
.modal.mdl16 .mdl_lead .deco01 {
width: 50.53vw;
height: 30.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 52vw;
right: -13vw;
}
.modal.mdl16 .part01 {
margin-top: 59vw;
margin-left: 13.33vw;
margin-right: 0;
position: relative;
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 10vw 0px;
}
.modal.mdl16 .photo01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -38vw;
left: -13.33vw;
}
.modal.mdl16 .part02 {
margin-top: 54vw;
margin-right: 13.33vw;
position: relative;
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 10vw 0px;
}
.modal.mdl16 .photo02 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -38vw;
right: -13.33vw;
}
.modal.mdl16 .part03 {
margin-top: 54vw;
margin-right: 13.33vw;
position: relative;
background-color: rgba(0,0,0,0.6);
color: #fff;
padding: 10vw 0px;
margin-bottom: 28vw;
}
.modal.mdl16 .photo03 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -38vw;
right: -13.33vw;
}
.modal.mdl16 .deco02 {
width: 60vw;
height: 30vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco02.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 32vw;
left: -10vw;
transform: rotate(212deg);
}
.modal.mdl16 .deco03 {
width: 60vw;
height: 60vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v01_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 25vw;
right: -30vw;
transform: rotate(-70deg);
}
.modal.mdl16  .part ul li {
list-style: none;
}
.modal.mdl16  .part ul {
font-size: 3vw;
line-height: 180%;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 60vw;
}
.modal.mdl16 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v16_img_footer.jpg);
}
.modal.mdl16 .access .access_inner ul {
width: 60vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

/* modal17 */
.modal.mdl17 .mdl_photo {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_main_img.jpg);
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.modal.mdl17 .vol_num {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_vol.svg);
}
.modal.mdl17 .mdl_ttl {
width: 47.2vw;
height: 34.8vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_ttl.svg);
}
.modal.mdl17 .mdl_lead h3 {
width: auto;
height: 4.53vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_midashi.svg);
}
.modal.mdl17 .mdl_lead .deco01 {
width: 37.46vw;
height: 47.46vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco01.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 40vw;
right: -9vw;
}
.modal.mdl17 .part01 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_img01.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
margin-top: 12vw;
margin-left: 0px;
position: relative;
}
.modal.mdl17 .part02 {
width: 62vw;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_img02.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl17 .part03 {
width: 100%;
height: 69.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_img03.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
position: relative;
}
.modal.mdl17 .part04 {
width: 100%;
height: 43.33vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_img04.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
margin-top: 8vw;
margin-bottom: 8vw;
margin-left: auto;
margin-right: auto;
position: relative;
}
.modal.mdl17 .deco02 {
display: none;
}
.modal.mdl17 .deco03 {
width: 15.46vw;
height: 20.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco03.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 10vw;
left: -12vw;
}
.modal.mdl17 .deco04 {
width: 66.8vw;
height: 58.4vw;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v02_deco04.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -5vw;
left: -10vw;
}
.modal.mdl17 .access {
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/sp_v17_img_footer.jpg);
}
.modal.mdl17 .access .access_inner ul {
width: 80vw;
padding: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.modal.mdl17 .access .access_inner ul li a {
color: #fff;
text-decoration: none;
}
.modal.mdl17 .access .access_inner ul li a:hover {
color: #999;
text-decoration: underline;
}
.modal.mdl17 .access .access_inner .info {
width: 189px;
height: 57px;
background-image: url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/v17_info.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9!important; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{overflow:visible; background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;}
        #cboxLoadingGraphic{background:url(https://www.jal.co.jp/ontrip/special/shima-syokudo/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:7.86vw; height:7.86vw; position:absolute; top:2vw; right:2vw; background:url(https://www.jal.co.jp/ontrip/special/kitakyusyu/images/close.svg) no-repeat 0 0; background-size: contain;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:0px 0px;}
        #cboxClose:hover{background-position:0px 0px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}



}