@charset "UTF-8";

.ik_allwrap {font-family: "Noto Sans TC", sans-serif;}
.jose {font-family: "Josefin Sans", sans-serif;}






/*　■■■■■■■■■■■■伊根航路tw■■■■■■■■■■■■　*/

@media screen and (min-width : 840px) {
.ik_main {position:absolute;top:0;left:0;height: 90vh;width: 100%;background: url(../../../../assets/inekouro_tw/main_pc3.webp) center center / cover;min-height: 800px;}
.ik_main::before {content:'';position: absolute;bottom:5vh;left:0;width: 100%;height: 15vh;background: url(../../../../assets/inekouro_tw/sightseeingboat.svg) center bottom / 100% auto no-repeat;z-index: 2;}
.ik_main::after {content:'';position: absolute;bottom: -1px;left:0;width: 100%;height: 15vh;background: url(../../../../assets/inekouro_tw/wave.webp) center bottom / 100% auto no-repeat;z-index: 3;}

.ik_maintitle {position: absolute;top: 13vh;left: 0;width: 100%;text-align: center;}
.ik_maintitle h2 {width: 80vw;max-width: 950px;display: inline-block;}
.ik_maintitle h2 img {width: 100%;}
.ik_japan {position: absolute;top:250px;right: 5vw;width: 20vw;max-width: 400px;}
.ik_japan img {filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));}

@media screen and (min-width : 1100px) and (max-width : 1450px) {
.ik_japan {position: absolute;top:310px;right: 5vw;width: 19vw;max-width: 400px;}
}

@media screen and (min-width : 840px) and (max-width : 1100px) {
.ik_japan {position: absolute;top:310px;right: 5vw;width: 19vw;max-width: 400px;}
.ik_main {position:absolute;top:0;left:0;height: 80vh;width: 100%;background: url(../../../../assets/inekouro_tw/main_pc.webp) center center / cover;min-height: 800px;}
}

.ik_concept {display: flex;flex-wrap: nowrap;gap: 0 8%;justify-content: center;width: 86vw;max-width: 1250px;margin: 94vh auto 200px auto;}
.ik_concept .ik_concept_img {width: 45%;position: relative;}
.ik_concept .ik_concept_img img:nth-child(1) {width: 100%;border-radius: 30px;}
.ik_concept .ik_concept_img img:nth-child(2) {width: 40%;position: absolute;top: 210px;right:-50px;border-radius: 30px;}
.ik_concept .ik_concept_body {width: 47%;padding: 50px 0 0 0;}
.ik_concept .ik_concept_body h3 {background: url(../../../../assets/inekouro_tw/nami.svg) left center / 70px auto no-repeat;padding: 0 0 0 75px;margin: 0 0 20px -30px;color: #6576BE;font-size: 30px;font-weight: 500;letter-spacing: 2px;line-height: 140%;}
.ik_concept .ik_concept_body p {font-size: 17px;line-height: 240%;margin-bottom: 20px;}

.ik_concept_access {color: #D83340;font-size: 19px!important;font-weight: 500;border:#D83340 1px solid;border-radius: 30px;padding: 5px 20px 5px 20px;line-height: 130%;}

@media screen and (min-width : 840px) and (max-width : 1400px) {
.ik_concept .ik_concept_img img:nth-child(2) {width: 40%;position: absolute;top: 190px;right:-30px;border-radius: 30px;}
.ik_concept .ik_concept_body {width: 47%;padding: 20px 0 0 0;}
.ik_concept .ik_concept_body h3 {background: url(../../../../assets/inekouro_tw/nami.svg) left center / 70px auto no-repeat;padding: 0 0 0 75px;margin: 0 0 20px -30px;color: #6576BE;font-size: 2.2vw;font-weight: 500;letter-spacing: 1px;line-height: 140%;white-space: nowrap;}
.ik_concept .ik_concept_body p {font-size: 16px;line-height: 210%;margin-bottom: 20px;}
.ik_concept_access {color: #D83340;font-size: 17px!important;font-weight: 500;border:#D83340 1px solid;border-radius: 30px;padding: 10px 20px 10px 20px;line-height: 150%!important;margin-left: 20px;}
}

@media screen and (min-width : 840px) and (max-width : 1100px) {
.ik_concept {display: flex;flex-wrap: nowrap;gap: 0 8%;justify-content: center;width: 86vw;max-width: 1250px;margin: 84vh auto 200px auto;}
}

.ik_features {padding: 0 0 70px 0;}
.ik_features_inner {width: 86vw;max-width: 1300px;margin: 0 auto;}
.ik_f_title {display: flex;flex-wrap: nowrap;gap: 0 13%;justify-content: space-around;width: 100%;margin-bottom: 60px;}
.ik_f_title h2 {width: 60%;margin: -70px 0 0 0;}
.ik_f_title h2 span:nth-child(1) {font-size: 105px;font-weight: bold;letter-spacing: 6px;color: #6576BE;display: inline-block;line-height: 110%;position: relative;padding: 10px 130px 0 0;background: url(../../../../assets/inekouro_tw/kamome.svg) right top / 120px auto no-repeat;}
.ik_f_title h2 span:nth-child(2) {font-size: 28px;font-weight: 500;letter-spacing: 2px;display: inline-block;padding: 0 20px 0 0;}
.ik_f_title h2 span:nth-child(3) {font-size: 16px;font-weight: 300;letter-spacing: 1px;display: inline-block;color: #666;}
.ik_f_title .ik_f_ship {width: 27%;margin: -70px 0 0 0;}

@media screen and (min-width : 840px) and (max-width : 1200px) {
    .ik_f_title h2 span:nth-child(1) {font-size: 8vw;font-weight: bold;letter-spacing: 6px;color: #6576BE;display: inline-block;line-height: 110%;position: relative;padding: 10px 130px 0 0;background: url(../../../../assets/inekouro_tw/kamome.svg) right top / 120px auto no-repeat;}
    .ik_f_title h2 {width: 60%;margin: -50px 0 0 0;}
.ik_f_title h2 span:nth-child(3) {font-size: 16px;font-weight: 300;letter-spacing: 1px;display: block;color: #666;padding-top: 10px;}
.ik_f_title .ik_f_ship {width: 27%;margin: -50px 0 0 0;}
}

.ik_f_wrap {display: flex;flex-wrap: nowrap;gap: 0 2.5%;justify-content: center;}
.ik_f_wrap .ik_f_box {width: 32%;}
.ik_f_wrap .ik_f_box img {width: 100%;height: 260px;object-fit: cover;margin-bottom: 20px;}
.ik_f_wrap .ik_f_box h3 {text-align: center;font-weight: 500;line-height: 140%;margin-bottom: 16px;font-size: 22px;}
.ik_f_wrap .ik_f_box:nth-child(1) img {border-radius: 40px 0 0 0;}
.ik_f_wrap .ik_f_box:nth-child(3) img {border-radius: 0 40px 0 0;}

@media screen and (min-width : 840px) and (max-width : 1200px) {
.ik_f_wrap .ik_f_box img {width: 100%;height: 18vw;object-fit: cover;margin-bottom: 20px;}
.ik_f_wrap .ik_f_box:nth-child(1) img {border-radius: 20px 0 0 0;}
.ik_f_wrap .ik_f_box:nth-child(3) img {border-radius: 0 20px 0 0;}
.ik_f_wrap .ik_f_box h3 {text-align: center;font-weight: 500;line-height: 140%;margin-bottom: 16px;font-size: 1.8vw;}
.ik_f_wrap .ik_f_box p {font-size: 15px;line-height: 200%;}
}

.ik_image {width: 100%;height: 400px;background: url(../../../../assets/inekouro_tw/p3.webp) center center / cover no-repeat fixed;margin-bottom: 80px;;}

.ik_kouro {display: flex;flex-wrap: nowrap;gap: 0 5%;justify-content: center;max-width: 1000px;width: 84vw;margin: 0 auto 90px auto;}
.ik_kouro img {height: auto;width: 47%;border-radius: 16px;}

.ik_timetable {max-width: 1200px;width: 86vw;margin: 0 auto 100px auto;}
.ik_timetable h2 {border-bottom: #6576BE 1px solid;padding: 0 0 20px 5px;margin-bottom: 40px;}
.ik_timetable h2 span:nth-child(1) {font-size: 60px;font-weight: bold;letter-spacing: 4px;color: #6576BE;padding: 0 30px 0 0;}
.ik_timetable h2 span:nth-child(2) {font-size: 30px;font-weight: bold;letter-spacing: 4px;color: #333;padding: 0 0 0 0;}
.ik_syukko {font-size: 21px;letter-spacing: 1px;margin-bottom: 40px;font-weight: 500;padding: 0 0 0 5px;}

.ik_tt_tablewrap {display: flex;flex-wrap: nowrap;gap: 0 2%;justify-content: center;}
.ik_tt_tablewrap table {width: 49%;border-collapse: collapse;font-size: 17px;line-height: 130%;text-align: center;}
.ik_tt_tablewrap table tr:nth-child(1) th {background-color: #e9effc;}
.ik_tt_tablewrap table th {border: #ccc 1px solid;padding: 12px 20px;width: 19%;white-space: nowrap;}
.ik_tt_tablewrap table td {border: #ccc 1px solid;padding: 12px 20px;}
.ik_tt_arrow {vertical-align: middle;font-size: 24px;padding: 0 0 0 0!important;width: 7%!important;}

@media screen and (min-width : 840px) and (max-width : 1100px) {
.ik_tt_tablewrap {display: flex;flex-wrap: wrap;gap: 30px 2%;justify-content: center;}
.ik_tt_tablewrap table {width: 100%;border-collapse: collapse;font-size: 17px;line-height: 130%;text-align: center;}

}

.ik_click {font-size: 21px;letter-spacing: 1px;margin-bottom: 10px;font-weight: 500;padding: 0 0 0 5px;}

.ik_faretable_wrap {display: flex;flex-wrap: nowrap;gap: 0 3%;justify-content: center;}

.ik_faretable {width: 64%;border-collapse: collapse;font-size: 19px;line-height: 150%;text-align: center;}
.ik_faretable th {border: #ccc 1px solid;padding: 10px 20px;white-space: nowrap;vertical-align: middle;background-color: #e9effc;width: 25%;}
.ik_faretable td {border: #ccc 1px solid;padding: 10px 20px;}
.ik_faretable a {text-decoration: underline;}
.ik_faretable caption {caption-side: bottom;font-size: 17px;}
.nobdr {border: none!important;background-color: #fff!important;}

.ik_faretable2 {width: 33%;border-collapse: collapse;font-size: 16px;line-height: 140%;text-align: left;margin-bottom: 20px;}
.ik_faretable2 th {border-bottom: #ccc 1px solid;padding: 8px 16px;white-space: nowrap;vertical-align: middle;}
.ik_faretable2 td {border-bottom: #ccc 1px solid;padding: 8px 16px;vertical-align: middle;}
.ik_faretable2 tr:nth-child(1) th {padding-top: 0;}
.ik_faretable2 tr:nth-child(1) td {padding-top: 0;}
.ik_faretable2 tr:nth-child(5) th {border: none !important;padding: 6px 0 0 0;}
.ik_faretable2 span {font-size: 80%;display: block;line-height: 100%;padding: 5px 0 0 0;margin: 0;}
.ik_faretable2 a {text-decoration: underline;}

@media screen and (min-width : 840px) and (max-width : 1100px) {
.ik_faretable_wrap {display: flex;flex-wrap: wrap;gap: 30px 3%;justify-content: center;}
.ik_faretable {width: 100%;border-collapse: collapse;font-size: 19px;line-height: 150%;text-align: center;}
.ik_faretable2 {width: 100%;border-collapse: collapse;font-size: 16px;line-height: 140%;text-align: left;margin-bottom: 20px;}
.ik_faretable2 th {border-bottom: #ccc 1px solid;padding: 8px 16px;white-space: nowrap;vertical-align: middle;width: 20%;}
}

.cv_btn {text-align: center;padding: 80px 0 100px 0;}
.cv_btn a {background: url(../../../../assets/inekouro_tw/kamome2.svg) left 40px center / 80px auto no-repeat;padding: 20px 80px 20px 130px;background-color: #d46a00;border-radius: 50px;color: #fff;font-size: 32px;font-weight: bold;position: relative}
.cv_btn a span {font-size: 20px;padding: 0 0 0 20px;}
.cv_btn a::after {position: absolute;top: 34px;right: 30px;content:'▶';color: #fff;font-size: 20px;}

.foot_image img {border-radius: 40px;}


}







/*SP*/
@media screen and (max-width : 840px) {

    img {max-width: 100%;}

.ik_main {position:absolute;top:0;left:0;height: 80vh;width: 100%;background: url(../../../../assets/inekouro_tw/main_sp3.webp) center center / cover;}
.ik_main::before {content:'';position: absolute;bottom:2vh;left:0;width: 100%;height: 10vh;background: url(../../../../assets/inekouro_tw/sightseeingboat.svg) center bottom / 100% auto no-repeat;z-index: 2;}
.ik_main::after {content:'';position: absolute;bottom: 0vw;left:0;width: 100%;height: 10vh;background: url(../../../../assets/inekouro_tw/wave.webp) center bottom / 100% auto no-repeat;z-index: 3;}

.ik_maintitle {position: absolute;top: 20vh;left: 0;width: 100%;text-align: center;}
.ik_maintitle h2 {width: 100vw;display: inline-block;}
.ik_maintitle h2 img {width: 100%;}
.ik_japan {position: absolute;top:32.5vh;left: 7vw;width: 33vw;}
.ik_japan img {filter: drop-shadow(0.5vw 0.5vw 1vw rgba(0, 0, 0, 0.5));}

.ik_concept {display: flex;flex-wrap: wrap;gap: 6vw 0;justify-content: center;width: 86vw;margin: 84vh auto 15vw auto;}
.ik_concept .ik_concept_img {width: 100%;position: relative;}
.ik_concept .ik_concept_img img:nth-child(1) {width: 94%;border-radius: 3vw;}
.ik_concept .ik_concept_img img:nth-child(2) {width: 36%;position: absolute;top: 24vw;right:-4vw;border-radius: 3vw;}
.ik_concept .ik_concept_body {width: 100%;padding: 3vw 0 0 0;}
.ik_concept .ik_concept_body h3 {background: url(../../../../assets/inekouro_tw/nami.svg) left center / 10vw auto no-repeat;padding: 0 0 0 11vw;margin: 0 0 2.5vw -3vw;color: #6576BE;font-size: 4.8vw;font-weight: 500;letter-spacing: 0.1vw;line-height: 140%;}
.ik_concept .ik_concept_body p {font-size: 3.6vw;line-height: 210%;margin-bottom: 4vw;letter-spacing: 0;}

.ik_concept_access {color: #D83340;font-size: 3.6vw!important;font-weight: 500;border:#D83340 1px solid;border-radius: 3vw;padding: 2vw 3vw;line-height: 140%!important;}

.ik_features {padding: 0 0 7vw 0;}
.ik_features_inner {width: 90vw;margin: 0 auto;}
.ik_f_title {display: flex;flex-wrap: wrap;gap: 0 13%;justify-content: flex-start;width: 100%;margin-bottom: 7.5vw;position: relative}
.ik_f_title h2 {width: 60%;margin: -8vw 0 0 0;}
.ik_f_title h2 span:nth-child(1) {font-size: 12vw;font-weight: bold;letter-spacing: 0.5vw;color: #6576BE;display: inline-block;line-height: 110%;position: relative;padding: 1.5vw 22vw 0 0;background: url(../../../../assets/inekouro_tw/kamome.svg) right top / 20vw auto no-repeat;}
.ik_f_title h2 span:nth-child(2) {font-size: 5.3vw;font-weight: 500;letter-spacing: 0.3vw;display: inline-block;padding: 0 2.5vw 0 0;}
.ik_f_title h2 span:nth-child(3) {font-size: 2.8vw;font-weight: 300;letter-spacing: 0.1vw;display: inline-block;color: #666;}
.ik_f_title .ik_f_ship {width: 32%;margin: 8vw 0 0 0;position: absolute;bottom: 1vw;right: 0;}
.ik_f_title .ik_f_ship img {width: 100%;}

.ik_f_wrap {display: flex;flex-wrap: wrap;gap: 0 2.5%;justify-content: center;}
.ik_f_wrap .ik_f_box {width: 100%;}
.ik_f_wrap .ik_f_box img {width: 100%;height: 55vw;object-fit: cover;margin-bottom: 2.5vw;}
.ik_f_wrap .ik_f_box h3 {text-align: center;font-weight: 500;line-height: 150%;margin-bottom: 2vw;font-size: 4.8vw;}
.ik_f_wrap .ik_f_box img {border-radius: 4vw 4vw 0 0;}
.ik_f_wrap .ik_f_box p {font-size: 3.6vw;line-height: 200%;margin-bottom: 7vw;}

.ik_image {width: 100%;height: 60vw;background: url(../../../../assets/inekouro_tw/p3.webp) center center / cover no-repeat;margin-bottom: 10vw;;}

.ik_kouro {display: flex;flex-wrap: wrap;gap: 5vw 0;justify-content: center;width: 70vw;margin: 0 auto 11.5vw auto;}
.ik_kouro img {height: auto;width: 100%;border-radius: 1.6vw;}

.ik_timetable {width: 88vw;margin: 0 auto 7vw auto;}
.ik_timetable h2 {border-bottom: #6576BE 1px solid;padding: 0 0 2.5vw 0.5vw;margin-bottom: 5vw;white-space: nowrap;}
.ik_timetable h2 span:nth-child(1) {font-size: 7.5vw;font-weight: bold;letter-spacing: 0.4vw;color: #6576BE;padding: 0 3.5vw 0 0;}
.ik_timetable h2 span:nth-child(2) {font-size: 4.5vw;font-weight: bold;letter-spacing: 0.2vw;color: #333;padding: 0 0 0 0;}
.ik_syukko {font-size: 3.8vw;letter-spacing: 0.1vw;margin-bottom: 5vw;font-weight: 500;padding: 0 0 0 0.5vw;line-height: 160%;}

.ik_tt_tablewrap {display: flex;flex-wrap: wrap;gap: 0 2%;justify-content: center;}
.ik_tt_tablewrap table {width: 100%;border-collapse: collapse;font-size: 3.6vw;line-height: 140%;text-align: center;margin-bottom: 5vw;}
.ik_tt_tablewrap table tr:nth-child(1) th {background-color: #e9effc;}
.ik_tt_tablewrap table th {border: #ccc 1px solid;padding: 1.5vw 2.5vw;width: 19%;white-space: nowrap;}
.ik_tt_tablewrap table td {border: #ccc 1px solid;padding: 1.5vw 2.5vw;}
.ik_tt_arrow {vertical-align: middle;font-size: 4.5vw;padding: 0 0 0 0!important;width: 7%!important;}

.ik_click {font-size: 3.9vw;letter-spacing: 0vw;margin-bottom: 4vw;font-weight: 500;padding: 0 0 0 0.5vw;}

.ik_faretable_wrap {display: flex;flex-wrap: wrap;gap: 0 3%;justify-content: center;}

.ik_faretable {width: 100%;border-collapse: collapse;font-size: 3.6vw;line-height: 140%;text-align: center;margin-bottom: 5vw;}
.ik_faretable th {border: #ccc 1px solid;padding: 1.5vw 2.5vw;white-space: nowrap;vertical-align: middle;background-color: #e9effc;width: 25%;}
.ik_faretable td {border: #ccc 1px solid;padding: 1.5vw 2.5vw;}
.ik_faretable a {text-decoration: underline;}
.ik_faretable caption {caption-side: bottom;font-size: 3.2vw;}
.nobdr {border: none!important;background-color: #fff!important;}

.ik_faretable2 {width: 100%;border-collapse: collapse;font-size: 3.5vw;line-height: 140%;text-align: left;margin-bottom: 2.5vw;}
.ik_faretable2 th {border-bottom: #ddd 1px solid;padding: 2vw 2vw;white-space: nowrap;vertical-align: middle;}
.ik_faretable2 td {border-bottom: #ddd 1px solid;padding: 2vw 2vw;vertical-align: middle;}
.ik_faretable2 tr:nth-child(1) th {padding-top: 0;}
.ik_faretable2 tr:nth-child(1) td {padding-top: 0;}
.ik_faretable2 tr:nth-child(5) th {border: none !important;padding: 0.5vw 0 0 0;}
.ik_faretable2 span {font-size: 80%;display: block;line-height: 100%;padding: 0.5vw 0 0 0;margin: 0;}
.ik_faretable2 a {text-decoration: underline;}

.cv_btn {text-align: center;padding: 10vw 0 12.5vw 0;}
.cv_btn a {background: url(../../../../assets/inekouro_tw/kamome2.svg) left 6vw center / 16vw auto no-repeat;padding: 2.5vw 14vw 2.5vw 23vw;background-color: #d46a00;border-radius: 10vw;color: #fff;font-size: 6.0vw;font-weight: bold;position: relative}
.cv_btn a span {font-size: 3.8vw;padding: 0 0 0 2.5vw;}
.cv_btn a::after {position: absolute;top: 4.3vw;right: 5.5vw;content:'▶';color: #fff;font-size: 3.8vw;}

.foot_image {margin-bottom: 10vw;}
.foot_image img {border-radius: 2vw;}



}