@charset "UTF-8";

/*---------------------*/
/* 全体設定             */
/*---------------------*/
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}
footer {
	margin-top: 50px;
	margin-bottom: 50px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

/*---------------------*/
/* header設定          */
/*---------------------*/
#header {
	height:97px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	line-height:1;
	z-index:10;
	background:#fff;
}
#header h1 {
	position:absolute;
	top:0;
	left:0;
	width:178px;
	height:97px;
}
#header h1 > a {
	display:block;
	height:100%;
	background:url(../images/logo2.png) no-repeat center center;
	background-size:91px auto;
	text-indent:-9999px;
}
#header h1 ul {
	border:#CDCDCD 1px solid;
	position:absolute;
	width:100%; top: 97px;
	display:none;
}

#header h1 li {
	padding:0 15px;
	border-bottom:#ccc 1px solid;
	background:#fff;
	height:48px;
	line-height:54px;
	font-size:11px;
	position:relative;
}
#header h1 li:first-child {
	border:none;	
}
#header h1 li a {
	color:#8f8f8f;
	text-decoration:none;
}
#header h1 li:hover {
	background:#DFDFDF;	
}
#header h1 li span {
	position:absolute;
	right:15px;	
}


/*---------------------*/
/* pagetopボタン設定   */
/*---------------------*/
#pagetop {
	/*display: none;*/
}
#pagetop a {
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(../images/bt_pagetop.png);
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 480px) {
#pagetop a {
	width: 40px;
	height: 40px;
	right: 10px;
}
}


/*------------------------*/
/* 各デバイスでの表示切替 */
/*------------------------*/
@media only screen and (max-width: 1110px) {
#header h1 {
    width: 154px;
}
#header h1 > a {
	background:url(../images/logo3.png) no-repeat center center;
	background-size:118px auto;
}
#header h1 li img {
	height:12px;
	width:auto;
}
}

@media only screen and (max-width: 1199px) {
#header {
    height: 48px;
}
#header h1 {
	top:auto;
	left:auto;
	position:relative;
	width:80px;
	margin:auto;
	
}
#header h1 > a {
	background:url(../images/logo3.png) no-repeat center center;
	background-size:80px auto;
	height: 48px;
}
#header h1 ul {
    top: 48px;
    width: 160px;
	left: -40px;
}
}