@charset "utf-8";
/* CSS Document */


#mainBlock{
	margin	: 15px auto 0;
}

aside ul{
}

#contentsBlock{
}

#contentsBlock .content{
	background: none;
	padding: 0;
	min-height: 100%;
}

.slider {
	width: 100%;
	margin: 0 auto 80px;
	background: #fff;
	padding-bottom: 40px;
	box-shadow: 0px 9px 3px -3px rgba(50, 50, 50, 0.1);
	-webkit-box-shadow: 0px 9px 3px -3px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 9px 3px -3px rgba(50, 50, 50, 0.1);
}

.slider li{
	position: relative;
}
	.slider li span.ttl{
		font-size: 140%;
	}

	.slider li div{
		position: absolute;
		bottom: 0;
		left:0;
		background: rgba(36,112,179,0.8);
		width: 100%;
		display: block;
		padding: 10px;
		color: #fff;
		text-align: left;
		font-weight: bold;
	}

.slider .slick-slide img {
	width: 100%;
	height: auto;
}

.slider .slick-dots{
	bottom: -8px;
}


.slider .slick-slide:not(.slick-center) {
	-webkit-filter: opacity(60%);
	-moz-filter: opacity(60%);
	-o-filter: opacity(60%);
	-ms-filter: opacity(60%);
	filter: opacity(60%);
	transition: 0.2s linear;
}

.slider .slick-dots li.slick-active button::before,
.pickup .slick-dots li.slick-active button::before{
	color: #2470b3;
	opacity: 1;
}

.slider .slick-dots li button::before,
.pickup .slick-dots li button::before{
	font-size: 15px;
}

/*災害情報*/
.disasterbnr_area{
	display: flex;
	justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 5px solid #fff;
}
.disasterbnr_area > div{
	max-width: 49%;
}
.disasterbnr_area > div:first-child{
	margin-right: 2%;
}

/*なごにほ*/
.nagoniho_area {
    display: flex;
    justify-content: space-between;
}
.nagoniho_area > div{
	max-width: 49%;
}

.disasterinfo_area{
	background: #fff;
	margin-bottom: 30px;
}

.disasterinfo_area section{
	display: flex;
	background: #fff;
}


.disasterinfo_box{
	background: #ff0000;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 135px;
	width: 100%;
	color: #fff;
}
	.disasterinfo_box p{
		padding-top: 5px;
		font-weight: bold;
		text-align: center;
	}

#contentsBlock .disasterinfo_box_details{
	width: 100%;
}

	#contentsBlock .disasterinfo_box_details p{
		padding: 0px 15px 15px 20px;
		font-weight: bold;
		font-size: 110%;
	}

	#contentsBlock .disasterinfo_box_details .hinan_box{
		display: flex;
		justify-content: space-between;
		padding: 0px 20px 20px;
	}
		#contentsBlock .disasterinfo_box_details .hinan_box li{
			border-radius: 5px;
			width: 49%;
		}

		#contentsBlock .disasterinfo_box_details .hinan_box li a{
			color: #fff !important;
			padding: 2px 5px;
			display: block;
			text-decoration: none !important;
			text-align: center;
			position:relative;
			font-weight: bold;
		}

		#contentsBlock .disasterinfo_box_details .hinan_box li a:before{
			content: "\f0da";
			font-family: 'FontAwesome';
			position: absolute;
			top: 51%;
			left: 10px;
			transform: translateY(-50%);
			-webkit- transform: translateY(-50%);

		}

		#contentsBlock .disasterinfo_box_details .hinan_box .hinan{
			background: #a37d00;

		}

		#contentsBlock .disasterinfo_box_details .hinan_box .hinanmap{
			background: #de4e00;

		}

		#contentsBlock .disasterinfo_box_details .hinan_box .hinan_fb{
			background: #4267b2;

		}

	.not_disasterinfo_box_details{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.not_disasterinfo_box_details p{
		font-weight: bold;
		font-size: 110%;
		width: 100%;
	}

	.not_disasterinfo_box_details span{
		display: block;
		background: #90c31f;
		width: 60px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		font-size: 24px;
		margin-right: 10px;
		text-align: center;
	}

	.inner_btn{
		display: none;
		background: #fff;
	}
		.inner_btn a{
			padding: 20px;
			display: block;
		}

	.inner_btn .flex{
		display: flex;
		padding: 10px;
		justify-content: space-between;
	}
		.inner_btn .flex p{
			width: 80%;
			padding-right: 5px;
		}

	.details_btn{
		background: #d42815;
		border-radius: 5px;
		margin-top: 15px;
	}

	.details_btn02{
		background: #2a468c;
		border-radius: 5px;
		margin-top: 0px;
	}

	#contentsBlock .details_btn a,
	#contentsBlock .details_btn02 a {
		color: #fff !important;
		padding: 5px;
		display: block;
		text-decoration: none !important;
		text-align: center;
		position: relative;
		font-weight: bold;
	}

	.details_btn a::before,
	.details_btn02 a::before {
		content: "\f0da";
		font-family: 'FontAwesome';
		position: absolute;
		top: 51%;
		left: 10px;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
	}

/*newsarea*/
#contentsBlock .news_area.content{
	margin: 30px auto 38px;
}

.bnr_area{
}

.bnr_area ul{
	margin: 40px auto;
}
	.bnr_area ul li{
		margin-bottom: 10px;
	}

	.bnr_area ul li span{
		display: block;
		font-weight: bold;
	}

/*イベント情報*/
.eventinfo_area{
	background: #fff url(../img/event_bg.png) repeat-x;
	padding: 82px 0 34px;
}

#contentsBlock .eventinfo_area .content{
	background: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.event_left{
	max-width: 700px;
	width: 100%;
}

.event_info{
	margin: 50px auto 0;
}
	.event_info dl{
		margin-bottom: 20px;
	}

	.event_info dl dt .day{
		color: #808080;
		font-weight: bold;
	}

	#contentsBlock .event_info dl dd{
		border-bottom: 1px solid #cccccc;
		padding: 15px 0;
	}

	#contentsBlock .event_info dl dd a:link{
		color: #2470b3 !important;
		font-weight: bold;
		text-decoration: none !important;
	}
		#contentsBlock .event_info dl dd a:link:before{
			content: "\f0da";
			font-family: 'FontAwesome';
			padding-right: 5px;
			display: inline-block;
		}

	#contentsBlock .event_info dl dd a:hover{
		text-decoration: underline !important;
		opacity: 1;
	}

.event_right{
	max-width: 234px;
	width: 100%;
}

.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.cp_tab {
	margin: 40px auto 0;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4){
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
	text-align: center;
	width: calc(97%/4);
	margin-right: 6px;
}
.cp_tab > label:last-of-type{
	margin-right:0;
}


.cp_tab > label:hover,
.cp_tab > input:focus + label {
	text-decoration: none;
}
.cp_tab > input + label {
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;
	border-radius: 6px 6px 0 0;
}

.cp_tab > input.event_tab + label {
	border-color: #bd5709;
	border-bottom: 1px solid #fff;
	color: #bd5709;
	font-weight: bold;
}
.cp_tab > input.course_tab + label {
	border-color: #0f777d;
	border-bottom: 1px solid #fff;
	color: #0f777d;
	font-weight: bold;
}

.cp_tab > input.news_tab + label {
	border-color: #2a468c;
	border-bottom: 1px solid #fff;
	color: #2a468c;
	font-weight: bold;
}
.cp_tab > input.nicnewsweb_tab + label {
	border-color: #804f9b;
	border-bottom: 1px solid #fff;
	color: #804f9b;
	font-weight: bold;
}

.cp_tab > input.event_tab:checked + label {
	margin-bottom: -2px;
	border-color: #bd5709;
	border-bottom: 1px solid #ffffff;
	border-radius: 6px 6px 0 0;
	background: #fff;
}
	#first_tab01.cp_tabpanel{
		border-top: 1px solid #bd5709;
	}

.cp_tab > input.course_tab:checked + label {
	margin-bottom: -2px;
	border-color: #0f777d;
	border-bottom: 1px solid #ffffff;
	border-radius: 6px 6px 0 0;
	background: #fff;
}
	#second_tab01.cp_tabpanel{
		border-top: 1px solid #0f777d;
	}

.cp_tab > input.news_tab:checked + label {
	margin-bottom: -2px;
	border-color: #2a468c;
	border-bottom: 1px solid #ffffff;
	border-radius: 6px 6px 0 0;
	background: #fff;
}
	#third_tab01.cp_tabpanel{
		border-top: 1px solid #2a468c;
	}
.cp_tab > input.nicnewsweb_tab:checked + label {
	margin-bottom: -2px;
	border-color: #804f9b;
	border-bottom: 1px solid #ffffff;
	border-radius: 6px 6px 0 0;
	background: #fff;
}
	#fourth_tab01.cp_tabpanel{
		border-top: 1px solid #804f9b;
	}

.cp_tab .cp_tabpanel {
	padding: 0.5em 1em;
	border-top: 1px solid #cccccc;
}

@media (max-width: 480px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}

/*ピックアップコンテンツエリア*/
.pickup_area .bnr_area ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.pickup_area .slick-slide img {
	width: 96%;
	height: auto;
}

.pickup_area .slick-dots{
	bottom: -40px;
}

.pickup_area .bnr_area{
	margin-top: 40px;
}

.pickup_area .bnr_area ul li{
	max-width: 320px;
	width: 33%;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	padding: 20px;
}

.pickup_area .bnr_area ul li:nth-child(3n){
	margin-right: 0;
}
	#contentsBlock .pickup_area .bnr_area ul li a:link{
		color: #333;
		text-decoration: none !important;
		line-height: 1.5;
		display: block;
	}

	#contentsBlock .pickup_area .bnr_area ul li span{
		padding-top: 10px;
	}

	#contentsBlock .pickup_area .bnr_area ul li span.ico_arrow{
		color: #2470b3;
		font-weight: bold;
	}

		#contentsBlock .pickup_area .bnr_area ul li span.ico_arrow:before{
			content: "\f0da";
			font-family: 'FontAwesome';
			padding-right: 5px;
			display: inline-block;
		}

		#contentsBlock .pickup_area .bnr_area ul li span.ico_arrow:after{
			content: "\f08e";
			font-family: 'FontAwesome';
			padding-left: 5px;
			display: inline-block;
		}

.pickup_area li{
	position: relative;
}

	.pickup_area li div{
		position: absolute;
		bottom: 0;
		left:0;
		background: rgba(0,0,0,0.7);
		width: 96%;
		display: block;
		padding: 10px;
		color: #fff;
		text-align: left;
		font-size: 140%;
		font-weight: bold;
	}

@media screen and (max-width:860px){
.slider li{
	position: relative;
	font-size: 80%;
	line-height: 1.5;
}
	.slider li span.ttl{
		font-size: 100%;
	}

	.slider li div{
		position: absolute;
		bottom: 0;
		left:0;
		background: rgba(36,112,179,0.8);
		width: 100%;
		display: block;
		padding: 5px;
		color: #fff;
		text-align: left;
		font-weight: bold;
	}

		.disasterbnr_area > div{
			margin-bottom: 10px;
			width: 49%;
		}

	.disasterinfo_box{
		padding: 5px;
		max-width: 84px;
		font-size: 12px;
	}

	.eventinfo_area .bnr_area ul{
		display: block;
		justify-content: space-between;
	}

	.pickup_area .bnr_area ul li{
		width: 19%;
	}

	.cp_tab > label{
		width: calc(100% / 2 - 4px);
		margin-right: 4px;
	}

	#contentsBlock .eventinfo_area .content{
		padding: 10px;
	}

	#contentsBlock .eventinfo_area{
		padding: 0;
		margin: 0;
	}

	#contentsBlock .eventinfo_area .event_info{
		margin: 20px auto 0;
	}

	#contentsBlock .eventinfo_area .hd04{
		background: #fff url(../img/event_bg.png) repeat-x;
		background-size: 50%;
	}

	.event_left{
		width: 66%;
	}
}

@media screen and (max-width:660px){
	.slider .slick-slide:not(.slick-center) {
		-webkit-filter: opacity(100%);
		-moz-filter: opacity(100%);
		-o-filter: opacity(100%);
		-ms-filter: opacity(100%);
		filter: opacity(100%);
		transition: 0.2s linear;
	}

	.bnr_area ul{
		flex-wrap: wrap;
	}

	.bnr_area ul li{
		width: 48%;
		margin-bottom: 20px;
	}
	.pickup_area .bnr_area ul{
		justify-content: flex-start;
	}

	#contentsBlock .eventinfo_area .content{
		display: block;
	}
		.event_left{
			width: 100%;
		}

		.event_right{
			max-width: 100%;
			width: 100%;
			text-align: center;
		}

	.eventinfo_area .bnr_area ul{
		display: flex;
	}

	.pickup_area .slick-slide img,
	.pickup_area li div{
		width: 100%;
	}

	.pickup_area .bnr_area{
		margin-top: 0;
		flex-wrap: wrap;
	}
		.pickup_area .bnr_area ul li{
			width: 48%;
			margin-right: 23px;
			max-width: inherit;
		}
		.pickup_area .bnr_area ul li:nth-child(even){
			margin-right: 0;
		}

	.pickup_area .map{
		margin: 40px auto;
	}

	.disasterbnr_area{
		display: block;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 3px solid #fff;
	}

	.disasterbnr_area > div{
		margin-bottom: 10px;
		max-width: 100%;
		width: 100%;
	}
	.disasterbnr_area > div:first-child{
		margin-right: 0;
	}
	.nagoniho_area{
		display: block;
	}
	.nagoniho_area > div{
		margin-bottom: 10px;
		max-width: 100%;
		width: 100%;
	}
	.nagoniho_area .inner_btn a {
		padding: 0;
	}
	.nagoniho_area .inner_btn .flex {
		display: block;
		padding: 2% 4% 4%;
		background-color: #efc31f;
	}
	.nagoniho_area .inner_btn .flex p{
		width: 100%;
		padding: 0;
		margin-bottom: 5px;
		color: #fff;
	}

	#contentsBlock .disasterinfo_box_details .hinan_box{
		display: block;
		padding-bottom: 20px;
	}

	#contentsBlock .disasterinfo_box_details .hinan_box li{
		width: 100%;
		margin-bottom: 10px;
	}

	#contentsBlock .disasterinfo_box_details .hinan_box li a{
		padding: 7px;
	}
}

@media screen and (max-width:595px){
	.pickup_area .bnr_area ul{
		justify-content: space-between;
	}

	.pickup_area .bnr_area ul li{
		margin-right: 0;
	}
}

@media screen and (max-width:480px){
	.eventinfo_area .bnr_area ul{
		display: block;
	}

	.bnr_area ul li{
		width: 100%;
	}

	.event_right .bnr_area ul li img{
		width: 70%;
	}

}