/*-------------------------------------------------------------

content.css

-------------------------------------------------------------*/
/*トップ*/
.mypageMainTop{
	margin: 0 auto;
}

.mypageMainTop .mypageMainInner{
	margin-left: 0;
}

.mypageTop{

}
.mypageTop li{
	margin-bottom: 20px;
	text-align: left;
}
.mypageTop li a{
	display: block;
	background-color: #099;
	padding:20px;
	color:#fff;
	font-size: 18rem;
}
.mypageTop li a:hover{
	background-color: #6aa;
}
.mypageTop li a span{
	display: inline-block;
	font-size: 90%;
	margin-top: 10px;
}

.mpinfoTop{
	text-align: left;
}
.mpinfoTop h2{
	float: left;
	width:50%;
	font-size:20rem;
	color:#099;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}
.mpinfoTop .mpinfoTopIchiran{
	float: left;
	width:50%;
	text-align: right;
}
.mpinfoTop .mpinfoTopIchiran a{
	display: inline-block;
	text-align: right;
	color:#099;
	border: solid 1px #099;
	padding:8px 1em 6px 1em;
	font-size: 14rem;
	text-align: center;
	transition: 0.2s;
	margin-top: -7px;
}
.mpinfoTop .mpinfoTopIchiran a:hover{
	background-color: #cee;
}
.mpinfoTop ul{
	clear: both;
}
.mpinfoTop li{
}
.mpinfoTop li a{
	display: block;
	color: #666;
	padding-bottom: 8px;
	margin-bottom: 14px;
	border-bottom: dashed 1px #ccc;
	transition: 0.2s;
}
.mpinfoTop li a span:nth-child(1){
	display: block;
	font-size: 14rem;
	margin-bottom: 5px;
}
.mpinfoTop li a span:nth-child(2){
	display: block;
	font-size: 16rem;
	line-height: 1.5;
}
.mpinfoTop li a:hover{
	color:#099;
}


/*変更等*/
.torokuBox{
	text-align: left;
	padding:0;
}

.mypageEditTopCom{
	margin-bottom: 40px;
	padding:0 20px;
}

.mypageEditTopCom p{
	font-size: 14rem;
	line-height:1.5;
	margin-bottom: 10px;
}

.editDeleteCheck{
	text-align: center;
	margin-bottom: 60px;
}
.editDeleteCheck label{
	display: inline-block;
	padding:15px 100px;
	box-sizing: border-box;
	border:solid 2px #c36;
	color: #c36;
	font-size:18rem;
}

.editMailmag{
	text-align: center;
	margin-bottom: 60px;
	padding:15px 100px;
	box-sizing: border-box;
	border:solid 2px #099;
	font-size:18rem;
}

.editMailmag select{
	font-size: 18rem;
	border:solid 1px #999;
}

.mypageEditComp p{
	font-size:18rem;
	line-height:1.6;
}


/*ダウンロード*/
.dlBox1{
	display: flex;
}
.dlBox1 .dlCont{
	width:50%;
	box-sizing: border-box;
	padding:0 20px;
}
.dlBox1 .dlCont .dlName{
	font-size: 16rem;
	margin-bottom: 15px;
}
.dlBox1 .dlCont .dlPreimage{
	border:solid 1px #ccc;
	box-sizing: border-box;
	background-position: center center;
	background-repeat: no-repeat;
	height:300px;
	margin-bottom: 20px;
}
.jwl_logo{
	background-image: url(./image/JWL_logo.png);
	background-size: 80%;
}
.label_sample{
	background-image: url(./image/label_sample.png);
	background-size: 50%;
}
.dlBox1 .dlCont .dlBtn{
	text-align: center;
}
.dlBox1 .dlCont .dlBtn a{
	display: inline-block;
	color:#099;
	border: solid 1px #099;
	padding:0.5em 3em;
	font-size: 20rem;
	transition: 0.2s;
	background-color: #fff;
}
.dlBox1 .dlCont .dlBtn a:hover {
	background-color: #cee;
}



/*-----834以下-----*/
@media screen and (max-width: 834px) {

	/*トップ*/
	.mypageMainTop{
		width:auto;
		padding:0 4%;
	}

	.mypageTop li{
		margin-bottom: 10px;
	}
	.mypageTop li a{
		padding:14px;
		font-size: 14rem;
	}

	.mpinfoTop{
		padding: 0 4%;
		margin-bottom: 40px;
	}
	.mpinfoTop li a span:nth-child(1){
		font-size: 14rem;
	}
	.mpinfoTop li a span:nth-child(2){
		font-size: 16rem;
	}

	/*変更等*/
	.mypageEditTopCom{
		margin-bottom: 20px;
	}

	.mypageEditTopCom p{
		font-size: 14rem;
		line-height:1.5;
		margin-bottom: 10px;
	}

	.dataInput dt br{
		display: none;
	}
	.kakuninBtn{
		margin-top: 10px;
	}
	.kakuninBtn a{
		padding:1em;
		font-size: 18rem;
	}

	.editDeleteCheck{
		margin-bottom: 30px;
	}
	.editDeleteCheck label{
		display: block;
		padding:15px 0;
		font-size:16rem;
	}

	.editMailmag{
		margin-bottom: 30px;
		padding:15px 0;
		font-size:14rem;
	}

	.editMailmag select{
		font-size: 16rem;
		border:solid 1px #999;
	}

	.mypageEditComp p{
		font-size:18rem;
		line-height:1.6;
	}

	/*ダウンロード*/
	.dlBox1{
		display: flex;
		flex-flow: column;
	}
	.dlBox1 .dlCont{
		width:auto;
		padding:0;
		margin-bottom: 60px;
	}
	.dlBox1 .dlCont:last-of-type{
		margin-bottom: 0;
	}
	.dlBox1 .dlCont .dlName{
		font-size: 16rem;
	}
	.dlBox1 .dlCont .dlPreimage{
		border:none;
		height:250px;
		margin-bottom: 15px;
	}
	.dlBox1 .dlCont:first-of-type .dlPreimage{
		height:120px;
	}
	.jwl_logo{
		background-image: url(./image/JWL_logo.png);
		background-size: contain;
	}
	.label_sample{
		background-image: url(./image/label_sample.png);
		background-size: contain;
	}
	.dlBox1 .dlCont .dlBtn a{
		font-size: 16rem;
	}








	.jissekiInputBox{
		text-align: left;
		padding:0 2%;
	}

	.formBlock .inputBox{
		margin-left: 0;
	}

}