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

/* ====================================================================================================================
 * PC用CSS
 * ====================================================================================================================*/
/*全体*/

/*アコーディオン*/
.accbox {
    margin:  0;
    padding: 0;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#091757;
    font-weight: bold;
    background :#091757;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#0084F7;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}
/*ここまでアコーディオン*/

@media screen and (min-width:641px) { 
	
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-image: url(../img/bg.jpg);
    font-size: 16px;
    line-height: 1.5;
    color: #222;
	background-image: url(../img/main_bg.jpg);
	background-repeat: repeat;
	margin: 0 auto;
}

.wrapper{
	text-align: center;
	width: 960px;
	margin: 0 auto;
	background-color: white;
	box-shadow: 0 0 25px #000;
	margin: 0 auto;
}



.top{
	height: 530px;
	top:auto;
	background-image:url(../img/top.jpg);
	background-color:white;
	position: relative;

}

/*各プラットフォームリンク*/
.top__zizen-link{
	position: absolute;
	bottom: 0;
	height: 100px;
}
img.link{
	margin: 5px;
}

/*更新履歴*/
.news{
	
	background-color:#091757 ;
	text-align: left;
	padding: 2% 5%;
}
.news__midasi{
	color:#FFF041;
}
.news__text{
	color: white;
}
	
.news__title{
	color:white;
	font-size:120%;
	}

/*事前登録エリア*/
.zizen{
	
	/*height: 2390px;*/
	background-image: url(../img/bg_zizen.jpg);
	background-repeat: repeat;
	position: relative;
}

.zizen__text{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 20px;
    font-weight:700; 
    padding-bottom: 10px;
	
}

.zizen__zizen-link{
	position: relative;
	margin:25px; 
}

.zizen__text-min{
	font-size: 13px;
	text-align: left;
	padding: 0% 5%;
}

.zizen__pic{
	
}
	
.zizen__pic_fin{
	position: relative;
	filter:brightness(40%);
		
	}

.zizen__clear{
	position: absolute;
	z-index:1;
	}

/*ゲーム紹介部分*/
.inner{
	/*height: 2000px;*/
	width:90%;
	margin: 0 auto;
	padding-top: 10px;
	background-color: #fff;
}

.inner__read{
	text-align: left;
}

.flexslider{
	position: relative;
	margin: 0 auto !important;
	width: 60%;
	padding: 10px 0 !important;
	border: 0  !important;
	
}
.flex-direction-nav a{
	height: 60px !important;
}

.inner__read-midashi{
	font-size: 270%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.46);
    padding-bottom: 10px;
}

/*spacリスト*/
table.spec{
	border-collapse:collapse;
	margin: 30px auto;
	width: 90%;
	border:solid:1px; 
	border-color: #575757;
}

td{
	padding: 10px 15px;
}

th{
	width: 20%;
	background-color: #f9f7f7;
	border: 1px #ddd solid; 
}
td.list{
	text-align: center;
	border: 1px #ddd solid; 
}

td.list2{
	padding: 0% 2%;
	text-align: left;
	border: 1px #ddd solid; 
}


/*footer*/
.footer{
	padding-bottom: 20px;
}

.footer__text{
	font-size: 13px;
	padding: 0% 5%;
	
}

.sns{
	margin: 10px;
}

/*装飾*/
.red-text{
	color:#CD0003;
	text-shadow: 1px 1px 3
		px rgba(0, 0, 0, 0.46);
}
	
}

/* ====================================================================================================================
 * Sp用CSS
 * ====================================================================================================================*/

@media screen and (max-width:  640px) {
		
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-image: url(../img/bg.jpg);
    font-size: 16px;
    line-height: 1.5;
    color: #222;
	background-image: url(../img/main_bg.jpg);
	background-repeat: repeat;
	margin: 0 auto;
}

.wrapper{
	text-align: center;
	width: 1;
	margin: 0 auto;
	background-color: white;
	box-shadow: 0 0 25px #000;
	margin: 0 auto;
}



.top{
	height: 56vw;
	top:auto;
	background:url(../img/top.jpg)no-repeat;
	background-size:100%;
	background-color:white;
	position: relative;

}

/*各プラットフォームリンク*/
.top__zizen-link{
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 34%;
	padding-bottom: 10px;
}
img.link{
	/*margin: 5px;*/
	height: 11vw;
}

/*更新履歴*/
.news{
	
	background-color:#091757 ;
	text-align: left;
	padding: 2% 5%;
	font-size: 13px;
}
.news__midasi{
	color:#FFF041;

}
.news__text{
	color: white;
	font-size: 90%;
}
	
.news__title{
	color:white;
	font-size:120%;
	}

/*事前登録エリア*/
.zizen{
	
	/*height: 2390px;*/
	background-image: url(../img/bg_zizen.jpg);
	background-repeat: repeat;
	position: relative;
}

.zizen__text{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 20px;
    font-weight:700; 
    padding-bottom: 10px;
	
}

.zizen__zizen-link{
	position: relative;
	margin: 6vw 0;
	/*height: 250px;*/
}

.zizen__text-min{
	font-size: 11px;
	text-align: left;
	padding: 0% 5%;
}

/*.zizen__img{
	width: 80%;

}*/
.zizen__pic{
	width: 100%;
}
	
.zizen__pic_fin{
	position: relative;
	filter:brightness(40%);
	width: 100%;
	}

.zizen__clear{
	position: absolute;
	z-index:1;
	width: 100%;
	}
	
.zizen__size-sp{
	width: 40%;
	}
	

/*ゲーム紹介部分*/
.inner{
	/*height: 2000px;*/
	width:90%;
	margin: 0 auto;
	padding-top: 10px;
	background-color: #fff;
}

.inner__read{
	text-align: left;
}

.flexslider{
	position: relative;
	margin: 0 auto !important;
	width: 80%;
	padding: 10px 0 !important;
	border: 0  !important;
	
}
.flex-direction-nav a{
	height: 60px !important;
}

.inner__read-midashi{
	font-size: 270%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.46);
    padding-bottom: 8vw;
	line-height: 1.2em;
}

/*spacリスト*/
table.spec{
	border-collapse:collapse;
	margin: 30px auto;
	width: 90%;
	border:solid:1px; 
	border-color: #575757;
	font-size: 10px;
}

td{
	padding: 10px 15px;
}

th{
	width: 20%;
	background-color: #f9f7f7;
	border: 1px #ddd solid;
	padding: 0 3px;
}
td.list{
	text-align: center;
	border: 1px #ddd solid; 
}

td.list2{
	padding: 0% 2%;
	text-align: left;
	border: 1px #ddd solid; 
}


/*footer*/
.footer{
	padding-bottom: 20px;
}

.footer__text{
	font-size: 10px;
	padding: 0% 5%;
	
}

.sns{
	margin: 10px;
}
	
.footer__img{
	width: 50%;
	}

/*装飾*/
.red-text{
	color:#CD0003;
	text-shadow: 1px 1px 3
		px rgba(0, 0, 0, 0.46);
}
		
}