@charset "utf-8";

/* ------ fontSize 14px ------ */
/*.text10 { font-size:72%; }
.text11 { font-size:79%; }
.text12 { font-size:86%; }
.text13 { font-size:93%; }
.text14 { font-size:100%; }
.text15 { font-size:108%; }
.text16 { font-size:115%; }
.text17 { font-size:122%; }
.text18 { font-size:129%; }
.text19 { font-size:136%; }
.text20 { font-size:144%; }
.text21 { font-size:151%; }
.text22 { font-size:158%; }
.text23 { font-size:165%; }
.text24 { font-size:172%; }
.text25 { font-size:179%; }
.text26 { font-size:186%; }
*/

/*
------ #header ------ */
#header-wrap-s{
	width:100%;
	z-index:100;
	background:#000000;
	margin:0 auto;
	text-align: center;
	display: block;
}

#header-wrap{
	display: block;
}

#header{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:0;
    z-index: 50;
}

#header p.logo{
	position: relative;
	font-size: 18px;
	color: #ffffff;
	margin-left: 20px;
	display: inline-block;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#header h1{
	position: relative;
	font-size: 18px;
	color: #ffffff;
	display: inline-block;
}

#h-menu{
	position: absolute;
	right: 11%;
}
#h-txt01{
	padding: 70px 0 0;
	color: #757575;
	cursor:pointer;
	z-index:10;
	float:left;
	margin:0 10px 0 0;
	font-size:115%;
}
#h-txt01:hover{
	color: #333333;
}

#index a.menu{
	color: #69DBB4;
	margin:0 30px 0;
	font-size:115%;
	z-index:1000;
	display: inline-block;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#index a.menu:hover{
	color: #8CFE9B;
}

#index #h-img01{
	padding: 50px 0 0;
	cursor:pointer;
	float:left;
}

/*
------ footer ------ */
#footer-wrap{
	min-height: 40vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    padding-bottom: 60px; /* ←フッターの高さを指定 */
    box-sizing: border-box;
    /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
}


#footer{
    width:100%;
	position: absolute;/* ←絶対位置 */
    bottom: 0;  
    /* 以下 背景色やテキストカラーなどはお好みで指定してください */
    background: #1d1b3f;
    color: #fff;
    text-align: center;
}

#footer p{
	text-align:center;
	font-family:"Avenir", Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:#FFFFFF;
	bottom: 0px;

}


@media screen and (max-width: 900px) {

/*
------ #header ------ */
#header-wrap-s{
	width:100%;
	z-index:1000;
	background:#830000;
	min-width:auto;
	margin:0 auto;
	text-align: center;
	display: block;
}
	
#header-wrap{
	width:100%;
	z-index:1000;
	background:#830000;
	margin:0 auto;
	text-align: center;
    min-width:auto;
	display: block;

}
	
#header{
	width:100%;
	margin:0 auto;
	position:relative;
	padding:0;
}
#header h1{
    margin: 0;
    padding: 0;
    }

#header h1 img{
    width: 100%;
    padding: 0;
    margin: 0;
}
#h-menu{
	position: absolute;
	right: 11%;
}
#h-txt01{
	padding: 70px 0 0;
	color: #757575;
	cursor:pointer;
	z-index:10;
	float:left;
	margin:0 10px 0 0;
	font-size:115%;
}
#h-txt01:hover{
	color: #333333;
}
#index #h-img01{
	padding: 50px 0 0;
	cursor:pointer;
	float:left;
}

}