@charset "utf-8";
/* CSS Document */

#mainContents{
	padding: 3%;
	margin: 0 0 1.0em;
	background:url(../images/prize/poinco_background.jpg);
	}



#mainContents h2{
	width: 100%;
	height: 0;
	margin: 0;
	padding-top: 68%;
	background:url(../images/prize/poinco_main.png) no-repeat;
	background-size: contain;
	overflow: hidden;
	display: inline-block;
	background-position: top center;
	}



#mainContents p{color:#362e2b;}

#mainContents img{max-width:100%;}

:hover{
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	}



/*----------各記事設定----------*/


/*プライズ記事*/

.Prize_Article{
	margin:1.8em 0;
	overflow:hidden;
	clear:both;
	}
	
	.prize_info{
		width:45%;
		display:block;
		float:left;
		}
		
		.prize_info h3{
			margin:0 0 1em 0;
			padding:0;
			background:none;
			}
		
			.prize_info h3 + p{margin-left:1em;}
			
		
		p.LinkButton{
			margin-top:1.5em;
			margin-left:0.8em;
			padding:0.35em;
			color:#FFF !important;
			font-size:1.0em !important;
			line-height:1.6em !important;
			font-weight:bold;
			text-align:center;
			border:2px #FFF solid;
			
			border-radius: 20px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			-ms-border-radius: 20px;
			-o-border-radius: 20px;
			
			box-shadow: 0 0 5px 0 #777;
			-webkit-box-shadow: 0 0 5px 0 #777;
			-moz-box-shadow: 0 0 5px 0 #777;
			-ms-box-shadow:  0 0 5px 0 #777;
			-o-box-shadow:  0 0 5px 0 #777;
			}
			
			.Prize_Article p.LinkButton{background:#e60012;}
			.Campaign_Article p.LinkButton{background:#49c1f0;}
			.Chara_Article p.LinkButton{background:#e60012;}

			.Prize_Article p.LinkButton:hover{background:#FFF; color:#e60012 !important; border:2px #e60012 solid;}
			.Campaign_Article p.LinkButton:hover{background:#FFF; color:#49c1f0 !important; border:2px #49c1f0 solid;}
			.Chara_Article p.LinkButton:hover{background:#FFF; color:#e60012 !important; border:2px #e60012 solid;}
		
		
		
	.prize_img{
		width:51%;
		display:block;
		float:right;
		}
		
		.prize_img p{display:none;}
		
		

/*キャンペーン記事*/

.Campaign_Article{
	margin-top:9em;
	padding:7% 2% 2%;
	background:rgba(255,255,255,0.7);

	border:4px solid #c3002c;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	
	position:relative;
	}
	
	
	.Campaign_Article h3{
		text-align:center;
		margin:auto;
		top:-120px;
		left:0;
		right:0;
		position:absolute;
		background:none;
		}
		
		.Campaign_Article h3 + p{text-align:center; margin-bottom:1.5em;}
		

	.Campaign_Article h4{
		margin-top:1.8em;
		margin-bottom:1.0em;
		padding:0.35em 0.65em;
		color:#e60012;
		border-left:8px solid #e60012;
		}
	

	
	
	.Campaign_Article li{list-style-type:decimal;}
	

	.Campaign_Article div{
		width:55%;
		display:inline-block;
		}

	.present_img{
		width:43%;
		margin-left:1%;
		display:inline-block;
		vertical-align:top;
		}
		
	
	span.tag{color:#00a0e9;}
	span.red{color:#e60012; font-size:0.9em;}
	


/*キャラクター紹介*/
.Chara_Article{
	margin-top:2.5em;
	padding:2%;
	background:rgba(255,255,255,0.7);

	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	}
	
	
	.Chara_Article h4{padding:0; margin-bottom:1.0em;}
	
	.Chara_Article p{
		font-size:0.9em;
		line-height:1.3em;
		margin-bottom:1.25em;
		}
	
	.Chara_Article div{width:55%; display:inline-block;}
	
	.chara_img{
		width:42.5%;
		margin-left:1%;
		display:inline-block;
		vertical-align:top;
		}


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

}



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

/*プライズ記事*/

	.prize_info{
		width:97%;
		display:block;
		float:none;
		}
		
		.prize_info p.LinkButton{display:none;}
		.prize_info h3 + p{margin-left:0.7em;}
			
		
	p.LinkButton{margin-left:0;}
		
	.prize_img{
		width:92%;
		margin-top:1.5em;
		margin-left:0.7em;
		float:none;
		}
		
		.prize_img p{display:block;}
		
		

/*キャンペーン記事*/

.Campaign_Article{
	margin-top:5em;
	padding:17% 0.75em 0.75em;
	}
	
	.Campaign_Article br{display:none;}
	
	
	.Campaign_Article h3{top:-60px;}
		
		.Campaign_Article h3 + p{text-align:left; margin-bottom:0.5em;}
		

	.Campaign_Article h4{
		margin-top:1.8em;
		margin-bottom:1.0em;
		padding:0.35em 0.65em;
		color:#e60012;
		border-left:8px solid #e60012;
		}
	
	.Campaign_Article strong{text-decoration:underline;}
	
	
	.Campaign_Article li{list-style-type:decimal;}
	

	.Campaign_Article div{
		width:100%;
		display:block;
		}

	.present_img{
		width:100%;
		margin-top:1.5em;
		margin-left:0;
		display:block;
		}
		
	
/*キャラクター紹介*/
.Chara_Article{padding:0.75em;}
	
	.Chara_Article div{width:100%; display:block;}
	
	.chara_img{
		width:100%;
		margin-left:0;
		display:block;
		vertical-align:top;
		}

}