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


.FlexBox{display: flex;}

img{max-width: 100%;}

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


#miku_Prize{
	padding: 1.5em;
	background-color: #FFF;
	background-image: url(../images/prize/miku10th_prize_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	}

#miku_Prize h2{
	width: 86%;
	height: 0;
	margin: 23% 7% 7%;
	padding-top: 8%;
	background: url(../images/prize/miku10th_prize_text.png) no-repeat;
	background-size: contain;
	overflow: hidden;
	display: inline-block;
	background-position: center;
	}

#miku_Prize section:last-child{margin-top: 2em;}
#miku_Prize div{margin: 0.5em; flex: 0 1 50%;}

.prize_item{
	margin: 0!important;
	padding: 1.5em 1.5em 1em;
	background-color: rgba(132,204,201,0.8);
	position: relative;
	}

	.date{
		width: 21%;
		top: -21px;
		left: 0;
		display: block;
		position: absolute;
		}

		.Long p.date{width: 10.5%;}


.prize_item h3{
	margin-top: 0.5em;
	padding: 0;
	line-height: 1.6em;
	background: none;
	text-shadow:0px 0px 5px #00b7ee,0px 0px 5px #00b7ee;
	text-align: center;
	}


.figure{
	padding: 1em;
	text-align: right;
	background-image:url(../images/prize/miku10th_prize_201803a.jpg);
	background-repeat: no-repeat;
	background-size: 52%;
	background-position: left bottom;
	background-color: #FFF;
	}

	.fb_img{width: 53%;}
	.notes{font-size: 0.9em; text-align: right;}


.storeButton{
	padding: 0!important;
	margin-top: 1em;
	text-align: center;
	background: rgba(204,153,204,0.8);
	border: solid 2px #FFF;
	box-shadow:0px 0px 7px 2px #d989cc inset;
	text-shadow:0px 0px 5px #d989cc,0px 0px 5px #d989cc,0px 0px 5px #d989cc;
	}

	.storeButton a{
		padding: 0.5em;
		color: #FFF;
		font-weight: bold;
		display: block;
		}

	.storeButton a:hover{box-shadow:0px 0px 16px 5px #d989cc inset;}



@media only screen and (max-width: 768px) {
	
.logo{width: 35%; display: block;}
	
#miku_Prize{background-size: 140%;}

#miku_Prize h2{
	width: 100%;
	margin: 35% 0% 12%;
	}

.FlexBox{display: block;}

#miku_Prize h3 br{display: none;}

#miku_Prize section:last-child{margin-top: 0;}
#miku_Prize div{margin: 0.5em 0em 3em;}

	
.figure{text-align: center;	background-image: none;}
.fb_img{width: auto;}

.Long p.date{width: 21%;}


}



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

#miku_Prize{background-size: 165%;}
	
#miku_Prize h2{
	width: 100%;
	height: 0;
	margin: 40% 0% 10%;
	padding-top: 25%;
	background: url(../images/prize/miku10th_prize_text_sp.png) no-repeat;
	background-size: contain;
	overflow: hidden;
	display: inline-block;
	background-position: center;
	}

.date{width: 25%; top: -18px;}
	.Long p.date{width: 25%;}

.figure{padding: 0.5em;}

}