@charset "UTF-8";


body.pg_msg{
	color:#595847;
	}

body.pg_msg header{
	width:100%;
	height:300px;
	margin:0 0 50px 0;
}

body.pg_msg #header_inner{
	position: relative;
	width:100%;
	max-width:1025px;
	height:300px;
	margin:0 auto;
}

body.pg_msg #header_inner h1 img{
	position:absolute;
	width:auto;
	max-width:1025px;
	height:50%;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}





body.pg_msg main {
	margin:0 auto;
}

body.pg_msg #jme	{
	margin:0 auto;
	padding:0 0 20px 0;
	width:100%;
	text-align:center;
}

body.pg_msg h2 img {
	width:100%;
	height:auto;
	margin:50px auto;;
}

body.pg_msg h3 {
	font-size:2.2rem;
	margin:0 0 3.0rem 0;
}

body.pg_msg .inner	{
	margin:0 auto;
	text-align:left;
}


body.pg_msg p	{
	margin:1.6rem 0;
	font-size:1.6rem;
	text-align:left;
	line-height:1.6;
}

body.pg_msg p.notice	{
	font-size:1.4rem;
}



/* message
--------------------------------------------------------- */
body.pg_msg .msg_area	{
	box-sizing:border-box;
	width:	800px;
	margin:	0 auto;
	padding:50px 0;
}

body.pg_msg .msg_area .j-me_area_member_join	{
	display:inline-block;
	margin:	0 0 60px 0;
	padding:0;
}

body.pg_msg .msg_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;
}


body.pg_msg .msg_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;
}

body.pg_msg .msg_area .j-me_area_member_join h4 a i	{
	color:#fff;
}



body.pg_msg .msg_area .j-me_area_member	{
	margin:	20px 0 40px 0;
	padding:	15px 0;
	background:	#fff;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

body.pg_msg .msg_area .j-me_area_member p	{
	font-size:1.2rem;
	line-height: 1.5;
}

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

body.pg_msg #msg_select	{
 line-height:1.6;
 font-size:1.8rem;
}

body.pg_msg #msg_select	li{
 margin: 1.6rem 0;
}

body.pg_msg .msg_area h4	{
	margin:	0 0 1.4rem 0;
	padding:0.5rem 1.2rem;
	font-size:	2.0rem;
	font-weight:	bold;
	border-top:solid 2px #595847;
	border-bottom:solid 2px #595847;
}

body.pg_msg .msg_area h4 span	{
	margin:	0 0 0 2.2rem;
	font-size:	1.4rem;
	font-weight:	normal;
}

body.pg_msg .msg_area dl	{
	width:	100%;
	margin:	0 auto 50px auto;
	text-align:	left;
	font-size:	1.4rem
}

body.pg_msg .msg_area dl.last	{
	margin:	20px auto 130px auto;
}

body.pg_msg .msg_area dt	{
	padding:	0 5px 2px 5px;
	border-bottom:	dashed 1px #8f8d73;
	font-size:2.0rem;
	letter-spacing: 1px;
}

body.pg_msg .msg_area dd	{
	padding:	6px 15px 0 10px;
	line-height:	2.2;
	font-size:1.6rem
}

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%;
	margin:	120px auto 0 auto;
	padding:	20px;
	-moz-border-radius:	40px;
	-webkit-border-radius:	40px;
	border-radius:	40px;
	background:	#dcd005;
	color:	#fff;
	font-size:	2.8rem;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	cursor:	pointer;
}

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

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

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


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

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

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

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


i	{
	margin:	0 5px 0 0;
	color:	#ddd103;
}


.btn_backtotop{
	width:300px;
	margin:80px auto 30px auto;
}

.btn_backtotop a{
	display:block;
	padding:20px;
	text-align: center;
	border:1px solid #999;
}

.btn_backtotop a:hover{
	display:block;
	padding:20px;
	color:#fff;
	text-align: center;
	background:#e7de3f;
	border:1px solid #fff;
}


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


body.pg_msg header{
	width:100%;
	height:250px;
	margin:0 0 40px 0;
	}

body.pg_msg #header_inner{
	position: relative;
	width:100%;
	max-width:1025px;
	height:250px;
	margin:0 auto;
	}

body.pg_msg #header_inner h1 img{
	position:absolute;
	width:auto;
	max-width:500px;
	height:50%;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
}

/* ----- area ----- */
body.pg_msg .width100_area	{
	margin:0;
	padding:10px 0;
	}

body.pg_msg .inner	{
	width:90%;
	}

/* ----- present ----- */
body.pg_msg .present_list{
		margin:	30px 0 50px 0 ;
		padding:	0 0 30px 0;
}

body.pg_msg .present_list figure.present_item img {
	border:	10px solid #f19a00;
}

body.pg_msg .present_list figcaption{
	font-size:1.4rem;
	line-height:1.4;
	letter-spacing: 0;
}

body.pg_msg .present_list figcaption span.present_info{
	font-size:1.0rem;
	letter-spacing: 0;
}


/* message
--------------------------------------------------------- */
body.pg_msg .msg_area	{
	width:	90%;
	padding:30px 0;
}

body.pg_msg .msg_area .j-me_area_member_join h4	{
	font-size:	1.8rem;
}

body.pg_msg #msg_select	{
 line-height:1.4;
 font-size:1.4rem;
}

body.pg_msg #msg_select	li{
 margin: 1.4rem 0;
}

body.pg_msg .msg_area h4	{
	font-size:	1.8rem;
}

body.pg_msg .msg_area dt	{
	font-size:1.8rem;
	letter-spacing: 1px;
}

body.pg_msg .msg_area dd	{
	padding:	4px 10px 0 8px;
	line-height:	1.6;
	font-size:1.4rem
}

input[type='submit']{
	width:	90%;
	margin:	60px auto 0 auto;
	padding:	20px;
	color:	#fff;
	font-size:	2.0rem;
}

.btn_backtotop{
	width:300px;
	margin:50px auto 20px auto;
}

.btn_backtotop a{
	padding:15px;
}

.btn_backtotop a:hover{
	padding:15px;
}

.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){

body.pg_msg header{
	width:100%;
	height:200px;
	margin:0 0 30px 0;
	}

body.pg_msg #header_inner{
	position: relative;
	width:100%;
	max-width:1025px;
	height:200px;
	margin:0 auto;
	}

body.pg_msg #header_inner h1 img{
	position:absolute;
	width:auto;
	max-width:500px;
	height:50%;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	}


/* ----- area ----- */
body.pg_msg main {
	width:100%;
	margin:0 auto;
}


/* ----- present ----- */
body.pg_msg .present_list{
	margin:	30px 0 30px 0 ;
	padding:	0 0 20px 0;
	gap:2.0rem 1%;
}

body.pg_msg .present_list figure.present_item {
	flex-basis:	47%;
}


body.pg_msg .present_list figure.present_item img {
	margin:	0 0 8px 0;
	border:	10px solid #f19a00;
}

body.pg_msg .present_list figcaption{
	font-size:1.2rem;
	line-height:1.4;
	letter-spacing: 0;
}

body.pg_msg .present_list figcaption span.present_info{
	font-size:1.0rem;
	letter-spacing: 0;
}


/* message
--------------------------------------------------------- */
body.pg_msg .msg_area	{
	width:	100%;
	padding:20px 0;
}

body.pg_msg .msg_area h4	{
	font-size:	1.6rem;
}

body.pg_msg .msg_area dt	{
	font-size:1.8rem;
	letter-spacing: 1px;
}

input[type='submit']{
	font-size:	1.8rem;
}

input[type='RESET']{
	width:	50%;
	color:	#fff;
	font-size:	1.4rem;
}

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


.btn_backtotop{
	width:60%;
	margin:60px auto 20px auto;
	}

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

}