.base {
  font-size:12px;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:0;
}

.main {
  background-image: linear-gradient(90deg, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff00 );
  height:3200px;
  padding-right:150px;
}
.body_fit {
  object-fit:contain;
}

.container {
 
  display: grid;
  grid-template-areas:
  'left left right right right right right right ';
  gap:5px;
  max-width:100%;
  background-color: #aaaaa;
  
}
.container > div {
  
  padding:0px;
  max-width:inherit;
  word-wrap:normal;
  background-color: rgba(255, 255, 255, 0.8);
  margin:20px;
}
.item1 { grid-area: left; }
.item2 { grid-area: right;} 

.left_head {
  font-size:18px;
}

.left_body {
  font-size:14px;  
}
.right_body {
  font-size:20px;
  
}
@font-face {
  font-family: "Dearest_open";
  src: url("html/font/Dearest_open.ttf");
}
@font-face {
  font-family: "Tt0757m";
  src: url("html/font/Tt0757m_.ttf");
}
.Natsuko_text1 {
  font-family: "Brush Script MT", cursive;
  font-size:50px;
  text-shadow: 0px 0px 2px black;
  font-weight:bold;
  color:#e6fe83;
  filter: drop-shadow(4px 4px 3px black);
}
.date {
  font-family: 'Courier New', Monospace;
  font-size:16px;
  color:#0000ff;
  background-color:#fffe79; 
}

.news_entry {
  background-color:#ffefea; 
  padding:5px;
  border:2px solid black;
  filter: drop-shadow(7px 7px 5px grey);
}
.news_title {
  background-color:#ffb5b5; 
  border:2px solid black;
  margin:auto;
  padding:5px;
}
table,tr, td {
    border-collapse:collapse;
}
.border1 {
  border:2px solid black;
  border-collapse:collapse;
}
#DragClock {
	position:absolute;
	z-index:9;
	width:207px;
	height:417px;
}
#DragClockHeader {
	z-index:10;
	font-size:50px;
}

#COLON{  
	display: inline-block;  
	width: 0.6em;
	animation: blink 1s steps(1, end) infinite;
}

@keyframes blink{  
	0%, 49%   { opacity: 1; }  
	50%, 100% { opacity: 0; }
}
.TIME {
	
	color: #cacaca;
	font-size: 66px;
	height:56px;
	transform:translate(13px, -90px);
	margin:auto;
	padding:6px;
  letter-spacing: 0px;
}