@charset "UTF-8";


body.pg_msg header{
	width:100%;
	height:300px;
	margin:0;
	background-color:#f19a00;
	background-image:none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}


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;
	height:240px;
	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;
}

/* ----- area ----- */
body.pg_msg .width100_area	{
	margin:0;
	padding:20px 0;
	text-align:center;
}

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

body.pg_msg .width100_area.bgcolor_gold	{
	padding:40px 0 60px 0;
	color:#fff;
	text-align:center;
	background:#9a8a5d;
}

body.pg_msg .width100_area.bgcolor_gold h2	{
	margin:0 0 5.0rem 0;
	font-size:4.2rem;
	font-family: 'Overpass', sans-serif;
}

body.pg_msg .width100_area.bgcolor_gold h3	{
	margin:6.0rem 0;
	font-size:2.4rem;
	line-height:1.4;
	text-align:center;
}

body.pg_msg .width100_area.bgcolor_gold h3 span	{
	font-size:2.8rem;
}

body.pg_msg .width100_area.bgcolor_gold h4	{
	margin:100px 0 2.0rem 0;
	paddimg:2.0rem 0;
	font-family: 'Overpass', sans-serif;
	font-size:3.0rem;
	line-height:1.4;
	text-align:center;
	letter-spacing: 8px;
	border-bottom: 1px solid #fff;
}

body.pg_msg .bgcolor_gold p	{
	margin:1.0rem 0;
	font-size:1.8rem;
	text-align:center;
}




/* ----- present ----- */
body.pg_msg .present_list{
	display:	flex;
	flex-wrap:	wrap;
	justify-content:	center;
	align-content:	stretch;
	align-content:	flex-start;
	gap:	5.0rem 2.0rem;
	overflow:	hidden;
	width:	100%;
	margin:	50px 0 50px 0 ;
	padding:	0 0 40px 0;
	border-bottom: 1px solid #fff
}

body.pg_msg .present_list figure.present_item {
	overflow:	hidden;
	flex-basis:	30%;
	text-align:	center;
}

body.pg_msg .present_list figure.present_item img {
	box-sizing:	border-box;
	width:	100%;
	height:	auto;
	margin:	0 0 15px 0;
	-moz-border-radius:	50%;
	-webkit-border-radius:	50%;
	border-radius:	50%;
	border:	15px solid #f19a00;
}

body.pg_msg .present_list figure.present_item.dummy img {
	border:none;
}

body.pg_msg .present_list figcaption{
	font-size:1.6rem;
	line-height:1.6;
	letter-spacing: 2px;
}

body.pg_msg .present_list figcaption span.present_info{
	display:block;
	font-size:1.2rem;
	letter-spacing: 1px;
	color:	#fff;
}





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


/* ---------- message_main ---------- */
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 #134834;
	border-bottom:solid 2px #134834;
}

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 #134834;
	font-size:2.2rem;
	letter-spacing: 2px;
}

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:	#f79e1b;
	color:	#fff;
	font-size:	2.8rem;
	appearance:	none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	cursor:	pointer;
}

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

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

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


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:	#f79e1b;
}


.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:#f9d18a;
	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:200px;
	}

body.pg_msg #header_inner{
		height:200px;
	}

body.pg_msg #header_inner h1 img{
	height:160px;
	}

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

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

body.pg_msg .width100_area.bgcolor_gold	{
	padding:10px 0 20px 0;
	}


body.pg_msg .width100_area.bgcolor_gold h2	{
		margin:0 0 3.0rem 0;
		font-size:2.8rem;
	}

body.pg_msg .width100_area.bgcolor_gold h3	{
		margin:3.0rem 0;
		font-size:1.8rem;
	}

body.pg_msg .width100_area.bgcolor_gold h3 span	{
		font-size:2.2rem;
	}

body.pg_msg .width100_area.bgcolor_gold h4	{
		margin:60px 0 2.0rem 0;
		padding:2.0rem 0;
		font-size:2.4rem;
		letter-spacing:2px;
	}

body.pg_msg .bgcolor_gold p	{
	margin:1.0rem 0;
	font-size:1.4rem;
	}


/* ----- 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){
/* ----- area ----- */
body.pg_msg main {
	width:100%;
	margin:0 auto;
}

body.pg_msg .width100_area	{
	width:100%;
	margin:0;
	padding:10px 0;
	}

body.pg_msg .width100_area.bgcolor_gold	{
	width:100%;
	padding:10px 0 20px 0;
	}

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


body.pg_msg .width100_area.bgcolor_gold	{
	padding:10px 0 20px 0;
	}


body.pg_msg .width100_area.bgcolor_gold h2	{
	margin:0 0 3.0rem 0;
	font-size:2.8rem;
	}

body.pg_msg .width100_area.bgcolor_gold h3	{
	margin:3.0rem 0;
	font-size:1.6rem;
	text-align: left;
	}

body.pg_msg .width100_area.bgcolor_gold h3 span	{
	font-size:1.4rem;
	}

body.pg_msg .width100_area.bgcolor_gold h4	{
	margin:50px 0 2.0rem 0;
	padding:0.5rem 0;
	font-size:2.2rem;
	letter-spacing:2px;
	}

body.pg_msg .bgcolor_gold p	{
	margin:1.0rem 0;
	font-size:1.4rem;
	text-align: left;
}


/* ----- 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){

}