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

/* layout
-------------------------------------------------- */

@media (min-width: 768px) {
/* PC用 */
	article { float:left; display:inline; width:745px; margin-bottom:80px;}	
	aside { float:right; display:inline; width:235px; margin-bottom:60px;}
}

@media (max-width: 767px) {
/* tablet用 */
}


/* slider
-------------------------------------------------- */
.mod-bxslider-01 {
	overflow: hidden;
}
.bx-viewport:before,
.bx-viewport:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	width: 200%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 1000;
}
.bx-wrapper .bx-viewport {
	overflow: visible !important;
	left: 0;
	border-width: 0;
	box-shadow: none;
}
.bx-viewport:before {
	right: 100%;
	left: -200%;
	width:200%;
}
.bx-viewport:after {
	left: 100%;
	right: -200%;
	width:200%;
}

.js-bx01 li { margin:0;}


@media (min-width: 768px) {
/* PC用 */
	
}

@media (max-width: 767px) {
/* tablet用 */
}


/* article
-------------------------------------------------- */
.news_area dl { padding-left:79px;}
	.news_area .news { background:url(/img/top/icn_news_news.png) left 3px no-repeat;}
	.news_area .info { background:url(/img/top/icn_news_info.png) left 3px no-repeat;}
	
.pickup_area {}
.pickup_area ul {}
.pickup_area li { position:relative; background:#d9d9d9;}
.pickup_area dl { display:table; box-sizing:border-box;}
.pickup_area dt { display:table-cell; vertical-align:top;}
.pickup_area dd { display:table-cell; box-sizing:border-box; padding:12px 12px; font-size:12px; line-height:1.3;}
	.pickup_area dd h2 { margin-bottom:0.5em; font-size:14px;}
	
.pickup_area p a { position:absolute; top:0; left:0; width:100%; height:100%;}
.pickup_area p a:hover { background:rgba(255,255,255,0.3); z-index:41; transition:all 0.3s;}

.twitter_window { border:1px solid #ccc;}
	
@media (min-width: 768px) {
/* PC用 */
	.news_area { padding-bottom:60px; line-height:1.75;}
	.news_area dt { float:left;}
	.news_area dd { margin-left:117px;}
	
	.pickup_area li { float:left; width:360px; height:125px; margin:0 25px 30px 0;}
		.pickup_area li:nth-child(even) { margin-right:0;}
	.pickup_area p a {}
}

@media (max-width: 767px) {
/* tablet用 */
	.news_area { margin-bottom:40px; line-height:1.5;}
	
	.pickup_area ul { padding-bottom:25px;}
	.pickup_area li { margin-bottom:15px;}
	.pickup_area dt { width:30%;}
	.pickup_area dt img { width:100% !important;}
}

/* aside
-------------------------------------------------- */
.banner_area p { margin-bottom:20px;}

@media (min-width: 768px) {
/* PC用 */
	.banner_area { margin-bottom:40px;}
}

@media (max-width: 767px) {
/* tablet用 */
	.banner_area { margin-bottom:30px;}
	.twitter_window { margin-bottom:40px;} 
}