@charset "utf-8";
/*--京reminder.css--*/
/*PC first*/
/*##### PC #####*/
.reminder_box{}

	.reminder_box p{
		margin-bottom:1em;
		line-height:1.8;
	}
	
	.reminder_box .reminder_notice{
		padding:0 2em;
	}
	
		.reminder_box .reminder_notice li{
			padding-left:1.2em;
			position:relative;
			margin-bottom:0.4em;
		}
		
		.reminder_box .reminder_notice li:last-child{
			margin-bottom:0;
		}
		
		.reminder_box .reminder_notice li:before{
			content:"※";
			position:absolute;
			top:0;
			left:0;
		}
		
	.reminder_input{
		text-align:center;
		width:400px;
		margin:2em auto 0 auto;
		border:1px solid rgba(0,150,15,1);
		padding:20px;
	}
	
		.reminder_input dl{
			border-bottom:1px dotted #aaa;
			padding-bottom:1em;
		}
		
		.reminder_input dl dt{
			background:rgba(0,150,15,0.1);
			color:#333;
			font-size:1.1em;
			font-weight:bold;
			margin-bottom:1em;
			padding:0.3em 0;
		}
		
		.reminder_input dl dd{
			pading:0 20px;
		}
		
		.reminder_box .reminder_input dl dd p{
			margin-bottom:0;
		}
		
		.reminder_input input[type="text"]{
			padding:0.2em;
			font-size:1.1em;
			border:1px solid #aaa;
			box-sizing:border-box;
		}
		
		.reminder_email{
			margin-bottom:1em;
		}
		
			.reminder_email dd ul li{
					margin-bottom:0.8em;
				}
				
				.reminder_email dd ul li:last-child{
					margin-bottom:0;
				}
				
				.reminder_email dd ul li input[type="text"]{
					width:95%;
				}
				
		.reminder_captcha a{
			color:#003d84;
		}
		
		.reminder_captcha input[type="text"]{
			width:5em;
		}
		
		.reminder_submit{
			margin-top:1.5em;
		}
		
			.reminder_submit input[type="submit"]{
				padding:0.5em 0 0.5em 1em;
				border:2px solid #fff;
				border-radius:4px;
				letter-spacing:1em;
				box-shadow:0 0 1px 1px rgba(0,0,0,0.2);
				color:#fff;
				font-size:1.05em;
				font-weight:bold;
				text-shadow:1px 0 1px rgba(0,0,0,0.7);
				background: rgba(109,195,118,1);
				background: -moz-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(109,195,118,1)), color-stop(100%, rgba(67,178,78,1)));
				background: -webkit-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
				background: -o-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
				background: -ms-linear-gradient(top, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
				background: linear-gradient(to bottom, rgba(109,195,118,1) 0%, rgba(67,178,78,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dc376', endColorstr='#43b24e', GradientType=0 );
			}
			
			.reminder_submit input[type="submit"]:hover{
				background: rgba(67,178,78,1);
				background: -moz-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,178,78,1)), color-stop(100%, rgba(109,195,118,1)));
				background: -webkit-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
				background: -o-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
				background: -ms-linear-gradient(top, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
				background: linear-gradient(to bottom, rgba(67,178,78,1) 0%, rgba(109,195,118,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b24e', endColorstr='#6dc376', GradientType=0 );
			}
		

@media screen and (max-width:479px){
	/*##### SP #####*/
	.reminder_box .reminder_notice{
		padding:0 1em;
	}
	
	.reminder_input{
		width:100%;
		padding:2vw;
		box-sizing:border-box;
	}
}
