@charset "UTF-8";
.intro {}
.intro_title {}
.intro_list {
    list-style: none;
    display: flex;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}
.intro_list > li {
    width: 23.5%;
    margin-left: 2%;
}
.intro_list > li:first-child {
    margin-left: 0;
}
.intro_list > li:last-child {}
.intro_list > li:nth-child(2n+1) {}
.intro_list > li:nth-child(n+3) {}
.intro_list > li > a {
    font-size: 15px;
}
.intro_list > li > a::before {
    content: "";
}
.intro_list > li > a::after {
    content: "";
}
.intro_img {
    padding-bottom: 654px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1200px auto;
    margin-left: -50vw;
    margin-right: -50vw;
}
.intro_img-leisure {
    background-image: url(/assets/img/sightseeing_course_leisure/pt-main@2x.jpg);
    background-position: center top;
}
.intro_img-date {
    background-image: url(/assets/img/sightseeing_course_date/pt-course12@2x.jpg);
}
.intro_img-nightView {
    background-image: url(/assets/img/sightseeing_course_night-view/pt-main@2x.jpg);
}
.intro_img-viewSpot {
    background-image: url(/assets/img/sightseeing_course_view-spot/pt-main@2x.jpg);
}
.intro_sect {}
.intro_headline {}
.intro_text {}
.intro_text > a {}
.intro_text > a::before {
    content: "";
}
.intro_text > a::after {
    content: "";
}
.map {}
.map_title {
    background: #0065A6;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 17px 10px;
    line-height: 1.2;
}
.map_cols {
    display: flex;
    border: 1px solid #0065A6;
    border-top: none;
    padding: 15px 20px;
    justify-content: space-between;
}
.map_col {}
.map_col-no1 {
    width: 45%;
}
.map_oList {
    list-style: none;
    counter-reset: number;
}
.map_oList > li {
    margin-top: 20px;
}
.map_oList > li:first-child {
    margin-top: 0;
}
.map_oList > li:last-child {}
.map_oList > li:nth-child(2n+1) {}
.map_oList > li:nth-child(n+3) {}
.map_oList > li > a {
    display: block;
    color: #0065A6;
    font-weight: bold;
}
.map_oList > li > a::before {
    content: counter(number)". ";
    counter-increment: number;
}
.map_oList > li > a::after {
    content: "";
}
.map_text {}
.map_col-no2 {
    width: 52.6%;
    max-width: 545px;
}
.map_imageWrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.map_image {}
.map_image > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.map_mList {
    list-style: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left top;
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity;
}
.map_mList.isShow {
    opacity: 1;
}
.map_mList > li {
    position: absolute;
    z-index: 1;
}
.map_mList-leisure > li:nth-child(1) {
    left: 508px;
    top: 112px;
}
.map_mList-leisure > li:nth-child(2) {
    left: 398px;
    top: 112px;
}
.map_mList-leisure > li:nth-child(3) {
    left: 145px;
    top: 179px;
}
.map_mList-leisure > li:nth-child(4) {
    left: 198px;
    top: 179px;
}
.map_mList-date > li:nth-child(1) {
    left: 91px;
    top: 250px;
}
.map_mList-date > li:nth-child(2) {
    left: 218px;
    top: 181px;
}
.map_mList-date > li:nth-child(3) {
    left: 178px;
    top: 184px;
}
.map_mList-date > li:nth-child(4) {
    top: 350px;
    left: 73px;
}
.map_mList-nightView > li:nth-child(1) {
    left: 128px;
    top: 230px;
}
.map_mList-nightView > li:nth-child(2) {
    left: 168px;
    top: 185px;
}
.map_mList-nightView > li:nth-child(3) {
    left: 218px;
    top: 181px;
}
.map_mList-nightView > li:nth-child(4) {
    top: 350px;
    left: 73px;
}
.map_mList-viewSpot > li:nth-child(1) {
    left: 316px;
    top: 22px;
}
.map_mList-viewSpot > li:nth-child(2) {
    left: 168px;
    top: 46px;
}
.map_mList-viewSpot > li:nth-child(3) {
    left: 73px;
    top: 181px;
}
.map_mList-viewSpot > li:nth-child(4) {
    left: 40px;
    top: 348px;
}
.map_mList-viewSpot > li:nth-child(5) {
    left: 178px;
    top: 247px;
}
.map_mList-viewSpot > li:nth-child(6) {
    left: 290px;
    top: 265px;
}
.map_mList > li > a {
    text-decoration: none;
    width: 38px;
    height: 55px;
    position: relative;
    z-index: 1;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 56' fill='%230065A6'%3E%3Cpath d='M19.5.4h0A19.2,19.2,0,0,0,.2,19.7h0c0,14.5,19.3,35.9,19.3,35.9S38.8,34.2,38.8,19.7A19.3,19.3,0,0,0,19.5.4Z'/%3E%3C/svg%3E");
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    transform-origin: center bottom;
    transition-duration: .3s;
    transition-property: transform;
}
.map_mList > li > a::before {
    content: "";
}
.map_mList > li > a::after {
    content: "";
}
.route {
    position: relative;
    z-index: 1;
    padding: 40px 0;
    overflow: hidden;
}
.route::after {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background: #0065A6;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.route_link {
    max-width: 280px;
    margin: 15px auto 30px;
    position: relative;
    z-index: 2;
}
.route_link:first-child {
    margin-top: 0;
}
.route_link:last-child {
    margin-bottom: 0;
}
.route_link > a {}
.route_link > a::before {
    content: "";
}
.route_link > a::after {
    content: "";
}
.route_labelWrap {
    position: relative;
    z-index: 2;
    margin: 15px 0;
}
.route_labelWrap-first::after {
    content: "";
    display: block;
    width: 4px;
    height: 100px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    background: #fff;
}
.route_labelWrap:first-child {
    margin-top: 0;
}
.route_labelWrap:last-child {
    margin-bottom: 0;
}
.route_labelWrap > .icon {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #FFBC00;
    background: #fff;
    border: 4px solid #fff;
}
.route_label {
    display: flex;
    height: 60px;
    background-color: #FFBC00;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    justify-content: center;
    width: 41%;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
    box-sizing: border-box;
    line-height: 1.2;
}
.route_label::after {
    content: "";
    display: block;
    border: 30px solid #FFBC00;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -30px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-right-width: 0;
}
.route_label-sta {
    background-color: #0B4382;
    margin-left: auto;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right top;
    height: 80px;
}
.route_label-u01 {
    background-image: url(/assets/img/common/bg-sta-head-u01@2x.png);
}
.route_label-u02 {
    background-image: url(/assets/img/common/bg-sta-head-u02@2x.png);
}
.route_label-u03 {
    background-image: url(/assets/img/common/bg-sta-head-u03@2x.png);
}
.route_label-u04 {
    background-image: url(/assets/img/common/bg-sta-head-u04@2x.png);
}
.route_label-u05 {
    background-image: url(/assets/img/common/bg-sta-head-u05@2x.png);
}
.route_label-u06 {
    background-image: url(/assets/img/common/bg-sta-head-u06@2x.png);
}
.route_label-u07 {
    background-image: url(/assets/img/common/bg-sta-head-u07@2x.png);
}
.route_label-u08 {
    background-image: url(/assets/img/common/bg-sta-head-u08@2x.png);
}
.route_label-u09 {
    background-image: url(/assets/img/common/bg-sta-head-u09@2x.png);
}
.route_label-u10 {
    background-image: url(/assets/img/common/bg-sta-head-u10@2x.png);
}
.route_label-u11 {
    background-image: url(/assets/img/common/bg-sta-head-u11@2x.png);
}
.route_label-u12 {
    background-image: url(/assets/img/common/bg-sta-head-u12@2x.png);
}
.route_label-u13 {
    background-image: url(/assets/img/common/bg-sta-head-u13@2x.png);
}
.route_label-u14 {
    background-image: url(/assets/img/common/bg-sta-head-u14@2x.png);
}
.route_label-u15 {
    background-image: url(/assets/img/common/bg-sta-head-u15@2x.png);
}
.route_label-u16 {
    background-image: url(/assets/img/common/bg-sta-head-u16@2x.png);
}
.route_label-sta::after {
    border: 40px solid #0B4382;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-left-width: 0;
    right: auto;
    left: -40px;
}
.route_label-sta + .icon {
    color: #0B4382;
}
.route_time {
    width: 41%;
    color: #0B4382;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 15px 0;
}
.route_time:first-child {
    margin-top: 0;
}
.route_time:last-child {
    margin-bottom: 0;
}
.route_time-right {
    margin-left: auto;
}
.spot {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding-top: 170px;
    margin-top: -170px;
    display: block;
}
.spot_titleWrap {
    background: #0065A6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 10px;
    color: #fff;
}
.spot_time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    line-height: 1;
}
.spot_time > .icon {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
}
.spot_time > b {
    display: block;
    font-size: 14px;
}
.spot_title {
    font-size: 22px;
}
.spot_in {
    max-width: 1012px;
    margin: 0 auto 0;
    padding: 20px 20px 35px;
}
.spot_headline {
    font-size: 22px;
    color: #0065A6;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;
}
.spot_mainImg {}
.spot_mainImg > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
.spot_text {}
.spot_cols {
    display: flex;
    justify-content: space-between;
}
.spot_cols-offset {}
.spot_cols-last {
    align-items: flex-end;
}
.spot_col {
    width: 47.7%;
    max-width: 482px;
}
.spot_col-no1 {}
.spot_cols-last .spot_col-no1 {
    padding-bottom: 0;
}
.spot_sect {}
.spot_subhead {
    font-size: 20px;
    line-height: 1.2;
    color: #0065A6;
    margin-bottom: 14px;
}
.spot_image {}
.spot_image > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.spot_col-no2 {}
.spot_table {
    border: 1px solid #C8D7E2;
    display: block;
}
.spot_table > caption {
    background: #F4F6FC;
    border-bottom: none;
    font-size: 22px;
    font-weight: bold;
    padding: 6px 10px;
    display: block;
}
.spot_table > tbody {
    display: block;
    padding: 15px;
}
.spot_table > tbody > tr {
    display: flex;
}
.spot_table > tbody > tr:first-child {}
.spot_table > tbody > tr:last-child {}
.spot_table > tbody > tr > th {
    white-space: nowrap;
    display: block;
    font-weight: normal;
    min-width: 80px;
    text-align: left;
    padding-right: 1em;
}
.spot_table > tbody > tr > td {
    display: block;
    flex-grow: 1;
}
.tips {
    background: #FEFFE5;
    padding: 30px 20px;
}
.tips_inner {
    max-width: 1012px;
    margin: 0 auto 0;
}
.tips_cols {
    display: flex;
    justify-content: space-between;
}
.tips_col {}
.tips_col-no1 {
    width: 48%;
}
.tips_title {}
.tips_text {}
.tips_col-no2 {
    width: 48.4%;
}
.tips_image {}
.tips_image > img {}
.spot_imgList {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
}
.spot_imgList > li {}
.spot_imgList > li:first-child {}
.spot_imgList > li:last-child {}
.spot_imgList > li:nth-child(2n + 1) {}
.spot_imgList > li:nth-child(n + 3) {}
.spot_imgList > li > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.viewWrap {
    padding-top: 175px;
    margin-top: -175px;
    display: block;
}
.view {}
.view_title {
    font-size: 20px;
    color: #0065A6;
    line-height: 1.2;
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}
.view_title > b {
    display: flex;
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #0065A6;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}
.view_cols {
    display: flex;
    justify-content: space-between;
}
.view_col {}
.view_col-no1 {
    width: 61.6%;
}
.view_sect {
    max-width: 665px;
    margin-left: auto;
    margin-right: auto;
}
.view_image {}
.view_image > img {}
.view_headline {
    line-height: 1.2;
    color: #0065A6;
    font-size: 20px;
    margin-bottom: 11px;
}
.view_text {}
.view_col-no2 {
    width: 34.2%;
}
.view_fig {}
.view_fig > img {}
.view_fig > figcaption {
    text-align: right;
    margin-top: 4px;
    font-size: 14px;
}
.route_label_number {
    width: 50px;
    height: 50px;
    min-width: 50px;
}
.route_label_number > small {
    font-size: 14px;
}
.route_label_number > b {
    font-size: 20px;
}
.spot_fig {}
.spot_fig > figcaption {
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
}
@media screen and (min-width:1200px) {
    .intro_img {
        background-size: 100vw auto;
    }
}
@media screen and (min-width:1000px) {
    .intro_list > li > a:hover {}
    .intro_text > a:hover {}
    .map_oList > li > a:hover {}
    .map_mList > li > a:hover {
        transform: scale(1.2);
    }
    .route_link > a:hover {}
}
@media screen and (max-width:999px) {
    .intro {}
    .intro_title {}
    .intro_list {}
    .intro_list > li {}
    .intro_list > li:first-child {}
    .intro_list > li:last-child {}
    .intro_list > li:nth-child(2n + 1) {}
    .intro_list > li:nth-child(n + 3) {}
    .intro_list > li > a {}
    .intro_list > li > a::before {}
    .intro_list > li > a::after {}
    .intro_img {
        padding-bottom: 500px;
        background-size: 1000px auto;
    }
    .intro_img-leisure {}
    .intro_sect {}
    .intro_headline {}
    .intro_text {}
    .intro_text > a {}
    .intro_text > a::before {}
    .intro_text > a::after {}
    .map {}
    .map_title {
        font-size: 20px;
    }
    .map_cols {}
    .map_col {}
    .map_col-no1 {}
    .map_oList {}
    .map_oList > li {}
    .map_oList > li:first-child {}
    .map_oList > li:last-child {}
    .map_oList > li:nth-child(2n + 1) {}
    .map_oList > li:nth-child(n + 3) {}
    .map_oList > li > a {}
    .map_oList > li > a::before {}
    .map_oList > li > a::after {}
    .map_text {}
    .map_col-no2 {}
    .map_imageWrap {}
    .map_image {}
    .map_image > img {}
    .map_mList {}
    .map_mList > li {}
    .map_mList-leisure > li:nth-child(1) {}
    .map_mList-leisure > li:nth-child(2) {}
    .map_mList-leisure > li:nth-child(3) {}
    .map_mList-leisure > li:nth-child(4) {}
    .map_mList-leisure > li:nth-child(5) {}
    .map_mList > li > a {}
    .map_mList > li > a::before {}
    .map_mList > li > a::after {}
    .route {}
    .route::after {}
    .route_link {}
    .route_link:first-child {}
    .route_link:last-child {}
    .route_link > a {}
    .route_link > a::before {}
    .route_link > a::after {}
    .route_labelWrap {}
    .route_labelWrap-first::after {}
    .route_labelWrap:first-child {}
    .route_labelWrap:last-child {}
    .route_labelWrap > .icon {}
    .route_label {
        font-size: 18px;
        height: 50px;
    }
    .route_label::after {
        border-width: 25px;
        border-right-width: 0;
        right: -25px;
    }
    .route_label-sta {}
    .route_label-sta::after {
        border-width: 25px;
        border-left-width: 0;
        left: -25px;
        right: auto;
    }
    .route_label-sta + .icon {}
    .route_time {
        font-size: 18px;
    }
    .route_time:first-child {}
    .route_time:last-child {}
    .route_time-right {}
    .spot {
        padding-top: 137px;
        margin-top: -137px;
        display: block;
    }
    .spot_titleWrap {}
    .spot_time {}
    .spot_time > .icon {}
    .spot_time > b {}
    .spot_title {
        font-size: 20px;
    }
    .spot_in {}
    .spot_headline {
        font-size: 20px;
    }
    .spot_mainImg {}
    .spot_mainImg > img {}
    .spot_text {}
    .spot_cols {}
    .spot_cols-offset {}
    .spot_col {}
    .spot_col-no1 {}
    .spot_cols-last .spot_col-no1 {}
    .spot_sect {}
    .spot_subhead {
        font-size: 18px;
    }
    .spot_image {}
    .spot_image > img {}
    .spot_col-no2 {}
    .spot_table {}
    .spot_table > caption {}
    .spot_table > tbody {}
    .spot_table > tbody > tr {}
    .spot_table > tbody > tr:first-child {}
    .spot_table > tbody > tr:last-child {}
    .spot_table > tbody > tr > th {}
    .spot_table > tbody > tr > td {}
    .tips {}
    .tips_inner {}
    .tips_cols {}
    .tips_col {}
    .tips_col-no1 {}
    .tips_title {}
    .tips_text {}
    .tips_col-no2 {}
    .tips_image {}
    .tips_image > img {}
    .viewWrap {
        padding-top: 145px;
        margin-top: -145px;
        display: block;
    }
    .view {}
    .view_title {}
    .view_title > b {}
    .view_cols {}
    .view_col {}
    .view_col-no1 {}
    .view_sect {}
    .view_image {}
    .view_image > img {}
    .view_headline {
        font-size: 18px;
    }
    .view_text {}
    .view_col-no2 {}
    .view_fig {}
    .view_fig > img {}
    .view_fig > figcaption {}
    .route_label_number {
        width: 40px;
        height: 40px;
        border-width: 1px;
        min-width: 40px;
    }
    .route_label_number > small {
        font-size: 12px;
    }
    .route_label_number > b {
        font-size: 16px;
    }
}
@media screen and (max-width:767px) {
    .intro {}
    .intro_title {}
    .intro_list {
        display: block;
    }
    .intro_list > li {
        width: auto;
        margin: 10px auto 0;
    }
    .intro_list > li:first-child {
        margin-top: 0;
    }
    .intro_list > li:last-child {}
    .intro_list > li:nth-child(2n + 1) {}
    .intro_list > li:nth-child(n + 3) {}
    .intro_list > li > a {}
    .intro_list > li > a::before {}
    .intro_list > li > a::after {}
    .intro_img {
        margin-left: -15px;
        margin-right: -15px;
        background-size: cover;
        padding-bottom: 61%;
    }
    .intro_img-leisure {}
    .intro_sect {}
    .intro_headline {}
    .intro_text {}
    .intro_text > a {}
    .intro_text > a::before {}
    .intro_text > a::after {}
    .map {}
    .map_title {
        font-size: 16px;
    }
    .map_cols {
        padding: 10px;
        display: block;
    }
    .map_col {
        width: auto;
    }
    .map_col-no1 {
        margin-bottom: 15px;
    }
    .map_oList {}
    .map_oList > li {
        margin-top: 10px;
    }
    .map_oList > li:first-child {}
    .map_oList > li:last-child {}
    .map_oList > li:nth-child(2n + 1) {}
    .map_oList > li:nth-child(n + 3) {}
    .map_oList > li > a {}
    .map_oList > li > a::before {}
    .map_oList > li > a::after {}
    .map_text {}
    .map_col-no2 {
        margin-left: auto;
        margin-right: auto;
    }
    .map_imageWrap {}
    .map_image {}
    .map_image > img {}
    .map_mList {}
    .map_mList > li {}
    .map_mList-leisure > li:nth-child(1) {}
    .map_mList-leisure > li:nth-child(2) {}
    .map_mList-leisure > li:nth-child(3) {}
    .map_mList-leisure > li:nth-child(4) {}
    .map_mList-leisure > li:nth-child(5) {}
    .map_mList > li > a {}
    .map_mList > li > a::before {}
    .map_mList > li > a::after {}
    .route {
        padding: 25px 0;
    }
    .route::after {
        width: 2px;
    }
    .route_link {
        max-width: none;
    }
    .route_link:first-child {}
    .route_link:last-child {}
    .route_link > a {}
    .route_link > a::before {}
    .route_link > a::after {}
    .route_labelWrap {
        margin: 10px 0;
    }
    .route_labelWrap-first::after {}
    .route_labelWrap:first-child {}
    .route_labelWrap:last-child {}
    .route_labelWrap > .icon {
        font-size: 30px;
    }
    .route_label {
        font-size: 14px;
        width: calc(50% - 35px);
        height: 40px;
    }
    .route_label::after {
        border-width: 20px;
        border-right-width: 0;
        right: -10px;
        border-left-width: 10px;
    }
    .route_label-sta {
        padding-left: 0;
        text-shadow: 0 0 2px #0B4382, 0 0 2px #0B4382, 0 0 2px #0B4382, 0 0 2px #0B4382, 0 0 2px #0B4382, 0 0 2px #0B4382;
    }
    .route_label-sta::after {
        border-width: 20px;
        border-left-width: 0;
        left: -10px;
        border-right-width: 10px;
        right: auto;
    }
    .route_label-sta + .icon {}
    .route_time {
        font-size: 14px;
        margin: 10px 0;
    }
    .route_time:first-child {}
    .route_time:last-child {}
    .route_time-right {}
    .spot {}
    .spot_titleWrap {
        padding: 10px 10px;
    }
    .spot_time {
        margin-right: 11px;
    }
    .spot_time > .icon {
        font-size: 14px;
    }
    .spot_time > b {
        font-size: 12px;
    }
    .spot_title {
        font-size: 18px;
    }
    .spot_in {
        padding: 15px;
    }
    .spot_headline {
        text-align: left;
        font-size: 18px;
        margin-bottom: 15px;
    }
    .spot_mainImg {}
    .spot_mainImg > img {}
    .spot_text {}
    .spot_cols {
        display: block;
    }
    .spot_cols-offset {
        margin-top: 0;
    }
    .spot_col {
        width: auto;
        padding: 0;
        max-width: none;
    }
    .spot_col-no1 {
        margin-bottom: 20px;
    }
    .spot_col-no1:last-child {
        margin-bottom: 0;
    }
    .spot_cols-last .spot_col-no1 {}
    .spot_sect {}
    .spot_subhead {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .spot_image {
        max-width: 490px;
        margin: 0 auto;
    }
    .spot_image > img {}
    .spot_col-no2 {}
    .spot_table {}
    .spot_table > caption {
        font-size: 16px;
        padding: 5px 10px;
    }
    .spot_table > tbody {
        padding: 10px;
        font-size: 12px;
    }
    .spot_table > tbody > tr {}
    .spot_table > tbody > tr:first-child {}
    .spot_table > tbody > tr:last-child {}
    .spot_table > tbody > tr > th {
        min-width: 50px;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }
    .spot_table > tbody > tr > td {}
    .tips {
        padding: 15px;
    }
    .tips_inner {}
    .tips_cols {
        display: block;
    }
    .tips_col {
        width: auto;
    }
    .tips_col-no1 {
        margin-bottom: 15px;
    }
    .tips_title {}
    .tips_text {}
    .tips_col-no2 {}
    .tips_image {}
    .tips_image > img {}
    .spot_imgList {
        max-width: 490px;
    }
    .viewWrap {}
    .view {}
    .view_title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .view_title > b {
        width: 30px;
        min-width: 30px;
        height: 30px;
        font-size: 18px;
        margin-right: 10px;
    }
    .view_cols {
        display: block;
    }
    .view_col {
        width: auto;
    }
    .view_col-no1 {
        margin-bottom: 20px;
    }
    .view_sect {}
    .view_image {}
    .view_image > img {
        display: block;
        margin: 0 auto;
    }
    .view_headline {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .view_text {}
    .view_col-no2 {}
    .view_fig {}
    .view_fig > img {}
    .view_fig > figcaption {}
    .route_label_number {
        width: 30px;
        min-width: 30px;
        height: 30px;
        margin-right: 5px;
        text-shadow: none;
    }
    .route_label_number > small {
        font-size: 10px;
    }
    .route_label_number > b {
        font-size: 14px;
    }
    .spot_fig > figcaption {
        font-size: 10px;
    }
}


@media screen and (max-width: 767px) {
    .add_2024_detail.u-pageList.u-pageList-4c {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        width: 100%;
        row-gap: 0.2em;
        column-gap: 0.8em;
    }
    .add_2024_detail.u-pageList.u-pageList-4c li {
        width: 40%;
    }
    .add_2024_detail.u-pageList.u-pageList-4c li a {
        font-size: 15px;
    }
}

.add_2024_detail.intro_img {
    background-image: url(/assets/img/sightseeing_course/Main_V.png);
}
.add_2024_detail.intro_img.vs_kv {
    background-image: url(/assets/img/sightseeing_course/kv_vs.jpg);
}
.add_2024_detail.intro_img.lux_kv {
    background-image: url(/assets/img/sightseeing_course/kv_lux.jpg);
}
.add_2024_detail.intro_img.act_kv {
    background-image: url(/assets/img/sightseeing_course/kv_act.jpg);
}
.add_2024_detail.intro_img.pg_kv {
    background-image: url(/assets/img/sightseeing_course/kv_pg.jpg);
}

.add_2024_detail .text_s_left {
    font-size: 12px;
    text-align: right;
}
.add_2024_detail .text_s {
    font-size: 12px;
}
.add_2024_detail .intro_cols {
    display: flex;
    justify-content: space-between;
}
.add_2024_detail .intro_col-no1 {
    width: 27.8%;
}
.add_2024_detail .intro_col-no2 {
    width: 67%;
}
.add_2024_detail .video {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .add_2024_detail .intro_cols {
        display: block;
    }
    .add_2024_detail .intro_col-no1 {
        margin-bottom: 15px;
    }
    .add_2024_detail .intro_col {
        width: auto;
    }
    .add_2024_detail .video {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        height: 0;
    }
    .add_2024_detail .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.add_2024_detail .spot_headline {
    line-height: 1.5;
}

.add_2024_detail .ml-1em {
    margin-left: 2em;
}


@media screen and (max-width: 767px) {
    .add_2024_detail .intro_fig {
        text-align: center;
    }
}
.add_2024_detail .spot {
    box-shadow: none;
}
.add_2024_detail .spot .inner-spot {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.map_mList-leisure > li:nth-child(1) {
    left: 148px;
    top: 172px;
}
.map_mList-leisure > li:nth-child(2) {
    left: 188px;
    top: 172px;
}
.map_mList-leisure > li:nth-child(3) {
    left: 225px;
    top: 239px;
}
.map_mList-leisure > li:nth-child(4) {
    left: 26px;
    top: 341px;
}
.map_mList-leisure > li:nth-child(5) {
    left: 96px;
    top: 367px;
}
.map_mList-leisure > li:nth-child(6) {
    left: 361px;
    top: 271px;
}


.map_mList-leisure.lux-course > li:nth-child(1) {
    left: 478px;
    top: 112px;
}
.map_mList-leisure.lux-course > li:nth-child(2) {
    left: 378px;
    top: 112px;
}
.map_mList-leisure.lux-course > li:nth-child(3) {
    left: 128px;
    top: 172px;
}
.map_mList-leisure.lux-course > li:nth-child(4) {
    left: 168px;
    top: 172px;
}
.map_mList-leisure.lux-course > li:nth-child(5) {
    left: 90px;
    top: 172px;
}


.map_mList-leisure.act-course > li:nth-child(1) {
    left: 375px;
    top: 112px;
}
.map_mList-leisure.act-course > li:nth-child(2) {
    left: 131px;
    top: 211px;
}
.map_mList-leisure.act-course > li:nth-child(3) {
    left: 230px;
    top: 249px;
}
.map_mList-leisure.act-course > li:nth-child(4) {
    left: 178px;
    top: 177px;
}
.map_mList-leisure.act-course > li:nth-child(5) {
    left: 476px;
    top: 111px;
}


.map_mList-leisure.seichi-course > li:nth-child(1) {
    left: 385px;
    top: 13px;
}
.map_mList-leisure.seichi-course > li:nth-child(2) {
    left: 211px;
    top: 181px;
}
.map_mList-leisure.seichi-course > li:nth-child(3) {
    left: 96px;
    top: 335px;
}
.map_mList-leisure.seichi-course > li:nth-child(4) {
    left: 331px;
    top: 253px;
}
.map_mList-leisure.seichi-course > li:nth-child(5) {
    left: 501px;
    top: 111px;
}

.add_2024_detail .map_sp_none { display: none; }
.add_2024_detail .map_pc_none { display: block; }

@media screen and (max-width: 767px) {
    .add_2024_detail .map_sp_none { display: block; }
    .add_2024_detail .map_pc_none { display: none; }
}

.add_2024_detail a img {
    vertical-align: baseline;
}

.add_2024_detail figcaption {
    font-size: 12px;
}

.add_2024_detail .text_red {
    color: #f00;
}

.add_2024_detail .area_yellow {
    background-color: #ffffe2;
    padding: 2em;
}
.add_2024_detail .area_glay {
    background-color: #f6f6f6;
    padding: 2em;
}
.add_2024_detail .mr_20_pc {
    margin-right: 10px;
}
@media screen and (max-width: 767px) {
    .add_2024_detail .mr_20_pc {
        margin-right: 0px;
        text-align: center;
    }
}
.add_2024_detail .icon_youtube_pilgrim img {
    height: 14px;
}
.add_2024_detail .icon_x_pilgrim img {
    height: 14px;
}
.add_2024_detail .line_hei_s {
    line-height: 1.1;
}
@media screen and (max-width: 767px) {
    .add_2024_detail .cap_s {
        font-size: 10px;
        margin-top: 0.6em;
    }
}
img {
    pointer-events: none; /* マウス操作を無効化 */
    -webkit-user-drag: none; /* 画像のドラッグを無効化 (Safari用) */
    -khtml-user-drag: none; /* 古いブラウザ用 */
    -moz-user-drag: none; /* Firefox用 */
    -o-user-drag: none; /* Opera用 */
    user-drag: none; /* 他のブラウザ用 */
}
.gEvent ~ .gEvent {
    display: none;
}

@media screen and (max-width: 767px) {
    h2.intro_headline {
        text-align: left;
    }
}