@charset "utf-8";

#articleBox{
	display:block;
	overflow:hidden;
	padding:25px;
	border: 1px solid #cccccc;
}


#telUser{
	display:block;
	overflow:hidden;
	width:660px;
	margin:0 auto;
}

#telUser > h3{
	display:block;
	overflow:hidden;
	font-size:1.2em;
	font-weight:bold;
	color:#3c3c3c;
	padding:5px 10px;
	margin:2em 0 1em;
	border:2px solid #cccccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#telUser > h3 > span{
	border-left:5px solid #cccccc;
	padding-left:5px;
}

#telUser > img{
	float:left;
	margin-right: 20px;
}


@media screen and ( max-width:750px) {

	h2.grayBase {
	    height: auto;
	    font-size: 2.4rem;
	    line-height: 155%;
	    padding-right: 0;
	    background:none!important;
	    filter:none;
	}

	#articleBox {
	    padding: 15px;
	    border:none;
	}

	table.listForm th,
	table.listForm td{
		display:block;
		overflow:hidden;
		width:100%;
		border-right:none;
		padding:10px;
	}

	table.listForm tr:nth-child(odd) {
		background-color:#ffffff;
	}

	input[type='text'],
	textarea{
	    font-size: 1.6rem;
	    padding: 5px;
	    border:1px solid #3c3c3c;
	}
	input.w30{
		width:calc(100% - 4em);
		margin-left:0.5em;
		margin-bottom:0.5em;
	}


	input.w50{
		width:100%;
	}

	textarea{
		height:10em;
	}

	input[type='button'],
	input[type='submit']{
		width:80%;
		font-size:1.6rem;
		margin:0.5em 0;
	}

	#telUser{
		width:100%;
		text-align:center;
	}

	#telUser > h3 {
		padding: 0.75em 0.5em;
		font-size:1.8rem;
		text-align:left;
	}
	#telUser > img {
	    float: none;
	    margin-right: 0;
	    width:100%;
	    max-width:250px;
	    height:auto;
	}

	#telUser  > p{
		display:block;
		overflow:hidden;
		font-size:1.4rem;
		line-height:155%;
		text-align:left;
	}

	#telUser{
		display:none;
	}
}



/*-----------------------------------------------
 確認画面
-----------------------------------------------*/
#errForm {
	min-height:250px;
	margin-bottom:2em;
}

.error_messe{
	display:block;
	overflow:hidden;
	margin:0.5em 1em;
	line-height:155%;
	color:#f75f5f;
}


#cardForm.confirm dl{
	display:block;
	overflow:hidden;
}

#cardForm.confirm dl > dt,
#cardForm.confirm dl > dd{
	display:block;
	overflow:hidden;
	float:left;
	padding-bottom:1em;
}


#cardForm.confirm dl > dt{
	width:9em;
	clear:both;
}

#cardForm.confirm dl > dd{
	width:calc(100% - 9em);
}

/*-----------------------------------------------
 終了画面
-----------------------------------------------*/
#endMsg{
	min-height:350px;
	line-height:155%;
}