@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 1200px) {
.sec_recommend:after,
.sec_instagram:after{
    left: 140px;
}
.sec_recommend .recommend_wrapper,
.sec_instagram .instagram_wrapper{
    padding-left: 10px;
}
.recommend_carousel .splide__controls{
    padding-right: 10px;
    max-width: 100%;
}
.sec_instagram .splide__controls{
    padding-right: 10px;
}
.sec_instagram .instagram_intro + .instagram_cnt .splide__controls{
    max-width: 100%;
}
}
@media screen and (min-width : 641px) and (max-width : 1100px) {
    .mainvisual_top .mainvisual_top_flex{
        flex-direction: column;
    }
    .mainvisual_top .mainvisual_top_flex .mv_tll{
        width: 100%;
    }
    .mainvisual_top .mainvisual_top_flex ul{
        min-width: 572px;
        width: auto;
    }
}
@media screen and (min-width : 641px) and (max-width : 1000px) {
    #tmp_splide_mv_thumbnail .splide__list{
        width: 100%;
    }
    #tmp_splide_mv_thumbnail{
        padding-bottom: 60px;
    }
    .fsize_big2 #tmp_splide_mv_thumbnail{
        padding-bottom: 80px;
    }
    #tmp_splide_mv .splide__controls{
        bottom: -14%;
        left: auto;
        right: 20px;
    }
    .fsize_big2 #tmp_splide_mv .splide__controls{
        bottom: -20%;
        left: auto;
    }
    .sec_mainvisual_wrap::after{
        top: calc(60% - 140px);
    }
    #tmp_splide_mv_thumbnail .splide__list .splide__slide:last-child:before{
        display: none;
    }
}
@media screen and (max-width : 640px) {
/* pattern common
================================================== */
/* title */
.city_title{
    margin-bottom: 9px;
    font-size: 162.5%;
}
.city_title .title_txt{
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/pattern_ttl_wave_sp.png);
    background-size: 119px auto;
}
.city_subtitle{
    margin: 0 0 13px -2px;
    font-size: 125%;
}
.city_subtitle:before{
    bottom: 4px;
    left: 3px;
    padding-top: 30px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/pattern_subttl_wave1_sp.png);
    max-width: 155px;
}
.city_subtitle.pattern_blue{
    font-size: 125%;
}
.city_subtitle.pattern_blue:before {
    bottom: 6px;
    left: 0;
    padding-top: 30px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/pattern_subttl_wave2_sp.png);
    max-width: 158px;
}

/* thumbnail */
.thumbnail_item > a{
    line-height: 1.8;
}
.thumbnail_item .thumbnail_des{
    padding: 3px 12px 4px;
}
.thumbnail_item .thumbnail_title{
    padding-left: 11px;
}
.thumbnail_item .thumbnail_text{
    font-size: 93.75%;
}
.thumbnail_item .thumbnail_title + .thumbnail_text {
    margin-top: 4px;
    padding-top: 4px;
}

/* btn */
.btn_simple,
.btn_show_more,
#tmp_gallery_modal .modal_btn_close{
    font-size: 100%;
}

/* list thumnails */
.list_thumbnail{
    gap: 10px;
}
.list_thumbnail .thumbnail_item{
    width: calc(50% - 5px);
}

/* main */
#tmp_wrap_main:has(.sec_learn):after{
    content: none;
}
.custom_citypromotion #tmp_pankuzu {
    padding: 22px 0 72px;
}
.custom_citypromotion #tmp_pankuzu p{
    margin: 0;
}

/* splide */
.city_carousel .splide__controls{
    gap: 10px 22px;
}
.city_carousel .progress_current {
    font-size: 175%;
}
.city_carousel .progress_total {
    margin-bottom: 0;
	padding-left: 15px;
    font-size: 93.75%;
}
.city_carousel .progress_total:before{
    left: 8px;
    top: 1px;
}
.city_carousel .splide__arrow{
    width: 28px;
    height: 28px;
}
.city_carousel .splide__arrow:before{
    width: 30px;
    height: 7px;
}
.city_carousel .splide__arrow--prev:before {
	background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/slide_arrow_prev_sp.png);
}
.city_carousel .splide__arrow--next:before {
	background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/slide_arrow_next_sp.png);
}
.city_carousel .splide__toggle{
    padding-left: 35px;
    font-size: 93.75%;
    min-width: 80px;
    bottom: 0;
}
.city_carousel .splide__toggle:before{
    top: 0;
    width: 28px;
    height: 28px;
}
.city_carousel .splide__toggle__pause:before{
    left: 11px;
    top: 9px;
    width: 6px;
    height: 11px;
}
.city_carousel .splide__toggle__play:before{
    left: 12px;
}

/* openning
================================================== */
#tmp_city_opening{
    padding-bottom: 80px;
}
#tmp_city_opening .opening_inner{
    height: max(164px, calc((164/808) * 100%));
    max-width: 303px;
}
#tmp_city_opening .opening_txt{
    transform: translateY(20px) scale(0.7);
}
/* row1 */
#tmp_city_opening .row1 .txt1{
    top: calc((8/164) * 100%);
    left: calc((3/303) * 100%);
    padding-top: calc((23/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row1_txt1_sp.png);
    width: calc((16 / 303) * 100%);
}
#tmp_city_opening .row1 .txt2{
    top: calc((15 / 164) * 100%);
    left: calc((21 / 303) * 100%);
    padding-top: calc((7/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row1_txt2_sp.png);
    width: calc((15/303) * 100%);
}
#tmp_city_opening .row1 .txt3{
    top: calc((8 / 164) * 100%);
    left: calc((36 / 303) * 100%);
    padding-top: calc((23/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row1_txt3_sp.png);
    width: calc((20/303) * 100%);
}
#tmp_city_opening .row1 .txt4{
    top: calc((18 / 164) * 100%);
    left: calc((55 / 303) * 100%);
    padding-top: calc((13/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row1_txt4_sp.png);
    width: calc((13/303) * 100%);
}
#tmp_city_opening .row1 .txt5{
    top: calc((15 / 164) * 100%);
    left: calc((70 / 303) * 100%);
    padding-top: calc((7/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row1_txt5_sp.png);
    width: calc((13/303) * 100%);
}
#tmp_city_opening .row1 .txt6{
    top: calc((8 / 164) * 100%);
    left: calc((83 / 303) * 100%);
    padding-top: calc((23/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row1_txt6_sp.png);
    width: calc((21/303) * 100%);
}
#tmp_city_opening .row1 .txt7{
    top: calc((20 / 164) * 100%);
    left: calc((104 / 303) * 100%);
    padding-top: calc((12/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row1_txt7_sp.png);
    width: calc((12/303) * 100%);
}
/* row2 */
#tmp_city_opening .row2 .txt1{
    top: calc((34 / 164) * 100%);
    left: calc((1 / 303) * 100%);
    padding-top: calc((38/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row2_txt1_sp.png);
    width: calc((39/303) * 100%);
}
#tmp_city_opening .row2 .txt2{
    top: calc((48 / 164) * 100%);
    left: calc((36 / 303) * 100%);
    padding-top: calc((24/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row2_txt2_sp.png);
    width: calc((23/303) * 100%);
}
#tmp_city_opening .row2 .txt3{
    top: calc((51 / 164) * 100%);
    left: calc((60 / 303) * 100%);
    padding-top: calc((20/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row2_txt3_sp.png);
    width: calc((18/303) * 100%);
}
#tmp_city_opening .row2 .txt4{
    top: calc((34 / 164) * 100%);
    left: calc((80 / 303) * 100%);
    padding-top: calc((39/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row2_txt4_sp.png);
    width: calc((31/303) * 100%);
}
#tmp_city_opening .row2 .txt5{
    top: calc((5 / 164) * 100%);
    left: calc((113 / 303) * 100%);
    padding-top: calc((68/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row2_txt5_sp.png);
    width: calc((69/303) * 100%);
}
#tmp_city_opening .row2 .txt6{
    top: calc((52 / 164) * 100%);
    left: calc((172 / 303) * 100%);
    padding-top: calc((23/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row2_txt6_sp.png);
    width: calc((25/303) * 100%);
}
/* row3 */
#tmp_city_opening .row3 .txt1{
   top: calc((82 / 164) * 100%);
   left: 0;
   padding-top: calc((75/303) * 100%);
   background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row3_txt1_sp.png);
   width: calc((65/303) * 100%);
}
#tmp_city_opening .row3 .txt2{
    top: calc((79 / 164) * 100%);
    left: calc((64 / 303) * 100%);
    padding-top: calc((77/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row3_txt2_sp.png);
    width: calc((65/303) * 100%);
}
#tmp_city_opening .row3 .txt3{
    top: calc((83 / 164) * 100%);
    left: calc((124 / 303) * 100%);
    padding-top: calc((78/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row3_txt3_sp.png);
    width: calc((47/303) * 100%);
}
#tmp_city_opening .row3 .txt4{
    top: calc((45/ 164) * 100%);
    left: calc((176 / 303) * 100%);
    padding-top: calc((118/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row3_txt4_sp.png);
    width: calc((127/303) * 100%);
}
#tmp_city_opening .row3 .txt5{
    top: calc((135 / 164) * 100%);
    left: calc((260 / 303) * 100%);
    padding-top: calc((35/303) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/opening/opening_row3_txt5_sp.png);
    width: calc((39/303) * 100%);
}

/* mainvisual
================================================== */
.sec_mainvisual .mv_main{
    padding-bottom: 35px;
}
.sec_mainvisual_wrap:before{
    display: none;
}
.mainvisual_top {
    margin-bottom: 12px;
    margin-top: 11px;
}
#tmp_splide_mv_thumbnail{
    display: none;
}
.mainvisual_top .mainvisual_top_flex{
    display: block;
}
.mainvisual_top .mainvisual_top_flex .mv_tll h1{
    width: 130px;
    min-width: inherit;
    height: 70px;
    background-size: 100% auto;
}
.mainvisual_top .mainvisual_top_flex .mv_tll p{
    font-size: 81.2%;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/bg_mv_tll_sp.png);
    background-size: auto 12px;
    background-position: right 9px bottom -2px;
    padding: 4px 0 3px 8px;
}
.mainvisual_top .mainvisual_top_flex ul{
    width: 100%;
    gap: 8px;
    padding-top: 0;
    justify-content: left;
}
.mainvisual_top .mainvisual_top_flex ul a .current_state{
    display: none;
}
.mainvisual_top .mainvisual_top_flex ul li{
   width: calc((100% - 16px) / 3);
}
.mainvisual_top .mainvisual_top_flex .mv_tll{
    padding-bottom: 13px;
    justify-content: center;
    padding-right: 6px;
}
.mainvisual_top .mainvisual_top_flex ul a{
    border-radius: 15px;
    padding: 11px 10px 13px;
    background-image: none;
    font-size: 100%;
    height: 100%;
}
.mainvisual_top .mainvisual_top_flex ul li a .name_ttl{
    display: inline-block;
    margin-top: 0;
    padding-left: 18px;
    background: transparent url(/shared/templates/rn2026_citypromotion_top/images/icon/arrow_mv_top_sp.png) no-repeat 0 6px;
    background-size: auto 10px;
    font-size: 100%;
}
#tmp_splide_mv .splide_mv_item{
    height: auto;
}
.sec_mainvisual_wrap{
    margin-left: 40px;
    padding-left: 0;
}
.sec_mainvisual_wrap .mv_item_img.show_sp{
    height: auto;
    display: block;
}
#tmp_splide_mv .splide__slide img{
    height: auto;
    width: 100%;
    overflow: hidden;
}
.mainvisual_cap{
    font-size: 87.5%;
    padding: 8px 88px 9px 12px;
    top: -10px;
    left: -23px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/koma_bg_sp.png);
    background-size: auto 22px;
    background-position: right 7px top calc(50% - 1px);
    width: 92%;
    max-width: 259px;
}
.mainvisual_cap::after{
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/bg_caption_02_sp.png);
}
.mainvisual_cap::before{
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/bg_caption_01_sp.png);
    width: 24px;
    height: 14px;
    background-size: 100% auto;
    bottom: -14px;
    left: -1px;
}
#tmp_splide_mv .splide_mv_item .txt_ttl{
    min-width: inherit;
    width: 100%;
}
#tmp_splide_mv .splide_mv_item .txt_ttl > span{
    font-size: 87.5%;
    padding: 10px 30px 4px 20px;
    max-height: 66px;
}
#tmp_splide_mv .splide_mv_item a .txt_ttl > span{
    background-image:  url(/shared/templates/rn2026_citypromotion_top/images/icon/arrow_link_rgt_sp.png);
    background-size: 5px auto;
    background-position: 20px 17px;    
    padding-left: 31px;
}
#tmp_splide_mv .splide_mv_item .txt_label > span{
    font-size: 75%;
    padding: 0 19px 2px 20px;
    clip-path: polygon(0 0, 100% 1%, 88% 100%, 0% 100%);
}
#tmp_splide_mv .splide_mv_item .mv_item_txt{
    width: 100%;
    padding-right: 45px;
    bottom: 45px;
    max-width: inherit;
}
#tmp_splide_mv .splide_mv_item .txt_ttl::after{
    right: -34px;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 23px) 104%, 0% 100%);
}
#tmp_splide_mv .splide_mv_item .txt_ttl::before{
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/af_mv_txt_sp.png);
    background-size: 141px auto;
    width: 141px;
    height: 83px;
    left: -19px;
    top: -34px;
}
#tmp_splide_mv .splide_mv_item .txt_label::before{
    clip-path: polygon(0 0, 100% 1%, 88% 100%, 0% 100%);
    width: calc(100% + 4px);
    height: calc(100% - 6px);
}
.sec_mainvisual .scroll p{
    width: 9px;
    height: 41px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/scroll_txt_sp.png);
    background-size: 9px auto;
}
.sec_mainvisual .scroll a{
    height: 145px;
    padding: 0 6px;
}
.sec_mainvisual .scroll{
    top: 86px;
    left: -25px;
}
.sec_mainvisual .scroll::before{
    bottom: -104px;
    left: 5px;
    width: 1px;
    height: 94px;
}
.sec_mainvisual .scroll::after{
    bottom: -35px;
    left: 1px;
}
.sec_mainvisual .mv_main::before{
    height: calc(59% + 3px);
}
.sec_mainvisual_wrap::after{
    width: 366px;
    height: 110px;
    top: 50%;
    left: -325px;
    margin-top: -13px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/af_bg_mv_sp.png) 
}
.sec_mainvisual .city_carousel{
    gap: 0;
}
#tmp_splide_mv .splide__controls{
    background-color: #ffffff;
    left: 20px;
    width: calc(100% - 20px);
    border: 1px solid #02a1f9;
    border-right: 0;
    bottom: 0;
    padding: 13px 0 13px 15px;
    position: relative;
    margin-top: -25px;
    flex-wrap: wrap;
            justify-content: center;
}
#tmp_splide_mv .slide_tmb_main .splide__list {
    background-color: #0079c6;
}
.mainvisual_top::before{
    width: 100%;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/bg_mainvisual_top_01_sp.png),
    url(/shared/templates/rn2026_citypromotion_top/images/icon/bg_mainvisual_top_02_sp.png);
    background-size: 220px auto, 194px auto;
    height: 338px;
    left: 0;
    background-position: -58px -21px, right -54px top 131px;
    top: -47px;
}
.sec_mainvisual .mv_link{
    margin-top: 20px;
}

/* discover
================================================== */
.sec_discover:before,
.sec_discover:after{
    left: auto;
    right: 0;
    margin-left: 0;
    background-size: 100% auto;
    max-width: 100%;
}
.sec_discover:before{
    top: -49px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/discover_pattern_rgt_top_sp.png);
    width: 169px;
    height: 120px;
}
.sec_discover:after{
    bottom: 0;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/discover_pattern_rgt_btm_sp.png);
    width: 195px;
    height: 178px;
}
.sec_discover .container > .btn_simple{
    margin-top: 20px;
}
.sec_discover .discover_wrapper{
    padding: 86px 0 125px;
    max-width: 100%;
}
.sec_discover .discover_wrapper:before{
    content: '';
    position: absolute;
    top: -26px;
    left: 1px;
    background: transparent url(/shared/templates/rn2026_citypromotion_top/images/icon/discover_pattern_lft_top.png) no-repeat;
    background-size: 100% auto;
    width: 63px;
    height: 63px;
    pointer-events: none;
    z-index: -1;
}
.sec_discover .discover_wrapper:after{
    bottom: 37px;
    right: auto;
    left: -10px;
    margin-right: 0;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/discover_pattern_lft_btm_sp.png);
    width: 119px;
    height: 115px;
}
.sec_discover .city_title{
    padding-top: 30px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/discover_ttl_en_sp.png);
    background-size: 281px auto;
    font-size: 162.5%;
}
.sec_discover .city_title .title_txt {
    padding-right: 37px;
    padding-bottom: 14px;
}
.sec_discover .btn_show_more {
    margin-top: 20px;
}

/* instagram
================================================== */
.sec_instagram:after{
    top: 66px;
    left: 30px;
}
.sec_instagram .instagram_wrapper{
    flex-direction: column;
    padding-left: 0;
    padding-bottom: 35px;
}
.sec_instagram .instagram_intro{
    margin-right: 40px;
    margin-bottom: 0;
    padding: 15px 16px 35px 10px;
    width: auto;
}
.sec_recommend .instagram_intro:before{
    content: none;
}
.sec_instagram .intro_wrap{
    column-gap: 14px;
    margin-bottom: 14px;
}
.easy_on .sec_instagram .intro_wrap {
    display: block;
}
.sec_instagram .city_subtitle{
    right: -8px;
    margin-bottom: 4px;
    min-width: 160px;
}
.sec_instagram .intro_logo{
    padding-top: 6px;
    width: 104px;
}
.sec_instagram .instagram_intro .btn_simple{
    right: 3px;
}
.sec_instagram .instagram_intro .btn_simple{
    padding: 14px 23px 12px 22px;
    max-width: 262px;
    font-size: 93.75%;
}
.sec_instagram .instagram_cnt{
    position: relative;
    padding: 20px 0 0 50px;
    z-index: 1;
}
.sec_instagram .instagram_intro + .instagram_cnt{
    width: 100%;
}
.sec_instagram .instagram_cnt:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0079c6;
    bottom: 13px;
    width: 50px;
    color: #ffffff;
    z-index: 2;
    pointer-events: none;
}
.sec_instagram .instagram_carousel{
    margin-left: 0;
}
.sec_instagram .instagram_carousel .city_carousel{
    row-gap: 19px;
}
.sec_instagram .splide__slide{
    width: 114px;
}
.sec_instagram .instagram_slide{
    margin-bottom: 1px;
}
.sec_instagram .instagram_carousel .splide:first-child:not(:last-child) .instagram_slide {
	transform: translateX(-57px);
}
.sec_instagram .splide__controls{
    padding-right: 10px;
    max-width: 100%;
}
.sec_instagram .instagram_intro + .instagram_cnt .splide__controls{
    max-width: 100%;
}
.sec_instagram .splide__slide .item_img:first-child {
	-webkit-transform: translateX(-57px);
	-moz-transform: translateX(-57px);
	transform: translateX(-57px);
}

/* feel
================================================== */
.sec_feel .feel_guide:before,
.sec_feel .feel_guide:after{
    background-size: 100% auto;
    max-width: 100%;
}
.sec_feel .feel_guide:before{
    top: 39px;
    left: auto;
    margin-left: 0;
    right: 0;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/feel_pattern_rgt_top_sp.png);
    width: 130px;
    height: 93px;
}
.sec_feel .feel_guide:after{
    bottom: 56px;
    left: auto;
    margin-left: 0;
    right: 0;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/feel_pattern_rgt_btm_sp.png);
    width: 99px;
    height: 61px;
}
.sec_feel .feel_wrapper{
    padding: 130px 0 125px;
}
.sec_feel .feel_wrapper:before,
.sec_feel .feel_wrapper:after{
    background-size: 100% auto;
}
.sec_feel .feel_wrapper:before{
    top: -27px;
    right: auto;
    left: 37px;
    margin-right: 0;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/feel_pattern_middle_sp.png);
    width: 106px;
    height: 54px;
}
.sec_feel .feel_wrapper:after{
    bottom: -1px;
    right: auto;
    margin-right: 0;
    left: -10px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/feel_pattern_lft_sp.png);
    width: 209px;
    height: 178px;
}
.sec_feel .feel_intro{
    flex-direction: column;
    margin-bottom: 30px;
}
.sec_feel .intro_detail{
    margin-bottom: 41px;
    padding-left: 0;
    width: 100%;
}
.sec_feel .city_title{
    margin-bottom: 27px;
    margin-left: 0;
    padding-top: 30px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/feel_ttl_en_sp.png);
    background-size: 306px auto;
    max-width: 100%;
}
.sec_feel .city_title .title_txt {
    padding-right: 23px;
    padding-bottom: 14px;
}
.sec_feel .intro_title{
    margin: 0 19px 37px;
    padding-top: calc((163 / 340) * 100%);
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/feel_heading_sp.png);
    width: auto;
}
.sec_feel .intro_img{
    margin-top: 0;
    padding-left: 0;
}
.sec_feel .intro_img:before{
    left: 27px;
    top: -17px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/feel_pattern_arrow_sp.png);
    width: 77px;
    height: 67px;
    padding-top: 0;
}
.sec_feel .feel_links{
    flex-direction: column;
    padding: 0 41px 0 18px;
    gap: 10px 0;
}
.sec_feel .feel_links .feel_item{
    width: 100%;
}
.sec_feel .feel_links .feel_item_title{
    max-width: 100%;
}
.sec_feel .feel_links .feel_item:nth-child(3n+3) .feel_item_inner{
    display: block;
}
/* modal */
#tmp_gallery_modal .gallery_modal {
    padding: 29px 19px 34px;
    max-width: 100%;
}
#tmp_gallery_modal .modal_inner {
    margin-bottom: 28px;
}
#tmp_gallery_modal .feel_item_title{
    margin-bottom: 14px;
    font-size: 125%;
}
#tmp_gallery_modal .feel_item_cnt{
    flex-direction: column-reverse;
}
#tmp_gallery_modal .feel_item_des{
    padding-right: 0;
    font-size: 93.75%;
}
#tmp_gallery_modal .feel_item_img{
    margin-bottom: 13px;
    width: 100%;
}
#tmp_gallery_modal .feel_item_text{
    margin-bottom: 14px;
}
#tmp_gallery_modal .feel_item_link{
    padding-right: 2px;
}
#tmp_gallery_modal .feel_item_link a{
    padding-left: 11px;
}

/* recommend
================================================== */
.sec_recommend:after{
    top: 66px;
    left: 30px;
}
.sec_recommend .recommend_wrapper{
    flex-direction: column;
    padding-left: 0;
    padding-bottom: 34px;
}
.sec_recommend .recommend_intro{
    margin-right: 40px;
    margin-bottom: 0;
    padding: 18px 16px 34px 29px;
    width: auto;
}
.sec_recommend .recommend_intro:before{
    content: none;
}
.sec_recommend .city_subtitle{
    margin-bottom: 4px;
}
.sec_recommend .intro_text{
    margin-bottom: 14px;
}
.sec_recommend .recommend_intro .btn_simple {
    right: 13px;
    padding-bottom: 14px;
    font-size: 93.75%;
    max-width: 260px;
}
.sec_recommend .recommend_cnt{
    position: relative;
    padding: 20px 0 0 60px;
    z-index: 1;
}
.sec_recommend .recommend_intro + .recommend_cnt{
    width: 100%;
}
.sec_recommend .recommend_cnt:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0079c6;
    bottom: 15px;
    width: 50px;
    color: #ffffff;
    pointer-events: none;
}
.recommend_carousel .splide__slide{
    width: 204px;
}
.recommend_carousel .thumbnail_des{
    padding: 3px 8px 5px;
}
.recommend_carousel .splide__controls{
    padding-right: 10px;
    max-width: 100%;
}
.sec_recommend .recommend_intro + .recommend_cnt .splide__controls{
    max-width: 100%;
}

/* learn
================================================== */
.sec_learn{
    margin-bottom: 0;
    padding-bottom: 0;
}
.sec_learn .learn_wrapper{
    padding-top: 128px;
    max-width: 100%;
}
.sec_learn .learn_wrapper:before{
    bottom: 1px;
    right: auto;
    margin-right: 0;
    left: -10px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/learn_pattern_lft_sp.png);
    width: 150px;
    height: 146px;
}
.sec_learn .learn_wrapper:after{
    top: -58px;
    left: auto;
    margin-left: 0;
    right: -10px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/learn_pattern_rgt_sp.png);
    width: 205px;
    height: 146px;
}
.sec_learn .city_title{
    margin-bottom: 27px;
    padding-top: 67px;
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/learn_ttl_en_sp.png);
    background-size: 222px auto;
}
.sec_learn .city_title .title_txt {
    padding-right: 34px;
    padding-bottom: 16px;
}
.sec_learn .learn_cnt{
    padding-bottom: 34px;
}
.sec_learn .learn_cnt:before{
    top: 55px;
    left: -20px;
    width: calc(100% + 40px);
}
.sec_learn .list_thumbnail:after{
    content: '';
    position: absolute;
    right: -10px;
    bottom: calc(100% - 2px);
    background: transparent url(/shared/templates/rn2026_citypromotion_top/images/icon/learn_pattern_btm_sp.png) no-repeat;
    background-size: 100% auto;
    width: 146px;
    height: 179px;
}
.sec_learn .thumbnail_item .thumbnail_des {
    padding: 4px 9px 9px;
}
.sec_learn .thumbnail_item .thumbnail_title {
    padding-left: 14px;
    background-position: 2px 13px;
}

/* setting hover
================================================== */
.btn_simple:after,
.btn_show_more:after,
#tmp_gallery_modal .modal_btn_close:after,
.thumbnail_item > a:after,
.btn_simple a:after,
.btn_show_more a:after,
#tmp_gallery_modal .modal_btn_close a:after,
.thumbnail_item .thumbnail_title:after,
#tmp_splide_mv .splide_mv_item .txt_ttl > span:after,
#tmp_gallery_modal .feel_item_link a:after,
.city_carousel .splide__toggle:after{
    content: none;
}
.btn_simple:hover,
.btn_show_more:hover,
#tmp_gallery_modal .modal_btn_close:hover,
.thumbnail_item > a:hover{
    background-color: #ffffff;
}
.city_carousel .splide__toggle:hover:before{
    background-color: #222222;
}
.city_carousel .splide__toggle:hover .splide__toggle__pause:before,
.city_carousel .splide__toggle:hover .splide__toggle__play:before{
    border-left-color: #ffffff;
}
.city_carousel .splide__toggle:hover .splide__toggle__pause:before{
    border-left-color: #ffffff;
    border-right-color: #ffffff;
}
.mainvisual_top .mainvisual_top_flex ul a:hover{
    background-color: #0079c6;
    background-image: none;
    color: #ffffff;
    text-decoration: none;
}
.sec_instagram .instagram_slide a:hover img{
    opacity: 1;
}

/* accessibility
================================================== */
.color_black.fsize_big2 .mainvisual_top .mainvisual_top_flex .mv_tll,
.color_blue.fsize_big2 .mainvisual_top .mainvisual_top_flex .mv_tll,
.color_yellow.fsize_big2 .mainvisual_top .mainvisual_top_flex .mv_tll{
    display: block;
}
.color_blue.fsize_big2 .mainvisual_top .mainvisual_top_flex .mv_tll h1, 
.color_black.fsize_big2 .mainvisual_top .mainvisual_top_flex .mv_tll h1, 
.color_yellow.fsize_big2 .mainvisual_top .mainvisual_top_flex .mv_tll h1{
    width: auto;
}
.color_blue .mainvisual_top .mainvisual_top_flex .mv_tll h1, 
.color_black .mainvisual_top .mainvisual_top_flex .mv_tll h1, 
.color_yellow .mainvisual_top .mainvisual_top_flex .mv_tll h1{
    width: 190px;
}
/* color */
.color_black #tmp_wrapper .sec_instagram .instagram_cnt:before,
.color_blue #tmp_wrapper .sec_instagram .instagram_cnt:before,
.color_yellow #tmp_wrapper .sec_instagram .instagram_cnt:before,
.color_black #tmp_wrapper .sec_learn .list_thumbnail:after,
.color_blue #tmp_wrapper .sec_learn .list_thumbnail:after,
.color_yellow #tmp_wrapper .sec_learn .list_thumbnail:after,
.color_black #tmp_wrapper .sec_recommend .recommend_cnt:before,
.color_black #tmp_wrapper .recommend_carousel:before,
.color_blue #tmp_wrapper .sec_recommend .recommend_cnt:before,
.color_blue #tmp_wrapper .recommend_carousel:before,
.color_yellow #tmp_wrapper .sec_recommend .recommend_cnt:before,
.color_yellow #tmp_wrapper .recommend_carousel:before{
    content: none;
}
.color_black #tmp_wrapper .city_carousel .splide__arrow--prev:before,
.color_blue #tmp_wrapper .city_carousel .splide__arrow--prev:before{
	background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/slide_arrow_prev_wh_sp.png) !important;
}
.color_yellow #tmp_wrapper .city_carousel .splide__arrow--prev:before {
	background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/slide_arrow_prev_bl_sp.png) !important;
}
.color_black #tmp_wrapper .city_carousel .splide__arrow--next:before,
.color_blue #tmp_wrapper .city_carousel .splide__arrow--next:before{
	background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/slide_arrow_next_wh_sp.png) !important;
}
.color_yellow #tmp_wrapper .city_carousel .splide__arrow--next:before {
	background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/slide_arrow_next_bl_sp.png) !important;
}
.color_yellow #tmp_wrapper .mainvisual_top .mainvisual_top_flex ul a,
.color_blue #tmp_wrapper .mainvisual_top .mainvisual_top_flex ul a,
.color_black #tmp_wrapper .mainvisual_top .mainvisual_top_flex ul a{
    background-image: none !important;
}
.color_yellow #tmp_wrapper .mainvisual_top .mainvisual_top_flex ul li a .name_ttl{
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/arrow_mv_top_black.png) !important
}
.color_blue #tmp_wrapper .mainvisual_top .mainvisual_top_flex ul li a .name_ttl,
.color_black #tmp_wrapper .mainvisual_top .mainvisual_top_flex ul li a .name_ttl{
    background-image: url(/shared/templates/rn2026_citypromotion_top/images/icon/arrow_mv_top_yellow.png) !important
}
/* fsize */
.fsize_big2 .mainvisual_cap::after{
    background-position: right top;
}
.fsize_big2 .mainvisual_cap{
    padding: 0 87px 0 12px;
    width: 95%;
    max-width: 335px;
}
.fsize_big2 #tmp_splide_mv .splide__controls{
    flex-wrap: wrap;
    left: 20px;
}
.fsize_big2 .sec_mainvisual_wrap::after{
    margin-top: -75px;
}
/* javascript & no-splide */
.no_javascript #tmp_splide_mv .splide .splide__list{
    max-height: 516px;
    overflow-x: hidden;
}
.no_javascript #tmp_wrapper .recommend_carousel{
    padding-right: 10px;
}
.no_javascript #tmp_wrapper .recommend_wrapper,
.sec_recommend .recommend_wrapper:has(.recommend_carousel .no-splide){
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.no_javascript #tmp_wrapper .recommend_carousel .splide__list,
.recommend_carousel .no-splide .splide__list{
    flex-direction: column;
}
.no_javascript #tmp_wrapper .recommend_carousel .splide__slide,
.recommend_carousel .no-splide .splide__slide{
    width: 100%;
}
.no_javascript .sec_instagram .instagram_cnt,
.sec_instagram .instagram_wrapper:has(.instagram_carousel .no-splide) .instagram_cnt{
    padding-left: 60px;
}
.no_javascript .instagram_carousel .splide__list,
.instagram_carousel .no-splide .splide__list{
    column-gap: 1px;
}
}