@charset "UTF-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    list-style-type: none;
} 

body{
	color: #808080;
	margin: auto;
	font-family: "Meiryo UI", "メイリオ", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
    font-weight: normal;
	background-color:#ffffff;
}

div.wrap{
margin:100px 10% 100px 10%;
	text-align:center;
}

div.hana{
margin:50px 0 0 0;
text-align:left;
}

div.footer{
margin:50px 10% 100px 10%;
text-align:center;

}




/* ノート風部分 */

div.note{
  margin: 0;
  font-weight: bold;
  border: solid 3px #e6e6e6;
  text-align:left;

}
div.sen{
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
}


/* キャラごと色わけ */

div.wakuy{
color:#ff56aa;
}

div.wakul{
color:#56aaff;
}

div.wakur{
color:#ff5656;
}

div.wakud{
color:#aa56ff;
}

div.wakum{
color:#ffaa56;
}


/* 日付んとこ */

p{
font-family: "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
letter-spacing: 0em;
	font-size: 1.3em;
	  text-align:right;
}



a.close{
font-family: "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
font-size: 1.5em;
   font-weight: bold;
color: #917347;
	text-decoration: none;
	border-bottom:1.3px dashed #b38e57;

	}

a.close:hover{
font-family: "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
font-size: 1.6em;
   font-weight: bold;
color: #917347;
	text-decoration: none;
	border-bottom:1.3px dashed #b38e57;

	}





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

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


body{
width:100%;
height:auto;
   
font-size: 16px;
line-height:1.6em;
-webkit-text-size-adjust: 100%;
}

div.wrap{
margin:100px 1em 100px 1em;
	text-align:center;
}


div.sen{
  background-size: 6px 100%,100% 2em;
  line-height: 2em;
  padding: 2em 1em 0.2em 1em;
}


div.note{
  padding: 0.3em 0.5em 2em 0.5em;

}



}




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


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


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

div.sen{
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
  padding: 2em 1em 0.2em 1em;
}



}