@charset "UTF-8";
.bg-yellow{
	background-color:#61025b;
	padding-top:64px;
}
@media(max-width:640px){
	.bg-yellow{
		padding-top:48px;
	}
}

.bg-white{
	background-color:#fff;
}
.wrapper{
	background-color:#fff;
}
.content{
	width: 960px;
	margin:0 auto;
	padding:0;
}
@media(max-width:961px){
	.content{
		width:auto;
	}
}

.left-box{
	width:50%;
	float:left;
}
.right-box{
	width:50%;
	float:right;
}
@media(max-width:640px){
	.left-box,
	.right-box{
		width:100%;
		float:none;
	}
}

.left-box .logo{
	padding:20px 0;
}
.left-box .logo .inner{
	display:block;
	width:300px;
	height:120px;
	background-size:300px 120px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin:0 auto;
}
@media(max-width:640px){
	.left-box .logo{
		padding:10px 0;
	}
	.left-box .logo .inner{
		width:150px;
		height:60px;
		background-size:150px 60px;
	}
}
.left-box p{
	padding:0 10px;
	margin-bottom:1em;
}
@media(max-width:768px){
	.left-box p{
		font-size:14px;
	}
}
@media(max-width:640px){
	.left-box p{
		font-size:12px;
	}
}

.right-box img{
	display:block;
	margin:0 auto;
}


.age-check{
	padding:20px 0 40px;
	width:300px;
	margin:0 auto;
	white-space:nowrap;
}
.age-check dt{
	font-size:24px;
	text-align:center;
	
}
.age-check dd{
	width:50%;
	float:left;
	text-align:center;
	padding:20px 0;
}
.age-check dd a{
	font-size:24px;
	display:block;
	border-radius:5px;
	margin:0 10px;
	padding:5px 0;
}

.age-check dd.yes{
}
.age-check dd.no{
}
.age-check dd.yes a{
	background-color:#a00;
	color:#fff;
	box-shadow:0 10px 10px #c33 inset;
	border:solid 1px #c00;
}
.age-check dd.no a{
	background-color:#eee;
	color:#aaa;
	box-shadow:0 10px 10px #fafafa inset;
	border:solid 1px #ccc;
}