@charset "UTF-8";
/*==============================================
ガイド用　css
ikegami

基本設定
賞金・遊び方
ビギナーズガイド
==============================================*/
/*==============================================
基本設定
==============================================*/
.GuideBg.Contents{
	background-image: url(../img/information/guide/playguode_bg.png);
	background-repeat: repeat-y;
	background-size: contain;
	padding-bottom: 40px;
}
.Contents {
	max-width: 480px;
}
.Contents img{
	width:100%;
}
/*==============================================
賞金・遊び方
==============================================*/
#PlayGuide .GuideBody h2{
	position: relative;
	top: -8px;
}
#PlayGuide .GuideBody .Champion{
	margin-top: 10px;
}
#PlayGuide .GuideBody .LowRank{ 
	padding:14px 12px;
	width:314px;
	height: 127px;
	margin:18px auto 20px;
	background-image: url(../img/information/guide/playguode_rank_bg.png);
	background-repeat: no-repeat;
	background-size: 314px 127px;
}
#PlayGuide .GuideBody .LowRank table.PrizeTable{
	width:100%;
	font-size: 87.5%;
	border-collapse: collapse;
}
#PlayGuide .GuideBody .LowRank table.PrizeTable tr > *{
	height: 25px;
	vertical-align: middle;
}
#PlayGuide .GuideBody .LowRank table.PrizeTable tr + tr{
	border-top:2px solid #8c6844;
}
#PlayGuide .GuideBody .LowRank table.PrizeTable tr:nth-child(odd){
	background-color: rgba(201, 123, 46, .3);
}
#PlayGuide .GuideBody .LowRank table.PrizeTable tr td{
	padding-left: 8px;
	border-left:2px solid #8c6844;
}

#PlayGuide .GuideBody .PaddingBox{
	padding: 0 10px;
}


#PlayGuide .PlayHead{
	margin-top: 24px;
}
#PlayGuide .PlayBody .Step{
	width:313px;
	margin:auto;
}

.ruleBtn{
	display: block;
	margin: 20px auto;
	width:272px;
	height: 71px;
}


/*==============================================
ビギナーズガイド
==============================================*/
#BeginnersGuide .GuideBody .OreproExplanation{
	position: relative;
	width:346px;
	height: 343px;
	margin:27px auto 0;
	padding-top: 32px;
	text-align: center;
	background-image: url(../img/information/guide/beginnersguide_mainbg.png);
	background-repeat: no-repeat;
	background-size: 346px 343px;
	background-position: center;
}
#BeginnersGuide .GuideBody .OreproExplanation h2{
	position: absolute;
	top:-15px;
	left: 0;
	right: 0;
	width:139px;
	height: 31px;
	margin:auto;
}
#BeginnersGuide .GuideBody > h2{
	margin:10px 0;
}
#BeginnersGuide .GuideBody .OreproExplanation .MainText{
	width:297px;
}
#BeginnersGuide .GuideBody ul.PlayStyle{
	font-size: 0;
	margin: 0 10px;
}
#BeginnersGuide .GuideBody ul.PlayStyle li{
	display:inline-block;
	width: 50%;
    vertical-align: top;
}
#BeginnersGuide .GuideBody ul.UsersComment{
    margin:0 10px -40px;
}
#BeginnersGuide .GuideBody ul.UsersComment li{
	position: relative;
}
#BeginnersGuide .GuideBody ul.UsersComment li:nth-child(even){
	float: right;
}
#BeginnersGuide .GuideBody ul.UsersComment li:nth-child(1){
	width:269px;
	z-index: 5
}
#BeginnersGuide .GuideBody ul.UsersComment li:nth-child(2){
	width:300px;
	top:-20px;
	z-index: 4;
}
#BeginnersGuide .GuideBody ul.UsersComment li:nth-child(3){
	width:336px;
	z-index: 3;
	top: -31px;
}
#BeginnersGuide .GuideBody ul.UsersComment li:nth-child(4){
	width:347px;
	z-index: 2;
	top: -50px;
}
#BeginnersGuide .GuideBody ul.UsersComment li:nth-child(5){
	width:352px;
	z-index: 1;
	top: -64px;
}
#BeginnersGuide .GuideBody ul.UsersComment li{
	max-width:100%;
}
@media only screen and (max-width: 350px) {
	#BeginnersGuide .GuideBody .OreproExplanation{
		padding-top: 52px;
	    width: 320px;
	    height: 343px;
	    background-size: 316px 311px;
	}
	#BeginnersGuide .GuideBody .OreproExplanation h2{
		top:10px;
	}
	#BeginnersGuide .GuideBody .OreproExplanation .MainText{
		width:260px;
	}
}


.startBtn{
	display: block;
	margin: 20px auto;
	width:270px;
	height: 67px;
}
.guideBtn{
	display: block;
	margin: 20px auto 0;
	width:142px;
	height: 67px;
}