@charset "UTF-8";

  /* ---------------------------------------------------------------- *
	ヘッダー
 * ---------------------------------------------------------------- */
   
.header-logo {
	float:left;
	width:220px;
	}
   
.header-logo img {
	width:100%;
	}
	
.nomart-contents li a {
	color:#7D7C7D;
	text-decoration:none;
	}
	
.nomart-contents li a:hover {
	text-decoration:underline;
	}
	
.nomart-menu li a {
	color:#7D7C7D;
	text-decoration:none;
	}
	
.nomart-menu li a:hover {
	text-decoration:underline;
	}
	

 /* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */
 
.footer {
	content:"";
	display:block;
	clear:both;
	margin-top:20px;
	height:100px;
	}

.footer-contents {
	float:left;
	}
	
.footer-contents ul {
	margin:0;
	padding:0;
	}

.footer-contents li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:12pt;
	font-weight:bold;
	}
	
.footer-contents li span {
	font-size:8pt;
	color:#7D7C7D;
	}

.footer-contents li a {
	color:#7D7C7D;
	text-decoration:none;
	}

.footer-contents li a:hover {
	opacity:0.5;
	}

.projects {
	margin-left:32px;
	margin-bottom: 10px;
	}

.copyright {
	float:right;
	font-size:9.5px;
	}
	
	
/* ---------------------------------------------------------------- *
	レスポンシブ
 * ---------------------------------------------------------------- */

 @media (max-width:649px) {
 	
 	#menubtn {
 		float:right;
 		margin-top:-2px;
 		margin-left:20px;
 		padding:0;
 		border:solid 0px;
 		background-color:#ffffff;
 		}
 	
 	#menubtn i {
 		color:#888888;
 		font-size:25px;
 		}
 	
 	#menubtn span {
 		display:inline-block;
 		text-indent:-9999px;
 		}
 	
 	.header {
 		height:19px;
 		margin-top:20px;
 		margin-bottom:80px;
 		}
 	
 	.header-logo{
		float:left;
		width:150px;
		margin-top:2px;
		margin-right:52px;
		margin-bottom:15px;
		}
		
	.header-logo img{
		width:100%;
		}

	 /* -----------ノマルセクション------------- */

	.nomart-contents, .nomart-menu {
		display:none;
		}
	
	.nomart-contents {
		letter-spacing: 0.1px;
		float:left;
		width:180px;
		height:140px;
		}
 	
 	.nomart-contents ul {
 		list-style:none;
 		margin:0;
		padding:0;
		}
 	
 	.nomart-contents li {
 		margin-bottom:12px;
 		font-size:11pt;
		font-weight:bold;
		}
	
  /* -----------ノマルメニュー------------- */	

	.nomart-menu {
 		float:right;
 		width:170px;
		letter-spacing:0.4px;
		height:140px;
		}
		
	.nomart-menu ul {
		list-style:none;
		margin:0;
		padding:0;
		}
	
	.nomart-menu li {
		margin-bottom:5px;
		font-size:9pt;
		font-weight:normal;
		}
	
	.sns350 {
		margin-top:0px;
		float:left;
		width:100px;
		}
	
	.sns350 ul {
		margin:0;
		padding:0;
		}
	
	.sns350 li {
		display:inline-block;
		*display:inline;
		*zoom:1;
		margin-left:10px;
		}

	.sns350 img {
		vertical-align:bottom;
		width:20px;
		}
	
	.sns350 img:hover {
		opacity:0.5;
		}

 	.sns {
 		display:none;
 		}
 	
 	.footer {
 		margin-top:10px;
 		height:80px;
 		}
 	
 	.footer-contents li {
 		font-size:10pt;
 		}
 	
 	.footer-contents li span {
		font-size:7pt;
		color:#7D7C7D;
	}
 		
 	.footer-contents li a {
 		padding-bottom:1px;
 		}

 	.copyright {
	float:left;
	}
 		
 	}
 
 
 @media (min-width:650px) {
 	
 	
 	.nomart-contents, .nomart-menu {
		display:block !important;
		}
 	
 	#menubtn {
 		display:none;
 		}
 	
 	.header {
		content:"";
		display:block;
		clear: both;
		margin-top:40px;
		margin-bottom:90px;
		height:91px;
		}
 	
 	.header-logo {
 		margin-bottom:25px;
 		width:220px;
 		}
 		
 		 /* -----------ノマルセクション------------- */

	.nomart-contents {
		float:right;
		width:622px;
		margin-bottom:8px;
		}

	.nomart-contents ul {
		text-align:right;
		margin:0;
		padding:0;
		}
	
	.nomart-contents li {
		display:inline-block;
		*display:inline;
		*zoom:1;
		font-size:12pt;
		font-weight:bold;
		}
	
	.contents {
		margin-left:33px;
		}

  /* -----------ノマルメニュー------------- */
  
	 .nomart-menu {
 		float:right;
 		width:622px;
		letter-spacing:0.4px;
		}

	.nomart-menu ul {
		text-align:right;
		margin:0;
		padding:0;
		}
    
	.nomart-menu li {
		display:inline-block;
		*display:inline;
		*zoom:1;
		font-size:9.5pt;
		font-weight:normal;
		}
	
	.menu {
		margin-left:20px;
		}
	
	.menu01 {
		margin-left:20px;
		margin-right:14px;
		}

	.sns350 {
 		display:none;
 		}

	.sns {
		margin-left:14px;
		}

	.sns img {
		vertical-align:bottom;
		width:15px;
		}
	
	.sns img:hover {
		opacity:0.5;
		} 
	
	}
		
@media (min-width:850px) {

	.header-logo {
		float:left;
		width:180px;
		}

	.header {
		margin-bottom:100px;
		height:43px;
		}
		
 	}
 	
 	
 @media (min-width:1000px) {
 	
 	.header-logo {
		float:left;
		width:220px;
		}

 	}