@charset "UTF-8";

.local-nav{

	border: 0;

}

/******************************************************

 ローカルナビゲーション

*******************************************************/

.hd-enjoy{

	width: 100%;

	height: 50px;

	border-top: 1px solid white;

	border-bottom: 1px solid white;

}

.hd-enjoy nav{

	max-width: 1000px;

	margin: 0 auto;

}

.hd-enjoy li{

	float: left;

	width: 33.3%;

	text-align: center;

}

.hd-enjoy a{

	color: white;

	line-height: 50px;

	text-align: center;

}

.hd-enjoy a:hover{

	border-bottom: 2px solid white;

}

.scratch,.bobo,.quiz{

	display: none;

}

.now{

    display: block;

}

.now-list{

	border-bottom: 2px solid white;

}



/******************************************************

 金運アップ？？部分

*******************************************************/

.con-enjoy{

	padding: 20px 0;

	border-bottom: 1px solid #ffffff;

}

.contents div{

	margin: 20px 0;

}

.title h2{

	padding: 10px 2%;

	font-size: 20px;

	color: #8c8cf8;

}

.contents-scratch p{

	width: 50%;

	float: left;

	padding: 20px 2% 0 2%;

}

.scratch-img{

	float: left;

	width: 50%;

}

.contents-scratch img{

	width: 100%;

	max-width: 700px;

	margin: 0 auto;

	float: none;

}

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

	.contents-scratch p{

		width: 100%;

		padding: 10px 2%;

	}	

	.scratch-img{

		float: none;

		width: 100%;

	}

}

/*******************************************************

　ぼぼこれ

*******************************************************/

.bobo{

	margin: 0 auto;

}

.bobo01{

	margin-top: 50px;

	width: 100%;

}

.bobo01 p{

	width: 48%;

	float: left;

	padding: 0 1%;

	margin: 0 5%;

}

.bobo01 img{

	width: 50%;

	max-width: 600px;

}

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

	.bobo01 p{

		float: none;

		width: 100%;

	}

	.bobo01 img{

		width: 100%;

	}

	.bobo03 img{

		float: none;

		width: 100%;

	}

}

.contents-enjoy p{

	margin: 20px 0;

}

.bobo03 img{

	float: left;

	width: 50%;

	margin-bottom: 50px;

}

/*******************************************************

　クイズ

*******************************************************/

.quiz{

	text-align: center;

	padding: 0 30px;

}

.quiz img{

	margin: 0 0 0 -100px;

	position: absolute;

}

.quiz li{

	margin: 0px 0;

	padding: 10px 0;

}

.quiz h4{

	font-size: 20px;

	padding: 5px;

}

.quiz .ans{

	margin-top: 20px;

}

.quiz a{

	float: left;

	width: 24.5%;

	padding: 20px 0;

	border: 1px solid white;

}

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

	.quiz a{

		width: 100%;

	}

}

.quiz a:hover{

	background-color: #9a9a9a;

	transition: background-color .3s ease;

}