@font-face {
	font-family: 'Noto Sans JP';
	src: url('../fonts/notolight.otf');
	font-display: swap;
}
html, body {

  font-family:  'Noto Sans JP','游ゴシック体', 'Yu Gothic', sans-serif;
  font-weight: normal;
    margin:0;
    padding:0;
}

.next{ position: absolute;
  right: 0;
  bottom: 0;
  font-size: 27px;
  font-weight:	normal;
  padding-bottom: 3vh;
 padding-top: 4vh;
}

.prev{
	position: absolute;
	  left: 0;
	  bottom: 0;
	  font-size: 27px;
	  font-weight:	normal;
	  padding-bottom: 3vh;
	 padding-top: 4vh;
}

  section.fork {

  position: relative;
   line-height: 1.8;
  font-size:19px;
	padding-top: 5vh;
  margin-top: 8vh;
	margin-left: auto;
	margin-right: auto;
  padding-bottom: 8vh;
  /*width: 720px;*/
	width: 50%;
	min-height: 80vh;

  }
	section.full {
	font-weight:lighter;
		position: relative;padding-top: 5vh;
		width: 100%;
		height: 80vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
/*	section.forkF{
		display:flex;
		position: relative;
	 line-height: 1.8;
	font-size:19px;
	position: absolute;padding-top: 5vh;
	margin-top: 8vh;
	margin-left: 25%;
	margin-right:25%;
	padding-bottom: 8vh;
	width: 50%;
	}*/


 .wrapborder{ border: 1px solid #464646; }
a:link, a:visited, a:hover, a:active  { color:#000000 ;text-decoration: none;}
.note{font-size: 70%;}
.noteimg{text-align: right; font-size: 70%;}
.noteimg > a {color: blue; text-decoration: underline;}
.note > a{color:blue; text-decoration: underline;}
#Header_all {width: 100%;position: fixed; background-color: #fff; height: 7vh;z-index:100; top: 0;
  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);}/*border-bottom: solid 1px black;*/
#headerlogo{left:3%;line-height: 7.5vh;position: absolute;font-size: 100%　;font-size: 1vw;}
#Header_all  a { font-size: 0.9vw; display: block; /*transition: all 0.3s ease 0s;*/ }
#Header_all  a:hover {animation: changecolor 2s;
/*  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-0.2em);*/
  background: linear-gradient(rgb(196, 196, 196)5%,transparent 5%);
}

/*#Header_all  a:hover{background-color: rgb(65, 65, 65)} */
#Header_all  li {position: absolute;border:solid 1 1 0 0 #333;list-style: none; top: 0; text-align: center; width: 10%;height:7.5vh;line-height: 7.5vh; }
#header1{right:30vw;}
#header2{right:20vw;}
#header3{right:10vw;}
#header4{right:0vw;}
 .engbtn{position: absolute; border: 1px solid black; top :7.5vh; right:0vw; width: 9vw ;height: 3vh; text-align: center;display: block;}
 .engbtn {
    background-color:#464646;
    border: 2px solid #464646;
    color: white;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
		height: 29px; /*display: table-cell;*/
}
 .engbtn:hover {
    background-color: transparent;
    border: 2px solid #464646;
    color: #464646 !important;
}

.title{
position: relative;
text-align: left;
padding: .3em .75em;
background-color: rgb(236, 236, 236);
top: auto;bottom: auto;
border-left: 3px solid #464646;
color:#464646;
font-size: 30px;
　}
.title::after{
position: absolute;

color: #fff;
right: 20px;
}
/*.title::after{content: '01';}*/




h3{font-weight:	normal;
 text-align: left;
padding: .3em .75em;


border-left: 3px solid #464646;
color:#464646;
}


h1{text-align: center;}
sup{font-size: 70%;}


footer{margin-top: 10vh;border-top: 1px solid #969696 ;background-color:rgb(244, 244, 244);padding:5vh;position: relative;}

#footer1{position: absolute; right: 25vw}
#footer2{position: absolute; right: 10vw}

.img30vw{width: 30%;}

.rightbox {width: 100%;text-align: right;}

@media screen and (max-width:720px) {
/*	nav li:not(:last-child){
	border-left:2px solid #ddd;
	}*/

	section.fork {
  position: relative;
   line-height: 1.8;
  font-size:13px;
	padding-top: 5vh;
  margin-top: 8vh;
	margin-left: auto;
	margin-right: auto;
  padding-bottom: 8vh;
  width: 90%;
  }
	section.full {
		position: relative;padding-top: 5vh;
		width: 90%;
		margin: 0 5%;
	}


	img{max-width: 90%;}

	#Header_all {
		width: 100%;position: fixed; background-color: #fff; height: 6vh;z-index:100; top: 0;
	  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
		}/*border-bottom: solid 1px black;*/
	#headerlogo{left:3%;font-size: 80%;line-height: 6.5vh;position: absolute;}
#Header_all  a { font-size: 3vw; display: block; /*transition: all 0.3s ease 0s;*/ }
	#Header_all  a:hover {
	 background: linear-gradient(rgb(196, 196, 196)5%,transparent 5%);
	}

	/*#Header_all  a:hover{background-color: rgb(65, 65, 65)} */
	#Header_all  li {position: absolute;border:solid 1 1 0 0 #333;list-style: none; top: 0; text-align: center; width: 15%;height:6vh;line-height: 6.5vh; }
	#header1{right:50vw;}
	#header2{right:35vw;}
	#header3{right:20vw;}
	#header4{right:5vw; white-space: nowrap; }
	.engbtn{white-space: nowrap !important; width: 15vw !important; position: absolute !important;
		font-size: 12px; z-index: 90; height: 24px;}
	.next{font-size: 20px;}
	.prev{font-size: 20px;}
	.title{
	position: relative;
	text-align: left;
	padding: .3em .75em;
	background-color: rgb(236, 236, 236);
	top: auto;bottom: auto;
	border-left: 3px solid #464646;
	color:#464646;
	font-size: 20px;
	　}
  footer{padding:3vh;}
	#footer1{position: absolute; right: 50vw; font-size: 2.5vw; bottom: 3vh;}
	#footer2{position: absolute; right: 10vw; font-size: 2.5vw; bottom: 3vh;}
}


/*
.flex{
  max-width: 600px;
  margin: 0 auto;
}
img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width:600px) {
  .flex{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
  }
  .item+.item{
    margin-left:1.0em;
  }
}
*/