@charset "utf-8";
/* =============================================================================
   sp_mag_base.css
   ========================================================================== */

.input_area input{
	width:92%;
	margin-top:2px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left: 2.1%;
}
.input_btn a,.input_btn_s a{
	display:block;  
	border: 1px solid #9fabcf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#DEE0E1));
	background: -webkit-linear-gradient(#ffffff, #DEE0E1);
	background: -moz-linear-gradient(#ffffff, #DEE0E1);
	background: -ms-linear-gradient(#ffffff, #DEE0E1);
	background: -o-linear-gradient(#ffffff, #DEE0E1);
	background: linear-gradient(#ffffff, #DEE0E1);
	-pie-background: linear-gradient(#ffffff, #DEE0E1);
	filter: progid: 
	DXImageTransform.Microsoft.gradient(  
	startColorstr='#ffffff', endColorstr='#DEE0E1', GradientType=0);  
	-ms-filter: 	"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#DEE0E1', GradientType=0)"; 
	text-align:center;
	color:#000000;
	margin:0 auto;	
	width:60%;
	height:34px;
	font-size:1.4rem;
	vertical-align:middle;
	margin:0 auto;
	margin-top:20px;
	padding-top:18px;
}
.input_btn a:hover{ 
	color:#6e0cca;
}
.cau_area{
	background-color:#EFEFEF;
	padding:10px 2.1%;
	margin-top:20px;
	margin-bottom:5px;
	height:auto;
	clear:both;
}
.cau_area h4{
	margin-top:0px;
	margin-bottom:0px;
	background-image: url(../img/mag/icon_mag02.png);
	background-repeat:no-repeat;	
	background-size:21px 22px;
	background-position:left 4px;
	padding-left:22px;
	padding-top:5px;
	padding-bottom:5px;
}
.cau_li{
	margin-top:8px;
	padding-left:0;
	margin-left:0px;
	margin-bottom:0;
}
.cau_li li{
	list-style:none;
	background-image: url(../img/contents/icon_04.png);
	background-repeat:no-repeat;
	background-position:left;	
	background-size:12px 12px;
	padding-left:20px;
}
ul.ca_list{
	margin-left:0;
	padding-left: 1.1%;
}
ul.ca_list li{
	list-style:none;
	white-space: nowrap;
	padding-left:0;
	background-image:none;
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:8px;
}
.ca_list li input{margin-right:10px;}
input[type="checkbox"] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.ca_list li label{width:80%; text-align:left;}
.input_error{
	margin-left:15px;
}
.error{
	color:Red;
}
/* タブレットレイアウト : 480 px ～  */
@media only screen and (min-width: 480px) {
.cau_li li{
	padding-left: 3.2%;
}
.w_btn{
	width:95.45%;
	padding-left:15%;
	padding-right: 2.275%;
	line-height:1.5;
	padding-bottom:3px;
	font-size: 1.4rem;
	padding-top:0;
	margin:0 auto;
	text-align:center;
}
.input_btn a{
	color:#000;
	width:40%;
}
.input_btn_s a{
	width:35%;
	height:34px;
	float:left;
	margin-left:15px;
}
}
/* タブレットレイアウト : 641 px ～  */
@media only screen and (min-width: 640px) {

.cau_area{
	padding:10px 1.1%;
}
.cau_li{
	padding-left: 1.1%;
}
.cau_li li{
	padding-left: 3.5%;
}
}
/* タブレットレイアウト : 960 px ～ 。 */
@media only screen and (min-width: 960px) {
.h2_mail {
	background-position:10px center;
}
.cau_area{
	padding:10px 0.8%;
}
.cau_li{
	padding-left: 0.8%;
}
.cau_li li{
	padding-left: 2.5%;
}
}
/* 追加 */
.mt_15{margin-top:15px;}

.cau_area_txt{
	margin-top:0px;
	margin-bottom:0px;
	background-image: url(../img/mag/icon_mag02.png);
	background-repeat:no-repeat;	
	background-size:21px 22px;
	background-position:left 4px;
	padding-left:22px;
	padding-top:5px;
	padding-bottom:5px;
}