@charset "utf-8";
/* CSS Document */
.breadcrumb{
	border-top:1px solid #9a9a9a;
	margin:0;
}
.breadcrumb ol{ width:1000px; margin:15px auto; list-style:none; color:#a0a0a0;}
.breadcrumb ol li{ display:inline; list-style:none; font-size:12px;}
.breadcrumb ol li:after{content:" ＞ ";}
.breadcrumb ol li:last-child:after{content:"";}
.breadcrumb ol li a{ color:#a0a0a0;}
.ud_contents{
	overflow: hidden;
	background-image: url(../../img/ud_common/dt_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:0 0 16px 0;
	clear:both;
}
.ud_contents img{overflow: hidden;
	vertical-align:bottom;
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode: bicubic;
}
.ud_contents section{width:100%;}
/*-- BottomInformation --*/
.ud_btm_information{
	width:1000px;
	margin:0 auto 39px auto;
	overflow:hidden;
}
.ud_btm_information .btminfoblock{
	width:50%;
	float:left;
	font-size:14px;
	overflow:hidden;
}
.ud_btm_information .btminfoblock .btmblock a{ display:block;}
.ud_btm_information .btminfoblock .btmblock dl{width:100%; font-size:14px; overflow:hidden;}
.ud_btm_information .btminfoblock .btmblock dl dt{ display:block; width:121px; vertical-align:top; float:left;}
.ud_btm_information .btminfoblock .btmblock dl dt img{ width:119px;border:1px solid #e4e0e1;}

.ud_btm_information .btminfoblock .btmblock dl dd{ width:calc(100% - 151px); display:block; padding:14px 5px 0 20px; vertical-align:top; float:left;}
.ud_btm_information .btminfoblock .btmblock dl dd p{ line-height:1.5em; word-wrap:break-word; display:block; }

.ud_btm_information .btminfoblock .btmblock dl dd h3{ margin:0 0 12px 0;}
.ud_btm_information .btminfoblock .btmblock dl dd h3 small{
	display: inline-block;
	background-color: #f6a615;
	color: #ffffff;
	font-size: 11px;
	padding: 5px 7px 4px 7px;
	line-height: 1em;
}
.ud_topics_detail .sns { width: 100%; overflow: hidden; margin-bottom: 30px;}
.ud_topics_detail .sns li{ display: inline-block; margin-right: 10px;}
article.ud_topics_detail div.ud_btmcategory{ margin-bottom: 8px;}


@media screen and (max-width:1040px){
/**/
p.copyright {width:auto;}
section{ width:auto;}
/**/
.ud_contents{
	width:auto;
	margin:0 10px 20px 10px;
}
.breadcrumb ol{ width:auto;margin:15px 5%;}
/*-- BottomInformation --*/
.ud_btm_information{width:auto;margin:0 10px 39px 10px;}
}
@media screen and (max-width:860px){.ud_btm_information .btminfoblock .btmblock dl dd{padding:0 5px 0 10px;}}
@media screen and (max-width:650px){
.ud_contents{ background-image:none;margin-bottom:0;}
/*-- BottomInformation --*/
.ud_btm_information{margin-bottom:0;}
.ud_btm_information .btminfoblock{
	width:auto;
	float:none;
	margin-bottom:13px;
}
.ud_btm_information .btminfoblock .btmblock dl dd h3{ font-size:14px;}
.ud_btm_information .btminfoblock .btmblock dl dd h3 span{
	display:none;
}
.ud_btm_information .btminfoblock .btmblock dl dd h3 small{ font-size:12px;}
.ud_btm_information .btminfoblock .btmblock dl dd p{ font-size:12px;}
}
@media screen and (max-width:480px){
.ud_contents{
	width:auto;
	margin:0;
}
.breadcrumb{display:none;}
/*-- BottomInformation --*/
.ud_btm_information{margin:0 0 13px 0;}
.ud_btm_information .btminfoblock{
	margin:0 10px;
	margin-top:11px;
}
/**/
p.copyright {width:auto;}
section{ width:auto;}
/*-- ---- h2 ---- --*/
section h2 {padding: 10px 10px 6px 10px;font-weight: bold;letter-spacing: 2px;color: #FFF;background: #f6a615;overflow: hidden;line-height: 1em; line-height:1.2em;}
section h2 small {display: block;color: #FFF;letter-spacing: 1px;font-weight: normal;}
/**/
}