@charset "UTF-8";

body.pg_msg header	{
	height:	300px;
}



body.pg_msg h1	{
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-55%) translateX(-50%);
	transform: translateY(-55%) translateX(-50%);
	width:	300px;
	height:	198px;
	background:	url(../img/title.png) no-repeat top center;
	background-size:	100% 100%;
	text-indent:	100%;
	white-space:	nowrap;
	opacity: 0;
}




/* main contents
--------------------------------------------------------- */
#message_area_all	{
	overflow:	hidden;
	width:	700px;
	clear:	both;
	margin:	50px auto 0 auto;
	text-align:	left;
	}

.message_area	{
	width:	640px;
	margin:	0 auto;
}


.message_area h2	{
	margin: 0 0 4.0rem 0;
	padding: 0 20px;
	text-align: center;
	font-size: 3.0rem;
	font-family: ten-mincho-text, serif;
	font-weight: 400;
	font-style: normal;
	border-bottom: 1px solid #000;
}

.message_area p	{
	font-size: 1.4rem;
	letter-spacing: 1.6;
}


.message_area .j-me_area_member	{
	margin:	50px 0 100px 0;
	padding:	15px;
	background:	#eeeded;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

.message_area .j-me_area	{
	margin:	0 0 30px 0;
	text-align:	left;
	font-family:	tbudgothic-std, sans-serif;
	font-weight:	700;
	font-style:	normal;
}

.message_area h3	{
	margin:	0 0 1.4rem 0;
	font-size:	1.8rem;
	font-weight:	bold;
}

.message_area h3 span	{
	margin:	0 0 0 2.2rem;
	font-size:	1.4rem;
	font-weight:	normal;
}


.message_area .present_info	{
	margin:	0 auto 40px auto;
	font-size:	1.6rem
}

.message_area .present	{
	margin:	0 0 100px 0;
	text-align:	center !important;
}

.message_area .present img	{
	width:	100%;
	height:	auto;
	margin:	0 auto;
}

.message_area dl	{
	width:	100%;
	margin:	20px auto 50px auto;
	text-align:	left;
	font-size:	1.6rem
}

.message_area dt	{
	padding:	3px 5px;
	border-bottom:	dashed #979080 1px;
	font-family:	tbudgothic-std, sans-serif;
	font-weight:	700;
	font-style:	normal;
}

.message_area dd	{
	padding:	15px 15px 0 10px;
	line-height:	2.2;
}


.msg_info_area	{
	margin:100px auto 2.0rem auto;
	xpadding:2.0rem;
	font-size:1.2rem;
	xborder:1px solid #b6b6b6;
	-moz-border-radius:    4px;
	-webkit-border-radius:    4px;
	border-radius:    4px;
}

.msg_info_area h3	{
	xpadding:1.2rem 2.0rem;
	font-size:1.6rem !important;
	text-align:center;
	color:#9b8181;
	border-bottom:1px solid #b6b6b6;
}



input[type='text'],input[type='password'],textarea{
	padding:	5px;
	border-radius:	5px;
	border:	1px solid #ccc;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
}

input:focus {
	 border:	solid 1px #cc0000;
}

input[type='submit']{
	border:	none;
	display:	block;
	width:	100%;
	xmax-width:	500px;
	padding:	10px;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
	background-color:	#B3332F;
	color:	#fff;
	font-size:	2.2rem;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	cursor:	pointer;
	margin:	70px auto 0 auto;
}


input[type='RESET']{
	border:	none;
	display:	block;
	width:	30%;
	padding:	10px;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
	background-color:	#aa9087;
	color:	#fff;
	font-size:	1.4rem;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	cursor:	pointer;
	margin:	0 auto;
}

label, input[type='checkbox'] {
	cursor:	pointer;
}


select	{
	margin:	1.4rem 0 0 0;
	font-size:	1.4rem;
}

.message_area table	{
	margin:	50px 0 0 0;
}


i	{
	margin:	0 5px 0 0;
	color:	#9b895d;
}


.fs1	{
	width:	10%;
	}

.fs2	{
	width:	20%;
	}

.fs3	{
	width:	30%;
	}

.fs4	{
	width:	40%;
	}

.fs5	{
	width:	50%;
	}

.fs6	{
	width:	60%;
	}

.fs7	{
	width:	70%;
	}

.fs8	{
	width:	80%;
	}

.fs9	{
	width:	90%;
	}

.fs10	{
	width:	100%;
	}


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

body.pg_msg header	{
	height:	200px;
}


body.pg_msg h1	{
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-55%) translateX(-50%);
	transform: translateY(-55%) translateX(-50%);
	width:	200px;
	height:	132px;
	background:	url(../img/title.png) no-repeat top center;
	background-size:	100% 100%;
	text-indent:	100%;
	white-space:	nowrap;
	opacity: 0;
}



.message_area h2	{
	font-size:	1.6rem;
}


#message_area_all	{
	width:	95%;
	}

.message_area	{
	width:	100%;
}


.message_area h3	{
	margin:	0 0 1.2rem 0;
	font-size:	1.6rem;
	font-weight:	bold;
}

.message_area h3 span	{
	margin:	0 0 0 2.2rem;
	font-size:	1.2rem;
	font-weight:	normal;
}

.message_area	{
	width:	100%;
	margin:	0 auto;
}

.message_area .present_info	{
	margin:	0 auto 20px auto;
	font-size:	1.4rem
}

.message_area .present	{
	margin:	0 0 50px 0;;
}

.message_area .present img	{
	width:	100%;
}

.message_area dl	{
	font-size:	1.4rem
}

.fs1	{
	width:	90%;
	}

.fs2	{
	width:	20%;
	}

.fs3	{
	width:	90%;
	}

.fs4	{
	width:	90%;
	}

.fs5	{
	width:	90%;
	}

.fs6	{
	width:	90%;
	}

.fs7	{
	width:	90%;
	}

.fs8	{
	width:	90%;
	}

.fs9	{
	width:	90%;
	}

.fs10	{
	width:	90%;
	}
}

/* 0921追加 */
.top_present_info1 p.present-ttl {
  font-weight: 900;
}
.top_present_info1 p.present-details {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;

}
/* /0921追加 */