@charset "utf-8";

body{
    background-color: #fffff8;
}

h1 {
  	color: #5A80BE;			/* 見出しテキストの色を指定する */
  	border-bottom: 1px solid #BED2FF; 	/* ボーダー下部のスタイルを指定する */
}

h2 {
    color: #5A80BE;			/* 見出しテキストの色を指定する */
    padding-left:10px;		/* ボックス内左側の余白を指定する */
    border-left: 10px solid #BED2FF;	/* ボーダー左側のスタイルを指定する */
    border-bottom: 1px dashed #BED2FF; 	/* ボーダー下部のスタイルを指定する */
}

p {
    color: #3C5B43;
}

ul, ol {
    color: #3C5B43;
    padding: 0.5em 0 0.5em 1.5em;
  }
  
  ul li, ol li {
    line-height: 1.5;
    padding: 0.5em 0;
  }

blockquote {
    position: relative;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    background: #ffe6be;
    color: #3C5B43;
    border-left: 4px solid #F37879;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

footer {
    text-align: center;
    padding: 5px;
    background-color: #ffe6be;
    color: #3C5B43;
    width:95%;
  }