body{
font-family: 'Noto Sans JP',"Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img{
max-width: 100%;
height: auto;
width :auto;
}
#container{
width:100%;
}

a img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
	margin: 0px 0px 0px 0px;
    z-index: 10000;
}

.pc_hd{
display: none;
}

/*
==========================================================
header
==========================================================
*/

.drawer-toggle{
display: none;
}
.drawer-nav{
display: none;
}
#header_sp{display: none;}

header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 45px;
    transition: .3s;
  }
  header h1 {
  margin: 0px;
	  padding: 0;
    color: #000;
    transition: .3s;
  }
header .logo{
position: relative;
height: 40px;
width: 200px;
top: 10px;
}




/*
==========================================================
footer
==========================================================
*/
footer {
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto 0px auto;
	overflow:hidden;
	clear:both;
	background: #000;
	position: relative;
	bottom: 0;
}

footer .logo{
width: 250px;
	text-align: center;
	margin: 50px auto 10px auto;
}
footer .logo img{
width: 100%;
}

footer .footer_cap{
	text-align: center;
	margin: 0px auto 50px auto;
	padding: 0;
}
footer .footer_cap dt{
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}
footer .footer_cap dd{
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 0;
	font-size: 16px;
}

footer .copyright{
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin: 10px auto 10px auto;
}