@charset "UTF-8";

.sidebar_right {
	margin: 8px 0 16px 0;
}
	.sidebar_right .sub_title {
		/* border-top: 2px solid #aad962; */
		margin: 0 0 16px 0;
	}


/* sidebar_items
--------------------------------------------------------- */
.sidebar_items {
	padding: 0;
}
	.sidebar_items .item {
		margin-bottom: 4px;
		padding: 0;
	}
		.sidebar_items .item a {
			display: block;
			color: #31313F;
		}
		.sidebar_items .item a:hover {
			text-decoration: none;
			opacity: 0.7;
		}
			.sidebar_items .item .item_image {
				float: left;
				height: 80px;
				width: 80px;
				object-fit: cover;
				padding: 0;
				margin: 0 8px 8px 0;
			}
			.sidebar_items .item .item_title {
				padding: 4px 0 0 0;
				margin: 0 0 8px 0;
				font-size: 0.9em;
				line-height: 1.2em;
				font-weight: bold;
			}
				.sidebar_items .item .item_title .rank {
					display: block;
					margin: 0 8px 4px 0;
					font-size: 1.1em;
					font-weight: bold;
				}
			.sidebar_items .item .item_description {
				padding: 0;
				margin: 0 0 8px 0;
				font-size: 0.8em;
			}
				.sidebar_items .item .item_description p {
					padding: 0;
					margin: 0;
					background: none;
				}
			.sidebar_items .item .item_etc {
				padding: 0;
				margin: 0 0 8px 0;
				font-size: 0.9em;
			}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	#sidebar ul li {
		margin: 0;
		padding: 0 32px 16px 32px;
	}
		#sidebar ul li a {
			color: #31313F;
		}
#sidebar .sidebar-title {
	background: #F3F3F3;
	padding: 16px 32px;
	margin: 0 0 24px 0;
	font-size: 1em;
}

/* sidebar_banner_area
--------------------------------------------------------- */
.sidebar_banner_area {
	padding: 32px 16px;
}



/* レスポンシブ
----------------------------------------------- */
/* モバイル（xxs） iPhone6 Plus 縦 */
@media (max-width: 479px) {
	.sidebar_items {
		padding: 4px;
	}
		.sidebar_items .item {
			margin-bottom: 0;
			padding: 4px;
		}
}
/* モバイル（xs） iPhone6 Plus 横 */
@media (min-width: 480px) and (max-width: 767px) {
	.sidebar_items {
		padding: 4px;
	}
		.sidebar_items .item {
			margin-bottom: 0;
			padding: 4px;
		}
}
/* モバイル（sm）iPad mini 縦 */
@media (min-width: 768px) and (max-width: 991px) {
	.sidebar_items {
		padding: 4px;
	}
		.sidebar_items .item {
			margin-bottom: 0;
			padding: 4px;
		}
}
/* タブレット（md） iPad mini 横 */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* PC（lg） */
@media (min-width: 1200px) {
}