h2{font-size:24px;margin:0;margin-bottom:3px;padding:3px;color:#669;border-bottom:1px solid #d8dfea;background-color: #f7f7f7;
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

h3{font-size:14px;margin:0;padding:3px;color:#669;border-bottom:1px solid #d8dfea

    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	margin-top:32px;
	margin-bottom:32px;

}


ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
font-size:18px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
color: #669;
}


h2 {
	text-decoration:none;
	text-align:left;
	margin: 0 auto; padding:0px; font-size:24px;background-color:#FCF2F7;
	margin-top:32px;
	margin-bottom:32px;


text-align: center;

}

h3 {
	text-decoration:none;
	text-align:left;
color: #669;
	margin: 0 auto; padding:0px; font-size:18px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;


text-align: center;

	margin-top:32px;
	margin-bottom:32px;


}



p{
    margin-right: auto;//ここで中央寄せを指定する。
    margin-left : auto;
    font-size: 18px;
    margin:0;
    margin-bottom:3px;
    padding:3px;
    color:#669;
    border-bottom:1px;
    width: 80%;
    max-width: 500px;
    margin-top: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    width: 80%;
    max-width: 500px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}


p.resizeimage25 img {
 width: 25%;
 text-align:center;
 color:#8F4E70;
 border-style:solid;
 border-width:0px;
 border-color:#E2DEF0;
 max-width: 500px;
 max-height: 500px;
 margin: 0 auto;
}


p.resizeimage img {
 width: 100%;
 text-align:center;
 color:#8F4E70;
 border-style:solid;
 border-width:0px;
 border-color:#E2DEF0;
 max-width: 500px;
 max-height: 500px;
 margin: 0 auto;
}

p.resizeimage2 img {
 width: 100%;
 text-align:center;
 color:#8F4E70;
 border-style:solid;
 border-width:1px;
 border-color:#E2DEF0;
 max-width: 500px;
 max-height: 500px;
 margin: 0 auto;
background-color: #f2f388;
}

voiceexp{
    font-size: 12px;
    color:#669;
}



p.Chapter{
    font-size: 24px;
}

button {
    width: 86px;
    height: 76px;
    color: #4c567d;
    background-color: #f5e571;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

input#instabutton {
    background: url('img/insta-logo-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #eb71f5;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
}

input#viberbutton {
    background: url('img/viber-logo-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #604cd9;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;}


a.viberbutton{
    background: #604cd9;
    background-repeat: no-repeat;
    display: block;
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-position: 50% 50%;
}


a.twitterbutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #1da1f2;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;

}

a.facebookbutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #3b579d;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;

}

a.linebutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #00b900;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
  margin: 0 auto;
}


table.buttons{
 max-width: 800px;
  margin: 0 auto;

}

a.instabutton {
    width: 80px;
    height: 60px;
    padding-top: 20px;
    background-color: #eb71f5;
    display: block;
	background-position: 50% 50%; 
	background-repeat: no-repeat;

}

input#twitterbutton {
    background: url('img/twitter-logo-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #1da1f2;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;}

input#facebookbutton {
    background: url('img/facebook-logo-white-40x40.png');
    width: 80px;
    height: 80px;
    color: #4c567d;
    background-color: #3b579d;
    font-size: 18px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
}



input#backbutton {
	background: url('img/arrow-right.png');
	background-position: 50% 50%; 
	background-repeat: no-repeat;
    width: 86px;
    height: 76px;
    color: #4c567d;
    background-color: #FCF2F7;
    border-width: 0px;
    font-size: 18px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

input#goodbutton {
	background: url('img/arrow-left.png');
	background-position: 50% 50%; 
	background-repeat: no-repeat;
    width: 86px;
    height: 76px;
    color: #4c567d;
    background-color: #FCF2F7;
    border-width: 0px;
    font-size: 18px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

input#open {
    font-size: 18px;
    color: #4c567d;
    border-width: 0px;
    border-style: outset;
    background-color: #f7b3b3;
    border-color: buttonface;
    border-image: initial;
}

input#close {
    font-size: 18px;
    color: #4c567d;
    border-width: 0px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

div#footer {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	   font-size:14px;
	   text-align:center;
	color:#669;

	  }

div#header {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size:14px;
    text-align:center;
    color:#112910;
    /* max-width: 785px; */
    /* margin: 0 auto; */
    text-align: center;
   }

div#space{
height:100px;
}

body {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}



div.Chapter{
    margin-right: auto;//ここで中央寄せを指定する。
    margin-left : auto;
    font-size: 24px;
    margin:0;
    margin-bottom:3px;
    padding:3px;
    color:#669;
    border-bottom:1px;
    width: 80%;
    max-width: 500px;
    margin-top: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    width: 80%;
    max-width: 500px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}


audio.resizeimage {
 width: 100%;
 text-align:center;
 color:#8F4E70;
 border-style:solid;
 border-width:0px;
 border-color:#E2DEF0;
 max-width: 500px;
 max-height: 500px;
 margin: 0 auto;
}

footer {
  text-align: center;
  padding: 1rem 2rem;
  font-size: 0.85rem;
  color: #669;
}


/* main が余白をすべて埋める */
main {
  flex: 1;
  padding: 4rem 2rem;
}