@charset "utf-8";
/*************************************************
 top.css
**************************************************/

body::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 39vw;
	background: url("../img/bg_body_top1.png") no-repeat;
	background-size: 100% auto;
}

.visual {
	position: relative;
	padding: 0;
}
	.site_name {
		position: absolute;
		top: 33px;
		left: 0;
		right: 0;
		z-index: 10;
		margin: 0 auto;
		padding: 0;
	}
	.visual_menu {
		visibility: hidden;
		position: absolute;
		top: 250px;
		left: 0; right: 0;
		z-index: 10;
		width: 100%;
		max-width: 1200px;
		height: calc(100% - 250px);
		margin: auto;
		padding: 0;
	}
		.visual_menu li {
			opacity: 0;
			position: absolute;
			width: 20.75%;
			left: 1%; top: 0;
			transition: all 0.5s ease-out 0s;
		}
			.visual_menu a {
				display: block;
			}
				.visual_menu a img {
					transition: all .4s;
				}
				.visual_menu a:hover img {
					opacity: 1;
					transform: scale(1.2, 1.2);
				}
		.visual_menu li.visual_menu_2 {
			top: 37%;
			left: 18%;
			transition: all 0.5s ease-out 0.5s;
		}
		.visual_menu li.visual_menu_3 {
			top: 37%;
			right: 18%;
			left: auto;
			transition: all 0.5s ease-out 1s;
		}
		.visual_menu li.visual_menu_4 {
			right: 1%;
			left: auto;
			transition: all 0.5s ease-out 1.5s;
		}
	.visual.on .visual_menu {
		visibility: visible;
	}
		.visual.on .visual_menu li {
			opacity: 1;
		}
	.visual .slide_box {
		padding: 0;
	}
	.global_sp,
	.visual_menu_sp {
		display: none;
	}
	span.ttl_hide{
	    width: 0;
		height: 0;
		display: inline-block;
		overflow: hidden;
	}
	.emergency {
		display: block;
		position: absolute;
		top: 20px;
		left: 3.5%;
		z-index: 15;
		max-width: 380px;
		padding: 0;
	}
		.emergency .ttl {
			display: flex;
			justify-content: space-between;
			margin: 0;
			padding: 9px 13px 9px 11px;
			background: #a70d0d;
			color: #FFF;
			font-weight: normal;
			font-size: 100%;
			letter-spacing: .1em;
		}
			.emergency .ttl .str {
				display: inline-block;
				font-size: 120%;
			}
				.emergency .ttl .str img {
					margin-right: 5px;
					vertical-align: bottom;
				}
			.emergency .ttl .arrow {
				display: inline-block;
				position: relative;
				line-height: 1;
				padding-top: .7em;
				padding-right: 14px;
				color: #FFF!important;
				font-size: 85%;
				text-decoration: none;
			}
				.emergency .ttl .arrow::after {
					content: "";
					display: block;
					position: absolute;
					top: .7em;
					right: 0;
					width: 9px;
					height: 14px;
					background: url("../img/arrow_right_white.png") left top no-repeat;
				}
		.emergency .inner {
			/*height: 160px;*/
			overflow-y: auto;
			padding: 7px 11px 15px 13px;
			background: #fff;
		}
			.emergency .inner dl {
				overflow: hidden;
				margin: 0;
				padding: 0;
				font-size: 95%;
				line-height: 1.5;
			}
				.emergency .inner dt {
					float: left;
					padding: .5em;
				}
				.emergency .inner dd {
					margin: 0;
					padding: .5em;
					padding-left: 6em;
					background: url("../img/line_dott.png") bottom left repeat-x;
				}
					.emergency .inner dd a {
						color: #000!important;
						text-decoration: none;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden; 
					}
					.emergency .inner dd a:hover {
						opacity: 0.8;
					}

	/* 積雪深情報 san220118 */
	.snow_info{
		position: absolute;
		right: 260px;
		top: 40px;
		z-index: 100;
	}

	.snow_info a{
		text-decoration: none;
		color: #000;
		display: block;
		padding: 7px;
		background: rgba(255, 255, 255, 0.75);
		transition: all .2s;
	}
	.snow_info a:hover{
		background-color: #db7653;
	}
	.snow_info a .inner{
		display: block;
	    padding: 20px;
		position: relative;
		border: 2px #d86641 solid;
		background-color: #FAF8F1;
		z-index: 0;
	}
	.snow_info a .inner::after{
		content: "";
		border-top: 71px transparent solid;
		border-right: 90px #edc6af solid;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
	.snow_info a .inner .inner_txt{
		font-size: 1.2em;
	   	letter-spacing: 3px;
	}
	/*--------------------------*/


#top_contents {
	padding: 0;
}

#singleitem {
	max-height: 670px;
	overflow: hidden;
}
	.slick-slide {
		width: 100vw;
	}
	.slick-dots {
		z-index: 98;
	}
	.slide img {
		width: 100%;
		min-width: 1300px;
		max-width: none;
	}
	.slick-dots li button::before {
		border: none;
	}
	.slick-dots li.slick-active button::before {
		border: none;
		background: #e4c67e;
	}
	.buttons .button.js-play, .buttons .button.js-stop {
		color: #fff;
		border: 1px #FFF solid;
		border-radius: 4px;
		background: #383838;
	}
	.buttons .button.js-play.active, .buttons .button.js-stop.active {
		border: 1px #FFF solid;
		border-radius: 4px;
		background: #383838;
	}
	.buttons .button.js-stop::before, .buttons .button.js-stop::after {
		background: #FFF;
	}

.scroll_down {
	position: absolute;
	top: 150px;
	right: 2%;
	z-index: 15;
}


#main {
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding-bottom: 0;
}
	#main::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 520px;
		z-index: -1;
		width: 100%;
		height: 100%;
		background: url("../img/bg_body_top2.png") center top no-repeat;
		background-size: 100% auto;
	}

.top_sec_1,
.top_sec_2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 32px 20px 0;
}
	.left {
		width: 310px;
		margin-right: 6px;
		padding: 0;
	}
		.left > .inner_wrap {
			padding: 0;
		}
	.right {
		position: relative;
		width: 824px;
		padding: 0;
	}
		.right > .inner_wrap {
			padding: 0;
		}
.top_sec_2 {
	padding: 25px 20px 25px;
}

.sec_transparent {
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
}
	.sec_transparent .inner {
		height: 100%;
		background: #faf8f1;
	}

.sec_search div {
	padding-bottom: 0;
}
.sec_search .inner {
	padding: 10px 0 20px;
}
	.sec_search .ttl {
		margin: 0 16px 23px;
		text-align: center;
	}
		.sec_search .ttl::after {
			content: "";
			display: block;
			max-width: 230px;
			height: 6px;
			margin: 0 auto;
			background: url("../img/ttl_search_border.png") no-repeat;
			background-size: 100% 100%;
		}
	.sec_search .search {
		margin: 0 16px;
	}
		.sec_search label.search_txt {
			display: block;
			width: 0px;
			height: 0px;
			overflow: hidden;
		}
		.sec_search input.search_txt {
			width: calc(100% - 8px);
			padding: .9em .5em;
			border: none;
			background: #e5c889;
			margin: 4px;
		}
			.sec_search input.search_txt::placeholder {
				color: #000;
			}
		.sec_search input.search_txt:focus {
			width: calc(100% - 6px);
			margin: 3px;
		}

	.sec_search .submit_area {
		display: flex;
		justify-content: space-between;
		margin: 13px 4px 17px;
		padding: 0;
		background: #e5c889;
		font-size: 80%;
	}
		.sec_search .search_category {
			overflow: hidden;
			padding: 0;
			text-align: center;
		}
			.sec_search .search_select {
				width: 100%;
				height: auto;
				padding: .7em 22px .7em 0.5em;
				cursor: pointer;
				text-indent: 0.01px;
				text-overflow: ellipsis;
				border: none;
				outline: none;
				background: transparent;
				background-image: none;
				box-shadow: none;
				-webkit-appearance: none;
				appearance: none;
				font: inherit;
				color: #000;
			}

			.sec_search .search_select option:checked{
				color:#000;
			}

			.sec_search .search_select::-ms-expand {
				display: none;
			}
		.sec_search .search_category {
			position: relative;
			background: #e5c889;
		}
			.sec_search .search_category::before {
				content: '';
				display: block;
				position: absolute;
				top: 0; bottom: 0;
				right: 6px;
				width: 16px;
				height: 11px;
				margin: auto;
				padding: 0;
				background: url("../img/arrow_down.png") no-repeat;
				pointer-events: none;
			}

		.sec_search .search_bt {
			display: block;
			margin: 0;
			padding: .45em .85em;
			border: none;
			background: linear-gradient(0deg, rgba(17,17,17,1) 50%, rgba(77,77,77,1) 50%);
			background-color: rgb(17,17,17);
			font: inherit;
			color: #FFF;
			cursor: pointer;
		}
	.sec_search_foot {
		font-size: 90%;
	}
		.sec_search_foot p {
			margin: 0 16px 6px;
		}
		.sec_search_foot .btn_list {
			display: flex;
			/* justify-content: center; */
			flex-wrap: wrap;
			margin: 0;
			padding: 0 8px;
		}
			.sec_search_foot .btn_list li {
				width: calc(5em + 11px);
				margin: 0 4px 7px;
				line-height: 1.5;
			}
				.sec_search_foot .btn_list li a {
					display: block;
					position: relative;
					padding: .35em 11px .35em .3em;
					border: 1px #FFF solid;
					background: #dc7b59;
					color: #000!important;
					text-decoration: none;
				}
					.sec_search_foot .btn_list li a::after {
						content: "";
						display: block;
						position: absolute;
						top: 0; bottom: 0;
						right: 4px;
						width: 7px;
						height: 10px;
						margin: auto;
						background: url("../img/arrow_right_s.png") left top no-repeat;
					}
				.sec_search_foot .btn_list li a:hover {
					background: #da970e;
				}

.ttl_shadow {
	text-shadow:
		2px 2px 4px #FFF
		,2px -2px 4px #FFF
		,-2px -2px 4px #FFF
		,-2px 2px 4px #FFF
	;
}

.important_news {
	padding: 0 0 0 4px;
}
	.important_news .ttl {
		height: 70px;
		margin: 0;
		padding: 18px 0 0 44px;
		background: url("../img/ttl_important-news_bg.png") left top no-repeat;
		font-size: 140%;
	}
		.important_news .ttl img {
			margin-right: 10px;
		}
		.important_news .ttl .ttl_shadow {
			display: inline-block;
			margin: 0 0 0 6px;
		}
	.important_news div {
		padding: 0;
	}
	.important_news .inner {
		padding: 15px 22px 23px;
		background: #f8f5e6;
	}
		.important_news .inner ul {
			margin: 0;
			padding: 0;
		}
			.important_news .inner ul li {
				position: relative;
				margin: 0;
				padding: .5em 1em calc(.2em + 2px) .6em;
			}
				.important_news .inner ul li a {
					text-decoration: none;
				}
					.important_news .inner ul li a:hover,
					.important_news .inner ul li a:focus {
						text-decoration: underline;
					}
				.important_news .inner ul li::after {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 2px;
					background: url("../img/line_dott_3.gif") repeat-x;
				}
	.important_news .btn_list {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: 0;
		margin-top: 15px;
		padding: 0;
	}
		.important_news .btn_list li {
			width: 190px;
			min-height: 70px;
			position: relative;
			border: 5px #da4c54 solid;
			background: rgb(255,251,251);
			background: linear-gradient(135deg, rgba(255,251,251,1) 70%, rgba(238,238,238,1) 70%);
			color: #000!important;
			text-decoration: none;
		}
			.important_news .btn_list li a {
				color: #000!important;
				display:flex;
				align-items: center;
				height: 100%;
				min-height: 70px;
				text-decoration: none;
				padding: 10px 25px 10px 12px;
			}
				.important_news .btn_list li::after {
					content: "";
					display: block;
					position: absolute;
					top: 0; bottom: 0;
					right: 10px;
					width: 9px;
					height: 15px;
					margin: auto;
					background: url("../img/arrow_right_orange-red.png") left top no-repeat;
				}
			.important_news .btn_list li:hover {
				background: rgb(255,251,251);
				background: linear-gradient(135deg, rgba(255,251,251,1) 70%, rgba(255,225,227,1) 70%);
			}

.sec_funagata .inner {
	overflow: hidden;
	padding: 0 0 10px;
}
	.sec_funagata .ttl {
		float: left;
		margin: 0 13px 0 12px;
	}
	.sec_funagata .img {
		position: relative;
		margin: 17px 0 0 95px;
	}
		.sec_funagata .img .image {
			position: relative;
			z-index: 5;
			border: 5px #e5cc92 solid;
			max-width: 119px;
		}
		.sec_funagata .img .link {
			position: absolute;
			top: 3px;
			right: 2px;
			z-index: 1;
		}
	.sec_funagata .btn_link {
		display: flex;
		justify-content: space-between;
		margin: 10px 0 0;
		padding: 0 10px;
	}
		.sec_funagata .btn_link li {
			width: calc(7.5em + 11px);
			line-height: 1.3;
		}
			.sec_funagata .btn_link li a {
				display: block;
				position: relative;
				padding: .5em 11px .5em .5em;
				border: 1px #FFF solid;
				background: #e5c889;
				color: #000;
				font-size: 80%;
				text-decoration: none;
			}
				.sec_funagata .btn_link li a::before {
					content: "";
					position: absolute;
					top: 0; bottom: 0;
					right: 4px;
					width: 7px;
					height: 10px;
					margin: auto;
					background: url("../img/arrow_right_s.png") left top no-repeat;
				}
			.sec_funagata .btn_link li a:hover {
				background: #e08365;
			}

.sec_photo-news {
	line-height: 1.3;
	margin: 25px 0 0;
}
	.sec_photo-news .ttl {
		margin: 0 0 12px;
	}
	.sec_photo-news .img_area {
		margin: 0 0 15px;
		padding: 0;
		text-align: center;
	}
	.sec_photo-news p {
		margin: 0 0 10px;
	}
	.sec_photo-news .foot {
		margin: 0;
		text-align: right;
	}
		.sec_photo-news .foot a {
			display: inline-block;
			position: relative;
			padding: 0 14px 4px 0;
			border-bottom: 2px #47403a dotted;
			color: #000!important;
			text-decoration: none;
		}
			.sec_photo-news .foot a::after {
				content: "";
				display: block;
				position: absolute;
				top: .15em;
				right: 0;
				width: 10px;
				height: 16px;
				background: url("../img/arrow_right_brown.png") left top no-repeat;
			}

.sec_event {
	margin: 25px 0 0;
}
	.sec_event .inner {
		background: #e4cb91;
	}
		.sec_event .ttl {
			min-height: 92px;
			line-height: 1.3;
			margin: 0;
			padding: 38px 0 0 90px;
			background: url("../img/ttl_sec-event_bg.png") left bottom no-repeat;
			text-shadow:
				2px 0 4px #FFF
				,2px 2px 4px #FFF
				,0 2px 4px #FFF
				,-2px 2px 4px #FFF
				,-2px 0 4px #FFF
				,-2px -2px 4px #FFF
				,0 -2px 4px #FFF
				,2px -2px 4px #FFF
			;
			font-size: 130%;
		}
		.sec_event .calendar {
			margin: 0 15px 3px;
			padding: 0;
			background: #db7653;
			border: 1px #FFF solid;
		}
			.sec_event .calendar .calendar_show {
				display: block;
				position: relative;
				width: 100%;
				padding: 8px 14px;
				border: none;
				background: rgb(219,118,83);
				background: linear-gradient(128deg, rgba(219,118,83,1) 75%, rgba(210,96,58,1) 75%);
				font: inherit;
				text-align: left;
				cursor: pointer;
				transition: all .2s;
			}
				.sec_event .calendar .calendar_show::after {
					content: "";
					display: block;
					position: absolute;
					top: 0; bottom: 0;
					right: 10px;
					width: 24px;
					height: 24px;
					margin: auto;
					background: url("../img/sec-event_plus.png") left top no-repeat;
				}
			.sec_event .calendar .calendar_show.on {
				background: linear-gradient(128deg, rgba(219,118,83,1) 100%, rgba(210,96,58,1) 100%);
			}
				.sec_event .calendar .calendar_show.on::after {
					background-position: left bottom;
				}
			.sec_event .calendar_show_hide {
				display: none;
				padding: 5px;
			}
				.sec_event .calendar_js {
					width: 100%;
					line-height: 1.3;
					border: none;
					border-spacing: 5px;
					border-collapse: separate;
					text-align: center;
				}
					.sec_event .calendar_js th {
						background: #644f11;
						padding: .3em 0;
						font-weight: bold;
						color: #FFF;
					}
					.sec_event .calendar_js td {
						padding: .4em 0;
						background: #FFF;
						font-size: 90%;
					}
					.sec_event .calendar_js td a {
						font-weight: bold;
					}
		.sec_event .foot {
			margin: 6px 15px 10px;
			font-size: 90%;
		}

.sec_yakuba {
	margin: 25px 0 0;
}
	.sec_yakuba .inner {
		padding: 10px 0 20px;
	}
		.sec_yakuba .ttl {
			margin: 5px 0 15px;
			font-weight: normal;
			font-size: 160%;
			text-align: center;
		}
			.sec_yakuba .ttl .ttl_inner {
				display: inline-block;
				border-bottom: 5px #c0e477 solid;
			}
		.sec_yakuba .tel {
			margin: 0;
			text-align: center;
		}
		.sec_yakuba .map {
			min-height: 187px;
			margin: 0 0 0 18px;
			padding: 110px 0 0 110px;
			background: url("../img/sec_yakuba_img.png") left top no-repeat;
		}
		.sec_yakuba .foot {
			width: 212px;
			margin: 20px auto 0;
		}
			.sec_yakuba .foot a {
				display: block;
				position: relative;
				padding: .6em 30px .6em 1em;
				border: 1px #FFF solid;
				background: #c0e477;
				color: #000!important;
				text-decoration: none;
			}
				.sec_yakuba .foot a::after {
					content: "";
					display: block;
					position: absolute;
					top: 0; bottom: 0;
					right: 12px;
					width: 16px;
					height: 10px;
					margin: auto;
					background: url("../img/arrow_right_g.png") left top no-repeat;
				}
			.sec_yakuba .foot a:hover {
				background: #a3ca53;
			}

.square_menu {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0 0 0 4px;
}
	.square_menu li {
		width: 190px;
	}

.tab_show_hide {
	margin: 21px 0 0;
	padding: 0;
}
	.tab_show_hide .tab {
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
		.tab_show_hide .tab li {
			float: left;
			width: 212px;
		}
			.tab_show_hide .tab li a {
				display: block;
				position: relative;
				z-index: 5;
				height: 72px;
				margin: 18px 0 0;
				padding: 20px 0 0;
				background: url("../img/tab_menu_1_bg.png") center center no-repeat;
				font-weight: bold;
				text-align: center;
			}
				.tab_show_hide .tab li.tab_menu_1 a {
					font-size: 120%;
				}
			.tab_show_hide .tab li.tab_menu_2 a {
				padding-top: 24px;
				line-height: 1.2em;
				background-image: url("../img/tab_menu_2_bg.png");
			}
				.tab_show_hide .tab li.tab_menu_2.active a {
					padding-top: 36px;
				}
			.tab_show_hide .tab li.active a {
				height: 100px;
				margin: 0;
				padding-top: 31px;
				background-image: url("../img/tab_menu_1_bg_active.png");
			}
				.tab_show_hide .tab li br.mq {
					display: none;
				}
			.tab_show_hide .tab li.active.tab_menu_2 a {
				background-image: url("../img/tab_menu_2_bg_active.png");
			}
		.tab_show_hide .tab li + li {
			margin-left: 3px;
		}
		.tab_show_hide .tab::after {
			content: "";
			display: block;
			position: absolute;
			left: 4px;
			bottom: 0px;
			width: calc(100% - 4px);
			height: 14px;
			background: #f8f5e6;
		}
	.tab_show_hide .show_hide {
		min-height: 325px;
		margin: 0 0 0 4px;
		padding: 3px 17px 14px;
		background: #f8f5e6;
	}
		.tab_show_hide .show_hide .elm {
			padding: 0;
		}
		/*TOP新着情報欄追記　カテゴリ表示用*/
		.tab_show_hide .show_hide .elm dt {
			position:relative;
		}
		.tab_show_hide .show_hide .elm .cate {
			position:absolute;
			left:5em;
		}
	.important_news .foot_link,
	.tab_show_hide .foot_link {
		width: 163px;
		margin: 10px auto 0;
	}
		.important_news .foot_link a,
		.tab_show_hide .foot_link a {
			display: block;
			position: relative;
			padding: .5em;
			padding-right: 17px;
			border: 1px #FFF solid;
			background: #e1bc6a;
			color: #000!important;
			text-decoration: none;
		}
			.important_news .foot_link a::before,
			.tab_show_hide .foot_link a::before {
				content: "";
				display: block;
				position: absolute;
				top: 0; bottom: 0;
				right: 8px;
				width: 9px;
				height: 14px;
				margin: auto;
				background: url("../img/arrow_right_brown_2.png") left top no-repeat;
			}
		.important_news .foot_link a:hover,
		.tab_show_hide .foot_link a:hover {
			background: #c4a256;
		}

.sec_life_event {
	margin: 26px 0 0 4px;
	padding: 21px 11px;
	background: url("../img/life_event_menu_bg.png") center left no-repeat;
	background-size: cover;
}
	.sec_life_event .btn_link {
		display: flex;
		justify-content: space-between;
		margin: 0;
		padding: 0;
	}
		.sec_life_event .btn_link li {
			width: 91px;
		}
			.sec_life_event .btn_link a {
				display: block;
				margin: 4px;
				padding: 16px 0 7px;
				background: rgba(255, 255, 255, 0.8);
				color: #000;
				font-size: 90%;
				text-align: center;
				text-decoration: none;
			}
				.sec_life_event .btn_link a .str {
					display: block;
					margin: 10px 0 0
				}
			.sec_life_event .btn_link a:hover {
				margin: 0;
				border: 4px #9b7202 solid;
			}
				.sec_life_event .btn_link a:hover img {
					opacity: 1;
				}

.sec_banner_link {
	display: flex;
	justify-content: space-evenly;  /* space-between → space-evenly san220113 */
	margin: 22px 0 0 4px;
	flex-wrap: wrap;  /* san220113 */
}
	.sec_banner_link li {
		width: 360px;  /* 260→360 san220113 */
		margin-bottom: 10px;  /* san220113 */
	}
		.sec_banner_link li a {
			display: block;
			padding: 7px;
			background: rgba(255, 255, 255, 0.69);
			transition: all .2s;
		}
			.sec_banner_link li a .inner {
				display: block;
				position: relative;
				height: 70px;
				border: 2px #8c6900 solid;
				background: url("../img/banner_link_bg.png") left top no-repeat;
				background-size: 100% 100%;
			}
				.sec_banner_link li a img {
					position: absolute;
					margin: auto;
				}
				.sec_banner_link li.menu1 .icon {
					left: 8px;
					bottom: 0;
				}
				.sec_banner_link li.menu1 img:not(.icon) {
					left: 40px;
					top: 9px;
				}
				.sec_banner_link li.menu2 .icon {
					top: 0; bottom: 0;
					left: 19px;
				}
				.sec_banner_link li.menu2 img:not(.icon) {
					top: 0; bottom: 0;
					left: 40px;
				}
				.sec_banner_link li.menu3 .icon {
					top: 0; bottom: 0;
					left: 8px;
				}
				.sec_banner_link li.menu3 img:not(.icon) {
					top: 0; bottom: 0;
					left: 45px;
				}
				.sec_banner_link li.menu4 .icon {
					top: 0; bottom: 0;
					left: 15px;
					width: 35px;
				}
				.sec_banner_link li.menu4 img:not(.icon) {
					top: 0; bottom: 0;
					left: 50px;
				}
				.sec_banner_link li a:hover img {
					opacity: 1;
				}
			.sec_banner_link li a .inner::after {
				content: "";
				position: absolute;
				top: 0; bottom: 0;
				right: 9px;
				width: 10px;
				height: 16px;
				margin: auto;
				background: url("../img/arrow_right_brown.png") left top no-repeat;
			}
		.sec_banner_link li a:hover {
			background: #db7653;
		}

.sec_panel_link {
	display: flex;
	justify-content: space-between;
	margin: 23px 0 0 4px;
	padding: 0;
}
	.sec_panel_link > ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 400px;
		margin: 0;
		padding: 0;
	}
		.sec_panel_link > ul .inner {
			width: 190px;
			line-height: 1.3;
		}
			.sec_panel_link > ul .inner a {
				display: block;
				color: #000!important;
				text-decoration: none;
				transition: all .2s;
			}
				.sec_panel_link > ul .inner a:hover img {
					opacity: 1;
				}
			.sec_panel_link .btn_link {
				position: relative;
				padding: 1.2em 18px 1.2em 1em;
				background: #e1bc6a url("../img/sec_panel_link_bg.png") left top no-repeat;
				background-size: 100% 100%;
			}
				.sec_panel_link .btn_link::after {
					content: "";
					display: block;
					position: absolute;
					top: 0; bottom: 0;
					right: 8px;
					width: 10px;
					height: 16px;
					margin: auto;
					background: url("../img/arrow_right_brown.png") left top no-repeat;
				}
			.sec_panel_link .btn_link:hover {
				background: #c1a052;
			}
		.sec_panel_link .left_wrap .inner {
			margin-bottom: 15px;
		}
			.sec_panel_link .left_wrap a:not(.btn_link):hover {
				background: #d99b28;
			}
		.sec_panel_link .right_wrap .inner {
			margin-bottom: 14px;
		}
			.sec_panel_link .right_wrap a {
				position: relative;
			}
				.sec_panel_link .right_wrap a::before {
					content: "";
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					background: rgba(0, 0, 0, 0.2);
					opacity: 0;
				}
				.sec_panel_link .right_wrap a:hover::before {
					opacity: 1;
				}

.sec_population {
	margin: 4px 0 0 4px;
}
	.sec_population .ttl {
		margin: 0;
		font-weight: normal;
		font-size: 130%;
	}
		.sec_population .ttl .str {
			display: inline-block;
			margin: 0 10px 0 0;
			padding: 0 .3em .2em;
			border-bottom: 5px #6eb0bf solid;
		}
	.sec_population .inner {
		padding: 18px 8px 22px;
	}
		.sec_population .population_data {
			display: flex;
			margin: 28px 0 0;
			padding: 0;
		}
			.sec_population .population_data li {
				line-height: 40px;
			}
				.sec_population .population_data .icon {
					position: relative;
					display: inline-block;
					width: 40px;
					height: 40px;
					vertical-align: middle;
					margin-right: 4px;
					border-radius: 50%;
					background: #f0ead7;
				}
					.sec_population .population_data .icon img {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
			.sec_population .population_data li + li {
				margin-left: 13px;
			}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.sec_population .population_data {
				margin-top: 24px;
			}
		}
		@-moz-document url-prefix() {
			.sec_population .population_data {
				margin-top: 28px;
			}
		}

.top_section.slide_banner {
	padding: 0;
	background: url("../img/slide_banner_bg.png") center center repeat-x;
	background-size: cover;
}
	.top_section.slide_banner .wrap {
		max-width: 1190px;
		margin: 0 auto;
		padding: 25px 40px 32px;
	}
		.top_section.slide_banner .ttl {
			line-height: 1;
			margin: 0 0 21px;
			font-weight: normal;
			font-size: 140%;
			text-align: center;
			text-shadow: 2px 2px 4px #FFF,2px -2px 4px #FFF,-2px -2px 4px #FFF,-2px 2px 4px #FFF;
		}
			.top_section.slide_banner .ttl img {
				margin-right: 6px;
				vertical-align: bottom;
			}
		.top_section.slide_banner .slide_box {
			padding: 13px 17px;
			background: #FFF;
		}
			.top_section.slide_banner .buttons {
				bottom: 0;
				padding: 0;
			}
			.top_section.slide_banner #autoplay {
				padding: 0;
			}
				.top_section.slide_banner .slick-arrow {
					width: 23px;
					height: 41px;
				}
				.top_section.slide_banner .slick-prev::before,
				.top_section.slide_banner .slick-next::before {
					background-image: url("../img/slide_banner_arrow.png");
				}
				.top_section.slide_banner .slide img {
					width: auto;
					min-width: 0;
				}
				.top_section.slide_banner .autoplay .slick-prev {
					left: -59px;
				}
				.top_section.slide_banner .autoplay .slick-next {
					right: -59px;
				}
				.top_section.slide_banner .autoplay .slick-arrow:hover,
				.top_section.slide_banner .autoplay .slick-arrow:focus {
					background-color: transparent;
					box-shadow: none;
				}


@media screen and (max-width:1180px) {
	.top_sec_1 {
		display: block;
		padding: 13px 13px 0;
	}
		.top_sec_1 .left {
			width: auto;
			margin: 0;
		}
			.sec_search .search_category {
				width: 100%;
			}
				.sec_search .search_select {
					padding: .8em 22px .8em 0
				}
			.sec_search input.search_txt {
				padding: 1.4em .5em;
			}
			.sec_search .search_bt {
				padding: .8em 1.5em;
			}
			.sec_search_foot {
				text-align: center;
			}
				.sec_search_foot .btn_list {
					justify-content: center;
				}
					.sec_search_foot .btn_list li {
						margin: 0 17px 6px 0;
					}
		.top_sec_1 .right {
			width: auto;
			margin: 18px 0 0;
		}
			.important_news {
				padding: 0;
			}
				.important_news .ttl {
					padding-left: 0;
					background-repeat: repeat-x;
					text-align: center;
				}
				.important_news .btn_list {
					flex-wrap: wrap;
					justify-content: center;
				}
					.important_news .btn_list li {
						margin-bottom: 20px;
					}
					.important_news .btn_list li + li {
						margin-left: 20px;
					}

	.top_sec_2 {
		padding: 0 13px 13px;
	}
		.top_sec_2 .right {
			width: calc(100% - 316px);
		}
	.square_menu {
		justify-content: center;
	}
		.square_menu li {
			width: 25%;
			max-width: 190px;
		}
		.square_menu li + li {
			margin-left: 20px;
		}
	.tab_show_hide {
		margin-top: 10px;
	}
	.sec_banner_link li{
		/* margin-left: 2.5%; san220113 */
		margin: 0 5px 13px;
	}
	.sec_banner_link li.menu1 .icon {
	    /* width: 14.6%;  san220113 */
	    max-height: 100%;
	}
	.sec_banner_link li.menu1 img:not(.icon) {
		/* width: 71.53%;  san220113 */
		max-height: 100%;
	}
	.sec_banner_link li.menu2 img:not(.icon) {
		width: 36.53%;
	}
	.sec_panel_link .right_wrap {
		margin-left: 10px;
	}
	.sec_panel_link .left_wrap .inner,
	.sec_panel_link .right_wrap .inner {
		width: 47.5%;
	}

}
@media screen and (max-width:1160px) {
	.site_name {
		top: 10%;
		width: 21%;
	}
}
@media screen and (max-width:1074px) {
	#autoplay .slick-prev {
		left: -60px;
	}
	#autoplay .slick-next {
		right: -60px;
	}
}
@media screen and (max-width:1044px) {
	body::before {
		background: #777
	}
	#main::before {
		display: none;
	}
	.global_sp {
		display: block;
		padding: 11px 15px;
		background: #d96f4a;
	}
		.global_sp ul {
			display: flex;
			flex-wrap: wrap;
			position: relative;
			z-index: 1;
			margin: 0;
			height: 175px;
			padding: 10px 20px 0;
			background: url("../img/global_sp_bg_left.png") left top no-repeat;
		}
			.global_sp ul li {
				width: 50%;
				text-align: center;
			}
				.global_sp ul li a {
					display: inline-block;
					position: relative;
					padding: 0 0 2px;
					text-align: center;
				}
					.global_sp ul li a::after {
						content: "";
						display: block;
						position: absolute;
						left: 0; right: 0;
						bottom: 0;
						width: 110px;
						height: 2px;
						margin: auto;
						background: #ead9a6;
					}
			.global_sp ul::before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				width: 22px;
				height: 100%;
				background: url("../img/global_sp_bg_right.png") left top no-repeat;
			}
			.global_sp ul::after {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 19px;
				z-index: -1;
				width: calc(100% - 41px);
				height: 100%;
				background: url("../img/global_sp_bg.png") left top repeat-x;
			}
	.site_name {
		top: 4%;
		width: 24%;
	}
	.visual.on .visual_menu {
		display: none;
	}
	.visual .slide img {
		min-width: 0;
	}
	.emergency {
		position: relative;
		top: 0;
		left: 0;
		max-width: none;
		margin: 17px 15px;
	}
		.emergency .inner {
			height: auto;
		}

	/* 積雪深情報 san220118 */
	.snow_info{
		position: relative;
		right: 0;
		top: 0;
		max-width: none;
		margin: 17px 15px;
	}
	/*---------------------------*/
	.scroll_down {
		display: none;
	}
	.visual_menu_sp {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0;
		padding: 0 15px 10px;
	}
		.visual_menu_sp li {
			width: 50%;
			text-align: center;
		}

	.top_sec_1 {
		padding-top: 0;
	}
	.top_sec_2 {
		flex-direction: column
	}
		.top_sec_2 .left {
			width: 100%;
			order: 2;
			padding: 0 0 13px;
		}
			.top_sec_2 .left .inner_wrap {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
				.top_sec_2 .left .inner_wrap  > div {
					width: calc(50% - 7px)
				}
					.sec_funagata {
						position: relative;
						margin: 14px 0 0;
					}
						.sec_funagata .ttl {
							margin-left: calc(50% - 130px);
						}
						.sec_funagata .img {
							margin: 60px 0 0;
						}
							.sec_funagata .img .link {
								right: auto;
								left: calc(50% + 60px);
							}
						.sec_funagata .btn_link {
							justify-content: center;
							margin-top: 36px;
						}
							.sec_funagata .btn_link li + li {
								margin-left: 10px;
							}
						.sec_funagata::after {
							content: "";
							display: block;
							position: absolute;
							left: 10px;
							top: 10px;
							z-index: -1;
							width: calc(100% - 20px);
							height: calc(100% - 20px);
							background: #faf8f1;
						}
					.sec_photo-news {
						margin-top: 14px;
					}
						.sec_photo-news .ttl {
							margin-top: 0;
						}
							.sec_photo-news .ttl {
								text-align: center;
							}
					.sec_event {
						margin-top: 14px;
					}
					.sec_yakuba {
						margin-top: 14px;
					}
						.sec_yakuba .map {
							max-width: 320px;
							margin: 0 auto;
						}
		.top_sec_2 .right {
			width: 100%;
			order: 1;
		}
			.square_menu {
				width: 100%;
				padding: 0;
			}

	.sec_panel_link {
		justify-content: center;
		margin: 22px 0 0;
	}
	.sec_population {
		margin: 4px 0 0;
	}
		.sec_population .population_data {
			justify-content: center;
			flex-wrap: wrap;
		}
			.sec_population .ttl {
				text-align: center;
			}
				.sec_population .ttl small {
					display: block;
				}
			.sec_population .population_data li {
				width: 50%;
				margin: 0 0 16px;
				padding-left: 10%;
			}
			.sec_population .population_data li + li {
				margin-left: 0;
			}
}

@media screen and (max-width:880px) {
	.square_menu,
	.important_news .btn_list {
		max-width: 440px;
		margin: 15px auto 0;
	}
		.square_menu li,
		.important_news .btn_list li {
			margin: 0 10px 20px!important;
		}
	.square_menu {
		flex-wrap: wrap;
	}
		.square_menu li {
			width: 100%;
		}
	.tab_show_hide .show_hide dl dt {
		float: none;
		padding-bottom: 0;
	}
	.tab_show_hide .show_hide dl dd {
		padding: 0 .5em .6em
	}
		.tab_show_hide .show_hide dl dd a {
			color: #0044cc!important;
			text-decoration: underline;
		}
	.sec_life_event .btn_link {
		flex-wrap: wrap;
	}
		.sec_life_event .btn_link li {
			width: calc(25% - 10px);
			margin: 0 10px 10px 0;
		}
	.sec_banner_link {
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 17px;
		margin-left: 0;
	}
		.sec_banner_link li {
			margin-bottom: 13px;
		}
			.sec_banner_link li img {
				width: auto!important;
			}
	.sec_panel_link {
		display: block;
		margin: 0;
	}
		.sec_panel_link > ul {
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
		}
		.sec_panel_link .right_wrap {
			margin-left: auto;
		}
		.sec_panel_link .right_wrap li {
			width: 47.5%; margin-bottom: 15px;
		}

	.top_section.slide_banner .wrap {
		padding: 25px 0 32px;
	}
		.top_section.slide_banner .ttl {
			margin: 0 0 18px;
			font-size: 120%;
		}
			.top_section.slide_banner .ttl img {
				height: 19px;
			}
		.top_section.slide_banner .slide_box {
			margin: 0 26px;
			padding: 13px 10px;
		}
			.top_section.slide_banner .buttons {
				/* display: none; */
			}
			#autoplay .slick-prev {
				left: -31px;
				width: 13px;
			}
			#autoplay .slick-next {
				right: -31px;
				width: 13px;
			}
				#autoplay .slick-prev::before,
				#autoplay .slick-next::before {
					background-size: 100% auto;
				}
			.top_section.slide_banner .wrap .slick-slide {
				margin: 0 5px;
			}

}

@media screen and (max-width:580px) {
	.sec_banner_link li {
		width: 100%;
	}
		.sec_banner_link li + li {
			margin-left: 0;
		}
	.sec_population .population_data li {
		width: 100%;
	}

	.top_sec_2 .left .inner_wrap {
		display: block;
	}
		.top_sec_2 .left .inner_wrap  > div {
			width: auto;
		}
		.sec_funagata .img {
			margin: 30px 0 0;
		}
		.sec_funagata .btn_link {
			margin-top: 20px;
		}
	.top_section.slide_banner {
		background-size: inherit;
		background-position: top;
	}
}

@media screen and (max-width:480px) {
	.site_name {
		top: 1%;
	}
	.slick-dots {
		bottom: 0;
	}

	.emergency .ttl {
		display: block;
		text-align: center;
	}
		.emergency .ttl .arrow {
			position: absolute;
			left: 0; right: 0;
			bottom: 13px;
			width: calc(6em + 14px);
			margin: auto;
			font-size: 100%;
			color: #000!important;
		}
			.emergency .ttl .arrow::after {
				transition: all .2s;
				background-image: url("../img/arrow_red.png");
			}
			.emergency .ttl .arrow:hover::after {
				right: -4px;
			}
	.emergency .inner {
		height: auto;
		padding-bottom: calc(1em + 30px);
	}
		.important_news .inner ul li,
		.emergency .inner dt {
			float: none;
			padding: .5em .5em 0;
		}
		.important_news .inner ul li,
		.emergency .inner dd {
			padding: 0 .5em .5em;
		}
	
	/* 積雪深情報 san220118 */
	.snow_info a .inner::after{
		border-top: 70px transparent solid;
	}
	/*---------------------------*/
	
	
	.important_news .btn_list {
		display: block;
	}
		.important_news .btn_list li {
			width: auto;
			margin: 0!important;
		}
		.important_news .btn_list li + li {
			margin-top: 9px!important;
		}
	.square_menu li {
		width: calc(50% - 5px);
		max-width: none;
		margin: 0 0 10px!important;
	}
		.square_menu li img {
			width: 100%;
			max-width: none;
		}
	.square_menu li:nth-child(even) {
		margin-left: 10px!important;
	}

	.tab_show_hide .tab {
		padding-bottom: 7px;
	}
		.tab_show_hide .tab li {
			width: calc(50% - 3px);
		}
			.tab_show_hide .tab li a {
				height: 42px;
				margin: 8px 0 0;
				padding: 0px 0 0;
				background-size: 100% auto;
				font-size: 80%;
			}
				.tab_show_hide .tab li.tab_menu_1 a .ttl_shadow {
					display: inline-block;
					padding-top: 4px;
				}
				.tab_show_hide .tab li.tab_menu_1.active a {
					font-size: 120%;
				}
				.tab_show_hide .tab li.tab_menu_2 a {
					padding-top: 4px;
				}
					.tab_show_hide .tab li br.mq {
						display: inline;
					}
				.tab_show_hide .tab li.tab_menu_2.active a {
					padding-top: 6px;
				}
			.tab_show_hide .tab li.active a {
				position: relative;
				height: 51px;
				padding-top: 5px;
			}
				.tab_show_hide .tab li.active a::after {
					content: "";
					display: block;
					position: absolute;
					left: 0;
					right: 0;
					bottom: -6px;
					width: 0;
					height: 0;
					margin: auto;
					border-style: solid;
					border-width: 7px 8.5px 0 8.5px;
					border-color: #d76842 transparent transparent transparent;
				}
			.tab_show_hide .tab li.tab_menu_1 a {
				padding-top: 5px;
			}
				.tab_show_hide .tab li.active.tab_menu_2 a::after {
					border-color: #da970e transparent transparent transparent;
				}
		.tab_show_hide .tab::after {
			left: 1.1%;
			width: 100%;
			height: 7px;
		}
	.tab_show_hide .show_hide {
		margin-left: 1.1%;
		padding-top: 20px;
	}

	.sec_life_event {
		margin-left: 0;
		padding: 23px 9px 0px;
		background-image: url("../img/life_event_menu_bg_mq.png");
		background-position: left top;
		background-size: 100% 100%;
	}
		.sec_life_event .btn_link li {
			margin: 0 9px 16px;
			width: calc(50% - 18px);
		}
			.sec_life_event .btn_link a {
				padding-bottom: 16px;
			}

	.top_section.slide_banner .wrap .slick-slide img {
		height: 60px;
	}
}
@media screen and (max-width:400px) {
	.global_sp ul {
		padding: 10px 10px 0;
	}
	.global_sp ul li img {
		height: 35px;
	}
}



/*20240927 アイコン付きバナー左寄せ*/
.sec_banner_link { justify-content: flex-start;}
.sec_banner_link li { width: calc(50% - 2vw); margin: 5px 1vw;}

@media screen and (max-width:780px) {
	.sec_banner_link { justify-content: center;}
	.sec_banner_link li { width: calc(100% - 2vw); max-width:360px}
}