/*html{ scroll-padding-top:70px; }*/

body { margin:0; padding:0; line-height:0; background-color:#003; background-repeat:repeat; background-attachment:fixed;
 text-align: center; font-size: 12pt; font-family: "メイリオ",Meiryo; display: flex; display: -webkit-flex; }

a:link { color: #fff; text-decoration: underline; }
a:visited { color: #fff; text-decoration: underline; }
a:hover { color: #0ff; text-decoration: none; }
a:active { color: #0ff; text-decoration: none; }

/*白用のリンク*/
a:link.w { color: #223; text-decoration: underline; }
a:visited.w { color: #223; text-decoration: underline; }
a:hover.w { color: #02c; text-decoration: none; }
a:active.w { color: #02c; text-decoration: none; }

/*メニュー部分*/
nav { margin:0px 0px 0px 60px; padding:5px 0px 0px 0px; width:282px; height: 100vh; position: fixed; z-index:3; flex:20%;
 background: rgba(3,0,20,0.8); text-align:center; line-height:0;
 -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px); box-sizing: border-box; 
box-shadow: 15px 15px 70px rgba(84,112,255,0.2);
border-right:solid 1px rgba(107,152,255,0.5); border-left:solid 1px rgba(107,152,255,0.5);}

/*ロゴ用*/
#logolink { position: relative; }
#logoon { position: relative; top:0; left:0; }
#logooff { position: absolute; top:0; left:56px; }
img#logooff:hover { opacity:0; transition:0.3s; transform: scale(1.1); }


.pn { display:block; box-sizing: border-box; width:282px; height:35px; margin: 15px 0px 5px 0px; padding: 5px 15px 2px 0px; font-weight: bold;
 text-align:right;line-height:1.7em; font-size:12pt;
 border-bottom: 1px solid; border-image: linear-gradient(to left,rgba(107,152,255,0.5), transparent) 1; transition:0.2s; }

a:link.pn { color: #fff; text-decoration: none; text-shadow:1px 1px 4px #2156d0,-1px -1px 4px #2156d0; }
a:visited.pn { color: #fff; text-decoration: none; text-shadow:1px 1px 4px #2156d0,-1px -1px 4px #2156d0; }
a:hover.pn { color: #fff; background: rgba(107,152,255,0.3); text-shadow:none; box-shadow: 0 0 30px rgba(107,152,255,0.5);   }
a:active.pn { color: #fff; text-shadow:none; }

.pn::after{ content:url(img/icon.png); position:relative; top:-1px;left:5px; }

#now { background: rgba(200,0,20,0.5); color:#fff; font-weight: bold;
 box-sizing: border-box; width:282px; height:35px; margin:10px 0px; padding: 5px 0px 2px 20px;
box-shadow: inset 1px 1px 20px rgba(0,0,0,0.7); }

/*フォントサイズ変更*/
#fontsize{ position: fixed; z-index:3; left: 388px; top: 35%; line-height: 1.7em; text-align:center;/*415*/
 font-size: 9pt; color: #fff; text-shadow:1px 1px 4px #2156d0,-1px -1px 4px #2156d0; }

/*コンテンツ部分*/

#attention{ background: rgba(121,0,57,0.5); margin:0; box-sizing: border-box; line-height:2em;
-webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px); border:solid 1px rgba(255,51,102,0.5);
 box-sizing: border-box; padding:10px 20px; position:fixed; top:3%; right:1%; z-index:4; 
  font-size:10.5pt; line-height:1.8em; color:#fff; border-radius: 20px; corner-shape: bevel; }
/*背景rgba(0,77,56,0.7) 線 rgba(0,192,140,0.5)*/

#footer { font-size: 9pt; color: rgba(154,183,255,0.7); padding:10px 0px 20px 0px; width:100%;
 border-top: 1px solid;
 border-image: linear-gradient(to right, transparent, rgba(107,152,255,0.5) 50%, transparent)1; /* 線の両端を透過 */
margin-top:auto; margin-right:auto; margin-bottom:0px; margin-left:auto; }

content { margin:0; flex:1; box-sizing: border-box;
 padding-top:0; padding-bottom:0; padding-right:100px; padding-left:438px; }

#txarea{ background: rgba(5,6,38,0.8); margin:0; padding:0; box-sizing: border-box; line-height:2em;
display: flex; flex-direction: column; min-height: 100vh;
-webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);
border-right:solid 1px rgba(107,152,255,0.5); border-left:solid 1px rgba(107,152,255,0.5); }

h1 { margin: 0px 0px 20px 0px; padding: 70px 0px 5px 0px; color:#fff; font-size:32px;
 border-bottom: 1px solid; border-image: linear-gradient(to right,rgba(107,152,255,0.5), transparent) 1;
 text-indent:1em; text-align:left; text-shadow:1px 1px 4px #2156d0,-1px -1px 4px #2156d0; }

h3 { margin-top:15px; padding:0; line-height:0; }
h4 { margin:0; padding:0; line-height:1em; }

.date { color:#8caaf2; font-size: 10.5pt; font-weight:normal; text-shadow:none;
padding-left:50px; }

.text{ margin:0; padding:0px 0px 30px 50px; color:#eee; text-align:left; }

.wtx{ background: rgba(250,255,255,0.9); width:80%; border:solid 1px rgba(107,152,255,0.5); 
  margin:0em 0em 3em 0em; padding:40px 50px; color:#223; text-align:left; box-shadow: 15px 15px 60px rgba(84,112,255,0.3);
  border-radius: 40px 0px 40px 0px; corner-shape: bevel; }

ul{ margin:0px 0px 30px 40px; padding:0; text-align:left; list-style-position:inside; }
li{ padding-top:1.5em; list-style:none;/* text-indent: -1em; padding-left: 1em;*/ }
li::before{ content:"●";}
ul li:first-child { padding-top:0;}

.notes { text-indent: -1em; padding-left: 1em; }
.notes::before { content:"※"; color: #5971e2; }

.an{ color: #5971e2; }


/*ページ内リンク目次用*/
.linkbox { background: rgba(227,243,255,0.9); width:32%; color:#223;
 padding:0px 0px 5px 0px; margin-top:10px; margin-bottom:50px; border:solid 1px rgba(107,152,255,0.7);
 border-radius: 40px; corner-shape: bevel; text-align:center; }

.lbt { color:#223; padding:30px 0px 15px 0px; text-indent: -2em; }

/*汎用*/
p { padding:0; margin: 0em 0em 2em 0em; line-height: 2em; }
.pt { margin-top:1em; }
.center{ text-align:center; }
.right { text-align:right; }
.left { text-align:left; }

.b { font-weight:bold; }
.wv { text-decoration:underline wavy #036 1px; }
.wvr { text-decoration:underline wavy #c03 1px; }
.ul { text-decoration: underline; }
.r { color:#c02; font-weight:bold; }

.lm { margin-left:15px; } .lp { padding-left:15px; }
.bp{  padding-bottom:2em;  } .tp{ padding-top:2em; }

.lh2 { line-height: 2em; }

.ti { text-indent: -1em; padding-left: 1em; }

.tip{ color:#6e788a; font-size:11pt;
 text-indent: -0.5em; padding-left: 0.5em; padding-top:5px; padding-bottom:5px; }
div.tip{ line-height: 1.5em; margin-bottom:2em; }

.bgr{ background: rgba(120,0,80,0.1); }/*背景色半透明赤*/

.glink{ text-decoration:underline; color:#00e; cursor:pointer; }/*疑似リンク*/

/*横並びセット*/
.flexbox { display:flex; /*margin-bottom:1em;*/ }
.rdate { text-alignright; margin-left:auto; margin-right:200px; }

table,th,td { border-collapse: collapse; border-color:#573438; }
/*table { margin-top:30px; margin-right:auto; margin-bottom:80px; margin-left:auto; border:none; }*/
th,td { font-weight:normal; } th{ text-align:center; }
caption{font-weight:bold; }