@charset 'utf-8';

html,p,h1,h2,h3 {
	padding:0;
	margin:0;
	border:0;
	outline:none;
}

ul,li {
	padding:0;
	margin:0;
	border:0;
	outline:none;
	list-style:none;
}

body {
	padding:0;
	margin:0;
	border:0;
	outline:none;
	width:device-width;
	background-color:#000;
	color:#fff;
	overflow-x:hidden;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', verdana, Helvetica,Arial, sans-serif;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media only screen and (orientation:portrait){

body {
	font-size:12px;
	line-height:16px;
}

}

@media only screen and (orientation:landscape){

body {
	font-size:16px;
	line-height:20px;
}

}

a {
	color:#fff;
	text-decoration:none;
}

#wrapper {
	width:100%;
	margin:0 auto;
	min-width:320px;
	max-width:750px;
	text-align:center;
	z-index:1;
	clear:both;
	overflow:hidden;
	position:relative;
}

#wrapper img {
	width:100%;
	vertical-align:bottom;
	margin:0;
	padding:0;
}

.menu {
	width:49px;
	height:49px;
	position:absolute;
	top:0;
	right:0;
	z-index:30;
	
}

#gNavi {
	position:absolute;
	width:100%;
	background-color: rgba(0,0,0,0.9);
	z-index:999;
	padding-bottom:18px;
	display:none;
}

#gNavi .close01 {
	width:49px;
	height:49px;
	position:absolute;
	top:0;
	right:0;
	z-index:30;
}

#gNavi ul {
	width:93.75%;
	margin:0 auto;
	padding-top:58px;
}

#gNavi ul li {
	margin-bottom:10px;
	
}

#gNavi .close02 {
	width:93.75%;
	margin:0 auto;
	text-align:right
}

#gNavi .close02 img {
	width:75px;
	height:21px;
}

#mainImg {
	width:100%;
	margin-bottom:10px;
	position:relative;
}



#mainImg h1 {
	width:100%;
	position:relative;
}

#mainImg h1 .mark {
	position:absolute;
	width: 100%;
	bottom:3%;
	display:block;
}

#mainImg h1 .awardMark {
	width:14.5%;
	float: right;
	padding-right: 10px;
	display:block;
	
}

#mainImg h1 .honsuu {
	width:14.5%;
	float: left;
	margin-left:3%;
	display:block;
	
}

#mainImg .textDate {
	width:100%;
	margin:0 auto;	
}

#mainImg .topBtnArea01 {
	width:100%;
	margin:0 auto 10px;
}

#mainImg .topBtnArea01 p {
	width:50%;
}

#mainImg .topBtnArea01 .bnrPoint {
	float:left;
}

#mainImg .topBtnArea01 .bnrEcap {
	float:right;
}


#mainImg .topBtnArea02 {
	width:93.75%;
	margin:0 auto 10px;
}

#mainImg .topBtnArea02 p {
	width:48.333%;
	position:relative;
}

#mainImg .topBtnArea02 p span {
	width:26%;
	display:block;
	position:absolute;
	top: -13%;
	left: 2px;
}

#mainImg .topBtnArea02 .bnrLeft {
	float:left;
}

#mainImg .topBtnArea02 .bnrRight {
	float:right;
}

#mainImg .bnrPv {
	width:93.75%;
	margin:0 auto 10px;
	position:relative;
}

#mainImg .bnrNew {
	padding-top:10px;
	
}

#mainImg .bnrNew span {
	width:13%;
	display:block;
	position:absolute;
	top: -4%;
    left: 2px;	
}

#mainImg .cautionText {
	width:93.75%;
	text-align:left;
    border: 1px solid #4d4d4d;
	padding:5px;
	line-height:1.5;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin:0 auto 10px;
}

#mainImg .cautionText a {
	text-decoration: underline;
}

@media only screen and (orientation:landscape){


#mainImg .bnrMovie span {
	width:10%;
}

}

#mainImg .line {
	width:100%;
	margin:0 auto;
}

/*-----------------------------------------

 	contents

-----------------------------------------*/

#contents {
	width:100%;
	height:100%;
	margin:0;
	
}

#contents .conts {
	width:100%;
	position:relative;
}

#contents .conts h2 {
	width:100%;
	margin:0 auto 10px;
}

#contents .conts#promotion {
	margin-bottom:15px;
	
}

#contents .conts .inner {
	width:93.75%;
	margin:0 auto;
}

#contents .conts#promotion .bnr01 {
	width:100%;
	margin:0 auto 10px;	
}

#contents .conts#promotion .bnrArea {
	width:100%;
	margin:0 auto 15px;
	padding:0;
	border-bottom:none;
}

#contents .conts#promotion .bnrArea p {
	width:48.333%;
}

#contents .conts#promotion .bnrArea .left {
	float:left;
}

#contents .conts#promotion .bnrArea .right {
	float:right;
}

#contents .conts#promotion ul {
	width:100%;
	margin:0 auto 5px;
}

#contents .conts#promotion ul li {
	width:100%;
	border-bottom:1px solid #404040;
}


#contents .conts#promotion ul li:last-child {
	border-bottom:none;
	
}

#contents .conts#promotion ul li a {
	display:block;
	padding:10px 0;
	background:url(../images/shared/icon_arrow.jpg) no-repeat right;
	-moz-background-size:25px 25px;
	-webkit-background-size:25px 25px;
	-o-background-size:25px 25px;
	-ms-background-size:25px 25px;
}

#contents .conts#promotion ul li a .img {
	width:27.5%;
	float:left;
	position:relative;
}

#contents .conts#promotion ul li a .img span {
	width:28%;
	position:absolute;
	top:0;
	left:0;
	display:block;
}


#contents .conts#promotion ul li a .text {
	color:#ffffff;
	line-height:1.5;
	text-align:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float:right;
	width:65%;
	padding-right:30px;
}

#contents .conts#promotion ul li a .text span {
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}

#contents .conts#promotion .tgsArea {
	text-align:center;
	color:#b6b6b6;
	
}

#contents .conts#gameInfo .imgLink {
	margin-bottom:8px;
	padding-top:10px;
	
}
 
#contents .conts#gameInfo .imgLink li {
	width:100%;
	margin-bottom:8px;
	position:relative;
}

#contents .conts#gameInfo .imgLink li span {
	width:15.3333%;
	position:absolute;
	top:-3%;
	left:8px;
	
}

#contents .conts#gameInfo .textLink li {
	margin-bottom:6px;
}

#contents .conts#gameInfo .textLink li a {
	background:url(../images/shared/bg_btn.jpg) no-repeat center top;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
	font-size:14px;
	padding:5% 0 7% 5%;
	display:block;
	text-align:left;
	
}

#contents .conts#gameInfo .btn {
	width:93.75%;
	margin:0 auto 20px;
	
}




#wrapper #conts05 .contsInner {
	width:93.75%;
	height:auto;
	margin:0 auto;
	text-align:left;
}

#wrapper #conts05 .contsInner .specText {
	margin-top:20px;
	margin-bottom:10px;
	
}

#wrapper #conts05 .contsInner .specText .title {
	font-size:13px;
	line-height:1.5;
	margin-bottom:15px;
	font-weight:bold;	
}

#wrapper #conts05 .contsInner .specText  .specList {
	width:100%;
	margin-bottom:10px;
}

#wrapper #conts05 .contsInner .specText  .specList li {
	width:100%;
	font-size:12px;
	margin-bottom:5px;
	line-height:1.2;
}

#wrapper #conts05 .contsInner .specText  p.point {
	font-size:12px;
	line-height:1.2;
	margin-bottom: 10px;
}

#wrapper #conts05 .contsInner .textSave {
	width:auto;
	padding:10px 0;
	line-height:1.4;
	font-size:11px;
	text-align:left;
	border:1px solid #959595;
}

#wrapper #conts05 .contsInner .textSave p {
	width:96%;
	margin:0 auto;
	
}

#wrapper #conts05 .contsInner .markArea {
	
}

#wrapper #conts05 .contsInner .cero {
	width:73px;
	height:90px;
	float:left;
	margin-right:10px;
}

#wrapper #conts05 .contsInner .markArea .awardMark {
	width:90px;
	height:90px;
	float:left;
	
}

#wrapper #conts05 .contsInner  p.att {
	font-size:12px;
	line-height:1.2;
	padding-top: 10px;
}

.bnrArea {
	width:100%;
	padding:20px 0 10px;
	border-bottom:1px solid #444;
}


.bnrArea .inner {
	width:92%;
	margin:0 auto;	
}

.bnrArea .inner ul li {
	margin-bottom:10px;
}


.fNavi {
	width:100%;
	padding-top:20px;
}

.fNavi ul {
	width:93.75%;
	margin:0 auto 10px;
}

.fNavi ul li {
	margin-bottom:10px;
	
}

.bnrBottom.bnrTop {
	padding-top:10px;
}

.bnrBottom {
	width:93.75%;
	margin:0 auto 10px ;
	position:relative;
}

.bnrBottom span {
	width:13%;
	display:block;
	position:absolute;
	top: -4%;
    left: 2px;	
}


.bnrItem {
	width:93.75%;
	margin:0 auto 10px ;
}