@charset "euc-jp";

/***************************
機能比較用・汎用マトリクス用CSS

対象html：cmnmtx_***.html

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



@font-face {
   font-family: 'Noto Sans Japanese Black';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }

#codchest_contents img{
	width: 100%;
}

#codchest_contents li{
	width: 32%;
	float: left;
	margin-right: 2%;
	list-style: none;
	position: relative;
}

#codchest_contents li:nth-child(3n){
	margin-right: 0%;
}

#codchest_contents li a{
	color: #000000;
	font-size: 120%;
}

#codchest_contents div:after {
    content: '';
    position: absolute;
    bottom: 12px;
    right: 22px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ffffff;;
}





#codchest_contents .clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#codchest_contents .clearfix{
	zoom:1;/*IE5.5-7用*/
}


.tanpin a{
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	color: #000000;
	font-size: 23px;
	background: #dddddd;/*ボタン背景*/
	padding: 9% 2%;
	text-decoration: none;
	width: 90%;
	display: block;
	font-weight: bold;
}

.set a{
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	color: #000000;
	font-size: 23px;
	background: #dddddd;/*ボタン背景*/
	padding: 5% 2%;
	text-decoration: none;
	width: 90%;
	display: block;
	font-weight: bold;
}

#codchest_contents .spesicalprice{
	display: none;
}

#codchest_contents li .price{
	width: 63%;
	float: left;
	white-space: nowrap;
	text-align: right;
}

#codchest_contents li .intax{
	width: 15%;
	float: left;
	font-size: 65%;
	margin-top: 10%;
}
#codchest_contents li .tanpin{
	margin-bottom: 4%;
}

#codchest_contents li .tanpin .buy_price{
	position: absolute;
	bottom: 3%;/*13%*/
	right: 0%;
	width: 100%;/*80%*/
}

#codchest_contents li .set .buy_price{
	position: absolute;
	bottom: 0%;
	right: 0%;
	width: 80%;
}