@charset "utf-8";
/*++++++++++++++++++++
decision　2019/03/13
++++++++++++++++++++*/

/* main */

body{
	background:url('https://img.fudol.tv/portal/pc/rescue_bg.jpg') top left / cover fixed;
}

header{
	background-color: #fff;
}

#top{
	width:100%;
}

#top h2{
	margin:50px 0;
	text-align:center;
}

#top .text{
	width:60%;
	margin:10px auto;
	padding:20px;
	background:#fff;
	border:10px solid #ccc;
	border-left-color:#aaa;
	border-right-color:#aaa;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1.6;
}

/*=========captive==========*/

#captive{
	width:90%;
	margin:20px auto;
}

#captive>ul{
	display:flex;
	justify-content:space-between;
}

#captive>ul li{
	width:30%;
	background:url('https://img.fudol.tv/portal/common/rescue_bg_cont.jpg') center right / 70%;
	border:2px solid #aaa;
	color:#fff;
}

#captive ul li .gal{
	position:relative;
}

#captive ul li .gal img{
	width:100%;
}

#captive ul li .gal:after{
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('https://img.fudol.tv/portal/common/rescue_cage.png') no-repeat center center / 100% 100%;
	transform:rotateY(98deg);
	transform-origin:left;
}

#captive ul li .gal.still:before{
	content:"";
	display:inline-block;
	position:absolute;
	top:calc(50% - 10px);
	right:0;
	z-index:9;
	width:60px;
	height:45px;
	background:url('https://img.fudol.tv/portal/common/rescue_lock.png') no-repeat center center / 100% 100%;
}

#captive ul li .gal.still:after{
	transform:rotateY(0);
}

#captive ul li .gal a{
	display:block;
	position:relative;
}

#captive ul li .gal a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:5%;
	display:inline-block;
	width:90%;
	height:50px;
	background:url('https://img.fudol.tv/portal/common/rescue_thanks.png') no-repeat center center / contain;
}

#captive ul li .cont{
	padding:20px;
	font-size:14px;
}

#captive ul li .cont .link{
	width:80%;
	margin:10px auto 0;
	border:1px solid #fff;
}

#captive ul li .cont .link a{
	display:block;
	padding:10px;
	border:1px solid #000;
	background:#fff;
	font-weight:bold;
	text-align:center;
	text-shadow:0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;
}

#form{
	width:85%;
	margin:50px auto;
	padding:50px;
	background:#fff;
	border:5px solid #ccc;
	border-top-color:#999;
	border-bottom-color:#999;
}

#form .error{
	margin-bottom:20px;
	color:#f00;
	text-align:center;
}

#form dl{
	display:flex;
	margin-bottom:25px;
}

#form dt{
	width:30%;
	margin-right:10px;
	font-size:20px;
	text-align:right;
}

#form dt span{
	font-size:14px;
	color:#f00;
}

#form dt:after{
	content:":";
	margin-left:10px;
}

#form dd{
	width:60%;
}

#form dd input,#form dd select{
	box-sizing:border-box;
	width:100%;
	padding:5px;
	border-radius:5px;
}

#form dd input,#form dd select{
	width:100%;
	padding:5px;
	border-radius:5px;
}

#form input[type="submit"]{
	appearance:none;
	display:block;
	margin:10px auto;
	padding:10px 40px;
	background:#c80037;
	border:none;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}

#success{
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	cursor:pointer;
}

#success div{
	position:absolute;
	top:50%;
	left:50%;
	padding:60px;
	background:#fff;
	border-radius:10px;
	font-size:36px;
	text-align:center;
	transform:translate(-50%,-50%);
}

/*当選確定処理後の表示*/
.winning_procedure {
background:url("/present/img/bg_winning_procedure.png") no-repeat center bottom;
font-size:14px;
line-height:180%;
margin:30px;
text-align:center;
}
.winning_procedure h3 {
border:2px solid #FF0000;
border-radius:8px;
color:#FF0000;
font-size:20px;
font-weight:bold;
margin:0 0 10px;
padding:20px;
}
.winning_procedure p {
font-weight:bold;
height:220px;
}
.winning_procedure ul {
padding:0 20px;