@charset "UTF-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, strong,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav, address {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

body, html {
	height: 100%;
}

body {
	line-height: 1.0;
	-webkit-text-size-adjust: none;
	letter-spacing: 0.1em;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

img {
	border: 0;
	vertical-align: bottom;
}

ul, ol {
	list-style: none;
}

table {
	border-spacing: 0;
	empty-cells: show;
}

th, td {
	font-weight: normal;
}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */
html {
	background: #000 url(../../images/bg_rock.jpg) center center; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}

body {
	font-family: "ヒラギノ明朝 Pro W6","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	color: #cecece;
	//min-width: 1100px;
	_display: inline;
	_zoom: 1;
}

/*文字サイズ対応表*/
{ font-size: 77%;}    /* 10px相当の大きさ */
{ font-size: 85%;}    /* 11px相当の大きさ */
{ font-size: 93%;}    /* 12px相当の大きさ */
{ font-size: 100%;}   /* 13px相当の大きさ */ 
{ font-size: 108%;}   /* 14px相当の大きさ */
{ font-size: 116%;}   /* 15px相当の大きさ */
{ font-size: 123.1%;} /* 16px相当の大きさ */
{ font-size: 131%;}   /* 17px相当の大きさ */
{ font-size: 138.5%;} /* 18px相当の大きさ */
{ font-size: 146.5%;} /* 19px相当の大きさ */
{ font-size: 153.9%;} /* 20px相当の大きさ */
{ font-size: 161.6%;} /* 21px相当の大きさ */
{ font-size: 167%;}   /* 22px相当の大きさ */
{ font-size: 174%;}   /* 23px相当の大きさ */
{ font-size: 182%;}   /* 24px相当の大きさ */
{ font-size: 189%;}   /* 25px相当の大きさ */
{ font-size: 197%;}   /* 26px相当の大きさ */
{ font-size: 208%;}   /* 27px相当の大きさ */
{ font-size: 215%;}   /* 28px相当の大きさ */

a:link {
	color: #ffd200;
	text-decoration: none;
}

a:visited {
	color: #ffd200;
}

header a:hover,
footer a:hover,
#gekiyousya a:hover{
	color: #ff0000;
	text-decoration: underline;
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}

a:active {
	color: #ff0000;
}

.blue {
	color: #00fcff;	
}

/*=================================================
 * ヘッダーのスタイル
 * ================================================= */

header #header-nav,
header #header-nav.scroll,
header #header-nav .share,
header #header-nav.scroll .share {
	/* 子ボックスのフロートのクリア */
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1; /* IE向け */
	margin: 0 auto;
}



header {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 1000px;
}

header #header-nav nav {
	position: absolute;
	top: 30px;
	left: 50%;
	width: 1000px;
	margin: 0 0 0 -550px;
}

header #header-nav nav ul li {
	margin: 0 15px;
}

header #header-nav .share {
	position: absolute;
	top: 20px;
	right: 21px;
}

header #header-nav .share p {
	float: left;
	margin: 10px 10px 0 0;
}

header #header-nav .share ul {
	float: left;
	margin-top: 6px;
}

header #header-nav ul li {
	display: inline;
	margin-right: 5px;
}

header .slide {
}

.slider {
	display:none;
}

.loader { position:absolute;z-index:9999;width:39px;height:39px;top:49%;left:49% }


#kirikae {
	margin-top:100px; /* スクロールでナビゲーション固定のポイント */
}


header #logo {
	width: 503px;
	height: 153px;
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: -252px;
}


/* #kirikaeまでスクロールでナビゲーション固定 jquery.waypoints.js */

header #header-nav.scroll {
	position: fixed;
	z-index: 10;
	height: 80px;
	width: 100%;
	background: #000;
	opacity: 0.8;
}

header #header-nav.scroll nav {
	position: absolute;
	top: 30px;
	left: 50%;
	width: 1000px;
	margin: 0 0 0 -550px;
}

header #header-nav.scroll nav ul li {
	margin: 0 15px;
}

header #header-nav.scroll .share {
	position: absolute;
	top: 20px;
	right: 21px;
}

header #header-nav.scroll .share p {
	float: left;
	margin: 10px 10px 0 0;
}

header #header-nav.scroll .share ul {
	float: left;
	margin-top: 6px;
}

header #header-nav.scroll ul li {
	display: inline;
	margin-right: 5px;
}



/*=================================================
 * コンセプトのスタイル
 * ================================================= */

#content #concept {
	background: url(../../images/bg_honeycomb.png) repeat-x center 42%;
}

#content #concept #ttl_concept {
	height: 80px;
	margin-bottom: 50px;
}

#content #concept .summary_bg {
	background:	url(../../images/bg_rock.jpg) 0 0;
	padding: 150px 0;
}

#content #concept h2 {
	text-align: center;
	margin: 0 0 -20px -136px;
}

#content #concept .txt {
	width: 780px;
	font-size: 131%; /* 17px相当の大きさ */
	line-height: 2.4;
	margin: 0 auto 100px;
}

#content #concept #summary {
	width: 880px;
	font-size: 116%; /* 15px相当の大きさ */
	line-height: 2.0;
	margin: 0 auto 100px;
}

#content #concept #summary .box {
	width: 880px;
	margin-top: 40px;
	/* 子ボックスのフロートのクリア */
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1; /* IE向け */
}

#content #concept #summary .box h3 {
	text-align: center;
	margin-bottom: 30px;
}

#content #concept #summary .box .left {
	width: 370px;
	float: left;
}

#content #concept #summary .box .right {
	width: 370px;
	float: right;
}

#content #concept figure {
	margin-bottom: 20px;	
}

#content #concept #google_calendar {
	text-align: center;
	margin-top: 15px;
}

#content #concept .fb_wrap {
	width: 500px;
	margin: 70px auto 0;
}


/*=================================================
 * サバイバルゲーム
 * ================================================= */

#content #survivalgame {
	margin-top: 0px;
}

#content #survivalgame #ttl_survivalgame {
	height: 80px;
	margin-bottom: 50px;
}

#content #survivalgame h2 {
	text-align: center;
	padding-top: 100px;
	margin: 0 0 78px;
}

#content #survivalgame .txt {
	width: 780px;
	font-size: 131%; /* 17px相当の大きさ */
	line-height: 2.4;
	margin: 0 auto;
}

#content #survivalgame .txt h3 {
	text-align: center;
	margin: 50px 0 40px;
}

#content #survivalgame .txt .pdf {
	background: url(../../images/pdf_icon.png)  no-repeat 0 5px;
	padding-left: 30px;
	display: block;
}

#content #survivalgame .video {
	text-align: center;
	margin: 50px 0 0;
}

#content #survivalgame .video iframe {
	margin-bottom: 40px;
}

#content #survivalgame .details {
	background: url(../../images/bg_rock.jpg) 0 0;
	padding: 100px 0;
}

#content #survivalgame table {
	width: 780px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 108%; /* 14px相当の大きさ */
	line-height: 2.0;
}

#content #survivalgame table th,
#content #survivalgame table td {
	border: 1px solid #ccc;
	padding: 5px 8px;
}

#content #survivalgame .txt ul {
	padding-left: 1em;
	margin: 20px 0 80px;
}

#content #survivalgame .txt ul li {
	list-style: outside disc;
	font-size: 93%; /* 12px相当の大きさ */
	line-height: 2.2;
}

.btn_reserve {
	margin: 30px auto 100px;	
	display: block;
    position: relative;
    width: 250px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
}

.btn_reserve .slide {
	position: absolute;
    top: -100%; left: 0;
    width: 100%;
    height: 100%;
}

/* ボタンマウスオーバー　アクション用 */
/* 初期化クラス */
.reset {
    visibility: hidden;
    -webkit-transition: none 0s ease 0s;
            transition: none 0s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
/* マウスホバーした時 */
.slide.enter {
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
            transition:         transform .15s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
}
/* マウスホバーが離れた時 */
.slide.leave {
    -webkit-transition: -webkit-transform .15s ease-in-out 0s;
            transition:         transform .15s ease-in-out 0s;
    -webkit-transform: translate3d(0, 200%, 0);
            transform: translate3d(0, 200%, 0);
}


/*=================================================
 * コスプレ
 * ================================================= */

#content #cosplay {
}

#content #cosplay #ttl_cosplay {
	height: 80px;
	margin-bottom: 50px;
}

#content #cosplay h2 {
	text-align: center;
	padding-top: 100px;
	margin: 0 0 78px;
}

#content #cosplay .txt {
	width: 780px;
	font-size: 131%; /* 17px相当の大きさ */
	line-height: 2.4;
	margin: 0 auto;
}


#content #cosplay table {
	width: 780px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 108%; /* 14px相当の大きさ */
	line-height: 2.0;
	margin-top: 50px;
}

#content #cosplay table th,
#content #cosplay table td {
	border: 1px solid #ccc;
	padding: 5px 8px;
}

#content #cosplay .txt ul {
	padding-left: 1em;
	margin: 20px 0 80px;
}

#content #cosplay .txt ul li {
	list-style: outside disc;
	font-size: 93%; /* 12px相当の大きさ */
	line-height: 2.2;
}

/*=================================================
 * イベント
 * ================================================= */
#content .bg_rock {
	background:	url(../../images/bg_rock.jpg) 0 0;
}

#content #event {
	padding-bottom: 30px;
}

#content #event #ttl_event {
	height: 40px;
	margin-bottom: 50px;
}

#content #event h2 {
	text-align: center;
	padding-top: 100px;
	margin: 0 0 78px;
}

#content #event .txt {
	width: 780px;
	font-size: 131%; /* 17px相当の大きさ */
	line-height: 2.4;
	margin: 0 auto;
}


/*=================================================
 * レンタルスタジオ
 * ================================================= */

#content #rentalstudio {
	padding-bottom: 100px;
}

#content #rentalstudio #ttl_rentalstudio {
	height: 80px;
	margin-bottom: 50px;
}

#content #rentalstudio h2 {
	text-align: center;
	padding-top: 100px;
	margin: 0 0 78px;
}

#content #rentalstudio .txt {
	width: 780px;
	font-size: 131%; /* 17px相当の大きさ */
	line-height: 2.4;
	margin: 0 auto;
}

#content #rentalstudio table {
	width: 780px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 108%; /* 14px相当の大きさ */
	line-height: 2.0;
	margin: 40px 0 60px;
}

#content #rentalstudio table th,
#content #rentalstudio table td {
	border: 1px solid #ccc;
	padding: 5px 8px;
}

#content #rentalstudio .txt h3 {
	text-align: center;
	margin: 50px 0 40px;
}

#content #rentalstudio .txt .pdf {
	background: url(../../images/pdf_icon.png)  no-repeat 0 5px;
	padding-left: 30px;
	display: block;
}

#content #rentalstudio .txt address {
	margin-top: 40px;
}

.btn_contact {
	margin: 100px auto 60px;	
	display: block;
    position: relative;
    width: 380px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
}

.btn_contact .slide {
	position: absolute;
    top: -100%; left: 0;
    width: 100%;
    height: 100%;
}

#content #rentalstudio .tel_rentalstudio {
	text-align: center;
	margin-bottom: 30px;	
}

#content #rentalstudio .rentalstudio_txt {
	text-align: center;
	font-size: 108%; /* 14px相当の大きさ */
	line-height: 1.8;
}


#gekiyousya h3 {
	text-align: center;
	margin: 40px 0 30px;
}

#gekiyousya p {
	text-align: center;
	font-size: 123.1%; /* 16px相当の大きさ */
	line-height: 1.8;
	margin-bottom: 45px;
}

#gekiyousya ul {
	text-align: center;
	margin-bottom: 50px;
}

#gekiyousya ul li {
	display: -moz-inline-box;
 	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right: 30px;
	margin-bottom: 20px;
}


/*=================================================
 * アクセス
 * ================================================= */

#content #access {
	background: url(../../images/bg_rock.jpg) 0 0;
	padding: 100px 0 100px;
}

#content #access #ttl_access {
	height: 80px;
	margin-bottom: 50px;
}

#content #access h2 {
	padding-top: 30px;
	margin-left: 200px;
	margin-bottom: 60px;
}


#content #access p {
	width: 780px;
	font-size: 123.1%; /* 16px相当の大きさ */
	line-height: 2.0;
	margin: 0 0 40px 200px;
}

#content #access p span {
	font-size: 138.5%; /* 18px相当の大きさ */
}

#content #access h3 {
	font-size: 146.5%; /* 19px相当の大きさ */
	margin: 40px 0 20px 200px;
}

#content #access ul {
	width: 780px;
	font-size: 123.1%; /* 16px相当の大きさ */
	line-height: 1.6;
	margin: 0 0 40px 200px;
}

#content #access ul li {
	margin-bottom: 0.5em;
}



/*=================================================
 * コンタクト
 * ================================================= */

#content #contact #ttl_contact {
	height: 80px;
	margin-bottom: 50px;
}

#content #contact h2 {
	text-align: center;
	margin:150px 0 78px;
}

#content #contact p {
	text-align: center;
	font-size: 131%; /* 17px相当の大きさ */
	line-height: 2.0;
	margin-bottom: 50px;
}


/* メールフォーム */

#content #contact form#mailform {
	padding: 5px;
}
#content #contact table.mailform {
	width: 720px;
	margin: 0 auto;
}
#content #contact table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 131%; /* 17px相当の大きさ */
	padding: 15px 5px 15px 5px;
}
#content #contact table.mailform tr th {
	width: 200px;
	vertical-align: top;
}
#content #contact table.mailform tr th span {
	color: #ff9600;
}
#content #contact table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	color: #999999;
}

#content #contact table.mailform tr td input {
	height: 24px;	
}

#content #contact table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

#content #contact table.mailform tr td .btn_submit {
	display: block;
    position: relative;
    width: 250px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
}

#content #contact table.mailform tr td .btn_submit .slide {
	position: absolute;
    top: -100%; left: 0;
    width: 100%;
    height: 100%;
}

#content #contact table.mailform tr td .btn_submit .slide input {
    width: 250px;
    height: 50px;
}




/*=================================================
 * フッター
 * ================================================= */

footer {
	/* 子ボックスのフロートのクリア */
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1; /* IE向け */
	margin: 200px auto 0;
}


footer {
	position: relative;
	background-color: #000;
}

footer .inner .privacy {
	position: absolute;
	bottom: 30px;
	right: 21px;
	font-size: 93%; /* 12px相当の大きさ */
}

footer .inner address {
	float: left;
	font-size: 85%; /* 11px相当の大きさ */
	line-height: 1.6;
	padding: 35px 40px 25px 18px;
}

footer .inner .copyright {
	float: left;
	text-align: center;
	margin-top: 20px;
}

footer .inner .copyright img {
	margin-bottom: 10px;
}

footer .inner .copyright p {
	line-height: 1.2;	
}

footer .inner .share {
	/* 子ボックスのフロートのクリア */
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1; /* IE向け */
	margin: 0 auto;
}

footer .inner .share {
	position: absolute;
	bottom: 63px;
	right: 21px;
}

footer .inner .share p {
	float: left;
	margin: 10px 10px 0 0;
}

footer .inner .share ul {
	float: left;
	margin-top: 6px;
}

footer .inner .share ul li {
	display: inline;
	margin-right: 5px;
}


/*=================================================
 * 各ページ共通のスタイル
 * ================================================= */

.txt p {
	margin-bottom: 15px;	
}

.txt_right { text-align: right; }
.txt_center { text-align: center; }
.txt_left { text-align: left; }

.mb_10 { margin-bottom: 10px; }
.mb_20 { margin-bottom: 20px; }
.mb_30 { margin-bottom: 30px; }
.mb_40 { margin-bottom: 40px; }


/*=================================================
 * 利用規約
 * ================================================= */
#subpage_logo {
	width: 503px;
	margin: 70px auto 100px;
}

#tos {
	width: 780px;
	margin: 0 auto;
	font-size: 116%; /* 15px相当の大きさ */
	line-height: 2.4;
}

#tos h1 {
	font-size: 189%; /* 25px相当の大きさ */
	text-align: center;
	margin: 50px 0 50px;
}

#tos h2 {
	font-size: 146.5%; /* 19px相当の大きさ */
	margin: 40px 0 20px;
	color: #ffd200;
}

#tos h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

#tos h3 .members {
	color: #ffd200;
}

#tos ul {
	list-style: disc;
	padding-left: 2em;
	margin-bottom: 30px;
}

#tos table {
	width: 780px;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 108%; /* 14px相当の大きさ */
	line-height: 2.0;
}

#tos th,
#tos td {
	border: 1px solid #ccc;
	padding: 5px 8px;
}

header #tos_logo {
	text-align: center;
	margin: 50px 0 30px;
}


/*=================================================
 * プライバシーポリシー
 * ================================================= */

#privacy {
	width: 720px;
	margin: 0 auto;
	font-size: 108%; /* 14px相当の大きさ */
	line-height: 1.8;
}

#privacy h1 {
	font-size: 167%; /* 22px相当の大きさ */
	text-align: center;
	margin: 50px 0 50px;
}

#privacy h2 {
	font-size: 138.5%; /* 18px相当の大きさ */
	margin: 40px 0 20px;
	color: #ffd200;
}

#privacy p {
}

#privacy ol {
	list-style: decimal;
	padding-left: 2em;
	margin-bottom: 30px;
}

#privacy ol li {
	margin-bottom: 30px;
}

#privacy ol li ul {
	margin: 20px 0 0 30px;
}

#privacy ol li ul li {
	list-style: disc outside;
	margin-bottom: 0;
}

#privacy address span {
	font-weight: bold;
}

header #privacy_logo {
	text-align: center;
	margin: 50px 0 30px;
}


/*=================================================