@charset "UTF-8";
/* CSS Document */
body{
	font-size:14px;
	line-height: 1.8em;
	letter-spacing: 1.2pt;
	font-weight:300;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin:0;
	padding:0;
	color:#212121;
	word-break: break-all;
	border:5px solid #212121;
	box-sizing:border-box;
}
#loader_wap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#fff;
  z-index: 9999;
}
#load_inner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #212121;
  z-index: 9999;
}
html{-webkit-text-size-adjust:100%;}


li{list-style:none;}

#wrapper{
	width:100%;
	margin:0 auto;
	padding:0;
	border:5px solid #fff;
	box-sizing:border-box;
	background:#fff;
}

.sec{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	}
/*----------------------------------------------------
	header
----------------------------------------------------*/

header{
	position:fixed;
	background:#fff;
	width:100%;
	top:0;
	left:0;
	margin:0 auto;
	height:70px;
	padding:0;
	border-top:5px solid #212121;
	border-left:5px solid #212121;
	border-right:5px solid #212121;
	z-index:9998;
	box-sizing:border-box;
	box-shadow:0 0 4px rgba(0,0,0,0.1);
}

header a#logo{
	display:table;
	max-width:100%;
	margin:8px auto;
	padding:0;
	transition: all 0.3s ease;
	}

header a#logo img{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	}
header a#logo:hover{
	opacity:0.6;
	-ms-filter: "alpha(opacity=60)";
	}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer{
	width:98%;
	padding:0 1%;
	margin:0 auto;
	overflow:hidden;
	background:#f7f7f7;
	}

footer ul{
	float:left;
	display:table;
	margin:0;
	padding:0;
}
footer ul li{
	display:inline-block;
	margin:0 15px 0 0;
	padding:0;
}

footer ul li a{
	color:#212121;
	display:inline-block;
	font-size:13px;
	line-height:1em;
	text-decoration:none;
	margin:0;
	padding:0 0 0 10px;
	background:url("../img/foot_icon.png") left center no-repeat;
}

#copy{
	float:right;
    font-size: 13px;
	color:#212121;
	margin:0;
	padding:0;
	}

a#pagetop {
	position:fixed;
	right:15px;
	bottom:60px;
	text-indent:-9999px;
	display: block;
	width: 82px;
	height:82px;
	background:url(../img/pagetop.png) center/100% no-repeat;
	z-index:3000;
}
/*----------------------------------------------------
	各ページ共通レイアウト（h1〜h5やテーブルなど）
----------------------------------------------------*/

br.br{display:inline;}
br.sp_br{display:none;}

.clearfix{overflow: visible !important;}
.clearfix:after{
    content: "";
    clear: both;
    display: block;
}

.pc_only{display:block;}	
.sp_only{display:none;}

/* 画面サイズが1024px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:1024px) {
#wrapper{height:100%;}
}

/* 画面サイズが768px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:768px) {
header a#logo{
	width:150px;
	margin:10px 0 6px 8px;
	padding:0;
}

br.br{display:none;}
br.sp_br{display:inline;}
.pc_only{display:none;}		
.sp_only{display:block;}	
	
}

/* 画面サイズが480px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:480px) {
header a#logo{
	width:120px;
	margin:18px 0 0 10px;
	padding:0;
}
footer ul{
	float:none;
	display:block;
	text-align:center;
	padding:10px 0;
	}

#copy{
	float:none;
    font-size: 12px;
	letter-spacing: 0.4pt;
	line-height:1.2em;
	text-align:center;
	}
	
}