@charset "UTF-8";
@import url("reset.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;
}



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

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

/* ---------- 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;
}


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

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

.award_explain p	{
	font-size:1.2rem;
	line-height:1.6;
}


/* =========================================================
    gigya area
========================================================= */
#jme	{
	overflow: hidden;
	margin: 0 auto;
	width:100%;
	height:60px;
	margin:40px 0;
	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;
}


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

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

.award_vote
{
position: relative;
box-sizing:    border-box;
margin: 10px auto 80px auto;
padding:30px 30px 10px 30px;
background: #fff;
-moz-border-radius:   15px;
-webkit-border-radius:    15px;
border-radius:    15px;
}


.award_vote h3
{
position: absolute;
box-sizing:    border-box;
top: 0;
left: 50%;
width: 60%;
padding:5px;
background: #eab92d; /* Old browsers */
background: -moz-linear-gradient(top,  #eab92d 0%, #c79810 100%);
background: -webkit-linear-gradient(top,  #eab92d 0%,#c79810 100%);
background: linear-gradient(to bottom,  #eab92d 0%,#c79810 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 );
z-index: 100;
transform: translate(-50%, -50%);
font-size:1.6rem;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 600;
font-style: normal;
text-align:center;
letter-spacing: 4px;
}

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

.award_vote ul
{
	overflow:hidden;
	margin:0;
	padding:0;
}

.award_vote ul li
{
	overflow:hidden;
	position: relative;
	float:left;
	width:19%;
	margin:0 1% 15px 0;
	padding:0;
	font-size:0.9rem;
	line-height:1.4;
}

.award_vote ul li.center
{
text-align: center;
}

.award_vote ul li span
{
display:block;
text-align: center;
}

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


.award_vote ul li img
{
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}


.ranking	{
	position:absolute;
	top: -5px;
	left: -5px;
	width: 40px;
	height: 40px;
	background: #b43330;
	border-radius: 50%;
	font-size: 22px;
	font-family: ten-mincho-text, serif;
	font-weight: 400;
	font-style: normal;
	text-align:center;
	line-height: 40px;
	color: #fff;
}

.ranking.no1	{
	position:absolute;
	top: -10px;
	left: -10px;
	width: 60px;
	height: 60px;
	background: #e2c505;
	border-radius: 50%;
	font-size: 38px;
	font-family: ten-mincho-text, serif;
	font-weight: 400;
	font-style: normal;
	text-align:center;
	line-height: 60px;
	color: #fff;
}




xxxx.award_vote ul li img:hover
{
 opacity: 1;
 -webkit-animation: flash 1.5s;
 animation: flash 2.0s;
}
@-webkit-keyframes flash {
 0% {
   opacity: .4;
 }
 100% {
   opacity: 1;
 }
}
@keyframes flash {
 0% {
   opacity: .4;
 }
 100% {
   opacity: 1;
 }
}

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




/* ---------- 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.4rem;
	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	{
	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.8rem;
	font-weight:	bold;
}

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

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

.message_area dt	{
	padding:	3px 5px;
	border-bottom:	dashed #979080 1px;
	font-family:	tbudgothic-std, sans-serif;
	font-weight:	700;
	font-style:	normal;
}

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

.msg_info_area	{
	margin:100px auto 2.0rem auto;
	xpadding:2.0rem;
	font-size:1.2rem;
	xborder:1px solid #b6b6b6;
	-moz-border-radius:    4px;
	-webkit-border-radius:    4px;
	border-radius:    4px;
}

.msg_info_area h3	{
	xpadding:1.2rem 2.0rem;
	font-size:1.6rem !important;
	text-align:center;
	color:#9b8181;
	border-bottom:1px solid #b6b6b6;
}

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:	2.0rem;
	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;
}

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_explain p	{
	font-size:1.0rem;
}

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

.award_vote h3
{
	font-size:1.6rem;
	letter-spacing: 2px;
}

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

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

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



/* ---------- 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
}

.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:80%;
		margin:15px auto 10px auto;
		}

/* =========================================================
		  gigya area
========================================================= */
#jme	{
	overflow: hidden;
			height:50px;
			margin:20px 0;

		}



/* ---------- award_vote ---------- */

.award_explain	{
	font-size:1.2rem;
	text-align: left;
}
.award_explain h2	{
	margin: 1rem 0 0.5rem 0;
	font-size:1.4rem;
}


.award_vote h3
{
	width: 80%;
	font-size:1.2rem;
	letter-spacing: 2px;
}

.award_vote ul li
{
	width:32%;
	margin:0 2% 5px 0;
	font-size:1.0rem;
	line-height:1.2;
}

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

.award_vote ul li.center
{
text-align: left;
}

.award_vote ul li span
{
margin: 0 0 10px 0;
}


.ranking	{
	position:absolute;
	top: 5px;
	left: 5px;
	width: 30px;
	height: 30px;
	background: #b43330;
	border-radius: 50%;
	font-size: 18px;
	font-family: ten-mincho-text, serif;
	font-weight: 400;
	font-style: normal;
	text-align:center;
	line-height: 30px;
	color: #fff;
}


.ranking.no1	{
	top: 0;
	left: 5px;
	width: 40px;
	height: 40px;
	background: #e2c505;
	border-radius: 50%;
	font-size: 30px;
	line-height: 40px;
}


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

}

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

}