*{
	box-sizing: border-box;
	font-size:16px;
	line-height: 1.75;
}

body,html{
	margin:0px;
	padding:0px;
/*	background:#FEFDBE;*/
	background:#FFF;
}

body {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.inner{
	width:100%;
	max-width:1020px;
	padding:0 20px;
	margin:0 auto;
	box-sizing: border-box;
}

#headline{
	padding:50px 20px 60px;
	margin:0 auto 40px;
	background:url(../../img/h1.png) center center no-repeat;
	background-size: cover;
}

h1{
	font-size:22px;
	font-weight: bold;
	padding:0px;
	text-align: center;
	color:#4574B7;
}

h2{
	font-size:20px;
	margin:20px 0;
	padding:5px 20px;
	font-weight: bold;
	text-align: center;
	color:#4574B7;
}

h3{
	background:#3F82C1;
	color:#FFF;
	font-size:18px;
	margin:20px 0;
	padding:5px 20px;
	font-weight: bold;
}

ul{
	list-style:none;
	padding:0;
	margin:0;
}

table{
	border-collapse: collapse;
	background:#FFF;
}

table th,table td{
	padding:5px 10px;
	border:1px solid #333;
}


/* header
---------------------------*/
header{
	height:80px;
	background:#FFF;
	margin:0;
}

header .inner{
	height:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

header #Menu img{
	width:40px;
	height:auto;
	cursor: pointer;
}

	#hnavi a{
		text-decoration: none;
		color:#4574B7;
		display:inline-block;
		border:1px solid #4574B7;
		font-size:14px;
		padding:5px 10px;
		border-radius:7px;
	}

#Menu{
/*	display:none;*/
}

@media(max-width:750px){
	header #logo{
		width:calc(100% - 100px);
	}
	header #logo img{
		width:200px;
	}

	header #telno img{
		width:40px;
		height:auto;
	}

	#Menu,
	#sptel{display:block;}
	#pctel{display:none;}
}
/* nav
---------------------------*/
nav{
	padding:0;
	background:#4574B7;
	margin:0;
}

nav .inner{
	position:relative;
}

nav ul{
	z-index:1000;
}

nav ul li span,
nav ul li a{
	width:100%;
	height:40px;
	line-height: 40px;
	text-align: center;
	display:block;
	text-decoration: none;
	color:#FFF;
}

.nav2{
    background:#FFF;
    display:none;
}

nav li{
   cursor:pointer;
}


@media(min-width:751px){

	#Menu{
		display:none;
	}

	nav ul{
		display: flex;
	}

	nav ul li{
		border-right:1px solid #FFF;
		position:relative;
		flex:auto;
	}

	nav ul li span{
		height:40px;
		border-left:1px solid #FFF;
		overflow: hidden;
	}

	nav ul.nav2{
		position:absolute;
		top:100%;
		left:0;
		width:100%;
	}

  .nav2 li span{
      display:block;
      color:#333;
      padding:5px 10px;
      border-top:1px solid #999;
  }

 	.nav2 > li.active span{
      background:#F00;
      color:#FFF;
  }

  .nav1 > li.active:hover .nav2{
      display:block;
      box-shadow:3px 3px 10px #0006;
  }
}

@media(max-width:750px){

	#Menu{
		display:block;
	}

	nav ul.nav1{
		position:absolute;
		top:0;
		left:0;
		display:block;
		width:100%;
		background:#4574B7;
		z-index:1000;
	}

	nav ul li span{
		height:0;
		overflow: hidden;
	}

	nav.active ul li span{
		height:40px;
	}

	nav.active ul li a{
		height:40px;
	}

}

/* main
---------------------------*/
#content{
    padding:1em 0;
    margin:0;
		min-height:calc(100vh - 200px);
}


main{
	padding:0 0 20px;
	margin:0 0 40px;
}

main .inner{
	padding:0 20px 20px;
/*	box-shadow:3px 3px 10px #0003;
	border-radius: 9px;
*/}

main #sinryo th,main #sinryo td,main #sinryo td span{
  font-weight:normal;
  font-size:14px;
}

main #Commentary,
main #empty{display: none;}

main #Commentary.active,
main #empty.active{display:block;}


main #aboutContent ul{
	list-style: none;
	padding:0;
	margin:0;
	display:flex;
	flex-wrap: wrap;
	gap:20px;
}

main #aboutContent ul li{
	width:calc(50% - 10px);
	box-sizing: border-box;
	padding:20px;
	background: #87cefa;
}

main #aboutContent ul li a{
	display: block;
	text-decoration: none;
	color:#4574B7;
	display:flex;
	align-items: center;
	justify-content: center;
	height:80px;
	font-weight: bold;
}


/* buchinuki
---------------------------*/
 .buchinuki{
    padding:40px 0;
    background:#f0f8ff;
  }

  .buchinuki *{
    color:#4574B7;
  }

  .buchinuki h2{
    margin-bottom:0;
  }

  .buchinuki h2 br{
  	display:none;
  }


@media(max-width:480px){

  .buchinuki h2 br{
  	display:block;
  }

}

  #indication{
    background:#FFF;
    max-width:600px;
    padding:20px 40px;
    margin:0 auto;
    outline:1px solid #4574B7;
  }

  .hoken{
    text-align: center;
    margin-bottom:40px;
  }

  #sinryo{
    padding:40px 0 0;
    max-width:600px;
    margin:0 auto;
  }

  #sinryo table{
    width:100%;
  }

  #sinryo span{
    display:block;
    padding:10px 0;
    text-align: center;
  }

    #dict{
        max-width:800px;
        padding:20px;
        border:1px solid #ccc;
        border-radius: 5px;
        margin:0 auto;
    }

    #dict li{
        display:inline;
    }

    #dict a{
        padding:0;
        margin:0 5px;
        line-height:1.3;
        color:#00F;
        font-size:14px;
        text-decoration: underline;
    }

    #back{
    	text-align: right;
    }

/* footer
---------------------------*/
footer{
	background:#4574B7;
	height: 80px;
	margin:0;
}

footer .inner{
	display:flex;
	height: 100%;
	align-items: center;
}

footer *{
	color:#FFF;
}