@charset "UTF-8";

/* =====================================================
事前登録・フライングガチャ
===================================================== */
/*
	レイアウト

	各セクション見出し

	ボタン
		- 小サイズボタン
		- 大サイズボタン
		- その他ボタン

	上段 事前登録エリア

	中段 フラガチャエリア
		- エリア構成
		- 累計回数 レアリティ別累計回数 自分の累計回数
		- 累計回数に応じたインセンティブ変化
		- 現在のカード
		- タイトル
		- 残りの回数
		- 時間帯上限通知
		- 横並びボタン

	下段 ゲーム紹介エリア

	ガチャ結果オーバーレイ

	ガチャ演出

	その他
*/

/* -----------------------------------------------------
レイアウト
----------------------------------------------------- */
body{width: 100%;}

#rickg{
	background: url(../../../img/contents_pc/reserve/rickg/bg.jpg) no-repeat top center fixed;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color:#0a1404;
}

section[class^="box0"]{
	position: relative;
	width: 1800px;
	margin-left: -900px;
	left: 50%;
	text-align: center;
}

section[class^="box0"] > img{vertical-align: bottom;}

/* -----------------------------------------------------
各セクション見出し
----------------------------------------------------- */
.box01 h1,
.box02 h2,
.box03 h2{
	font-size: 0;
	color: rgba(0,0,0,0);
	width: 100%;
	height: 0;
	padding-top: 250px;
	line-height: 250px;
	overflow: hidden;
	background: url(../../../img/contents_pc/reserve/rickg/mainpic_01.png) no-repeat center 0;}

.box02 h2{background: url(../../../img/contents_pc/reserve/rickg/mainpic_04.png) no-repeat center 0;}
.box03 h2{background: url(../../../img/contents_pc/reserve/rickg/mainpic_11.png) no-repeat center 0;}


/* -----------------------------------------------------
ボタン
----------------------------------------------------- */
/* 小サイズボタン
----------------------------------------------------- */
a[class*="btnR"],
a[class*="btnC"],
a[class*="btnF"],
input[class*="btnG"]{
	display: block;
	color: rgba(0,0,0,0);
	width: 240px;
	height: 0;
	line-height: 80px;
	padding-top: 80px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	border: none;
	outline: none;
	background: url(../../../img/contents_pc/reserve/rickg/btn_02.png) no-repeat 0 0;
	background-size: 480px 720px;
	cursor: pointer;
	margin: 0 auto;
}

input.btnGacha{background-position: 0 0;}/* ガチャをまわす */
input.btnGacha.again{background-position: 0 -80px;}/* もう一回まわす */
input.btnGacha.recover{background-position: 0 -160px;}/* つぶやいてまわす */
input.btnGacha.cancel{background-position: 0 -240px;}/* 確定を解除してまわす */
input.btnGacha.unable{
	background-position: 0 -320px;
	cursor: default;
}/* まわせません 時間帯上限 */
input.btnGacha.disabled{
	background-position: -240px -320px;
	cursor: default;
}/* ガチャをまわす（ディセーブル） */
a.btnCommon.end{
	background-position: 0 -400px;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}/* フライングガチャは終了しました */
a.btnCommon.tweet{background-position: 0 -480px;}/* 結果をつぶやく */
a.btnCommon.connect{background-position: 0 -560px;}/* Twitter連携する */
a.btnFix{background-position: 0 -640px;}/* これで確定 */

a[class*="btnR"]:hover,
a[class*="btnC"]:hover,
a[class*="btnF"]:hover,
input[class*="btnG"]:hover{margin-top: 1px; margin-bottom: -1px;}

input.btnGacha:hover{background-position: -241px 0;}/* ガチャをまわす */
input.btnGacha.again:hover{background-position: -241px -80px;}/* もう一回まわす */
input.btnGacha.recover:hover{background-position: -241px -160px;}/* つぶやいてまわす */
input.btnGacha.cancel:hover{background-position: -241px -240px;}/* 確定を解除してまわす */
input.btnGacha.unable:hover{background-position: 0 -320px; margin: 0 auto;}/* まわせません 時間帯上限 */
input.btnGacha.disabled:hover{background-position: -240px -320px; margin: 0 auto;}/* ガチャをまわす（ディセーブル） */
a.btnCommon.end:hover{background-position: 0 -400px; margin: 0 auto;}/* フライングガチャは終了しました */
a.btnCommon.tweet:hover{background-position: -239px -480px;}/* 結果をつぶやく */
a.btnCommon.connect:hover{background-position: -239px -560px;}/* Twitter連携する */
a.btnFix:hover{background-position: -239px -640px;}/* これで確定 */

/* 大サイズボタン
----------------------------------------------------- */
div.btnReserve{
	width: 198px;
	height: 198px;
	position: absolute;
	left: 50%;
	margin-left: 50px;
	bottom: 30px;
	z-index: 30;
}

div.btnReserve a{
	display: block;
	color: rgba(0,0,0,0);
	width: 198px;
	height: 0;
	padding-top: 188px;
	overflow: hidden;
	background: url(../../../img/contents_pc/reserve/rickg/btn_01.png) no-repeat 0 0;
	background-size: 198px 792px;
	position: relative;
	z-index: 40;
}

div.btnReserve a:hover{background-position: 0 -198px;}/* 事前登録hover */
div.btnReserve.reserved a{
	background-position: -1px -397px;
	cursor: default;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}/* 登録完了 */
div.btnReserve.end a{
	background-position: -1px -594px;
	cursor: default;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}/* 事前登録終了 */

/*----- ボタン背景アニメーション -----*/
div.btnReserve::before{
	content: "";
	display: block;
	width: 270px;
	height: 270px;
	position: absolute;
	top: -36px;
	left: -36px;
	background: url(../../../img/contents_pc/reserve/rickg/bg_btn_01.png) no-repeat 0 0;
	background-size: 270px 270px;
	z-index: 30;
	-webkit-animation: mecaRotate 4s cubic-bezier(.05,1.16,.97,1.12) infinite both;
	animation: mecaRotate 4s cubic-bezier(.05,1.16,.97,1.12) infinite both;
}
/*
div.btnReserve::after{
	background: url(../../../img/contents_pc/reserve/rickg/bg_btn_02.png) no-repeat 0 0;
	background-size: 270px 270px;
	-webkit-animation: cyberRotate01 36s linear infinite;
	animation: cyberRotate01 36s linear infinite;
}
*/
@-webkit-keyframes mecaRotate{
	0%,5%	{-webkit-transform: rotate(0deg);}
	25%,30% {-webkit-transform: rotate(90deg);}
	50%,55% {-webkit-transform: rotate(180deg);}
	75%,80% {-webkit-transform: rotate(270deg);}
	100%{-webkit-transform: rotate(360deg);}
}
@keyframes mecaRotate{
	0%,5%	{transform: rotate(0deg);}
	25%,30% {transform: rotate(90deg);}
	50%,55% {transform: rotate(180deg);}
	75%,80% {transform: rotate(270deg);}
	100%{transform: rotate(360deg);}
}

/* 登録完了・終了時のアニメーション止め */
div.btnReserve.reserved::before{ animation: none;}
div.btnReserve.end::before{ animation: none;}

/* その他ボタン
----------------------------------------------------- */
/* 事前登録詳細（必読） */
a.btnReserve.details{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: 300px;
	bottom: 50px;
	background: url(../../../img/contents_pc/reserve/rickg/btn_03.png) no-repeat 0 0;
	background-size: auto auto;
	width: 109px;
	height: 0;
	padding-top: 106px;
	line-height: 106px;
	overflow: hidden;
	z-index: 50;
}




/* ガチャのルール */
a.btnCommon.rule,
a.btnCommon.list{
	display: block;
	background: url(../../../img/contents_pc/reserve/rickg/btn_03.png) no-repeat 0 -106px;
	background-size: auto auto;
	width: 179px;
	height: 0;
	padding-top: 50px;
	line-height: 56px;
	overflow: hidden;
}

a.btnCommon.list{background-position: 0 -160px;}/* 出現カードリスト */

a.btnReserve.details:hover{
	/* opacity: 0.95; */
	margin-bottom: -1px;
	background-position: -109px -1px;
}

a.btnCommon.rule:hover,
a.btnCommon.list:hover{
	opacity: 0.9;
	margin-top: 1px;
}

/* 特典をもっと見る */
p.more{
	/* width: 297px; */
	/* height: 148px; */
	position: absolute;
	left: 50%;
	margin-left: 240px;
	top: 117px;
	z-index: 30;
}

p.more a{
	display: block;
	color: rgba(0,0,0,0);
	overflow: hidden;
	background: url(../../../img/contents_pc/reserve/rickg/moreBtn.png) no-repeat 0 0px;
	position: relative;
	z-index: 40;
	background-size: cover;
	width: 313px;
	height: 88px;
}

p.more a:hover{background-position: 0 -96px;top: 15px;background-size: cover;}



/* -----------------------------------------------------
上段 事前登録エリア
----------------------------------------------------- */
/*----- シェアボタン アイコンの色は「白」「黒」「Twitterブルー」を用意（詳しくは画像を参照） -----*/
a.btnCommon.share{
	display: block;
	font-size: 11px;
	width: auto;
	width: 70px;
	height: 0;
	padding-top: 70px;
	line-height: 70px;
	overflow: hidden;
	position: absolute;
	background: url(../../../img/contents_pc/reserve/rickg/btn_03.png) no-repeat 0 -212px;
	left: 50%;
	bottom: 20px;
	margin-left: 240px;
	z-index: 100;
}

/* box位置調整 */
.box03 a.btnCommon.share{
	margin-left: 458px;
	bottom: 30px;
}
a.btnCommon.share:hover{
	background-position: -70px -212px;
	margin-top: 0px;
	margin-bottom: 0;
}

#rickg .box01 p.mainpic03{
	position: relative;
	margin-top: -250px;
	z-index: 10;
}


/* 事前登録特典 */
#rickg .box01 p.special{
    position: absolute;
    font-size: 0;
    width: 660px;
    top: 0;
    height: 640px;
    padding-top: 528px;
    line-height: 528px;
    overflow: hidden;
    background: url(../../../img/contents_pc/reserve/rickg/object_stripe.png) no-repeat -1010px -270px;
    left: 50%;
    margin-left: -79px;
    z-index: 2;
 }



/* ロゴ */
#rickg .box01 p.logo{
    position: absolute;
    font-size: 0;
    /* color: rgba(0,0,0,0); */
    width: 304px;
    height: 0;
    padding-top: 196px;
    line-height: 200%;
    overflow: hidden;
    background: url(../../../img/contents_pc/reserve/rickg/object_stripe.png) no-repeat -60px -310px;
    /* background-size: cover; */
    top: 530px;
    left: 50%;
    margin-left: -488px;
    z-index: 33;
}
/* R-18用 */
#rickg .box01 p.logo.adult{ background-position: -296px -440px;}


/* 空乙女部隊を～ */
#rickg .box01 p.text01{
    position: absolute;
    font-size: 0;
    /* color: rgba(0,0,0,0); */
    width: 864px;
    height: 0;
    padding-top: 190px;
    line-height: 200%;
    overflow: hidden;
    background: url(../../../img/contents_pc/reserve/rickg/object_stripe.png) no-repeat -20px -50px;
    /* background-size: cover; */
    top: -13px;
    left: 50%;
    margin-left: -688px;
}


/* -----------------------------------------------------
中段 フラガチャエリア
----------------------------------------------------- */
/* 構成
----------------------------------------------------- */
.box02InnerLeft{
	position: absolute;
	left: 50%;
	width: 470px;
	margin-left: -470px;
	top: 149px;
}

.box02InnerRight{
	position: absolute;
	left: 50%;
	width: 550px;
	margin-left: -38px;
	height: 640px;
	top: 60px;
}



#rickg .box02 p.mainpic04{
	position: relative;
	margin-top: -250px;
}


/* 累計回数 レアリティ別累計回数 自分の累計回数
----------------------------------------------------- */
.gachaNumWrap{
	width: 499px;
	height: 457px;
	position: relative;
	margin-bottom: 0px;
}

.gachaNumWrap.extra,
.gachaNumWrap.extra2{
	height: 457px;
	margin-top: 0px;
}

.gachaNumWrap::before,
.gachaNumWrap::after{
	content: "";
	display: block;
	width: 429px;
	z-index: 5;
	position: absolute;
	/*background: url(../../../img/contents_pc/reserve/rickg/bg_count_01.png) no-repeat 0 top;*/
}

.gachaNumWrap::before{
	height: 140px;
	top: 0;
}

.gachaNumWrap::after{
	background-position: 0 -140px;
	height: 320px;
	bottom: 0;
}

.gachaAll,
.gachaRarityList,
.gachaMine{
	position: absolute;
	color: #fff;
	text-align: right;
	font-weight: bold;
	text-shadow: 0 0 10px rgb(255, 0, 0), 0 0 5px rgb(255, 0, 0);
	font-style: italic;
	font-size: 25px;
	width: 100%;
	padding-right: 170px;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*----- 累計回数 -----*/
.gachaAll{
	top: 66px;
	letter-spacing: 2px;
}

/*----- レアリティ別累計回数 -----*/
ul.gachaRarityList{
	top: 271px;
	width: auto;
	left: 10px;
	overflow: hidden;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	font-size: 16px;
	padding-right: 0;
}

.gachaRarityList li{
	width: 97px;
	float: left;
	position: relative;
	margin-right: -5px;
}

.gachaRarityList li:last-child{margin-right: 0;/* left: 29px; */}

.extra ul.gachaRarityList{top: 271px;}

/*----- 自分の累計回数 -----*/
.gachaMine{
	top: 376px;
	letter-spacing: 2px;
	padding-right: 206px;
}

.extra .gachaMine{top: 393px;}



/* 累計回数に応じたインセンティブ変化
----------------------------------------------------- */
/*----- 累計回数付近の表示 -----*/
.extraInsentive{
	/* display: none; */
	/* background: url(../../../img/contents_pc/reserve/rickg/object_stripe.png) no-repeat -380px -261px; */
	/* width: 550px; */
	/* height: 660px; */
	/* position: absolute; */
	/* top: -84px; */
	/* left: 50%; */
	/* z-index: 20; */
	/* margin-left: 173px; */
}

.extra .extraInsentive{display: block;}
.extra2 .extraInsentive{display: block;background-position: -700px -560px;}
.extraInsentive p{
	position: absolute;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(0,156,255,0.9), 0 0 5px rgba(0,156,255,0.9);
	left: 50%;
	text-align: center;
}

.extraInsentive p:nth-of-type(1){
	font-size: 30px;
	bottom: 65px;
	margin-left: -122px;
	width: 60px;
}

.extraInsentive p:nth-of-type(2){
	font-size: 24px;
	bottom: 36px;
	margin-left: 52px;
	width: 40px;
}

.extraInsentive p:nth-of-type(3){
	font-size: 24px;
	bottom: 8px;
	margin-left: -173px;
	width: 40px;
}

.extraInsentive p:nth-of-type(4){
	font-size: 24px;
	bottom: 9px;
	margin-left: 14px;
	width: 40px;
}

/* 確定マーク */
div.completeMarkContainer{
	position: absolute;
	width: 1000px;
	height: auto;
	left: 50%;
	margin-left: -500px;
	bottom: 874px;
}


div.completeMarkContainer p[class^="complete_"]{
	background: url(../../../img/contents_pc/reserve/rickg/complete.png) no-repeat;
	padding-top: 110px;
	width: 160px;
	position: absolute;
	z-index: 10;
	height: 0;
	overflow: hidden;
	line-height: 200%;
	display: none;
}

.complete_2000 {top: 733px;left: 832px;}
.complete_5000 {top: 974px;left: 345px;}
.complete_10000 {top: 973px;left: 834px;}

/* 表示タグ：visible */
div.completeMarkContainer p[class^="complete_"].visible{display: block;}

/* 現在のカード
----------------------------------------------------- */
.gachaResult{position: relative;}

#rickg .gachaResult{height: 100%;margin-top: -17px;padding-bottom: 17px;}

/* 一度も回していない時 */
.gachaResult > img{
	position: relative;
	top: -30px;
	display: none;
}

#rickg .gachaResult.noData{}

.gachaResult.noData > img{
	display: block;
	margin-left: 59px;
	margin-top: -5px;
	top: 34px;
}

/*----- カード本体 -----*/
.gachaCard{
	width: 310px;
	margin: 0 auto;
	position: relative;
}

.gachaResult.noData .gachaCard{display: none;}

.gachaResult .gachaCard{top: 85px;}

.gachaCard img{margin: 0;}

.gachaResult .gachaCard img{
	width: 100%;
	height: auto;
	margin: 0;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}

.gachaCard > *{
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.drawLots .gachaCard > *{opacity: 0;}

#rickg .gachaCard::after{
	content: "";
	display: block;
	width: 327px;
	height: 402px;
	opacity: 0;
	background: url(../../../img/contents_pc/reserve/default/loading_02.png) no-repeat 0 0;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -163px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#rickg .drawLots .gachaCard::after{opacity: 1;}

/*----- カード情報 -----*/
.cardInfo{
	position: absolute;
	text-align: left;
	width: 423px;
	height: 136px;
	color: #fff;
	text-shadow: 0 1px 3px #000, 0 1px 4px #000;
	left: 0;
	right: 0;
	bottom: 51px;
	margin: 1px auto 28px;
	background: url(../../../img/contents_pc/reserve/rickg/flavore.png) no-repeat 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

dt.cardRank {
    text-shadow: none;
}
/* 位置調整 */
section.box02 .cardInfo{bottom: 19px;}

.drawLots .cardInfo{opacity: 0;}

.gachaResult.noData .cardInfo{display: none;}

.cardInfo::before,
.cardInfo::after{
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	/* background: url(../../../img/contents_pc/reserve/rickg/bg_card_info_01.png) no-repeat 0 0; */
}
.cardInfo::after{/* background: url(../../../img/contents_pc/reserve/rickg/bg_card_info_03.png) no-repeat 0 0; */}

.cardInfo dl{
	padding: 0px 0px 0px 0px;
	padding-top: 12px;
	margin-top: 0px;
	display: block;
	color: #00ff00;
}

.cardRank{
	font-size: 38px;
	line-height: 22px;
	width: 105px;
	font-weight: bold;
	margin-top: 7px;
	margin-left: 4px;
	text-align: center;
	float: left;
	color: #000;
}

.cardRank span{
	font-size: 14px;
	line-height: 18px;
}



.cardName{
	font-size: 16px;
    font-weight: bold;
    margin-top: -15px;
    text-align: center;
    margin-left: 121px;
    width: 264px;
    height: 19px;
}

.cardChara{
	font-size: 20px;
	font-weight: bold;
	margin-top: 12px;
	text-align: center;
	margin-left: 125px;
	width: 244px;
	height: 43px;
}

.cardChara.fontResize{
	font-size: 16px;
}


.flavorText {
	font-size: 12px;
	line-height: 15px;
	margin-left: 19px;
	margin-top: 1px;
	text-align: left;
}

.flavorText.magma_109{
    background: url(../../../img/contents_pc/reserve/rickg/text_magma_01.png) no-repeat 0 0;
    width: 265px;
    height: 25px;
}
.flavorText.magma_110{
    background: url(../../../img/contents_pc/reserve/rickg/text_magma_02.png) no-repeat 0 0;
    width: 399px;
    height: 25px;
}
.flavorText.magma_111{
    background: url(../../../img/contents_pc/reserve/rickg/text_magma_03.png) no-repeat 0 0;
    width: 312px;
    height: 25px;
}

/* タイトル
----------------------------------------------------- */
p[class*="gachaTitle"]{
	width: 549px;
	height: 0;
	line-height: 75px;
	padding-top: 75px;
	overflow: hidden;
	background: url(../../../img/contents_pc/reserve/rickg/title_01.png) no-repeat 0 0;
	position: relative;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition: all 0.3s cubic-bezier(.3,-0.3,.7,1.3);
	transition: all 0.3s cubic-bezier(.3,-0.3,.7,1.3);
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

p.gachaTitle02{background-position: 0 -126px;}

.noData p[class*="gachaTitle"]{display: none;}

p.gachaTitle01,
.fixed p.gachaTitle02{
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	top: 57px;
}

p.gachaTitle01 {
    top: 30px;
}

.fixed p.gachaTitle01{
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

.drawLots p[class*="gachaTitle"]{display: none;}

/* 残りの回数 色はゲームに合わせて作成
----------------------------------------------------- */
.gachaRestCount{

background: #0C1C1E;

margin: 0;

border-radius: 4px;

text-align: center;

box-shadow: 0 0 3px #00ff00, 0 0 4px #00ff00;

border: solid 1px  #00ff00;

color: #fff;

font-size: 13px;

line-height: 26px;

padding: 7px 0;

position: absolute;

bottom: 90px;

left: 50%;

width: 120px;

margin: 0 0 0 -60px;

opacity: 0;

z-index: 1;

-webkit-transition: all 0.2s ease;

transition: all 0.2s ease;
}

.btnGacha:hover + .gachaRestCount{
	z-index: 100;
	bottom: 100px;
	opacity: 1;
}

.gachaRestCount::before,
.gachaRestCount::after{
	content: "";
	position: absolute;
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
	border: 8px solid transparent;
	border-top-color: #0C1C1E;
	bottom: -16px;
	left: 50%;
	margin-left: -8px;
}

.gachaRestCount::before{
	border: 10px solid  transparent;
	border-top-color: #00ff00;
	bottom: -20px;
	margin-left: -10px;
}

.gachaRestCount span{
	display: inline-block;
	vertical-align: bottom;
	width: 20px;
	height: 26px;
	text-align: center;
	margin: 0 3px;
	color: #00ff00;
	font-size: 18px;
	font-weight: bold;
}

/* 時間帯上限通知
----------------------------------------------------- */
div.gachaNotice{
	background: #fff;
	margin: 0;
	border-radius: 4px;
	text-align: center;
	padding: 10px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.9), 0 2px 8px rgba(0,0,0,0.7);
	position: absolute;
	bottom: 90px;
	left: -2px;
	opacity: 0;
	z-index: 1;
	width: 280px;
	margin: 0 -20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btnGacha.unable:hover + div.gachaNotice,
.btnGacha.disabled:hover + div.gachaNotice{
	z-index: 20;
	bottom: 100px;
	opacity: 1;
}

div.gachaNotice::after{
	content: "";
	position: absolute;
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
	border: 10px solid transparent;
	border-top-color: #fff;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
}

div.txtHighlight{
	background: #222;
	color: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fd0;
}

div.gachaNotice > p{
	font-size: 12px;
	padding: 10px 0 0;
}

/* 横並びボタン
----------------------------------------------------- */
ul.btnWrap01{
	position: absolute;
	width: 480px;
	left: 0;
	right: 0;
	bottom: -40px;/* 通常時25ｐｘ */
	margin: 0 auto;
	text-align: center;
}

.noData ul.btnWrap01{bottom: -41px;}
.fixed ul.btnWrap01{bottom: -41px;}
.drawLots ul.btnWrap01{bottom: -41px;}

ul.btnWrap01.single li:first-child{display: none;}

ul.btnWrap01 li{
	position: relative;
	float: left;
	vertical-align: top;
	width: 240px;
	height: 90px;
}

ul.btnWrap01.single li{
	margin: 0 auto;
	float: none;
}

ul.btnWrap02{
	width: 368px;
	margin: 0 auto;
	/* margin-left: 70px; */
	/* top: 70px; */
	position: relative;
	top: 42px;
}

ul.btnWrap02 li{
	float: left;
	vertical-align: top;
}

ul.btnWrap02 li:first-child{margin-right: 10px;}

/* clearfix */
ul.btnWrap01::after,
ul.btnWrap02::after{
	content: " ";
	display: table;
	clear: both;
}

/* -----------------------------------------------------
下段 ゲーム紹介エリア
----------------------------------------------------- */
/*----- box03のボタン位置調整 -----*/
.box03 div.btnReserve{bottom: 30px;margin-left: 270px;}

/*----- コピーライト -----*/
.reserveCopyright{
	position: absolute;
	width: 350px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 3px 0;
	bottom: 5px;
	color: #fff;
	text-align: center;
	font-style: 11px;
	z-index: 100;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%);
}

/* -----------------------------------------------------
ガチャ結果オーバーレイ
----------------------------------------------------- */
/*----- ガチャ結果オーバーレイ背景 -----*/
.gachaResultOverlayInner{
	background: url(../../../img/contents_pc/reserve/rickg/bg_03.png) repeat-x center center;
	background-size: contain;
}

/* -----------------------------------------------------
ガチャ演出
----------------------------------------------------- */
/*----- 回転集中線 -----*/
#gachaResultOverlay .gachaCard::before{
	background: url(../../../img/contents_pc/reserve/rickg/bg_01.png) no-repeat center center;
	background-size: contain;
}


/*----- カード背景明滅 -----*/
#gachaResultOverlay .gachaCard::after{
	background: url(../../../img/contents_pc/reserve/rickg/bg_02.png) no-repeat center center;
	background-size: contain;
}

/* -----------------------------------------------------
その他
----------------------------------------------------- */
.overlayContentInner p.gachaCard{padding-bottom: 0;}

/* モーダル画像上書き */
.gacha-modal #modalContentsWrap {
    background: url(../../../img/contents_pc/reserve/rickg/bg_reserve_complete.jpg) no-repeat center top;
    height: 400px;
}

/* 共通CSS上書き */
#gachaResultOverlay .gachaCard img{
	width: auto;
	max-width: 400px;
	max-height: 100%;
	position: absolute;
	top: -95px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
}

/* さらに特典を見るリンク先 */
div#moreLink {
    top: 120px;
    display: block;
    position: relative;
    /* width: 100px; */
}



.registCount01{
	position: absolute;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 10px rgb(255, 0, 0), 0 0 5px rgb(255, 0, 0);
	font-style: italic;
	font-size: 30px;
	width: 100%;
	bottom: 149px;
	z-index: 10;
	margin-left: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}