/* .mail-wrap
-----------------------------*/
.mail-wrap{
	margin-top: 20px;
	display: table;
	width: 100%;
}
@media screen and (max-width: 640px){
.mail-wrap{
	display: block;
}
}
	.mail-wrap .text{
		display: table-cell;
		vertical-align: top;
		padding-right: 15px;

		font-size: 14px;
		line-height: 1.6;
	}
	@media screen and (max-width: 640px){
	.mail-wrap .text{
		display: block;
		padding-right: 0;
	}
	}

	/* .btn-wrap
	-----------------------------*/
	.mail-wrap .btn-wrap{
		display: table-cell;
		width: 42.85714285714286%;/* 420/980 */
	}
		.mail-wrap .btn-wrap .btn a{
			display: block;
			background: url(/japan/photo-life/mailmagazine/top/img/btn-mailmagazine.png) no-repeat;
			background-size: 100% auto;
			position: relative;

			padding-top: 16.66666666666667%;/* 70/420 */
		}
		@media screen and (max-width: 640px){
			.mail-wrap .btn-wrap .btn a{
			background: url(/japan/photo-life/mailmagazine/top/img/btn-mailmagazine-sp.png) no-repeat;
			background-size: auto 100%;

			padding-top: 14.49275362318841%;/* 100/690 */
			margin-top: 10px;
		}
		}
		.mail-wrap .btn-wrap .btn a:hover{
			opacity: 0.8;
		}

		.mail-wrap .btn-wrap .btn a .label{
			color: #fff;
			font-weight: bold;
			font-size: 24px;

			display: block;
			width: 100%;
			text-align: center;

			position: absolute;
			top: 50%;
			left: 0;

			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		@media screen and (max-width: 900px){
		.mail-wrap .btn-wrap .btn a .label{
			font-size: 16px;
		}
		}


		.mail-wrap .btn-wrap .note{
			padding-top: 5px;
			text-align: left;
		}

@media screen and (max-width: 640px){
	.bpl-inner-wrap .bpl-recently .list_first{
		margin-bottom: 15px ;
		padding-bottom: 15px;
		border-bottom: 1px solid #000;
	}
}

		.headtext{
			font-size:16px;
			font-weight:bold;
			padding-top: 15px;
		}