@charset "utf-8";
@import url("pages.css");
/*--京links.css--*/
/*###############PC first###############*/
	#contents_title h1{
		font-weight:bold;
		font-size:20px;
		padding-top:30px;
		padding-bottom:28px;
		padding-left:40px;
		background-image:url(/shared/order/bg_ttl_01.png)
	}
	
	.links_box{
		background: #fff;
		overflow: hidden;
		padding: 30px 20px;
	}
	
	.links_box h2{
		font-size: 20px;
		font-weight: bold;
		padding: 13px 15px;
		background: url(/shared/order/bg_01.gif) repeat-x;
		border-radius: 5px;
		color: #FFF;
		margin: 30px 0 20px 0;
		clear: both;
	}
	
	.links_box .links_about h2{
		margin: 0 0 20px 0;
	}
	
	.links_about table{
		width:700px;
		margin:0 auto;
	}
	
		.links_about table th,
		.links_about table td{
			padding:15px;
			border-bottom: 1px dotted #aaa;
		}
		
		.links_about table th{
			padding: 15px;
			color: #006e5e;
			font-weight: bold;
			width: 130px;
		}
		
		.links_about table td .bn_info dt{
			margin-bottom:2px;
		}
		
		.links_about table td .bn_info dt:before{
			font-family: FontAwesome;
			content:"\f0da";
			color:#006e5e;
			margin-right:0.5em;
			font-weight:normal;
		}
		
		.links_about table td .bn_info dd{
			margin-bottom:10px;
			padding-left:1em;
		}
		
		.links_about table td .bn_info dd textarea{
			width:450px;
			height:80px;
			padding:5px;
		}
		
	.links_list ul{
		width:700px;
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
	}
	
		.links_list ul li{
			width:33%;
			margin-bottom:20px;
		}
		
		.links_list ul li a{
			display:block;
			color:#111;
		}
		
		.links_list ul li a .link_name{
			display:block;
		}
		
		.links_list ul li a .link_bn{
			display:block;
		}

.goto_links_tokuten{
	text-align:center;
	font-size:1.2em;
	margin:50px 0;
}

.goto_links_tokuten a{
	color:#003d84;
	text-decoration:underline;
}


@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
	.links_box{
		padding: 9px;
	}
	
	.links_about table{
		width:100%;
		display:block;
	}
	
	.links_about table tbody,
	.links_about table tr,
	.links_about table th,
	.links_about table td{
		display:block;
		width:100%;
	}
	
	.links_about table tr{
		margin-bottom:10px;
	}
	
	.links_about table th,
	.links_about table td{
		padding:5px;
	}
	
	.links_about table td{
		border-bottom:none;
	}
	
	.links_about table td .bn_info dd textarea{
		width:100%;
	}
	
	.links_list ul{
		width:100%;
	}
	
	.links_list ul li{
		width:50%;
		padding:0 10px;
	}
	
}