@charset "utf-8";
@media screen and (min-width: 641px) and (max-width: 1530px) {
	#tmp_mainvs_main .box_thumbnail_txt{
		margin-top: 45px;
	}
	#tmp_mainvs.splide_common .splide__progress{
		top: 51px;
	}
}
@media screen and (min-width: 641px) and (max-width: 1450px) {
	#tmp_mainvs_thumbnail{
		margin-top: -190px;
		width: calc(50% - 46px);
	}
	#tmp_mainvs_thumbnail .splide__track{
		margin-left: -219px;
	}
}
@media screen and (min-width: 641px) and (max-width: 1240px){
	#tmp_mainvs_main .box_thumbnail_txt::before{
		top: 25px;
	}
	#tmp_mainvs_main .box_thumbnail_txt{
		font-size: 100%;
	}
	#tmp_mainvs_thumbnail{
		margin-top: -140px;
		width: calc(50% - 46px);
	}
	#tmp_mainvs_thumbnail .splide__track{
		margin-left: -169px;
	}
	#tmp_mainvs_thumbnail .box_thumbnail_txt{
		padding-right: 10px;
	}
	#tmp_city_admin_infor ul{
		padding: 20px 40px;
		margin: 0 -20px;
	}
	#tmp_city_admin_infor ul::before{
		left: 14px;
		top: 193px;
		width: 66px;
	}
	#tmp_city_admin_infor ul li{
		padding: 0 30px;
	}
}
@media screen and (min-width: 641px) and (max-width: 1090px){
	#tmp_mainvs_main .box_thumbnail_txt{
		max-height: 130px;
	}
	#tmp_public_relations ul li a .public_relations_img::before{
		width: 60px;
		height: 60px;
	}
	#tmp_public_relations ul li:nth-child(4) a .public_relations_img,
	#tmp_public_relations ul li:nth-child(3) a .public_relations_img,
	#tmp_public_relations ul li a .public_relations_img{
		width: 70px;
		margin: 5px 10px 5px 10px;
	}
	#tmp_public_relations ul li a{
		padding: 10px 10px 0;
	}
	#tmp_notice .notice_btn ul{
		padding-right: 20px;
	}
	#tmp_city_admin_infor::before{
		top: -158px;
		background-size: 2200px auto;
	}
}
@media screen and (min-width: 641px) and (max-width: 999px){
	#tmp_city_admin_infor::before{
		top: -170px;
		margin-left: 360px;
		background-size: 1800px auto;
	}
	#tmp_mainvs_main .box_thumbnail_img{
		width: 450px;
	}
	#tmp_mainvs.splide_common .splide__controls_inner{
		left: 450px;
	}
	#tmp_mainvs_thumbnail{
		width: calc(100% - 480px);
	}
	#tmp_mainvs_main .box_thumbnail_txt{
		flex-shrink: 9999;
		padding-left: 41px;
		max-height: 90px;
	}
	#tmp_mainvs.splide_common .splide__controls_inner{
		margin-left: 41px;
	}
	#tmp_mainvs.splide_common .splide__progress{
		left: 450px;
		margin-left: 21px;
	}
	#tmp_mainvs_main .box_thumbnail_txt::before{
		width: 35px;
	}
}
@media screen and (max-width : 640px) {
	#tmp_mainvs{
		padding-bottom: 66px;
	}
	#tmp_mainvs .splide__slide > p{
		opacity: 1!important;
	}
	#tmp_mainvs.splide_common .splide__controls_inner .splide__arrows{
		margin-right: 16px;
	}
	#tmp_mainvs.splide_common .splide__toggle{
		margin-left: 9px;
		min-width: 77px;
	}
	#tmp_mainvs_main .box_thumbnail{
		display: block;
		width: 100%;
	}
	#tmp_mainvs_main .box_thumbnail_img{
		width: 100%;
	}
	#tmp_mainvs_main .box_thumbnail_txt{
		max-width: 100%;
		width: 100%;
	}
	#tmp_mainvs_main.no_splide{
		width: 100%;
	}
	#tmp_mainvs_main.no_splide .box_thumbnail_txt,
	.no_javascript #tmp_mainvs_main .box_thumbnail_txt{
		margin-top: 0;
		max-height: 100%;
	}
	#tmp_mainvs_main .splide__track{
		display: none;
	}
	#tmp_mainvs_thumbnail{
		width: 100%;
		margin-top: 0;
	}
	#tmp_mainvs_thumbnail .splide__track{
		margin-left: 0;
		padding-top: 0;
	}
	#tmp_mainvs_thumbnail .box_thumbnail_img{
		width: 100%;
		padding-top: 100%;
		position: relative;
		overflow: hidden;
	}
	#tmp_mainvs_thumbnail .box_thumbnail_img img{
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
		top: 0;
		left: 0;
	}
	#tmp_mainvs .box_thumbnail_txt{
		font-size: 118.75%;
		padding: 36px 26px 17px 19px;
	}
	#tmp_mainvs.splide_common .splide__controls_inner{
		left: auto;
		margin-left: 0;
		width: 100%;
		justify-content: center;
		top: auto;
		bottom: 30px;
		right: 0;
	}
	#tmp_mainvs.splide_common .box_thumbnail_txt::before{
		width: 15px;
		border-bottom-width: 2px;
		top: 52px;
	}
	#tmp_mainvs.splide_common .splide__progress{
		left: 0;
		margin-top: 18px;
		margin-left: 0;
	}
	/* ==================================================
	notices
	================================================== */
	#tmp_notice_wrapper{
		padding: 36px 0;
	}
	#tmp_notice_wrapper::before{
		background-size: auto 100%;
		background-position: right top;
		top: -78px;
		margin-left: 0;
		max-width: 322px;
		width: 100%;
		height: 102px;
		left: 0;
		transform: none;
		background-image: url(/shared/templates/top_rn2025/images/notice_bf_sp.jpg);
	}
	#tmp_notice .sec_ttl{
		margin-bottom: 22px;
		background-image: url(/shared/templates/top_rn2025/images/notice_ttl_sp.png);
		background-size: 70px auto;
	}
	#tmp_public_relations{
		padding: 61px 0 79px;
	}
	#tmp_notice .notice_content {
		display: block;
	}
	#tmp_notice .notice_content .notice_list li:first-child{
		width: 100%;
		float: none;
		padding: 0 0  22px;
		background: #ffffff url(/shared/templates/top_rn2025/images/icon/line_dot_sp.png) repeat-x left bottom;
        background-size: auto 2px;
	}
	#tmp_notice .notice_content .notice_list li:first-child .notice_img,
	.easy_on #tmp_notice .notice_content .notice_list li .notice_img{
		margin: 0 0 19px;
	}
	#tmp_notice .notice_content li:first-child .notice_date {
		margin-bottom: 11px;
	}
	/* .easy_on #tmp_notice .notice_content li a {
		display: block;
	} */
	#tmp_notice .notice_content .notice_list li{
		width: 100%;
		float: none;
	}
	#tmp_notice .notice_btn{
		float: none;
		width: 100%;
	}
	#tmp_notice .notice_content .notice_list{
		padding-left: 0;
	}
	#tmp_notice .notice_btn ul{
		padding: 10px 0 0 5px;
		margin-top: 0;
		justify-content: center;
		font-size: 87.5%;
	}
	#tmp_notice .notice_content .notice_date{
		font-size: 75%;
		margin-bottom: 13px;
	}
	#tmp_notice_lft .notice_img {
		margin-bottom: 18px;
	}
	#tmp_notice .notice_content .notice_label{
		padding: 6px 10px 4px 15px;
		min-height: 24px;
		margin-right: 10px;
		background: url(/shared/templates/top_rn2025/images/icon/icon_notice.png) no-repeat left 9px;
		background-size: 12px auto;
	}
	#tmp_notice .notice_content .notice_title{
		line-height: 1.5;
	}
	#tmp_notice_lft{
		padding-bottom: 22px;
	}
	#tmp_notice .notice_content .notice_list li{
		padding: 30px 0 28px;
		margin-bottom: 0;
		background: #ffffff url(/shared/templates/top_rn2025/images/icon/line_dot_sp.png) repeat-x left bottom;
		background-size: auto 2px;
	}
	#tmp_notice .notice_list .notice_img{
		width: 120px;
	}
	.easy_on #tmp_notice .notice_list li .notice_img{
		width: 100%;
		float: none;
	}
	#tmp_public_relations .sec_ttl{
		background-image: url(/shared/templates/top_rn2025/images/public_relations_ttl_sp.png);
		background-size: 242px auto;
	}
	#tmp_public_relations ul{
		margin: 0 -10px;
		padding-top: 0;
	}
	#tmp_public_relations ul li{
		width: 50%;
		padding: 0 10px;
	}
	#tmp_public_relations ul li:nth-child(2n){
		padding: 0 0 0 10px;
	}
	#tmp_public_relations ul li a .public_relations_img{
		width: 74px;
		margin: 6px 0 5px 5px;
	}
	#tmp_public_relations ul li a .public_relations_img img{
		width: 65px;
		height: auto;
	}
	#tmp_public_relations ul li a .public_relations_img::after,
	#tmp_public_relations ul li a .public_relations_img::before{
		width: 56px;
		height: 56px;
	}
	#tmp_public_relations ul li a .public_relations_txt{
		font-size: 100%;
		line-height: 1.3;
	}
	#tmp_public_relations ul li a{
		padding: 31px 0 24px 0;
		min-height: auto;
		background: #ffffff url(/shared/templates/top_rn2025/images/icon/line_dot_sp.png) repeat-x left bottom;
		background-size: auto 2px;
	}
	#tmp_public_relations ul li:nth-last-child(2) a,
	#tmp_public_relations ul li:last-child a{
		background: none;
		padding: 22px 0 6px 0;
	}
	#tmp_public_relations ul li:nth-child(2) a{
		padding: 31px 0 24px 0;
	}
	#tmp_public_relations ul li:nth-child(2) a .public_relations_img{
		margin-top: 6px;
		margin-right: -7px;
	}
	#tmp_public_relations ul li:nth-child(2) a .public_relations_img::before {
		top: -11px;
		left: -5px;
	}
	#tmp_public_relations ul li:nth-child(3) a .public_relations_img {
		margin: 13px 0px 5px 6px;
		width: 76px;
	}
	#tmp_public_relations ul li:nth-child(3) a .public_relations_img::before{
		top: -19px;
		left: -6px;
	}
	#tmp_public_relations ul li:nth-child(4) a .public_relations_img {
		width: 67px;
		margin: 13px 1px 2px 4px;
	}
	#tmp_public_relations ul li:nth-child(4) a .public_relations_img::before{
		top: -18px;
    	left: -5px;
	}



	#tmp_city_admin_infor{
    	padding: 11px 0 20px;
	}
	#tmp_city_admin_infor .sec_ttl{
		background-size: 217px auto;
		margin-bottom: 10px;
	}
	#tmp_city_admin_infor::before{
		width: 360px;
		height: 172px;
		background-image: url(/shared/templates/top_rn2025/images/bf_admin_infor_sp.png);
		background-size: 100% auto;
		margin: 0;
		left: auto;
		transform: none;
		right: 0;
		top: 9px;
	}
	#tmp_city_admin_infor::after{
		content: "";
		position: absolute;
		width: 622px;
		height: 223px;
		background-image: url(/shared/templates/top_rn2025/images/af_admin_infor_sp.png);
		background-size: 100% auto;
		margin: 0;
		left: 50%;
		transform: none;
		right: 0;
		bottom: -42px;
		transform: translateX(-50%);
		margin-left: 51px;
		z-index: -1;
	}
	#tmp_city_admin_infor ul{
		padding: 5px 0 0;
		flex-wrap: wrap;
		margin: 0;
	}
	#tmp_city_admin_infor ul::before{
		display: none;
	}
	#tmp_city_admin_infor ul li{
		width: 50%;
		padding:  10px 0 0;
	}
	#tmp_city_admin_infor ul li:nth-child(odd){
		margin-top: 0;
	}
	#tmp_city_admin_infor ul li a{
		font-size: 100%;
	}
	#tmp_city_admin_infor ul li:nth-child(odd) a{
		text-align: left;
	}
	#tmp_city_admin_infor ul li .city_admin_wrap{
		margin-bottom: 8px;
	}
	#tmp_city_admin_infor ul li .city_admin_wrap::before{
		width: 100%;
		height: 100%;
		top: -10px;
		left: -11px;
	}
	#tmp_city_admin_infor ul li a .city_admin_txt{
		padding: 0 0 0 24px;
		background-size: 20px 1px;
		background-position: left 10px;
	}
	#tmp_city_admin_infor ul li:nth-child(3) a .city_admin_txt{
		padding-left: 26px;
	}
	#tmp_city_admin_infor ul li:nth-child(3) a .city_admin_txt::before{
		left: -1px;
		top: 11px;
	}
	#tmp_city_admin_infor ul li a .city_admin_txt span{
		display: block;
	}
	#tmp_city_admin_infor ul li:nth-child(even) .city_admin_wrap{
		margin: 110px 1px 10px 16px;
	}
	#tmp_city_admin_infor ul li a .city_admin_txt::before{
		left: -2px;
		top: 12px;
		width: 20px;
	}
	#tmp_city_admin_infor ul li:nth-child(1) .city_admin_wrap{
		margin:  0 15px 11px 3px;
	}
	#tmp_city_admin_infor ul li:nth-child(3)  .city_admin_wrap{
		margin: -79px 10px 6px 0;
	}

	/* pattern common style
	================================================== */
	.sec_ttl{
		margin-bottom: 20px;
        padding-top: 15px;
	}
	.sec_ttl h2{
		font-size: 162.5%;
	}

	/* information style
	================================================== */
	.sec_information{
		padding: 70px 0 60px;
	}
	.sec_information .sec_ttl{
		background-image: url(/shared/templates/top_rn2025/images/info_ttl_sp.png);
		background-size: 131px auto;
	}
	.sec_information .info_wrapper:after{
		top: -256px;
		margin-left: -25px;
		background-image: url(/shared/templates/top_rn2025/images/info_pattern_rgt_sp.png);
		width: 868px;
		height: 298px;
	}
	.sec_information .ttl_double_line{
		margin-bottom: 13px;
	}
	.sec_information .useful_list .useful_item_img{
		margin-bottom: 0;
	}
	.sec_information .findinfo_useful{
		margin-bottom: 29px;
	}
	.sec_information .useful_list .useful_item{
		padding-bottom: 8px;
	}
	.sec_information .useful_list .useful_item:not(:first-of-type) .useful_item_cnt{
		padding-top: 0;
	}
	.sec_information .useful_list .useful_item:first-of-type {
        padding-bottom: 18px;
    }
	.sec_information .findinfo_pages .ttl_double_line{
		margin-bottom: 18px;
	}

	/* event style
	================================================== */
	.sec_event {
		padding: 80px 0 95px;
	}
	.sec_event .sec_ttl{
		margin-bottom: 5px;
		background-image: url(/shared/templates/top_rn2025/images/event_ttl_sp.png);
		background-size: 70px auto;
	}
	.sec_event .splide__slide{
		width: 270px;
	}
	.sec_event .box_thumbnail_img{
		margin-bottom: 14px;
		box-shadow: 1px 2px 10px 0 rgba(114, 54, 86, 0.3);
	}
	.sec_event .box_thumbnail_img img{
		height: 180px;
	}
	.sec_event .box_thumbnail_date{
		margin-bottom: 10px;
		padding-left: 28px;
		font-size: 75%;
	}
	.sec_event .box_thumbnail_date:before{
		top: 9px;
		width: 20px;
	}
	.sec_event .box_thumbnail_txt{
		padding-left: 28px;
	}
	.sec_event .splide__controls {
		flex-wrap: wrap;
		margin-top: 13px;
		padding-right: 16px;
		max-width: 100%;
	}
	.fsize_big2 .sec_event .splide__controls{
		padding-right: 16px;
	}
	.sec_event .splide__progress{
		padding-right: 32px;
	}
	.sec_event .event_link{
		top: 0;
		padding-top: 22px;
		max-width: 100%;
	}
	.sec_event .event_link p{
		padding-left: 5px;
	}
	.sec_event .event_link a{
		padding: 12px 0 12px 60px;
		background-image: url(/shared/templates/top_rn2025/images/ic_calendar_sp.png);
		background-position: 0 0;
		background-size: 46px auto;
		font-size: 106.2%;
	}

	/* related style
	================================================== */
	.sec_related{
		padding-bottom: 7px;
	}
	.sec_related .sec_ttl{
		margin-bottom: 7px;
		padding-top: 15px;
		background-image: url(/shared/templates/top_rn2025/images/related_ttl_sp.png);
		background-size: 106px auto;
	}
	.sec_related .related_carousel{
		padding-left: 0;
		padding-right: 0;
	}
	.sec_related .related_slide_inner {
        opacity: 1 !important;
    }
	.sec_related .box_thumbnail_img{
		margin-bottom: 12px;
	}
	.sec_related .box_thumbnail_txt{
		padding-left: 28px;
		font-size: 93.7%;
		line-height: 1.6;
	}
	.sec_related .box_thumbnail_txt:before{
		width: 20px;
	}
	.sec_related .splide__track{
		margin-left: 0;
		margin-right: 0;
	}
	.sec_related .splide__controls{
		flex-flow: row wrap;
		margin-top: 11px;
		padding: 0 10px 0 25px;
		gap: 12px 0;
	}
	.sec_related .splide__progress{
		padding-top: 0;
		padding-right: 27px;
	}
	.sec_related .splide__toggle{
		margin-left: 10px;
		padding-top: 3px;
	}
	.sec_related #tmp_related_carousel.no-splide .splide__slide{
		width: 100%;
	}
	/* setting hover
	================================================== */
	.sec_event .event_link a:hover{
		text-decoration: none;
	}
	#tmp_public_relations ul li a .public_relations_img::after,
	#tmp_city_admin_infor ul li a .city_admin_img::after,
	#tmp_notice .notice_content .notice_img::after{
		display: none;
	}
	#tmp_city_admin_infor ul li a:hover .city_admin_img img,
	#tmp_notice .notice_content a:hover .notice_img img{
		transform: none;
	}
	#tmp_city_admin_infor ul li a:hover .city_admin_img,
	#tmp_city_admin_infor ul li .city_admin_img,
	#tmp_notice .notice_list .notice_img,
	#tmp_notice .notice_content a:hover .notice_img{
		box-shadow: 1.2px 1.5px 10px 0px rgba(114, 54, 86, 0.3);
	}
	#tmp_city_admin_infor ul li a:hover .city_admin_txt,
	#tmp_public_relations ul li a:hover .public_relations_txt,
	#tmp_notice .notice_btn ul li a:hover,
	#tmp_notice .notice_content a:hover .notice_title{
		text-decoration: none;
	}

	/* accessibility style
	================================================== */
	.color_blue #tmp_public_relations ul li:last-child a,
	.color_yellow #tmp_public_relations ul li:last-child a,
	.color_black #tmp_public_relations ul li:last-child a,
	.color_black #tmp_public_relations ul li a,
	.color_yellow #tmp_public_relations ul li a,
	.color_blue #tmp_public_relations ul li a{
		border: none;
		border-bottom: 1px solid;
	}
	.color_yellow #tmp_public_relations ul li:nth-last-child(2) a,
	.color_yellow #tmp_public_relations ul li:last-child a,
	.color_blue #tmp_public_relations ul li:nth-last-child(2) a,
	.color_blue #tmp_public_relations ul li:last-child a,
	.color_black #tmp_public_relations ul li:nth-last-child(2) a,
	.color_black #tmp_public_relations ul li:last-child a{
		border: none;
	}
	/* no js & no splide*/
	.no_javascript #tmp_wrapper .sec_event #tmp_event_carousel,
	.sec_event #tmp_event_carousel.no-splide{
		margin-bottom: 0;
		padding: 0;
		max-width: 100%;
	}
	.no_javascript #tmp_wrapper .sec_event #tmp_event_carousel .splide__track,
	.sec_event #tmp_event_carousel.no-splide .splide__track{
		margin: 0;
		padding: 0;
	}
	.no_javascript #tmp_wrapper .sec_event #tmp_event_carousel .splide__list,
	.sec_event .no-splide #tmp_event_carousel .splide__list{
		gap: 15px 0;
	}
	.no_javascript #tmp_wrapper .sec_event #tmp_event_carousel .splide__slide,
	.sec_event #tmp_event_carousel.no-splide .splide__slide{
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
	.no_javascript #tmp_wrapper .sec_related #tmp_related_carousel .splide__list,
	.sec_related .no-splide #tmp_related_carousel .splide__list{
		gap: 5px 0;
	}
	.no_javascript #tmp_wrapper .sec_related #tmp_related_carousel .splide__slide,
	.sec_related #tmp_related_carousel.no-splide .splide__slide{
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
    .fsize_big2 #tmp_city_admin_infor ul li:nth-child(2) .city_admin_wrap {
        margin-bottom: 15px;
    }
}
@media screen and (max-width : 360px) {
	#tmp_mainvs.splide_common .splide__controls_inner{
		max-width: 338px;
	}
}