/*=================================================
 * CSS for PC
 * ================================================= */

main{	padding-bottom: 50px;}

#link{
	width: 1200px;
	margin: 0 auto;
}

.main{
}


/** link_top **/

#link_top_bg{
	margin: 0 0 50px 0;
	padding: 30px 50px 50px 50px;
}

#link_top{
}

#link_top .url{
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 40px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#link_top .url br{	display: none;}

#link_top .l1{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	margin: 0 0 80px 0;
}
#link_top .l1:after{
	content: '';
	width: 100px;
	border-bottom: 1px solid #ddd;
	position: absolute;
	bottom: -40px;
	left: calc(50% - 50px);
}

#link_top .url em{	color: #996600;}

#link_top .url br{	display: inline;}

#link_top .bnr{
	font-size: 0;
	line-height: 0;
}

#link_top .bnr img{
	display: inline-block;
	vertical-align: baseline;
	margin: 0 5px;
}


/** link_bnr **/

#link_bnr{
	font-size: 0;
	line-height: 0;
	padding: 30px 50px 50px 50px;
}

#link_bnr .ss_title{
	margin-bottom: 30px;
}

#link_bnr .linkbox{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}
#link_bnr .linkbox#com{	text-align: center;	padding-left: 0;}

#link_bnr .linkbox:last-of-type{	border-bottom: none;}

#link_bnr .linkbox a,
#link_bnr .linkbox span{
	display: inline-block;
	vertical-align: top;
	margin: 0 4.5px 10px 4.5px;
}

#link_bnr .linkbox a img,
#link_bnr .linkbox span img{	width: 88px; height: 31px;}




/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	main{	padding: 20px 0 30px 0;}
	#link{
		width: auto;
		margin: 0;
	}
	.main{	padding: 10px 15px;}

	#link_top_bg{
		margin: 0 0 20px 0;
		padding: 15px;
	}
	#link_top .url{
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 20px 0;
	}
	#link_top .url br{
		display: inline;
	}
	#link_top .url span{	display: none;}
	#link_top .bnr img{
		margin: 0 2px 4px 2px;
	}
	#link_top .l1{
		font-size: 13px;
		line-height: 20px;
		margin: 0 0 40px 0;
		padding: 0 10px;
	}
	#link_top .l1:after{
		width: 50px;
		position: absolute;
		bottom: -20px;
		left: calc(50% - 25px);
	}


	/** link_bnr **/
	#link_bnr{
		width: auto;
		padding: 15px 15px 10px 15px;
	}
	#link_bnr .ss_title{
		margin-bottom: 15px;
	}
	#link_bnr .linkbox{
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
	}
	#link_bnr .linkbox a,
	#link_bnr .linkbox span{
		margin: 0 1px 2px 1px;
	}
	#link_bnr .linkbox a img,
	#link_bnr .linkbox span img{	width: 88px; height: 31px;}
	#link_bnr .linkbox span{	display: none;}
	#link_bnr .linkbox:last-of-type{	margin-bottom: 0;}
}