@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/maillinker/
Created		2020/07/
Last update	2020/07/27 by Hayashi
Author		Hayashi Ryosuke
*/
h3{
	background: rgb(240,240,240);
}

.font--red{
	color: rgb(250,50,50);
	font-weight: bold;
}
.font--green{
	color: rgb(50,150,50);
	font-weight: bold;
}
.strong--yellow{
	background: linear-gradient(transparent 40%, rgb(250,250,200) 40%); 
	font-weight: bold;
}
.strong--bule{
	background: linear-gradient(transparent 40%, rgb(230,230,250) 40%); 
	font-weight: bold;
}
.font--2size{
	font-size: 2em;
}
/*=========
index.html
===========*/


/*
.search1{
	width: 250px;
	padding: 0px 10px;
	position: relative;
}
.kubun-search{
	border: 4px solid rgb(250,140,140);
	text-align: center;
	height: 200px;
}
	.kubun-search p{
		margin-top: 1em;
	}

.kubun-search--button{
	border: 4px solid rgb(250,140,140);
	background: rgb(255,250,230);
	border-radius: 20px;
	text-align: center;
	width: 80%;
	height: 4em;
	margin-left: 10%;
	margin-top: 1em;
	box-shadow: 2px 2px 0px rgb(70,70,70);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center; 
	-webkit-justify-content: center;
	justify-content: center;
}
.kubun-search--button:before{
	content: url(/images/email/reduction/search-ic.png);
}
.search-ar{
	position: absolute;
	right: -4em;
	top: 80px;
}
.search2{
	padding: 10px 10px;
	margin-left: 2em; 
	border: 2px solid rgb(70,100,250);
	border-left: 7px solid rgb(70,100,250);
}
.search2-body{
	padding: 1em;
}
.search2--button{
	list-style: none;
	margin: 0;
	padding: 0;
	filter: drop-shadow(2px 2px 1px rgba(80,50,0,0.7));
}
.search2--button li{
	margin-bottom: 1em;

}
.search2-etc{
	margin-left: 1em;
}
*/
.top-title h2{
	border: 5px double rgb(20,20,100);
	padding: 1.5em 0;
	font-size: 28px;
	color: rgb(50,50,50);
	text-align: center;
	font-size: 42px;
	background-color: rgb(255,255,240);
}
.oshirase-body {

}
.oshirase-pdf{
	margin: 1em;
}
/*ページメニュ*/
.redu-me{
	display: flex;
	position: relative;
}
.redu-me div{
	margin-right: 1em; 
}
/*各種案内*/
.email-top--section{
	margin-top:40px;
}
.mail-redu-pers{
	border: 4px solid rgb(50,50,250);
}
.mail-redu-etc{
	border: 4px solid rgb(150,150,50);
}
.mail-redu-search{
	border: 4px solid rgb(150,50,50);
}
.email-top--section h3{
	font-size: 24px;
	margin: 0;
}
.email-top--section p{
	margin: 1em;
}
.email-top--section img{
	margin: 1em;
}
.mail-redu-pers--flex{
	display: flex;
	position: relative;
}
.mail-redu-pers h4{
	margin: 0 1em;
	padding: 1em 0 0 0;
	border-top: 2px dotted rgb(50,50,250);
	font-size: 1em;
}
.mail-reduction-faq{
	border: 1px solid rgb(150,150,150);
	margin-top: 1em;
	box-shadow: 1px 1px 0px rgb(100,100,100);
}
.mail-reduction-q{
	position: relative;
	line-height: 1.6em;
	margin: 0 ; 
	padding: 20px 40px 20px 50px;
	border-bottom: 2px dotted rgb(150,150,150);
	font-weight: bold;
	background-color: rgb(230,250,255);
}
.mail-reduction-q:before{
	position: absolute;
	left: 10px;
	top: 5px;
	content: url(/images/Q.png);
}
.mail-reduction-a{
	position: relative;
	line-height: 1.6em;
	margin: 0 ;
	padding: 20px 40px 20px 50px;
}
.mail-reduction-a:before{
	position: absolute;
	left: 10px;
	top: 5px;
	content: url(/images/A.png);
}

/*確認画面　*/
.get_id_info-body{
	width: 350px;
	padding: 1em;
	margin-right: 2em;
	border: 4px solid rgb(250,140,140);
	background: rgb(255,250,230);
	border-radius: 20px;
	text-align: center;
}
.get_id_info-body p{
	margin: 10px 0;
}
.get_id_info--button{
	margin: 1em auto;
	width: 10em;
	height: 3em;
	font-size:20px;
}
.get_id-body{
	display: flex;
}
.get_id-result{}
	.get_id-result h4{
		
	}
.get_id-paesonal{
	border: 2px solid rgb(150,150,250);
	border-radius: 5px;
	padding: 1em;
	margin-bottom: 1em;
}
.get_id-etc{
	border: 2px solid rgb(150,150,50);
	border-radius: 5px;
	padding: 1em;
	margin-bottom: 1em;
}
.get_id-ml{
	border: 2px solid rgb(150,50,150);
	border-radius: 5px;
	padding: 1em;
	margin-bottom: 1em;
}
/*個人用UMIN ID*?*/
#umin-id-personal{

}
.personal-section{
	margin-top: 80px;
}
.personal-result{}
	.personal-result h2{
		border: 5px double rgb(20,20,100);
		padding: 1.5em 0;
		font-size: 28px;
		color: rgb(50,50,50);
		text-align: center;
	}
	.personal-result span{
		font-size: 48px;
	}
.tensou-img1{
	margin: 2em;
}
	.tensou-img1 h4{
		font-size: 18px ;
	}

.announce p{
	margin-top: 1em;
}

.add--button{
	width:15em;
	height: 3em;
	margin: 1em 1em 2em 0em;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center; 
	-webkit-justify-content: center;
	justify-content: center;
	border: 5px solid rgb(255,100,100);
	border-radius: 5px;
	background: rgb(255,250,200);
	filter: drop-shadow(2px 2px 1px rgba(80,50,0,0.7));
}
.a_underline .add--button{
	text-decoration: none;
}

.personal-tensou--finis{
	border: 2px solid rgb(100,180,100);
	padding: 1em;
	position: relative;
}
	.personal-tensou--finis dt{
		font-weight: bold;
	}
	.personal-tensou--finis dd{
		padding-left: 2em;
		padding-bottom: 1em;
	}
	.personal-tensou--finis dd:before{
		content: "転送設定 ＞";
		/*border: 1px solid rgb(150,50,50);
		border-radius: 5px;
		
		background-color: rgb(255,240,240);
		*/
		font-weight: bold;
	}

.personal--table{
	margin: 2em;
	border-collapse:collapse;
}
.personal--table tr:nth-child(odd),
.personal--table tr:nth-child(even){
	background-color: transparent;
}
.mail_table_col1{
	background: rgb(255,255,255);
}
.mail_table_col2{
	background: rgb(255,245,245);
}
.mail_table_col3{
	background: rgb(245,255,245);
}
.mail_table_col4{
	background: rgb(245,245,255);
}
.personal--table th,
.personal--table td{
	padding: 1em;
	border: 1px solid rgb(100,100,100);
	line-height: 1.5em;
}
@media screen and (max-width: 480px) {
	.personal--table{
		width: 100%;
		margin: 0;
	}
	.personal--table .sp-table{
		display: none;
	}
	.personal--table th,
	.personal--table td{
		 display: block;
		 width: 100%;
  	}
  	.personal--table td{
  		padding-left: 8em;
  		position: relative;
  	}
  	.personal--table td:before {
  		position: absolute;
  		left: 1em;
		content: attr(data-label);
		font-weight: bold;
		margin-right: 10px;
		color: rgb(50,50,50);

  	}
  	.personal--table td:last-child {
  		margin-bottom: 1em;
  	}
}
.mailmix-before{
	margin: 0 1em;
	background: rgb(250,250,230);
	padding: 1em 1em 0 1em ;
}
.mailmix-after{
	margin: 0 1em;
	background: rgb(230,240,255);
	padding: 1em 1em 0 1em ;
}
.mailmix-arrow{
	font-weight: bold;
	position: relative;
	margin: 0 0 10px 60px;
	font-size: 24px;
}
.mailmix-arrow:before{
	content: url(/images/email/reduction/mailmix-ar.png) ;
	left: -50px;
	top:-20px;
	position: absolute;
}
/*
個人以外のUMIN ID　etc
*/
#umin-id-etc{

}
.etc-section{
	margin-top: 80px;
}
.etc-result{}
	.etc-result h2{
		border: 5px double rgb(20,20,100);
		padding: 1.5em 0;
		font-size: 28px;
		color: rgb(50,50,50);
		text-align: center;
	}
	.etc-result span{
		font-size: 48px;
	}
.etc--table table{
	margin: 2em;
	border-collapse:collapse;
}
.etc--table tr:nth-child(odd),
.etc--table tr:nth-child(even){
	background-color: transparent;
}
.etc--table  th,
.etc--table  td{
	padding: 1em;
	border: 1px solid rgb(100,100,100);
	line-height: 1.5em;
}
.etc-tensou--finis{
	border: 2px solid rgb(100,180,100);
	padding: 1em;
}
	.etc-tensou--finis dt{
		font-weight: bold;
	}
	.etc-tensou--finis dd{
		padding-left: 2em;
		padding-bottom: 1em;
	}

.announce-0430{

}
.announce-0430 ol{
	list-style-type: none;	
	margin: 0;
}
.announce-0430 ol li{
	list-style-type: none;	
	margin: 0;
}