@charset "utf-8";

body{
width: 100%;
text-align: center;
font-size: 12px;
}

ul,li,ol {margin: 0;padding: 0;}
ul {list-style: none;}
A { color: #000; }
A:hover { color: red; }
td { font-size: small; }
img {
	margin: 0x;
	border: 0px
}

ul#item-list li.item-2{
color: #FF0000;
}

ul#item-list {margin: 0;padding: 5px;}
ul#item-list li{
padding: 5px 5px 15px 5px;
	color: #000;
	font-size: 16px;	
}

/*お知らせブロック
---------------------------------------------------------------------------*/
/*お知らせブロック*/

#output{
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}

.new {
	background: rgba(255,255,225,1);	/*背景色。0,0,0は黒のことで0.02は色が2%出た状態。*/
	overflow: hidden;
	margin-bottom: 2rem;	/*ブロックの下に空けるスペース。4文字分。*/
}



/*日付(dt)設定*/
.new dt {
	padding: 1.5rem 1.5rem 0;	/*dt内の余白。上、左右、下への順番。*/
}

/*記事(dd)設定*/
.new dd {
	padding: 1.5rem;	/*dd内の余白*/
}

/*ブロック内のspan。日付の横のアイコン的な部分の共通設定*/
.new dt span {
	display: inline-block;
	text-align: center;
	line-height: 1.8;		/*行間（アイコンの高さ）*/
	border-radius: 3px;		/*角を丸くする指定*/
	padding: 0 0.5rem;		/*上下、左右へのブロック内の余白*/
	width: 5rem;			/*幅。8文字分。*/
	transform: scale(0.8);	/*80%のサイズに縮小*/
	background: #fff;		/*背景色*/
	color:#777;				/*文字色*/
	border: 1px solid #999;	/*枠線の幅、線種、色*/
}

/*icon-bg1*/
.new .icon-bg1 {
	background: #799E49;
	color: #FFFFFF;
	border-color: transparent;
}
.new .icon-bg2 {
	background: #0C74C0;
	color: #FFFFFF;
	border-color: transparent;
}
.new .icon-bg3 {
	background: #993399;
	color: #FFFFFF;
	border-color: transparent;
}
.new .icon-bg4 {
	background: #CC6633;
	color: #FFFFFF;
	border-color: transparent;
}
.new .icon-bg5 {
	background: #FF0000;
	color: #FFFFFF;
	border-color: transparent;
}
.new .icon-bg6 {
	background: #EEEEEE;
	color: #000000;
	border-color: transparent;
}



	/*画面幅700px以上の追加指定*/


	/*ブロック全体*/
	.new {
		display: grid;	/*gridを使う指定*/
		grid-template-columns: auto 1fr;	/*横並びの指定。日付とアイコン部分の幅は自動で、内容が入るブロックは残り幅一杯とる。*/
	}

	/*日付(dt)設定*/
	.new dt {
border-top: solid 1px #dddddd;
		padding: 1.5rem 0 1.5rem 1rem;	/*dt内の余白。上、右、下、左への順番。*/
	}

	/*記事(dd)設定*/
	.new dd {
border-top: solid 1px #dddddd;
	margin: 0 !important;
		padding: 1.5rem 2rem 1.5rem 0rem;	/*dd内の余白。上、右、下、左への順番。*/
	text-align: left;
	}




#morebtn{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}
#morebtn .more{
  font-size: 18px;
}

#wrap{
	width: 700px;
	margin: 0 auto;
	padding: 0 auto;
}