@charset "utf-8";
@media screen and (min-width : 800px) and (max-width : 999px) {
    #tmp_mainvs .charm_banner h1{
        width: 250px;
        height: 259px;
        max-height: 259px;
    }
}
@media screen and (min-width : 641px) and (max-width : 1140px) {
    .custom_miryoku #tmp_contents .what_like_wrap .miryoku_heading > h2,
    .fsize_big2.custom_miryoku #tmp_what_like .miryoku_heading > h2{
        min-width: 415px;
        max-width: 415px;
    }
    #tmp_what_like .pattern_img.happy img{
        max-width: 300px;
    }
    #tmp_what_like .pattern_img.walking img{
        max-width: 195px;
    }
    #tmp_what_like .pattern_img.place{
        left: 0;
    }
    #tmp_what_like .pattern_img.place img{
        max-width: 240px;
    }
    #tmp_what_like .pattern_img.place span:before{
        top: -70px;
        width: 100px;
        height: 98px;
    }
    #tmp_what_like .event_cal_link{
        padding-right: 162px;
    }
    .custom_miryoku #tmp_manga_city .miryoku_heading > h2{
        min-width: 500px;
        max-width: 500px;
    }
}
@media screen and (min-width : 641px) and (max-width : 960px) {
    #tmp_what_like .pattern_img.happy{
        right: auto;
        left: 50%;
        margin-left: 245px;
    }
    .custom_miryoku #tmp_manga_city .miryoku_heading > h2{
        min-width: 340px;
        max-width: 340px;
    }
    #tmp_mainvs_splide.splide_common .splide__arrows{
        margin-right: 10px;
    }
}
@media screen and (min-width : 641px) and (max-width : 799px) {
    #tmp_mainvs .charm_banner h1{
        width: 200px;
        height: 208px;
        max-height: 208px;
    }
}
@media screen and (max-width : 640px) {
/* ==================================================
Common
================================================== */
.show_sp{
    display: block;
}
.show_pc{
    display: none;
}
.custom_miryoku #tmp_footer {
    margin-top: -50px;
}
.what_section .container,
#tmp_what_like .container,
#tmp_manga_city .container{
    padding: 0 10px;
}
.splide_common .splide__arrow,
#tmp_mainvs_splide.splide_common .splide__arrow{
    width: 57px;
    height: 40px;
}
.splide_common .splide__toggle,
.splide_common .splide__toggle:before,
#tmp_mainvs_splide.splide_common .splide__toggle,
#tmp_mainvs_splide.splide_common .splide__toggle:before{
    width: 40px;
    height: 40px;
}
.splide_common .splide__arrow--prev,
#tmp_mainvs_splide.splide_common .splide__arrow--prev,
.splide_common .splide__arrow--prev:hover{
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/prev_icon_sp.png);
}
.splide_common .splide__arrow--next,
#tmp_mainvs_splide.splide_common .splide__arrow--next,
.splide_common .splide__arrow--next:hover{
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/next_icon_sp.png);
}
.splide_common .splide__toggle__pause:before{
    left: 13px;
    top: 13px;
    width: 14px;
    height: 16px;
    border-left: 5px solid #636363;
    border-right: 5px solid #636363;
}
#tmp_mainvs .splide_common .splide__toggle__pause:before {
    left: 13px;
    top: 13px;
}
.splide_common .splide__toggle__play:before{
    left: 16px;
    top: 13px;
    width: 14px;
    height: 15px;
    border-width: 8px 0 8px 10px;
}
.splide_common .splide__toggle:hover .splide__toggle__pause::before,
.splide_common .splide__toggle:hover .splide__toggle__play::before{
    border-left-color: #636363;
}
.splide_common .splide__toggle:hover .splide__toggle__pause::before{
    border-right-color: #636363;
}
.splide_common .splide__toggle:hover::before{
    background-color: #ffffff;
    border-color: #636363;
}
#tmp_mainvs .splide_common .splide__toggle__play:before{
    top: 13px;
}
#tmp_mainvs .splide_common .splide__arrows{
    margin-right: 20px;
}
#tmp_mainvs_splide.splide_common .splide__toggle{
    margin-left: 6px;
}
/* miryoku heading */
.custom_miryoku #tmp_city .miryoku_heading:before,
.custom_miryoku #tmp_city .miryoku_heading:after,
.custom_miryoku #tmp_other .miryoku_heading:before,
.custom_miryoku #tmp_other .miryoku_heading:after,
.custom_miryoku #tmp_insta .miryoku_heading:before,
.custom_miryoku #tmp_insta .miryoku_heading:after{
    margin-top: 0;
}
.custom_miryoku #tmp_what_like .miryoku_heading:before{
    left: 10px;
}
.custom_miryoku #tmp_what_like .miryoku_heading:after{
    right: 10px;
}
/* what_section common */
.what_section .what_inner{
    padding: 72px 35px 49px;
}
.what_section .splide_common {
    padding-top: 30px;
}
.splide_common .splide__progress,
#tmp_other .splide_common .splide__progress{
    top: -1px;
}
.splide_common .splide__progress p{
    font-size: 75%;
}
.splide_common .splide__progress .progress_current{
    font-size: 125%;
}
.splide_common .splide__progress .progress_total{
    padding-left: 11px;
}
.splide_common .splide__progress .progress_total:before{
    height: 80%;
    left: 5px;
    top: 0;
}
.what_section .splide__track{
    padding: 0 !important;
    margin: 0;
}
.what_section .splide_common .splide__controls {
    margin-top: 17px;
    padding-left: 10px;
}
.what_section_wrap{
    padding-bottom: 253px;
}
.what_section_wrap:after {
    bottom: -30px;
    height: 460px;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/main/banner_bg_sp.jpg);
}
/* ==================================================
Mainvs
================================================== */
#tmp_mainvs{
    margin-bottom: 78px;
}
#tmp_mainvs .charm_banner,
#tmp_mainvs .mainvs_logo{
    max-width: 100%;
}
#tmp_mainvs .charm_banner{
    left: 13px;
    right: auto;
    top: 50%;
    margin-top: -117px;
    padding-left: 0;
}
#tmp_mainvs .mainvs_logo{
    left: auto;
    right: 5px;
    top: 9px;
    padding-right: 0;
}
#tmp_mainvs .charm_banner h1{
    width: 137px;
    height: 147px;
    max-height: 147px;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/main/charm_mainvs_sp.png);
}
#tmp_mainvs .mainvs_logo img{
    max-width: 100px;
}
#tmp_mainvs .scroll_bar{
    bottom: 4px;
    padding: 0 7px;
}
#tmp_mainvs_splide{
    padding-left: 30px;
}
#tmp_mainvs_splide:after{
    content: '';
    position: absolute;
    z-index: -1;
    top: 31px;
    left: 0;
    right: 0;
    bottom: 86px;
    max-width: 100%;
    color: inherit;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/main/mainvs_bg_sp.jpg);
    background-size: cover;
}
#tmp_mainvs .mainvs_splide_wrap:after{
    display: none;
}
#tmp_mainvs_splide .splide__controls_wrap{
    position: static;
    z-index: 1;
    margin-top: 28px;
}
#tmp_mainvs_splide .splide__controls{
    justify-content: center;
    padding-left: 0;
    padding-right: 12px;
}
#tmp_mainvs_splide .splide__controls_wrap.no_splide .splide__controls{
    justify-content: flex-start;
}
#tmp_mainvs_splide .splide__controls_wrap.no_splide .container{
    padding: 0;
}
#tmp_mainvs_splide.splide_common .splide__toggle:before{
    background: #ffffff;
    border: 1px solid #636363;
}
#tmp_mainvs_splide .splide__slide{
    padding-bottom: 56px;
}
#tmp_mainvs_splide .splide__slide .img{
    padding-left: 10px;
}
#tmp_mainvs_splide .splide__slide .txt{
    bottom: 0;
    left: 0;
    padding-right: 0;
    max-height: 70px;
    overflow-y: auto;
}
#tmp_mainvs_splide .splide__slide .txt > span{
    font-size: 87.5%;
    padding: 4px 9px 7px 11px;
}
#tmp_mainvs .scroll_bar a{
    width: 16px;
    height: 114px;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/scroll_txt_sp.png);
}
#tmp_mainvs .scroll_bar a:before{
    top: 51px;
    left: 1px;
    width: 14px;
    height: 13px;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/scroll_point_sp.png);
    animation: scroll 2s linear infinite;
}
#tmp_mainvs .scroll_bar a:after{
    height: 63px;
    left: 7px;
}
@keyframes scroll {
	0% {
		opacity: 0;
		transform: translateY(5px);
	}
	10% {
		opacity: 1;
		transform: translateY(10px);
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
        transform: translateY(50px);
	}
}
#tmp_mainvs_splide .splide__slide img{
    max-height: 100%;
    min-height: 100%;
}
/* ==================================================
pick up
================================================== */
#tmp_pickup {
    margin-bottom: 125px;
}
#tmp_pickup:after{
    left: 0;
    top: 182px;
    bottom: 19px;
}
.custom_miryoku #tmp_pickup .miryoku_heading:before{
    right: auto;
    left: 5px;
    width: 20px;
}
.custom_miryoku #tmp_pickup .miryoku_heading:after{
    left: auto;
    right: 5px;
    width: 20px;
}
#tmp_pickup .what_inner{
    padding-top: 48px;
    padding-bottom: 0;
}
#tmp_new_splide{
    max-width: 540px !important;
    margin: 0 auto;
}
#tmp_new_splide .splide__slide .what_item img,
#tmp_new_splide .splide__slide.is-active:not(.splide__slide--clone) .what_item img{
	height: 190px;
}
#tmp_new_splide .splide__slide,
#tmp_new_splide .splide__slide.is-active:not(.splide__slide--clone){
    width: 100% !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
}
#tmp_new_splide .splide__slide > p{
    transition: none;
}
#tmp_new_splide.splide_common .splide__controls{
    padding-left: 15px;
}
#tmp_new_splide.splide_common .splide__arrows{
    margin-right: 18px;
}
.what_section #tmp_new_splide .splide__slide .what_item .what_txt{
    min-height: auto !important;
}
/* ==================================================
what like
================================================== */
#tmp_what_like .container{
    padding: 0;
}
.custom_miryoku #tmp_what_like .miryoku_heading > h2 {
    max-width: 90%;
}
#tmp_what_like .pattern_img span.show_pc,
#tmp_what_like .pattern_img.show_pc{
    display: none;
}
#tmp_what_like .what_like_wrap{
    padding-top: 0;
}
.custom_miryoku #tmp_what_like .miryoku_heading{
    margin-bottom: 50px;
}
.custom_miryoku #tmp_what_like .miryoku_heading:before,
.custom_miryoku #tmp_what_like .miryoku_heading:after{
    margin-top: 0;
}
#tmp_what_like .what_like_cnt{
    z-index: 10;
}
#tmp_what_like .what_like_cnt:after{
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 249px;
    height: 492px;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/main/activity_bg_sp.jpg);
    background-size: 100% auto;
    transform: none;
}
#tmp_what_like .activity_block{
    padding: 53px 0 0;
    display: block;
    min-height: 754px;
}
#tmp_what_like .pattern_img span.show_sp{
    display: block;
}
#tmp_what_like .pattern_img.happy{
    z-index: 1;
    right: 0;
    top: 28px;
}
#tmp_what_like .pattern_img.happy img{
    max-width: 144px;
}
#tmp_what_like .pattern_img.place{
    z-index: 1;
    left: 0;
    bottom: 23.8%;
}
#tmp_what_like .pattern_img.place span:before {
    width: 92px;
    height: 90px;
    top: -68px;
    right: -28px;
}
#tmp_what_like .pattern_img.place img{
    width: 151px;
}
#tmp_what_like .family_pattern {
    bottom: 21.8%;
    right: 15.5%;
    left: auto;
    margin-left: 0;
}
#tmp_what_like .family_pattern img{
    max-width: 106px;
    height: auto;
}
#tmp_what_like .activity_map{
    display: block;
}
#tmp_what_like .event_cal_link{
    bottom: 0;
    right: 9px;
    height: 152px;
    background-size: 113px auto;
    padding: 2px 107px 0 0;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/main/girl_pattern_sp.png);
    background-position: right top;
}
#tmp_what_like .event_cal_link > a{
    width: 130px;
    height: 118px;
    font-size: 81.2%;
    line-height: 1.4;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/event_circle_sp.png);
    background-size: 100% auto;
    padding: 11px 23px 10px 10px;
}
#tmp_what_like .event_cal_link > a:after{
    right: 22px;
    bottom: -7px;
    width: 30px;
    height: 30px;
    background: url(/shared/templates/miryoku_top_rn2025/images/icon/arrow_circle_icon_sp.png);
    background-size: 100% auto;
}
/* ==================================================
what like
================================================== */
.custom_miryoku #tmp_miryoku_transit{
    margin-bottom: 0;
}
.custom_miryoku #tmp_miryoku_transit .miryoku_transit_row ul li{
    padding-right: 0;
}
.custom_miryoku #tmp_miryoku_transit .miryoku_transit_row ul li a .box_ttl{
    padding-top: 16px;
    padding-bottom: 29px;
}
.custom_miryoku #tmp_miryoku_transit .miryoku_transit_row ul li a .box_des{
    padding-top: 18px;
    padding-bottom: 39px;
}
/* ==================================================
manga city
================================================== */
#tmp_manga_city{
    margin: 108px 0 95px;
}
.custom_miryoku #tmp_manga_city .miryoku_heading:before,
.custom_miryoku #tmp_manga_city .miryoku_heading:after {
    height: 20px;
    margin-top: -1px;
}
.custom_miryoku #tmp_manga_city .miryoku_heading > h2{
    min-width: 250px;
    max-width: 250px;
    padding-left: 32px;
    padding-right: 32px;
}
#tmp_manga_city .manga_cnt_wrap{
    padding-top: 0;
}
#tmp_manga_city .manga_cnt:after{
    top: -57px;
    left: -10px;
    width: 102px;
    height: 158px;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/main/boy_pattern_sp.png);
}
.custom_miryoku #tmp_manga_city .miryoku_heading{
    margin-bottom: 67px;
}
#tmp_manga_city .manga_cnt{
    padding-bottom: 82px;
}
#tmp_manga_city .manga_txt_wrap{
    right: -5px;
    bottom: 15px;
    width: 199px;
    height: 109px;
    font-size: 93.7%;
    background: url(/shared/templates/miryoku_top_rn2025/images/icon/view_lp_bg_sp.png);
    background-size: 100% auto;
}
#tmp_manga_city .manga_txt_wrap .manga_txt{
    padding: 24px 40px 15px 20px;
}
#tmp_manga_city .manga_txt_wrap .manga_txt:after{
    bottom: -13px;
    right: 18px;
    width: 41px;
    height: 41px;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/arrow_circle_icon_big_sp.png);
}
#tmp_manga_city .manga_txt_wrap .manga_txt > span{
    max-height: 60px;
}
/* ==================================================
the city
================================================== */
#tmp_city.what_section{
    margin-bottom: 99px;
}
#tmp_city.what_section .city_list{
    display: block;
}
#tmp_city.what_section .city_list > li{
    width: 100%;
    margin-bottom: 45px;
}
#tmp_city.what_section .city_list > li:last-child{
    margin-bottom: 0;
}
#tmp_city.what_section .what_inner{
    padding: 43px 0 0;
}
#tmp_city.what_section .city_list > li span.what_ttl{
    font-size: 143.7%;
    margin-bottom: 19px;
    padding-bottom: 17px;
}
#tmp_city.what_section .city_list > li span.what_ttl:after{
    width: 68px;
    height: 10px;
    background-size: 100% auto;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/ttl_city_pattern_sp.png);
}
/* ==================================================
the insta
================================================== */
#tmp_insta .what_inner{
    padding: 27px 20px 13px 19px;
}
#tmp_insta .what_inner ul.insta_list{
    display: block;
}
#tmp_insta .what_inner ul.insta_list > li.insta_item{
    display: block;
    width: 100%;
    padding: 0 0 43px;
    margin-bottom: 16px;
}
#tmp_insta .what_inner ul.insta_list > li.insta_item:last-child{
    margin-bottom: 0;
}
#tmp_insta .what_inner ul.insta_list > li.insta_item:after{
    top: auto;
    left: 0;
    height: 1px;
    width: auto;
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/dashed_horizon_pattern.png);
    background-size: 10px auto;
    background-repeat: repeat-x;
}
#tmp_insta .what_inner ul.insta_list > li.insta_item:nth-child(2n):after{
    display: block;
}
#tmp_insta .what_inner ul.insta_list > li.insta_item:last-child:after{
    display: none;
}
#tmp_insta.what_section li.insta_item > .ttl{
    margin: 0 0 12px;
    text-align: center;
    font-size: 112.5%;
    padding-right: 0;
    width: 100%;
}
#tmp_insta.what_section li.insta_item > .link a{
    min-width: 100%;
    background-image: url(/shared/site_rn2025/images/miryoku/arrow_corner_icon_sp.png);
    background-size: 29px auto;
    padding: 13px 25px 13px;
}
/* Reset Hover */
#tmp_what_like .event_cal_link > a:hover,
#tmp_manga_city .manga_txt_wrap .manga_txt:hover,
#tmp_insta.what_section li.insta_item > .link a:hover {
    text-decoration: none;
}
#tmp_mainvs .mainvs_logo a:hover img{
    opacity: 1;
}
/* ==================================================
Accessibility no-js
================================================== */
.no_javascript #tmp_mainvs_splide.splide .splide__list{
    max-height: 360px;
}
.no_javascript #tmp_mainvs .mainvs_logo{
    right: 10px;
}
.no_javascript #tmp_mainvs_splide:after{
    bottom: 32px;
}
#tmp_pickup.what_section .splide_common.no-splide{
    padding-bottom: 10px;
}
.no_javascript #tmp_mainvs .charm_banner{
    top: 100px;
}
/* ==================================================
Accessibility fsize
================================================== */
.fsize_big2 .splide_common .splide__progress {
    top: -15px !important;
}
.fsize_big2 #tmp_insta.what_section li.insta_item > .ttl{
    width: 100%;
}
.fsize_big2 #tmp_manga_city .manga_txt_wrap {
    font-size: 0.93rem;
}
.fsize_big #tmp_what_like .event_cal_link > a,
.fsize_big2 #tmp_what_like .event_cal_link > a{
    font-size: 0.81rem;
}
/* ==================================================
Accessibility color
================================================== */
.color_blue #tmp_mainvs .charm_banner h1,
.color_black #tmp_mainvs .charm_banner h1,
.color_yellow #tmp_mainvs .charm_banner h1{
    width: 100%;
    max-width: 70%;
}
.color_blue #tmp_mainvs_splide:after,
.color_black #tmp_mainvs_splide:after,
.color_yellow #tmp_mainvs_splide:after{
    display: none;
}
.color_blue #tmp_mainvs .scroll_bar a:before,
.color_black #tmp_mainvs .scroll_bar a:before{
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/scroll_point_sp_yl.png) !important;
}
.color_yellow #tmp_mainvs .scroll_bar a:before{
    background-image: url(/shared/templates/miryoku_top_rn2025/images/icon/scroll_point_sp_bl.png) !important;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
    content: ""; /* 変更しない */
    display: table; /* 変更しない */
    clear: both; /* 変更しない */
}
}