﻿@charset "utf-8";
*{
	margin:0;
	padding:0;
}
html {
	height:100%;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	background:#FF99CC;
	height:100%;
	position:relative;
}
body::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background: url(../images/common/bg_second.jpg) no-repeat,#FF99CC;
	-webkit-background-size:cover;
}
img{
	vertical-align:bottom;
}
ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#copy{
	text-align:center;
	margin:100px 0 0;
	padding:25px 0;
	background:#FF99CC;
}
.movie #copy{
	position:absolute;
	width:100%;
	bottom:0;
}

/*second*/
#wrapSecond:before {
	content: "";
	position: absolute;
	top: 0;
	width: 750px;
	height: 36px;
	background: url(../images/common/img_border.png) no-repeat top;
}

#wrapSecond h1{
	padding-top:50px;
	text-align:center;
}
#wrapSecond .imgCenter{
	text-align:center;
}
#wrapSecond .secondFrame{
	background: url(../images/common/bg_frame_bottom.png) no-repeat bottom;
}
#wrapSecond .secondRepeat{
	position: relative;
	width: 710px;
	margin: 0 auto;
	background: url(../images/common/bg_frame_repeat.png) center top repeat-y;
	margin-bottom: 160px;
}
#wrapSecond .secondRepeat:after {
	content: "";
	position: absolute;
	background: url(../images/common/bg_frame_bottom.png) no-repeat bottom;
	width: 100%;
	height: 60px;
	bottom: -60px;
}
/* hamburger*/
#menuBtn {
	position: fixed;
	width: 104px;
	height: 100px;
	top:44px;
	right:25px;
	z-index:2060;
	background: url(../images/common/btn_menu.png) no-repeat;
}
#menuBtn.active {
	background: url(../images/common/btn_close.png) no-repeat;
}
#headMenu {
	position:absolute;
	width: 100%;
	margin: 0 auto;
	top:155px;
	z-index:2050;
}
#headMenu li {
	width: 100%;
	margin: 0;
	padding: 0;
}
#overLay {
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	background:#FF99CC;
	z-index:1500;
	overflow-y:scroll;
}
#overLay:before {
	content: "";
	position: absolute;
	top: 0;
	left:0;
	width: 750px;
	height: 36px;
	background: url(../images/common/img_border.png) no-repeat top;
}

/*news*/
.news #divRss .updates {
	padding-top:20px;
}
.news #divRss .updates li {
	width: 600px;
	margin: 0 auto;
	border-bottom: 3px dotted #FF72CF;
}
.news #divRss .updates li p{
	padding:25px 0;
}
.news #divRss .updates li span{
	display:block;
	color:#1AECEC;
	font-size:26px;
	font-weight:normal;
}
.news #divRss .updates li a{
	font-size:30px;
	color:#333;
	text-decoration:none;
}


/* csg */
#wrapSecond.csg .secondRepeat{
	position: relative;
	width: 710px;
	margin: -1px auto 160px;
	background: url(../images/csg/bg_frame_repeat.png) center top repeat-y;
}

#wrapSecond.csg .btnWrap{
	position: absolute;
	top : -235px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1;
}
#wrapSecond.csg .btnWrap li{
	display: inline-block;
	margin: 0 10px;
}
#wrapSecond.csg .caststaff{
	text-align: center;
}
#wrapSecond.csg .secondRepeat:after {
	content: "";
	position: absolute;
	background: url(../images/csg/bg_frame_bottom.png) no-repeat bottom;
	width: 100%;
	height: 60px;
	bottom: -59px;
}
#wrapSecond.csg .member {
	padding-bottom: 60px;
}

#wrapSecond.csg .guestMember {
	text-align: center;
}
#wrapSecond.csg .guestMember .guestImg {
	padding-bottom: 60px;
}

/* game */
#wrapSecond.game {
	position: relative;
}

#wrapSecond.game .startBTnT{
	position: absolute;
	top: 585px;
	left: 0;
	right:0;
	margin: 0 auto;
	text-align: center;
}
#wrapSecond.game .startBTnB{
	position: absolute;
	bottom: 250px;
	left: 0;
	right:0;
	margin: 0 auto;
	text-align: center;
}
