@charset "utf-8";
/* ===================================================================

 file name  :index.css
 style info :トップページ

=================================================================== */

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

	overwrite
	
--------------------------*/

#main-header{
	width:auto;
	/*margin:0 auto;
	padding:40px 0;
	position:relative;
	zoom:1;*/
}


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

#main img{
	width:100%;
	height:auto;
}
#main .p-btn{
	width:100%;
	margin:0 auto;
	text-align:center;
	background: #d6334e;
	background: -moz-linear-gradient(top,  #ee3957 0%, #ee3957 49%, #d6334e 50%, #d6334e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3957), color-stop(49%,#ee3957), color-stop(50%,#d6334e), color-stop(100%,#d6334e));
	background: -webkit-linear-gradient(top,  #ee3957 0%,#ee3957 49%,#d6334e 50%,#d6334e 100%);
	background: -o-linear-gradient(top,  #ee3957 0%,#ee3957 49%,#d6334e 50%,#d6334e 100%);
	background: -ms-linear-gradient(top,  #ee3957 0%,#ee3957 49%,#d6334e 50%,#d6334e 100%);
	background: linear-gradient(to bottom,  #ee3957 0%,#ee3957 49%,#d6334e 50%,#d6334e 100%);
	border-radius:6px;
	box-shadow:1px 1px 2px #999;
	text-shadow:1px 1px 2px #333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	letter-spacing:0.2em;
	line-height:1;
}
#main .p-btn a{
	display:block;
	padding:0.9em 0;
	background:url(../images/form/ico_triangle.png) no-repeat 4% 50%;
	background-size:11px 13px;
	font-size:242%;
	color:#fff;
	text-decoration:none;
}
#main .p-btn:hover a{
	filter: alpha( opacity=80 ); /* ie lt 8 */
	-ms-filter: "alpha( opacity=80 )"; /* ie 8 */
	opacity: 0.8;
}


/* lead */
#main .lead{
	margin:30px auto 3.8% auto;
}
#main .lead .mv{
	margin-bottom:3%;
}
#main .lead .notes{
	background:url(../images/photo-contest03/bg_hanabi.png) no-repeat 34% 0;
	line-height:2;
	position:relative;
	padding-bottom:30px;
	padding-top:10px;
}
#main .lead .notes .txt1{
	font-size:125%;
	margin-bottom:1.5em;
}
#main .lead .notes .txt2{
	font-size:150%;
	color:#ee3957;
	font-weight:bold;
}
#main .lead .notes .btn{
	width:46%;
	position:absolute;
	top:20px;
	right:0;
}
#main .lead figure{
}
#main .lead figure figcaption{
	font-size:92%;
	line-height:1.3;
	display:block;
	margin-top:0.5em;
}



#main .bnrs{
	overflow:hidden;
	height:auto;
	margin-left:-2%;
	margin-bottom:4.4%;
}
#main .bnrs li{
	width:48%;
	float:left;
	margin-left:2%;
}




/* outline */
#main .outline{
	margin-bottom:3.2%;
}
#main .outline h4{
	padding:4px 20px;
	background:#0072ff;
	font-size:150%;
	font-weight:normal;
	color:#fff;
}
#main .outline dl{
	margin-bottom:10px;
	border:1px solid #aeaeae;
	border-top:none;
	background:#f4f4f4;
}
#main .outline dl dt{
	float:left;
	clear:both;
	width:90px;
	padding:10px 20px;
	background:#f4f4f4;
	border-top:1px solid #aeaeae;
}
#main .outline dl dd{
	margin-left:130px;
	padding:10px 20px;
	background:#fff;
	border-top:1px solid #aeaeae;
}
#main .outline dl dd ul li{
	margin-left:1.4em;
	text-indent:-1.4em;
	line-height:1.6;
}

/* btn */
#main ul.entry-btn{
	margin-bottom:3.4%;
}
#main ul.entry-btn li:hover {
	filter: alpha( opacity=80 ); /* ie lt 8 */
	-ms-filter: "alpha( opacity=80 )"; /* ie 8 */
	opacity: 0.8;
}
#main ul.entry-btn li.p-btn{
	width:62.5%;
	float:left;
}
#main ul.entry-btn li.p-btn.right{
	width:35%;
	float:right;
	font-size:83%;
	line-height:1.6;
	background: #107a7e;
	background: -moz-linear-gradient(top,  #12888c 0%, #12888c 49%, #107a7e 50%, #107a7e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12888c), color-stop(49%,#12888c), color-stop(50%,#107a7e), color-stop(100%,#107a7e));
	background: -webkit-linear-gradient(top,  #12888c 0%,#12888c 49%,#107a7e 50%,#107a7e 100%);
	background: -o-linear-gradient(top,  #12888c 0%,#12888c 49%,#107a7e 50%,#107a7e 100%);
	background: -ms-linear-gradient(top,  #12888c 0%,#12888c 49%,#107a7e 50%,#107a7e 100%);
	background: linear-gradient(to bottom,  #12888c 0%,#12888c 49%,#107a7e 50%,#107a7e 100%);
	letter-spacing:0em;
}
#main ul.entry-btn li.p-btn.right a{
}
#main .p-btn a{
	background-position: 6% 50%;
	padding-left:4%;
}


/*#wrapper .pcHide{
	display:none;
}
#wrapper .spHide{
	display:block;
}
*/



/* ==========================================================================
   pcMax
   ========================================================================== */
@media only screen and (max-width: 960px) {
}

/* ==========================================================================
   900
   ========================================================================== */
@media only screen and (max-width: 900px) {
	

	/* btn */
	#main ul.entry-btn li.p-btn{
		width:56%;
		float:left;
	}
	#main ul.entry-btn li.p-btn.right{
		width:41%;
	}
	#main .p-btn a{
		background-position: 6% 50%;
	}


}

/* ==========================================================================
   tablet
   ========================================================================== */
@media only screen and (max-width: 768px) {

	/* btn */
	#main ul.entry-btn li.p-btn{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	#main ul.entry-btn li.p-btn.right{
		width:100%;
		float:none;
		letter-spacing:0.2em;
		padding-left:0;
	}
	#main .p-btn a{
		background-position: 4% 50%;
	}



		/* lead */
		#main .lead .notes .txt1{
			font-size:100%;
		}
		#main .lead .notes .txt2{
			font-size:134%;
		}
		#main .lead .notes .btn{
			top:10px;
		}



}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 599px){

	
	
	#main-header{
		padding-bottom:5px;
	}
	#main .p-btn a{
		padding:18px 0;
		font-size:150%;
		background:url(../images/form/ico_triangle.png) no-repeat 4% 50%;
		background-size:5px 6px;
	}



		/* lead */
	#main .lead{
		margin:10px auto 5% auto;
	}
	#main .lead .notes{
		background:url(../images/photo-contest03/bg_hanabi.png) no-repeat right 0;
		background-size:101px 102px;
		line-height:1.8;
		padding-bottom:0;
		padding-top:0;
	}
	#main .lead .notes .txt1{
		font-size:10px;
		margin-bottom:1em;
	}
	#main .lead .notes .txt2{
		font-size:12px;
		margin-bottom:1em;
	}
	#main .lead .notes .btn{
		width:100%;
		position:static;
		margin-bottom:4%;
	}
	#main .lead figure figcaption{
		font-size:9px;
	}



	#main .bnrs{
		overflow:auto;
		margin-left:0;
		margin-bottom:6%;
	}
	#main .bnrs li{
		width:100%;
		float:none;
		margin-left:0;
	}
	#main .bnrs li:first-child{
		margin-bottom:3%;
	}




	/* outline */
	#main .outline{
		margin-bottom:10px;
	}
	#main .outline h4{
		font-size:100%;
	}
	#main .outline dl{
		margin-bottom:10px;
		font-size:84%;
	}
	#main .outline dl dt{
		float:none;
		width:auto;
		padding:5px 20px;
		border-top:1px solid #c7c0b5;
		border-bottom:none;
	}
	#main .outline dl dd{
		margin-left:0;
		padding:5px 20px;
		border-top:none;
	}
	#main .outline dl dd ul li{
		margin-left:1.2em;
		text-indent:-1.2em;
		line-height:1.5;
	}
	

	/* btn */
	#main ul.entry-btn li:last-child a{
		padding:11px 0;
		font-size:109%;
	}


/*	#wrapper .pcHide{
		display:block;
	}
	#wrapper .spHide{
		display:none;
	}
*/
	
}