@charset "UTF-8";
@import url("xreset.min.css");


body.pg_msg	{
	text-align: left;
	background:#cc0000;
}

body.pg_msg header	{
	width:100%;
	height:auto;
	margin:20px 0 40px 0;
	text-align:center;
}

body.pg_msg header h1 img	{
	width:50%;
	max-width:400px;
	height:auto;
	margin: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;
	font-size: 1.2rem;
	}

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


/* ---------- explain ---------- */
.explain	{
	overflow: hidden;
	color:#fff;
	font-size:1.4rem;
	text-align: center;
}

.explain h2	{
	margin: 1.5rem 0 2.5rem 0;
	color:fff;
	font-size:2.4rem;
	font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 700;
font-style: normal;
}

.explain p	{
	font-size:1.2rem;
}


/* ---------- message_main ---------- */
.message_area h2	{
	margin: 0 0 4.0rem 0;
	padding: 0 20px;
	text-align: center;
	font-size: 3.0rem;
	font-family: dnp-shuei-gothic-kin-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	border-bottom: 1px solid #000;
}

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

.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_member p	{
	font-size:1.0rem;
	line-height: 1.5;
}

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

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

#msg_select	li{
 margin: 2.0rem 0;
}

.message_area h4	{
	margin:	0 0 1.4rem 0;
	font-size:	1.2rem;
	font-weight:	bold;
}

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

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

.message_area dt	{
	padding:	3px 5px;
	border-bottom:	dashed #979080 1px;
	font-size:1.2rem
}

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


/* =========================================================
    gigya area
========================================================= */
#jme	{
	overflow: hidden;
	margin: 0 auto;
	width:100%;
	height:60px;
	padding:	5px 0;
	text-align:center;
}

#gigyaShare	{
	display:	inline-block;
}

#gigyaShare a > img {
	margin:	0 10px 0 0 !important;
	transform:	translateY(-1px);
}

.gig-bar-container	{
	display:	inline-block;
}


/* 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:	#d2b071;
	color:	#fff;
	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:	#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 :1024px){

body.pg_msg header	{
	width:100%;
	height:auto;
	margin:20px auto 50px auto;
	text-align:center;
	}

body.pg_msg header h1 img{
	width:	100%;
	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:60%;
		margin:20px auto 50px auto;
		}

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

#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.2rem !important;
}

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



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




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

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

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



.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){
.award_vote ul li
{
	width:47%;
	margin:0 3% 10px 0;
	font-size:0.8rem;
	line-height:1.2;
	}

.award_vote ul li:nth-of-type(3n)
{
	margin:0 3% 10px 0;
	}

.award_vote ul li:nth-of-type(2n)
{
	margin:0 0 10px 0;
	}

}