/*
Theme Name: 防災WEBブック
Version: 1.0
*/
/*####################################################################################

  	default

　####################################################################################*/



/* color */

.white		{ color:#fff; }
.black		{ color:#000; }
.gray80		{ color:#333; }
.gray60		{ color:#666; }
.gray40		{ color:#999; }
.gray20		{ color:#ccc; }
.red		{ color:#f00; }
.red2		{ color:#c00; }
.red3		{ color:#c33; }
.red4		{ color:#ff7070;}
.red5		{ color:#730d0b;}
.blue		{ color:#00f; }
.blue2		{ color:#000078; }
.blue3		{ color:#264795; }
.blue4		{ color:#252d72; }
.green		{ color:#330; }
.green2		{ color:#090; }
.green3		{ color:#060; }
.green4		{ color:#324f00; }
.green5		{ color:#666800; }
.orange		{ color:#f90; }
.orange2	{ color:#fa4e25; }
.yellow		{ color:#ffc; }
.yellow2		{ color:#ff0; }
.pink		{ color:#c66; }
.brown		{ color:#930; }



/*  background  */

.bgcwhite	{ background-color:#fff; }
.bgcblack	{ background-color:#000; }
.bgcgray80	{ background-color:#333; }
.bgcgray60	{ background-color:#666; }
.bgcgray40	{ background-color:#999; }
.bgcgray20	{ background-color:#ccc; }
.bgcgray10	{ background-color:#e6e6e6; }
.bgcgray-eee{ background-color:#eee; }
.bgcblue1	{ background-color:#b8cdff; }
.bgcblue2	{ background-color:#e3ebff; }
.bgcblue3	{ background-color:#bfd7ff; }
.bgcorange	{ background-color:#fc6; }
.bgcYG		{ background-color:#d6f2a9; }



/* font-size */

.fsx0 		{ font-size:8px; }
.fsx1 		{ font-size:10px; }
.fsx2 		{ font-size:12px; }
.fsx3		{ font-size:14px; }
.fsx4		{ font-size:16px; }
.fsx5		{ font-size:18px; }
.fsx6		{ font-size:24px; }
.fsx7  		{ font-size:36px; }

.fs0 		{ font-size:xx-small; }
.fs1 		{ font-size:x-small; }
.fs85 		{ font-size:85%; }
.fs2 		{ font-size:small; }
.fs3		{ font-size:medium; }
.fs4		{ font-size:large; }
.fs5		{ font-size:x-large; }
.fs6		{ font-size:xx-large; }



/* line-height  */

.lhm2 		{ line-height:0.8em; }
.lhm1 		{ line-height:0.9em; }
.lhm0 		{ line-height:1.0em; }
.lh0 		{ line-height:1.1em; }
.lh1 		{ line-height:1.2em; }
.lh2 		{ line-height:1.4em; }
.lh150 		{ line-height:1.5em; }
.lh3 		{ line-height:1.6em; }
.lh4 		{ line-height:1.7em; }



/*  padding  */

.padding0		{ padding:0; }
.padding1		{ padding:5px; }
.padding2		{ padding:10px; }
.padding3		{ padding:15px; }
.paddingM		{ padding:20px; }
.paddingL		{ padding:30px; }
.paddingLL		{ padding:40px; }

.paddingtop0	{ padding-top:0; }
.paddingtop1	{ padding-top:5px; }
.paddingtop2	{ padding-top:10px; }
.paddingtop3	{ padding-top:15px; }
.paddingtopM	{ padding-top:20px; }
.paddingtopL	{ padding-top:30px; }
.paddingtopLL	{ padding-top:40px; }

.paddingbottom0	{ padding-bottom:0; }
.paddingbottom1	{ padding-bottom:5px; }
.paddingbottom2	{ padding-bottom:10px; }
.paddingbottom3	{ padding-bottom:15px; }
.paddingbottomM	{ padding-bottom:20px; }
.paddingbottomL	{ padding-bottom:30px; }
.paddingbottomLL{ padding-bottom:40px; }

.paddingleft0	{ padding-left:0; }
.paddingleft1	{ padding-left:5px; }
.paddingleft2	{ padding-left:10px; }
.paddingleft3	{ padding-left:15px; }
.paddingleftM	{ padding-left:20px; }
.paddingleftL	{ padding-left:30px; }
.paddingleftLL	{ padding-left:40px; }

.paddingright0	{ padding-right:0; }
.paddingright1	{ padding-right:5px; }
.paddingright2	{ padding-right:10px; }
.paddingright3	{ padding-right:15px; }
.paddingrightM	{ padding-right:20px; }
.paddingrightL	{ padding-right:30px; }
.paddingrightLL	{ padding-right:40px; }

.paddingheight0	{ padding-top:0;padding-bottom:0; }
.paddingheight1	{ padding-top:5px;padding-bottom:5px; }
.paddingheight2	{ padding-top:10px;padding-bottom:10px; }
.paddingheight3	{ padding-top:15px;padding-bottom:15px; }
.paddingheightM	{ padding-top:20px;padding-bottom:20px; }
.paddingheightL	{ padding-top:30px;padding-bottom:30px; }
.paddingheightLL{ padding-top:40px;padding-bottom:40px; }

.paddingwidth0	{ padding-left:0;padding-right:0; }
.paddingwidth1	{ padding-left:5px;padding-right:5px; }
.paddingwidth2	{ padding-left:10px;padding-right:10px; }
.paddingwidth3	{ padding-left:15px;padding-right:15px; }
.paddingwidthM	{ padding-left:20px;padding-right:20px; }
.paddingwidthL	{ padding-left:30px;padding-right:30px; }
.paddingwidthLL	{ padding-left:40px;padding-right:40px; }



/*  margin  */

.margin0		{ margin:0; }
.margin1		{ margin:5px; }
.margin2		{ margin:10px; }
.margin3		{ margin:15px; }
.marginM		{ margin:20px; }
.marginL		{ margin:30px; }
.marginLL		{ margin:40px; }

.margintop0		{ margin-top:0; }
.margintop1		{ margin-top:5px; }
.margintop2		{ margin-top:10px; }
.margintop3		{ margin-top:15px; }
.margintopM		{ margin-top:20px; }
.margintopL		{ margin-top:30px; }
.margintopLL	{ margin-top:40px; }

.marginbottom0	{ margin-bottom:0; }
.marginbottom1	{ margin-bottom:5px; }
.marginbottom2	{ margin-bottom:10px; }
.marginbottom3	{ margin-bottom:15px; }
.marginbottomM	{ margin-bottom:20px; }
.marginbottomL	{ margin-bottom:30px; }
.marginbottomLL	{ margin-bottom:40px; }

.marginleft0	{ margin-left:0; }
.marginleft1	{ margin-left:5px; }
.marginleft2	{ margin-left:10px; }
.marginleft3	{ margin-left:15px; }
.marginleftM	{ margin-left:20px; }
.marginleftL	{ margin-left:30px; }
.marginleftLL	{ margin-left:40px; }

.marginright0	{ margin-right:0; }
.marginright1	{ margin-right:5px; }
.marginright2	{ margin-right:10px; }
.marginright3	{ margin-right:15px; }
.marginrightM	{ margin-right:20px; }
.marginrightL	{ margin-right:30px; }
.marginrightLL	{ margin-right:40px; }

.marginheight0	{ margin-top:0;margin-bottom:0; }
.marginheight1	{ margin-top:5px;margin-bottom:5px; }
.marginheight2	{ margin-top:10px;margin-bottom:10px; }
.marginheight3	{ margin-top:15px;margin-bottom:15px; }
.marginheightM	{ margin-top:20px;margin-bottom:20px; }
.marginheightL	{ margin-top:30px;margin-bottom:30px; }
.marginheightLL	{ margin-top:40px;margin-bottom:40px; }

.marginwidth0	{ margin-top:0;margin-right:0; }
.marginwidth1	{ margin-top:5px;margin-right:5px; }
.marginwidth2	{ margin-left:10px;margin-right:10px; }
.marginwidth3	{ margin-left:15px;margin-right:15px; }
.marginwidthM	{ margin-left:20px;margin-right:20px; }
.marginwidthL	{ margin-left:30px;margin-right:30px; }
.marginwidthLL	{ margin-left:40px;margin-right:40px; }

.center			{ margin-left:auto;margin-right:auto; }



/* font-family */

.ff1			{ font-family:sans-serif; }
.ff2			{ font-family:serif; }
.ff3			{ font-family:cursive; }
.ffn			{ font-family:monospace; }
.ffm			{ font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}


/* font-decoration */

.bold			{ font-weight:bold; }
.italic			{ font-style:italic; } 



/* text-align */

.align-center	{ text-align:center; }
.align-left		{ text-align:left; }
.align-right		{ text-align:right; }



/* etc */

.dn				{ text-decoration:none; }
.du				{ text-decoration:underline; }
.ln				{ list-style-type:none; }
.clear			{ clear:both; }
.clear hr		{ display:none; }

.clearfix{zoom:1;}
.clearfix:after{
  content: ""; 
  display: block; 
  clear: both;
}

.displaynone	{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }
.floatleft		{ float:left; }
.floatright		{ float:right; }

.bordertopnone		{ border-top:0px; }
.borderrightnone	{ border-right:0px; }
.borderbottomnone	{ border-bottom:0px; }
.borderleftnone		{ border-left:0px; }

.listLalpha		{ list-style:lower-alpha; }
.listUalpha		{ list-style:upper-alpha; }
.listLroman		{ list-style:lower-roman; }
.listUroman		{ list-style:upper-roman; }

.nowrap{white-space:normal;}

.opacitylink:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}


/*####################################################################################

  	WP

　####################################################################################*/


#entrybody .alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
#entrybody .alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
#entrybody .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#entrybody ul{margin-left: 20px;}

#entrybody ol{margin-left: 25px;}

#entrybody blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

#entrybody a {color:#00f;}

#entrybody{
	overflow-wrap: break-word;
　　word-wrap: break-word;
}




/*####################################################################################

  	BASS

　####################################################################################*/


/* ------------------------ サイトの基本構造 ------------------------ */

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#1a1a1a;
	font-size:1.0em;
	font-family:'kozuka-gothic-pro';
	font-weight:400;
	line-height:1.7em;
	letter-spacing:0.07em;
	background-color:#333;
    animation:fadeIn 2s ease 0s 1 normal;
    -webkit-animation:fadeIn 2s ease 0s 1 normal;
	-webkit-text-size-adjust:100%;
}

@media screen and (max-width:480px){
body{line-height:1.8em;}
}

@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

#wrapper,
.wrapper{
	width:100%;
	position:relative;
	/*overflow:hidden;*/
	background-color:#fff;
}
	

/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}

rt{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

figure{margin:0;}

a{color:#1a1a1a;}
a:hover{color:#c00;}

sup{
	font-size:0.6em;
  vertical-align:baseline;
  position:relative;
  top:-1ex;
}

a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
a img{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

input[type="submit"]{-webkit-appearance:none;}


/* 共通部品 ---------------------------------- */



/* グローバルヘッダー */

#globalheader{
	width:100%;
	height:160px;
	/*margin-bottom:-100px;*/
	position:relative;
	/*overflow:hidden;*/
	z-index: 100;
}
	
#globalheader.fixed{
	height:50px;
	background-image:url(/bousai/shared/bg_clear-white80.png);
	overflow:hidden;
	position:fixed;
	top:0;
	border:none;
}
	

@media screen and (max-width:1000px){

#globalheader{
	height:80px;
	margin:0;
	background-image:none;
	overflow:visible;
}

}

@media screen and (max-width:700px){

#globalheader{
	height:50px;
}

}


	#globalheader .inner{
		max-width:1000px;
		width:100%;
		height:100px;
		margin:0 auto;
		position:relative;
	}

	/*#globalheader.fixed .inner{
		width:240px;
		margin:0;
		float:left;
	}*/

@media screen and (max-width:1060px){
	
	#globalheader .inner{
		width:90%;
	}

}

@media screen and (max-width:1000px){
	
	#globalheader .inner{
		width:100%;
		height:80px;
		margin:0;
		background-color:#fff;
		position:relative;
		top:1000;		
		z-index:1000;
	}

}

@media screen and (max-width:700px){

	#globalheader .inner{
		width:96%;
		height:50px;
		padding:0 2%;
	}

}


	#globalheader h1{
        position: relative;
		width:234px;
		padding-top:17px;
		line-height:0;
		float:left;
	}
	#globalheader h1:after{
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: -230px;
        width: 190px;
        height: 35px;
        background-image: url("../shared/logo_fmk.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
	#globalheader h1 img{
		width:100%;
		position:relative;
	}
	#globalheader h1 img:nth-of-type(1){
		width:68%;
		margin-bottom:3px;
	}

	/*#globalheader.fixed h1{
		width:160px;
		padding-top:10px;
	}*/

@media screen and (max-width:1000px){

	#globalheader h1{
		width:200px;
		padding:11px 0 0 2%;
	}
	
}

@media screen and (max-width:700px){

	#globalheader h1{
		width:238px;
		padding:14px 0 0 2%;
	}
	
	#globalheader h1 img{
		width:127px;
	}
	#globalheader h1 img:nth-of-type(1){
		width:102px;
		margin-bottom:3px;
		float:right;
	}
	#globalheader h1:after{
        right: -120px;
        width: 100px;
        height: 19px;
    }

}

@media screen and (max-width:480px){

	#globalheader h1:after{
        display: none;
    }

}

	
			#globalheader nav li.widthsub > a,
			#globalheader nav li.widthsub > span{
				background-image:url(../shared/img_plus.png);
				background-repeat:no-repeat;
				background-position:96% 50%;
				cursor:pointer;
			}
			





/* ヘッダー右 */

/******************************************************/

.menubtn{
	display:none;
	width:40px;
	height:22px;
	padding:19px 10px;
	outline: none;
	border: none;
	font-size: 20px;
	float:right;
	position:relative;
	top:7px;
}

@media screen and (max-width:1000px){
	
	.menubtn{display:block;}
	
}

@media screen and (max-width:700px){
	
	.menubtn{
		padding:9px 0;
		top:3px;		
	}
		
}


.menubtn .menu_icon01{
  display: block;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.menubtn .menu_icon01 span{
  display: block;
  width: 30px;
  height:2px;
  background: #333;
  margin-bottom:8px;
  transition: all 0.4s ease-out;
}
.menubtn.open .menu_icon01{
  transform: rotate(-45deg);
}
.menubtn.open .menu_icon01 .bar1{
  transform: rotate(0deg) translateY(10px);
}
.menubtn.open .menu_icon01 .bar2{
  opacity: 0;
}
.menubtn.open .menu_icon01 .bar3{
 transform: rotate(-90deg) translateX(10px);
}




/* メニュー */

	#globalheader nav{
		width:100%;
		height:50px;
		padding-top:10px;
		position:relative;
		background-color:#000;
		z-index:100;
	}

	#globalheader.fixed nav{
		padding-top:0;
		position:fixed;
		height:50px;
		top:0;
	}

@media screen and (max-width:1000px){
	
	#globalheader nav{
		/*display:none;*/
		/*height:auto;*/
		height:80px;
		padding-top:0;
		background-color:#333;
		top:0;
	}

}

@media screen and (max-width:700px){
	
	#globalheader nav{
		height:50px;
	}

}

		#globalheader nav .note{
			max-width:1000px;
			width:90%;
			display:block;
			height:100px;
			margin:0 auto -50px;
			position:relative;
			top:-50px;
		}

	@media screen and (max-width:1000px){
		
		#globalheader nav .note{
			display:inline;
			width:auto;
			float:none;
			top:0;
		}

	}
	
		#globalheader nav .note ul{
			width:330px;
			margin-bottom:-110px;
			position:relative;
			top:-110px;
			float:right;
		}

	@media screen and (max-width:1000px){

		#globalheader nav .note ul{
			width:100%;
			margin:0;
			top:0;
			float:none;
		}

	}
		
			#globalheader nav .note ul li{
				font-weight:700;
				font-size:0.85em;
				float:left;
				list-style:none;
			}

			#globalheader nav .note ul li:nth-of-type(1){
				width:194px;
				height:45px;
				margin-bottom:13px;
				float:right;
				border-right:2px solid #000;
				border-left:2px solid #000;
				border-bottom:2px solid #000;
				background-color:#ffe127;
			}
			
			#globalheader nav .note ul li:nth-of-type(1) a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:100%;
				height:100%;
			}

			#globalheader nav .note ul li:after{
				content:"　/　";
			}
			#globalheader nav .note ul li:nth-of-type(1):after,
			#globalheader nav .note ul li:nth-last-of-type(1):after{
				content:"";
			}


			#globalheader nav .note ul li:nth-of-type(2){
				clear:both;
			}

		
			#globalheader nav .note ul li a{
				text-decoration:none;
			}

		@media screen and (max-width:1000px){
		
			#globalheader nav .note ul li,
			#globalheader nav .note ul li:nth-of-type(1),
			#globalheader nav .note ul li:nth-of-type(2){
			display:-webkit-flex;
			display:flex;
			-webkit-align-items:center;
			align-items:center;
				width:100%;
				height:45px;
				margin:0;
				padding:0;
				border-right:none;
				border-left:none;
				border-bottom:1px solid #ccc;
				float:none;
				background-color:#fff;
			}
			#globalheader nav .note ul li:after{
				content:"";
			}

			#globalheader nav .note ul li:nth-of-type(1){
				/*background-color:#ffe127;*/
			}
		
			#globalheader nav .note ul li a{
				display:block;
				width:95%;
				height:100%;
				padding-left:5%;
				line-height:45px;				
			}
			
			#globalheader nav .note ul li:nth-of-type(1) a{
				justify-content: left;
			}
			
			
			#globalheader nav .note ul li a.thispage{
				background-color:#ffe127;
			}
			
		}





		#globalheader nav .mainmenu{
			clear:both;
			max-width:1000px;
			width:90%;
			height:50px;
			/*margin:0 auto -87px;*/
			margin:0 auto;
			position:relative;
			/*top:-50px;*/
			z-index:100;
		}

		#globalheader.fixed nav .mainmenu{
			/*height:65px;*/
		}
		
	@media screen and (max-width:1000px){

		#globalheader nav .mainmenu{
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			background-image:none;
			top:0;
		}
		
	}
		
			#globalheader nav .mainmenu li{
				/*width:196px;*/
				width:calc((100% - 20px) / 5);
				height:50px;
				margin-right:5px;
				list-style:none;
				line-height:50px;
				float:left;
			}
			#globalheader nav .mainmenu li:nth-last-of-type(1){
				margin-right:0;
			}
		
			#globalheader.fixed nav .mainmenu li{
				height:50px;
				padding-top:0;
			}

		@media screen and (max-width:1000px){
		
			#globalheader nav .mainmenu li{
				width:100%;
				height:auto;
				margin:0;
				padding-top:0;
				border-right:none;
				border-bottom:1px solid #ccc;
				float:none;
			}

			#globalheader nav .mainmenu li:nth-of-type(1){
				border-top:1px solid #ccc;
			}
			
		}



			#globalheader nav .mainmenu li a,
			#globalheader nav .mainmenu li span{
			display:-webkit-flex;
			display:flex;
 			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
				width:100%;
				height:50px;
				color:#000;
				font-size:1em;
				font-weight:700;
				text-align:center;
				text-decoration:none;
				background-color:#fff;
				border-radius:0 20px 0 0;
			}
			
			#globalheader nav .mainmenu li .thispage{
				background-color:#ffe127;
			}

		@media screen and (max-width:1000px){

			#globalheader nav .mainmenu li a,
			#globalheader nav .mainmenu li span{
				display:block;
 				justify-content:left;
				width:95%;
				height:100%;
				padding:0 0 0 5%;
				font-size:0.9em;
				text-align:left;
				line-height:45px;
				background-color:#eee;
				border-radius:0;
			}
			
		}

			#globalheader.fixed nav .mainmenu li a{
				padding-top:1px;
				color:#036;
			}

		
				#globalheader nav .mainmenu li ul{
					display:none;
					max-width:1000px;
					width:90%;
					padding:25px calc((100% - 1000px) / 2) 15px;
					position:fixed;
					background-color:#fff;
					text-align:center;
					left:0;
				}
	
			@media screen and (max-width:1127px){
		
				#globalheader nav .mainmenu li ul{
					max-width:100%;
					width:100%;
					height:auto;
					padding:25px 0 15px;
				}
			}
	
			@media screen and (max-width:1000px){
		
				#globalheader nav .mainmenu li ul{
					padding:0;
					position:relative;
				}
			}


				#globalheader nav .mainmenu li ul li{
					display:inline-block;
					width:31%;
					margin:0 calc(7% / 6) 12px;
					float:left;
				}
				#globalheader nav .mainmenu li ul li:nth-last-of-type(1){
					margin-right:0;

				}

		
				#globalheader nav .mainmenu li ul li a,
				#globalheader nav .mainmenu li ul li span{
					height:48px;
					background-color:#ffe127;
					border-radius:0;
					-moz-box-shadow:0 0 0 2px #1a1a1a inset;
					-webkit-box-shadow:0 0 0 2px #1a1a1a inset;
					box-shadow:0 0 0 2px #1a1a1a inset;
				}
				
				/* #globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-of-type(1) a,
				#globalheader nav .mainmenu li:nth-of-type(5) ul li:nth-of-type(3) a{
					color:#ffe127;
					background-color:#1a1a1a;
					-moz-box-shadow:0 0 0 2px #ffe127 inset;
					-webkit-box-shadow:0 0 0 2px #ffe127 inset;
					box-shadow:0 0 0 2px #ffe127 inset;
				}
				#globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-of-type(1) a:hover,
				#globalheader nav .mainmenu li:nth-of-type(5) ul li:nth-of-type(3) a:hover{
					color:#fc1b1c;
				}

				
				#globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-last-of-type(1) a{
					color:#fff;
					background-color:#fc1b1c;
				}
				
				#globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-last-of-type(1) a:hover{
					color:#ffe127;
				} */


	
			@media screen and (max-width:1000px){
			
				#globalheader nav .mainmenu li ul li{
					display:block;
					width:100%;
					height:45px;
					margin:0;
					padding:0;
					border-right:none;
					border-bottom:1px solid #ccc;
					float:none;
				}
	
				#globalheader nav .mainmenu li ul li:nth-of-type(1){
					border-top:1px solid #ccc;
				}
				
		
				#globalheader nav .mainmenu li ul li a,
				#globalheader nav .mainmenu li ul li span{
					display:block;
					justify-content:left;
					width:95%;
					height:100%;
					margin:0;
					padding:0 0 0 5%;
					font-size:0.9em;
					text-align:left;
					line-height:45px;
					background-color:#dbdbdb;
					-moz-box-shadow:0 0 0 0 #1a1a1a inset;
					-webkit-box-shadow:0 0 0 0 #1a1a1a inset;
					box-shadow:0 0 0 0 #1a1a1a inset;
				}
				#globalheader nav .mainmenu li ul li a:hover,
				#globalheader nav .mainmenu li ul li span hover{
					background-color:#f2f2f2;
				}
				
				#globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-of-type(1) a,
				#globalheader nav .mainmenu li:nth-of-type(5) ul li:nth-of-type(3) a{
					color:#ffe127;
					background-color:#1a1a1a;
					-moz-box-shadow:0 0 0 0 #ffe127 inset;
					-webkit-box-shadow:0 0 0 0 #ffe127 inset;
					box-shadow:0 0 0 0 #ffe127 inset;
				}
				#globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-of-type(1) a:hover,
				#globalheader nav .mainmenu li:nth-of-type(5) ul li:nth-of-type(3) a:hover{
					color:#fc1b1c;
				}

				
				#globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-last-of-type(1) a{
					color:#fff;
				}
				
				#globalheader nav .mainmenu li:nth-of-type(2) ul li:nth-last-of-type(1) a:hover{
					color:#ffe127;
				}

			}

		

			
#globalheader nav .mainmenu li a:hover{
	color:#c00;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
#globalheader nav .mainmenu li a{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}




@media screen and (max-width:1000px){

	#globalheader.fixed{position:relative;}
	#globalheader.fixed nav{position:relative;}

}


/********************* メイン項目 *********************/


	main{
		margin:0;
	}



		.ttl_wrapper{
			padding-bottom:4px;
			background:linear-gradient(to right,#208ece,#48c850);
		}

	
	main .inner{
		max-width:1000px;
		width:90%;
		margin:0 auto;		
	}
	
	


/* パンくず */

	.pankuzu{
		height:36px;
		border-bottom:1px solid #e4e4e4;		
	}

		.pankuzu ol{
			max-width:1000px;
			width:94%;
			margin:0 auto;		
			padding-top:4px;
		}
	
			.pankuzu li{
				font-size:0.8em;
				list-style:none;
				float:left;
			}
			.pankuzu li:after{
				content:">";
				margin-right:12px;
				position:relative;
				left:6px;
			}
			.pankuzu li:nth-last-of-type(1):after{content:"";}



/********************* ヘッダー固定 *********************/


	#globalheader.fixednav nav ul{
		display:block;
		max-width:980px;
		width:100%;
		height:40px;
		margin:0 auto;
		position:fixed;
		top:0;
		background-image:url(/bousai/shared/bg_clear-white90.png);
		background-repeat:repeat-x;
	}

	
	
	

/* セクション共通 */
	
	.stdsec{
		margin:0;
	}
		

		.stdsec .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			line-height:1.9em;
		}
	
		.stdsec .inner{zoom:1;}
		.stdsec .inner:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}





			.modoru{
				display:block;
				width:100px;
				height:24px;
				padding:0 0 0 10px;
				color:#fff;
				font-size:0.8em;
				float:right;
				line-height:25px;
				text-align:center;
				text-decoration:none;
				background-color:#369;
				background-image:url(/bousai/shared/img_yajirushi-white5.png);
				background-repeat:no-repeat;
				background-size:10px auto;
				background-position:5px 50%;
				border-radius:3px;
				position:relative;
				top:15px;
				z-index:100;
			}
			.modoru:hover{
				color:#ff6;
				background-color:#266ecc;
			}


		@media screen and (max-width:480px){

			.modoru{
				width:100px;
				margin-bottom:-20px;
				height:20px;
				line-height:21px;
				top:15px;
			}
	
		}




	/* 丸付き番号 */
	
	ol.marunum li{
		margin-left:20px;
		list-style:none;
	}
	
	ol.marunum li:before{
		margin-right:-15px;
		position:relative;
		left:-20px;
	}
	ol.marunum li:nth-of-type(1):before{content:"①"}
	ol.marunum li:nth-of-type(2):before{content:"②"}
	ol.marunum li:nth-of-type(3):before{content:"③"}
	ol.marunum li:nth-of-type(4):before{content:"④"}
	ol.marunum li:nth-of-type(5):before{content:"⑤"}
	ol.marunum li:nth-of-type(6):before{content:"⑥"}
	ol.marunum li:nth-of-type(7):before{content:"⑦"}
	ol.marunum li:nth-of-type(8):before{content:"⑧"}
	ol.marunum li:nth-of-type(9):before{content:"⑨"}
	ol.marunum li:nth-of-type(10):before{content:"⑩"}
	ol.marunum li:nth-of-type(11):before{content:"⑪"}
	ol.marunum li:nth-of-type(12):before{content:"⑫"}
	ol.marunum li:nth-of-type(13):before{content:"⑬"}
	ol.marunum li:nth-of-type(14):before{content:"⑭"}
	ol.marunum li:nth-of-type(15):before{content:"⑮"}
	ol.marunum li:nth-of-type(16):before{content:"⑯"}
	ol.marunum li:nth-of-type(17):before{content:"⑰"}
	ol.marunum li:nth-of-type(18):before{content:"⑱"}
	ol.marunum li:nth-of-type(19):before{content:"⑲"}
	ol.marunum li:nth-of-type(20):before{content:"⑳"}
	ol.marunum li:nth-of-type(21):before{content:"㉑"}
	

	/* ※付き番号 */
	
	ol.komenum li{
		margin-left:35px;
		list-style:none;
	}
	
	ol.komenum li:before{
		margin-right:-25px;
		position:relative;
		left:-35px;
	}
	ol.komenum li:nth-of-type(1):before{content:"※1"}
	ol.komenum li:nth-of-type(2):before{content:"※2"}
	ol.komenum li:nth-of-type(3):before{content:"※3"}
	ol.komenum li:nth-of-type(4):before{content:"※4"}
	ol.komenum li:nth-of-type(5):before{content:"※5"}
	ol.komenum li:nth-of-type(6):before{content:"※6"}
	ol.komenum li:nth-of-type(7):before{content:"※7"}
	ol.komenum li:nth-of-type(8):before{content:"※8"}
	ol.komenum li:nth-of-type(9):before{content:"※9"}
	ol.komenum li:nth-of-type(10):before{content:"※10"}


	/* ※ */
	
	.kome{
		margin-left:20px;
		list-style:none;
	}
	
	.kome:before{
		content:"※";
		margin-right:-16px;
		position:relative;
		left:-20px;
	}

	/* ● */
	
	.maru{
		margin-left:20px;
		list-style:none;
	}
	
	.maru:before{
		content:"●";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}

	/* ■ */
	
	.mashikaku{
		margin-left:20px;
		list-style:none;
	}
	
	.mashikaku:before{
		content:"■";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}



	/* カギカッコ数字 */
	
	.kakko1,.kakko2,.kakko3,.kakko4,.kakko5,.kakko6,.kakko7,.kakko8,.kakko9,.kakko10{
		margin-left:22px;
		margin-right:-22px;
		list-style:none;
	}
	
	.kakko1:before,
	.kakko2:before,
	.kakko3:before,
	.kakko4:before,
	.kakko5:before,
	.kakko6:before,
	.kakko7:before,
	.kakko8:before,
	.kakko9:before,
	.kakko10:before{		
		margin-right:-18px;
		position:relative;
		left:-22px;
	}
	.kakko1:before{content:"(1)";}
	.kakko2:before{content:"(2)";}
	.kakko3:before{content:"(3)";}
	.kakko4:before{content:"(4)";}
	.kakko5:before{content:"(5)";}
	.kakko6:before{content:"(6)";}
	.kakko7:before{content:"(7)";}
	.kakko8:before{content:"(8)";}
	.kakko9:before{content:"(9)";}
	.kakko10:before{content:"(10)";}
		


	/* テキストリンク */
	
	.linktext{
		margin:0 0 0 20px;
		padding-left:15px;
		text-decoration:none;
		background-image:url(/bousai/shared/img_triangle-red.png);
		background-repeat:no-repeat;
		background-position:0 50%;
		background-size:4px auto;
		position:relative;
		top:5px;		
	}

	.linktext:hover{
		text-decoration:underline;
	}




		/* 一覧リストページリンク */

		.page-navi{
			max-width:1060px;
			width:90%;
			margin:20px auto 0
		}
		
			.page-navi li{
				width:110px;
				list-style:none;
			}

			.next-page{
				float:right;
				text-align:right;
				background:url(/bousai/shared/btn_next.gif) no-repeat 100% 50%;
			}
			.prev-page{background:url(/bousai/shared/btn_next.gif) no-repeat 0 50%;}
				
			.page-navi a{
				height:20px;
				font-size:0.8em;
				/*font-family:'kozuka-gothic-pr6n','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
				font-weight:700;
				text-decoration:none;
				line-height:22px;
				display:block;
			}
			.next-page a{padding-right:28px;}
			.prev-page a{padding-left:30px;}




.notfound{
	padding:200px 0 0;
	color:#e73656;
	font-size:2.0em;
	font-weight:700;
	text-align:center;
}

@media screen and (max-width:640px){
	
.notfound{
	padding:100px 0 0;
	font-size:1.2em;
}

}

				
	/* ページの先頭へ */

	#link-to-header{
		width:40px;
		margin-top:-40px;
		bottom:5px;
		right:3%;
		position:fixed;
		z-index:10000;
		display:none;
	}

	#link-to-header img{width:100%;}

				
/* フッター ---------------------------------- */

	#globalfooter{
		width:100%;
				border-top:1px solid #e6e6e6;
	}
	
	#globalfooter.footeractive{
		position:fixed;
		bottom:0;
	}




	/* バナー */

		ul.banlist{
			max-width:1020px;
			width:96%;
			margin:10px auto;
			padding-top:30px;
			text-align:center;
		}
		ul.banlist li{
			display: inline-block;
			width:150px;
			margin:10px 10px 0;
			list-style:none;
		}
		ul.banlist li img{width:100%;}
			
	@media screen and (max-width:380px){
			
		ul.banlist li{
			margin:5px 5px 0;
		}
			
	}

	/* 協賛企業一覧バナー */

		ul.spbanlist{
			max-width:1020px;
			padding:30px 10px;
			width:96%;
			margin:30px auto 0;
			text-align:center;
			background:#eee;
		}
		ul.spbanlist li{
			display: inline-block;
			width:200px;
			margin:10px 10px 0;
			list-style:none;
		}



	.logo{
		padding-top:65px;
		letter-spacing:0.05em;
		position:relative;
		z-index:300;
		background-image:url(/bousai/shared/img_stripe.png);
		background-repeat:repeat-x;
		background-position:0 0;
		text-align:center;
		top:25px;
	}
	.logo img{
		width:190px;
	}



		.copyright{
			padding:10px 0;
			font-size:0.7em;
			text-align:center;
		}
			
	@media screen and (max-width:520px){
			
		.copyright{
			font-size:0.6em;
		}
			
	}
	


		/* 一覧リストページリンク */



		#navigation{
			clear:both;
			margin-top:12px;
		}
		
		#navigation:after{
			content: "";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0px;
		}
		* html #navigation{display: inline-table;}
		/* no ie mac \*/
		* html #navigation{height:1%;}
		#navigation{display: block; min-height:0;}
		/* */
		
			#navigation p{
				width:80px;
				margin:0;
			}		
		
			.nextlist{
				float:right;
				text-align:right;
			}
			
			#navigation p a{text-decoration:none;}





	.blocksp{display:none;}
	.blocksp0{display:none;}
	.blocksp0-5{display:none;}
	.blocksp1{display:none;}
	.blocksp1-5{display:none;}
	.blocksp2{display:none;}
	.blocksp2-5{display:none;}
	.blocksp3{display:none;}
	
	.inlinesp{display:none;}
	.inlinesp0{display:none;}
	.inlinesp0-5{display:none;}
	.inlinesp1{display:none;}
	.inlinesp1-5{display:none;}
	.inlinesp2{display:none;}
	.inlinesp2-5{display:none;}
	.inlinesp3{display:none;}
	
	.noblsp{display:block;}
	.noblsp0{display:block;}
	.noblsp0-5{display:block;}
	.noblsp1{display:block;}
	.noblsp1-5{display:block;}
	.noblsp2{display:block;}
	.noblsp2-5{display:block;}
	.noblsp3{display:block;}
	
	.noilsp{display:inline;}
	.noilsp0{display:inline;}
	.noilsp0-5{display:inline;}
	.noilsp1{display:inline;}
	.noilsp1-5{display:inline;}
	.noilsp2{display:inline;}
	.noilsp2-5{display:inline;}
	.noilsp3{display:inline;}

	@media screen and (max-width:1200px){
		.blocksp{display:block;}
		.inlinesp{display:inline;}
		.noblsp{display:none;}
		.noilsp{display:none;}
	}

	@media screen and (max-width:1000px){
		.blocksp0{display:block;}
		.inlinesp0{display:inline;}
		.noblsp0{display:none;}
		.noilsp0{display:none;}
	}

	@media screen and (max-width:840px){
		.blocksp0-5{display:block;}
		.inlinesp0-5{display:inline;}
		.noblsp0-5{display:none;}
		.noilsp0-5{display:none;}
	}

	@media screen and (max-width:770px){
		.blocksp1{display:block;}
		.inlinesp1{display:inline;}
		.noblsp1{display:none;}
		.noilsp1{display:none;}
	}

	@media screen and (max-width:640px){
		.blocksp1-5{display:block;}
		.inlinesp1-5{display:inline;}
		.noblsp1-5{display:none;}
		.noilsp1-5{display:none;}
	}


	@media screen and (max-width:480px){
		.blocksp2{display:block;}
		.inlinesp2{display:inline;}
		.noblsp2{display:none;}
		.noilsp2{display:none;}
	}

	@media screen and (max-width:400px){
		.blocksp2-5{display:block;}
		.inlinesp2-5{display:inline;}
		.noblsp2-5{display:none;}
		.noilsp2-5{display:none;}
	}

	@media screen and (max-width:370px){
		.blocksp3{display:block;}
		.inlinesp3{display:inline;}
		.noblsp3{display:none;}
		.noilsp3{display:none;}
	}



	.inlinesp-noilsp1{display:none;}
	@media screen and (max-width:1200px){.inlinesp-noilsp1{display:inline;}}
	@media screen and (max-width:770px){.inlinesp-noilsp1{display:none;}}

	.inlinesp0-noilsp1{display:none;}
	@media screen and (max-width:997px){.inlinesp0-noilsp1{display:inline;}}
	@media screen and (max-width:770px){.inlinesp0-noilsp1{display:none;}}



	/* stdsec */

	.stdsec,
	.tpdsec{ padding:90px 0 80px; }
	
	.stdsec { background-color:#ffe128; }
	.tpdsec { background-color:#fff; }

@media screen and (max-width:430px){

	.stdsec,
	.tpdsec{
		padding:60px 0 20px;
	}

}
	
@media screen and (max-width:770px){
		
	.stdsec,
	.tpdsec{ padding:70px 0 60px; }

	.stdsec { background-color:#ffe128; }
	
}
	
@media screen and (max-width:430px){
		
	.stdsec,
	.tpdsec{ padding:50px 0 40px; }
	
}

			
		.stdsec h2{
			width:90%;
			height:50px;
			margin:0 auto 65px;
			font-size:2.4em;
			font-weight:700;
			text-align:center;
			letter-spacing:0.07em;
			background-image:url(/bousai/shared/line_black-stripe.png);
			background-repeat:no-repeat;
			background-position:50% 100%;
			
		}
			
	@media screen and (max-width:770px){
			
		.stdsec h2{
			margin-bottom:50px;
			font-size:2.0em;
		}
			
	}
			
	@media screen and (max-width:640px){
			
		.stdsec h2{
			font-size:1.6em;
		}
			
	}
			
	@media screen and (max-width:430px){
			
		.stdsec h2{
			margin-bottom:40px;
			font-size:1.4em;
		}
			
	}

		.stdsec h3{
			padding-top:35px;
			font-size:1.7em;
			font-weight:700;
			background-image:url(/bousai/shared/bg_lbl.png);
			background-repeat:no-repeat;
			background-position:50% 0;
			text-align:center;
			
		}

		.stdsec .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			
		}



/*####################################################################################

  	HOME

　####################################################################################*/

#index main header{
}


		.imagemain{
			width:100%;
			/*height:424px;*/
			padding:58px 0;
			text-align:center;
			background-color:#ffe127;
			background-image:url(/bousai/shared/img_stripe.png);
			background-repeat:repeat-x;
			background-position:0 100%;
			display:-webkit-flex;
			display:flex;
 			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
		}

			.imagemain img{
				max-width:594px;
				width:90%;
			}

        
        .fv-bnr {
            margin-top: 30px;
            padding: 0 10px;
        }

        .fv-bnr a img {
            display: block;
            width: auto;
            max-width: 100%;
            margin: 0 auto;
            height: auto;
            border: none;
            vertical-align: text-bottom;
        }

	/* 災害ボランティアリンク */

		.saigailink{
			width:1000px;
			margin:0 auto;
			padding:50px 0 70px;
		}

	@media screen and (max-width:1080px){

		.saigailink{
			width:660px;
			margin:0 auto;
			padding:50px 0 70px;
		}

	}

	@media screen and (max-width:700px){

		.saigailink{
			width:490px;
			padding:40px 0 60px;
		}

	}

	@media screen and (max-width:530px){

		.saigailink{
			width:90%;
			padding:30px 0 50px;
		}

	}
		
		
			.saigailink header{
				width:320px;
				float:left;
			}

		@media screen and (max-width:1080px){
		
			.saigailink header{
				width:100%;
				float:none;
			}

		}
	
		@media screen and (max-width:700px){

			.saigailink header{
				width:100%;
				float:none;
			}

		}



			.saigailink h2{
				width:100%;
				height:150px;
				margin:10px 0;
				color:#1a1a1a;
				font-size:1.4em;
				font-weight:900;
				text-align:center;
				line-height:1.8em;
				background:url(/bousai/shared/line_yellow-stripe.png) repeat-x 0 0,url(../shared/line_yellow-stripe.png) repeat-x 0 100%;
			}

		@media screen and (max-width:1080px){
			
			.saigailink h2{
				width:320px;
				float:left;
				
			}
			
		}
		
		@media screen and (max-width:700px){

			.saigailink h2{
				width:100%;
				height:115px;
				margin-bottom:40px;
				background:url(/bousai/shared/line_yellow-stripe.png) repeat-x 0 100%;
			}

		}
		
		@media screen and (max-width:530px){

			.saigailink h2{
				height:85px;
				font-size:1.1em;
			}

		}

				.saigailink h2 strong{
					display:block;
					font-size:1.3em;
					font-weight:900;
				}
				
				.saigailink h2 a{
					display:block;
					width:100%;
					padding-top:35px;
					text-decoration:none;
				}

			@media screen and (max-width:700px){
	
				.saigailink h2 a{
					padding-top:0;
				}
	
			}




			.saigailink h2 + div{
				width:100%;
					height:150px;
				margin:20px 0 10px;
				background-color:#1a1a1a;
				-moz-box-shadow:0 0 0 2px #ffe128 inset;
				-webkit-box-shadow:0 0 0 2px #ffe128 inset;
				box-shadow:0 0 0 2px #ffe128 inset;
			}

			.saigailink h2 + div a{
				display:block;
				width:100%;
				height:58px;
				padding-top:92px;
				color:#ffe128;
				font-size:1.0em;
				font-weight:700;
				text-decoration:none;
				text-align:center;
				line-height:1.4em;
				background-image:url(/bousai/images/ico_saigai.png);
					background-repeat:no-repeat;
					background-position:50% 17px;
					background-size:80px auto;
			}

		@media screen and (max-width:1080px){
	
			.saigailink h2 + div{
				width:320px;
				margin:10px 0;
				float:right;
			}
	
		}

		@media screen and (max-width:700px){
	
			.saigailink h2 + div{
				width:100%;
				float:none;
				clear:both;
			}
	
		}
		

		@media screen and (max-width:530px){
	
			.saigailink h2 + div{
				height:64px;
				background-image:url(/bousai/shared/img_yajirushi-yellow2.png);
				background-repeat:no-repeat;
				background-size:8px auto;
				background-position:96% 50%;
			}

			.saigailink h2 + div a{
				height:60px;
				padding-top:4px;
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				background-position:12px 50%;
				background-size:60px auto;
			}

		}

		@media screen and (max-width:370px){
	
			.saigailink h2 + div{
				font-size:0.9em;
			}

		}
		


			.saigailink ul{
				width:660px;
				float:right;
			}

		@media screen and (max-width:1080px){
	
			.saigailink ul{
				width:100%;
				margin:10px 0;
				float:none;
			}
	
		}

		@media screen and (max-width:700px){
	
			.saigailink ul{
				width:100%;
			}
	
		}


				.saigailink ul li{
					width:150px;
					height:150px;
					margin:10px 20px 10px 0;
					list-style:none;
					background-color:#ffe128;
					float:left;
				-moz-box-shadow:0 0 0 2px #1a1a1a inset;
				-webkit-box-shadow:0 0 0 2px #1a1a1a inset;
				box-shadow:0 0 0 2px #1a1a1a inset;
				}
				.saigailink ul li:nth-of-type(4n){
					margin-right:0;
				}
				.saigailink ul li:nth-last-of-type(1){
					background-color:#fc1b1c;
				}
	
			@media screen and (max-width:700px){
		
				.saigailink ul li:nth-of-type(4n){
					margin-right:20px;
				}
				.saigailink ul li:nth-of-type(3n){
					margin-right:0;
				}

			}
	
			@media screen and (max-width:530px){
		
				.saigailink ul li{
					width:100%;
					height:64px;
					margin:10px 0;
					float:none;
					background-image:url(/bousai/shared/img_yajirushi-black.png);
					background-repeat:no-repeat;
					background-size:8px auto;
					background-position:96% 50%;
				}

				.saigailink ul li:nth-of-type(4n){
					margin-right:0;
				}
				.saigailink ul li:nth-last-of-type(1){
					background-image:url(/bousai/shared/img_yajirushi-white.png);
				}

			}
		
				.saigailink ul li a{
					display:block;
					height:58px;
					padding-top:92px;
					color:#1a1a1a;
					font-size:1.0em;
					font-weight:700;
					text-decoration:none;
					text-align:center;
					line-height:1.4em;
					
					background-repeat:no-repeat;
					background-position:50% 17px;
					background-size:80px auto;
				}
				.saigailink ul li:nth-of-type(1) a{background-image:url(/bousai/saigai/images/ico_saigai1.png);}
				.saigailink ul li:nth-of-type(2) a{background-image:url(/bousai/saigai/images/ico_saigai2.png);}
				.saigailink ul li:nth-of-type(3) a{background-image:url(/bousai/saigai/images/ico_saigai3.png);}
				.saigailink ul li:nth-of-type(4) a{background-image:url(/bousai/saigai/images/ico_saigai4.png);}
				.saigailink ul li:nth-of-type(5) a{background-image:url(/bousai/saigai/images/ico_saigai5.png);}
				.saigailink ul li:nth-of-type(6) a{background-image:url(/bousai/saigai/images/ico_saigai6.png);}
				.saigailink ul li:nth-of-type(7) a{background-image:url(/bousai/saigai/images/ico_saigai7.png);}
				.saigailink ul li:nth-last-of-type(1) a{
					color:#fff;
					background-image:url(/bousai/images/ico_saigai8.png);
				}
	
			@media screen and (max-width:530px){
		
				.saigailink ul li a{
					height:100%;
					padding-top:0;
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					background-position:12px 50%;
					background-size:60px auto;
				}
		
				.saigailink ul li a br{display:none;}
				
			}

			@media screen and (max-width:370px){
		
				.saigailink ul li a{
					font-size:0.9em;
					background-position:10px 50%;
					background-size:50px auto;
				}
	
			}


			
			
			


	/* TOPICS */
			
			.topics ul{
				max-width:1000px;
				width:90%;
				margin:0 auto;
			}
	
				.topics li{
					margin-bottom:2px;
					padding:0 2%;
					background-color:#fff;
					list-style:none;
				}
	
				.topics li{zoom:1;}
				.topics li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}
	
			@media screen and (max-width:770px){
	
				.topics li{
					padding:0 3%;
				}

			}
	
			@media screen and (max-width:430px){
	
				.topics li{
					padding:0 5%;
					font-size:0.9em;
				}

			}

					.topics li a{
						display:block;
						padding:15px 0;
						text-decoration:none;
					}
					.topics li a:hover{
						text-decoration:underline;
					}
	
	
					.topics li .date{
						width:115px;
						margin:0;
						padding:15px 0;
						color:#fc1b1c;
						font-weight:700;
						float:left;
					}
	
				@media screen and (max-width:770px){
	
					.topics li .date{
						padding:15px 0 5px;
					}
	
				}
			
					.topics li .cat{
						width:80px;
						height:20px;
						margin:16px 0 0;
						font-size:0.7em;
						font-weight:700;
						color:#fff;
						text-align:center;
						line-height:23px;
						float:left;
						background-color:#1a1a1a;
					}

					.topics li a,
					.topics li span{
						display:block;
						width:calc(96% - 190px);
						float:right;
						line-height:1.7em;
						
					}
	
				@media screen and (max-width:770px){

					.topics li a,
					.topics li span{
						width:100%;
						padding:0 0 15px;
						clear:both;
						
					}
	
				}
					.tptop {
						text-align:right;
						padding:20px 30px 0 0;
						font-size:0.8em;
						}

		/* TOPICS一覧 */
					.tpli { border: solid 1px #ffe128; }
					.tpli a:after { content:" ▶"}
		
		
		/* TOPICS詳細 */
					.topics-cover {
						padding-bottom:10px;
						border-bottom:solid 1px #ccc;
						}
					
					.topics-cover p {
						width:88%;
						margin: 0 auto;
						}
					
					.topics-day {
						margin:10px 10px 0 0;
						text-align:right;
						font-size:0.9em;
						color:#777;
						}


			.contentlink{
				width:1000px;
				margin:80px auto;
			}
	
		@media screen and (max-width:1040px){

			.contentlink{
				width:660px;
				margin:70px auto;
			}
	
		}
	
		@media screen and (max-width:700px){

			.contentlink{
				width:90%;
				margin:50px auto;
				float:none;
			}
	
		}


				.contentlink li{
					width:320px;
					height:320px;
					margin:0 20px 20px 0;
				color:#1a1a1a;
				font-weight:900;
				font-size:1.4em;
				text-align:center;
				line-height:1.8em;
					list-style:none;
					float:left;
					background-image:url(/bousai/shared/bg_yellow-stripe.png);
				-moz-box-shadow:0 0 0 2px #1a1a1a inset;
				-webkit-box-shadow:0 0 0 2px #1a1a1a inset;
				box-shadow:0 0 0 2px #1a1a1a inset;
				}
				.contentlink li:nth-last-of-type(1){margin-right:0;}
	
			@media screen and (max-width:1040px){
	
				.contentlink li:nth-of-type(2){margin-right:0;}

			}
	
			@media screen and (max-width:700px){
	
				.contentlink li{
					width:100%;
					margin-right:0;
					float:none;
				}

			}

		
			@media screen and (max-width:530px){
	
				.contentlink li{
					height:240px;
					font-size:1.1em;
				}
	
			}

				.contentlink li strong{
					display:block;
					font-size:1.3em;
					font-weight:900;
				}
				
				.contentlink li a{
					display:block;
					width:100%;
					padding-top:145px;
					text-decoration:none;					
					background-repeat:no-repeat;
					background-size:96px auto;
					background-position:50% 35px;
				}

			@media screen and (max-width:530px){
	
				.contentlink li a{
					padding-top:95px;
					background-size:58px auto;
					background-position:50% 28px;
				}
	
			}

				.contentlink li:nth-of-type(1) a{background-image:url(/bousai/images/ico_content1.png);}
				.contentlink li:nth-of-type(2) a{background-image:url(/bousai/images/ico_content2.png);}
				.contentlink li:nth-of-type(3) a{background-image:url(/bousai/images/ico_content3.png);}


				
				.contentlink li a .linkbtn,
				.contentlink li a .linkbtn-top{
					margin:28px auto 0;
					font-size:0.7em;
				}

			@media screen and (max-width:530px){
	
				.contentlink li a .linkbtn,
				.contentlink li a .linkbtn-top{
					margin:17px auto 0;
				}
	
			}

			@media screen and (max-width:370px){
	
				.contentlink li a .linkbtn,
				.contentlink li a .linkbtn-top{
					width:90%;
				}
	
			}


/* ラジオのすゝめ */

	#susume{
		/* margin-bottom:-150px; */
		/* padding-top:150px; */
		position:relative;
		/* top:-150px; */
	}

		#susume h3{
			padding-top:0;
			font-size:1.7em;
			font-weight:900;
			background-image:none;			
		}
		#susume h3:nth-of-type(2){padding-top:65px;}

	@media screen and (max-width:640px){
		
		#susume h3{
			font-size:1.7em;
		}

	}

	@media screen and (max-width:430px){
		
		#susume h3{
			font-size:1.1em;
		}

	}

	@media screen and (max-width:370px){
		
		#susume h3{
			font-size:1.0em;
		}

	}
			
			
			
			#susume p{
				max-width:640px;
				margin:15px auto;
				font-size:0.9em;
				text-align:center;
			}

		@media screen and (max-width:530px){
			
			#susume p{
				text-align:left;
			}

		}
		
				
			#susume .list{
				max-width:720px;
				width:90%;
				margin:0 auto;
				padding:20px 0 13px;
				background-color:#fff;
			}
			
				#susume .list ul{
					max-width:540px;
					width:90%;
					margin:0 auto;
				}
			
					#susume  ul li{
						margin:0 0 7px 20px;
						font-weight:700;
						list-style:none;
						line-height:1.5em;
					}
					#susume ul li:before{
						content:"●";
						margin-left:-15px;
						position:relative;
						top:-2px;
						left:-5px;
					}

				@media screen and (max-width:430px){
					
						#susume  ul li{font-size:0.9em;}
				}
	

			p.radiko{
				margin-bottom:0;
				text-align:center;
				line-height:0;
			}






/*####################################################################################

  	コンテンツ共通

　####################################################################################*/


		.imagecontent{
			width:100%;
			/*height:424px;*/
			padding:35px 0 50px;
			text-align:center;
			background-color:#ffe127;
			background-image:url(/bousai/shared/img_stripe.png);
			background-repeat:repeat-x;
			background-position:0 100%;
			display:-webkit-flex;
			display:flex;
 			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
		}

	@media screen and (max-width:700px){

		.imagecontent{
			width:100%;
			padding:20px 0 35px;
		}

	}
		
		
		.imagecontent img{
			max-width:165px;
			width:23%;
			min-width:120px;
			/*display:none;*/
		}
		.imagecontent img.saigai{
			max-width:130px;
			width:20%;
			min-width:93px;
			position:relative;
		}

			.imagecontent .inner{
				max-width:810px;
				width:90%;
				margin:0 auto;
			}

			.imagecontent .title{
				margin:0 0 25px;
				font-size:2.4em;
				font-weight:900;
				line-height:1.3em;
			}
	
		@media screen and (max-width:750px){
			
			.imagecontent .title{
				margin:0 0 15px;
				font-size:1.5em;
			}

		}
	
		@media screen and (max-width:430px){
			
			.imagecontent .title{
				font-size:1.4em;
			}

		}
	
		@media screen and (max-width:370px){
			
			.imagecontent .title{
				font-size:1.2em;
			}

		}
		
			.imagecontent .inner p{
				font-weight:700;
				line-height:1.8em
			}

		@media screen and (max-width:840px){
			
			.imagecontent .inner p{
				text-align:left;
			}

		}

		@media screen and (max-width:750px){
			
			.imagecontent .inner p{
				font-size:0.9em;
			}

		}


		.mainnote{
			padding:60px 0;
		}

	@media screen and (max-width:1080px){

		.mainnote{
			padding:70px 0;
		}

	}

	@media screen and (max-width:750px){

		.mainnote{
			padding:50px 0;
		}

	}

	@media screen and (max-width:430px){

		.mainnote{
			padding:30px 0;
		}

	}
		


			.mainnote h2{
				width:90%;
				height:68px;
				margin:10px auto 60px;
				color:#1a1a1a;
				font-size:2.0em;
				font-weight:900;
				text-align:center;
				line-height:1.8em;
				background:url(/bousai/shared/line_yellow-stripe.png) no-repeat 50% 100%;
			}

		@media screen and (max-width:750px){

			.mainnote h2{
				height:63px;
				margin-bottom:40px;
				font-size:1.7em;
			}

		}
		
		@media screen and (max-width:430px){

			.mainnote h2{
				height:58px;
				font-size:1.4em;
				background:url(/bousai/shared/line_yellow-stripe.png) repeat-x 0 100%;
			}

		}
		
		@media screen and (max-width:370px){

			.mainnote h2{
				font-size:1.2em;
			}

		}


			.mainnote .inner{
				max-width:720px;
				width:90%;
				margin:0 auto;
			}

			.mainnote .spnote{
				width:100%;
				margin:50px 0 30px;
				padding:10px 0;
				font-weight:900;
				font-size:1.25em;
				background-color:#ffe128;
				text-align:center;
			}
			
			.mainnote .inttl{
				margin:30px 0 10px;
				font-weight:900;
				font-size:1.15em;
				text-align:center;
				}
			.mainnote .date{
				font-size:0.9em;
				margin:0 auto 10px;
				text-align:center;
				}

			.mainnote p.align-left{
				text-align:left !important;
			}


		@media screen and (max-width:750px){

			.mainnote .spnote,
			.mainnote .hmnote{
				margin:50px 0 30px;
				font-size:1.0em;
			}

		}


		
		@media screen and (max-width:480px){

			.mainnote h2.longtext{
				height:78px;
				line-height:1.4em;
				position:relative;
			}

		}



		.levellist{
			margin: 40px 0;
		}

	@media screen and (max-width:750px){

		.levellist{
			font-size:0.9em;
		}

	}

	@media screen and (max-width:430px){

		.levellist{
			margin: 40px 0 0;
			font-size:0.8em;
		}

	}

			.levellist dt{
				margin-bottom:20px;
				padding:3px 2%;
				font-weight:900;
				background-color:#e6e6e6;
			}

			.levellist dd{
				margin-bottom:30px;
			}

		@media screen and (max-width:430px){

			.levellist dt{
				margin-bottom:15px;
			}

			.levellist dd{
				margin-bottom:0;
			}

		}

		@media screen and (max-width:430px){

			.levellist + .spnote{
				margin:30px 0 0;
			}

		}

	
		/* リンクバナー */

		.linkbtn{width:100%;}

	@media screen and (max-width:750px){

		.linkbtn{
			max-width:340px;			
			margin:0 auto;
			float:none;
		}

	}

		.linkbtn{zoom:1;}
		.linkbtn:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
		

			.linkbtn li{
				width:49%;
				height:48px;
				font-weight:700;
				text-align:center;
				list-style:none;
				line-height:48px;
				letter-spacing:0;
				float:left;
				background-image:url(/bousai/shared/ico_link.png);
				background-repeat:no-repeat;
				background-position:96% 50%;
				-moz-box-shadow:0 0 0 2px #1a1a1a inset;
				-webkit-box-shadow:0 0 0 2px #1a1a1a inset;
				box-shadow:0 0 0 2px #1a1a1a inset;
			}
			.linkbtn li:nth-of-type(2n){
				float:right;
			}

		@media screen and (max-width:750px){
	
			.linkbtn li,
			.linkbtn li:nth-of-type(2n){
				width:100%;
				margin-bottom:20px;
				float:none;
			}
			.linkbtn li:nth-last-of-type(1){margon-bottom:0;}
			
		}

		@media screen and (max-width:430px){
	
			.linkbtn li{
				font-size:0.9em;
			}
			
		}

		@media screen and (max-width:370px){
	
			.linkbtn li{
				font-size:0.8em;
			}
			
		}

				.linkbtn li a{
					display:block;
					width:100%;
					height:100%;
					text-decoration:none;
				}



/*####################################################################################

  	避難について

　####################################################################################*/


/**************************************************************************************

　　災害避難について
*/

		.hinandokoe{
			
		}
		
		
		@media screen and (max-width:640px){

			.hinandokoe h2.longtext{
				height:95px;
				line-height:1.4em;
				position:relative;
			}

		}
		
		@media screen and (max-width:480px){

			.hinandokoe h2.longtext,
			.hinandokoe h2.longtext{
				height:78px;
				font-size:1.4em;
				line-height:1.4em;
				position:relative;
			}

		}
		
			.hinandokoe .spnote2{
				width:90%;
				margin:50px 0 30px;
				padding:20px 5%;
				font-weight:700;
				font-size:1.0em;
				background-color:#ffe128;
				text-align:left;
			}

			@media screen and (max-width:750px){
		
			.hinandokoe .spnote2{
				margin:30px 0 30px;
				padding:15px 5%;
			}

			}
			
				.hinandokoe .spnote2 h3{
					font-weight:900;
					font-size:1.1em;
				}
			
				.hinandokoe .spnote2 p{
					margin:10px 0 0;
					line-height:1.7em;
				}

			@media screen and (max-width:750px){
		
				.hinandokoe .spnote2 h3{
					font-size:1.0em;
				}
	
				.hinandokoe .spnote2 p{
					font-size:0.9em;
				}
	
			}

		@media screen and (max-width:750px){

			.hinandokoe .inner > p{
				font-size:0.9em;
			}

		}



		.hinanjitakuigai{
			background-color: #f8f8f8;
		}

			.hinanjitakuigai .spnote{
				width:90%;
				padding:14px 5% 10px;
				text-align:left;
				line-height:1.4em;
			}

		@media screen and (max-width:750px){

			.hinanjitakuigai .spnote{
				margin:40px 0 20px;
				padding:10px 5% 6px;
				font-size:1.0em;
			}

		}

		@media screen and (max-width:430px){

			.hinanjitakuigai .spnote{
				margin:30px 0 0;
			}

		}

		@media screen and (max-width:750px){

			.hinanjitakuigai .inner > p{
				font-size:0.9em;
			}

		}



		@media screen and (max-width:750px){

			.hinankoujo .inner > p{
				font-size:0.9em;
			}

		}



			.hinankoujo h3{
				width:100%;
				margin:40px auto 10px;
				color:#1a1a1a;
				font-size:1.0em;
				font-weight:900;
				line-height:1.4em;
			}

		@media screen and (max-width:750px){

			.hinankoujo h3{
				margin:40px auto 10px;
				font-size:1.2em;
			}

		}
		
		@media screen and (max-width:430px){

			.hinankoujo h3{
				margin:30px auto 5px;
				font-size:1.1em;
			}

		}
		
		@media screen and (max-width:370px){

			.hinankoujo h3{
				font-size:1.0em;
			}

		}

			.hinankoujo h3 + p{
				margin:0;
			}


			.hinankoujo .spnote{
				margin:10px 0 0;
				padding:20px 0;
				font-size:1.0em;
			}

		@media screen and (max-width:750px){

			.hinankoujo .spnote{
				font-size:0.9em;
			}

		}

			.hinankoujo .spnote ul{
				max-width:570px;
				margin:0 auto;
				padding:0 15px 0 30px;
				font-size:1.0em;
				text-align:left;
			}


				.hinankoujo .spnote li{
					margin-bottom:8px;
					line-height:1.4em;
					list-style:none;
				}
				.hinankoujo .spnote li:nth-last-of-type(1){
					margin-bottom:0;
				}
				.hinankoujo .spnote li:before{
					content:"●";
					margin-right:-12px;
					position:relative;
					top:-1px;
					left:-16px;
				}


			.kyushitsu{
				margin:30px 0 20px;
			}

				.kyushitsu img{
					width:45%;
					margin-right:4%;
					float:left;
				}

				.kyushitsu p{
					position:relative;
					top:40px;
				}


			@media screen and (max-width:750px){
			
				.kyushitsu img{
					display:block;
					max-width:300px;
					width:80%;
					margin:0 auto;
					float:none;
				}

				.kyushitsu p{
					font-size:0.9em;
					top:0;
				}

			}





/**************************************************************************************

　　避難情報と行動判定フロー

*/

			.hinanpoint .subcatch{
				font-size:1.5em;
				font-weight:900;
				text-align:center;
				line-height:1.5em;
				text-decoration:underline solid #ffe128;
			}

		@media screen and (max-width:750px){

			.hinanpoint .subcatch{
				font-size:1.3em;
			}

		}

		@media screen and (max-width:480px){

			.hinanpoint .subcatch{
				font-size:1.1em;
			}

		}

		@media screen and (max-width:370px){

			.hinanpoint .subcatch{
				font-size:1.0em;
			}

		}

			.hinanpoint .subcatch + table{
				width:100%;
				border-collapse:collapse;
			}

				.hinanpoint .subcatch + table th{
					padding:40px 0;
					font-size:2.0em;
					border:1px solid #000;
				}

			@media screen and (max-width:750px){

				.hinanpoint .subcatch + table th{
					padding:40px 0;
					font-size:2.0em;
				}

			}

			@media screen and (max-width:430px){

				.hinanpoint .subcatch + table th{
					padding:40px 0;
					font-size:1.6em;
				}

			}
				
				.hinanpoint .subcatch + table tr:nth-of-type(1) th{
					padding: 5px 0;
					font-size:0.8em;
					line-height: 1.3em;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-of-type(1){width:7%;}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-of-type(2){width:14%;}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-of-type(4){width:21%;}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-last-of-type(2){width:4%;}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-last-of-type(1){width:21%;}

			@media screen and (max-width:750px){

				.hinanpoint .spnote + p + table tr:nth-of-type(1) th{
					font-size:0.7em;
				}

			}

			@media screen and (max-width:430px){

				.hinanpoint .subcatch + table tr:nth-of-type(1) th{
					font-size:0.6em;
				}

				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-of-type(2){width:16%;}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-of-type(4){width:20%;}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-last-of-type(2){width:2%;}
				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-last-of-type(1){width:20%;}
			}

				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-last-of-type(3){
					border-right:1px solid #ccc;
				}

				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-last-of-type(2){
					border-left:1px solid #ccc;
					border-right:1px solid #ccc;
				}




				.hinanpoint .subcatch + table td{
					padding:5px 1%;
					font-size:0.9em;
					font-weight:700;
					border:1px solid #000;
					line-height:1.4em;
				}

			@media screen and (max-width:750px){

				.hinanpoint .subcatch + table td{
					font-size:0.8em;
				}

			}

			@media screen and (max-width:430px){

				.hinanpoint .subcatch + table td{
					font-size:0.7em;
				}

			}

				.hinanpoint .subcatch + table tr:nth-of-type(1) th:nth-last-of-type(2){
					border-top:1px dashed #ccc;
					border-bottom:1px dashed #ccc;
				}


				.hinanpoint .subcatch + table tr:nth-of-type(2) th,
				.hinanpoint .subcatch + table tr:nth-of-type(2) td{
					color:#fff;
					background-color:#000;
					border:1px solid #fff;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(2) th{
					border-left:1px solid #000;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(2) td:nth-last-of-type(2){
					background-color:transparent;
					border:none;
					border-bottom:1px dashed #ccc;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(2) td:nth-last-of-type(1){
					border-right:1px solid #000;
				}
			.hinanpoint .subcatch + table tr:nth-of-type(3) td{
					background-color:#d2d3d5;
				}



				.hinanpoint .subcatch + table tr:nth-of-type(3) td:nth-last-of-type(2){
					border-bottom:1px solid #000;
				}

				.hinanpoint .subcatch + table tr:nth-of-type(4) th,
				.hinanpoint .subcatch + table tr:nth-of-type(4) td{
					color:#fff;
					background-color:#894495;
					border:1px solid #fff;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(4) th{
					border-left:1px solid #000;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(4) td:nth-last-of-type(2){
					background-color:transparent;
					border:none;
					border-bottom:1px dashed #ccc;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(4) td:nth-last-of-type(1){
					border-right:1px solid #000;
				}



				.hinanpoint .subcatch + table tr:nth-of-type(5) th,
				.hinanpoint .subcatch + table tr:nth-of-type(5) td{
					color:#000;
					background-color:#f04d29;
					border:1px solid #fff;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(5) td:nth-last-of-type(2){
					background-color:transparent;
					border:none;
					border-bottom:1px dashed #ccc;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(5) th{
					border-left:1px solid #000;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(5) td:nth-last-of-type(1){
					border-right:1px solid #000;
				}



				.hinanpoint .subcatch + table tr:nth-of-type(6) th,
				.hinanpoint .subcatch + table tr:nth-of-type(6) td{
					color:#000;
					background-color:#f6e600;
					border:1px solid #fff;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(6) td:nth-last-of-type(2){
					background-color:transparent;
					border:none;
					border-bottom:1px dashed #ccc;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(6) th{
					border-left:1px solid #000;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(6) td:nth-last-of-type(1){
					border-right:1px solid #000;
				}



				.hinanpoint .subcatch + table tr:nth-of-type(7) th,
				.hinanpoint .subcatch + table tr:nth-of-type(7) td{
					color:#000;
					background-color:#e7e7e8;
					border:1px solid #fff;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(7) td:nth-last-of-type(2){
					background-color:transparent;
					border:none;
					border-bottom:1px dashed #ccc;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(7) th,
				.hinanpoint .subcatch + table tr:nth-of-type(7) td{
					border-bottom:1px solid #000;
				}
				.hinanpoint .subcatch + table tr:nth-of-type(7) th{
					border-left:1px solid #000;
				}

				.hinanpoint .subcatch + table tr:nth-of-type(7) td:nth-last-of-type(1){
					border-right:1px solid #000;
					boder-left:1px solid #fff;
				}


			.hinanpoint .subcatch + table + p{
				margin-top:20px;
				margin-bottom:30px;
				line-height: 1.7em;
			}

		@media screen and (max-width:750px){

			.hinanpoint .subcatch + table + p{
				font-size:0.9em;
			}

		}

		@media screen and (max-width:430px){

			.hinanpoint .subcatch + table + p{
				font-size:0.8em;
			}

		}


				.hinanpoint .subcatch + table td ul{
					margin-left:20px;
				}


				.hinanpoint .subcatch + table + p{
					margin:15px 0 0;
					font-size:0.9em;
				}

				.hinanpoint .subcatch + table + p + p{
					margin:5px 0 10px;
					font-size:0.9em;
				}




			.levellist + .spnote + p{
				text-align: center;
				line-height: 1.5em;
				word-break:break-all;
				word-wrap:break-word;
			}

		@media screen and (max-width:750px){

			.levellist + .spnote + p{
				font-size:0.9em;
			}

		}

		@media screen and (max-width:430px){

			.levellist + .spnote + p{
				margin: 20px 0 0;
				/*font-size:0.8em;*/
			}

		}


	/* 避難行動判定フロー */

		.hinanhantei{
			background-color: #f8f8f8;
		}

			.hinanhantei .inner > p{
				margin: 40px 0 0;
				text-align: center;
			}

		@media screen and (max-width:750px){

			.hinanhantei .inner > p{
				font-size:0.9em;
			}

		}

		@media screen and (max-width:430px){

			.hinanhantei .inner > p{
				margin: 40px 0 0;
				/*font-size:0.8em;*/
			}

		}



		@media screen and (max-width:430px){

			.hinanhantei .spnote{
				margin:30px 0 0;
			}

		}



			.hinanhantei .spnote + p{
				text-align: center;
				line-height: 1.5em;
				word-break:break-all;
				word-wrap:break-word;
			}

		@media screen and (max-width:750px){

			.hinanhantei .spnote + p{
				font-size:0.9em;
			}

		}

		@media screen and (max-width:430px){

			.hinanhantei .spnote + p{
				margin: 20px 0 0;
				/*font-size:0.8em;*/
			}

		}


/**************************************************************************************

　　要支援者やペットとの避難
*/

		.youshienpet{}
		.youshienpet2{ background-color: #f8f8f8; }
		
		@media screen and (max-width:640px){

			.youshienpet h2.longtext,
			.youshienpet2 h2.longtext {
				height:95px;
				line-height:1.4em;
				position:relative;
			}

		}
		
		@media screen and (max-width:480px){

			.youshienpet h2.longtext,
			.youshienpet2 h2.longtext{
				height:78px;
				font-size:1.4em;
				line-height:1.4em;
				position:relative;
			}

		}
		
			.youshienpet .spnote2,
			.youshienpet2 .spnote2{
				width:90%;
				margin:50px 0 30px;
				padding:20px 5%;
				font-weight:700;
				font-size:1.0em;
				background-color:#ffe128;
				text-align:left;
			}

			@media screen and (max-width:750px){
		
			.youshienpet .spnote2,
			.youshienpet2 .spnote2{
				margin:30px 0 30px;
				padding:15px 5%;
			}

			}
			
				.youshienpet .spnote2 h3,
				.youshienpet2 .spnote2 h3{
					font-weight:900;
					font-size:1.1em;
				}
			
				.youshienpet .spnote2 p
				.youshienpet2 .spnote2 p{
					margin:10px 0 0;
					line-height:1.7em;
				}

			@media screen and (max-width:750px){
		
				.youshienpet .spnote2 h3,
				.youshienpet2 .spnote2 h3{
					font-size:1.0em;
				}
	
				.youshienpet .spnote2 p,
				.youshienpet2 .spnote2 p{
					font-size:0.9em;
				}
	
			}

		@media screen and (max-width:750px){

			.youshienpet .inner > p,
			.youshienpet2 .inner > p{
				font-size:0.9em;
			}


		}

/**************************************************************************************

  	ハザードマップ
*/



		.mapurl{
			padding:30px 0;
		}

	@media screen and (max-width:1080px){

		.mapurl{
			padding:30px 0;
		}

	}

	@media screen and (max-width:750px){

		.mapurl{
			padding:20px 0;
		}

	}

	@media screen and (max-width:430px){

		.mapurl{
			padding:0;
		}

	}



			.mapurl .spnote,
			.hmapurl .spnote{
				width:90%;
				padding:14px 5% 10px;
				text-align:left;
				line-height:1.4em;
			}
			
			.hmapurl .spnote { margin:0 0 30px; }						
			.hmapurl .spnote a {
				text-decoration:none;
				color:#0245bf;
				}
			.hmapurl .spnote a:hover { color:#c00; }
			
			.hmapurl .spnote span { display:inline-block; }
			.hmapurl .spnote a:after { content:" ▶"; }

		@media screen and (max-width:750px){

			.mapurl .spnote{
				margin:40px 0 20px;
				padding:10px 5% 6px;
				font-size:1.0em;
			}

			.mainnote .spnote span,
			.hmapurl .spnote span{
				font-size:0.8em;
				letter-spacing:0;
			}

		}

		@media screen and (max-width:430px){

			.mapurl .spnote{
				margin:30px 0 0;
			}

		}



			.mapurl .spnote + p{
				width:96%;
				margin-left:auto;
				margin-right:auto;
				line-height: 1.5em;
				word-break:break-all;
				word-wrap:break-word;
			}

		@media screen and (max-width:750px){

			.mapurl .spnote + p{
				font-size:0.9em;
			}

		}

		@media screen and (max-width:430px){

			.mapurl .spnote + p{
				width:100%;
				margin: 20px 0 0;
				/*font-size:0.8em;*/
			}

		}






/*####################################################################################

  	日頃から備えて安心非常用品

　####################################################################################*/


	/* 非常持出品 準備のポイント */
		
		@media screen and (max-width:540px){

			.youhinpoint h2{
				height:58px;
				font-size:1.4em;
				background:url(/bousai/shared/line_yellow-stripe.png) repeat-x 0 100%;
			}

		}
		
		@media screen and (max-width:370px){

			.youhinpoint h2{
				font-size:1.2em;
			}

		}


			.youhinpoint .spnote{
				padding:20px 0;
				font-size:1.0em;
			}

		@media screen and (max-width:750px){

			.youhinpoint .spnote{
				font-size:0.9em;
			}

		}

			.youhinpoint .spnote ul{
				max-width:570px;
				margin:0 auto;
				padding:0 15px 0 30px;
				font-size:1.0em;
				text-align:left;
			}

				.youhinpoint .spnote li{
					margin-bottom:8px;
					line-height:1.4em;
					list-style:none;
				}
				.youhinpoint .spnote li:nth-last-of-type(1){
					margin-bottom:0;
				}
				.youhinpoint .spnote li:before{
					content:"●";
					margin-right:-12px;
					position:relative;
					top:-1px;
					left:-16px;
				}



		.youhinpoint .banlink{
			margin:50px 0 20px;
			
		}




	/* 非常備蓄品 準備のポイント */

		.youhinpoint:nth-of-type(2n){
			background-color: #f8f8f8;
		}




	/* 非常持出品チェックリスト */

			.youhinpoint .levellist dd{
				margin:0 0 30px;
				line-height:1.7em;
			}

				.youhinpoint .levellist dd ul{
				}

				.youhinpoint .levellist dd li{
					padding:5px 0 5px 23px;
					list-style:none;
					border-bottom:1px dotted #e6e6e6;
				}

				/*.youhinpoint .levellist dd li{
					padding:5px 0;
					list-style:none;
					border-bottom:1px dotted #e6e6e6;
					
				}

				.youhinpoint .levellist dd li:before{
					content:"□";
					margin-right:-22px;
					font-size:1.6em;
					position:relative;
					top:2px;
					left:-25px;
				}*/

	
					.youhinpoint .levellist dd li input[type=checkbox]{
						width:15px;
						height:15px;
						margin-right:-18px;
						border:1px solid #ccc;
						position:relative;
						top:2px;
						left:-26px;
					}
	
					.youhinpoint .levellist dd li h3{
						display:inline;
						font-weight:700;
					}
	
					.youhinpoint .levellist dd li p{
						margin-top:0;
						margin-bottom:0;
					}






/*####################################################################################

  	防災情報の入手

　####################################################################################*/


	/* 避難行動判定フロー */



			.mediajoho .inner > p{
				margin: 40px 0 0;
				text-align: center;
			}

		@media screen and (max-width:750px){

			.mediajoho .inner > p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.mediajoho .inner > p{
				margin: 40px 0 0;
				/*font-size:0.8em;*/
			}

		}

		@media screen and (max-width:430px){

			.mediajoho .spnote{
				margin:30px 0 0;
			}

		}



			.mediajoho .spnote + p{
				text-align: center;
				line-height: 1.5em;
				word-break:break-all;
				word-wrap:break-word;
			}

		@media screen and (max-width:750px){

			.mediajoho .spnote + p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.mediajoho .spnote + p{
				margin: 20px 0 0;
				/*font-size:0.8em;*/
			}

		}

			.mediajoho .spnote + p + p{
				margin-top:15px;				
			}




	/* 避難行動判定フロー */


		.emailjoho{
			background-color: #f8f8f8;
		}

		@media screen and (max-width:750px){

			.emailjoho .spnote + p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.emailjoho .spnote + p{
				margin: 20px 0 0;
				/*font-size:0.8em;*/
			}

		}


			.emailjoho ul:nth-of-type(1){
				width:55%;
				position:relative;
				top:-28px;
				float:left;
			}

			.emailjoho ul:nth-of-type(2){
				width:45%;
				position:relative;
				top:-28px;
				float:right;
			}

		@media screen and (max-width:770px){

			.emailjoho ul:nth-of-type(1){
				width:100%;
				float:none;
			}

			.emailjoho ul:nth-of-type(2){
				width:100%;
				float:none;
			}

		}

		@media screen and (max-width:750px){

			.emailjoho ul{
				font-size:0.9em;
			}

		}

		@media screen and (max-width:430px){

			.emailjoho ul{
				margin: 20px 0 0;
				/*font-size:0.8em;*/
			}

		}


			.emailjoho li{
				width:calc(100% - 20px);
				margin-right:-20px;
				margin-bottom:-15px;
				padding:5px 0;
				list-style:none;
				border-bottom:1px dotted #e6e6e6;
				position:relative;
				left:20px;
				border:none;
			}

			.emailjoho li:before{
				content:"■";
				margin-right:-22px;
				color:#ffe128;
				font-size:1.4em;
				position:relative;
				top:28px;
				left:-20px;
			}

				.emailjoho li h4{
					font-weight:700;
				}


				.emailjoho li img{
					width:150px;
					margin-top:5px;
				}

			@media screen and (max-width:770px){

				.emailjoho li img{
					width:130px;
				}

			}

			@media screen and (max-width:430px){

				.emailjoho li img{
					display:block;
					width:100px;
					margin:0 auto;
					position:relative;
					left:-10px;
				}

			}



			.netjoho .spnote + p{
				text-align: center;
				line-height: 1.5em;
				word-break:break-all;
				word-wrap:break-word;
			}

		@media screen and (max-width:750px){

			.netjoho .spnote + p{
				font-size:0.9em;
			}

		}

		@media screen and (max-width:430px){

			.netjoho .spnote + p{
				margin: 20px 0 0;
				/*font-size:0.8em;*/
			}

		}



	/* 地震災害から身を守る */
	
	

.point1 { margin:0 20px 30px 40px; }
.point2 { margin:0 10px 30px 23px; }

.point1 li {
	list-style:square;
	margin:0 auto 5px;
	}

.point2 li,
.p-txt {
	list-style:none;
	margin:0 auto 5px;
	padding-left: 27px;
	line-height: 1.4em;
	background: url(../images/li-ico_2.png) left 0px top 0px no-repeat;
	background-size: 20px auto;
	font-size:1.1em;
	font-weight:bold;
	color:#444;
	}

.point3 {
	margin:10px 0 0 10px;
	padding:0;	
	}
/* .point3 li {
	list-style:none;
	font-size:1em;
	} */

.point3 li {
	display:inline-block;
	margin:5px;
	list-style:none;
	font-size:1em;
	}

.point-s3,
.pdf-fb{ display:block;	}
.point-s3 { margin:10px 20px; }
.pdf-fb{
	margin:0 auto;
	text-align:center;
	}

/* .point3 li a,
.point-s3 a {
	text-decoration:none;
	color:#1652cb;
	}
.point3 li a:hover,
.point-s3 a:hover { color:#ee0000; } */

.point3 li a,
.point-s3 a,
.pdf-fb a {
	display:inline-block;
	padding:6px 3px 4px 8px;
	text-align:center;
	line-height:1.2em;
	text-decoration:none;
	border-radius:5px;
	}

.point3 li a,
.point-s3 a {
	background-color:#000;
	color:#ffe127;
	}
.point3 li a:hover,
.point-s3 a:hover {
	background-color:#ffe127;
	color:#000;
	}
.pdf-fb a {
	margin:0 auto;
	background:#fff;
	border:solid 1px #ee0000;
	color:#ee0000;
	}
.pdf-fb a:hover {
	border:solid 1px #000;
	color:#000;
	}

.list10 {
	width:90%;
	display:block;
	margin:10px auto;
	padding:10px;
	border-radius:10px;
	background:#ff6c00;
	color:#fff;
	}

.list10 h4,
.list10 .lno {
	font-size:1.2em;
	font-weight:bold;	
	}
	
.list10 h4 { color:#ff0; }
.list10 .lno {
	margin-right:5px;
	color:#fff;
	}

@media screen and (max-width:750px){

.point1 { margin:0 10px 20px; }
.point2 { margin:0 10px 20px; }

}
	
	
@media screen and (max-width:480px){
	
.point2 li,
.point3 li a,
.list10 h4,
.list10 .lno { font-size:1em; }



}
	
	/* 風水害から身を守る */

/***********************************************
 テーブルオーバーフロー
 ***********************************************/
.overtbl-full {
	width:1000px;
	margin:0 auto;
	}

.overtbl {
}

/*　スマホ矢印表示　*/

.sp-arrow { display:none; }


@media screen and (max-width: 1000px) {

.overtbl-full {
	width:96%;
	overflow-x: auto;
}

.overtbl-full table {
	width: 1000px !important;
}

.sp-arrow {
	display:block;
	margin-right:20px;
	text-align:right;
	font-size:0.9em;
	color:#0e44cd;
	}

} /* max 768px -- */


@media screen and (max-width: 480px) {

.overtbl {
	overflow-x: auto;
}

.overtbl table {
	width: 700px !important;
}

}

.table-f {
	width:100%;
	margin:10px auto;
	border-collapse:collapse;
	border-spacing: 0;
	}

.table-f thead th,
.table-f td {
	border:solid 1px #ccc;
	font-weight:normal;
	font-size:0.9em;
	}

.table-f thead th {
	padding:5px;
	background:#ebebeb;
	}

.table-f td {
	padding:3px 5px;
	font-size:0.8em;
	}

.table-f .tdv1 { width:70px !important; } 
.table-f .tdv2 { width:100px !important; } 
.table-f .tdv5 { width:40% !important; } 


.table-c {
	width:100%;
	margin:20px auto 30px;
	border-collapse:collapse;
	border-spacing: 0;
	}

.table-c th,
.table-c td {
	padding:10px 0 0;
	border-bottom:solid 1px #ccc;
	}

.table-c th {
	width:70px;
	vertical-align:top;
	}

@media screen and (max-width: 940px) {
	
/* .table-c { width:96%; } */
	
}

@media screen and (max-width: 750px) {
	
.table-c { font-size:0.9em;  }

.table-c th { 50px; }

}

	/* 土砂災害から身を守る */
	

.flend-l,
.flend-r { overflow:hidden; }
.flend-l img {
	margin:0;
	float:left;
	}

.flend-l {
	padding:20px 0;
	border-bottom:solid 1px #ccc;
	}

.flend-r img {
	margin:0;
	float:right;
	}

.fl-txt {
	width:380px;
	float:left;
	display:block; 
	padding-left:20px;
	line-height:1.8em;
	}

.fr-txt {
	width:400px;
	float:right;
	display:block; 
	padding-top:50px;
	line-height:1.3em;
	}

.fr-txt ul {
	margin:10px 0 0 20px;
	}
	
	
@media screen and (max-width: 840px) {

.flend-l,
.flend-r { text-align:center;}

.flend-l {
	padding:0;
	border-bottom:none;
	}

.flend-l img,
.flend-r img,
.fl-txt,
.fr-txt { float:none; }	

.fl-txt,
.fr-txt {
	width:100%;	
	text-align:left;
	}

.fr-txt { padding:0; }

.fr-txt {
	margin-bottom:20px;
	padding: 0 0 10px;
	border-bottom: solid 1px #ccc;}

}


/*####################################################################################

  	避難所への避難方法

　####################################################################################*/


	/* 避難所の役割 */

		.hinanyakuwari{			
		}
		
		@media screen and (max-width:540px){

			.hinanyakuwari h2{
				height:58px;
				font-size:1.4em;
			}

		}
		
		@media screen and (max-width:370px){

			.hinanyakuwari h2{
				font-size:1.2em;
			}

		}


			.hinanyakuwari .inner > p{
				margin: 40px 0 0;
				text-align: center;
			}

		@media screen and (max-width:750px){

			.hinanyakuwari .inner > p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.hinanyakuwari .inner > p{
				margin: 40px 0 0;
				/*font-size:0.8em;*/
			}

		}


		.yakuwarichart{
			margin:35px 0;
			background-image:url(../hinan/images/bg_chart.png);
			background-repeat:repeat-y;
			background-size:20% 100%;
					border-left:1px solid #1a1a1a;
					border-right:1px solid #1a1a1a;
					border-bottom:1px solid #1a1a1a;
		}

	@media screen and (max-width:750px){

		.yakuwarichart{
			background-image:none;
		}

	}


			.yakuwarichart h3{
				clear:both;
				padding:5px 2%;
				font-weight:700;
				text-align:center;
				border-top:1px solid #1a1a1a;
				background-color:#ffe128;
			}

		@media screen and (max-width:750px){

			.yakuwarichart h3{
				font-size:0.9em;
			}

		}
		
				.yakuwarichart h4{
					clear:both;
					width:16%;
					font-weight:700;
					padding:20px 2%;
					float:left;
					border-top:1px solid #1a1a1a;
				}
			
				.yakuwarichart h4 + p{
					width:76%;
					margin:0;
					padding:20px 2%;
					float:left;
					border-top:1px solid #1a1a1a;
				}

		@media screen and (max-width:750px){

			
				.yakuwarichart h4{
					width:96%;
					padding:5px 2%;
					font-size:0.9em;
					float:none;
					background-color:#e6e6e6;
				}
			
				.yakuwarichart h4 + p{
					width:96%;
					padding:8px 2%;
					font-size:0.9em;
					float:none;
				}


		}




	/* 避難所に移動するときに必要なもの */


		.hinanneeds{
			background-color: #f8f8f8;
		}

		@media screen and (max-width:540px){

			.hinanneeds h2{
				height:58px;
				font-size:1.4em;
			}

		}
		
		@media screen and (max-width:370px){

			.hinanneeds h2{
				font-size:1.2em;
			}

		}

			.hinanneeds .inner > p{
				margin: 40px 0 0;
				text-align: center;
			}

		@media screen and (max-width:750px){

			.hinanneeds .inner > p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.hinanneeds .inner > p{
				margin: 40px 0 0;
				/*font-size:0.8em;*/
			}

		}



	/* 避難所でのマナーとルール */

		.hinanrule{			
		}

		@media screen and (max-width:540px){

			.hinanrule h2{
				height:58px;
				font-size:1.4em;
			}

		}
		
		@media screen and (max-width:370px){

			.hinanrule h2{
				font-size:1.2em;
			}

		}

			.hinanrule .inner > p{
				margin: 40px 0 0;
				text-align: center;
			}

		@media screen and (max-width:750px){

			.hinanrule .inner > p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.hinanrule .inner > p{
				margin: 40px 0 0;
				/*font-size:0.8em;*/
			}

		}


	/* 避難所到着後からの行動 */


		.hinanarrival{
			background-color: #f8f8f8;
		}

		@media screen and (max-width:540px){

			.hinanarrival h2{
				height:58px;
				font-size:1.4em;
			}

		}
		
		@media screen and (max-width:370px){

			.hinanarrival h2{
				font-size:1.2em;
			}

		}

			.hinanarrival .inner > p{
				margin: 40px 0 0;
				text-align: center;
			}

		@media screen and (max-width:750px){

		.hinanarrival .inner > p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.hinanarrival .inner > p{
				margin: 40px 0 0;
				/*font-size:0.8em;*/
			}

		}


			.hinanarrival .spnote{
				width:90%;
				padding:14px 5% 10px;
				text-align:left;
				line-height:1.4em;
			}

		@media screen and (max-width:750px){

			.hinanarrival .spnote{
				margin:40px 0 20px;
				padding:10px 5% 6px;
				font-size:1.0em;
			}

		}

		@media screen and (max-width:430px){

			.hinanarrival .spnote{
				margin:30px 0 0;
			}

		}





/*####################################################################################

  	災害ボランティア

　####################################################################################*/


	/* 災害ボランティアを依頼する */

			.volunteerirai h3,
			.volunteersanka h3,
			.volunteercheck h3{
				width:90%;
				margin:60px auto 15px;
				color:#1a1a1a;
				font-size:1.5em;
				font-weight:900;
				text-align:center;
				line-height:1.4em;
			}

		@media screen and (max-width:750px){

			.volunteerirai h3,
			.volunteersanka h3,
			.volunteercheck h3{
				margin:50px auto 15px;
				font-size:1.3em;
			}

		}
		
		@media screen and (max-width:430px){

			.volunteerirai h3,
			.volunteersanka h3,
			.volunteercheck h3{
				margin:40px auto 10px;
				font-size:1.1em;
			}

		}
		
		@media screen and (max-width:370px){

			.volunteerirai h3,
			.volunteersanka h3,
			.volunteercheck h3{
				font-size:1.0em;
			}

		}



			.volunteerirai .chart,
			.volunteersanka .chart{
				padding:20px 3%;
				background-color:#e6e6e6;
			}

				.volunteerirai .chart li,
				.volunteersanka .chart li{
					margin-bottom:20px;
					padding:14px 0 10px;
					font-weight:700;
					text-align:center;
					line-height:1.4em;
					letter-spacing:0;
					background-color:#fff;
					list-style:none;
				}
				.volunteerirai .chart li:nth-of-type(1),
				.volunteersanka .chart li:nth-of-type(1){
					color:#ffe128;
					background-color:#1a1a1a;
				}
				.volunteerirai .chart li:nth-last-of-type(1),
				.volunteersanka .chart li:nth-last-of-type(1){
					margin-bottom:0;
					color:#fff;
					background-color:#fc1b1c;
				}
				.volunteerirai .chart li:after,
				.volunteersanka .chart li:after{
					content:url(../shared/img_yajirushi-black2.png);
					display:block;
					margin-bottom:-20px;
					position:relative;
					top:12px;
				}
				.volunteerirai .chart li:nth-last-of-type(1):after,
				.volunteersanka .chart li:nth-last-of-type(1):after{
					content:"";
					margin-bottom:0;
					top:0;
				}

			@media screen and (max-width:750px){
	
				.volunteerirai .chart li,
				.volunteersanka .chart li{
					font-size:0.9em;
				}
	
			}
		



			.volunteerirai .spnote,
			.volunteersanka .spnote{
				margin-top:0;
				padding:20px 0;
				font-size:1.0em;
			}

		@media screen and (max-width:750px){

			.volunteerirai .spnote,
			.volunteersanka .spnote{
				font-size:0.9em;
			}

		}

			.volunteerirai .spnote ul,
			.volunteersanka .spnote ul{
				max-width:570px;
				margin:0 auto;
				padding:0 15px 0 30px;
				font-size:1.0em;
				text-align:left;
			}

				.volunteerirai .spnote li,
				.volunteersanka .spnote li{
					margin-bottom:8px;
					line-height:1.4em;
					list-style:none;
				}
				.volunteerirai .spnote li:nth-last-of-type(1),
				.volunteersanka .spnote li:nth-last-of-type(1){
					margin-bottom:0;
				}
				.volunteerirai .spnote li:before,
				.volunteersanka .spnote li:before{
					content:"●";
					margin-right:-12px;
					position:relative;
					top:-1px;
					left:-16px;
				}



		.volunteersanka{
			background-color: #f8f8f8;
		}

			.volunteersanka .inner > p{
				margin: 40px 0 0;
				text-align: center;
			}

		@media screen and (max-width:750px){

			.volunteersanka .inner > p{
				font-size:0.9em;
				text-align:left;
			}

		}

		@media screen and (max-width:430px){

			.volunteersanka .inner > p{
				margin: 40px 0 0;
				/*font-size:0.8em;*/
			}

		}



		.volunteercheck{			
		}


			.volunteercheck h2.longtext{
				height:95px;
				line-height:1.4em;
				position:relative;
			}


		@media screen and (max-width:750px){

			.volunteercheck .mainnote h2.longtext{
				font-size:1.7em;
			}

		}
		
		@media screen and (max-width:430px){

			.volunteercheck h2.longtext{
				height:78px;
				font-size:1.4em;
			}

		}

		@media screen and (max-width:370px){

			.volunteercheck h2.longtext{
				font-size:1.2em;
			}

		}

			.volunteercheck h3{
				margin:60px auto 30px;
			}

		@media screen and (max-width:750px){

			.volunteercheck h3{
				margin:50px auto 25px;
			}

		}
		
		@media screen and (max-width:430px){

			.volunteercheck h3{
				margin:40px auto 20px;
			}

		}



		.volunteercheck dl.levellist{
			width:47%;
			height:380px;
			margin:0 0 45px;
			float:left;
			border:solid 2px #1a1a1a;
			box-sizing:border-box;
		}
		.volunteercheck dl.levellist:nth-of-type(2n){
			float:right;
		}
		.volunteercheck dl.levellist:nth-of-type(3),
		.volunteercheck dl.levellist:nth-of-type(4){
			height:520px;
		}

	@media screen and (max-width:750px){

		.volunteercheck dl.levellist{
			font-size:1.0em;
		}

	}

	@media screen and (max-width:640px){

		.volunteercheck dl.levellist{
			width:100%;
			height:auto;
			margin:0 0 25px;
			float:none;
		}
		.volunteercheck dl.levellist:nth-of-type(2n){
			float:none;
		}
		.volunteercheck dl.levellist:nth-of-type(3),
		.volunteercheck dl.levellist:nth-of-type(4){
			height:auto;
		}

	}

	@media screen and (max-width:430px){

		.volunteercheck dl.levellist{
			font-size:0.9em;
		}

	}



			.volunteercheck .levellist dt{
				height:50px;
				margin-bottom:20px;
				padding:0 2%;
				font-size:1.2em;
				font-weight:900;
				text-align:center;
				line-height:50px;
				background-color:transparent;
				background-image:url(../volunteer/images/bg_levellist-header.png);
				background-repeat:repeat-x;
			}



		@media screen and (max-width:430px){

			.volunteercheck .levellist dt{
				margin-bottom:15px;
			}

		}


			.volunteercheck .levellist dd{
				margin:0 0 30px;
				padding:0 6%;
				line-height:1.7em;
			}

				.volunteercheck .levellist dd ul{
				}

				.volunteercheck .levellist dd li{
					padding:5px 0 5px 23px;
					list-style:none;
					border-bottom:1px dotted #e6e6e6;
				}

				/*.youhinpoint .levellist dd li{
					padding:5px 0;
					list-style:none;
					border-bottom:1px dotted #e6e6e6;
					
				}

				.youhinpoint .levellist dd li:before{
					content:"□";
					margin-right:-22px;
					font-size:1.6em;
					position:relative;
					top:2px;
					left:-25px;
				}*/

	
					.volunteercheck .levellist dd li input[type=checkbox]{
						width:15px;
						height:15px;
						margin-right:-18px;
						border:1px solid #ccc;
						position:relative;
						top:2px;
						left:-26px;
						z-index: 0;
					}
	
					.volunteercheck .levellist dd li h4{
						display:inline;
						font-weight:700;
					}
	
					.volunteercheck .levellist dd li p{
						margin-top:0;
						margin-bottom:0;
					}


			@media screen and (max-width:750px){

				.volunteercheck dl.levellist + p{
					font-size:0.9em;
				}
				
			}



/*####################################################################################*/


	/* リンクボタン */

 	.linkbtn-top{
		display:block;
		width:280px;
		height:48px;
		margin:43px auto 0;
		color:#000;
		font-weight:700;
		line-height:49px;
		text-align:center;
		text-decoration:none;
		background-color:#fff;
		background-image:url(../shared/img_yajirushi-black.png);
		background-repeat:no-repeat;
		background-size:8px auto;
		background-position:95% 50%;
		-moz-box-shadow:0 0 0 2px #1a1a1a inset;
		-webkit-box-shadow:0 0 0 2px #1a1a1a inset;
		box-shadow:0 0 0 2px #1a1a1a inset;
	}


/* 改行指定 */
.ftx { display:inline-block; }


.spftx { display:inline-block; }

@media screen and (max-width:840px){

.spftx { display:inline; }

}