@charset "UTF-8";
/* CSS Document */

.pickup_banner{
	width:100%;
	margin:0 auto;
	max-width: 960px;
	
	box-sizing: border-box;
	padding:10px;
}

.pickup_banner ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}
	
.pickup_banner ul li{
	width:100%;
	margin-bottom:10px;
}
	
.pickup_banner ul li:last-child{
	margin-bottom:0;
}
	
.pickup_banner ul li a{
	display:block;
	
	transition:0.25s;
}
	
.pickup_banner ul li a:hover{
	opacity: 0.5;
}
	
.pickup_banner ul li img{
	width:100%;
	vertical-align: bottom;
}
	
@media only screen and (min-width: 720px){
	
	.pickup_banner{
		padding:20px;
	}
	
	.pickup_banner ul li{
		width:50%;
		margin-bottom:0;
	}
	
	.pickup_banner ul li:nth-child(odd){
		box-sizing: border-box;
		padding-right:20px;
	}
	
	.pickup_banner ul li:nth-child(even){
		box-sizing: border-box;
		padding-left:10px;
		padding-right:10px;
	}
		
}

.layer_board_bg,.layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
	background: #fff;
	text-align: center;
	z-index: 2000;
	
	box-sizing: border-box;
	padding: 20px
}
	
.layer_board div.inner{
	width:200px;
	/*box-sizing: border-box;*/
	/*padding:10px;*/
	background-color:#fff;
}
	
.layer_board p.btn-close {
	text-align: center;
	margin-top:20px;
}

.layer_board p.btn-close a{
	display: block;
	
	width:120px;
	margin:0 auto;
	
	font-size:1.0rem;
	line-height:40px;
	font-weight:bold;
	
	background-color:#f80;
	color:#fff;
	
	transition:0.25s;
}

.layer_board p.btn-close a:hover{
	opacity: 0.5;
	text-decoration: none;
}

.layer_board ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}
	
.layer_board ul li{
	width:100%;
	margin-bottom:10px;
}

.layer_board ul li:last-child{
	margin-bottom:0;
}

.layer_board ul li a{
	display:block;
	transition:0.25s;
}
	
.layer_board ul li a:hover{
	opacity: 0.5;
}
	
.layer_board ul li img{
	width:100%;
	vertical-align: bottom;
}
	
@media only screen and (min-width: 720px){
	
	.layer_board{
		padding:30px;
	}
	
	.layer_board div.inner{
		width:100%;
		
		box-sizing: border-box;
		padding: 15px;
	}
		
	.layer_board ul li{
		width:50%;
		margin-bottom:0;
	}
	
	.layer_board ul li:nth-child(odd){
		box-sizing: border-box;
		padding-right:10px;
	}
		
	.layer_board ul li:nth-child(even){
		box-sizing: border-box;
		padding-left:10px;
	}
}