@charset "utf-8";

/* html5reset */
@import "reset.css";

/* ------------------------
	body
------------------------ */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.57;
	color:#444;
	-webkit-text-size-adjust:100%;
	padding:60px 0 0;
	min-width: 980px;
}
@media screen and (max-width: 640px) {
	body {
		min-width: 0;
	}
}

/*
表示したいサイズ｜指定する値
10px｜72%
11px｜79%
12px｜86%
13px｜93%
14px｜100%
15px｜108%
16px｜115%
17px｜122%
18px｜129%
19px｜136%
20px｜143%
21px｜150%
22px｜158%
23px｜165%
24px｜172%
25px｜179%
26px｜186%
*/

body.fancybox-lock{
    overflow:visible !important; 
    margin-right:auto !important;
}

/* ------------------------
	header
------------------------ */
header {
	width:100%;
	position:fixed;
	top:0;
	left: 0;
	z-index:2147483647;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
header div {
	width:100%;
	height:60px;
	min-width:1100px;
	background:#3e3e3e;
	position:relative;
}
.second div {
	background:#4d4d4d;
}
header h1 {
	position:absolute;
	top:21px;
	left:50%;
	z-index:1001;
	margin:0 0 0 -490px;
}
header p {
	position:absolute;
	top:15px;
	left:50%;
	margin:0 0 0 -379px;
	z-index:1001;
}
header p:nth-child(3) {
	top:14px;
	left:auto;
	right:60px;
}
header ul {
	position:absolute;
	top:22px;
	left:0;
	display:inline;
	width:100%;
	letter-spacing:-0.4em;
	text-align:center;
}
header li {
	display:inline-block;
	letter-spacing:normal;
	padding:0 15px;
	opacity:0.8;
}
header li:first-child {
	padding:0 15px 0 0;
	margin:0 0 0 245px;
}
header li:hover {
	opacity:1;
}

.pagetop {
	position:fixed;
	z-index:1000;
	bottom:20px;
	right:20px;
}

/* ------------------------
	section
------------------------ */
section .inner {
	width:980px;
	margin:0 auto;
	padding:60px 0;
}
section .inner h2 {
	text-align:center;
	margin:0 0 30px;
}
section .inner .read {
	text-align:center;
	margin:0 0 40px;
}

/* ------------------------
	footer
------------------------ */
footer {
	background:#3e3e3e;
}
footer div {
	width:980px;
	margin:0 auto;
	overflow:hidden;
	padding:30px 0 60px;
}
footer nav ul {
	width:980px;
	overflow:hidden;
	padding:0 0 30px;
}
footer nav ul li {
	float:left;
}
footer nav ul li:last-child {
	float:right;
}
footer address {
	float:left;
	padding:13px 0 0;
}
footer dl {
	display:block;
	float:right;
	width:226px;
}
footer dt {
	padding:14px 0 0;
	float:left;
	margin:0 13px 0 0;
}
footer dd {
	float:left;
	margin:0 10px 0 0;
}
footer dd:last-child {
	margin:0;
}

/* ------------------------
	pc
------------------------ */
.pc {
		display:block;
}
.sp {
	display:none;
}

/* ------------------------
	elements
------------------------ */
.tac{
	text-align:center;
}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

/* --------------------------------------------------
	media-queries w640
-------------------------------------------------- */
@media screen and (max-width: 640px){
	body{
		padding:0;
	}
	.sp {
		display:block;
	}
	.pc {
		display:none;
	}

	/* ------------------------
		header
	------------------------ */
	header {
		position:fixed;
	}
	header div {
		width:100%;
		height:auto;
		min-width:100%;
		background:#3e3e3e;
		position:static;
		z-index:100;
		overflow:hidden;
	}
	.second div {
		background:#3e3e3e;
	}
	header h1 {
		position:static;
		top:0;
		left:0;
		width:27.5%;
		float:none;
		margin:0;
		padding:4.4% 3.7% 4%;
		display:block;
		vertical-align:middle;
		float:left;
	}
	header h1 img {
		width:100%;
		height:auto;
	}
	header p {
		position:static;
		top:0;
		right:0;
		float:left;
		width:24.7%;
		margin:0;
		padding:4% 0 0;
		display:block;
		vertical-align:middle;
	}
	header p img {
		width:100%;
		height:auto;
	}
	header p.sp {
		display:block;
		padding:0;
	}
	header p.sp {
		float:right;
		width:13.7%;
	}
	header p.sp img {
		width:100%;
		height:auto;
		border-left:solid 1px #6c6c6c;
	}
	header p:nth-child(2) {
		width:40%;
	}
	header.second p:nth-child(2) img {
		width:100%;
		height:auto;
	}
	header.second p:nth-child(3) {
		display:none;
		top:14px;
		left:auto;
		right:60px;
	}
	header nav {
		clear:both;
		position:static;
		top:0;
		left:0;
		display:block;
		width:100%;
	}
	header ul {
		position:static;
		top:0;
		left:0;
		display:none;
		width:100%;
		letter-spacing:normal;
		text-align:left;
	}
	header li {
		background:#3e3e3e;
		display:block;
		letter-spacing:normal;
		padding:0;
		opacity:1;
		width:100%;
		clear:both;
		border-top:solid 1px #6c6c6c;
	}
	header li:first-child {
		padding:0;
		margin:0;
	}
	header li:hover {
		opacity:1;
	}
	header li img {
		width:100%;
		height:auto;
	}
	
	.pagetop {
		position:static;
		width:94%;
		margin:0;
		padding:0 3% 3%;
		text-align:center;
		background:#303030;
	}
	.pagetop img {
		width:100%;
		height:auto;
	}

	/* ------------------------
		section
	------------------------ */
	section .inner {
		width:100%;
		margin:0 auto;
		padding:9.4% 0;
	}
	section .inner h2 {
		text-align:center;
		margin:0 0 30px;
	}
	section .inner .read {
		text-align:left;
		margin:0 3% 4.7%;
	}

	/* ------------------------
		footer
	------------------------ */
	footer {
		background:#3e3e3e;
	}
	footer div {
		width:100%;
		margin:0 auto;
		overflow:hidden;
		padding:5% 0;
	}
	footer nav ul {
		width:100%;
		overflow:hidden;
		padding:0 0 5%;
		text-align:center;
	}
	footer nav ul li {
		float:none;
	}
	footer nav ul li:last-child {
		float:none;
	}
	footer nav ul li img {
		width:90%;
		height:auto;
	}
	footer address {
		float:none;
		padding:0;
		text-align:center;
	}
	footer dl {
		float:none;
		width:77%;
		display:table;
		margin:0 auto 5%;
	}
	footer dt {
		margin:0;
		float:none;
		display:table-cell;
		vertical-align:middle;
		padding:0 13px 0 0;
	}
	footer dt img {
		width:100%;
		height:auto;
	}
	footer dd {
		float:none;
		display:table-cell;
		vertical-align:middle;
		margin:0;
		padding:0 0 0 10px;
	}
	footer dd:last-child {
		margin:0;
		padding:0 0 0 10px;
	}
	footer dd img {
		width:100%;
		height:auto;
	}
}