@charset "utf-8";


body {
	background:#f9f9f1;
}

#wrapper{
	border:6px solid #f9e1e4;
     border-radius: 20px;
}

h1{
	color:#f281b3;
	border-top:2px solid #f9e1e4;
	border-bottom:2px solid #f9e1e4;
}

 
h2 {
  color: #f9f9f1;/*文字色*/
  padding: 0.5em 0.5em 0.5em 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #f983a1;/*背景色*/
  vertical-align: middle;
  width:98%;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h2:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

@media screen and (max-width: 680px) {
	#wrapper{
	border:none;
	border-radius: 0;
}

}