@charset "utf-8";

/* ボディ */
body{
	 background-color:#f8f4e6;
	 margin:0;
	 padding:0;
	 }



/* コンテナ */
div#container{
			  width:70%;
			  margin-left:auto;
			  margin-right:auto;
			  /* display:flex; */
			  background-color:#ede4cd;
			  }


/* 左ブロック */
div#l_block{
			/* width:240px; */
			min-height:150px;
			background:#332518;
			margin:0;
			padding:0;
			display:flex;
			justify-content:center;
			align-items:center;
			}

div#l_block h1{
			   color:#f8f4e6;
			   margin:0;
			   padding:0;
			   }




/* 右ブロック */
div#r_block{
			max-width:700px;
			margin:0 auto;
			padding:0 20px;
			padding-bottom:100px;
			}




/* ナビゲーション */
div#navi{
		 margin:20px 0;
		 padding-bottom:10px;
		 border-bottom:dotted 2px #;
		 }

div#navi ul{
   margin:0;
   pading:0;
   line-height:0;
   list-style-type:none;
   text-align:right;
   }

div#navi ul li{
			   display:inline;
			   line-height:1.2;
			   padding-left:10px;
			   }


.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f8f4e6;
  border-left: solid 6px #332518;/*左線*/
  color: #332518;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:hover {
				   border-left: solid 6px #6d9446;
				   color:#6d9446;
				   }
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
.btn-sticky:visited {
				   border-left: solid 6px #94466d;
				   color:#cc7eb1;
				   }



/* ボタンいくつか */
div#link_button{
				margin:30px auto;
				}

div#link_button ul{
				   display:flex;
				   list-style-type:none;
				   margin:0;
				   padding:0;
				   line-height:0;
				   }
div#link_button ul li a{
						text-decoration:none;
						font-weight:bold;
						font-size:1em;
						margin:0 5px;
						padding:5px 10px 2px;
						color:#ffffff;
						background-color:#946c45;
						border-radius:30px;
						-moz-border-radius:30px;
						-webkit-border-radius:30px;
						-ms-border-radius:30px;
						-o-border-radius:30px;
						}
div#link_button ul li a:hover{background-color:#6d9446;}
div#link_button ul li a:active{background-color:#469494;}
div#link_button ul li a:visited{background-color:#94466d;}



/* 概要 */
div#gaiyou{
		   padding:10px 0;
		   margin-bottom:50px;
		   }

div#gaiyou h3{
			  margin:0 0 10px;
			  padding:0 0 0 5px;
			  line-height:1.5;
			  font-size:1em;
			  border-bottom:1px dotted #222222;
			  }

div#gaiyou h3:first-letter{
					       color:#944a00;
					       font-size:1.5em;
					       }

div#gaiyou p{
			 font-size:0.875em;
			 margin:0;
			 padding:0;
			 line-height:1.8;
			 }

a.bunchu_link{
			  color:#6d9446;
			  font-weight:bold;
			  }
a.bunchu_link:hover{
					color:#946c45;
					text-decoration:none;
					}
					 }
a.bunchu_link:visited{
					  font-weight:normal;
					  color:#94466d;
					  }


div#keyword{
			margin:20px 0;
			}

div#keyword ul, ol {
  padding: 0;
  display:flex;
  flex-wrap: wrap; 
}

div#keyword ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 5px;
  margin-left:10px;
  line-height: 1.5;
  background: #cc9660;
  vertical-align: middle;
  color: #505050;
  border-radius: 15px 0px 0px 15px;/*左側の角丸く*/
  font-size:0.75em;
}

div#keyword ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;
}



/* 更新履歴 */
div#update{
		   margin-bottom:50px;
		   }

div#update h3{
			  margin:0 0 10px;
			  padding:0 0 0 5px;
			  line-height:1.5;
			  font-size:1em;
			  border-bottom:1px dotted #222222;
			  }

div#update h3:first-letter{
					       color:#944a00;
					       font-size:1.5em;
					       }




div#update iframe{
				  border:1px solid #494a41;
				  }



/* リンク */
div#bkm{
		margin-bottom:50px;
		}

div#bkm h3{
			  margin:0 0 10px;
			  padding:0 0 0 5px;
			  line-height:1.5;
			  font-size:1em;
			  border-bottom:1px dotted #222222;
			  }

div#bkm h3:first-letter{
					       color:#944a00;
					       font-size:1.5em;
					       }

div#bkm p{
		  font-size:0.875em;
		  }

div#bkm table{
			  border:0;
			  font-size:0.875em;
			  }

div#bkm table th{
				 font-weight:normal;
				 text-align:left;
				 }

div#bkm table td{
				 padding-left:10px;
				 }



/* 関連作品 */
div#kanren{
		margin-bottom:50px;
		}

div#kanren h3{
			  margin:0 0 10px;
			  padding:0 0 0 5px;
			  line-height:1.5;
			  font-size:1em;
			  border-bottom:1px dotted #222222;
			  }

div#kanren h3:first-letter{
					       color:#944a00;
					       font-size:1.5em;
					       }



/* 登録先 */
div#touroku{
		margin-top:30px;
		margin-bottom:50px;
		}

div#touroku h3{
			  margin:0 0 10px;
			  padding:0 0 0 5px;
			  line-height:1.5;
			  font-size:1em;
			  border-bottom:1px dotted #222222;
			  }

div#touroku h3:first-letter{
					       color:#e9546b;
					       font-size:1.5em;
					       }


/* 広告 */
div.adm01{
		  padding:10px 0;
		  }




/* フッター */
footer{
			  width:70%;
			  min-height:500px;
			  margin:0 auto 0;
			  padding:20px 0;
			  display:block;
			  background-color:#664b30;
			  }

/* 著作権表示 */
div#copyright{
			  text-align:center;
			  margin:20px 0;
			  }

div#copyright p{
			   color:#ffffff;
			   }