@charset "euc-jp";

/*
 Lambのトップページ用スタイルシート
    2019-05-15  2016-01-08〜
*/


/* ロゴ */
div#logo-x
  {
   float:left; margin-left:0.5em; margin-top:1em;
   width:12em; height:7em; position:relative;
  }


 /* 〔こひつじの家〕を表示 */
.title
  {
   position:relative;
   color:#fff; text-shadow:0px 0px 10px #600;
  }


/* メニューの表示枠 */
.menu
  {
   margin-left:0px;
   text-align:justify; text-justify:distribute;
  }

div#date
  {
   width:170px; height:45px; margin: 0 20px 0 auto;
   border:1px solid #f00; border-radius:10px;
   padding-top:7px; font-size:14px;
  }



/* カウンター */
div#counter
  {
   margin-right:20px; margin-top:5px;
   text-align:right;
  }


/* カウント数 */
span#count
  {
   font-size:1.2em; color:#f30;
  }


/* 検索窓 */
div#find
   {
   margin-right:20px; margin-top:15px;
   text-align:right;
   }


/* 動き */
/* 左のひつじ */
@keyframes name-lamb-L
  {
   0%
	{
	 position: absolute; left: 0; top:40px;
	}
   100%
	{
	 position: absolute; left: 148px;  top:40px;
	}
  }

.lamb-L
  {
   animation-name:name-lamb-L;
   animation-direction:alternate;
   animation-duration: 1.7s;
 　animation-timing-function:linear;
   animation-iteration-count:infinite; 
  }


/* 中央のひつじ */
@keyframes name-lamb-C
  {
   0%
	{
	 position: absolute; left: -10px; top:40px;
	}
   100%
	{
	 position: absolute; left: 385px; top:40px;
	}
  }

.lamb-C
  {
   animation-name:name-lamb-C;
   animation-direction:alternate-reverse;
   animation-duration: 2.8s;
 　animation-timing-function:ease-in-out;
   animation-iteration-count:infinite; 
  }


/* 右のひつじ */
@keyframes name-lamb-R
  {
   0%
	{
	 position: absolute; left: -10px; top:40px;
	}
   100%
	{
	 position: absolute; left: 138px; top:40px;
	}
  }

.lamb-R
  {
   animation-name:name-lamb-R;
   animation-direction:alternate;
   animation-duration: 1.2s;
 　animation-timing-function:linear;
   animation-iteration-count:infinite; 
  }


.mee-
  {
   width:120px; top:-30px; 
   color:#f80; font-size:2rem; font-weight:bold;
  }


/* 更新記録 */
.renew
  {
	width:580px; height:300px; border: 6px ridge  #daa;
	border-radius:20px 10px 10px 20px;
	background-color:#fdfef3; text-align:justify; text-justify:distribute;
	padding:10px; margin-left:25px; overflow-y:auto;
  }



/* 参考 */
.css-fade1{
  animation-name:fade-in1;
  animation-duration:4s;
  animation-timing-function: ease-out; 
  animation-delay:1s; 
  animation-iteration-count:1; 
  animation-direction:normal; 
  animation-fill-mode: forwards; 
}


/* テスト用 */
.cred {color:red;}

/* おしまい */