@charset "utf-8";



:root {

    --main-color: #fcc800; /* リンクの色 */

    --sub-color: #ffd700; 

    --box-bgcolor:#fee80640;

    --text-color: #333;

    --button-color:#fcc800;

    --button-sub-color:#fff;

    --button-hover:#fcc80040;

    --accent-color:#fee806;

}



body{

  font-size:1em;

  font-family: "Zen Kaku Gothic New", serif;

  font-style: normal;

  letter-spacing: normal;

  background-color: #ffffff;

  line-height: 1.5em;

  background:url(https://raiiny.lsv.jp/wp-content/uploads/2023/06/bg_09_2.jpg) repeat-x;

  background-attachment: fixed;

  margin: 0;

  padding: 0;

}



a{

  color:var(--main-color);

  text-decoration: none;

}



a:hover {

  color: var(--sub-color);

}



header a{

  color:var(--text-color);

}



footer a{

  color:var(--text-color);

}



.url {

  word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */

}



.editlink {

    font-size: 0.8em;

    padding: 0 0 3px 15px;

  }

  

.editlink a {

    text-decoration: none;

    color: var(--text-color);

    padding: 0 3px;

    border:none;

    background-color: transparent;

  }  



/* いいねボタンの設定 */



button.newiine_btn{

  border:none;

 }

 

 button.newiine_btn:hover {

   background: var(--button-hover);

 }

 

 button.newiine_btn span.material-icons-round {

   font-size: 12px;

   vertical-align: sub;

 }

 

 button.newiine_btn.newiine_clickedtoday {

   color: var(--button-color);

 }

 

 button.newiine_btn.newiine_clickedtoday:hover {

   background: var(--button-hover);

 }

 

 button.newiine_btn.newiine_clicked {

   color: var(--text-color);

   background: transparent;

 }

 

 button.newiine_btn.newiine_clicked:hover {

   background: var(--button-hover);

 

 }

  



 header {

    display: block;

    background-color: transparent;

    width: 100%;

    text-align: center;

    margin-top:20px;

}



.headtitle {

    margin: 60px 10px 0 0;

    padding: 0.2em;

    color: #66757f;

    line-height: 1;

    display: block;

    text-align: center;

}



.headtitle a{

  color:var(--text-color);

}



.headmenu {

    font-size: 0.9em;

    margin: 20px 0;

    text-align: center;

}



.mainarea {

    padding: 0;

    background-color: transparent;

    max-width: 600px;

    border-radius: 20px;

    margin: auto;

}



.onelogbox {

  position: relative;

  max-width: 540px;

  margin: 5em 0.5em;

  padding: 1em;

  border: 2px solid var(--accent-color);

  border-radius: 3px;

  background-color: #ffffff90;

}



.postdate a {

    color: #555;

    padding: 0 0.5em;

    font-weight: bold;

}



.postdate {

  position: absolute;

  top: -1.9em;

  left: -2px;

  padding: .2em .8em;

  background-color: var(--accent-color);

  color: #555;

  font-family: "Zen Kaku Gothic New", serif;

}



.comment {

    line-height: 1.5em;

}



.onelogcontent {

    margin: 0;

    padding: 1em 0;

}



.oneunder {

    text-align: end;

  }



  .embeddedimage {

    width: 200px;

    height: 200px;

    margin: .2em;

    object-fit: cover;

    vertical-align: baseline;

    border: 1px solid #e5e5e5;

}



/* ツイッター埋め込み関連　*/



div.twitter-tweet {

	max-width: 350px !important;

} 



    /* -------------- */

	/* ▼埋め込み動画 */

	/* -------------- */

	@media all and (max-width: 600px) {

		.embeddedmovie {

			display: inline-block;

			width: 100%;

      height: auto;

      aspect-ratio: 16 / 9;

		}

	}  



.decorationS img {

    vertical-align: middle;

    max-height: 120px;

    width: auto;

}



.pagenavi {

    margin: 2.5em 0px;

    padding: 0.5em 0px;

    text-align: center;

    color: var(--main-color);

}



.pagenums a.pagenumlink {

    margin: 0px 2px 0px 2px;

    padding: 0.2em 0.5em;

    font-size: 1em;

    font-weight: bold;

}



a.pagenumhere {

  text-decoration: none;

  background-color: var(--main-color);

  color: var(--button-sub-color);

}



.pagelinks a {

    font-weight: bold;

}



p.pagenums {

    margin: 0.5em;

}



.subarea {

    margin: auto;

    padding: 0;

    max-width: 700px;

    display: flex;

}



.postform {

  margin: 0;

  padding:1em 0;

  margin-bottom: 15px;

}



  span.decoBtns {

    display: block;

    line-height: 2.5em;

}



details.postarea {

  border: 3px solid var(--accent-color);

  background: #ffffff90;

  font-size:0.9em;

}



summary {

  padding: 10px;

  background: var(--accent-color);

}

  

textarea.tegalogpost {

  border: 1px solid var(--accent-color);

  border-radius: 0 10px;

  background-color: #ffffff90;

  padding: 1em;

  box-sizing: border-box;

  width: 100%;

  overflow-wrap: break-word;

  overflow: auto;

  line-height: 1.5em;

}



  input.submitbutton, input.passkeysubmit, input.hashtagpullsubmit, .postarea input[type="button"], .postarea input[type="text"] {

    min-width: 33px;

    min-height: 33px;

    margin: 3px;

    background-color: var(--button-sub-color);

    color: var(--button-color);

    font-weight: 600;

    border: solid 1px var(--button-color);

    cursor: pointer;

    font-size: 0.9em;

    vertical-align: middle;

    padding:6px 10px;

  }

  

.postbutton {

      background: var(--button-sub-color);

      color: var(--button-color);

      border: 1px solid var(--button-color);

      font-size: 1.1em;

      font-weight: bold;

      margin-bottom: 10px;

      padding: 10px 20px;

  }



  .postbutton:hover{

    background: var(--button-color);

    color :var(--button-sub-color);

    border:none;

  }

  

  .postarea input[type="file"] {

    background: transparent;

    border: none;

    font-size: 0.9em;

    vertical-align: middle;

  }

  

input.submitbutton:hover {

    background: transparent;

    color: var(--button-hover);

    border: 1px solid;

}



input.hashtagpullsubmit:hover{

  background: transparent;

  color: var(--button-hover);

  border: 1px solid;

}



.postarea .submitcover {

    display: block;

    text-align: right;

  }



p.line-textarea {

    margin: 0;

  }

  

.postarea {

    margin: 0.5em;

  }

  

.postarea input[type="text"] {

    padding: 10px 5px 0;

    text-align: center;

    margin: 0;

}

  



.readmorebutton {

    display: inline-block;

    text-align: center;

    border-radius: 10px;

    width: 80%;

    background-color: var(--accent-color);

    margin: 1.5em 0;

    padding: 0.5em;

}



.readmorebutton:link, .readmorebutton:visited {

    color:var(--text-color);

    font-weight: bold;

}



footer {

    margin: 1em 0 0 0;

    padding: 10px 0 0 0;

    background-color: transparent;

    color: var(--text-color);

}





.backlink {

    text-align: center;

    padding: 1em;

}



.searcharea {

  margin: 0 1em;

  padding: 1em;

  overflow: auto;

  display: flex;

  justify-content: center;

}



.searcharea .cornertitle {

    font-weight: bold;

    margin: 10px 0 0 0;

    color: var(--text-color);

}



p.searchtarget.limitedsearch {

  margin: 0;

}



select.hashtagpull {

  padding: 3px;

  height: 30px;

  width: 200px;

  font-size: 0.8em;

}



select.datelimitpull{

  padding: 3px;

  height: 30px;

  width: 200px;

  font-size: 0.8em;

}



span.datelimitboxoptions {

  display: block;

}



.hashtagarea{

  margin: 2em;

}





input.queryinput {

  padding: 3px;

  height: 20px;

  width: 190px;

}





.poweredby {

  font-size: 0.8em;

  text-align: center;

  margin: 20px 0 0 0;

  padding: 10px;

}



.searchword {

  font-weight: bold;

  background-color: var(--box-bgcolor);

}



.la, .las {

  font-size: 16px;

  vertical-align: baseline;

}



div.twitter-tweet {

	max-width: 350px !important;

} 





.sub{

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(2, 1fr);

  gap: 20px;

  margin: auto;

  max-width: 600px;

  font-size:0.9em;

  justify-items: center;

  align-items: start;

}

  



.div2 {

  grid-column-start: 1;

  grid-row-start: 2;

}



.div3 {

  grid-row: span 2 / span 2;

  grid-column-start: 2;

  grid-row-start: 1;

  justify-items: center;

}



@media (max-width: 600px) {

.sub {

  grid-template-columns: 1fr;  /* 1列のグリッド */

  grid-template-rows: auto;   /* 自動で高さを調整 */

}



.div2 {

  grid-column-start: 1;  /* 全要素が縦並びになるので、特に変更なし */

  grid-row-start: auto;   /* 自動的に配置 */

}



.div3 {

  grid-column-start: 1;  /* 同様に全要素が縦並び */

  grid-row-start: auto;

  grid-row: auto;

  justify-items: center;

}

}





/* ▼見出し */

.calendararea .cornertitle {

  margin: 0;							/* 外側の余白量 */

  font-weight: bold;					/* 太字 */

  color: #005;						/* 文字色 */

  text-shadow: 1px 1px 1px #eee;		/* 文字の影 */

}



  /* ▽カレンダーカバー */

  .calendarplace {

    margin: 1em 0;			/* 外側の余白量 */

    padding: 0;				/* 内側の余白量 */

    background-color: #fff;	/* 背景色 */

    line-height: 1.5;		/* 行の高さ */

    overflow: auto;			/* はみ出る場合の処理 */

  }



  caption {

    background: var(--accent-color);

    color: #fff;

    border-radius: 3px 3px 0 0;

    font-weight: bold;

    border-bottom: 1px dashed;

}



  /* ▽カレンダーテーブル */

.calendar {

    border-collapse: collapse;

    border: 1px solid var(--accent-color);

    font-family: 'Zen Kaku Gothic New';

    margin:10px 10px 0;

}

  .calendar th,

  .calendar td {

    border: 1px dashed var(--accent-color);	/* テーブル内側の枠線 */

    padding: 2px;				/* セル内側の余白 */

    text-align: center;			/* 中央寄せ */

    font-size: 0.9em;			/* 文字サイズ */

    line-height: 1;				/* 行の高さ */

  }

    /* 曜日行 */

    .daysofweek th {

      background-color: var(--accent-color);

      font-weight: normal;

      padding: 6px 0;

      font-size: 0.8em;

      line-height: 1;

      border: 1px dashed #fff;

  }



    /* 日付数値の装飾（リンクになる場合も、ならない場合も共通） */

    .calendar a,

    .calendar .nolink {

      display: inline-block;	/* インラインブロック化 */

      padding: 0.4em;			/* 内側の余白 */

      width: 1.2em;			/* 横幅 */

      height: 1.1em;			/* 高さ */

      background-color: transparent;

    }



    /* 日付数値のリンク（※リンクになる場合だけの装飾） */

.calendar td a {

      text-decoration: none;

      background-color: var(--accent-color);

      color: #fff;

      font-weight: bold;

  }

    /* 日付数値のリンクにマウスが載った際 */

    .calendar td a:hover {

      background-color: #fff;	/* 背景色 */

      color: var(--accent-color);				/* 文字色 */

    }



    .prev1 {

      display: flex;

      justify-content: center;

      align-items: center;

      width: auto;

      margin:0 auto;

      padding: 2px 10px;

      border: none;

      border-radius: 5px;

      background-color: var(--accent-color);

      color: #fff;

      font-weight: 600;

      font-size: 1em;

  }



  .prev a{

    color:#fff;

  }

  

  .prev1::before {

      transform: rotate(225deg);

      width: 5px;

      height: 5px;

      margin-right: 10px;

      border-top: 2px solid #fff;

      border-right: 2px solid #fff;

      content: '';

  }

  

  .prev1:hover {

      background-color: var(--button-hover);

  }    



  .next1 {

    display: flex;

    justify-content: center;

    align-items: center;

    width: auto;

    margin:0 auto;

    padding: 2px 10px;

    border: none;

    border-radius: 5px;

    background-color: var(--accent-color);

    color: #fff;

    font-weight: 600;

    font-size: 1em;

}



.next1::after {

    transform: rotate(45deg);

    width: 5px;

    height: 5px;

    margin-left: 10px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    content: '';

}



.next1 a{

  color:#fff;

}



.next1:hover {

    background-color: var(--button-hover);

}



.clunder {

  display: flex;

  margin: 2px 0;

}



p.cornertitle {

  margin: 0.1em;

}





/* 装飾 */

.deco-marker {

    background: linear-gradient(transparent 55%, var(--accent-color) 30%);

    font-weight: bold;

    padding: 0 5px;

}



.deco-moji

{

    color:var(--sub-color);

}



em.decorationE {

    background: linear-gradient(transparent 55%, var(--accent-color) 30%);

    font-weight: bold;

    padding: 0 5px;

    font-style: normal;

}



b.decorationB {

    font-weight: bolder;

}



small.decorationS {

    font-size: 0.85em;

}



small.decorationT {

    font-size: 0.7em;

}



u.decorationU {

    text-decoration: underline;

    color: var(--text-color);

}



del.decorationD {

    text-decoration: line-through;

    text-decoration-color: var(--main-color);

}







/* 引用 */

q.decorationQ {

  background: var(--box-bgcolor);

  margin: 1.5em 0;

  padding: 1.5em;

  border-radius: 0 10px;

}



q:before{

  display: none;

}



q:after{

  display: none;

}





/* 上に戻るボタン*/



a#totop {

  display: block;

  position: fixed;

  bottom: 2px;

  right: 2px;

  width: 45px;

  height: 45px;

  background: var(--accent-color);

  border-bottom: none;

  z-index: 999;

  border-radius: 5px;

}



a#totop:before {

  content: '';

  position: absolute;

  width: 8px;

  height: 8px;

  border-top: 2px solid var(--button-sub-color);

  border-left: 2px solid var(--button-sub-color);

  right: 0;

  left: 0;

  margin: auto;

  top: 22px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: .3s;

  transition: .3s;

}





/* ---------------------- */

	/* ▼カード型リンクの装飾 */

	/* ---------------------- */

	.cardlink {

		display: inline-block;

		width: 100%;

		max-width: 450px;               /* 最大幅 (※横幅を制限したくない場合はこれを削除して下さい) */

		padding: 0 0.25em 0.5em 0;      /* 内側の余白量 */

		font-size: 0.9rem;              /* 文字サイズ */

		text-decoration: none;          /* リンク文字の下線を消す */

		vertical-align: middle;         /* 行内の上下方向では中央配置 */

                margin: 20px 0;

	}



		/* ------------------------------------- */

		/* リンクカードの装飾(サイズS/L共通部分) */		/* ※後述の「サイズS用の追記」や「サイズL用の追記」と合わせて、1つのカードデザインになります。 */

		/* ------------------------------------- */

		/* カード外枠 */

		.cardlinkbox {

			border: 1px solid #ccc;    /* 枠線 */

			background-color: #ffffff60;   /* 背景色 */

			display: flex;             /* 内部レイアウトのFlexbox化 */

      box-shadow: 2px 2px 4px #ccc;

		}

		/* (マウスが載ったとき) */

		.cardlinkbox:hover {

			background-color: var(--box-bgcolor); /* 背景色 */

			border-color: #ccc;

      box-shadow: none;        /* 枠線色 */

		}

			/* ▽リンクカード内の画像枠 (※読み込まれたog:imageは、この枠に《背景画像として》描画されます) */

			.cardlinkimage {

				background-image: linear-gradient(-30deg, var(--box-bgcolor), var(--accent-color));  /* プレースホルダ的な背景グラデーション(※og:imageの画像指定が読み込まれたら、この値は上書きされます) */

				background-size: cover;             /* 背景画像で枠を埋める */

				background-position: center center; /* 背景画像を中央に寄せる */

				background-repeat: no-repeat;       /* 背景画像を繰り返さない */

			}

			/* ▽リンクカード内のテキスト枠 */

			.cardlinktextbox {

				display: flex;          /* Flexbox化 */

				flex-direction: column; /* 子要素を縦方向に並べる */

				padding: 0.5em 1em;     /* 内側の余白量 */

			}

				/* ▽リンクカードのテキスト枠内の3要素共通 */

				.cardlinktitle,

				.cardlinkdescription,

				.cardlinkurl {

					/* ↓表示行数を制限するための準備 (※システム側では文字数は制限せずに「記述されている全文字」をHTMLに出力しますので、表示分量を制限したい場合はCSSで制御する必要があります。) */

					display: -webkit-box;          /* -webkit-line-clampを使うために必要な記述1 ※A */

					-webkit-box-orient: vertical;  /* -webkit-line-clampを使うために必要な記述2 ※A */

					overflow: hidden;              /* 表示量を制限する場合に必須の記述 */

					/* ↓制限の仕様 */

					line-clamp: 1;                 /* 1行だけ見せる (将来的にはこれだけで実現可能かも) */

					-webkit-line-clamp: 1;         /* 1行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */

					text-overflow: ellipsis;       /* 省略記号(三点リーダー) */

				}

				/* リンクタイトル */

				.cardlinktitle {

					padding-bottom: 0.25em;        /* 内側下端の余白量 */

          font-weight: bold;

          color:var(--text-color);

				}

				/* リンク概要文 */

				.cardlinkdescription {

					line-height:1.3;               /* 行の高さ */

					color:#555;                    /* 文字色 */

					line-clamp: 2;                 /* (既存指定の上書き) 最大2行まで見せる */

					-webkit-line-clamp: 2;         /* (既存指定の上書き) 最大2行まで見せる */

          font-size:0.9em;

				}

				/* リンクドメイン */

				.cardlinkurl {

					color: #999;                   /* 文字色 */

          font-size:0.9em;

				}



		/* ----------------------------------- */

		/* リンクカードの装飾(サイズS用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */

		/* ----------------------------------- */

		.cardsize-S {

			flex-direction: row;                /* 画像とテキストは横に並べる(Flexbox) */

		}

			/* ▽リンクカード内の画像枠 */

			.cardsize-S .cardlinkimage {

				min-width: 120px;           /* 最小の横幅 */

				min-height: 120px;          /* 最小の高さ */

				flex-shrink: 0;             /* 枠サイズを自動縮小させない */

			}

			/* ▽リンクカード内のテキスト枠 */

			.cardsize-S .cardlinktextbox {

				border-left: 1px solid #ccc; /* 左側の枠線 */

				justify-content:center;      /* Flexboxの上下方向での中央寄せ */

			}

				/* ▽リンクカードのテキスト枠内の3要素 */

				.cardsize-S .cardlinktitle { order: 1; }        /* タイトルは、2番目に表示 */

				.cardsize-S .cardlinkdescription { order: 2; }  /* 概要文　は、3番目に表示 */

				.cardsize-S .cardlinkurl { order: 3; }          /* ドメインは、1番上に表示 */



		/* ----------------------------------- */

		/* リンクカードの装飾(サイズL用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */

		/* ----------------------------------- */

		.cardsize-L {

			flex-direction: column;             /* 画像とテキストは縦に並べる(Flexbox) */

		}

			/* ▽リンクカード内の画像枠 */

			.cardsize-L .cardlinkimage {

				aspect-ratio: 1.91 / 1;     /* 画像枠の縦横比を指定= (横)1.91：(縦)1 */

				width: 100%;                /* 横幅は枠最大に拡げる */

				height: auto;               /* 高さは自動計算 */		}

			/* ▽リンクカード内のテキスト枠 */

			.cardsize-L .cardlinktextbox {

				border-top: 1px solid #ccc; /* 上側の枠線 */

			}

				/* ▽リンクカードのテキスト枠内の3要素 */

				.cardsize-L .cardlinktitle { font-weight: bold; }        /* 太字 */

				.cardsize-L .cardlinkdescription { min-height: 2.5em; }  /* 内容量が少ない場合でも一定の高さを確保 */

				.cardsize-L .cardlinkurl {

					border-top: 1px solid #ddd;  /* 上側の枠線 */

					margin-top:0.5em;            /* 上側の枠線より上の余白量 */

					padding-top:0.5em;           /* 上側の枠線より下の余白量 */

					font-size:0.75rem;           /* 文字サイズ(小さめ) */

				}

  .calendarheatmap {
		display: flex;			/* 週単位で出力されるdiv要素を横に並べる必要があるためflex必須 */
		flex-direction: row;	/* flexで横に並べる必要があるためrow指定必須 */
		gap: 3px;				/* 週と週との隙間(余白)サイズ */
		margin: 1rem auto;		/* 外側の余白量：左右センタリング */
		padding: 5px;			/* 内側の余白量：月名や曜日名を表示する場合は（文字サイズやブロックサイズによっては）若干はみ出るので、少なくとも右端と下端には余白を少し設けておかないとスクロールバーが出る可能性が高まります。 */
		width: fit-content;		/* 横幅を内容量に合わせる */
		max-width: 100%;		/* 横幅の最大サイズ */
		box-sizing: border-box;	/* この指定がないと、左右のpaddingの分だけ横にはみ出てしまって横スクロールバーが出ます。 */
		overflow: auto;			/* はみ出た分はスクロールで表示する（主に画面幅の狭いモバイル端末向け） */

		--chm-box-size:	9px;	/* ヒートマップ1ブロックの縦横サイズ */
		--chm-fontsize: 8px;	/* 月名・曜日名の文字サイズ */
	}
		/* ▽1週間分の枠 */
		.chmWeek {
			display: flex;			/* 1週のデータは縦に並べる必要があるためflex必須 */
			flex-direction: column;	/* flexで縦に並べる必要があるためcolumn指定必須 */
			gap: 3px;				/* ヒートマップブロック間の隙間(余白)サイズ */
		}
			/* ▽1週間枠の先頭(月名) */
		.weekhead {
    display: block;
    font-size: var(--chm-fontsize);
    width: var(--chm-box-size);
    height: var(--chm-box-size);
    line-height: normal;
      }
			/* ▽ヒートマップ内の1ブロック */
			.chmDay {
				display: block;
				border: 1px solid #d5d5d5;		/* 枠線 */
				border-radius: 2px;				/* 角丸 */
				width: var(--chm-box-size);		/* 横幅(CSS変数参照) */
				height: var(--chm-box-size);	/* 高さ(CSS変数参照) */
				background-color: gold;		/* ※後述の「ヒートマップの配色」指定が充分ならこの色(gold)が使われることはありません。指定漏れに気付きやすくするため、デフォルト色を分かりやすい色にしています。 */
			}

				/* ▽各ブロックに含まれる日付や該当件数は非表示にする（※これらはヒートマップ以外の用途や、JavaScript等からデータを取得したい場合のために出力しているデータであり、表示には使わない前提の要素群です。） */
				.chmDay time,
				.chmDay b { display: none; }

			/* ▽曜日名列(ヒートマップ左端列)の追加装飾 */
			.weekNames {
				flex: 1;
			}
				.weekNames span {
					display: block;
					border: 1px solid white;			/* 枠線(※白色で上書きすることで消す／本当に消すと高さがズレるので) */
					width: 2em;							/* 横幅 */
					height: var(--chm-box-size);		/* 高さ(CSS変数参照) */
					font-size: var(--chm-fontsize);		/* 文字サイズ(CSS変数参照) */
					line-height: var(--chm-fontsize);	/* 行高も上記に合わせる */
					text-align: right;					/* 右寄せ */
				}

		/* ▼ヒートマップの配色 */
		.exist0 { background-color: #ffffff; border-color: #d5d5d5; }	/* 投稿なしのブロックの色 */
		.exist1 { background-color: #FEFCEB; border-color: #E5E3D3; }	/* 1件の投稿があるブロックの色 */
		.exist2 { background-color: #FEFAD1; border-color: #E5E1BC; }	/* 2件の投稿があるブロックの色 */
		.exist3 { background-color: #FEF8B8; border-color: #E5DFA5; }	/* 3件の投稿があるブロックの色 */
		.exist4 { background-color: #FEF69E; border-color: #E5DD8E; }	/* 　：　：　： */
		.exist5 { background-color: #FEF385; border-color: #E5DB78; }
		.exist6 { background-color: #FEF16C; border-color: #E5D961; }
		.exist7 { background-color: #FEEF52; border-color: #E5D74A; }
		.exist8 { background-color: #FEED39; border-color: #E5D533; }
		.exist9 { background-color: #FEEA1F; border-color: #E5D31C; }
		.exist10,
		.exist11 { background-color: #FEE806; border-color: #E5D105; }
		.exist12,
		.exist13 { background-color: #E5D105; border-color: #D8C505; }
		.exist14,
		.exist15 { background-color: #CBB905; border-color: #BEAE04; }	/* 15件の投稿があるブロックの色 */
		.over15 { background-color: #B2A204; border-color: #A59604; }	/* 16～20件 */
		.over20 { background-color: #988B04; border-color: #8B7F03; }	/* 21件以上 */