@charset 'UTF-8';

h1 { margin-bottom:40px; }
h2 { margin-top:20px; margin-bottom:40px; }

.section-prize{ margin-bottom:150px; }
.section-prize p.name{ font-size:24px; font-weight: bold; margin-top:40px; }
.section-prize p.name span{ display: block; font-weight: 500;}
.section-prize p.project-title { font-size:22px; font-style: italic; }
.section-prize p.copy-right{ font-size: 13px; margin-bottom: 20px; }


.section-prize .gallery { margin-top:40px; margin-bottom:0;}
.section-prize .gallery p.link-large {text-align: right; font-size: 14px;}
.section-prize .gallery p.link-large a {cursor: pointer;}
.section-prize .gallery ul { display:flex; flex-wrap: wrap; justify-content:space-between; margin-bottom: 0; }
.section-prize .gallery ul li { margin-bottom:10px; width:184px;}
.section-prize .gallery ul li img{ width:100%; max-width:184px;}
.section-text .div-archive{margin-bottom: 160px;text-align:center;}
.section-text .div-archive ul li{display: inline;}
.section-text .div-archive ul li a{color:#00844b;font-size:16px;}
#swipebox-top-bar #swipebox-title { padding:20px; }
#swipebox-overlay{ height: 100% !important; }
#swipebox-prev.disabled, #swipebox-next.disabled{
 display: none;
}

/* 2025.04.18 Update 
-----------------------------------------*/
.section-prize .gallery,
.section-prize .gallery ul {
	position: relative;
	z-index: 0;
}
.gallery-mask {
	margin: 80px auto;
}
.gallery-mask p {
	text-align: center;
 font-size: 140%;
}
.section-prize .gallery ul li a {pointer-events: none;}
/*-----------------------------------------*/

/* 2021.04.27 Update 
-----------------------------------------*/
#single .gallery img{
 display: block;
 width: 100%;
 height: auto;
}
.comments_video {
 width: 100%;
 margin: 0 auto 40px;
 aspect-ratio: auto;
}
.comments_video video {
 display: inline-block;
 width: 100%;
 height: auto;
 margin: 0 auto;
}
.comments_video .jury_name{
 text-align: center;
 font-size: 20px;
 margin-top: 10px;
}
/*-----------------------------------------
End 2021.04.27 Update */

/* 2025.04.15 Update
-----------------------------------------*/
div.profile-img {
 width: clamp(134px, 18%, 180px);
 height: auto;
 margin: 0 auto;
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 overflow: hidden;
}
div.profile-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.project-description {
	margin: 0 auto;
}
.jury_comments {
	margin-bottom: 30px;
 width: 31.8%;
 aspect-ratio: 9 / 16;
	cursor: pointer;
}
.slidebox .jury_comments {
	margin: 0 10px;
}
.jury_comments.soon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
 cursor: default;
}
.jury_comments.soon::before {
	content: "Coming Soon.";
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #fff;
}
.jury_comments img,
.jury_comments video {
	width: 100%;
	height: auto;
}
.jury_comments.disable {
	opacity: 0.5;
	pointer-events: none;
}
.mov_box {
	width: 90%;
 aspect-ratio: 9 / 16;
}
.mov_box video {
	width: 100%;
}
/*-----------------------------------------
End 2025.04.15 Update */


@media screen and (max-width: 764px) {
h1 { margin-bottom:30px; }
h2 { margin-top:10px; }
.section-prize p.name { font-size:20px; margin-top:20px; }
.section-prize p.project-title { font-size:20px; }
.section-prize p.copy-right{ font-size: 12px; margin-bottom: 20px; }
.section-prize { padding: 0 10px; margin-bottom:50px; }
.section-prize .gallery { margin-top:15px; margin-bottom:0px; }
.section-prize .gallery p.link-large{font-size: 13px;}
.section-prize .gallery ul li { width:calc( 50% - 5px ); }
.section-prize .gallery ul li img{ max-width:100%; }
	#winner_comments {padding: 0 25px;}
    
#swipebox-slider .slide img, 
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container{ max-width:100%; }
#swipebox-top-bar #swipebox-title { padding:10px; }
#swipebox-bottom-bar{ display: none !important; }
.comments_video {margin: 0 auto 20px;}
}