@charset "utf-8";

html{
  height: 100%; overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {padding: 0;}
body,div, p, address,
dl, dt, dd, ul, ol, li,
form, fieldset, input, textarea,
pre, blockquote, th, td {
	/* [disabled]margin: 0; */
	padding: 0;
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color: #666;
}

img { border: 0; vertical-align: bottom; } 
caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }
fieldset { border: 0; }
input { line-height: 100%; }
ol { list-style-type: none; }
label { cursor: pointer; }
address { font-style: normal; }
hr { display: none; visibility: hidden; height: 0; border: 0; }
a { }

body { position: fixed;}
/* CSS Document (reset) */
/*===============================================
 基本レイアウト 解像度480pxまで　スマホ　
===============================================*/
.body_index {
background-image: url(../img/mobile-top.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}
    
.cren-part {display: none;}
.facebook  {display: none;}
a { color:#666}
.mobile_only {display: block;}
header {
	width: 100%;
	z-index:1;
    position: relative;
}
.h1 {
	color: hsla(0,0%,100%,0.62);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	position: fixed;
	top: 132px;
	right: 5%;
	padding: 2px;
	border-radius: 20px;
	background-color: hsla(0,0%,0%,0.54);
	width: auto;
	display: none;
}
nav {
	width: 100%;
	height: 281px;
	text-align: center;
	background-repeat: repeat-x;
	position: fixed;
	top: 72px;
	-webkit-box-shadow: 2px 3px 2px hsla(217,22%,32%,0.67);
	box-shadow: 2px 3px 2px hsla(217,22%,32%,0.67);
	background-color: hsla(0,0%,0%,0.61);
	display: none;
  }
header nav ul {
	width: 100%;
	list-style-type: none;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
nav ul li {
	width: 100%;
	height: 37px;
	float: left;
	padding-top: 18px;
	border-bottom: 1px dotted hsla(0,0%,63%,1.00);
}
ul li a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
	color: hsla(0,0%,100%,1.00);
	width: 100%;
	height: 37px;
	display: block;
}
.logo_position {
	width: 250px;
	height: 37px;
	position: fixed;
	top: 21px;
	left: 3%;
}
footer  {
	width: 100%;
	height: 23px;
	color: #fefefe;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 11px;
	position: fixed;
	bottom: 0px;
	text-align: center;
}
#facebook_baner {
	width: 96%;
	height: 50px;
	background: hsla(211,95%,22%,1.00);
	padding: 2%;
	position: fixed;
	top: 79px;
}  
#open {
	display: block ;
	position: fixed;
	right: 3%;
	top: 1%;
}
#cloce {
	display: none;
	position: fixed;
	right: 3%;
	top: 1%;
}