/* 全体ページ */ 

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    list-style-type: none;
} 
  
body{
color: #b0c4de;
margin: auto;
font-family: "Meiryo UI", "メイリオ", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
font-weight: normal;
text-align: center;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.8;
}

/* wrap */ 
div.wrap{  
color: #b0c4de;
	padding: 2em;
}


/* 文字かくとこ */ 
div.menu{
text-align: left;
color: #b0c4de;
margin:90px 5% 50px 5%;
padding: 48px 32px 48px 32px;
background: rgba(176,196,222,0.2);
}

span.info{
background: #5677b4;
padding: 3px;
border-radius: 5px;
}

div.center{
text-align: center;
}

/* 見出し */ 
p.h2
{
margin:0.5em 0 0.5em 0;
font-size: 32px;
color: #ffffff;

}

/* ライン */ 
div.line
{
text-align: left;
}

img.line
{

margin: 0;
}


/* 名前変換ゾーン */ 
textarea,input[type=text],input[type=reset],input[type=submit],input[type=button],button,select
 {
border: 2px solid #ffffff;
color: #ffffff;
background:#e6e6b8;
border-radius: 7px;

}

textarea,input[type=text],select
 {
width: 6em;
}



/* 拍手ボタン設置場所 */ 
p.clap
{
text-align: right;
}

/* メニューの注釈 */ 
span.menuinfo{
color: #b0c4de;

}


/* 最新更新の色付け */ 
span.kousin{
background: rgba(102,204,204,0.2);

}

/* リンク */ 
a {	text-decoration: none;
	color: #FFFFFF;
}


a.index {	text-decoration: none;
	color: #ffffff;
}

a.counter
{
text-decoration: none;
}

a:hover {
position:relative;
top: 2px;
left:2px;
}

/* フッターセット */ 

p.footer{
	text-align: center;
	color: #FFFFFF;
margin:2em 0 2em 0;
}

a.footer{
letter-spacing: 0.1em;
display: inline-block;
color: #b0c4de;
border:#ffffff 1px solid;
word-wrap: break-word;
    margin:2em 0 1em 0;
    padding:0 1em 0 1em;
    border-radius: 50px;

}


/* 更新履歴セット */ 

p.new{
margin:0 0 2em 0;
  	}

span.new{
color:#b0c4de;

	}


/* 拍手レス用 */ 
.acd-check{
  display: none;
}
.acd-label{
  background: #b0c4de;
  color: #ffffff;
  display: block;
  margin-bottom: 1px;
  padding: 10px;
  border-radius: 50px;
  
}
.acd-content{
  border: 1px solid #b0c4de
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
  background: #fffacd;
  color: #b0c4de;

}
.acd-check:checked + .acd-label + .acd-content{
  height: 40px;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}