@charset "Shift_JIS";
/* CSS Document */


/*----コンテストTOP-----------------------------------------------------*/

/* コンテストTOPタイトル */
h1.contestTopTitle{
	margin:16px auto 10px auto;
	width:100%;
	text-align: center;	
	}

@media screen and (max-width: 768px) {
h1.contestTopTitle {
	margin:6px auto 0px auto;
	width:100%;
	}
}
h1.contestTopTitle img {
	margin:0px auto;
	width:100%;
	}

#contestTop {
	width:100%;
	background:url(../images/bg_contest01.png) no-repeat left bottom;
	background-size: 100%;
	}
@media screen and (max-width: 768px) {
#contestTop {
	margin:0px auto 0px auto;
	width:96%;
	background-image:none;
	background: -moz-linear-gradient(#FFFFFF, #FFDCD7);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFDCD7)); 
	}
}



.contestTopLeft {
	margin:0px 0px 0px 30px;
	width:380px;
	float:left;
	}
.contestTopLeft img {
	width:100%;
	}
@media screen and (max-width: 768px) {
.contestTopLeft {
	margin:0px auto;
	width:96%;
	float:none;
	}
.contestTopLeft img {
	display:none;
	}
}


.contestTopLeft p.copyContest {
	font-size: 126%;
	line-height:160%;
	font-weight:bold;
	margin-bottom:10px;
	}
@media screen and (max-width: 768px) {
.contestTopLeft p.copyContest {
	margin:10px 0px 0px 0px;
	font-size: 116%;
	line-height:156%;
	}
}

.contestTopRight {
	margin:0px 14px 0px 0px;
	width:324px;
	float:right;
}
@media screen and (max-width: 768px) {
.contestTopRight {
	margin:0px auto 0px auto;
	width:94%;
	float:none;
	}
}
.contestTopRight img {
	margin:0px auto 0px auto;
	width:100%;
	}
@media screen and (max-width: 768px) {
.contestTopRight img {
	margin:3% auto 2% auto;
	width:100%;
	}
}

.txtRed {
	color:#FF3A39;
}

.contestTop02 {
	margin:3% auto 0px auto;
	width:100%;
	padding-bottom:3%;
	text-align:center;
	background:url(../images/bg_contest01.png) no-repeat left bottom;
	background-size: 100%;

	}
.contestTop02 img {
	width:92%;
	border: 6px solid #FFFFFF;
	box-sizing: border-box;

}
@media screen and (max-width: 768px) {
.contestTop02 {
	margin:0px auto 0px auto;
	padding-bottom:5%;
	width:100%;
	background:none;
	}
.contestTop02 img {
	width:96%;
	}
}


/*----募集要項-----------------------------------------------------*/
#bosyuYoko {
	margin:20px 0px 4% 0px;
	padding:14px;
	background:#FFE8E8;
	clear:both;
	font-size:100%;
	}
@media screen and (max-width: 768px)  {
#bosyuYoko {
	margin:4% 2% 4% 2%;
	padding:11px 11px;
	width: 96%;
	box-sizing:border-box;
	font-size:110%;
	}
}


#bosyuYoko h3 {
	margin:0px;
	padding:3px 0px 1px 0px;
	background:#FF8582;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	}
@media screen and (max-width: 768px)  {
#bosyuYoko h3 {
	margin:0px;
	padding:3px 0px 2px 0px;
	font-size:96%;
	}
}

#bosyuYoko #youko {
	margin:4px 0px 0px 0px;
	padding:0px;
	width:100%;
	}
@media screen and (max-width: 768px)  {
#bosyuYoko #youko {
	font-size:82%;
	line-height:140%;
	}
}

#bosyuYoko #youko th {
	margin:0px 0px 0px 0px;
	padding:8px 0px 4px 0px;
	width:24%;
	text-align:left;
	border-bottom:1px solid #A3A3A3;
	vertical-align: top;
	color: #E74B33;
	font-weight: bold;
	}

@media screen and (max-width: 768px)  {
#bosyuYoko #youko th {
	width:100%;
	display:block;
	font-weight:bold;
	box-sizing:border-box;
	}
}

#bosyuYoko #youko td {
	margin:0px 0px 0px 0px;
	padding:8px 0px 4px 0px;
	width:83%;
	text-align:left;
	border-bottom:1px solid #A3A3A3;
	}
@media screen and (max-width: 768px)  {
#bosyuYoko #youko td {
	width:100%;
	display:block;
	box-sizing:border-box;
	}
}


@media screen and (max-width: 768px)  {
#obo_forPc {
	display:none;
	}
}

#obo_forSp {
	display:none;
	}
@media screen and (max-width: 768px)  {
#obo_forSp {
	display:block;
	}
#obo_forSp img {
	margin:10px 0px 10px 0px;
	width:140px;
	}
}

#bosyuYoko table a {
	text-decoration: underline;
	}


#chuui {
	margin:16px 0px 1% 0px;
	padding:14px;
	background:#FFFFFF;
	font-size:100%;
	line-height:140%;
	text-align:left;
	}
@media screen and (max-width: 768px)  {
#chuui {
	margin:16px 2% 2% 2%;
	font-size:86%;
	}
}
#chuui h4 {
	margin:0px 0px 8px 0px;
	padding:4px 2% 2px 1.25%;
	color: #FFFFFF;
	font-weight:bold;
	font-size:96%;
	background:#8A8A7B;
	}
#chuui h5 {
	margin:0px 0px 3px 0px;
	padding:0px;
	color: #E74B33;
	font-size:100%;

}
#chuui p {
	margin:0px 0px 3% 0px;
	font-size:100%;
	line-height:140%;
	color: #000000;
}


/* css シェアボタン */
#snsShare{
	margin:2% 0px 2% 0px;
	float: right;
	text-align:right;
	position:relative;
	z-index:100;
	display:block;
	}
#snsShare p {
	margin:3px 6px 0px 0px;
	float:left;
	display:inline;
	font-weight:bold;
	color:#666666;
	}
.twLike {
	margin:0px 6px 0px 0px;
	float:left;
	display:inline;
	}
.fb-like {
	margin:0px 6px 0px 0px;
	float:left;
	display:inline;
	}


.close {
	font-size:16px;
	margin: 10px auto 20px auto;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	background-color: #666666;
	color: #FFFFFF;
	width: 20%;
	border:solid 1px #666666;
	border-radius: 1em;	
}
.close a {
	display:block;
	width: 100%;
	height:100%;
	color: #FFFFFF;
	text-decoration: none;
}




