@charset "utf-8";

#topArea{height:55vw;overflow-y:hidden;}
section#result{max-width:682px;padding:0 0 125px;border-radius:25px;margin:0 auto 25px;}
#result h2{transform:none;margin:50px auto;}
#result h3{text-align:center;}
#result .prize1wrapper{display:flex;align-items:center;background:#fff;border-radius:25px;padding:60px 30px 20px;position:relative;top:-60px;background:linear-gradient(135deg, rgb(196 140 43) 0%, rgb(253 205 100) 0%, rgb(203 148 47) 39%, rgb(198 142 43) 54%, rgb(253 205 100) 74%, rgb(193 136 40) 100%);}
#result .prize1wrapper:before{content:"";display:block;width:calc(100% - 4px);height:calc(100% - 4px);z-index:1;border-radius:24px;position:absolute;top:2px;left:2px;background:#fff;}
#result .prize1wrapper .photo{width:50%;margin-right:3%;position:relative;z-index:9;}
#result .prize1wrapper .text{width:47%;position:relative;z-index:9;}
#result .prize1wrapper .text p .name{display:block;margin:0 auto 0.5em;text-align:center;font-weight:bold;color:#ddaa43;}
#result .prize1wrapper .text p .staff{display:block;margin:0 auto 0.5em;font-size:80%;color:#333;}
#result .prize1wrapper .text p .comment{color:#333;font-size:80%;display:block;text-align:justify;margin-bottom:1.5em;margin-bottom:2em;}
#result ul.result{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;border-radius:25px;padding:60px 30px;position:relative;top:-60px;background:linear-gradient(135deg, rgb(196 140 43) 0%, rgb(253 205 100) 0%, rgb(203 148 47) 39%, rgb(198 142 43) 54%, rgb(253 205 100) 74%, rgb(193 136 40) 100%);}
#result ul.result:before{content:"";display:block;width:calc(100% - 4px);height:calc(100% - 4px);z-index:1;border-radius:24px;position:absolute;top:2px;left:2px;background:#fff;}
#result ul.result > li{width:30%;position:relative;z-index:1;margin-bottom:1.5em;}
#result ul.result p.name{text-align:center;color:#ddaa43;font-weight:bold;margin:1em auto 0.5em;font-size:85%;}
#result video{max-width:100%;position:relative;}
#result .slideVideo{position:relative;/*cursor:pointer;*/}
#result .slideVideo a:before{content:"";width:48px;height:48px;display:block;background:url(../img/result/btn_play.png) no-repeat;background-size:cover;background-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:5;}
/*#result .slideVideo.play:before{opacity:0;}*/
#result h5{width:72%;margin:3em auto 1em;position:relative;z-index:2;}
#result h5#prize1ttl{width:90%;}
#result .bgw{background:#fff;border-radius:25px;text-align:center;padding:60px 30px 50px;position:relative;top:-60px;}
#result .bgw p{font-size:20px;}
#result .slick-dots{bottom:-30px;}
#result .slick-dots li{margin:0 6px;}
#result .slick-dots li button:before{background-color:#A9F2D0;color:#A9F2D0;opacity:0.75;border:0;width:14px;height:14px;}
#result .slick-dots li.slick-active button:before{background-color:#16AD67;color:#16AD67;opacity:1;width:14px;height:14px;top:0;left:0;border:0;}
#result .slick-dots li.slick-active button:after{width:14px;height:14px;border:0;}
#result ul.result .slick-dots li button:before{width:12px;height:12px;}
#result ul.result .slick-dots li.slick-active button:before,
#result ul.result .slick-dots li.slick-active button:after{width:12px;height:12px;}
.remodal video{position:relative;width:100%;max-width:100%;max-height:calc(100vh - 140px);}
/*
.remodal:before{content:"";width:48px;height:48px;display:block;background:url(../img/result/btn_play.png) no-repeat;background-size:cover;background-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:5;}
*/

@media screen and (max-width:1500px) {/* ---------------------------------- */

}
@media screen and (max-width:1280px) {/* ---------------------------------- */
}
@media screen and (max-width:1200px) {/* ---------------------------------- */
}
@media screen and (max-width:1080px) {/* ---------------------------------- */
}
@media screen and (max-width:960px) {/* ---------------------------------- */
	#topArea{height:64vw;overflow-y:hidden;}
	#topArea > div{overflow:hidden;}
}
@media screen and (min-width:768px){
}
@media screen and (max-width:768px) {/* ---------------------------------- */
	section#topArea{height:initial;}
	#result h5{margin:1.5em auto 1em;}
	#result .prize1wrapper,
	#result ul.result,
	#result .bgw{flex-wrap:wrap;width:calc(94% - 50px);margin:0 auto;}
	#result .prize1wrapper,
	#result ul.result{padding:60px 25px;}
	#result .prize1wrapper .photo{width:100%;margin:0 auto 2.5em;}
	#result .prize1wrapper .text{width:100%;}
	#result ul.result > li{width:48%;}
	#result ul.result > li#od12{order:12;}
	#result ul.result > li#spod1{order:1;}
	#result ul.result > li#spod2{order:2;}
	#result ul.result > li#spod3{order:3;}
	#result ul.result > li#spod4{order:4;}
	#result ul.result > li#spod5{order:5;}
	#result ul.result > li#spod6{order:6;}
	#result ul.result > li#spod7{order:7;}
	#result ul.result > li#spod8{order:8;}
	#result ul.result > li#spod9{order:9;}
	#result ul.result > li#spod10{order:10;}
	#result ul.result > li#spod11{order:11;}
	#result ul.result > li#spod12{order:12;}
	#result .bgw p{font-size:16px;}
}
@media screen and (max-width:640px) {/* ---------------------------------- */
	section#result{padding:0 0 6vw;}
	#result h3{font-size:4.5vw;}
	#result ul.result p.name{font-size:3.65vw;}
}
@media screen and (max-width:540px) {/* ---------------------------------- */
	
}
@media screen and (max-width:480px) {/* ---------------------------------- */

}
@media screen and (max-width:374px) {/* ---------------------------------- */
	
}