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

body{
	margin: 0;
	padding: 0;
	background: url("../images/prize/miku_birthday2019_bg.jpg");
	}

#primaryContainer{margin: 0; padding: 0;}
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;
	}

/*メインコンテンツ*/

main{
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	padding: 0;
	box-shadow: 0px 0px 10px 4px #f2c6d9;
	background: #fce8e7;
	}

h1{margin: 0; padding: 0;}

.mainContents{padding: 1.5em 1em 5%;}
.FlexBox{display: flex; flex-wrap: wrap;}
.block03 div{flex: 0 1 32%; margin: 0 0.5%;}

h2{
	margin: 0;
	padding: 0.75em;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
	}

	.Normal h2{background: #73c7c7;}
	.Shop h2{background: #0068b7;}
	.TOC h2{background: #e60012;}

	.Normal h2 + p{margin-bottom: 1em; border: solid 3px #73c7c7; border-top: none!important;}
	.Shop h2 + p{margin-bottom: 1em; border: solid 3px #0068b7; border-top: none!important;}
	.TOC h2 + p{margin-bottom: 1em; border: solid 3px #e60012; border-top: none!important;}

.LinkButton a{
	padding: 0.5em;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	border: solid 2px #FFF;
	border-radius: 20px;
	background: #6cd0d0;
	display: block;
	}

.LinkButton a:hover{
	border: solid 2px #6cd0d0;
	color: #6cd0d0;
	background: #FFF;
	}


/*footer*/
footer{
	color: #004986;
	padding: 3em 1em 2em;
	display: block;
	background: #FFF;
	}

	footer section{width: 100%; max-width: 1380px; margin: auto;}

	/*SNS*/
	.sns ul{margin:0 0 4em; padding:0; text-align:center;}
	
	.sns li{
		width:60px;
		height:60px;
		display:inline-block;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		margin-left: 1em;
		margin-right: 1em;
		text-align: center;
		list-style-type:none;
		}
		
		.fb{border: solid 2px #3b579d;}
		.tw{border: solid 2px #55acee;}
		.ln{border: solid 2px #00cc00;}

	.sns li:hover{background-color:rgba(255,255,255,0.8);}

	.sns img{padding-top: 20.5%;}


	/*タイトーリンク*/
	ul.taitoLink{
		margin-top:1.5em;
		padding: 0;
		}
	
	ul.taitoLink li{
		font-size: 1.0em;
		margin-right: 1.0em;
		display: inline-block;
		}
	
	ul.taitoLink a{color: #004986;}
	ul.taitoLink a:hover{color: #4b8bc1;}

	.copy{
		margin-top: 2em;
		padding: 2em 0 0;
		border-top: solid 1px #4778b2;
		text-align: center;
		}

@media only screen and (max-width: 800px) {.block03 div{flex: 0 1 48%; margin: 0 1% 2em;}}
@media only screen and (max-width: 480px) {.block03 div{flex: 0 1 96%; margin: 0 2% 2em;}}