body{font-size: 100%;
text-align:center;
font-family:'Walter Turncoat',瀬戸フォント,Meiryo, メイリオ, sans-serif;
line-height:1.9;
 background: #ffffff;
letter-spacing:2.5px;
overflow-y: scroll; 
}

a {
color: #000000;
border-bottom: dashed 1px #cccccc;
text-decoration: none;
}

#content a{
position: relative;
background: -webkit-linear-gradient(0deg, #0099cc, #33ccff );
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
border: 0;
}

#content a:hover {
	border-bottom: 1px #cccccc dashed;
}


#wrp{max-width:50%;
  margin:0 auto;
  padding-top:10px;
}

header{
margin:0 auto;
text-align:center;
}

p. subheader {
color: #ffffff;
}

#nav{
margin:0 auto;
text-align:center;
width: 98%;
border-radius: 10px;
background: linear-gradient(90deg, #0099cc, #FFB6C1 ) ;
}

#nav a{
color: #ffffff;
border: 
0;
text-decoration: none;
}

#nav a:hover {
	border-bottom: 1px #ffffff dashed;
}

ul {
	list-style: none;
}

li {
        display: inline-block;
       	position: relative;
        padding: 7px;
}

#content{
height:auto;
border:0px;
}h1 {
font-family: 'Walter Turncoat';
font-size:30px;
margin-left:20px;
letter-spacing: 5px;
font-weight: normal;
}

h2{
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
	font-size:14px;
}
h2::before,
h2::after{
	content: "";
	position: absolute;
	bottom: 0;
}
h2:before{
	border-bottom: 3px solid #000000;
	width: 100%;
}
h2:after{
	border-bottom: 3px solid #cccccc;
	width: 100%;
}

p {
  color: #000;
  text-align: justify;
  text-justify: inter-ideograph;
  margin:0;
padding-top:10px;
}

.box{
width95%
; margin: 0px auto;
padding: 20px;
 color:#000;
text-align:left;
border-bottom: 1px dashed #cccccc;
}

strong {
background: linear-gradient(transparent 75%,#E8CBC0 75% ) ;
}

.box2{
width:90%;
margin:2em 0;
padding:10px;
position: relative;
border-radius: 10px;
background: linear-gradient(45deg, #E8CBC0, #636FA4 ) ;
color:#ffffff;
text-align: justify;
text-justify: inter-ideograph;
}