@charset "UTF-8";
/* CSS Document footer　カテゴリーリンク用  */


.mgt30{
	margin-top: 30px;
}

.footer_cate_pc{
	display: flex;
	color:#dddddd;
	width: 860px;
    margin: 0 auto 60px;
}

.online_cate_ti, .official_cate_ti{
    display: block;
    border-bottom: 1px solid #dddddd;
    line-height: 1;
    padding: 0 0 8px;
    margin: 0 0 8px;
}

.online_cate{
	margin-right:20px;
}

.online_cate_box{
	padding: 0;
    box-sizing: border-box;
    display: flex;
}


.online_cate_box ul{
	width: 156px;
    margin: 0 20px 0 0;
    line-height: 30px;
}


.official_cate{
	width: 156px;
	line-height: 30px;
}

.official_cate ol{
	margin: 0;
}
.official_cate ol li{
	margin-left: 20px;
}

.footer_cate_pc h2{
	font-weight: bold;
}

.footer_cate_pc a{
	color:#dddddd;
	font-size: 12px;
}

.footer_cate_pc a:hover{
	color:#efefef;
}

@media screen and (max-width:480px) {

.mgt30{
	margin-top: 30px;
}

.footer_cate_sp{
	color:#dddddd;
    margin: 0 auto 33vw;
}

.online_cate_ti, .official_cate_ti{
    display: block;
    border-bottom: 1px solid #dddddd;
    line-height: 1;
    padding: 0 0 8px;
    margin: 0 0 8px;
}

.online_cate{
	margin-top: 6.25vw;
    margin-right: 0;
}

.online_cate_box{
	padding: 0;
    box-sizing: border-box;
    display: flex;
}

.footer_cate_sp h2{
	font-weight: bold;
    margin: 10px 0 3px;
}

.footer_cate_sp ul{
    margin: 0 0 40px;
    line-height: 30px;
	list-style-type:none;
	padding:0;
}

.footer_cate_sp h3{
	font-weight: normal;
	margin: 0;
    padding: 0;
    line-height: 0;
	height: 0;
}

.online_cate_list li{
	width: 50%;
	margin: 15px 0 15px;
}

.online_cate_list{
	display: flex;
	flex-wrap: wrap;
}

.last{
	margin: 18.75vw 0 0 !important;
}

.official_cate{
	line-height: 30px;
	margin-top: 18.75vw;
    width: 100%;
}

.footer_cate_sp ol{
	margin: 0;
	list-style-type:none;
	padding:0;
}

.official_cate ol li{
	margin-left: 20px;
}

.footer_cate_sp a{
	text-decoration: none;
	color:#dddddd;
	font-size: 3.4375vw;
}

.footer_cate_sp a:hover{
	color:#efefef;
}
    

}