@charset "utf-8";

/* ================================================================ */
/* ナルスタグラム                                                   */
/* ================================================================ */
.narustagram-box{
	background:#F0F0E6;
}


.contest-box{
	padding:8px;
	font-size:16px;
	color:#333;
}
.contest-box h2{
	background:#FFD710;
	color:#1D2A35;
	border-radius:3px 3px 0 0;
	text-align:center;
	font-size:16px;
	border-bottom:solid 2px #DFB700;
	padding:8px;
}
.contest-box .contest-inner{
	padding:10px 20px;
	background:#fff;
	border-radius: 0 0 3px 3px;
}



/* ================================================================ */
/* 応募                                                             */
/* ================================================================ */
.step-box  {

}
.step-box > ul {

}
.step-box > ul li{
	float:left;
	width:48%;
	background:#D3F0F4;
	font-size:15px;
	padding:8px;
	border-radius:5px;
	margin:5px;
}
.step-box > ul li strong.step{
	background:#4BC3D2;
	color:#fff;
	display:inline-block;
	padding:2px 10px;
	margin-bottom:5px;
	margin-top:5px;
	border-radius:5px;
}

.step-box > ul li .step-img{
	float:left;
	margin-right:8px;
}

.entry-btn-box{
	text-align:center;
	padding:15px 0;
}

.f-btn,
.h-btn{
	display:inline-block;
	padding:15px;
	border-radius:3px;
	color:#fff;
	font-weight:bold;
	border:solid 1px #4BC3D2;
	background:#4BC3D2;
}
.f-btn:hover,
.h-btn:hover{
	background:#fff;
	color:#4BC3D2;
}




/* ================================================================ */
/* 写真                                                             */
/* ================================================================ */
#gallery-box{
	padding-top:10px;
	padding-bottom:10px;
}
.photo-list{
  text-align: center;

}

.photo-list li{
	display: inline-block;
	width:155px;
	margin:5px;
}
.photo-list li img{
	width:100%;
}


/* ================================================================ */
/* テキスト                                                         */
/* ================================================================ */
.tag{
	color:#E34279;
	font-weight:bold;
}
.sp{ }
.sp1{ margin-right:1em; }
.sp2{ margin-right:2em; }
.sp3{ margin-right:3em; }
.sp4{ margin-right:4em; }
.sp5{ margin-right:5em; }
.sp6{ margin-right:6em; }
.sp7{ margin-right:7em; }
.sp8{ margin-right:8em; }
.sp9{ margin-right:9em; }

/* ================================================================ */
/* 部門                                                             */
/* ================================================================ */
.photo-con,
.movie-con{
	display:inline-block;
	background:#eee;
	border-radius:3px;
	padding:8px 10px;
	line-height:1;
	color:#fff;
	margin-bottom:3px;
}
.photo-con{
	background:#0071BC;
}
.movie-con{
	background:#F43775;
}



/* ================================================================ */
/* 概要                                                             */
/* ================================================================ */
.about-line {
	padding:3px;
	background:#fff;
	/* border:solid 3px #ccc; */
	border-radius:3px;
	margin-top:12px;
	margin-bottom:0px;

}
.about-table{
	width:100%;
	border-collapse:separate;
	border-spacing:2px 5px;
}
.about-table th,
.about-table td{
	padding:10px;
	border-radius:3px;
}

.about-table th{
	width : 100px;
	background:#FFD710;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
.about-table td{
	background:#ffffee;

}


/* ================================================================ */
/* 概要                                                             */
/* ================================================================ */
.photo-con-box,
.movie-con-box{
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
}
.photo-con-box{
	background:#CFF0FF;
}
.movie-con-box{
	background:#FFE2EC;
}

ul.rule-list{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
}
ul.rule-list li{
	list-style-type: square;
	color:#222;
	font-size:14px;
}




ul.bosyu-list{
	margin-left:16px;
	margin-top:10px;
	margin-bottom:16px;
}
ul.bosyu-list li{
	list-style-type: circle;
	color:#222;
	font-size:14px;
}
ul.bosyu-list li strong{
	color:#E34251;
	font-size:1.2em;
}




.kiyaku-box{
	font-size:13px;

}
.kiyaku-box h3{
	color:#1D2A35;
	background:#ddd;

	border-radius:3px;
	font-weight:bold;
	font-size:15px;
	padding:5px 10px;
}
.kiyaku-box ul{
	margin-left:26px;
	margin-top:10px;
	margin-bottom:16px;
}
.kiyaku-box ul li{
	list-style-type: square;
	color:#222;
}


/* ================================================================ */
/* 受賞                                                             */
/* ================================================================ */
.photo-box{
	border:solid 10px #fff;
	box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
	border-radius:5px;
}
.photo-box-1{
	width:350px;
}
.photo-box-2{
	width:280px;
}
.photo-box-3{
	width:280px;
}

 
.no-1,
.no-2,
.no-3{
	background:#ffffee;
	padding:10px;
	text-align:center;
}
.no-1 > .title,
.no-2 > .title,
.no-3 > .title{
	font-size:22px;
	color:#DFB700;
	border-bottom:dotted 2px #DFB700;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}
.no-1  .name,
.no-2  .name,
.no-3  .name{
	text-align:center;
	margin-top:5px;
}
.no-1  .name a,
.no-2  .name a,
.no-3  .name a{
	font-weight:bold;
}

.no-1  .comment,
.no-2  .comment,
.no-3  .comment{
	text-align:left;
	background:#fff;
	padding:10px;
	border-radius:5px;
	box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.8);
	margin:10px;
}

.no-2{
	margin-top:10px;
	background:#ffeeff;
}
.no-2 > .title{
	color:#880000;
	border-bottom:dotted 2px #880000;

}
.no-3{
	margin-top:10px;
	background:#eeffff;
}
.no-3 > .title{
	color:#000088;
	border-bottom:dotted 2px #000088;

}


.no-list{
	text-align: center;

}
.no-list li{
	display: inline-block;
	padding:0 8px;
}


/* ================================================================ */
/* 投稿写真                                                             */
/* ================================================================ */
#panel img {
	max-width: 100%;
	margin-bottom: 10px;
}


/* ================================================================================================ */
/* レスポンシブ対応                                                                                 */
/* ================================================================================================ */
@media screen and (max-width: 980px) {



}

@media screen and (max-width: 720px) {


	.step-box > ul li{
		width:100%;
		margin:0 0 10px 0;
	}


	.f-btn,
	.h-btn{
		margin-bottom:10px;
		width:100%;
	}


}

@media screen and (max-width: 500px) {


	.sp{ display:block; }
	.sp1,
	.sp2,
	.sp3,
	.sp4,
	.sp5,
	.sp6,
	.sp7,
	.sp8,
	.sp9{
		margin-right:0em;
	}

	.about-table tr,
	.about-table th,
	.about-table td{
		display: block;
		width:100%;
	}

	#gallery-box{

	}

	.photo-list li{
		width:45%;
		margin:5px;
	}


	.photo-box-1,
	.photo-box-2,
	.photo-box-3{
		width:100%;
	}



}