@charaset"UTF-8";

/*==================================================================*/
/* css */
/*==================================================================*/

/* -------------------------------------------------------------- */
/* contents */
/* -------------------------------------------------------------- */
#contents{
	margin:0 auto;
	padding:0;
	background:none;
	background:url('./image/award_detail.png') no-repeat 50% 10px;
	background-size:contain;
	}

.result{
	margin:0;
	padding-top:20px;
	}
.result .headline:after{display:none;}

.result .headline h1{
	font-size:18px;
	font-weight:400;
	line-height:1.6;
	width:auto;
	}

/* 640 *//* ------- */@media print, screen and (min-width:640px){
#contents{
	background:url('./image/award_detail.png') no-repeat 50% 10px;
	background-size:contain;
	}
.result{padding-top:40px;}
.result .headline h1{
	margin:6px 0 0;
	font-size:24px;
	}
}
/* 840 *//* ------- */@media print, screen and (min-width:840px){
#contents{
	background:url('./image/award_detail.png') no-repeat 50% 10px;
	background-size:auto;
	}
}

/* ex */
/* -------------------------------------------------------------- */
.result .ex{
	margin:0 0 20px;
	padding:10px;
	border:1px solid var(--color_ex);
	border-radius:10px;
	}
.result .ex h4{
	margin:0 0 5px;
	padding:0 0 0 20px;
	position:relative;
	width:auto;
	color:var(--color_ex);
	background:none;
	font-size:16px;
	text-align:left;
	}
.result .ex h4 span{
	position:absolute;
	top:6px;
	left:0;
	font-size:16px;
	}
.result .ex p{
	margin:0;
	font-size:14px;
	}
	
/* -------------------------------------------------------------- */
/* return */
/* -------------------------------------------------------------- */
#return *{margin:0;padding:0;}
#return{
	margin:0 auto;
	padding:0 0 60px;
	width:90%;
	text-align:center;
	}
#return p a{
	padding:0 0 0 15px;
	position:relative;
	color:#6eb92b;
	text-align:center;
	}
#return p a::before,
#return p a::after{
	margin:0;
	position: absolute;
	top:10px;
	bottom:0;
	left:0;
	content:"";
	display: block;
	content: '';
	}
#return p a::before{
	left:0;
	width:6px;
	height:6px;
	border-bottom: 2px solid #6eb92b;
	border-left: 2px solid #6eb92b;
	transform: rotate(45deg);
	}

#return p a::after{
	content:'';
	position:absolute;
	top:auto;
	bottom:-5px;
	left:0;
	width:100%;
	height:1px;
	background:#6eb92b;
	transform:scaleX(0);
	}

/* over */
#return p a:hover::after{transform: scaleX(1);}

#return p a,
#return p a::before,
#return p a::after{transition: all .3s;}

/* 640 *//* ------- */@media print, screen and (min-width:640px){}
/* 980 *//* ------- */@media print, screen and (min-width:980px){#return{width:840px;}}

/* -------------------------------------------------------------- */