@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	}
html{
	width:100%;
	height:100%;
	position:relative;
	overflow:auto;
	}

li{
	list-style:none;
	}

h1, h2, h3, h4{
	font-weight:normal;
	}
	
img{
	border:none;
	}

a{
	text-decoration:none;
	color:#000;
	}

a:hover{
	opacity:0.6;
	}
	
.small_10{
	font-size:10px;
	font-weight:normal;
	}
	
.small_11{
	font-size:11px;
	font-weight:normal;
	}

.pink{
	color:#F39;
	}
.letterspacing{
	letter-spacing:-1px;
	}	

.only_pc{
	display:none;
	}
	
body{
	width:100%;
	position:relative;
	background-color:#84e6ff;
	background-image: url(../images/bg.png),-webkit-gradient(
	linear,
	left top,
	left bottom,
	);
	background-image: url(../images/bg.png), -o-linear-gradient(bottom, rgb(253, 255, 236) 0%, rgb(132, 230, 255) 100%);
	background-image: url(../images/bg.png), -moz-linear-gradient(bottom, rgb(253, 255, 236) 0%, rgb(132, 230, 255) 100%);
	background-image: url(../images/bg.png), -webkit-linear-gradient(bottom, rgb(253, 255, 236) 0%, rgb(132, 230, 255) 100%);
	background-image: url(../images/bg.png), -ms-linear-gradient(bottom, rgb(253, 255, 236) 0%, rgb(132, 230, 255) 100%);
	background-image: url(../images/bg.png), linear-gradient(to bottom, rgb(253, 255, 236) 0%, rgb(132, 230, 255) 100%);
	background-repeat:repeat, no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#back-fc{
	position:fixed;
	top:8px;
	right:10px;
	}


/**ヘッダー**************************/		

header{
	max-width:640px;
	position:relative;
	margin:0 auto;
	}

header h1 img{
	width:100%;
	}

/**ラッパー**************************/	
#wrapper{
	max-width:640px;
	margin:0 auto;
	}


/**景品一覧**************************/	
#scratch{
	width:100%;
	margin:0 auto;
	}

#scratch h1 img {
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	}

#scratch ul li{
	float:left;
	margin-bottom:5%;
	}

#scratch ul{
	width:70%;
	margin-left:15%;
	margin-right:15%;
	}
	
/******スクラッチ1*******/
.scratch01{
	width:100%;
	background-image:url(../images/scratch01_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch01 img{
	width:100%;
	}
		
.scratch01 img:hover{
	opacity:0;
	/*
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	*/
	}
		
/******スクラッチ2*******/
.scratch02{
	width:100%;
	background-image:url(../images/scratch02_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch02 img{
	width:100%;
	}
		
.scratch02 img:hover{
	opacity:0;
	}
		

/******スクラッチ3*******/
.scratch03{
	width:100%;
	background-image:url(../images/scratch03_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch03 img{
	width:100%;
	}
		
.scratch03 img:hover{
	opacity:0;
	}
		

/******スクラッチ4*******/
.scratch04{
	width:100%;
	background-image:url(../images/scratch04_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch04 img{
	width:100%;
	}
		
.scratch04 img:hover{
	opacity:0;
	}

/******スクラッチ5*******/
.scratch05{
	width:100%;
	background-image:url(../images/scratch05_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch05 img{
	width:100%;
	}
		
.scratch05 img:hover{
	opacity:0;
	}

/******スクラッチ6*******/
.scratch06{
	width:100%;
	background-image:url(../images/scratch06_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch06 img{
	width:100%;
	}
		
.scratch06 img:hover{
	opacity:0;
	}

/******スクラッチ7*******/
.scratch07{
	width:100%;
	background-image:url(../images/scratch07_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch07 img{
	width:100%;
	}
		
.scratch07 img:hover{
	opacity:0;
	}

/******スクラッチ8*******/
.scratch08{
	width:100%;
	background-image:url(../images/scratch08_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch08 img{
	width:100%;
	}
		
.scratch08 img:hover{
	opacity:0;
	}

/******スクラッチ9*******/
.scratch09{
	width:100%;
	background-image:url(../images/scratch09_on.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	}

.scratch09 img{
	width:100%;

	}

/******イベント一覧*******/

#scratch div img{
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-bottom:-5px;
	}

#list{
	margin-bottom:30px;
	}
		
/**グッズ一覧**************************/	
#goods{
	width:100%;
	}

#goods h1 img, #goods p img {
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	}
	
#goods p img{
	margin-bottom:5%;
	}
	


/**フッター**************************/	
footer{
	clear:both;
	width:100%;
	height:10px;
	background:rgba(229,48,128,0.9);
	position:absolute;
	bottom:0;
	z-index:1000;
}