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

/* スライドパネル */
#sidePanel{
	position:fixed;
	right:0;
	top:0;
	width:400px;
	height:100%;
	font-family:"Arial Black",  Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	box-shadow:-2px 0 2px 0 rgba(0,0,0,0.5);
	-webkit-transform:translateX(455px);
	-moz-transform:translateX(455px);
	-ms-transform:translateX(455px);
	transform:translateX(455px);
	-webkit-transition:ease .5s;
	-moz-transition:ease .5s;
	-ms-transition:ease .5s;
	transition:ease .5s;
	z-index:3;
}

#sidePanel.action{
	width:400px;
	height:100%;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
}

#container {
	-webkit-transition:ease .5s;
	-moz-transition:ease .5s;
	-ms-transition:ease .5s;
	transition:ease .5s;
}

#container.blur{
	z-index :1;
}

.panelHead{
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:80px;
	padding:10px 0;
	text-align:center;
	background-color:#ffffff;
	border-bottom:3px solid #e75f00;
}

.land .panelHead{
	border-bottom:3px solid #3dac0d;
}

.panelHead .panelCloseButton{
	position:absolute;
	left:-50px;
	top:0;
	display:block;
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	background-color:#f1f1f1;
	box-shadow:-2px 2px 2px 0 rgba(0,0,0,0.5);
	cursor:pointer;
}

#sidePanel #panelMain{
	box-sizing:border-box;
	margin:0;
	padding:30px 0 0 0;
	text-align:center;
}
/* ウィンドウを被せるための領域 */
#containerCover {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	z-index:2;
}

/* design */
.red{
	color:#ee3333;
}

.hugeText{
	font-size:3.5em;
	line-height:1.1;
}

.largeText{
	font-size:1.5em;
}

.textFrame{
		text-shadow:0 2px 1px #ffffff,
		0 1px 1px #ffffff,
		1px 1px 1px #ffffff,
		1px 0 1px #ffffff,
		2px 0 1px #ffffff,
		1px -1px 1px #ffffff,
		1px -2px 1px #ffffff,
		0 -2px 1px #ffffff,
		-1px -2px 1px #ffffff,
		-2px -2px 1px #ffffff,
		-2px -1px 1px #ffffff,
		-2px 0 1px #ffffff,
		-2px 1px 1px #ffffff,
		-1px 1px 1px #ffffff
}

.textFrameShadow{
	text-shadow:0 2px 1px #ffffff,
		0 1px 1px #ffffff,
		1px 1px 1px #ffffff,
		1px 0 1px #ffffff,
		2px 0 1px #ffffff,
		1px -1px 1px #ffffff,
		1px -2px 1px #ffffff,
		0 -2px 1px #ffffff,
		-1px -2px 1px #ffffff,
		-2px -2px 1px #ffffff,
		-2px -1px 1px #ffffff,
		-2px 0 1px #ffffff,
		-2px 1px 1px #ffffff,
		-1px 1px 1px #ffffff,
		0 4px 2px rgba(0,0,0,0.5);
}

#sidePanel #panelFrame{
	position:relative;
	width:100%;
	height:100%;
}


#sidePanel.sell{
	background:#ffffff url(/drive/images/withdrawalCheck/sateliteBg.jpg) center 40px no-repeat;
}

#sidePanel.sell.p_default{
	background:#ffffff url(/drive/images/withdrawalCheck/sellBg.jpg) center 10px no-repeat;
}

#sidePanel.sell.p_kdim{
	background:#ffffff url(/drive/images/withdrawalCheck/kdimBg.jpg) center 40px no-repeat;
}

#sidePanel.sell.p_fudousanbaikyaku-navi{
	background:#ffffff url(/drive/images/withdrawalCheck/kdim2Bg.jpg) center 40px no-repeat;
}

#sidePanel.land.p_default{
	background:#ffffff url(/drive/images/withdrawalCheck/landBg.jpg) center 10px no-repeat;
}

#sidePanel.sell.p_default #panelMain .text1,
#sidePanel.land.p_default #panelMain .text1{
	box-sizing:border-box;
	width:80%;
	margin:0 auto;
	height:50px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	line-height:50px;
	background:-moz-linear-gradient(top, #179ec5, #1279ac);
	background:-ms-linear-gradient(top, #179ec5, #1279ac);
	background:-webkit-gradient(linear, left top, left bottom, from(#179ec5), to(#1279ac));
	background:gradient(linear, left top, left bottom, from(#179ec5), to(#1279ac));
	border-radius:50px;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.3);
}

#sidePanel.sell.p_default #panelMain .text1:after,
#sidePanel.land.p_default #panelMain .text1:after{
	content:"▼";
	display:block;
	margin-top:-10px;
	color:#1279ac;
	font-size:25px;
	line-height:1.0;
}

#sidePanel.sell.p_default #panelMain .text1 .big,
#sidePanel.land.p_default #panelMain .text1 .big{
	padding:0 5px 0 0;
	color:#fff633;
	font-size:1.2em;
}

#sidePanel #panelMain .text2{
	margin:-5px 0 0 20px;
	padding: 0;
	font-weight:bold;
	font-size:1.15em;
	text-align:left;
	line-height:1.6;
}

#sidePanel.sell.p_default #panelMain .text2,
#sidePanel.land.p_default #panelMain .text2{
	margin:250px 0 0 0;
	font-size:1.1em;
	line-height:1.6;
	text-align:center;
}

#sidePanel.sell.p_default #panelMain .text3,
#sidePanel.land.p_default #panelMain .text3{
	margin:0;
	padding: 0;
	color:#ee3333;
	font-size:25px;
	font-weight:bold;
	line-height:1.4;
}

#sidePanel.sell #panelMain .button,
#sidePanel.land #panelMain .button{
	position:absolute;
	bottom:0;
	box-sizing:border-box;
	width:400px;
	margin:0;
	padding:250px 0 80px 0;
	background:url(/drive/images/withdrawalCheck/graph.png) left top no-repeat;
}

#sidePanel.sell.p_default #panelMain .button,
#sidePanel.land.p_default #panelMain .button{
	bottom:0;
	padding:140px 0 40px 0;
	background:none;
	background:rgba(255,255,255,0.5) url(/drive/images/withdrawalCheck/giftCard.png) center top no-repeat;
	background:url(/drive/images/withdrawalCheck/giftCard.png) center top no-repeat, -moz-linear-gradient(top, rgba(255,255,255,0),
		40% rgba(255,255,255,1.0),
		rgba(255,255,255,1.0));
	background:url(/drive/images/withdrawalCheck/giftCard.png) center top no-repeat, -ms-linear-gradient(top, rgba(255,255,255,0),
		40% rgba(255,255,255,1.0),
		rgba(255,255,255,1.0));
	background:url(/drive/images/withdrawalCheck/giftCard.png) center top no-repeat, -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0)),
		color-stop(0.4, rgba(255,255,255,1.0)),
		to(rgba(255,255,255,1.0)));
	background:url(/drive/images/withdrawalCheck/giftCard.png) center top no-repeat, gradient(linear, left top, left bottom,
		from(rgba(#ffffff)),
		color-stop(0.4, rgba(255,255,255,1.0)),
		to(rgba(255,255,255,1.0)));
}

#sidePanel #panelMain .button .panelCloseButton{
	box-sizing:border-box;
	width:70%;
	height:60px;
	margin:0 auto;
	padding:0;
	color:#ffffff;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:25px;
	line-height:60px;
	border:none;
	border-radius:5px;
	box-shadow:0 -4px 1px 0 rgba(0,0,0,0.5) inset, 2px 2px 2px 0 rgba(0,0,0,0.3);
	cursor:pointer;
}

#sidePanel.sell #panelMain .button .panelCloseButton,
#sidePanel.land #panelMain .button .panelCloseButton{
	background:-moz-linear-gradient(top, #ff9e57, #e75f00);
	background:-ms-linear-gradient(top, #ff9e57, #e75f00);
	background:-webkit-gradient(linear, left top, left bottom, from(#ff9e57), to(#e75f00));
	background:gradient(linear, left top, left bottom, from(#ff9e57), to(#e75f00));
}

#sidePanel.sell #panelMain .button .panelCloseButton:hover{
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.5) inset, 1px -1px 1px 0 rgba(0,0,0,0.3);
}

#sidePanel.sell #panelMain .button .panelCloseButton span{
	display:inline-block;
	margin:0 0 0 10px;
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

@media screen and (max-height:780px){
	#sidePanel.sell #panelMain .button{
		padding:190px 0 10px 0;
		background-size:100%;
	}

	#sidePanel.sell.p_default #panelMain .button,
	#sidePanel.land.p_default #panelMain .button{
		padding:50px 0 10px 0;
		background:rgba(255,255,255,0.5) url(/drive/images/withdrawalCheck/giftCardLow.png) center top no-repeat;
		background:url(/drive/images/withdrawalCheck/giftCardLow.png) center top no-repeat, -moz-linear-gradient(top, rgba(255,255,255,0),
			20% rgba(255,255,255,1.0),
			rgba(255,255,255,1.0));
		background:url(/drive/images/withdrawalCheck/giftCardLow.png) center top no-repeat, -ms-linear-gradient(top, rgba(255,255,255,0),
			20% rgba(255,255,255,1.0),
			rgba(255,255,255,1.0));
		background:url(/drive/images/withdrawalCheck/giftCardLow.png) center top no-repeat, -webkit-gradient(linear, left top, left bottom,
			from(rgba(255,255,255,0)),
			color-stop(0.2, rgba(255,255,255,1.0)),
			to(rgba(255,255,255,1.0)));
		background:url(/drive/images/withdrawalCheck/giftCardLow.png) center top no-repeat, gradient(linear, left top, left bottom,
			from(rgba(#ffffff)),
			color-stop(0.2, rgba(255,255,255,1.0)),
			to(rgba(255,255,255,1.0)));
	}
}


@media screen and (max-width:640px){
/* スライドパネル */
	br.sp{
		display:block;
	}

	.hugeText{
		font-size:2.0em;
		line-height:1.1;
	}
	#sidePanel{
		width:240px;
		height:100%;
		-webkit-transform:translateX(275px);
		-moz-transform:translateX(275px);
		-ms-transform:translateX(275px);
		transform:translateX(275px);

	}
	#sidePanel.action{
		width:240px;
		height:100%;
	}

	.panelHead .panelCloseButton{
		left:-30px;
		width:30px;
		height:30px;
		font-size:25px;
		line-height:30px;
	}
	
	#sidePanel.sell.p_default #panelMain,
	#sidePanel.land.p_default #panelMain{
		padding-top:10px;
	}

	.panelHead{
		height:60px;
	}

	.panelHead img{
		width:80%;
	}

	/* design */	
	#sidePanel.sell{
		background:#ffffff url(/drive/images/withdrawalCheck/sateliteBg.jpg) center 30px no-repeat;
		background-size:300px;
	}

	#sidePanel.sell.p_default{
		background:#ffffff url(/drive/images/withdrawalCheck/sellBg.jpg) center 10px no-repeat;
		background-size:240px;
	}

	#sidePanel.sell.p_kdim{
		background:#ffffff url(/drive/images/withdrawalCheck/kdimBg.jpg) center 30px no-repeat;
		background-size:300px;
	}

	#sidePanel.sell.p_fudousanbaikyaku-navi{
		background:#ffffff url(/drive/images/withdrawalCheck/kdim2Bg.jpg) center 30px no-repeat;
		background-size:300px;
	}

	#sidePanel.land.p_default{
		background:#ffffff url(/drive/images/withdrawalCheck/landBg.jpg) center 10px no-repeat;
		background-size:240px;
	}
	
	#sidePanel.sell.p_default  #panelMain .text1,
	#sidePanel.land.p_default  #panelMain .text1{
		height:30px;
		font-size:18px;
		font-weight:bold;
		line-height:30px;
	}
	
	#sidePanel.sell.p_default  #panelMain .text1:after,
	#sidePanel.land.p_default  #panelMain .text1:after{
		margin-top:-5px;
		font-size:15px;
	}

	#sidePanel.sell #panelMain .text2{
		margin:-20px 0 0 15px;
		font-size:14px;
		line-height:1.4;
	}
	
	#sidePanel.sell.p_default #panelMain .text2,
	#sidePanel.land.p_default #panelMain .text2{
		margin-top:150px;
		font-size:11px;
		letter-spacing:-0.05em;
	}

	#sidePanel.sell.p_fudousanbaikyaku-navi #panelMain .text2{
		font-size:13px;
	}

	#sidePanel.sell.p_default #panelMain .text3,
	#sidePanel.land.p_default #panelMain .text3{
		font-size:15px;
	}

	#sidePanel.sell #panelMain .button,
	#sidePanel.land #panelMain .button{
		width:240px;
		padding:110px 0 20px 0;
		background-size:100%;
	}

	#sidePanel.sell.p_default #panelMain .button,
	#sidePanel.land.p_default #panelMain .button{
		padding:50px 0 10px 0;
		background:rgba(255,255,255,0.5) url(/drive/images/withdrawalCheck/giftCardSp.png) center top no-repeat;
		background:url(/drive/images/withdrawalCheck/giftCardSp.png) center top no-repeat, -moz-linear-gradient(top, rgba(255,255,255,0),
			40% rgba(255,255,255,1.0),
			rgba(255,255,255,1.0));
		background:url(/drive/images/withdrawalCheck/giftCardSp.png) center top no-repeat, -ms-linear-gradient(top, rgba(255,255,255,0),
			40% rgba(255,255,255,1.0),
			rgba(255,255,255,1.0));
		background:url(/drive/images/withdrawalCheck/giftCardSp.png) center top no-repeat, -webkit-gradient(linear, left top, left bottom,
			from(rgba(255,255,255,0)),
			color-stop(0.4, rgba(255,255,255,1.0)),
			to(rgba(255,255,255,1.0)));
		background:url(/drive/images/withdrawalCheck/giftCardSp.png) center top no-repeat, gradient(linear, left top, left bottom,
			from(rgba(#ffffff)),
			color-stop(0.4, rgba(255,255,255,1.0)),
			to(rgba(255,255,255,1.0)));
	}

	#sidePanel #panelMain .button .panelCloseButton{
		position:static;
		width:90%;
		height:50px;
		font-size:20px;
		line-height:50px;
	}
}