.inner_content{width:900px}
#c_content{width:100%;}

#c_content,
#c_content *{
	box-sizing:border-box;
	/*display: block;*/
}
#c_content img{max-width:100%;}

#c_content li{list-style:none;}
#c_content a{
	color:#000;
	text-decoration:none;
}
#c_content a:hover *{opacity:0.9;}
#c_content .pc_none{display:none;}

/* 看板 */
#c_content h2{
	width:100%;
	margin: 0 0 20px;
}

/*見出し*/
#c_content h3,
#c_content p#c-ranking-title{
	width:100%;
	background-color:#6db5b5;/*任意の色に変更*/
	color:#fff;/*任意の色に変更*/
	padding: 8px 1%;
	font-size: 16px;
	margin-top:20px;
	margin-bottom:10px;
	text-align: center;
}

/*看板下ディスクリプション*/
#c_content .desc{
	/*margin:2em 2%;*/
	text-align:center;
}
#c_content .smp-text {
    display: none;
}

/*ランキング*/
#c_content p#c-ranking-title{background-image:none;}
#c_content #c-ranking{border:none;}
#c_content #c-ranking img{width:auto;max-width:90%;}
#c_content #c-ranking a img{width:90%;}
#c_content #c-ranking .name{font-size:14px; line-height: 1.2;}

#c_content .smp{display: none;}

/*2〜5カラム　→　すべて　2カラム*/
#c_content ul[class^="col_"]{
	/*font-size:0;*/
	letter-spacing: -.40em;
}
#c_content ul[class^="col_"]>li {
	vertical-align:top;
	display:inline-block;
	letter-spacing: normal;
	margin-right:6px;
	margin-bottom:6px;
	text-align:center;
	box-sizing:border-box;
	font-size:16px;
}

#c_content li img {max-width:100%;}
#c_content li dd{
	margin-top:10px;
	padding:0 4px;
}
#c_content li .main_txt{
    font-size: 16px;
    font-weight: 700;
    margin: 8px auto 12px;
    background: #e9e9e9;
    box-shadow: 0 4px 0 #d7d7d7;
    border-radius: 8px;
    padding: 0.5vw 0vw 0.5vw 0vw;
    color: #1f3a3a;
}

#c_content li dt.main_txt{
	font-size:130%;
	text-align:left;
	background:#dedede;
	padding:25px;
	margin-top:10px;
	margin-bottom:30px;
	text-align: center;

}

#c_content li .smp-text {
    display: none;
}

/*１カラム*/
#c_content .col_1,
#c_content .col_1_smp
{
	padding:0 2%;
	margin:0 auto;
}
#c_content .col_1>li,
#c_content .col_1_smp>li
 {
	margin:0;
	padding:0;
	margin-bottom:6px;
	width:100%;
	
}

/*2~5カラム*/
#c_content .col_2>li{width:calc((100% - 6px*1)/2);}
#c_content .col_3>li{width:calc((100% - 6px*2)/3);}
#c_content .col_4>li{width:calc((100% - 6px*3)/4);}
#c_content .col_5>li{width:calc((100% - 6px*4)/5);}

#c_content .col_2>li:nth-child(2n),
#c_content .col_3>li:nth-child(3n),
#c_content .col_4>li:nth-child(4n),
#c_content .col_5>li:nth-child(5n){margin-right:0!important;}

#c_content .col_1>li{width:100%;margin-right:0!important;}

/*テキストリンク縦並び*/
#c_content .txt_link_v{
	padding-left:4%;
	text-align:left;
}
#c_content .txt_link_v>li{padding:5px 0;}
#c_content .txt_link_v>li a{text-decoration:underline;}

/*テキストリンク横並び*/
#c_content .txt_link_w{
	padding:0 4%;
	text-align:left;
}
#c_content .txt_link_w>li{
	
	margin-right:4%;
	margin-bottom:5px;
	vertical-align:top;
	display:inline-block;
}
#c_content .txt_link_w>li:last-child{
	margin-right:0;
}
#c_content .txt_link_w>li a{text-decoration:underline;}




/*220623追加*/
h3 span{
	font-size: 1.5vw;

}

/* やじるし */

div#c_content ul.col_3 li a{
    transition: all 0.3s ease 0s;
    position: relative;    
}
div#c_content ul.col_3 li a::after{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #6db5b5;
    border-right: 2px solid #6db5b5;
    right: 2vw;
    bottom: 0.8vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;    
}
div#c_content ul.col_3 li a:hover{
    transition: all 0.3s ease 0s;    
}
div#c_content ul.col_3 li a:hover::after{
	right: 1vw;
	border-top: 2px solid #6db5b5;
	border-right: 2px solid #6db5b5;  
}

