@charset "utf-8";
body {
  font-family: 'Sawarabi Mincho',serif;
  font-size: 18px;
  color: #121212;
}
.ffJosefin {
  font-family: 'Josefin Sans',sans-serif;
}
.navigation::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/DSC_0151.JPG) no-repeat center/cover;
  z-index: -1;
}
.navigation ul,.navigation-books ul{
	position: fixed;
	width:100%;
	left: 0;
	top: 0;
	padding-top: 20px;
	padding-bottom: 30px;
}
.navigation ul,.navigation-books ul{
	display: flex;
	justify-content: space-around;	
}
.navigation ul li a{
	font-size: 20px;
	color:#DCDF9F;
}
.navigation-books ul li a{
	font-size: 20px;
	color:#DB60AD;
}
.navigation ul li a:hover{
	text-decoration: underline double;
}
.navigation-books ul li a:hover{
	text-decoration: underline double;
}
#title{
	font-size:62px;
	font-style:italic;	
	margin-left: 120px;
	margin-top: 180px;
	margin-bottom:100px;
}
#title {
  color: #333;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#news{
	margin: 20px 50px;
}
#news h2{
	font-size: 24px;
	padding-bottom:20px;
	padding-top:30px;
	color: #333;
}
#news h3{
	font-size: 18px;
	line-height: 2em; 
	padding-bottom: 30px;
	color: #333;
}
#news-wrap{
	background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
	width:60%;
	height: auto;
	margin: 0 auto 100px auto;
}
#chikaraonuku-keikokai:hover{
	text-decoration: underline double;
}
#profile h2{
	font-size: 24px;
	padding-top:30px;
	padding-bottom:10px;
}
#profile h3{
	font-size: 21px;
	line-height: 2em;
	padding-bottom: 30px;
}
#profile h4{
	font-size: 18px;
	line-height: 2em;
	padding-bottom: 10px;
}
#profile h5{
	font-size: 16px;
	line-height: 2em;
	padding-bottom: 30px;
}
#profile{
	margin: 0 60px 50px 60px;
}
#profile-sec{
	background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
	height: auto;
	margin-bottom: 200px;
}
#profile img{
	width:80px;
	margin: -80px auto 5px 1300px;
}
.slider {
	width: 70%;
	height: 50%;    
	margin: 0 auto;
}
.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrapper{
    width: 90%;
    margin: 0 auto;
    padding: 80px 20px;
}
#photos-wrap{
	background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
	width:50%;
	height: 70%;
	margin: 0 auto 150px auto;
}
.navigation-books::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../image/DSC_0121.JPG") no-repeat center/cover;
  z-index: -1;
}
#books-detail h2{
	font-size: 24px;
	padding-bottom:10px;
	padding-top:30px;
}
#books-detail h3{
	font-size: 21px;
	line-height: 2em;
	padding-bottom: 30px; 
}
#books-detail 4h{
	font-size: 18px;
	line-height: 2em;
	padding-bottom: 30px; 
}
#books-detail 5h{
	font-size: 18px;
	line-height: 2em;
	padding-bottom: 30px; 
}
#books-detail-wrap{
	background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
	width:80%;
	height: auto;
	margin: 100px auto 150px auto;
}
#books-detail{
	padding: 30px 50px 30px 50px;
	line-height: 2em;
}
#books-detail img{
	width:50px;
}
/*#book1{
	margin: 0 auto;
}
#book2{
	margin: 0 500px 0 auto;
}
#book3{
	margin: 0 800px 0 auto;
}
#book4{
	margin: 0 300px 0 auto;
}
#book5{
	margin: 0 600px 0 auto;
}
#book6{
	margin: 0 700px 0 auto;
*/}
#counseling{
	margin: 0 60px 50px 60px;	
}
#counseling h2{
	font-size: 30px;
	padding-bottom:20px;
	padding-top:30px;
	color: #333;
}
#counseling h3{
	font-size: 21px;
	line-height: 2em; 
	padding-bottom: 30px;
	color: #333;
}
#counseling{
	margin: 20px 50px;	
}
#counseling h3 a:hover{
	text-decoration: underline double;
}
#counseling-wrap{
	background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
	width:45%;
	height: auto;
	margin: 0 auto 100px auto;
}
#translation{
	margin-bottom: 50px;
	margin-left: 60px;		
}
#translation h2{
	font-size: 30px;
	padding-bottom:20px;
	padding-top:30px;
	color: #333;
}
#translation h3{
	font-size: 21px;
	line-height: 2em; 
	padding-bottom: 30px;
	color: #333;
}
#translation{
	margin-bottom: 50px;	
}
#translation h3 a:hover{
	text-decoration: underline double;
}
#translation-wrap{
	background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
	width: 70%;
	height: auto;
	margin: 0 auto 100px auto;
}
/*#renga{
	margin-bottom: 50px;
	margin-left: 60px;	
}
#renga h2{
	font-size: 24px;
	color:#000;
	padding-bottom:10px;
	padding-top: 30px;
}
#renga h3{
	font-size: 21px;
	color: #000;
	padding-bottom:30px;
}
#renga ul li a:hover{
	text-decoration: underline double;
}
#renga{
	line-height: 2em; 	
}
#renga-wrap{
	width:45%;
	height: auto;
	margin: 0 auto 150px auto;
	background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen;
}
#renga h4{
	padding-bottom: 30px;
}
#renga img{
	width:60px;
	margin: -100px 20px 10px 500px;
}
*/#contact-body{
	background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
}
#contact-navigation ul{
	position: fixed;
	width:100%;
	left: 0;
	top: 0;
	padding-top: 20px;
}
#contact-navigation{
	margin: 10px 0 60px 0;
}
#contact-navigation ul{
	display: flex;
	justify-content: space-around;	
}
#contact-navigation ul li a{
	font-size: 20px;
	color:#2E4730;
}
#contact-navigation ul li a:hover{
	text-decoration: underline double;
}
.footer{
	color:#DCDF9F;
	position:fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	text-align: center;	
}