@charset "UTF-8";


body.pg_msg	{
	text-align: left;
}

body.pg_msg header{
	width:100%;
	height:220px;
	margin:0;
	background-color:#fff;
	background-image:url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: bottom center;
}

body.pg_msg header h1{
	text-align:center;
}


body.pg_msg header h1 img{
	width:400px;
	height:auto;
	margin:50px auto 0 auto;
}


body.pg_msg a:link {
color:#cc3a00;
}

body.pg_msg a:visited {
color:#cc3a00;
}

/* main contents
--------------------------------------------------------- */
#message_area_all	{
	overflow:	hidden;
	box-sizing:border-box;
	width:	80%;
	max-width:	800px;
	clear:	both;
	margin:	0 auto 100px auto;
	}

.message_area	{
	box-sizing:border-box;
	width:	100%;
	margin:	0 auto;
	padding:20px 40px;
	background:#fff;
	color:#000;
	-moz-border-radius:    15px;
	-webkit-border-radius:    15px;
	border-radius:    15px;
}


/* ---------- explain ---------- */
.explain1	{
	overflow: hidden;
	margin:20px 0 20px 0;
	font-size:2.2rem;
	text-align: center;
}

.explain1 h2	{
	margin: 1.5rem 0 2.5rem 0;
	color:#fff;
	font-size:4.0rem;
	font-family: 'Poppins', sans-serif;
}

.explain1 p	{
	font-size:1.8rem;
}


/* ---------- message_main ---------- */
.message_area .explain2{
	overflow:hidden;
	margin:20px 0 40px 0;
}

.message_area .explain2 h3	{
	padding:0;
	margin:0 0 50px 0;
	font-size:1.6rem;
	line-height:1.4;
}

.message_area .explain2 h3 span	{
	display:block;
	font-size:3.2rem;
	padding:0;
	margin:0;
}

.message_area .explain2 h4	{
	font-size:1.8rem;
	margin:4rem 0 1.4rem 0;
	padding:0 1.2rem;
	border-top:none !important;
	border-bottom:1px solid #999;
}

.message_area .explain2 p	{
	font-size: 1.6rem;
	letter-spacing: 1.2;
	text-align: left;
}

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

.message_area .explain2 span.present_tag	{
	display:inline-block;
	margin:0 1.0rem 0 0;
	padding:0.4rem 1.4rem;
	font-size: 1.4rem;
	-moz-border-radius:    4px;
	-webkit-border-radius:    4px;
	border-radius:    4px;
}

.message_area .explain2 span.present_tag.red 	{
	background:#fd8d99;
}

.message_area .explain2 span.present_tag.orange 	{
	background:#f6c478;
}

.message_area .explain2 span.present_tag.blue 	{
	background:#a7dee8;
}

.message_area .explain2 p.present3	{
	text-align:center;
}

.message_area .explain2 p.present3 img	{
	width:60%;
	height:auto;
}


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

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


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

.message_area .j-me_area_member_join h4 a i	{
	color:#fff;
}



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

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

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

#msg_select	{
 line-height:1.6;
 font-size:1.4rem;
}

#msg_select	li{
 margin: 1.6rem 0;
}

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

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

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

.message_area dl.last	{
	margin:	20px auto 130px auto;
}

.message_area dt	{
	padding:	0 5px 2px 5px;
	border-bottom:	dashed #000 1px;
	font-size:1.8rem
}

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


/* present
--------------------------------------------------------- */
p.present_pg_msg	{
	width:65%;
	height:auto;
	margin:30px auto 60px auto;
	text-align: center;
}

p.present_pg_msg img	{
	width:100%;
	height:auto;
}




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:	80%;
	max-width:	600px;
	padding:	10px;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
	background-color:	#f6a938;
	color:	#000;
	font-size:	1.8rem;
	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:	#930000;
	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;
}

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


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

.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:180px;
	}

body.pg_msg header h1 img{
	width:	300px;
	height:auto;
}

/* main contents
--------------------------------------------------------- */
#message_area_all	{
	width:	90%;
	}

.message_area	{
	width:	100%;
}



/* ---------- award_vote ---------- */
.award_explain h2	{
	font-size:2.8rem;
}

.award_vote
{
margin: 10px auto 40px auto;
padding:20px;
background: #fff;
-moz-border-radius:   10px;
-webkit-border-radius:    10px;
border-radius:    10px;
}

.award_vote h3
{
	font-size:1.8rem;
	letter-spacing: 4px;
}

.award_vote ul.award_vote_nomination
{
margin:20px 0 0 0;
}

.award_vote ul li
{
	font-size:1.2rem;
}

.award_vote input
{
	margin:0 0 0 0.2rem;
}



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

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


/* present
--------------------------------------------------------- */
p.present_pg_msg	{
	width:80%;
	height:auto;
	margin:30px auto 30px 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 :599px){

body.pg_msg header{
	width:100%;
	height:150px;
	}

body.pg_msg header h1 img{
	width:	250px;
	height:auto;
	margin:40px auto 0 auto;
	}

.explain1	{
	text-align: left;
}
.explain1 h2	{
	font-size:3.0rem;
	text-align: left;
}
.explain1 p	{
	font-size:1.4rem !important;
	text-align: left;
}

#message_area_all	{
	width:	95%;
	}


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

.message_area dl	{
	width:	100%;
	margin:	10px auto 20px auto;
	text-align:	left;
}

.message_area dt	{
	font-size:1.4rem !important;
}

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

.message_area .explain2 h3	{
	font-size:1.6rem;
	padding:0;
	margin:0 0 60px 0;
}

.message_area .explain2 h3 span	{
	font-size:2.0rem;
}


#msg_select	{
 line-height:1.4;
 font-size:1.6rem;
}

#msg_select	li{
 margin: 0;
 padding:1.0rem;
 border-bottom:1px solid #ccc;
}

.message_area .explain2 span.present_tag	{
	display:inline-block;
	margin:0 1.0rem 0 0;
	padding:0.2rem 1.0rem;
	font-size: 1.2rem;
	-moz-border-radius:    2px;
	-webkit-border-radius:    2px;
	border-radius:    2px;
}

.message_area .explain2 p.present3 img	{
	width:90%;
}


/* present
--------------------------------------------------------- */
p.present_pg_msg	{
	width:100%;
	height:auto;
	margin:30px auto 30px auto;
}




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

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

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



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

}