#mailmagazine .inner{
	width: 750px;
}

.fv {
    text-align: center;
    margin-bottom: 40px;
}
	.fv h2 {
		font-size: 160%;
		padding-bottom: 0;
		font-weight: 600;
		display: inline-block;
		border-bottom: 0;
		line-height: 1.4em;
		letter-spacing: 5px;
	}
	.fv h2 img{
		display: block;
		margin: 0 auto 15px;
		width: auto !important;
	}
#mailmagazine ul.tab{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
#mailmagazine ul.tab li a{
	display: block;
	border: 1px solid #726256;
	border-radius: 5px;
	padding: 30px;
	font-size: 115%;
	font-weight: 600;
	letter-spacing: 3px;
	position: relative;
}
#mailmagazine ul.tab li a:after{
	content: '';
	position: absolute;
	bottom: -6px; left: 0; right: 0;
	height: 10px; width: 10px;
	border: 1px solid #726256;
	border-width: 0 0 1px 1px;
	background: #fff;
	transform: rotate(-45deg);
	margin: auto;
}

#mailmagazine .block{
	margin-bottom: 60px;
}
#mailmagazine .block h3{
  background: url(images/tbg.png);
  color: #FFFFFF;
  font-size: 130%;
	font-weight: 600;
  letter-spacing: 5px;
  text-align: center;
  padding: 15px 0;
}
#mailmagazine .block .form{
  background: #F1EFEE;
	padding: 40px 40px 30px;
}

.form{
	padding: 50px;
	background: #F1EFEE;
}
.form table{
	margin-bottom: 20px;
}
.form th,
.form td{
	padding: 25px 0;
	border: 0;
	border-top:solid 1px #736357;
	border-bottom:solid 1px #736357;
	background: none;
	vertical-align: middle;
}
.form .required_none{
	display: inline-block;
	width: 50px;
}
.form .required,
.form .comp,
.form .any {
    display: inline-block;
    color: #736357;
    background: #FFFF00;
    padding: 5px 10px;
    font-size: 80%;
    line-height: 100%;
	border-radius: 50px;
	margin-right: 10px;
}
.form .caution {
    color: #d42621;
    font-weight: 700;
    margin-bottom: 10px;
}
.form table td input[type="text"],
.form table td select{
    width: 90% !important;
    padding: 8px;
    border: solid 1px #736357;
}
.form table td select {
	padding: 10px;
	border: solid 1px #736357;
}
.form table td textarea {
	padding: 10px;
	border: solid 1px #736357;
}
.form .submit {
  text-align: center;
	margin-top: 15px;
}
	.form .submit input{
		font-size: 120%;
		letter-spacing: 3px;
		display: inline-block;
		background: url(../images/bg_slash_wt.png) #A8A69A;
		color: #FFFFFF;
		cursor: pointer;
		width: 280px;
		margin: 10px;
		padding: 12px 10px;
		border: solid 1px #7A6356;
		border-radius: 100px;
		box-shadow: 1px 4px 0px 0px #7A6356;
		transition:all 0.4s; 
	}
	.form .submit input:hover{
		opacity: 0.6;
	}
	.form .submit input[type="button"] {
	border: solid 1px #333333;
		background: url(../images/bg_slash_wt.png) #666666;
		box-shadow: 1px 4px 0px 0px #333333;
	}







#history{}
#history .inner {
  width: 900px;
}
#history dl.acMenu{}
#history dl.acMenu dt{
  background: #A2948A;
  padding: 8px 15px;
  margin: 10px;
  color: #fff;
  font-size: 120%;
  letter-spacing: 3px;
  cursor: pointer;
  position: relative;
}
#history dl.acMenu dt.active{
  background: #8E7867;
}
#history dl.acMenu dt:hover{
  background: #8E7867;
}
#history dl.acMenu dt:before{
  content: '▼';
  font-size: 70%;
  margin-right: 10px;
}
#history dl.acMenu dd{
  margin: 0 20px 30px;
}

#history h2{
  background: #FFFF00;
  padding: 5px 20px;
  display: inline-block;
  border-radius: 20px;
  font-weight: 600;
  margin: 10px 0;
}
#history table.tb{}
#history table.tb th,
#history table.tb td{
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
#history table.tb th{
  background: #ccc;
}

#history table.tb2{}
#history table.tb2 th,
#history table.tb2 td{
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
#history table.tb2 th{
  background: #ccc;
  vertical-align: top;
}


#history .pagination{
  margin: 40px 0;
}
#history .pagination ul{
  display: flex;
  justify-content: space-between;
}
#history .pagination ul li{
  width: 33%;
  text-align: center;
}
#history .pagination ul li a{
  display: inline-block;
  background: #eee;
  border-radius: 20px;
  padding: 5px 20px;
}






@media screen and (max-width: 736px) {
	
	#mailmagazine .inner,
  #history .inner{
	  width: auto;
	}
	.fv {
			text-align: center;
			margin-bottom: 20px;
	}
		.fv h2 {
			font-size: 180%;
			padding-bottom: 0;
			font-weight: 700;
			display: inline-block;
			border-bottom: 0;
			margin-top: 20px;
	}
	.fv h2 img {
    margin: 0 auto 10px;
	}
	
	#mailmagazine ul.tab {
    margin: 40px 10px 30px;
	}
	#mailmagazine ul.tab li {
		width: 30%;
		text-align: center;
	}
	#mailmagazine ul.tab li a {
		padding: 20px 0;
	}
	#mailmagazine ul.tab li a span{
		display: none;
	}

	#mailmagazine .block .form {
    padding: 20px;
	}
	
	.form th, .form td {
    padding: 10px 2% 0;
    display: block;
    width: 96%;
    border: 0;
	}
	
	
	
	#mailmagazine dd input.flex{
		width: 90%;
	}
  
  
  #history table.tb2 th,
  #history table.tb2 td{
    width: auto;
    display: block;
    line-break: anywhere;
  }



}