@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: 960px)
{
	.h1-tag{
		font-size:24px;
	}
	.h2-tag{
		font-size:20px
	}
}

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

.front-cover{
	width:80%;
	Max-width:600px;
}

.greeting{
Text-align:left;
Padding-left:10%;
}

.index{
display:flex;
margin-right: auto;
margin-left: auto;
text-align:center;
}


.link-1{
Text-align:left;
Margin-right:5%;
margin-left: auto;
}

.link-2{
Text-align:left;
margin-right: auto;
}

.link-2-1{
Text-align:left;
Margin-right:auto;
margin-left: auto;
}

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

.link-num{
margin-left: auto;
}

.translator{
	text-align:center;
	Font-size:17px
}

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

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

}

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{
	Min-width: 75px;
	Width:20%
}

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