/*clearfix*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
 /* IE6 */
* html .clearfix {
	zoom: 1; 
}
/*----------*/
/*font*/
@font-face {
	font-family: 'hannari';
	src: url('../font/hannari.eot');
	src: url('../font/hannari.eot?#iefix') format('embedded-opentype'),
	url('../font/hannari.woff') format('woff'),
	url('../font/hannari.ttf') format('truetype');
}
@font-face {
	font-family: 'comfortaa';
	src: url('../font/comfortaa.eot'); /* IE9以上用 */
	src: url('../font/comfortaa.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../font/comfortaa.woff') format('woff'), /* モダンブラウザ用 */
	url('../font/comfortaa.ttf') format('truetype'); /* iOS, Android用 */
}
/*@font-face {
	font-family: 'hannai';
	src: url('../font/hkkai.eot');
	src: url('../font/hkkai.eot?#iefix') format('embedded-opentype'),/
	url('../font/hkkai.woff') format('woff'),
	url('../font/hkkai.ttf') format('truetype');
}*/
/*----------*/
/*universal*/
a:hover {
	color: #55F;
}
.bold {
	font-weight: bold;
}
.red {
	color: #F00;
}
.tx_center {
	text-align: center;
}
.tx_big {
	font-size: 2.5rem !important;
}
.tx_middle {
	font-size: 2rem !important;
}
.tx_small {
	font-size: 1.7rem !important;
}
.tx_bold {
	font-weight: bold;
}
.en {
	word-spacing: -1.5rem
}
.pointer:hover {
 cursor: pointer;
}
.font_m {
	font-family :'hannari' !important;
}
.hightlight {
	font-size: 3rem;
	font-weight: bold;
}
.m_top {
	margin-top: 5rem !important;
}
.m_hei {
	margin: 2.5rem 0 !important;
}
.li_line {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #CCC;
	margin: 0;
}
.info01 {
	display: block;
	font-size: 2rem;
	margin: 10px 0 0 0;
}
.hr01 {
	width: 40%;
	border: none;
	border-top: 2px dotted #CCC;
	margin: 4rem auto;
}
.btn01 {
	font-family :'comfortaa' !important;
	color: #fff;
	background-color: #4a8eff;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
	padding: .6rem 2rem;
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: .15rem;
	border: none;
}
.btn01:hover {
	cursor: pointer;
	background-color: #bcd2f8;
	color: #0062fa;
}
/*----------*/
/*layout*/
body {
	background-color: #000;
	position: relative;
}
#wrapper {
	width: 100%;
	/*height: 2000px;*/
	overflow: hidden;
	background-color: #000;
	position: relative;
}
#wrapper #header {
	width: 100%;
	/*height: 6rem;*/
	background-color: #000;
	text-align: center;
	line-height: 7rem;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 60;
}
#wrapper #header #header_contents {
	margin: 0 auto;
}
#wrapper #header h1 {
	margin: 2rem 0 0 0;
	/*float: left;*/
}
#wrapper #header #gnav {
	margin: 0;
	/*float: left;*/
}
#wrapper #header #gnav ul li {
	display: inline-block;
	margin: 0 1rem;
}
#wrapper #header #gnav ul li a {
	color: #CCC;
	font-family: 'comfortaa';
	font-size: 0.85rem;
	line-height: 4.5rem;
	letter-spacing: 0.3rem;
}
#wrapper #header #gnav ul li a:hover {
	color: #888;
}
#wrapper #contents_area {
	width: 100%;
	/*height: 2000px;*/
	/*background-color: #000;*/
	z-index: 52;
	overflow: hidden;
}
.content {
	width: 100%;
	margin: 2rem 0 0 0;
	color: #CCC;
	font-family: 'hannari';
	font-size: 1.7rem;
	border-bottom: 1px solid #f00;
	padding: 3rem 2rem 4rem 2rem;
	position: relative;
}
.content p {
	margin: 2rem 0 0 0;
}
.content h3 {
	font-family: 'comfortaa';
	font-size: 3rem;
	letter-spacing: 0.3rem;
	margin: 0 0 3rem 0;
}
.line01 {
	width: 100%;
	text-align: center;
	margin: 5rem 0 0 0;
}
.movie_box {
	width: 560px;
	height: 315px;
	margin: 5rem auto 0 auto;
}
/*.movie_box iframe {
	width: 560px;
	height: 315px;
}*/
@media screen and (max-width: 560px) {
	.movie_box {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 56.25%;
	}
	.movie_box iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}
#pagetop {
	font-family: 'comfortaa';
	position: fixed;
	bottom: 20px;
	right: 20px;
    z-index: 100;
}
#pagetop i {
	padding-top: 6px;
	display: block;
}
#pagetop a {
	display: block;
	z-index: 2000;
	/*padding: 8px 0 0 8px;*/
	border-radius: 6px;
	width: 45px;
	height: 45px;
	background-color: #777;
	color: #000;
	/*font-weight: bold;*/
	text-decoration: none;
	text-align: center;
	line-height: 1rem;
}
#pagetop a:hover {
	text-decoration: none;
	background-color: #555;
}
.rtop {
	text-align: right;
	margin: 2rem 3rem 0 0;
}
#wrapper #footer {
	width: 100%;
	/*height: 30rem;*/
	background-color: #000;
	color: #CCC;
	font-family: 'hannari';
	padding: 2rem 0;
	overflow: hidden;
	z-index: 61;
}
#wrapper #footer #sns_link_area {
	width: 100%;
	text-align: center;
}
#wrapper #footer #sns_link_area ul li {
	display: inline-block;
	margin: 0 1.5rem;
}
#wrapper #footer #sns_link_area ul li a {
	color: #777;
	font-size: 3rem;
	line-height: 4.5rem;
}
#wrapper #footer #sns_link_area ul li a:hover {
	color: #555;
}
#wrapper #footer #rights_area {
	width: 100%;
	font-size: 1rem;
	text-align: center;
	margin: 3rem 0 0 0;
}
@media screen and (min-width: 1200px) {
	#wrapper {
		width: 1200px;
		margin: 0 auto;
	}
	#wrapper #header {
		/*width: 1200px;*/
		margin: 0 auto;
	}
	#wrapper #header #gnav {
		margin: 0;
		/*float: left;*/
	}
	#wrapper #header #gnav ul li {
		/*margin: 0 3rem 0 0;*/
	}
	#wrapper #header #gnav ul li a {
		font-size: 2rem;
	}
	#wrapper #contents_area {
		width: 1200px;
		margin: 0 auto;
	}
	.rtop {
		display: none;
	}
	#wrapper #footer {
		width: 1200px;
		margin: 0 auto;
	}
	#wrapper #footer #sns_link_area {
		width: 1200px;
	}
	#wrapper #footer #rights_area {
		width: 1200px;
		font-size: 1.5rem;
		margin: 3rem 0 0 0;
	}
}
@media screen and (min-width: 1000px) {
	.content {
		width: 1000px;
		font-size: 1.8rem;
		text-align: center;
		margin: 2rem auto 0 auto;
	}
}
@media screen and (max-width: 459px) {
	#wrapper #header {
		height: auto;
		line-height: 3rem;
	}
	#wrapper #header #gnav {
		margin: 1rem 0 0 3rem;
		clear: left;
	}
}