@charset "utf-8";

/* ==========================================
 
 
#header関連
 
 
========================================== */


#header #site_description { background: #555555; } /* カスタムCSSで上書き */
#header #site_description h1 { background: #555555; } /* カスタムCSSで上書き */

	#header #site_description h1 {
		font-size: 0.9em;
		color : #ffffff; /* カスタムCSSで上書き */
		font-weight: normal;
		text-align: left;
		padding: 5px 15px 5px 15px;
	}
	
	#header #site_description h1 a:link { color: #ffffff; text-decoration: none;} /* custom.css */
	#header #site_description h1 a:visited { color: #ffffff; text-decoration: none;} /* custom.css */
	#header #site_description h1 a:hover { color: #ffffff; text-decoration: underline;} /* custom.css */


/* ---- スマホ表示 ---- */
@media screen and (max-width:767px) {
	
	#header #site_title_wrapper #site_title {
		font-size: 1.0em;
		text-align: left;
		padding: 20px 10px 20px 10px;
	}
	
		#header .headerimage img { max-width: 100%; }
	
	
		#header #site_title_wrapper #site_title .logo {
			max-width: 80%;
			margin: 0 0 10px 0;
		}
		
		#header #site_title_wrapper #site_title .add {
			margin: 1em 0 1em 0;
		}
		
		#header #site_title_wrapper #site_title .tel {
			max-width: 80%;
			margin: 20px 0 10px 0;
		}
		
		#header #site_title_wrapper #site_title .time {
			max-width: 80%;
			margin: 20px 0 0 0;
		}
		
	#main_visual_pc {
		position: fixed;
		top: -9999;
	}
	
	#main_visual_sp {
		 max-width: 640px;
		 margin: 0 auto;
	}

} /* ---- media screen and (max-width:750px) ---- */


/* ---- PC表示 ---- */
@media screen and (min-width:768px) {
	
	#header #site_description h1 {
		width: 950px;
		margin: auto;
	}
	
	#header #site_title_wrapper #site_title {
		font-size: 1.0em;
		width: 980px;
		display: flex;
		margin: 0 auto;
	}
	
		#header #site_title_wrapper #site_title .left {
			text-align: left;
			width: 50%;
			padding: 20px 20px 20px 20px;
		}
		
			#header #site_title_wrapper #site_title .left .logo {
				padding: 0 0 10px 0; /* カスタムCSSで上書き */
			}
			
			#header #site_title_wrapper #site_title .left .add {
				padding: 1em 0 1em 0; /* カスタムCSSで上書き */
			}
		
		#header #site_title_wrapper #site_title .right {
			text-align: right;
			width: 50%;
			padding: 20px 20px 20px 20px;
		}
		
			#header #site_title_wrapper #site_title .right .tel {
				padding: 20px 0 10px 0; /* カスタムCSSで上書き */
			}
			
			#header #site_title_wrapper #site_title .right .time {
				padding: 20px 0 20px 0; /* カスタムCSSで上書き */
			}
			
	#main_visual_pc {
		min-width: 980px;
		background: url("/res/images/common/mv_bg.png") repeat-x; /* カスタムCSSで上書き */
	}
	
	#main_visual_sp {
		display: none;
	}
	
} /* ---- media screen and (min-width:751px) ---- */