html, body {
	font-family: "Sawarabi Gothic";
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: initial;
}

/* ========================================== */
div.list {
	width: 95%;
	margin: auto;
	border-bottom: dotted 2px #dadada;	/*下に灰色線*/
	padding: 5px 1em;					/*下のバーとの余白*/
}

div.newsdl {
	position: relative;
//	margin: 1em;
}
.newsdl dl {
//	margin: auto;
//	width: 98%;
}
.newsdl dt {
	position: absolute;
//	left: 0;
	width: 11em;
//	font-size:0.9em;
	font-weight: 900;
}
.newsdl dd {
	padding-left: 11em;
//	border-bottom: solid 1.5em #000;
}
.new{
	min-width: 40px;
	height: 1.5em;
	text-align: center;
	font-weight: bold;
	background: #94caef;
	padding: 0px 10px;
//	margin-right: 10px;
	color: #ffffff;
}
/* ========================================== */
ul {
	padding: 0;
}
/*
ul li.list {
	color: #404040;
	border-bottom: dotted 2px #dadada;	/*下に灰色線*/
	margin-bottom: 5px;					/*下のバーとの余白*/
	line-height: 1.5;
	padding: 0.5em;
	list-style-type: none!important;	/*ポチ消す*/
}
*/
ul.attachment {
	width: 90%;
	margin: auto;
	background: #fffcf4;
	border-radius :8px;/*角の丸み*/
	box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
	padding: 1.5em;
}

li.attachment {
	border-bottom: dotted 2px #dadada;	/*下に灰色線*/
	margin-bottom: 5px;					/*下のバーとの余白*/
	list-style-type: none!important;	/*ポチ消す*/
}

div.message {
	padding: 0 1em;
	text-align: left;
}

div.flex {
	display: flex;
}
div.new {
	min-width: 40px;
	height: 1.5em;
	text-align: center;
	font-weight: bold;
	background: #94caef;
	padding: 0px 10px;
	margin-right: 10px;
	color: #ffffff;
}

div.date {
	min-width: 40px;
	height: 1.5em;
	text-align: center;
	font-weight: bold;
//	background: orange;
	padding: 0px 10px;
	margin-right: 10px;
//	color: #ffffff;
}

div.box {
	padding: 0;
	margin: 0;
}


/* スマホ */
@media screen and (min-width:769px){
	div.news_title {
		font-size: 1.5em;
		text-align: left;
		border-left: 10px solid #000;
		border-bottom: 1px dotted #000;
	}
	div.content {
		margin: 3em auto;
		padding: 2em;
		width: 1000px;
		border: 10px solid #94caef;
		border-radius: 20px;
	}
	img {
		width: calc( 100% / 3 );
	}
}
/* PC */
@media screen and (max-width: 768px) { 
/* ========================================== */
	.newsdl dt {
		position: static;
//		width: 100%;
//		margin-bottom:0.5em;
	}
	.newsdl dd {
//		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	div.list {
		width: 90%;
		border-bottom: dotted 2px #dadada;	/*下に灰色線*/
		margin-bottom: 5px;					/*下のバーとの余白*/
	}
/* ========================================== */
	.sp-no {
		display: none;
	}
	div.news_title {
		font-size: 1.2em;
		text-align: left;
		border-left: 10px solid #000;
		border-bottom: 1px dotted #000;
	}
	div.content {
		margin: 3em auto;
		padding: 1em;
		width: 90%;
		border: 5px solid #94caef;
		border-radius: 10px;
	}
	img {
		width: 90%;
		margin: auto;
	}
}