/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  MAIL MAGAZINE STYLE                                                                 */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* ============================================================================================= */
/*  1.TOP                                                                                        */  
/* ============================================================================================= */

.new--magazine{
	width:302px;
	float:left;
	box-sizing:border-box;
	/*background:url(/common/img/bg.gif);*/
	border:solid 1px #d1d4d9;
	}

.new--magazine p{
	text-align:center;
	
	}

.new--magazine p:first-child{
	}

.new--magazine p:first-child + p{
	padding:10px 0;
	font-size:1.6rem;
	background:url(/common/img/bg.gif);
	}

.magazine--main{
	width:700px;
	float:right;
	margin-bottom:30px;
	}

.magazine--btn div ul::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.magazine--btn a{
	border:solid 1px #d1d4d9;
	border-radius:5px;
	padding:10px 10px 10px 30px;
	display:block;
	text-decoration:none;
	width:48%;
	box-sizing: border-box;
	float:left;
	background:#fff url(/common/img/icon_arrow_03.gif) no-repeat 10px 15px;
	}

.magazine--btn a.mgR{
	margin-right:4%;
	}

.magazine--btn a.mgB{
	margin-bottom:10px;
	}


@media screen and (max-width: 640px) {
	.new--magazine{
		display:none;
		}
	
	.magazine--main{
		width:100%;
		float:none;
		}
	
	.magazine--main .toggle--group > p + div{
		padding:0;
		width:100%;
		}
	
	.magazine--btn a{
		border-left:none;
		border-right:none;
		border-bottom:none;
		border-radius:0;
		width:100%;
		float:none;
		padding-left:40px;
		background:#fff url(/common/img/icon_arrow_03.gif) no-repeat 18px 17px;
		}

	.magazine--main .toggle--group > p + div ul li:first-child a{
		border-top:none;
		}	
	
	.magazine--btn a.mgR{
		margin-right:0;
		}
	
	.magazine--btn a.mgB{
		margin-bottom:0;
		}
	
	
	.mailmagazine--tbl--sp td{
		border-left:solid 1px #d2d5da;
		border-right:solid 1px #d2d5da;
		border-bottom:none;
		padding-bottom:30px;
		}
	
	.mailmagazine--tbl--sp tr td:first-child{
		border-top:solid 1px #d2d5da;
		padding-top:30px;
		padding-bottom:15px;
		}
	
	.mailmagazine--tbl--sp{
		border-bottom:solid 1px #d2d5da;
		}
	
}


/* ============================================================================================= */
/*  2.DETAIL                                                                                     */  
/* ============================================================================================= */

.ttl--magazine{
	font-weight:bold;
	font-size:1.8rem;
	color:#485baf;
	}

.ttl--magazine span{
    font-size: 1.5rem;
}

.ttl--sub--magazine{
	font-weight:bold;
	margin-bottom:8px;
	}

.file--yoryo{
	font-size:1.2rem;
	}