@charset "UTF-8";
/*コメントアウトはこうして書く bodyの{colorを: blackに}*/

body{
	font-family: Quicksand,游ゴシック体,objektiv-mk2,ryo-gothic-plusn,Helvetica,sans-serif;
	color: black;
	background-color: white;
	margin: 0px;
}

#content {
  text-align: center;
}

.wrapper	{
	margin: 5px 20px;
	padding: 5px;
}

header{}


#goback {
	text-align: center;
}

#goback li {
	text-align: center;
	display: inline;
	margin: 10px 38px 10px 0px;
}

#goback2 {
	text-align: center;
}

#goback2 li {
	text-align: center;
	display: inline;
	margin: 10px 38px 10px 0px;
}

#my_centered_buttons {
	display: flex;
	justify-content: center;
	padding: 0px;
 }

footer {
	color: grey;
	padding: 10px;
	font-size: 80%;
	text-align: center;
}

nav	{
	color: grey;
	text-align: right;
	font-weight: bold;
}

nav li {
	display: inline;
	margin-right: 10px;
}

a {
	text-decoration: none;
	color: black;
	font-weight: : bold;
}

.link {
	color: orange;
}

a:hover {
  color: grey;
}

h1 {
  margin: 10px auto;
  font-size: 120%;
}

h2 {
	margin: 10px 20px;
	font-size: 120%;
	display: inline-block;
	vertical-align: middle;
}

.tate {
  writing-mode: vertical-rl;
  margin: 30px auto;
  white-space: nowrap;/*折り返さない*/
}

article {
  text-align: center;
}

.date{
  border-bottom: double 6px #87CEFA;
}

h1, .text {
  display: inline-block;
  vertical-align: top;/*縦の表示位置も指定できる*/
}

h1{
  width: 50px;/*幅も指定できる*/
  border-right: solid 7px lightgreen;
  padding: 10px 24px 10px 10px;/*余白も指定できる*/
  margin: 0px;/*余白も指定できる*/
}

.text{
  width: 290px;/*幅も指定できる*/
  height: auto;/*高さも指定できる*/
  padding: 20px 0px 0px 0px;/*余白も指定できる*/
  margin: 0px;/*余白も指定できる*/
	text-align: left;/*左によせる*/
	/* white-space: pre-wrap;/*元の文章ただコピペ用*/
}

.hidden {display: none;}

.error {color:#ccc;}