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

#MR_wrap{
	width: 100%;
	background-color: #f7fbfd;
	}

#MR_wrap h2{
	height: 0;
	margin: 0;
	padding-top: 47.5%;
	overflow: hidden;
	display: block;
	vertical-align: top;
	background: url(../images/prize/magia_main.jpg) no-repeat top;
	background-size: contain;
	}

#MR_wrap img{max-width: 100%;}
#MR_wrap p{
	font-size: 1.2em;
	text-align: center;
	color: #ea68a2;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif,Georgia;
	}

#MR_wrap :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{display: flex; padding: 0 0.5em 1em; align-items: center;}
.prize_article div{margin: 0 0.5em 1em; flex: 0 1 50%;}

p.date{padding: 0.5em 0; border-bottom: double #ea68a2;}
p.item_title{padding: 0.5em 0 1em;}
.large{font-size: 1.3em;}


.strLink{
	color: #FFF!important;
	padding: 0.4em 0.5em;
	font-weight: bold;
	text-align: center;
	border: solid 1px #FFF;
	background: #00b7ee;
	
	border: solid 2px #FFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

	box-shadow: inset 0px 0px 15px 3px #FFF;
	-webkit-box-shadow: inset 0px 0px 15px 3px #FFF;
	-moz-box-shadow: inset 0px 0px 15px 3px #FFF;
	}

	.strLink:hover{
		box-shadow: inset 0px 0px 20px 5px #FFF;
		-webkit-box-shadow: inset 0px 0px 20px 5px #FFF;
		-moz-box-shadow: inset 0px 0px 20px 5px #FFF;
		}






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

.prize_article{display: block;}
.prize_article div{margin-bottom: 2em;}

}





@media only screen and (max-width: 480px) {
	
#MR_wrap p{font-size: 1em;}

}