HTML

@charset "EUC-JP";


/*******************************************************************************************

general-item

 *******************************************************************************************/
	
.general-item {
	width: 780px;
	margin: 0 auto; 
}

.general-item_title {
	border-bottom: 1px #ccc solid;
	padding: 0 0.7% 8px;
	margin: 0 0 25px;
	line-height: 130%;
	font-size: 23px;
	font-weight: bold;
}
	
	.general-item_title span {
		border-left: 5px #bd0000 solid;
		display: block;
		padding: 2px 8px 1px 8px;
	}

.general-item ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.general-item ul {
	margin-bottom: 20px;
}

.general-item ul li {
	width: 185px;
	float: left;
	margin-right: 13px;
	margin-bottom: 13px;
	position: relative;
}

	.general-item ul li a img {
		width: 185px;
	}

	.general-item ul li .item-name {
		width: 185px;
		padding: 5px 3px 0 5px;
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		color: #006CFF;
	}

	.general-item ul li .item-overview {
		width: 185px;
		padding: 2px 3px 0 5px;
		font-size: 11px;
		line-height: 16px;
	}

.general-item ul li:nth-child(4n) {
	margin-right: 0px !important;
}



/*******************************************************************************************

rnk osusu

 *******************************************************************************************/
	
html,body {
	height: 100%;
	min-height: 100%;
	/*background: none !important;*/
}

#item_top {
	width: 780px; margin: 0 auto; 
}

.item-cate_nav {
	margin: 7px 0 24px;
}

.item-cate_nav:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

	.item-cate_nav li {
		float: left;
	}
	
	.item-cate_nav li:nth-child(2) {
		margin: 0 8px 0 7px;
	}


/* item list
-------------------------------------------------------*/


.rnk-sh {
	display: inline;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 15px;
	color: #bd0000;
	background: none;
	border: #bd0000 3px solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.itemli-sh {
	margin: 25px 0 15px;
}

	.itemli-sh span {
		display: inline;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 15px;
		color: #bd0000;
		background: none;
		border: #bd0000 3px solid;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}

.item-cate_list {
	padding-bottom: 10px;
	margin-bottom: 35px;
	border-bottom: 1px #a6a6a6 dashed;
}
	
	.item-cate_list ul {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.item-cate_list ul:after {
		content: ".";
		display: block;
		visibility: hidden;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
	}

		.item-cate_list ul li {
			width: 185px;
			float: left;
			margin-right: 13px;
			margin-bottom: 8px;
			position: relative;
		}

			.item-cate_list ul li a img {
				width: 185px;
			}
		
			.item-cate_list ul li .item-category {
				width: 169px;
				padding: 8px;
				margin-bottom: 4px;
				font-size: 13px;
				line-height: 18px;
				font-weight: bold;
				/* color: #dcff00; */
				color: #fff;
				background: #313131;
				text-align: center;
				borderradius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
			}
			
			.item-cate_list ul li .item-name {
				display: none;
			}
		
			.item-cate_list ul li .item-overview {
				width: 169px;
				padding: 6px 8px 7px 8px;
				background: #EDEDED;
				font-size: 11px;
				line-height: 16px;
				border-bottom-left-radius: 4px; 
				border-bottom-right-radius: 4px; 
				-webkit-border-bottom-left-radius: 4px; 
				-webkit-border-bottom-right-radius: 4px;
				-moz-border-radius-bottomleft: 4px;
				-moz-border-radius-bottomright: 4px;
			}
		
			.item-cate_list ul li span {
				display: block;
				width: 44px;
				height: 47px;
				position: absolute;
				top: 5px;
				left: 135px;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
		
		.item-cate_list ul li:nth-child(4n) {
			margin-right: 0px !important;
		}

.item-cate_list ul li:nth-child(1) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_01.png) top center no-repeat; }
.item-cate_list ul li:nth-child(2) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_02.png) top center no-repeat; }
.item-cate_list ul li:nth-child(3) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_03.png) top center no-repeat; }
.item-cate_list ul li:nth-child(4) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_04.png) top center no-repeat; }
.item-cate_list ul li:nth-child(5) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_05.png) top center no-repeat; }
.item-cate_list ul li:nth-child(6) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_06.png) top center no-repeat; }
.item-cate_list ul li:nth-child(7) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_07.png) top center no-repeat; }
.item-cate_list ul li:nth-child(8) span { background: url(https://www.rakuten.ne.jp/gold/share-style/common/inline/rnk/img/medal_rnk_08.png) top center no-repeat; }





/* smp
-------------------------------------------------------*/

/* https://www.rakuten.ne.jp/gold/share-style/smp/share/css/common.css */