@charset "utf-8";
/* ******************************************************************
 *	File name		: PhotoAward.css
 *  /award/PhotoAward/
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   h2
---------------------------------------------------------------------- */

#main_contents h2{
	position:relative;
	width:100%;
	min-height:70px;
	margin:0 0 20px;
	padding:23px 25px !important;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:left;
	background:#DCDFC7;
	border:none;
	border-bottom:2px solid #CF9B2B;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}
	#main_contents h2 *{
		font-family:inherit;
		font-style:inherit;
		font-weight:inherit;
	}
	#main_contents h2::before,
	#main_contents h2::after{
		display:none;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#main_contents h2{
		min-height:44px;
		padding:10px 15px !important;
	}
}

/* ----------------------------------------------------------------------
   h3
---------------------------------------------------------------------- */

#main_contents h3{
	display:inline-block;
	position:relative;
	width:540px;
	max-width:100%;
	margin:0 auto 0px !important;
	padding:10px 20px !important;
	font-weight:bold;
	font-size:1.2rem;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	background:#DCDFC7;
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}
	#main_contents h3 *{
		font-family:inherit;
		font-style:inherit;
		font-weight:inherit;
	}
	#main_contents h3::before,
	#main_contents h3::after{
		display:none;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#main_contents h3{
		margin:0 auto 12px;
		font-size:0.9rem;
	}
}

/* ----------------------------------------------------------------------
   index
---------------------------------------------------------------------- */

#pa_index{
	position:relative;
	min-height:250px;
	background:url(../../image/award/PhotoAward/pa_index.png) no-repeat center top;
	}
	#pa_index div{
		position:absolute;
		top:70px;
		width:100%;
		min-height:100px;
		padding:25px 0;
		text-align:center;
		background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0.9), rgba(255,255,255,0));
	}
	#pa_index div strong{
		display:block;
		margin:0 0 10px;
		font-size:1.2rem;
	}
	#pa_index div ul{
		text-align:center;
		list-style:none;
	}
	#pa_index div ul li{
		display:inline-block;
		margin:0 15px;
		font-weight:bold;
		font-size:1.05rem;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#pa_index{
		background:url(../../image/award/PhotoAward/pa_index.png) no-repeat center center;
		background-size:contain;
		}
		#pa_index div{
			position:relative;
			top:0px;
			background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0));
		}
		#pa_index div ul li{
			display:block;
			margin:0 15px 2px;
			font-weight:bold;
			font-size:0.95rem;
	}
}

#pa_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	list-style:none;
	}
	#pa_list li{
		position:relative;
		width:30%;
		list-style:none;
		margin:0 0 20px;
		padding:0 1px 2px 0;
		background:#9B9D9F;
		}
		#pa_list li:nth-child(3n+2):last-child{
			margin-right:35%;
	}
	#pa_list li a{
		display:block;
		width:100%;
		padding:15px 10px 15px 20px;
		font-weight:bold;
		font-size:1rem;
		text-decoration:none;
		text-align:center;
		background:#DCDFC7;
		border:2px solid #DCDFC7;
		color:#000;
		transition-duration:0.5s;
		}
		#pa_list li a:hover{
			border:2px solid #CF9B2B;
			background:#E1D3BB;
		}
		#pa_list li a span{
			font-weight:normal;
			font-size:0.87rem;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#pa_list li{
		width:100%;
		margin-right:0px !important;
	}
	#pa_list li a{
		padding:5px 10px;
		font-size:0.87rem;
		}
		#pa_list li a span{
			font-size:0.77rem;
	}
}


/* ----------------------------------------------------------------------
   second
---------------------------------------------------------------------- */
/* h2_title */
#h2_title{
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
}
#h2_title h2{
	width:calc(100% - 170px);
}
#h2_title #back_photoaward{
	position:relative;
	width:155px;
	}
	#h2_title #back_photoaward a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:100%;
		min-height:70px;
		padding:10px 20px 10px 10px;
		font-size:1.0rem;
		text-decoration:none;
		background:#AEAFAF;
		color:#FFF;
		transition-duration:0.5s;
	}
	#h2_title #back_photoaward a::before{
		content:" ";
		position:relative;
		margin:1px 10px 0 0;
		border:8px solid transparent;
		border-right:8px solid rgba(255,255,255,1);
	}
	#h2_title #back_photoaward a:hover{
		background:#555;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#h2_title h2{
		width:calc(100% - 100px);
	}
	#h2_title #back_photoaward{
		width:95px;
		}
		#h2_title #back_photoaward a{
			min-height:46px;
			padding:5px 5px 5px 1px;
			font-size:0.77rem;
		}
		#h2_title #back_photoaward a::before{
			content:" ";
			position:relative;
			margin:1px 5px 0 0;
			border:6px solid transparent;
			border-right:6px solid rgba(255,255,255,1);
	}
}

/* h3_title */
#h3_title{
	text-align:center;
}
#h3_title + p{
	margin:20px 0 0 0;
}

/* pa_result_table */
#pa_result_table{
	position:relative;
	text-align:center;
	margin:30px auto;
}
#pa_result_table table{
	position:relative;
	width:auto;
	margin:0 auto;
	border:none;
	}
	#pa_result_table tr{
		position:relative;
		border-bottom:8px solid rgba(0,0,0,0);
		}
		#pa_result_table table::after,
		#pa_result_table tr::after{
			content:" ";
			position:absolute;
			bottom:-10px;
			left:0px;
			width:100%;
			height:4px;
			background:#CF9B2B;
		}
		#pa_result_table table::after{
			top:-6px;
			bottom:auto;
	}
	#pa_result_table th{
		min-width:140px;
		padding:10px 15px 11px;
		font-weight:bold;
		font-size:0.95rem;
		border:none;
		text-align:center;
		background:#E8D9BB;
	}
	#pa_result_table td{
		padding:10px 15px 11px;
		font-weight:bold;
		font-size:0.95rem;
		border:none;
	}
	#pa_result_table td span.part_bumon{
		font-weight:bold;
		font-size:0.84rem;
		color:#CF9B2B;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#pa_result_table table{
		width:100%;
	}
	#pa_result_table th{
		min-width:100px;
		font-size:0.87rem;
	}
	#pa_result_table td{
		font-size:0.87rem;
	}
	#pa_result_table td span.part_bumon{
		font-size:0.77rem;
	}
}


/* ----------------------------------------------------------------------
   pa_award_box
---------------------------------------------------------------------- */

.pa_award_box{
	position:relative;
	width:100%;
	margin:0 0 40px;
}

/* h4 */
.pa_award_box h4{
	display:-webkit-flex;
	display:flex !important;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position:relative;
	width:100%;
	margin:0px !important;
	padding:20px 70px 20px 20px !important;
	font-weight:bold;
	font-size:1.1rem !important;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	background:#777;
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	color:#FFF !important;
	}
	.pa_award_box h4 *{
		font-family:inherit;
		font-style:inherit;
		font-weight:inherit;
		z-index:1;
	}
	.pa_award_box h4 i{
		font-style:italic;
	}
	.pa_award_box h4::after{
		display:none;
	}
	.pa_award_box h4::before{
		content:" ";
		position:absolute;
		top:0px;
		right:15px;
		width:80px;
		height:100%;
		background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
		z-index:0;
}
.pa_award_box h4 span{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-right:15px;
	font-size:1.5rem;
	line-height:1.35;
}
.pa_award_box h4 div{
	display:-webkit-flex;
	display:flex;
	flex:1;
	justify-content:flex-start;
	align-items:center;
	padding:0 0 0 15px;
	border-left:1px solid #FFF;
	line-height:1.35;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.pa_award_box h4{
		display:block !important;
		padding:10px 20px 10px 20px !important;
		font-size:0.9rem !important;
		text-align:left;
		}
		.pa_award_box h4::before{
			display:none;
	}
	.pa_award_box h4 span{
		display:block;
		margin:0 0 7px;
		text-align:left;
		padding-right:0px;
		font-size:1.3rem;
	}
	.pa_award_box h4 div{
		display:block;
		padding:0 0 0 0px;
		border-left:none;
	}
}

/* h5 */
.pa_award_box h5{
	display:inline-block;
	position:relative;
	width:100%;
	max-width:100%;
	margin:25px auto 7px !important;
	padding:6px 10px !important;
	font-weight:bold;
	font-size:1.0rem !important;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	background:#DDD;
	border:none;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}
	.pa_award_box h5 *{
		font-family:inherit;
		font-style:inherit;
		font-weight:inherit;
	}
	.pa_award_box h5::before,
	.pa_award_box h5::after{
		display:none;
}

.pa_award_box p{
	font-size:0.84rem !important;
}

.pa_award_box .shutten{
	position:relative;
	margin:20px 0 0 0;
	padding-top:7px;
	border-top:2px solid #777;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	.pa_award_box p{
		font-size:0.77rem !important;
	}
}


/*paab_pickup*/
.paab_pickup{
	position:relative;
	margin:0 0 -10px;
}

/*paab_photo*/
.paab_photo{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	.paab_photo_figure{
		width:480px;
		padding-top:25px;
		user-select:none;
	}
	.paab_photo_figure a{
		display:block;
		padding:10px 15px;
		background:#FFF;
	}
	#colorbox *{
		pointer-events:none;
	}
	.paab_photo_contents{
		width:calc(100% - 500px);
	}

/* photo */
.paab_pickup p.photo_attention{
	margin:5px 0 0px;
	font-weight:bold;
	font-size:0.77rem !important;
	}
	.paab_pickup p.photo_attention b{
		color:#D00;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	.paab_pickup{
		margin:0px;
	}
	.paab_photo_figure{
		width:100%;
		padding-top:15px;
		}
		.paab_photo_contents{
			width:100%;
	}
	.paab_pickup p.photo_attention{
		font-size:0.70rem !important;
		}
		.paab_pickup p.photo_attention b{
			display:block;
	}
}

/* ----------------------------------------------------------------------
   pa_award_01
---------------------------------------------------------------------- */

.pa_award_01 h4{
	background:#CF9B2B;
}
.pa_award_01 h5{
	background:#ECE2D0;
	border-top:1px solid #CF9B2B;
	border-bottom:1px solid #CF9B2B;
}
.pa_award_01 .shutten{
	border-top:2px solid #CF9B2B;
}

/* ----------------------------------------------------------------------
   pa_award_02
---------------------------------------------------------------------- */

.pa_award_02 h4{
	background:#6E899F;
}
.pa_award_02 h5{
	background:#C9D3DF;
	border-top:1px solid #6E899F;
	border-bottom:1px solid #6E899F;
}
.pa_award_02 .shutten{
	border-top:2px solid #6E899F;
}

/* ----------------------------------------------------------------------
   pa_award_03
---------------------------------------------------------------------- */

.pa_award_03 h4{
	background:#A47966;
}
.pa_award_03 h5{
	background:#DFCFC8;
	border-top:1px solid #A47966;
	border-bottom:1px solid #A47966;
}
.pa_award_04 .shutten{
	border-top:2px solid #A47966;
}

/* ----------------------------------------------------------------------
   pa_award_00
---------------------------------------------------------------------- */

.pa_award_00 h4{
	background:#777;
}
.pa_award_00 h5{
	background:#DDD;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
}
.pa_award_00 .shutten{
	border-top:2px solid #777;
}


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


