@charset "UTF-8";



/* 全体ページ */ 

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    list-style-type: none;
} 
  
body{
color: #b3b36b;
background: #e6e68a;
margin: auto;
font-family: "Meiryo UI", "メイリオ", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
font-weight: normal;
text-align: center;
}

/* wrap */ 
div.wrap{  
color: #b3b36b;

}


/* 文字かくとこ */ 
div.menu{
text-align: left;
background: #e6e68a;
color: #b3b36b;
margin:10px 2.5% 10px 2.5%;
padding: 10px 32px 10px 32px;
border:#e6e68a solid 1px;
border-radius: 25px;
}

/* 見出し */ 
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: #6ba7b3;

}


/* 最新更新の色付け */ 
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:0 0 50px 0;
}

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

}

/* カウンタまんなかにこい */ 
div.counter{
margin: 0 auto;
  width: 300px;
}
div.inner{
  width: 100px;
margin: 0 auto;

}


/* 更新履歴セット */ 

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

span.new{
color:#6ba7b3;

	}


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

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



/* ★★★★★★★★★★スマホ用★★★★★★★★★★ */

@media screen and (min-width:0px) and (max-width:736px){


body {

width:100%;
font-size: 80%;
line-height:1.6em;
-webkit-text-size-adjust: 100%;
	}


/* wrap */ 

div.wrap{  
padding: 1em;
}

/* 文字かくとこ */ 
div.menu{
margin:2em 0 2em 0;
padding: 1em 2em 1em 2em;
}

span.menuinfo{
    font-size:0.8em;
    

}

img {
		max-width:85%;
    height:auto;
	}








}

/* ★★★★★★★★★★PC用★★★★★★★★★★ */


@media screen and (min-width:737px){

body{
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.8;

}

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

/* 文字かくとこ */ 
div.menu{
margin:90px 5% 50px 5%;
padding: 48px 32px 48px 32px;
}


span.menuinfo{
    font-size:small;
    

}



}