@charset "UTF-8";

.side {
	background-color:#afc7a7;
	min-width:230px;
	Width:30%;
	border-right: 5px double gray;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
} 
.click{
Width:90%;
margin-right: auto;
margin-left: auto;
text-align:left;
}

.click2{
Font-size:14px;
Width:90%;
margin-right: auto;
margin-left: auto;
text-align:left;
}

.side-link2{
	text-align:center;
}

.side-link{
	display:flex;
	width:100%;
	text-align:center;
}

#open1{
margin-right: auto;
margin-left: auto;
Font-size:12px;
Text-align:left;
}

#open2{
margin-right: auto;
margin-left: auto;
Font-size:12px;
Text-align:left;
}

#open3{
margin-right: auto;
margin-left: auto;
Font-size:12px;
Text-align:left;
}

#open4{
margin-right: auto;
margin-left: auto;
Font-size:12px;
Text-align:left;
}

#open5{
margin-right: auto;
margin-left: auto;
Font-size:12px;
Text-align:left;
}

#open6{
margin-right: auto;
margin-left: auto;
Font-size:12px;
Text-align:left;
}

@media screen and (min-width: 1000px)
{
#open1{
Font-size:14px;
}

#open2{
Font-size:14px;
}

#open3{
Font-size:14px;
}

#open4{
Font-size:14px;
}

#open5{
Font-size:14px;
}

#open6{
Font-size:14px;
}
}

@media screen and (max-width: 980px)
{
	.link-1{
		display:none;
	}
	.link-2{
		display:none;
	}
}

@media screen and (min-width: 981px)
{
	.link-2-1{
		display:none;
	}
}

@media screen and (max-width: 520px)/*指定した画面幅以下のときはサイドバーを消す*/
{
	.side {
		display:none ;
	} 
	.h1-tag{
		font-size:22px;
	}
	.h2-tag{
		font-size:20px;
	}
}

a{
Text-decoration:none;
Color:#000;
}

.content {
	background-color:#fffaf0;
  	width:100%;
  	height:100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.h1-tag{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.h2-tag{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.plate{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:80%;
	Max-width:600px;
}

a.lined-link:link{
Text-decoration:underline;
Color:#000;
}

.pagenum{
	text-align:left;
	Font-size:17px;
	margin-left: 20px;
}

.passage{
Text-align: justify;
Font-size: 17px;
Line-height: 170%;
Margin-left: 20px;
Margin-right: 20px;
Margin-bottom: 60px;
}

body{
display:flex;/*サイドバーとメインコンテンツを横並びにする指定をした*/
}

@media(prefers-color-scheme: dark){
body{
	background-color: #000;
	Color: #fff;
}

.content{
	background-color: #000;
	Color: #fff;
}
.side{
	background-color: #000;
	Color: #fff;
}
a{
	color: #fff;
}
}


.page-jump{
	display:flex;
}

.jump-pic{
	width: 20%;
	Min-width: 75px;
}

.copyright{
	text-align:right;
	Font-size:17px;
}