@import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css');

@import url('https://use.fontawesome.com/releases/v6.0.0/css/all.css');

@import url('https://dl.dropboxusercontent.com/s/xyikn1xsqdglxbhsbt3tm/shooting.css?rlkey=uaci00vm90al46y2o3sorz5m0&st=vbdafjdh&dl=0');

@font-face { font-family: hff; src:
  url("https://dl.dropboxusercontent.com/s/uv6aw8v8i82nb8m/HFFFloralStencil.woff") format("woff"); }

@font-face { font-family: soda; src:
  url("https://dl.dropboxusercontent.com/scl/fi/xw71xba0s9pjo88fob6np/Icing-soda2_-Z.ttf?rlkey=f7txp4lvnppaxszca49h2pc0k&st=qs6spd1g") format("woff"); }

@font-face { font-family: yasai; src:
  url("https://dl.dropboxusercontent.com/s/tqkby9bhgcuwmm8/VegetableBreatheFree.woff") format("woff"); }

@font-face { font-family: saku; src: url("https://dl.dropboxusercontent.com/scl/fi/i6anzdmugbun4b9d7x97w/MinnaSW.woff?rlkey=tqnn9nma5rct9s1m0fcfgge9d&dl=0") format("woff"); }

body {
 font-family: 'soda';
 background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
}

a {
 margin: 0;
 padding: 0;
 text-decoration:none;
}

hr{
 height: 0;
 margin: 0;
 padding: 0;
 border: none;
}

#container {
 color: transparent;
}

a[href*="/dm?"] {
 font-size: 0;
}

a[href*="/dm?"]::before{
 font-family: 'Font Awesome 6 Free';
 content:'\f2ed';
 color: #ced1d3;
}

a[href*="/dt"] {
 font-size: 0;
}

a[href*="/dt"]::before{
 font-family: 'Font Awesome 6 Free';
 content:'\f2ed';
 color: #ced1d3;
}

a[href*="/um?"] {
 font-size: 0;
}

a[href*="/um?"]::before {
 font-family: 'Font Awesome 6 Free';
 content: '\f044';
 color: #ced1d3;
}

a[href*="/cp?"] {
 font-size: 0;
}

a[href*="/cp?"]::before {
 font-family: 'Font Awesome 6 Free';
 content: "\f24d";
 color: #ced1d3;
}

/*表紙*/

.atm {
 position: relative;
 margin: auto;
 width: 290px;
}

.atm p{
 font-family: 'soda';
 font-size: 25px;
 letter-spacing: -1px;
 color: transparent;
 text-shadow: 0px 0px 4px rgba( 0, 0, 0, 0.8);
 padding: 0;
 margin: 0;
 position: relative;
 top: -20px;
}

ic:before {
  font-family: "yasai";
  content: 'J';
 padding: 0;
 margin: 0;
 font-size: 90px;
 color: transparent;
 text-shadow: 0px 0px 3px rgba( 140, 70, 100, 0.7);
 position: relative;
 right: 50px;
 top: 30px;
}

/*本文*/

.me {
 position: relative;
 margin: 2em auto;
 padding: 20px;
 width: 65%;
 background: rgba(255, 255, 255, 0.6);
}

.me p {
 font-family: soda;
 text-align: justify;
 font-waight: lighter;
 font-size: 16px;
 color: black;
 letter-spacing: -0.25em;
}

ctp {
 font-family: soda;
 text-align: center;
 font-waight: lighter;
 font-size: 16px;
 color: white;
 letter-spacing: -0.25em;
}

/*区切り*/

.me kmg{
 letter-spacing: 5px;
 position: relative;
 font-family: hff;
 font-size: 35px;
 color: #FF899D;
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.me kkg{
 letter-spacing: 5px;
 position: relative;
 font-family: hff;
 font-size: 35px;
 color: #6EB487;
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.me kgk{
 letter-spacing: 5px;
 position: relative;
 font-family: hff;
 font-size: 35px;
 color: #FFCB5B;
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.me kwe{
 letter-spacing: 5px;
 position: relative;
 font-family: hff;
 font-size: 35px;
 color: #FF8C9B;
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.me kmn{
 letter-spacing: 5px;
 position: relative;
 font-family: hff;
 font-size: 35px;
 color: #64C8F0;
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*その他*/

bks {
 color: transparent;
 text-shadow: 0px 0px 8px white;
}

dkp {
 font-family: soda;
 font-waight: lighter;
 font-size: 20px;
 color: white;
 letter-spacing: -0.25em;
}

ttmr {
 padding: 0 2px;
 background: #8C4664;
 color: white;
 line-height: 1.25;
 display: inline-block;
 font-weight: bold;
}

kgmr {
 padding: 0 2px;
 background: rgba(110, 180, 135, 0.6);
 color: white;
 line-height: 1.25;
 display: inline-block;
 font-weight: bold;
}

akmr{
 padding: 0 2px;
 background: rgba(196, 40, 35, 0.6);
 color: white;
 line-height: 1.25;
 font-weight: bold;
}

gkm {
 color: black;
 background-image: linear-gradient(to right, #FFCB5B, #FFCB5B, transparent);
	background-repeat: no-repeat;
	background-size: 100% 45%;
	background-position: bottom;
}