@charset "UTF-8";

.sdrbox{
	float:left;
	line-height:1.0;
	margin:0;
	padding:0;
	-webkit-padding-start: 0px;
}
/*-----------------------------------------------------------------------------------*/
/*  *Page Styles
/*-----------------------------------------------------------------------------------*/
.sdrbox-title {
	display: block;
	padding: 12px 30px 18px 12px;
	color: #fff!important;
	font-size: 17px;
	line-height:14px!important;
	background-color:#337799!important;
	font-weight:bold;
	position: relative;
}
/*見出しの右脇の斜めになっている部分の描画*/
.sdrbox-title:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 18px solid transparent;
    border-left-color: #337799;
    border-bottom-color: #337799;
    top: 1px;
    left:100%;
}
.articleinner {
	border-top: 8px solid #337799;
	margin-top: -8px;
	font-size:13px;
	font-weight:600;
	line-height: 1.6em!important;

}
.articleinner span{
	margin:0;
}
.articleinner .date, .articleinner .description{
	font-weight: bolder;
	color:#15b
}
.toggletarget{
	display:block;
}
.toggletarget .indent-box{
	margin-top: 2px;
	margin-left:5px;
}
.border-box{
	position:relative;
	padding:0px;
	height: 120px;
	overflow: hidden;
	border-left:3px solid #337799;
	border-right:3px solid #337799;
	border-bottom:3px solid #337799;
}
.articleinner p{
	margin:0;
}


/* #Media Queries
================================================== */
@media only screen and (max-width: 960px) {
.sdrbox{
	width:100%;
}
.sdrbox-title:after {
	display:none;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

/* #General Layout Changes
================================================== */
.toggletarget{
	display:none;
}
}

@media only print{
.border-box{
	height: auto;
}
}