@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Geneva, "sans-serif";
	color: #ffffff;
	text-align: center;
	margin: 0;
	background: #000000;
	background-size: contain;
	background-image: url(../image/bg_s.png); /* 画像ファイルの指定 */
	background-position: center center; /* 画像を常に天地左右の中央に配置 */
	background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
	background-attachment: fixed; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color: #111111; /* 背景画像が読み込まれる前に表示される背景のカラー */
    animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}

.font_xs {font-size: x-small;}
.font_s  {font-size: small;}
.font_n  {font-size: medium;}
.font_l  {font-size: large;}
.font_xl {font-size: x-large;}

.aqua {color: #00a0e9;}
.text_blur {text-shadow: 0px 0px 30px #00a0e9;}

/*　PCヘッダ　*/
#header_pc {display: none;}

.title {
	font-size: small;
	text-align: left;
	color: #2b2b2b;
	padding-top: 0px;
}

header {
	position: fixed;
	height: auto;
	z-index: 1000;
	display: block;
	border-bottom: solid 1px #444444;
	background-color: #ffffff;
	color: #2b2b2b;
	width: 100%;
}
header .menu_button {
	border-left: solid 1px #444444;
	float: right;
	width: 50px;
	height: 50px;
}
header.menu_button span {
	line-height: 50px;
}
header nav {
	position: absolute;
	width: 100%;
	top: 100%;
	background-color: rgba(50,50, 255, 0.95);
}
header nav ul {
	border-bottom: solid 1px rgba(25,25,25,0.95);
	list-style-type: none;
	margin: 0;
	padding: 0;
}
header nav ul li {
	color: #ffffff;
	border-top: solid 1px rgba(25,25,25,0.95);
	text-align: center;
	padding: 1em;
}
header nav a {
	text-decoration: none;
}

.menu_here {
	background: rgba(0,0,0,0.95);
	color: #ffffff;
	text-shadow: 1px 1px 5px #00a0e9;
}

/*　ヘッダボタン　*/
.icon-animation {
	width: 60px;
	height: 48px;
	display: block;
	background: #ffffff;
	position: relative;
}

.menu_text {
	position: relative;
	top: 70%;
	right: 5px;
	font-size: x-small
}

.icon-animation span {
	width: 30px;
	height: 2px;
	display: block;
	background: #2b2b2b;
	position: absolute;
	right: 20px;
	top: 18px;
}

.type-1 span {
	-webkit-transition: all 0.5s;
			transition: all 0.5s;
	-webkit-transform: translateY(0px) !important;
		-ms-transform: translateY(0px) !important;
			transform: translateY(0px) !important;
}
.type-1 .top {
	margin-top: -10px;
	-webkit-transform: rotate(0deg) !important;
		-ms-transform: rotate(0deg) !important;
			transform: rotate(0deg) !important;
}
.type-1 .bottom {
	margin-top: 10px;
	-webkit-transform: rotate(0deg) !important;
		-ms-transform: rotate(0deg) !important;
			transform: rotate(0deg) !important;
}
.type-1.is-open .middle {
	background: rgba(255, 255, 255, 0);
}
.type-1.is-open .top {
	-webkit-transform: rotate(-405deg) !important;
		-ms-transform: rotate(-405deg) !important;
			transform: rotate(-405deg) !important;
			margin-top: 0px;
}
.type-1.is-open .bottom {
	-webkit-transform: rotate(405deg) !important;
		-ms-transform: rotate(405deg) !important;
			transform: rotate(405deg) !important;
			margin-top: 0px;
}

/* コンテンツ */
.contents_area {
	width: 100%;
	overflow: auto;
	margin: -35px 0px 0px 0px;
	padding: 80px 0px 60px 0px;
}

.sns_mini{
	margin: 8px;
}

/*  MENU Botm  */
#menu_botm {display: none;}

/* フッター PC */
#footer_pc {display: none;}

/* フッター */
.footer_area {
	position: fixed;
	bottom: 0px;
	width: 100%;
}
.footer_block {
	background: #ffffff;
}
.footer_box {
	width: 100%;
	height: 30px;
	margin: 0 auto;
}
.footer_box p {
	font-size: x-small;
	color: #2b2b2b;
}

/* IE6 */
html,body {_height: 100%; _overflow: hidden;}
.contents_wrap {_width: 100%; _height: 100%; _overflow: auto;}