@charset "utf-8";
/* CSS Document */




/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px) {


/* section.mailmagazine
----------------------------------------- */
section.mailmagazine{
	width:100%;
	height:auto;
	background:#fff;
	padding:0px 0px 0px 0px;
}
	section.mailmagazine .mailmagazineArea{
		width:1160px;
		height:auto;
		margin:0px auto;
	}
		.mailmagazineArea .mailmagazineBlock{
			padding:15px 0px 0px 0px;	
		}
			.mailmagazineBlock .titleArea{
				overflow:hidden;
				padding:0px 0px 20px 0px;	
				overflow:hidden;
			}
				.mailmagazineBlock .titleArea h2{
					display:block;
					width:1160px;
					background:#fff;
					color:#B81C22;
					border:1px solid #b81c22;
					padding:8px;
					font-size:112%;	
					font-weight:bold;
					float:left;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					.mailmagazineBlock .titleArea h2 a{
						color:#B81C22;
					}
					.mailmagazineBlock .titleArea h2 span{
						display:inline-block;
						float:right;
						font-size:93%;
						padding-left:10px;
						color:#333;
					}
			
			.mailmagazineBlock .read{
				padding:0px 0px 20px 0px;	
			}
				.mailmagazineBlock .read{
					font-size:112%;
					line-height:1.78em;	
					color:#B81C22;
				}



			.mailmagazineBlock .mailmagazineSection{
				width:100%;
				height:auto;
				overflow:hidden;
				padding:0px 0px 20px 0px;	
			}
				.mailmagazineSection h3{
					font-size:100%;
					font-weight:bold;
					background:#B91E24;
					color:#fff;
					padding:3px 6px;
					margin:0px 0px 15px 0px;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}


				.mailmagazineSection .mobileBox{
					overflow:hidden;	
				}
					.mobileBox .qr{
						width:150px;
						height:auto;
						float:left;	
					}
						.mobileBox .qr img{
							max-width:100%;
							height:auto;
						}
					.mobileBox .qrDetail{
						width:1000px;
						height:auto;
						float:right;
					}
						.qrDetail p{
							padding:0px 0px 5px 0px;	
						}
						.qrDetail p.mailAddress{
							font-weight:bold;
						}
						.qrDetail p.caution{
							font-size:93%;
							padding:0px 0px 0px 0px;	
						}
	
	
				.mailmagazineSection .formBox{
					overflow:hidden;
				}
					.formBox dl{
						overflow:hidden;
					}
						.formBox dt{
							clear:both;
							display:block;
							width:14%;
							height:auto;
							float:left;
						}
						.formBox dd{
							display:block;
							width:84%;
							height:auto;
							float:right;
							padding:0px 0px 20px 0px;	
							border-bottom:1px dotted #ccc;
							margin-bottom:20px;	
						}
					.formBox .termArea{
						width:100%;
						height:200px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						overflow-y:scroll;	
						border:2px solid #ccc;
						
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
						-ms-box-sizing: border-box;
					}
						.formBox .termArea .termBody{
							padding:15px;	
						}
							.termBody h4{
								background:#333;
								color:#fff;
								font-size:93%;
								padding:5px 12px;
								margin-bottom:10px;
							}
							.termBody p{
								font-size:87%;
								line-height:1.78em;
							}
							.termBody .termSet{
								padding:10px 0px 10px 0px;	
								border-bottom:1px dotted #ccc;
								margin-bottom:10px;
							}
								.termSet h5{
									font-weight:bold;
									font-size:93%;
									padding:0px 0px 5px 0px;
								}
								.termSet ul{
									padding:5px;	
								}
									.termSet li{
										padding:0px 0px 3px 2em;
										text-indent:-2em;	
										font-size:93%;
									}
						
						.btnArea{
							padding:10px 0px 25px 0px;
							text-align:center !important;
						}
							.btnArea input.btn{
								display:inli-block;
								width:40%;
								margin:0px 20px;
								padding:10px 0px;
								background:#B91E24;
								color:#fff;
								text-align:center;
								cursor:pointer;
								font-size:106%;
							}
							.btnArea input.btn:hover{
								background:#fff;
								color:#B91E24;	
							}
							
							
				.sizeA{width:50%;}
				input[type=radio]{margin-right:2px; margin-bottom:5px;}
				label{margin-right:15px;}

		
}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

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


/* section.mailmagazine
----------------------------------------- */
section.mailmagazine{
	width:100%;
	height:auto;
	background:#fff;
	padding:0px 0px 0px 0px;
}
	section.mailmagazine .mailmagazineArea{
		width:96%;
		height:auto;
		margin:0px auto;
	}
		.mailmagazineArea .mailmagazineBlock{
			padding:15px 0px 0px 0px;	
		}
			.mailmagazineBlock .titleArea{
				overflow:hidden;
				padding:0px 0px 8px 0px;	
				overflow:hidden;
			}
				.mailmagazineBlock .titleArea h2{
					display:block;
					width:100%;
					background:#fff;
					color:#B81C22;
					border:1px solid #b81c22;
					padding:8px;
					font-size:100%;	
					font-weight:bold;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					.mailmagazineBlock .titleArea h2 a{
						color:#B81C22;
					}
					.mailmagazineBlock .titleArea h2 span{
						display:inline-block;
						float:right;
						font-size:93%;
						padding-left:10px;
						color:#333;
					}
			
			.mailmagazineBlock .read{
				padding:0px 0px 20px 0px;	
			}
				.mailmagazineBlock .read{
					font-size:100%;
					line-height:1.78em;	
					color:#B81C22;
				}



			.mailmagazineBlock .mailmagazineSection{
				width:100%;
				height:auto;
				overflow:hidden;
				padding:0px 0px 20px 0px;	
			}
				.mailmagazineSection h3{
					font-size:100%;
					font-weight:bold;
					background:#B91E24;
					color:#fff;
					padding:3px 6px;
					margin:0px 0px 15px 0px;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}


				.mailmagazineSection .mobileBox{
					width:100%;
					overflow:hidden;	
				}
					.mobileBox .qr{
						width:24%;
						height:auto;
						float:left;	
					}
						.mobileBox .qr img{
							max-width:100%;
							height:auto;
						}
					.mobileBox .qrDetail{
						width:74%;
						height:auto;
						float:right;
					}
						.qrDetail p{
							padding:0px 0px 5px 0px;	
							font-size:93%;
						}
						.qrDetail p.mailAddress{
							font-weight:bold;
						}
						.qrDetail p.caution{
							font-size:93%;
							padding:0px 0px 0px 0px;	
						}
	
	
				.mailmagazineSection .formBox{
					overflow:hidden;
				}
					.formBox dl{
						overflow:hidden;
						font-size:93%;
					}
						.formBox dt{
							clear:both;
							display:block;
							width:100%;
							height:auto;
							padding:0px 0px 5px 0px;
						}
						.formBox dd{
							display:block;
							width:100%;
							height:auto;
							padding:0px 0px 10px 0px;	
							border-bottom:1px dotted #ccc;
							margin-bottom:10px;	
						}
					.formBox .termArea{
						width:100%;
						height:200px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						overflow-y:scroll;	
						border:2px solid #ccc;
						
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
						-ms-box-sizing: border-box;
					}
						.formBox .termArea .termBody{
							padding:8px;	
						}
							.termBody h4{
								background:#333;
								color:#fff;
								font-size:93%;
								padding:5px 10px;
								margin-bottom:10px;
							}
							.termBody p{
								font-size:87%;
								line-height:1.78em;
							}
							.termBody .termSet{
								padding:10px 0px 10px 0px;	
								border-bottom:1px dotted #ccc;
								margin-bottom:10px;
							}
								.termSet h5{
									font-weight:bold;
									font-size:93%;
									padding:0px 0px 5px 0px;
								}
								.termSet ul{
									padding:5px;	
								}
									.termSet li{
										padding:0px 0px 3px 2em;
										text-indent:-2em;	
										font-size:93%;
									}
						.btnArea{
							padding:10px 0px 25px 0px;
							text-align:center !important;
						}
							.btnArea input.btn{
								display:inli-block;
								width:100%;
								margin:0px 0px;
								padding:10px 0px;
								background:#B91E24;
								color:#fff;
								text-align:center;
								cursor:pointer;
								font-size:100%;
							}
							.btnArea input.btn:hover{
								background:#fff;
								color:#B91E24;	
							}
				
				.sizeA{width:96%;}
				input[type=radio]{margin-right:2px; margin-bottom:10px;}
				label{margin-right:20px;}

/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}