@charset "utf-8";

@media screen and (max-width:1024px) {
	img {height: auto; max-width:100%;}
	#site-branding,
	#topicpath .Inner,
	article,
	#footer-info{margin: 0 10px !important;}
}
@media screen and (max-width: 880px) {
	#site-title.row{flex-wrap: wrap;width: 170px;}
	#site-title a{margin-bottom: 0;margin-left: 10px;}
	#discription{
	height: 20px;
	line-height: 20px;
	margin: 0 auto 20px 20px;
	}
}
@media screen and (max-width: 768px) {
	#site-branding,
	article,
	#footer-info{margin: 0 !important;}
/* = Basic
---------------------------*/
 html { font-size:56.25%;}
 body {-webkit-text-size-adjust: none;min-width:initial;}
 .pcbr{display: inline-block;}
 .spbr{display:block;}
 .pc_del{display:inline-block !important;}
 .sp_del{display:none !important;}
 img.alignRight,img.alignLeft {float: none;display:block;margin: 0 auto;}
 dl dt {
	width: 100% !important;
	float: none;
 }
 iframe {	width: 100% !important;}
 table {	width: auto !important;}
	
/* = Layout
---------------------------*/
#content{display: block;}
h1#site-title,p#site-title{	margin: 0 auto 10px;}
#content{margin: 20px auto 20px;width: 94%;}
#primary{ width:100%; margin-bottom: 40px;} 
#secondary{
	width:100%;
	margin-left:0;
	padding: 15px 0;
	height:auto !important;
}
.row{flex-wrap: wrap;}
	#mainVisual.home .row{flex-wrap: nowrap;}
	#mainVisual.home #Vnav.row{flex-wrap: wrap;}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8{margin-bottom:10px;}
.col1{width:15.34090909%;}
.col2{width:31.818181818%;}
.col3{width:48.863636363%;}
.col5,.col6,.col7,.col8{width:100%}
	
/* = Header
---------------------------*/
	#site-header { margin: 20px 0 0 0;}
	#headparts{
	flex-wrap: wrap;
	width: 240px;
	min-width: 240px;
	padding: 15px 6px;
		margin-right: 70px;
 }
	#fontsize, #inverse {	width: 46%;	margin-bottom: 8px;margin-left: 0;}
 #inverse::before{content: "背景";}
 #fontsize::before{content: "文字";}
 #searchBox{width:84%;}
	
#tMenu{
	display: block;
 font-size: 10px;
 line-height:1;
 vertical-align: middle;
 color: #000000;
 position: absolute;
 top: 80px;
 right:5px;
	text-align: center;
 width: 50px;
	height: 12px;
}
#main-navigation #bt_gmenu,
#main-navigation #bt_gmenu span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#bt_gmenu {
  position: absolute;
	top:35px;
	right:20px;
	width: 32px;
	height: 32px;
	background: #fff;
	box-shadow: none;
	border: none;
}
#bt_gmenu:hover{
	border-color:none;
	box-shadow:none;
	cursor:pointer;
	border: none;
	background: none;
}
#bt_gmenu span {
	position: absolute;
	left: 5px;
	width: 32px;
	height: 4px;
	background-color: #1B933B;
}
#bt_gmenu span:nth-of-type(1) {top:0px;}
#bt_gmenu span:nth-of-type(2) {top: 14px;}
#bt_gmenu span:nth-of-type(3) {bottom:0px;}
#bt_gmenu.active span:nth-of-type(1) {-webkit-transform: translateY(14px) rotate(-45deg);transform: translateY(14px) rotate(-45deg);}
#bt_gmenu.active span:nth-of-type(2) {opacity: 0;}
#bt_gmenu.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(45deg);	transform: translateY(-14px) rotate(45deg);}
#nav-container {
	display:none;
	position:fixed;
	top: 120px;
	right:0px;
	width:100%;
	height: 100%;
	padding-bottom:100px;
	z-index:9999;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	border-left: none;
	background: url(../images/bg_w.png);
	border-top:1px solid #A5B239;
}
#main-navigation ul{
	margin-bottom: 60px;
	display: block;
 background-color: #FFFFFF;
}
#main-navigation ul li {
	margin-bottom: 0;
	display: block;
	width:100%;
	border-bottom:1px solid #A5B239;
}
#main-navigation ul li:first-child {display:block;}
#main-navigation #nav-container ul li:after,#main-navigation #nav-container ul li:last-child:before{content: none;}
#main-navigation ul li a {
	text-align: left;
	height:44px;
	line-height: 44px;
	padding-top:0;
	padding-left: 60px;
}
#main-navigation ul li a::after {
	top:0;right:auto;left:20px;bottom: 0;
	margin: auto;
}
body.fixed #main{ opacity:.6;}
	
/* = Footer
-------------------------------*/
	#footer-info.row{
		width: 90%;
		margin: auto;
		display: block;
		padding-bottom:40px;
	}
	#footer-info::before{
		width: 259px;
		height: 15.5px;
		background-size:259px 15.5px;
		}
	#fTitle{text-align: center;}
	#linkMap{ margin-top: 20px; width: 100%; text-align: center;}

	/* = Contents 
---------------------*/
#secondary img {
	margin: 0 auto .5em auto;
}
#footer-nav, #footer-nav th, #footer-nav td {
	display: list-item;
	list-style: none;
	padding: 0;
	white-space: nowrap;
}
#footer p span {
	display: block;
}
/*= module*/
.imgRight, .imgLeft {
	float: none;
	display: block;
	margin: 0 auto 1em auto;
}
ul.ul-img_float li {
	margin-right: 10px;
}
/*== home*/
.emergencyblock_inner .dl_topics dt ,
.dl_topics dt {
	float: none;
	margin: 15px 0 0px 20px;
	clear: both;
}
.emergencyblock_inner .dl_topics dd ,
.dl_topics dd {
	padding-left: 0px;
	margin: 0px 20px 0px 20px;
}

/* end  @media (max-width: 768px)*/}
@media screen and (max-width: 520px) {
	
	#site-branding.row{display: block;}
	#headparts{
	flex-wrap: wrap;
	width: 100%;
	min-width: 240px;
	padding: 15px 6px;
		margin-right: 70px;
 }
	#fontsize, #inverse {text-align: center;}
 #inverse::before{content: "背景色";}
 #fontsize::before{content: "文字サイズ";}
 #searchBox{width:84%;}

/* end  @media (max-width: 520px)*/}
@media screen and (max-width: 480px) {
	
/* = Contents 
---------------------*/
/* # Alignments */
.imgLeft,
.imgRight,
.imgCenter {
	float: none !important;
	display: block !important;
	margin:0 auto !important;
}

/* Layout box */
.col1,
.col2{width:48.863636363%}
.col4,
.col5,.col6,.col7,.col8{width:100%}
/*2段組み↓*/
.x4{width:48.863636363%}
.x3,.x2,.w240,.w520{width:100%;}
	
	
.br {
	display: block;
}
.home #life2 ul li {
	display: block;
	width: 100%;
}
.google-maps {
	position: relative;
	padding-bottom: 280px;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.dl_topics li{ display:block;}
.dl_topics li span {width: 100%;display:block; }
.dl_topics li a {width: auto; list-style: 1.5;}
/* end  @media (max-width: 480px)*/}
@media screen and (min-width: 769px) {
#gmenu {	display: none;}
/* end  @media (min-width: 769px)*/}
/*@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx) {
}
*/
@media print {
#gmenu {	display: none;}

/* end  @media print */}