@charset "utf-8";

#pickup .title {
    border-bottom: 3px solid #050c8a;
    padding-bottom:3px;
}
#pickup .title h2 {
    /*font-size: 20px;*/
	font-size: 125.0%;
    font-weight: normal;
}

.bx-wrapper {
    position: relative;
	z-index: 1;
}
.bx-wrapper .bx-viewport {
	padding-bottom: 12px;
}
.big_area .bx-wrapper .bx-viewport {
	padding-bottom: 0;
}
.bx-wrapper .bx-controls {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	z-index: 100;
	text-align: center;
    position: relative;
}

.bx-wrapper .bx-pager {
	margin: auto;
	text-align: center;
	display: table;
	background-color: #fff;
    padding: 10px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: block;
	float: left;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width:6px;
	height:6px;
	margin: 0 6px;
	display:block;
	background:#000;
	cursor:pointer;
	text-indent:-9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#050c8a;
	width:12px;
	height:12px;
	}

.bx-wrapper .bx-prev {
	display: none;
}
.bx-wrapper .bx-next {
	display: none;
}


.bx-wrapper .bx-start {
	position: absolute;
	bottom: -2px;
	right: 0;
}
.bx-wrapper .bx-start {
	font-size: 76%;
	padding: 2px 0;
	width: 48px;
	text-align: center;
	background: #050c8a;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bx-wrapper .bx-start:hover {
	text-decoration: none;
}

.bx-wrapper .bx-start.active {
	display: none;
}


.bx-wrapper .bx-stop {
	position: absolute;
	bottom: -2px;
	right: 0;
}
.bx-wrapper .bx-stop {
	font-size: 76%;
	padding: 2px 0;
	width: 48px;
	text-align: center;
	background: #808080;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bx-wrapper .bx-stop:hover {
	text-decoration: none;
}
.bx-wrapper .bx-stop.active {
	display: none;
}


/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){

#pickup {
    margin:15px 0;
}
#pickup .title {
    border-bottom: 3px solid #050c8a;
    padding-bottom:3px;
    margin:0 15px;
}
	#pickup .attention_block {
		padding: 15px;
	}
	#pickup .attention_block h2 {
		background: #050c8a;
		color: #fff;
		font-size: 120%;
		font-weight: normal;
		padding: 5px 0;
		text-align: center;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	#pickup .attention_block .block {
		border: 1px solid #d3d3e8;
		border-top: none;
		padding: 15px 10px;
	}

	#pickup .attention_block ul {
		margin: 5px;
	}
	#pickup .attention_block ul li:before {
		content: "";
		background-image: url(../images/common/ico_arrow03.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 9px;
		left: 0;
		width: 20px;
		height: 20px;
		display: block;
	}
	#pickup .attention_block ul li {
		padding: 0 0 0 10px;
		font-size: 100%;
		line-height: 1.8em;
		position: relative;
	}
	#pickup .attention_block .information .pict {
		text-align: center;
		margin-bottom: 10px;
	}

	#pickup .feature {
		padding: 0 0 10px 15px;
	}
	#pickup .feature .main_block p {
		text-indent: -9999px;
		height: 0;
	}
	#pickup .feature .main_block {
		padding: 0 15px 0 0;
	}
	#pickup .feature .main_block a {
		display: block;
		width: 100%;
	}
	#pickup .feature .main_block a img {
		width: 100%;
	}

	#pickup .feature #slide_disp .slide p,
	ul.bxslider_big li.top_bn_area.bigbn p {
		text-indent: -9999px;
		height: 0;
	}
	#pickup .feature #slide_disp {
		margin: 0;
	}
	#pickup .feature #slide_disp .slide {
		width: 50%;
	}
	#pickup .feature #slide_disp .slide img {
		width: calc( 100% - 15px );
	}

	#pickup .feature ul li p {
		text-indent: -9999px;
		height: 0;
	}

	#pickup .feature .slide_body {
		margin-top: 15px;
		display: table;
	}

	#pickup .feature .slide_body li {
		float: left;
		width: 50%;
		margin-bottom: 15px;
		display: block;
	}

	#pickup .feature .slide_body li a {
		width: calc( 100% - 15px );
		display: block;
		z-index: 100;
	}

	#pickup .feature .slide_body li img {
		width: 100%;
	}

	#pickup .feature ul li:nth-of-type(n+1) {
		display: none;
	}

	.bx-wrapper {
		margin: 0 0 15px;
	}

	.bx-wrapper .bx-controls {
		width: calc( 100% - 30px );
		margin: 0 auto;
		margin-top: 20px;
		z-index: 100;
		text-align: center;
	}

}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#contents #pickup {
		position: relative;
	}
	#pickup .attention_block {
		width: 231px;
		height: 474px;
		position: absolute;
		top: 0;
		right: 0;
	}
	#pickup .attention_block h2 {
		text-indent: -9999px;
		display: block;
		background-image: url(../images/top/h_attention.png);
		width: 231px;
		height: 34px;
	}
	#pickup .attention_block .block {
		border: 1px solid #d3d3e8;
		border-top: none;
		display: block;
		width: 229px;
		height: 439px;
		overflow: auto;
	}

	#pickup .attention_block ul {
		margin: 5px 5px 0;
	}


	#pickup .attention_block ul li:before {
		content: "";
		background-image: url(../images/common/ico_arrow03.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 7px;
		left: 0;
		width: 20px;
		height: 20px;
		display: block;
	}
	#pickup .attention_block ul li {
		padding: 0 0 0 10px;
		line-height: 1.8em;
		position: relative;
		font-size: 78%;
		line-height: 1.8em;
	}

	#pickup .attention_block .information {
		padding: 15px 10px 5px;
	}
	#pickup .attention_block .month_week {
		padding: 0 10px 15px;
	}

	#pickup .attention_block .information .pict {
		text-align: center;
		margin-bottom: 10px;
	}

	#pickup .feature {
		margin-bottom: 15px;
	}
	#pickup .feature .main_block p {
		text-indent: -9999px;
		height: 0;
	}
	#pickup .feature .main_block a {
		display: block;
		width: 474px;
		height: 474px;
	}

	#pickup .feature #slide_disp {
		margin: 12px 0 15px;
	}
	#pickup .feature #slide_disp .slide {
		margin: 0 3px 0 0;
	}
	#pickup .feature #slide_disp .slide p,
	ul.bxslider_big li.top_bn_area.bigbn p {
		text-indent: -9999px;
		height: 0;
	}
	#pickup .feature #slide_disp .slide a {
		display: block;
		height: 231px;
		width: 231px;
	}
	#pickup .feature #slide_disp .slide a img {
		display: block;
		height: 231px;
		width: 231px;
	}

	#pickup .feature ul li p {
		text-indent: -9999px;
		height: 0;
	}
	#pickup .feature ul li a {
		display: block;
		width: 231px;
		height: 231px;
	}
	#pickup .feature ul li:nth-of-type(n) {
		display: none;
	}

}

