@charset "utf-8";

/* ヘッダー */
header{
	position: fixed;
	margin: 0 ;
	top:0;
	left: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 50px;
	background-color: #002D68;
	z-index: 500;
}
header  a{background-color: #002D68;display: block;height: 75px;width: 115px;border-radius: 100%;transform: translateX(-10px);}
header img{
	position: absolute;
	top: 8px;
	left: 15px;
	height: 60px;
	width: auto;
}

/* 遊び方 */
#howto{
	position: relative;
	margin:0 auto 40px auto;
	padding: 80px 0 40px 0;
	background-image: url("../img/bg_ticket.png"), url("../img/bg_ticket.png");
	background-repeat: no-repeat, no-repeat;
	background-position: calc(100% + 20px) -20px, calc(100% + 20px) 100%;
	background-size: 60% auto, 60% auto;
}
#howto ul{
	position: relative;
	margin: 0 auto;
}
#howto ul li{
	position: relative;
	margin: 20px auto 0 auto;
}
#howto ul li .howtoImg{
	position: relative;
	margin: 0 0 0 auto;
	width: calc(100% - 20px);
}
#howto ul li:nth-child(even) .howtoImg{
	margin: 0 auto 0 0;
}
#howto ul li .howtoTxt{
	position: relative;
	margin: 10px auto 20px auto;
	width: calc(100% - 80px);
	font-size: .15rem;
}
#howto .attention{
	position: relative;
	margin: 30px auto 0 auto;
	width: calc(100% - 40px);
}
#howto .attention ul{
	position: relative;
	margin: 30px auto 0 auto;
}
#howto .attention ul li{
	position: relative;
	margin: 10px auto 0 auto;
	padding-left: 1.2em;
}
#howto .attention ul li::before{
	position: absolute;
	content: '※';
	left: 0;
}
#howto .attention ul li.strong{
	color: #C30003;
	font-size: .15rem;
}




/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	/* ヘッダー */
	header{height:50px;}
	header  a{height: 95px;width: 155px;}
	header img{
		left: 25px;
		height: 80px;
	}

	/* 遊び方 */
	#howto{
		padding: 120px 0 80px 0;
		background-position: calc(100% + 20px) -20px, calc(100% - 20px) 100%;
		background-size: 340px auto, 420px auto;
	}
	#howto ul{width: 960px;margin: 80px auto 0 auto;}
	#howto ul li{
		margin: -80px 0 0 0;
		width: 55%;
	}
	#howto ul li:nth-child(even){margin: -80px 0 0 auto;}
	#howto ul li .howtoTxt{
		margin: 10px auto 0 auto;
		font-size: .18rem;
		width: calc(100% - 120px);
	}
	#howto ul li:nth-child(even) .howtoTxt{margin:10px 0 0 140px;}

	#howto .attention{margin: 80px auto 0 auto;}
	#howto .attention ul{margin: 60px auto 0 auto;}
	#howto .attention ul li{
		margin: 15px auto 0 auto;
		width: 960px;
	}
	#howto .attention ul li.strong{font-size: .18rem;}

	
}