@charset "utf-8";

div.locked_wrap{
	background:#f0f0f0!important;
	padding:30px!important;
	margin-top:20px!important;
}
div.locked_wrap p.title{
	font-size:160%!important;
	font-weight:bold!important;
	color:#003b8f!important;
	line-height:125%!important;
}
div.locked_wrap p.text{
	margin-top:15px!important;
	line-height:125%!important;
	margin-bottom:20px!important;
}
div.locked_wrap ul.locked_inner li span{
	display:block!important;
	text-align:center!important;
}
div.locked_wrap ul.locked_inner li span.type{
	margin-bottom:5px!important;
}
div.locked_wrap ul.locked_inner li span.btn a{
	display:inline-block!important;
	-webkit-border-radius:3px!important;
	-moz-border-radius:3px!important;
	border-radius:3px!important;
	width:100%!important;
	padding:12px 0!important;
	color:#ffffff!important;
	text-decoration:none!important;
	line-height:100%!important;
}
div.locked_wrap ul.locked_inner li.member span.btn a{
	background:#ee7390!important;
	margin-bottom:20px!important;
}
div.locked_wrap ul.locked_inner li.no-member span.btn a{
	background:#20953d!important;
}


/* ランドスケープ（iPhone SE）
-------------------------------------------------- */
@media print, screen and (min-width:568px){

	div.locked_wrap p.text{
		margin-bottom:30px!important;
	}
	div.locked_wrap ul.locked_inner{
		display:table!important;
		width:100%!important;
		table-layout:fixed!important;
	}
	div.locked_wrap ul.locked_inner li{
		display:table-cell!important;
		padding:0 10px!important;
	}
	div.locked_wrap ul.locked_inner li.member span.btn a{
		margin-bottom:0!important;
	}
}


/* タブレット
-------------------------------------------------- */
@media print, screen and (min-width:768px){
	div.locked_wrap p.title,
	div.locked_wrap p.text{
		text-align:center!important;
	}
	div.locked_wrap ul.locked_inner{
		max-width:500px!important;
		margin-left:auto!important;
		margin-right:auto!important;
	}
	div.locked_wrap ul.locked_inner li span.btn a{
		padding:15px 0!important;
	}
}


/* PC
-------------------------------------------------- */
@media print, screen and (min-width: 960px) {
	div.locked_wrap{
		padding:50px 30px 60px 30px!important;
	}
}