@charset "UTF-8";

.page-message .message-area_all {
	box-sizing:border-box;
	width: 100%;
	max-width: 800px;
	margin:	0 auto;
	padding:0;
}

/* ----- Gigya ----- */
.page-message #jme {
	padding: 0 0 10px 0;
}

.page-message .message-area_all form	{
	overflow: hidden;
	margin:	30px 0;
}

.page-message .message-explain {
	margin:	30px auto 60px auto;
	padding:0;
}

.page-message .message-explain p {
	text-align: center;
}

.page-message .message-area .j-me_area_member_join	{
	display:inline-block;
	margin:	60px 0;
	padding: 0;
}

.page-message .message-area .j-me_area_member_join h4	{
	margin:	0 0 1.0rem 0;
	padding:0;
	font-size:	2.2rem;
	border-top:none;
	border-bottom:none;
}


.page-message .message-area .j-me_area_member_join h4 a	{
	display:block;
	padding:0.4rem 1.0rem;
	color: #fff;
	background: #f79e1b;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

.page-message .message-area .j-me_area_member_join h4 a i	{
	color: #fff;
}

.page-message .message-area .j-me_area_member	{
	margin:	60px 0;
	padding:	15px 0;
	background:	#fff;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

.arrow {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  font-size: 1.4rem;
  vertical-align: middle;
  line-height: 1;
}
.arrow:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #ed5554;
  border-right: solid 1px #ed5554;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.page-message .message-area .j-me_area_member p	{
	font-size:1.2rem;
	line-height: 1.5;
}

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

.page-message ul#msg_select {
 line-height: 1.6;
 font-size: 1.8rem;
}

.page-message ul#msg_select li{
	margin: 1.6rem 0;
}

.page-message .message-area h4 {
	margin:	0 0 1.4rem 0;
	padding: 1.0rem 1.2rem;
	font-size: 2.0rem;
	font-weight: bold;
	border-top:solid 2px #434343;
	border-bottom:solid 2px #434343
}

.page-message .message-area h4 span	{
	margin:	0 0 0 2.2rem;
	font-size:	1.4rem;
	font-weight:	normal;
}

.page-message .message-area dl	{
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0 0 30px;
	text-align: left;
	/* font-size: 1.4rem; */
	border-bottom: solid 1px #ddd;
}

.page-message .message-area dt	{
	padding: 0 5px 2px 5px;
	/* border-left: solid 10px #00A0DC; */
	/* border-bottom: dashed 1px #bbb; */
	font-size: 1.8rem;
	letter-spacing: 1px;
}

.page-message .message-area dd	{
	padding: 3px 5px 0 5px;
	line-height:	2.2;
	font-size:1.6rem
}

input[type='text'],input[type='password'],select,textarea {
	margin: 10px 0 0 0 !important;
	padding: 6px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 1.6rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input:focus,select:focus,textarea:focus {
	outline: 1px #e87f3f;
  }

input[type='submit']{
	border:	 none;
	display: block;
	width: 80%;
	margin: 70px auto 0 auto;
	padding: 20px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	background: #ff6200;
	color: #fff;
	font-size: 2.8rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

input:hover[type='submit']{
	background: #ffa600;
}

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

input:hover[type='RESET']{
	background: #a09e9e;
}

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

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

.message-area table {
	margin: 50px 0 0 0;
}

p.notice	{
	font-size: 1.0rem;
	line-height: 1.4;
}

.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 : 940px){


.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%;
	}

}

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

.page-message .msg_explain {
	margin:	20px auto 40px auto;
	padding:0;
}

.page-message .msg_explain p {
	text-align: left;
}

.fs1	{
	width: 100%;
	}

.fs2	{
	width: 100%;
	}

.fs3	{
	width: 100%;
	}

.fs4	{
	width: 100%;
	}

.fs5	{
	width: 100%;
	}

.fs6	{
	width: 100%;
	}

.fs7	{
	width: 100%;
	}

.fs8	{
	width: 100%;
	}

.fs9	{
	width: 100%;
	}

.fs10	{
	width: 100%;
	}

}