.inner_content{width:900px}

#c_8502{width:100%;}
#c_8502,
#c_8502 *{
	box-sizing:border-box;
    /* text-align: center; */
}
#c_8502 .col_1p {
	text-align: right;
    margin: -20px 0 0 0;
}
#c_8502 img{width:100%;}
#c_8502 img{width:100%;}

#c_8502 li{
	list-style:none;
}
#c_8502 a{
	color:#000;
	text-decoration:none;
}
#c_8502 a:hover *{opacity:0.9;}
#c_8502 .smp_none{display:none;}


/*見出し*/
#c_8502 h3,
#c_8502 p#c-ranking-title{
	width:100%;
	background-color:#5b9bd5;/*任意の色に変更*/
	color:#fff;/*任意の色に変更*/
	padding:5px 1%;
	text-align:center;
	font-size:180%;
	margin-top:30px;
	margin-bottom:10px;
}
/*見出しTOP*/
#c_8502 h3.top{
	margin-top:0px;
}

#c_8502 h2{
	width:100%;
	color:#b9f2ff;/*任意の色に変更*/
	padding:8px;
	font-size:120%;
	margin-top:0px;
	margin-bottom:0px;
	box-sizing:border-box;
	border-bottom: 1px solid #999;
}

/*看板下ディスクリプション*/
#c_8502 .desc{
	/*margin:2em 2%;*/

}

#c_8502 .smp-text {
    display: none;
}


/*ランキング*/
#c_8502 p#c-ranking-title{background-image:none;}
#c_8502 #c-ranking{border:none;}
#c_8502 #c-ranking img{width:auto;max-width:90%;}
#c_8502 #c-ranking a img{width:90%;}
#c_8502 #c-ranking name{font-size:20px;}

#c_8502 .smp{display: none;}

/*2〜5カラム　→　すべて　2カラム*/
#c_8502 ul[class^="col_2"]{
	font-size:0;
	text-align: center;
}
#c_8502 ul[class^="col_2"]>li {
	vertical-align:top;
	display:inline-block;
	margin-right:6px;
	margin-bottom:6px;
	margin-top:0px;
	text-align:center;
	box-sizing:border-box;
	font-size:16px;
	position: relative;
}
#c_8502 ul[class^="col_3"]{
	font-size:0;
}
#c_8502 ul[class^="col_3"]>li {
	vertical-align:top;
	display:inline-block;
	margin-right:0px;
	margin-left:20px;
	margin-bottom:6px;
	margin-top:10px;
	text-align:center;
	box-sizing:border-box;
	font-size:16px;
}

#c_8502 ul[class^="col_4"]{
	font-size:0;
}
#c_8502 ul[class^="col_4"]>li {
	vertical-align:top;
	display:inline-block;
	margin-right:6px;
	margin-bottom:6px;
	margin-top:12px;
	text-align:center;
	box-sizing:border-box;
	font-size:16px;
	}

#c_8502 li img {max-width:100%;}
#c_8502 li dd{
	margin-top:10px;
	padding:0 4px;
}
#c_8502 li .main_txt{
	font-size: 16px;
    margin-top: 10px;
    text-align: center;
	line-height: 20px;
}

#c_8502 li dt.main_txt{
	font-size:130%;
	text-align:left;
	background:#dedede;
	padding:25px;
	margin-top:10px;
	margin-bottom:30px;
	text-align: center;

}

#c_8502 li .smp-text {
    display: none;
}

/*１カラム*/
#c_8502 .col_1,
#c_8502 .col_1_smp
{
	padding:0 2%;
	margin:0 auto;
}
#c_8502 .col_1>li,
#c_8502 .col_1_smp>li
 {
	margin:0;
	padding:0;
	margin-bottom:6px;
	width:100%;
	
}

/*2~5カラム*/
#c_8502 .col_2>li{width:calc((100% - 6px*2)/2);}
#c_8502 .col_3>li{width:calc((100% - 180px*2)/2);}
#c_8502 .col_4>li{width:calc((100% - 6px*3)/4);}
#c_8502 .col_5>li{width:calc((100% - 6px*4)/5);}
#c_8502 .col_8>li{width: calc((100% - 28px*4)/8);
    width: calc((100% - 7px*4)/8);
    display: inline-flex;
    border: solid 1px #222;
    border-radius: 10px;
	margin-bottom: 30px;

}
#c_8502 .col_8>li img {
	border-radius: 17px;
}

#c_8502 .col_2>li:nth-child(3n){margin-right:0;}
#c_8502 .col_3>li:nth-child(2n){margin-right:0;}
#c_8502 .col_4>li:nth-child(4n){margin-right:0;}
#c_8502 .col_5>li:nth-child(5n){margin-right:0;}
#c_8502 .col_8>li:nth-child(8n){margin-right:0;}

#c_8502 .col_1>li{width:100%;margin-right:0;}

.category_base ul[class^="col_"]>li a, .connection ul[class^="col_"]>li a {
	display: block;
}

#c_8502 .col_8>li a{
	height: 167px;
}
/*テキストリンク縦並び*/
#c_8502 .txt_link_v{
	padding-left:4%;
	text-align:left;
}
#c_8502 .txt_link_v>li{padding:5px 0;}
#c_8502 .txt_link_v>li a{text-decoration:underline;}

/*テキストリンク横並び*/
#c_8502 .txt_link_w{
	padding:0 4%;
	text-align:left;
}
#c_8502 .txt_link_w>li{
	
	margin-right:4%;
	margin-bottom:5px;
	vertical-align:top;
	display:inline-block;
}
#c_8502 .txt_link_w>li:last-child{
	margin-right:0;
}
#c_8502 .txt_link_w>li a{text-decoration:underline;}

#c_8502 .cooltitle {
	text-align:center;
	background-color:#fffff;/*任意の色に変更d9f6ff*/
	font-size:20px;
	padding-bottom:10px;
	padding-top:10px;
}
#c_8502 .cooltitle {
	text-align:center;
	background-color:#fffff;/*任意の色に変更d9f6ff*/
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;}
#c_8502 .smp-text {
    display: none;}

/*ランキング順位*/
#c_8502 .rank{
    position: absolute;
    width: 30%;
}

/*販売価格*/
#c_8502 .spesicalprice{
	font-size: 17px;
}

#c_8502 br.pc_none {
	display: none!important;
}

/*ランキング*/
#c_8502 .icon_rank {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
#c_8502 .icon_rank img {
    width: 84px;
    height: auto;
}