

@charset "utf-8";

@import 
url('https://use.fontawesome.com/releases/v6.0.0/css/all.css');

@import url('https://use.fontawesome.com/releases/v7.1.0/css/all.css');

@import 
url('https://use.fontawesome.com/releases/v7.1.0/css/all.css');


@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap');

@font-face {
  font-family: 'heart';
  src: url('https://dl.dropboxusercontent.com/scl/fi/w1l9393r31tm5e088x11v/Hearts-Salad.otf?rlkey=7dhv4j9jg8xqgm61grr3ccabi&st=q5u3zezx&dl=0')
  format('truetype');
}

/* 全体 */

*{
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 font-weight: normal;
 font-family: "Zen Kaku Gothic New";
 color: #000;
 border: none;
 text-decoration: none;}


body{
  background: #ffffff;
  font-size: 10px;
  max-width: 100%;
  letter-spacing: 0.05em;
  line-height: 1.8;
  padding: 18px;
}

 

header,
section {
    margin: 3em auto;
    width: 70%;
    max-width: 500px;
}


/* タイトル */

ti{
 font-family: 'Caveat', cursive;
 font-size: 50px;
 color: #2C35BD;
 margin: -50px 0;}




/* 本文 */

.box{
  margin: 30px 40px;    
  display: block;          
  text-align: left;        
}


/* マーカー */


mg{
    padding: 0.05em;
    color: #fff;
    background: #FF899D;
}

mgst{
font-weight: 700;
color: #FF899D;
font-size: 13px;
}

rr{
    padding: 0.05em;
    color: #fff;
    background: #BFFFFF;
}

rrst{
font-weight: 700;
color: #BFFFFF;
font-size: 13px;
}

ru{
    padding: 0.05em;
    color: #fff;
    background: #5A5FAA;
}

rust{
font-weight: 700;
color: #5A5FAA;
font-size: 13px;
}

gk{
    padding: 0.05em;
    color: #000;
    background: #FFCB5B;
}

ty{
    padding: 0.05em;
    color: #fff;
    background: #A590AF;
}

wen{
    padding: 0.05em;
    color: #fff;
    background: #FF8C9B;
}

wenst{
font-weight: 700;
color: #FF8C9B;
font-size: 13px;
}

kzh{
    padding: 0.05em;
    color: #fff;
    background: #ACA7BB;
}

kzhst{
font-weight: 700;
color: #ACA7BB;
font-size: 13px;
}

kne{
    padding: 0.05em;
    color: #fff;
    background: #ABD3D8;
}

srf{
    padding: 0.05em;
    color: #fff;
    background: #DC3C41;
}

srfst{
font-weight: 700;
color: #DC3C41;
font-size: 13px;
}

ng{
    padding: 0.05em;
    color: #fff;
    background: #235AAA;
}

knt{
    padding: 0.05em;
    color: #fff;
    background: #FAD246;
}

kntst{
font-weight: 700;
color: #FAD246;
font-size: 13px;
}

hb{
    padding: 0.05em;
    color: #fff;
    background: #CD3764;
}

kisi{
    padding: 0.05em;
    color: #fff;
    background: #0C6F72;
}

kisist{
font-weight: 700;
color: #0C6F72;
font-size: 13px;
}

ktm{
    padding: 0.05em;
    color: #fff;
    background: #FF6E1E;
}

hs{
    padding: 0.05em;
    color: #fff;
    background: #ff7f27;
}

hsst{
font-weight: 700;
color: #ff7f27;
font-size: 13px;
}

kmt{
    padding: 0.05em;
    color: #fff;
    background: #3BA9FF;
}

tkm{
    padding: 0.05em;
    color: #fff;
    background: #20b2aa;
}

tkmst{
font-weight: 700;
color: #20b2aa;
font-size: 13px;
}

mns{
    padding: 0.05em;
    color: #fff;
    background: #ffc0cb;
}
/* ぼかし */

bks {
  color: transparent;
  text-shadow: 0 0 5px rgba(140,140,140,0.8);
}