@charset "utf-8";

/*フォント*/
@import url('https://fonts.googleapis.com/css2?family=Klee+One&display=swap');

/*全体*/
*{ font-family: 'Klee One', sans-serif; }
body{
  min-height: 100vh;
  background: linear-gradient(to bottom, #3f0000, #a9a9a9 50%, #031238);
  font-size: 100%;
  text-align: left;
}

/*リンク*/
a {font-family: 'Klee One', sans-serif;
text-decoration:none;
color: #333;
}
a:hover {font-family: 'Klee One', sans-serif;
text-decoration:none;
color: #a9a9a9;
}

/*表紙*/
.bla {
font-family: 'Klee One', sans-serif;
max-width: 500px;
margin: 1em auto;
padding:1em;
text-align: left;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background-color: rgba(51, 51, 51, 0.5);
font-size: 100%;
color: #fff;
position: relative;
}

/*本文*/
.whi {
font-family: 'Klee One', sans-serif;
max-width:500px;
margin: 1em auto;
padding:1em;
text-align: left;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background-color: rgba(242, 242, 242, 0.5);
font-size: 100%;
color: #333;
position: relative;
}

/*mrmr*/
.mur {
font-family: 'Klee One', sans-serif;
max-width:500px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin: 1em auto;
padding:1em;
text-align: left;
background-color: rgba(117, 132, 146, 0.5);
font-size: 100%;
color: #fff;
}

mur {
  font-family: 'Klee One', sans-serif;
  font-size: 80%;
  color: #d3d3d3;
}

/*mrhr*/
.kzhl {
border: none;
background: linear-gradient(45deg, #ACA7BB 0% 50%, #fff 50% 100%);
height: 2px;
}
.lrnl{
border: none;
background: linear-gradient(45deg, #C10E49 0% 50%, #fff 50% 100%);
height: 2px;
}
.ibl {
border: none;
background: linear-gradient(45deg, #7CA1F0 0% 50%, #fff 50% 100%);
height: 2px;
}
.knel {
border: none;
background: linear-gradient(45deg, #ABD3D8 0% 50%, #fff 50% 100%);
height: 2px;
}
.hbrl {
border: none;
background: linear-gradient(45deg, #CD3764 0% 50%, #fff 50% 100%);
height: 2px;
}


/*折り畳み*/
summary {font-family: 'Klee One', sans-serif;
max-width:500px;
}
details {font-family: 'Klee One', sans-serif;
max-width:500px;}
details[open] {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius:3px;
max-width:500px;
margin: 0em auto;
padding: 0.15em;
color: #fff;
background: rgba(51, 51, 51, 0.5);
}



/*文字サイズ*/
big130{ font-family: 'Klee One'; font-size: 130%; }
big150{ font-family: 'Klee One'; font-size: 150%; }
big180{ font-family: 'Klee One'; font-size: 180%; }
big200{ font-family: 'Klee One'; font-size: 200%; }
b { font-family: 'Klee One'; font-weight: bold;}

/*文字色*/
lrn { font-family: 'Klee One';
color: #C10E49;}
ars{ font-family: 'Klee One';
color: #7FD6E2;}
ib { font-family: 'Klee One';
color: #7CA1F0;}
kne{ font-family: 'Klee One';
color: #ABD3D8;}
knt { font-family: 'Klee One';
color: #FAD246;}
kid { font-family: 'Klee One';
color: #4DD7E3;}
kzh { font-family: 'Klee One';
color: #ACA7BB;}
abo { font-family: 'Klee One';
color: #5C9BBC;}
hbr { font-family: 'Klee One';
color: #CD3764;}
wen { font-family: 'Klee One';
color: #FF8C9B;}
akn { font-family: 'Klee One';
color: #F03C32;}